.innercamp{
background-color: #ffffff;
}

.app_item {
    margin-top: 32px
}

.app_item:first-child {
    margin-top: 0
}

.asia_mian {
    --img-w: 415px;
    --img-w: calc((696 / 14.8) * 1%);
    --pd: 42px;
    margin-bottom: 60px;
}

.asia_mian .img {
    width: var(--img-w);
    height: auto;
    margin-right: var(--pd)
}

.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: 110px 0;
}

.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
}


.innerPro_type {
    background: unset;
    padding: calc((120 / 19.2) * 1%) 0;
    margin: 0
}

.web_th .title {
    font-size: 36px
}

.innerPro_type2 {
    background: #fafafa
}


.ftit{
margin: 25px 0;
text-align: center;
}

.ofcanm{
        background-repeat: no-repeat;
    background-position: center;
    color: #FFFFFF;text-align: center;    margin-top: 50px;
}

.nt_swiper{
height: 667px;
}
.ofcanm .swiper-wrapper{
  
}
.ofcanm .swiper-slide{
     display: flex;
    flex-direction:  column;
    justify-content: center;
    padding: 0 20px;height: 100%;
    transition: all 0.5s 
ease;
}
.ofcanm .sptle{
       font-family: Work Sans, Work Sans;
font-weight: 600;
font-size: 24px;
margin-bottom: 10px;

}
.ofcanm .pdesc{
     font-family: Work Sans, Work Sans;
font-weight: 400;
font-size: 16px;

line-height: 28px;
display: none;

}
.nt_swiper .swiper-slide:hover{
    background: rgba(0,0,0,0.6);
border-radius: 0px 0px 0px 0px;transition: all 0.5s 
ease;
}
.nt_swiper .swiper-slide:hover .pdesc{
    display: block;transition: all 0.5s 
ease;
}



.high_swiper {
    position: relative;
    --pd: 58px;
    --pd: calc((58 / 14.8) * 1%);
    --pre-next-w: 44px;
    margin-top: 24px
}

.high_swiper .item .img,
.high_swiper .item .info {
    width: calc(50% - var(--pd) / 2)
}

.high_swiper .item .img {
    padding-bottom: 32.5%;
    /* height: 360px; */
    /* padding: 0 */
}

.high_swiper .item .title {
    font-family: Work Sans, Work Sans;
    font-weight: 800;
    font-size: 24px;
    color: #0267B3;
    line-height: 48px
}

.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_swiper .item .info {
    padding: 50px 0 calc(72px + var(--pre-next-w));
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.high_swiper .swiper-pagination-progressbar,
.high_swiper .swiper-button-next,
.high_swiper .swiper-button-prev {
    position: unset
}

.high_swiper .swiper-button-next,
.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_swiper .swiper-button-next:hover,
.high_swiper .swiper-button-prev:hover {
    background: var(--commonColor)
}

.high_swiper .swiper-button-prev {
    margin-right: 6px
}

.high_swiper .swiper-pagination-progressbar {
    width: 100%;
    height: 2px;
    margin-right: 11px
}

.high_swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--commonColor)
}

.high_swiper .cell {
    width: calc(30% - var(--pd) / 2);
    position: absolute;
    right: 0;
    bottom: 20px;
    z-index: 999;
    display: flex;
    align-items: center
}

.high_swiper .cell>div {
    display: flex
}
.swtop{
        width: 50%;
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 999;
    display: flex
;
    align-items: center;justify-content: space-around;
}


.swtop span{
    font-family: Work Sans, Work Sans;
font-weight: 600;background: #FFFFFF;
border-radius: 4px 4px 4px 4px;
font-size: 16px;
color: #000000;
padding: 10px 20px;
}
.swtop .peo{
    background: #0267B3;
    color: #FFFFFF;
}
.inctud{
    display: flex;
    flex-wrap: wrap;margin: 20px  0;
}
.inctud .tudle , .inctud .img{
    width: 50%;
}
.inctud .tudle {
    padding-right: 10%;
    display: flex
;
    flex-direction: column;
    justify-content: center;

    
}
.inctud .img{
    padding-bottom:32.5%
}
.inctud  .tit{
    font-family: Work Sans, Work Sans;
font-weight: 600;
font-size: 16px;
color: #0267B3;
line-height: 28px;
}

.inctud  .cont{
 font-family: Work Sans, Work Sans;
font-weight: 400;
font-size: 16px;
color: #666666;
line-height: 28px;
}

.swiper_solution {
    margin-top: 40px;
}.solution-prev, .solution-next {
    display: none;
}
.solution_inner .swiper-slide {
    width: 24.3%;
    transition: all 0.5s 
ease;border-radius: 5px;
    overflow: hidden;margin-right: 0.7%;
}
.home_solu_item {
    position: relative;
}
.home_solu_item::before {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0;
    background: linear-gradient(to top, rgba(1, 44, 77, 0.8), transparent);
    content: '';
    z-index: 2;
}.home_solu_item .solu_pic {
    height: 480px;
    z-index: 1;
}.home_solu_item .solu_pic::before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    content: '';
    background: rgba(0, 0, 0, .26);
    z-index: 1;
}
.pubPic img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home_solu_info {
    position: absolute;
    z-index: 3;
    text-align: center;
    padding: 0 20px 5%;
    color: #fff;
    width: 100%;
    bottom: 10px;
}.home_solu_info .title {
    font-family: 'Work Sans-Bold';
    line-height: 24px;
    margin: 10px 0;
    position: relative;
    max-height: 53px;
    overflow: hidden;
    padding: 0 0 8px;
}.home_solu_info .brief {
    line-height: 28px;
    height: 0;
    overflow: hidden;
    max-width: 480px;
    margin: 0 auto;
}

.solution_inner .swiper-slide:hover {
    width: 44%;
}.solution_inner .swiper-slide:hover .home_solu_item::before {
    height: 100%;
}.solution_inner .swiper-slide:hover .home_solu_item .solu_pic::before {
    height: 0;
}
.solution_inner .swiper-slide:hover .home_solu_info .brief {
    height: unset;
    overflow: unset;
}
.solution_inner:hover .swiper-slide {
    width: 18%;
}

.solution_inner .swiper-slide:hover {
    width: 44%;
}


.solution_inner {
    margin-top: 60px;
}

@media screen and (max-width:1300px) {
    .asia_mian .img img {
        height: 130%
    }
   .swtop span  {
        padding: 10px 15px;
    }


    .inctud   .hover_scale{
        height: auto;
      }
       .inctud .img img {
        height: 130%;
    
    }
}


@media screen and (max-width:950px) {
    .web_th .title {
        font-size: 26px
    }

  
    .box_1027_1 .lll {
        height: 0;
        padding-bottom: 70%;
        position: relative
    }

    .box_1027_1 .rrr {
        width: 100%;
        margin: 0;
        padding: 30px
    } 

    .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
    }
    .asia_mian .info .desc{
        margin: 16px 0;
    }
    


    .high_swiper .item .img, .high_swiper .item .info {
    width: 100%;
}
.swtop {
    position: relative;
    width: 100%;
    margin: 20px 0 25px;
}

.high_swiper .item .img {
    padding-bottom: 67%;}

.high_swiper .item .info {
    padding: 20px 0 calc(72px + var(--pre-next-w));}

.high_swiper .cell {
    width: calc(100% - var(--pd) / 2);}
    .inctud{
        display: block;
    }
    .inctud .tudle {
            padding-right: 0;
    }.inctud .tudle, .inctud .img {
    width: 100%;
}    .inctud .img img {
    /* padding-bottom: 75%; */
    height: auto;
}.inctud .img{
           padding-bottom: 61%;
           margin: 15px 0;
}

}