.sec1{
	padding: 10% 0 6.25%;
}
.sec1 .left,.sec1 .right{
	width: 46.3%;
	display: inline-block;
	vertical-align: top;
}
.sec1 .left{
	margin-right: 7.4%;	
}
.sec1 .left img{
	margin-bottom: 3.333%;
	height: 50px;
	max-width: 100%;
}
.sec1 .left img.big25{
	height: 25px;
}
.sec1 .left img.big30{
	height: 30px;
}
.sec1 .left img.big35{
	height: 35px;
}
.sec1 .left img.big40{
	height: 40px;
}
.sec1 .left img.big45{
	height: 45px;
}
.sec1 .left img.big60{
	height: 60px;
}
.sec1 .left img.big80{
	height: 80px;
}
.sec1 .left img.big100{
	height: 100px;
}
.sec1 h3{
	font-size: 36px;
	color: #333;
	line-height: 1.5;
	font-weight: normal;
}
.sec1 p{
	font-size: 16px;
	color: #000;
	line-height: 1.78;
	margin-bottom: 1.78em;
}
.sec1 p:last-child{
	margin-bottom: 0;
}

/*web*/
.sec2{
	overflow: hidden;
	padding: 4.2% 0;
}
.sec2.pad{
	padding: 6.25% 0;
}
.sec2 img{
	width: 35.208%;
}
.sec2 img:nth-child(1){
	margin-left: -4.895%;
}
.sec2 img:nth-child(2){
	margin: 0 2.083%;
}
.sec2 img:nth-child(3){
	margin-right: -4.895%;
}
.sec3 .inner {
	position: relative;
}
.sec3 .grid-sizer{
	width: 46.3%;
}
.sec3 .gutter-sizer{
	width: 7.4%;
}
.sec3 .grid-item{
	width: 46.3%;
	float: left;
	margin-bottom: 7.4%;
	height: auto;
}
.sec3 .grid-item img{
	width: 100%;
}
.sec3.app .inner {
	padding-bottom: 4.2%;
}
.sec3.app .grid-sizer{
	width: 28.926%;
}
.sec3.app .gutter-sizer{
	width: 6.611%;
}
.sec3.app .grid-item{
	width: 28.926%;
	margin-bottom: 6.611%;
}
.sec3.app .grid-item:nth-child(3){
	margin-top: 17.1%;
}
.sec3.app .grid-item:nth-child(1){
	margin-top: 8.65%;
}

/*web mobile*/
.sec4{
	background-color: #eee;
	padding: 7% 0;
	text-align: center;
}
.sec4 .swiper-container{
	width: 100%;
}
.sec4 .web img{
	width: 21.6%;
	margin-right: 8.8%;
}
.sec4 .web img:last-child{
	margin-right: 0;
}


/*album*/
.sec5{
	background-color: #f9fafc;
	padding-top: 8.177%;
	text-align: center;
}
.sec5:last-child{
	padding-bottom: 4.1%;
}
.sec5 img{
	width: 49%;
}
.sec5 img.bg{
	width: 100%;
}



/*vi*/
.sec6{
	background-color: #f9fafc;
	text-align: center;
}
.sec6 img{
	width: 89.8765%;
	margin-bottom: -21.852%;
}
.sec6 img:last-child{
	margin-bottom: 0;
}
.sec6 img.bg{
	width: 100%;
}

/*表情包*/
.biaoqing{
	font-size: 0;
	background-color: #f9fafc;
	text-align: center;
}
.biaoqing li{
	width: 25%;
	display: inline-block;
	vertical-align: top;
}
.biaoqing img{
	width: 50%;
}


.baozhuang{
	background-color: #dadbdd;
	padding-bottom: 5%;
	text-align: center;
}
.baozhuang img{
	width: 49%;
}
.baozhuang img.bg{
	width: 100%;
}

@media only screen and (max-width:1024px) {

	.sec1{
		padding: 5rem 0 2.5rem;
	}
	.sec1 .left,.sec1 .right{
		width: 100%;
		display: block;
	}
	.sec1 .left{
		margin-right: 0;
		margin-bottom: 2rem;
	}
	.sec1 .left img{
		margin-bottom: 1rem;
		height: 2rem;
	}
	.sec1 .left img.big100{
		height: 4rem;
	}
	.sec1 .left img.big25{
		height: 1rem;
	}
	.sec1 .left img.big30{
		height: 1.2rem;
	}
	.sec1 .left img.big35{
		height: 1.4rem;
	}
	.sec1 .left img.big40{
		height: 1.6rem;
	}
	.sec1 .left img.big45{
		height: 1.8rem;
	}
	.sec1 .left img.big60{
		height: 2.4rem;
	}
	.sec1 .left img.big80{
		height: 3.2rem;
	}
	.sec1 h3{
		font-size: 1.5rem;
	}
	.sec1 p{
		font-size: 0.75rem;
	}


	.sec2{
		padding: 1.5rem 0 1rem;
		text-align: center;
	}
	.sec2.pad{
		padding: 2.5rem 0 1.5rem;
	}
	.sec2 img{
		width: 92%;
		margin-bottom: 1.5rem;
	}
	.sec2 img:nth-child(1){
		margin-left: 0;
	}
	.sec2 img:nth-child(2){
		margin: 0 0 1.5rem;
	}
	.sec2 img:nth-child(3){
		margin-right: 0;
		margin-bottom: 0;
	}


	.sec3{
		padding-bottom: 1rem;
	}
	.sec3 .grid-sizer{
		width: 100%;
	}
	.sec3 .gutter-sizer{
		width: 0;
	}
	.sec3 .grid-item{
		width: 100%;
		margin-bottom: 1.5rem;
	}
	.sec3.app{
		padding-bottom: 1rem;
	}
	.sec3.app .grid-sizer{
		width: 100%;
	}
	.sec3.app .gutter-sizer{
		width: 0;
	}
	.sec3.app .grid-item{
		width: 100%;
		margin-bottom: 1.5rem;
	}
	.sec3.app .grid-item:nth-child(3){
		margin-top: 0;
	}
	.sec3.app .grid-item:nth-child(1){
		margin-top: 0;
	}

	.sec4{
		padding: 2.5rem 0;
	}


	.sec5{
		padding-top: 1rem;
	}
	.sec5:last-child{
		padding-bottom: 0.5rem;
	}
	.sec5 img{
		width: 100%;
	}


	.sec6 img{
		width: 100%;
	}



	.biaoqing li{
		width: 50%;
	}

	.baozhuang{
		padding-bottom: 1.5rem;
	}
}