@charset "utf-8";
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td { margin: 0; padding: 0; }
body,
button,
input,
select,
textarea { font: 12px/1.5 Arial, sans-serif; }
h1,
h2,
h3,
h4,
h5,
h6 { font-size: 100%; }
address,
cite,
dfn,
em,
var { font-style: normal; }
ul,
ol { list-style: none; }
a { text-decoration: none; }
legend { color: #000; }
fieldset,
img { border: 0; vertical-align: bottom; }
section,
article,
aside,
header,
footer,
nav,
dialog,
figure { display: block; }
figure { margin: 0; }
button,
input,
select,
textarea { font-size: 100%; border: 0; background: none; outline: none; }
table { border-collapse: collapse; border-spacing: 0 }
.clear { display: block; height: 0; overflow: hidden; clear: both }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom: 1; }
a:link,
a:visited { text-decoration: none; }
a:hover,
a:active { text-decoration: underline; }
a { blr: expression_r(this.onFocus=this.blur()); }
a { outline: none; transition-duration: 0.3s, 0.3s; transition-property: background-color, color; transition-timing-function: ease, ease; }
table { border-collapse: collapse; border-spacing: 0; }
.hidden { display: none; }
.invisible { visibility: hidden; }
.noBg { background: none !important; }
.noBd { border: none !important; }
.mr0 { margin-right: 0 !important; float: right !important; }
.info { text-align: justify; text-justify: inter-ideograph; }
body { color: #848383; background: #fff; }
a { color: #848383; }
a:hover { text-decoration: underline; color: #088336; }
.wrap { width: 1102px; margin: 0 auto; }
.header { position: relative; overflow: hidden; background: url(../images/logo_bg.jpg) top center no-repeat; }
.topArea { width: 1102px; height: 124px; margin: 0 auto; }
.logo { float: left; /*margin-top: 30px;*/ }
.tel { float: right; font: italic 25px/40px Arial; color: #000; background: url(../images/tel.png) left center no-repeat; margin-top: 42px; padding-left: 50px; }
.nav { width: 1106px; height: 70px; margin: 0 auto; font-family: Microsoft YaHei; }
.nav ul li { width: 122px; float: left; display: inline; background: url(../images/navline.gif) right bottom no-repeat; position: relative; z-index: 10; }
.nav ul li a { display: block; height: 30px; line-height: 20px; padding: 26px 0 0 0px; font-weight: bold; font-size: 15px; color: #000; text-align: center }
.nav ul li em { font-size: 10px; display: block; color: #999; font-weight: normal; font-family: Arial; }
.nav ul li a:hover,
.nav ul li a.current { text-decoration: none; color: #088336; background: url(../images/current.png) center top no-repeat; }
.nav .subNav { position: absolute; top: 55px; left: -1px; width: 123px; background: #088336; z-index: 10; display: none; }
.nav .subNav dt a { height: 30px; line-height: 30px; padding: 0 0 0 0; font-weight: normal; color: #fff; font-size: 12px; }
.nav .subNav dt a:hover { color: #fff; background: #036227; }
.banner { position: relative;	/*left: 50%;*/	/*width: 1800px;*/
width: 1102px; margin: 15px 0 0 -900px; margin: auto; text-align: center; }
.banner .prev,
.banner .next { width: 28px; height: 54px; position: absolute; top: 211px; cursor: pointer; z-index: 10; }
.banner .prev { left: 5%; background: url(../images/prev.png); }
.banner .next { right: 5%; background: url(../images/next.png); }
.banner .hd { position: absolute; left: 0; bottom: 14px; width: 100%; height: 11px; z-index: 4; }
.banner .hd ul { width: 1002px; height: 11px; margin: 0 auto; }
.banner .hd ul li { display: inline-block; *display: inline; zoom: 1; width: 11px; height: 11px; margin: 0 3px; border-radius: 11px; background: #fff; line-height: 999px; overflow: hidden; cursor: pointer; vertical-align: top; }
.banner .hd ul .on { background: #088336; }
.ftMes { height: 40px; background: #f4f4f4; padding-top: 20px; }
.ftLink { height: 21px; line-height: 21px;	/*border-bottom: 1px solid #d7d7d7;*/ padding: 0 0 8px 177px; background: url(../images/link.png) no-repeat; font-size: 14px; }
.ftLink a { padding: 0 16px; }
.ftOt { padding-top: 25px; }
.ftLogo { float: left; }
.copyRight { float: left; padding: 10px 0 0 28px; line-height: 22px; }
.ftNav { line-height: 56px; text-align: center; background: #098336; font-size: 14px; color: #fff; }
.ftNav a { padding: 0 50px; color: #fff; }
.mbbody_body .pagexx { margin-left: 20px; }
.pagexx { clear: both; height: 30px; margin: 20px; overflow: hidden; margin-left: 0px; }
.pagexx ul li { display: inline-block; border: 1px solid #ccc; padding: 2px 9px; margin: 0 3px; line-height: 20px; background: #fff; }
.pagexx ul li:hover { background: #088336; color: #fff; border: 1px solid #088336 }
.pagexx ul li.thisclass { display: inline-block; border: 1px solid #1f82b7; padding: 2px 9px; margin: 0 3px; background: #088336; color: #fff; }
.pagexx ul li.thisclass a { color: #fff; }
.pagexx ul li a { display: block }
.pagexx ul li a:hover { color: #fff; }
.botbox { background-color: #3d3d3d; }
.botbox div { width: 970px; margin: 0 auto; padding-top: 20px; }
.botbox img { display: block; margin: 0 auto; }
.botbox .sp1 { padding: 10px 0 40px 0; display: block; text-align: center; color: #fff; border-bottom: 1px dashed #5c5c5c; }
.botbox .sp2 { display: block; text-align: center; color: #fff; padding: 28px 0; color: #888; }
.side_ewm { position: fixed; right: 0px; top: 200px; font-size: 14px; text-align: center; line-height: 2; }
.side_ewm .img_box { 
}
.side_ewm img { width: 140px; }

.rollbar {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 999;
	display: none;
}
.rollbar ul{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 50px;
}
.rollbar li{
	position: relative;
	margin-top: 5px;
	text-align: center;
	opacity: .4;
	filter: alpha(opacity=40);
}
.rollbar a {
	position: relative;
	z-index: 2;
	display: block;
	height: 50px;
	border-radius: 2px;
	background-color: #666;
	color: #fff;
}
.rollbar a:hover{
	color: #fff;
}
.rollbar .fa{
	line-height: 50px;
	font-size: 34px;
}
.rollbar .fa-comments{font-size: 24px;}

.rollbar li:hover, .rollbar li:hover h6 {
	opacity: .9;
	filter: alpha(opacity=90)
}
.rollbar li:hover h6{
	right: 100%;
}
.rollbar h6{
	position: absolute;
	z-index: 1;
	top: 50%;
	right: -15%;
	margin: -13px 10px 0 0;
	line-height: 26px;
	font-size: 12px;
	background-color: #666;
	color: #fff;
	width: 53px;
	border-radius: 2px;
	text-align: center;
	opacity: 0;
	filter:alpha(opacity=0);
}
.rollbar h6 i{
	position: absolute;
	right: -4px;
	top: 50%;
	margin-top: -4px;
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: middle;
	border-left: 4px solid #666;
	border-top: 4px solid rgba(0, 0, 0, 0);
	border-bottom: 4px solid rgba(0, 0, 0, 0);
}