html {
	font-size: 62.5%;
	color: #222;
}

::selection {
	background-color: #f60;
	text-shadow: none;
	color: #f00;
}

::-moz-selection
{
color:#ff0000;
}

ul,dl,li,dt,dd {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}

/*工具样式*/

.center-block{
	display: block;
	margin: 0 auto;
}

.pull-right{
	float: right !important;
}

.pull-left{
	float: left !important;
}

.text-right{
	text-align: right !important;
}

.text-left{
	text-align: left !important;
}

.text-center{
	text-align: center !important;
}

.hide{
	display: none !important;
}

.show{
	display: block !important;
}

.invisible{
	visibility: hidden;
}

.text-hide{
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

.clearfix:befor,
.clearfix:after{
	content: "";
	display: table;
}

.clearfix:after{
	clear: both;
}

/*浏览器更新提示*/

.browserupgrade{
	padding: 5px;
	margin: 0;
	background-color: #fc0;
	text-align: center;
	font-size: 1.5rem;
}
.browserupgrade a{
	color: #f30;
	padding: 0 5px;
}

/*自定义页面样式*/

body{
	font-size: 1.4rem;
	line-height: 1.8;
	background-color: #fff;
}

a{
	color: #666;
	text-decoration: none;
}

a:hover, a:active{
	color: #f60;
	/*text-decoration: underline;*/
}

/*header*/
.header{ background:#404040; padding:0 6%; height:100px; zoom:1; overflow:hidden;}
.logo{
	float:left;
	width: 450px;
	padding-top: 30px;
	zoom:1;
	overflow: hidden;
}

.nav{
	float:left;
	margin:0 20px;
	/*width: 600px;*/
	padding-top: 30px;
}
.nav ul{
	width: 100%;
	zoom:1;
	overflow: hidden;
}
.nav ul li{
	display: inline-block;
	width: 80px;
	text-align: center;
}
.nav ul li a{
	display: inline-block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 1.5rem;
	color:#fff;
}
.nav ul li a:hover{
	height: 40px;
	line-height: 40px;
}
.tel{ float:left; color:#fff; padding-top: 20px; margin-left:-2px;}
.tel span{font-size: 2.5rem; color:#ffd200;}
.qq_wx{ float:left; margin-left:30px; padding-top: 40px;}
.qq_wx a{ margin-left:20px;}
.wx img{width: 27px;height: 25px;border-radius:50%}

/**/
.wap-header{
	background:#404040;
	height: 60px;
	zoom:1;
	overflow: hidden;
}
.wap-header .wap-logo{
	padding: 10px;
	width: 60%;
	float: left;
}
.wap-header .wap-logo img{
	width: 100%;
	margin-top: 10px;
}
.wap-icon{
	padding: 10px;
	float: right;
}
.wap-iconView{
	display: block;
	background: url(../img/menu.png) no-repeat;
	background-size: 80%;
	width: 35px;
	height: 34px;
	margin-top: 5px;
}
.wap-nav{
	display: none;
	position: absolute;
	width: 100%;
	background: #fff;
	top: 60px;
	z-index: 100;
	border-top: solid 1px #ddd;
	background: #fefefe;
}
.wap-nav ul li{
	height: 50px;
	line-height: 50px;
	border-bottom: solid 1px #ddd;
	font-size: 2rem;
	text-align: center;
}
.wap-nav ul li a{
	display: inline-block;
	width: 100%;
	height: 100%;
}
.wap-nav ul li a:hover,.wap-nav ul li a:active{
	color: #fff;
	background: #08c8b8;
}

/*banner*/

.swiper-container {
      width: 100%;
      height: 100%;
}
.swiper-slide {
    background-position: center;
    background-size: cover;
}
.swiper1{
    height: 600px;
}

/*about*/
.about{ width:100%; background: url(../img/bg_about.jpg) no-repeat center top; background-size:cover; margin-top:5rem; padding-bottom:5rem;}
.about .about-info{ width: 1180px;margin: 0 auto;color:#fff;}
.about .about-info p{ font-size:2rem; text-align:center; margin-bottom:5rem;}
.about .about-info h3{ background:#ff8501; width:20%; height:5rem; line-height:5rem; margin:0 auto; border-radius:5rem; text-align:center;}
.about .about-info h3 a{ color:#fff;}

/*product*/
.title{ text-align:center; font-size:2rem; padding:30px 0;}
.title h3{ font-size:2rem; padding:0; margin:0;}
.title h3 span{ color:#ff8501;}
.title h2{ font-size:3rem; padding:0; margin:0;}


.about .title{ color:#fff;}

.products-info{
	width:1200px; margin:0 auto;
}
.products-info ul{
	margin-bottom:20px; zoom:1; overflow:hidden;
}
.products-info ul li{
	float: left;
	width: 33.33333333%;
	text-align: center;
	position: relative;
}
.products-info ul li img{
	vertical-align:bottom;
}
.products-info ul li a{
	display: block;
	text-align: center;
}
.products-info ul li span{
	margin: 0 auto;
	color: #fff;
	font-size: 1.8rem;
	line-height:10rem;
}
.products-info ul li img{
	width:100%;
}
.products-info ul li.p1{ background:#ff8501;}
.products-info ul li.p2{ background:#26bad5;}
.products-info ul li.p3{ background:#ffc001;}
.products-info ul li.p4{ background:#1fb7e9;}
.products-info ul li.p5{ background:#ff8501;}
.products-info ul li.p6{ background:#1dcca1;}

/*news*/
.news{
	background: #f5f5f5;
	padding-bottom: 5rem;
}
.news h3{
	font-size: 2.8rem;
	text-align: center;
}
.news-info{
	width:1200px;
	margin:0 auto;
	zoom:1;
	overflow: hidden;
}
.news-left{
	width: 46%;
	float: left;
	background: #fff;
}
.news-left img{
	width:100%;
	height:235px;
}
.news-left h4{ 
	font-style:normal; 
	font-size: 1.8rem;
	line-height: 1rem;
	padding:0 16px;
}
.news-left p{
	line-height:24px; 
	font-style:normal; 
	padding:0 16px;
}

.news-right{
	width: 50%;
	float: right;
}
.news-right div.newsbg{ 
	background:#fff; 
	height:79px; 
	padding:20px; 
	margin-bottom:4px; 
	zoom:1; 
	overflow:hidden;
}
.news-right div.newsbg .date{
	width:20%; 
	height:60px; 
	border-right:solid 1px #dedede; 
	padding-top:10px; 
	text-align:center; 
	float:left;
}
.news-right div.newsbg .date span{ 
	display:block; 
	margin-bottom:10px;
}
.news-right div.newsbg .date a{ 
	display:block; 
	width:60px; 
	height:20px; 
	line-height:20px; 
	margin:0 auto; 
	background:#49aa81; 
	text-align:center; 
	color:#fff;
}
.news-right div.newsbg .newTitle{ 	
	float:left; 
	margin-left:30px; 
	width: 70%;
}
.news-right div.newsbg .newTitle h3{ 
	line-height: 0.6rem;
	font-size:16px; 
	font-weight:400; 
	text-align: left;
}
.news-right div.newsbg .newTitle p{ 
	font-size:14px;
	font-weight:400; 
	line-height:24px;
}

/*shili*/
.shili-info{ width:1200px; margin:0 auto; padding-bottom:5rem;}

/*footer*/
#footer { background:#393a3a;}
.foot{ width:1200px; margin:0 auto; zoom:1; overflow:hidden; padding:50px 0;}
.foot dl{ width:16.6%; float:left;}
.foot dl dt{ font-weight:bold; font-size:18px; color:#fff; margin-bottom:30px;}
.foot dl dd{ line-height:24px;}
.foot dl dd a{ color:#ccc;}
.foot dl dd a:hover{ color:#f90;}
.copyright{ background:#2f2f2f; padding:2rem;}
.copyright p { color:#adafbc; text-align:center;}

.xcx{ width:16.6%; float:left;}

.content-inner{
	width: 80%;
	margin: 0 auto;
}
.content-inner h1{ 
	text-align:center; 
	border-bottom:dashed 1px #ddd;
}
.content-inner img{ 
	max-width: 80%;
}

.honor-img{
	padding: 30px 0;
}
.honor-img ul{ 
	zoom:1; 
	overflow:hidden; 
	margin-right:-30px; 
	border-bottom:solid 1px #ddd;
}
.honor-img ul li{ 
	float:left; 
	width:270px; 
	margin-right:30px; 
	margin-bottom:30px;
}
.honor-img ul li img{ 
	width:100%; 
	border:solid 1px #eee;
}
.honor-img ul li span{ 
	display:block; 
	text-align:center;
}

.list{ margin:30px auto;}
.list dl{ border-bottom:solid 1px #ddd; padding:20px 0;}
.list dl dt{ font-size:18px; line-height:40px;}
.list dl dt img{ width:300px; height:180px;}
.list dl dd.data{ font-size:14px; line-height:40px; color:#999;}
.list dl dd.txt{ font-size:14px; line-height:24px;}

.product-inner{ zoom:1; overflow:hidden; padding: 30px 0;}
.left{ width:200px; float:left;}
.right{ width:960px; float:right;}
.product_list p{ background:#eee url(../img/btn01_h.png) no-repeat 10px center; height:50px; display:block; padding-left:35px; line-height:50px; margin-bottom:15px; margin-top:0;}
.product-img{ zoom:1; overflow:hidden; margin-right:-30px; border-bottom:solid 1px #ddd;}
.product-img li{ float:left; width:298px; margin-right:30px; margin-bottom:30px;}
.product-img li img{ width:300px; height:180px; border:solid 1px #eee;}
.product-img li span{ display:block; text-align:center;}

.page{ text-align:center; padding:10px; font-size:14px;}

/*Wap*/
@media only screen and (max-width: 750px){
	.swiper1 {
	    height: 200px;
	}
	.header,.foot{
		display: none;
	}
	.products-info{ width:100%;}
	.products-info ul li span{
	  color: #fff;
	  font-size: 1rem;
	  line-height:5rem;
	}
	.about .about-info{ width:90%;margin: 0 auto;color:#fff;}
	.about .about-info h3{ width:90%;}
 	
	.news-info{ width:100%;}
	.news-left{
		width: 100%;
	}
	.news-right{
		width: 100%;
		margin-top: 10px;
	}
	.news-right div.newsbg{ 
		height:100px; 
	}
	.news-right div.newsbg .date{
		width:25%; 
	}
	.news-right div.newsbg .newTitle{
		width:60%; 
	}
	.shili-info{ width:100%;}
	.shili-info img{ width:100%;}
	
	.honor-img ul li{ 
		width:90%;
		margin: 0 auto;
	}
	.left{
		float: none;
		width: 100%;
	}
	.right{
		float: none;
		width: 100%;
	}
	.product_list p{ 
		background:#eee url(../img/btn01_h.png) no-repeat 10px center; 
		height:50px; 
		display:block; 
		padding-left:35px; 
		line-height:50px; 
		margin-bottom:15px; 
		margin-top:0;
	}
	.product-img li{
		width: 100%;
		margin-right: 0;
		float: none;
	}
	.product-img li img {
	    width: 90%;
	    border: solid 1px #eee;
	}
}
@media only screen and (min-width: 1337px){
	.wap-header{
		display: none;
	}
	.content-inner {
		width: 1200px;
		margin: 0 auto;
	}
	.products{
		width: 1200px;
		margin: 0 auto;
	}
	.news-info{
		width: 1180px;
		margin: 0 auto;
	}
}

.footInfo{ margin-bottom:20px;}
.footInfo dl{ padding:20px; background:#e5e5e5; width:1165px; margin:0 auto; zoom:1; overflow:hidden;}
.footInfo dl dt{ float:left;}
.footInfo dl dd{ float:left; margin-left:15px;}
.footInfo dl dd img{ height: 45px;max-width: 140px}