﻿body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, select, input, textarea, button, p, blockquote, th, td, img, iframe,a { margin: 0; padding: 0; }  table { border-collapse: collapse; border-spacing: 0; }  input, button, textarea, option { font: 12px "Microsoft Yahei", Arial, Helvetica, sans-serif; }  ul, li, div { list-style: none; border: 0px; }  img { border: 0px; vertical-align: middle;max-height: 100%;max-width: 100%;}  .clear { font: 0px/0px serif; display: block; clear: both; }  html { -webkit-text-size-adjust: none; }  input { outline: none; }  textarea { resize: none; }  a { text-decoration: none; color: #333;}  body:nth-of-type(1) input:focus, textarea:focus { outline: none; }  br { background: #fff; }  body { font: 12px "microsoft yahei", "\5b8b\4f53", Tahoma, Arial; color: #333; background: #fff; position: relative; }.clearfix:after{content: "\200b"; display: block; height: 0; clear: both;} .clearfix{*zoom: 1;}a:hover{color: #ff6600;}




.advBanner{
	width: 1100px;
	height: 80px;
	margin: 20px auto 0;
	overflow: hidden;
}
.advBanner a img{
	float: left;
}

#top{ 
	width:100%;
	min-width: 1100px;
	margin: 20px auto;
}
.top{ 
	width: 1100px;
	margin:0 auto;
	position:relative;
}
.rightRoll{width: 252px;height: 33px;background: #f0f0f0;border-radius: 5px; overflow: hidden;position: absolute;right: 0px;top: 15px;}
.rightRoll em{width: 35px;height: 33px;display: block;background:url(../../images/index/subwebIcon.png) no-repeat 0 -50px;float: left;}
.rightRoll ul{float: left;width: 217px;}
.rightRoll ul li{width: 207px;height: 33px;float: left;overflow: hidden;padding-left: 10px;}
.rightRoll ul li a{ font: normal 14px/33px "\5b8b\4f53","simhei";color: #666;}
.top .logo{ 
	width:222px; 
	height:60px;
	float: left;
	margin-right: 20px;
}
.top h1{ 
	width:112px; 
	height:27px;
	text-align: center;
	font:bold 22px/27px "Microsoft Yahei","\5b8b\4f53";
}
.top h2{
	height: 17px;
}
.plat{
	width: 140px;
	height: 50px;
	float: left;
	padding-left: 5px;
	margin-top: 7px;
}

.searchBox{
	width: 435px;
	float: left;
	margin: 9px 25px 0;
}
.searchBox input[type="text"]{
	width: 358px;
	height: 40px;
	padding-left: 10px;
	font-size: 14px;
	line-height: 40px;
	color: #aaaaaa;
	border: 1px solid #03a363;
	vertical-align: middle;
	float:left;
}
.searchBox input[type="button"]{
	width: 65px;
	height: 42px;
	border: none;
	background: url(../../images/searchBtn.jpg) no-repeat;
	vertical-align: middle;
	float:left;
	cursor:pointer;
}
.sideAdv{
	width: 300px;
	height: 60px;
	float: right;
}

#nav{
	width: 100%;
	min-width: 1100px;
	height: 50px;
	background: #03a363;
}
.nav{
	width: 1100px;
	margin: 0 auto;
	height: 50px;
}
.nav p{
} 
.nav p a{
	font-size: 18px;
	line-height: 47px;
	color: #fff;
	display: inline-block;
	text-align: center;
	width: 110px;
	border-top: 3px solid #03a363;
}
.nav p a:hover{
	text-decoration: none;
	background: #fff;
	color: #333 !important;
	line-height: 47px;
	border-top: 3px solid #03a363;
}
#wrapper{
	width: 100%;
	min-width: 1100px;
	padding-bottom: 20px;
}
.wrapper{
	width: 1100px;
	margin: 0 auto;
	background: #fff;
	padding-bottom: 30px;
}
.listLeft{
	width: 800px;
	padding-left: 20px;
	float: left;
}
.position{
	width: 800px;
	float: left;
	margin: 20px 0 30px;
}
.position p{
	font-size: 14px;
	line-height: 20px;
	color: #666;
	padding-left: 25px;
	background: url(../../images/position.png) no-repeat;
}
.position p a{
	color: #666;
}
.position p span{
	color: #333;
}


.hbApp{
	width: 210px;
	padding: 10px;
	float: left;
	background: #f4f4f4;
	margin-top: 25px;
	text-align: center;
}
.hbApp img{
	width: 210px;
	height: 135px;
	float: left;
	margin-right: 10px;
}
.hbApp .appText{
	width: 130px;
	float: left;
	text-align: center;
	margin-top: 15px;
}
.hbApp .appText p{
	font-size: 14px;
	line-height: 25px;
	color: #333;
}
.hbApp .appText p b{
	color: #03a363;
}
.valueGuidance{
	width: 230px;
	float: left;
	margin: 20px 0 10px;
}
.valueGuidance img{
	width: 230px;
	height: 80px;
	margin-bottom: 10px;
}

.information{
	width: 230px;
	float: left;
}
.listTitle{
	width: 230px;
	border-top: 2px solid #F4F4F4;
	position: relative;
	margin-top: 10px;
}
.listTitle h2{
	display: inline-block;
	font-size: 24px;
	line-height: 55px;
	border-top: 3px solid #03a363;
	position: relative;
	top: -2px;
	font-weight: normal;
	padding-left: 30px;
	background: url(../../images/icon1.png) no-repeat 5px 22px;
}
.listTitle>a{
	font-size: 12px;
	line-height: 50px;
	color: #999;
	display: inline-block;
	padding-right: 17px;
	background: url(../../images/morethan.png) no-repeat right 20px;
	position: absolute;
	right: 5px;
	top: 8px;
}




.information ul{
	width: 228px;
	padding: 0px 10px 0 2px;
	float: left;
}
.information ul li{
	height: 30px;
	overflow: hidden;
}
.information ul li span{
	display: inline-block;
	width: 15px;
	height: 12px;
	font-size: 10px;
	font-family: "Tahoma";
	text-align: center;
	line-height: 12px;
	color: #fff;
	background: #dadada;
	margin-right: 10px;
}
.topThree{
	background: #03a363 !important;
}
.information ul li a{
	font-size: 14px;
	line-height: 30px;
	color: #333;
}
.information ul li a:hover{
	color: #FF6600;
}

.recommend{
	width: 230px;
	float: left;
}
.recommend .listTitle h2{
	background-position: 5px -103px;
}
.rePic{
	width: 230px;
	height: 173px;
	position: relative;
}
.reBg{
	width: 230px;
	height: 40px;
	background: #000;
	filter:alpha(opacity=60);/*IE*/
	opacity:0.6;/*FF*/
	position: absolute;
	bottom: 0;
	left: 0;
}
.rePic p{
	font-size: 14px;
	line-height: 40px;
	font-weight: bold;
	width: 190px;
	height: 40px;
	padding: 0 20px;
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.rePic p a{
	color: #fff;
}
.thematic{
	width: 230px;
	float: left;
	margin-top: 13px;
}
.thematic .rePic{
	width: 230px;
	height: 124px;
}
.thematic .listTitle h2{
	background-position: 5px -162px;
}
.textList{
	width: 226px;
	padding: 0 2px;
	margin-top: 10px;
}
.textList ul li{
	padding-left: 15px;
	background: url(../../images/dot.jpg) no-repeat 0 13px;
	height: 30px;
	overflow: hidden;
}
.textList ul li a{
	font-size: 14px;
	line-height: 30px;
	color: #333;
}


.foot{ width:1100px; margin:8px auto 0; text-align:center; color:#686161; padding-bottom:30px;}
.foot span{ width:1098px; height:43px; float:left; line-height:43px; background-color:#f5f5f5; border:1px solid #e0dfdf; color:#686161;}
.foot span a{ padding:0 6px; color:#333333;font-family: "\5b8b\4f53";}
.foot span a:hover{ color:#f60; text-decoration:underline;}
.foot p.web{ width:1100px; float:left; padding:15px 0; color:#686161; font-size:14px;}
.foot p.web a{ color:#03a363;}
.foot p.web a:hover{ color:#f60; text-decoration:underline;}
.foot p{ font:normal 12px/26px "Tahoma", "\5b8b\4f53";}
.foot strong{ padding:0 25px 0 0;}
.foot b{ padding:0 1px;}
.foot b img{ vertical-align:middle;}


/*app*/
.appDl{
	width:54px;
	position:fixed;
	top: 145px;
	right: 10px;
	z-index: 9999;
}
.appDl a{
	width:38px; height:46px; display:block; float:left; background:#FEB70F; text-align:center; font:normal 14px/20px "\5b8b\4f53","simhei"; color:#fff; padding:8px 8px 0 8px; margin:2px 0; opacity:0.7; filter:alpha(opacity=70); overflow: hidden;
}
.appDl a:hover{
	opacity:1; filter:alpha(opacity=100);
	text-decoration: none;
}
.appDl img{
	width: 100px;
	height: 100px;
	cursor: pointer;
	position: absolute;
	top: -20px;
	right: 60px;
	display: none;
}
.appDl:hover img{
	display: block;
}
#companyApp a{
	font:normal 12px/20px "Microsoft Yahei","simhei";
	/*background: #2f8e2f;*/
	background: url(/images/news2017/rightBar.png) no-repeat 0 -114px;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
#plaApp a{
	font:normal 12px/20px "Microsoft Yahei","simhei";
	background: #2f8e2f;
}
#companyApp a:hover{opacity: 1; filter: alpha(opacity=100);}
/*goTop*/
.backHome{ width:54px; }
.backHome a{ width:38px; height:46px; display:block; float:left; background:#0072bd; text-align:center; font:normal 14px/20px "Microsoft Yahei","simhei"; color:#fff; padding:8px 8px 0 8px; margin:2px 0; opacity:0.7; filter:alpha(opacity=70); background:url(/images/news2017/rightBar.png) no-repeat 0 0; overflow: hidden;z-index: -999; }
.backHome a:hover{ opacity:1; filter:alpha(opacity=100); }
.backHome a.guest,.backHome a.guest:hover{ background: #2f8e2f;opacity: 0.7; filter:alpha(opacity=70); }
.backHome a.price{ background:url(/images/news2017/rightBar.png) no-repeat 0px -57px; opacity: 0.7; filter:alpha(opacity=70); }
.backHome a.guest:hover,.backHome a.price:hover{ opacity: 1; filter:alpha(opacity=100); }
.toTop{ width:54px; height:54px; position:fixed; _position:absolute; top:379px; _top:expression(eval(document.documentElement.scrollTop+321)); display:none; }
.toTop a,.toTop a:hover{ display:block; width:54px; height:54px; background:url(/images/news2017/rightBar.png) no-repeat 0px -171px; opacity: 0.6; filter:alpha(opacity=60); }
.toTop a:hover{ opacity:1; filter:alpha(opacity=100); }
#goTop { position:fixed; _position:absolute; top:203px; display:block; right:10px; }
*html, * html body { background-attachment:fixed; }
*html #goTop { position:absolute; right:expression(eval(document.documentElement.scrollLeft+10)); top:expression(eval(document.documentElement.scrollTop+145)); }


/*12.18*/
.showHeader p{
	padding-right: 145px;
}


.mobilebox{width: 1100px; position:relative;margin:0 auto;}

#topBarNav{padding-left:6px; z-index: 999;position: absolute;top: -43px;right: 0;}
#topBarNav li { width: 72px; height: 36px; display: block; float: left; position: relative; z-index:77; font:normal 14px/36px "Microsoft Yahei","simhei";}
.mobile{ text-indent:19px; background:url(../../images/list2014.png) no-repeat -118px -1px;}
.mobile a{ color:#c4eda6;}
.topNav{ width: 72px; height: 36px; position: absolute; z-index: 1; background:url(../../images/headerIcon.png) no-repeat 0 -72px; cursor: pointer;   text-align: center;}
.sub .topNav{ background:url(../../images/headerIcon.png) no-repeat 0 0;}
.topNav a{ color:#c4eda6;}
.active_on,.active_out{ width: 72px; height: 36px; position: absolute; z-index: 111; line-height: 36px; cursor: pointer; text-indent: 27px; font:normal 14px/36px "Microsoft Yahei","simhei";}
.active_on a,.active_out a{ color:#c4eda6;}
.active_on{ background:url(../../images/headerIcon.png) no-repeat -2px -108px;}
.active_out{ background:url(../../images/headerIcon.png) no-repeat -2px -37px #fff;}
.sub .active_on{ background:#fff url(../../images/headerIcon.png) no-repeat -2px -36px; border:1px solid #cacaca; width:72px; height:35px; float:left;}
.sub .active_on a{color:#333;}
.sub .active_out{ background:url(../../images/headerIcon.png) no-repeat 0 0;}
.botNav { width: 92px; border: 1px solid #cacaca; border-top:0; position: absolute; top: 36px; z-index: 999; display: none; background:#fff;}
.botNav a { display: block; color: #333; text-align: center; font: normal 12px/25px "\5b8b\4f53","simhei";}
.botNav a:hover { background: #03a363; color: #fff !important; }

