@charset "utf-8";
.flexslider, .flexslider *{
	transition:none;
	-webkit-transition:none;
	-ms-transition:none;
	-o-transition:none;
	-moz-transition:none}
.flexslider { margin: 0px auto; position: relative; width: 100%; height: 480px; overflow: hidden; zoom: 1; }
.flexslider .slides li { width: 100%; height: 100%; }
.flexslider .slides li a{ display: block; width: 100%; height: 100%; }
.flex-direction-nav a { width: 70px; height: 70px; line-height: 99em; overflow: hidden; margin: -35px 0 0; display: block; background: url(../image/b.png) no-repeat; position: absolute; top: 50%; z-index: 10; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease; border-radius: 35px; }
.flex-direction-nav .flex-next { background-position: 0 -70px; right: 0; }
.flex-direction-nav .flex-prev { left: 0; }
.flexslider:hover .flex-next { opacity: 0.8; filter: alpha(opacity=25); }
.flexslider:hover .flex-prev { opacity: 0.8; filter: alpha(opacity=25); }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; filter: alpha(opacity=50); }
.flex-control-nav { width: 100%; position: absolute; bottom: 10px; text-align: center; }
.flex-control-nav li { margin: 0 2px; display: inline-block; zoom: 1;  *display: inline;}
.flex-control-paging li a { background: url(../image/dot.png) no-repeat 0 -16px; display: block; height: 16px; overflow: hidden; text-indent: -99em; width: 16px; cursor: pointer; }
.flex-control-paging li a.flex-active, .flex-control-paging li.active a { background-position: 0 0; }
.flexslider .slides a img { width: 100%; height:480px; display: block; }
.b-3{
	width: 999px;
	height: 180px;
	margin: 55px auto;
	background: url(../image/b-3.png) no-repeat top center;
}
.b-3 li{
	width:303px;
	height: 180px;
	float: left;
	text-align: center;
	margin: 0 15px;
}
.b-3 li a{
	width:100%;
	height: 112px;
	padding-top:68px;
	display: block;
}
.b-3 .b-t{
	width:100%;
	height:40px;
	line-height: 40px;
	display: block;
	text-align: center;
	font-size: 18px;
}
.b-3 .b-e{
	width: 100%;
	height: 15px;
	line-break: 15px;
	font-size: 12px;
	color: #aaa;
	display: block;
	text-align: center;
}
.b-3 em{
	width: 45px;
	height: 1px;
	margin: 8px auto;
	background-color: #000;
	display: block;
}
.b-3 i{
	width: 80%;
	max-height: 44px;
	line-height: 22px;
	color: #888;
	font-family: '宋体';
	font-size: 12px;
	font-style: normal;
	margin: 0 auto;
	display: block;
}
.c{
	width: 100%;
	height: 500px;
	background: rgb(25, 25, 25) url(../image/c.jpg) no-repeat top center;
	text-align: center;
}
.c h1{
	line-height: 50px;
	text-align: center;
	font-size: 24px;
	color: #fff;
	font-weight: normal;
	padding-top: 40px;
}
.c h2{
	line-height: 12px;
	text-align: center;
	font-size: 12px;
	color: #ddd;
	font-weight: normal;
}
.s{
	width: 1000px;
	height: 136px;
	margin: 85px auto 0;
}
.s li{
	width: 20%;
	height: 136px;
	float: left;
	line-height: 136px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	background: url(../image/y.png) no-repeat center;
	transition: font-size .3s cubic-bezier(1,0,0,1);
}
.s li:hover{
	font-size:22px;
}
.c a{
	width: 228px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	display: block;
	background-color: #005db2;
	margin: 85px auto 0;
	border-radius: 4px;
	transition: all .3s ease 0;
}
.c a:hover{
	/*background-color: #006db2;*/
}
.ss{
	width: 100%;
	height: 420px;
	background: url(../image/s.png) repeat-x;
}
.scroll {
    width: 900px;
    height: 360px;
    margin: 50px auto 0px;
    padding: 60px 50px 0;
}
#toleft, #toright{
    width: 37px;
    height: 73px;
    cursor: pointer;
    position:relative;
    z-index: 10;
}
#toleft {
	background: url(../image/l.png) no-repeat center;
	top: 220px;
	right: 50px;
}
#toright {
	background: url(../image/r.png) no-repeat center;
	bottom: 213px;
	left: 913px;
}
#piclist{
	height:360px;
	overflow: hidden;
	position: relative;
	bottom: 73px;
}
.box{
	width: 248px;
	height: 360px;
	margin: 0 26px;
	float: left;
	background-color: #fff;
}
.box a{
	display: block;
	width: 100%;
	height: 100%;
}
.box span{
	padding: 10px;
	line-height: 25px;
	max-height: 70px;
	overflow: hidden;
	display: block;
	font-size: 16px;
}
.box p{
	width: 248px;
	height: 230px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.box img{
	max-width: 100%;
	max-height: 230px;
	width: auto;
	height: auto;
}
.box i{
	padding:0 10px;
	height: 60px;
	line-height: 20px;
	color: #aaa;
	font-style: normal;
	font-size: 12px;
	display: block;
}
.n{
	width: 1020px;
	height: 380px;
	margin: 65px auto;
}
.n h1{
	text-align: center;
	font-size: 24px;
	line-height: 50px;
	font-weight: normal;
}
.n h2{
	text-align: center;
	background: url(../image/n-b.png) no-repeat center;
	font-size: 12px;
	font-weight: normal;
}
.h{
	width: 1020px;
	height: 100px;
	margin-top: 65px;
}
.h li{
	width: 420px;
	height: 100px;
	float: left;
	margin: 0 45px;
}
.h div{
	float: left;
	margin-right: 15px;
	width: 135px;
	height: 100px;
}
.h a{
	display: block;
}
.h a.i{
	width:135px;
	height: 100px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.h img{
	max-width: 100%;
	max-height: 100%;
}
.h a.t{
	width: 270px;
	height: 30px;
	line-height: 30px;
	color: #333;
	float: right;
	font-size: 16px;
	overflow: hidden;
}
.h a.t:hover{
	color: #015db2;
	text-decoration: underline;
}
.h span{
	width: 270px;
	height: 40px;
	line-height: 20px;
	float: right;
	font-size: 12px;
	overflow: hidden;
	color: #999;
}
.h p{
	width: 270px;
	height: 30px;
	float: right;
}
.h i{
	line-height: 30px;
	font-style: normal;
	font-size: 10px;
	color: #999;
}
.h a.m{
	width: 77px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	background: url(../image/m.png) no-repeat center;
	float: right;
}
.h a.m:hover{
	background: url(../image/m-h.png) no-repeat center;
}
.h ul{
	width: 270px;
	height: 100px;
	float: right;
	overflow: hidden;
}
.h ul li{
	width: 270px;
	height: 25px;
	margin: 0;
}
.h ul a.t{
	width: 200px;
	height: 25px;
	line-height: 25px;
	font-size: 14px;
	overflow: hidden;float: left;
}
.h ul i{
	float: right;
	line-height: 25px;
}
.d{
	width: 100%;
	height: 200px;
	padding: 35px 0;
	border-top: 10px solid #dbdbdb;
	background: #f5f5f5 url(../image/d.png) no-repeat top center;
}
.dd{
	width: 1000px;
	height: 200px;
	margin: 0 auto;
}
.dd h1{
	line-height: 60px;
	color: #333;
	font-weight: normal;
	font-size: 16px;
}
.y{
	width: 290px;
	height: 200px;
	overflow: hidden;
	float: left;
}
.d a{
	line-height: 28px;
	float: left;
	margin-right: 20px;
	font-size: 12px;
	color: #666;
}
.d a:hover{
	color: #000;
	text-decoration: underline;
}
.p{
	width: 180px;
	height: 200px;
	float: left;
	margin-left: 100px;
}
.p a,.x a{
	padding-left: 25px;
	display: block;
	background: url(../image/a.png) no-repeat left center;
}
.p a:hover,.x a:hover{
	background-position: 5px center;
}
.x a:hover{
	text-decoration: none;
}
.x{
	width: 320px;
	height: 200px;
	float: left;
	margin-left: 110px;
}