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
Executable
BIN
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Executable
BIN
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Executable
BIN
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
Executable
BIN
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
Executable
BIN
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Executable
BIN
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Executable
BIN
Binary file not shown.
|
After Width: | Height: | Size: 4.8 KiB |
Executable
BIN
Binary file not shown.
|
After Width: | Height: | Size: 8.5 KiB |
Executable
BIN
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
Executable
BIN
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Executable
BIN
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Executable
BIN
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Executable
BIN
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
Executable
BIN
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Executable
BIN
Binary file not shown.
|
After Width: | Height: | Size: 8.6 KiB |
Executable
BIN
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Executable
+63
@@ -0,0 +1,63 @@
|
||||
// JavaScript Document
|
||||
|
||||
var it_timer = null;
|
||||
var it_offset = 8000;
|
||||
var it_index = 0;
|
||||
var it_length = 0;
|
||||
|
||||
function bighookBtn(){
|
||||
$(".banner-btn .prevBtn").click(function(){
|
||||
it_index = it_index -2 ;
|
||||
$('.banner-circle li a').eq(it_index).addClass('noli').siblings("a").removeClass('noli');
|
||||
slideImage();
|
||||
});
|
||||
$(".banner-btn .nextBtn").click(function(){
|
||||
if (it_index >= it_length){
|
||||
it_index = 0;
|
||||
}
|
||||
$('.banner-circle li a').eq(it_index).addClass('noli').siblings("a").removeClass('noli');
|
||||
slideImage();
|
||||
});
|
||||
}
|
||||
function chaker(){
|
||||
$('.banner-circle li a').click(function(){
|
||||
$(this).addClass('noli').siblings("a").removeClass('noli');
|
||||
it_index=$(this).index();
|
||||
slideImage();
|
||||
});
|
||||
}
|
||||
function slideImage(){
|
||||
clearTimeout(it_timer);
|
||||
if(it_index<0){
|
||||
it_index = it_length-1;
|
||||
}
|
||||
if (it_index >= it_length){
|
||||
it_index = 0;
|
||||
}
|
||||
$(".banner-img li").hide();
|
||||
$(".banner-img li:eq("+it_index+")").fadeIn();
|
||||
$('.banner-circle li a').eq(it_index).addClass('noli').siblings("a").removeClass('noli');
|
||||
it_index++;
|
||||
it_timer = window.setTimeout(slideImage, it_offset);
|
||||
}
|
||||
|
||||
$(function(){
|
||||
//change opacity
|
||||
//
|
||||
it_length = $(".banner-img li").length;
|
||||
//$('.banner').css({opacity: 0.85});
|
||||
$(".banner-btn .prevBtn,.banner-btn .nextBtn").hide();
|
||||
$(".banner").hover(function(){
|
||||
$(".banner-btn .prevBtn,.banner-btn .nextBtn").show();
|
||||
},function(){
|
||||
$(".banner-btn .prevBtn,.banner-btn .nextBtn").hide();
|
||||
});
|
||||
$(".banner-img li").hover(function(){
|
||||
clearTimeout(it_timer);
|
||||
},function(){
|
||||
it_timer = window.setTimeout(slideImage, it_offset);
|
||||
});
|
||||
slideImage();
|
||||
bighookBtn();
|
||||
chaker();
|
||||
});
|
||||
+2
File diff suppressed because one or more lines are too long
Executable
+47
@@ -0,0 +1,47 @@
|
||||
/*!
|
||||
* jQuery Cookie Plugin
|
||||
* https://github.com/carhartl/jquery-cookie
|
||||
*
|
||||
* Copyright 2011, Klaus Hartl
|
||||
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
* http://www.opensource.org/licenses/GPL-2.0
|
||||
*/
|
||||
(function($) {
|
||||
$.cookie = function(key, value, options) {
|
||||
|
||||
// key and at least value given, set cookie...
|
||||
if (arguments.length > 1 && (!/Object/.test(Object.prototype.toString.call(value)) || value === null || value === undefined)) {
|
||||
options = $.extend({}, options);
|
||||
|
||||
if (value === null || value === undefined) {
|
||||
options.expires = -1;
|
||||
}
|
||||
|
||||
if (typeof options.expires === 'number') {
|
||||
var days = options.expires, t = options.expires = new Date();
|
||||
t.setDate(t.getDate() + days);
|
||||
}
|
||||
|
||||
value = String(value);
|
||||
|
||||
return (document.cookie = [
|
||||
encodeURIComponent(key), '=', options.raw ? value : encodeURIComponent(value),
|
||||
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
|
||||
options.path ? '; path=' + options.path : '',
|
||||
options.domain ? '; domain=' + options.domain : '',
|
||||
options.secure ? '; secure' : ''
|
||||
].join(''));
|
||||
}
|
||||
|
||||
// key and possibly options given, get cookie...
|
||||
options = value || {};
|
||||
var decode = options.raw ? function(s) { return s; } : decodeURIComponent;
|
||||
|
||||
var pairs = document.cookie.split('; ');
|
||||
for (var i = 0, pair; pair = pairs[i] && pairs[i].split('='); i++) {
|
||||
if (decode(pair[0]) === key) return decode(pair[1] || ''); // IE saves cookies with empty string as "c; ", e.g. without "=" as opposed to EOMB, thus pair[1] may be undefined
|
||||
}
|
||||
return null;
|
||||
};
|
||||
})(jQuery);
|
||||
Executable
+1918
File diff suppressed because it is too large
Load Diff
+4
File diff suppressed because one or more lines are too long
Executable
+1
File diff suppressed because one or more lines are too long
Executable
+1
File diff suppressed because one or more lines are too long
Executable
+1
@@ -0,0 +1 @@
|
||||
(function(){if(window._mvq&&!(window._mvq instanceof Array)){return}var c=window._mv_loader={};c._cmdRunnerList=[];c.mv=0;c.mba=0;var g=new Date()-0;c.version="1.0.4";c.getRandom=function(k){var j;if(k=="mv"){_mv_loader.mv++;j=_mv_loader.mv}else{_mv_loader.mba++;j=_mv_loader.mba}return _mv_loader.random&&_mv_loader.random[j]||(g+""+j)};c.reg=function(j,k){this._cmdRunnerList.push([j,k])};c.KD=c.cmdList=[];c.runCmd=function(){for(var m=0,j=this._cmdRunnerList.length;m<j;m++){var k=this._cmdRunnerList[m];k[1].apply(k[0],arguments)}};c.support=function(k){function j(o){this.runner=o}j.prototype={push:function(){var p=arguments.length;for(var q=0;q<p;q++){var o=[];Array.prototype.push.apply(o,arguments[q]);var r=o.shift();this.runner[r]&&this.runner[r].apply(this.runner,o)}}};var n=window._mv_loader,l=n.cmdList,m=new j(k);n.reg(m,m.push);m.push.apply(m,l);return};var h={};if("https:"==document.location.protocol){var b=["https://material-ssl.mediav.com/bjjs/mba.js","https://static-ssl.mediav.com/mv.js","","","","https://material-ssl.mediav.com/bjjs/fpass.js"]}else{var b=["http://material.mediav.com/bjjs/mba.js","http://static.mediav.com/mv.js","","","","http://material.mediav.com/bjjs/fpass.js"]}var e=["masamaso.com","orbis.com"];function d(k){var n=false;for(var m=0,j=e.length;m<j;m++){k.indexOf(e[m])>=0&&(n=true)}return n}if(d(document.domain)){b[1]=0}if(document.domain.indexOf("yougou")>=0){b[0]="https:"==document.location.protocol?"https://material-ssl.mediav.com/bjjs/mba_yougou.js?20130906":"http://material.mediav.com/bjjs/mba_yougou.js?20130906";b[1]=0}if(_mvq&&_mvq[0]&&_mvq[0][1]=="m-21811-0"){if("https:"==document.location.protocol){b[2]="https://material-ssl.mediav.com/bjjs/js/ihg_tracker.js"}else{b[2]="http://material.mediav.com/bjjs/js/ihg_tracker.js"}}if(_mvq&&_mvq[0]&&_mvq[0][1]=="m-9-1"){b[1]=0;if("https:"==document.location.protocol){b[0]="https://material-ssl.mediav.com/bjjs/mba_jingdong.js?1"}else{b[0]="http://material.mediav.com/bjjs/mba_jingdong.js?1"}}function f(j){j.sort(function(l,k){if(l[0].indexOf("$setGeneral")<0||l[0].indexOf("$setAccount")<0){return true}if(l[0].indexOf("$logConversion")>=0||l[0].indexOf("$logData")>=0){return false}})}function i(){var p=window._mv_config=window._mv_config||{};m&&m[0]&&(p.siteid=m[0][1]);var o=window.mv_switch||31;p.siteid&&h[p.siteid]&&(o=h[p.siteid]);var m=window._mvq;if(window._mvq){for(var k=0,j=m.length;k<j;k++){c.runCmd.call(c,m[k]);c.cmdList.push(m[k])}}window._mvq=m={};m.push=function(){c.runCmd.apply(c,arguments);Array.prototype.push.apply(c.cmdList,arguments)};for(var k=0,j=b.length;k<j;k++){if(o&Math.pow(2,k)){try{b[k]&&a(b[k])}catch(n){}}}}function a(k){if(!k){return}var j=document.createElement("script");j.type="text/javascript";j.async=true;j.src=k;var l=document.getElementsByTagName("script")[0];l.parentNode.insertBefore(j,l)}i()})();
|
||||
Executable
+94
@@ -0,0 +1,94 @@
|
||||
// 交互效果
|
||||
|
||||
/*更新进度左右切换*/
|
||||
$(".li_left").click(function(){
|
||||
$(".update_dl").stop().animate({left:-440},500,function(){
|
||||
$(".update_dl").css({left:-220})
|
||||
$(".update_dl dd:first").insertAfter(".update_dl dd:last");
|
||||
});
|
||||
});
|
||||
$(".li_right").click(function(){
|
||||
$(".update_dl").stop().animate({left:440},500,function(){
|
||||
$(".update_dl").css({left:220})
|
||||
$(".update_dl dd:last").insertBefore(".update_dl dd:first");
|
||||
});
|
||||
});
|
||||
|
||||
/*核心产品菜单切换*/
|
||||
$(document).ready(function() {
|
||||
$(".float_qr").hide();
|
||||
$(".float").hide();
|
||||
$(".controls_a").mouseenter(function(){
|
||||
$(".float_qr").show(500);
|
||||
});
|
||||
|
||||
$(".controls_a").mouseleave(function(){
|
||||
$(".float_qr").hide(500);
|
||||
});
|
||||
|
||||
$(".float_box,.float_qr").hide();
|
||||
$(".float").show();
|
||||
$(".float_box span").click(function(){
|
||||
$(".float").show(500);
|
||||
$(".float_box").hide(500);
|
||||
$(".float_box span").css({"display":"none"});
|
||||
$(".float_x").css({"display":"block"});
|
||||
});
|
||||
|
||||
$(".float_x").click(function(){
|
||||
$(".float").hide(500);
|
||||
$(".float_box").show(500);
|
||||
$(".float_box span").css({"display":"block"});
|
||||
$(".float_x").css({"display":"none"});
|
||||
});
|
||||
|
||||
$(".float_box").click(function(){
|
||||
$(".float").show(500);
|
||||
$(".float_box").hide(500);
|
||||
$(".float_box span").css({"display":"none"});
|
||||
$(".float_x").css({"display":"block"});
|
||||
});
|
||||
});
|
||||
$(".core_con").hide();
|
||||
$(".core_con:first").show();
|
||||
$(".corecpin .ul_switch li").click(function(){
|
||||
var n=$(".corecpin .ul_switch li").index(this);
|
||||
$(".corecpin .ul_switch li").removeClass("curli");
|
||||
$(this).addClass("curli");
|
||||
$(".core_con").hide();
|
||||
$(".core_con:eq("+n+")").show();
|
||||
});
|
||||
|
||||
/*功能介绍菜单切换*/
|
||||
$(".function_div").hide();
|
||||
$(".function_div:first").show();
|
||||
$(".function_top dd a").click(function(){
|
||||
var n=$(".function_top dd a").index(this);
|
||||
$(".function_top dd a").removeClass("dda");
|
||||
$(this).addClass("dda");
|
||||
$(".function_div").hide();
|
||||
$(".function_div:eq("+n+")").show();
|
||||
});
|
||||
|
||||
$(".newsbox").hide();
|
||||
$(".newsbox:first").show();
|
||||
$(".news_con .ul_switch li").click(function(){
|
||||
var n=$(".news_con .ul_switch li").index(this);
|
||||
$(".news_con .ul_switch li").removeClass("curli");
|
||||
$(this).addClass("curli");
|
||||
$(".newsbox").hide();
|
||||
$(".newsbox:eq("+n+")").show();
|
||||
});
|
||||
|
||||
//右侧在线咨询插件
|
||||
$(document).ready(function(){
|
||||
|
||||
|
||||
});
|
||||
|
||||
//$(function(){
|
||||
$(".float_controls #top").click(function(){
|
||||
$('html,body').animate({'scrollTop':0},500); //返回顶部动画 数值越小时间越短
|
||||
});
|
||||
//});
|
||||
|
||||
+2
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user