﻿/* 全局  */
@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, img {
	border: medium none;
	margin: 0;
	padding: 0;
}
* {
	margin: 0px;
	padding: 0px;
}
html {
	overflow-x: hidden;
}
body {
	font-family: "microsoft yahei";
	background:#1d1d1d;
	font-size:12px;
	color:#a8a8a8;
}
input, textarea {
	-webkit-tap-highlight-color: rgba(255,255,255,0);
}
i{
	font-style:normal;
	}
a {
	outline: none;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(255,255,255,0);
	font-family: "microsoft yahei";
	text-decoration: none;
	color: #a8a8a8;
}
a:visited {
	color: #a8a8a8;
	outline: none;
}
a:hover {
	color: #c80000;
	outline: none;
}
a:active {
	color: #a8a8a8;
	outline: none;
}
ul, ol {
	list-style: none;
	vertical-align: middle;
}
img {
	border: 0px;
}
.h20{ height:20px; clear:both;}
.fl {
	float: left;
	display: inline;
}
.fr {
	float: right;
	display: inline;
}
/*==进度条==*/
#loading {
	position: fixed;
	z-index: 999999999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background:#fff url(../images/preloader.gif) no-repeat center center;
}
#mobileWrap {
	max-width: 640px;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}

.indexMenuTop{
	clear:both;
	overflow:hidden;
	background:#212b2d;
	height: 50px;
	line-height: 50px;
	color:#fff;
	font-family: "黑体";
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	}
/*********banner*********/
.slideBox{ position:relative; overflow:hidden; margin:0px auto; /* 设置焦点图最大宽度 */ }
.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:20px; right:0; z-index:1; text-align:center; width:100%;}
.slideBox .hd li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#b48c95; text-indent:-9999px; overflow:hidden; margin:0 6px;}
.slideBox .hd li.on{ background:#fedb4e;  }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{ display:block;background:url(images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
/*首页导航*/
.indexMenu{
	display:block;
	clear:both;
	overflow-x:hidden;
	overflow-y:auto;
	margin:0 auto 0px auto;
	-moz-background-size:100% 100%;  
    background-size:100% 100%;  
	background-size:cover;
	}
.indexMenu_ul{
	clear:both;
	overflow:hidden;
	width:100%;
	background:#1d1d1d;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
.indexMenu_ul li{
	float:left;
	overflow:hidden;
	text-align: center;
	padding:10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
.indexMenu_ul li.li1{width:25%;}
.indexMenu_ul li.li2{width:50%;}	
.border1{ border-bottom:1px solid #393939;border-right:1px solid #393939;}
.border2{ border-bottom:1px solid #393939;}		
.indexMenu_ul li a{
	display:block;
	padding:0 5px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}

.indexMenu_ul li a img{
	display: block;
	height: 40px;
	margin:0px auto 3px;
	width: auto;
}
/**
 * 二级页面左侧一级导航
 */	
#mobileMenu {
	height: 100%;
	display: block;
	position: fixed;
	width: 180px;
	z-index: 0;
	background:#303030;
	right:-180px;
}
#mobileMenu_c {
	clear: both;
	overflow: hidden;
	overflow-y: auto;
}
#mobileMenu header {
	display:block;
	background:#000;
	height:40px;
}
#mobileMenu header h1 {
	text-align: center;
	padding-top: 10px;
	color: #fff;
	font-size: 16px;
	text-shadow: 1px 1px 0px #313131;
}
#mobileMenu ul {
	height: 100%;
}
#mobileMenu ul li {
	display: block;
}
#mobileMenu ul li a {
	display: block;
	font-size: 14px;
	height: 43px;
	display: block;
	border-top: 1px solid #4A4C4F;
	border-bottom: 1px solid #2A2B2E;
	color: #8f8f8f;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
#mobileMenu ul li a em {
	display: block;
	width: 4px;
	height: 43px;
	float: left;
	background: #1d1d1d;
}
#mobileMenu ul li a span {
	display: block;
	line-height: 43px;
	float: left;
	padding:0 0 0 15px;
}
#mobileMenu ul li a i {
	width: 30px;
	height: 30px;
	text-align: center;
	display: block;
	line-height: 43px;
	float: right;
	color: #fff;
	display:none;
}
#mobileMenu ul li.hover a {
	background:#454545;
	color:#a4a4a4;
	border-top: 1px solid #454545;
	border-bottom: 1px solid #454545;	
}
#mobileMenu ul li.hover a em {
	background:#b12011;
}
/**
 * 二级页面右侧二级导航
 */	
#mobileSubNav{
	height:35px;
	position:relative;
	z-index:999999999999999;
	margin:0 auto;
	}
.mobileSubNav_title{
	height:35px;
	overflow:hidden;
	background:#F6F6F6;
	position:absolute;
	overflow:hidden;
	box-shadow: inset 1px -8px 26px #dedede;
	z-index:10;
	}
.SubNav_open{
	width:40px;
	height:35px;
	display:block;
	float:right;
	color:#656565;
	font-size:25px;
	}
.SubNav_open span{
	clear:both;
	margin:6px 0 0 5px;
	display:block;
	}
.mobileSubNav_title ul{
	width:300px;
	display:block;
	float:left;
	height:40px;
	overflow:hidden;
	}
.mobileSubNav_title ul li{
	width:33%;
	display:block;
	height:40px;
	float:left;
	font-size:14px;
	}
.mobileSubNav_title ul li.hover a{
	color:#b12011;
	}
.mobileSubNav_title ul li a{
	display:block;
	line-height:35px;
	text-align:center;
	color:#707070;
	}
#mobileSubBg{
	width:100%;
	position:fixed;
	background:rgba(0,0,0,0.3);
	z-index:50;
	left:0;
	top:0;
	display:none;
	}	
#mobileSubNav dl{
	width:100%;
	position:absolute;
	z-index:90;
	padding:6px 0;
	overflow:hidden;
	background:#fff;
	display:none;
	}
#mobileSubNav dl dt{
	display:block;
	clear:both;
	line-height:30px;
	padding:0 0 0 5px;
	font-size:16px;
	margin:0 0 5px 0;
	text-align:center;
	}
#mobileSubNav dl dd{
	width:33.3%;
	display:block;
	float:left;
	}
#mobileSubNav dl dd a{
	display:block;
	background: #f3f3f3;
	border: 1px solid #d0d0d0;
	color: #656565;
	border-radius:3px;
	margin:5px;
	line-height:30px;
	text-align:center;
	box-shadow:0px 1px 1px rgba(153,153,153,0.3);
	}
#mobileSubNav dl dd.hover a{ color:#b12011;}
/**
 * 框架部分 right begin
 */	
#pagebody {
	position: relative;
	left: 0;
	max-width: 640px;
	min-width: 320px;
	z-index: 99999;
	overflow: hidden;
}
#pagebody header#toolbarnav{
	display: block;
	height:45px;
	width: 100%;
	max-width: 640px;
	position: relative;
	color:#fff;
	background: #212b2d;
	
	
}
#pagebody header#toolbarnav h1 {
	text-align: center;
	display: block;
	text-align: center;
	line-height: 45px;
	color: #fff;
	font-size: 18px;
	padding:0 10px 0 0;
}
#pagebody header #go-back {
	position: absolute;
	top:0;
	width: 50px;
	height:45px;
	display:block;
	left:0;
}
#pagebody header #go-back span{
	color:#fff;
	font-size:18px;
	display:block;
	margin:15px 0 0 12px;
	}
#pagebody header #menu-btn {
	display: block;
	width: 50px;
	height: 45px;
	position: absolute;
	right:0;
	top:0;
}
#pagebody header #menu-btn span {
	font-size: 28px;
	color: #fff;
	margin:10px 0 0 12px;
	display: block;
}
#pagebody header #sub-btn {
	display: block;
	width: 50px;
	height: 40px;
	position: absolute;
	right: 0;
	top: 0;
}
#pagebody header #sub-btn span {
	font-size: 20px;
	color: #fff;
	margin: 12px 0 0 16px;
	display: block;
}
#mobileContent {
	display: block;
	background:#f0efed;
	height: 100%;
	overflow: hidden;
	overflow-y: auto;
	line-height: 25px;
}
/**
 * 固定的底部
 */	
.footer {
	overflow: hidden;
	color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height:50px;
	width: 100%;
	display: inline-block;
	-webkit-background-clip: content;
	-moz-background-clip: content;
	background-clip: content;
	position: fixed;
	z-index:9999;
	left: 0;
	bottom: 0;
	background:#1d1d1d;
}
.footer div {
	height: 48px;
	width:25%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-background-clip: content;
	-moz-background-clip: content;
	background-clip: content;
	text-align: center;
}
.footer div a {
	display: block;
	height:38px;
	width: 100%;
	color: #999999;
	padding:5px 0 0 0;
}
.footer div a em {
	width:23px;
	display:block;
	margin: 0 auto;
}
.footer div a em img{ max-width:100%;}
.footer div a span {
	display: block;
	clear: both;
	font-size: 12px;
	text-align: center;
}
.footer div i {
	height: 15px;
	font-size: 20px;
	margin: 10px 0 0 0;
	display: block;
}
/**
 * 文章阅读页
 */	
.articleBox {
	line-height: 25px;
	padding:10px 10px 10px 10px;
	color: #666;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.articleTitle {
	clear: both;
	text-align: center;
	padding: 10px 10px 0 10px;
	line-height: 35px;
	font-size: 16px;
}
.articleTime {
	display: block;
	clear: both;
	text-align: center;
	color: #999;
	font-size: 11px;
}
.articleBox img{ max-width:100%;}
.articleViewBt{
	clear: both;
	text-align: center;
}
.articleViewBt a{
	display: inline-block;
	width: 110px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	border-radius: 30px;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing: border-box;
	padding-left: 45px;
	text-align: left;
	margin: 0 10px;
}
.articleViewBt a.a1{
	background:#303030 url(../images/view_ico1.png) no-repeat 15px center;
	background-size: auto 17px;
}
.articleViewBt a.a2{
	background:#b12011 url(../images/view_ico2.png) no-repeat 15px center;
	background-size: auto 20px;
}
/**
 * 全文列表1
 */	
.newsList {
	display: block;
	clear: both;
	overflow: hidden;
	padding:10px 10px 0 10px;
}
.newsList dd {
	display: block;
	overflow: hidden;
	height:80px;
	border: 1px solid #ddd;
	background:#f2f2f2;
	margin:0 0 10px 0;
	border-radius:3px 0 0 3px;
}
.newsList dd a {
	display: block;
	clear: both;
	height:80px;
	overflow:hidden;
}
.newsList_left{
	display:inline;
	float:left;
	width:85px;
	height:80px;
	}
.newsList_left span{
	display:block;
	height:55px;
	line-height:55px;
	text-align:center;
	background:#cdcdcd;
	font-size:38px;
	color:#575757;
	}
.newsList_left em{
	display:block;
	height:24px;
	line-height:24px;
	text-align:center;
	background:#959595;
	border-top:1px solid #959595;
	color:#fff;
	font-style:normal;
	}
.newsList_right{
	height:80px;
	overflow:hidden;
	}
.newsList_right h3{
	clear:both;
	height:20px;
	overflow:hidden;
	line-height:20px;
	text-align:left;
	color:#4f4f4f;
	padding:10px 10px 0 15px;
	font-weight:normal;
	}
.newsList_right .txt{
	color:#808080;
	height:40px;
	line-height:20px;
	text-align:left;
	overflow:hidden;
	padding:0 10px 0 15px;
	margin:3px 0 0 0;
	}
/**
 * 全图列表 newsAllImg 左、右
 */	
.newsAllImg {
	clear: both;
	overflow: hidden;
	padding:3px 3px 10px 3px;
}
.newsAllImg dd {
	overflow: hidden;
	color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 50%;
	display: inline-block;
	float: left;
	padding:5px;
	-webkit-background-clip: content;
	-moz-background-clip: content;
	background-clip: content;
}
.newsAllImg dd a {
	padding: 5px;
	background: #fff;
	display: block;
}
.newsAllImg dd p {
	width: 100%;
	overflow: hidden;
	display: block;
}
.newsAllImg dd p img {
	width: 100%;
}
.newsAllImg dd span {
	display: block;
	clear: both;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	text-align:center;
	padding:0 0 3px 0;
}

/**
 * 图文列表 */	
.newsImgList2{
	display:block;
	clear:both;
	margin:15px;
	}
.newsImgList2 dd{
	display:block;
	margin-bottom:10px;
	}
.newsImgList2 dd a{
	display:block;
	overflow:hidden;
	border:1px solid #d4d4d4;
	border-radius:8px;
	}
.newsImgList2 dd a:hover{
	background:#ebebeb;
	color:#000;
	}
.newsImgList2_t{
	clear:both;
	height:35px;
	line-height:38px;
	font-size:14px;
	font-family:"microsoft yahei";
	overflow:hidden;
	background:#fafafa;
	padding-left:10px;
	color:#b12011;
	border-bottom:1px solid #d4d4d4;
	}
.newsImgList2_c{
	clear:both;
	overflow:hidden;
	position:relative;
	background:#fff;
	padding:10px 0;
	border-bottom:1px solid #d4d4d4;
	}
.newsImgList2_c p{
	width:120px;
	height:80px;
	display:block;
	position:absolute;
	left:10px;
	top:10px;
	}
.newsImgList2_c p img{
	width:120px;
	height:82px;
	}
.newsImgList2_c div{
	height:82px;
	line-height:26px;
	overflow:hidden;
	padding:0 10px 0 140px;
	color:#484848;
	}
.newsImgList2_b{
	clear:both;
	overflow:hidden;
	height:28px;
	line-height:28px;
	color:#aeaeae;
	text-align:right;
	padding-right:25px;
	background:#fafafa;
	}
/**
 * 瀑布流布局
 */	
#container{
	position:relative;
	width:100%;
	margin:5px auto 0 auto;
}
.grid{
	margin:0 5px;
	width:178px;
	min-height:100px;
	font-size:12px;
	float:left;
	font-family:"microsoft yahei";
}
.grid a{
	padding: 5px;
	border-radius: 3px;
	background:#fff;
	display: block;
	box-shadow:0px 0px 5px rgba(153,153,153,0.3);
	}
.grid strong {
	border-bottom:1px dotted #ccc;
	display:block;
	padding:5px 0;
	font-size:14px;
	font-family:"microsoft yahei";
}
.grid img{
	max-width:100%;
	background:#ccc;
	display:block;
}
/**
 * 分享
 */	
.mobileShare {
	width: 100%;
	overflow: hidden;
	overflow-y: auto;
}
.shareBnt {
	height: 40px;
	clear: both;
	padding: 15px 0 0 0;
}
.shareBnt a {
	color: #fff;
	display: block;
	clear: both;
	line-height: 40px;
	text-align: center;
	background: #457fc4;
	border-radius: 6px;
	font-size: 16px;
}
.share {
	clear: both;
	overflow: hidden;
	padding: 0 0 0px 0;
}
.share dl dd {
	overflow: hidden;
}
.share dl dd a {
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#FEFEFE), to(#F3F3F3));
	background: -moz-linear-gradient(#FEFEFE, #F3F3F3);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3F3F3', endColorstr='#E8E8E8');
	display: block;
	overflow: hidden;
	text-decoration: none;
	height: 32px;
	clear: both;
	padding: 5px 0 5px 5px;
}
.share dl dd a span.jiathis_txt {
	width: 99%;
	background: none;
	display: block;
	clear: both;
	height: 32px;
	padding: 0;
}
.share dl dd em {
	width: 32px;
	height: 32px;
	display: block;
	float: left;
	overflow: hidden;
}
.share img {
	width: 32px;
	height: 32px;
}
.share dl dd a span.jiathis_txt p {
	line-height: 32px;
	display: block;
	float: left;
	color: #454545;
	font-size: 14px;
	padding: 0 0 0 6px;
}
.share dl dd a span.jiathis_txt i {
	line-height: 32px;
	display: block;
	float: right;
	color: #454545;
	font-size: 12px;
	padding: 0 10px 0 6px;
}

/**
 * 留言板 message
 */	
.message_dl {
	clear: both;
	padding: 10px 0;
}
.message_dl dd {
	height: 35px;
	padding: 5px 0;
	clear: both;
}
.message_dl dd span {
	width: 80px;
	text-align: right;
	display: block;
	line-height: 35px;
	float: left;
	padding: 0 5px 0 0;
}
.messageInput {
	width: 70%;
	display: block;
	float: left;
	line-height: 35px;
	height: 35px;
	border: 1px solid #e6e6e6;
	background: #fff;
	padding: 0 0 0 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.message_dl dd textarea {
	width: 70%;
	height: 150px;
	border: 1px solid #e6e6e6;
	background: #fff;
	outline: medium;
	padding: 0 0 0 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.message_btn {
	clear: both;
	height: 35px;
	padding: 10px 0 20px 85px;
}
.mobile_btn1 {
	display: block;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	border: none;
	background:#1d1d1d;
	cursor: pointer;
	width:90px;
	margin: 0 5px;         
}

.mobile_btn2 {
	display: block;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	border: none;
	background: rgba(0,118,191,0.85);
	cursor: pointer;
	padding: 0 15px;
	margin: 0 5px;
	color: #fff
}
.messageList {
	clear: both;
	padding: 0 5px;
}
.messageList dd {
	overflow: hidden;
	margin: 5px 0;
	background: #ffffff;
	border: 1px solid #E6E6E6;
	padding: 5px 10px;
	box-shadow: 0px 0px 5px rgba(153,153,153,0.2);
    -moz-border-radius:3px;      /* Gecko browsers */
    -webkit-border-radius:3px;   /* Webkit browsers */
    border-radius:3px;            /* W3C syntax */
}
.messageTitle {
	line-height: 30px;
	clear: both;
	height:30px;
	border-bottom:1px dotted #E6E6E6;
}
.messageTitle span{
	float:left;
	}
.messageTitle i{
	float:right;
	font-size:10px;
	}
.messageContent {
	line-height:20px;
	clear: both;
	padding:8px 0;
}
.messageReply {
	line-height:20px;
	clear: both;
	color: #cc0000;
	border:1px dotted #E6E6E6;
	padding:5px;
	background:#f8f8f8;
}
/**
 * 人才招聘 recruitment
 */	
.recruitment_list {
	clear: both;
}
.recruitment_list dt {
	height: 40px;
	clear: both;
	background: #ececec;
	color: #0076bf;
	font-size: 14px;
	font-family: "microsoft yahei"
}
.recruitment_list dt p, .recruitment_list dd p {
	display: block;
	line-height: 40px;
	height: 40px;
	float: left;
	width: 33%;
	padding: 0 0 0 2%;
}
.recruitment_list dt span, .recruitment_list dd span {
	display: block;
	line-height: 40px;
	height: 40px;
	float: left;
	text-align: center;
	width: 24%;
}
.recruitment_list dt em, .recruitment_list dd em {
	display: block;
	line-height: 40px;
	height: 40px;
	float: left;
	font-style: normal;
	width: 20%;
	text-align: center;
}
.recruitment_list dt i, .recruitment_list dd i {
	display: block;
	line-height: 40px;
	height: 40px;
	float: left;
	font-style: normal;
	width: 21%;
	text-align: center;
}
.recruitment_list dd {
	height: 40px;
	clear: both;
	color: #666;
	background: #f8f8f8;
	border-bottom: 1px solid #E0E0E0;
}
.recruitment_list dd a {
	display: block;
	height: 40px;
}

/**/
.page {
	margin:10px 20px 5px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	overflow:hidden;
	border: 1px solid #ddd;
	border-radius:5px;
}
.page a, .page span {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	display: block;
	border-left: 1px solid #ddd;
	text-align: center;
	color: #888888;
	text-decoration: none;
	line-height:40px;
	background:#fff;
}
.page .select-change-container {
	position: relative
}
.page .select-change-container select {
	position: absolute;
	width: 100%;
	opacity: 0;
	top: 0;
	left: 0;
	height: 40px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-indent: 45px
}
.page .select-change-container .select-page-num {
	display: block;
	height: 37px;
	line-height: 37px
}
.page .select-change-container .select-page-num::after {
	content: '';
	display: block;
	border-top: 5px solid #ddd;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid transparent;
	position: absolute;
	top: 50%;
	margin-top: -2px;
	right: 10px
}
.page .prev-page {
	margin-left: 0;
	color:#888888;
}
.page .next-page {
	margin-right: 0;
	color:#888888;
}
.page .disabled {
	color: #ddd!important
}
.page span {
	background: #fff;
	border: 0
}
.page .next {
	display: block;
	text-align: center
}