@charset "utf-8";
/* 7.2版本 */

.tw{display:block;width:1200px;margin:0 auto;overflow:hidden;}

.s1 .first p{display:block;font-size:20px;color:#5e4130;width:1040px;margin:0 auto;line-height:32px;margin-top:200px;text-indent:2em;
	transform:translateY(-1000px);transition:0.8s;transition-delay:0.2s;opacity:0;}
.s1 .first p.s1_p2{margin-top:40px;}
.s1 .first p b{font-size:20px;color:#5e4130;}
.s1.active .first p{transform:translateY(0);opacity:1;}

.divspan{display:block;overflow:hidden;position:relative;}

.s1 .first .span1{display:block;margin-top:10px;transition:0.8s;transition-delay:0.5s;margin-top:40px;
	opacity:0; transition-delay:0.8s;transition:1.2s;transform:translateY(1000px);-webkit-transform:translateY(1000px);}
.s1.active .first .span1{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}
.s1 .first .span1 img{display:block;margin:0 auto;}

.s1 .first .span2{display:block;position:absolute;left:360px;top:150px;
	opacity:0; transition-delay:0.8s;transition:2s;transform:translateX(-1000px);-webkit-transform:translateX(-1000px);}
.s1.active .first .span2{opacity:1;transform:translateX(0px);-webkit-transform:translateX(0px);}
.s1 .first .span3{display:block;position:absolute;right:300px;top:260px;
	opacity:0; transition-delay:0.8s;transition:2s;transform:translateX(1000px);-webkit-transform:translateX(1000px);}
.s1.active .first .span3{opacity:1;transform:translateX(0px);-webkit-transform:translateX(0px);}
.s3.active .tw span{ width: auto; height:100%; margin-top: 300px; margin-left: 170px;}
{margin-top:560px;margin-left:170px;}
 .twp3{color:#fffcf9;font-size:26px;font-weight:600;line-height:36px;}
 .twp4{color:#fffcf9;font-size:26px;line-height:36px;opacity:0; transition-delay:1s;transition:1s;transform:translateY(1000px);-webkit-transform:translateY(1000px);}
.s3.active .twp4{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}
.s3 p.tep3{color:#ffcf9;font-size:26px;font-weight:600;line-height:36px;}

.s3.active .tw span{ width: auto; height:100%; margin-top: 300px; margin-left: 170px;position:relative;}
.s3 .tw_s3div{display: block;
    position: absolute;
    left: 533px;
    top: 420px;
    width: 652px;}

.s3 .tw_s3div h1{display: block;
    font-size: 35px;
    color: #fff;
    font-weight: bold;}
.s3 .tw_s3div p{display: block;
    font-size: 20px;
    color: #fff;
    margin-top: 15px;}


.s5 .tw_s5div{display:block;float:right;margin-top:430px;}
.s5 .tw_s5div .twp3{font-size:24px;color:#484a5f; font-weight:600;}
.s5 .tw_s5div .twp4{font-size:20px;color:#484a5f; }
.s4 .tw_s4div{display:block;float:right;margin-top: -250px;}
.s6 .tw_s6div{display:block;float:left;width:560px;margin-top:280px;margin-left:30px;}
.s6 .tw span{display:block;float:right;}
.s4 .tw span{margin-top:340px;display:block;margin-left:40px;}
.s4 .tw .tw_s4div .twp3{color:#fffcf9;font-size:20px;font-weight:normal;}
.s4 .tw .tw_s4div h1{font-size:48px;color:#fffcf9;display:block;font-weight:bold}
.s4 .tw .tw_s4div .twp3 b{font-weight:bold;font-size:26px;color:#fff;}
.s3 span,.s5 span{display:block;float:left;width:auto;height:508px;margin-top:260px;}
{display:block;float:right;margin-top:280px;margin-right:30px;}
.s5 span{display:block;float:left;margin-top:400px;}
.s3 span img{display:block;width:auto;}

.s8 .tw_s8div,.s10 .tw_s10div{display:block;float:left;width:550px;margin-top:360px;}
.s7 .tw_s7div{display:block;float:right;margin-top:270px;margin-right:28px;}
.s2 span,.s8 span,.s10 span{display:block;float:right;width:auto;height:508px;margin-top:260px;}
.s8 span{margin-top:320px;margin-right:30px;}
.s7 span,.s9 span{display:block;float:left;margin-top:370px;}
.s2 span{margin-right:140px;}
.s8 .tw_s8div{margin-top:400px;margin-left:50px;}

.s3 span,.s4 span,.s5 span{opacity:0; transition-delay:1s;transition:1s;transform:translateX(-1000px);-webkit-transform:translateX(-1000px);}
{opacity:0; transition-delay:1s;transition:1s;transform:translateX(1000px);-webkit-transform:translateX(1000px);}
.s6.active {opacity:1;transform:translateX(0px);-webkit-transform:translateX(0px);}
.s3.active .tw span,.s4.active .tw span,.s4.active .tw span,.s5.active .tw span,.s6.active .tw span{opacity:1;transform:translateX(0px);-webkit-transform:translateX(0px);}

.s8 span,.s10 span{opacity:0; transition-delay:1s;transition:1s;transform:translateX(1000px);-webkit-transform:translateX(1000px);}
.s8.active .tw span,.s10.active .tw span{opacity:1;transform:translateX(0px);-webkit-transform:translateX(0px);}
.s7 span{opacity:0; transition-delay:1s;transition:1s;transform:translateY(-3000px);-webkit-transform:translateY(-3000px);}
.s9 span{opacity:0; transition-delay:1s;transition:1s;transform:translateY(-3000px);-webkit-transform:translateY(-3000px);}
.s7.active .tw span{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}
.s9.active .tw span{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}
.s2 .tw_s2div{ display: block; margin-top: 420px; width: 200px; float: left; margin-left: 120px;opacity:0; transition-delay:0.8s;transition:1s;transform:translateX(-1000px);-webkit-transform:translatex(-1000px);}
.s2.active .tw_s2div{opacity:1;transform:translateX(0px);-webkit-transform:translateX(0px);}

.s2 span{display:block;margin-top:16%;opacity:0; transition-delay:1s;transition:2s;transform:scale(0.1);-webkit-transform:scale(0.1);-moz-transform:scale(0.1);-o-transform:scale(0.1); -ms-transform:scale(0.1);}
.s2.active .tw span{opacity:1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1); -ms-transform:scale(1);}

.s4 .tw_s4div p,.s5 .tw_s5div p,
.s7 .tw_s7div p,.s8 .tw_s8div p,.s10 .tw_s10div p
{display:block;font-size:22px;color:#fff;margin-top:10px;line-height:36px;}
.s6 .tw_s6div .twp3{font-size:24px;font-weight:600;ling-height:36px;color:#fff;}
.s6 .tw_s6div .twp4{font-size:20px;ling-height:36px;color:#fff;}
 p.twp3,.s4 .tw_s4div p.twp3,.s5 .tw_s5div p.twp3,.s6 .tw_s6div p.twp3
{opacity:0; transition-delay:1s;transition:1s;transform:translateX(1000px);-webkit-transform:translateX(1000px);}

.s4 .tw_s4div p.twp4,.s5 .tw_s5div p.twp4,.s6 .tw_s6div p.twp4
{opacity:0; transition-delay:1s;transition:1.5s;transform:translateX(1000px);-webkit-transform:translateX(1000px);margin-top:60px;font-size:20px;}
.s5 .tw_s5div p.twp4{margin-top:0;}
.s6 .tw_s6div p.twp4,.s7 .tw_s7div p.twp4{margin-top:22px; line-height:36px;}
.s6 .tw_s6div p.twp5,.s7 .tw_s7div p.twp5{opacity:0; transition-delay:1s;transition:1.8s;transform:translateX(1000px);-webkit-transform:translateX(1000px);font-size:20px;line-height:24px;color:#fff;margin-top:60px;}

.s6 .tw_s6div p.twp3 b{font-size:22px;color:#fff;}

.s8 .tw_s8div p,.s10 .tw_s10div p{opacity:0; transition-delay:1s;transition:1.5s;transform:translateX(-1000px);-webkit-transform:translateX(-1000px);}
.s7 .tw_s7div p.twp3{opacity:0; transition-delay:1s;transition:1s;transform:translateX(-1000px);-webkit-transform:translateX(-1000px);}
.s8 .tw_s8div p{color:#fff;}
.s8 .tw_s8div .twp3{font-size:24px;font-weight:600;line-height:36px;}

.s7 .tw_s7div p.twp4{opacity:0; transition-delay:1s;transition:1.2s;transform:translateX(-1000px);-webkit-transform:translateX(-1000px);font-size:18px;line-height:24px;margin-top:60px;}
.s8 .tw_s8div p.twp4{opacity:0; transition-delay:1s;transition:1.2s;transform:translateX(-1000px);-webkit-transform:translateX(-1000px);font-size:20px;}

.s7 .tw_s7div p.twp5{opacity:0; transition-delay:1s;transition:1.5s;transform:translateX(-1000px);-webkit-transform:translateX(-1000px);font-size:18px;line-height:24px;}
.s8 .tw_s8div p.twp5{opacity:0; transition-delay:1s;transition:1.5s;transform:translateX(-1000px);-webkit-transform:translateX(-1000px);font-size:18px;line-height:24px;}

.s6.active .tw span{margin-top: 286px; display: block;}
.s3.active .tw_s3div p,.s4.active .tw_s4div p,.s5.active .tw_s5div p,.s6.active .tw_s6div p,.s7.active .tw_s7div p,.s8.active .tw_s8div p,
.s10.active .tw_s10div p{opacity:1;transform:translateX(0px);-webkit-transform:translateX(0px);}
.tw_s9div{float:right; margin-top:400px; margin-right:24px;}
.tw_s9div .twp5{font-size:28px;color:#fff;font-weight:600;line-height:36px}
.tw_s9div .twp6{font-size:20px;color:#fff;line-height:26px;margin-top:20px;}
.tw_s9div{opacity:1; transition-delay:1s;transition:1.5s;transform:translateX(1000px);-webkit-transform:translateX(1000px);}
.s9.active .tw_s9div{opacity:1;transform:translateX(0px);-webkit-transform:translateX(0px);}


.s10 .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);}
.s10.active .fifteen h1{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}

.s10 .fifteen h1 b{font-size:45px;color:#81cbff;}
.s10 .fifteen p{display:block;text-align:center;font-size:40px;color:#fff;margin-top:20px;margin-top:350px;
	opacity:0;transition-delay:1s;transition:1.2s;transform:translateY(-1000px);-webkit-transform:translateY(-1000px);}
.s10.active .fifteen p{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}
.s10 .fifteen p b{font-size:48px;color:#fff;}

/*加入微三云*/
.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;}

.jiameng .btn1{background:#97c036;opacity:0;transition-delay:1s;transition:1.5s;transform:translateX(190px);-webkit-transform:translateX(190px);}
.s10.active .jiameng .btn1{opacity:1;transform:translateX(0px);-webkit-transform:translateX(0px);}
.jiameng .btn2{background:#80c269;opacity:0;transition-delay:1s;transition:1.5s;transform:translateX(-190px);-webkit-transform:translateX(-190px);}
.s10.active .jiameng .btn2{opacity:1;transform:translateX(0px);-webkit-transform:translateX(0px);}

.scrolldown{display:block;width:32px;height:35px;background:url(../../resource/images/icon1226/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 .first p.s1_p2,.s1 .first p{margin-top:18px;}
	.s1 .first p{margin-top: 160px}
	.s1 .first .span1{margin-top:10px;}
	.s1 .first .span1 img{width:36%;height:auto;}
	.s1 .first .span2 img{width:90px;height:auto;}
	.s1 .first .span3 img{width:110px;height:auto;}
	.s1 .first .span3{top:200px;right:360px;}

	.s2 span,.s3 span,.s4 span{margin-top:220px;}
	.s8 span{margin-top:240px;}
	.s8 span img{width:86%}
	{margin-top:-410px;margin-right:0;}
	.s7 span{margin-top:290px;}
	.s7 span img{width:86%;}
	.s9 span{margin-top:270px;}

	.s5 span{margin-top:300px;}
	.s9 span{margin-top:270px;}
	.s6 .tw_s6div{margin-top:182px;}
	.s6.active .tw span{margin-top: 220px; display: block;}
	.s5 span img{width:90%;}
	.s9 .tw_s9div h2{font-size:50px;line-height:80px;margin-left:-275px;}
	.s9 .tw_s9div span{width:auto;height:358px;margin-top:220px;}
	.s9 .tw_s9div span img{display:block;width:auto;height:100%;margin:0 auto;}

	.s2 .tw_s2div{margin-top:380px;}
	.s2 .tw_s2div img{width:60%;}
	.s2 span{margin-right:0;}
	.s2 span img{width:60%;}
	.s6 .tw_s6div p.twp5{font-size:18px;margin-top:40px;}
	{margin-top:500px;}
	.s3.active .tw span{margin-top: 240px;}
	.s4 .tw span{margin-top:250px;}
	.s5 .tw_s5div{margin-top:-500px;}
	.s7 .tw_s7div{margin-top:200px;}
	.s7 .tw_s7div p.twp5{margin-top:40px;}
	.s6 .tw_s6div{margin-top:190px;}
	.s8 .tw_s8div{margin-top:320px;}
	.tw_s9div{margin-top:-210px;}
	.s9.active .tw span img{width:80%;}
	.s10 .fifteen p{margin-top:290px;}
	.jiameng{margin-left:-320px;}
	.jiameng a.w-scene-btn{width:260px;}
	.jiameng{margin-top:100px;}
	.s4 .tw span img{width:40%;}
}

@media screen and (max-width:1366px){
	.tw{width:960px;}

	.s1 .first p{font-size:16px}
	.s1 .first p b{font-size:16px;}
	.s1 .first .span1 img{width:28%;height:auto;}
	.s1 .first .span2 img{width:90px;height:auto;}
	.s1 .first .span3 img{width:110px;height:auto;}
	.s1 .first .span2{left:280px;}
	.s1 .first .span3{top:200px;right:260px;}
	.s6 .tw_s6div{margin-top:170px;}
	.s3 span,.s4 span{margin-top:180px;}
	.s7 span{margin-top:230px;}
	.s6 span{ margin-top: -346px;float: right;margin-right: -100px;}
	.s6 span img{width:70%;}
	.s6 .tw_s6div p.twp5 {font-size: 18px;margin-top: 23px;}
	.s2 span{margin-top:-345px;margin-right: -150px}
	.s3.active .tw span{margin-top:180px;}
	.s5 span{margin-top:240px;}
	.s2 span img{width:60%;}
	.s5 span img{width:80%;}
	.s9 .tw_s9div h2{font-size:40px;line-height:50px;margin-left:-220px;top:50%;}
	.s9 .tw_s9div span{width:auto;height:268px;margin-top:180px;}
	.s9 .tw_s9div span img{display:block;width:auto;height:100%;margin:0 auto;}

	.s1 .first p{width:820px;}

	.s2 .tw_s2div{width: 450px;margin-top: 210px;margin-left: 170px;}
	.s2 .tw_s2div img{width:40%}
	.s3 .tw_s3div{margin-top:433px;}
	.s3 .tw_s3div .twp3{font-size:20px;}
	.s3 .tw_s3div .twp4{font-size:16px;}
	.s4 .tw span{margin-top:224px;}
	.s4 .tw span img{width:36%;}
	.s3.active .tw span{margin-left:0;}
	.s3 .tw_s3div{left:80px;margin-top: 310px;}
	.s6.active .tw span{width:460px;}

	.s4 .tw_s4div{margin-top:-215px;}
	.s4 .tw .tw_s4div .twp3{font-size:20px;}
	.s4 .tw .tw_s4div .twp3 h1{font-size:36px;}
	.s5 .tw_s5div{margin-top:-500px;}
	.s5 .tw_s5div .twp3{font-size:20px;}
	.s5 .tw_s5div .twp4{font-size:20px;margin-top:20px;}
	.s6 .tw_s6div{margin-top:180px;}
	.s6 .tw_s6div .twp3{font-size:20px;}

	.s7 .tw_s7div{margin-top:170px;}
	.s7 .tw_s7div p.twp5,.s7 .tw_s7div p.twp4{margin-top:30px;}
	.s8 .tw_s8div{margin-top:280px;}
	.s8 .tw_s8div .twp3,.s8 .tw_s8div .twp4{font-size:28px;}
	.s8 span{margin-top:-250px;margin-right:0;}
	.s8 span img{width:70%;}
	.s9 span{margin-top:240px;}
	.s9 span img{width:70%;}
	.tw_s9div{margin-top:-200px;margin-right:0px;}
	.tw_s9div .twp5{font-size:26px;}
	.tw_s9div .twp6{font-size:20px;}

	 p,.s4 .tw_s4div p,.s5 .tw_s5div p,.s6 .tw_s6div p,
	.s7 .tw_s7div p,.s8 .tw_s8div p,.s10 .tw_s10div p
	{font-size:18px;line-height:28px;}

	 p.twp4,.s4 .tw_s4div p.twp4,.s5 .tw_s5div p.twp4,.s6 .tw_s6div p.twp4{font-size:16px;}

	.s10 .fifteen p{margin-top:260px;}
	.jiameng{margin-left:-320px;}
	.jiameng a.w-scene-btn{width:260px;}
	.jiameng{margin-top:120px;}
}