
.colorf3P , .innerPro_type2{
     background: #fafafa
}
.asia_mian {
    --img-w: 415px;
    --img-w: calc((679 / 14.8) * 1%);
    --pd: 72px;
    margin-top: 0;
    align-items: center
}

.asia_mian .img {
    width: var(--img-w);
    margin-right: var(--pd);
    padding-bottom: calc((460 / 14.8) * 1%)
}

.asia_mian .info {
    width: calc(100% - var(--img-w) - var(--pd))
}

.asia_mian .info .tit {
    font-family: Work Sans, Work Sans;
    font-weight: bold;
    font-size: 20px;
    color: #333333;
    line-height: 32px
}

.asia_mian .info .desc {
    font-family: Work Sans, Work Sans;
    font-weight: 400;
    font-size: 16px;
    color: #666666;
    line-height: 28px;
    margin-top: 16px
}
.contr{
    max-width: 50%  ;color: #FFFFFF;


}
.contr .titlt{
    font-family: Work Sans, Work Sans;
font-weight: 800;
font-size: 36px;
color: #FFFFFF;
line-height: 52px;
position: relative;margin-bottom: 20px;

}
.contr .titlt::before {
  content: '';
  width: 81px;
height: 6px;
background-color: #FFFFFF;
position: absolute;
left: 0;
bottom: -8px;

}
.contr .tiap{
    font-family: Work Sans, Work Sans;
font-weight: 600;
font-size: 24px;
color: #FFFFFF;
line-height: 36px;
}
.bg_main{
    margin-top: 3%;
    /* background: url(/imgs/Rectangle_1265.png) no-repeat center; */
    background-repeat: no-repeat;
background-position: center;
}
.tiList p{
    line-height: 114px;
/* background: #FFFFFF; */padding: 0 32px;
color: #ffffff;
border-radius: 0px 0px 0px 0px;
border-left: 1px solid #ffffff;
border-top: 1px solid #ffffff;
font-family: Work Sans, Work Sans;
font-weight: 600;
font-size: 24px;

cursor: pointer;
}
.tiList .acr{
    background: #FFFFFF;color: #0267B3;
}

.box_1027_3 {
    padding: 0 0 0 calc((100% - 1480px) / 2);
   
}
.much_yi{
     margin: 0 0 0 calc((100% - 1600px) / 2);  
     width: 750px;
     max-width: 100%;
     background: rgba(255,255,255,0.66);
border-radius: 12px 12px 0px 0px;
border: 3px solid #FFFFFF;padding: 35px 40px;
}

.much_yi  p{
    font-family: Work Sans, Work Sans;
font-weight: 400;
font-size: 16px;margin-top: 20px;
color: #666666;
line-height: 28px;
}
.much_yi  p strong{
    color: #000;
      text-transform: capitalize;
}


.much_yi .ticen{
    font-family: Work Sans, Work Sans;
font-weight: 800;
font-size: 36px;
color: #333333;
line-height: 52px;position: relative;
}
.much_yi .ticen::before {
    position: absolute;
    left: 0;
    width: 80px;
    bottom: -8px;
    background: var(--commonColor);
    content: "";
    height: 6px;
    border-radius: 6px;
    
}




.contr{
    padding: 130px 0 256px;
    display: flex;
    /* flex-direction: column;
    justify-content: space-between; */
}
.contr .itemcon{
    display: flex
;
    flex-direction: column;
    justify-content: space-between;
}



.info .blu_tit{
    font-family: Work Sans, Work Sans;
font-weight: 600;
font-size: 20px;
color: #0267B3;
line-height: 52px;
}
.mar30{
    margin-top: 30px;
}


.laylfex {
    display: flex;

}

.high_lef {
    width: 288px;
    margin-right: 5%;
    margin-top: 24px;
}

.high_lef span {
    background: #FAFAFA;
    border-radius: 4px;
    font-family: Work Sans, Work Sans;
    font-weight: 600;
    font-size: 16px;
    display: block;
    width: 288px;
    color: #333333;
    line-height: 60px;
    cursor: pointer;
    margin-bottom: 5px;
    text-align: center;
}

.high_lef .spactive {
    background: #0267B3;
    color: #FFFFFF;
}


.high .high_swiper {
    position: relative;
    --pd: 58px;
    --pd: calc((58 / 14.8) * 1%);
    --pre-next-w: 44px;
    margin-top: 24px
}

.high .high_swiper .item .img,
.high .high_swiper .item .info {
    width: calc(50% - var(--pd) / 2)
}

.high .high_swiper .item .img {
    padding-bottom: 32.5%;
    /* height: 360px; */
    /* padding: 0 */
}

.high .high_swiper .item .title {
    font-family: Work Sans, Work Sans;
    font-weight: 800;
    font-size: 24px;
    color: #0267B3;
    line-height: 48px
}

.high .high_swiper .item .desc {
    margin-top: 18px;
    font-family: Work Sans, Work Sans;
    font-weight: 400;
    font-size: 16px;
    color: #666666;
    line-height: 28px
}

.high .high_swiper .item .info {
    padding: 50px 0 calc(72px + var(--pre-next-w));
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.high .high_swiper .swiper-pagination-progressbar,
.high .high_swiper .swiper-button-next,
.high .high_swiper .swiper-button-prev {
    position: unset
}

.high .high_swiper .swiper-button-next,
.high .high_swiper .swiper-button-prev {
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: var(--pre-next-w);
    height: var(--pre-next-w);
    line-height: var(--pre-next-w);
    border-radius: 6px;
    background: #333
}

.high .high_swiper .swiper-button-next:hover,
.high .high_swiper .swiper-button-prev:hover {
    background: var(--commonColor)
}

.high .high_swiper .swiper-button-prev {
    margin-right: 6px
}

.high .high_swiper .swiper-pagination-progressbar {
    width: 100%;
    height: 2px;
    margin-right: 11px
}

.high .high_swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--commonColor)
}

.high .high_swiper .cell {
    width: calc(30% - var(--pd) / 2);
    position: absolute;
    right: 0;
    bottom: 100px;
    z-index: 999;
    display: flex;
    align-items: center
}

.high .high_swiper .cell>div {
    display: flex
}
.inner_lun{
        background: #ffffff;
    /* padding: 72px 0 36px; 
     margin-top: 4.7%; */
}
.much{
   padding-top: 160px;
   background-repeat: no-repeat;
background-position: center;
}
@media screen and (max-width: 1650px){
    .much_yi{
        margin-left: 30px;
    }
}

@media screen and (max-width: 1500px) {
    .box_1027_3 {
        padding:0 0 0 50px
        }
        .much_yi{
     margin: 0 0 0 30px;  
}

    }

@media screen and (max-width: 1400px) {
    .high .high_swiper .item .info {
    padding: 0px 0 calc(80px + var(--pre-next-w));}

.high .high_swiper .cell{
    bottom: 60px;
}


    }



@media screen and (max-width: 1140px) {
   .tiList p  {
       font-size: 16px;
        }
    }

    @media screen and (max-width: 1030px) {
    .high .high_swiper .item .info {
    padding: 0px 0 calc(20px + var(--pre-next-w));}



    }
    @media only screen and (max-width: 950px){
        .laylfex {
    display: block
;
}    .high_lef {
        width: 100%;
        margin: 15px 2px;
        display: flex
;
        justify-content: flex-start;
        flex-wrap: wrap;
    }    .high_lef span {
        width: auto;
        padding: 0 15px;
        margin: 5px 10px;
    }    .high .high_swiper .item .img {
        height: 0;
        padding-bottom: 65%;
    }    .high .high_swiper .item .info {
        padding: 20px 0 calc(30px + var(--pre-next-w));
    }    .high .high_swiper .item .img, .high .high_swiper .item .info {
        width: 100%;
    }    .high .high_swiper .item .title, .box6 .lists .item .title, .box2 .lists .item .rrr .title {
        font-size: 18px;
    }    .high .high_swiper .cell {
        width: 100%;
        bottom: 0;
    }.hover_scale img {
    height: 100%;
}    .asia_mian {
        flex-wrap: wrap;
    }    .asia_mian .img, .asia_mian .info {
        width: 100%;
    }    .asia_mian .img {
        padding-bottom: 70%;
        margin: 0 0 20px;
    }


 .much_yi{
    margin: 0 auto;
    width: 96%;
    max-width: 96%;
 }
 .much {
    padding-top: 60px;background-size: cover;
}
.tiList{
    display: none;
}
 .contr{
    display: block !important;
    max-width: 100%;padding:80px 20px;overflow: hidden;
}
.box_1027_3{
    padding: 0;
}
.high_lef{
    display: none;
}

    }
