@import url("global_pageBtns.css");
/*︻▓▇▇◤大结构︻▓▇▇◤ */
*{margin: 0;padding: 0;list-style-type: none;font-family:"Microsoft Yahei";}
html{text-align:center;background:#fff url(img/bg.jpg) no-repeat 50% top;}
body {
	text-align:center;
	font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;
	font-size:14px;
	color: #2a0c0c;
	background-color: #fff;
	min-width:1200px;
	
}
#container{text-align:left;}


/*︻▓▇▇◤文字链接等︻▓▇▇◤ */
.font_family{font-family:Georgia, "Times New Roman", Times, serif;}
a:link,a:visited{color: #2a0c0c;text-decoration: none;}
a:hover {color: #0057B1;text-decoration: none;}
a:active {}
h3{font-size: 14px;}
img{border: 0;}
table{border-collapse:collapse;}
li{vertical-align: bottom;}
em { font-style:normal; }
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,.cf{
	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;  
} 

/*开始*/
.top{background-color: #FFF;
    width: 100%;
    z-index: 3;
}
.top-main{
	border-bottom: 1px solid #E6E6E6;
}
.top-main .header-main{
	margin: 0 auto;
	width: 1200px;

}
#logo{
	height: 90px;width:300px;
	float: left;
    margin-top: 25px;
}

/*︻▓▇▇◤◤search︻▓▇▇◤ */
.search{
	float: right;
    margin-top: 58px;
    width: 375px;
    height: 47px;
    background: url(img/Search.png) 0 0 no-repeat;
}
.search ul li.se_box {
    width: 295px;
    height: 47px;
    padding: 0px 10px 3px 11px;
    position: relative;
}
.search ul li.se_box input {
    float: left;
    background: none;
    border: none;
    width: 295px;
    height: 47px;
    line-height: 24px;
    font-size: 14px;
    color: #999;
    outline: none;
}
.search ul li {
    float: left;
}
.search li.sea_an {
    width: 56px;
    height: 45px;
}
.search li.sea_an input {
    float: left;
    width: 56px;
    height: 45px;
    background: none;
    border: none;
    overflow: hidden;
    cursor: pointer;
    outline: none;
    text-indent: -99999em;
    font-size: 0;
} 
/*︻▓▇▇◤◤一，主菜单︻▓▇▇◤ */

#navs{float: right;
    width: 780px;
    height: 135px;
	}
#navs li{
	position: relative;
	float:left;
	width:100px;
	height: 135px;
	display: inline;
	z-index: 99999;
	font-size: 16px;
	
}
#navs li a.level1{
	position: absolute;
	z-index: 2;	
	width:100%;
	height: 135px;
	color:#717171;
	text-decoration: none;
	display: block;
}
#navs li a.level1:hover,#navs li a.active{
	background-color: #fff;
}

#navs li i{/*用作动画*/
	position: absolute;
	z-index: 1;
	width:100px;
	left:0;
	height:2px;
	top:0px;
	background-color: #004597;
	display: none;
}
#navs li:hover i,#navs li a.active i{
	/*display: block;*/
}
#navs li div{
	height: 135px;
	line-height:135px;
	font-size: 18px;
	letter-spacing: 2px;
	overflow: hidden;
	font-weight: 500;
}
#navs li div b{
	float:left;height:10px;margin-top:20px;

}
#navs li:hover div{color: #017BC6;
	padding-top:0px;
	height:135px;
	line-height:135px;
	background-color: #EEEEEE;

}
#navs li:hover div b{display: block;}
/*下面是二级菜单*/	
#navs dl{
	display:none;
	position: absolute;
	top:135px;
	width:100px;
	margin-left:0px;
	text-align: center;
	background-color: #EEEEEE;
	line-height:30px;
	border-radius:0px 0px 5px 5px;
	box-shadow:0 5px 10px #aaa;
	padding-top:5px;
	padding-bottom:10px;
	
}
#navs dd{border: 0;
	
	line-height:34px;
	font-size: 14px;	
}
#navs dd a{
	display: block;
	line-height:34px;	
	text-align: center;
	text-indent: 0px;
	overflow: hidden;
}

#navs dd a:hover{	
	color: #017BC6;
}
/* 幻灯通栏 */
.flexslider{position:relative;height:600px;overflow:hidden;background:url(img/loading.gif) 50% no-repeat;clear:both;}
.slides{position:relative;z-index:1;}
.slides li{height:600px;}
.flex-control-nav{position:absolute;bottom:20px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;margin:0 10px;*display:inline;zoom:1;padding:0;}
.flex-control-nav a{
	display:inline-block;
	width:20px;
	height:20px;
	line-height:40px;
	
	overflow:hidden;
	cursor:pointer;
	border-radius: 10px;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	text-indent: -2000px;
	background-image: url(img/dotsmall.png);
	background-repeat: no-repeat;
}
@keyframes donghua1{from {width: 20px;}to {width: 60px;}}
@-webkit-keyframes donghua1{from {width: 20px;}to {width: 60px;}}
.flex-control-nav .flex-active{
	animation: donghua1 0.5s;
	-webkit-animation: donghua1 0.5s;
	width:60px;
	background-image: url(img/dotbig.png);
	background-repeat: no-repeat;
}
.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;}



/*︻▓▇▇◤◤底部︻▓▇▇◤ */
.footerInner{width:1200px;
	margin:0 auto;}
.footer{background: #383838;
	
	color: #c4c4c4;
	text-align: left;
}
.footer-main{
    padding: 40px 0;
    display: flex;
    justify-content: space-between;
}
.footer-bottom{
    background: #151515;
    text-align: center;
    line-height: 56px;
}
.footer-main-left{
    width: 870px;
}
.footer-main .concat{
    margin-top: 20px;
    border-top: 1px solid #7c7c7c;
    color: #999;
}
.footer-main .concat .concat-item{
    margin-top: 20px;
    line-height: 30px;
}
.footer-main .concat .concat-item img{
    float: left;
    margin-right: 5px;
}
.footer-main .twocode{
    text-align: center;
}
.footer-main .twocode img{
    width: 147px;
}
.footer-main .twocode div{
    margin-top: 20px;
}
.footer-main-left{float:left;}
.footer-main-right{float:right;}
/*︻▓▇▇◤右边浮动客服︻▓▇▇◤ */
#kf {display:none;/*先不显示，jq定位后再显示*/
	width:50px;
	position: fixed;
	z-index: 99999;
	top:323px;
	right:0px;
}
#kf li{
	position: relative;
	width:50px;
	height:50px;
	margin-bottom:1px;
	background-image: url(img/kf.gif);
	background-repeat: no-repeat;	
}
li#kf_home{background-position: 0px 0px;}
li#kf_book{background-position: 0px -51px;}
li#kf_blog{background-position: 0px -102px;}
li#kf_wx{background-position: 0px -153px;}
li#kf_back{background-position: 0px -204px;}
#kf a{
	width:50px;
	height:50px;
	display: block;
	color: #FFFFFF;
}
#kf a b{
	position: absolute;
	z-index: 2;
	width:50px;
	height:45px;padding-top:5px;	
	display: none;
	background-color: #5BAADA;
	letter-spacing: 3px;
	text-align: center;
	font-weight: normal;
}
#kf a div{
	position: absolute;
	z-index: 1;
	top:-102px;
	right:51px;
	width:170px;
	height:203px;
	display: none;	
	background-image: url(img/wx.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#kf #kf_blog a div{
	top:-51px;
	background-image: url(img/ph.gif);
}
#kf a:hover b,#kf a:hover div{
	display: block;
	
}

.hoverFv a img{-moz-opacity:0.5; filter:alpha(opacity=100);border:0px;}
.hoverFv a:hover img{-moz-opacity:0.8; filter:alpha(opacity=80);cursor:pointer;}
