﻿.wapabout-class,.wapabout-classno{display: none;}

@media screen and (min-width:200px)  and  (max-width:1880px)  {
	.satisfaction .text p{font-size: 18px; line-height: 30px; margin-bottom: 10px; background: url(../images/principle-icon.png) no-repeat left top 10px;}

}






@media screen and (min-width:200px)  and  (max-width:1618px)  {
	.container-s{max-width: 96%; margin: 0 auto}
	/*PC端公共头部*/
	.header .logo{margin-right: 55px;}
	.header .logo img{margin: 0 20px 0 0px; }
	.head-tel{background-size: 10%; padding-left: 40px; margin-right: 28px; }
	.head-tel em{font-size: 15px; margin-bottom: 4px;}
	.head-wechat b{background-size: 25%; padding-left: 40px; margin-right: 0}


	/*首页banner*/
	.banner{height: 600px;}




@media screen and (min-width:200px)  and  (max-width:1500px)  {
	/*PC端公共头部*/
	.search{width: 260px;}


@media screen and (min-width:200px)  and  (max-width:1400px)  {
	/*PC端公共头部*/
	.header .logo{margin-top: 17.5px}
	.header .logo img{ width: 120px}
	.header .logo .text strong{margin: 5px 0 6px; font-size: 16px;}
	.search{width: 220px;}
	.head-tel{background-size: 11%; padding-left: 46px;   }
	.head-tel em{font-size: 15px; margin-bottom: 4px;}
	.head-tel span{display: block;}
	.head-tel b{display: none;}
	.head-wechat b{background-size: 25%; padding-left: 40px; }


	/*首页banner*/
	.banner-info{max-width: 80%; padding: 3% 0 9%}
	.banner-info b{font-size: 50px;}
	.banner-info p{font-size: 16px; max-width: 90%;}


	


@media screen and (min-width:200px)  and  (max-width:1306px)  {
	/*PC端公共头部*/
	.search {width: 240px;}
	.head-tel{background-size: 21%; padding-left: 46px;  height: auto; margin-top: 16px; }
	.head-tel span{display: none;}
	.head-tel b{display: block; font-size: 18px; line-height: 22px;  color: #ffba00; font-family: arial; font-weight: normal;}

	



@media screen and (min-width:200px)  and  (max-width:1200px)  {
	/*PC端公共头部*/
	.header,.pc-nav{display: none;}
	.wap-header{display: block; height: 68px; position: fixed; top: 0; width: 100%; background: #fff; z-index: 999;}
	.wap-header .logo{margin-top: 11.5px;}
	.wap-header .logo h1{line-height: 0}
	.wap-header .logo a{display: block;}
	.wap-header .logo img{display: inline-block; width: 120px; margin-right: 15px; }
	.wap-header .logo .text strong{display: block; font-size: 18px; line-height: 18px; color: #01589f; font-weight: bold; margin: 5px 0 6px;}
	.wap-header .logo .text em{display: block; font-size: 14px;  line-height: 14px; color: #4c4c4c;}


	.wap-click { padding: 11px 0;}
	.wap-click span{width: 30px; height: 2px;background: #333;display: block;margin: 10px auto; transition: all 277ms ease-in-out;position: relative;}
	.active span.cl-1{transform: rotate(-45deg);top:12px;}
	.active span.cl-2{opacity: 0;}
	.active span.cl-3{transform: rotate(45deg);top:-12px;}
	.wap-header .ver{left: auto; margin-top: 0; position: relative; padding: 18px 0; margin-right: 3%;}
	.wap-nav{position: fixed; top: 68px; background: #F6F6F6; z-index: 20; left: 0; width: 100%; display: none;}
	.wap-nav ul li a{ display: block;font-size: 16px;line-height:45px;color: #434343;text-indent: 50px;transition: all .6s;}
	.wap-nav ul li a:hover,.wap-nav ul li.on>a{ background: #01589f;color:#fff}
	.wap-hide{ background: #fff; display: none;}
	.wap-hide dd{border-bottom: 1px dashed #eee;}
	.wap-nav .wap-hide dd a{text-indent:75px;line-height:45px}
	.wap-headerzw{height: 68px;}
	.wap-vericon {display: block;margin-top: 23.5px;margin-right: 18px;}

	.wap-search img{display: block; margin-top: 25px; margin-right: 18px;}
	.seach-form{display: none;}
	.seach-form form{ position: absolute;top:80px; background: #fff;cursor: pointer; width: 96%; left: 2%;}
	.seach-form input{float:left;border:none;height:40px; outline: none; font-size: 15px;}
	.seach-form  .f-text{width: calc(100% - 80px); line-height: 40px; text-indent: 20px; background: #f5f5f5;}
	.seach-form  .f-submit{width:80px; background: #01589f;color:#fff}

	

	/*首页banner*/
	.banner{height: 500px; }
	.banner .swiper-slide{background-size:125% !important;}
	#banner-num {bottom: 2%}

	.banner-info p{margin: 8px auto 30px;}
	.banner-info a{font-size: 18px;  width: 190px;  background: url(../images/wechat-icon.png) no-repeat 40px center #ffba00; text-align: left; text-indent: 82px; }
	.banner-info a:before {width:200px;}





	/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
	.parameter-list::-webkit-scrollbar  
	{  
	    width: 7px;  /*滚动条宽度*/
	    height: 7px;  /*滚动条高度*/
	}  
	  
	/*定义滚动条轨道 内阴影+圆角*/  
	.parameter-list::-webkit-scrollbar-track  
	{  
	    background-color: #ccc;/*滚动条的背景颜色*/  
	}  
	  
	/*定义滑块 内阴影+圆角*/  
	.parameter-list::-webkit-scrollbar-thumb  
	{  
	    background-color: #01589f;  /*滚动条的背景颜色*/
	}

	/*2020.8.17参数表格*/
	.parameter-list ul li strong.height{ line-height: 56px!important;}
	.parameter-list3 ul {width: 200%;}
	.parameter-list3 ul li strong{padding: 0!important; line-height: 56px!important;}
	.parameter-list3 ul li strong.height {font-size: 14px!important;line-height: 18px!important;padding: 10px 0!important;}

	.parameter-list4 ul {width: 300%;}
}





@media screen and (min-width:200px)  and  (max-width:1024px)  {
	.parameter-ys ul li{width: 100%;}
	.parameter-ys ul li .arrow{display: none;}

}



@media screen and (min-width:200px)  and  (max-width:960px)  {
	/*首页banner*/
	.banner{height:400px;}
	.banner-info{max-width: 90%;}
	.banner-info b{font-size: 40px;}



@media screen and (min-width:200px)  and  (max-width:900px)  {
	.picdetail #nr-container .nr-content{max-width: 100%}
	.picdetail #nr-container .nr-content img{display: block; width: 100%!important; height: auto!important;}
}


@media screen and (min-width:200px)  and  (max-width:768px)  {
	
	/*首页banner*/
	.banner{height:300px;}
	.banner-info{max-width: 94%; transform: translateY(-55%);}
	.banner-info b{font-size: 25px;}
	.banner-info p{font-size: 15px; line-height: 25px; margin: 8px 0 20px;}
	.banner-info a{font-size: 16px; width: 140px; line-height: 40px; background: url(../images/wechat-icon.png) no-repeat 25px center #ffba00; text-align: left; text-indent: 60px; }
	.banner-info a:before {width:140px; height: 50px;}

	


	
	.wap-footzw,.wap-foot{display: block;}
	.wap-footzw{height: 63px;}
	/*手机客服*/
	.wap-foot {
	    width: 100%;
	    float: left;
	    position: fixed;
	    left: 0;
	    bottom: 0;
	    height:63px;
	    background: #01589f;
	    z-index: 66;
	    box-shadow: 0 -4px 7px rgba(0,0,0,0.15);
	    z-index: 9999999;
	}
	
	.wap-foot li {
		box-sizing: border-box;
	    width: 33.33%;
	    float: left;
	    text-align: center;
	    padding:10px 0;
	    border-right: 1px solid rgba(255,255,255, 0.2);
	}
	.wap-foot li .ico7 {
	    width: 100%;
	    float: left;
	    height: 20px;
	 
	}
	
	.wap-foot li.l1 .ico7{ background: url(../images/btn15.png) no-repeat center center;   background-size: 20px 20px;}
	.wap-foot li.l2 .ico7{ background: url(../images/btn16.png) no-repeat center center;   background-size: 20px 20px;}
	.wap-foot li.l3 .ico7{ background: url(../images/btn17.png) no-repeat center center;   background-size: 20px 20px;}
	.wap-foot li .name {
		font-weight: bold;
	    width: 100%;
	    float: left;
	    margin-top: 7px;
	    font-size: 1rem;
	    color: #fff;
	    line-height: 1rem;
	}
}



@media screen and (min-width:200px)  and  (max-width:640px)  {
	
	.app-list{padding-bottom:35px;}
	#produce-num{display:block;}
	#certify .swiper-button-next,#certify .swiper-button-prev{display: none;}
	#certify{width:96%;padding-bottom: 30px;}
	#certify .swiper-pagination-bullets .swiper-pagination-bullet-active{ border-color: #01589f;}
	#certify .swiper-slide{width: 100%;}
	#app-num{display: block;}
	#app-num .swiper-pagination-bullet{width:12px;height: 12px;;}
	
	/*手机端公共头部*/
	.wap-header .logo .text{display: none;}

	/*首页banner*/
	.banner{display: none;}
	.wap-banner{display: block; position: relative;overflow: hidden;}
	.wap-banner .swiper-slide img{display: block; width: 100%;}
	#banner-num {bottom: 3%;z-index: 1;}
	#banner-num .swiper-pagination-bullet{width: 8px; height: 8px; opacity: 1; background: transparent;  border: solid 1px #fff; margin: 0 8px;}
	#banner-num .swiper-pagination-bullet-active{background: #fff}




