.section-light p{
	/*font-family: 'PingFang-SC', 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', 'Arial', sans-serif;*/
}

.video-overlay{
	background: -webkit-gradient(radial, center center, 0, center center, 460, from(rgba(0,0,0,0.8)), to(rgba(0,0,0,.8)));
	background: -webkit-radial-gradient(circle, rgba(0,0,0,0.8), rgba(0,0,0,.8));
	background: -moz-radial-gradient(circle, rgba(0,0,0,0.8), rgba(0,0,0,.8));
	background: -ms-radial-gradient(circle, rgba(0,0,0,0.8), rgba(0,0,0,.8));
	background: radial-gradient(circle, rgba(0,0,0,0.8), rgba(0,0,0,.8));
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}



/*视频*/
.video-wrap{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 8;
}
.video-wrap video{
	min-height: 100%;
	min-width: 100%;
}

.section-hero h1{
	line-height: 1.15;
}
 .section-light h2{
 	line-height: 1.15;
 }
.section-hero .hero-headline .section-content{
	z-index: 10;
}

@media (max-width: 640px){
	.section-hero-discover .hero-headline .section-image, 
	.section-next-discover .section-image{
		background: url("../images/index-phone-bg1.jpg") no-repeat center center;
		background-size: cover;
		-webkit-filter:blur(0px);
	}

	.section-hero-discover .hero-headline .section-image .video-overlay{
		display: none;
	}
}




/*第二屏*/
.section-streaming .content-width .large-5{ 
	width: 42%;
}
.section-streaming .section-content  p{text-align:left}
@media (max-width: 735px){
	.section-streaming .content-width .large-5.small-12{
		width: 100%;
	}
}


/*第三屏*/
.section-sorting .section-content .large-5{
	width: 37%;
}
@media (max-width: 1024px){
	.section-sorting .section-content .large-5{
		width: 39%;
	}
}
@media (max-width: 735px){
	.section-sorting .section-content .large-5.small-12{
		width: 100%;
	}
}



/*第四屏*/
.section-four .row h3{
	margin-bottom: 6%;
	text-align: center;
	margin-top: 10%;
	color:#000;
}
.section-foryou{
	padding-bottom: 0;
}
.section-foryou .section-four{
	max-width: 1860px;
	margin: 0 auto;
	background-color: #f2f2f2;
}
.section-foryou .left-con{
	line-height: 0;
}
.section-foryou .left-con img{
	max-width: 100%;
}

.section-foryou .right-con{
	height: 100%;
	background-color: #fff;
	text-align: center;
	font-size: 24px;
	color: #333;

	position: absolute;
	right:0;
	top: 0;
}

.section-foryou .right-con .column{
	height: 100%;
	border-top: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
}
.section-foryou .right-con .row{
	height: 50%;
}
.section-foryou .right-con .row .column{
	width: 49.9%;
}
.section-foryou .right-con .row .column:last-child{
	border-right: 0;
}
.section-foryou .right-con .row .img-wrap{
	margin-bottom: 4%;
	margin-top: 26%;
	height: 42px;
}
.section-foryou .right-con .row .img-wrap1{
	background: url("../images/icon-bug1.png") no-repeat center center;
}
.section-foryou .right-con .row .img-wrap2{
	background: url("../images/icon-bug2.png") no-repeat center center;
}
.section-foryou .right-con .row .img-wrap3{
	background: url("../images/icon-yun.png") no-repeat center center;
}

.section-foryou .right-con .row .img-wrap4{
	background: url("../images/icon-seo.png") no-repeat center center;
}

@media (max-width: 900px){
	
	.section-foryou .right-con{
		font-size: 20px;
	}

	.section-four .row h3{
		text-align: left;
	}

	
}

@media (max-width: 485px){
	.section-foryou .right-con .row .column{
		width: 49.8%;
	}
	.section-foryou .right-con .row .img-wrap{
		height: 55px;
	}
	.section-foryou .right-con{
		font-size: 16px;
	}

	.section-dark .row h3 .eyebrow{
		font-size: 16px;
	}
}


/*第五屏*/
/*.section5{
	background-color: #fff;
}*/

.section-new h2{
	line-height: 1.2;
	font-size:40px;
}

.section-discover .section-content p,.section-mix .content-center p,.section-data .section-content p,#data .section-content  p{text-align:left;}




/* 第七屏蓝图*/
.section-blue{
	height: 996px;
	color: #fff;
	background: url("../images/blue-bg.jpg") no-repeat 50% 0;
}

.section-blue .center-wrapper {
    position: relative;
    top: 0;
    width: 1240px;
    height: 100%;
    margin: 0 auto;
}
.section-blue .section-content{
	position: relative;
	margin: 0 auto;
	padding-top: 745px;
}
.section-blue .section-content p{
	text-align: left;
}

.section-blue .mtouch {
    position: absolute;
    top: 175px;
    /*left: 332px;*/
    left: 50%;
    width: 612px;
    height: 608px;
    margin-left: -280px;
}
.section-blue .img {
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	opacity:0;
	-webkit-transition:all 1s linear;
	transition:all 1s linear
}
.section-blue .img-1 {
	-webkit-transform:none;
	-ms-transform:none;
	transform:none;
	margin:-304px 0 0 -306px;
	-webkit-transition-delay:1.2s;
	transition-delay:1.2s
}
.section-blue .img-2 {
	-webkit-transition-delay:.1s;
	transition-delay:.1s
}
.section-blue .img-3 {
	-webkit-transition-delay:.1s;
	transition-delay:.1s
}
.section-blue .img-4 {
	margin:-167px 0 0 -168px;
	-webkit-transform:none;
	-ms-transform:none;
	transform:none;
	-webkit-transition-duration:2s;
	transition-duration:2s;
	-webkit-transition-delay:.4s;
	transition-delay:.4s
}
.section-blue .img-5 {
	width:560px;
	-webkit-transition-delay:.6s;
	transition-delay:.6s
}
.section-blue .img-6 {
	-webkit-transition-duration:3s;
	transition-duration:3s;
	-webkit-transition-delay:.8s;
	transition-delay:.8s
}


/*active*/

.active.section-blue .img {
	opacity: 1;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%)
}
.active.section-blue .img-1 {
	-webkit-transform:none;
	-ms-transform:none;
	transform:none;
	-webkit-animation:rotate 10s linear infinite;
	animation:rotate 10s linear infinite
}
.active.section-blue .img-4 {
	-webkit-transform:none;
	-ms-transform:none;
	transform:none;
	-webkit-animation:rotate1 10s linear infinite;
	animation:rotate1 10s linear infinite
}
.active.section-blue .img-5 {
	width:355px
}





@-webkit-keyframes rotate {
	from {
	-webkit-transform:none;
	transform:none
}
to {
	-webkit-transform:rotateZ(-360deg);
	transform:rotateZ(-360deg)
}
}@keyframes rotate {
	from {
	-webkit-transform:none;
	transform:none
}
to {
	-webkit-transform:rotateZ(-360deg);
	transform:rotateZ(-360deg)
}
}@-webkit-keyframes rotate1 {
	from {
	-webkit-transform:none;
	transform:none
}
to {
	-webkit-transform:rotateZ(360deg);
	transform:rotateZ(360deg)
}
}@keyframes rotate1 {
	from {
	-webkit-transform:none;
	transform:none
}
to {
	-webkit-transform:rotateZ(360deg);
	transform:rotateZ(360deg)
}
}


@media (max-width: 1280px){
	.section-blue{
		background-color: #0143b4;
	}
	.section-blue .center-wrapper{
		width: 1000px;
	}

	.section-blue .mtouch{
		transform: scale(0.8);
	}

	.section-blue .mtouch {
	    /*width: 490px;
	    height: 486px;*/
	}

}


@media (max-width: 1020px){
	.section-blue .center-wrapper{
		width: 100%;
	}
	.section-blue .section-content{
		width: 90%;
		text-align: left;
	}
	.content-center p{
		max-width: 100%;
	}
}

@media (max-width: 900px){
	.section-blue{
		height: auto;
	}
	.section-blue .mtouch{
		transform: scale(0.6);
	}
}
@media (max-width: 480px){
	.section-blue{
		height: auto;
		background: url("../images/blue-bg-small.jpg") no-repeat center top #0143b4;
		background-size: contain;
	}
	.section-blue .mtouch{
		transform: scale(0.4);
		top: -130px;
		margin-left: -305px;
	}

	.section-blue .section-content{
		padding-top: 335px;
		padding-bottom: 50px;
	}
}






/*第八屏*/
.page-discover .section-newreleases .newreleases-copy{
	width: 39%;
}
.page-discover .section-newreleases .newreleases-copy h3{
	width: 100%;
}
@media (max-width: 1440px){
	.section-newreleases h3{
		width: 86%;
	}
}
@media (max-width: 735px){
	.page-discover .section-newreleases .newreleases-copy.small-12{
		width: 100%;
	}
}

/*第九屏*/
.page-discover .section-mix  p{
	font-size: 16px;
	text-align:left;
}

@media (max-width: 480px){
	.page-discover .section-mix .medium-seperate-rows{
		margin-bottom: 10px;
	}
}


/*第十屏*/
/*big data*/
.section-data{
	width: 100%;
	height: auto;
	background-color: #f9f9f9;
	padding-bottom: 4%;
}
.section-data .section-content {
	margin-bottom: 30px;
}
.section-data img{
	max-width: 100%;
	display: block;
	margin: 0 auto
}
.section-data img.mobile-only{
	display: none;
}
@media (max-width: 900px){
	.section-data img.pc-only{
		display: none;
	}	
	.section-data img.mobile-only{
		display: block;
	}
}


/*第十一屏*/
/*.section-devices .copy-devices p{
	font-size: 16px;
	line-height: 2;
}*/
.section-devices{
	overflow: hidden;
}
.section-devices .copy-devices p{
	width: 79%;
}
.section-devices .large-5{
	width: 39%;
}

@media (max-width: 1366px){
	.section-devices .copy-devices p{
		width: 82%;
	}
}
@media (max-width: 1024px){
	.section-devices .large-5{
		width: 44%;
	}
	.section-devices .copy-devices p{
		width: 90%;
	}
}

@media (max-width: 900px){
	.section-devices .copy-devices p{
		width: 100%;
	}
}
@media (max-width: 768px){
	.section-devices .large-5.small-12{
		width: 100%;
	}
}

/*第十二屏*/
.section-next-radio{
	background: url("../images/way-bg.jpg") no-repeat center center;
}
.section-next-radio h2 img{
	margin: 0 auto;
}
.view-section11{
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	-o-transition: all .8s ease;
	transition: all .8s ease;
}

/*view12*/
.view-section12 {
	padding-top: 5%;
	padding-bottom: 5%;
	margin-top: -40px;
	background: url("../images/way-bg.jpg") no-repeat center center;
	text-align: center;

	position: relative;
	z-index: 9;

	overflow: hidden;
}

.view-section12 .eyebrow{
	color: #fff;
	margin-bottom: 1em;
}

.view-section12 .section-content{
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	-o-transition: all .8s ease;
	transition: all .8s ease;
}




@media (max-width: 1000px){
	.section-foryou .left-con{
		width: 100%;
	}
	.section-foryou .left-con img{
		width: 100%;
	}
	.section-foryou .right-con{
		width: 100%;
		position: relative;
	}
	.section-foryou .right-con .row .column{
		padding-bottom: 10%;
	}
}
.mobile-only-br{
	display: none;
}
@media (max-width: 480px){
	.section-next-radio{
		background-color: #000;
	}
	.section-next-radio h2 img{
		transform: scale(0.6);
		-webkit-transform: scale(0.6);
	}
	html.touch .section-next{
		max-height: 500px;
	}
	.section-next h2{
		margin-top: -32px;
	}


	.mobile-only-br{
		display: block;
	}
}