@import url("global_pageBtns.css");
/*︻▓▇▇◤大结构︻▓▇▇◤ */
*{margin: 0;padding: 0;list-style-type: none;font-family:"微软雅黑";}
html{text-align:center;}
body {
	text-align:center;
	font-family:"微软雅黑";
	font-size:14px;
	color: #444;
	}

	
#header{text-align:center;}

#banner {	
	height:253px;
	margin:0px auto;
	text-align:center;
	overflow: hidden;
	background-color: #CCCCCC;
}


/*︻▓▇▇◤文字链接等︻▓▇▇◤ */
.font_family{font-family:Georgia, "Times New Roman", Times, serif;}
a:link,a:visited{color: #000;text-decoration: none;}
a:hover {color: #FD8423;text-decoration: underline;}
a:active {}
h3{font-size: 14px;}
img{border: 0;}
table{border-collapse:collapse;}
li{vertical-align: bottom;}
input.radio, input.checkbox {width: auto;}
#btn_submit,.btn_submit{
	background-image: url(img/submit.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	border: none;
	width:80px;
	height:30px;line-height:30px;
	color: #FFFFFF;	
	cursor: pointer;
	font-weight: bold;
}
/*单文章中的几个钮*/
#btns{padding-left:400px;}
#btn_back,#btn_print,#btn_top{float:left;
	background: url(img/b1.gif) no-repeat 0 0;
	width: 70px;
	height: 23px;
	display: block;
	margin-right: 10px;
	text-decoration: none;
	text-indent: -2000px;
}
#btn_back:hover,#btn_print:hover,#btn_top:hover{
	text-decoration: none;
    margin-right: 11px;	
	}
#btn_back span,#btn_print span,#btn_top span{}
#btn_back{background-position: 0px 0px;}
#btn_print{background-position: 0px -50px;}
#btn_top{background-position: 0px -100px;}
/*︻▓▇▇◤◤特殊标记︻▓▇▇◤ */
.longTitle{/* 长标截断 */
	text-overflow:ellipsis;/*IE省略号*/
	white-space:nowrap;/*强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象*/
	overflow:hidden;
	-o-text-overflow:ellipsis;/*op专用省略号*/
	}
.fl {float:left;}
.fr {float:right;}
.clearf{
	clear:both;
	overflow:hidden;
	font-size:0px;
	line-height:0px;
}
.transparent{  
      filter:alpha(opacity=50);  
      -moz-opacity:0.5;  
      -khtml-opacity: 0.5;  
      opacity: 0.5;  
}  
/*︻▓▇▇◤◤一，主菜单︻▓▇▇◤ */
#navoutter{width:100%;
	background-color: rgba(255,255,255,0.95);
	border-bottom-width: 0;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.35);
	box-shadow: 0 0 10px rgba(0,0,0,0.35)
}
#navinner{width:1200px;
	height:110px;
	margin:0 auto;
	
}
#logo{
	float:left;
	width:450px;
	height:110px;
	background-image: url(img/logo.png);
	background-repeat: no-repeat;
	background-position: 0px center;
}

#navs{
	float:left;
	width:700px;	
	height:110px;
	}
#navs li{
	position: relative;
	float:left;
	width:100px;
	height:110px;
	display: inline;
	z-index: 99999;
	font-size: 16px;
	
}
#navs li a.level1{
	position: absolute;
	z-index: 2;	
	width:100px;
	height:110px;
	color:#717171;
	text-decoration: none;
	display: block;
}
#navs li a.level1:hover,#navs li a.active{
	color:#2495E4;	
}

#navs li i{/*用作动画*/
	position: absolute;
	z-index: 0;
	width:100px;
	height:110px;
	left:0;bottom:0px;
	display:block;


}
#navs li:hover i,#navs li a.active i{	
	background-color: #2495E4;
	box-shadow:0 0 5px #1B61A9;
	background-image: url(rootMenu/1.gif);
	background-repeat: no-repeat;
	background-position: center 75px;
}
#navs li div{
	height:110px;
	line-height:110px;
	font-size: 16px;
	letter-spacing: 2px;
	overflow: hidden;
	font-weight: 500;
}
#navs li div b{margin:0 10px;
	display:none;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
}
#navs li:hover div{padding-top:0px;
	height:110px;line-height:110px;
	color:#fff;
}
#navs li:hover div b{display: block;}
/*下面是二级菜单*/	
#navs dl{
display:none;	
	position: absolute;
	top:100px;
	width:90px;
	margin-left:0px;
	text-align: center;
	background-color:#fff;
	line-height:30px;
	border-radius:15px;
	box-shadow:0 0 10px #1B61A9;
	padding-top:10px;
	padding-bottom:10px;
	border: 5px solid #2495E4;
	
}
#navs dd{border: 0;
	height:34px;padding:0 5px;
	line-height:34px;
	font-size: 14px;	
}
#navs dd a{
	display: block;
	color: #2495E4;
	height:34px;
	text-align: center;
	text-indent: 0px;
	overflow: hidden;
	border-radius:12px;
	text-decoration: none;
}

#navs dd a:hover{
	background-color: #69B6EC;	
	color: #fff;
	
}
/* 幻灯通栏 */
.flexslider{position:relative;height:450px;overflow:hidden;background:url(img/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:450px;}
.flex-control-nav{position:absolute;bottom:20px;z-index:2;width:100%;text-align:center;display:none;}
.flex-control-nav li{display:inline-block;width:60px;height:10px;margin:0 10px;*display:inline;zoom:1;padding:0;}
.flex-control-nav a{display:inline-block;width:60px;height:10px;line-height:40px;overflow:hidden;background:url(img/dott.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(img/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(img/next.png) center center no-repeat;}

/*︻▓▇▇◤◤底部︻▓▇▇◤ */
#footer { clear:both; width:100%; height:140px; background:#AEAEAE; color:#fff; }
.foot { width:1100px; margin:0 auto; }
.ewm { float:left; margin:28px 0 0 0; }
.cont { float:left; margin:40px 0 0 30px; line-height:200%; font-size:12px; }
/*︻▓▇▇◤右边浮动客服︻▓▇▇◤ */
#kf {
	width:50px;
	position: fixed;
	z-index: 99999;
	top:513px;
	right:0px;
	display: none;/*以下不兼容ie8,不可用
	filter:alpha(Opacity=80);
	-moz-opacity:0.5;
	opacity: 0.5;
	overflow: visible;*/
}
#kf li{
	position: relative;
	width:50px;
	height:50px;
	margin-bottom:1px;
	background-image: url(img/kf.png);
	background-repeat: no-repeat;
	list-style-type: none;
	overflow: visible;
	
}
li#kf_home{background-position: 0px 0px;}
li#kf_book{background-position: 0px -51px;}
li#kf_wb{background-position: 0px -102px;}
li#kf_wx{background-position: 0px -153px;}
li#kf_wx2{background-position: 0px -102px;}
li#kf_back{background-position: 0px -204px;}
#kf a{
	width:50px;
	height:50px;
	display: block;
	color: #FFFFFF;
	overflow: visible;
}

#kf a b{
	position: absolute;
	z-index: 2;
	width:50px;
	height:50px;
	line-height:50px;
	display: block;
	display: none;
	background-color: #489BBF;
	letter-spacing: 3px;
	text-align: center;
	font-weight: normal;
}
li#kf_wx a div{
	position: absolute;
	z-index: 9999;
	top:-51px;
	right:51px;
	width:170px;
	height:203px;
	display: none;	
/*	以下不兼容ie8,不可用
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;*/
	background-image: url(img/wx.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#kf_wx2 a b{
	height:45px;padding-top:5px;
	line-height:20px;	
}
li#kf_wx2 a div{
	position: absolute;
	z-index: 1;
	top:-0px;
	right:51px;
	width:170px;
	height:203px;
	display: none;	
	/*以下不兼容ie8,不可用
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;*/
	background-image: url(img/wx2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
li#kf_wb a div{
	position: absolute;
	z-index: 1;
	top:-51px;
	right:51px;
	width:170px;
	height:203px;
	line-height:50px;
	display: none;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
	background-image: url(img/wb.gif);
	background-repeat: repeat;
	background-position: 0px 0px;
	background-position: center;
}
#kf a:hover b,#kf a:hover div{display: block;}

@media (max-width: 1200px) {
body {width:1200px;}
}