@charset "utf-8";

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

    .wrap{width: 1000px;}
    .sidebar{bottom: 100px;}

    .header .logo a{width: 140px;height: 26px;}
    .header .nav li>a{font-size: 14px;line-height: 26px;}
    .header .header-search{height: 26px;background-size: 18px;}


    .menuBg{ top:58px;}
    .header .subMenu a{font-size: 12px;}
    .footer-link dl{margin-left: 30px;}
    .footer-top{padding-top: 45px;}

    .banner .bxcontrol{bottom: 15px;}

    .section{padding: 45px 0;}
    .productTab .tab{margin-bottom: 25px;}
    .productTab .tab li{padding-bottom: 24px;}
    .productTab .tab li:after{height: 4px;}
    .productTab .tab li img{width: 34px;height: 34px;}
    .productTab .tab li p{font-size: 14px;line-height: 20px;height: 20px;}
   /* .productTab .tab li:after{height: 7px;}*/

    .proCon .proList ul li{width: 275px;height: 220px;}
    .proCon .proList ul li .img{margin-top: 10px;}
    .proCon .proList ul li .img img{width: 120px;height: 120px;}
    .proCon .proList ul li .mes h3{font-size: 14px;line-height: 18px;}
    .proCon .proList ul li:first-child{width: 420px;height: 450px;}
    .proCon .proList ul li:first-child .img img{width: 200px;height: 200px;}
    .proCon .proList ul li:first-child .mes h3{font-size: 22px;line-height: 28px;}
    .proCon .proList ul li:first-child .mes span{font-size: 14px;line-height: 24px;}
    .proCon .proList .morePro a{font-size: 14px;line-height: 44px;}
/*    .proCon .proList ul li .mes p{height:60px;-webkit-line-clamp:3;margin-top: 15px;}*/

    .proCon .proAds ul li{width: 240px;height: 240px;}
    .proCon .proAds ul li.first{width: 390px;height: 490px;}
    .proCon .proAds ul li .info .info-ls a{line-height: 22px;}
    .proCon .proAds ul li .info .more{line-height: 24px;}
    .proCon .proAds ul li .info .infoM{padding: 10px;}

    .title h3{font-size: 24px;line-height:34px;}
    .title p{font-size: 16px;line-height: 26px;}
    .solutionL .slider .list, .solutionL .slider .list li{height: 380px;}
    .solutionL .slider .list li .mes .cont{margin-top: 60px;}
    .solutionL .slider .list li .mes,.solutionL .slider .list li .detail{left: 15px;}
    .solutionL .slider .list li .mes h4{font-size: 18px;line-height: 20px;}
    .solutionL .slider .list li .mes p{font-size: 14px;line-height: 20px;}
    .solutionL .slider .list li .mes em{width: 60px;}
    .solutionL .slider .list li .detail{width: 120px;font-size: 12px;line-height: 18px;padding: 5px 0;}
    .solutionL .slider .list li .detail em{height: 18px;background-size: 10px;}
    .solutionL .bx-controls{top:-50px;}
    .solutionL .bx-controls .bx-controls-direction a{width: 28px;height: 28px;background-size: 15px;}
    .solutionL .solubxpager .bxitem a{margin: 5px 2px;padding: 5px 0;}
    .solutionL .solubxpager .bxitem a span{width: 8px;height: 8px;}




    .aboutIndex .aboutMes{width: 600px;}
    .aboutIndex .aboutImg{width: 340px;}
    .aboutIndex .aboutMes .about-tit h3{font-size: 20px;line-height: 24px;}
    .aboutIndex .aboutMes .about-tit em{font-size: 14px;line-height: 22px;}
    .aboutIndex .aboutMes .mes{font-size: 12px;line-height: 22px;}

    .aboutIndex .aboutMes .vision{margin-top: 20px;margin-bottom: 25px;}
    .aboutIndex .aboutMes .vision li .img img{width: 50px;}
    .aboutIndex .aboutMes .vision li .cont h4{font-size: 16px;line-height: 18px;height: 18px;}
    .aboutIndex .aboutMes .about-nav a{font-size: 12px;line-height: 22px;padding: 0 10px;margin: 2px 2px;}

    .newsIndex .newsHot{width: 500px;}
    .newsHot a{border-bottom: 6px solid #e61d4c;}
    .newsHot .img{width: 100%;height: 240px;overflow: hidden;}
    .newsHot .mes{padding: 0 20px;}
    .newsHot .mes h3{font-size: 18px;line-height: 22px;height: 22px;padding-top: 15px;}
    .newsIndex .newList{width: 488px;}
    .newList li .mes{padding: 15px 10px 0 10px;}
    .newList li .mes p{height: 36px;-webkit-line-clamp: 2;}
    .newList li .mes h3{font-size: 16px;line-height: 22px;height: 22px;}
    .newList li a{height: 101px;padding-right: 90px;}
    .newList li .date{width: 90px;}
    .newList li .date em{font-size: 40px;line-height: 40px;}
    .newList li .date span{font-size: 12px;line-height: 16px;}

    .zxqz table td input[type="text"]{width: 380px;}
    .contactDm .contact-map{width: 668px;}
    .contactDm .contact-map iframe{height: 420px;}
    .contactDm .contact-addr .addrTab{height: 40px;}
    .contactDm .contact-addr .addrTab .name span{height: 39px;}
    .contactDm .contact-addr .addrTab .name h3{font-size: 14px;line-height: 40px;height: 40px;}
    .contactDm .contact-addr .addrB{}
    .contactDm .contact-addr .addrB .txt{padding-top: 15px;}


    .productList li .img{padding: 20px 10px;}
    .productList li .img img{width: 160px;height: 160px;}
    .product-detail .pro-img{width: 360px;}
    .product-detail .pro-mes{width: 600px;}
    .product-detail .pro-mes .pro-title, .product-detail .pro-mes .mes{padding-bottom: 15px;margin-bottom: 15px;}
    .product-detail .pro-mes .mes{font-size: 14px;line-height: 26px;}
    .product-detail .pro-mes .mes p{margin-bottom: 13px;}
    .product-detail .pro-mes .purchaseBtn .btn{width: 260px;font-size: 16px;line-height: 52px;}
    .proContent .pro-nav .navl a{font-size: 16px;line-height: 44px;}
    .proContent .pro-content .sec-tit{padding-top: 35px;}
    .proContent .pro-content .txt{font-size: 14px;line-height: 30px;padding-top: 30px;
        padding-bottom: 30px;}


    .sidebar li{width: 52px;height: 55px;}
    .sidebar li a p{font-size: 12px;}
    .sidebar li a img{width: 18px;}
    .sidebar li a em{height: 18px;}
    .sidebar li.gotop .Top{background-size: 20px;}

    .storyList li .img{width: 180px;}
    .storyList li .mes{width: 300px;margin: 0 10px;}
    .storyList li .mes h4{margin-bottom: 5px;}
    .storyList li .mes p{height: 60px;-webkit-line-clamp: 3;}
    .storyList li .mes em{margin-top: 6px;}
    .cultureList li .mes{font-size: 14px;line-height: 26px;}


    .f-banner .img{height: 240px;}
    .bannerTit .cont h3{font-size: 26px;line-height: 30px;margin-bottom: 10px;}
    .bannerTit .cont p{font-size: 14px;line-height: 20px;}


    .fnav{height: 34px;margin-top: -34px;}
    .fnav .f-navlist li a{font-size: 12px;padding: 5px 0;}
    .fnav .f-navlist li:hover, .fnav .f-navlist li.active{padding-bottom: 2px;padding-top:2px;margin-top: -4px;}
    .fnav .f-navlist li:hover a, .fnav .f-navlist li.active a{font-size: 14px;}
    .fnav .f-navlist li:hover:after, .fnav .f-navlist li.active:after{height: 2px;}

    .companyIntro .mes h3, .develop .tit h3, .research h3, .envirTit h3, .wtjg .mes h3{font-size: 24px;line-height: 26px;margin-bottom: 22px;}
    .companyIntro .mes, .research, .wtjg .mes{font-size: 14px;line-height: 24px;}
    .titB p{font-size: 14px;line-height: 24px;}


/*    .develop .develop-mes .flexslider .flex-direction-nav a{width: 36px;height: 36px;    background-size: 36px;}*/




    .newsCenter .banbox{width: 460px;}
    .newsCenter .nbox{width: 515px;}
    .research{font-size: 14px;line-height: 22px;}
    .aboutHonor .gallery dt{padding: 10px 10px;}
    .aboutHonor .gallery dl dt a{height: 240px;line-height: 240px;}
    .vodeo-box .video-item_v{width: 239px;}
    .research-list li{padding-right: 50px;margin-right: 30px;}
    .research-list li:after{height: 40px;}
    .research-list li .big{line-height: 34px;}
    .research-list li .big em{font-size: 50px;line-height: 50px;}




    .newsCenter .nbox li{margin-bottom: 5px;}
    .newsCenter .nbox li h2{font-size: 16px;line-height: 28px;}
    .newsCenter .nbox li p{margin: 5px 0;}
    .newsCList li .news-tit h4{font-size: 16px;line-height: 22px;height: 44px;}
    .newsCList li .news-tit, .newsCList li .img, .newsCList li .mes, .newsCList li .detail{padding: 0 15px;}

    .newsCList li{padding-top: 20px;}
    .newsCList li .news-tit{margin-bottom: 12px;}
    .newsCList li .mes{margin: 15px 0;}
    .newsCList li .mes p{font-size: 12px;line-height: 22px;height: 66px;}
    .newsCList li .detail{font-size: 12px;line-height: 36px;}
    .newsDetail .news-title{font-size: 20px;line-height: 24px;}


    .product-main{margin-top: 45px;}
    .product-item {margin-bottom: 45px;}
    .product-item-list .pro-ads{width: 230px;}
    .product-item-list .product-item-ul{width: 770px;}
    .product-item-list .product-item-ul li{margin-bottom: 15px;}
    .product-item-list .product-item-ul li .img{height: 158px;}
    .product-item-list .product-item-ul li .img img{width: 150px;}
    .product-item-list .product-item-ul li .mes{font-size: 12px;line-height: 16px;padding: 10px 3px;}
    .proContent .pro-content .txt{width: 800px;}



    .solutionList .img{width: 280px;}
    .solutionList li .mes{width: 700px;}
    .solutionList li .mes h3{font-size: 20px;}

    .feedback .form-mes form input{font-size: 14px;line-height: 42px;height: 42px;}
    .feedback .form-mes form .msg textarea{font-size: 14px;line-height: 26px;}
    .submit .submit-bt{height: 42px;line-height: 42px;font-size: 14px;}

    .download li a{font-size: 14px;line-height: 56px;}
    .download li a h3{max-width: 700px;}
    .service-ln{margin-bottom: 45px;}
    .service-ln .ln-list li{padding-bottom: 35px;}
    .service-ln .ln-list li h4{font-size: 16px;line-height: 28px;margin-bottom: 15px;}
    .service-ln .ln-list li p{font-size: 12px;line-height: 22px;height: 88px;}
    .service-ln .ln-list li .mes{padding-right: 20px;}

    .service-ln .ln-list .li{padding-bottom: 35px;}
    .service-ln .ln-list .li h4{font-size: 16px;line-height: 28px;margin-bottom: 15px;}
    .service-ln .ln-list .li p{font-size: 12px;line-height: 22px;height: 88px;}
    .service-ln .ln-list .li .mes{padding-right: 20px;}
    .copyright{padding: 15px 0;}



}


@media screen and (max-width: 1024px) {
    .wrap{width: 94%;}
    .menu-handler {display:block;}
    .header {position:fixed;top:0;height: 58px;width: 100%;box-shadow: 3px 4px 5px rgba(0,0,0,0.03);background: #fff;z-index: 999;}
    .header .nav,.topheader,.header .header-search{display:none;}
    .header .logo {width: 100%;padding: 0 0;}
    .header .logo a{width: 100%;height: 34px;margin-top: 12px;}
    .header .logo a img {width: 156px;}
    .banner,.f-banner{margin-top: 58px;}
    .sidebar li.fx{display: none;}
    .sidebar{top: auto; width: 40px;  height: auto; margin-top: 0;bottom: 90px;}
    .sidebar li{width: 40px;height: 40px;}
    .sidebar li.goback .goTop{background-size: 16px;}

    .banner{}

    .banner .bxcontrol{bottom: 10px;}
    .banner .bxpager .bxitem a{}
    .banner .bxpager .bxitem a span{height: 2px;}
    .banner .bx-controls .bx-controls-direction a{width: 32px;height: 32px;margin-top: -16px;}
    .banner .bx-controls .bx-controls-direction a.bx-prev{left: 50px;}
    .banner .bx-controls .bx-controls-direction a.bx-next{right: 50px;}


    .productTab .tab{margin-bottom: 20px;}
    .productTab .tab li{padding-bottom: 15px;}
    .productTab .tab li p{margin-top: 6px;}

    .proCon .proList ul li{width: 24%;margin-right: 1%;height: 180px;}
    .proCon .proList ul li .img{margin-top: 10px;}
    .proCon .proList ul li .img img{width: 100px;height: 100px;}

    .proCon .proList ul li:first-child{width: 98%;height: 370px;}
    .proCon .proList ul li:first-child .img img{width: 200px;height: 200px;}
    .proCon .proList ul li:first-child .mes h3{font-size: 20px;line-height: 26px;}
    .proCon .proList ul li:first-child .mes span{font-size: 14px;line-height: 24px;}
    .proCon .proList .morePro a{font-size: 16px;line-height: 48px;}
    .proCon .proList ul li .mes p{height: 54px;-webkit-line-clamp:3;margin-top: 15px;}
    .proContent .pro-content .txt{display: block;width: 100%;}

    .proCon .proAds ul li.pro_01{display:none;}
	 .proCon .proAds ul li.pro_02{display:none;}

    .proCon .proAds ul li,.proCon .proAds ul li.first{height: auto;margin:5px 2% 5px 0;}
    .proCon .proAds ul li:nth-child(2n){margin-right: 0;}

    .proCon .proAds ul li.last{width: 100%;height: auto;margin-right: 0;margin-left: 0;padding-bottom: 0px; display:none;}
    .proCon .proAds ul li .txt{display: none;}
    .proCon .proAds ul li .txt img{width: 270px;max-width: 100%;}
    .proCon .proAds ul li .info{position: static;background: #fff;border-radius: 4px;}


    .proCon .proAds ul li .info .info-ls a{line-height: 22px;width: 31%;padding-right: 2.3%;}
    .proCon .proAds ul li .info .more{line-height: 24px;}
    .proCon .proAds ul li .info .infoM{padding: 10px;text-align: right;}
    .proCon .proAds ul li .info .infoM .info-ls{text-align: left;}


    .aboutIndex .aboutMes{width: 100%;}
    /*.aboutIndex .aboutImg{width: 37%;}*/
    .aboutIndex .aboutImg{display: none;}
    .aboutIndex .aboutMes .vision li .img img{width: 44px;}
    .aboutIndex .aboutMes .vision li .cont{margin-top: 15px;}


    .newsIndex .newsHot{width: 52%;}
    .newsIndex .newList{width: 46%;}
    .newList li .date em{font-size: 36px;line-height: 36px;}


    .footer-top{padding-bottom: 15px;padding-top: 15px;}
    .footerL{float: none;width: 100%;text-align: center;}
    .footer-logo{width: 100%;margin-bottom: 10px;}
    .footer-logo img{width: 180px;}
    .footer-tel a{font-size: 20px;line-height: 20px;}
    .footer-link{display: none;}
    .footer-ewm{text-align: center;}
    .footer-ewm ul{display: inline-block;}
    .footer-online{margin-top: 15px;}
    .copyright{line-height: 20px;padding: 10px 0;}
    .copyright .copy,.copyright .addr{float: none;width: 100%;text-align: center;}
    .copyright .copy .lef,.copyright .copy .rig{float: none;width: 100%;text-align: center;}
    .copyright .copy .rig{margin-top: 3px;}
    .footer-tel p,.footer-tel a{color: rgba(255,255,255,1);}
    .footer-online a{margin: 0 3px;}

    .vodeo-box .video-item_v{width: 24%;margin-right:1.333%; }
    .vodeo-box .video-item_v:nth-child(4n){margin-right: 0;}
    .vodeo-box .video-item_v .info{padding: 15px 20px;}

    .productList li{margin-right: 1.333%;}
    .productList li:nth-child(4n){margin-right: 0;}
    .product-detail .pro-img{float: none;width: 500px;margin: 0 auto;margin-bottom: 40px;}
    .product-detail .pro-mes{float: none;width: 100%;}
    .product-detail{padding-bottom: 40px;}

    .newsDetail{padding: 35px 25px;}
    .newsDetail .news-title{padding: 0 50px;font-size: 20px;line-height: 24px;}

    .select-filter{margin-bottom: 25px;padding: 5px 10px;}
    .select-filter dt{width: 70px;}
    .select-filter .select-con dl{padding-left: 75px;}
    .select-filter .select-con dl,.select-filter dl a{font-size: 12px;line-height: 24px;}

    .zxqz table td.apply-prof span{width: 120px;font-size: 14px;}
    .zxqz table td {  float: left;  width: 100%;  text-align: left;  position: relative; padding: 3px 0;}
    .zxqz table td input[type="text"], .zxqz table td input.inpt1[type="text"]{width: 100%;}
    .zxqz table td i{position: absolute; top: 3px; right: 10px;}

    .f-banner .img{height: 200px;}
    .bannerTit .cont{margin-top: 45px;}
    .bannerTit .cont h3{font-size: 24px;line-height: 34px;margin-bottom: 0;}
    .bannerTit .cont p{font-size: 14px;line-height: 20px;}

    .newsCenter .banbox{float: none;margin: 0 auto;}
    .newsCenter .nbox{float: none;width: 100%;margin-top: 25px;}
    .newsCenter .banbox .bbtn > div{margin-top: -37px;}
    .newsCenter .banbox .bbtn a{width: 30px;height: 75px;}

    .pro-banner-box{display: none;}
    .product-navApp{display: block;}
    .product-main{margin-top: 0;padding-top: 35px;}

    .product-item-list .pro-ads{display: none;}
    .product-item-list .product-item-ul{float: none;width: 100%;}
    .product-item-list .product-item-ul li .img{height: 200px;}
    .product-item-list .product-item-ul li{width: 32.5%;margin-left: 0;margin-right: 1.25%;}
    .product-item-list .product-item-ul li:nth-child(3n){margin-right: 0;}

    .product-detail .pro-mes .pro-title h4{font-size: 28px;}
    .proContent .pro-nav .navl a{padding: 0 20px;}
    .select-filter dl a{padding: 0 10px;}

    .develop .develop-mes{padding-left: 30px;padding-right: 30px;}
    .develop .develop-mes .flexslider .flex-direction-nav a{width: 22px;height: 22px;background-size: 22px;}
    .develop .develop-mes .flexslider .flex-direction-nav .flex-prev{left: -30px;}
    .develop .develop-mes .flexslider .flex-direction-nav .flex-next{right: -30px;}


    .solutionList li a{height: 185px;}
    .solutionList .img{width: 280px;position: absolute;left: 0;top:0;}
    .solutionList li .mes{float: none;padding-left: 300px;width: auto;}
    .solutionList li .mes h3{}
    .solutionList li .mes p{height: 44px; -webkit-line-clamp: 2;}

    .contactDm .contact-map{float: none;width: 100%;border: none;}
    .contactDm .contact-map iframe{height: 340px;}
    .contactDm .contact-addr{float: none;width: 100%;}
    .contactDm .contact-addr .addrTab{padding: 0 10px;border: none;position: relative;}
    .contactDm .contact-addr .addrTab .name{border: 1px solid #e8e8e8;padding: 0 45px 0 10px;}
    .contactDm .contact-addr .addrB{padding: 0 10px;}
    .contactDm .contact-addr .addrB .list{padding-bottom: 25px;}
    .contactDm .contact-addr .addrB .txt{padding: 10px 10px;}
    .contactDm .contact-addr .addrB .txt:last-child{border: none;}

    .download li{width: 100%;margin-right: 0;padding: 8px 0;}
    .download li a,.download li .time{line-height: 22px;padding: 0 10px; }
    .download li a h3{white-space: normal;max-width: none;}
    .download li .time{display: block;position: static;margin-top: 3px;}


    .current{margin-bottom: 10px;}

    .research-list li{padding-right: 30px;margin-right: 20px;}
    .research-list li:after{height: 30px;}
    .research-list li .big{line-height: 34px;}
    .research-list li .big em{font-size: 40px;line-height: 40px;}
    .research-list li .tit{margin-bottom: 10px;}
    .current .curr{padding: 5px 0;}


   /* .storyM{display: block;}
    .story .slider{display: none;}*/
    .storyList li{width: 100%;margin-bottom: 20px;}
    .storyList li a{position: relative;}
    .storyList li .img{width: 40%;}
    .storyList li .mes{width: 58%;float: right;margin: 0 0;}

    .story .bx-controls .bx-controls-direction a{width: 22px;height: 22px;}

    .charm .charmSlider{padding: 0 30px;}
    .charm .bx-controls-direction a{width: 22px;height: 22px;    margin-top: -11px;}
    .charm .bx-controls .bx-controls-direction a.bx-prev{left: -30px;}
    .charm .bx-controls .bx-controls-direction a.bx-next{right: -30px;}







}


@media screen and (max-width: 768px) {
 /*   .banner{height: 300px;}*/

    .productTab .tabCon{overflow: hidden;overflow-x: auto;white-space: nowrap;}
    .productTab .tabCon .tab{display: inline-block;white-space: nowrap;}
    .productTab .tab li{float: none;display: inline-block;width: 116px;margin-right: 10px;}

    .aboutIndex .aboutMes{width: 100%;}
    .aboutIndex .aboutImg{width: 100%;text-align: center;margin-top: 35px;}
    .aboutIndex .aboutImg img{width: 260px;}
    .newsIndex .newsHot,.newsIndex .newList{width: 100%;float: none;}
    .newsIndex .newsHot{margin-bottom: 30px;}
    .newsHot .img{height: auto;}
    .newsHot .mes{height: auto;padding: 0 10px 20px 10px;}
    .cooperList li a img{width: 80px;}
    .cooperList{padding: 30px 0;}
    .newsCList li{width: 49%;}
    .newsCList li:nth-child(3n){margin-right: 2%;}
    .newsCList li:nth-child(2n),.newsCList li:nth-child(6n){margin-right: 0;}
    .newsCList li .news-tit, .newsCList li .img, .newsCList li .mes, .newsCList li .detail{padding: 0 15px;}
    .newsDetail{padding: 35px 15px;}
    .newsDetail .news-title{padding: 0 20px;}


    .productList li{width: 32.8%;margin-right:0.8%; }
    .productList li:nth-child(4n){margin-right:0.8%;}
    .productList li:nth-child(3n),.productList li:nth-child(12n){margin-right: 0;}

    .product-detail .pro-img{float: none;margin: 0 auto;}
    .product-detail .pro-mes{float: none;width: 100%;margin-top: 35px;}
    .product-detail .pro-mes .pro-title h4{font-size: 24px;}
    .proContent .pro-nav .navl a{padding: 0 15px;}
    .product-detail .pro-mes .purchaseBtn .btn{font-size: 14px;line-height: 46px;width: 220px;}


    .download li{width: 100%;margin-right: 0;}

    .solutionL{display: none;}
    .solutionL.solutionL-app{display: block;}
    .solutionL .solubxpager{display: block;}
/*    .solutionL .bx-controls .bx-controls-direction{display: block;padding: 0 85px;}*/
    .solutionL .bx-controls{top:-48px;}
    .solutionL .bx-controls .bx-controls-direction a {width: 24px;  height: 24px;  background-size: 12px; }


    .proCon .proList ul li:first-child{display: none;}
    .proCon .proList ul li{width:49%;margin-right: 1%;height: 240px;}
    .proCon .proList ul li .img img{width: 150px;height: 150px;}

    .title h3{font-size: 22px;line-height: 32px;}
    .titB h3, .productBox .proN, .cooperCon .tit, .customerTit h3, .feedback h2, .service-zp .human-T, .related-pro h2{font-size: 22px;line-height: 24px;margin-bottom: 22px;}
    .aboutIndex .aboutMes .about-tit h3{font-size: 18px;line-height: 22px;}
    .aboutIndex .aboutMes .about-tit em{font-size: 12px;line-height: 20px;}

    .companyIntro .mes h3, .develop .tit h3, .research h3, .envirTit h3, .wtjg .mes h3{font-size: 22px;line-height: 24px;margin-bottom: 20px;}
    .product-item .item-tit h3{font-size: 22px;line-height: 22px;}
    .product-item .item-tit .more{width: 60px;line-height: 24px;height: 24px;}
    .product-item .item-tit .item-list{position: static;width: auto;display: none;}

    .zxqz .sh1ti{font-size: 22px;line-height: 26px;}

    .customerList li,.aboutEnvir .gallery dl,.aboutHonor .gallery dl,.vodeo-box .video-item_v{width: 32%;}
    .customerList li:nth-child(4n){margin-right: 2%;}
    .customerList li:nth-child(3n),.customerList li:nth-child(12n){margin-right: 0;}

    .aboutEnvir .gallery dl:nth-of-type(4n), .gallery dl:nth-child(4n),.aboutHonor .gallery dl:nth-of-type(4n), .gallery dl:nth-child(4n),.vodeo-box .video-item_v:nth-child(4n){margin-right: 2%;}
    .aboutEnvir .gallery dl:nth-of-type(3n), .gallery dl:nth-child(3n),.aboutEnvir .gallery dl:nth-of-type(12n), .gallery dl:nth-child(12n),.aboutHonor .gallery dl:nth-of-type(3n), .gallery dl:nth-child(3n),.aboutHonor .gallery dl:nth-of-type(12n), .gallery dl:nth-child(12n),.vodeo-box .video-item_v:nth-child(3n),.vodeo-box .video-item_v:nth-child(12n){margin-right:0;}



    .service-ln .ln-list li{width: 49%;margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #333;}

    .service-ln .ln-list .li{width: 49%;margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #333;}



}



@media screen and (max-width: 640px) {
   /* .banner{height: 240px;}*/
    .banner .bx-controls .bx-controls-direction a{width: 24px;height: 24px;margin-top: -12px;}
    .banner .bx-controls .bx-controls-direction a.bx-prev{left: 20px;}
    .banner .bx-controls .bx-controls-direction a.bx-next{right: 20px;}
    .productTab .tab li{padding-bottom: 12px;}
    .productTab .tab li:after{height: 3px;}
    .productTab .tab li p{margin-top: 5px;}
    .productTab .tab li img{width: 30px;height: 30px;}

    .proCon .proAds ul li .mes h3{font-size: 12px;line-height: 25px;}
    .proCon .proAds ul li .mes h3 i{font-size: 12px;}

    .productList li{width: 49.5%;margin-right:1%; }
    .productList li:nth-child(3n){margin-right: 1%;}
    .productList li:nth-child(2n), .productList li:nth-child(4n),.productList li:nth-child(6n),.productList li:nth-child(12n){margin-right: 0;}
    .productList li .img img{width: 140px;height: auto;}



    .product-detail .pro-img{float: none;margin: 0 auto;width: 100%;}
    .product-detail .pro-mes{float: none;width: 100%;margin-top: 20px;}

    .solutionL .slider .list, .solutionL .slider .list li{height: 330px;}
    .solutionL .slider .list li .detail{display: block;bottom: 50px;width: 80px;padding: 2px 0;}
    .solutionL .slider .list li .mes em{height: 2px;margin-top: 15px;}
    .solutionL .slider .list li .mes p{margin-top: 5px;}

    /*.aboutIndex .aboutMes .vision li{width: 48%;margin-right:2%;}*/
    .solutionL .slider .list li .mes h4{font-size: 16px;line-height: 16px;}

    .f-banner .img{height: 180px;}
    .bannerTit .cont{margin-top: 40px;}
    .bannerTit .cont h3{font-size: 22px;line-height: 32px;}
    .bannerTit .cont p{font-size: 14px;line-height: 20px;}

    .titB p{font-size: 14px;line-height: 22px;}
    .develop .develop-mes .develop-list li .info .infoM{padding: 15px 10px;}


    .cultureList li .mes{width: 90%;float: none;margin-right: 10%;}
    .culture{background-size: 100% auto;}
    .cultureList{padding-right: 50px;}



    .customerList li,.aboutEnvir .gallery dl,.aboutHonor .gallery dl,.vodeo-box .video-item_v{width: 49%;}
    .customerList li:nth-child(2n){margin-right: 2%;}
    .customerList li:nth-child(2n),.customerList li:nth-child(6n),.customerList li:nth-child(12n){margin-right: 0;}

    .aboutEnvir .gallery dl:nth-of-type(3n), .gallery dl:nth-child(3n),.aboutHonor .gallery dl:nth-of-type(3n), .gallery dl:nth-child(4n),.vodeo-box .video-item_v:nth-child(3n){margin-right: 2%;}
    .aboutEnvir .gallery dl:nth-of-type(2n), .gallery dl:nth-child(2n),.aboutEnvir .gallery dl:nth-of-type(6n), .gallery dl:nth-child(6n),.aboutHonor .gallery dl:nth-of-type(2n), .gallery dl:nth-child(2n),.aboutHonor .gallery dl:nth-of-type(6n), .gallery dl:nth-child(6n),.vodeo-box .video-item_v:nth-child(2n),.vodeo-box .video-item_v:nth-child(6n){margin-right:0;}

    .aboutEnvir .gallery dt{padding: 6px 5px;}
    .aboutHonor .gallery dt{padding: 5px 5px;}
    .aboutHonor .gallery dd,.aboutEnvir .gallery dd{padding: 5px 3px;font-weight: normal;}




    .envirB, .customerB{padding-bottom: 25px;}





    .product-item-list .product-item-ul li{width: 49.4%; margin-right: 1.2%;margin-bottom: 10px;}
    .product-item-list .product-item-ul li:nth-child(3n){margin-right: 1.2%;}
    .product-item-list .product-item-ul li:nth-child(2n),.product-item-list .product-item-ul li:nth-child(6n){margin-right: 0;}

    .product-item-list .product-item-ul li .img{height: 150px;}
    .proContent .pro-nav .navl a{padding: 0 10px; font-size: 14px;line-height: 40px;}
    .proContent .pro-content .sec-tit{padding-top: 25px;width: 100%;}

    .proContent .pro-content .txt{padding-top: 20px;padding-bottom: 20px;}
    .proContent .pro-content table td{padding: 2px 2px;}

    .Networkmap .tab-nav p{font-size: 14px;line-height: 24px;margin: 0 15px;}

    .service-ln .ln-list{margin-top: 45px;}
    .service-ln .ln-list li{width: 100%;margin-right: 0;}
    .service-ln .ln-list li p{height: auto;}

    .service-ln .ln-list .li{width: 100%;margin-right: 0;}
    .service-ln .ln-list .li p{height: auto;}

    .pages{padding: 15px 2%;margin-top: 25px;}
    .pages p{position: static;margin-top: 10px;}

    .develop .develop-mes{padding-left: 0;padding-right: 0;overflow: hidden;}
    .develop .develop-mes .flexslider .flex-direction-nav a{display: none;}
    .select-filter .select-con dl{padding-left: 62px;}
    .select-filter dt{width: 60px;}
    .select-filter dd{margin: 2px 2px;}
    .select-filter dl a{padding: 0 5px;}





}

@media screen and (max-width: 481px) {
    .footer-logo img{width: 140px;}
    .footer-tel p{font-size: 12px;line-height: 18px;}
    .footer-tel a{font-size: 16px;line-height: 16px;}
    .footer-online a .icon{width: 24px;}
    .footer-online a.fwx .wxImg{width: 64px;padding: 2px 2px;margin-left: -34px;}
    .copyright .copy span{margin: 0 0;}
    .copyright .copy span:last-child{margin-left: 10px;}
    .copyright .copy span,.copyright .copy a{font-size: 12px;line-height: 18px;}

    .banner .bxcontrol{bottom: 8px;font-size: 0;line-height: 0;}
    .banner .bxpager .bxitem a{margin: 0 2px;}
    .banner .bxpager .bxitem a span{width: 12px;height: 2px;}
    .banner .bx-controls .bx-controls-direction a{width: 18px;height: 18px;margin-top: -9px;}
    .banner .bx-controls .bx-controls-direction a.bx-prev{left: 14px;}
    .banner .bx-controls .bx-controls-direction a.bx-next{right: 14px;}





    .aboutIndex .aboutImg img{width: 200px;}
    .aboutIndex{}
    .aboutIndex .aboutMes .vision li .img img{width: 40px;}
    .aboutIndex .aboutMes .vision li .cont{margin-top: 10px;}

   /* .title{padding-top:25px; }*/
    .section{padding: 30px 0;}
    .title{padding-top: 15px;padding-bottom: 15px;}
    .productTab .tabCon{margin-bottom: 10px;}
    .productTab .tab{margin-bottom: 0;}
    .productTab .tab li img{width: 24px;height: 24px;}
    .productTab .tab li{width: 110px;padding-bottom: 8px;margin-bottom: 0;}
    .proCon .proAds ul li .info .info-ls a{width: auto;white-space: nowrap;margin-right: 10px;}
    .proCon .proAds ul li .info .more{width: auto;line-height: 20px;padding: 0 10px;}

    .solutionL .bx-controls{top:-42px;}
    .solutionL .bx-controls .bx-controls-direction a.bx-next{margin-left: 10px;}

    .newsHot a{border-bottom: 5px solid #e61d4c;}
    .newsHot .img{height: auto;}
    .newsHot .mes h3{font-size: 16px;line-height: 20px;height: 20px;}

    .newList li a{height: auto;padding: 10px 0;}
    .newList li .mes { padding:0 10px;}
    .newList li .mes h3{font-size: 14px;line-height: 20px;height: 20px;margin-bottom: 6px;}
    .newList li .date{width: 100%;position: static;background: none;text-align: left;margin-top: 5px;}
    .newList li .date p{display: block;padding:0 10px; }
    .newList li .date em{margin-left: 1px;position: relative;}
    .newList li .date em:before{content: "/"}
    .newList li .date em,.newList li .date span{display: inline-block;font-size: 12px;line-height: 16px;color: #444;}
    .newList li .date span{float: left;}

    .solutionL .slider .list, .solutionL .slider .list li{height: 300px;}

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

    .newsCenter .banbox{width: 100%;}




    .proCon .proList ul li{width: 100%;margin-right: 0;height: auto;}
    .proCon .proList ul li a{padding:10px 5px;}
    .proCon .proList ul li .img{margin-top: 0;}
    .proCon .proList ul li .img img{width: 180px;height: 180px;}
    .proCon .proList ul li .mes{padding-bottom: 5px;}
    .proCon .proList ul li .mes h3{font-size: 14px;line-height: 18px;}
    .proCon .proList .morePro a{font-size: 14px;line-height: 40px;}

   /* .proCon .proAds ul li{width: 100%;margin: 5px auto;}*/
    .proCon .proAds ul li .txt img{width: 220px;}
    .proCon .proAds ul li .info .info-ls a{font-size: 12px;line-height: 22px;}
    .proCon .proAds ul li .info .infoM{padding: 10px 0;}


    .solutionL .slider .list li .mes{left: 0;padding: 0 10px;}
    .solutionL .slider .list li .mes .cont{width: 100%;}
    .solutionL .slider .list li .mes h4{font-size: 14px;line-height: 14px;}
    .solutionL .slider .list li .mes em{height: 2px;margin-top: 15px;}
    .solutionL .slider .list li .mes p{margin-top: 5px;}





    .f-banner .img{height: 140px;}
    .bannerTit .cont{margin-top: 40px;}
    .bannerTit .cont h3{font-size: 20px;line-height: 30px;}
    .bannerTit .cont p{font-size: 12px;line-height: 18px;}

    .fnav{margin-top: 0;height: auto;}
    .fnav .wrap{width: 100%;}
    .fnav .f-navlist li:hover, .fnav .f-navlist li.active{margin-top: 0;padding-bottom: 0;padding-top: 0;}
    .fnav .f-navlist li:hover:after, .fnav .f-navlist li.active:after{height: 2px;}
    .aboutWrap .fnav .f-navlist li{width: 25%;}


    .product-item .item-tit h3{font-size: 20px;}
    .product-main{padding-top: 30px;}
    .product-item{margin-bottom: 30px;}
    .product-detail{padding-bottom: 25px;}

    .product-detail .pro-mes .pro-title, .product-detail .pro-mes .mes{padding-bottom: 10px;margin-bottom: 10px;}
    .product-detail .pro-mes .pro-title h4{font-size: 20px;line-height: 26px;margin-bottom: 4px;}
    .product-detail .pro-mes .pro-title p,.product-detail .pro-mes .mes{font-size: 12px;line-height: 22px;}
    .product-detail .pro-mes .purchaseBtn .btn{display: inline-block;width: auto;font-size: 14px;line-height: 34px;padding: 0 15px;}
    .proContent .pro-nav .navl a{padding: 0 10px;font-size: 12px;}
    .proContent .pro-content .sec-tit{padding-top: 15px;}
    .proContent .pro-content .sec-tit{font-size: 16px;line-height: 20px;}
    .proContent .pro-content .txt{font-size: 12px;line-height: 26px;padding-top: 10px;
        padding-bottom: 10px;}
    .proContent .pro-content{margin-bottom: 30px;}
    .proContent .pro-content table{font-size: 12px;}

    .related-pro .productList li a{padding: 10px 0 25px 0;}

    .feedback{padding-bottom: 30px;}

   /* .productList li{width: 100%;margin-right: 0;}*/
   /* .product-item-list .product-item-ul li{width: 100%; margin-right: 0;}
    .product-item-list .product-item-ul li:nth-child(3n){margin-right: 0;}
*/
    .feedback .form-mes form .user-fb{width: 100%;margin-right: 0;}
    .submit{margin: 15px 0;}
    .submit .submit-bt{width: 120px;height: 32px; line-height: 32px;}

    .newsTop{padding-top: 20px;padding-bottom: 20px;}
    .newsCList{padding-top: 25px;}
    .titB h3, .productBox .proN, .cooperCon .tit, .customerTit h3, .feedback h2, .service-zp .human-T, .related-pro h2{font-size: 20px;line-height: 22px;margin-bottom: 20px;}

    .zxqz .sh1ti{font-size: 20px;line-height: 24px;}
    .zxqz .sh4{margin: 10px 0;}


    .research-list li{padding-right: 12px;margin-right: 7px;}
    .research-list li .big{line-height: 26px;}
    .research-list li .big em{font-size: 30px;line-height: 30px;}

   /* .customerList li, .aboutEnvir .gallery dl, .aboutHonor .gallery dl, .vodeo-box .video-item_v{width: 100%;margin-right: 0;}

    .aboutEnvir .gallery dl:nth-of-type(3n), .gallery dl:nth-child(3n), .aboutHonor .gallery dl:nth-of-type(3n), .gallery dl:nth-child(4n), .vodeo-box .video-item_v:nth-child(3n){margin-right: 0;}*/




    .newsDetail .news-title{font-size: 18px;line-height: 22px;}
    .solutionList li a{height: auto;}
    .solutionList .img{float: none;width: 100%;position: static;height: 185px;}
    .solutionList li .mes{padding-left: 0;width: 100%;margin-top: 10px;}

    .storyList li .mes h4{font-size: 14px;line-height: 18px;height: 18px;margin-bottom: 3px;}
    .storyList li .mes p {height: 32px; line-height: 16px;-webkit-line-clamp: 2;}

    .wtjg-list{margin: 20px 0;}
    .wtjg-list li{width: 49%;}
    .wtjg-list li:nth-child(2n){margin-right: 0;}

    .service-ln{margin-bottom: 25px;}
    .service-zp .joinBy{margin: 15px 5% 10px 0px;}
    .service-zp .joinList{font-size: 12px;}
    .service-zp .joinList .ib{width: 14px;height: 14px;margin-top: 4px;}
    .service-zp .joinList .ib .ic1{height: 14px;margin-left: 6px;}
    .service-zp .joinList .ib .ic2{width: 14px;margin-top: -1px;}

    .service-ln .ln-list{margin-top: 25px;}
    .contactDm{margin-bottom: 30px;}
    .contactDm .contact-addr .addrB .txt{padding: 6px 5px;}
    .contactDm .contact-addr .addrB .list{padding-bottom: 10px;}
}


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

    .productList li .img img{width: 110px;}



}