/* 文化 */
@media screen and (max-width:1600px) {
    /* padding */
.pt-10{ padding-top: 8px;}
.pl-10{ padding-left: 8px;}
.pr-10{ padding-right: 8px;}
.pb-10{ padding-bottom: 8px;}
.p10{ padding: 8px;}
.pt-15{ padding-top: 13px;}
.pl-15{ padding-left: 13px;}
.pr-15{ padding-right: 13px;}
.pb-15{ padding-bottom: 13px;}
.p15{ padding: 13px;}
.pt-20{ padding-top: 16px;}
.pl-20{ padding-left: 16px;}
.pr-20{ padding-right: 16px;}
.pb-20{ padding-bottom: 16px;}
.p20{ padding: 16px;}
.pt-25{ padding-top: 20px;}
.pl-25{ padding-left: 20px;}
.pr-25{ padding-right: 20px;}
.pb-25{ padding-bottom: 20px;}
.p25{ padding: 20px;}
.pt-30{ padding-top: 26px;}
.pl-30{ padding-left: 26px;}
.pr-30{ padding-right: 26px;}
.pb-30{ padding-bottom: 26px;}
.p30{ padding: 26px;}
.pt-40{ padding-top: 36px;}
.pl-40{ padding-left: 36px;}
.pr-40{ padding-right: 36px;}
.pb-40{ padding-bottom: 36px;}
.p40{ padding: 36px;}
.pt-50{ padding-top: 45px;}
.pl-50{ padding-left: 45px;}
.pr-50{ padding-right: 45px;}
.pb-50{ padding-bottom: 45px;}
.p50{ padding: 45px;}
.pt-60{ padding-top: 55px;}
.pl-60{ padding-left: 55px;}
.pr-60{ padding-right: 55px;}
.pb-60{ padding-bottom: 55px;}
.p60{ padding: 55px; }
.pt-70{ padding-top: 66px;}
.pl-70{ padding-left: 66px;}
.pr-70{ padding-right: 66px;}
.pb-70{ padding-bottom: 66px;}
.p70{ padding: 66px;}

/* margin */
.mt-10{ margin-top: 8px;}
.ml-10{ margin-left: 8px;}
.mr-10{ margin-right: 8px;}
.mb-10{ margin-bottom: 8px;}
.m10{ margin: 8px;}
.mt-15{ margin-top: 13px;}
.ml-15{ margin-left: 13px;}
.mr-15{ margin-right: 13px;}
.mb-15{ margin-bottom: 13px;}
.m15{ margin: 13px;}
.mt-20{ margin-top: 16px;}
.ml-20{ margin-left: 16px;}
.mr-20{ margin-right: 16px;}
.mb-20{ margin-bottom: 16px;}
.m20{ margin: 16px;}
.mt-25{ margin-top: 20px;}
.ml-25{ margin-left: 20px;}
.mr-25{ margin-right: 20px;}
.mb-25{ margin-bottom: 20px;}
.m25{ margin: 20px;}
.mt-30{ margin-top: 26px;}
.ml-30{ margin-left: 26px;}
.mr-30{ margin-right: 26px;}
.mb-30{ margin-bottom: 26px;}
.m30{ margin: 26px;}
.mt-40{ margin-top: 36px;}
.ml-40{ margin-left: 36px;}
.mr-40{ margin-right: 36px;}
.mb-40{ margin-bottom: 36px;}
.m40{ margin: 36px;}
.mt-50{ margin-top: 45px;}
.ml-50{ margin-left: 45px;}
.mr-50{ margin-right: 45px;}
.mb-50{ margin-bottom: 45px;}
.m50{ margin: 45px; }
.mt-60{ margin-top: 55px;}
.ml-60{ margin-left: 55px;}
.mr-60{ margin-right: 55px;}
.mb-60{ margin-bottom: 55px;}
.m60{ margin: 55px; }
.mt-70{ margin-top: 66px;}
.ml-70{ margin-left: 66px;}
.mr-70{ margin-right: 66px;}
.mb-70{ margin-bottom: 66px;}
.m70{ margin: 66px; }

.f14{ font-size: 13px;}
.f15{ font-size: 14px;}
.f16{ font-size: 15px;}
.f18{ font-size: 17px;}
.f20{ font-size: 18px;}
.f22{ font-size: 20px;}
.f24{ font-size: 22px;}
.f28{ font-size: 26px;}
.f30{ font-size: 28px;}
.f34{ font-size: 32px;}
.f40{ font-size: 38px;}
.f44{ font-size: 42px;}
.f50{ font-size: 48px;}
.f54{ font-size: 50px;}
.f60{ font-size: 58px;}
.f70{ font-size: 68px;}
.f80{ font-size: 78px;}

}

@media screen and (max-width:1440px) {
     /* padding */
.pt-10{ padding-top: 6px;}
.pl-10{ padding-left: 6px;}
.pr-10{ padding-right: 6px;}
.pb-10{ padding-bottom: 6px;}
.p10{ padding: 6px;}
.pt-15{ padding-top: 10px;}
.pl-15{ padding-left: 10px;}
.pr-15{ padding-right: 10px;}
.pb-15{ padding-bottom: 10px;}
.p15{ padding: 10px;}
.pt-20{ padding-top: 15px;}
.pl-20{ padding-left: 15px;}
.pr-20{ padding-right: 15px;}
.pb-20{ padding-bottom: 15px;}
.p20{ padding: 15px;}
.pt-25{ padding-top: 18px;}
.pl-25{ padding-left: 18px;}
.pr-25{ padding-right: 18px;}
.pb-25{ padding-bottom: 18px;}
.p25{ padding: 18px;}
.pt-30{ padding-top: 24px;}
.pl-30{ padding-left: 24px;}
.pr-30{ padding-right: 24px;}
.pb-30{ padding-bottom: 24px;}
.p30{ padding: 24px;}
.pt-40{ padding-top: 34px;}
.pl-40{ padding-left: 34px;}
.pr-40{ padding-right: 34px;}
.pb-40{ padding-bottom: 34px;}
.p40{ padding: 34px;}
.pt-50{ padding-top: 42px;}
.pl-50{ padding-left: 42px;}
.pr-50{ padding-right: 42px;}
.pb-50{ padding-bottom: 42px;}
.p50{ padding: 42px;}
.pt-60{ padding-top: 52px;}
.pl-60{ padding-left: 52px;}
.pr-60{ padding-right: 52px;}
.pb-60{ padding-bottom: 52px;}
.p60{ padding: 52px; }
.pt-70{ padding-top: 62px;}
.pl-70{ padding-left: 62px;}
.pr-70{ padding-right: 62px;}
.pb-70{ padding-bottom: 62px;}
.p70{ padding: 62px;}

/* margin */
.mt-10{ margin-top: 6px;}
.ml-10{ margin-left: 6px;}
.mr-10{ margin-right: 6px;}
.mb-10{ margin-bottom: 6px;}
.m10{ margin: 6px;}
.mt-15{ margin-top: 10px;}
.ml-15{ margin-left: 10px;}
.mr-15{ margin-right: 10px;}
.mb-15{ margin-bottom: 10px;}
.m15{ margin: 10px;}
.mt-20{ margin-top: 15px;}
.ml-20{ margin-left: 15px;}
.mr-20{ margin-right: 15px;}
.mb-20{ margin-bottom: 15px;}
.m20{ margin: 15px;}
.mt-25{ margin-top: 18px;}
.ml-25{ margin-left: 18px;}
.mr-25{ margin-right: 18px;}
.mb-25{ margin-bottom: 18px;}
.m25{ margin: 18px;}
.mt-30{ margin-top: 24px;}
.ml-30{ margin-left: 24px;}
.mr-30{ margin-right: 24px;}
.mb-30{ margin-bottom: 24px;}
.m30{ margin: 24px;}
.mt-40{ margin-top: 34px;}
.ml-40{ margin-left: 34px;}
.mr-40{ margin-right: 34px;}
.mb-40{ margin-bottom: 34px;}
.m40{ margin: 34px;}
.mt-50{ margin-top: 42px;}
.ml-50{ margin-left: 42px;}
.mr-50{ margin-right: 42px;}
.mb-50{ margin-bottom: 42px;}
.m50{ margin: 42px; }
.mt-60{ margin-top: 52px;}
.ml-60{ margin-left: 52px;}
.mr-60{ margin-right: 52px;}
.mb-60{ margin-bottom: 52px;}
.m60{ margin: 52px; }
.mt-70{ margin-top: 62px;}
.ml-70{ margin-left: 62px;}
.mr-70{ margin-right: 62px;}
.mb-70{ margin-bottom: 62px;}
.m70{ margin: 62px; }

.f14{ font-size: 12px;}
.f15{ font-size: 13px;}
.f16{ font-size: 14px;}
.f18{ font-size: 16px;}
.f20{ font-size: 16px;}
.f22{ font-size: 18px;}
.f24{ font-size: 20px;}
.f28{ font-size: 24px;}
.f30{ font-size: 26px;}
.f34{ font-size: 30px;}
.f40{ font-size: 36px;}
.f44{ font-size: 40px;}
.f50{ font-size: 46px;}
.f54{ font-size: 46px;}
.f60{ font-size: 56px;}
.f70{ font-size: 66px;}
.f80{ font-size: 76px;}
}

@media screen and (max-width:1200px) {

           /* padding */
     .pt-10{ padding-top: 5px;}
     .pl-10{ padding-left: 5px;}
     .pr-10{ padding-right: 5px;}
     .pb-10{ padding-bottom: 5px;}
     .p10{ padding: 5px;}
     .pt-15{ padding-top:8px;}
     .pl-15{ padding-left:8px;}
     .pr-15{ padding-right:8px;}
     .pb-15{ padding-bottom:8px;}
     .p15{ padding:8px;}
     .pt-20{ padding-top: 12px;}
     .pl-20{ padding-left: 12px;}
     .pr-20{ padding-right: 12px;}
     .pb-20{ padding-bottom: 12px;}
     .p20{ padding: 12px;}
     .pt-25{ padding-top: 16px;}
     .pl-25{ padding-left: 16px;}
     .pr-25{ padding-right: 16px;}
     .pb-25{ padding-bottom: 16px;}
     .p25{ padding: 16px;}
     .pt-30{ padding-top: 22px;}
     .pl-30{ padding-left: 22px;}
     .pr-30{ padding-right: 22px;}
     .pb-30{ padding-bottom: 22px;}
     .p30{ padding: 22px;}
     .pt-40{ padding-top: 32px;}
     .pl-40{ padding-left: 32px;}
     .pr-40{ padding-right: 32px;}
     .pb-40{ padding-bottom: 32px;}
     .p40{ padding: 32px;}
     .pt-50{ padding-top: 40px;}
     .pl-50{ padding-left: 40px;}
     .pr-50{ padding-right: 40px;}
     .pb-50{ padding-bottom: 40px;}
     .pt-60{ padding-top: 50px;}
     .pl-60{ padding-left: 50px;}
     .pr-60{ padding-right: 50px;}
     .pb-60{ padding-bottom: 50px;}
     .p60{ padding: 50px; }
     .p50{ padding: 40px;}
     .pt-70{ padding-top: 60px;}
     .pl-70{ padding-left: 60px;}
     .pr-70{ padding-right: 60px;}
     .pb-70{ padding-bottom: 60px;}
     .p70{ padding: 60px;}
     
     /* margin */
     .mt-10{ margin-top: 5px;}
     .ml-10{ margin-left: 5px;}
     .mr-10{ margin-right: 5px;}
     .mb-10{ margin-bottom: 5px;}
     .m10{ margin: 5px;}
     .mt-15{ margin-top:8px;}
     .ml-15{ margin-left:8px;}
     .mr-15{ margin-right:8px;}
     .mb-15{ margin-bottom:8px;}
     .m15{ margin:8px;}
     .mt-20{ margin-top: 12px;}
     .ml-20{ margin-left: 12px;}
     .mr-20{ margin-right: 12px;}
     .mb-20{ margin-bottom: 12px;}
     .m20{ margin: 12px;}
     .mt-25{ margin-top: 16px;}
     .ml-25{ margin-left: 16px;}
     .mr-25{ margin-right: 16px;}
     .mb-25{ margin-bottom: 16px;}
     .m25{ margin: 16px;}
     .mt-30{ margin-top: 22px;}
     .ml-30{ margin-left: 22px;}
     .mr-30{ margin-right: 22px;}
     .mb-30{ margin-bottom: 22px;}
     .m30{ margin: 22px;}
     .mt-40{ margin-top: 32px;}
     .ml-40{ margin-left: 32px;}
     .mr-40{ margin-right: 32px;}
     .mb-40{ margin-bottom: 32px;}
     .m40{ margin: 32px;}
     .mt-50{ margin-top: 40px;}
     .ml-50{ margin-left: 40px;}
     .mr-50{ margin-right: 40px;}
     .mb-50{ margin-bottom: 40px;}
     .m50{ margin: 40px; }
     .mt-60{ margin-top: 50px;}
.ml-60{ margin-left: 50px;}
.mr-60{ margin-right: 50px;}
.mb-60{ margin-bottom: 50px;}
.m60{ margin: 50px; }
     .mt-70{ margin-top: 60px;}
     .ml-70{ margin-left: 60px;}
     .mr-70{ margin-right: 60px;}
     .mb-70{ margin-bottom: 60px;}
     .m70{ margin: 60px; }
     
     .f14{ font-size: 12px;}
     .f15{ font-size: 12px;}
     .f16{ font-size: 14px;}
     .f18{ font-size: 15px;}
     .f20{ font-size: 15px;}
     .f22{ font-size:16px;}
     .f24{ font-size: 18px;}
     .f28{ font-size: 20px;}
     .f30{ font-size: 24px;}
     .f34{ font-size: 28px;}
     .f40{ font-size: 34px;}
     .f50{ font-size: 40px;}
     .f54{ font-size: 48px;}
     .f60{ font-size: 54px;}
     .f70{ font-size: 64px;}
     .f80{ font-size: 74px;}
}

@media screen and (max-width:1000px) {
    
    .pt-10{ padding-top: 5px;}
    .pl-10{ padding-left: 5px;}
    .pr-10{ padding-right: 5px;}
    .pb-10{ padding-bottom: 5px;}
    .p10{ padding: 5px;}
    .pt-15{ padding-top:8px;}
    .pl-15{ padding-left:8px;}
    .pr-15{ padding-right:8px;}
    .pb-15{ padding-bottom:8px;}
    .p15{ padding:8px;}
    .pt-20{ padding-top: 15px;}
    .pl-20{ padding-left: 15px;}
    .pr-20{ padding-right: 15px;}
    .pb-20{ padding-bottom: 15px;}
    .p20{ padding: 15px;}
    .pt-25{ padding-top: 15px;}
    .pl-25{ padding-left: 15px;}
    .pr-25{ padding-right: 15px;}
    .pb-25{ padding-bottom: 15px;}
    .p25{ padding: 15px;}
    .pt-30{ padding-top: 18px;}
    .pl-30{ padding-left: 18px;}
    .pr-30{ padding-right: 18px;}
    .pb-30{ padding-bottom: 18px;}
    .p30{ padding: 18px;}
    .pt-40{ padding-top: 28px;}
    .pl-40{ padding-left: 28px;}
    .pr-40{ padding-right: 28px;}
    .pb-40{ padding-bottom: 28px;}
    .p40{ padding: 28px;}
    .pt-50{ padding-top: 35px;}
    .pl-50{ padding-left: 35px;}
    .pr-50{ padding-right: 35px;}
    .pb-50{ padding-bottom: 35px;}
    .p50{ padding: 35px;}
    .pt-60{ padding-top: 42px;}
    .pl-60{ padding-left: 42px;}
    .pr-60{ padding-right: 42px;}
    .pb-60{ padding-bottom: 42px;}
    .p60{ padding: 42px; }
    .pt-70{ padding-top: 55px;}
    .pl-70{ padding-left: 55px;}
    .pr-70{ padding-right: 55px;}
    .pb-70{ padding-bottom: 55px;}
    .p70{ padding: 55px;}
    
    /* margin */
    .mt-10{ margin-top: 5px;}
    .ml-10{ margin-left: 5px;}
    .mr-10{ margin-right: 5px;}
    .mb-10{ margin-bottom: 5px;}
    .m10{ margin: 5px;}
    .mt-15{ margin-top:8px;}
    .ml-15{ margin-left:8px;}
    .mr-15{ margin-right:8px;}
    .mb-15{ margin-bottom:8px;}
    .m15{ margin:8px;}
    .mt-20{ margin-top: 15px;}
    .ml-20{ margin-left: 15px;}
    .mr-20{ margin-right: 15px;}
    .mb-20{ margin-bottom: 15px;}
    .m20{ margin: 15px;}
    .mt-25{ margin-top: 15px;}
    .ml-25{ margin-left: 15px;}
    .mr-25{ margin-right: 15px;}
    .mb-25{ margin-bottom: 15px;}
    .m25{ margin: 15px;}
    .mt-30{ margin-top: 18px;}
    .ml-30{ margin-left: 18px;}
    .mr-30{ margin-right: 18px;}
    .mb-30{ margin-bottom: 18px;}
    .m30{ margin: 18px;}
    .mt-40{ margin-top: 28px;}
    .ml-40{ margin-left: 28px;}
    .mr-40{ margin-right: 28px;}
    .mb-40{ margin-bottom: 28px;}
    .m40{ margin: 28px;}
    .mt-50{ margin-top: 35px;}
    .ml-50{ margin-left: 35px;}
    .mr-50{ margin-right: 35px;}
    .mb-50{ margin-bottom: 35px;}
    .m50{ margin: 35px; }
    .mt-60{ margin-top: 42px;}
    .ml-60{ margin-left: 42px;}
    .mr-60{ margin-right: 42px;}
    .mb-60{ margin-bottom: 42px;}
    .m60{ margin: 42px; }
    .mt-70{ margin-top: 55px;}
    .ml-70{ margin-left: 55px;}
    .mr-70{ margin-right: 55px;}
    .mb-70{ margin-bottom: 55px;}
    .m70{ margin: 55px; }
    
    
    .f16{ font-size: 12px;}
    .f18{ font-size: 14px;}
    .f20{ font-size: 14px;}
    .f24{ font-size: 16px;}
    .f28{ font-size: 16px;}
    .f30{ font-size: 20px;}
    .f34{ font-size: 24px;}
    .f40{ font-size: 30px;}
    .f44{ font-size: 36px;}
    .f50{ font-size: 40px;}
    .f54{ font-size: 44px;}
    .f60{ font-size: 50px;}
    .f70{ font-size: 60px;}
    .f80{ font-size: 70px;}
}

@media screen and (max-width:750px) { 

    .mt-70{ margin-top: 35px;}
    .ml-70{ margin-left: 35px;}
    .mr-70{ margin-right: 35px;}
    .mb-70{ margin-bottom: 35px;}
    .m70{ margin: 35px; }
    .p50{ padding: 20px;}

    .f34{ font-size: 24px;}
    .f40{ font-size: 30px;}
    .f44{ font-size: 32px;}
    .f50{ font-size: 40px;}
    .f54{ font-size: 44px;}
    .f60{ font-size: 50px;}
    .f70{ font-size: 60px;}
    .f80{ font-size: 70px;}
}

@media screen and (max-width:420px) { 

    .pb-70{padding-bottom :35px}
    .pt-70{ padding-top: 35px;}

    .mt-50{ margin-top: 25px;}
    

}
/* css */
@media screen and (max-width:1660px) {
    nav{ width: 50%;}
    .indexloader-blue{ height: 100px;}
    body{ font-size: 14px;}
    /* .solutionTit{top: 100px;}
    .solution ul li div .eng{ height: 17vh;} */
    .advantagesUl li .text{ padding: 35px;}
    .indexNew .item.img img{ height: 600px;}
    .advantagesUl li .img img{ height: 520px;}

    .neiBan{ height: 680px;}

    #yyPic{ height: 700px;}  

    .caseList li .txt .top .desc{ margin: 30px 0 50px; }
    .mapBox{ height: 550px;}


}
@media screen and (max-width:1580px) {
    .advantagesUl li .txt{ padding: 80px 25px;}
    .advantagesUl li .txt .bottom{ width: 55px; height: 55px;}
    .indexNew .item.img img{ height: 560px;}
    .indexTit{ line-height: 1.8;}
    .advantagesMore{    width: 245px;    height: 58px;}
    .middleNine .main{ padding: 0 5vw;}
    .middleNine li.on{ height: 700px;}
    .middleNine li.on::after{  height: 50px;}
   
    .caseList li .txt{  padding-top: 40px; }
    .mapBox{ height: 500px;}
}

@media screen and (max-width:1440px) {
    .line-height2-8{ line-height: 2.4;}
    /* .solutionTit{top: 80px;}
    .solution ul li div .eng{ height: 15vh;} */
    .indexNew .item.img img{ height: 540px;}
    .honor-swiper {  margin-top: 0;  }
    .honor-swiper { height: 400px; }
    .honor-slide {width: 1621px; background-size: auto 86%;background-position: 30px 30px; margin-left: -54px; }
    .honor-item figure { border-width: 3px; width: 60px; height: 60px;}
    .honor-item time { margin-top: 12px;}
    .honor-item3 figure {width: 90px; height: 90px;}
    .honor-item3 time {font-size: 30px;}
    .honor-item4 {left: 47.853%;}
    .honor-item5 {left: 60.92%;}
    .honor-item6 {left: 58.95%;}
    .honor-item7 {left: 71.74%; }
    .honor-item7 figure { width: 90px; height: 90px;}
    .honor-item8 {left: 85.96%;}

    .aboutTop .top .left .info{ height: 300px;}
    .cultureUl li .txt img{ width: 40px; }

    .cultureUl li .txt{ padding: 0 15px; text-align: center;}

    .neiBan{ height: 600px;}

    .middleFour ul.item li{ font-size: 16px;}
    .middleFour ul.item li img{ width: 30px;}

  
    .middleFive{ margin-top: -10vh;}
    /* .middleFour ul.top{ top: 2%;}
    .middleFour ul.bot{ top: auto; bottom: 10vh;} */
    .middleSix .item>img{ width: 90px;}
    .middleSeven li::after{ width: 100px;}
    .middleNine li dl{ padding: 15px 0;}
    .middleNine li dd{ font-size: 14px;margin-left:10px}
    .middleNine li dl dt{ font-size: 16px;}
.middleNine li.on dt{ font-size: 20px }
    .middleNine li.on dd{ font-size: 16px }
    .middleNine ul{height: 620px;}
    .middleNine li{ height: 540px; width: 23%}
    .middleNine li.on{ height: 620px; width: 31%}
    .middleTen .item:hover .txt{   padding-top: 5vh;}
    .middleTen .item .en{ margin-top: 25px;}
    .middleTen .item .icon{ width: 76px; height: 76px; margin-bottom: 40px;}

    .main{ padding: 0 5vw;} .mainbox{ margin: 0 5vw;}
    
    .familyPaading{ padding: 50px 0;}
    
    .family8 .tabSwipernext{ right: -60px;}
    .family8 .tabSwiperprev{ left: -60px;}
    .familyTabTit a{padding: 12px 60px;}
    #family7swiper{ padding-bottom: 100px; margin-left: 5vw;}
    .family7swiperbtn{ bottom: 40px;}
    .f54{ font-size: 46px;}
    .mb-70{ margin-bottom: 50px;}
    .pb-70{ padding-bottom: 50px;}
    .pt-70{ padding-top: 50px;}

    .family5Ul li{ height: 520px;}.family5Ul li .item{height: 520px}.family5Ul li .img>img{ height: 520px;}
    .family5Ul li .txt a{ width: 70%;}
    .family5Ul li .txt{padding:  65px 20px 80px;}
    .family4 .main{ padding-top: 25px;}
    .family4Top{ height: 8vh;}
    .family2 .right{    padding: 5vh 5vw 5vh 30px;}
    .family2 .right li .icon{ width: 100px; height: 100px;}
    .family1 .right .item .img{ width: 80px; height: 80px;}
    .family5Ul li .txt dl{white-space: normal;}

    #shareFiveswiper .img .txt .f34{ font-size: 24px;}

    .shareSix .main{  height: 480px;}
    .shareSix .main li:nth-child(6){padding-top: 230px;}

    .caseList li .txt .top .desc{ margin: 30px 0 ; }
    .f26{ font-size: 24px;}
     
    
    .newslist li .img img{ height: 260px;}
    .newslist li{ height: 400px;}

    .middleSix ul li:nth-child(2){ margin-left: 10px }

    
    .solutionconUl li .ico{ width: 80px; height: 80px;}
 
  .programmeNav a{ line-height: 70px;transform: translateY(-35px); -webkit-transform: translateY(-35px); -moz-transform: translateY(-35px); -ms-transform: translateY(-35px); -o-transform: translateY(-35px);}
}

@media screen and (max-width:1200px) {
  #shareTwoswiper .swiper-wrapper .swiper-slide:nth-child(1) .kong{ height: 0;}
  #shareTwoswiper .swiper-wrapper .swiper-slide:nth-child(2) .kong{ height: 0;}
  #shareTwoswiper .swiper-wrapper .swiper-slide:nth-child(3) .kong{  height: 0;}
    .indexNew .item.img img{ height: 500px;}
    /* .solution ul li div .eng{ height: 10vh;}
    .solutionTit{ top: 50px;}
    .solution ul li{padding: 100px 5vw 0;}
    .solution ul li .line{ margin: 2vh 0;} */
    .line-height2-8{ line-height: 2;}
    .indexloader-blue{ height: 60px;}
    .indexNew .item .txt{ padding: 30px;}
    .indexNew .newslink{ padding: 30px;}

    .middleEight ul li{width: 19%;}

    .middleFive{ margin-top: 0;background: url(../images/middleFiveBgwap.jpg) no-repeat center top;
      background-size: 100% auto; padding: 5vh 0;}
      .middleFive .text{ width: 50%;padding-left:3vw}
      .middleFour figure{    left: 3vw;}
      .main{padding: 0 3vw;}
      .mainbox{ margin: 0 3vw;}
      .family8 .tabSwiperprev{left: 0;}.family8 .tabSwipernext{ right: 0;}
      .family8 .tabSwiperBtn{ z-index: 52;}
      .family3 .main>div.flex-column{ width: 50%;}
      .familyTel{ width: 100%;}.familyTel,.familyTel .tit{ height: 50px;}
      .family3 ul li{white-space:nowrap;    padding: 16px;}
      .family3 ul li:nth-child(1){ top: 0;}
      .family3 ul li:nth-child(2){top: 28%;}
      .family3 ul li:nth-child(3){ top: 36%;}
      .family2 .right li .icon{ width: 85px; height: 85px;}
      .family1 .right .item{padding:18px 25px;}

      .shareSix .main{ height: auto; background: none;}
      .shareSix .main li{ padding-top: 70px !important;}

      
      .caseList li .txt{  padding-top: 20px; }

      .solutionconUl li .ico{ width: 60px; height: 60px;}
      .solutionconUl li .ico{ background-size:36% auto !important}
}

@media screen and (max-width:1000px) {
    .container,.main{ padding: 0 20px;}
    .mainbox{ margin: 0 20px;}
    .aboutTop{ background: url(../images/aboutTopBg.png) no-repeat right top #f7fbff;    background-attachment: fixed;position: relative; background-size: 35% auto;}
    nav{ width: 60%;}
    .indexNew .item.img img{ height: 400px;}
    .newslink img{  width: 20px;}
    footer .center .left dl{ width: 33.3%;}

    .honor-box {
        background-attachment: local;
      }
      .honor-hand {
        margin-top: 20px;
      }
      .honor-pop-content {
        width: 600px;
        height: 600px;
        margin-left: -300px;
        margin-top: -300px;
      }
      .honor-wr time {
        margin-bottom: 30px;
        font-size: 34px;
      }

      .middleFour ul.top{ top: 1%;}

      .middleFive{  background: url(../images/middleFiveBgwap.jpg) no-repeat center top;
        background-size: cover  }
           .middleSix ul li:nth-child(2){ margin-left: 0px }
}

@media screen and (max-width:750px) {

    body{ font-size: 12px;}
  
 
    nav{ width: 100%; position: fixed; background-color: #fff; top: 60px; right: 0; flex-direction: column; height: calc(100vh - 61px); line-height: 2;
        border-top: 1px solid #e5e5e5; transition: all .88s; transform: translateX(110%);
     justify-content: center !important;}
     nav li{ width: 100%; text-align: center;}
     nav li>a{ color: #333; line-height: auto; padding: 0 15px;  width: 100%;}
     nav li>a:hover::after, nav li>a.on::after{    transform: scale(0,1);}
     nav.show{transform: translateX(0);}

    header{ height: 60px;}
    .navBtn{ display: block;} 
    .logo img{ height: 30px;}
    .about .container{ flex-direction: column;}
    .about .container .left{ padding:0 0 3vh 0;}
    .about .container .left .line-clamp3{ margin: 2vh 0;}
    .about .container .right{ padding: 0;}
    .solutionImg .img img{ width: 100%; height: 50vh;  object-fit: cover;}
    .solutionTit{ top: 5vh;}
    /* .solution ul li .ico{ width: 50px; height: 50px; }
    .solution ul li .ico i,.solution ul li .ico::before{ width: 60px; height: 60px;}
    .solution ul li{ text-align: center;    padding:100px 2vw 0;justify-content: flex-start;}
    .solutionTit{ width: 100%;}
    .solution ul li div .eng{ display: none;}

    .solution ul li .mt-60{ margin-top: 20px;}
    .solution ul li a{ padding: 10px 20px; font-size: 12px;}
    .solution ul li a img{ width: 30px; display: none;}
    .solution ul li .line{ margin: 2vh auto 4vh;} */

    .indexTit{ line-height: 1.6;}
    .advantagesMore{width: 100px;    height: 35px;}
    .advantagesUl{ flex-wrap: wrap;}
    .advantagesUl li,.advantagesUl li.on{ width: 48%; margin-bottom: 20px;}
    .advantagesUl li .img img{ height: 280px;}
    .advantagesUl li .txt{ padding: 15px;}
    .advantagesUl li .txt .bottom{ width: 30px; height:30px;}.advantagesUl li .txt .bottom img{ width: 20%;}
    .advantagesUl li .text{ padding: 10px; border-radius: 5px;bottom:15px; left: 8px;    width: calc(100% - 16px);} 
    .advantagesUl li .text .line-height{ font-size: 12px; line-height: 1.6;}

    .indexNew{ flex-wrap: wrap;}
    .indexNew .item{ width: 48%;}.indexNew .item:last-child{ width: 100%; margin-top: 20px;}
    .indexNew .item.img img{ height: 220px;}
    .indexNew .item .txt{ padding: 15px;}
 
    .indexNew .newslink{ padding: 18px;}
    .newslink .DIN{ margin-top: 15px;}
    footer .top .container { justify-content: flex-start; flex-direction: column; align-items: flex-start;}
    .w34{ width: 100%;}
    footer .top .container img{ height: 30px;}
    footer .top  .w34{ margin-top: 15px;}
    footer .top  .w34 .f14{ display: none;}
    .footSearch .text,.footSearch .submit{ height: 40px; line-height: 40px;}
    footer .center .left{ display: none;}
    footer .center .right{ width: 100%; border: none; padding-top: 15px; padding-bottom: 15px;}
    footer .center .right .text-center img{ width: 80px;}
    footer .bottom{ padding: 15px 0; font-size: 12px;}
    footer .bottom .container{ flex-direction: column; text-align: center; line-height: 1.6;}

    .pb-60{ padding-bottom: 20px;}.pt-60{ padding-top: 20px;}
    div.video-wrap{ width: 90vw; height: auto; }
    div.close-btn{ width: 40px; height: 40px;}

    .searchPop .footSearch{ width: 86%;}

    .honor-swiper {
        padding-left: 5%;
      }
      .honor-box .honor-titles {
        padding-left: 5%;
      }
      .honor-pop-content {
        width: 500px;
        height: 500px;
        margin-left: -250px;
        margin-top: -250px;
      }
      .honor-wr {
        width: 400px;
      }
      .honor-wr p {
        font-size: 14px;
      }
      .honor-wr {
        max-height: 60vh;
        overflow-y: auto;
      }

      .aboutTop .top{ flex-direction: column;}
      .aboutTop .top .left{ width: 100%; padding: 0;}
      .aboutTop .top .left .info{ height: 200px; font-size: 14px;}
      .aboutTop .top .left .line{    height: 2px;    margin: 2vh 0;}
      .aboutTop .top .img{ width: 100%;  margin-top: 2vh;}
      .aboutTop .center>img{ height:20vh;}
      .aboutTop .center .paly{ width: 60px;}
      .cultureUl{ flex-wrap: wrap;}
      .cultureUl li{ width: 50%;}
      .cultureUl li:nth-child(2n){ margin-top: 0;}
      .cultureUl li>img{ height: 250px; width: 100%; object-fit: cover;}
      .cultureUl li:hover .txt{  margin: 8px;width: calc(100% - 16px );height: calc(100% - 16px );}

      .honorPopBox{ width: 300px; height: 300px; border-radius: 20px; padding: 20px;}
      .honorPopBox .info{ margin: 0; padding-right: 10px;max-height:220px; margin-top: 15px;}

      .neiBan{ height: 300px;}

      .middleOne .main{ flex-direction: column;}
      .middleOne .main .right{ padding-left: 0;}
      .f50{ font-size: 28px;}


      .middleSeven ul{ flex-wrap: wrap;}
      .middleEight ul{ flex-wrap: wrap;}
      .middleNine .main{flex-wrap: wrap;}
      .w50{ width: 100% !important;}


      .programmeNav{ height: 50px;  }
      .programmeNav a{ line-height: 50px; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }

      .programmeNav a,.programmeNav a.on span{line-height: 50px; white-space: nowrap; height: 50px;}
      .programmeNav .main{ width: calc(100% - 40px);  overflow-x: scroll;  margin-left: 20px; justify-content: flex-start;}
     
      .programmeNav .main::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  height: 3px;}
      .programmeNav .main::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 3px; background: #e5e5e5; height: 3px; }
      .programmeNav .main::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: #f2f5f9;height: 3px; }
      

 
 .programmeNav a{ padding: 0 20px; margin:0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } 
 
 .programmeNav a.on{ background-color:  #0260b3; color: #fff;}
 .programmeNav a:hover{ box-shadow:none; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }


      .middleTwo ul{ margin-top: 15px; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start;}
      .middleTwo ul li{ padding:10px 15px ; white-space: nowrap;}
      /* .middleTwo ul li{ width: 33.3%; padding: 5px ;}
      .middleTwo ul li:nth-child(1),.middleTwo ul li:nth-child(2){ width: 50%;} */
      .middleTwo ul li img{ height:40px; margin-bottom: 15px;}

      .middleThere{ padding: 30px 0;}
      .pc_show{ display: none;}
      .wap_show{ display: block;}

      .middleFour{background: url(../images/middleFourBgFang.jpg) repeat-y center top; background-size: 100% auto; padding-top: 150px;}
      .middleFour figure{ width: calc(100% - 40px); top: 20px; left:20px ;}

      .middleFour ul.item{ display: flex;  flex-wrap: wrap; padding: 10px; width: 40%; background: rgba(255, 255, 255, 0.8);}
      .middleFour ul.top{ left: 2%; top: 25%;}
      .middleFour ul li{ width: 100%;font-size: 12px !important;}
      .middleFour ul.item li img{ width: 20px;}
      .middleFour ul.bot{ left: 2%;bottom: 25px; top: auto; width: 40%; flex-direction: column;}
      .middleFour ul.bot li{ width: 100%;}
      .middleFourSan{ transform: rotate(90deg); top: 47%; display: none;}
      .middleFourSan2{top: 75%;left: 56%; display: none;}
      .middleFive{ flex-direction: column;}
      .middleFive .text{ width: 100%; padding: 0 20px;}

      .middleFive ul li{ padding: 15px 8px; text-align: center; width: 32%;}
      .middleFiveImg{ width: 80%;}
      .middleSix ul{ width: 100%; margin-top: 30px; flex-wrap: wrap;}
      .middleSix ul li{ width: 50%;}
      .middleSix .item img{ width: 50px;}
      .middleSix{ padding: 30px 0;}
      .middleSeven{ padding: 30px 0;}
      .w48{ width: 100%;}
      .middleSeven ul{ margin-top: 20px;}
      .middleSeven ul li{ width: 33.3%; margin-bottom: 15px;}
      .middleSeven .pic{ width: 60px; height: 60px; margin-bottom: 15px;}
      .middleEight{ padding: 30px 0;}
      .middleEight ul li{  width: 48%; padding:50px 12px  12px; margin-bottom: 20px;}
      .middleEight .item::after{ width: 100px; height: 100px; left: -50px; top: -50px;}
      .middleEight .item span{ top: 10px; left: 10px;}

      .middleSeven li::after{ display: none;}
      .middleNine{ padding: 30px 0;}
      .middleNine .main{ padding: 0 20px; height: auto;}
      .middleNine li.on::after{ display: none;}
      .middleNine li{ width: 100%; height: auto; padding: 15px; }
      .middleNine li.on{ height: auto;width: 100%; padding: 15px; border-radius: 0; }
      .middleNine li dl{ flex-direction: column ; align-items: flex-start;  padding: 8px 0;}
      .middleNine li.on dt{ font-size: 16px;}
      .middleNine li.on dd{ margin-left: 0; font-size: 12px;}
      .middleNine li dd{ margin-left: 0;}

      /* .middleTen ul{ flex-wrap: wrap;}
      .middleTen li{ width: 33.3%;} */

      .f26{ font-size: 18px;}
      #yycjSwiper .item{ overflow: hidden;}
      .middleTen .item .icon{ width: 65px;  height: 65px; margin-bottom: 20px;}
      .middleTen .item .line{ height: 2px; margin-bottom: 20px;}
      .middleTen .item .icon img{ width: 50%;}
      #yyPic{ height: 420px;}
      .middle13{ padding: 30px 20px 10px;}

      #yyPic .swiper-slide .img{ height: 80%;}
      #yyPic .swiper-slide .txt{ height: 20%;}
      .family1 .main{ flex-direction: column;}
      .familyPaading{ padding: 30px 0;}
      .family1 .right{ padding-left: 0; margin-top: 15px;}
      .family1 .right .item{ padding: 15px;}
      .family1 .right .item .img{ width: 70px; height: 70px;}
      .family1 .right .item .txt{    width: calc(100% - 90px);}
      .family2{ flex-direction: column;}
      .family2Img{ width: 100%;}
      .family2 .right{ padding: 20px ;}
      .family2 .right li{ margin-bottom: 20px;}
      .family2 .right li .icon{ width: 60px; height: 60px;}
      .family2 .right li .txt{    width: calc(100% - 80px); margin-left: 20px;}
      .family3 .main{ flex-direction: column;}
      .family3 ul{ width: 100%;}
      .family3 ul li{ position: relative; margin-bottom: 20px;}
      .family3 ul li:nth-child(1), .family3 ul li:nth-child(2), .family3 ul li:nth-child(3), .family3 ul li:nth-child(4){ top: auto; left: 0;}
      .pb-70{ padding-bottom: 30px;}
      .family3 ul li span{width: 26px;height: 26px;line-height: 26px; font-size: 16px;}
      .family3 .main>div.flex-column{ width: 100%;}
      .familyTel .con{white-space: nowrap; width: 68%;}
      .familyTel .tit{ width: 32%;}
      .familyTel, .familyTel .tit{ height: 40px;}
      .family4Top{ height: 30px;}
      .pt-70{ padding-top: 30px;}
      .mb-70{ margin-bottom: 30px;}
      .mt-20{ margin-top: 10px;}
      .vstit{ width: 60px;top: -8px;}
      .family4 .main .tit{ line-height: 60px; font-size: 18px;}
      .family4 .main .con li { align-items: normal;}
      .family4 .main .con li .center{ width: 26%; display: flex; align-items: center; justify-content: center; }
      .family4 .main .con li .left,.family4 .main .con li .right{ width: 37%; display: flex; align-items: center; justify-content: center; padding: 12px 10px;}
      .family4 .main .con li{ line-height: 2;  }
      .family4{ padding-bottom: 30px;}
      .family5Ul{ flex-direction: column;}
      .family5Ul li.on,.family5Ul li{  width: 100%; height: auto;} 
      .family5Ul li .item{ height: auto; flex-direction: column;}
      .family5Ul li .img figure{ padding: 18px;}
      .family5Ul li .img figure>img{ width: 26px;}
      .family5Ul li .txt{ padding: 20px;}
      .family5Ul li .txt dl{ font-size: 12px; line-height: 1.6; margin-bottom: 16px;}
      .family5Ul li .txt dl dd{ width: calc(100% - 10px);}
      .family5Ul li .txt a{ height: 40px;  }
      .family5Ul li.on .img,.family5Ul li.on .txt{ width: 100%;}
      .family5Ul li .img>img{ height: 250px;}
      #family6swiper .swiper-slide{ padding: 10px;}
      #family6swiper .swiper-slide .mt-30{ margin-top: 10px;}
      .family7swiperbtn{ width: 80%; left: 10%; display: none;}
      .swiper-container-horizontal > .swiper-pagination-progressbar{ width: 80%;transform: translateX(10%);}
      #family7swiper{ padding-bottom: 30px;}
      .familyTabTit a{ padding: 5px 15px;}
      .family8 .tabSwiperBtn{ display: none;}
      .family8 .swiper-slide{ padding: 5px;}
      .mb-60{ margin-bottom: 30px;}

      #shareTwoswiper .swiper-wrapper .swiper-slide:nth-child(1) .kong{ height: 0;}
#shareTwoswiper .swiper-wrapper .swiper-slide:nth-child(2) .kong{ height: 0;}
#shareTwoswiper .swiper-wrapper .swiper-slide:nth-child(3) .kong{  height: 0;}
.culture_center{ display: none;}
.culture_list_img{ display: none;}
  .about_content{ padding: 0 20px;}
.culture .culture_list{ width: 100%; height: auto; padding: 0; text-align: left;}
.culture .culture_list:nth-child(1) dd,.culture .culture_list:nth-child(2) dd{ margin-top: 20px;

}
.culture .culture_list dd{ margin-top: 20px; font-size: 20px;
  padding-bottom: 12px;
  margin-bottom: 12px;}
.culture .culture_list:nth-child(2n){ padding: 0;}

.culture .culture_list dd:before,.culture .culture_list dd:after{ display: none;}
.shareSix{ padding-bottom: 60px;}
.shareSix>div.text-center{ padding: 0 20px;}
.shareSix ul{ flex-wrap: wrap;}
.shareSix ul li{ width: 33.3%;   }
.shareSix .main li{padding-top: 30px !important;}
.shareSix .main li .pic{width: 60px;
  height: 60px;
  margin-bottom: 15px;}
  #wave1{ height: 50px; top: -50px;}
  .shareFourUl{ margin-top: 0; flex-wrap: wrap;}
  .shareFourUl li{ width: 28%;margin-top: 30px; white-space: nowrap; } 

  /* .shareFourUl li .shareFouryuan{ width: 95px; height: 95px;} */
  .shareThere .main{ padding-top: 0;}
  .shareThere .main .pic{ width: 100%;}
  .shareThere .main .pic ul li{ position: relative; width: 100%; line-height: 2; font-size: 14px;}
  .shareThere .main .pic ul li>img{ display: none;}
  .shareThere .main .pic ul li span{ font-size: 18px;}
  .shareThere .main .pic ul li:nth-child(1){ bottom: auto; left: auto;}
.shareThere .main .pic ul li:nth-child(2){top: auto; left:auto;}
.shareThere .main .pic ul li:nth-child(3){top: auto;  left:auto; margin-left: 0;}
.shareThere .main .pic ul li:nth-child(4){top: auto; right:auto ;}
.shareThere .main .pic ul li:nth-child(5){ bottom: auto; right:auto ;}
  .shareThere .main .pic ul li>div{ position: relative; top: auto;}

  .shareFour{    padding: 60px 0 20px;}
  .middleThirteen{ padding: 30px 20px;}

  .shareThere .main .pic .wap_show{ width: 80%; margin: 0 auto;}
 
  .shareOne .bg{ height: 240px; padding: 20px; background: url(../images/share1Bg.jpg) no-repeat center center; background-size: cover; background-attachment: scroll; }
  #shareTwoswiper{ margin-top: 25px;}
  #family5swiper .swiper-slide .txt{ padding: 15px; overflow: hidden; position: relative;}
  #family5swiper .swiper-slide .txt .num{ font-size: 60px; bottom: -15px; right: 0;    opacity: 0.02;}
  .caseList li{ margin-top: 25px;}
  .caseList li a,.caseList li:nth-child(2n) a{ flex-direction: column;}
  .caseList li .txt{ padding-top: 0;} 
  .caseList li .txt .top .desc{ margin: 15px 0;}

  .mainbox{margin: 0 10px;}
  .mainbox .p50{ padding:20px 10px;}
  .mainbox .newsTit{ margin-top: -50px;}

  .mainbox .newsTit{ flex-direction: column; align-items: flex-start;}
  .mainbox .newsTit .left{ width: 100%;}
  .mainbox .newsTit .f34{ font-size: 16px; line-height: 2;}
  .newsTit a{  height: 35px; padding: 0 20px; margin-top: 12px;}
  .newsPage{ flex-direction: column; line-height: 2;}
  .newsPage a{ width: 100%;}
  .newsPage a.text-right{ text-align: left;  margin-top: 20px;}
  .clear40{ height: 25px;}

  .newslist{ flex-direction: column;}
  .newslist li{ width: 100%; height: auto; margin-right: 0;margin-top: 20px;}

  .y-icon-time{ height: 16px;}
  .contact{ flex-direction: column;}
  .contact .left{ width: 100%; padding: 15px;}.contact .right{ width: 100%; padding: 15px;}
  .contact .left .dis-flex-between-center{ flex-direction: column;}
  .contact .left .input{ width: 100%; padding: 10px 0 10px 60px;}
  .contact .left .input.inutName{  background: url(../images/input_name.png) no-repeat center left 25px #f6f6f6; background-size: 18px auto; }
.contact .left .input.inutPhone{  background: url(../images/input_tel.png) no-repeat center left 25px #f6f6f6; background-size: 18px auto; margin-top: 10px; }
.contact .left .input.inutEmail{  background: url(../images/input_eamil.png) no-repeat center left 25px #f6f6f6; background-size: 18px auto; }
.contact .left .input.inutAdd{  background: url(../images/input_add.png) no-repeat center left 25px #f6f6f6; background-size: 18px auto;  margin-top: 10px;}
.contact .left .submit{ padding: 10px;}
.mapBox{ height: 300px;}
.contact .right dl img{ width: 20px;}
.contact .right dl dd{ padding-left: 30px;}

.HonoraryClass{ padding: 25px 0;}
.HonoraryClass a{ padding: 15px; width: 42%; margin: 0 15px;}
.HonoraryClass a img{ display: none;}
.HonoraryClass a  .f30{ font-size: 16px; margin-top: 5px;}

.honorUl li{ width: 48%; margin-right: 4%; padding: 5px; margin-bottom: 20px;}
.honorUl li .img{ height: 150px;  }
.honorUl li:nth-child(2n){ margin-right: 0;} 

footer{ padding-bottom: 60px;}
.aboutNum{  margin-bottom: 15px;}
#toolbar{ display: flex;}

.middleSix{  position: relative;}
.middleSix::after{ display: block; content: ''; width: 100%;  height: 100%; position: absolute; top: 0; right: 0;  background-image: linear-gradient(to left,rgba(0,0,0,.3),transparent);
}

.newsBan .list .txt{ align-items: center; transform: translateY(-50%)   ; top: 50%; width: 100%; left: 0;  text-align: center;}
/*  white-space: nowrap; */
.newsBan .list .txt .anim-btn{ width: 150px; height: 38px;}
.middleTwo .swiper-slide{ font-size: 14px; white-space: nowrap;}
.middleTwo .swiper-slide img{ height: 35px;}

.solutionconUl li{ padding: 10px 5px 20px;}
.solutionconUl li .eng{ display: none;}
.solutionTit{ margin-bottom: 18px;} 


}

@media screen and (max-width:420px) { 


    .f60{ font-size: 36px;}
    .f54{ font-size: 26px;}
    .f44{ font-size: 22px;}
    .f34{ font-size: 20px;}
    .banner__text{ width: 100%; height: 100%;  top:0 ; left: 0; padding: 0 20px;  right: 0;     transform: translateY(0);
     display: flex; align-items: center; justify-content: center;}
    .banner__text__item a{align-items:center}
    .banner__text__item a .f34{ margin: 30px 0;}
    .banner__text__item span{ width: 210px; height: 35px; }
    .about{ padding: 3vh 0;}
  
    
    /* .solutionImg .img img{ height: 60vh;}
    .solution ul li a{ padding:5px 10px ; border-radius: 3px;} */
    .advantagesUl li .txt .top { line-height: 2;}
    .advantagesUl li .txt .top img{ width: 30px; margin-bottom: 5px;}
    .contactBtn{ display: none;}
    /* .solution ul li:nth-child(1) .ico{ background: url(../images/solutionIcon1.png) no-repeat center center #fff; background-size: 20px auto;}
.solution ul li:nth-child(2) .ico{ background: url(../images/solutionIcon2.png) no-repeat center center #fff; background-size: 20px auto;}
.solution ul li:nth-child(3) .ico{ background: url(../images/solutionIcon3.png) no-repeat center center #fff; background-size: 20px auto;}
.solution ul li.on:nth-child(1) .ico{background: url(../images/solutionIcon1-white.png) no-repeat center center #0260b3; background-size: 20px auto;}
.solution ul li.on:nth-child(2) .ico{background: url(../images/solutionIcon2-white.png) no-repeat center center #0260b3; background-size: 20px auto;}
.solution ul li.on:nth-child(3) .ico{background: url(../images/solutionIcon3-white.png) no-repeat center center #0260b3; background-size: 20px auto;} */

.slide-dit span{ margin-right: 15px;}
.banner__text__item{ text-align: center;}

.honorPopTit{ flex-direction: column; align-items: center; justify-content: center; display: flex;}
.honorPopBox .info{    max-height: 160px;}
.classTwo{ line-height: 50px;}.classTwo a{ padding: 0 10px;}
.classTwo a.on span{ line-height: 50px;}
nav li>a{ line-height: 50px;}

.shareFourUl li .f24{ font-size: 14px;}

.scene-nav{ z-index: 101;}
.banner:hover .scene-nav.scene-nav--prev{ left: 5px;}
.banner:hover .scene-nav.scene-nav--next{ right: 5px;}

.middleTwo{ padding: 15px 0 !important;}

 }