@charset "utf-8";

/*
更多服务
tzp 2018.06.05
*/

.more_area h1{
	font-size: 36px;
	line-height: 56px;
	margin: 70px auto 30px;
	text-align: center;
}
.more_item{
	width: 270px;
	height: 290px;
	margin: 0 15px 80px;
	float: left;
	text-align: center;
}
.more_item_img{
	width: 100%;
	height: 215px;
	overflow: hidden;
	background: #cfcdcd url(../img/more/icon_m01.png) center center no-repeat;
	background-size: 100% 100%;
}
.more_item:hover .more_item_img{
	background: #cfcdcd url(../img/more/icon_m01_h.png) center center no-repeat;
	background-size: 100% 100%;
}
.more_item_img img{
	width: 100%;
}
.more_item_info{
	width: 100%;
	height: 75px;
}
.more_item_info p{
	font-size: 14px;
	line-height: 24px;
	padding-top: 45px;
}
.more_item:hover .more_item_info p{
	color: #e60012;
}
.icon_ma01{
	background: url(../img/more/icon_ma01.png) center center no-repeat;
	background-size: 100% 100%;
}
.more_item:hover .icon_ma01{
	background: url(../img/more/icon_ma01_h.png) center center no-repeat;
	background-size: 100% 100%;
}


.more_b{
	background: #f3f3f3;
}
.icon_mb01{
	background: url(../img/more/icon_mb01.png) center center no-repeat;
	background-size: 100% 100%;
}
.more_item:hover .icon_mb01{
	background: url(../img/more/icon_mb01_h.png) center center no-repeat;
	background-size: 100% 100%;
}


.more_c{
	width: 100%;
	height: 520px;
	min-width: 1200px;
	background: url(../img/more/more_cbg.jpg) center center no-repeat;
	background-size: auto 520px;
}
.more_c h1{
	color: #fff;
}
.icon_mc01{
	background: #fff url(../img/more/icon_mc01.png) center center no-repeat;
	background-size: 100% 100%;
}
.more_item:hover .icon_mc01{
	background: #fff url(../img/more/icon_mc01_h.png) center center no-repeat;
	background-size: 100% 100%;
}


.more_d{
	background: #f3f3f3;
}
.icon_md01{
	background: url(../img/more/icon_md01.png) center center no-repeat;
	background-size: 100% 100%;
}
.more_item:hover .icon_md01{
	background: url(../img/more/icon_md01_h.png) center center no-repeat;
	background-size: 100% 100%;
}


.more_e{
	
}
.icon_me01{
	background: url(../img/more/icon_me01.png) center center no-repeat;
	background-size: 100% 100%;
}
.more_item:hover .icon_me01{
	background: url(../img/more/icon_me01_h.png) center center no-repeat;
	background-size: 100% 100%;
}

.center{width:100%; height:auto;background-color:#EFEFEF;min-width:1200px; overflow:hidden;}
.center_a{width:100%; height:550px; background-color:#DDDDDD;}
.center_1200{width:1200px; height:auto; margin:0 auto; position:relative}
.center_a h1{width:100%; text-align:center; height:72px; line-height:72px; font-size:36px; color:#2C2C2C; padding-top:60px;}
.center_a p{font-size:14px; color:#4B4545; line-height:25px; text-align:center; }
.center_a_1{width:1200px; overflow:hidden; padding-top:60px; height:200px;}
.center_a_1 ul{width:1320px;}
.center_a_1 ul li{width:144px; float:left; margin-right:120px; text-align:center; line-height:46px; position:relative; height:200px;}
.center_a_1 ul li a{display:block; font-size:16px; color:#4B4545; position:absolute; left:0px; top:0px; width:144px; height:200px;}
.center_a_1 ul li span{border:7px solid #E9E9E9; border-radius:50%; width:130px; height:130px; display:block;}
.center_a_1 ul li span.nav1{background:url(../img/more/nav_1.png) no-repeat center center;}
.center_a_1 ul li span.nav2{background:url(../img/more/nav_2.png) no-repeat center center;}
.center_a_1 ul li span.nav3{background:url(../img/more/nav_3.png) no-repeat center center;}
.center_a_1 ul li span.nav4{background:url(../img/more/nav_4.png) no-repeat center center;}
.center_a_1 ul li span.nav5{background:url(../img/more/nav_5.png) no-repeat center center;}
.center_a_1 ul li:hover span.nav1{background:  url(../img/more/nav_11.png) no-repeat center center;}
.center_a_1 ul li:hover span.nav2{background:  url(../img/more/nav_22.png) no-repeat center center;}
.center_a_1 ul li:hover span.nav3{background:  url(../img/more/nav_33.png) no-repeat center center;}
.center_a_1 ul li:hover span.nav4{background:  url(../img/more/nav_44.png) no-repeat center center;}
.center_a_1 ul li:hover span.nav5{background:  url(../img/more/nav_55.png) no-repeat center center;}
.center_a_1 ul li:hover a{color:#e60012; }
.center_a_1_1{background-color:#FFF; width:130px; height:130px; border-radius:50%; margin:7px; overflow:hidden;}
.center_a_1_1_1{background-color:#e60012; width:0px; height:0px; margin:65px; border-radius:50%;opacity:0;}
