﻿/* CSS Document */
/*样式初始化*/
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 {margin: 0;padding: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}
body, button, input, select, textarea {font: 12px/1.5 tahoma, arial, \5b8b\4f53;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
address, cite, dfn, em, var {font-style: normal;}
code, kbd, pre, samp {font-family: couriernew, courier, monospace;}
small {font-size: 12px;}
ul, ol {list-style: none;}
a {text-decoration: none;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
legend {color: #000;}
fieldset, img {border: 0;}
button, input, select, textarea {font-size: 100%;}
table {border-collapse: collapse;border-spacing: 0;}
/*清除浮动1*/
.clear {*zoom: 1;}
.clear:after {content: " ";display: block;height: 0;clear: both;}

html{font-size: 20px;}
body{font-family: arial,"微软雅黑";background: #eee;}
img{width: 100%;vertical-align: middle;}

.main-wrap{padding: 0 2.25rem;}

.header-top{position: relative;}
.header-top h1{position: absolute;left:51%;top:36%;font-size: 1.65rem;line-height: 2.5rem;color: #fff;letter-spacing: 1px;}
.header-top h1 span{display:block;font-size: 0.6rem;line-height: 1.25rem;font-weight: normal;letter-spacing: 0.1rem;word-spacing: 0.4px;}
.header-top .home,.header-top #navBnt{position: absolute;right: 1.5rem;width: 2.55rem;height: 2.55rem;background-size: cover;background-position: center;transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;}
.header-top .home{background: url(../img/homeBj.png) no-repeat;top: 0.8rem;}
.header-top #navBnt{background: url(../img/navBntBj.png) no-repeat;top: 4.8rem;transform: rotateZ(0);-webkit-transform: rotateZ(0);-moz-transform: rotateZ(0);-o-transform: rotateZ(0);-ms-transform: rotateZ(0);}
.header-top #navBnt.active{transform: rotateZ(180deg);-webkit-transform: rotateZ(180deg);-moz-transform: rotateZ(180deg);-o-transform: rotateZ(180deg);-ms-transform: rotateZ(180deg);}
.header-top .home,.header-top #navBnt{position: absolute;right: 1.5rem;width: 2.55rem;height: 2.55rem;background-size: cover;background-position: center;transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;}
.header-nav{background: #dfedfc;overflow: hidden;transition: all 0.6s ease-out;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-ms-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;}
.header-nav ul{padding: 10px 0;overflow: hidden;}
.header-nav ul li{width: 25%;float: left;text-align: center;font-size: 1.1rem;line-height: 1.9rem;font-weight: normal;}
.header-nav ul li a{display: block;color: #000;}
.banner{position: relative;width: 100%;border-bottom: 1px solid #91908d;overflow: hidden;}
.banner ul{position: relative;left: 0;transition: all 0.6s ease-out;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-ms-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;}
.banner ul li{float: left;}
.banner .text{position: absolute;bottom: 0;left: 0;width: 100%;height: 5rem;background: url(../img/bannerBJ1.png);background-size: cover;text-align: center;}
.banner .text p{font-size: 1.4rem;color: #fff;padding-top: 0.5rem;line-height: 2;font-weight: 100;opacity: 0;transition: all 0.6s linear;-webkit-transition: all 0.6s linear;-moz-transition: all 0.6s linear;-ms-transition: all 0.6s linear;-webkit-transition: all 0.6s linear;position: absolute;top: 4px;width: 100%;}
.banner .text ol{position: absolute;bottom: 4px;width: 100%;}
.banner .text ol li{display: inline-block;width: 24px;height: 6px;}
.banner .text ol li:after{content: '';display: inline-block;position:relative;left:0;width: 14px;height: 6px;background: #b5b5b5;border-radius: 4px;margin: 0 4px;transition: all 0.6s linear;-webkit-transition: all 0.6s linear;-moz-transition: all 0.6s linear;-ms-transition: all 0.6s linear;-webkit-transition: all 0.6s linear;}
.banner .text ol li.active:after{width: 24px;background: #fff;left: -5px;;}
.footer{/*background: #00479d;padding: 20px 0;line-height: 2.9rem;font-size: 1.3rem;color: #fff;*/}
.footer .text{text-align: center;}

.topli{
	background: #88abda;
	font-size: 0.6rem;
	width: 100%;	
	height: 2rem;
}
.topli ul li{
	width: 30%;
	float:left;
	color: #FFFFFF;
	text-align: center;
	padding: 0.3rem;
}
.topli ul li a{
	font-size: 0.7rem;
	color: #FFFFFF;
	font-weight: bold
	
}
.articel-list-cont h2{position: relative;}
.articel-list-cont h2:before{content: '';width:1rem;height:100%;position:absolute;top:0.2rem;left:-1rem;background: url(../img/titlebj.png) no-repeat;background-position: center;background-size: 100% auto;}
.articel-list-cont h2 a{border-bottom: 3px solid #1e61c6;padding: 0.6rem;}