@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0 ;}
html{ -webkit-text-size-adjust:none;/*只针对低版本谷歌*/}
body{font-size:12px; color:#666; _overflow:hidden; overflow-x:hidden;  background:#fff; width: 100%;  *cursor: default; font-family:Arial, "微软雅黑";}
body,ol,table,tr,td,ul,li,dt,dd,dl,h1,h2,h3,h4,h5,h6,form,input,select,textarea,p,
blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,time, mark, audio, video{ font-family: "微软雅黑",Tahoma, Helvetica, Arial, sans-serif; font-weight:normal; font-style:normal;}
li{ list-style-type:none;}
img{ border:none; vertical-align:middle;}
/*-------将特定标签设成块---------*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display: block;}
/*-------给a加时间过渡、清除默认样式---------*/
a{ outline:none; cursor:pointer; text-decoration:none; color:#666; transition:all .4s ease 0s; -webkit-transition:all .4s ease 0s; -moz-transition:all .4s ease 0s;}
a:active, a:hover { text-decoration:none}
a, area, a:active{ blr:expression(this.onFocus=this.blur());}
:focus { -moz-outline-style: none;}
/*在浏览器拖动鼠标颜色*/
::selection { color: #fff; background-color: #C1A364;}
::-moz-selection { color: #fff; background-color: #C1A364;}
/*更改浏览器滚动条颜色兼容*/
html,body{
/*更改ie浏览器滚动条颜色*/
	scrollbar-face-color:#000;
	scrollbar-highlight-color:#222;
	scrollbar-shadow-color:#222;
	scrollbar-3dlight-color:#222;
	scrollbar-arrow-color:#000;
	scrollbar-track-color:#222;
	scrollbar-darkshadow-color:#222;
}
/*更改-webkit-内核滚动条样式*/
::-webkit-scrollbar { width:8px;  height: 8px; background-color: #333;}
::-webkit-scrollbar-track  { border-radius: 10px; background-color: #333;}
::-webkit-scrollbar-thumb  {  border-radius: 10px; background-color: #211F1F; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
/*清除默认样式*/
blockquote, q{ quotes: none;}
blockquote:before,
blockquote:after,
q:before,
q:after { content: ''; content: none;}
/*-------表单居中、清理描边---------*/
input, button, select, textarea{ outline:none}
input, select, textarea, button { vertical-align:middle}
button { border:0 none; background-color:transparent; cursor:pointer}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner{ border:none; padding:0;}
/*----- 表格重置-----*/
table { width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
caption { display:none;}
/*----- clearfix-----*/
.clearfix{ *zoom:1;}
.clearfix:before,
.clearfix:after{ display:table; content:''; line-height:0;}
.clearfix:after{ clear:both;}
/*-----display-----*/
.clear{ clear:both;}
.disno{ display:none;}
.disbk{ display:block;}
.distb{ display:table;}/*头部*/
/*-----针对webkit的hack写法-----*/
@media screen and (-webkit-min-device-pixel-ratio:0){

}
.fB{font-weight:bold;}
.fI{font-style: italic;}
.f12px{font-size:12px;}
.f14px{font-size:14px;}
.left{float:left;}
.right{float:right;}
.nofloat{float:none;}
.hidden{display:none;}
.unLine,.unLine a{text-decoration:none;}
.noBorder{border:none;}
/* span blank */
.clear {clear:both; height:0; overflow:hidden; display:block;}
.clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
.blankW {background:#fff;}
.blank1 {clear:both; height:1px; overflow:hidden; display:block;}
.blank3 {clear:both; height:3px; overflow:hidden; display:block;}
.blank6 {clear:both; height:6px; overflow:hidden; display:block;}
.blank9 {clear:both; height:9px; overflow:hidden; display:block;}
.blank10 {clear:both; height:10px; overflow:hidden; display:block;}
.blank9w {background:#ffffff; clear:both; height:9px; overflow:hidden; display:block;}
.blank12 {clear:both; height:12px; overflow:hidden; display:block;}
.blank15 {clear:both; height:15px; overflow:hidden; display:block;}
.blank20 {clear:both; height:20px; overflow:hidden; display:block;}
/* other */
.padding { padding:5px;}
.padding10 { padding:10px;}
.padding15 { padding:15px;}
.cline {border-top: 1px solid #ccc;}
/*----- 超出省略号///-----*/
.toe{ word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/*引入图标字体*/
@font-face {font-family: 'iconfont';
    src: url('../font/iconfont.eot');
    src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
    url('../font/iconfont.woff') format('woff'),
    url('../font/iconfont.ttf') format('truetype'),
    url('../font/iconfont.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
/******************************************************************common/////**********************************************************************/

.phonemenu{ position: fixed; width: 100%; left: 0; top: 0; padding: 15px 0; background-color: #fff; z-index: 999; display: none;}
.phonemenu .phologo{ float: left;position:absolute; top:0; left:20px; }
.phonemenu .phologo img{ height: 130px; position:absolute;}
.phonemenu .picvr{ float: right; width: 38px; height: 28px; line-height: 28px; margin-right: 5%; margin-top: -2px; cursor: pointer;}
.phonemenu .picvr span{ display: inline-block; width: 35px; height: 3px; background-color: #C1A364; border-radius: 5px; position: relative;}
.phonemenu .picvr span:before{ position: absolute; content: ''; left: 0; top: -10px; width: 100%; height: 100%; background-color: #C1A364; border-radius: 5px;}
.phonemenu .picvr span:after{ position: absolute; content: ''; left: 0; bottom: -10px; width: 100%; height: 100%; background-color: #C1A364; border-radius: 5px;}

.phonavs{ width: 100%; height: 100%; background-color: rgba(8,71,44,0.9); position: fixed; top: 60px; left: 0; z-index: 999; padding-top: 30px;  display: none;}
.phonavs a{ display: block; padding: 10px 0; width: 100%; text-align: center; font-size: 20px; color: #fff;}

.xlnav{ width: 100%; position: absolute; left: 0; top: 108px; height: 60px; background-color: #fff; background-color: rgba(0,0,0,0.5); z-index: 99; display: none;}
.xlnav .subxos{ width: 1200px; margin: 0 auto; padding: 20px 0;}
.xlnav .subxos .neinav{ position: absolute; left: 0; top: 0; width: 100%; height: 60px; text-align: center; z-index: 0;
	opacity: 0;
	transform: scale(0.5);
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
}
.xlnav .subxos .neinav.act{
	opacity: 1;
	transform: scale(1.0);
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	z-index: 2;
}
.xlnav .subxos .neinav a{ vertical-align: top; display: inline-block; padding: 0 20px; line-height: 60px; font-size: 14px; color: #fff;}
.xlnav .subxos .neinav a.on,
.xlnav .subxos .neinav a:hover{ background-color: #08472b; color: #cfa44a;}



.xlnav .subxos .neinav:nth-of-type(4){ padding-left: 100px;}
.xlnav .subxos .neinav:nth-of-type(5){ padding-left: 220px;}
.xlnav .subxos .neinav:nth-of-type(6){ padding-left: 320px;}
.xlnav .subxos .neinav:nth-of-type(7){ padding-left: 520px;}
.indexbg{ width:100%;}
.wal{ width: 1200px; margin:0 auto;}
.top_bar{ position:absolute; right:0; top:0px;   line-height:30px;}
/*=================头部链接=================*/
.link_top{ position:absolute; right:80px; top:0; width:100px; }
.link_top a{color: #6f6f6f; font-size:12px; height:30px; line-height:30px; display:block; float:left;}
.link_top a.on{ color: #053478;}
.link_top a:hover{ color: #053478;}
.link_top i{ background:url(../images/line_top_link.png) center no-repeat; padding: 0 8px; height:30px; display:block; float:left;}
/*==================================*/
.lan_box{ position:absolute; right:20px; top:0px; cursor:pointer; z-index:999;}
.lan_box strong{ width:85px; height:30px; line-height:30px; display:block; background:url(../images/icon_top_un.png) 80px center no-repeat #de002d; font-size:12px; color:#fff; padding-left:10px;}

.lan_box .content{ position:absolute; top:30px; width:95px; z-index:9; height:0; overflow:hidden;}
.lan_box a{ display:block; line-height:32px; height:32px; width:100%; border-bottom:1px solid rgba(255,255,255,0.2); text-align:center; font-size:12px; color:#ffffff; background:rgba(0,0,0,0.8);}
.lan_box a:hover{ color:#08472b; background: rgba(255,255,255,0.7);}
.lan_box:hover .content{ height:128px; }
/*底部*/
.inbottom{ border-top:1px solid #e2e2e2; background: #373737; padding-top:30px;background-size: 100%;}
.inbottom .auto{}
.inbottom .auto dl{ float:left; padding:14px 75px 0 0;padding-bottom:20px;}
.inbottom .auto dt{ color: #fff; font-size:16px; font-weight:normal; line-height: 30px; margin-bottom: 15px;}
.inbottom .auto dd{ margin-bottom: 5px;}
.inbottom .auto dd a{ color:#C4C4C4; line-height:22px; font-size: 12px;}
.inbottom .auto dd a:hover{color:#90c31f;}

.inbottom .auto .video{ padding-left:0; padding-top:0px; }
.inbottom .auto .video figure i{ position:absolute; z-index:100; background:url(../images/inbottom-videobtn.png) no-repeat center; width:246px; height:151px; background-color:#000000; filter: alpha(opacity=50); opacity: 0.5; cursor:pointer; }
.inbottom .auto .video figure img{ width:246px; height:151px;}
.inbottom .auto .pic{ padding:0 0 0 70px; text-align:center; position:relative;}
.inbottom .auto .pic figure{ padding-top:22px;}
.inbottom .auto .pic figure img{ width: 120px; height: 128px;}
.inbottom .auto .pic a{ margin:10px 3px; display:inline-block; width:30px; height:30px; display: none;}
.inbottom .pic .sina{ background:url(../images/inbottom-sina.png) no-repeat; }
.inbottom .pic .qq{ background:url(../images/inbottom-qq.png) no-repeat; }
.inbottom .pic .wx{ background:url(../images/inbottom-wx.png) no-repeat; }
.inbottom .pic .wx img{ width:128px; height:128px; position:absolute; z-index:100; top:22px; right:135px; display:none;}
.inbottom .pic span:hover .wx img{ display:block;}
.inbottom .Copyright{ border-top:1px solid #666; height:53px; line-height:53px;}
.inbottom .Copyright span{ float:right; color:#666;}
.inbottom .Copyright .fz_box{ float:left;}
.inbottom .Copyright span a{ color:#666;}
.inbottom .Copyright a{ color:#fff;}
.inbottom .Copyright i{ font-style: normal;padding:0 8px;}
.inbottom .Copyright .no{ border:none;}
.inbottom .auto dd a:hover{ color:#90c31f;}
.auto_1200{ width:1200px; margin:0 auto;}
/***/
/*===============================================header================================================*/
#header {	height: 125px;	z-index: 9; }
#header .main_box {	position: relative;background: #fff;}
/*=================导航=================*/

#nav {padding-top:25px;}
.s_fast_link #nav .big_box {	border-right: 1px solid #e4e4e6;}
#nav ul {	margin-right: -50px;}
#nav li {	position: relative;	width: 115px;	display: block;	float: left;	}
#nav li.logo {	display: block;	width: 440px;}
#nav li.logo img {	display: block;	}
#nav li .a {	display: inherit;	text-align: center;	background: url(../images/line_nav.png) left center no-repeat;}
#nav li.first .a {	background: none;}
#nav li .a {	height: 100px;  }
#nav li .a strong {	padding-top: 38px;	font-size: 15px;	color: #555556;	text-align: center;	display: block;		position: relative;	z-index: 2;}
#nav li .a span {	font-size: 12px;	color: #bfc0c6;	text-transform: uppercase;	text-align: center;	position: relative;	z-index: 1;}
#nav li .a i {	position: absolute;	top: 35px;	left: -1px;	display: block;	z-index: 1;	height: 0px;	width: 2px;	background: #df203d;}
#nav li.on i {	height: 30px;}
#nav li.on .a strong {}
#nav li:hover i {	height: 30px;}
#nav li:hover .a strong {}
#nav .title {}
#nav .list {	display: none;	left: 20px;	top: 100px;	position: absolute;	height: 50px;	width: 700px;}
#nav .list1 {	left: -20px;}
#nav .list2 {	left: -180px;}
#nav .list3 {	left: -200px;}
#nav .list4 {	left: -100px;}
#nav .list5 {	left: -20px;}
#nav .list .box {	text-align: left;	position: relative;}
#nav .list a {	font-weight: normal;	margin-left: 20px;	padding: 0 10px;	color: #fff;	line-height: 50px;	font-size: 14px;}
#nav .list a:hover {	color: #fff;}
#nav .text_left {	left: auto;	right: 35px;}
#nav .text_left .box {	text-align: right;}
#nav .text_left .box a {}
.list_box {	position: absolute;	left: 0px;	top: 125px;	z-index: 9;	height: 0px;	line-height: 50px;	width: 100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#CCDF203D', endColorstr='#CCDF203D');	background: rgba(223,32,61,0.8);}

/**********/
/*内页共用尾部*/.footer{background-color: #2a2a2a;padding-bottom: 30px;}
.footer .footer-1h{text-align: center;padding: 50px 0 30px 0;border-top: 1px solid #1a1a1a;}
.footer .footer-1h a{    font-size: 17px;    color: #ffffff;    margin: 50px 45px 30px 45px;}
.footer .footer-1h a:hover{text-decoration:underline}
.footer .footer-1h span{color: #ffffff;    font-size: 17px;}
.footer .footer-2h{    text-align: center;    color: #b4b4b4;    font-size: 12px;}
.footer .footer-2h i{margin:0 10px;line-height: 30px}
.footer .footer-3h{    color: #b4b4b4;    text-align: center;    font-size: 12px;    line-height: 25px;}
.footer .footer-3h a{color: #b4b4b4;}
.footer .footer-3h a:hover{text-decoration:underline}
.footer .footer-3h em{margin-right:20px}
.footer a{color: #b4b4b4;}
/*尾部新加栏目*/.footer-h{    text-align: center;    background-color: #2a2a2a;    width: 100%;    border-bottom: 1px solid #424242;}
.footer-h a{    font-size: 14px;    color: #969696;    margin-right: 20px;    line-height: 70px;    display: inline-block;}
.footer-h a:hover{text-decoration:underline;  color: #969696;}
.footer-h span{    font-size: 14px;    color: #969696;    line-height: 70px;}
.phonemenu{ position: fixed; width: 100%; left: 0; top: 0; padding: 15px 0;  height:50px;background-color: #fff; z-index: 999; display: none;}
.phonemenu .phologo{ float: left;position:absolute; top:0; left:20px; }
.phonemenu .phologo img{ height: 80px; position:absolute;}
.phonemenu .picvr{ float: right; width: 48px; height: 38px; line-height: 38px; margin-right: 5%; margin-top: -2px; cursor: pointer; padding-top:20px;}
.phonemenu .picvr span{ display: inline-block; width: 48px; height: 4px; background-color: #de002d; border-radius: 5px; position: relative;}
.phonemenu .picvr span:before{ position: absolute; content: ''; left: 0; top: -10px; width: 100%; height: 100%; background-color: #de002d; border-radius: 5px;}
.phonemenu .picvr span:after{ position: absolute; content: ''; left: 0; bottom: -10px; width: 100%; height: 100%; background-color: #de002d; border-radius: 5px;}
.phonavs{ width: 100%; height: 100%; background-color: rgba(0,0,0,0.9); position: fixed; top: 80px; left: 0; z-index: 999; padding-top: 30px;  display: none;}
.phonavs a{ display: block; padding: 10px 0; width: 100%; text-align: center; font-size: 20px; color: #fff;}
.phonavs a:hover{ background-color: #de002d;}