body{
	background: #000;
    font: 14px/1.5 'Helvetica',Arial, Helvetica ,"Microsoft Yahei","Hiragino Sans GB",sans-serif;
}
header{padding: 50px 0 25px 0}
header .head,.main .mainProduct{
	width: 1080px;
	margin:0 auto;
}
header .search{
	float: right;
	color: #fff
}
header .search input{outline: none;border: 0}
header .search .search_input{
	height: 25px;
	padding: 0 10px;
	margin-left: 20px
}
header .search .search_btn{
	height: 25px;
	line-height: 22px;
	background: #fff;
	cursor: pointer;
	width: 50px
}
header .nav {
	border-top: 1px solid #f8c400;
	border-bottom: 1px solid #f8c400;
	height: 43px;
	margin: 20px 0;
}
header .nav ul{
	color: #f8c400;
	list-style: none;
	width: 800px;
	height: 43px;
	margin: 0 auto;
}
header .nav ul li {
	float: left;
}
header .nav ul li a{
	display: inline-block;
	width: 155px;
	height: 45px;
	line-height: 45px;
	color: #f8c400;
	text-decoration: none;
	text-align: center;
}
 .nav ul li.navActive a{color: #fff}
 .banner{
	width: 1080px;
	height: 500px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.banner .imgList li{
	width: 100%;
	height: auto;
	vertical-align: middle;
}
 .banner .imgList img{
	width: 100%;
	height: 100%;
	display: block;
}
 .banner .cirle{
	position: absolute;
	bottom: 5px;
	right: 10px;
}
 .banner .cirle li{
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #000;
	display: inline-block;
	margin: 0 5px;
	cursor: pointer;
	z-index: 999;

}
.banner .cirle li.active{
	background: #f8c400
}
.main .proTitle{
	width: 100%;
	color:#f8c400;
	text-align: center;
	position: relative;
	margin-bottom: 20px;
}
.main .proTitle span{margin-left: 10px}
.main .proTitle:before,.main .proTitle:after{
	content: "";
	display: block;
	width: 40%;
	height: 1px;
	background: #ad9951;
	position: absolute;
	top:52%;
}
.main .proTitle:before{right: 0%;}
.main .proTitle:after{left: 0%}
.main .proImg li{float: left;margin:0 35px}
.main .proImg li img{border-radius: 20px}
.comWrap{
	width: 1080px;
	margin:50px auto 0;
}
.commonTitle .comTitle,.commonTitle .comDes{
	background: #fff;
	color:#333;
	height: 30px;
	line-height: 30px;
	float: left;
}
.commonTitle .comTitle {
	width: 20%;
	font-weight: 300;
	padding-left: 2%;
	box-sizing: border-box;
}
.commonTitle .comDes{
	width: 77%;
	margin-left: 3%;
	font-weight: bold;
	padding-left: 1%;
	box-sizing: border-box;
}
.left,.right{
	float:left;
	min-height: 470px;
	margin-top: 20px;
}
.left{
	width: 20%;
}
.leftTitle{
	width: 100%;
	height: 30px;
	line-height: 30px;
	background: #fff;
	color#333;
	margin-bottom: 10px;
	padding-left: 20px;
	box-sizing: border-box;
}
.right{
	width: 77%;
	margin-left: 3%;
	background: #fff;
}
.contactList {margin-top: 20px}
.contactList li:nth-child(1){font-size: 14px}
.contactList li{
	font-size: 12px;
	padding: 5px 0 ;
	color:#fff;
}
.brandDesc,.contactDesc{
	padding: 50px 120px;
	box-sizing: border-box;
}
.serviceDesc{
	padding: 90px 120px;
}
.brandDesc .brandTitle,.productTitle,.serviceitle{
	color: #333;
	font-size: 25px;
	font-weight: bold;
	letter-spacing: 2px;
}
.brandDesc p , .productDesc p,.serviceDesc p{
	margin:15px;
	font-size: 16px;
	line-height: 1.75em;
	text-indent: 2em;
}
.contact li:nth-child(1){font-size: 25px;font-weight: 600}
.contact li{
	color:#fff;
	padding: 10px;
	text-align: left;
	font-size: 16px;
}
.productDesc{padding: 40px 90px}
.productDesc .proShow li{float: left;margin:0 10px }
footer{
	padding: 40px 0;
	text-align: center;;
	color: #fff;
}
footer a{color:#fff}