/*Wap css*/
@charset "utf-8";

.sec1{
	width: 100%;
	height: 600px;
	position:relative;
}
h3,h5{
	font-weight: normal;
}

.info{
	background:url(./img.png) no-repeat center;
	background-size: cover;
	width: 100%;
	height: 600px;
}
.info ul{
	padding: 240px 0 0 160px;
	
}
.info ul li.title,.s-title{
	font-size: 50px;
}
.info ul li.title1,.s-title1{
	font-size: 20px;
}

.sec2{
	background: url(./img1.png) no-repeat center;
	width: 100%;
	height: 600px;
	position: relative;
}

.sec2-info{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	color: #fff;
}
.sec2-info h3{
	font-size: 60px;
}
.sec2-info p{
	font-size: 30px;
}
.sec3{
	background: url(./img2.png) no-repeat center;
	/* background-size:100% 500px ; */
	height: 500px;
	width: 100%;
	position: relative;
}
.sec3 .sec3-info{
	height: 500px;
	position: relative;
}
.sec3 .sec3-info ul{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding-left:110px;
}
.sec3-info>ul>li>img{
	width: 104px;
	height: 104px;
	padding: 20px 30px 0 0;
}

.r-img{
	width: 150px;
	height: 200px;
	position: absolute;
	top: 50%;
	right: 210px;
	transform: translate(0,-50%);
	margin-top:13px ;
}
.sec4{
	height: 800px;
}

.sec4-info img{
	width: 450px;
	height: 650px;
}
.sec4-details{
	width: 504px;
	
	background: url(./img4-1.png)no-repeat left;
	position: absolute;
	top: 50%;
	right: 96px;
	transform: translateY(-50%);
	padding: 30px 0;
}
.sec4-details h5{
	font-size: 35px;
	color: #0072ff;
	padding-left:20px;
}
.sec4-details ul li{
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #000000;
	padding-left:20px;
	
}
.sec4-info{
	position: relative;
	height: 800px;
	margin: auto;
}
.sec4-info .fl img{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.sec4-details ul li span{
	float: right;
}
.sec4-details ul li.border{
	border: none;
}
.sec4-details ul li.border span{
	border-bottom: 1px solid #000000;
}