.head_bg{
	background: linear-gradient(to right, #012da1, #36c);
}
.w{
	width: 1400px;
	margin: 0 auto;
}
.logo{
	margin: 30px 0;
}
.logo img{height:80px;float:left;}
.siteName{float:left;width:385px;margin-top: 10px;}
.siteName .cn{font-size:32px;color:#fff;}
.siteName .en{font-size:16px;color:#fff;margin-top: 5px;}
.head a{
	color: #fff;
	width: 110PX;
	height: 36px;
	line-height: 36px;
	border-radius: 5px;
	display: inline-block;
	text-align: center;
	font-size: 18px;
	float: right;
	margin-top: 48px;
}
.head a span{font-size: 18px;}
.gsjj{
	background: url(../img/jianjiebg.jpg) no-repeat top center;
	background-size: cover ;
	padding-top: 70px;
}
.gsjj .w{
	text-align: center;
	
}
.title{
	line-height: 120px;
	margin: 0px auto 60px;
}
.gsjj .title{
	background: url(../img/tit1.png) no-repeat bottom center;
}
.title h1{
	font-size: 60px;
	color: #333;
}
.cont p{
	font-size: 18px;
	line-height: 42px;
	text-align: justify;
        text-indent:2em;
}
.cont img{
	width: 427px;
	height: 322px;
	padding: 70px 33px;
}
.zzry{
	background: url(../img/bg2.jpg) no-repeat top center;
	background-size: cover ;
	padding-top: 70px;
	padding-bottom: 124px;
}
.zzry .w{
	text-align: center;	
}
.zzry .title{
	background: url(../img/tit2.png) no-repeat bottom center;
}
.zzlist{
	height: 390px;
	background: #eee;
}
.dh ul{position: relative;overflow: hidden;height: 390px;margin: 60px auto 0;}
.dh ul li{float: left;width: 160px;overflow: hidden;height: 100%;position: relative;cursor: pointer;}
.dh ul li a{display: block;width: 100%;height: 100%;}
.dh ul li .layer{position: absolute;bottom: 0;left: 0;width: 100%;background:url(../img/layer2.png) repeat-x left bottom;height: 100%;}
.dh ul li .layer p{color: #FFFFFF;font-size: 16px;line-height: 24px;    margin-top: 332px;padding-left: 2px;}
.dh ul .curr .layer p{margin-top: 12px;font-size: 18px; }
/*.dh ul li .layer .p1{position: absolute;bottom: 5px;left: 10px;}*/
/*.dh ul li .layer .p2{position: absolute;bottom: 5px;right: -200%;}*/
/*.dh ul li .layer .p2 b,.dh ul li .layer .p2 span{display: block;font-weight: bold;font-size: 20px;}*/
/*.dh ul li .layer .p1 b,.dh ul li .layer .p1 span{display: block;font-weight: bold;font-size: 14px;}*/

.col1{color: #00A39A;}
.col2{color: #fff;}




.fwxm{
	background: url(../img/fwxm.jpg) no-repeat top center;
	background-size: cover ;
	padding: 70px 0;
}
.fwxm .title{
	background: url(../img/tit3.png) no-repeat bottom center;
	text-align: center;
}


.banquan{
	height: 100px;
	line-height: 100px;
	background: linear-gradient(to right, #012da1, #36c);
	text-align: center;
}
.banquan p{
	color: #fff;
	font-size: 18px;
}


.service_list>li{
	width: 348px;
	border-left: 1px solid #cbcbcb;
	float: left;
	height: 384px;

}
.service_list>li:first-child{
	border-left: none !important;
}


.box{
	margin: 0 16px;
	padding: 0 26px;
	position: relative;
	overflow: hidden;
}


.icon-top{
	position: absolute;
    top: 10px;
    left: 26px;
    z-index: 9;

}
.box h1{
	font-size: 24px;
	font-weight: normal;
	margin: 154px 0 34px;
    display: block;
	
}
.texts li{
	font-size: 16px;
	line-height: 32px;
}

.transition { -webkit-transition: all 0.66s; transition: all 0.66s; }

.service_list>li .icon-bottom { position: absolute; right: 30px; z-index: 9; bottom: 24px; opacity: 0; -webkit-transform: translate(3rem,3rem); transform: translate(3rem,3rem); }
.service_list>li:hover .box{
	background: #f5af10;
}
.service_list>li:hover .box h1{ -webkit-transform: translateY(-110px); transform: translateY(-110px);color: #fff; }
.service_list>li:hover .texts li { -webkit-transform: translateY(-110px); transform: translateY(-110px);color: #fff; }
.service_list>li:hover .box .icon-top { opacity: 0; -webkit-transform: translate(-30px,-60px); transform: translate(-30px,-60px); }
.service_list>li:hover .box  .icon-bottom { -webkit-transform: translate(0,0); transform: translate(0,0); opacity: 1; }