@charset "utf-8";
/* CSS Document 
@font-face
{
font-family: myFirstFont;
src:url('../fonts/AvenirLTStd-Roman.otf');
}
*/
body{margin:0 auto; width:100%; font-size:12px; padding:0; color:#585858; width:100%; background-color:#fff; font-family:微软雅黑,Arial;
}
ul,li,p,h1,h2,h3,h4,h5,h6,span,dl,dt,dd,a{padding:0; margin:0;}
li{ list-style:none;}
a{ text-decoration:none; color:#666;}
a:hover{ text-decoration:none;}
img{ border:none; max-width:100%;}
.c{ clear:both; padding:0;}

.head{background:#fff; width:100%; overflow:auto;}
.head_2{width:1200px; margin:0 auto; overflow:hidden;}
.logo{ float:left; width:191px;}
.nav{ float:right; width:900px; padding-top:25px;}
.nav li{ float:left; font-size:17px; text-align:center;}
.nav li a{float:left; height:55px; line-height:36px; padding:0 19px; margin:0 15px; border:1px solid #FFF; border-radius:15px;}
.nav li a p{ height:12px; line-height:12px; font-size:12px;}
.nav li a:hover{ background-color:#33ace1; color:#FFF;}
#nava{background-color:#33ace1; color:#FFF;}

.banner{ float:left; width:100%; margin-bottom:70px;}
.bx-wrapper .bw9{ display:none;}
.banner_n{ float:left; width:100%; background-color:#f8f8f8;}

.index_1{width:1200px; margin:0 auto; z-index:10; position:relative;}
.index_1l{ float:left; width:36%; background:url(../images/fdgc.jpg) 0 0 no-repeat; padding:2% 2%;}
.index_1l img{ width:100%;}
.index_1z{ float:right; width:53%;}
.index_1z h2{ height:70px; line-height:70px; font-size:25px; background:url(../images/gfht.jpg) 0 bottom no-repeat; font-weight:400; margin-bottom:43px;}
.index_1z h2 span{font-size:12px; color:#CCC;}
.index_1z h2 span b{font-size:25px; font-weight:300;}
.index_1z p{ line-height:30px; font-size:15px; margin-bottom:80px; color:#999999;}
.index_1z a{ float:left; width:160px; text-align:center; color:#008bc7; height:34px; line-height:30px; font-size:13px; border:1px solid #008bc7; border-radius:15px;}
.index_1z a span{font-size:19px;}
.index_1z a:hover{ background-color:#008bc7; color:#FFF;}

.index_2b{width:100%; float:left; background-color:#f8f8f8; margin-top:60px; padding-bottom:50px;}
.index_2{width:1200px; margin:0 auto; background:url(../images/fbgf.jpg) center top no-repeat; margin-top:-161px; padding-top:181px; z-index:1; position:relative; height:480px;}
.index_2 h2{ height:70px; line-height:70px; font-size:25px; background:url(../images/gfbj.jpg) 0 bottom no-repeat; font-weight:400; margin-bottom:93px; position:relative; z-index:-1;}
.index_2 h2 span{font-size:12px; color:#CCC;}
.index_2 h2 span b{font-size:25px; font-weight:300;}
.index_2 dl{ float:left; width:30%; margin:0 1.5%;}
.index_2 dl a img{float:left; width:100%; border:0px solid #f8f8f8; border-radius:15px; z-index:1; position:relative; margin-top:-120px;}
.index_2 dl p{ width:0px; height:60px; margin:0 auto; z-index:-1; position:relative; overflow:hidden;}
.index_2 dl:hover p{ width:60px; height:60px; margin:0 auto; z-index:10; position:relative;}
.index_2 dl div{ float:left; width:94%; margin:0 3%; border:0px solid #f8f8f8; border-radius:15px;  margin-top:-60px; z-index:10; position:relative; background:url(../images/cxve.png) center 15px no-repeat; background-color:rgba(248,248,248,.8); padding-top:15px;}
.index_2 dl dt{float:left; font-size:17px; line-height:40px; padding:0 25px; margin-bottom:6px;}
.index_2 dl dt a font{ font-size:10px; padding-left:5px; line-height:10px;}
.index_2 dl dt a{ float:left; width:100%;}
.index_2 dl dt span{ height:1px; width:55px; float:left; background-color:#0090ce; margin-top:5px;}
.index_2 dl dd{float:left; padding:0 25px; font-size:15px; line-height:30px;}

.index_2l{width:162px; margin:0 auto; margin-top:50px;}
.index_2l a{ float:left; width:160px; text-align:center; color:#008bc7; height:34px; line-height:30px; font-size:13px; border:1px solid #008bc7; border-radius:15px;}
.index_2l a span{font-size:19px;}
.index_2l a:hover{ background-color:#008bc7; color:#FFF;}

.foot_s{width:100%; float:left; height:119px; padding-top:40px; color:#FFF; background:url(../images/foot.jpg) center bottom no-repeat #33ace1;}
.foot{width:100%; float:left; height:119px; padding-top:40px; color:#FFF; background:url(../images/foot.png) center bottom no-repeat;}
.foot_l{width:1200px; margin:0 auto;}
.foot_ll{ float:left; width:40%; font-size:12px; line-height:30px;}
.foot_lz{ float:right; width:50%; text-align:right; line-height:40px; font-size:15px;}

.return{ width:80px; bottom:200px; right:50px; position:fixed; z-index:100; display:none;}
.return li{ width:100%; height:70px; text-align:center; margin-bottom:5px;}

.page-pagination {
	width: 100%;
	margin-top: 30px;
	text-align: center;
}
.page-pagination a {
	display: inline-block;
	margin: 0 5px;
	padding: 3px 10px;
	cursor: pointer;
	text-decoration: none;
	color: #5b5b5b;
	border: 1px solid #ccc;
	border-radius:5px;
}
.page-pagination a:hover {
	color: #fff;
	border-color: #0078c4;
	background-color: #0078c4;
}
.page-pagination a.jp-disabled {
	cursor: no-drop;
	opacity: .5;
}
.page-pagination a.jp-disabled:hover {
	color: #5b5b5b;
	border-color: #ddd;
	background-color: #fff;
}
.page-pagination a.jp-current {
	cursor: default;
	color: #fff;
	border-color: #0078c4;
	background-color: #0078c4;
}
@media screen and (max-width: 1220px){
.head_2{width:100%; margin:0 auto;}
.nav li a{float:left; height:36px; line-height:36px; padding:0 19px; margin:0 14px; border:1px solid #FFF; border-radius:15px;}
}
@media screen and (max-width: 1200px){
.head_2{width:100%; margin:0 auto;}
.index_1{width:100%; margin:0 auto; z-index:10; position:relative;}
.index_2{width:100%; margin:0 auto; background:url(../images/fbgf.jpg) center top no-repeat; margin-top:-161px; padding-top:181px; z-index:1; position:relative; height:auto;}
.foot{width:100%; float:left; height:auto; padding-top:40px; color:#FFF; background:url(../images/foot.png) center top no-repeat #33ace1;}
.foot_s{width:100%; float:left; height:auto; padding-top:40px; color:#FFF; background:url(../images/foot.jpg) center top no-repeat #33ace1;}
.foot_l{width:100%; margin:0 auto;}
}
@media screen and (max-width: 1110px){
.nav{ float:right; width:750px; padding-top:25px;}
.nav li{ float:left; font-size:17px; text-align:center;}
.nav li a{float:left; height:36px; line-height:36px; padding:0 17px; margin:0 10px; border:1px solid #FFF; border-radius:15px;}
.nav li a:hover{ background-color:#33ace1; color:#FFF;}
}
@media screen and (max-width: 960px){
.head_2{width:100%; margin:0 auto;}
.nav{ display:none;}

.index_1z{ float:right; width:53%;}
.index_1z h2{ height:70px; line-height:70px; font-size:19px; background:url(../images/gfht.jpg) right bottom no-repeat; font-weight:400; margin-bottom:43px;}
.index_1z h2 span{font-size:12px; color:#CCC;}
.index_1z h2 span b{font-size:19px; font-weight:300;}
.index_1z p{ line-height:30px; font-size:14px; margin-bottom:80px; color:#999999;}
.index_1z a{ float:left; width:160px; text-align:center; color:#008bc7; height:34px; line-height:30px; font-size:14px; border:1px solid #008bc7; border-radius:15px;}
.index_1z a span{font-size:19px;}
.index_1z a:hover{ background-color:#008bc7; color:#FFF;}

.index_2 h2{ height:70px; line-height:70px; font-size:19px; background:url(../images/gfbj.jpg) right bottom no-repeat; font-weight:400; margin-bottom:93px; position:relative; z-index:-1;}
.index_2 h2 span{font-size:12px; color:#CCC;}
.index_2 h2 span b{font-size:19px; font-weight:300;}
.index_2 dl{ float:left; width:30%; margin:0 1.5%;}
.index_2 dl a img{float:left; width:100%; border:0px solid #f8f8f8; border-radius:15px; z-index:1; position:relative; margin-top:-120px;}
.index_2 dl p{ width:0px; height:60px; margin:0 auto; z-index:-1; position:relative; overflow:hidden;}
.index_2 dl:hover p{ width:60px; height:60px; margin:0 auto; z-index:10; position:relative;}
.index_2 dl div{ float:left; width:98%; margin:0 1%; border:0px solid #f8f8f8; border-radius:15px;  margin-top:-60px; z-index:10; position:relative; background:url(../images/cxve.png) center 15px no-repeat; background-color:rgba(248,248,248,.8); padding-top:15px;}
.index_2 dl dt{float:left; font-size:15px; line-height:40px; padding:0 10px; margin-bottom:6px;}
.index_2 dl dt a{ float:left; width:100%;}
.index_2 dl dt span{ height:1px; width:55px; float:left; background-color:#0090ce; margin-top:5px;}
.index_2 dl dd{float:left; padding:0 10px; font-size:14px; line-height:30px;}

.foot_l{width:98%; margin:0 auto; padding:0 1%;}
.foot_lz{ float:right; width:100%; text-align:right; line-height:40px; font-size:14px;}
}

@media screen and (max-width: 480px){
.index_1{ width:96%; margin:0 2%;}
.index_1l{ float:left; width:96%; background:url(../images/fdgc.jpg) 0 0 no-repeat; padding:2% 2%;}
.index_1l img{ width:100%;}
.index_1z{ float:right; width:98%; padding:2% 1%;}

.index_2{ width:96%; margin:0 2%; padding-top:30px;}
.index_2 dl{ float:left; width:98%; margin:0 1%; height:340px;}
.index_2 dl div{ float:left; width:98%; margin:0 1%; border:0px solid #f8f8f8; border-radius:15px;  margin-top:-60px; z-index:10; position:relative; background-image:none; background-color:rgba(248,248,248,.8); padding-top:15px;}

.index_2l{width:162px; margin:0 auto; margin-top:-100px;}
.index_2l a{ float:left; width:160px; text-align:center; color:#008bc7; height:34px; line-height:30px; font-size:14px; border:1px solid #008bc7; border-radius:15px;}
.index_2l a span{font-size:19px;}
.index_2l a:hover{ background-color:#008bc7; color:#FFF;}

.foot_ll{ float:left; width:100%; font-size:12px; line-height:30px;}
.foot_lz{ float:right; width:100%; text-align:right; line-height:40px; font-size:12px;}

.return{ width:40px; bottom:200px; right:1px; position:fixed; z-index:100; display:none;}
.return li{ height:auto; text-align:center; margin-bottom:5px;}
.return li img{ width:100%;}
}
@media screen and (max-width: 380px){
.index_2 dl{ float:left; width:98%; margin:0 1%; height:300px;}	
}