@charset "utf-8";
.wangzhantop{
width:100%;
height:460px;
background-color:#2b2d48;
text-align:center;
}
.wangzhanbox1{
width:100%;
height:auto;
overflow:hidden;
}
.wztimu1{
width:1140px;
margin:0 auto;
overflow:hidden;
text-align:center;
}
.wztimu1 h1{
font-size:30px;
font-weight:normal;
line-height:30px;
color:#0083cb;
}
.wztimu1 h2{
font-size:14px;
font-weight:normal;
color:#888;
}
/* section */
.section{width:1140px;margin:0px auto 0px auto;overflow:hidden; margin-top:20px;}
.section ul{width:1200px;}
.section ul li{float:left;margin-right:20px; margin-top:20px;display:inline;width:270px;height:240px;overflow:hidden;position:relative;}
.section ul li .photo{width:270px;height:120px;overflow:hidden;}
.section .rsp{width:270px;height:120px;overflow:hidden;position: absolute;background:#000;top:0px;left:0px;}
.section .text{position:absolute;width:270px;height:1210px;left:-270px;top:0px;overflow:hidden;}
.section .text h3{width:270px;height:120px; }
.section .text a{text-decoration:none; display:block;width:270px;height:76px; text-align:center; padding-top:38px;}
.section .text div{text-align:center;color:#FFFFFF;font-size:18px;}
.miaoshu{
width:270px;
}
.miaoshu h1{
font-size:18px;
font-weight:normal;
padding-top:12px;
}
.miaoshu h2{
font-size:12px;
font-weight:normal;
padding-top:8px;
color:#888;
}
.wangzhanbox2{
width:100%;
height:auto;
overflow:hidden;
background-color:#f5f5f5;
}
#x_contant{
	width:1140px;
	height:200px;
	margin:0 auto;
	position:relative;
	margin-top:40px;
	}
#x_contant ul{
width:1140px;
overflow:hidden;
}
#x_contant ul li{
width:190px;
float:left;
display:inline;
}
#x_contant ul li h2{
font-size:16px;
font-weight:normal;
text-align:center;
padding-top:12px;
}
#x_contant ul li h3{
font-size:12px;
font-weight:normal;
text-align:center;
padding-top:6px;
color:#888;
line-height:22px;
padding-left:15px;
padding-right:15px;
}
#x_contant h1{
	display:block;
	-webkit-transition: -webkit-transform 0.4s ease-out;
	-moz-transition: -moz-transform 0.4s ease-out;
	transition: transform 0.4s ease-out;
	width:94px;
	height:94px;
	background-position:0px -94px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	}
#x_contant h1:hover{
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	transform: rotate(360deg);
	background-position:0px 0px;
	}
#x_contant .xzt1{
	background-image:url(../images/wzicon1.jpg);
	}
#x_contant .xzt2{
background-image:url(../images/wzicon2.jpg);
}
#x_contant .xzt3{
background-image:url(../images/wzicon3.jpg);

}
#x_contant .xzt4{
background-image:url(../images/wzicon4.jpg);

}
#x_contant .xzt5{
background-image:url(../images/wzicon5.jpg);

}
#x_contant .xzt6{
background-image:url(../images/wzicon6.jpg);
}
.wangzhanbox3{
width:100%;
height:auto;
overflow:hidden;
background-image:url(../images/wzbox3bg.jpg);
}
.wangzhanbox3 h1{
text-align:center;
font-size:36px;
font-weight:bold;
color:#fff;
line-height:36px;
}
.wangzhanbox3 h2{
text-align:center;
font-size:18px;
font-weight: normal;
color:#fff;
padding-top:14px;
}
.wangzhanbox3 span{
width:240px;
display:block;
margin-left:auto;
margin-right:auto;
overflow:hidden;
margin-top:60px;
}
.wangzhanbox3 span h3{
float:left;
width:120px;
display:inline;
overflow:hidden;
}
.button2 a {
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	font-size:12px;
	line-height:28px;
	border: 1px solid #fff;
	display: inline-block;
	width:104px;
	height:28px;
	float:left;
	border-radius: 4px;
	text-align:center;
	line-height:28px;
	font-weight:normal;
	display:block;
	margin-left:7px;
	margin-right:7px;
	overflow:hidden;
	
	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
	    -ms-transition: all .25s;
	     -o-transition: all .25s;
	        transition: all .25s;
}

.button2 a:hover {
	background: #fff;
	color: #011c2d;
	border:1px solid #fff;
	text-decoration:none;
}

.wangzhanbox4{
width:100%;
height:auto;
overflow:hidden;
}
/*增值服务*/
.zengzhi{
width:1140px;
height:auto;
margin:0 auto;
overflow:hidden;
margin-top:40px;
}
.zengzhi1{
width:1200px;
overflow:hidden;
}
.one_fourth_box {
	display: block;
	position: relative;
	width: 270px;
	height: 220px;
	background: #f5f5f5;
	overflow: hidden;
	float:left;
	margin-right:20px;
}

.ofb-bg {
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	background: #0083cb;
}
.ofb-img {
	position: absolute;
	top: 120px;
	left: 105px;
	z-index: 10;
}
.ofb-img-bottom {
	position: absolute;
	top: 220px;
	left: 105px;
	z-index: 10;
}
.ofb-text {
	position: absolute;
	top: 25px;
	left: 45px;
	width:180px;
	z-index: 10;
}
.ofb-text-top {
	position: absolute;
	top: -150px;
	left: 45px;
	width: 180px;
	z-index: 10;
}
.ofb-text h5,.ofb-text-top h5 {
font-size:18px;
text-align:center;
}
.ofb-text-top h5 {
font-size:18px;
text-align:center;
color:#fff;
}
.ofb-text p,.ofb-text-top p {
	margin-top:6px; font-size:12px; line-height:20px;
	color:#888;
	text-align:center;
}
.ofb-text-top p {
	margin-top:6px; font-size:12px; line-height:20px;
	color:#888;
	text-align:center;
	color:#fff;
}