@charset "utf-8";
/* 8.0版本 */
img{border:0;}
.tw{display:block;width:1200px;margin:0 auto;overflow:hidden;}

/*1-t*/
.s1 .character{float:left;margin-top:200px;transition:0.8s;opacity:0;transition-delay:0.8s;}
.s1.active .character{-webkit-animation:bouncein 0.8s 1s forwards; animation:bouncein 0.8s 1s forwards;}
@-webkit-keyframes bouncein{
    0%{opacity:0;-webkit-transform:scale(0.3);}
    50%{opacity:0.5;-webkit-transform:scale(1.05);}
    70%{opacity:0.8;-webkit-transform:scale(0.9);}
    100%{-webkit-transform:scale(1);opacity:1;}
}
@-moz-keyframes bouncein{
    0%{opacity:0;-moz-transform:scale(0.3);}
    50%{opacity:0.5;-moz-transform:scale(1.05);}
    70%{-moz-transform:scale(0.9);opacity:0.8;}
    100%{-moz-transform:scale(1);opacity:1;}
}
@-ms-keyframes bouncein{
    0%{opacity:0;-ms-transform:scale(0.3);}
    50%{opacity:0.5;-ms-transform:scale(1.05);}
    70%{-ms-transform:scale(0.9);opacity:0.8;}
    100%{-ms-transform:scale(1);opacity:1;}
}
@keyframes bouncein{
    0%{opacity:0;transform:scale(0.3);}
    50%{opacity:0.5;transform:scale(1.05);}
    70%{transform:scale(0.9);opacity:0.8;}
    100%{transform:scale(1);opacity:1;}
}
/* 弹入-从上 */
@-webkit-keyframes bounceinT{
    0%{opacity:0;-webkit-transform:translateY(-100px);}
    60%{opacity:0.5;-webkit-transform:translateY(30px);}
    80%{-webkit-transform:translateY(-10px);opacity:0.8;}
    100%{-webkit-transform:translateY(0);opacity:1;}
}
@-moz-keyframes bounceinT{
    0%{opacity:0;-moz-transform:translateY(-100px);}
    60%{opacity:0.5;-moz-transform:translateY(30px);}
    80%{-moz-transform:translateY(-10px);opacity:0.8;}
    100%{-moz-transform:translateY(0);opacity:1;}
}
@-ms-keyframes bounceinT{
    0%{opacity:0;-ms-transform:translateY(-100px);}
    60%{opacity:0.5;-ms-transform:translateY(30px);}
    80%{-ms-transform:translateY(-10px);opacity:0.8;}
    100%{-ms-transform:translateY(0);opacity:1;}
}
@keyframes bounceinT{
    0%{opacity:0;transform:translateY(-100px);}
    60%{opacity:0.5;transform:translateY(30px);}
    80%{transform:translateY(-10px);opacity:0.8;}
    100%{transform:translateY(0);opacity:1;}
}

.s1 .character img{width:400px;;height:auto;}
.s1 .character .s1p{width:360px;margin-top:0px;text-align:center;}
.s1 .character .s1p i{display:block;width:360px;height:2px;background:#fff;margin-bottom:20px;}
.s1 .character h3{font-size:40px;color:#fff;font-weight:bold;}
.s1 .character span{font-size:30px;color:#fff;display:block;width:360px;margin-top:10px;}
.s1 .picture{float:right;margin-top:200px;transition:0.8s;opacity:0;transition-delay:0.8s;}
.s1.active .picture{-webkit-animation:bounceinT 0.8s 1s forwards; animation:bounceinT 0.8s 1s forwards;}
.s5 .character{float:left;margin-top:250px;transition:0.8s;opacity:0;transition-delay:0.8s;}
.s5.active .character{-webkit-animation:s8right 0.8s 1s forwards; animation:s8right 0.8s 1s forwards;}

.s5 .character img{width:400px;;height:auto;}
.s5 .character .s1p{width:360px;margin-top:0px;text-align:center;}
.s5 .character .s1p i{display:block;width:360px;height:2px;background:#fff;margin-bottom:20px;}
.s5 .character h3{font-size:40px;color:#fff;font-weight:bold;}
.s5 .character span{font-size:30px;color:#fff;display:block;width:360px;margin-top:10px;}
.s5 .picture{float:right;margin-top:200px;transition:0.8s;opacity:0;transition-delay:0.8s;opacity:0;}
.s5.active .picture{-webkit-animation:s8left 0.8s 1s forwards; animation:s8left 0.8s 1s forwards;}
@-webkit-keyframes s8right{
    0%{opacity:0;-webkit-transform:translateX(100px);}
    100%{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes s8right{
    0%{opacity:0;-moz-transform:translateX(100px);}
    100%{opacity:1;-moz-transform:translateX(0);}
}
@-ms-keyframes s8right{
    0%{opacity:0;-ms-transform:translateX(100px);}
    100%{opacity:1;-ms-transform:translateX(0);}
}
@keyframes s8right{
    0%{opacity:0;transform:translateX(100px);}
    100%{opacity:1;transform:translateX(0);}
}
/**/
@-webkit-keyframes s8left{
    0%{opacity:0;-webkit-transform:translateX(-100px);}
    100%{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes s8left{
    0%{opacity:0;-moz-transform:translateX(-100px);}
    100%{opacity:1;-moz-transform:translateX(0);}
}
@-ms-keyframes s8left{
    0%{opacity:0;-ms-transform:translateX(-100px);}
    100%{opacity:1;-ms-transform:translateX(0);}
}
@keyframes s8left{
    0%{opacity:0;transform:translateX(-100px);}
    100%{opacity:1;transform:translateX(0);}
}

.s8 .character{float:left;margin-top:200px;-webkit-transform:translate(0px,-1000px); transform:translate(0px,-1000px)}
.s8 .character img{width:400px;;height:auto;}
.s8 .character .s1p{width:360px;margin-top:0px;text-align:center;}
.s8 .character .s1p i{display:block;width:360px;height:2px;background:#fff;margin-bottom:20px;}
.s8 .character h3{font-size:40px;color:#fff;font-weight:bold;}
.s8 .character span{font-size:30px;color:#fff;display:block;width:360px;margin-top:10px;}
.s8 .picture{float:right;margin-top:210px;transform:translateX(1000px);transition:2s;transition-delay:0.8s;opacity:0;}
.s8.active .picture{transform:translateY(0);opacity:1;}
.s8.active .character{-webkit-animation:move1 2s 0.8s forwards; animation:move1 2s 0.8s forwards}



.s4 .character{float:right;margin-top:200px;opacity:0; transition-delay:1.2s;transition:1s;transform:translateX(1000px);-webkit-transform:translateX(1000px);}
.s4.active .character{opacity:1;transform:translateX(0px);-webkit-transform:translateX(0px);}
.s4 .character img{width:400px;;height:auto;}
.s4 .character .s1p{width:360px;margin-top:0px;text-align:center;}
.s4 .character .s1p i{display:block;width:360px;height:2px;background:#fff;margin-bottom:20px;}
.s4 .character h3{font-size:40px;color:#fff;font-weight:bold;}
.s4 .character span{font-size:30px;color:#fff;display:block;width:360px;margin-top:10px;}
.s4 .picture{float:left;margin-top:100px;opacity:0; transition-delay:1.2s;transition:1s;transform:translateX(-1000px);-webkit-transform:translateX(-1000px);}
.s4.active .picture{opacity:1;transform:translateX(0px);-webkit-transform:translateX(0px);}

.s6 .character{float:right;margin-top:180px;transform:translateY(1000px);transition:2s;transition-delay:0.8s;opacity:0;}
.s6.active .character{transform:translateY(0);opacity:1;}
.s6 .character img{width:400px;;height:auto;}
.s6 .character .s1p{width:360px;margin-top:20px;text-align:center;}
.s6 .character .s1p i{display:block;width:360px;height:2px;background:#fff;margin-bottom:20px;}
.s6 .character h3{font-size:40px;color:#fff;font-weight:bold;}
.s6 .character span{font-size:30px;color:#fff;display:block;width:360px;margin-top:10px;}
.s6 .picture{float:left;margin-top:120px;transform:translateX(-1000px);transition:1s;transition-delay:0.8s;opacity:0;}
.s6.active .picture{transform:translateX(0);opacity:1;}

.s7 .character{float:right;margin-top:240px;transform:translateX(1000px);transition:2s;transition-delay:0.8s;opacity:0;}
@-webkit-keyframes move1{
	0%{ -webkit-transform:translate(0px,-1000px); transform:translate(0px,-1000px)}
	20%{ -webkit-transform:translate(0px,0px); transform:translate(0px,0px)}
	40%{ -webkit-transform:translate(0px,-30px);transform:translate(0px,-30px)}
	60%{ -webkit-transform:translate(0px,0px);transform:translate(0px,0px)}
	100%{-webkit-transform:translate(0px,0px);transform:translate(0px,0px)}	
}

@keyframes move1{
	0%{ transform:translate(0px,-1000px)}
	20%{ transform:translate(0px,0px)}
	40%{ transform:translate(0px,-30px)}
	60%{ transform:translate(0px,0px)}
	100%{ transform:translate(0px,0px)}	
}

.s7 .character img{width:400px;;height:auto;}
.s7 .character .s1p{width:360px;margin-top:0px;text-align:center;}
.s7 .character .s1p i{display:block;width:360px;height:2px;background:#fff;margin-bottom:20px;}
.s7 .character h3{font-size:40px;color:#fff;font-weight:bold;}
.s7 .character span{font-size:30px;color:#fff;display:block;width:360px;margin-top:10px;}
.s7 .picture{float:left;margin-top:160px;-webkit-transform:translate(0px,-1000px); transform:translate(0px,-1000px);}
.s7.active .picture{-webkit-animation:move1 2s 0.8s forwards; animation:move1 2s 0.8s forwards}

.s9 .character{float:right;margin-top:180px;transform:translateX(1000px);transition:2s;transition-delay:0.8s;opacity:0;}
.s7.active .character,.s9.active .character{transform:translateY(0);opacity:1;}
.s9 .character img{width:400px;;height:auto;}
.s9 .character .s1p{width:360px;margin-top:0px;text-align:center;}
.s9 .character .s1p i{display:block;width:416px;height:2px;background:#fff;margin-bottom:20px;}
.s9 .character h3{font-size:40px;color:#fff;font-weight:bold;}
.s9 .character span{font-size:30px;color:#fff;display:block;width:360px;margin-top:10px;}
.s9 .character span b{font-size:30px;color:#ff6f28;font-style:oblique;}
.s9 .picture{float:left;margin-top:200px;-webkit-transform:translate(0px,-1000px); transform:translate(0px,-1000px);}
.s9.active .picture{-webkit-animation:move1 2s 0.8s forwards; animation:move1 2s 0.8s forwards}


/**/
.s2 .charactertwo,.s3 .charactertwo{margin-top:140px;text-align:center;transform:translateY(-300px);transition:1s;transition-delay:0.8s;opacity:0;}
.s2.active .charactertwo,.s3.active .charactertwo{transform:translateY(0);opacity:1;}
.s2 .charactertwo h1,.s3 .charactertwo h1{font-size:64px;color:#fff;font-weight:bold;}
.s2 .charactertwo p,.s3 .charactertwo p{font-size:30px;color:#fff;margin-top:20px;}
.s2 .picture,.s3 .picture{overflow:hidden;transform:translateY(1000px);transition:2s;transition-delay:0.8s;opacity:0;}
.s2.active .picture,.s3.active .picture{transform:translateY(0);opacity:1;}
.s2 .picture p,.s3 .picture p{float:left;width:254px;margin-left:30px;margin-top:80px;}
.s2 .picture p img,.s3 .picture p img{margin:0 auto;}
.s2 .picture p span,.s3 .picture p span{font-size:30px;color:#fff;display:block;text-align:center;font-style:oblique;}

.s10 .character{margin-top:220px;text-align:center;transform:translateY(-300px);transition:1s;transition-delay:0.8s;opacity:0;}
.s10 .character h1{font-size:48px;color:#fff;font-weight:bold;}
.s10 .picture{overflow:hidden;margin-top:100px;transform:translateY(1000px);transition:2s;transition-delay:0.8s;opacity:0;}
.s10 .picture p{float:left;width:256px;margin-left:30px;}
.s10 .picture p span{font-size:30px;color:#fff;display:block;text-align:center;}

.s11 .picture{margin-top:150px;transform:translateY(-300px);transition:1s;transition-delay:0.8s;opacity:0;}
.s10.active .character,.s11.active .picture{transform:translateY(0);opacity:1;}
.s11 .picture img{display:block;margin:0 auto;}
.s11 .character{text-align:center;margin-top:60px;transform:translateY(1000px);transition:2s;transition-delay:0.8s;opacity:0;}
.s10.active .picture,.s11.active .character{transform:translateY(0);opacity:1;}
.s11 .character h1{font-size:48px;color:#fff;font-weight:bold;}
.s11 .character p{font-size:30px;color:#fff;margin-top:30px;}


/* 最后一页 */
.s12 .fifteen h1{display:block;font-size:45px;color:#fff;font-weight:bold;text-align:center;margin-top:350px;opacity:0;transition-delay:1s;transition:1s;transform:translateY(-1000px);-webkit-transform:translateY(-1000px);}
.s12.active .fifteen h1{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}

.s12 .twelve h1 b{font-size:45px;color:#81cbff;}
.section .twelve h1{font-size:44px;color:#fff;text-align:center;margin-top:350px;opacity:0;transition-delay:1s;transition:1.2s;transform:translateY(-1000px);-webkit-transform:translateY(-1000px);}
.s12.active h1{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}
.s12 .twelve p{display:block;text-align:center;font-size:70px;color:#fff;margin-top:300px;font-weight:bold;
	opacity:0;transition-delay:1s;transition:1.2s;transform:translateY(-1000px);-webkit-transform:translateY(-1000px);}
.s12.active .twelve p{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}


/*加入仕盛科技*/
.seventeenth h1{font-size: 72px;font-family: "Microsoft YaHei";color: rgb(189, 125, 2);font-weight:bold;text-shadow: 2.5px 4.33px 0px rgba(0, 0, 0, 0.09);text-align:center;position:relative;top:50%;margin-top:-180px;}
.jiameng{display:block;overflow:hidden;position:relative;left:50%;top:0;margin-left:-384px;margin-top:140px;}
.jiameng a.w-scene-btn{display:block;float:left;width:320px;height:70px;line-height:70px;text-align:center;font-size:36px;border-radius:5px;margin:0 30px;color:#fff;border:2px solid #f58793;}
.jiameng a:hover{border:2px solid #fb7b89;background:#fb7b89;}
.jiameng .btn1{background:#fa9da7;opacity:0;transition-delay:1s;transition:1.5s;transform:translateX(190px);-webkit-transform:translateX(190px);}
.s12.active .jiameng .btn1{opacity:1;transform:translateX(0px);-webkit-transform:translateX(0px);}
.jiameng .btn2{background:#fa9da7;opacity:0;transition-delay:1s;transition:1.5s;transform:translateX(-190px);-webkit-transform:translateX(-190px);}
.s12.active .jiameng .btn2{opacity:1;transform:translateX(0px);-webkit-transform:translateX(0px);}

.scrolldown{display:block;width:32px;height:35px;background:url(../images/jiantou.png) no-repeat;position:fixed;left:50%;bottom:10px;margin-left:-16px;cursor:pointer;animation:mymove 0.8s infinite;-webkit-animation:mymove 0.8s infinite;}

@keyframes mymove{
from {opacity:0;bottom:20px}
to {opacity:1;bottom:10px;}
}

@-webkit-keyframes mymove {
from {opacity:0;bottom:20px}
to {opacity:1;bottom:10px;}
}

@media screen and (max-width:1440px){
	.tw{width:1100px;}
	.s1 .character{width:500px;}
	
	.s1 .picture,.s5 .picture,.s6 .picture,.s7 .picture,.s9 .picture{width:600px;}
	.s1 .character img,.s4 .character img,.s5.active .character img,.s6 .character img,.s7 .character img,.s8 .character img,.s9 .character img{width:350px;}
	.s1.active .picture img,.s4 .picture img,.s5 .picture img,.s6 .picture img,.s7 .picture img,.s9 .picture img,.s10 .picture p img{width:90%;display:block;margin:0 auto;}
	.s5 .picture img,.s6 .picture img{width:80%;}
	.s11 .picture img{width:500px;}
	.s5 .character,.s9 .picture,.s9 .character{margin-top:180px;}
	.s5 .picture,.s6 .picture,.s7 .picture{margin-top:160px;}
	.s10 .character h1{font-size:34px;}
	.s1 .character .s1p,.s6 .character .s1p,.s7 .character .s1p,.s8 .character .s1p,.s9 .character .s1p{width:300px;margin-top:20px;}
	.s1 .character .s1p i,.s4 .character .s1p i,.s5 .character .s1p i,.s6 .character .s1p i,.s9 .character .s1p i,.s8 .character .s1p i{width:300px;}
	.s1 .character h3,.s4 .character h3,.s5 .character h3,.s6 .character h3,.s7 .character h3,.s8 .character h3,.s9 .character h3{font-size:32px;}
	.s1 .character span,.s4 .character span,.s5 .character span,.s6 .character span,.s7 .character span,.s8 .character span,.s9 .character span,.s9 .character span b{font-size:24px;width:300px;}
	.s2 .charactertwo h1, .s3 .charactertwo h1{font-size:48px;}
	.s6 .character,.s11 .picture{margin-top:200px;}
	.s7 .character,.s8 .character,.s8 .picture{margin-top:220px;}
	.s4 .picture{margin-top:130px;}
	.s4 .character{margin-top:184px;}
	.s11 .character h1{font-size:34px;}
	.s2 .charactertwo p, .s3 .charactertwo p,.s2 .picture p span, .s3 .picture p span,.s10 .picture p span,.s11 .character p{font-size:22px;}
	.s2 .picture p img, .s3 .picture p img{width:80%;}
	.s10 .character{margin-top:260px;}
	.s11 .character{margin-top:50px;}
	.s10 .picture{margin-top:40px;}
	.s2 .picture p, .s3 .picture p,.s10 .picture p{width:230px;margin-top:60px;text-align:center;}
	
	.s12 .twelve p{margin-top:320px;}
	.jiameng{margin-left:-320px;}
	.jiameng a.w-scene-btn{width:260px;}
	.jiameng{margin-top:100px;}
}

@media screen and (max-width:1366px){
	.tw{width:960px;}
	.s1 .character{width:380px;}
	.s1 .character img, .s4 .character img, .s5.active .character img, .s6 .character img, .s7 .character img, .s8 .character img, .s9 .character img{width:280px;}
	.s1 .character .s1p, .s6 .character .s1p, .s7 .character .s1p, .s8 .character .s1p, .s9 .character .s1p{width:260px;}
	.s1 .character .s1p i, .s4 .character .s1p i, .s5 .character .s1p i, .s6 .character .s1p i, .s9 .character .s1p i{width:260px;}
	.s1 .picture, .s5 .picture, .s6 .picture, .s7 .picture, .s9 .picture{width:500px;}
	.s2 .picture p img, .s3 .picture p img{width:70%;}
	.s2 .picture p, .s3 .picture p, .s10 .picture p{width:180px;}
	.s2 .charactertwo p, .s3 .charactertwo p, .s2 .picture p span, .s3 .picture p span, .s10 .picture p span, .s11 .character p{font-size:18px;}
	.s1 .character h3, .s4 .character h3, .s5 .character h3, .s6 .character h3, .s7 .character h3, .s8 .character h3, .s9 .character h3{font-size:24px;}
	.s1 .character span, .s4 .character span, .s5 .character span, .s6 .character span, .s7 .character span, .s8 .character span, .s9 .character span, .s9 .character span b{font-size:18px;width:300px;}
	.s2 .charactertwo h1, .s3 .charactertwo h1{font-size:32px;}
	.s2 .charactertwo, .s3 .charactertwo{margin-top:200px;}
	.s4 .picture{width:500px;}
	.s4 .character .s1p{width:16px;}
	.character, .s8 .picture{margin-top:180px;}
	.s8 .picture img{width:450px;}
	.s10 .character{margin-top:240px;}
	.s10 .picture{margin-top:10px;}
	.s11 .picture img{width:350px;}
	.jiameng{margin-top:90px;}
	.s8 .character .s1p i{width:300px;}
	.s12 .twelve p{margin-top:260px;}
	.section .first .character p,.section .first .character p b,.s2 .charactertwo p, .s3 .charactertwo p, .s2 .picture p span, .s3 .picture p span, .s10 .picture p span, .s11 .character p{font-size:18px;}
	.jiameng a.w-scene-btn{width:260px;}
}
/* Localized */