@charset "utf-8";
h2{font-size:36px;color:#fff;}
.m750_part1{background:url(../images/m750_p1_bg.jpg) repeat-x;height:720px;position:relative;}
.m750_d{position:absolute;left:0;top:0;z-index:9;}
.m750_part1 .poa-box{bottom:80px;margin-left:-388px;z-index:1;}
.m750_js{padding:100px;}
.m750_js h2{font-size:36px;color:#fff;margin-bottom:20px;}
.m750_js p{font-size:18px;color:#fff;line-height:26px;}
.m750_poa_js{position:absolute;top:-95px;right:60px;}
.m750_poa_js li{float:left;margin-left:30px;color:#fff;text-align:center;}
.m750_poa_js li span.m750_p1_t{display:block;width:90px;padding:5px 0;margin-bottom:10px;border-bottom:2px solid #fff;font-size:24px;}
.m750_poa_js li span.block{font-size:12px;}
.m750_p25{position:absolute;right:-65px;top:0px;color:#fff;font-size:18px;}



.m750_part2{background:url(../images/m750_p2_bg.jpg) no-repeat;height:720px;position:relative;}
.m750_part2 .poa-box{bottom:60px;margin-left:-297px;z-index:1;}
.m750_part2 h2{font-size:36px;color:#fff;padding-top:60px;}

.m750_part3{background:url(../images/m750_p3_bg.jpg) no-repeat;height:720px;position:relative;}
.m750_part3 .box-center{padding:110px 0;}
.m750_part3 .w50{width:50%;float:left;}
.m750_part3_js {padding:50px;color:#fff;}
.m750_part3_js h2{margin-bottom:20px;}
.m750_part3_js .all-edit p{color:#fff;font-size:16px;line-height:30px;}

.m750_part4{background:#000;height:720px;position:relative;}
.m750_part4 .box-center{padding:77px 0;}
.m750_part4_poa{position:absolute;top:50%;margin-top:-30px;width:1200px;}
.m750_part4_title{font-size:40px;color:#333;background:url(../images/m750_p4_tbg.png) no-repeat;height:60px;line-height:60px;text-align:center;width:100%;}

.m750_part5{background:#fff;position:relative;text-align:center;}
.m750_part5 .box-center{padding:100px 0;}
.m750_part5 h2{color:#333;margin-bottom:10px;}
.m750_part5 h2.mb20{margin-bottom:20px;font-size:28px;}
.m750_part5 p{line-height:26px;}
.m750_part5_img{margin-top:100px;}


.w50{float:left;}
.m866_part1{background:url(../images/m866_p1_bg.jpg) no-repeat;height:720px;position:relative;overflow:hidden;}
.m866_part1 .poa-box{bottom:0px;margin-left:-466px;}
.m866_part1 h2{padding-top:60px;color:#2d7eb6;}
.m866_part1 .info-img{
	opacity: 1;
	-webkit-transform: translate3d(0,30%,0);
	-moz-transform: translate3d(0,30%,0);
	-o-transform: translate3d(0,30%,0);
	-ms-transform: translate3d(0,30%,0);
	transform: translate3d(0,30%,0);
}
.m866_part1.box-animation .info-img{
	transition: all 0.8s ease;
}
.m866_part2{background:url(../images/m866_p2_bg.jpg) no-repeat;height:720px;position:relative;overflow:hidden;}
.m866_part2 .box-center{padding:66px 0;}
.m866_part2 .m750_part3_js p{color:#666;}
.m866_part2 h2{color:#333;}
.m866_img{
	margin-top:30px;width:75%;overflow:hidden;
}
.box-animation .m866_img{
	 -webkit-animation-name: scale;
     -webkit-animation-timing-function: ease-in-out;
     -webkit-animation-iteration-count: infinite;
     -webkit-animation-duration: 4s;
     -webkit-animation-direction: alternate;
}


.m866_mtimg{margin-top:50px;}

.m866_part3  .poa-box{bottom:0px;margin-left:-585px;}
.m866_part3 h2{color:#333;margin-bottom:20px;padding-top:100px;}
.m866_part3 p.text-init{font-size:16px;}

.m866_part4{height:720px;overflow:hidden;position:relative;}
.m866_part4 .box-center{padding:100px 0;}
.m866_part4 h2{color:#333;}
.m866_part4 .m750_part3_js .all-edit p{color:#666;}
.m866_part4 .figure{position:relative;}
.m866_part4_img1{position:absolute;left:100px;z-index:2;height:520px;}
.m866_part4_img2{position:absolute;left:100px;z-index:1;height:520px;}

.m866_part5{background:url(../images/m866_p5_bg.jpg) repeat-x;height:720px;position:relative;overflow:hidden;}
.m866_part5 .poa-box{bottom:-50px;margin-left:-420px;}
.m866_part5 .box-center{padding-top:60px;}
.m866_part5_left{position:absolute;left:-150px;top:8%;}
.m866_part5_left p,.m866_part5_right p{font-size:18px;line-height:28px;color:#fff;}
.m866_part5_right{position:absolute;right:0;bottom:40%;}

.m880_mbps{margin-top:60px;position:relative;}
.m880_part5_img{margin-top:-40px;}
.m880_part3 .figure{position:relative;margin-top:50px;height:520px;}
.m880_part2{
	background: url(../images/m866_p1_bg.jpg) no-repeat;
	height: 720px;
	position: relative;
	overflow: hidden;
}
.m880_part2 .w35{width:35%;float:left;}
.m880_part2 .w60{width:60%;float:right;}
.m880_part2 .box-center{padding:60px 0;}
.m880_part2 h2{color:#2d7eb6;margin-bottom:20px;}
.m880_part2 .w35{padding:200px 0;}
.m880_part2 .w35 p{font-size:18px;color:#666;line-height:30px;}
.m880_part2_box{margin-top:50px;position:relative;}
.m880_part2_img1{position:absolute;left:0;top:0;z-index:4;}
.m880_part2_img2{position:absolute;left:14px;top:26px;z-index:3;}
.m880_part2_img3{position:absolute;left:24px;top:45px;z-index:2;}
.m880_part2_img4{position:absolute;left:32px;top:62px;z-index:1;}

.m880_part3 .m866_part4_img1 {
    left: 0px;
    top:-50px;
}

.m880_part3 .m866_part4_img2 {
    left: 200px;
    bottom:-50px;
}

.m880_part4 .poa-box {
    bottom: 0px;
    margin-left: -330px;
}
.m880_part4 .poa_icon{position:absolute;left:230px;top:95px;width:200px;height:65px;}
.m880_part4 .poa_icon img{
	 opacity: 0;
    
}
.m880_part1 .poa-box {
    bottom: 120px;
    margin-left: -399px;
    z-index: 1;
}
.m880_part1 .m750_p25{right: 0px;}
.m880_part1 .m750_poa_js {
    position: absolute;
    bottom: -30px;
    top:auto;
    right: -150px;
}


.icon-img1{
	position:absolute;z-index:5;
	-webkit-transform: translate3d(7px,20px,0);
    -moz-transform: translate3d(7px,20px,0);
    -o-transform: translate3d(7px,20px,0);
    -ms-transform: translate3d(7px,20px,0);
    transform: translate3d(7px,20px,0);
    transition: all 1s ease;
}
.icon-img2{
	position:absolute;z-index:6;
	-webkit-transform: translate3d(7px,18px,0);
    -moz-transform: translate3d(7px,18px,0);
    -o-transform: translate3d(7px,18px,0);
    -ms-transform: translate3d(7px,18px,0);
    transform: translate3d(7px,18px,0);
    transition: all 1s ease;
}
.icon-img3{
	position:absolute;z-index:7;
	-webkit-transform: translate3d(7px,16px,0);
    -moz-transform: translate3d(7px,16px,0);
    -o-transform: translate3d(7px,16px,0);
    -ms-transform: translate3d(7px,16px,0);
    transform: translate3d(7px,16px,0);
    transition: all 1s ease;
}
.icon-img4{
	position:absolute;z-index:8;
	-webkit-transform: translate3d(7px,10px,0);
    -moz-transform: translate3d(7px,10px,0);
    -o-transform: translate3d(7px,10px,0);
    -ms-transform: translate3d(7px,10px,0);
    transform: translate3d(7px,10px,0);
    transition: all 1s ease;
}
.icon-img5{
	position:absolute;z-index:9;
	-webkit-transform: translate3d(7px,6px,0);
    -moz-transform: translate3d(7px,6px,0);
    -o-transform: translate3d(7px,6px,0);
    -ms-transform: translate3d(7px,6px,0);
    transform: translate3d(7px,6px,0);
    transition: all 1s ease;
}


.box-animation img.icon-img1{
	opacity: 1;
	-webkit-transform: translate3d(7px,20px,0);
    -moz-transform: translate3d(7px,20px,0);
    -o-transform: translate3d(7px,20px,0);
    -ms-transform: translate3d(7px,20px,0);
    transform: translate3d(7px,20px,0);
}
.box-animation img.icon-img2{
	opacity: 1;
	-webkit-transform: translate3d(17px,8px,0);
    -moz-transform: translate3d(17px,8px,0);
    -o-transform: translate3d(17px,8px,0);
    -ms-transform: translate3d(17px,8px,0);
    transform: translate3d(17px,8px,0);
}
.box-animation img.icon-img3{
	opacity: 1;
	-webkit-transform: translate3d(27px,-5px,0);
    -moz-transform: translate3d(27px,-5px,0);
    -o-transform: translate3d(27px,-5px,0);
    -ms-transform: translate3d(27px,-5px,0);
    transform: translate3d(27px,-5px,0);
}
.box-animation img.icon-img4{
	opacity: 1;
	-webkit-transform: translate3d(38px,-18px,0);
    -moz-transform: translate3d(38px,-18px,0);
    -o-transform: translate3d(38px,-18px,0);
    -ms-transform: translate3d(38px,-18px,0);
    transform: translate3d(38px,-18px,0);
}
.box-animation img.icon-img5{
	opacity: 1;
	-webkit-transform: translate3d(53px,-32px,0);
    -moz-transform: translate3d(53px,-32px,0);
    -o-transform: translate3d(53px,-32px,0);
    -ms-transform: translate3d(53px,-32px,0);
    transform: translate3d(53px,-32px,0);
}




.pointer_img{
	position:absolute;left:50%;margin-left:-208px;bottom:101px;
	-moz-transition:all 1s;
    -webkit-transition:all 1s;
    transition:all 1s;
    transform:rotate(0deg);
	-ms-transform:rotate(0deg); 	/* IE 9 */
	-moz-transform:rotate(0deg); 	/* Firefox */
	-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
	-o-transform:rotate(0deg);
}

.box-animation .pointer_img{
transform:rotate(180deg);
-ms-transform:rotate(180deg); 	/* IE 9 */
-moz-transform:rotate(180deg); 	/* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg); 	/* Opera */
}

.clarity{opacity: 0;}
.box-animation .clarity{
	opacity: 1;
	-webkit-animation-name: fadein; /*动画名称*/
	-webkit-animation-duration: 2s; /*动画持续时间*/
	-webkit-animation-iteration-count: 1; /*动画次数*/
	-webkit-animation-delay: 0s; /*延迟时间*/
}

.info-img{
	opacity: 1;
	-webkit-transform: translate3d(0,40px,0);
	-moz-transform: translate3d(0,40px,0);
	-o-transform: translate3d(0,40px,0);
	-ms-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}
.box-animation .info-img1{
	opacity: 1;
	-webkit-transform: translate3d(100px,0,0);
	-moz-transform: translate3d(100px,0,0);
	-o-transform: translate3d(100px,0,0);
	-ms-transform: translate3d(100px,0,0);
	transform: translate3d(100px,0,0);
}
.box-animation .info-img2{
	opacity: 1;
	-webkit-transform: translate3d(-100px,0,0);
	-moz-transform: translate3d(-100px,0,0);
	-o-transform: translate3d(-100px,0,0);
	-ms-transform: translate3d(-100px,0,0);
	transform: translate3d(-100px,0,0);
}

.box-animation .m880_part2_img2{
	opacity: 1;
	-webkit-transform: translate3d(200px,0,0);
	-moz-transform: translate3d(200px,0,0);
	-o-transform: translate3d(200px,0,0);
	-ms-transform: translate3d(200px,0,0);
	transform: translate3d(200px,0,0);
}
.box-animation .m880_part2_img3{
	opacity: 1;
	-webkit-transform: translate3d(360px,0,0);
	-moz-transform: translate3d(360px,0,0);
	-o-transform: translate3d(360px,0,0);
	-ms-transform: translate3d(360px,0,0);
	transform: translate3d(360px,0,0);
}
.box-animation .m880_part2_img4{
	opacity: 1;
	-webkit-transform: translate3d(480px,0,0);
	-moz-transform: translate3d(480px,0,0);
	-o-transform: translate3d(480px,0,0);
	-ms-transform: translate3d(480px,0,0);
	transform: translate3d(480px,0,0);
}


.mob-img1{
	opacity: 1;
	-webkit-transform: translate3d(0,80px,0);
	-moz-transform: translate3d(0,80px,0);
	-o-transform: translate3d(0,80px,0);
	-ms-transform: translate3d(0,80px,0);
	transform: translate3d(0,80px,0);
}

.box-animation .mob-img1.m750_d {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: all 1s ease;
}

.box-animation .info-img{
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: all 1s ease;
}



.m750_p25.text-init{
    transform:translate(-20px,0px);
    -webkit-transform:translate(-20px,0);
    -moz-transform:translate(-20px,0);
    -o-transform:translate(-20px,0);
    -ms-transform:translate(-20px,0);
}
.m750_poa_js .text-init{
    transform:translate(-20px,0px);
    -webkit-transform:translate(-20px,0);
    -moz-transform:translate(-20px,0);
    -o-transform:translate(-20px,0);
    -ms-transform:translate(-20px,0);
}


.text-init {
    opacity: 0;
    transform:translate(0,25px);
    -webkit-transform:translate(0,25px);
    -moz-transform:translate(0,25px);
    -o-transform:translate(0,25px);
    -ms-transform:translate(0,25px);
}
.box-animation .text-init{
	opacity: 1;
    transform:translate(0,0);
    -webkit-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -o-transform:translate(0,0);
    -ms-transform:translate(0,0);	
}
.trans {
	-webkit-transition:all .7s  cubic-bezier(.25,.46,.45,.94);
	-moz-transition:all .7s  cubic-bezier(.25,.46,.45,.94);
	-ms-transition:all .7s  cubic-bezier(.25,.46,.45,.94);
	transition:all  .7s  cubic-bezier(.25,.46,.45,.94);
}

.ones{
		transition-delay: 0.2s !important;
		-moz-transition-delay: 0.2s !important; /* Firefox 4 */
		-webkit-transition-delay: 0.2s !important; /* Safari 和 Chrome */
		-o-transition-delay: 0.2s !important; /* Opera */
}
.seconds{
		transition-delay: 0.5s !important;
		-moz-transition-delay: 0.5s !important; /* Firefox 4 */
		-webkit-transition-delay:0.5s !important; /* Safari 和 Chrome */
		-o-transition-delay: 0.5s !important; /* Opera */
}
.thirds{
		transition-delay: 0.8s !important;
		-moz-transition-delay: 0.8s !important; /* Firefox 4 */
		-webkit-transition-delay:0.8s !important; /* Safari 和 Chrome */
		-o-transition-delay: 0.8s !important; /* Opera */
}
.fours{
		transition-delay: 1.1s !important;
		-moz-transition-delay: 1.1s !important; /* Firefox 4 */
		-webkit-transition-delay: 1.1s !important; /* Safari 和 Chrome */
		-o-transition-delay:  1.1s !important; /* Opera */
}

.s1{
		transition-delay: 0.2s !important;
		-moz-transition-delay: 0.2s !important; /* Firefox 4 */
		-webkit-transition-delay: 0.2s !important; /* Safari 和 Chrome */
		-o-transition-delay: 0.2s !important; /* Opera */
}
.s2{
		transition-delay: 0.3s !important;
		-moz-transition-delay: 0.3s !important; /* Firefox 4 */
		-webkit-transition-delay: 0.3s !important; /* Safari 和 Chrome */
		-o-transition-delay: 0.3s !important; /* Opera */
}
.s3{
		transition-delay: 0.4s !important;
		-moz-transition-delay: 0.4s !important; /* Firefox 4 */
		-webkit-transition-delay: 0.4s !important; /* Safari 和 Chrome */
		-o-transition-delay: 0.4s !important; /* Opera */
}
.s4{
		transition-delay: 0.5s !important;
		-moz-transition-delay: 0.5s !important; /* Firefox 4 */
		-webkit-transition-delay: 0.5s !important; /* Safari 和 Chrome */
		-o-transition-delay: 0.5s !important; /* Opera */
}
.s5{
		transition-delay: 0.6s !important;
		-moz-transition-delay: 0.6s !important; /* Firefox 4 */
		-webkit-transition-delay: 0.6s !important; /* Safari 和 Chrome */
		-o-transition-delay: 0.6s !important; /* Opera */
}
.s6{
		transition-delay: 0.7s !important;
		-moz-transition-delay: 0.7s !important; /* Firefox 4 */
		-webkit-transition-delay: 0.7s !important; /* Safari 和 Chrome */
		-o-transition-delay: 0.7s !important; /* Opera */
}
.s7{
		transition-delay: 0.8s !important;
		-moz-transition-delay: 0.8s !important; /* Firefox 4 */
		-webkit-transition-delay: 0.8s !important; /* Safari 和 Chrome */
		-o-transition-delay: 0.8s !important; /* Opera */
}
.s8{
		transition-delay: 0.9s !important;
		-moz-transition-delay: 0.9s !important; /* Firefox 4 */
		-webkit-transition-delay: 0.9s !important; /* Safari 和 Chrome */
		-o-transition-delay: 0.9s !important; /* Opera */
}
.s9{
		transition-delay: 1.0s !important;
		-moz-transition-delay: 1.0s !important; /* Firefox 4 */
		-webkit-transition-delay: 1.0s !important; /* Safari 和 Chrome */
		-o-transition-delay: 1.0s !important; /* Opera */
}

@-webkit-keyframes fadein {
	0% {
		opacity: 0; /*初始状态 透明度为0*/
	}
	50% {
		opacity: 0.5; /*中间状态 透明度为0*/
	}
	100% {
		opacity: 1; /*结尾状态 透明度为1*/
	}
}
@-moz-keyframes fadein {
	0% {
		opacity: 0; /*初始状态 透明度为0*/
	}
	50% {
		opacity: 0.5; /*中间状态 透明度为0*/
	}
	100% {
		opacity: 1; /*结尾状态 透明度为1*/
	}
}
@-ms-keyframes fadein {
	0% {
		opacity: 0; /*初始状态 透明度为0*/
	}
	50% {
		opacity: 0.5; /*中间状态 透明度为0*/
	}
	100% {
		opacity: 1; /*结尾状态 透明度为1*/
	}
}
@-o-keyframes fadein {
	0% {
		opacity: 0; /*初始状态 透明度为0*/
	}
	50% {
		opacity: 0.5; /*中间状态 透明度为0*/
	}
	100% {
		opacity: 1; /*结尾状态 透明度为1*/
	}
}
@keyframes fadein {
	0% {
		opacity: 0; /*初始状态 透明度为0*/
	}
	50% {
		opacity: 0.5; /*中间状态 透明度为0*/
	}
	100% {
		opacity: 1; /*结尾状态 透明度为1*/
	}
}




@-webkit-keyframes scale{
     0% {
         -webkit-transform:scale(1);
     }
     25% {
         -webkit-transform:scale(1.05);
     }
     50% {
         -webkit-transform:scale(1);
     }
     75% {
         -webkit-transform:scale(1.05);
     }
 }