Initial commit，修正
This commit is contained in:
Executable
+22
@@ -0,0 +1,22 @@
|
||||
#focus_Box ul, #focus_Box li { margin: 0; padding: 0; list-style: none }
|
||||
#focus_Box img { border: 0; vertical-align: top }
|
||||
#focus_Box { position: relative; height: 400px; background: url('../images/bg3.jpg') no-repeat center 0; text-align: left }
|
||||
#focus_Box .d_img { position: relative; margin: 0 auto; width: 550px; height: 100% }
|
||||
#focus_Box .d_img li { position: absolute; display: none; z-index: 0;cursor:pointer;}
|
||||
#focus_Box .d_img .cont{ width:100%; height:87px; background:rgba(0,0,0,0.5); position:absolute; bottom:0px; left:0px; z-index:99999;}
|
||||
#focus_Box .d_img li img { width: 100%;height:auto;}
|
||||
#focus_Box .d_img li.d_pos1 { display: block; width: 180px; left: 0%; top: 60px; z-index: 1 }
|
||||
#focus_Box .d_img li.d_pos2 { display: block; width: 215px; left: 10%; top: 40px; z-index: 2 }
|
||||
#focus_Box .d_img li.d_pos3 { display: block; width: 244px; left: 28%; top: 20px; z-index: 3 }
|
||||
#focus_Box .d_img li.d_pos4 { display: block; width: 215px; right: 10%; top: 40px; z-index: 2 }
|
||||
#focus_Box .d_img li.d_pos5 { display: block; width: 180px; right: 0%; top: 60px; z-index: 1 }
|
||||
#focus_Box .d_menu { position: absolute; bottom: 20px; width: 100%; text-align: center }
|
||||
#focus_Box .d_menu li { display: inline-block; zoom: 1; *display:inline;
|
||||
background: url('../images/btn.png') no-repeat 0 0; width: 12px; height: 12px; cursor: pointer; margin-right: 3px }
|
||||
#focus_Box .d_menu li.d_select { background: url('../images/btn.png') no-repeat 0 -18px }
|
||||
#focus_Box .d_prev,#focus_Box .d_next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:27px;height:46px;top:130px;
|
||||
-webkit-transition: 0.3s;transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;}
|
||||
#focus_Box .d_prev{background:url(../images/about/btn1.png) left top no-repeat;left:0px;top:155px;}
|
||||
#focus_Box .d_next{background:url(../images/about/btn1.png) right top no-repeat;right:0px;top:155px;}
|
||||
#focus_Box .d_prev:hover{background-position:0px -46px;}
|
||||
#focus_Box .d_next:hover{background-position:-27px -46px;}
|
||||
Executable
+651
@@ -0,0 +1,651 @@
|
||||
@charset "utf-8";
|
||||
/* 官网首页轮播图样式 */
|
||||
|
||||
.ty{width:1200px;margin:0 auto;height:434px;display:block;overflow:hidden;position:relative;}
|
||||
.ty img{display:block;position:absolute;}
|
||||
|
||||
.banner-btn{display:block;width:1200px;margin:0 auto;position:relative;top:38%;}
|
||||
.banner-btn a{display:block;width:60px;height:130px;overflow:hidden;cursor:pointer;
|
||||
position:absolute;-webkit-transition: 0.8s;transition: 0.8s;-moz-transition: 0.8s;-ms-transition: 0.8s;-o-transition: 0.8s;z-index:9}
|
||||
.banner-btn a.prevBtn{left:0px;background:url(../../resource/images/common/banner_left.png) center center no-repeat;}
|
||||
.banner-btn a.prevBtn:hover{background-image:url(../../resource/images/common/banner_lefth.png);}
|
||||
.banner-btn a.nextBtn{right:0px;background:url(../../resource/images/common/banner_right.png) center center no-repeat;}
|
||||
.banner-btn a.nextBtn:hover{background-image:url(../../resource/images/common/banner_righth.png)}
|
||||
|
||||
.banner-circle{display:block;background:#f8f8f8;width:100%;height:40px;position:relative;}
|
||||
.banner-circle li{position:absolute;left:50%;margin-left:-30px;}
|
||||
.banner-circle li a{display:block;width:10px;height:10px;float:left;margin-top:12px;cursor:pointer;
|
||||
border:solid 1px #00a8ee;border-radius:50%;margin-right:10px;}
|
||||
.banner-circle li .noli{display:block;background:#00a8ee;width:10px;height:10px;}
|
||||
|
||||
|
||||
.bannerbox{display:block;overflow:hidden;}
|
||||
.banner{display:block;overflow:hidden;height:434px;margin-top:126px;}
|
||||
.banner ul li{display:block;overflow:hidden;width:100%;height:434px;}
|
||||
.banner ul li.li01{background:#302b6f;}
|
||||
.banner ul li.li01 a{background:url(../../resource/images/single/Micro/weishi/Micro_bj.png) no-repeat;width:1920px;position:absolute;left:50%;margin-left:-960px;z-index:1;overflow:hidden;}
|
||||
.banner ul li.li02{background:url(../../resource/images/single/border/c_banner.png);}
|
||||
.banner ul li.li03 a{background:url(../../resource/images/single/KTV/ktv_bg.png) no-repeat;width:1920px;height:434px;position:absolute;left:50%;margin-left:-960px;z-index:1;overflow:hidden;}
|
||||
.banner ul li.li04{background:#ffc400;}
|
||||
.banner ul li.li04 a{background:url(../../resource/images/single/grogshop/hote_bj.png) no-repeat;width:1920px;position:absolute;left:50%;margin-left:-960px;z-index:1;overflow:hidden;}
|
||||
.banner ul li.li05{background:#45aeff;}
|
||||
.banner ul li.li06{background:#fddf50 url(../../resource/images/single/cashier/syo2o_bj.png);}
|
||||
.banner ul li.li07{background:#fddf50 url(../../resource/images/single/81/ban/img_bg.png);}
|
||||
|
||||
/*8.1*/
|
||||
.banner_81v dl{float:left;margin-top:80px;width:40%;margin-left:70px;}
|
||||
.banner_81v dl dd{display:block;}
|
||||
.banner_81v dl .dd01{display:block;}
|
||||
.banner_81v dl .dd01 img{display:block;-webkit-animation: b2 1s 1s ease both;-moz-animation: b2 1s 1s ease both;animation: b2 1s 1s ease both;}
|
||||
.banner_81v dl .dd02{display:block;font-size:24px;color:#fff;line-height:38px;margin-top:60px;-webkit-animation: b2 1s 1.2s ease both;-moz-animation: b2 1s 1.2s ease both;animation: b2 1s 1.2s ease both;}
|
||||
.banner_81v dl .dd03{display:block;font-size:24px;color:#fff;line-height:60px;margin-top:30px;width:220px;height:60px;border:1px solid #fff;border-radius:4px;text-align:center;-webkit-animation: b2 1s 1.4s ease both;-moz-animation: b2 1s 1.4s ease both;animation: b2 1s 1.4s ease both;}
|
||||
.banner_81v .right81{float:right;width:50%;position:relative;-webkit-animation: a8 1.4s 1.2s ease both;-moz-animation: a8 1.4s 1.2s ease both;animation: a8 1.4s 1.2s ease both;}
|
||||
.banner_81v .right81 span{position:absolute;}
|
||||
.banner_81v .right81 .span1{left:208px;top:50px;z-index:10;}
|
||||
.banner_81v .right81 .span2{top:0px;}
|
||||
|
||||
/*微视系统*/
|
||||
.banner_micro dd{display:block;position:absolute;}
|
||||
.banner_micro .dd01{left:265px;top:36px;-webkit-animation:flipinX 1s 0.1s ease both; animation:flipinX 1s 0.1s ease both;}
|
||||
.banner_micro .dd02{left:235px;top:173px;z-index:10;-webkit-animation:flipinX 1s 1s ease both; animation:flipinX 1s 1s ease both;}
|
||||
.banner_micro .dd04{left:158px;top:62px;-webkit-animation:flipinX 1s 0.3s ease both; animation:flipinX 1s 0.3s ease both;}
|
||||
.banner_micro .dd05{left:195px;top:150px;-webkit-animation:flipinX 1s 0.5s ease both; animation:flipinX 1s 0.5s ease both;}
|
||||
.banner_micro .dd06{left:115px;top:228px;-webkit-animation:flipinX 1s 0.7s ease both; animation:flipinX 1s 0.7s ease both;}
|
||||
.banner_micro .dd03{left:370px;bottom:80px;-webkit-animation:flipinX 1s 2s ease both; animation:flipinX 1s 2s ease both;}
|
||||
|
||||
.banner_micro .dd07{right:450px;top:98px;z-index:9;-webkit-animation: b2 1s 1.1s ease both;-moz-animation: b2 1s 1.1s ease both;animation: b2 1s 1.1s ease both;}
|
||||
.banner_micro .dd08{right:300px;top:78px;z-index:10;-webkit-animation:flipinX 1s 1.8s ease both; animation:flipinX 1s 1.8s ease both;}
|
||||
.banner_micro .dd09{right:535px;top:289px;-webkit-animation: b2 1s 1.3s ease both;-moz-animation: b2 1s 1.3s ease both;animation: b2 1s 1.3s ease both;}
|
||||
.banner_micro .dd10{right:250px;top:205px;-webkit-animation: b2 1s 1.5s ease both;-moz-animation: b2 1s 1.5s ease both;animation: b2 1s 1.5s ease both;}
|
||||
|
||||
/*跨境电商*/
|
||||
.banner_border dl{display:block;float:left;}
|
||||
.banner_border dl dd{display:block;position:absolute;}
|
||||
.banner_border dl dd.dd1{left:298px;top:155px;z-index:2;
|
||||
-webkit-animation:ban3 1.5s 2s ease both;-moz-animation:ban3 1.5s 2s ease both;animation:ban3 1.5s 2s ease both;}
|
||||
.banner_border dl dd.dd2{left:40px;top:60px;z-index:1;
|
||||
-webkit-animation: ban2 2s 0s linear normal both ;-moz-animation: ban2 2s 0s linear normal both ;animation: ban2 2s 0s linear normal both ;}
|
||||
.banner_border dl dd.dd3{left:95px;bottom:70px;z-index:2;
|
||||
-webkit-animation: ban1 3s 0.5s ease both;-moz-animation: ban1 3s 0.5s ease both;animation: ban1 3s 0.5s ease both;}
|
||||
.banner_border dl dd.dd4{left:0px;top:20px;
|
||||
-webkit-animation:a2 1.5s 1s ease both;-moz-animation:a2 1.5s 1s ease both;animation:a2 1.5s 1s ease both;}
|
||||
.bor_div{display:block;float:right;margin-right:85px;margin-top:85px;}
|
||||
.bor_div h1{display:block;font-size:45px;font-weight:bold;color:#fffd68;
|
||||
-webkit-animation:a8 1.5s 2.1s ease both;-moz-animation:a8 1.5s 2.1s ease both;animation:a8 1.5s 2.1s ease both;}
|
||||
.bor_div p{display:block;font-size:22px;line-height:45px;color:#fff;margin-top:15px;
|
||||
-webkit-animation:b2 1.5s 2.3s ease both;-moz-animation:b2 1.5s 2.3s ease both;animation:b2 1.5s 2.3s ease both;}
|
||||
.bor_div p b{font-size:28px;color:#fffd68;padding:0 6px;}
|
||||
.bor_div span{display:block;width:150px;height:42px;line-height:42px;text-align:center;font-size:20px;color:#0071bd;background:#fffd68;border-radius:3px;margin-top:10px;
|
||||
-webkit-animation:b2 1.5s 2.5s ease both;-moz-animation:b2 1.5s 2.5s ease both;animation:b2 1.5s 2.5s ease both;}
|
||||
|
||||
@-webkit-keyframes ban1{0%{left:1200px;}
|
||||
100%{left:95px;}}
|
||||
@-moz-keyframes ban1{0%{left:1200px;}
|
||||
100%{left:95px;}}
|
||||
@keyframes ban1{0%{left:1200px;}
|
||||
100%{left:95px;}}
|
||||
|
||||
@-webkit-keyframes ban2{0%{opacity: 0;-webkit-transform: translateY(-2000px);}
|
||||
60%{opacity: 1;-webkit-transform: translateY(30px);}
|
||||
80%{-webkit-transform: translateY(-10px);}
|
||||
100%{-webkit-transform: translateY(0);}}
|
||||
@-moz-keyframes ban2{0%{opacity: 0;-moz-transform: translateY(-2000px);}
|
||||
60%{opacity: 1;-moz-transform: translateY(30px);}
|
||||
80%{-moz-transform: translateY(-10px);}
|
||||
100%{-moz-transform: translateY(0);}}
|
||||
@-o-keyframes ban2{0%{opacity: 0;-o-transform: translateY(-2000px);}
|
||||
60%{opacity: 1;-o-transform: translateY(30px);}
|
||||
80%{-o-transform: translateY(-10px);}
|
||||
100%{-o-transform: translateY(0);}}
|
||||
@keyframes ban2{0%{opacity: 0;transform: translateY(-2000px);}
|
||||
60%{opacity: 1;transform: translateY(30px);}
|
||||
80%{transform: translateY(-10px);}
|
||||
100%{transform: translateY(0);}}
|
||||
|
||||
@-webkit-keyframes ban3{
|
||||
from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
|
||||
from{opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0);}
|
||||
60%{opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0);}
|
||||
75%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}
|
||||
90%{-webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0);}
|
||||
to{-webkit-transform: none; transform: none;}
|
||||
}
|
||||
@keyframes ban3{
|
||||
from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
|
||||
from{opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0);}
|
||||
60%{opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0);}
|
||||
75%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);} 90%{-webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0);}
|
||||
to{-webkit-transform: none; transform: none;}
|
||||
}
|
||||
|
||||
/*O2OKTV*/
|
||||
.banner_KTV dl{display:block;}
|
||||
.banner_KTV dl dd{display:block;position:absolute;}
|
||||
.banner_KTV dl dd.dd_1{left:494px;top:0;z-index:11;-webkit-animation: b2 1s 0.5s ease both;-moz-animation: b2 1s 0.5s ease both;animation: b2 1s 0.5s ease both;}
|
||||
.banner_KTV dl dd.dd_2{left:206px;top:0;z-index:11;-webkit-animation: b2 1s 0.5s ease both;-moz-animation: b2 1s 0.5s ease both;animation: b2 1s 0.5s ease both;}
|
||||
.banner_KTV dl dd.dd_3{left:404px;bottom:130px;z-index:14;font-size:44px;color:#fff;font-weight:bold;-webkit-animation:flipinX 2s 1s ease both; animation:flipinX 2s 1s ease both;}
|
||||
.banner_KTV dl dd.dd_3 b{font-size:44px;color:#f51717;font-weight:bold;}
|
||||
.banner_KTV dl dd.dd_4{left:402px;bottom:94px;z-index:14;font-size:22px;color:#fff;-webkit-animation:flipinX 2s 1.5s ease both; animation:flipinX 2s 1.5s ease both;}
|
||||
.banner_KTV em{display:block;width:166px;height:36px;background:#fff;border-radius:2px;color:#555;font-size:20px;text-align:center;line-height:36px;position:absolute;
|
||||
left:518px;bottom:26px;z-index:12;-webkit-animation:flipinX 2s 2s ease both; animation:flipinX 2s 2s ease both;}
|
||||
.span_hote{display:block;position:absolute;left:0px;bottom:-4px;z-index:11;
|
||||
-webkit-animation: b2 1s 0.1s ease both;-moz-animation: b2 1s 0.1s ease both;animation: b2 1s 0.1s ease both;}
|
||||
|
||||
/*O2O酒店*/
|
||||
.banner_grogshop dl{display:block;}
|
||||
.banner_grogshop dl dd{display:block;position:absolute;}
|
||||
.banner_grogshop dl dd.dd_1{left:288px;top:26px;z-index:11;
|
||||
-webkit-animation: b2 1s 0.7s ease both;-moz-animation: b2 1s 0.7s ease both;animation: b2 1s 0.7s ease both;}
|
||||
.banner_grogshop dl dd.dd_2{left:625px;top:16px;
|
||||
-webkit-animation: b2 1s 0.9s ease both;-moz-animation: b2 1s 0.9s ease both;animation: b2 1s 0.9s ease both;}
|
||||
.banner_grogshop dl dd.dd_3{left:832px;top:110px;z-index:10;
|
||||
-webkit-animation: b2 1.5s 1.5s ease both;-moz-animation: b2 1.5s 1.5s ease both;animation: b2 1.5s 1.5s ease both;}
|
||||
.banner_grogshop dl dd.dd_4{left:420px;top:34px;z-index:10;
|
||||
-webkit-animation: t2 1.5s 0.9s ease both;-moz-animation: t2 1.5s 0.9s ease both;animation: t2 1.5s 0.9s ease both;}
|
||||
.banner_grogshop dl dd.dd_5{left:180px;top:77px;z-index:10;
|
||||
-webkit-animation: t2 2s 1.1s ease both;-moz-animation: t2 2s 1.1s ease both;animation: t2 2s 1.1s ease both;}
|
||||
.banner_grogshop dl dd.dd_6{left:180px;top:34px;z-index:9;
|
||||
-webkit-animation:flipinX 2s 2.5s ease both; animation:flipinX 2s 2.5s ease both;}
|
||||
.banner_grogshop dl dd.dd_7{left:50px;top:120px;z-index:11;
|
||||
-webkit-animation: b2 1s 0.5s ease both;-moz-animation: b2 1s 0.5s ease both;animation: b2 1s 0.5s ease both;}
|
||||
.banner_grogshop dl dd.dd_8{left:518px;bottom:205px;z-index:13;-webkit-animation:flipinX 2s 1s ease both; animation:flipinX 2s 1s ease both;}
|
||||
.banner_grogshop dl dd.dd_9{left:394px;bottom:120px;z-index:12;-webkit-animation:flipinX 2s 1.1s ease both; animation:flipinX 2s 1.1s ease both;}
|
||||
.banner_grogshop dl dd.dd_10{font-size:24px;color:#fff;left:360px;bottom:64px;z-index:12;
|
||||
-webkit-animation:flipinX 2s 1.5s ease both; animation:flipinX 2s 1.5s ease both;}
|
||||
.banner_grogshop em{display:block;width:166px;height:36px;background:#fff;border-radius:2px;color:#555;font-size:20px;text-align:center;line-height:36px;position:absolute;
|
||||
left:518px;bottom:14px;z-index:12;-webkit-animation:flipinX 2s 2s ease both; animation:flipinX 2s 2s ease both;}
|
||||
.span_hote{display:block;position:absolute;left:0px;bottom:-4px;z-index:11;
|
||||
-webkit-animation: b2 1s 0.1s ease both;-moz-animation: b2 1s 0.1s ease both;animation: b2 1s 0.1s ease both;}
|
||||
|
||||
|
||||
|
||||
|
||||
/*线下多门店商城*/
|
||||
.banner_offline span{display:block;width:550px;height:auto;float:right;margin-top:56px;}
|
||||
.banner_offline span .img1{display:block;float:right;width:490px;height:auto;margin-left:40px;
|
||||
-webkit-animation: b2 1s 1s ease both;-moz-animation: b2 1s 1s ease both;animation: b2 1s 1s ease both;}
|
||||
.banner_offline dl{display:block;float:left;width:460px;margin-top:114px;margin-left:60px;}
|
||||
.banner_offline dl dt{display:block;font-size:48px;color:#fff;font-weight:bold;
|
||||
-webkit-animation: a8 1s 0.2s ease both;-moz-animation: a8 1s 0.2s ease both;animation: a8 1s 0.2s ease both;}
|
||||
.banner_offline dl .sy_dd{display:block;font-size:25px;color:#fff;margin:16px 0px;
|
||||
-webkit-animation: a8 1s 0.3s ease both;-moz-animation: a8 1s 0.3s ease both;animation: a8 1s 0.3s ease both;}
|
||||
.banner_offline dl .sy_text{display:black;overflow:hidden;}
|
||||
.banner_offline dl .sy_text em{display:block;float:left;margin-right:20px;padding:0 20px;height:42px;line-height:42px;color:#fff;font-size:18px;border-radius:5px;background:#4754ff;}
|
||||
.banner_offline dl .sy_text #em1{-webkit-animation: b2 1s 0.4s ease both;-moz-animation: b2 1s 0.4s ease both;animation: b2 1s 0.4s ease both;}
|
||||
.banner_offline dl .sy_text #em2{-webkit-animation: b2 1s 0.5s ease both;-moz-animation: b2 1s 0.5s ease both;animation: b2 1s 0.5s ease both;}
|
||||
.banner_offline dl .sy_text #em3{-webkit-animation: b2 1s 0.6s ease both;-moz-animation: b2 1s 0.6s ease both;animation: b2 1s 0.6s ease both;}
|
||||
.banner_offline dl .bnt{display:block;width:150px;height:42px;background:#fff;line-height:42px;font-size:20px;text-align:center;border-radius:5px;color:#4754ff;margin-top:20px;
|
||||
-webkit-animation: b2 1s 0.7s ease both;-moz-animation: b2 1s 0.7s ease both;animation: b2 1s 0.7s ease both;}
|
||||
|
||||
|
||||
|
||||
/*收银O2O*/
|
||||
.banner_syo2o .img1{display:block;float:left;width:490px;height:auto;margin-top:25px;margin-left:40px;
|
||||
-webkit-animation: b2 1s 1s ease both;-moz-animation: b2 1s 1s ease both;animation: b2 1s 1s ease both;}
|
||||
.banner_syo2o dl{display:block;float:right;width:600px;margin-top:80px;}
|
||||
.banner_syo2o dl dt{display:block;font-size:48px;color:#e89115;font-weight:bold;
|
||||
-webkit-animation: a8 1s 0.2s ease both;-moz-animation: a8 1s 0.2s ease both;animation: a8 1s 0.2s ease both;}
|
||||
.banner_syo2o dl .sy_dd{display:block;font-size:25px;color:#e89115;margin:10px 0px;
|
||||
-webkit-animation: a8 1s 0.3s ease both;-moz-animation: a8 1s 0.3s ease both;animation: a8 1s 0.3s ease both;}
|
||||
.banner_syo2o dl .sy_text{display:black;overflow:hidden;}
|
||||
.banner_syo2o dl .sy_text em{display:block;float:left;margin-right:20px;padding:0 20px;height:42px;line-height:42px;color:#fff;font-size:18px;border-radius:5px;background:#e89115;}
|
||||
.banner_syo2o dl .sy_text #em1{-webkit-animation: b2 1s 0.4s ease both;-moz-animation: b2 1s 0.4s ease both;animation: b2 1s 0.4s ease both;}
|
||||
.banner_syo2o dl .sy_text #em2{-webkit-animation: b2 1s 0.5s ease both;-moz-animation: b2 1s 0.5s ease both;animation: b2 1s 0.5s ease both;}
|
||||
.banner_syo2o dl .sy_text #em3{-webkit-animation: b2 1s 0.6s ease both;-moz-animation: b2 1s 0.6s ease both;animation: b2 1s 0.6s ease both;}
|
||||
.banner_syo2o dl .bnt{display:block;width:150px;height:42px;background:#fff;line-height:42px;font-size:20px;text-align:center;border-radius:5px;color:#e89115;margin-top:20px;
|
||||
-webkit-animation: b2 1s 0.7s ease both;-moz-animation: b2 1s 0.7s ease both;animation: b2 1s 0.7s ease both;}
|
||||
|
||||
|
||||
@-webkit-keyframes flipinX{
|
||||
0%{-webkit-transform:rotateX(90deg);opacity:0;}
|
||||
40%{-webkit-transform:rotateX(-10deg);}
|
||||
70%{-webkit-transform:rotateX(10deg);}
|
||||
100%{-webkit-transform:rotateX(0);opacity:1;}
|
||||
}
|
||||
@-moz-keyframes flipinX{
|
||||
0%{-moz-transform:rotateX(90deg);opacity:0;}
|
||||
40%{-moz-transform:rotateX(-10deg);}
|
||||
70%{-moz-transform:rotateX(10deg);}
|
||||
100%{-moz-transform:rotateX(0);opacity:1;}
|
||||
}
|
||||
@-ms-keyframes flipinX{
|
||||
0%{-ms-transform:rotateX(90deg);opacity:0;}
|
||||
40%{-ms-transform:rotateX(-10deg);}
|
||||
70%{-ms-transform:rotateX(10deg);}
|
||||
100%{-ms-transform:rotateX(0);opacity:1;}
|
||||
}
|
||||
@keyframes flipinX{
|
||||
0%{transform:rotateX(90deg);opacity:0;}
|
||||
40%{transform:rotateX(-10deg);}
|
||||
70%{transform:rotateX(10deg);}
|
||||
100%{transform:rotateX(0);opacity:1;}
|
||||
}
|
||||
@-webkit-keyframes b13{
|
||||
0%{opacity: 0;transform:translateY(-1000px)}
|
||||
100%{opacity: 1;transform:translateX(0)}
|
||||
}
|
||||
@-moz-keyframes b13{
|
||||
0%{opacity: 0;transform:translateY(-1000px)}
|
||||
100%{opacity: 1;transform:translateX(0)}
|
||||
}
|
||||
@-o-keyframes b13{
|
||||
0%{opacity: 0;transform:translateY(-1000px)}
|
||||
100%{opacity: 1;transform:translateX(0)}
|
||||
}
|
||||
@keyframes b13{
|
||||
0%{opacity: 0;transform:translateY(-1000px)}
|
||||
100%{opacity: 1;transform:translateX(0)}
|
||||
}
|
||||
|
||||
|
||||
@-webkit-keyframes t1{
|
||||
0%{opacity: 0;transform:translateX(1000px)}
|
||||
100%{opacity: 1;transform:translateX(0)}
|
||||
}
|
||||
@-moz-keyframes t1{
|
||||
0%{opacity: 0;transform:translateX(1000px)}
|
||||
100%{opacity: 1;transform:translateX(0)}
|
||||
}
|
||||
@-o-keyframes t1{
|
||||
0%{opacity: 0;transform:translateX(1000px)}
|
||||
100%{opacity: 1;transform:translateX(0)}
|
||||
}
|
||||
@keyframes t1{
|
||||
0%{opacity: 0;transform:translateX(1000px)}
|
||||
100%{opacity: 1;transform:translateX(0)}
|
||||
}
|
||||
|
||||
@-webkit-keyframes t2{
|
||||
0%{opacity: 0;transform:translateX(-1000px)}
|
||||
100%{opacity: 1;transform:translateX(0)}
|
||||
}
|
||||
@-moz-keyframes t2{
|
||||
0%{opacity: 0;transform:translateX(-1000px)}
|
||||
100%{opacity: 1;transform:translateX(0)}
|
||||
}
|
||||
@-o-keyframes t2{
|
||||
0%{opacity: 0;transform:translateX(-1000px)}
|
||||
100%{opacity: 1;transform:translateX(0)}
|
||||
}
|
||||
@keyframes t2{
|
||||
0%{opacity: 0;transform:translateX(-1000px)}
|
||||
100%{opacity: 1;transform:translateX(0)}
|
||||
}
|
||||
|
||||
|
||||
@-webkit-keyframes b1{
|
||||
0%{opacity: 0;transform:translateY(1000px)}
|
||||
100%{opacity: 1;transform:translateY(0)}
|
||||
}
|
||||
@-moz-keyframes b1{
|
||||
0%{opacity: 0;transform:translateY(1000px)}
|
||||
100%{opacity: 1;transform:translateY(0)}
|
||||
}
|
||||
@-o-keyframes b1{
|
||||
0%{opacity: 0;transform:translateY(1000px)}
|
||||
100%{opacity: 1;transform:translateY(0)}
|
||||
}
|
||||
@keyframes b1{
|
||||
0%{opacity: 0;transform:translateY(1000px)}
|
||||
100%{opacity: 1;transform:translateY(0)}
|
||||
}
|
||||
|
||||
@-webkit-keyframes b3{
|
||||
0%{opacity: 0;transform:translateY(-1000px)}
|
||||
100%{opacity: 1;transform:translateX(0)}
|
||||
}
|
||||
@-moz-keyframes b3{
|
||||
0%{opacity: 0;transform:translateY(-1000px)}
|
||||
100%{opacity: 1;transform:translateX(0)}
|
||||
}
|
||||
@-o-keyframes b3{
|
||||
0%{opacity: 0;transform:translateY(-1000px)}
|
||||
100%{opacity: 1;transform:translateX(0)}
|
||||
}
|
||||
@keyframes b3{
|
||||
0%{opacity: 0;transform:translateY(-1000px)}
|
||||
100%{opacity: 1;transform:translateX(0)}
|
||||
}
|
||||
|
||||
|
||||
@-webkit-keyframes b4{
|
||||
0%{opacity: 0;transform:translateY(1000px)}
|
||||
100%{opacity: 1;transform:translateX(0)}
|
||||
}
|
||||
@-moz-keyframes b4{
|
||||
0%{opacity: 0;transform:translateY(1000px)}
|
||||
100%{opacity: 1;transform:translateX(0)}
|
||||
}
|
||||
@-o-keyframes b4{
|
||||
0%{opacity: 0;transform:translateY(1000px)}
|
||||
100%{opacity: 1;transform:translateX(0)}
|
||||
}
|
||||
@keyframes b4{
|
||||
0%{opacity: 0;transform:translateY(1000px)}
|
||||
100%{opacity: 1;transform:translateX(0)}
|
||||
}
|
||||
|
||||
@-webkit-keyframes a1{
|
||||
0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
|
||||
60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}
|
||||
}
|
||||
|
||||
@-moz-keyframes a1{
|
||||
0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
|
||||
60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}
|
||||
}
|
||||
@keyframes a1{
|
||||
0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
|
||||
60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}
|
||||
}
|
||||
|
||||
@-webkit-keyframes a2{
|
||||
0%{opacity: 0;}
|
||||
60%{opacity: 1;}
|
||||
}
|
||||
|
||||
@-moz-keyframes a2{
|
||||
0%{opacity: 0;}
|
||||
60%{opacity: 1;}
|
||||
}
|
||||
|
||||
@keyframes a2{
|
||||
0%{opacity: 0;}
|
||||
60%{opacity: 1;}
|
||||
}
|
||||
|
||||
@-webkit-keyframes a6{
|
||||
0%{opacity: 0;transform:translate(-50px,50px)}
|
||||
60%{opacity: 1;transform:translate(0,0)}
|
||||
}
|
||||
|
||||
@-moz-keyframes a6{
|
||||
0%{opacity: 0;transform:translate(-50px,50px)}
|
||||
60%{opacity: 1;transform:translate(0,0)}
|
||||
}
|
||||
|
||||
@keyframes a6{
|
||||
0%{opacity: 0;transform:translate(-50px,50px)}
|
||||
60%{opacity: 1;transform:translate(0,0)}
|
||||
}
|
||||
|
||||
@-webkit-keyframes a7{
|
||||
0%{opacity: 0;transform:translate(1000px,0px)}
|
||||
60%{opacity: 1;transform:translate(0,0)}
|
||||
}
|
||||
|
||||
@-moz-keyframes a7{
|
||||
0%{opacity: 0;transform:translate(1000px,0px)}
|
||||
60%{opacity: 1;transform:translate(0,0)}
|
||||
}
|
||||
|
||||
@keyframes a7{
|
||||
0%{opacity: 0;transform:translate(1000px,0px)}
|
||||
60%{opacity: 1;transform:translate(0,0)}
|
||||
}
|
||||
|
||||
@-webkit-keyframes a8{
|
||||
0%{opacity: 0;transform:translate(0px,-1000px)}
|
||||
60%{opacity: 1;transform:translate(0,0)}
|
||||
}
|
||||
|
||||
@-moz-keyframes a8{
|
||||
0%{opacity: 0;transform:translate(0px,-1000px)}
|
||||
60%{opacity: 1;transform:translate(0,0)}
|
||||
}
|
||||
|
||||
@keyframes a8{
|
||||
0%{opacity: 0;transform:translate(0px,-1000px)}
|
||||
60%{opacity: 1;transform:translate(0,0)}
|
||||
}
|
||||
|
||||
@-webkit-keyframes a9{
|
||||
0%{opacity: 0;transform:translate(0px,-1000px)}
|
||||
60%{opacity: 1;transform:translate(0,0)}
|
||||
}
|
||||
|
||||
@-moz-keyframes a9{
|
||||
0%{opacity: 0;transform:translate(0px,-1000px)}
|
||||
60%{opacity: 1;transform:translate(0,0)}
|
||||
}
|
||||
|
||||
@keyframes a9{
|
||||
0%{opacity: 0;transform:translate(0px,-1000px)}
|
||||
60%{opacity: 1;transform:translate(0,0)}
|
||||
}
|
||||
|
||||
@-webkit-keyframes a10{
|
||||
from{-webkit-transform:rotate(0deg)}
|
||||
to{-webkit-transform:rotate(360deg)}
|
||||
}
|
||||
|
||||
@-moz-keyframes a10{
|
||||
from{-webkit-transform:rotate(0deg)}
|
||||
to{-webkit-transform:rotate(360deg)}
|
||||
}
|
||||
|
||||
@-ms-keyframes a10{
|
||||
from{-webkit-transform:rotate(0deg)}
|
||||
to{-webkit-transform:rotate(360deg)}
|
||||
}
|
||||
|
||||
@keyframes a10{
|
||||
from{-webkit-transform:rotate(0deg)}
|
||||
to{-webkit-transform:rotate(360deg)}
|
||||
}
|
||||
|
||||
@-webkit-keyframes a11{
|
||||
0%{-webkit-transform:scale(1);}
|
||||
10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);}
|
||||
30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);}
|
||||
40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);}
|
||||
100%{-webkit-transform:scale(1) rotate(0);}
|
||||
}
|
||||
@-moz-keyframes a11{
|
||||
0%{-moz-transform:scale(1);}
|
||||
10%,20%{-moz-transform:scale(0.9) rotate(-3deg);}
|
||||
30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg);}
|
||||
40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg);}
|
||||
100%{-moz-transform:scale(1) rotate(0);}
|
||||
}
|
||||
@-ms-keyframes a11{
|
||||
0%{-ms-transform:scale(1);}
|
||||
10%,20%{-ms-transform:scale(0.9) rotate(-3deg);}
|
||||
30%,50%,70%,90%{-ms-transform:scale(1.1) rotate(3deg);}
|
||||
40%,60%,80%{-ms-transform:scale(1.1) rotate(-3deg);}
|
||||
100%{-ms-transform:scale(1) rotate(0);}
|
||||
}
|
||||
@keyframes a11{
|
||||
0%{transform:scale(1);}
|
||||
10%,20%{transform:scale(0.9) rotate(-3deg);}
|
||||
30%,50%,70%,90%{transform:scale(1.1) rotate(3deg);}
|
||||
40%,60%,80%{transform:scale(1.1) rotate(-3deg);}
|
||||
100%{transform:scale(1) rotate(0);}
|
||||
}
|
||||
@-webkit-keyframes b1{
|
||||
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 b1{
|
||||
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)}
|
||||
}
|
||||
|
||||
@-webkit-keyframes b2{
|
||||
0%{opacity: 0;transform:translate(0px,1000px)}
|
||||
60%{opacity: 1;transform:translate(0px,0px)}
|
||||
}
|
||||
|
||||
@-moz-keyframes b2{
|
||||
0%{opacity: 0;transform:translate(0px,1000px)}
|
||||
60%{opacity: 1;transform:translate(0px,0px)}
|
||||
}
|
||||
|
||||
@keyframes b2{
|
||||
0%{opacity: 0;transform:translate(0px,1000px)}
|
||||
60%{opacity: 1;transform:translate(0px,0px)}
|
||||
}
|
||||
|
||||
@-webkit-keyframes c4{
|
||||
0%{-webkit-transform: perspective(400px) rotateY(90deg);opacity: 0;}
|
||||
40%{-webkit-transform: perspective(400px) rotateY(-10deg);}
|
||||
70%{-webkit-transform: perspective(400px) rotateY(10deg);}
|
||||
100%{-webkit-transform: perspective(400px) rotateY(0deg);opacity: 1;}}
|
||||
|
||||
@-moz-keyframes c4{
|
||||
0%{-moz-transform: perspective(400px) rotateY(90deg);opacity: 0;}
|
||||
40%{-moz-transform: perspective(400px) rotateY(-10deg);}
|
||||
70%{-moz-transform: perspective(400px) rotateY(10deg);}
|
||||
100%{-moz-transform: perspective(400px) rotateY(0deg);opacity: 1;}}
|
||||
|
||||
@-o-keyframes c4{
|
||||
0%{-o-transform: perspective(400px) rotateY(90deg);opacity: 0;}
|
||||
40%{-o-transform: perspective(400px) rotateY(-10deg);}
|
||||
70%{-o-transform: perspective(400px) rotateY(10deg);}
|
||||
100%{-o-transform: perspective(400px) rotateY(0deg);opacity: 1;}}
|
||||
|
||||
@keyframes c4{
|
||||
0%{transform: perspective(400px) rotateY(90deg);opacity: 0;}
|
||||
40%{transform: perspective(400px) rotateY(-10deg);}
|
||||
70%{transform: perspective(400px) rotateY(10deg);}
|
||||
100%{transform: perspective(400px) rotateY(0deg);opacity: 1;}}
|
||||
|
||||
@-webkit-keyframes c9{
|
||||
0%{-webkit-transform:scale(1);}
|
||||
10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);}
|
||||
30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);}
|
||||
40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);}
|
||||
100%{-webkit-transform:scale(1) rotate(0);}
|
||||
}
|
||||
@-moz-keyframes c9{
|
||||
0%{-moz-transform:scale(1);}
|
||||
10%,20%{-moz-transform:scale(0.9) rotate(-3deg);}
|
||||
30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg);}
|
||||
40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg);}
|
||||
100%{-moz-transform:scale(1) rotate(0);}
|
||||
}
|
||||
@-ms-keyframes c9{
|
||||
0%{-ms-transform:scale(1);}
|
||||
10%,20%{-ms-transform:scale(0.9) rotate(-3deg);}
|
||||
30%,50%,70%,90%{-ms-transform:scale(1.1) rotate(3deg);}
|
||||
40%,60%,80%{-ms-transform:scale(1.1) rotate(-3deg);}
|
||||
100%{-ms-transform:scale(1) rotate(0);}
|
||||
}
|
||||
@keyframes c9{
|
||||
0%{transform:scale(1);}
|
||||
10%,20%{transform:scale(0.9) rotate(-3deg);}
|
||||
30%,50%,70%,90%{transform:scale(1.1) rotate(3deg);}
|
||||
40%,60%,80%{transform:scale(1.1) rotate(-3deg);}
|
||||
100%{transform:scale(1) rotate(0);}
|
||||
}
|
||||
@-webkit-keyframes d3{
|
||||
0%{opacity: 0;-webkit-transform: translateX(-2000px);}
|
||||
60%{opacity: 1;-webkit-transform: translateX(200px);}
|
||||
80%{-webkit-transform: translateX(-10px);}
|
||||
100%{-webkit-transform: translateX(0);}}
|
||||
|
||||
@-moz-keyframes d3{
|
||||
0%{opacity: 0;-moz-transform: translateX(-2000px);}
|
||||
60%{opacity: 1;-moz-transform: translateX(200px);}
|
||||
80%{-moz-transform: translateX(-10px);}
|
||||
100%{-moz-transform: translateX(0);}}
|
||||
|
||||
@-o-keyframes d3{
|
||||
0%{opacity: 0;-o-transform: translateX(-2000px);}
|
||||
60%{opacity: 1;-o-transform: translateX(200px);}
|
||||
80%{-o-transform: translateX(-10px);}
|
||||
100%{-o-transform: translateX(0);}}
|
||||
|
||||
@keyframes d3{
|
||||
0%{opacity: 0;transform: translateX(-2000px);}
|
||||
60%{opacity: 1;transform: translateX(200px);}
|
||||
80%{transform: translateX(-10px);}
|
||||
100%{transform: translateX(0);}}
|
||||
|
||||
|
||||
/*自适应*/
|
||||
@media screen and (max-width:1366px){
|
||||
.banner-btn{width:960px;}
|
||||
.ty{width:960px;}
|
||||
|
||||
.banner_KTV dl dd.dd_1{top:86px;left:396px;}
|
||||
.banner_KTV dl dd.dd_2{top:104px;left:133px;}
|
||||
.banner_KTV dl dd.dd_4{font-size:16px;left:360px;bottom:70px;}
|
||||
.banner_KTV em{width:130px;left:444px;bottom:18px;}
|
||||
.banner_KTV dl dd.dd_3,.banner_KTV dl dd.dd_3 b{font-size:26px;}
|
||||
.banner_KTV dl dd.dd_3{left:392px;bottom:96px;}
|
||||
|
||||
.banner_offline dl dt{font-size:28px;}
|
||||
.banner_offline dl .sy_dd{font-size:16px;}
|
||||
.banner_offline dl .bnt{width:130px;height:36px;}
|
||||
.banner_offline span{width:440px;}
|
||||
.banner_offline span .img1{width:400px;}
|
||||
|
||||
/*收银O2O*/
|
||||
.banner_syo2o .img1{width:420px;margin-top:70px;}
|
||||
.banner_syo2o dl{width:470px;margin-top:100px;}
|
||||
.banner_syo2o dl dt{font-size:30px;}
|
||||
.banner_syo2o dl .sy_dd{font-size:20px;line-height:26px;}
|
||||
.banner_syo2o dl .sy_text em{font-size:15px;height:34px;line-height:34px;padding:0 15px;}
|
||||
.banner_syo2o dl .bnt{font-size:16px;height:36px;line-height:36px;}
|
||||
|
||||
|
||||
/*O2O酒店*/
|
||||
.span_hote{left:328px;}
|
||||
.span_hote img{width:80%;}
|
||||
.banner_grogshop em{width:100px;height:24px;line-height:24px;font-size:12px;left:434px;bottom:8px;}
|
||||
.banner_grogshop dl dd.dd_10{font-size:15px;left:330px;bottom:40px;}
|
||||
.banner_grogshop dl dd.dd_8{width:330px;height:auto;left:350px;bottom:103px;}
|
||||
.banner_grogshop dl dd.dd_8 img{width:80%;}
|
||||
.banner_grogshop dl dd.dd_9{width:344px;height:auto;left:343px;bottom:79px;}
|
||||
.banner_grogshop dl dd.dd_9 img{width:80%;}
|
||||
.banner_grogshop dl dd.dd_7{width:900px;height:auto;left:132px;top:229px;}
|
||||
.banner_grogshop dl dd.dd_7 img{width:80%;}
|
||||
.banner_grogshop dl dd.dd_1{left:270px;top:83px;}
|
||||
.banner_grogshop dl dd.dd_2{left:490px;top:85px;}
|
||||
.banner_grogshop dl dd.dd_5{left:125px;top:78px;}
|
||||
.banner_grogshop dl dd.dd_6{left:125px;top:35px;}
|
||||
.banner_grogshop dl dd.dd_4{left:363px;top:35px;}
|
||||
.banner_grogshop dl dd.dd_3{left:777px;top:114px;}
|
||||
|
||||
/*微视系统*/
|
||||
.banner_micro img{height:auto;}
|
||||
.banner_micro .m1{left:145px;top:60px;width:305px;}
|
||||
.banner_micro .m2{left:118px;top:186px;z-index:10;width:350px;}
|
||||
.banner_micro .m4{left:82px;top:115px;width:420px;}
|
||||
.banner_micro .m5{left:128px;top:185px;width:330px;}
|
||||
.banner_micro .m6{left:60px;top:245px;width:480px;}
|
||||
.banner_micro .m3{left:244px;bottom:80px;width:115px;}
|
||||
|
||||
.banner_micro .m7{right:160px;top:130px;z-index:9;width:230px;}
|
||||
.banner_micro .m8{right:153px;top:117px;z-index:10;width:88px;}
|
||||
.banner_micro .m9{right:345px;top:308px;width:125px;}
|
||||
.banner_micro .m10{right:65px;top:235px;width:125px;}
|
||||
|
||||
/*跨境电商*/
|
||||
.banner_border dl dd img{display:block;height:auto;}
|
||||
.banner_border dl dd.dd1 img{width:250px;}
|
||||
.banner_border dl dd.dd2 img{width:380px;}
|
||||
.banner_border dl dd.dd3 img{width:330px;}
|
||||
.banner_border dl dd.dd4 img{width:450px;}
|
||||
.banner_border dl dd.dd1{left:280px;top:210px;}
|
||||
.banner_border dl dd.dd2{left:70px;top:134px;}
|
||||
.banner_border dl dd.dd3{bottom:55px;}
|
||||
.banner_border dl dd.dd4{left:55px;top:78px;}
|
||||
.bor_div{margin-top:130px;}
|
||||
.bor_div h1{font-size:28px;}
|
||||
.bor_div p{font-size:16px;line-height:28px;}
|
||||
.bor_div p b{font-size:22px;}
|
||||
.bor_div span{font-size:16px;width:120px;height:36px;line-height:36px;}
|
||||
|
||||
.banner_81v dl .dd02{font-size:20px;line-height:28px;}
|
||||
.banner_81v dl .dd03{width:180px;height:40px;line-height:40px;font-size:20px;}
|
||||
.banner_81v dl .dd01 img{width:65%;}
|
||||
.banner_81v .right81 img{width:80%;right:0;top:60px;}
|
||||
}
|
||||
Executable
+276
@@ -0,0 +1,276 @@
|
||||
@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;}
|
||||
}
|
||||
Executable
+1286
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user