.web_th .title.l0 .txt::before {
    left: 0;
    margin: 0
}

.web_th .title {
    font-size: 36px
}

.app_item {
    margin-top: 32px
}

.app_item:first-child {
    margin-top: 0
}

.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((415 / 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
}

.asia_mian .info .desc strong {
    font-size: 20px;
    color: #333
}

.asia_mian .info .desc p {
    margin-top: 30px
}

.asia_mian .info .desc p:first-child {
    margin-top: 0
}

.asia_mian .info .pubMoreBg {
    margin-top: 24px
}


.disa {
    display: flex;width: 100%;
        padding-left: calc((100% - 1480px) / 2);

}
.disa .andimg{
    width: 60%;
    padding-bottom: 32.5%;
    border-radius: 5px;
}
.disa .disand{
    flex: 1;
}

.andtop p{
    color: inherit;
    position: relative;
    display: inline-block;
    padding-bottom: 8px;text-align: left;
}

    .andtop p::before {
    position: absolute;
    left: 0;
    width: 80px;        height: 5px;
    bottom: 0;
    background: var(--commonColor);
    content: "";
    height: 6px;
    border-radius: 6px;
   
}
.andbottom{
    padding: 50px;
    background: #FFFFFF;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 
position: relative;
  right: -50px;
    z-index: 999;
    margin-top: 138px;
    
}
.andbottom p{
font-family: Work Sans, Work Sans;
font-weight: 400;
font-size: 16px;
color: #666666;
line-height: 28px;
}


.kelist{
        display: flex;
    justify-content: space-between;
    flex-wrap: wrap;    margin: 30px 0;
}
.kelist .keitem{
    width: 31%;
    text-align: center;
    margin: 15px auto;
}

.keitem .title{
    font-family: Work Sans, Work Sans;
font-weight: 600;
font-size: 18px;
color: #333333;
line-height: 28px;
}
.keitem .desc{
font-family: Work Sans, Work Sans;
font-weight: 400;
font-size: 16px;
color: #666666;
line-height: 28px;
}



.kea{
    display: flex;
    justify-content: space-between  ;    align-items: center;

    flex-wrap: wrap;
}
.kea .ke_le {
   width: 48%;
    height: auto;    padding-right: 20px;
    
} 

.kea .ke_ri {
  width: 52%;
    height: auto;
    
}

.kea .ke_le  p{
    font-family: Work Sans, Work Sans;
font-weight: 600;
color: #333333;
font-size: 36px;position: relative;
}
.kea .ke_le  p strong{
font-weight: 800;
font-size: 64px;
}

.kea .ke_le  p::before {
    position: absolute;
    left: 0;
    width: 80px;
    bottom: -10px;
    background: var(--commonColor);
    content: "";
    height: 6px;
    border-radius: 6px;
    
}

.keul{
    padding-left: 20px;
}
.keul li p{
    font-family: Work Sans, Work Sans;
font-weight: 600;
font-size: 18px;
color: #333333;margin-top: 15px;
line-height: 24px;position: relative;
cursor: pointer;
}

.keul li p::before {
    position: absolute;
       left: -20px;
    font-size: 25px;
    bottom: 0px;
    /* background: var(--commonColor); */
    content: "+";
    
    
}
.keul li .pact{
color: var(--commonColor);
}
.keul li .pact::before {
    position: absolute;
       left: -20px;
        font-size: 46px;
    bottom: 5px;
    
    content: "-";
    
    
}


.keul li div{
    display: none;
    margin-top: 8px;
}


.twoimg{
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    flex-wrap: wrap;

}
.twoimg .twimg{
    width: 49.5%;
    height: 0;
    padding-bottom: 26%;
    position: relative;
}
.twimg img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;border-radius: 4px 4px 4px 4px;
}



 .innerPro_type2 {
    background: #fafafa;
    padding: calc((120 / 19.2) * 1%) 0
}





.com_sw_style1 .swiper-slide.active_ {
    background: var(--commonColor);
}

.com_sw_style1 .swiper-slide {
    width: unset;
    display: flex
;
    align-items: center;
    padding: 18px 48px;
    border-radius: 12px 12px 0px 0px;
    background: #eee;
}.com_sw_style1 .swiper-slide .title{
    font-family: Work Sans, Work Sans;
font-weight: bold;
font-size: 20px;

line-height: 28px;
text-align: center;
}


.com_sw_style1 .swiper-slide.active_ .title {
    color: #fff;
}
.com_sw_style1 .swiper-slide span {
    width: 20px;
    height: 20px;margin-left: 8px;
    display: block;
    background: url(../img4/icon25.png) no-repeat center;
}
.com_sw_style1 .swiper-slide.active_ span {
    background: url(../img4/icon26.png) no-repeat center;
}


.box_swiper4{
    border-radius: 12px 12px 12px 12px;
border: 3px solid #EEEEEE;padding: 40px;
}


.conm_infr img{
   
  float: left;
  margin-right: 25px; 
  margin-bottom: 25px;
  width: 100%;
  max-width: 431px;
     
}
.conm_infr p{
font-family: Work Sans, Work Sans;
/* font-weight: 600; */
font-size: 16px;
/* color: #0267B3; */
line-height: 36px;
}
.conm_infr p strong{
    color: #0267B3;
}
.conm_infr .tmi{
 font-family: Work Sans, Work Sans;
font-weight: bold;
font-size: 20px;
color: #333333;
line-height: 28px;
}
.outs{
    margin: 20px 0;
}
.outs p{
    font-family: Work Sans, Work Sans;

font-size: 16px;
color: #666;
line-height: 36px;
}
.outs p strong{
    font-size: 20px;
    color: #333;
}
.pmarxt{
    margin: 20px 0;
}
.mar20{
     margin: 20px 0;text-align: center;
}

.keitem img{margin: 0 auto;    transition: all .3s 
ease;
width: 42px;
}
.keitem .hid{display: none;}
.keitem:hover .hid{display: block;}
.keitem:hover .sho{display: none;}
.keitem:hover .sho{display: none;}
.keitem:hover .title , .keitem:hover .desc{
    color: #0267B3;
}





@media screen and (max-width:1500px) {
     .box_1027_3 {
        padding: calc((120 / 19.2) * 1%) 50px calc((86 / 19.2) * 1%)
    }

    .box_1027_2 .rrr .detail {
        position: unset;
        width: 100%
    }

    .box_1027_2 .lll {
        height: auto;
        padding: 0
    }

    .box_1027_2 .lll img {
        height: 100%
    } 
    .disa{
        padding-left: 50px;
    }
}
@media screen and (max-width:1300px) {
.andbottom{
    margin-top: 15px;
}

.disa .andimg {
   
    height: 650px;}
.andimg  img{
    height: 100%;
}

}

@media screen and (max-width:950px) {
    /* .web_th .title {
        font-size: 26px
    }

    .type_info_item {
        order: 2
    } */

    .asia_mian {
        flex-wrap: wrap
    }

    .asia_mian .img,
    .asia_mian .info {
        width: 100%
    }

    .asia_mian .img {
        padding-bottom: 70%;
        margin: 0
    }

    .asia_mian .info {
        margin-top: 20px
    }

    /* .box_1027_2 {
        flex-wrap: wrap
    }

    .box_1027_2 .lll,
    .box_1027_2 .rrr {
        width: 100%
    }

    .box_1027_2 .lll {
        height: 0;
        padding-bottom: 70%
    }

    .box_1027_2 .rrr .detail {
        box-shadow: unset;
        padding: 30px
    }

    .box_1027_3 {
        padding: 30px
    }

    .box_1027_3 .swiper2 {
        float: unset;
        margin: 0 0 20px;
        width: 100%
    }

    .box_1027_3 .swiper2 .swiper-slide {
        padding-bottom: 70%
    } */

    .disa {
        display: block;        padding: 0 15px;
    }
        .andbottom {
                    margin: 15px 0;
                    right: 0px;
    z-index: 1;
        }
            .disa .andimg {
                width: 100%;
                height: auto;
                padding-bottom: 53%;
            }



            .kelist .keitem{
                width: 48%;
            }

 .kea .ke_le {
    width: 100%;
   
    padding-right: 0;
    margin-bottom: 30px;
}

.kea .ke_ri {
    width: 100%;}
   .neList span {
        width: 50%;
    }
  .twoimg .twimg {
    width: 100%;
  padding-bottom: 50%;
  margin-bottom: 15px;
}
.conm_infr img {
    float: none;
    margin-right: 0;
  
    max-width: 100%;
}
}








@media screen and (max-width:550px){
  .kelist .keitem{
                width: 100%;
            }  
}


