/* 文化 */

@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: 16px;}

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

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

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

.f54{ font-size: 46px;}

.f60{ font-size: 56px;}

.f70{ font-size: 66px;}

.f80{ font-size: 76px;}

}


@media screen and (max-width:1390px) {
	.solution ul li a img{ display:none}
	
	}



@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: 10px;}

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

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

    .f54{ font-size: 44px;}

    .f60{ font-size: 50px;}

    .f70{ font-size: 60px;}

    .f80{ font-size: 70px;}

}



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

.anli{ display:none;}

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

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

    .solution ul li div .eng{ height: 10vh;}

    .advantagesUl li .text{ padding: 35px;}

    .indexNew .item.img img{ height: 400px;}

    .advantagesUl li .img img{ height: 360px;}



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

    .solution ul li div .eng{ height: 10vh;}

    .indexNew .item.img img{ height: 350px;}

    .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: 540px; margin-top:10px;}

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

    .f26{ font-size: 24px;}

     

    

    .newslist li .img img{ height: 260px;}

    .newslist li{ height: 400px;}



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

}



@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: 20px;}

    .solution ul li{padding: 30px 5vw 0;}

    .solution ul li .line{ margin: 2vh 0;}

    .line-height2-8{ line-height: 2;}

    .indexloader-blue{ height: 30px;}

    .indexNew .item .txt{ padding: 30px;}

    .indexNew .newslink{ padding: 30px;}



    .middleEight ul li{width: 19%;}



    .middleFive{ margin-top: 0;background: url(../image/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; }

}



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

    .container,.main{ padding: 0 20px;}
	.llla{ float:left; width:40%;} 
.lllb{ float:right; width:60%; line-height:30px;} 
.roller { display:none;}

    .mainbox{ margin: 0 20px;}

    .aboutTop{ background: url(404.png) no-repeat right top #f7fbff;    background-attachment: fixed;position: relative; background-size: 35% auto;}

    nav{ width: 60%;}

    .indexNew .item.img img{ height: 460px;}

    .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(../image/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: 500px;  object-fit: cover;}

    .solutionTit{ top: 2vh;}

    .solution ul li .ico{ width: 50px; height: 30px; }

    .solution ul li .ico i,.solution ul li .ico::before{ width: 60px; height: 30px;}

    .solution ul li{ text-align: center;    padding:10vh 2vw 0;}

    .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; display:none;}

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

.stateTit p {

		    font-size: 22px;

		    line-height: 35px;

		    word-spacing: 8px;

		}

		.withFlex p {

		    background: #fff;

		    border-radius: 6px;

		    margin-right: 1.5%;

		    margin-bottom: 2.5%;

		    box-shadow: 1px 1px 10px 1px rgb(235 235 235);

		    width: 32.3%;

		    padding: 10px 15px;

		}

		.withFlex p:nth-child(3n) {

		    margin-right: 0;

		}

		.State {

		    position: relative;

		    width: 100%;

		    /* height: 615px; */

		    overflow: hidden;

		    padding-bottom: 30px;

		}



    .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; margin-top:80px;}

      .aboutTop .top .left{ width: 100%; padding: 0;}

      .aboutTop .top .left .info{ height: 440px; 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: 24px;}





      .middleSeven ul{ flex-wrap: wrap;}

      .middleEight ul{ flex-wrap: wrap;}

      .middleNine .main{flex-wrap: wrap;}

      .w50{ width: 100% !important;}

      .programmeNav a,.programmeNav a.on span{line-height: 50px; white-space: nowrap;}

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

      





      .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; margin-top:20px;}

      .wap_show{ display: block;}



      .middleFour{background: url(../image/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; margin-top:30px;}

.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(../image/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(../image/input_name.png) no-repeat center left 25px #f6f6f6; background-size: 18px auto; }

.contact .left .input.inutPhone{  background: url(../image/input_tel.png) no-repeat center left 25px #f6f6f6; background-size: 18px auto; margin-top: 10px; }

.contact .left .input.inutEmail{  background: url(../image/input_eamil.png) no-repeat center left 25px #f6f6f6; background-size: 18px auto; }

.contact .left .input.inutAdd{  background: url(../image/input_add.png) no-repeat center left 25px #f6f6f6; background-size: 18px auto;  margin-top: 10px;  width: 100%;}

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

.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: 20%; 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;}





}



@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; margin-top:30px;}

  

    

    .solutionImg .img img{ height: 700px;}

    .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(../image/solutionicon1.png) no-repeat center center #fff; background-size: 20px auto;}

.solution ul li:nth-child(2) .ico{ background: url(../image/solutionicon2.png) no-repeat center center #fff; background-size: 20px auto;}

.solution ul li:nth-child(3) .ico{ background: url(../image/solutionicon3.png) no-repeat center center #fff; background-size: 20px auto;}

.solution ul li.on:nth-child(1) .ico{background: url(../image/solutionicon1-white.png) no-repeat center center #0260b3; background-size: 20px auto;}

.solution ul li.on:nth-child(2) .ico{background: url(../image/solutionicon2-white.png) no-repeat center center #0260b3; background-size: 20px auto;}

.solution ul li.on:nth-child(3) .ico{background: url(../image/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;}



 }