/* CSS Document */
@charset "utf-8";
/* 通用 */
*{padding:0;margin:0;}
body{margin:0 auto;color:#333;_background-attachment:fixed; background-color: #FFF; font-family:"Microsoft YaHei", Arial, Helvetica, sans-serif;font-size: 16px;}
p,h1,h2,h3,ul,li,form,input{padding:0;margin:0;list-style:none outside;}
a{text-decoration:none;color:#676767;transition: all 0.4s ease 0s;}
a:hover{text-decoration:none; cursor:pointer;}
b{font-weight:normal;}
img{ padding:0px; margin:0px; max-width: 100%; vertical-align:middle;}
a img{border:0;}
.clear{	clear:both;}
.fl{ float:left;}
.fr{ float:right;}
li{display: inline-block;text-decoration: none;}

/* 公用 */
/*banner*/
.banner_bg {
	width: 100%;
	margin-top:72px;
}

.banner_bg img {
	display: block;
	width: 100%;
	height: auto;
}

/* floor-main **********************************************************/
.floor_main{
	width:1200px;
	margin:56px auto 0;
	overflow: hidden;
}

/* floor-main end **********************************************************/

/* floor1 start**********************************************************/
.floor1{
	width:100%;
	overflow: hidden;
}

.floor1 h1.head_line img{
	display: block;
	width:508px;
	margin: auto;
}


.floor1 .floor_main ul{
	text-align: center;
}
.floor1 .floor_main ul li{
	display: inline-block;
	width:180px;
	padding:24px 0;
	margin:40px 16px 0;
	border:1px solid #D0D0D0;
	border-radius: 16px;
}
.floor1 .floor_main ul li img{
	display:inline-block;
	width:48px;
	margin: auto;
}
.floor1 .floor_main ul li p{
	width:100%;
	margin-top: 16px;
}

.floor1 .floor_main ul li img.img2{
	display: none;
}
.floor1 .floor_main ul li:hover img.img1{
display: none;
}
.floor1 .floor_main ul li:hover img.img2{
	display:inline-block;
}
.floor1 .floor_main ul li:hover p{
	color: #278ff3;
}



/* floor1 end**********************************************************/
body{
	width:100%;
	background:url(../img/bg_1.png) no-repeat center;
	background-size: 100%;
	background-position-y:660px;
}
/* floor2 start**********************************************************/
.floor2{
	width:100%;
	overflow: hidden;
}

.floor2 h1.head_line img{
	display: block;
	width:356px;
	margin: auto;
}
.floor2 .floor_main .fl2_bxk{
	overflow: hidden;
}
.floor2 .floor_main .fl2_bxk h2{
	width:1200px;
	height:64px;
	margin:40px auto 0;
	line-height:64px;
	text-indent:1em;
	background: url(../img/p2_bg.jpg) center repeat-x;
}
.floor2 .floor_main .kxdl{
	width: 560px;
    float: left;
    border: 1px solid #d0d0d0;
	margin-top:56px;
	margin-left: 24px;
	margin-right: 20px;
	padding: 20px 0;
	position: relative;
}
.floor2 .floor_main .kxdl big{
	position: absolute;
	top: -41px;
	left: -32px;
	width: 76px;
	height: 74px;
	color:#fff;
	padding-left:26px;
	padding-top: 20px;
	background: url(../img/p2_1.png) no-repeat center;
	background-size: 70%;
	line-height: 24px;

}
.floor2 .floor_main .kxdl p{
	display: inline-block;
	padding-left: 64px;
	line-height: 32px;
}

.floor2 .floor_main .hgqz,
.floor2 .floor_main .sywm{
	margin-right: 0;
}

.floor2 .floor_main .glsw{
	width: 1164px;
}
.floor2 .floor_main .kxdl small{
	position: absolute;
	top: 0;
	left: 0;

}






/* floor2 end**********************************************************/

/* floor3 start**********************************************************/
.floor3{
	width:100%;
	margin-top:56px;
	background:#F8FBFF;
	overflow: hidden;
}
.floor3 .floor_main{
	margin-top:40px;
}
.floor3 h1.head_line img{
	display: block;
	width:576px;
	margin: auto;
}
.floor3 ul{
	overflow: hidden;
}

.floor3 ul li{
	width:255px;
	height: 320px;
	display: block;
	float: left;
	padding:24px 0;
	margin:40px 21px;
	border: 1px solid #d0d0d0;
	background: #fff;
	border-radius: 16px;
}
.floor3 ul li img{
	display: block;
	margin:0 auto;
}
.floor3 ul li big{
	display: block;
	width:90%;
	margin:16px auto;
	text-align: center;
	position: relative;
}
.floor3 ul li big::before{
	content: "";
	position: absolute;
	top: 13px;
	left: 0;
	width:72px;
	height: 1px;
	background: #d0d0d0;
}
.floor3 ul li big::after{
	content: "";
	position: absolute;
	top: 13px;
	right: 0;
	width:72px;
	height: 1px;
	background: #d0d0d0;
}
.floor3 ul li p{
	width: 90%;
	margin: auto;
}



/* floor3 end**********************************************************/
/* floor4 start**********************************************************/
.floor4{
	width: 100%;
	background: url(../img/bg_2.png) no-repeat center;
	background-size:100%;
	padding-bottom:40px;
}

.floor4 h1.head_line img{
	display: block;
	width:362px;
	margin: auto;
}
.floor4 ul{
	text-align: center;
	overflow: hidden;
}
.floor4 ul li{
	display:inline-block;
/*	float: left;*/
	width: 204px;
	height:226px;
	color:#fff;
	background: url(../img/p4_bg.png) no-repeat center;
	background-size: 100%;
	margin:40px 32px;
}
.floor4 ul li img{
	display: block;
	width: 48px;
	margin:36px auto 16px;
}
.floor4 ul li big{
	display: block;
}
.floor4 ul li p{
	width:80%;
	margin:8px auto 0;
}

/* floor4 end**********************************************************/
/* floor5 start**********************************************************/



/* floor5 end**********************************************************/





/* footer start**********************************************************/
.footer{
	width: 100%;
	text-align: center;
	background: #333;
	color: #FFFFFF;
	padding:10px 0;
	line-height:24px;
	overflow: hidden;
}
.footer a{
	color: #FFFFFF;
}
.footer a:hover{
	cursor:pointer;
	color:#FF9317;
}
/* footer end**********************************************************/

/* @media start**********************************************************/
@media screen and (min-width: 640px){
	html {
		font-size: 100%;
	}
}

@media screen and (max-width: 1440px) {
	.floor4{
		background: url(../img/bg_2.png) no-repeat center;
		background-size:cover;
	}
	
}