@charset "utf-8";

/* Default wide-screen styles */
@media all and (max-width: 1600px) {
   
/* styles for narrow desktop browsers and iPad landscape */
}

@media all and (max-width: 1300px) {
 
/* styles for narrow desktop browsers and iPad landscape */
}


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

.header-top,.auto{ width:100%;}
.header-top .navul{ margin-left:10px;}
.header-top .navul ul li a{ padding:0px 12%;}
.header-top .navtel .lungt{margin-left:30px;}
.minx{ width:100%;padding:0 12px;}

.list30 {
    width:900px;
    table-layout: auto;
    word-break: normal;

}
/*.list30 .tr3 {
    display: block;
}
.list30 .tr4 {
    display: block;
}
.list30 td {
    width: auto;
}
.list30 .tr4 td {
    padding: 10px 5px;
}
.list30 .tr1.aaa, .list30 .tr2.aaa {
    display: none;
}
.list30 .tr1.aaa {
    display: block;
}
}*/

}
@media all and (max-width: 1100px) {


}

@media all and (max-width: 1000px) {
   .header-top,.topbode{ display:none;}
   .mhtop,.hhh6{ display:block;}
   	.arr{ display:none;}
	.arrc{ display:none;}
	.h-product-wrap .swiper-container{margin:0 -1px; padding-bottom:35px;}
	.h-case-wrap .swiper-container{margin:0 -1px; padding-bottom:35px;}

	.list30 .tr1.on,.list30 .tr2.on{position: fixed;top: 65px;left:0;right:0;margin: 0 auto;max-width: 1200px;text-align: center;width: 100%;z-index: 2;transform: translateZ(0); }
	.list30 .tr2.on{top: 115px;background: #fff;}

	/*检测报告*/
	.reportlist{ margin-top:45px;}
	.reportlist ul{overflow: hidden;zoom:1;}
	.reportlist ul li{width:50%;float:left;border-right: 1px solid #C4C4C4;text-align: center;margin-bottom: 10px;}
	.reportlist ul li:nth-child(2){border-right: none;}
	.reportlist ul li:nth-child(4){border-right: none;}
	.reportlist ul li:nth-child(6){border-right: none;}

	.reportlist ul li .imgbox{width:100px;height:100px;overflow: hidden;text-align: center; margin: 0 auto;}
	.reportlist ul li .imgbox img{width:100%;}
	.reportlist ul li a{ display:block; padding:4px 0px 6px; }
	.reportlist ul li a .datel{ float:left; width:10%; text-align:center; font-size:16px;color:#222; margin-top:5px;}
	.reportlist ul li a .datel span{ display:block; font-size:40px; color:#222;}
	.reportlist ul li a .titcont{  width:100%; height:90px;overflow: hidden;}
	.reportlist ul li a .titcont h3{ font-weight:normal; margin-top:5px; color:#333;width: 96%;height:44px;overflow: hidden;}
	.reportlist ul li a .titcont .xwdecs{ font-size:14px; color:#888; line-height:25px; margin-top:6px;}
	.reportlist ul li a .titcont span{ font-size:14px; color:#666; }
	.reportlist ul li a:hover{ background:#0061AE;}
	.reportlist ul li a:hover .datel{ color:#fff;}
	.reportlist ul li a:hover .datel span{ color:#fff;}
	.reportlist ul li a:hover .titcont h3{ color:#fff;}
	.reportlist ul li a:hover .xwdecs{ color:#fff;}
	.reportlist ul li a:hover .titcont span{ color:#fff;}
	/*检测报告end*/
}
@media all and (min-width: 900px){
    .h-product-wrap .swiper-slide {
         width: 24% !important; 
    }    
    .h-case-wrap .swiper-slide{
        width: 25% !important;
        margin-right: 1px !important;
    }
}
@media all and (max-width: 990px) {
	.h-product-wrap{margin:0.5% 0 2.6923%}
	.h-case-wrap{position:relative;margin:0.5% 0 2.6923%}
	
	.syxwzcl{ float:none; width:100%;}
	.jzimgt{ float:none; text-align:center; width:6%; display:none;}
    .sycjwtt{ float:none; width:100%; margin-top:25px;}
	.syxwcontt{ margin-top:15px;}
}

@media all and (max-width: 900px) {
  	.indrmcss{line-height:25px; padding:10px 0px; height:auto;}
    .indrmcss .gjchrefd{float:none;}
	.indrmcss .serachfr{ float:none; padding-top:10px; padding-bottom:2px;}
	.indrmcss .search-form{ width:100%;}
	.indrmcss .search-form input{width:95%;height:40px;}
	.indrmcss .search-form button{  top: -1px;}
	
	.syabout{ margin-top:40px;}
	.syabout .abtleft{ float:none; width:100%;}
	.syabout .abtleft h3{ font-size:20px; margin-top:5px;}
	.syabout .abtleft .abdesc{font-size:15px;margin-top:10px;}
	.syabout .abrimgt{ float:none; width:100%;margin-top:10px;}
	
	.xwmore{ margin-top:10px;}
	
	.weizhit{ line-height:32px;}
	.hsantit{margin-top:5px;}
	.hsantit h3{ font-size:24px; line-height:30px;}
	.nynews .hsantit span img{ width:40%;}
	
	.newstitt li{height:64px; line-height:64px; border-bottom:3px solid #fff; font-size:18px; display:inline-block; margin:0 6px; padding:0 10px;}
	
	.h555{display:block;}
    .myfooter{display:block;}
	

}


@media all and (max-width: 880px) {

}
@media all and (max-width: 860px) {
.sycpnrtd{ margin-top:20px;}
 
.sycptit h3{font-size:22px;}
.sycptit h4{font-size:20px; line-height:35px;}

.newslieny ul li a .datel{ width:20%;}
.newslieny ul li a .titcont{width:80%;}
.productbox .catalog{display:none;}
.sycptit .titPannel{    width: 80%;}
.sycptit .titPannel:before, .sycptit .titPannel:after{
        width: 50px;
    height: 8px;
            background-size: 100%;
}
.sycptit .titPannel span{    font-size: 20px;}
}

@media all and (max-width: 840px) {

}

@media all and (max-width: 820px) {
 
}

@media all and (max-width: 800px) {
    .clearttt{ display:block; height:35px;}
    .footert{padding: 45px 0 30px 0; background: #272727;}
    .f_top li.abt {width: 50%; border-right: 1px solid #666;min-height: 180px; float:left;text-align:center;}
	.f_top li.wxdy {width: 50%;border:none;  min-height: 180px; float:left; text-align:center;}
	.f_top li.lxbot {width: 50%;border-right: 1px solid #666; min-height: 180px; float:left;}
	.f_top li.bqbot {width: 50%;min-height: 180px; float:left;}
}

@media all and (max-width: 700px) {
 
 
}

@media all and (max-width:650px) {

}


@media all and (max-width:640px) {
  
}

@media all and (max-width:600px) {
    .f_top li.lxbot {width: 100%;border:none; min-height: inherit; float:none;}
	.f_top li.lxbot .title{margin-left:10%;}
	.f_top li.lxbot .destw{color: #ababab; font-size:14px; margin-left:10%; line-height:25px; margin-top:5px;}
	.f_top li.lxbot .destw a{color: #ababab;}
	.f_top li.bqbot {width: 100%;min-height: inherit; float:none; margin-top:25px;}
	.f_top li.bqbot .title{ color:#fff; font-size:16px; margin-left:10%;}
	.f_top li.bqbot .destw{color: #ababab; font-size:14px; margin-left:10%; line-height:25px; margin-top:5px;}
	.f_top li.bqbot .destw a{color: #ababab;}
	.prev-next li{width: 100%;margin:8px 0;display: inline-block;}

	.certlist{ margin-top:45px;}
	.certlist ul{}
	.certlist ul li{width:49%;float:left;margin-right: 2%;}
	.certlist ul li:nth-child(2){margin-right: 0px;}
	.certlist ul li:nth-child(4){margin-right: 0px;}
	.certlist ul li:nth-child(6){margin-right: 0px;}

	.caseslist ul li{width:49%;float:left;margin-right:2%;margin-top: 10px;padding:8px;}
	.caseslist ul li:nth-child(2){margin-right: 0;}
	.caseslist ul li:nth-child(4){margin-right: 0;}
	.caseslist ul li:nth-child(6){margin-right: 0;}
	.caseslist ul li:nth-child(8){margin-right: 0;}
	.wapx-ban, .wapx-ban img{
	    height: 200px;
	}
	.h-product-wrap .h-pro-img{
	    height: 150px;
	}
	.h-case-wrap .h-case-img{
	    height: 180px;
	    
	}
	.h-case-wrap a {
	        height: 225px;
}
	.h-case-wrap .h-case-img img{
	    height: 150px;
	}
	.con-box img{
	        width: 100%;
	}
	
}

@media all and (max-width:580px) {
  .syxw_tab ul li a{      width: 90px;
    text-indent: 10px;
    margin-right: 5px;}
  .syxw_tab ul li a h3{ font-size:18px;}
  
  .newslieny ul li a .datel{ width:25%;}
  .newslieny ul li a .titcont{width:75%;}
  .syxwlie ul li:first-child .titcont{
    border-left: inherit;
  }
  .syxwlie ul li:first-child .titcont h3 {
        font-size: 14px;
    }
    .syxwlie ul li:first-child .titcont .titdate {
        margin-top: 0;
        font-size: 12px;
    }
    .syxwlie ul li:first-child .titcont .xwdecs {
        margin-top: 0;
    }
    .syxwlie ul li:first-child .titcont .xwdecs a{
            font-size: 12px;
        padding: 2px 5px;
    }
    .syxwlie ul li .datel{
        font-size: 14px;
    }
    .syxwlie ul li .datel span{
        font-size: 18px;
    }
    .syxwlie ul li .titcont{
        min-height: 43px;
    }
    .syxwlie ul li .titcont .titdate h3{
        font-size: 13px;
            margin-top: 0;
    }
    .syxwlie ul li .titcont .titdate .titurl a{
        font-size: 13px;
        padding: 0 2px;
    }
    .syabout .abtleft .abtCon{
        padding:0;
    }
    .syabout .abtleft .abtCon h1{
            font-size: 28px;
    }
    .syabout .minxBottom{display:none;}
    .footert .footerNav{
        display:none;
    }
    .f_top li.wxdy{
        padding: 0;
            text-align: left;
            padding-left: 5px;
    }
    .f_top li.wxdy .title{
        font-size: 14px;
    }
    .f_top li.wxdy .destw{
        font-size: 14px;
    }
    .f_top li.lxbot{
        padding-left: 0;
    }
    .f_top li.bqbot{
        width: 50%;
        margin: 0 auto;
        text-align: center;
        margin-top: 20px;
    }
    .search .txt{
        height: 30px !important;
    }
    .weizhit{
            width: 60%;
                height: 40px;
    }
    .search .submit{
        height: 30px;
    width: 30%;
    top: -30px;
    }
    .newstitt .proCen{
        width: 100%;
    }
    .newstitt .proleft{
            font-size: 15px;
                line-height: 60px;
                    width: 20%;
    }
    .newstitt .proright{
            width: 80%;
    }
    .newstitt li{
        height: 34px;
    line-height: 34px;
        margin-top: 10px;
    }
    .newstitt li:nth-child(5){
     margin-top: 10px;
        
    }
    .newstitt li a{
        font-size: 14px;
    }
    .probox{
        width: 100%;
    }
    .probox .left{
         width: 100%;
    }
    .probox .left .pro{
        width: 100%;
    }
    #tb1,#tb2,#tb3,#tb4 {
        width: 100%;
    }
}

@media all and (max-width:570px) {

}

@media all and (max-width:500px) {
 
} 

@media all and (max-width:450px) {
 
}

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

@media all and (max-width:400px) {
  .syxw_tab ul li a{      width: 90px;
    text-indent: 10px;
    margin-right: 5px;}
  .syxw_tab ul li a h3{ font-size:18px;}
  
  .newslieny ul li a .datel{ width:25%;}
  .newslieny ul li a .titcont{width:75%;}
  .syxwlie ul li:first-child .titcont{
    border-left: inherit;
  }
  .syxwlie ul li:first-child .titcont h3 {
        font-size: 14px;
    }
    .syxwlie ul li:first-child .titcont .titdate {
        margin-top: 0;
        font-size: 12px;
    }
    .syxwlie ul li:first-child .titcont .xwdecs {
        margin-top: 0;
    }
    .syxwlie ul li:first-child .titcont .xwdecs a{
            font-size: 12px;
        padding: 2px 5px;
    }
    .syxwlie ul li .datel{
        font-size: 14px;
    }
    .syxwlie ul li .datel span{
        font-size: 18px;
    }
    .syxwlie ul li .titcont{
        min-height: 43px;
    }
    .syxwlie ul li .titcont .titdate h3{
        font-size: 13px;
            margin-top: 0;
    }
    .syxwlie ul li .titcont .titdate .titurl a{
        font-size: 13px;
        padding: 0 2px;
    }
    .syabout .abtleft .abtCon{
        padding:0;
    }
    .syabout .abtleft .abtCon h1{
            font-size: 28px;
    }
    .syabout .minxBottom{display:none;}
    .footert .footerNav{
        display:none;
    }
    .f_top li.wxdy{
        padding: 0;
            text-align: left;
            padding-left: 5px;
    }
    .f_top li.wxdy .title{
        font-size: 14px;
    }
    .f_top li.wxdy .destw{
        font-size: 14px;
    }
    .f_top li.lxbot{
        padding-left: 0;
    }
    .f_top li.bqbot{
        width: 50%;
        margin: 0 auto;
        text-align: center;
        margin-top: 20px;
    }
    .search .txt{
        height: 30px !important;
    }
    .weizhit{
            width: 60%;
                height: 40px;
    }
    .search .submit{
        height: 30px;
    width: 30%;
    top: -30px;
    }
    .newstitt .proCen{
        width: 100%;
    }
    .newstitt .proleft{
            font-size: 15px;
                line-height: 60px;
                    width: 20%;
    }
    .newstitt .proright{
            width: 80%;
    }
    .newstitt li{
        height: 34px;
    line-height: 34px;
        margin-top: 10px;
    }
    .newstitt li:nth-child(5){
     margin-top: 10px;
        
    }
    .newstitt li a{
        font-size: 14px;
    }
    .probox{
        width: 100%;
    }
    .probox .left{
         width: 100%;
    }
    .probox .left .pro{
        width: 100%;
    }
    #tb1,#tb2,#tb3,#tb4 {
        width: 100%;
    }
}

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