.footer {clear:both;text-align: center;padding:30px 0;position: relative;background: #000;}
.footer p {line-height: 26px; color:#fff; font-size:14px;position: relative;z-index: 2;}
.footer p a {color: #fff; font-size:14px;}
.footer p span {padding-bottom: 0px; padding-left: 5px; padding-right: 5px; padding-top: 0px}
.container{
	width:100%;
	padding-top:10px;
	background-color:#ffcf01;
}
.banner{
	position: relative;
	width:980px;
	height:496px;
	background-image:url(imagesbanner.png);
	background-repeat:no-repeat;
	background-size:100%;
	margin:0 auto;
}
.c_box{
	position:absolute;
	top:-10px;
	left:40px;
	width:80px;
	height:80px;
	background-color:#ffae26;
}
.c_box p{
	width:68px;
	margin:10px auto;
	text-align:center;
	font-weight:bold;
	font-size:22px;
}
.list_warp{
	margin-top:70px;
}
.line{
	width:2px;
	height:282px;
	margin-left:85px;
	background-image:url(imagesline1.png);
	background-repeat:no-repeat;
	background-size:cover;
}
.list{
	position: relative;
	margin-left:55px;
}
.title_f{
	position: absolute;
	top:-25px;
	left:-90px;
}
.title_f h3{
	margin-left:90px;
	margin-top:-2px;
	font-size:19px;
}
.num_f{
	position: absolute;
	top:-4px;
	left:0;
	width:65px;
	height:25px;
	border:1px solid #ffae27;
	text-align:center;
	line-height:25px;
	background-color:#fff;
	font-weight:bold;
	font-style:18px;
	z-index:2;
}
.border_f{
	position: absolute;
	left:5px;
	top:0;
	width:65px;
	height:25px;
	background-color:#fa9303;
}
.title{
	position: relative;
	margin:20px 0 20px 53px;
}
.title h3{
	margin-left:90px;
	margin-top:-2px;
	font-size:19px;
}
.num{
	position: absolute;
	top:-4px;
	left:0;
	width:65px;
	height:25px;
	border:1px solid #ffae27;
	text-align:center;
	line-height:25px;
	background-color:#fff;
	font-weight:bold;
	font-style:18px;
	z-index:2;
}
.border{
	position: absolute;
	left:5px;
	top:0;
	width:65px;
	height:25px;
	background-color:#fa9303;
}
.list_txt{
	margin-top:25px;
	margin-left:50px;
	text-align:center;
	line-height:25px;
}
.list_txt span{
	display:inline-block;
	margin-top:10px;
	color:#dd1b21;
}
.span_f{
	font-weight:bold;
}
.list_container{
	width:720px;
	height:200px;
	border-radius:6px;
	margin-top:40px;
	background-color:#ffae27;
}
.icon1{
	width:300px;
	height:250px;
	background-image:url(imagesicon1.png); 
	background-size:100%;
	background-repeat:no-repeat;
	margin-top:-42px;
}
.icon2{
	width:250px;
	height:242px;
	background-image:url(imagesicon2.png); 
	background-size:100%;
	background-repeat:no-repeat;
	margin-top:-54px;
	margin-left:30px;
}
.icon3{
	width:225px;
	height:250px;
	background-image:url(imagesicon3.png); 
	background-size:100%;
	background-repeat:no-repeat;
	margin-top:-42px;
	margin-right:50px;
}
.icon4{
	width:255px;
	height:250px;
	background-image:url(imagesicon4.png); 
	background-size:100%;
	background-repeat:no-repeat;
	margin-top:-47px;
	margin-left:20px;
}
.icon5{
	width:320px;
	height:230px;
	background-image:url(imagesicon5.png); 
	background-size:100%;
	background-repeat:no-repeat;
	margin-top:-42px;
}
.icon6{
	width:145px;
	height:209px;
	background-image:url(imagesicon6.png); 
	background-size:100%;
	background-repeat:no-repeat;
	margin:-15px 45px 0 50px;
}
.icon7{
	width:150px;
	height:211px;
	background-image:url(imagesicon7.png); 
	background-size:100%;
	background-repeat:no-repeat;
	margin-top:-10px;
	margin-left:60px;
}
.review{
	text-align:center;
}
.rev_bg{
	width:400px;
	height:56px;
	margin:70px auto 40px auto;
	background-image:url(imagestext.png);
	background-repeat:no-repeat;
	background-size:100%;
	line-height:56px;
	font-weight:bold;
	font-size:22px;
}
.rev_txt{
	margin-top:40px;
	padding-bottom:55px;
	line-height:30px;
	font-weight:bold;
	font-size:18px;
}
.rev_list{
	width:350px;
	margin:0 auto;
	text-align:left;
}
.rev_list ul:nth-child(1){
	text-align:right;
}
.rev_line{
	position:relative;
	border-right:1px solid #000;
	width:1px;
	height: 220px;
	margin:0 15px;
}
.rev_f{
	margin-right:40px;
	font-weight:bold;
}
.review li{
	margin-bottom:15px;
}
.cricle{
	position: absolute;
	left: -4px;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background-color: #000;
	top: 14px;
}
.rev_line div:nth-child(1){
	top:7px;
}
.rev_line div:nth-child(2){
	top:40px;
}
.rev_line div:nth-child(3){
	top:74px;
}
.rev_line div:nth-child(4){
	top:109px;
}
.rev_line div:nth-child(5){
	top:144px;
}
.rev_line div:nth-child(6){
	top:176px;
}
.rev_container{
	width:750px;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:40px;
	border-top:1px solid #000;
}
.rev_con_l{
	width:449px;
	height:150px;
	border-right:1px solid #000;
}
.rev_con_l p{
	margin-top:30px;
	font-weight:bold;
	font-size:20px;
}
.find{
	width:180px;
	height:40px;
	text-align:center;
	line-height:40px;
	background-color:#000;
	color:#fff;
	border-radius:20px;
	margin:20px auto;
}
.rev_con_r{
	width:300px;
}
.rev_con_r img{
	width:120px;
	height:120px;
	margin-top:18px;
}
.rev_con_r img:nth-child(1){
	margin-left:35px;
	margin-right:20px;
}
.m-footer{
	display:none;
}
.warp li:nth-child(6) .list_txt{
	margin-top:35px;
}
@media screen and (max-width: 1080px){
	html{
		font-size:20px;
	}
	body{
		font-size:.6rem;
	}
	.footer{
		display:none;
	}
	.container{
		width:100%;
		overflow:hidden;
	}
	.m-footer{
		display: block;
	    color: #fff;
	    text-align: center;
	    font-size: 0.6rem;
	    line-height: 2rem;
	    background-color: #333;
	}
	.banner{
		width:16rem;
		height:9rem;
	}
	.c_box{
		width:2rem;
		height:2rem;
	}
	.c_box p{
		width:1.7rem;
		margin:.25rem auto;
		font-size:.6rem;
	}
	.warp{
		width:100%;
	}
	.warp li{
		margin-bottom:4rem;
	}
	.list_warp{
		margin-top:4.5rem;
	}
	.line{
		height:7.2rem;
		margin-left:.5rem;
	}
	.title_f,.title{
		position: static;
		margin:0;
	}
	.list{
		margin-left:0;
	}
	.list_container{
		width:14rem;
		height:5rem;
		padding:.5rem 0;
		margin-top:1rem;
		margin-left:1rem;
	}
	.title_f h3{
		margin-left:1.5rem;
		margin-top:-.2rem;
		font-size:.6rem;
	}
	.title h3{
		margin-left:2rem;
		margin-top:-.2rem;
		font-size:.6rem;
	}
	.num_f{
		left:-.6rem;
		width:1.625rem;
		height:.625rem;
		line-height:.625rem;
		font-size:.6rem;
	}
	.num{
		width:1.625rem;
		height:.625rem;
		line-height:.625rem;
		font-size:.6rem;
	}
	.border_f{
		left:-.4rem;
		width:1.625rem;
		height:.625rem;
	}
	.border{
		width:1.625rem;
		height:.625rem;
	}
	.list_txt{
		width:100%;
		margin:0;
		line-height:.8rem;
		font-size:.5rem;
		text-align:center;
	}
	.list_txt span{
		margin-top:.25rem;
	}
	.warp li:nth-child(6) .list_txt{
		margin-top:.5rem;
	}
	.icon1 {
		width:7.5rem;
		height:6.25rem;
		margin-top:-12rem;
	}
	.icon2 {
		float:right;
		width:6.25rem;
		height:6.05rem;
		margin-top:-7rem;
	}
	.icon3 {
		width:5.625rem;
		height:6.25rem;
		margin-top:-11.5rem;
		margin-right:1rem;
	}
	.icon4 {
		float:right;
		width:6.375rem;
		height:6.25rem;
		margin-top:-7rem;
	}
	.icon5 {
		width:8rem;
		height:5.75rem;
		margin-top:-11.5rem;
	}
	.icon6 {
		float:right;
		width:3.625rem;
		height:5.25rem;
		margin-top:-5.7rem;
	}
	.icon7 {
		float:right;
		width:3.75rem;
		height:5.25rem;
		margin-top:-10.7rem;
		margin-right:2rem;
	}
	.warp li:last-child{
		margin-bottom:0;
	}
	.rev_bg{
		width:12rem;
		height:1.8rem;
		margin:1.75rem auto 1rem auto;
		line-height:1.8rem;
		font-size:.8rem;
	}
	.rev_list{
		width:95%;
		font-size:.6rem;
	}
	.review li{
		margin-bottom:.65rem;
	}
	.rev_txt{
		width:95%;
		margin:1rem auto 0 auto;
		padding-bottom:1.375rem;
		line-height:1.5rem;
		font-size:.6rem;
	}
	.rev_line{
		height:8.5rem;
	}
	.rev_line div:nth-child(1){
		top:.25rem;
	}
	.rev_line div:nth-child(2){
		top:1.7rem;
	}
	.rev_line div:nth-child(3){
		top:3.2rem;
	}
	.rev_line div:nth-child(4){
		top:4.7rem;
	}
	.rev_line div:nth-child(5){
		top:6.15rem;
	}
	.rev_line div:nth-child(6){
		top:7.6rem;
	}
	.rev_container{
		width:90%;
		padding-top:.5rem;
		padding-bottom:1rem;
		text-align:center;
	}
	.rev_con_l{
		width:100%;
		height:auto;
		border:none;
		float:none;
	}
	.rev_con_l p{
		margin-top:.8rem;
		font-size:.8rem;
	}
	.find{
		width:8.5rem;
		height:1.5rem;
		line-height:1.5rem;
		margin:1rem auto;
	}
	.rev_con_r{
		width:12rem;
		margin:0 auto;
		float:none;
		overflow:hidden;
	}
	.rev_con_r img{
		width:5rem;
		height:5rem;
		margin:0;
	}
	.rev_con_r img:nth-child(1){
		margin-right:2rem;
		margin-left:0;
	}
}
@media screen and (min-width: 750px) and (max-width: 1100px){

}
@media screen and (max-width:320px){

}