.wrap{
	width: 100%;
	height: 539px;
	position: relative;
	overflow: hidden;
	
}
.silder{
	position: absolute;
	left: 50%;
	margin-left: -960px;
	height: 539px;
}
.silder li{
	height: 539px;
	opacity: 0;
	position: absolute;
	transition: transform 0.5s ease 0s,opacity 1.5s ease 0s;z-index: 1;
	
}
.silder li.active{
	opacity: 1;
	z-index: 2;
}
.silder img{
	float: left;
	border: none;
}
.fomW{
	position: absolute;
	bottom: 20px;
	left: 50%;
	height: 20px;
	z-index: 10;
	width: 1000px;
	margin-left: -500px;
	
}
.jsNav{
	text-align: center;
}
.jsNav a{
	display: inline-block;
	background: rgba(185,185,185,0.8);
	width: 15px;
	height: 15px;
	border-radius: 50%;
	margin: 0 5px;
}
.jsNav a.current{
	background: #FFFFFF;
	cursor: pointer;
}
.main{
	width: 960px;
	height: 1300px;
	margin: 0 auto;
	margin-bottom: 80px;
}
.main1{
	width:960px;
	height: 308px;
	padding-top: 58px;
}
.one,.two,.three,.four{
	position: relative;
	width: 230px;
	height: 306px;
	float: left;
	border:1px solid #b6b2b2;
	margin-left: 6px;
	transition: all 0.5s ease;
	cursor: pointer;
}
.one:hover{
	border: 1px solid #21c3bd;
	transform: scale(1.04);
}
.one:hover .one-t{
	transform: rotate(720deg);
}
.two:hover{
	border: 1px solid #10A0EA;
	transform: scale(1.04);
}
.two:hover .two-t{
	transform: rotate(720deg);
}
.three:hover{
	border: 1px solid #f7a826;
	transform: scale(1.04);
}
.three:hover .three-t{
	transform: rotate(720deg);
}
.four:hover{
	border: 1px solid #AFD76C;
	transform: scale(1.04);
}
.four:hover .four-t{
	transform: rotate(720deg);
}
.one p,.two p,.three p,.four p{
	font-size: 20px;
	text-align:center;
	color: #363839;
}
.one span,.two span,.three span,.four span{
	display: block;
	text-align:center;
	font-size: 14px;
	color: #7b7979;
}
.one-t{
	width: 115px;
	height: 115px;
	background-image: url(../img/circular/circle1.png);
	margin:10px auto;
	transition: all 2s ease;
}
.two-t{
	width: 115px;
	height: 115px;
	background-image: url(../img/circular/circle2.png);
	margin:10px auto;
	transition: all 2s ease;
}
.three-t{
	width: 115px;
	height: 115px;
	background-image: url(../img/circular/circle3.png);
	margin:10px auto;
	transition: all 2s ease;
}
.four-t{
	width: 115px;
	height: 115px;
	background-image: url(../img/circular/circle4.png);
	margin:10px auto;
	transition: all 2s ease;
}
hr{
	height: 2px;
	border: none;
	border-top: 1px solid #B6B2B2;
	width: 188px;
}
.one-b{
	width: 231px;
	height: 41px;
	background-image: url(../img/circular/bottom1.png);
	margin-top: 26px;
	position: absolute;
	bottom: -1px;
}
.two-b{
	width: 231px;
	height: 41px;
	background-image: url(../img/circular/bottom2.png);
	margin-top: 26px;
	position: absolute;
	bottom: -1px;
}
.three-b{
	width: 231px;
	height: 41px;
	background-image: url(../img/circular/bottom3.png);
	margin-top: 26px;
	position: absolute;
	bottom: -1px;
}
.four-b{
	width: 231px;
	height: 41px;
	background-image: url(../img/circular/bottom4.png);
	margin-top: 26px;
	position: absolute;
	bottom: -1px;
}
.main2{
	width: 100%;
	height: 520px;
}
.main2-in{
	width: 920px;
	height: 290px;
	padding: 67px 20px;
}
.main3{
	width: 960px;
}
.main2-in img{
	margin-top: 94px;
}
.main2-text{
	float: right;
	width: 365px;
	height: 165px;
	margin-top: 122px;
}
.main3-text{
	float: left;
	width: 380px;
	height: 190px;
	margin-top: 130px;
}
.main3 img{
	margin-top: 30px;
	float: right;
}
.main2-text p,.main3-text p{
	display: block;
	height: 30px;
	font-size: 30px;
	font-weight: 200;
	color: #363839;
}
.main2-text span,.main3-text span{
	display: block;
	font-size: 20px;
}
.main2-text i,.main3-text i{
	font-style: normal;
	display: block;
	font-size: 14px;
	line-height: 0px;
}

.main4{
	width:100%;
	height: 360px;
	background:#f9f9f9;
}
.main4-in{
	width: 960px;
	height: 293px;
	padding-top: 95px;
	margin: 0 auto;
}
.main4-text{
	margin-left: 20px;
	width: 120px;
	height: 32px;
	font-size: 30px;
	color:#363839;
}
.main4-in img{
	margin-top: 80px;
}