/* css */
@media screen and (max-width:1680px) {
    /* .caseBtn.next{ right: 0; }
    .caseBtn.prev{ left: 0;} */
   

    .honor .btn.next{ right: -70px;}
    .honor .btn.prev{ left: -70px;}


    .caseBtn.prev{ left: -70px;   } 
    .caseBtn.next{ right: -70px;} 

    .Envir .swiper-button-next{ right: -70px;}
    .Envir .swiper-button-prev{ left: -70px;}
    
}
@media screen and (max-width:1620px) {
    .honor .btn.next{ right:0;}
    .honor .btn.prev{ left: 0;}
    .caseBtn.prev{ left: 0;   } 
    .caseBtn.next{ right: 0;} 

    .Envir .swiper-button-next{ right: 0;}
    .Envir .swiper-button-prev{ left: 00;}
}

@media screen and (max-width:1480px) {
    body{  font-size: 14px;   }
    .w1480{ width: 1280px;}
    header .logo{ width: 16.8vw;}
    nav{ width: 45vw;}
   
    .banner .list02 .text{    right: calc((100vw - 1280px) / 2);}
    .banner  .swiper-button-next{right: 0;  }
    .banner  .swiper-button-prev{left: 0;  }
    .advantage .left .txt{    left: calc((100vw - 1280px) / 2);}

    .advantage .right .yuan{ width: 640px;}
    .advantage .right .swiper-container{ width: 354px;    background: url(../image/yuan.png) no-repeat top center; background-size: 354px 354px;}
    .advantage .right .swiper-slide .top{ width: 354px; height: 354px; padding: 48px;}
    .advantage .right .swiper-slide .top .txt{ width: 259px; height: 259px; top: 48px; left: 48px;}

    .about .left{    padding-left: calc((100vw - 1280px) / 2);}
    .indexmore{ width: 138px; height: 43px;}

    .editorial{    height: 6em;}
    .ewmImg{ width: 110px;}

    .neibanner{ height: 600px;}

    .neibanner .w1480{  left: calc((100vw - 1280px)/2);  }

    .serchBan{ height: 400px;}
  

    .introduction .txt{ width: 640px;}
    .introduction .pic::after{ width: 50px; right: -50px;}

    .cooperationul{grid-template-columns: repeat(5,1fr);}

    .caselist li .img img{ height: 317px;}
    .pglist{ padding: 30px 0;}

   
    .detailOne .txt .content{ max-height: 280px;}
}

@media screen and (max-width:1280px) {
    .w1480,.w1280{ width: 90%;}
    .banner .list02 .text{ right: 5%;}
    .banner .swiper-container{ height: auto;}.banner .swiper-container img.banImg{ height: auto;}
    .banner .list02 .text{ height: 100%;}
    header .wmax{ padding: 0; width: 90%; margin: 0 auto;}
    .ptb60 { padding: 40px 0;}
    .advantage .left .txt{ left: 5%;}
    .advantage .right .yuan{ width: 45vw; min-width: 354px;}
    .about .left{ padding-left: 5vw;}

    .neibanner .w1280{left: 5%;}
    .class li{ line-height: 80px; height: 80px;}
    .class li.on a{ font-size: 18px;}
    .detailOne .txt{ padding: 50px;}
    /* .detailOne .img img{ max-width: 90%;} */

    .neibanner{ height: 500px;}

    .neibanner .w1480{left: 5%; }

    .serchBan{ height: 380px;}


    .introduction{ align-items: stretch;}
    .introduction .txt{ width: 60%;}

    .introduction .pic{ width: 40%;}.introduction .pic img{ width: 100%; height: 100%; object-fit: cover;}
    .introduction .pic::after{  display: none;}
    .introduction .txt{ margin: 0; width: 60%; padding: 0 5vw;}

    .Culture .con li{ padding: 0 20px; text-align: center;}

    .caselist li .img img{ height: 280px;}
    .pglist{ padding: 30px 0;}

    .detailOne .txt .content{ max-height: 250px;}
   
}

@media screen and (max-width:1200px) {.advantageBtn{ display: none;}
.zhihuiUl{grid-template-columns: repeat(4,1fr); text-align: center;}
.cooperationul{grid-template-columns: repeat(4,1fr);}

.detailOne .txt .content{ max-height: 160px;}
}
.wap_menu{ width: 60px; height: 60px; background: url(../image/menushow.png) no-repeat center center #0e4a91; display: none; }
.wap_menu.close{background: url(../image/menuclose.png) no-repeat center center #0e4a91;}
@media screen and (max-width:1000px) { 

    .detailOne{ flex-direction: column;}
    .detailOne .img{ width: 100%;  }
    .detailOne .txt{ width: 100%;}
  
    .wap_menu{ display: block;}
    nav{
    position: fixed;
    top: 60px;
    background:#0e4a91 ;
    height: calc(100vh - 60px);
    flex-direction: column;
    width: 100%;
    right: 0;
    justify-content: center !important;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
    nav a{ color: #fff; font-size: 16px; width: 100%; text-align: center; line-height: 4; border-bottom: 1px solid rgba(255, 255, 255, 0.05);}
    nav img{ display: none;}
    nav.show{ transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
    header{ height: 60px;}
    header .logo{ width: 25vw;}
    .searchBox{ top: 60px;}
    header .wmax{ width: 100%; padding-left: 5%;}

    .detailLiandian ul{grid-template-columns: repeat(4,1fr);}
 
    .zhihuiUl{grid-template-columns: repeat(3,1fr); }


    .neibanner{ height: 400px;}


   

    .serchBan{ height: 300px;}

    .honor .swiper-slide .img{ height: 300px;}

    .cooperationul{ grid-gap: 20px;}

    .caselist li .img img{ height: 200px;}

    .serachTop .input{ height: 50px; padding-left: 50px;background: url(../image/searchbg.png) no-repeat left 15px center #f7f8f9; background-size: 15px auto;}
    .serachTop .submit{ height: 50px;}

    .detailOne .txt .content{ max-height: 120px;}
  
}
.banner  .wapban{ display: none;}
@media screen and (max-width:750px) { 
    body{  font-size: 12px;   }
    .headerTel{ display: none;}
    header .logo{ width: 35vw;}
    .searchBox{ padding: 10px;}
    .searchBox form{ width: 80%;  margin-right: 20%;}
    .searchClose{  right: 20px; top: 50%; margin-top: -9px;}
    .banner{height:250px}
    .banner .wapban{
        height:250px
    }
    .banner .wapban img{
        height:250px
        object-fit: cover;
    }
    .banner .list02{ display: none;}
    .banner  .wapban{ display: block;}
    .banner .swiper-pagination-bullet{ width: 5px; height: 5px; margin: 0 4px !important;}
    .banner .swiper-button-next,.banner .swiper-button-prev{ display: none !important;}

    header .wmax{ padding-left: 20px;}
    .ptb60{ padding: 30px 0;}
   
    .w1480,.w1280{ width: 100%; padding: 0 20px;}
    .serviceTop{ flex-wrap: wrap;}.serviceTop li { width: 50%;}
    .serviceTop li.on .f18{ font-weight: bold;}
    .serviceTop li.on .f18::after{ display: none;}
    .serviceBot .swiper-slide{ flex-direction: column;}
    .serviceBot .swiper-slide .img img{ max-width: 100%;}
    .serviceBot .swiper-slide .txt{ padding-top: 25px;}
    .serviceBot .indexmore{ margin-top: 25px;}

    .advantage{ margin-top: -30px;}
    .advantage .right{ display: none;}

    .advantage .left .txt{ padding-right: 20px; left: 20px; bottom: 20px;}
    .about{ flex-direction: column;}

    .line-clamp4{-webkit-line-clamp: 3;}
    .about .left{padding-left: 20px; padding-right: 20px; margin-bottom: 20px;}
    .editorial{ height: 3em;}
    .logo-foot{ width: 70%;}
    footer dl,footer .line{ display: none;}
    .ewmImg { width: 70px;}
    footer .bototm{ padding: 15px 20px; line-height: 2;}

    .indexmore{    width: 120px;height: 30px;}

  

    .detailLiandian ul{grid-template-columns: repeat(3,1fr);}

    .zhihuiUl{grid-template-columns: repeat(2,1fr);
        grid-gap: 20px; }

        .class li.on a{ font-size: 15px;}
        .class li.on a::after{ height: 2px;}

        .class li{ height: 50px; line-height: 50px;}
        .detailYingyong{ padding-bottom: 0;}
        .detailYingyong .swiper-container{ padding-bottom: 50px;}
        .detailYingyong .swiper-container{  margin: 0 20px;}
        .detailYingyong .swiper-container .swiper-slide-active .txt, .detailYingyong .swiper-container .swiper-slide-duplicate-active .txt{  line-height: 40px; height: 40px;}

        .neibanner{ height: 300px;}

  
        .serchBan{ height: 300px;}

        .prollist li a{ flex-direction: column-reverse;}



        .class{ border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; -ms-border-radius: 8px 8px 0 0; -o-border-radius: 8px 8px 0 0; }

        .scroll1{ overflow-x: scroll;}
        .scroll1 ul{ width: max-content;}
        .scroll1 ul li{ width: 25vw;}
        

        .introduction{ flex-direction: column;}
        .introduction .pic{ width: 100%; height: 400px;}
        .introduction .txt{ width: 100%; padding: 0 20px; margin-top: 20px;}

        .Culture .con{ flex-direction: column; height: auto;}
        .Culture .con li{ width: 100%; border-right: none; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 20px;}
        .Culture .con li img{  height: 40px;}

        .historytxt .swiper-slide{ flex-direction: column ;}
        .historytxt .swiper-slide .right{ padding: 20px;}
        .line-height3{ line-height: 1.8;}
        #historyswiper .prev span, #historyswiper .next span{ font-size: 20px;}
        #historyswiper .next,#historyswiper .prev{ bottom: 5px;}

        .honor .btn{ width: 50px; height: 50px;}

        .cooperationul{grid-template-columns: repeat(3,1fr);grid-gap: 10px;}
        .cooperationul li img{    max-height: 50px;}

        .caseBtn{ width: 50px; height: 50px; display: none;}

        .caselist li  { width: 48%; margin-right: 4%; margin-bottom: 20px;}
        .caselist li .txt{ margin-top: 20px;}
        .caselist li:nth-child(3n){ margin-right: 4%;}
        .caselist li:nth-child(2n){ margin-right: 0;}
        .caselist li .img img{ height: 140px;}

        .pglist{ padding: 15px 0;}
        .pglist  span,.pglist .page{ display: none;}

        .neibanner .w1280{ left: 0; padding: 0;}
        .neibanner .w1480{ left: 0; padding: 0;}

        body::after{ display: block; content: ''; width: 100%; height: 60px; background: #0d4282;}
        #toolbar{ display: flex;}


        .honor .btn.next{  display: none;}
    .honor .btn.prev{  display: none;}

    .detailOne .txt .content{ max-height: 1000px;overflow-y:visible;}
        
      
}

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

    .serachTop .input{ height: 40px; width: 80%; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; }
    .serachTop .submit{ height: 40px; width: 18%; border-radius: 25px;}


    .class li.on a{ font-size: 14px;}
    .neibanner{ height: 250px;}

   
    .serchBan{ height: 250px;}
    header .logo{ width: 42vw;}
    .detailOne .txt{  padding: 20px;}
    .detailLiandian ul{grid-template-columns: repeat(2,1fr);}
    .detailLiandian ul li .img{ height: 50px;}
    .detailLiandian ul li .img img{ height: 40px;}

    .cooperationul{grid-template-columns: repeat(2,1fr);grid-gap: 10px;}

    .caselist li  {  margin-bottom: 15px;}
    .caselist li .txt{ margin-top: 15px;}

    .pglist a{    padding: 0 7px; margin: 0 3px;}
    .pglist *{line-height: 26px;}
 }