.banner {
    width: 100%;
    position: relative;
}

.banner .bg {
    width: 100%;
    overflow: hidden;
}

.banner .bg img {
    width: 100%;
}

.banner .img {
    position: absolute;
    top: 0;
    left: 51.5625%;
    height: 100%;
}

.banner .img img {
    height: 100%;
}

.banner .wz {
    width: 41.6666%;
    position: absolute;
    z-index: 3;
    left: 12.5%;
    top: 50%;
    transform: translate(0, -50%);
}

.banner .wz h3 {
    font-family: "HELVETICA-BOLD";
    font-size: 4.5rem;
    margin-bottom: 2.5rem;
}

.banner .wz p {
    font-size: 1.5rem;
    line-height: 2.25rem;
}


.title {
    font-family: "HELVETICA-BOLD";
    font-size: 3.75rem;
    line-height: 4.5rem;
    text-align: center;
    margin: 5rem 0 1.25rem;
}

.title span {
    color: #035ca7;
}

.subtitle {
    font-size: 1.5rem;
    line-height: 3rem;
    text-align: center;
    margin: 2.1875rem 0 3.4375rem;
}


.box1 {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.box1 .img img {
    width: 100%;
}

.box1 .con {
    position: absolute;
    left: 50%;
    top: 51.7777%;
    /* 466px */
    transform: translateX(-50%);
}

.box1 .con .tit {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.box1 .con .tit h3 {
    padding: 0 1.25rem;
    background: #035ca7;
    font-family: "HELVETICA-BOLD";
    font-size: 3rem;
    line-height: 4.125rem;
    color: #ffffff;
    border-radius: 1.25rem;
}

.box1 .con .tit p {
    font-size: 2.25rem;
    line-height: 4.5rem;
    text-align: center;
    margin: 1.875rem 0 2.5rem;
}

.box1 .con ul {
    display: flex;
    justify-content: center;
}

.box1 .con ul li {
    width: 220px;
    margin: 0 .3125rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.box1 .con ul li p {
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: #666666;
    text-align: center;
}


.box2 {
    display: flex;
    overflow: hidden;
}

.box2 li {
    width: 33.3333%;
    /* 640px */
}

.box2 li img {
    width: 100%;
}

.box2 li.lm {
    position: relative;
}

.box2 li.lm .con {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 15.625% 9.375%;
    /* padding: 100px 60px; */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.box2 li.lm .con dl dt span {
    font-family: "HELVETICA-BOLD";
    font-size: 6.25rem;
    font-style: italic;
    color: #c4c4c4;
}

.box2 li.lm .con dl dt h3 {
    font-family: "HELVETICA-BOLD";
    font-size: 2.25rem;
    line-height: 3.125rem;
    color: #035ca7;
    position: relative;
}

.box2 li.lm .con dl dt h3:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .5625rem .8125rem;
    border-color: transparent #035ca7 transparent transparent;
    position: absolute;
    left: -2.875rem;
    top: calc(50% - .5625rem);
}

.box2 li.lm .con dl dd {
    margin-top: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.875rem;
}

.box2 li.lm .con dl:last-child {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
}

.box2 li.lm .con dl:last-child dt h3:after {
    left: auto;
    right: -2.875rem;
    border-color: transparent transparent transparent #035ca7;
}


.box3 {
    overflow: hidden;
    padding-bottom: 7.5rem;
}
.box3 .img img{
    width: 100%;
}


.box4 {
    overflow: hidden;
    background: url(../images/3D_40.jpg) no-repeat center top;
    background-size: contain;
}

.box4 .title {
    color: #ffffff;
}

.box4 .subtitle {
    color: #ffffff;
    margin: 0 0 3.4375rem;
}

.box4 ul {
    display: flex;
}
.box4 ul li img{
    width: 100%;
}
.box4 ul li:nth-child(1){
    width: 33.3333%;    /* 480px */
}
.box4 ul li:nth-child(2){
    width: 21.5277%;    /* 310px */
}
.box4 ul li:nth-child(3){
    width: 20.1388%;    /* 290px */
}
.box4 ul li:nth-child(4){
    width: 24.9305%;    /* 360px */
}

.box4 .video {
    width: 83.3333%;    /* 1200px */
    padding-bottom: 4.8611%;    /* 70px */
    background: url(../images/3D_46.png) no-repeat center bottom;
    background-size: contain;
    margin: 3.125rem auto 5rem;
}

.box4 .video img {
    width: 100%;
}
.box4 .video video {
    display: block;
    width: 100%;
}


.box5 {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 6.25rem;
}
.box5 .img{
    min-height: 666px;
}
.box5 .img img {
    width: 100%;
}

.box5 .w1440 {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
}

.box5 .w1440 .l {
    width: 48.6111%;
    /* 700px */
}

.box5 .w1440 .l .con {
    font-size: 1.125rem;
    line-height: 1.875rem;
    margin: 1.25rem 0 3.125rem;
}

.box5 .w1440 .l dl {
    border: 1px solid #e3e2e0;
    border-radius: .9375rem;
    padding: 1.5625rem;
    margin-bottom: 1.25rem;
}

.box5 .w1440 .l dl dt {
    font-family: "HELVETICA-BOLD";
    font-size: 1.875rem;
    line-height: 2.5rem;
    margin-bottom: .625rem;
}

.box5 .w1440 .l dl dd {
    padding: 1.25rem 0;
    font-size: 1rem;
    line-height: 1.875rem;
}

.box5 .w1440 .l dl dd div {
    padding: .625rem .9375rem;
    background: #f2f2f2;
}




@media (max-width: 1300px) {
    
}

@media (max-width: 1199px) {
    
}

@media (max-width: 768px) {
    .banner .bg img{
        width: 100%;
    }
    .banner .img img{
        width: 100%;
    }
    .banner .wz{
        left: 2%;
        width: 50%;
    }
    .banner .wz h3{
        font-size: 1.25rem;
        line-height: 1.875rem;
        margin-bottom: .625rem;
    }
    .banner .wz p{
        font-size: .875rem;
        line-height: 1.25rem;
    }



    .title{
        font-size: 1.5rem;
        line-height: 2.5rem;
        margin: 1.875rem 0 .9375rem;
    }
    .subtitle{
        font-size: 1rem;
        line-height: 1.875rem;
        margin: .9375rem 0 1.875rem;
    }

    .box1 .img{
        margin-bottom: 20%;
    }
    .box1 .con{
        top: 40%;
        width: 100%;
    }
    .box1 .con .tit h3{
        font-size: 1.5rem;
        line-height: 1.875rem;
    }
    .box1 .con .tit p{
        font-size: 1rem;
        line-height: 1.875rem;
        margin: .9375rem 0 1.25rem;
    }
    .box1 .con ul li{
        width: 23%;
        margin: 0 1%;
    }
    .box1 .con ul li div img{
        width: 3.125rem;
    }
    .box1 .con ul li p{
        font-size: .875rem;
        line-height: 1.25rem;
    }
    
    .box2 li.lm .con{
        padding: .625rem;
    }
    .box2 li.lm .con dl dt{
        display: flex;
        align-items: center;
    }
    .box2 li.lm .con dl dt span{
        font-size: 1.5rem;
    }
    .box2 li.lm .con dl dt h3{
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .box2 li.lm .con dl dt h3:after{
        display: none;
    }
    .box2 li.lm .con dl dd{
        font-size: .75rem;
        line-height: 1rem;
        margin-top: 0;
    }

    .box5 .img{
        display: none;
    }
    .box5 .w1440{
        position: inherit;
        left: auto;
        transform: translateX(0);
    }
    .box5 .w1440 .l{
        width: 100%;
    }
    .box5 .w1440 .l .con{
        margin: 0 0 .9375rem;
    }
    
    
    
}