/* CSS Document By http://www.qhdsudu.com  http://www.bytul.com 2013年06月16日11:00*/
@import url(reset.css);
@import url(base.css);
body {
	font-family:Microsoft Yahei, Arial, Helvetica, sans-serif; 
	font-size:16px;
	font-weight:normal;
	background: #eeeeee;
}

/*GLOBE STYLE*/
a{color:#404040; text-decoration:none;/* transition: all 0.2s ease 0s;transition: background-color 0.3s ease-in 0.2s, color 0.1s ease-in 0.1s;*/}
a:hover{ color:#404040; text-decoration:none;}
.clear{ width:100%; height:0px; line-height:0px; font-size:0px; clear:both;}

header{
	height: 58px; background:#231881; background-size: 100% 100%;
	padding: 0px 15px; position: relative;
}
header a.logo{
	margin-top: 11px; float: left;
}
header a.logo img{
	height: 36px;
}
header form{
	position: absolute; right: 10px; background: #fff; height: 25px; border-radius: 3px;
	width: 33%; top: 26px; padding: 0px 5px;
}
header form input[type='text']{
	height: 25px; border:none; background: none; width: 100%；
}
header form input[type='submit']{
	height: 20px; width: 20px; background: url(../images/search-icon.png) 0px 0px no-repeat;
	background-size: 15px 15px; position: absolute; right: 0px; border:none; top: 5px;
}


.wx_pic{
	width: 100%; height: 100%; position: fixed; top: 0px; left: 0px;
	z-index: 9999;
	background-color: rgba(255, 255, 255, 0.8);
	-webkit-backdrop-filter: blur(10px) saturate(180%);
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
	-webkit-transition: .5s;
	transition: .5s;
	display: none;
}
.wx_pic a{
	position: absolute; right: 20px; top: 20px;
	height: 30px; width: 30px; border-radius: 30px; 
	font-size: 16px; background-color: #ff0028;
	color: #fff; line-height: 30px; text-align: center;
}





.right-bar{
	height: 30px; position: absolute; top: 0px; color: #fff; right: 10px; line-height: 30px;
	font-size: 12px;
}
.right-bar a,.right-bar span{
	color: #fff; display: inline-block; height: 25px; float: left;
}
.right-bar span{
	padding: 0px 3px;
}
.right-bar a.sousuo{
	display: inline-block; background: url(../images/ss.png) 3px 7px no-repeat;
	background-size: 15px 15px; width: 25px; height: 25px;
}

nav{
	font-size: 13px; padding: 5px 0px; background: #fff;
	overflow:hidden;
}
nav li{
	width: 20%; float:left; display: inline;
}
nav li a{
	display: block; width: 100%; text-align: center; height: 22px; line-height: 22px;
}
nav li a.more{
	color: #e40000;
}
nav .hidden_nav{
	padding: 15px 0px;
	background-color: #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 134px;
	z-index: 9999;
	background-color: rgba(255, 255, 255, 0.8);
	-webkit-backdrop-filter: blur(10px) saturate(180%);
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
	-webkit-transition: .5s;
	transition: .5s;
	display: none;
}
nav .hidden_nav a{
	float: left; display: block; width: 20%; height: 22px; line-height: 22px;
	text-align: center;
}

.banner{
	height: 210px; width: 100%; overflow: hidden;
}
.banner li a{
	display: block; width: 100%; height: 100%; position: relative;
}
.banner li a img{
	width: 100%; height: 210px;
}
.banner li a p{
	position: absolute; display: block; padding: 0px 10px; height: 33px;
	line-height: 33px; font-size: 14px; color: #000;
	bottom: 0px; left: 0px; background: url(../images/title-bg.png);
	width: 100%;
}

.index-pro-title{
	height: 33px; font-size: 18px; font-weight: bold;
	color: #333; line-height: 33px; padding: 10px 10px 0 10px;
	border-bottom: 2px #ccc solid;
}
.index-pro-c{
	padding: 0px 0px 0px 0px;
	overflow: hidden; position: relative; height: 115px;
	float: left;
}
.index-pro-c ul{
	height: 92px; overflow:hidden;
	background: #333;
	padding-top: 6px;
}
.index-pro-c li{
	width: 23%;
	margin: 5px 1%;
	float: left;
}
.index-pro-c li a{
	width: 100%; height: 28px; display: block; line-height: 26px; float: left;
	text-align: center; font-size: 13px; color: #fff; background: url(../images/index-shouce-bg.png);
	background-position: top center;
	border-radius:4px;
	box-shadow: 0 1px 1px #444;
	text-shadow: 0 1px 1px #cc0000;
}
.index-pro-c li a:hover{
	
}
.index-pro-c a.more{
	display: block; height: 25px; line-height: 25px; color: #fff;
	text-align: center; width: 100%; background: #333 url(../images/pro-more.png) center no-repeat;
	background-size: 20px; position: absolute; bottom: 0px;
	z-index: 999;
}

.index-pro-c a.up{
	display: block; height: 25px; line-height: 25px; color: #fff;
	text-align: center; width: 100%; background: #333 url(../images/pro-more2.png) center no-repeat;
	background-size: 20px; position: absolute; bottom: 0px;
	z-index: 999;
}

/*文章列表 tab*/
.art{
	width: 100%; background: #fff; overflow: hidden;
	height: auto;
}
.art-title-tab{
	border-bottom: 1px #deddde solid; padding: 0px 10px;
	overflow: hidden;
}
.art-title-tab li{
	float: left; display: inline-block; font-size: 18px; font-weight: bold;
	margin-right: 15px; padding: 0px 0px 5px 0px;
}
.art-title-tab li.on{
	border-bottom: 2px #e40000 solid; color: #e40000; padding-bottom: 3px;
}
.art-list{
	overflow: hidden; height: auto; background: #fff;
}
.art-list li{
	border-bottom: 1px #e8e8e8 solid; overflow: hidden;
}
.art-list li a{
	display: block; overflow: hidden;
	padding: 10px 10px;
}
.art-list li a img{
	width: 80px; float: left; margin-right: 10px; height: 80px;
	border-radius: 5px;
}
.art-list li a .r{
	margin-top: -2px;
}
.art-list li a .r h3{
	font-size: 15px; height: 66px; line-height: 22px;
}
.art-list li a .r span{
	font-size: 13px; color: #aaa; margin-top: 4px; display: block;
}
.art-list a.more{
	width: 100%; height: 45px;
	display: block; background: url(../images/more-bg.png) center no-repeat;
	background-size: 20px;
	font-size: 15px; color: #888; text-align: center; line-height: 45px;
}


.ad{
	width: 100%; overflow: hidden;
}
.ad img{
	width: 100%; float: left;
}

.index-video{
	overflow:hidden; padding: 0px 10px;
}
.index-video ul li{
	border-bottom: none; width: 100%;
}
.index-video ul li a{
	display: block; width: 100%; height: 100%; position: relative;
}
.index-video ul li img{
	min-height: 200px; width: 100%;
}
.index-video ul li a span{
	height: 40px; line-height: 40px; font-size: 15px; color: #fff; display: block;
	position: absolute; bottom: 0px; width: 96%;
	background: #000; padding: 0 2%;
}

.title-list{
	
}
.title-list li{
	border-bottom: 1px #e8e8e8 solid; padding: 10px 10px;
}
.title-list li a{
	display: block; width: 100%; height: 100%;
}
.title-list li a h3{
	width: 100%; font-size: 15px;
}
.title-list li a span{
	font-size: 13px; color: #aaa;
}

footer{
	background: #333; font-size: 13px; color: #a8a8a8;
	padding: 10px 0px; text-align:left;
}
footer .in{
	width: 95%; margin: 0 auto;
}
footer a,footer a:hover{
	color: #a8a8a8;
}

.mb{
	font-size: 14px; color: #666; padding: 10px 10px;
}

.show{
	background: #fff;
	padding: 20px 10px;
}
.show h1.title{
	font-size: 22px; color: #000; line-height: 30px; font-weight: bold;
}
.show span.info{
	font-size: 13px; color: #aaa; display: block; margin-top: 3px;
}
.show .show-content{
	font-size: 15px; color: #333; line-height: 26px; padding: 20px 0px;
}
.show .show-content p{
	padding: 0px 0px 10px 0px; text-indent: 2em;
}

.show .show-content h2.subtitle{
	font-size: 16px; font-weight: bold; color: #e40000;
	border-bottom: #e8e8e8 1px solid; margin-bottom: 10px;
}

.show .show-content img{
	width: 100%;
}

.pro-pos{
	border-bottom: 1px #e40000 solid; font-size: 18px; color: #333;
	padding: 10px 10px; background: #fff;
}
.pro-pos a{
	color: #333;
}

.pro-search{
	padding: 10px;
}
.pro-search h4{
	font-size: 15px; font-weight: bold; color: #777; width: 100%;
}
.pro-search .cate{
	padding: 0px 0px 10px 0px; float: left; overflow: hidden;
}
.pro-search .cate select{
	width: 100%; height: 25px; float: left;
}
.pro-search .cate a{
	display: block; float: left; margin-right: 5px; padding: 3px 5px;
	background: #fff; margin-top: 5px; font-size: 12px;
}
.pro-search .cate a.on{
	background: #e40000; color: #fff;
}
.pro-search form{
	
}
.pro-search form input[type='text']{
	border:0; height: 30px; background: #fff;
	width: 100%;
}
.pro-search form input[type='submit']{
	position: absolute; right: 10px; height: 30px; width: 30px;
	border:0; background: url(../images/search-icon.png) 5px 7px no-repeat;
	background-size: 15px 15px;
}

.pro-list{
	padding: 20px 10px 0px 10px; background: #fff; overflow: hidden;
}
.pro-list li{
	width: 48%; height: auto;  margin-top: 20px;
}
.pro-list li a{
	display: block; width: 100%; height: 100%;
}
.pro-list li a img{
	width: 100%; height: 160px;
}
.pro-list li a h3{
	font-size: 15px; height: 40px; line-height: 20px; overflow: hidden;
}
.pro-list li a span{
	font-size: 13px; color: #888; margin-top: 5px; display: block;
	height: 30px; line-height: 15px; overflow: hidden;
}

a.get_more{
	width: 100%; height: 60px;
	display: block; background: url(../images/more-bg.png) center no-repeat;
	background-size: 20px;
	font-size: 15px; color: #888; text-align: center; line-height: 60px;
}

 .list-tips{
 	padding: 30px 10px;
 }


a.gototop{
	position: absolute; right: 20px; bottom: 60px;
	width: 40px; height: 40px; background: url(../images/gototop.png); background-size: 40px 40px;
	opacity: 0.5; position: fixed; display: none;
}

a.refrash{
	position: absolute; right: 20px; bottom: 110px;
	width: 40px; height: 40px; background: url(../images/refrash.png); background-size: 40px 40px;
	opacity: 0.5; position: fixed; display: none;
}