Initial commit，修正
This commit is contained in:
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 55 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 78 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 64 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 96 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 174 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 68 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 46 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 93 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 51 KiB |
+303
@@ -0,0 +1,303 @@
|
||||
@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;}
|
||||
}
|
||||
Reference in New Issue
Block a user