﻿.wrapper{
	width: 1400px;
	margin: 0 auto;
}
.head{
	/*padding-top: 30px;*/
	text-align: center;
}
.head h1{
	position: relative;
	margin-bottom: 20px;
	font-size: 50px;
	font-weight: bold;
	font-family: '迷你简艺黑';
	color: #fff;
}
.head h1 span{
	color: #fff;
}

.tell {
    width: 36%;
    margin: 75px auto;
}
.tell-icon {
    width: 100%;
}
.tell-icon img{
    width: 100%;
    display: block;
}

.ads{
	width: 100%;
	position: relative;
}
.ads img{
	width: 100%;
	display: block;
}
.zixun{
	position: absolute;
    top: 0;
	right: -2%;
    width: 16%;
    border-radius: 50%;
    box-sizing: border-box;
    text-align: center;
    line-height: 20px;
}
.zixun-bg{
	width: 100%;
}
.zixun-bg img{
	width: 100%;
	display: block;
}

.ads-link{
	position: absolute;
	top: 0;
	right: 10%;
	display: block;
	width: 40%;
	height: 100%;
}

/*banner*/
.d-banner{
	width: 100%;
}
.d-banner img{
	display: block;
	width: 100%;
}

/*section1*/
.section1{
	width: 100%;
	height: auto;
	padding: 60px 0;
	margin-top: 10px;
}
.section1-cont{
	width: 100%;
	padding-top: 60px;
	padding-bottom: 60px;
}
.section1-item{
	float: left;
	width: 50%;
	padding: 0 8%;
	box-sizing: border-box;
}
.section1-item h3{
	float: left;
	display: inline-block;
	font-size: 40px;
	font-family: '微软雅黑';
	color: #fff;
	border-bottom: 1px solid #fff;
}
.section-item h2{
	margin-left: 46px;
	margin-top: 49px;
	font-size: 26px;
}
.section-item a{
	display: block;
	font-size: 20px;
	padding: 10px;
	margin-left: 46px;
	margin-top: 39px;
	color: #fff;
	text-align: center;
	width: 33%;
	background-color: #ff506a;
	border-radius: 30px;
}
.section1-item .p{
	float: left;
	margin-left: 12px;
	margin-top: 8px;
}
.section1-item .p p{
	font-size: 24px;
	font-family: '微软雅黑';
	color: #fff;
}
.section1-item-li{margin-top: 18px;}
.section1-item-li p{
	font-size: 20px;
	font-family: '微软雅黑';
	color: #fff;
	line-height: 1.8;
}


/*section2*/
.section2{
	width: 100%;
	margin-top: 60px;}
.section2-cont{width: 100%;margin-top: 20px;}
.section-item{
	width: 24%;
	float: left;
	margin-left: 4%;
}
.section-item img{
	width: 100%;
	display: block;
}
.section-item p{
	/* font-size: 18px; */
	font-family: '微软雅黑';
	color: #000;
	font-size: 26px;
margin-left: 48px;
}
.section-item p span{
	color: #ff0000;
}

/*section3*/
.section3{
	margin-top: 60px;
}

.section3-li{
	width: 28%;
	height: 242px;
	float: left;
	margin-left: 4%;
	margin-top: 2%;
    overflow: hidden;
}
.section3-li img{
	width: 100%;
	display: block;
	transition: all 0.6s;
    -webkit-transition: all 0.6s;
    cursor: pointer;
}
.section3-li img:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

/*section4*/
.section4{
	width: 100%;
	margin-top: 64px;
	padding: 30px 0;
	/* background: #f8f8f8; */
}
.section4-content{
	width: 100%;
}
.section4-content img{
	width: 100%;
	display: block;
}

/*section5*/
.section5{
	width: 100%;
	padding: 20px 0;
	margin-top: 60px;
	background-color: #fff8fb;
}
.section5-cont{
	width: 100%;
	margin-top: 30px;
}
.section5-cont img{
	width: 100%;
	display: block;
}


@media screen and (max-width: 1680px){
	.wrapper{width: 1300px;}

	.section1{padding: 40px 0;}
	.section-item p {padding-top: 6%;}

	.section3-li{height: 210px;}
}

@media screen and (max-width: 1600px){
	.wrapper{width: 1200px;}

	.head h1 {
	    font-size: 42px;
	}
	.section1-item h3{font-size: 32px;}
	.section1-item .p p {font-size: 15px;}
	.section1-item-li p {font-size: 17px;}

	.section-item p{font-size: 17px;}

	.section3-li{height: 190px;}

}

@media screen and (max-width: 1440px){
	.wrapper{width: 1100px;}

	.head h1 {
	    font-size: 40px;
	}

	.section1-cont {
    padding-top: 30px;
    padding-bottom: 50px;}
	.section3-li{height: 175px;}

	.section1-item h3 {
	    font-size: 28px;
	}
	.section1-item .p p {
	    font-size: 20px;
	}
	.section1-item-li p {
	    font-size: 16px;
	}
	.section-item p {
	    font-size: 16px;
	}

}

@media screen and (max-width: 1400px){
	.wrapper{width: 980px;}
	
	.head h1 {
	    font-size: 36px;
	}

	.section1-item h3 {
	    font-size: 25px;
	}
	.section1-item .p p {
	    font-size: 12px;
	}
	.section1-item .p{margin-top: 3px;}
	.section1-item-li p {
	    font-size: 14px;
	}
	.section-item p {
	    font-size: 14px;
	}
	.section3-li{height: 156px;}

}

