@charset "utf-8";
/* 头部 Start */
#top { height:auto; width:100%; margin:0 auto;}
.top { height:30px; width:100%; background-color:#f9f9f9; border-bottom:#efeded 1px solid;}
.top .top-box { height:auto; width:1200px; margin:0 auto; padding-top:5px;}
.top .top-box .top-box-left { height:auto; width:50%; float:left; color:#666;}
.top .top-box .top-box-right { height:auto; width:150px; float:right;  text-align:center;}
.top .top-box .top-box-right p { width:100%; text-align:center; color:#666;}
.top .top-box .top-box-right p a { padding:0px 10px; color:#666;}
/* 头部 End */
/* 导航 Start */
#nav { height:auto; width:100%; margin:0 auto; overflow:hidden;}
.nav { height:80px; width:1200px; margin:0 auto; overflow:hidden;}
.nav .nav-left { height:auto; width:auto; padding-top:15px; float:left;}
.nav .nav-right { height:auto; width:60%; float:right;}
.nav .nav-right ul { height:40px; width:100%; float:left; text-align:center; padding:40px 0;}
.nav .nav-right ul li { height:35px; width:80px; float:left; line-height:30px; }
.nav .nav-right ul li.on { border-bottom:#ca1312 2px solid; color:#ca1312;}
.nav .nav-right ul li.on a {  color:#ca1312; font-weight:800;}
.nav .nav-right ul li a { color:#333;}
/* 导航 End */
/* banner Start */
#banner { height:auto; width:100%; margin:0 auto; overflow:hidden;}
.banner { height:408px; width:100%; margin:0 auto; background:url(../images/banner.png) center no-repeat; }
/* banner End */
/* 主体 Start */
#main { height:auto; width:100%; margin:20px auto 10px auto; }
.main { height:auto; width:1200px; margin:0 auto; }
/* 主体 Start */
#mainBox { height:auto; width:100%; margin:0px auto; overflow:hidden; background-color:#fcfcfc;}
#mainBox .mainBox { height:auto; width:1200px; margin:0px auto; overflow:hidden; padding-bottom:25px;}
/* 主体 End */
/* 主体 End */
/* 底部 Start */
#foot { height:auto; width:100%; margin:0 auto;}
.foot { height:45px; width:100%; background-color:#f9f9f9; border-top:#efeded 1px solid; margin-top:20px}
.foot .foot-box { height:auto; width:1200px; margin:0 auto; line-height:40px; color:#888;}
.foot .foot-box a{ color:#888;}
.foot .foot-box .foot-box-left { height:auto; widows:50%; float:left; color:#888;}
.foot .foot-box .foot-box-right {  height:auto; widows:40%; float:right; text-align:center;}
.foot .foot-box .foot-box-right p {  width:100%; text-align:center; color:#aaa; }
.foot .foot-box .foot-box-right p a { padding:0px 10px; color:#888;}
/* 底部 End */

/* flexslider */
.flexslider{position:relative;height:400px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; width:100%;}
.slides{position:relative;z-index:1;}
.slides li{height:400px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}


/* online service start */
*body {
    background-attachment: fixed;
    background-image: url(about:blank); /* 必须地，防抖动 */
}
.online{ right:0;top:220px;width:190px;height:auto;position:fixed; font-size:12px; z-index:9999;}
.online_default {display:block;/*right:0;top:220px;cursor:pointer;position:fixed;*/
	float: right;
	height: 50px;
	overflow: hidden;
	width: 50px;
	position: fixed;
	top: 200px;
	cursor: pointer;
	right: 0px;
/* 兼容IE6不支持 fixed */
_position: absolute;
_right: auto;
_left: expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft, 10)||0)-(parseInt(this.currentStyle.marginRight, 10)||0));
_top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 0)||0)-(parseInt(this.currentStyle.marginBottom, 0)||100)));

}
.online_hover{display:none;/*left:0;width:190px;position:absolute;height:auto;float:right; display: none;*/
	float: right;
	height: auto;
	overflow: hidden;
	width: 190px;
	position: fixed;
	top: 200px;
	cursor: pointer;
/* 兼容IE6不支持 fixed */
right: 0px;
_position: absolute;
_right: auto;
_left: expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft, 10)||0)-(parseInt(this.currentStyle.marginRight, 10)||0));
_top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 100)||100)-(parseInt(this.currentStyle.marginBottom, 100)||100)));
}
online_hover img{ width:10px; height:10px; float:left;}
	.default_type{ background:url(../images/online_default.png) no-repeat;width:30px;height:151px;}
	.online_hover_left{float:left;}
	.online_hover_right{ width:160px; height:auto; overflow:hidden; float:left;}
	.online_txt_top{ width:160px; height:15px; background:url(../images/online_hover.png) no-repeat top left ; overflow:hidden;}
	.online_txt{ width:150px; height:auto; padding-left:10px; overflow:hidden; line-height:28px; background:url(../images/online_hover_m.png) repeat-y left;}
	.online_txt_bottom{ width:160px; height:15px; background:url(../images/online_hover.png) no-repeat bottom left ;overflow:hidden;}
/* end online service */


.to_top {
	background: url("../images/gotop.gif") no-repeat scroll 0 0 transparent;
	float: left;
	height: 50px;
	overflow: hidden;
	width: 50px;
	position: fixed;
	bottom: 20px;
	cursor: pointer;
	right: 20px;
	_position: absolute;
	_right: auto;
 _left: expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft, 10)||0)-(parseInt(this.currentStyle.marginRight, 10)||20));
 _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||20)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
}
.feedback{
background: url("../images/feedback.gif") no-repeat scroll 0 0 transparent;
	float: left;
	height: 25px;
	overflow: hidden;
	width: 50px;
	position: fixed;
	bottom: 5px;
	cursor: pointer;
	right: 20px;
	_position: absolute;
	_right: auto;
 _left: expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft, 10)||0)-(parseInt(this.currentStyle.marginRight, 10)||20));
 _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||20)-(parseInt(this.currentStyle.marginBottom, 10)||20)));
}


/*下面是对联广告的css代码*/
.duilian{top:60px;position:absolute; width:102px; overflow:hidden; display:none; z-index:999;}
.duilian_left{ left:5px;}
.duilian_right{right:5px;}
.duilian_con{border:#CCC solid 1px; width:100px; height:auto; max-height:450px; overflow:hidden;}
.duilian_close{ width:100%; height:24px; line-height:24px; text-align:center; display:block; font-size:13px; color:#555555; text-decoration:none;}

/*弹窗样式*/
.modal {
  display: none;
  width: auto;
  border: solid 10px rgba(207,207,207,0.3);
  background: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
  z-index: 9999!important;
}

.modal { -moz-background-clip: border; /* Firefox 3.6 */ -webkit-background-clip: border; /* Safari 4? Chrome 6? */
background-clip: border-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ -moz-background-clip: padding; /* Firefox 3.6 */
-webkit-background-clip: padding; /* Safari 4? Chrome 6? */ background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
-moz-background-clip: content; /* Firefox 3.6 */ -webkit-background-clip: content; /* Safari 4? Chrome 6? */
background-clip: content-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ } 

.modal a.close-modal {
  position: absolute;
  top: -22px;
  right: -22px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background: url(../images/close.png) no-repeat 0 0;
}

.modal-spinner {
  display: none;
  width: 64px;
  height: 64px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-right: -32px;
  margin-top: -32px;
  background: url(../images/spinner.gif) #111 no-repeat center center;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}

/*返回顶部*/
#elevator_item {
	width: 60px;
	height: 100px;
	position: fixed;
	right: 0px;
	bottom: 5px;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	opacity: 1;
	z-index: 100020;
	display: none;
}
#elevator_item.off {
	opacity: 0;
	visibility: hidden
}
#elevator {
	display: block;
	width: 60px;
	height: 50px;
	background: url(../images/icon_top.png) center center no-repeat;
	background-color: #444;
	background-color: rgba(0,0,0,.6);
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(0,0,0,.2);
	cursor: pointer;
	margin-bottom: 10px
}
#elevator:hover {
	background-color: rgba(0,0,0,.7)
}
#elevator:active {
	background-color: rgba(0,0,0,.75)
}
#elevator_item .qr {
	display: block;
	width: 60px;
	height: 40px;
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(0,0,0,.2);
	cursor: pointer;
	background: url(../images/icon_code.png) center center no-repeat;
	background-color: #444;
	background-color: rgba(0,0,0,.6)
}
#elevator_item .qr:hover {
	background-color: rgba(0,0,0,.7)
}
#elevator_item .qr:active {
	background-color: rgba(0,0,0,.75)
}
#elevator_item .qr-popup {
	width: 170px;
	height: 200px;
	background: #fff;
	box-shadow: 0 1px 8px rgba(0,0,0,.1);
	position: absolute;
	left: -180px;
	bottom: 0;
	border-radius: 2px;
	display: none;
	text-align: center
}
#elevator_item .qr-popup .code-link {
	display: block;
	margin: 10px;
	color: #777
}
#elevator_item .qr-popup .code {
	display: block;
	margin-bottom: 10px
}
#elevator_item .qr-popup .arr {
	width: 6px;
	height: 11px;
	/*background: url(../images/code_arrow.png) 0 0 no-repeat;*/
	position: absolute;
	right: -6px;
	bottom: 14px
}