﻿@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{font:400 14px/1.5 "\5FAE\8F6F\96C5\9ED1",Helvetica;color:#333; max-width:640px; margin:0 auto; padding-bottom: .6rem; padding-top:.45rem}
a{ text-decoration:none;color:#3C3C3C;}
li{ list-style:none;}
img{ max-width:100%;border:none; display:block; margin:0 auto}
.mrRend{ margin-right:0px !important}
.f_l{ float: left !important;}
.f_r{ float:right !important}
.fix{*zoom:1;}
.fix:after{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}
.wrap{ margin:0 auto; max-width:640px}
.bold{ font-weight:bold; color:#333333}
.yellow{ color:#ff7e00}
.blur{ color:#0456a8}
span.blur{ font-weight:bold}
.borderNone{ border:none !important}
html{font-size:100px}
select,input[type=text]{-webkit-appearance:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-size:.14rem; }/*clear default style*/
@font-face{font-family:cicons;src:url(http://m.baidu.com/se/static/font/cicon_236b8cf.eot);src:url(http://m.baidu.com/se/static/font/cicon_236b8cf.eot#iefix) format('embedded-opentype'),url(http://m.baidu.com/se/static/font/cicon_79a187f.woff) format('woff'),url(http://m.baidu.com/se/static/font/cicon_1f6c143.ttf) format('truetype'),url(http://m.baidu.com/se/static/font/cicon_1f1d64f.svg?#cicons) format('svg');font-weight:400;font-style:normal}
@font-face {
	font-family:'icons';
	src:url(//m.baidu.com/static/index/iconfont/iconfont_4b821977.eot);
	src:url(//m.baidu.com/static/index/iconfont/iconfont_4b821977.eot#iefix) format('embedded-opentype'),url(//m.baidu.com/static/index/iconfont/iconfont_4b821977.woff) format('woff'),url(//m.baidu.com/static/index/iconfont/iconfont_4b821977.ttf) format('truetype'),url(//m.baidu.com/static/index/iconfont/iconfont_4b821977.svg?#iconfont) format('svg');
	font-weight:normal;
	font-style:normal
}
.c-icon{font-family:cicons!important;font-style:normal;-webkit-font-smoothing:antialiased}
body  [class^="icon-"]{font-family:icons;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;}
.icon-arrow{display:inline-block}
.icon-arrow:before{content:'\e612';color:#2f7fe2}
.icon-arrow.rotate{-webkit-transform:rotate(180deg)}
.middle{display: box; display: -webkit-box; display: -moz-box; box-pack:center; -webkit-box-pack:center; -moz-box-pack:center; -webkit-box-align:center; -moz-box-align:center; } 

.navbar ul{position: absolute; z-index: 100; display: none; top: .45rem; font-size: .152rem; line-height: 1.8; background:rgba(88, 110, 72, 0.51); text-align: center; width: 1rem; left: 0px;}
.navbar li{ border-bottom: 2px solid #979f80;line-height:2.5}
.navbar ul a{ color: white;}
.navbar {position: relative; cursor: pointer;}

.head { height: .45rem;position:fixed;top:0;background:white; width:100%;max-width:640px;z-index:100}
.head .navbar{ width:8%; float:left; height:.45rem;}
.head .call{  width:8%; float:left;height:.45rem}
.head .logo{   width: 60%; margin: 0 12%;z-index:-1; float:left;height:.45rem;overflow:hidden;}
.head .logo img{height:.4rem;overflow:hidden; margin-top:.02rem;}

.container{ background: #E5DBBB; padding-bottom: .2rem;}
.slide{position:relative}
.slide .hd{ width:100%; height:.1rem;  position:absolute; z-index:1; bottom:.15rem; text-align:center;  }
.slide .hd ul{ display:inline-block; height:.1rem; padding:3px 5px; 
		-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
	}
.slide .hd ul li{ display:inline-block; width:.1rem; height:.1rem; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:white; margin:0 5px;  vertical-align:top; overflow:hidden }
.slide .hd ul .on{ background:#586e48;  }
.slidelxwm{position:relative;padding-top:.45rem;}
.slidelxwm .hd{ width:100%; height:.1rem;  position:absolute; z-index:1; bottom:.15rem; text-align:center;  }
.slidelxwm .hd ul{ display:inline-block; height:.1rem; padding:3px 5px; 
		-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
	}
.slidelxwm .hd ul li{ display:inline-block; width:.1rem; height:.1rem; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:white; margin:0 5px;  vertical-align:top; overflow:hidden }
.slidelxwm .hd ul .on{ background:#586e48;  }

.block{ width: 90%; margin: 0 auto;}
.blockb{ width: 95%; margin: 0 auto;}


.brand li{  text-align: center; color: white; border-radius: 50px; color: white; width: 32%;float:left;margin-right:.2%}
.brand li a{ display: block; padding: .06rem;}
.brand .inav ul:after{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}
.brand ul{float:left;width:80%;}
#brand{ width:80%;margin:0 auto;}
.brand {padding-top:.1rem}
.brand{ position:relative}
.brand .rightBtn{position:absolute;right:0;width:10%;}
.brand .leftBtn{position:absolute;left:0;width:10%;}
.brand .inav li a{display:block;width:.65rem;height:.65rem;background:#586e48;color:white;border-radius:80px;font-size:.16rem;display: box; display: -webkit-box; display: -moz-box; box-pack:center; -webkit-box-pack:center; -moz-box-pack:center; -webkit-box-align:center; -moz-box-align:center; } 


.ibtns { width: 70%; margin: .1rem auto;}
.ibtns ul{ display: -webkit-box; display: -ms-flexbox; display: flex;}
.ibtns li{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: .16rem; line-height: 2.3;  background: #586e48; text-align: center; margin-right: .1rem;  margin-bottom: .1rem;}
.ibtns li a{ color: white;}

.item .imgTit{ width: 65%; margin:0  auto;}

.item ul{ width: 85%; margin: .1rem auto;}
.item ul li { display:inline-block; width:29%;margin-right:5%;}
.item ul a p{ color: #586E48; font-size: .14rem; margin-top: .05rem; text-align:center;}
.item ul li.mrRend div.hide{ display:none;}

.txtTit{ background: #586e48; color: white; font-size: .18rem; line-height: 2.5; margin: .15rem 0 .1rem; }
.txtTit a{ color: white; margin-right: .2rem;}
.txtTit p{ text-indent:1em;}

.newsList li{ list-style-image: url(../images/bl_19.jpg); list-style-position: inside; font-size: .15rem; background: url(../images/bl_20.jpg) right center no-repeat; background-size: .13rem;}
.newsList a{ color: #586E48; line-height: 2.3;}
.newsList .showMore{ margin-top: .1rem;}

.footer{ margin-top: .2rem;}
.footer .footTel{ text-align: center; color: white;}
.footer .footTel a{ padding: .07rem .1rem; background: #586e48; color: white; border-radius: 15px;}
.footer .footTel a span{ font-size: .18rem;}
.footTxt { margin: .1rem 0; text-align: center; color: #586E48;}
.footTxts { margin: .1rem 0; text-align: center; color:#586E48;padding-bottom: .6rem;}
.footTxtd { margin: .1rem 0; text-align: center; color: white; padding-bottom: .6rem;}

.bottom ul{ display: -webkit-box; display: -ms-flexbox; display: flex;z-index:100 }
.bottom li{ border-right: 2px solid white; text-align: center;padding-top:.1rem }
.bottom li.sma{-webkit-box-flex: 0.5; -ms-flex: 0.5; flex:0.5;}
.bottom li.big{-webkit-box-flex: 1; -ms-flex: 1; flex: 1;} 
.bottom li img{ width:.3rem;height: .3rem;}
.bottom li:nth-child(2) a{
	padding-top:0.3rem;
}
.bottom li:nth-child(2) img{
	position:absolute;
	left:50%;
	top:0;
	margin-left:-.15rem;
	animation-name: myjump;
	animation-duration: .5s;
	animation-timing-function:linear;
	animation-iteration-count: infinite;
	animation-play-state: running;
	/* Firefox: */
	-moz-animation-name: myjump;
	-moz-animation-duration: .5s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	-moz-animation-play-state: running;
	/* Safari 和 Chrome: */
	-webkit-animation-name: myjump;
	-webkit-animation-duration: .5s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-play-state: running;
	/* Opera: */
	-o-animation-name: myjump;
	-o-animation-duration: .5s;
	-o-animation-timing-function: linear;
	-o-animation-iteration-count: infinite;
	-o-animation-play-state: running;
}
@keyframes myjump
{
	0% {
		margin-top:0;		/* IE 9 */
	}
	50% {
		margin-top:-5px;		/* IE 9 */
	}
	100% {
		margin-top:0;		/* IE 9 */
	}
}
@-webkit-keyframes myjump
{
	0% {
		margin-top:0;		/* IE 9 */
	}
	50% {
		margin-top:-5px;		/* IE 9 */
	}
	100% {
		margin-top:0;		/* IE 9 */
	}
}

@-moz-keyframes myjump
{
	0% {
		margin-top:0;		/* IE 9 */
	}
	50% {
		margin-top:-5px;		/* IE 9 */
	}
	100% {
		margin-top:0;		/* IE 9 */
	}
}

@-o-keyframes myjump
{
	0% {
		margin-top:0;		/* IE 9 */
	}
	50% {
		margin-top:-5px;		/* IE 9 */
	}
	100% {
		margin-top:0;		/* IE 9 */
	}
}

@-ms-keyframes myjump
{
	0% {
		margin-top:0;		/* IE 9 */
	}
	50% {
		margin-top:-5px;		/* IE 9 */
	}
	100% {
		margin-top:0;		/* IE 9 */
	}
}

.bottom{ position:fixed;margin:auto;left:0; right:0;  bottom:0;  max-width:640px; bottom: 0;background: #586e48; width: 100%; z-index:100}
.bottom a{ color: white;font-size: .16rem; line-height: 2; display:block; position:relative;}

.ztOne{ padding: .1rem 0;}
.imgTit img{ margin: 0.035rem 0; }
.imgTit { border-bottom: 2px solid #586e48; margin-bottom: .07rem; margin-top: .15rem;}

.zttwo .tit{ text-align: center; font-size: .18rem; color: #586e48; line-height: 2;}
.zttwo p{ text-indent: 2em; padding-bottom: .1rem; line-height: 2; }

.ztthree p{ margin-bottom: .07rem;}
.ztthree img{ margin-bottom: .07rem;}

.ztfour img{ margin-bottom: .1rem;}

.ztfive span{ color: #586e48;}
.ztfive p{ line-height: 1.7; margin-bottom: .07rem;}

.ztsix { line-height: 1.7;}

.ztseven .tit span{ background: #586e48; color: white; padding: 0 .1rem; line-height: 2.3;}
.ztseven .tit { margin-bottom: .07rem;}
.ztseven  img{ margin: .1rem auto; width: 70%;}
.ztseven  p{ text-indent: 2em;}

.zteight dl{ display: -webkit-box; display: -ms-flexbox; display: flex;}
.zteight dt{ -webkit-box-flex: 4; -ms-flex: 4; flex: 4; margin-right: .1rem;}
.zteight dd{ -webkit-box-flex: 6; -ms-flex: 6; flex: 6;}
.zteight dd .name{ font-size: .16rem;}
.zteight dd .name span{ font-size: .18rem;}
.zteight dd .name label{ color: #586e48;}
.zteight dd .info label{ font-weight: bold; display: block;}
.zteight dd .info span{ color: #bd0000;}

.listNav a{ color: white;}
.listNav {background: #586e48; color:white; margin-bottom:.1rem}

.listNav{ white-space:nowrap;overflow:hidden; text-overflow:ellipsis;}

.listNav .con{ width: 95%; margin: 0 auto; line-height: 3;}
.listTit ul{ display: -webkit-box; display: -ms-flexbox; display: flex; color: #dbd5c2;}
.listTit li{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; }
.listTit li.hover{ background: #839070; }
.listTit li a{  display: block; background: url(../images/bl_41.jpg) right center no-repeat}
.listTit li.hover a{ color: white; display: block;;}
.listTit { background: #dbd5c2; margin: .1rem 0;font-size: .16rem; line-height: 2;}


.listCon {display:flex; margin-bottom: .2rem;}
.listCon .list1{ flex:3;margin-right:.1rem}
.listCon .list1 li{margin-bottom:.05rem}
.listCon .list1 a{ text-align: center; font-size: .14rem; line-height: 2; color: white; background: #586e48;display:block;}
.listCon .list1 a.hover{background:white;color:#586e48}
.listCon .list2{flex:7}
.listCon .list2 .txt{ overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 2.3;  border-bottom :1px solid #586e48 ;  background: url(../images/bl_42.jpg) right center no-repeat; background-size: .1rem;}
.listCon .list2 .txt label{ padding-right: .15rem;}
.listCon .list2 li:after{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}	
.listBlock .list2 li { margin-bottom: .1rem;}
	
.listBlock .con p{ font-size: .14rem; padding: .1rem 0; color: white;}
.listBlock .con span{ padding: .1rem 0; color: white; background:url(../images/bl_44.jpg) right center no-repeat; background-size: .1rem; padding-right: .15rem;}
.listBlock .con{ background: #586e48; padding: .1rem;}
.listBlock {margin-bottom:.1rem}
.listBlock li img{ width:100%}

.preNext{ color:white; display: -webkit-box; display: -ms-flexbox; display: flex; margin: .1rem 0;}
.preNext li{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; background: #586e48;}
.preNext li a{ color: white; line-height: 2;}

.arc .tit{ font-size: .18rem; line-height: 3; color: #586e48; font-weight: bold; text-align: center;}
.arc .call{ background:#dbd5c2 ; text-align: center; line-height: 2.5; color:#586e48 ;}
.arc .call span{ background: #9da58c; float: right; padding: 0 .05rem; color: white; line-height: 2.5;}
.arcCon {margin:.1rem auto}

.preNext2 {color:white; margin: .1rem 0; font-size: .14rem; text-indent: 1em; line-height: 2; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; background: #586e48;}
.preNext2 a{color: white; }

.listzjBlock dl{ display:flex}
.listzjBlock dt{  flex:2}
.listzjBlock li{margin-bottom:.1rem}
.listzjBlock dd{ flex:3; padding-left:.1rem; background:#B7AB85; color:#586e48; padding-top:.1rem}
.listzjBlock dd .tit{ font-size:.16rem;font-weight:bold}
.listzjBlock dd .con span{ background:url(../images/bl_45.jpg) right center no-repeat; padding-right:.15rem; line-height:2.3;background-size:.12rem}
.tran{
	margin-top:.3rem;
}
.tran .tranPic{
	float: left;
    width:.6rem;
}
.tran .tranPic img{
	width:100%;
	display:block;
}
.tran .tranCon{
	float: left;
    width: 2.2rem;
    border-left: #586E48 solid 1px;
    padding-left: .1rem;
    margin-left: .1rem;
}
.tran .tranCon h6{
	font-size: .12rem;
    font-weight: bold;
    line-height: .24rem;
}
.tran .tranCon p{
	font-size: .12rem;
    line-height: .18rem;
}
/*.fixTa{
	position:fixed;
	z-index:99;
	top:50%;
	left:50%;
	margin-top:-.95rem;
	margin-left:-1.37rem;
	width:2.74rem;
	height:1.99rem;
}
.fixTa img{
	display:block;
	width:100%;
	height:100%;
}
.fixTa .close{
	position:absolute;
	right:0rem;
	top:0rem;	
	width:.3rem;
	height:.3rem;
	cursor:pointer;
}*/
.fixSwt{
	position:fixed;
	z-index:99;
	top:75%;
	right:2%;
	width:.6rem;
	height:.6rem;
}
.fixSwt img{
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
	animation-name: myfirst;
	animation-duration: 3s;
	animation-timing-function:linear;
	animation-iteration-count: infinite;
	animation-play-state: running;
	/* Firefox: */
	-moz-animation-name: myfirst;
	-moz-animation-duration: 3s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	-moz-animation-play-state: running;
	/* Safari 和 Chrome: */
	-webkit-animation-name: myfirst;
	-webkit-animation-duration: 3s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-play-state: running;
	/* Opera: */
	-o-animation-name: myfirst;
	-o-animation-duration: 3s;
	-o-animation-timing-function: linear;
	-o-animation-iteration-count: infinite;
	-o-animation-play-state: running;
}

.fixSwt a.btn{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-.2rem;
	margin-left:-.2rem;
	display:block;
	width:0.4rem;
	height:0.4rem;
	background:#F22B2B;
	color:#fff;
	border-radius:50%;
	text-align:center;
	font-size:.1rem;
	line-height:.12rem;
}
.fixSwt a.btn span{
	display:block;
	margin-top:0.08rem;
}
@keyframes myfirst
{
	0% {
		transform: rotate(0deg);
	}
	25% {
		transform: rotate(90deg);
	}
	50% {
		transform: rotate(180deg);
	}
	75% {
		transform: rotate(270deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@-webkit-keyframes myfirst
{
	0% {
		-webkit-transform: rotate(0deg);	/* Safari and Chrome */
	}
	25% {
		-webkit-transform: rotate(90deg);	/* Safari and Chrome */
	}
	50% {
		-webkit-transform: rotate(180deg);	/* Safari and Chrome */
	}
	75% {
		-webkit-transform: rotate(270deg);	/* Safari and Chrome */
	}
	100% {
		-webkit-transform: rotate(360deg);	/* Safari and Chrome */
	}
}
@-moz-keyframes myfirst
{
	0% {
		-moz-transform: rotate(0deg);	
	}
	25% {
		-moz-transform: rotate(90deg);	
	}
	50% {
		-moz-transform: rotate(180deg);	
	}
	75% {
		-moz-transform: rotate(270deg);	
	}
	100% {
		-moz-transform: rotate(360deg);	
	}
}
@-o-keyframes myfirst
{
	0% {
		-o-transform: rotate(0deg);		/* Opera */
	}
	25% {
		-o-transform: rotate(90deg);		/* Opera */
	}
	50% {
		-o-transform: rotate(180deg);		/* Opera */
	}
	75% {
		-o-transform: rotate(270deg);		/* Opera */
	}
	100% {
		-o-transform: rotate(360deg);		/* Opera */
	}
}
@-ms-keyframes myfirst
{
	0% {
		-ms-transform: rotate(0deg);		/* IE 9 */
	}
	25% {
		-ms-transform: rotate(90deg);		/* IE 9 */
	}
	50% {
		-ms-transform: rotate(180deg);		/* IE 9 */
	}
	75% {
		-ms-transform: rotate(270deg);		/* IE 9 */
	}
	100% {
		-ms-transform: rotate(360deg);		/* IE 9 */
	}
}
.footSwt{
	position:fixed;
	z-index:99999;
	bottom:0;
	width:100%;
	height:50%;
}
.footSwt .footTit{
	width:100%;
	height:18%;
	background:#00A6F1;
	position:absolute;
	top:0;
}
.footSwt .footTit .close{
	height:100%;
	float:right;
}
.footSwt .footTit .close img{
	height:100%;
	display:block;
}
.footSwt .footMain{
	width:100%;
	height:100%;
}
.footSwt .footMain iframe{
	width:100%;
	height:100%;
}