<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
@media screen and (max-width:1660px) {

    /* header .w90{ width: 100%; padding: 0 20px;} */
    .proImgBox{ height: 620px;  }

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

@media screen and (max-width:1440px) {
    body{ font-size: 14px;}
    header{ height: 70px;}
    .serachBox{ margin-top: 70px;}
    nav .oneNav{ font-size: 16px; }
    .w80{ width: 90%; }
    .idxAbout .con{padding-left: 5vw;}
    .idxAbout .paly{ width: 80px; height: 80px;right:5vw}
    .idxAbout{height: 750px;}
    .idxproList li .img{ height: 310px;}

    .oneNav{  line-height: 70px;}
    .proNavTwo{ top: 70px; }



    .banTxt{ padding-top: 160px;}

    .idxproList li .btn a{ height: 38px;}
    .idxNewsItem img{ height: 220px;}
    .idxNewsItem .more{ width: 200px; height: 50px;}

    #kefuSwiper ,#kefuSwiper .swiper-slide,.picList{height:360px ; }
 
    .picList li{ height: 100px;  width:calc((100% - 120px)/7); margin-right: 20px;  }

    .footpronav{ width: 250px;}
    .ewmUl img{ width: 110px;}

    .neiBan .txt{ left: 5%;}
    .location{ left: 5%;  height: 50px;}


    .neiNav a{line-height: 80px;}

    .cultureIcon{ height: 90px;}
    #equipmentSwiper .swiper-slide .txt{ height: 70px; line-height: 70px;}

    .equipment .prev{ left: 0;}
    .equipment .next{ right:   0;}
    .equipment .next,.equipment .prev{ background-color: #089d5b; color: #fff;}

    .proBanImg{max-height: calc(100% - 150px);}

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

    .proImgBox{ height: 600px;  }
    .caselist li .img img{ height: 280px;}

    .newswiper .prev,.newswiper .next{  width: 70px; height: 70px; border: 1px solid #089d5b;  background-color: #089d5b; color: #fff;  }
    .newswiper .swiper-slide .img img{ height: 480px;}
    .newswiper .prev{ left: 0;}
    .newswiper .next{ right: 0;}

    .proClassright .yuan{ width: 50px; height: 50px;}

    .technicalist li .img img{ height: 320px;}

    .map{   height:520px;}
    .serachTop .input,.serachTop .submit{ height: 60px;}

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

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

    .headerTel{ display: none;}
    /* .logo{ height: 50px;} */
    nav{ width: 60vw;}
    .banImg{ height: auto;}

    .banTxt{ padding-top: 90px;}

    .idxAbout .con{padding-left: 2vw;}
    .idxAbout .paly{right:2vw}

    .idxproList li .img{ height: 290px;}

   footer dl{ display: none;}
   .neiNav a{ line-height: 80px;}

   .culture .top li{ padding-left: 15px; padding-right: 15px; height: 580px;}
   
   .cultureIcon{ height: 80px;}

   .culture .bot li{ height: 360px;}
   .proNav{   grid-template-columns: repeat(5,1fr);}

   .proImgBox{ height: 550px;  }

   .newswiper .prev,.newswiper .next{  width: 50px; height: 50px;    }
   .newswiper .swiper-slide .img img{ height: 400px;}

   .map{   height:420px;}
   div.video-wrap{ width: 90vw;height: auto;}

}

@media screen and (max-width:1000px) {
    
    header .w90{  padding-right: 0; width: 100%; padding-left: 20px;}
    .sear-lange{ display: none;}
    nav{ display: none !important;}
    header{ height: 60px;}
    .logo{ height: 40px; width: auto;}
    .wap-nav{ display: flex;}
    .h_nav {display: flex;margin-left: 0;}
    .h_nav.close{align-items: center; justify-content: center;}
 
    

    .banTxt{ padding-top: 20px;}
    .banTxt .desc{ letter-spacing: 2px;}

    .idxAbout{ height: 650px;}
    .idxAbout .con{ width: 80%;}

    .idxproList li{ width: 48.5%; margin-right: 3%;}
    .idxproList li:nth-child(3n){ margin-right: 3%;}
    .idxproList li:nth-child(2n){ margin-right: 0;}

    .idxNewsItem img{ height: 150px;}
    .idxNewsItem .more{ width: 120px; height: 40px;}

    .neiNav a{ margin-right: 0; flex: 1;}
    .neiNav a{ line-height: 70px;}

    .cultureIcon{ height: 60px;}
    .culture .bot li{ height: 300px;}

    .proNav{   grid-template-columns: repeat(4,1fr);}

    .proImgBox{ height: 500px;  }

    .proTWO{ flex-wrap: wrap;}
    .proTWO li{width: 50%;}
    .caselist li .img img{ height: 240px;}

    .newswiper .prev,.newswiper .next{   display: none;   }
    .newswiper .swiper-slide .img img{ height: 100%;}

    .proClassright a{ width: 100%;}

    .morenuewsUl li .img img{ width: 140px; height: 95px; }
    .morenuewsUl li .txt{width: calc(100% - 160px);}

    .map{   height:320px;}

    .serachBox{ margin-top: 60px;}

    .zahnwei{ padding-top: 60px; margin-top: -60px;}

    .idxNewsItem .line-clamp5{-webkit-line-clamp:3}
     
}
@media screen and (max-width:750px) {
    body{ font-size: 12px;}
    .w80{ width: 100%; padding: 0 20px;}
    .w90{ width: 100%; padding: 0 20px;}
    .banImg{ height: 240px;}
    .banner .pagination .prev, .banner .pagination .next{ width: 30px; height: 30px;}

    .idxaboutbg{ display: none;}
    .idxAbout{ height: auto; display: flex; flex-direction: column-reverse;  }
    .idxAbout .con{ position: relative; top: auto; left: auto; width: 100%; padding: 10px 20px;}
    .idxAbout:hover, .idxAbout:hover .color-666,.idxAbout:hover .color-888, .idxAbout:hover .color-black { color: #333;} 
    .idxAbout:hover .aboutit,.idxAbout:hover .line{ filter: grayscale(0%) brightness(100%); -webkit-filter: grayscale(0%) brightness(100%); }
    .idxAbout .video{ height: auto;}
    .idxAbout .paly{ width: 50px; height: 50px; bottom: 50px; top: auto; right: 50%;  margin-right: -25px; }

    .numUl{ flex-wrap: wrap;}
    .numUl li{ width: 50%; text-align: center; margin-bottom: 12px;}
    .numUl i{  width: 16px; height: 16px; font-size: 8px; }

    .idxproList li{ width: 100%; margin-right: 0%;}
    .idxproList li:nth-child(3n){ margin-right: 0%;} 

    .idxproList li .img{ height: 220px;}

    .idxproList li .btn a{ width: 120px; height: 36px;}

    .newslist  .idxNewsItem img{ height: 120px;}
    .idxNewsItem:hover img{ transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); }

    
    .picList li{ height: 60px;  width:calc((100% - 60px)/3); margin-right: 20px;  margin-bottom: 10px; }
    .picList li:nth-child(7n){ margin-right: 20px; }
    .picList li:nth-child(3n){ margin-right: 0;}

    #kefuSwiper ,#kefuSwiper .swiper-slide ,.picList{height:420px ; }

    .ewmUl img{ width: 80px;}
    footer .bot{text-align: center; line-height: 2;}
    .ewmUl{ margin-top: 15px;}

    .aboutit{    margin-bottom: -10px;}

    .neiBan{ width: 100%; height: 260px; object-fit: cover;}
    .neiNav .w80{ padding: 0;    overflow-x: scroll;}
    .neiNav a{  text-align: center; line-height: 50px; white-space: nowrap ; padding: 0 15px;}



  

    
    .neiNav .w80::-webkit-scrollbar {/*婊氬姩鏉℃暣浣撴牱寮�*/    /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/  height: 1px;}
    .neiNav .w80::-webkit-scrollbar-thumb {/*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*/border-radius: 3px; background: #888; height: 1px; }
    .neiNav .w80::-webkit-scrollbar-track {/*婊氬姩鏉￠噷闈㈣建閬�*/border-radius: 3px; background: #f2f5f9; height: 1px; }



    .introduction .left,.introduction .right{ width: 100%;}
    .numUl{ display: flex;}

    .culture .top{background-attachment:scroll; flex-wrap: wrap;}
    .culture .top li{ width:100%; height: auto; padding: 32px 10px; border-right: none; border-bottom: 1px solid rgba(255, 255, 255, .12);}
    .culture .bot{ flex-direction: column;}
    .culture .bot li{  width: 100%; height: auto; padding: 30px 15px;border-right: none; border-bottom: 1px solid rgba(0, 0, 0, .12);} 
     
    #honorSwiper .swiper-slide .img{ height: auto;}
    #honorSwiper .swiper-slide .f24{ margin-top: 18px;}
    #equipmentSwiper .swiper-slide .txt{ height: 50px; line-height: 50px;}

    #customSwiper{ height: 300px;}
    #customSwiper .swiper-slide{height: calc((100% - 20px) / 3);}

    .proBanImg{max-height: 100%; height: 60%; right: 10px; margin-top: 30px;}

    .proTxt .desc:after{ width: 12%; height: 2px;}

    .proNav{    grid-template-columns: repeat(100,1fr);grid-gap:15px;justify-content: flex-start;
        overflow-x: scroll;
        width: 100%;}
    .proNav a{ height: 38px; padding: 0 25px; white-space: nowrap;  }
    .proNav a img{ height: 60%;}

    
    .proNav::-webkit-scrollbar {/*婊氬姩鏉℃暣浣撴牱寮�*/    /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/  height: 1px;}
    .proNav::-webkit-scrollbar-thumb {/*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*/border-radius: 3px; background: #888; height: 1px; }
    .proNav::-webkit-scrollbar-track {/*婊氬姩鏉￠噷闈㈣建閬�*/border-radius: 3px; background: #f2f5f9; height: 1px; }

    .proTxt .info{ height: auto;   margin-bottom: 15px;}
    .proinfotBox{ flex-direction: column-reverse;}
    .proImgBox{ height: 300px;}
    .proImgBox .prev, .proImgBox .next{ width: 30px; height: 30px;}
    .proTxt{ margin-right: 0; margin-top: 20px; padding-right: 0;}
    .proTxt .btn a{  width: 48% !important; height: 42px;}
    .proTxt .btn a:last-child{ display: none;}

    .proFour .w48 + .w48,.proSix .right,.proSix .right .w48 + .w48{ margin-top: 15px;}


    .caselist li   { width: 100%; margin-right: 0;}
    .caselist li .img img{ height: 160px;}
    .caselist li   .line-clamp2{    -webkit-line-clamp: 1;}

    .newslist li{  width: 100%; margin-right: 0%; margin-bottom: 30px;}
    .newslist li:nth-child(3n){ margin-right: 0;}
    .newslist li .line-clamp3{-webkit-line-clamp: 2;}
    .newslist  .idxNewsItem img{ height: 120px;}
    .idxNewsItem:hover img{ transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); }

    .newswiper .swiper-slide,.newswiper .swiper-slide .img{ border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
    .newswiper .swiper-slide .img img{ height: 180px;}
    .newswiper .swiper-slide .tit{font-weight: bold;}

    .newswiper .swiper-container{ border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
    .newswiper .line-clamp3{-webkit-line-clamp: 2;}
    .newswiper .line-clamp2{-webkit-line-clamp: 1;}

    .newsLeft{ width: 100%;}
    .newsPage{ flex-direction: column; line-height: 2;border-top: 1px solid #f1f1f1 }
    .newsPage a{ width: 100%;}
    .newsPage a.text-right{ text-align: left;  margin-top: 20px;}

    .waoendi{ justify-content: flex-end;}

    .technicalist li .wapFlex{ flex-direction: column-reverse;}
    .technicalist li .txt{ width: 100%; margin-top: 15px;}
    .technicalist li .img{ width: 100%; }
    .technicalist li .img img{ height: 180px;}
    .technicalist li + li{ margin-top: 18px;}
    .technicalist li .txt .line-clamp2{ display: none;}

    .proSix .line{ width: 10%; height: 2px;}

    footer .center .yuan{ width: 40px; height: 40px;}
    footer .center .yuan .iconfont{ font-size: 16px;}

    .neiNav a.on{ padding: 0 ;}
    .side_bar{ top: auto; bottom: 15vh; width: 50px;}
    .side_bar&gt;ul&gt;li a,.side_bar&gt;ul&gt;li{ height: 50px;}
    .side_bar ul li:nth-child(1),.side_bar ul li:nth-child(2),.side_bar ul li:nth-child(3){ display: none !important;}

    .proFour img{ height: auto !important;}

    
}

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

    .cultureIcon{ height: 40px;}
    .equipment .next, .equipment .prev{ display: none !important;}

    .map{   height:220px;}

    .yamImg{ height: 60%; top: 20%;}
    

    
    

 }</pre></body></html>