.content {
    width: 100%;
}

.banner {
    width: 100%;
    height: 408px;
    background: url('../../images/about/banner.jpg'), rgba(32, 74, 179, 1);
    background-size: cover;
}

.bannerBox {
    width: 1200px;
    height: 408px;
    margin: 0 auto;
    position: relative;
}

.banner span {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 144px;
    height: 32px;
    transform: translate(-50%, -50%);
    opacity: 1;
    font-size: 36px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 32px;
    color: rgba(255, 255, 255, 1);
    text-align: left;
    vertical-align: top;
}

.about-company {
    position: relative;
    width: 100%;
    height: 600px;
}

.company-little {
    display: flex;
    justify-content: center;
}

.company-left {
    float: left;
    width: 279px;
    height: 291px;
    margin-top: 60px;
}

.company-left img {
    width: 100%;
    height: 100%;
}

.compny-right {
    float: left;
    margin-left: 146px;
    margin-top: 60px;
}

.eng {
    height: 32px;
    opacity: 1;
    /** 文本1 */
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 32px;
    color: rgba(2, 109, 255, 1);
    text-align: left;
    vertical-align: top;
}

.eng-bot {
    width: 43px;
    height: 4px;
    opacity: 1;
    background: rgba(2, 109, 255, 1);
    margin-top: 16px;
}

.big-title {
    margin-top: 50px;
    width: 504px;
    height: 50px;
    opacity: 1;
    /** 文本1 */
    font-size: 36px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 50px;
    color: rgba(0, 0, 0, 1);
    text-align: left;
    vertical-align: top;
}

.little-title {
    margin-top: 18px;
    width: 711px;
    height: 195px;
    opacity: 1;
    /** 文本1 */
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 32px;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
}

.float-box {
    position: absolute;
    z-index: 9;
    left: 50%;
    bottom: -90px;
    transform: translateX(-50%);
    width: 1200px;
    height: 180px;
    opacity: 1;
    border-radius: 10px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(230, 230, 230, 1);
    box-shadow: 0px 5px 10px rgba(179, 179, 179, 0.25);
}

.num-box {
    float: left;
    width: 300px;
    height: 100%;
}

.nu-top {
    margin-top: 33px;
    margin-left: 70px;
    /* width: 115px; */
    height: 70px;
    opacity: 1;
    /** 文本1 */
    font-size: 48px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 69.5px;
    color: rgba(51, 51, 51, 1);
    align-items: baseline;
}

.nu-bot {
    margin-top: 9px;
    margin-left: 70px;
    /* width: 121px; */
    height: 35px;
    opacity: 1;
    /** 文本1 */
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 34.75px;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
}

.three-mains {
    position: relative;
    width: 100%;
    height: 680px;
    opacity: 1;
    background: rgba(239, 243, 253, 1);
}

.little-mains {
    display: flex;
    flex-direction: column;
}

.mains-top {
    margin-left: 279px;
    margin-top: 168px;
    margin-bottom: 41px;
    /* width: 642px; */
}

.mt-mid {
    float: left;
    width: 216px;
    height: 30px;
    opacity: 1;
    /** 文本1 */
    font-size: 36px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 30px;
    color: rgba(2, 109, 255, 1);
    text-align: left;
    vertical-align: top;
    margin: 0 60px;
}

.mt-left {
    float: left;
    width: 165px;
}

.thin {
    display: inline-block;
    width: 94.81px;
    height: 0.58px;
    opacity: 1;
    background: rgba(2, 109, 255, 1);
    margin-bottom: 4px;
}

.thick {
    display: inline-block;
    width: 52.11px;
    height: 2.91px;
    opacity: 1;
    background: rgba(2, 109, 255, 1);
    margin-left: -5px;
    margin-bottom: 3px;
}

.square {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: rgba(2, 109, 255, 1);
    transform: rotate(45deg);
    margin-left: -10px;
}

.mt-right {
    float: left;
    width: 165px;
    margin-left: 15px;
}

.mains-bot {
    width: 100%;
}

.bot-m1 {
    float: left;
    position: relative;
    margin-top: 76px;
    width: 387px;
    height: 278px;
    opacity: 1;
    border-radius: 8px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 5px 10px rgba(211, 216, 230, 1);
    transition: transform 0.3s ease-in-out;

}

.bot-m1:hover {
    transform: translateY(-10px);
    box-shadow: 0 16px 67px -24px rgba(0, 36, 100, 0.4);
}

.m1-img {
    position: absolute;
    top: -31px;
    right: 25px;
    width: 100px;
    height: 111.06px;
    opacity: 1;
}

.m1-img img {
    width: 100%;
    height: 100%;
}

.m1-big-title {
    padding-top: 48px;
    margin-left: 16px;
    width: 96px;
    height: 32px;
    opacity: 1;
    /** 文本1 */
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 32px;
    color: rgba(2, 109, 255, 1);
    text-align: left;
    vertical-align: top;
}

.m1-little-title {
    padding-top: 53px;
    margin-left: 16px;
    width: 337px;
    height: 103px;
    opacity: 1;
    /** 文本1 */
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 30px;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
}

.train-box {
    position: relative;
    width: 100%;
    height: 690px;
    background-image: url('../../images/about/4-jd/4-bg.png');
    background-size: cover;
    background-position: center center;
    background-attachment: scroll;
}

.little-train {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.train-top {
    /*margin-left: 435px;*/
    margin: 0 auto;
    margin-top: 60px;
}

.train-top-left {
    float: left;
}

.train-top-left img {
    height: 75px;
}

.train-top-right {
    float: left;
}

.train-top-right img {
    height: 75px;
}

.train-top-mid {
    float: left;
    margin-top: 11px;
    margin-left: 35px;
    margin-right: 35px;
    width: 216px;
    height: 53px;
    opacity: 1;
    /** 文本1 */
    font-size: 36px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 52.13px;
    color: rgba(2, 109, 255, 1);
    text-align: left;
    vertical-align: top;
}

.train-bot {
    display: flex;
    justify-content: center;  /* 水平居中 */
    align-items: center;      /* 垂直居中 */
    position: absolute;
    right: -70px;
    top: 60px;
}

.train-bot img {
    max-width: 1200px;
    width: 100%;
}

.honor-box {
    position: relative;
    width: 100%;
    height: 920px;
    background-image: url('../../images/about/5-zz/5-bg.png');
    background-size: cover;
}

.little-honor {
    /*position: absolute;*/
    /*left: 50%;*/
    /*transform: translateX(-57%);*/
    /*width: 1200px;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.honor-tab {
    width: 100%;
    height: 40px;
}

.honor-left-tab {
    float: left;
    width: 600px;
    line-height: 40px;
    font-size: 20px;
    border-bottom: 1px solid rgba(2, 109, 255, 1);
    color: rgba(2, 109, 255, 1);
    margin-top: 50px;
    text-align: center;
    cursor: pointer;
}

.honor-right-tab {
    float: left;
    width: 600px;
    line-height: 40px;
    font-size: 20px;
    border-bottom: 1px solid #a1a0a0;
    color: #908f8f;
    margin-top: 50px;
    text-align: center;
    cursor: pointer;
    /*font-family: 'syht-bold';*/
}

.left-tabs {
    float: left;
    margin: 0 auto;
    margin-top: 120px;
    /*margin-left: 50px;*/
}

.honor-tab .active {
    border-bottom: 3px solid rgba(2, 109, 255, 1) !important;
    color: rgba(2, 109, 255, 1) !important;
}

.achieve-box {
    position: relative;
    width: 100%;
    height: 772px;
    background-image: url('../../images/about/6-cj/6-banner.png');
    background-size: cover;
}

.little-achieve {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top:20px;
}

.first-achieve {
    position: absolute;
    top: 157px;
    right: 0px;
    overflow: hidden;
}

.second-achieve {
    position: absolute;
    top: 337px;
    right: 0;
    overflow: hidden;
}

.third-achieve {
    position: absolute;
    top: 300px;
    left: 0px;
    overflow: hidden;
    /*margin-top: -240px;*/
    /*margin-left: 75px;*/
}

.last-box {
    position: relative;
    width: 100%;
    height: 690px;
    opacity: 1;
    background: linear-gradient(
            180deg,
            rgba(182, 198, 227, 1) 77.77%,
            rgba(238, 240, 245, 1) 100%
    );
}

.little-last {
    display: flex;
    justify-content: center;
}

.last-left {
    float: left;
    width: 520px;
    padding-top:20px;
}

.last-train-box {
    /*margin-left: 50px;*/
    /*margin-top: 116px;*/
}

.little-size {
    /* float: left; */
    width: 270px;
    height: 88px;
    opacity: 1;
    /** 文本1 */
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 22px;
    color: rgba(0, 0, 0, 1);
    text-align: center;
    vertical-align: top;
    margin-top: -5px;
}

.mid-style {
    width: 280px;
    text-align: center;
    margin-top: -20px;
    font-size: 24px;
}

.last-right img {
    margin-top: 100px;
}

.num4-1 {
    display: block;
}

.num4-2 {
    display: none;
}