@charset "utf-8";
/* CSS Document */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0;}
.rel{
	position: relative;
}
.abs{
	position: absolute;
}
.clear{
	clear: both;
}
.main{
	width: 100%;
}

/*banner部分*/
.banner{
	width: 100%;
	height: 710px;
	background: url(../images/ban_bg.jpg) no-repeat center;
}
.banner .banblk{
	width: 100%;
	height: 228px;
}
.banner .ban_01{
	width: 992px;
	height: 171px;
	display: block;
	margin: 0 auto;
}
.banner .ban_ul{
	width: 985px;
	height: 47px;
	display: block;
	margin: 0 auto;
}
.banner .ban_ul li{
	float: left;
	width: 187px;
	height: 47px;
	margin: 40px 5px;
}
.banner .ban_bg{
	width: 1122px;
	height: 30px;
	display: block;
	background-color: #fff;	
	left: 50%;
	margin-left: -561px;
	bottom: 0;
}
.conn{
	width: 100%;
	height: auto;
	background-color: #e9e9e9;
}
.conn .part_01,.part_02{
	width: 1122px;
	display: block;
	background-color: #fff;
	margin: 0 auto;	
	text-align: center;
	margin-bottom: 70px;
	padding-bottom: 60px;
}
.tit{
	width: 144px;
	height: 42px;
	display: block;
	background-color: #00d9e0;
	margin: 0 auto;
	color: #fff;
	line-height: 42px;
}
.pro{
	font-size: 42px;
	margin-top: 24px;
}
.conn .part_01 ul{
	margin-top: 48px;
	margin-left: 29px;
}
.conn .part_01 ul li{
	width: 256px;
	float: left;
	margin: 0 5px;
}
.p1{
	font-size: 22px;
	margin: 16px auto;
	color: #333333;
}
.p2{
	font-size: 14px;
	color: #666666;
}
.pinpai_btn{
	width: 168px;
	height: 38px;
	line-height: 38px;
	border:2px solid #b8bfc7;
	border-radius: 18px;
	display: block;
	margin: 0 auto;
	color: #c2c7cd;
	margin-top: 50px;
}
.part_02{
	padding-top: 30px;
}
.part_02 .ul_01{
	margin-left: 42px;
}
.part_02 .ul_01 li{
	width: 475px;
	float: left;
	margin: 74px 21px 0;
}
.tec_t{
	width: 475px;
	height: 50px;
	border-left:3px solid #00d9e0;
	margin-bottom: 27px;
}
.tec_t_01{
	width: 991px;
	height: 50px;
	border-left:3px solid #00d9e0;
	margin-bottom: 27px;
	margin-left: 66px;
	margin-top: 48px;
}
.p3{
	text-align: left;
	margin-left: 10px;
	font-size: 24px;
}
.p4{
	text-align: left;
	margin-left: 10px;
	font-size: 14px;
}
.part_02 .ul_02{
	margin-left: 66px;
	width: 991px;
}
.part_02 .ul_02 li{
	float: left;
	width: 248px;
	height: 351px;
}
.flash_p{
	width: 100%;
	height: 44px;
	font-size: 16px;
	margin-top: -50px;
	background-color: #666;
	opacity: .7;
	line-height: 44px;
	color: #fff;
}
.part_02 .ul_03{
	margin-left: 63px;
}
.part_02 .ul_03 li{
	float: left;
	margin: 0 3px;
}
.p5{
	width: 810px;
	margin: 0 auto;
	font-size: 14px;
	margin-top: 40px;
	color: #666666;
}
.ul_04{
	margin-left: 42px;
}
.ul_04 li{
	float: left;
	width: 303px;
	margin: 56px 20px 0;
}
.p6{
	width: 303px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	color: #fff;
	background-color: #b9bdc6;
	font-size: 20px;
	margin-bottom: 7px;
}
.p7{
	font-size: 14px;
	color: #666666;
}
.p8{
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 15px;
}
.pinpai_foot{
	width: 100%;
	height: auto;
}
.hr_line{
	width: 990px;
	margin: 30px auto 0;
	border:1px solid #02d9de;
}
.ul_flash{
	margin-left: 66px;
}
.ul_flash li{
	float: left;
	margin: 26px 10px 0;
	font-size: 14px;
	color: #b8bcc7;
	cursor: pointer;
	transition: font-size .5s;
}
.ul_flash li:hover{
	color: #02d9de;
	font-size: 18px;
}
.blk_h{
	width: 100%;
	height: 30px;
	display: block;
}
.fuli_icon{
	width: 995px;
	height: 356px;
	border:1px solid #dfdee3;
	border-radius: 34px;
	display: block;
	margin: 24px auto;
	padding-left: 27px;
	padding-top: 50px;
	background: url(../images/bgs.png) no-repeat;
	background-position: 720px 230px;
}
.fuli_icon li{
	float: left;
	width: 235px;
	margin-top: 20px;
	font-size: 14px;
	font-family: "宋体";
	color: #666666;
}
.footers{
	background: url(../images/footer.png) no-repeat;
	width: 100%;
	height: 619px;
}
/*ul li{
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
ul li:hover{
	transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
}
.ban_04{
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
.ban_04:hover{
	transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
}*/
.ul_01 img{
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
.ul_01 img:hover{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
}
.part_01 img{
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
.part_01 img:hover{
	transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
}
.ul_04 img{
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
.ul_04 img:hover{
	transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
}
