﻿/*base*/
*{padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size: 12px;}
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: "微软雅黑";font-size: 0.45rem;}
/*head*/
.head{
	width:100%;
	padding-top: 0.65rem;
	padding-bottom: 0.6rem;
	background: #fff;
	border-bottom: 1px solid #d3d3d3;
}
.head h1{
	width:2.975rem;
	height: 0.875rem;
	background: url(../img/logo.png) no-repeat;
	background-size: 100% 100%;
	margin-left: 1.05rem;
}
.head h1 a{
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -999em;
}
.head .title{
	height: 1rem;
	border-left: 1px solid #333;
	color: #565555;
	padding-left: 0.225rem;
	margin-left: 0.25rem;
}
.head .title1{	
	margin-top: -0.1rem;
	font-size: 0.425rem;
}
.head .title2{	
	font-size: 0.45rem;
}
.head .tel{
	height: 0.925rem;
	color: #565555;
	padding-left: 1.125rem;
	background: url(../img/tel.png) no-repeat center left;
	background-size: 0.925rem .925rem;
	line-height: 0.925rem;
	margin-left: 1.025rem;
}
/*nav*/
.nav{
	width: 100%;
	padding: 0.5rem 0;
	background: #fff;
}
.nav ul{
	width: 14.275rem;
	margin: 0 auto;
}
.nav ul li{
	width: 2.475rem;
	height:1.05rem;
	font-size: 0.6rem;
	text-align: center;
	line-height: 1.05rem;
	border: 0.05rem solid #0086ff;
	margin-right: 0.35rem;
	transition: .5s;
}
.nav ul li.last{
	margin-right: -0.35rem;
	background: #0086ff;
}
.nav ul li.last a{
	color: #fff;
}
.nav ul li a{
	color: #0086ff;
}
.nav ul li:hover{
	background: #0086ff;
}
.nav ul li:hover a{
	color: #fff;
	width: 100%;
	height: 100%;
	display: block;
}
#item2{display: none;}
#item{width: 100%;z-index: 999;}
/*banner*/
.banner{
	width: 100%;
	height: 9.25rem;
}
/*part1*/
.part1{
	width: 100%;
	text-align:center;
}
.part1 h2{
	font-size: 0.75rem;
	padding-top: 1rem;
	padding-bottom: 0.625rem;
	background: url(../img/line.png) no-repeat center bottom;
	background-size: 14.25rem 0.425rem;
}
.part1 p{
	width: 14.25rem;
	margin: .5rem auto 0.75rem;
	font-size: 0.4rem;
	color: #272727;
	line-height: 0.65rem;
}
.part1 ul{
	width: 14.5rem;
	margin: 0 auto;
}
.part1 ul li{
	margin-right: 0.2rem;
}
.part1 ul li.last{
	margin-right: -0.2rem;
}
.part1 ul li.mart{
	margin-top: 0.55rem;
}
.part1 ul li img{
	width: 1.625rem;
	height: 1.625rem;
}
/*part2*/
.part2 .bg{
	width: 100%;
	height: 6.875rem;
	background: url(../img/part2bg.png) no-repeat;
	background-size: 100% 100%;
	margin-top: 0.5rem;
}
.part2 ul{
	width: 14.55rem;
	margin: 0 auto;
	padding-top: 0.85rem;
	text-align: center;
}
.part2 ul li{
	width: 3.45rem;
	height: 5rem;
	margin-right: 0.11rem;
	border: 1px solid #2d9bfe;
	background: #96cdff;	
}
.part2 ul li:nth-child(1) img{
	width: 1.2rem;
	height: 0.95rem;
	margin-top: 0.425rem;
}
.part2 ul li:nth-child(2) img{
	width: 1.125rem;
	height: 0.925rem;
	margin-top: 0.425rem;
}
.part2 ul li:nth-child(3) img{
	width: 1.075rem;
	height: 0.925rem;
	margin-top: 0.425rem;
}
.part2 ul li:nth-child(4) img{
	width:0.675rem;
	height: 0.925rem;
	margin-top: 0.425rem;
}
.part2 ul li.last{
	margin-right: -0.2rem;
}
.part2 ul li .text1{
	width:100%;
	height: 0.625rem;
	background: #0086ff;
	color: #fff;
	font-size: 0.4rem;
	line-height: 0.625rem;
	margin: 0.325rem 0 0;
}
.part2 ul li .text2{
	width:2.8rem;
	color: #3c4955;
	font-size: 0.35rem;
	margin: 0.15rem auto 0;
	text-align: left;
	line-height: 0.55rem;
}
/*part3*/
.part3 ul{
	width: 14.55rem;
	margin: 0 auto;
}
.part3 ul li{
	width: 4.5rem;
	height: 3.85rem;
	border: 1px solid #345872;
	border-radius: 0.2rem;
	margin-right: 0.425rem;
}
.part3 ul li.last{
	margin-right: -.425rem;
}
.part3 ul li:nth-child(1) img{
	width: 1.55rem;
	height: 1.5rem;
	margin: 0.5rem 0 0.7rem;
}
.part3 ul li:nth-child(2) img{
	width: 1.575rem;
	height: 1.175rem;
	margin: 0.7rem 0 0.875rem;
}
.part3 ul li:nth-child(3) img{
	width: 1.225rem;
	height: 1.475rem;
	margin: 0.5rem 0 0.8rem;
}
.part3 h3{
	font-size: 0.5rem;
}
/*part4*/
.part4 .bg{
	width: 100%;
	height: 9.75rem;
	background: url(../img/part4bg.png) no-repeat;
	background-size: 100% 100%;
	margin-top: 0.75rem;
}

.part4 .bg li{
	margin-right: 0.3rem;
}
.part4 .bg .text{
	font-size: 0.5rem;
	height: 0.5rem;
	color: #fff;
	padding-top: 0.4rem;
	margin: 0 0 0.55rem;
	width: 100%;
	background: url(../img/line2.png) no-repeat 10.375rem 0.7rem;
	background-size: 4.875rem 1px;
}
.part4 .bg li.last{
	margin-right: -0.3rem;
}
.part4 .bg li.mart{
	margin-top: 0.45rem;
}
.part4 .bg li img{
	width: 4.675rem;
	height: 3.625rem;
}
.part4 .bg li:nth-child(2),.part4 .bg li:nth-child(5){
	margin-right: 0.25rem;
}
/*part5*/
.part5 .bg{
	width: 100%;
	height: 8.75rem;
	background: url(../img/part5bg.png) no-repeat right bottom;
	background-size: 10.3rem 1.25rem;
	margin-top: 0.75rem;
	margin-bottom: 1.2rem;
}
.part5 .bg img{
	width: 4.6rem;
	height: 3.625rem;
}
.part5 .bg li{
	margin-right: 0.4rem;
}
.part5 .bg li.last{
	margin-right: -0.4rem;
}
.part5 .bg li.mart{
	margin-top: 0.25rem;
}
/*foot*/
.foot{
	width: 100%;
	padding: 0.8rem 0 2.2rem;
	background: #5a5a5a;
	font-size: 0.4rem;
	color: #fff;
	text-align: center;
}
.foot p{
	line-height: 0.6rem;
}
.bottom-btn{
	margin:0 auto;
	width:100%;
	height:auto;
	bottom:0px;
	position:fixed;
	z-index:999;
	background-color:#2a2a2a;
	text-align: center;
}
.bottom-btn1{
	width:50%;
	display:block;
}
.bottom-btn2{
	width:50%;
	display:block;
}
.bottom-btn1{
	width: 50%;
	padding: 1% 0 0;
}
.bottom-btn2{
	width: 50%;
	padding: 1% 0 0;
}
