/*base*/
*{padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{font-size:12px; font-weight:normal;}
li{list-style:none;}
a{color:#000; text-decoration:none;}
b,strong{font-weight:normal;}
i,em{font-style:normal;}

img{vertical-align:top;}
.clearfix:after{display:block; content:''; clear:both;}
.clearfix{zoom:1;}
.fl{float:left;}
.fr{float:right;}
input{ outline:none;}
body{font-family: "微软雅黑";}
/*part1*/
.wrap{
	width: 100%;
	overflow: hidden;
}
.part1{
	width: 100%;
	height: 14.35rem;
	position: relative;
}
.part1 .part1-bg{
	width: 100%;
	height: 8.65rem;
	background: #0fc7d3;
}
.part1 .head{
	width: 15rem;
	padding-top: 0.625rem;
	margin: 0 auto;
}
.part1 .head h1{
	width: 3.375rem;
	height: 1rem;
	background: url(../img/logo.png) no-repeat;
	background-size: 100% 100%;
}
.part1 .head h1 a{
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -999em;
}
.part1 .head .con{
	height: 1rem;
	border-left: 1px solid #fff;
	margin-left: 0.25rem;
	font-size: 0.4rem;
	color: #fff;
	padding-left: 0.25rem;
}
.part1 .head .tel{
	display: block;
	height: 0.75rem;
	line-height: 0.75rem;
	font-size: 0.45rem;
	color: #fff;
	background: url(../img/tel.png) no-repeat left center;
	background-size:0.75rem 0.75rem ;
	margin-top: 0.125rem;
	padding-left: 1rem;
}
.nav{
	width: 15.025rem;
	margin: 0.6rem auto;
	font-size: 0.4rem;	
}
.nav li{
	width: 2.3rem;
	height: 0.8rem;
	border: 1px solid #fff;
	line-height: 0.8rem;
	text-align: center;
	margin-right: 0.125rem;
}
.nav li.last{
	margin-right: 0rem;
}
.nav li a{
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
}
.fixed{ height: 3.35rem;background: #0fc7d3;}
#item2{display: none;}
#item{width: 100%;z-index: 999;}
.banner{
	width: 15.025rem;
	position: absolute;
	left: 0.5rem;
	top: 3.575rem;
}
.banner img{
	width: 15.025rem;
	height: 10rem;
}
/*part2*/
.part2{
	text-align: center;
	width: 100%;
}
.part2 h2{
	width: 100%;
	height: 1.5rem;
	line-height: 1.25rem;
	background: url(../img/title.png) no-repeat;
	background-size: 100% 100%;
	font-size: 0.575rem;
	color: #fff;
}
.part2 h2 span{
	color: #fff000;
}
.part2 .part2-ul{
	width: 14.95rem;
	margin: 0.75rem auto;
}
.part2 .part2-ul li{
	width: 4.91rem;
	position: relative;
	border-left: 1px solid #dadada;
	border-top: 1px solid #dadada;
	padding-bottom: 0.3rem;
}
.part2 .part2-ul li.borb{
	border-bottom: 1px solid #dadada;
}
.part2 .part2-ul li.last{
	border-right: 1px solid #dadada;
}
.part2 .part2-ul li img{
	width: 3.125rem;
	height: 3.7rem;
	margin: 0.425rem 0 0.25rem 0;
}
.part2 .part2-ul li i{
	width: 0.575rem;
	height: 0.575rem;
	background: url(../img/arrow2.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: 1px;
	top: 1px;
}
.part2 .part2-ul li h3{
	font-size: 0.5rem;
	font-weight: bold;
	color: #10cf9b;
}
.part2 .part2-ul li p{
	font-size: 0.35rem;
	color: #7d7d7d;
}
.part2 .part2-ul li:nth-child(2) h3{
	color: #0bd0d9;
}
.part2 .part2-ul li:nth-child(3) h3{
	color: #019dd8;
}
.part2 .part2-ul li:nth-child(4) h3{
	color: #c758a4;
}
.part2 .part2-ul li:nth-child(5) h3{
	color: #ff6600;
}
.part2 .part2-ul li:nth-child(6) h3{
	color: #eb5a49;
}
/*part3*/
.part3{
	background: #ebebeb;
	padding-bottom: 0.75rem;
}
.part3 ul{
	width: 13.5rem;
	margin: 0.75rem auto 0;
}
.part3 ul li{
	width: 12.35rem;
	height: 3.25rem;
	background: url(../img/border1.png) no-repeat;
	background-size: 100% 100%;
	text-align: left;
	padding-left: 1.15rem;
}
.part3 ul li:nth-child(2){
	background: url(../img/border2.png) no-repeat;
	background-size: 100% 100%;
	margin-top: 0.25rem;
}
.part3 ul li h3{
	font-size: 0.5rem;
	color:#2497b2;
	padding-top: 0.8rem;
}
.part3 ul li p{
	font-size: 0.4rem;
	color: #8d8d8d;
	width: 12rem;
}
/*part4*/
.part4 ul{
	width: 15rem;
	margin:1.85rem auto 0.75rem;
}
.part4 ul li{
	width: 15rem;
	height: 5rem;
	background: url(../img/border3.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	margin-bottom: 1.65rem;
}
.part4 ul li.last{
	margin-bottom: 0rem;
}
.part4 ul li img{
	width: 4.075rem;
	height: 3.7rem;
}
.part4 ul li h3{
	position: absolute;
	left: 1.65rem;
	top: -1.15rem;
	width: 12.12rem;	
}
.part4 .t-name{
	font-size: 0.55rem;
	color: #0fc7d3;
	font-weight: bold;
	padding-top: 0.85rem;
}
.part4 .t-text{
	text-align: left;
	margin-left:4.9rem;
	margin-top: 0.45rem;
}
.part4 .t-name span,.part4 .text,.part4 .t-text{
	font-size: 0.4rem;
	color: #818181;
	font-weight: normal;
}
.part4 .text{
	text-align: left;
	margin-left: 0.75rem;
}
.part4 .text1{
	padding-top: 2.8rem;
}

.part4 .sec .text1{
	padding-top: 3.2rem;
}
.part4 .sec .t-text{
	margin-left:5rem;
}
.part4 .thr .t-text{
	margin-left:5.2rem;
}
.part4 .thr .text1{
	padding-top: 2.6rem;
}
.part4 .fou .t-text{
	margin-top: 0.1rem;
}
.part4 .fou .text1{
	padding-top: 3.2rem;
}
.part4 .last .t-text{
	margin-left:5.1rem;
}
/*part5*/
.part5{
	background: #ebebeb;
	height: 14.2rem;
}
.part5 ul{
	width:13.6rem ;
	margin: 1.85rem auto 0;
	position: relative;
}
.part5 ul li{
	transition: 1s;
}
.part5 img{
	width: 13.6rem;
	height: 8.85rem;
}
.mes1{
	position: absolute;
	left: 0;
	top: 0;
	transform: rotate(0deg);
	z-index: 2;
}
.mes2{
	z-index: 1;
	transform: rotate(5deg);
}
.mes3{
	z-index: 0;
	transform: rotate(10deg);
}
/*foot*/
.foot{
	width: 100%;
	height: 10.15rem;
	background: url(../img/foot.jpg) no-repeat;
	background-size: 100% 100%;
	text-align: center;
	font-size: 0.6rem;
	color: #fff;
	padding-top: 0.6rem;
	margin-bottom: 2rem;
}
.foot span{
	color: #ff0;
}
.foot img{
	width: 0.525rem;
	height: 0.575rem;
	margin-top: 0.45rem;
}
.foot .content .div1{
	width: 5.625rem;
	height: 3.3rem;
	background: url(../img/footbg.png) no-repeat;
	background-size: 100% 100%;
	padding-top: 1.7rem;
	margin: 0.7rem 0 0 0.7rem;
}
#name,#phone{
	width: 6.925rem;
	height: 1.2rem;
	background: none;
	border: 1px solid #349b9e;
	font-size: 0.45rem;
	font-weight: bold;
	color: #fff;
	padding-left: 0.45rem;
	display: block;
	margin: 1.75rem 0 0 1rem;
}
#phone{
	margin-top: 0.5rem;
}
#submit{
	width: 5.75rem;
	height: 1rem;
	background: url(../img/order.png) no-repeat;
	background-size: 100% 100%;
	border: none;
	margin:1.8rem 0 0 -3.5rem;
}
/*footFixed*/
.footFix{
	width: 100%;
	height: 2.5rem;
	background: #2c4257;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 998;
}
.footFix .b-Box{
	width: 14rem;
	margin: 0.4rem auto 0;
}
.footFix .b-Box a{
	width: 6.375rem;
	height:1.65rem;
	background: url(../img/button.png) no-repeat;
	background-size: 100% 100%;
}
.footFix .b-Box a:nth-child(1) img{
	width: 0.75rem;
	height: 0.975rem;
	margin:0.375rem 0.7rem 0 0.45rem ;
}
.footFix .b-Box a:nth-child(2) img{
	width: 0.875rem;
	height: 1.1rem;
	margin: 0.3rem 0.7rem 0 0.4rem;
}
.footFix .b-Box a span{
	font-size: 0.7rem;
	color: #fff;
	font-weight: bold;
}