/*common*/
.con{
    width: 1250px;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    position: relative;
}
.con:before,.con:after{
    display: table;
    content: " ";
}
.con:after{
    clear:both;
}
@media (max-width: 1267px) and (min-width: 768px){
.con {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
}
}
@media (max-width: 767px){
.con {
    width: 100%;
    padding-left: 4vw;
    padding-right: 4vw;
}
.padding-left-right-xs-0{
    padding-left: 0;
    padding-right: 0;
}
}
.part{
	width: 1920px;
	position: relative;
	left: 50%;
	margin-left: -960px;
}
.text h3{
	font-size: 45px;
	line-height: 1.2;
	color: #212121;
	margin: 0 0 10px;
}
.text p{
	font-size: 25px;
	line-height: 1.5;
	color: #5b5b5b;
	margin: 0;
}
@media screen and (max-width: 1440px){
	.part{
		width: 100%;
		margin-left: 0;
		left: auto;
	}
	.text h3{
		font-size: 34px;
	}
	.text p{
		font-size: 19px;
	}
}
@media screen and (max-width: 1280px){
	.text h3{
		font-size: 30px;
	}
	.text p{
		font-size: 17px;
	}
}
@media screen and (max-width: 960px){
	.text h3{
		font-size: 23px;
	}
	.text p{
		font-size: 15px;
	}
}
@media screen and (max-width: 720px){
	.text h3{
		font-size: 6vw;
	}
	.text p{
		font-size: 4vw;
	}
}
@media screen and (max-width: 480px){
}
/*part1*/
.part1{
	background: url(https://www.51cube.com/wp-content/uploads/2021/06/1624953779-dz-page-part1-bg.jpg) no-repeat center;
	background-size: cover;
	height: 900px;
	padding-top: 100px;
	text-align: center;
}
.part1 h2{
	margin: 0;
	font-size: 60px;
	color: #fff;
	letter-spacing: 10px;
	text-align: center;
	line-height: 1.5;
}
.part1 .c-wrap{
	margin-top: 100px;
	width: 100%;
	height: auto;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 0 10%;
}
.part1 .c{
	margin: 0;
    width: 25%;
    text-align: center;
}
.part1 .c img{
	width: 70%;
	height: auto;
}
.part1 .n{
	font-size: 25px;
	color: #fff;
	padding: 20px 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	display: inline-block;
	margin: auto;
	margin-top: 100px;
}
@media screen and (max-width: 1440px){
	.part1{
		height: auto;
		padding: 90px 0 100px;
	}
	.part1 h2{
		font-size: 53px;
		letter-spacing: 8px;
	}
	.part1 .c-wrap{
		margin-top: 90px;
	}
	.part1 .n{
		margin-top: 90px;
	}
}
@media screen and (max-width: 1280px){
	.part1{
		padding: 70px 0 80px;
	}
	.part1 h2{
		font-size: 47px;
		letter-spacing: 7px;
	}
	.part1 .c-wrap{
		margin-top: 67px;
	}
	.part1 .n{
		font-size: 20px;
		margin-top: 67px;
	}
}
@media screen and (max-width: 960px){
	.part1 h2{
		font-size: 35px;
		letter-spacing: 5px;
	}
	.part1 .c-wrap{
		margin-top: 50px;
	}
	.part1 .n{
		margin-top: 50px;
	}
}
@media screen and (max-width: 720px){
	.part1{
		padding: 80px 0 90px;
	}
	.part1 h2{
		font-size: 8vw;
		letter-spacing: 3px;
	}
	.part1 .c-wrap{
		margin-top: 8vw;
		padding: 0;
	}
	.part1 .n{
		font-size: 4vw;
		margin-top: 8vw;
	}
}
@media screen and (max-width: 480px){
	.part1 .c{
		width: 50%;
		margin: 4vw 0;
	}
}
/*part2*/
.part2{
	background: #fff;
	padding: 150px 0;
}
.part2 .con{
	height: auto;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
}
.part2 .l{
	width: 44%;
	padding-top:40px;
	padding-right: 40px;
}
.part2 .r{
	width: 56%;
	position: relative;
	overflow: hidden;
	min-height: 240px;
	border-radius: 25px;
}
.part2 .r img{
	position: absolute;
	left: 50%;
	top: 50%;
	height: 100%;
	width: auto;
	transform: translate(-50%,-50%);
}
@media(max-width: 1440px){
    /*0.75*/
    .part2{
    	padding: 112px 0;
    }
}
@media(max-width: 1080px){
    /*0.5625*/
    .part2{
    	padding: 84px 0;
    }
}
@media(max-width: 720px){
    /*0.375*/
    .part2{
    	padding: 10vw 0;
    }
    .part2 .l{
    	width: 100%;
    	text-align: center;
    	padding: 0 0 6vw;
    }
    .part2 .r{
    	width: 100%;
    	border-radius: 5.7vw;
    }
}
/*part3*/
.part3{
	background: #fff;
	text-align: center;
	padding-bottom: 120px;
}
.part3 .s-wrap{
	height: auto;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
	margin-top: 100px;
}
.part3 .s{
	width: 24%;
	margin: 0 0.5%;
}
.part3 .s p{
	font-size: 25px;
	color: #212121;
	margin: 0 0 10px;
	line-height: 1.5;
	text-align: center;
}
.part3 .s i{
	width: 100%;
	border-radius: 25px;
	overflow: hidden;
	display: block;
}
.part3 .s i img{
	width: 100%;
	height: auto;
}
@media(max-width: 1440px){
    /*0.75*/
    .part3{
    	padding-bottom: 90px;
    }
    .part3 .s-wrap{
    	margin-top: 75px;
    }
    .part3 .s p{
    	font-size: 19px;
    }
}
@media(max-width: 1080px){
    /*0.5625*/
    .part3{
    	padding-bottom: 68px;
    }
    .part3 .s-wrap{
    	margin-top: 30px;
    }
    .part3 .s p{
    	font-size: 16px;
    }
}
@media(max-width: 720px){
    /*0.375*/
    .part3{
    	padding-bottom: 8vw;
    }
    .part3 .s-wrap{
    	margin-top: 0;
    }
    .part3 .s{
    	width: 46%;
    	margin: 3% 2%;
    }
    .part3 .s p{
    	font-size: 4vw;
    	margin: 0 0 1vw;
    }
    .part3 .s i{
    	border-radius: 5.7vw;
    }
}
/*part4*/
.part4{
	background: #fff;
	text-align: center;
	padding-bottom: 180px;
}
.part4 .g-wrap{
	height: auto;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
	margin-top: 100px;
	background: #f1f1f1;
	border-radius: 25px;
	align-items:center;/*垂直居中*/
}
.part4 .g:nth-of-type(1),
.part4 .g:nth-of-type(2){
	width: 38%;
	margin: 0;
}
.part4 .g:nth-of-type(3){
	width: 24%;
	margin: 0;
}
.part4 .zixun{
	text-align: left;
	display: inline-block;
	font-size: 20px;
	color: #212121;
	line-height: 1.8;
	position: relative;
	margin-left: 60px;
}
.part4 .g .zixun:before{
	content: '\e912';
    font-family: Header-icon-pc;
    position: absolute;
    font-size: 50px;
    line-height: 28px;
    left: -60px;
    top: 50%;
    font-weight: normal;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}
.part4 .g:nth-of-type(2) .zixun::before{
	content: '\e90e';
}
.part4 .qrcode {
	padding: 75px 0;
}
.part4 .qrcode img{
	width: 119px;
	height: auto;
}
@media(max-width: 1440px){
    /*0.75*/
    .part4{
    	padding-bottom: 135px;
    }
    .part4 .g-wrap{
    	margin-top: 75px;
    }
    .part4 .zixun{
    	font-size: 17px;
    	margin-left: 50px;
    }
    .part4 .g .zixun:before{
    	font-size: 38px;
    	left: -50px;
    }
}
@media(max-width: 1080px){
    /*0.5625*/
    .part4{
    	padding-bottom: 100px;
    }
    .part4 .g-wrap{
    	margin-top: 56px;
    }
    .part4 .zixun{
    	font-size: 16px;
    	margin-left: 50px;
    }
    .part4 .g .zixun:before{
    	font-size: 30px;
    	left: -40px;
    }
}
@media(max-width: 720px){
    /*0.375*/
    .part4{
    	padding-bottom: 12vw;
    }
    .part4 .g-wrap{
    	margin-top: 6vw;
    	padding-top: 6vw;
    }
    .part4 .zixun{
    	font-size: 4vw;
    	margin-left: 8vw;
    }
    .part4 .g .zixun:before{
    	font-size: 6vw;
    	left: -8vw;
    }
    .part4 .g{
    	text-align: left;
    }
    .part4 .g:nth-of-type(1), .part4 .g:nth-of-type(2) {
	    width: 100%;
    	margin-bottom: 6vw;
    	padding-left: 6vw;
	}
	.part4 .g:nth-of-type(3) {
	    width: 100%;
    	margin-bottom: 6vw;
    	padding-left: 14vw;
	}
	.part4 .qrcode{
		padding: 0;
	}
}

/*part5*/
.part5{
	background: #fff;
	text-align: center;
	padding-bottom: 120px;
}
.part5 .s-wrap{
	height: auto;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
	margin-top: 100px;
}
.part5 .s{
	width: 24%;
	margin: 0 0.5%;
}
.part5 .s p{
	font-size: 25px;
	color: #212121;
	margin: 10px 0 0;
	line-height: 1.5;
	text-align: center;
}
.part5 .s i{
	width: 100%;
	border-radius: 25px;
	overflow: hidden;
	display: block;
}
.part5 .s i img{
	width: 100%;
	height: auto;
}
@media(max-width: 1440px){
    /*0.75*/
    .part5{
    	padding-bottom: 90px;
    }
    .part5 .s-wrap{
    	margin-top: 75px;
    }
    .part5 .s p{
    	font-size: 19px;
    }
}
@media(max-width: 1080px){
    /*0.5625*/
    .part5{
    	padding-bottom: 68px;
    }
    .part5 .s-wrap{
    	margin-top: 30px;
    }
    .part3 .s p{
    	font-size: 16px;
    }
}
@media(max-width: 720px){
    /*0.375*/
    .part5{
    	padding-bottom: 8vw;
    }
    .part5 .s-wrap{
    	margin-top: 0;
    }
    .part5 .s{
    	width: 46%;
    	margin: 3% 2%;
    }
    .part5 .s p{
    	font-size: 4vw;
    	margin: 1vw 0 0;
    }
    .part5 .s i{
    	border-radius: 5.7vw;
    }
}