@media screen and (max-width:767px) {
.pc { display: none; }
.phone { display: block; }
.menubg {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	z-index: 999;
	opacity: 0.95;
}
.menu-icon { margin-top: 10px; }
.menu-icon-close {
	position: absolute;
	height: 59px;
	width: 50px;
	background: url(../images/menu-close.png) center 25px no-repeat;
	right: 0;
	top: 0;
	z-index:99999;
}
#header {
	height: 64px;
	/*background:black;*/
}
.visible-phone {
		display:inherit!important;
		z-index:999;
	}
.hidden-phone {
	   display:none!important
	}
.wrap {
	margin: 0;
}
.nav {
	margin-top: 100px;
}
.logo {
	width: 140px;
	height: 33px;
	background-size: 140px 33px;
	left: 12px;
	top:18px;
	background-image:url(../images/logo-m.png);
	background-repeat:no-repeat;
}
.nav-phone {
	padding-top: 64px;
	border-bottom:#eee 1px solid;
}
.nav-phone .nav-m,.nav-phone .nav-r{
	padding:0;left:0;width:100%;
}
.nav-phone .nav-m{
	top:100px;
}
.nav-phone .nav-r{
	top:500px;
	left:30px;
	font-size:18px;
	color:#fff;
}
.nav-hover-box { display: none; }
.nav-link-wrap {
	width:100%;
	float: left;
	padding:0;
	text-align:left;
	background: none;
}
.nav-link-wrap:nth-child(1) { width:100%;}
.nav-link-wrap:nth-child(2) { width:100%;}
.nav-link-wrap:nth-child(4) { width:100%; }
.nav-link-wrap a:after {
	border-bottom: 0;
}
.nav-link-wrap a,.nav-link-r a {
	width: 86%;
	border-bottom: 0;
	padding-left:14%;
	line-height:70px;
	display: block;
	font-size: 22px;
	color:#fff;
	text-align:left;
	background: #222;
	border-bottom: #666 1px solid;
}
.nav-link-r:nth-child(1) { padding:2px 0 0 22px;width:30%;text-align: left;}
.nav-link-r:nth-child(2) { width:60%;text-align: left;}
input[type=search] {
	width: 120px;
}
input[type=search]:focus {
	width: 150px;
}
input[type=submit] {
	width: 18px;
	height: 18px;
	background-color:#ccc;
}
.swiper-container {
     width: 100%;
      height: auto;
}

.main1_top h3{ font-size:37px; padding:45px 0 33px; }
.main1_top p{ padding:0 10px; font-size:17px; }
.guanggao{ width:51%;  padding:40px 0 30px 2%;}
.guanggao h2{ font-size:32px; color:#1d9e3a; padding-bottom:14px;}
.guanggao p{  font-size:18px; }
.main1_center .product{ width:47%; float: left; padding:20px 0 0; margin:0px;}
.main1_center .product img{  width:100%;}
.main1 .guanggao{ width:51%;}
.main1 .guanggao img{ display: none; }

.main2_bg{ background-size:100% 100%;}
.main2 .guanggao{ padding:70px 0 10px 10px;}
.main2 .guanggao .lan a { font-size:22px; }
.main2 .guanggao img{ display: none; }

.main3{  padding:40px 0 40px;}
.main3 .product{ width:70%; padding:0 15%;margin:0;}
.main3 .product img { width:100%;}
.main3 .guanggao{ float:right; width:80%; padding:0px 0 0px 20%; }
.main3 .guanggao img{ display: none; }

.main4 li { width:50%;height:180px; }
.main4 li:nth-child(6n+1) {width:50%;}
.main4 li:nth-child(6n) {width:50%;}

.main5_bg{ background-size:100% 100%;}
.main5{ padding:40px 0 ;}
.main5 h2{ font-size:25px;font-weight:bold; width:90%;  padding:0 5% 23px;}
.main5 .left{ width:90%;padding:0 5% 23px;  }
.main5 .right{ width:90%;padding:0 5% 0;}
.main5 .right img{ width:100%;height:245px;margin-bottom: 10px;padding:0;}
.main5 .right h2 { display: block;padding:0;margin-bottom: 10px; }

.footer .shang .left{ display: none;}
.footer .shang .right{ width:100%; float:left; padding:20px 0 0 0;}
.footer .shang .right .weixin img{ float:left;}
.right .weixin{ width:100%;text-align:center;}
.right .message{ display: none; }
.footer .xia .left,.footer .xia .right{ width:90%;text-align: center;float:left;padding: 0 5% 8px;}

/*about页面*/
.contact-banner { height: 130px; background-size: 100% 100%;background-position: 100% 100%;background-repeat: no-repeat; }
.about{ padding:30px 0px 20px;}
.about h2{font-size:30px; padding-bottom:5px;}
.about .fangge{  padding-bottom:16px;}
.about p{ padding:10px 12px 0; text-align:left;}
.about .new_main{ width:100%; padding-top:20px; }
.about .new_main img{ width:100%;}

/*product页面*/
.main_product{ padding:30px 0 0px;}
.classify .shang h2{ font-size:30px; width:100%; margin-left:2%;}
.classify .shang img{ margin:10px auto 30px 2%;}
.classify .left ul{ width:100%; float:left;}
.classify .left ul li{ width:100%;}
.classify .right{ width:100%; clear:both;}
.product_list{ padding-top:20px;}
.product_list li { width:40%; padding:0 4% 30px 4%; }
.product_list li:nth-child(2n){ padding-right:0%;}
.product_list li:nth-child(4n) { padding-right:0%; }
.product_list li .pic { width:100%;}
.product_list li .pic img { width:100%; height:100%; }
.product_list li .title { padding:8px 0 0; }
.product_show .title { width:100%; padding:20px 0 15px;}
.product_show .content .pic { width:100%;}
.product_show .content .pic img { width:100%; }
.product_show .content .text { width:100%; }
.product_show .text .tit { font-size:23px; padding:20px 0 15px 10px;}
.product_show .text .tit1 { padding-left:10px;}
.product_show .text p { padding:5px 0 7px 10px;}
.product_show .relate {  padding:40px 0 10px; }
.product_show .relate {  padding:20px 0 20px;text-align: right; }

.factory{ width:100%;padding-top:30px; }
.factory li {width:50%;height:180px; }
.factory li:nth-child(3n) {width:50%;}

/*news页面*/
.news_bg{ padding:30px 0 10px;}
.news .shang h2{ font-size:30px; padding-bottom:0px; margin-left:2%;}
.news .shang img{ margin:10px auto 5px 2.3%;}
.news .xia .left{ display: none;}
.news .xia .left .lanmu_c{ width:100%;}
.news .xia .left .lanmu_i{ width:100%; margin:10px 0 20px;}
.picScroll-top{ width:100%; text-align:center;}
.picList .pic{ width:100%; margin:auto;}
.picScroll-top .bd ul li .pic img{ margin:auto;}
.picScroll-top .bd ul li{ padding-bottom:20px; margin-bottom: 20px; }
.news .xia .right{ width:100%;}
.news .xia .right li{ margin:0 10px 0;  margin-right:2%;}
.news .xia .right li .time{ font-size:14px;}
.news .xia .right li .title { font-size:22px; margin-top:10px; margin-bottom:10px;}
.news .xia .right li .pic { margin:0;}
.news .xia .right li .pic img{ width:100%;}
.news .xia .right li .more{ float:right;}
.news .xia .right{ width:100%; margin-left:0;}
.news .xia .right li { width:100%;padding:0 0 40px;}
.news .xia .right .newsshow .time{ font-size:14px;}
.news .xia .right .newsshow .title { font-size:20px; margin-top:15px;}
.news .xia .right .newsshow .pic { margin:10px 0 0px 0px;}
.news .xia .right .newsshow .pic img{ width:100%;}
.page{ margin:0px 0 0px 0px;  padding:20px 0;}

/*contact 页面*/
.contact{ padding:20px 0; }
.contact h2{ font-size:30px; padding-bottom:0px;  margin-left:2%;}
.contact h3{ font-size:18px; padding-top:8px; margin-left:2%;}
.contact .fangge{ margin:10px auto 30px 2.3%;}
.contact .shang .tel{ width:100%; margin-top:20px; margin-left:2%;}
.contact .shang .erweima{ width:100%; padding:10px 0 0 28%;}
.contact .shang p{ font-family:'Helvetica'; font-size:17px;  margin-bottom:10px;}
.contact .xia{ display: none;}
}