@charset "utf-8";
/* 微三云微网站源码 */


.tw{display:block;width:1200px;margin:0 auto;overflow:hidden;}
.tw dl dt{display:block;font-size:32px;color:#fff;font-weight:bold;margin-bottom:20px;}
.tw dl .ddh1{display:block;font-size:25px;color:#fff;margin-bottom:20px;}
.tw dl .ddtext{display:block;font-size:18px;color:#fff;}
.tw dl .ddtext b{font-size:22px;}

.tw span,.tw dl{margin-top:22%;}
.tw dl .ddtext{line-height:40px;}
.s1 .tw span,.s3 .tw span,.s5 .tw span,.s7 .tw span,.s9 .tw span,.s11 .tw span{display:block;float:left;}
.s1 .tw dl,.s3 .tw dl,.s5 .tw dl,.s7 .tw dl,.s9 .tw dl,.s11 .tw dl{display:block;float:right;width:600px;}
.s2 .tw span,.s4 .tw span,.s6 .tw span,.s8 .tw span,.s10 .tw span{display:block;float:right;}
.s2 .tw dl,.s4 .tw dl,.s6 .tw dl,.s8 .tw dl,.s10 .tw dl{display:block;float:left;width:600px;}

.tw span{display:block;height:500px;}
.tw span img{display:block;width:auto;height:100%;}

.s1 .tw span,.s5 .tw span{width:580px;}
.s1 .tw span img,.s5 .tw span img{width:100%;height:auto;}

.s1 .tw span{width:680px;margin-top:21%;transform:translateY(1000px);transition:0.8s;transition-delay:0.8s;opacity:0;}
.s1.active .first span{transform:translateY(0);opacity:1;}
.s1 .tw dl{width:450px;margin-top:35%;}
.s1 .tw dl dt{transform:translateX(1000px);transition:1s;transition-delay:0.8s;opacity:0;}
.s1.active .first dl dt{transform:translateY(0);opacity:1;}
.s1 .tw dl .ddtext b,.s3 .tw dl .ddtext b{color:#ffcc2d;font-weight:normal;}

.s1 .tw dl .ddtext{transform:translateY(1000px);transition:1.2s;transition-delay:0.8s;opacity:0;}
.s1.active .first dl .ddtext{transform:translateY(0);opacity:1;}

.s2 .tw dl{width:500px;margin-top:34%;margin-left:8%;}
.s2 .tw span{margin-right:12%;transform:translateY(1000px);transition:0.8s;transition-delay:0.8s;opacity:0;}
.s2.active .second span{transform:translateY(0);opacity:1;}
.s2 .tw dl dt{font-size:86px;transform:translateX(1000px);transition:0.8s;transition-delay:0.8s;opacity:0;}
.s2.active .second dl dt{transform:translateY(0);opacity:1;}
.s2 .tw dl .ddtext{font-size:40px;transform:translateX(-1000px);transition:0.8s;transition-delay:0.8s;opacity:0;}
.s2.active .second dl .ddtext{transform:translateY(0);opacity:1;}

.s3 .tw dl{margin-top:35%;transform:translateX(-1000px);transition:0.8s;transition-delay:0.8s;opacity:0;}
.s3 .tw span{transform:translateX(1000px);transition:0.8s;transition-delay:0.8s;opacity:0;}
.s3.active .third span{transform:translateY(0);opacity:1;}
.s3.active .third dl{transform:translateY(0);opacity:1;}

.s4 .tw dl{margin-top:38%;}
.s4 .tw dl dt{font-size:40px;transform:translateY(1000px);transition:0.8s;transition-delay:0.8s;opacity:0;}
.s4 .tw dl .ddtext{font-size:24px;transform:translateY(1000px);transition:1s;transition-delay:1s;opacity:0;}
.s4 .tw span{transform:translateX(1000px);transition:1.2s;transition-delay:1.2s;opacity:0;}
.s4.active .fourth dl dt{transform:translateY(0);opacity:1;}
.s4.active .fourth dl .ddtext{transform:translateY(0);opacity:1;}
.s4.active .fourth span{transform:translateY(0);opacity:1;}

.s5 .tw dl{margin-top:30%;width:550px;}
.s5 .tw span,.s6 .tw span{margin-top:25%}
.s5 .tw dl .ddh1,.s5 .tw dl .ddtext b{color:#02780e;font-weight:normal;}
.s5 .tw dl .ddtext{margin-bottom:20px;}

.s5 .tw span{transform:translate(-1000px,-500px);transition:1.5s;transition-delay:1.5s;opacity:0;}
.s5.active .fifth span{transform:translate(0,0);opacity:1;}
.s5 .tw dl dt{transform:translate(1000px);transition:1s;transition-delay:1s;opacity:0;}
.s5 .tw dl .ddh1{transform:translate(1000px);transition:1.1s;transition-delay:1.1s;opacity:0;}
.s5 .tw dl .dd01{transform:translate(1000px);transition:1.2s;transition-delay:1.2s;opacity:0;}
.s5 .tw dl .dd02{transform:translate(1000px);transition:1.3s;transition-delay:1.3s;opacity:0;}
.s5.active .fifth dl dt{transform:translate(0,0);opacity:1;}
.s5.active .fifth dl .ddh1{transform:translate(0,0);opacity:1;}
.s5.active .fifth dl .dd01{transform:translate(0,0);opacity:1;}
.s5.active .fifth dl .dd02{transform:translate(0,0);opacity:1;}

.s6 .tw dl{width:550px;margin-top:32%;}
.s6 .tw dl .ddh1,.s6 .tw dl .ddtext b{color:#004088;font-weight:normal;}

.s6 .tw span{transform:translateY(-500px);transition:1.5s;transition-delay:1.5s;opacity:0;}
.s6.active .sixth span{transform:translate(0,0);opacity:1;}
.s6 .tw dl dt{transform:translate(1000px);transition:1s;transition-delay:1s;opacity:0;}
.s6 .tw dl .ddh1{transform:translate(1000px);transition:1.1s;transition-delay:1.1s;opacity:0;}
.s6 .tw dl .ddtext{transform:translate(1000px);transition:1.2s;transition-delay:1.2s;opacity:0;}
.s6.active .sixth dl dt{transform:translate(0,0);opacity:1;}
.s6.active .sixth dl .ddh1{transform:translate(0,0);opacity:1;}
.s6.active .sixth dl .ddtext{transform:translate(0,0);opacity:1;}

.s7 .tw dl{margin-top:29%}
.s7 .tw dl .ddtext{margin-bottom:20px;}
.s7 .tw dl .ddh1,.s7 .tw dl .ddtext b{color:#006761;font-weight:normal;}

.s7 .tw span{transform:translateY(1000px);transition:1.5s;transition-delay:1.5s;opacity:0;}
.s7.active .seventh span{transform:translate(0,0);opacity:1;}
.s7 .tw dl dt{transform:translateY(-1000px);transition:1s;transition-delay:1s;opacity:0;}
.s7 .tw dl .ddh1{transform:translateY(-1000px);transition:1.1s;transition-delay:1.1s;opacity:0;}
.s7 .tw dl .dd01{transform:translateY(1000px);transition:1.2s;transition-delay:1.2s;opacity:0;}
.s7 .tw dl .dd02{transform:translateY(1000px);transition:1.3s;transition-delay:1.2s;opacity:0;}
.s7.active .seventh dl dt{transform:translate(0,0);opacity:1;}
.s7.active .seventh dl .ddh1{transform:translate(0,0);opacity:1;}
.s7.active .seventh dl .dd01{transform:translate(0,0);opacity:1;}
.s7.active .seventh dl .dd02{transform:translate(0,0);opacity:1;}

.s8 .tw dl{margin-top:38%;}
.s8 .tw dl dt{font-size:40px;}
.s8 .tw dl .ddtext{font-size:24px;}

.s8 .tw dl dt{font-size:40px;transform:translateY(1000px);transition:0.8s;transition-delay:0.8s;opacity:0;}
.s8 .tw dl .ddtext{font-size:24px;transform:translateY(1000px);transition:1s;transition-delay:1s;opacity:0;}
.s8 .tw span{transform:translateX(1000px);transition:1.2s;transition-delay:1.2s;opacity:0;}
.s8.active .eighth dl dt{transform:translateY(0);opacity:1;}
.s8.active .eighth dl .ddtext{transform:translateY(0);opacity:1;}
.s8.active .eighth span{transform:translateY(0);opacity:1;}

.s9 .tw dl{width:530px;margin-top:36%}
.s9 .tw dl .ddtext b{color:#990000;font-weight:normal;}
.s9 .tw dl dt{transform:translateX(1000px);transition:1s;transition-delay:1.2s;opacity:0;}
.s9 .tw dl .ddtext{font-size:24px;transform:translateY(1000px);transition:1s;transition-delay:1s;opacity:0;}
.s9 .tw span{transform:translateX(-1000px);transition:1.2s;transition-delay:1.2s;opacity:0;}
.s9.active .ninth dl dt{transform:translateY(0);opacity:1;}
.s9.active .ninth dl .ddtext{transform:translateY(0);opacity:1;}
.s9.active .ninth span{transform:translateY(0);opacity:1;}

.s10 .tw dl{margin-top:38%}
.s10 .tw dl .ddtext b{color:#005c53;font-weight:normal;}

.s10 .tw dl dt{transform:translateX(1000px);transition:1s;transition-delay:1.2s;opacity:0;}
.s10 .tw dl .ddtext{font-size:24px;transform:translateY(1000px);transition:1s;transition-delay:1s;opacity:0;}
.s10 .tw span{transform:translateX(-1000px);transition:1.2s;transition-delay:1.2s;opacity:0;}
.s10.active .eighth dl dt{transform:translateY(0);opacity:1;}
.s10.active .eighth dl .ddtext{transform:translateY(0);opacity:1;}
.s10.active .eighth span{transform:translateY(0);opacity:1;}

.s11 .tw dl{margin-top:29%;width:550px;}
.s11 .tw span{margin-top:23%}
.s11 .tw dl .ddtext{margin-bottom:20px;}
.s11 .tw dl .ddh1,.s11 .tw dl .ddtext b{color:#f5ff4f;font-weight:normal;}

.s11 .tw span{transform:translateY(1000px);transition:1.5s;transition-delay:1.5s;opacity:0;}
.s11.active .tenth span{transform:translate(0,0);opacity:1;}
.s11 .tw dl dt{transform:translateY(-1000px);transition:1s;transition-delay:1s;opacity:0;}
.s11 .tw dl .ddh1{transform:translateY(-1000px);transition:1.1s;transition-delay:1.1s;opacity:0;}
.s11 .tw dl .dd01{transform:translateY(1000px);transition:1.2s;transition-delay:1.2s;opacity:0;}
.s11 .tw dl .dd02{transform:translateY(1000px);transition:1.3s;transition-delay:1.2s;opacity:0;}
.s11.active .tenth dl dt{transform:translate(0,0);opacity:1;}
.s11.active .tenth dl .ddh1{transform:translate(0,0);opacity:1;}
.s11.active .tenth dl .dd01{transform:translate(0,0);opacity:1;}
.s11.active .tenth dl .dd02{transform:translate(0,0);opacity:1;}

.s12 .tw span{margin-top:0;}
.s12 .tw dl{margin-top:15%;}
.s12 .tw span img{display:block;margin:0 auto;}
.s12 .tw dl dt,.s12 .tw dl dd{display:block;text-align:center;}
.s12 .tw dl .ddh1,.s12 .tw dl .ddtext b{color:#fdff66;font-weight:normal;}
.s12 .tw dl .ddh1{font-size:42px;}

.s12 .tw span{transform:scale(0.6);-webkit-transform:scale(0.6);transition:1.5s;transition-delay:1.5s;opacity:0;}
.s12 .tw dl dt{transform:translateY(-1000px);transition:1s;transition-delay:1s;opacity:0;}
.s12 .tw dl .ddh1{transform:translateY(-1000px);transition:1.1s;transition-delay:1.1s;opacity:0;}
.s12 .tw dl .ddtext{transform:translateY(-1000px);transition:1.2s;transition-delay:1.2s;opacity:0;}

.s12.active .twelve span{transform:scale(1);-webkit-transform:scale(1);;opacity:1;}
.s12.active .twelve dl dt{transform:translate(0,0);opacity:1;}
.s12.active .twelve dl .ddh1{transform:translate(0,0);opacity:1;}
.s12.active .twelve dl .ddtext{transform:translate(0,0);opacity:1;}


.s13 .fifteen h1{display:block;font-size:56px;color:#996d00;margin-top:25%;text-align:center;font-weight:bold;
	transform:scale(0.6);-webkit-transform:scale(0.6);transition:1s;transition-delay:1s;opacity:0;}
.s13.active .fifteen h1{transform:scale(1);-webkit-transform:scale(1);;opacity:1;}
.s13 .fifteen p{display:block;font-size:70px;color:#996d00;text-align:center;margin-top:30px;
	transform:translateX(-1000px);transition:1s;transition-delay:1s;opacity:0;}
.s13.active .fifteen p{transform:translate(0,0);opacity:1;}
.s13 .jiameng{transform:translateY(1000px);transition:1.2s;transition-delay:1.2s;opacity:0;}
.s13.active .jiameng{transform:translateY(0px);opacity:1;}

/*加入微三云*/
.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;background:#cc9d2a;font-size:36px;color:#fff;border-radius:5px;margin:0 30px;}
.jiameng a.w-scene-btn:hover{background:#996d00;color:#fff;}

.scrolldown{display:block;width:32px;height:35px;background:url(../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 span,.tw dl{margin-top:15%;}
	.tw span{height:400px;}
	
	.s1 .tw span{width:550px;margin-top:17%}
	.s1 .tw dl{width:450px;margin-top:28%;}
	
	.s2 .tw dl{margin-top:28%;}
	.s2 .tw span{margin-top:17%}
	.s2 .tw dl dt{font-size:76px;}
	.s2 .tw dl .ddtext{font-size:32px;}
	
	.s3 .tw dl{margin-top:29%;width:550px;}
	.s3 .tw span{margin-top:18%;}
	
	.s4 .tw dl{margin-top:32%}
	.s4 .tw span{margin-top:18%;}
	
	.s5 .tw dl{margin-top:22%}
	.s5 .tw span{margin-top:17%;}
	
	.s6 .tw dl{margin-top:25%}
	.s6 .tw span{margin-top:17%;}
	
	.s7 .tw dl{margin-top:22%}
	.s7 .tw span{margin-top:17%;}
	
	.s8 .tw dl{margin-top:32%}
	.s8 .tw span{margin-top:18%;}
	
	.s9 .tw dl{margin-top:28%}
	.s9 .tw span{margin-top:17%;}
	
	.s10 .tw dl{margin-top:32%;width:360px;margin-left:10%}
	.s10 .tw span{margin-top:17%;margin-right:10%}
	
	.s11 .tw dl{margin-top:23%}
	.s11 .tw span{margin-top:17%;}
	
	.s12 .tw dl{margin-top:13%;}
	.s12 .tw dl .ddh1{font-size:32px;margin-bottom:10px;}
	.s12 .tw span{height:400px;}
	
	.s13 .fifteen h1{margin-top:18%;}
}

@media screen and (max-width:1366px){
	.tw{width:960px;}
	.tw span,.tw dl{margin-top:13%;}
	.tw span{height:350px;}
	.tw dl .ddtext b{font-size:20px;}
	
	.s1 .tw span{width:450px;margin-top:18%}
	.s1 .tw dl{width:420px;margin-top:28%;}
	
	.s2 .tw dl{margin-top:30%;}
	.s2 .tw span{margin-top:18%}
	.s2 .tw dl dt{font-size:66px;}
	.s2 .tw dl .ddtext{font-size:26px;}
	
	.s3 .tw dl{margin-top:29%;width:550px;}
	.s3 .tw span{margin-top:18%;}
	
	.s4 .tw dl{margin-top:32%}
	.s4 .tw dl dt{font-size:28px;}
	.s4 .tw dl .ddtext{font-size:20px;}
	.s4 .tw span{margin-top:18%;}
	
	.s5 .tw dl{width:450px;margin-top:22%}
	.s5 .tw dl dt{font-size:28px;}
	.s5 .tw dl .ddh1{font-size:22px;}
	.s5 .tw dl .ddtext{font-size:18px;line-height:30px;}
	.s5 .tw span{width:450px;margin-top:18%;}
	
	.s6 .tw dl{width:450px;margin-top:22%}
	.s6 .tw span{margin-top:18%;}
	.s6 .tw dl dt{font-size:28px;}
	.s6 .tw dl .ddh1{font-size:22px;}
	.s6 .tw dl .ddtext{font-size:18px;line-height:30px;}
	
	.s7 .tw dl{width:480px;margin-top:20%}
	.s7 .tw span{margin-top:18%;}
	.s7 .tw dl dt{font-size:28px;}
	.s7 .tw dl .ddh1{font-size:22px;}
	.s7 .tw dl .ddtext{font-size:18px;line-height:30px;}
	
	.s8 .tw dl{width:450px;margin-top:28%}
	.s8 .tw dl dt{font-size:28px;}
	.s8 .tw dl .ddtext{font-size:20px;}
	.s8 .tw span{margin-top:18%;}
	
	.s9 .tw dl{width:500px;margin-top:28%}
	.s9 .tw dl dt{font-size:28px;}
	.s9 .tw dl .ddtext{font-size:18px;}
	.s9 .tw span{margin-top:18%;}
	
	.s10 .tw dl{margin-top:28%;width:360px;margin-left:10%}
	.s10 .tw span{margin-top:18%;margin-right:10%}
	
	.s11 .tw dl{margin-top:21%}
	.s11 .tw span{margin-top:18%;}
	.s11 .tw dl dt{font-size:28px;}
	.s11 .tw dl .ddh1{font-size:22px;}
	.s11 .tw dl .ddtext{font-size:18px;line-height:30px;}
	
	.s12 .tw dl{margin-top:15%;}
	.s12 .tw dl dt{margin-bottom:10px;}
	.s12 .tw dl .ddh1{font-size:26px;margin-bottom:10px;}
	.s12 .tw span{height:300px;}
	
	.s13 .fifteen h1{font-size:40px;margin-top:22%;}
	.s13 .fifteen p{font-size:48px;}
	.jiameng a.w-scene-btn{width:200px;height:50px;line-height:50px;font-size:28px;border-radius:2px;}
	.jiameng{margin-top:100px;margin-left:-258px;}
}