*{
	margin: 0rem;
	padding: 0rem;
	font-family: "微软雅黑";
	font-size: 0.2rem;
	color: #777777;
}
ul{
	list-style-type: none;
}
a{
	text-decoration: none;
}
body{
	background-color: #fcf7f0;
}
#logo{
	text-indent: -9999rem;
}
#head{
	background-color: #bf9956;
	width: 100%;
	height: 0.7rem;
	box-shadow: 0rem 0.01rem 0.1rem rgba(0,0,0,0.7);
	float: left;
}
#logo{
	background: url(../img/logo.png) no-repeat;
	background-size: contain;
	width: 2.07rem;
	height: 0.65rem;
	margin-top: 0.025rem;
	margin-left: 2.1rem;
}
.nav{
	width: 100%;
	height: 0.33rem;
	margin-top: -0.47rem;
	float: left;
	background: url(../img/nav.png) no-repeat;
	background-size: 0.44rem 0.33rem;
	background-position: 5.5rem 0rem;
}
.nav-btn{
	display: inline-block;
	width: 0.44rem;
	height: 0.5rem;
	float: left;
	margin-left: 5.5rem;
}
.nav ul{
	width: 100%;
	display: none;
	overflow: hidden;
	list-style-type: square;
	color: #5ABCCC;
	position: relative;
}
.nav ul li{
	width: 100%;
	height: 0.5rem;
	line-height: 0.5rem;
	background-image: url(../img/nav-bg.png);
	background-repeat: repeat;
	text-align: center;
}
.nav li a{
	display: block;
	width: 100%;
	height: 100%;
	float: left;
	font-size: 0.22rem;
	color: #777777;
}
/*banner*/
.flexslider {
	margin: 0px auto;
	position: relative;
	width: 100%;
	height: 2.5rem;
	overflow: hidden;
	zoom: 1;
	z-index: -1;
}
.flexslider .slides li {
	width: 100%;
	height: 100%;
}
.flexslider .slides li a img{
	width: 100%;
	height: 100%;
}
.flex-direction-nav a {
	width: 0.7rem;
	height: 0.7rem;
	line-height: 99em;
	overflow: hidden;
	margin: -0.35rem 0 0;
	display: block;
	background: url(../img/ad_ctr.png) no-repeat;
	background-size: cover;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 0.35rem;
}
.flex-direction-nav .flex-next {
	background-position: 0 -0.7rem;
	right: 0;
}
.flex-direction-nav .flex-prev {
	left: 0;
}
.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}
.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 0.1rem;
	text-align: center;
}
.flex-control-nav li {
	margin: 0 0.02rem;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.flex-control-paging li a {
	background: url(../img/dot.png) no-repeat 0 -18px;
	display: block;
	height: 0.16rem;
	overflow: hidden;
	text-indent: -99em;
	width: 0.16rem;
	cursor: pointer;
	background-size: cover;
}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a {
	background-position: 0 0;
}

.flexslider .slides a img {
	width: 100%;
	height: 2.5rem;
	display: block;
}
/*banner finish*/
.about,.product,.news,.call,.detail{
	width: 100%;
	text-align: center;
	margin-bottom: 0.4rem;
}
.about .title{
	background-image: url(../img/about.png);
}
.title{
	width: 2.89rem;
	height: 0.48rem;
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0.4rem auto;
	text-indent: -9999rem;
}
.about p{
	width: 80%;
	margin: 0.5rem auto;
	line-height: 0.4rem;
	text-indent: 2em;
	color: #777777;
	text-align: left;
}
hr{
	width: 90%;
	height: 0rem;
	border: none;
	border-top: 0.01rem rgba(191,153,86,0.4) solid;
	margin: 0px auto;
}
.product .title{
	background-image: url(../img/product.png);
}
.product-info{
	width: 90%;
	margin: 0rem auto;
	overflow: hidden;
}
.product-info li{
	float: left;
	width: 46%;
	height: 1.84rem;
	margin: 0.2rem 0.1rem;
}
.product-info li figure{
	width: 100%;
	height: 100%;
	position: relative;
}
.product-info li img{
	max-width: 100%;
	max-height: 100%;
}
.product-info li figcaption{
	width: 100%;
	height: 0.5rem;
	background-color: rgba(255,255,255,0.6);
	bottom: 0rem;
	position: absolute;
	text-align: center;
	line-height: 0.5rem;
	color: #666666;
}
.more{
	display: inline-block;
	width: 3.24rem;
	height: 0.45rem;
	background-image: url(../img/more.png);
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0.4rem auto 0rem;
	text-indent: -999rem;
}
.news .title{
	background-image: url(../img/news.png);
}
.news-info li{
	height: 0.5rem;
	width: 70%;
	margin: 0rem auto;
	line-height: 0.5rem;
	text-align: left;
}
.news-date{
	color: #eacd9b;
	margin-right: 0.2rem;
}
.kong{
	width: 100%;
	height: 0.6rem;
	margin-top: 0.4rem;
}
#foot{
	width: 100%;
	height: 0.6rem;
	background-image: url(../img/bot-bg.png);
	background-repeat: repeat-x;
	position: fixed;
	bottom: 0rem;
}
#foot .middle{
	width: 70%;
	margin: 0px auto;
}
#foot a{
	display: inline-block;
	color: #ffffff;
	font-size: 0.28rem;
	line-height: 0.6rem;
}
.foot-gbook{
	background-image: url(../img/gbook.png);
	background-repeat: no-repeat;
	background-size: 0.54rem;
	background-position: 0rem 0.03rem;
	float: left;
	padding-left: 0.6rem;
}
.foot-call{
	background-image: url(../img/call.png);
	background-repeat: no-repeat;
	background-size: 0.54rem;
	background-position: 0rem 0.03rem;
	float: right;
	padding-left: 0.6rem;
}
/*index finish*/
/*about*/
.about img{
	width: 50%;
	height: auto;
}
/*about finish*/
/*productlist*/
.pages{
	margin-top: 0.4rem;
}
/*productlist finish*/
/*call*/
.call .title{
	background-image: url(../img/connection.png);
}
.call-info{
	width: 90%;
	margin: 0px auto;
}
#map{
	width: 100%;
	height: 4rem;
	border-radius: 0.1rem;
	border: 0.03rem #87DEEC solid;
}
.call-message{
	text-align: left;
	margin-top: 0.2rem;
}
.call-message li{
	height: 0.4rem;
	line-height: 0.4rem;
	font-size: 0.26rem
}
/*call finish*/
/*details*/
.name{
	margin: 0.4rem auto 0.3rem;
	font-size: 0.3rem;
}
.date{
	height: 0.4rem;
	width: auto;
	margin: 0px auto;
	text-align: center;
}
.date p{
	font-size: 0.18rem;
	display: inline-block;
	margin-right: 0.3rem;
}
.detail-img{
	width: 50%;
	max-height: 4rem;
	margin-top: 0.3rem;
}
.detail-info{
	width: 80%;
	height: auto;
	overflow: hidden;
	margin: 0.3rem auto;
}
.detail-info p{
	text-indent: 2em;
	line-height: 0.4rem;
	width: 100%;
	word-wrap: break-word;
	text-align: left;
	
}
/*detail finish*/
/*gbook*/
.gbook .title{
	background-image: url(../img/message.png);
}
#faqbox {
	width: 90%;
	-webkit-border-radius: 0.08rem;
	-moz-border-radius: 0.08rem;
	border-radius: 0.08rem;
	-webkit-box-shadow: #666 0rem 0rem 0.1rem;
	-moz-box-shadow: #666 0rem 0rem 0.1rem;
	box-shadow: #666 0rem 0rem 0.1rem;
	padding: 0.1rem 5px;
	margin: 0.2rem auto;
}
#faqbox .gb_tab {
	border-collapse: collapse;
	padding: 0.02rem;
	margin: 0.18rem auto;
}
#faqbox .gb_tab tr td {
	padding: 0.07rem 0.12rem;
}
#faqbox .gb_tab tr td input {
	font-size: 0.16rem;
}
#faqbox .gb_tab tr td .input-style {
	border: #000 0.01rem solid;
	background-color: #FFF;
	padding: 0.05rem 0.1rem;
	border-radius: 0.07rem;
}
#faqbox .submit input {
	width: 1.3rem;
	height: 0.5rem;
	border-radius: 0.05rem;
	color: #FFF;
	font-size: 0.20rem;
	background: linear-gradient(#f98973, #d94a42);
}
/*gbook finish*/