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
+188
@@ -0,0 +1,188 @@
|
||||
@charset "utf-8";
|
||||
/* 高端定制服务动画效果 */
|
||||
|
||||
/*从上往下*/
|
||||
@-webkit-keyframes a1{
|
||||
0%{opacity: 0;transform:translate(0px,-1000px)}
|
||||
60%{opacity: 1;transform:translate(0px,0px)}
|
||||
}
|
||||
|
||||
@-moz-keyframes a1{
|
||||
0%{opacity: 0;transform:translate(0px,-1000px)}
|
||||
60%{opacity: 1;transform:translate(0px,0px)}
|
||||
}
|
||||
|
||||
@-o-keyframes a1{
|
||||
0%{opacity: 0;transform:translate(0px,-1000px)}
|
||||
60%{opacity: 1;transform:translate(0px,0px)}
|
||||
}
|
||||
|
||||
@keyframes a1{
|
||||
0%{opacity: 0;transform:translate(0px,-1000px)}
|
||||
60%{opacity: 1;transform:translate(0px,0px)}
|
||||
}
|
||||
|
||||
/*从右往左*/
|
||||
@-webkit-keyframes a2{
|
||||
0%{opacity: 0;transform:translate(1000px,0px)}
|
||||
60%{opacity: 1;transform:translate(0,0)}
|
||||
}
|
||||
@-moz-keyframes a2{
|
||||
0%{opacity: 0;transform:translate(1000px,0px)}
|
||||
60%{opacity: 1;transform:translate(0,0)}
|
||||
}
|
||||
@-o-keyframes a2{
|
||||
0%{opacity: 0;transform:translate(1000px,0px)}
|
||||
60%{opacity: 1;transform:translate(0,0)}
|
||||
}
|
||||
@keyframes a2{
|
||||
0%{opacity: 0;transform:translate(1000px,0px)}
|
||||
60%{opacity: 1;transform:translate(0,0)}
|
||||
}
|
||||
|
||||
/*从左往右*/
|
||||
@-webkit-keyframes a3{
|
||||
0%{opacity: 0;transform:translate(-1000px,0px)}
|
||||
60%{opacity: 1;transform:translate(0,0)}
|
||||
}
|
||||
@-moz-keyframes a3{
|
||||
0%{opacity: 0;transform:translate(-1000px,0px)}
|
||||
60%{opacity: 1;transform:translate(0,0)}
|
||||
}
|
||||
@-o-keyframes a3{
|
||||
0%{opacity: 0;transform:translate(-1000px,0px)}
|
||||
60%{opacity: 1;transform:translate(0,0)}
|
||||
}
|
||||
@keyframes a3{
|
||||
0%{opacity: 0;transform:translate(-1000px,0px)}
|
||||
60%{opacity: 1;transform:translate(0,0)}
|
||||
}
|
||||
|
||||
/*从下往上*/
|
||||
@-webkit-keyframes a4{
|
||||
0%{opacity: 0;transform:translate(0px,1000px)}
|
||||
60%{opacity: 1;transform:translate(0,0)}
|
||||
}
|
||||
@-moz-keyframes a4{
|
||||
0%{opacity: 0;transform:translate(0px,1000px)}
|
||||
60%{opacity: 1;transform:translate(0,0)}
|
||||
}
|
||||
@-o-keyframes a4{
|
||||
0%{opacity: 0;transform:translate(0px,1000px)}
|
||||
60%{opacity: 1;transform:translate(0,0)}
|
||||
}
|
||||
@keyframes a4{
|
||||
0%{opacity: 0;transform:translate(0px,1000px)}
|
||||
60%{opacity: 1;transform:translate(0,0)}
|
||||
}
|
||||
|
||||
/*从左往右*/
|
||||
@-webkit-keyframes a5{
|
||||
0%{opacity: 0;transform:translate(-1000px,0px)}
|
||||
60%{opacity: 1;transform:translate(0,0)}
|
||||
}
|
||||
@-moz-keyframes a5{
|
||||
0%{opacity: 0;transform:translate(-1000px,0px)}
|
||||
60%{opacity: 1;transform:translate(0,0)}
|
||||
}
|
||||
@-o-keyframes a5{
|
||||
0%{opacity: 0;transform:translate(-1000px,0px)}
|
||||
60%{opacity: 1;transform:translate(0,0)}
|
||||
}
|
||||
@keyframes a5{
|
||||
0%{opacity: 0;transform:translate(-1000px,0px)}
|
||||
60%{opacity: 1;transform:translate(0,0)}
|
||||
}
|
||||
|
||||
/*放大*/
|
||||
@-webkit-keyframes a6{
|
||||
0%{opacity: 0;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-o-transform:scale(0.5);transform:scale(0.5);}
|
||||
60%{opacity: 1;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}
|
||||
100%{opacity: 1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
|
||||
}
|
||||
@-moz-keyframes a6{
|
||||
0%{opacity: 0;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-o-transform:scale(0.5);transform:scale(0.5);}
|
||||
60%{opacity: 1;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}
|
||||
100%{opacity: 1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
|
||||
}
|
||||
@-o-keyframes a6{
|
||||
0%{opacity: 0;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-o-transform:scale(0.5);transform:scale(0.5);}
|
||||
60%{opacity: 1;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}
|
||||
100%{opacity: 1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
|
||||
}
|
||||
@keyframes a6{
|
||||
0%{opacity: 0;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-o-transform:scale(0.5);transform:scale(0.5);}
|
||||
60%{opacity: 1;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}
|
||||
100%{opacity: 1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
|
||||
}
|
||||
|
||||
/*左右*/
|
||||
@-webkit-keyframes a7{
|
||||
0%{opacity: 0;transform:translate(-1000px,0px)}
|
||||
25%{opacity: 1;transform:translate(0px,0px)}
|
||||
50%{opacity: 1;transform:translate(-50px,0px)}
|
||||
100%{opacity: 1;transform:translate(0px,0px)}
|
||||
}
|
||||
@-moz-keyframes a7{
|
||||
0%{opacity: 0;transform:translate(-1000px,0px)}
|
||||
25%{opacity: 1;transform:translate(0px,0px)}
|
||||
50%{opacity: 1;transform:translate(-50px,0px)}
|
||||
100%{opacity: 1;transform:translate(0px,0px)}
|
||||
}
|
||||
@-o-keyframes a7{
|
||||
0%{opacity: 0;transform:translate(-1000px,0px)}
|
||||
25%{opacity: 1;transform:translate(0px,0px)}
|
||||
50%{opacity: 1;transform:translate(-50px,0px)}
|
||||
100%{opacity: 1;transform:translate(0px,0px)}
|
||||
}
|
||||
@keyframes a7{
|
||||
0%{opacity: 0;transform:translate(-1000px,0px)}
|
||||
25%{opacity: 1;transform:translate(0px,0px)}
|
||||
50%{opacity: 1;transform:translate(-50px,0px)}
|
||||
100%{opacity: 1;transform:translate(0px,0px)}
|
||||
}
|
||||
|
||||
/*360度旋转*/
|
||||
@-webkit-keyframes a8{
|
||||
from{-webkit-transform:rotate(0deg)}
|
||||
to{-webkit-transform:rotate(360deg)}
|
||||
}
|
||||
|
||||
@-moz-keyframes a8{
|
||||
from{-webkit-transform:rotate(0deg)}
|
||||
to{-webkit-transform:rotate(360deg)}
|
||||
}
|
||||
|
||||
@-ms-keyframes a8{
|
||||
from{-webkit-transform:rotate(0deg)}
|
||||
to{-webkit-transform:rotate(360deg)}
|
||||
}
|
||||
|
||||
@keyframes a8{
|
||||
from{-webkit-transform:rotate(0deg)}
|
||||
to{-webkit-transform:rotate(360deg)}
|
||||
}
|
||||
|
||||
/**/
|
||||
@-webkit-keyframes a9{
|
||||
0%{-webkit-transform-origin: left bottom;-webkit-transform: rotate(90deg);opacity: 0;}
|
||||
100%{-webkit-transform-origin: left bottom;-webkit-transform: rotate(0);opacity: 1;}
|
||||
}
|
||||
@-moz-keyframes a9{
|
||||
0%{-webkit-transform-origin: left bottom;-webkit-transform: rotate(90deg);opacity: 0;}
|
||||
100%{-webkit-transform-origin: left bottom;-webkit-transform: rotate(0);opacity: 1;}
|
||||
}
|
||||
@-o-keyframes a9{
|
||||
0%{-webkit-transform-origin: left bottom;-webkit-transform: rotate(90deg);opacity: 0;}
|
||||
100%{-webkit-transform-origin: left bottom;-webkit-transform: rotate(0);opacity: 1;}
|
||||
}
|
||||
@keyframes a9{
|
||||
0%{-webkit-transform-origin: left bottom;-webkit-transform: rotate(90deg);opacity: 0;}
|
||||
100%{-webkit-transform-origin: left bottom;-webkit-transform: rotate(0);opacity: 1;}
|
||||
}
|
||||
|
||||
/*显示*/
|
||||
@-webkit-keyframes a10{
|
||||
0%{opacity: 0;}
|
||||
100%{opacity: 1;}
|
||||
}
|
||||
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:-88px;}
|
||||
.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:403px;bottom:155px;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
+105
@@ -0,0 +1,105 @@
|
||||
@charset "utf-8";
|
||||
/* 嗨路客·经销商 */
|
||||
*{margin: 0;padding: 0;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;}
|
||||
img{max-width: 100%;border:none;}
|
||||
a{text-decoration: none;color: black;}
|
||||
body{font-size:50%;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;-webkit-text-size-adjust:none;}
|
||||
.clear{clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0;}
|
||||
ol,ul {list-style: none;}
|
||||
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
|
||||
input,textarea{outline:none;}
|
||||
em,i,cite{font-style:normal;}
|
||||
|
||||
.hairdressingbox{overflow:hidden;}
|
||||
.hairdressingbox .hairdressing_banner{margin:0 auto;}
|
||||
.hairdressingbox .hairdressing_banner img,.hairdressingbox .face figure img{display:block;margin:0 auto;}
|
||||
.hairdressingbox .hairdressing{background:#fff;margin-bottom:60px;}
|
||||
.hairdressingbox .hairdressing h3{font-size:18px;text-align:center;color:#666666;margin-top:40px;}
|
||||
.hairdressingbox .hairdressing h2{font-size:28px;color:#333333;margin-top:30px;text-align:center;line-height:46px;}
|
||||
.hairdressingbox .hairdressing p{font-size:20px;color:#ff6363;margin-top:50px;text-align:center}
|
||||
.hairdressingbox .hairdressing p b{font-size:30px;color:#ff6363;}
|
||||
.hairdressingbox .hairdressing ul{width:1200px;margin:0 auto;margin-top:40px;height:240px;padding-bottom:100px;}
|
||||
.hairdressingbox .hairdressing ul li{width:320px;height:300px;float:left;margin-left:60px;background:#f1f1f1;}
|
||||
.hairdressingbox .hairdressing ul li img{display:block;margin:0 auto;margin-top:10px;}
|
||||
.hairdressingbox .hairdressing ul li h3{font-size:20px;color:#ff6363;text-align:center;margin-top:20px;}
|
||||
.hairdressingbox .hairdressing ul li span{font-size:16px;color:#666;padding:0 20px;display:block;line-height:28px;margin-top:20px;}
|
||||
.hairdressingbox .face{background:#f7f7f7;padding-bottom:80px;}
|
||||
.hairdressingbox .face p,.hairdressingbox .rule p,.hairdressingbox .business p,.hairdressingbox .case p{font-size:28px;color:#666666;text-align:center;padding-top:60px;}
|
||||
.hairdressingbox .face figure{width:1200px;margin:0 auto;margin-top:80px;}
|
||||
.hairdressingbox .rule{background:#fff;}
|
||||
.hairdressingbox .rule .beautify,.hairdressingbox .business ul{width:1200px;margin:0 auto;height:720px;padding-bottom:80px;}
|
||||
.hairdressingbox .rule .beautify ul{background:url(../../resource/images/hairdressing/hairdressing06.png) no-repeat center;width:860px;height:720px;margin:0 auto;margin-top:40px;}
|
||||
.hairdressingbox .rule .beautify ul li{width:240px;float:left;margin-left:100px;padding-top:60px;border-bottom:1px solid #e1e1e1;height:160px;}
|
||||
.hairdressingbox .rule .beautify ul li h3{font-size:20px;color:#ff4444;text-align:center;margin-top:16px;}
|
||||
.hairdressingbox .rule .beautify ul li span{font-size:16px;color:#888;margin-top:12px;line-height:26px;display:block;text-align:center;}
|
||||
.hairdressingbox .business{background:#f7f7f7;padding-bottom:180px;}
|
||||
.hairdressingbox .business ul li{float:left;width:260px;margin:0 60px;background:#fff;height:260px;margin-top:40px;}
|
||||
.hairdressingbox .business ul li img{display:block;margin:0 auto;margin-top:20px;}
|
||||
.hairdressingbox .business ul li h3{font-size:24px;color:#000;text-align:center;margin-top:20px;}
|
||||
.hairdressingbox .business ul li span{font-size:16px;color:#333;display:block;padding:0 20px;margin-top:20px;line-height:26px;text-align:center;}
|
||||
.hairdressingbox .case{background:#fff;height:1040px;}
|
||||
.hairdressingbox .case dl{width:1200px;margin:0 auto;margin-top:60px;}
|
||||
.hairdressingbox .case dl dd{width:20%;float:left;margin-left:40px;margin-top:40px;}
|
||||
.hairdressingbox .case dl dd img{display:block;margin:0 auto;}
|
||||
.hairdressingbox .case dl dd span{display:block;color:#333;font-size:24px;text-align:center;margin-top:20px;}
|
||||
.hairdressingbox .structure{background:#ff5656;padding-bottom:40px;}
|
||||
.hairdressingbox .structure h1{padding-top:40px;}
|
||||
.hairdressingbox .structure p,.hairdressingbox .structure h1{font-size:28px;color:#fff;text-align:center;}
|
||||
.hairdressingbox .structure p{width:580px;padding:26px 0;border:1px solid #fff;margin:0 auto;margin-top:40px;line-height:40px;}
|
||||
.obtain{display:block;background:#f2f2f2;overflow:hidden;padding:50px 0px;margin-bottom:-20px;}
|
||||
.obtain h1{display:block;text-align:center;border-bottom:solid 1px #dadada;}
|
||||
.obtain h1 a{display:inline-block;font-size:60px;color:#ff5656;font-weight:bold;border-bottom:solid 8px #ff5656;padding-left:10px;padding-right:10px;padding-bottom:20px;margin-bottom:-5px;}
|
||||
.obtain ul{display:block;width:680px;margin:0 auto;margin-top:50px;}
|
||||
.obtain ul li{display:block;background:#fff;overflow:hidden;width:100%;border:solid 1px #dadada;margin-top:-1px;}
|
||||
.obtain ul li em,.obtain ul li input[type="text"]{display:block;float:left;}
|
||||
.obtain ul li em{width:30%;font-size:28px;text-align:center;color:#555;height:60px;line-height:60px;border-right:solid 1px #dadada;}
|
||||
.obtain ul li input[type="text"]{width:65%;font-size:22px;color:#adadad;height:40px;line-height:40px;padding:10px 0px;padding-left:31px;}
|
||||
.obtain ul li.but{background:#ff5656;border-radius:3px;height:58px;margin-top:20px;border:none;}
|
||||
.obtain ul li.but input[type="button"]{display:block;background:none;text-align:center;width:100%;line-height:58px;font-size:28px;color:#fff;cursor:pointer;}
|
||||
@media screen and (max-width:1366px){
|
||||
.hairdressingbox .hairdressing h3{font-size:16px;margin-top:24px;}
|
||||
.hairdressingbox .hairdressing h2{font-size:20px;line-height:30px;margin-top:16px;}
|
||||
.hairdressingbox .hairdressing p{font-size:16px;}
|
||||
.hairdressingbox .hairdressing p b{font-size:22px;}
|
||||
.hairdressingbox .case dl,.hairdressingbox .hairdressing ul,.hairdressingbox .face figure,.hairdressingbox .rule .beautify, .hairdressingbox .business ul{width:960px;}
|
||||
.hairdressingbox .hairdressing ul{padding-bottom:40px;}
|
||||
.hairdressingbox .hairdressing{margin-bottom:0;}
|
||||
.hairdressingbox .hairdressing ul li{width:240px;height:240px;}
|
||||
.hairdressingbox .hairdressing ul li img{width:220px;}
|
||||
.hairdressingbox .hairdressing ul li h3{font-size:16px;}
|
||||
.hairdressingbox .hairdressing ul li span{font-size:12px;line-height:24px;margin-top:10px;}
|
||||
.hairdressingbox .face p, .hairdressingbox .rule p, .hairdressingbox .business p, .hairdressingbox .case p{font-size:20px;padding-top:34px;}
|
||||
.hairdressingbox .face figure{margin-top:40px;}
|
||||
.hairdressingbox .face{padding-bottom:60px;}
|
||||
.hairdressingbox .business{padding-bottom:0;}
|
||||
.hairdressingbox .rule .beautify, .hairdressingbox .business ul{padding-bottom:40px;}
|
||||
.hairdressingbox .rule .beautify ul{margin-top:20px;}
|
||||
.hairdressingbox .business ul li{width:220px;margin:0 50px;height:200px;margin-top:30px;}
|
||||
.hairdressingbox .business ul li h3{font-size:16px;}
|
||||
.hairdressingbox .case dl dd span{font-size:18px;}
|
||||
.hairdressingbox .case{height:880px;}
|
||||
.hairdressingbox .structure p, .hairdressingbox .structure h1{font-size:20px;}
|
||||
.hairdressingbox .structure p{width:440px;}
|
||||
.hairdressingbox .business ul li span{font-size:14px;margin-top:12px;line-height:20px;}
|
||||
|
||||
.obtain ul li input[type="text"]{width:62%;}
|
||||
.choose em{font-size:20px;}
|
||||
.choose ul li{background-size:100% 100%;width:213px;height:183px;}
|
||||
.choose ul li h2{font-size:24px;margin-top:58px;}
|
||||
.choose ul .y1{left:370px;}
|
||||
.choose ul .y2{left:25px;top:128px;}
|
||||
.choose ul .y3{left:198px;top:30px;}
|
||||
.choose ul .y4{left:198px;top:226px;}
|
||||
.choose ul .y5{right:204px;top:30px;}
|
||||
.choose ul .y6{right:204px;top:226px;}
|
||||
.choose ul .y7{right:30px;top:128px;}
|
||||
.choose ul li h3{font-size:22px;margin-top:30px;}
|
||||
.choose ul li p{font-size:14px;line-height:20px;}
|
||||
.choose ul{width:960px;height:480px;margin-top:60px;}
|
||||
.obtain h1 a{font-size:48px;margin-bottom:-4px;padding-bottom:10px;border-bottom:solid 6px #01a8ee;}
|
||||
.obtain ul{width:560px;}
|
||||
.obtain ul li em{font-size:22px;height:48px;line-height:48px;}
|
||||
.obtain ul li input[type="text"]{height:28px;line-height:28px;font-size:16px;padding-left:41px;}
|
||||
.obtain ul li.but{height:48px;}
|
||||
.obtain ul li.but input[type="button"]{line-height:48px;font-size:22px;}
|
||||
}
|
||||
Executable
+132
@@ -0,0 +1,132 @@
|
||||
@charset "utf-8";
|
||||
/* 微三云·经销商 */
|
||||
*{margin: 0;padding: 0;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;}
|
||||
img{max-width: 100%;border:none;}
|
||||
a{text-decoration: none;color: black;}
|
||||
body{font-size:50%;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;-webkit-text-size-adjust:none;}
|
||||
.clear{clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0;}
|
||||
ol,ul {list-style: none;}
|
||||
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
|
||||
input,textarea{outline:none;}
|
||||
em,i,cite{font-style:normal;}
|
||||
|
||||
.cybt{display:block;font-size:30px;color:#656565;text-align:center;margin-bottom:60px;}
|
||||
|
||||
.cytop{background:#ffd162;overflow:hidden;}
|
||||
.cytop span{display:block;width:40%;margin:20px auto;}
|
||||
|
||||
.cy02box{overflow:hidden;margin-top:100px;}
|
||||
.cy02{width:50%;margin:0 auto;}
|
||||
.cy02 span{display:block;}
|
||||
.cy02 .cy02_text{float:left;margin-top:80px;}
|
||||
.cy02 .cy02_img{float:right;width:35%;}
|
||||
.cy02 span p{margin-bottom:10px;font-size:20px;color:#888888;}
|
||||
|
||||
.cynt{width:50%;margin:120px auto 0 auto;overflow:hidden;}
|
||||
.cynt dl{display:block;float:left;width:48%;background:#eeeeee;color:#656565;padding:20px 0 0 0;margin-bottom:35px;height:220px;}
|
||||
.cynt dt{display:block;text-align:center;font-size:30px;margin-bottom:28px;}
|
||||
.cynt dd{display:block;font-size:20px;line-height:35px;padding:0 20px 0 20px;}
|
||||
.cynt .cynt_dl{float:right;}
|
||||
|
||||
.cyms{overflow:hidden;margin-top:120px;}
|
||||
.cyms .cyms_text{display:block;text-align:center;font-size:24px;color:#a5a5a5;margin-bottom:20px;}
|
||||
.cyms .cyms_img{display:block;width:50%;margin:0 auto;}
|
||||
|
||||
.cygl{margin-top:120px;}
|
||||
.cygl .cybt_img{display:block;width:50%;margin:0 auto;}
|
||||
|
||||
.cyxx_box{overflow:hidden;}
|
||||
.cyxx_box .cyxx{width:50%;margin:0 auto;}
|
||||
.cyxx dl{display:block;float:left;width:29%;margin:0 40px 40px 0;height:180px;}
|
||||
.cyxx dt{display:block;width:80%;}
|
||||
.cyxx dd{display:block;font-size:22px;color:#969696;}
|
||||
.cyxx .cyxx_dl{margin-right:0;}
|
||||
|
||||
.cycp_box{overflow:hidden;margin-top:120px;}
|
||||
.cycp{width:50%;margin:0 auto;}
|
||||
|
||||
.cyal_box{overflow:hidden;margin-top:120px;}
|
||||
.cyal{width:50%;margin:0 auto;}
|
||||
.cyal dl{display:block;float:left;width:22%;background:#62d8ff;overflow:hidden;margin:0 36px 36px 0;}
|
||||
.cyal dt{text-align:center;font-size:22px;color:#ffffff;margin:20px 0 12px 0;}
|
||||
.cyal dd{width:80%;margin:0 auto 10px auto;}
|
||||
.cyal .cyal_dl{margin-right:0;}
|
||||
|
||||
.cybottom{overflow:hidden;margin-top:120px;}
|
||||
.cybottom span p{text-align:center;font-size:22px;color:#7c7c7c;margin-bottom:10px;}
|
||||
.cybottom .cybottom_img{display:block;width:40%;margin:40px auto 0 auto;}
|
||||
.obtain{display:block;background:#f2f2f2;overflow:hidden;padding:50px 0px;margin-bottom:-20px;}
|
||||
.obtain h1{display:block;text-align:center;border-bottom:solid 1px #dadada;}
|
||||
.obtain h1 a{display:inline-block;font-size:60px;color:#01a8ee;font-weight:bold;border-bottom:solid 8px #01a8ee;padding-left:10px;padding-right:10px;padding-bottom:20px;margin-bottom:-5px;}
|
||||
.obtain ul{display:block;width:680px;margin:0 auto;margin-top:50px;}
|
||||
.obtain ul li{display:block;background:#fff;overflow:hidden;width:100%;border:solid 1px #dadada;margin-top:-1px;}
|
||||
.obtain ul li em,.obtain ul li input[type="text"]{display:block;float:left;}
|
||||
.obtain ul li em{width:30%;font-size:28px;text-align:center;color:#555;height:60px;line-height:60px;border-right:solid 1px #dadada;}
|
||||
.obtain ul li input[type="text"]{width:65%;font-size:22px;color:#adadad;height:40px;line-height:40px;padding:10px 0px;padding-left:31px;}
|
||||
|
||||
.obtain ul li.but{background:#01a8ee;border-radius:3px;height:58px;margin-top:20px;border:none;}
|
||||
.obtain ul li.but input[type="button"]{display:block;background:none;text-align:center;width:100%;line-height:58px;font-size:28px;color:#fff;cursor:pointer;}
|
||||
@media screen and (max-width:1366px){
|
||||
.cytop span{width:40%;margin:20px auto;}
|
||||
|
||||
.cy02box{margin-top:100px;}
|
||||
.cy02{width:70%;}
|
||||
.cy02 span{display:block;}
|
||||
.cy02 .cy02_text{margin-top:50px;}
|
||||
.cy02 .cy02_img{width:35%;}
|
||||
.cy02 span p{margin-bottom:10px;font-size:22px;}
|
||||
|
||||
.cynt{margin:120px auto 0 auto;}
|
||||
.cynt dl{width:48%;background:#eeeeee;color:#656565;padding:20px 0 0 0;margin-bottom:35px;height:260px;}
|
||||
.cynt dt{font-size:26px;margin-bottom:20px;}
|
||||
.cynt dd{font-size:22px;line-height:35px;padding:0 20px 0 20px;}
|
||||
|
||||
.cyms{overflow:hidden;margin-top:120px;}
|
||||
.cyms .cyms_text{display:block;text-align:center;font-size:24px;color:#a5a5a5;margin-bottom:20px;}
|
||||
.cyms .cyms_img{display:block;width:70%;margin:0 auto;}
|
||||
|
||||
.cygl{margin-top:120px;}
|
||||
.cygl .cybt_img{display:block;width:70%;margin:0 auto;}
|
||||
|
||||
.cyxx_box{overflow:hidden;}
|
||||
.cyxx_box .cyxx{width:70%;margin:0 auto;}
|
||||
.cyxx dl{display:block;float:left;width:29%;margin-bottom:40px;}
|
||||
.cyxx dt{display:block;width:80%;}
|
||||
.cyxx dd{display:block;font-size:22px;color:#969696;}
|
||||
.cyxx .cyxx_dl{margin-right:0;}
|
||||
|
||||
.cycp_box{overflow:hidden;margin-top:120px;}
|
||||
.cycp{width:70%;margin:0 auto;}
|
||||
|
||||
.cyal_box{overflow:hidden;margin-top:120px;}
|
||||
.cyal{width:70%;margin:0 auto;}
|
||||
.cyal dl{display:block;float:left;width:22%;background:#62d8ff;overflow:hidden;margin:0 30px 30px 0;}
|
||||
.cyal dt{text-align:center;font-size:22px;color:#ffffff;margin:20px 0 12px 0;}
|
||||
.cyal dd{width:80%;margin:0 auto 10px auto;}
|
||||
.cyal .cyal_dl{margin-right:0;}
|
||||
|
||||
.cybottom{overflow:hidden;margin-top:120px;}
|
||||
.cybottom span p{text-align:center;font-size:22px;color:#7c7c7c;margin-bottom:10px;}
|
||||
.cybottom .cybottom_img{display:block;width:40%;margin:40px auto 0 auto;}
|
||||
|
||||
.obtain ul li input[type="text"]{width:62%;}
|
||||
.choose em{font-size:20px;}
|
||||
.choose ul li{background-size:100% 100%;width:213px;height:183px;}
|
||||
.choose ul li h2{font-size:24px;margin-top:58px;}
|
||||
.choose ul .y1{left:370px;}
|
||||
.choose ul .y2{left:25px;top:128px;}
|
||||
.choose ul .y3{left:198px;top:30px;}
|
||||
.choose ul .y4{left:198px;top:226px;}
|
||||
.choose ul .y5{right:204px;top:30px;}
|
||||
.choose ul .y6{right:204px;top:226px;}
|
||||
.choose ul .y7{right:30px;top:128px;}
|
||||
.choose ul li h3{font-size:22px;margin-top:30px;}
|
||||
.choose ul li p{font-size:14px;line-height:20px;}
|
||||
.choose ul{width:960px;height:480px;margin-top:60px;}
|
||||
.obtain h1 a{font-size:48px;margin-bottom:-4px;padding-bottom:10px;border-bottom:solid 6px #01a8ee;}
|
||||
.obtain ul{width:560px;}
|
||||
.obtain ul li em{font-size:22px;height:48px;line-height:48px;}
|
||||
.obtain ul li input[type="text"]{height:28px;line-height:28px;font-size:16px;padding-left:41px;}
|
||||
.obtain ul li.but{height:48px;}
|
||||
.obtain ul li.but input[type="button"]{line-height:48px;font-size:22px;}
|
||||
}
|
||||
Executable
+118
@@ -0,0 +1,118 @@
|
||||
@charset "utf-8";
|
||||
/* 嗨路客·经销商 */
|
||||
*{margin: 0;padding: 0;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;}
|
||||
img{max-width: 100%;border:none;}
|
||||
a{text-decoration: none;color: black;}
|
||||
body{font-size:50%;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;-webkit-text-size-adjust:none;}
|
||||
.clear{clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0;}
|
||||
ol,ul {list-style: none;}
|
||||
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
|
||||
input,textarea{outline:none;}
|
||||
em,i,cite{font-style:normal;}
|
||||
|
||||
.countrybox{overflow:hidden;margin-bottom:-20px;}
|
||||
.countrybox .country_banner{margin:0 auto;}
|
||||
.countrybox .country_banner img{display:block;margin:0 auto;}
|
||||
.countrybox .country,.countrybox .country_issue{width:1200px;margin:0 auto;background:#fff;}
|
||||
.countrybox .country .country_text{text-align:center;background:url(../../resource/images/country/country02.png) no-repeat center;width:1000px;height:300px;margin:0 auto;padding-top:60px;margin-bottom:60px;}
|
||||
.countrybox .country .country_text p{padding-top:70px;font-size:32px;color:#676767;display:block;line-height:46px;}
|
||||
.countrybox .country .country_text p b{font-size:32px;color:#676767;font-weight:bold;}
|
||||
.countrybox .country_issue h1{font-size:42px;color:#a4a4a4;text-align:center;}
|
||||
.countrybox .country_issue i{background:url(../../resource/images/country/country03.png) no-repeat;position:absolute;display:block;width:50px;height:50px;left:1160px;margin-top:-20px;}
|
||||
.countrybox .country_issue h1 b{font-size:42px;color:#5ecafe;}
|
||||
.countrybox .country_issue ul{overflow:hidden;margin-top:30px;padding-bottom:80px;}
|
||||
.countrybox .country_issue ul li{width:30%;float:left;display:block;margin-left:30px;margin-top:50px;}
|
||||
.countrybox .country_issue ul li img{display:block;margin:0 auto;margin-bottom:24px;}
|
||||
.countrybox .country_issue ul li h3{font-size:24px;color:#676767;font-weight:bold;text-align:center;margin-bottom:16px;}
|
||||
.countrybox .country_issue ul li span{display:block;font-size:18px;color:#676767;line-height:34px;}
|
||||
.countrybox .country_content{background:#fbfbfb;padding-bottom:50px;}
|
||||
.countrybox .country_content .country_context{text-align:center;padding-top:60px;}
|
||||
.countrybox .country_content .country_context p{font-size:36px;color:#b8b8b8;margin-top:10px;}
|
||||
.countrybox .country_content .country_context p b{color:#63cdff;font-size:36px;}
|
||||
.countrybox .country_content figure{margin:0 auto;margin-top:50px;}
|
||||
.countrybox .country_content figure img{display:block;margin:0 auto;}
|
||||
.countrybox figure{margin:0 auto;margin-top:70px;}
|
||||
.countrybox figure img{display:block;margin:0 auto;}
|
||||
.countrybox .country_serve{margin:0 auto;overflow:hidden;}
|
||||
.countrybox .country_serve h1{font-size:42px;color:#aaa;text-align:center;margin-bottom:40px;}
|
||||
.countrybox .country_serve img{display:block;margin:0 auto;}
|
||||
.countrybox .country_product{margin:0 auto;width:1200px;margin-top:60px;}
|
||||
.countrybox .country_product h1{font-size:42px;color:#aaaaaa;text-align:center;}
|
||||
.countrybox .country_product ul{margin-top:60px;overflow:hidden;}
|
||||
.countrybox .country_product .country_ul1 li{width:22%;margin-left:30px;}
|
||||
.countrybox .country_product .country_ul2{}
|
||||
.countrybox .country_product .country_ul2 li{width:22%;margin-left:100px;}
|
||||
.countrybox .country_product ul li{float:left;}
|
||||
.countrybox .country_product ul li img{display:block;margin:0 auto;}
|
||||
.countrybox .country_product ul li h3{font-size:26px;color:#ababab;text-align:center;margin-top:20px;}
|
||||
.countrybox .country_product ul li span{font-size:18px;color:#ababab;line-height:32px;margin-top:6px;}
|
||||
.countrybox .country_tendency{width:1200px;margin:0 auto;}
|
||||
.countrybox .country_tendency h1,.countrybox .country_case h1{font-size:42px;color:#ababab;text-align:center;}
|
||||
.countrybox .country_tendency figure{margin:0 auto;margin-top:30px;}
|
||||
.countrybox .country_tendency figure img{display:block;margin:0 auto;}
|
||||
.countrybox .country_case{margin:0 auto;width:1200px;margin-top:60px;}
|
||||
.countrybox .country_case ul{overflow:hidden;}
|
||||
.countrybox .country_case ul li{display:block;width:270px;height:350px;background:#f7f7f7;float:left;margin-left:20px;margin-bottom:30px;margin-top:30px;}
|
||||
.countrybox .country_case ul li img{display:block;margin:0 auto;}
|
||||
.countrybox .country_case ul li span{text-align:center;font-size:36px;color:#838383;display:block;margin:30px 0;}
|
||||
.countrybox .country_case ul li .span01{font-size:26px}
|
||||
.obtain{display:block;background:#f2f2f2;overflow:hidden;padding:50px 0px;}
|
||||
.obtain h1{display:block;text-align:center;border-bottom:solid 1px #dadada;}
|
||||
.obtain h1 a{display:inline-block;font-size:60px;color:#01a8ee;font-weight:bold;border-bottom:solid 8px #01a8ee;padding-left:10px;padding-right:10px;padding-bottom:20px;margin-bottom:-5px;}
|
||||
.obtain ul{display:block;width:680px;margin:0 auto;margin-top:50px;}
|
||||
.obtain ul li{display:block;background:#fff;overflow:hidden;width:100%;border:solid 1px #dadada;margin-top:-1px;}
|
||||
.obtain ul li em,.obtain ul li input[type="text"]{display:block;float:left;}
|
||||
.obtain ul li em{width:30%;font-size:28px;text-align:center;color:#555;height:60px;line-height:60px;border-right:solid 1px #dadada;}
|
||||
.obtain ul li input[type="text"]{width:65%;font-size:22px;color:#adadad;height:40px;line-height:40px;padding:10px 0px;padding-left:31px;}
|
||||
|
||||
.obtain ul li.but{background:#01a8ee;border-radius:3px;height:58px;margin-top:20px;border:none;}
|
||||
.obtain ul li.but input[type="button"]{display:block;background:none;text-align:center;width:100%;line-height:58px;font-size:28px;color:#fff;cursor:pointer;}
|
||||
@media screen and (max-width:1366px){
|
||||
.countrybox .country, .countrybox .country_issue,.countrybox .country_product,.countrybox .country_tendency,.countrybox .country_case{width:960px;}
|
||||
.countrybox .country .country_text p{font-size:22px;line-height:36px;}
|
||||
.countrybox .country .country_text p b{font-size:22px;}
|
||||
.countrybox .country .country_text{width:800px;padding-top:30px;}
|
||||
.countrybox .country_issue h1,.countrybox .country_serve h1,.countrybox .country_product h1,.countrybox .country_tendency h1, .countrybox .country_case h1{font-size:30px;}
|
||||
.countrybox .country_issue h1 b{font-size:30px;}
|
||||
.countrybox .country_issue i{left:820px;}
|
||||
.countrybox .country_issue ul li img{width:120px;height:120px;margin-bottom:18px;}
|
||||
.countrybox .country_issue ul li{margin-top:34px;width:280px;}
|
||||
.countrybox .country_issue ul li h3,.countrybox .country_product ul li h3{font-size:18px;}
|
||||
.countrybox .country_issue ul li span{font-size:16px;line-height:32px;}
|
||||
.countrybox .country_issue ul{padding-bottom:60px;}
|
||||
.countrybox .country_content figure,.countrybox figure,.countrybox .country_serve img{width:76%;}
|
||||
.countrybox .country_product ul li img{width:70px;height:70px;}
|
||||
.countrybox .country_product ul li span{font-size:14px;line-height:22px;}
|
||||
.countrybox .country_case ul li{width:200px;height:260px;margin-bottom:12px;margin-top:20px;}
|
||||
.countrybox .country_case ul li span{font-size:26px;margin:12px 0;}
|
||||
.countrybox .country_case ul li .span01{font-size:18px;}
|
||||
.countrybox .country_product .country_ul1 li{width:200px;}
|
||||
.countrybox .country_scheme h1{font-size:42px;}
|
||||
.countrybox .country_scheme ul{width:500px;}
|
||||
.countrybox .country_scheme ul li{width:480px;height:40px;}
|
||||
.countrybox .country_scheme ul .tijiao{margin-top:10px;}
|
||||
.countrybox .country_scheme ul li input[type="button"]{width:480px;font-size:16px;height:40px;line-height:40px;}
|
||||
.countrybox .country_scheme ul li input[type="text"]{font-size:16px;line-height:40px;height:40px;}
|
||||
.countrybox .country_content .country_context p,.countrybox .country_content .country_context p b{font-size:26px;}
|
||||
.countrybox .country_tendency{margin-top:30px;}
|
||||
.obtain ul li input[type="text"]{width:62%;}
|
||||
.choose em{font-size:20px;}
|
||||
.choose ul li{background-size:100% 100%;width:213px;height:183px;}
|
||||
.choose ul li h2{font-size:24px;margin-top:58px;}
|
||||
.choose ul .y1{left:370px;}
|
||||
.choose ul .y2{left:25px;top:128px;}
|
||||
.choose ul .y3{left:198px;top:30px;}
|
||||
.choose ul .y4{left:198px;top:226px;}
|
||||
.choose ul .y5{right:204px;top:30px;}
|
||||
.choose ul .y6{right:204px;top:226px;}
|
||||
.choose ul .y7{right:30px;top:128px;}
|
||||
.choose ul li h3{font-size:22px;margin-top:30px;}
|
||||
.choose ul li p{font-size:14px;line-height:20px;}
|
||||
.choose ul{width:960px;height:480px;margin-top:60px;}
|
||||
.obtain h1 a{font-size:48px;margin-bottom:-4px;padding-bottom:10px;border-bottom:solid 6px #01a8ee;}
|
||||
.obtain ul{width:560px;}
|
||||
.obtain ul li em{font-size:22px;height:48px;line-height:48px;}
|
||||
.obtain ul li input[type="text"]{height:28px;line-height:28px;font-size:16px;padding-left:41px;}
|
||||
.obtain ul li.but{height:48px;}
|
||||
.obtain ul li.but input[type="button"]{line-height:48px;font-size:22px;}
|
||||
}
|
||||
Executable
+107
@@ -0,0 +1,107 @@
|
||||
@charset "utf-8";
|
||||
/* 跨境电商系统·CSS */
|
||||
|
||||
.p_banner{display:block;position:relative;overflow:hidden;width:1920px;height:500px;margin-left:-960px;left:50%;overflow:hidden;}
|
||||
.whole,.b2c,.stream,.stream_km,.choice{display:block;overflow:hidden;}
|
||||
.b2c{margin-top:60px;}
|
||||
.b2c h2{display:block;text-align:center;font-size:30px;color:#eb1d1e;margin-top:40px;}
|
||||
.b2c img{display:block;margin:0 auto;}
|
||||
.b2c_km h1{display:block;text-align:center;font-size:40px;color:#0071bd;font-weight:bold;}
|
||||
.b2c_km p{display:block;text-align:center;font-size:22px;color:#555;line-height:38px;margin-top:30px;}
|
||||
.b2c_km i{display:block;text-align:center;font-size:20px;color:#555;margin-top:15px;}
|
||||
.b2c_km img{margin-top:30px;}
|
||||
|
||||
.b2c_jd{display:block;overflow:hidden;margin-top:50px;}
|
||||
.b2c_jd img{margin-top:60px;}
|
||||
.b2c_jd p{display:block;width:1040px;margin:0 auto;font-size:22px;color:#555;line-height:38px;margin-top:40px;background:#f2f2f2;padding:20px 30px;}
|
||||
|
||||
.stream_km h1{display:block;font-size:40px;color:#666;font-weight:bold;text-align:center;margin-top:100px;}
|
||||
.stream_km ul{display:block;overflow:hidden;width:1200px;margin:0 auto;}
|
||||
.stream_km ul.ul1{margin-top:50px;}
|
||||
.stream_km ul.ul1 li{display:block;float:left;width:400px;}
|
||||
.stream_km ul.ul1 li img{display:block;margin:0 auto;}
|
||||
|
||||
.stream_km ul.ul2{width:870px;margin:0 auto;margin-top:20px;}
|
||||
.stream_km ul.ul2 li{display:block;float:left;font-size:22px;width:174px;color:#555;text-align:center;}
|
||||
.stream_km ul.ul2 .libot{display:block;background:#ccc;height:2px;width:338px;margin-top:12px;}
|
||||
.stream_km ul.ul2 .li1{text-align:left;text-indent:20px;width:65px;}
|
||||
.stream_km ul.ul2 .li2{width:65px;}
|
||||
.stream_km ul.ul2 .li3{text-align:right;width:45px;}
|
||||
|
||||
.stream_km ul.ul3 li{display:block;float:left;width:400px;}
|
||||
.stream_km ul.ul3 li h2{display:block;text-align:center;font-size:24px;color:#555;font-weight:bold;margin-top:20px;}
|
||||
.stream_km ul.ul3 li p{display:block;font-size:18px;padding:10px 30px;line-height:28px;color:#666;margin-top:10px;}
|
||||
.stream_km ul.ul3 li p b{font-size:18px;color:#ea2533;font-weight:normal;}
|
||||
|
||||
.choice{margin-top:80px;}
|
||||
.choice h1{display:block;text-align:center;font-size:40px;font-weight:bold;color:#555;}
|
||||
.choice p{display:block;text-align:center;font-size:20px;color:#555;line-height:36px;margin-top:20px;}
|
||||
.choice_lc{display:block;margin-top:80px;overflow:hidden;}
|
||||
.choice_lc h1{color:#29aae3;}
|
||||
.choice_lc img{display:block;margin:0 auto;margin-top:50px;}
|
||||
|
||||
.advantage{display:block;overflow:hidden;background:#29aae3;margin-top:80px;}
|
||||
.main{display:block;width:1200px;margin:50px auto;}
|
||||
.main h1{display:block;font-size:40px;color:#fff;font-weight:bold;text-align:center;}
|
||||
.main h1 b{font-size:66px;color:#fffd68;padding:0 15px;}
|
||||
.adva_div{display:block;overflow:hidden;margin-top:100px;}
|
||||
.adva_div dl dt{display:block;font-size:32px;color:#fffd68;font-weight:bold;padding:10px 0px;}
|
||||
.adva_div dl dd{display:block;font-size:20px;color:#fff;line-height:34px;margin-top:15px;}
|
||||
.adva_div .dl1{display:block;float:left;width:620px;margin-top:30px;}
|
||||
.adva_div .span1{display:block;float:right;width:520px;}
|
||||
.adva_div span img{display:block;margin:0 auto;}
|
||||
|
||||
.adva_div .dl3{display:block;float:right;width:620px;margin-top:50px;}
|
||||
.adva_div .span2{display:block;float:left;width:520px;}
|
||||
|
||||
.adva_div .dl2 dt,.adva_div .dl2 .dd_h{text-align:center;}
|
||||
.adva_div .dl2 dd img,.adva_div .img1{display:block;margin:0 auto;}
|
||||
.adva_div .img1{margin-top:50px;}
|
||||
|
||||
.adva_div #icon1{background:url(../../resource/images/single/crossb/c_icon4-1.png) no-repeat left center;padding-left:60px;}
|
||||
.adva_div #icon2{background:url(../../resource/images/single/crossb/c_icon4-2.png) no-repeat 36% center;text-indent:30px;}
|
||||
.adva_div #icon3{background:url(../../resource/images/single/crossb/c_icon4-3.png) no-repeat 35% center;text-indent:35px;}
|
||||
.adva_div #icon4{background:url(../../resource/images/single/crossb/c_icon4-4.png) no-repeat left center;padding-left:60px;}
|
||||
.adva_div #icon5{background:url(../../resource/images/single/crossb/c_icon4-5.png) no-repeat left center;padding-left:55px;}
|
||||
.adva_div #icon6{background:url(../../resource/images/single/crossb/c_icon4-6.png) no-repeat left center;padding-left:80px;}
|
||||
.adva_div #icon7{background:url(../../resource/images/single/crossb/c_icon4-7.png) no-repeat left center;padding-left:60px;}
|
||||
.adva_div #icon8{background:url(../../resource/images/single/crossb/c_icon4-8.png) no-repeat left center;padding-left:60px;}
|
||||
|
||||
.botm{display:block;overflow:hidden;margin-top:50px;}
|
||||
.botm p{display:block;text-align:center;font-size:24px;color:#666;line-height:38px;}
|
||||
.botm h2{display:block;text-align:center;font-size:36px;color:#29aae3;font-weight:bold;margin-top:15px;}
|
||||
.botm img{display:block;margin:0 auto;margin-top:30px;}
|
||||
|
||||
@media screen and (max-width:1370px){
|
||||
.p_banner{width:1366px;height:356px;margin-left:-683px;}
|
||||
.p_banner img{width:1366px;height:auto;}
|
||||
.b2c_km h1,.stream_km h1{font-size:28px;}
|
||||
.b2c_km p{font-size:18px;line-height:30px;margin-top:20px;}
|
||||
.b2c h2{font-size:24px;margin-top:20px;}
|
||||
.b2c_km img{width:800px;height:auto;}
|
||||
.b2c_km i{font-size:16px;}
|
||||
.b2c_jd img{width:900px;height:auto;}
|
||||
.b2c_jd p{width:900px;font-size:18px;line-height:30px;}
|
||||
.stream_km ul{width:960px;}
|
||||
.stream_km ul.ul1 li,.stream_km ul.ul3 li{width:320px;}
|
||||
.stream_km ul.ul2 .libot{width:258px;}
|
||||
.stream_km ul.ul2{width:714px;}
|
||||
.stream_km ul.ul3 li h2{font-size:20px;}
|
||||
.stream_km ul.ul3 li p{font-size:15px;line-height:25px;}
|
||||
.stream_km ul.ul3 li p b{font-size:15px;}
|
||||
.choice h1,.main h1{font-size:28px;}
|
||||
.main h1 b{font-size:46px;}
|
||||
.choice p{font-size:16px;line-height:28px;}
|
||||
.choice_lc{margin-top:60px;}
|
||||
.choice_lc img{width:900px;height:auto;}
|
||||
.main{width:960px;}
|
||||
.adva_div dl dt{font-size:24px;}
|
||||
.adva_div dl dd{font-size:16px;line-height:28px;}
|
||||
.adva_div .dl1,.adva_div .span1,.adva_div .span2,.adva_div .dl3{width:450px;}
|
||||
.adva_div .img1{width:720px;height:auto;}
|
||||
.adva_div{margin-top:78px;}
|
||||
.img_span img{width:90%;}
|
||||
.adva_div .dl2 dd img{width:900px;height:auto;}
|
||||
.botm p{font-size:20px;line-height:32px;}
|
||||
.botm h2{font-size:28px;}
|
||||
}
|
||||
+187
@@ -0,0 +1,187 @@
|
||||
@charset "utf-8";
|
||||
/* 高端定制服务 */
|
||||
|
||||
.banner_high{display:block;width:100%;height:280px;background:#66b732;position:relative;margin-top:126px;}
|
||||
.banner_highcon{display:block;width:1200px;height:280px;margin:0 auto;background:url(../../resource/images/highend/banner_icon2.png) no-repeat;overflow:hidden;}
|
||||
.banner_highcon span{display:block;float:left;position:absolute;top:44px;-webkit-animation: a1 1s 0s ease both;-moz-animation: a1 1s 0s ease both;animation: a1 1s 0s ease both;}
|
||||
.banner_highcon dl{display:block;float:right;margin-top:28px;}
|
||||
.banner_highcon dl dt{display:block;font-size:48px;color:#fff;font-weight:bold;-webkit-animation: a2 1s 0.2s ease both;-moz-animation: a2 1s 0.2s ease both;animation: a2 1s 0.2s ease both;}
|
||||
.banner_highcon dl dt b{font-size:48px;color:#fff;border-bottom:solid 5px #348401;}
|
||||
.banner_highcon dl dd{display:block;font-size:20px;color:#fff;line-height:40px;margin-top:40px;-webkit-animation: a2 1s 0.3s ease both;-moz-animation: a2 1s 0.3s ease both;animation: a2 1s 0.3s ease both;}
|
||||
|
||||
.highp{display:block;overflow:hidden;width:1200px;margin:0 auto;}
|
||||
.highp p{display:block;float:right;width:620px;font-size:22px;color:#646464;line-height:40px;margin-top:80px;
|
||||
-webkit-animation: a1 1s 0.4s ease both;-moz-animation: a1 1s 0.4s ease both;animation:a1 1s 0.4s ease both;}
|
||||
.highp p b{font-size:26px;color:#66b732;font-weight:normal;}
|
||||
|
||||
.highcy{display:block;overflow:hidden;width:1200px;margin:0 auto;margin-top:135px;}
|
||||
.highcy h1{display:block;text-align:center;font-size:30px;color:#646464;-webkit-animation: a5 1s 0s ease both;-moz-animation: a5 1s 0s ease both;animation: a5 1s 0s ease both;}
|
||||
.highcy h1 b{color:#fb603a;font-size:30px;font-weight:normal;}
|
||||
.highcy dl{width:1240px;display:block;margin-top:40px;overflow:hidden;}
|
||||
.highcy dl dd{display:block;float:left;width:357px;margin-right:24px;padding-right:40px;}
|
||||
.highcy dl .highdd1{background:url(../../resource/images/highend/img19.png) no-repeat right center;
|
||||
-webkit-animation:a1 1s 0.1s ease both;-moz-animation: a1 1s 0.1s ease both;animation: a1 1s 0.1s ease both;}
|
||||
.highcy dl .highdd2{background:url(../../resource/images/highend/img20.png) no-repeat right center;
|
||||
-webkit-animation: a4 1s 0.1s ease both;-moz-animation: a4 1s 0.1s ease both;animation: a4 1s 0.1s ease both;}
|
||||
.highcy dl .highdd3{padding-right:0px;margin-right:0px;
|
||||
-webkit-animation: a1 1s 0.1s ease both;-moz-animation: a1 1s 0.1s ease both;animation: a1 1s 0.1s ease both;}
|
||||
.highcy dl dd .t1{background:#00a8ee;}
|
||||
.highcy dl dd .t2{background:#ee7e00;}
|
||||
.highcy dl dd .t3{background:#66b732;}
|
||||
.highcy dl dd .high_div{display:block;height:320px;overflow:hidden;}
|
||||
.highcy dl dd .high_div span{display:block;margin:20px 0px;}
|
||||
.highcy dl dd .high_div span img{display:block;margin:0 auto;}
|
||||
.highcy dl dd .high_div h2{display:block;text-align:center;font-size:24px;color:#fff;}
|
||||
.highcy h3{display:block;text-align:center;font-size:30px;color:#646464;margin:56px 0px;
|
||||
-webkit-animation: a4 1s 0.3s ease both;-moz-animation: a4 1s 0.3s ease both;animation: a4 1s 0.3s ease both;}
|
||||
.highcy h3 b{font-size:30px;color:#66b732;font-weight:normal;line-height:56px;}
|
||||
|
||||
.highfuwu{display:block;width:100%;height:440px;background:#f2f2f2;}
|
||||
.highfw_con{display:block;width:1200px;margin:0 auto;overflow:hidden;}
|
||||
.highfw_con dl{display:block;float:left;}
|
||||
.highfw_con dl dt{display:block;font-size:30px;color:#66b732;font-weight:bold;margin:40px 0px;
|
||||
-webkit-animation: a3 1s 0s ease both;-moz-animation: a3 1s 0s ease both;animation: a3 1s 0s ease both;}
|
||||
.highfw_con dl dd{display:block;font-size:22px;color:#646464;line-height:38px;-webkit-animation: a3 1s 0.2s ease both;-moz-animation: a3 1s 0.2s ease both;animation: a3 1s 0.2s ease both;}
|
||||
.highfw_con dl dd.nodd{background:url(../../resource/images/highend/img17_left.png) no-repeat left center;padding-left:24px;color:#66b732;font-size:28px;margin:30px 0px;}
|
||||
.highfw_con span{display:block;float:right;margin-top:90px;-webkit-animation: a1 1s 0.3s ease both;-moz-animation: a1 1s 0.3s ease both;animation: a1 1s 0.3s ease both;}
|
||||
|
||||
.highp2{display:block;width:1200px;margin:0 auto;margin-top:108px;overflow:hidden;}
|
||||
.highp2 p{display:block;width:548px;font-size:22px;color:#646464;line-height:35px;-webkit-animation: a1 1s 0.4s ease both;-moz-animation: a1 1s 0.4s ease both;animation: a1 1s 0.4s ease both;}
|
||||
.highp2 p b{font-size:24px;color:#00a8ee;font-weight:normal;}
|
||||
|
||||
.highwenti{display:block;width:1200px;margin:0 auto;overflow:hidden;margin-top:110px;}
|
||||
.highwenti h1{display:block;text-align:center;font-size:30px;color:#646464;
|
||||
-webkit-animation: a6 1s 0.2s ease both;-moz-animation: a6 1s 0.2s ease both;animation: a6 1s 0.2s ease both;}
|
||||
.highwenti h1 b{font-size:30px;color:#66b732;font-weight:normal;}
|
||||
.highwenti dl{display:block;position:relative;margin-top:45px;overflow:hidden;}
|
||||
|
||||
.highwenti dl dt{display:block;/*background:url(../../resource/images/highend/img8.png) no-repeat;*/width:514px;height:405px;margin:0 auto;margin-top:56px;
|
||||
-webkit-animation: a6 1s 0s ease both;-moz-animation: a6 1s 0s ease both;animation: a6 1s 0s ease both;}
|
||||
|
||||
.highwenti dl dd{display:block;font-size:22px;padding-left:40px;position:absolute;}
|
||||
|
||||
.highwenti dl dd.dd1{color:#00a8ee;background:url(../../resource/images/highend/img5.png) no-repeat left center;left:180px;top:88px;
|
||||
-webkit-animation: a3 1s 0.3s ease both;-moz-animation: a3 1s 0.3s ease both;animation: a3 1s 0.3s ease both;}
|
||||
|
||||
.highwenti dl dd.dd2{color:#ee7e00;background:url(../../resource/images/highend/img6.png) no-repeat left center;right:88px;top:15px;
|
||||
-webkit-animation: a2 1s 0.3s ease both;-moz-animation: a2 1s 0.3s ease both;animation: a2 1s 0.3s ease both;}
|
||||
|
||||
.highwenti dl dd.dd3{color:#66b732;background:url(../../resource/images/highend/img7.png) no-repeat left center;right:88px;bottom:10px;
|
||||
-webkit-animation: a2 1s 0.3s ease both;-moz-animation: a2 1s 0.3s ease both;animation: a2 1s 0.3s ease both;}
|
||||
|
||||
.highxit{display:block;width:100%;background:#f2f2f2;margin-top:70px;overflow:hidden;}
|
||||
.highxit_con{display:block;width:1200px;margin:0 auto;padding-top:50px;padding-bottom:50px;}
|
||||
.highxit_con h1{display:block;text-align:center;font-size:20px;color:#646464;line-height:36px;
|
||||
-webkit-animation: a1 1s 0s ease both;-moz-animation: a1 1s 0s ease both;animation: a1 1s 0s ease both;}
|
||||
.highxit_con h1 b{font-size:28px;color:#ff3f3f;margin-top:10px;}
|
||||
.highxit_con i{display:block;margin:40px auto;width:258px;height:154px;
|
||||
-webkit-animation: a6 1s 0.5s ease both;-moz-animation: a6 1s 0.5s ease both;animation: a6 1s 0.5s ease both;}
|
||||
.highxit_con i img{display:block;margin:0 auto;}
|
||||
.highxit_con h2{display:block;width:1000px;background:#e6e6e6;padding:23px 0px;margin:0 auto;text-align:center;font-size:32px;color:#00a8ee;font-weight:bold;
|
||||
-webkit-animation: a7 1s 0.8s ease both;-moz-animation: a7 1s 0.8s ease both;animation: a7 1s 0.8s ease both;}
|
||||
.highxit_con dl{display:block;width:1220px;overflow:hidden;margin-top:30px;}
|
||||
.highxit_con dl dd{border:solid 1px #cdcdcd;background:#e6e6e6;display:block;float:left;margin-right:13px;width:288px;height:218px;overflow:hidden;}
|
||||
.highxit_con dl dd.no_top{-webkit-animation: a1 1s 1s ease both;-moz-animation: a1 1s 1s ease both;animation: a1 1s 1s ease both;}
|
||||
.highxit_con dl dd.no_bottom{-webkit-animation: a4 1s 1s ease both;-moz-animation: a4 1s 1s ease both;animation: a4 1s 1s ease both;}
|
||||
|
||||
.highxit_con dl dd span{display:block;margin:20px 0px;}
|
||||
.highxit_con dl dd span img{display:block;margin:0 auto;}
|
||||
.highxit_con dl dd h3{display:block;font-size:23px;text-align:center;}
|
||||
.highxit_con dl dd p{display:block;text-align:center;width:200px;margin:0 auto;font-size:16px;color:#5a5a5a;line-height:26px;margin-top:10px;}
|
||||
|
||||
.highdz{display:block;width:1200px;margin:0 auto;overflow:hidden;position:relative;margin-top:68px;}
|
||||
.highdz .ul_left{display:block;float:left;}
|
||||
.highdz .ul_left li{position:relative;}
|
||||
.highdz .ul_left .li1{display:block;/*background:url(../../resource/images/highend/img16.png) no-repeat;*/width:520px;height:500px;
|
||||
-webkit-animation: a10 4s 0.8s ease both;-moz-animation: a10 4s 0.8s ease both;animation: a10 4s 0.8s ease both;}
|
||||
|
||||
.highdz .ul_left .li2{position:absolute;left:34px;top:98px;
|
||||
-webkit-animation: a8 2s 0s infinite linear normal forwards;-moz-animation: a8 2s 0s infinite linear normal forwards;animation: a8 2s 0s infinite linear normal forwards;z-index:9}
|
||||
|
||||
.highdz .ul_left .li3{position:absolute;left:310px;top:130px;
|
||||
-webkit-animation: a9 1s 2s ease both;-moz-animation: a9 1s 2s ease both;animation: a9 1s 2s ease both;}
|
||||
|
||||
.highdz .div_right{display:block;float:right;margin-top:40px;-webkit-animation: a2 2s 0.2s ease both;-moz-animation: a2 2s 0.2s ease both;animation: a2 2s 0.2s ease both;}
|
||||
.highdz .div_right dl{display:block;margin-bottom:30px;}
|
||||
.highdz .div_right dl dt{display:block;background:url(../../resource/images/highend/img17_left.png) no-repeat left center;color:#66b732;font-size:24px;padding-left:30px;}
|
||||
.highdz .div_right dl dd{display:block;font-size:18px;color:#646464;padding-left:30px;margin-top:20px;}
|
||||
|
||||
.highjiz{display:block;width:100%;background:#f2f2f2;}
|
||||
.highjiz_con{display:block;width:1200px;margin:0 auto;padding-top:30px;overflow:hidden;}
|
||||
.highjiz_con dl{display:block;overflow:hidden;width:1250px;margin-top:30px;}
|
||||
.highjiz_con dl dd{display:block;float:left;margin-right:25px;cursor:pointer;}
|
||||
.highjiz_con dl dd .divdd{display:block;background:#fff;width:220px;height:240px;margin-bottom:25px;overflow:hidden;}
|
||||
.highjiz_con h1,.highjiz_con h2{display:block;text-align:center;font-size:34px;font-weight:bold;}
|
||||
.highjiz_con h1 b,.highjiz_con h2 b{font-size:34px;color:#ff3f3f;border-bottom:solid 3px #ff3f3f;margin-right:10px;}
|
||||
.highjiz_con h1{color:#00a8ee;-webkit-animation: a1 1s 0s ease both;-moz-animation: a1 1s 0s ease both;animation: a1 1s 0s ease both;}
|
||||
.highjiz_con h2{color:#747474;margin-top:50px;-webkit-animation: a3 1s 1s ease both;-moz-animation: a3 1s 1s ease both;animation: a3 1s 1s ease both;}
|
||||
.highjiz_con span.span1{display:block;margin:30px 0px;-webkit-animation: a1 1s 0.5s ease both;-moz-animation: a1 1s 0.5s ease both;animation: a1 1s 0.5s ease both;}
|
||||
.highjiz_con dl dd .divdd{display:block;overflow:hidden;}
|
||||
.highjiz_con dl dd .divdd span{display:block;margin:50px 0px 30px 0px;}
|
||||
.highjiz_con dl dd .divdd span img{display:block;margin:0 auto;}
|
||||
.highjiz_con dl dd .divdd h3{display:block;text-align:center;font-size:18px;color:#646464;}
|
||||
|
||||
.highjiz_con dl dd.no_top{-webkit-animation: a1 1s 1.2s ease both;-moz-animation: a1 1s 1.2s ease both;animation: a1 1s 1.2s ease both;}
|
||||
.highjiz_con dl dd.no_bottom{-webkit-animation: a4 1s 1.2s ease both;-moz-animation: a4 1s 1.2s ease both;animation: a4 1s 1.2s ease both;}
|
||||
|
||||
.high_rex{display:block;width:1200px;margin:0 auto;padding:30px 0px;}
|
||||
.high_rex dt,.high_rex dd{display:block;text-align:center;margin:10px 0px;}
|
||||
.high_rex dt{font-size:26px;color:#646464;-webkit-animation: a2 1s 0s ease both;-moz-animation: a2 1s 0s ease both;animation: a2 1s 0s ease both;}
|
||||
.high_rex dt b{font-size:30px;color:#00a8ee;font-weight:normal;}
|
||||
.high_rex dd{font-size:26px;color:#646464;}
|
||||
.high_rex dd b{font-size:30px;font-weight:normal;}
|
||||
.high_rex dd.dd01 b,.high_rex dd.dd02 b{color:#ff3f3f;border-bottom:solid 2px #ff3f3f;}
|
||||
.high_rex dd.dd01{-webkit-animation: a3 1s 0s ease both;-moz-animation: a3 1s 0s ease both;animation: a3 1s 0s ease both;}
|
||||
.high_rex dd.dd02{margin:30px 0px;-webkit-animation: a2 1s 0s ease both;-moz-animation: a2 1s 0s ease both;animation: a2 1s 0s ease both;}
|
||||
.high_rex dd.dd03{font-size:42px;color:#66b732;margin-top:20px;-webkit-animation: a3 1s 0s ease both;-moz-animation: a3 1s 0s ease both;animation: a3 1s 0s ease both;}
|
||||
.high_rex dd.dd04{font-size:42px;margin-top:20px;color:#00a8ee;-webkit-animation: a2 1s 0s ease both;-moz-animation: a2 1s 0s ease both;animation: a2 1s 0s ease both;}
|
||||
|
||||
@media screen and (max-width:1366px){
|
||||
.highbox img{display:block;width:100%;height:100%;}
|
||||
.banner_highcon,.highp,.highcy,.highfw_con,.highp2,.highwenti,.highxit_con,.highdz,.highjiz_con,.high_rex{width:960px;}
|
||||
.banner_highcon span{width:400px;}
|
||||
.banner_highcon dl{margin-top:48px;}
|
||||
.banner_highcon dl dt,.banner_highcon dl dt b{font-size:34px;}
|
||||
.banner_highcon dl dd{font-size:16px;line-height:30px;}
|
||||
.highp p{width:550px;font-size:16px;line-height:32px;margin-top:65px;}
|
||||
.highp p b{font-size:18px;}
|
||||
|
||||
.highcy dl{width:1000px;}
|
||||
.highcy dl dd{width:277px;}
|
||||
.highcy dl dd .high_div span{width:220px;margin:30px auto;}
|
||||
|
||||
.highfw_con dl dt{font-size:20px 0px;font-size:24px;}
|
||||
.highfw_con dl dd{font-size:16px;line-height:26px;}
|
||||
.highfw_con dl dd.nodd{font-size:24px;margin:25px 0px;}
|
||||
.highfw_con span{width:450px;margin-top:40px;}
|
||||
.highfuwu{height:350px;}
|
||||
.highp2{margin-top:49px;}
|
||||
.highp2 p{width:410px;font-size:16px;line-height:30px;}
|
||||
.highp2 p b{font-size:18px;}
|
||||
|
||||
.highwenti dl dt{width:390px;height:auto;}
|
||||
.highwenti dl dd{font-size:20px;}
|
||||
.highwenti dl dd.dd1{left: 129px;top: 80px;}
|
||||
.highwenti dl dd.dd2{right: 88px;top: 15px;}
|
||||
.highwenti dl dd.dd3{right: 46px;bottom: 0px;}
|
||||
|
||||
.highxit_con h2{width:900px;padding:18px 0px;font-size:28px;}
|
||||
.highxit_con dl dd span{width:70px;height:70px;margin:20px auto;}
|
||||
.highxit_con dl dd{width:227px;}
|
||||
|
||||
.highdz .ul_left .li1{width:420px;height:auto;}
|
||||
.highdz .ul_left .li2{left: 29px;top: 80px;width: 261px;height:auto;}
|
||||
.highdz .ul_left .li3{left: 258px;top: 130px;width: 220px;}
|
||||
.highdz .div_right dl dt{font-size:20px;padding-left:24px;}
|
||||
.highdz .div_right dl dd{font-size:14px;}
|
||||
|
||||
.highjiz_con dl dd .divdd span{width:81px;height:auto;margin:30px auto 30px auto;}
|
||||
.highjiz_con dl dd .divdd{width:172px;height:200px;}
|
||||
.highjiz_con h1, .highjiz_con h2{font-size:30px;}
|
||||
.highjiz_con h1 b, .highjiz_con h2 b{font-size:30px;}
|
||||
.high_rex dt,.high_rex dd{font-size:22px;}
|
||||
.high_rex dt b,.high_rex dd b{font-size:24px;}
|
||||
.high_rex dd.dd03{font-size:30px;}
|
||||
.high_rex dd.dd04{font-size:32px;}
|
||||
|
||||
}
|
||||
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
+104
@@ -0,0 +1,104 @@
|
||||
@charset "utf-8";
|
||||
/* 嗨路客·智能硬件 */
|
||||
|
||||
.p_banner{display:block;position:relative;overflow:hidden;width:1920px;height:500px;margin-left:-960px;left:50%;overflow:hidden;}
|
||||
.har_gxh{display:block;background:#f6f6f6;padding:35px 0px;overflow:hidden;}
|
||||
.har_gxh p{display:block;text-align:center;font-size:26px;color:#555;line-height:48px;}
|
||||
.har_gxh p b{font-size:32px;padding:0 5px;font-weight:normal;color:#ef7752;}
|
||||
.har_gxh img{display:block;margin:0 auto;margin-top:30px;}
|
||||
|
||||
.hardware{display:block;overflow:hidden;padding-top:50px;}
|
||||
.hardware p{display:block;text-align:center;font-size:24px;color:#555;}
|
||||
.hardware h2{display:block;text-align:center;font-size:28px;color:#333;margin-top:15px;}
|
||||
.hardware h2 b{font-size:28px;color:#ef7752;font-weight:normal;}
|
||||
.hardware h1{display:block;text-align:center;font-size:36px;color:#ef7752;margin:30px 0 50px 0;}
|
||||
.hardware h1 b{font-size:60px;color:#ef7752;font-weight:normal;padding:0 15px;font-style:italic;}
|
||||
|
||||
.har_gn{display:block;overflow:hidden;width:1000px;margin:0 auto;margin-bottom:50px;}
|
||||
.har_gn dl{margin-top:75px;}
|
||||
.har_gn dl dt{display:block;font-size:32px;color:#444;}
|
||||
.har_gn dl dd{display:block;font-size:24px;color:#666;line-height:36px;margin-top:15px;}
|
||||
.har_gn .dl1{display:block;float:left;width:550px;}
|
||||
.har_gn .span1{display:block;float:right;}
|
||||
.har_gn .dl2{display:block;float:right;width:550px;}
|
||||
.har_gn .span2{display:block;float:left;}
|
||||
|
||||
.hardwareb{display:block;background:#f6f6f6;overflow:hidden;padding:30px 0px;}
|
||||
.hardwareb h1{display:block;text-align:center;color:#ef7752;font-size:36px;}
|
||||
.hardwareb p{display:block;font-size:26px;color:#666;text-align:center;margin-top:10px;}
|
||||
.hardwareb .i{display:block;font-size:24px;width:24%;border-top:solid 1px #ef7752;border-bottom:solid 1px #ef7752;text-align:center;margin:30px auto;padding:15px 0px;color:#666;}
|
||||
.har_ul{display:block;overflow:hidden;width:1200px;margin:0 auto;margin-top:30px;}
|
||||
.har_ul li{display:block;width:33.33%;float:left;overflow:hidden;padding:10px 10px;box-sizing:border-box;}
|
||||
.har_ul li a{display:block;overflow:hidden;position:relative;border:solid 2px #f6f6f6;}
|
||||
.har_ul li.li1 a span{display:block;position:absolute;left:0;bottom:-82px;width:100%;height:74px;background:#ef7752;}
|
||||
.har_ul li.li1 a span i{display:block;text-align:center;font-size:18px;line-height:74px;color:#fff;background:url(../../resource/images/single/productlist/right1.png) no-repeat 50% center;}
|
||||
.har_ul li.li1 a .pro{display:block;background:#fff;height:280px;overflow:hidden;}
|
||||
.har_ul li .pro img{display:block;margin:0 auto;margin-top:30px;}
|
||||
.har_ul li.li1 a .pro h1{display:block;text-align:center;font-size:24px;color:#323232;padding:15px 0px;}
|
||||
.har_ul li.li1 a .pro p{display:block;color:#666;font-size:16px;padding:0 10px;line-height:28px;text-align:center;}
|
||||
.har_ul li.li2 .pro{display:block;background:#e5e5e5;height:280px;overflow:hidden;}
|
||||
.har_ul li.li2 .pro p{display:block;color:#ef7752;text-align:center;font-size:20px;line-height:34px;margin-top:25px;}
|
||||
|
||||
.har_ul li.li1 a:hover{border:solid 2px #ef7752;}
|
||||
.har_ul li.li1 a:hover span{display:block;bottom:0;transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
|
||||
.har_ul li.li1 a:hover span i{text-indent:-50px;background:url(../../resource/images/single/productlist/right.png) no-repeat 70% center;
|
||||
transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
|
||||
|
||||
.har_value{display:block;overflow:hidden;margin-top:80px;}
|
||||
.har_value h1{display:block;text-align:center;font-size:36px;color:#444;}
|
||||
.har_value p{display:block;text-align:center;font-size:26px;color:#ef7752;margin-top:20px;}
|
||||
.har_value .i{display:block;font-size:24px;width:36%;border-top:solid 1px #ef7752;border-bottom:solid 1px #ef7752;text-align:center;margin:30px auto;padding:15px 0px;color:#666;}
|
||||
.har_value img{display:block;margin:60px auto;}
|
||||
.har_app{display:block;background:#f6f6f6;padding:30px 0px;overflow:hidden;}
|
||||
.har_app h1{display:block;text-align:center;font-size:36px;color:#ef7752;}
|
||||
.har_app p{display:block;text-align:center;font-size:26px;color:#555;margin-top:20px;}
|
||||
.har_app img{display:block;margin:60px auto 30px auto;}
|
||||
|
||||
.har_trend{display:block;margin:40px 0;}
|
||||
.har_trend h1{display:block;font-size:36px;color:#555;text-align:center;}
|
||||
.trend{display:block;width:1000px;margin:0 auto;overflow:hidden;margin-top:100px;}
|
||||
.trend dl{display:block;margin-top:75px;}
|
||||
.trend dl dt{display:block;font-size:34px;color:#ef7752;margin-bottom:25px;}
|
||||
.trend dl dd{display:block;font-size:24px;color:#666;margin-top:10px;background:url(../../resource/images/single/znhardware/har_img0.png) no-repeat left center;padding-left:30px;}
|
||||
.trend .dl1{display:block;float:left;}
|
||||
.trend .span1{display:block;float:right;}
|
||||
.trend .dl2{display:block;float:right;}
|
||||
.trend .span2{display:block;float:left;}
|
||||
|
||||
@media screen and (max-width:1370px){
|
||||
.p_banner{width:1366px;height:356px;margin-left:-683px;}
|
||||
.p_banner img{width:1366px;height:auto;background-size:100%;}
|
||||
.har_gxh{padding:25px 0;}
|
||||
.har_gxh p{font-size:20px;line-height:36px;}
|
||||
.har_gxh p b{font-size:26px;}
|
||||
.har_gxh img{width:580px;height:auto;}
|
||||
.hardware p{font-size:20px;}
|
||||
.hardware h2,.hardware h2 b{font-size:24px;}
|
||||
.hardware h1{font-size:28px;}
|
||||
.hardware h1 b{font-size:46px;padding:0 10px;}
|
||||
.har_gn,.trend{width:880px;}
|
||||
.har_gn dl dt{font-size:26px;}
|
||||
.har_gn dl dd{font-size:18px;line-height:28px;margin-top:10px;}
|
||||
.har_gn .dl1,.har_gn .dl2{width:400px;}
|
||||
.hardwareb h1,.har_value h1{font-size:28px;}
|
||||
.hardwareb p,.har_value p,.har_app p{font-size:20px;}
|
||||
.har_value p,.har_app p{margin-top:10px;}
|
||||
.hardwareb .i{font-size:20px;width:27%;margin:20px auto;padding:10px 0;}
|
||||
.har_value .i{font-size:20px;width:50%;margin:20px auto;padding:10px 0px;}
|
||||
.har_value img{width:788px;height:auto;}
|
||||
.har_app h1{font-size:28px;}
|
||||
.har_app img{width:650px;height:auto;}
|
||||
.har_trend h1{font-size:28px;}
|
||||
.trend{margin-top:50px;}
|
||||
.trend dl dt{font-size:26px;}
|
||||
.trend dl dd{font-size:18px;}
|
||||
|
||||
.har_ul{width:960px;}
|
||||
.har_ul li .pro img{width:80px;height:80px;margin-top:24px;}
|
||||
.har_ul li.li1 a .pro h1{font-size:18px;}
|
||||
.har_ul li.li1 a .pro p,.har_ul li.li2 .pro p{font-size:13px;line-height:20px;}
|
||||
.har_ul li.li1 a .pro,.har_ul li.li2 .pro{height:220px;}
|
||||
.har_ul li.li1 a span{height:58px;}
|
||||
.har_ul li.li1 a span i{line-height:58px;font-size:15px;}
|
||||
.har_ul li.li1 a:hover span i{background-size:4%;}
|
||||
}
|
||||
Executable
+1279
File diff suppressed because it is too large
Load Diff
Executable
+101
@@ -0,0 +1,101 @@
|
||||
@charset "utf-8";
|
||||
/* 微三云·经销商 */
|
||||
*{margin: 0;padding: 0;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;}
|
||||
img{max-width: 100%;border:none;}
|
||||
a{text-decoration: none;color: black;}
|
||||
body{font-size:50%;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;-webkit-text-size-adjust:none;}
|
||||
.clear{clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0;}
|
||||
ol,ul {list-style: none;}
|
||||
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
|
||||
input,textarea{outline:none;}
|
||||
em,i,cite{font-style:normal;}
|
||||
|
||||
|
||||
.grogshopbox .grogshop_banner img,.grogshopbox .grogshop_develop .figure1 img,.grogshopbox .thought figure img,.grogshopbox .system figure img,.grogshopbox .resource figure img{display:block;margin:0 auto;}
|
||||
.grogshopbox .grogshop_develop{background:#fff;margin-top:60px;margin-bottom:60px;}
|
||||
.grogshopbox .grogshop_develop h1,.grogshopbox .zoology h1{font-size:38px;color:#7f7f7f;text-align:center;}
|
||||
.grogshopbox .grogshop_develop .figure1{width:1200px;margin:0 auto;margin-top:60px;}
|
||||
.grogshopbox .zoology{background:#f7f7f7;}
|
||||
.grogshopbox .zoology .zoology_text{height:400px;width:1200px;margin:0 auto;margin-top:40px;}
|
||||
.grogshopbox .zoology .zoology_text dl{float:left;width:40%;margin-left:40px;}
|
||||
.grogshopbox .zoology h1{padding-top:60px;}
|
||||
.grogshopbox .zoology .zoology_text dl dt{margin-bottom:30px;margin-left:10px;}
|
||||
.grogshopbox .zoology .zoology_text .dl2{float:right}
|
||||
.grogshopbox .zoology .zoology_text dl dt em{font-size:38px;color:#e0b66d;margin-left:16px;}
|
||||
.grogshopbox .zoology .zoology_text dl dt img{ vertical-align:sub;}
|
||||
.grogshopbox .zoology .zoology_text dl dd{font-size:24px;color:#666;line-height:34px;margin-top:12px;}
|
||||
.grogshopbox .thought{background:#FFF;}
|
||||
.grogshopbox .thought h1{font-size:38px;color:#717171;text-align:center;line-height:50px;margin-top:40px;}
|
||||
.grogshopbox .thought h1 b{font-size:38px;color:#63d16b;}
|
||||
.grogshopbox .thought figure{width:1200px;margin:0 auto;margin-bottom:80px;}
|
||||
.grogshopbox .system{background:#f7f7f7;}
|
||||
.grogshopbox .system h1,.grogshopbox .system h2,.grogshopbox .operate h1,.grogshopbox .functional h1{font-size:40px;text-align:center;}
|
||||
.grogshopbox .system h1{color:#333333;padding-top:40px;}
|
||||
.grogshopbox .system h2{color:#7f7f7f;margin-top:10px;}
|
||||
.grogshopbox .system figure{width:1200px;margin:0 auto;margin-top:60px;}
|
||||
.grogshopbox .operate{background:#f7f7f7;}
|
||||
.grogshopbox .operate h1{color:#717171;}
|
||||
.grogshopbox .operate ul{width:1200px;margin:0 auto;height:600px;margin-top:60px;}
|
||||
.grogshopbox .operate ul li,.grogshopbox .functional ul li{width:30%;float:left;margin:0 auto;text-align:center;margin-left:30px;margin-bottom:40px;}
|
||||
.grogshopbox .operate ul li img,.grogshopbox .functional ul li img{display:block;margin:0 auto;}
|
||||
.grogshopbox .operate ul li h3,.grogshopbox .functional ul li h3{font-size:24px;color:#666666;margin-top:20px;}
|
||||
.grogshopbox .operate ul li span,.grogshopbox .functional ul li span{font-size:20px;color:#7e7e7e;line-height:32px;margin-top:20px;display:block;}
|
||||
.grogshopbox .functional{background:#fff;}
|
||||
.grogshopbox .functional h1{color:#63d16b;margin-top:60px;}
|
||||
.grogshopbox .functional ul{width:1200px;margin:0 auto;margin-top:40px;height:560px}
|
||||
.grogshopbox .resource{background:#fff;}
|
||||
.grogshopbox .resource h1{font-size:32px;color:#7e7e7e;text-align:center;}
|
||||
.grogshopbox .resource figure{width:1200px;margin:0 auto;margin-top:60px;margin-bottom:60px;}
|
||||
|
||||
|
||||
.obtain{display:block;background:#f2f2f2;overflow:hidden;padding:50px 0px;margin-bottom:-20px;}
|
||||
.obtain h1{display:block;text-align:center;border-bottom:solid 1px #dadada;}
|
||||
.obtain h1 a{display:inline-block;font-size:60px;color:#01a8ee;font-weight:bold;border-bottom:solid 8px #01a8ee;padding-left:10px;padding-right:10px;padding-bottom:20px;margin-bottom:-5px;}
|
||||
.obtain ul{display:block;width:680px;margin:0 auto;margin-top:50px;}
|
||||
.obtain ul li{display:block;background:#fff;overflow:hidden;width:100%;border:solid 1px #dadada;margin-top:-1px;}
|
||||
.obtain ul li em,.obtain ul li input[type="text"]{display:block;float:left;}
|
||||
.obtain ul li em{width:30%;font-size:28px;text-align:center;color:#555;height:60px;line-height:60px;border-right:solid 1px #dadada;}
|
||||
.obtain ul li input[type="text"]{width:65%;font-size:22px;color:#adadad;height:40px;line-height:40px;padding:10px 0px;padding-left:31px;}
|
||||
|
||||
.obtain ul li.but{background:#01a8ee;border-radius:3px;height:58px;margin-top:20px;border:none;}
|
||||
.obtain ul li.but input[type="button"]{display:block;background:none;text-align:center;width:100%;line-height:58px;font-size:28px;color:#fff;cursor:pointer;}
|
||||
@media screen and (max-width:1366px){
|
||||
.grogshopbox .grogshop_develop h1, .grogshopbox .zoology h1,.grogshopbox .thought h1 b,.grogshopbox .thought h1,.grogshopbox .system h1, .grogshopbox .system h2, .grogshopbox .operate h1, .grogshopbox .functional h1{font-size:28px;}
|
||||
.grogshopbox .grogshop_develop{margin:30px 0;}
|
||||
.grogshopbox .functional ul,.grogshopbox .grogshop_develop .figure1,.grogshopbox .zoology .zoology_text,.grogshopbox .thought figure,.grogshopbox .system figure,.grogshopbox .operate ul,.grogshopbox .resource figure{width:960px;}
|
||||
.grogshopbox .grogshop_develop .figure1{margin-top:40px;}
|
||||
.grogshopbox .zoology .zoology_text dl dd{font-size:18px;line-height:28px;}
|
||||
.grogshopbox .operate ul{height:460px;}
|
||||
.grogshopbox .operate ul li h3, .grogshopbox .functional ul li h3{font-size:18px;margin-top:10px;}
|
||||
.grogshopbox .operate ul li span, .grogshopbox .functional ul li span{font-size:14px;margin-top:10px;line-height:24px;}
|
||||
.grogshopbox .zoology .zoology_text{height:340px;}
|
||||
.grogshopbox .zoology h1{padding-top:40px;}
|
||||
.grogshopbox .zoology .zoology_text dl dt em{font-size:24px;}
|
||||
.grogshopbox .zoology .zoology_text dl dt img{width:50px;}
|
||||
.grogshopbox .functional ul{height:480px;}
|
||||
.grogshopbox .zoology .zoology_text dl dt{margin-bottom:20px;}
|
||||
.grogshopbox .thought h1{line-height:40px;margin-top:30px;}
|
||||
.grogshopbox .resource h1{font-size:22px;}
|
||||
|
||||
|
||||
.obtain ul li input[type="text"]{width:62%;}
|
||||
.choose em{font-size:20px;}
|
||||
.choose ul li{background-size:100% 100%;width:213px;height:183px;}
|
||||
.choose ul li h2{font-size:24px;margin-top:58px;}
|
||||
.choose ul .y1{left:370px;}
|
||||
.choose ul .y2{left:25px;top:128px;}
|
||||
.choose ul .y3{left:198px;top:30px;}
|
||||
.choose ul .y4{left:198px;top:226px;}
|
||||
.choose ul .y5{right:204px;top:30px;}
|
||||
.choose ul .y6{right:204px;top:226px;}
|
||||
.choose ul .y7{right:30px;top:128px;}
|
||||
.choose ul li h3{font-size:22px;margin-top:30px;}
|
||||
.choose ul li p{font-size:14px;line-height:20px;}
|
||||
.choose ul{width:960px;height:480px;margin-top:60px;}
|
||||
.obtain h1 a{font-size:48px;margin-bottom:-4px;padding-bottom:10px;border-bottom:solid 6px #01a8ee;}
|
||||
.obtain ul{width:560px;}
|
||||
.obtain ul li em{font-size:22px;height:48px;line-height:48px;}
|
||||
.obtain ul li input[type="text"]{height:28px;line-height:28px;font-size:16px;padding-left:41px;}
|
||||
.obtain ul li.but{height:48px;}
|
||||
.obtain ul li.but input[type="button"]{line-height:48px;font-size:22px;}
|
||||
}
|
||||
+185
@@ -0,0 +1,185 @@
|
||||
/**
|
||||
* fullPage 2.4.6
|
||||
* https://github.com/alvarotrigo/fullPage.js
|
||||
* MIT licensed
|
||||
*
|
||||
* Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
|
||||
*/
|
||||
html, body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow:hidden;
|
||||
|
||||
/*Avoid flicker on slides transitions for mobile phones #336 */
|
||||
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
||||
}
|
||||
#superContainer {
|
||||
height: 100%;
|
||||
position: relative;
|
||||
|
||||
/* Touch detection for Windows 8 */
|
||||
-ms-touch-action: none;
|
||||
|
||||
/* IE 11 on Windows Phone 8.1*/
|
||||
touch-action: none;
|
||||
}
|
||||
.fp-section {
|
||||
position: relative;
|
||||
-webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
|
||||
-moz-box-sizing: border-box; /* <=28 */
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.fp-slide {
|
||||
float: left;
|
||||
}
|
||||
.fp-slide, .fp-slidesContainer {
|
||||
height: 100%;
|
||||
display: block;
|
||||
}
|
||||
.fp-slides {
|
||||
z-index:1;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
-webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
|
||||
transition: all 0.3s ease-out;
|
||||
}
|
||||
.fp-section.fp-table, .fp-slide.fp-table {
|
||||
display: table;
|
||||
table-layout:fixed;
|
||||
width: 100%;
|
||||
}
|
||||
.fp-tableCell {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.fp-slidesContainer {
|
||||
float: left;
|
||||
position: relative;
|
||||
}
|
||||
.fp-controlArrow {
|
||||
position: absolute;
|
||||
z-index: 4;
|
||||
top: 50%;
|
||||
cursor: pointer;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-style: solid;
|
||||
margin-top: -38px;
|
||||
}
|
||||
.fp-controlArrow.fp-prev {
|
||||
left: 15px;
|
||||
width: 0;
|
||||
border-width: 38.5px 34px 38.5px 0;
|
||||
border-color: transparent #fff transparent transparent;
|
||||
}
|
||||
.fp-controlArrow.fp-next {
|
||||
right: 15px;
|
||||
border-width: 38.5px 0 38.5px 34px;
|
||||
border-color: transparent transparent transparent #fff;
|
||||
}
|
||||
.fp-scrollable {
|
||||
overflow: scroll;
|
||||
|
||||
}
|
||||
.fp-notransition {
|
||||
-webkit-transition: none !important;
|
||||
transition: none !important;
|
||||
}
|
||||
#fp-nav {
|
||||
position: fixed;
|
||||
z-index: 100;
|
||||
margin-top: -32px;
|
||||
top: 50%;
|
||||
opacity: 1;
|
||||
}
|
||||
#fp-nav.right {
|
||||
right: 17px;
|
||||
}
|
||||
#fp-nav.left {
|
||||
left: 17px;
|
||||
}
|
||||
.fp-slidesNav{
|
||||
position: absolute;
|
||||
z-index: 4;
|
||||
left: 50%;
|
||||
opacity: 1;
|
||||
}
|
||||
.fp-slidesNav.bottom {
|
||||
bottom: 17px;
|
||||
}
|
||||
.fp-slidesNav.top {
|
||||
top: 17px;
|
||||
}
|
||||
#fp-nav ul,
|
||||
.fp-slidesNav ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
#fp-nav ul li,
|
||||
.fp-slidesNav ul li {
|
||||
display: block;
|
||||
width: 14px;
|
||||
height: 13px;
|
||||
margin: 7px;
|
||||
position:relative;
|
||||
}
|
||||
.fp-slidesNav ul li {
|
||||
display: inline-block;
|
||||
}
|
||||
#fp-nav ul li a,
|
||||
.fp-slidesNav ul li a {
|
||||
display: block;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
}
|
||||
#fp-nav ul li a.active span,
|
||||
.fp-slidesNav ul li a.active span {
|
||||
background: #333;
|
||||
}
|
||||
#fp-nav ul li a span,
|
||||
.fp-slidesNav ul li a span {
|
||||
top: 2px;
|
||||
left: 2px;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border: 1px solid #000;
|
||||
background: rgba(0, 0, 0, 0);
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
}
|
||||
#fp-nav ul li .fp-tooltip {
|
||||
position: absolute;
|
||||
top: -2px;
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
font-family: arial, helvetica, sans-serif;
|
||||
white-space: nowrap;
|
||||
max-width: 220px;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
opacity: 0;
|
||||
width: 0;
|
||||
}
|
||||
#fp-nav ul li:hover .fp-tooltip {
|
||||
-webkit-transition: opacity 0.2s ease-in;
|
||||
transition: opacity 0.2s ease-in;
|
||||
width: auto;
|
||||
opacity: 1;
|
||||
}
|
||||
#fp-nav ul li .fp-tooltip.right {
|
||||
right: 20px;
|
||||
}
|
||||
#fp-nav ul li .fp-tooltip.left {
|
||||
left: 20px;
|
||||
}
|
||||
@media screen and (max-width:1366px){
|
||||
#fp-nav{top:62%;}
|
||||
}
|
||||
Executable
+317
@@ -0,0 +1,317 @@
|
||||
@charset "utf-8";
|
||||
/* 8.0版本 */
|
||||
|
||||
.tw{display:block;width:1200px;margin:0 auto;overflow:hidden;}
|
||||
.tw .picture img{display:block;margin:0 auto;}
|
||||
/*左字有图*/
|
||||
.s1 .character,.s4 .character,.s9 .character,.s13 .character{float:left;width:50%;text-align:left;margin-top:380px;transition:0.8s;opacity:0;transition-delay:0.8s;opacity:0;}
|
||||
.s1.active .character,.s4.active .character,.s9.active .character,.s13.active .character{-webkit-animation:s8right 0.8s 1s forwards; animation:s8right 0.8s 1s forwards;}
|
||||
.s9 .character{margin-top:360px;}
|
||||
.s13 .character{margin-top:360px;}
|
||||
|
||||
.s1 .character h1,.s9 .character h1,.s13 .character h1{font-size:3.4rem;color:#fff;font-weight:bold;}
|
||||
.s9 .character h1{background:url(../../resource/images/single/keyboard/keyboardicon5.png) no-repeat;padding-left:80px;width:80%;margin-top:10px;height:60px;}
|
||||
.s13 .character h1{background:url(../../resource/images/single/keyboard/keyboardicon10.png) no-repeat;padding-left:80px;width:100%;margin-top:10px;height:60px;}
|
||||
.s1 .character p,.s4 .character p,.s9 .character p,.s13 .character p{font-size:2rem;color:#fff;margin-top:30px;line-height:3.2rem;}
|
||||
.s4 .character p b{font-size:2.4rem;color:#fff;}
|
||||
.s1 .picture,.s4 .picture,.s9 .picture,.s13 .picture{float:right;width:48%;text-align:right;margin-top:240px;transition:0.8s;opacity:0;transition-delay:0.8s;opacity:0;}
|
||||
.s1.active .picture,.s4.active .picture,.s9.active .picture,.s13.active .picture{-webkit-animation:s8left 0.8s 1s forwards; animation:s8left 0.8s 1s forwards;}
|
||||
.s13 .picture{margin-top:240px;}
|
||||
.s4 .picture{margin-top:200px;}
|
||||
.s4 .character{margin-top:320px;}
|
||||
.s9 .picture{margin-top:280px;}
|
||||
.s1 .picture img{display:block;margin:0 auto;}
|
||||
.s1 .character{margin-top:340px;}
|
||||
.s1 .picture{margin-top:190px;}
|
||||
@-webkit-keyframes s8right{
|
||||
0%{opacity:0;-webkit-transform:translateX(100px);}
|
||||
100%{opacity:1;-webkit-transform:translateX(0);}
|
||||
}
|
||||
@-moz-keyframes s8right{
|
||||
0%{opacity:0;-moz-transform:translateX(100px);}
|
||||
100%{opacity:1;-moz-transform:translateX(0);}
|
||||
}
|
||||
@-ms-keyframes s8right{
|
||||
0%{opacity:0;-ms-transform:translateX(100px);}
|
||||
100%{opacity:1;-ms-transform:translateX(0);}
|
||||
}
|
||||
@keyframes s8right{
|
||||
0%{opacity:0;transform:translateX(100px);}
|
||||
100%{opacity:1;transform:translateX(0);}
|
||||
}
|
||||
/**/
|
||||
@-webkit-keyframes s8left{
|
||||
0%{opacity:0;-webkit-transform:translateX(-100px);}
|
||||
100%{opacity:1;-webkit-transform:translateX(0);}
|
||||
}
|
||||
@-moz-keyframes s8left{
|
||||
0%{opacity:0;-moz-transform:translateX(-100px);}
|
||||
100%{opacity:1;-moz-transform:translateX(0);}
|
||||
}
|
||||
@-ms-keyframes s8left{
|
||||
0%{opacity:0;-ms-transform:translateX(-100px);}
|
||||
100%{opacity:1;-ms-transform:translateX(0);}
|
||||
}
|
||||
@keyframes s8left{
|
||||
0%{opacity:0;transform:translateX(-100px);}
|
||||
100%{opacity:1;transform:translateX(0);}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.s2 .picture,.s8 .picture,.s12 .picture,.s14 .picture{float:left;width:40%;margin-top:280px;transition:0.8s;opacity:0;transition-delay:0.8s;}
|
||||
.s2.active .picture,.s8.active .picture,.s12.active .picture,.s14.active .picture{-webkit-animation:bounceinT 0.8s 1s forwards; animation:bounceinT 0.8s 1s forwards;}
|
||||
@-webkit-keyframes bouncein{
|
||||
0%{opacity:0;-webkit-transform:scale(0.3);}
|
||||
50%{opacity:0.5;-webkit-transform:scale(1.05);}
|
||||
70%{opacity:0.8;-webkit-transform:scale(0.9);}
|
||||
100%{-webkit-transform:scale(1);opacity:1;}
|
||||
}
|
||||
@-moz-keyframes bouncein{
|
||||
0%{opacity:0;-moz-transform:scale(0.3);}
|
||||
50%{opacity:0.5;-moz-transform:scale(1.05);}
|
||||
70%{-moz-transform:scale(0.9);opacity:0.8;}
|
||||
100%{-moz-transform:scale(1);opacity:1;}
|
||||
}
|
||||
@-ms-keyframes bouncein{
|
||||
0%{opacity:0;-ms-transform:scale(0.3);}
|
||||
50%{opacity:0.5;-ms-transform:scale(1.05);}
|
||||
70%{-ms-transform:scale(0.9);opacity:0.8;}
|
||||
100%{-ms-transform:scale(1);opacity:1;}
|
||||
}
|
||||
@keyframes bouncein{
|
||||
0%{opacity:0;transform:scale(0.3);}
|
||||
50%{opacity:0.5;transform:scale(1.05);}
|
||||
70%{transform:scale(0.9);opacity:0.8;}
|
||||
100%{transform:scale(1);opacity:1;}
|
||||
}
|
||||
/* 弹入-从上 */
|
||||
@-webkit-keyframes bounceinT{
|
||||
0%{opacity:0;-webkit-transform:translateY(-100px);}
|
||||
60%{opacity:0.5;-webkit-transform:translateY(30px);}
|
||||
80%{-webkit-transform:translateY(-10px);opacity:0.8;}
|
||||
100%{-webkit-transform:translateY(0);opacity:1;}
|
||||
}
|
||||
@-moz-keyframes bounceinT{
|
||||
0%{opacity:0;-moz-transform:translateY(-100px);}
|
||||
60%{opacity:0.5;-moz-transform:translateY(30px);}
|
||||
80%{-moz-transform:translateY(-10px);opacity:0.8;}
|
||||
100%{-moz-transform:translateY(0);opacity:1;}
|
||||
}
|
||||
@-ms-keyframes bounceinT{
|
||||
0%{opacity:0;-ms-transform:translateY(-100px);}
|
||||
60%{opacity:0.5;-ms-transform:translateY(30px);}
|
||||
80%{-ms-transform:translateY(-10px);opacity:0.8;}
|
||||
100%{-ms-transform:translateY(0);opacity:1;}
|
||||
}
|
||||
@keyframes bounceinT{
|
||||
0%{opacity:0;transform:translateY(-100px);}
|
||||
60%{opacity:0.5;transform:translateY(30px);}
|
||||
80%{transform:translateY(-10px);opacity:0.8;}
|
||||
100%{transform:translateY(0);opacity:1;}
|
||||
}
|
||||
|
||||
|
||||
.s8 .picture{margin-top:300px;}
|
||||
.s2 .character,.s8 .character,.s12 .character,.s14 .character{float:right;width:54%;margin-top:280px;transition:0.8s;opacity:0;transition-delay:0.8s;}
|
||||
.s2.active .character,.s8.active .character,.s12.active .character,.s14.active .character{-webkit-animation:bouncein 0.8s 1s forwards; animation:bouncein 0.8s 1s forwards;}
|
||||
.s8 .character{width:46%;margin-top:360px;}
|
||||
.s2 .character h1,.s8 .character h1,.s12 .character h1,.s14 .character h1{font-size:3.2rem;color:#fff;font-weight:bold;}
|
||||
.s8 .character h1,.s12 .character h1{background:url(../../resource/images/single/keyboard/keyboardicon4.png) no-repeat;padding-left:80px;width:80%;margin-top:10px;height:60px;}
|
||||
.s12 .character h1{background:url(../../resource/images/single/keyboard/keyboardicon9.png) no-repeat;}
|
||||
.s14 .character h1{background:url(../../resource/images/single/keyboard/keyboardicon11.png) no-repeat;padding-left:80px;width:80%;margin-top:10px;height:60px;}
|
||||
.s12 .character h1{width:100%;}
|
||||
.s14 .picture{margin-top:280px;}
|
||||
.s14 .character{width:48%;margin-top:360px;}
|
||||
.s12 .character{margin-top:360px;}
|
||||
.s12 .picture{margin-top:360px;}
|
||||
.s12 .picture img{width:500px;}
|
||||
.s2 .character p,.s8 .character p,.s12 .character p,.s14 .character p{font-size:2rem;color:#fff;margin-top:30px;line-height:3.2rem;}
|
||||
.s2 .character h2{font-size:2.6rem;color:#fff;font-weight:bold;margin-top:30px;}
|
||||
.s2 .character{margin-top:240px;}
|
||||
.s2 .picture{margin-top:260px;}
|
||||
|
||||
.s3 .picture{width:80%;margin:0 auto;margin-top:200px;opacity:0;transition-delay:1s;transition:1s;transform:translateY(-1400px);-webkit-transform:translateY(-1400px)}
|
||||
.s3.active .picture{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}
|
||||
.s3 .character{margin-top:40px;opacity:0;transition-delay:1s;transition:1s;transform:translateY(1000px);-webkit-transform:translateY(1000px);}
|
||||
.s3.active .character{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}
|
||||
.s3 .character h1,.s5 .character h1{font-size:3.4rem;color:#fff;text-align:center;margin-bottom:30px;font-weight:bold;}
|
||||
.s5 .character h1{margin-top:120px;margin-bottom:0;}
|
||||
.s5 .picture,.s6 .picture,.s7 .picture,.s10 .picture,.s11 .picture,.s15 .picture{margin:0 auto;opacity:0;transition-delay:1s;transition:1s;transform:translateY(1000px);-webkit-transform:translateY(1000px);}
|
||||
.s5.active .picture,.s6.active .picture,.s7.active .picture,.s10.active .picture,.s11.active .picture,.s15.active .picture{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}
|
||||
.s5 .character,.s6 .character,.s7 .character,.s10 .character,.s11 .character,.s15 .character{opacity:0;transition-delay:1s;transition:1s;transform:translateY(-1400px);-webkit-transform:translateY(-1400px)}
|
||||
.s5.active .character,.s6.active .character,.s7.active .character,.s10.active .character,.s11.active .character,.s15.active .character{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}
|
||||
|
||||
.s11 .character{margin-top:160px;}
|
||||
.s6 .character{margin-top:100px;}
|
||||
.s10 .character span{transition:1s; transition-delay:0.8s;opacity:0;}
|
||||
.s6 .character span{background:url(../../resource/images/single/keyboard/keyboardicon.png) no-repeat;display:block;width:300px;margin:0 auto;height:90px;transition:1s; transition-delay:0.8s;opacity:0;}
|
||||
.s6.active .character span,.s10.active .character span{-webkit-animation:shake 0.8s 1s forwards; animation:shake 0.8s 1s forwards;opacity:1;}
|
||||
@-webkit-keyframes shake{
|
||||
0%,100%{-webkit-transform:translateX(0);}
|
||||
10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);}
|
||||
20%,40%,60%,80%{-webkit-transform:translateX(10px);}
|
||||
}
|
||||
@-moz-keyframes shake{
|
||||
0%,100%{-moz-transform:translateX(0);}
|
||||
10%,30%,50%,70%,90%{-moz-transform:translateX(-10px);}
|
||||
20%,40%,60%,80%{-moz-transform:translateX(10px);}
|
||||
}
|
||||
@-ms-keyframes shake{
|
||||
0%,100%{-ms-transform:translateX(0);}
|
||||
10%,30%,50%,70%,90%{-ms-transform:translateX(-10px);}
|
||||
20%,40%,60%,80%{-ms-transform:translateX(10px);}
|
||||
}
|
||||
@keyframes shake{
|
||||
0%,100%{transform:translateX(0);}
|
||||
10%,30%,50%,70%,90%{transform:translateX(-10px);}
|
||||
20%,40%,60%,80%{transform:translateX(10px);}
|
||||
}
|
||||
.s6 .character h1,.s10 .character h1{font-size:3.2rem;color:#fff;font-weight:bold;background:url(../../resource/images/single/keyboard/keyboardicon2.png) no-repeat;padding-left:80px;margin:0 auto;width:30%;margin-top:10px;}
|
||||
.s10 .character h1{background:url(../../resource/images/single/keyboard/keyboardicon7.png) no-repeat;}
|
||||
.s6 .character p,.s7 .character p,.s10 .character p,.s11 .character p{font-size:2rem;color:#fff;margin-top:20px;text-align:center;}
|
||||
.s6 .picture{margin:0 auto;width:80%;margin-top:30px;}
|
||||
|
||||
.s7 .character{margin-top:160px;}
|
||||
.s7 .character h1,.s11 .character h1{font-size:3.2rem;color:#fff;font-weight:bold;background:url(../../resource/images/single/keyboard/keyboardicon3.png) no-repeat;padding-left:80px;margin:0 auto;width:40%;margin-top:10px;transition:1s; transition-delay:0.8s;opacity:0;}
|
||||
.s11 .character h1{background:url(../../resource/images/single/keyboard/keyboardicon8.png) no-repeat;}
|
||||
.s7.active .character h1,.s11.active .character h1{-webkit-animation:shake 0.8s 1s forwards; animation:shake 0.8s 1s forwards;opacity:1;}
|
||||
.s11 .character h1{width:50%;margin:0 auto;}
|
||||
.s7 .character p{margin-top:30px;}
|
||||
.s7 .picture{margin:0 auto;width:100%;margin-top:70px;}
|
||||
.s10 .character{margin-top:120px;}
|
||||
.s10 .character span{background:url(../../resource/images/single/keyboard/keyboardicon6.png) no-repeat;display:block;width:300px;margin:0 auto;height:90px;}
|
||||
.s10 .picture{margin-top:60px;}
|
||||
.s11 .character{margin-top:160px;}
|
||||
.s11 .character p{line-height:3.4rem;}
|
||||
.s11 .picture{margin-top:40px;}
|
||||
.s15 .character{margin-top:160px;}
|
||||
.s15 .character h1{font-size:3.2rem;color:#fff;font-weight:bold;text-align:center;margin-top:10px;}
|
||||
.s15 .picture{width:90%;margin:0 auto;margin-top:20px;}
|
||||
.s15 .picture img{width:1000px;}
|
||||
.s7 .character h1, .s11 .character h1{height:54px;line-height:54px;}
|
||||
|
||||
/* 最后一页 */
|
||||
.s16 .sixteen h1{display:block;font-size:80px;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);}
|
||||
.s16.active .sixteen h1{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}
|
||||
.section .sixteen h1{font-size:100px;color:#fff;text-align:center;margin-top:350px;opacity:0;transition-delay:1s;transition:1.2s;transform:translateY(-1000px);-webkit-transform:translateY(-1000px);}
|
||||
.s16.active h1{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}
|
||||
.s16 .sixteen p{display:block;text-align:center;font-size:40px;color:#fff;margin-top:40px;
|
||||
opacity:0;transition-delay:1s;transition:1.2s;transform:translateY(-1000px);-webkit-transform:translateY(-1000px);}
|
||||
.s16.active .sixteen p{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}
|
||||
.s16 .sixteen p{font-size:60px;color:#fff;font-weight:bold;text-align:center}
|
||||
.s6 .character h1, .s10 .character h1{height:54px;}
|
||||
|
||||
/*加入微三云*/
|
||||
.seventeenth h1{font-size:100px;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:110px;}
|
||||
.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 a.btn1:hover{border:2px solid #0d64f7;background:#0d64f7;}
|
||||
.jiameng a.btn2:hover{border:2px solid #0d64f7;background:#0d64f7;}
|
||||
.jiameng .btn1{background:#578fee;border:2px solid #3976dc;opacity:0;transition-delay:1s;transition:1.5s;transform:translateX(190px);-webkit-transform:translateX(190px);}
|
||||
.s16.active .jiameng .btn1{opacity:1;transform:translateX(0px);-webkit-transform:translateX(0px);}
|
||||
.jiameng .btn2{background:#578fee;border:2px solid #3976dc;opacity:0;transition-delay:1s;transition:1.5s;transform:translateX(-190px);-webkit-transform:translateX(-190px);}
|
||||
.s16.active .jiameng .btn2{opacity:1;transform:translateX(0px);-webkit-transform:translateX(0px);}
|
||||
|
||||
.scrolldown{display:block;width:32px;height:35px;background:url(../../resource/images/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 .picture{margin-top:140px;}
|
||||
.s1 .character{margin-top:240px;}
|
||||
.s1 .character h1, .s9 .character h1, .s13 .character h1,.s2 .character h1, .s8 .character h1, .s12 .character h1, .s14 .character h1,.s3 .character h1, .s5 .character h1,.s6 .character h1, .s10 .character h1,.s7 .character h1, .s11 .character h1,.s15 .character h1{font-size:2rem;}
|
||||
.s1 .character p, .s4 .character p, .s9 .character p, .s13 .character p,.s2 .character p, .s8 .character p, .s12 .character p, .s14 .character p,.s6 .character p, .s7 .character p, .s10 .character p, .s11 .character p{font-size:1.4rem;line-height:2.2rem;margin-top:20px;}
|
||||
.s2 .character h2,.s4 .character p b{font-size:1.8rem;margin-top:20px;}
|
||||
.s2 .picture{margin-top:200px;}
|
||||
.s4 .picture img{width:450px;}
|
||||
.s3 .character h1{margin-bottom:20px;}
|
||||
.s11 .character h1,.s6 .character h1, .s10 .character h1,.s7 .character h1, .s11 .character h1,.s8 .character h1, .s12 .character h1,.s9 .character h1,.s13 .character h1,.s14 .character h1{height:56px;background-size:10%;line-height:54px;padding-left:60px;}
|
||||
.s5 .character{margin-top:100px;}
|
||||
.s2 .character{margin-top:280px;}
|
||||
.s6 .character,.s7 .character h1,.s8 .character h1,.s9 .character h1,.s10 .character h1{height:36px;line-height:30px;padding-left:48px;}
|
||||
.s1 .picture img{width:320px;}
|
||||
.s2 .picture img,.s13 .picture img{width:400px;}
|
||||
.s5 .picture img{width:550px;}
|
||||
.s3 .picture img{width:800px;}
|
||||
.s6 .character span,.s10 .character span{background-size:80%;}
|
||||
.s12 .character h1{padding-left:70px;}
|
||||
.s7 .picture img{width:900px;}
|
||||
.s8 .picture img,.s9 .picture img{width:500px;}
|
||||
.s8 .picture,.s12 .picture{margin-top:280px;}
|
||||
.s6 .picture img{width:550px;}
|
||||
.s9 .picture{margin-top:240px;}
|
||||
.s6 .character h1, .s10 .character h1{margin-top:0;}
|
||||
.s7 .character{margin-top:120px;}
|
||||
.s8 .character{margin-top:330px;}
|
||||
.s9 .character{margin-top:340px;}
|
||||
.s13 .picture{margin-top:240px;}
|
||||
.s6 .character p, .s7 .character p, .s10 .character p, .s11 .character p{margin-top:10px;}
|
||||
.s10 .picture,.s11 .picture{margin-top:20px;}
|
||||
.s12 .character,.s14 .character{margin-top:320px;}
|
||||
.s13 .character{margin-top:340px;}
|
||||
.s14 .picture img{width:450px;}
|
||||
.s14 .picture{margin-top:240px;}
|
||||
.s10 .picture img,.s11 .picture img{width:800px;}
|
||||
.s11 .character{margin-top:150px;}
|
||||
.s15 .character{margin-top:150px;}
|
||||
.s15 .picture{margin-top:0;}
|
||||
.s15 .picture img{width:800px;}
|
||||
.s8 .picture, .s12 .picture{margin-top:240px;}
|
||||
|
||||
.jiameng{margin-left:-320px;}
|
||||
.section .seventeen h1{font-size:70px;}
|
||||
.jiameng a.w-scene-btn{width:260px;}
|
||||
.jiameng{margin-top:100px;}
|
||||
.section .sixteen h1{margin-top:200px;}
|
||||
}
|
||||
|
||||
@media screen and (max-width:1366px){
|
||||
.tw{width:960px;}
|
||||
.s1 .character p, .s4 .character p, .s9 .character p, .s13 .character p, .s2 .character p, .s8 .character p, .s12 .character p, .s14 .character p, .s6 .character p, .s7 .character p, .s10 .character p, .s11 .character p{font-size:1.4rem;line-height:2.4rem;margin-top:10px;}
|
||||
.s1 .character{margin-top:240px;}
|
||||
.s1 .picture{margin-top:140px;}
|
||||
.s3 .picture{margin-top:100px;}
|
||||
.s4 .character{margin-top:220px;}
|
||||
.s1 .picture img{width:260px;}
|
||||
.s4 .picture img{width:340px;}
|
||||
.s4 .picture{margin-top:180px;}
|
||||
.s5 .picture img,.s12 .picture img{width:420px;}
|
||||
|
||||
.s6 .character span, .s10 .character span{background-size:66%;height:60px;}
|
||||
.s11 .character h1, .s6 .character h1, .s10 .character h1, .s7 .character h1, .s11 .character h1, .s8 .character h1, .s12 .character h1, .s9 .character h1, .s13 .character h1, .s14 .character h1{line-height:28px;height:32px;}
|
||||
.s2 .picture img, .s13 .picture img{width:360px;}
|
||||
.s2 .picture{margin-top:160px;}
|
||||
.s2 .character{margin-top:180px;}
|
||||
.s6 .character{margin-top:100px;}
|
||||
.s6 .picture img{width:410px;}
|
||||
.s7 .picture img{width:700px;}
|
||||
.s8 .picture img, .s9 .picture img{width:380px;}
|
||||
.s8 .character{margin-top:300px;}
|
||||
.s10 .picture img, .s11 .picture img{width:640px;}
|
||||
.s11 .character h1{width:40%;}
|
||||
.s12 .character h1,.s13 .character h1{height:40px;line-height:40px;}
|
||||
.jiameng{margin-top:90px;}
|
||||
.s14 .picture img{width:380px;}
|
||||
.section .seventeen h1{font-size:60px;}
|
||||
.jiameng a.w-scene-btn{width:260px;}
|
||||
.section .sixteen h1{margin-top:100px;}
|
||||
.s6 .picture,.s11 .character{margin-top:100px;}
|
||||
.s7 .picture{margin-top:40px;}
|
||||
.s9 .picture,.s14 .picture{margin-top:180px;}
|
||||
.s12 .character, .s14 .character{margin-top:220px;}
|
||||
.s13 .character{margin-top:260px;}
|
||||
.s13 .picture{margin-top:160px;}
|
||||
.s9 .character{margin-top:280px;}
|
||||
.s15 .character{margin-top:100px;}
|
||||
.s15 .picture img{width:650px;}
|
||||
}
|
||||
Executable
+113
@@ -0,0 +1,113 @@
|
||||
@charset "utf-8";
|
||||
/* 微三云·经销商 */
|
||||
*{margin: 0;padding: 0;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;}
|
||||
img{max-width: 100%;border:none;}
|
||||
a{text-decoration: none;color: black;}
|
||||
body{font-size:50%;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;-webkit-text-size-adjust:none;}
|
||||
.clear{clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0;}
|
||||
ol,ul {list-style: none;}
|
||||
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
|
||||
input,textarea{outline:none;}
|
||||
em,i,cite{font-style:normal;}
|
||||
|
||||
|
||||
|
||||
.businebox{overflow:hidden;}
|
||||
.businebox .busine_banner{margin:0 auto;}
|
||||
.businebox .relaxation figure img,.businebox .busine_banner img,.businebox .busine_o2o figure img,.businebox .schema figure img,.businebox .establish figure img{display:block;margin:0 auto;}
|
||||
.businebox .busine_o2o{background:#fff;margin-bottom:80px;}
|
||||
.businebox .busine_o2o figure{width:1200px;margin:0 auto;margin-top:60px;}
|
||||
.businebox .busine_o2o h1,.businebox .malpractice h1,.businebox .schema h1{font-size:38px;color:#888;text-align:center;margin:40px 0;}
|
||||
.businebox .malpractice{background:#f7f7f7;padding-bottom:40px;}
|
||||
.businebox .malpractice h1{padding-top:50px;}
|
||||
.businebox .malpractice ul{width:1200px;margin:0 auto;overflow:hidden;}
|
||||
.businebox .malpractice ul li{width:24%;float:left;margin-left:100px;margin-top:40px;height:280px;}
|
||||
.businebox .malpractice ul li img{display:block;margin-top:16px;height:40px;}
|
||||
.businebox .malpractice ul li h3{font-size:26px;color:#333333;margin-top:20px;}
|
||||
.businebox .malpractice ul li span{font-size:20px;color:#888888;margin-top:20px;display:block;line-height:32px;}
|
||||
.businebox .schema,.businebox .service{background:#fff;}
|
||||
.businebox .schema figure,.businebox .establish figure{width:1200px;margin:0 auto;margin-bottom:60px;}
|
||||
.businebox .establish h1,.businebox .establish h2,.businebox .service h1,.businebox .service h2,.businebox .element h1{font-size:38px;color:#888;text-align:center;}
|
||||
.businebox .establish h1{padding-top:50px;color:#333333}
|
||||
.businebox .establish,.businebox .element{background:#f7f7f7;}
|
||||
.businebox .establish h2,.businebox .service h2{margin-top:12px;}
|
||||
.businebox .establish figure{margin-top:80px;}
|
||||
.businebox .service{margin-bottom:80px;}
|
||||
.businebox .service h1{color:#333333}
|
||||
.businebox .service ul{width:1200px;margin:0 auto;margin-top:60px;height:600px;}
|
||||
.businebox .service ul li{width:30%;background:#ffe2e3;float:left;overflow:hidden;height:270px;padding:20px;}
|
||||
.businebox .service ul .li1{background:#ff636b;}
|
||||
.businebox .service ul .li2{background:#ffc456;}
|
||||
.businebox .service ul .li3{background:#00c2a5;}
|
||||
.businebox .service ul .li4{background:#5da2fa;}
|
||||
.businebox .service ul .li5{background:#cfaf77;}
|
||||
.businebox .service ul .li6{background:#f56db9;}
|
||||
.businebox .service ul li h3{font-size:30px;color:#fff;text-align:center;margin-top:20px;}
|
||||
.businebox .service ul li span{font-size:20px;color:#fff;text-align:center;margin-top:20px;display:block;margin-top:20px;line-height:36px;}
|
||||
.businebox .element h1{padding-top:40px}
|
||||
.businebox .element ul{width:1200px;margin:0 auto;height:600px;}
|
||||
.businebox .element ul li{width:22%;float:left;margin-top:40px;margin-left:30px;}
|
||||
.businebox .element ul li img{display:block;margin:0 auto;margin-top:14px;}
|
||||
.businebox .element ul li h3{font-size:24px;color:#333333;text-align:center;margin-top:10px;}
|
||||
.businebox .element ul li span{font-size:20px;color:#888888;text-align:center;margin-top:10px;display:block;line-height:32px;}
|
||||
.businebox .relaxation{background:#fff;padding:80px 0px;}
|
||||
.businebox .relaxation p{font-size:40px;color:#888888;text-align:center;margin-top:16px;}
|
||||
.businebox .relaxation figure{width:1200px;margin:0 auto;margin-bottom:60px;margin-top:40px;}
|
||||
|
||||
|
||||
.obtain{display:block;background:#f2f2f2;overflow:hidden;padding:50px 0px;margin-bottom:-20px;}
|
||||
.obtain h1{display:block;text-align:center;border-bottom:solid 1px #dadada;}
|
||||
.obtain h1 a{display:inline-block;font-size:60px;color:#01a8ee;font-weight:bold;border-bottom:solid 8px #01a8ee;padding-left:10px;padding-right:10px;padding-bottom:20px;margin-bottom:-5px;}
|
||||
.obtain ul{display:block;width:680px;margin:0 auto;margin-top:50px;}
|
||||
.obtain ul li{display:block;background:#fff;overflow:hidden;width:100%;border:solid 1px #dadada;margin-top:-1px;}
|
||||
.obtain ul li em,.obtain ul li input[type="text"]{display:block;float:left;}
|
||||
.obtain ul li em{width:30%;font-size:28px;text-align:center;color:#555;height:60px;line-height:60px;border-right:solid 1px #dadada;}
|
||||
.obtain ul li input[type="text"]{width:65%;font-size:22px;color:#adadad;height:40px;line-height:40px;padding:10px 0px;padding-left:31px;}
|
||||
.obtain ul li.but{background:#01a8ee;border-radius:3px;height:58px;margin-top:20px;border:none;}
|
||||
.obtain ul li.but input[type="button"]{display:block;background:none;text-align:center;width:100%;line-height:58px;font-size:28px;color:#fff;cursor:pointer;}
|
||||
@media screen and (max-width:1366px){
|
||||
.businebox .relaxation figure,.businebox .element ul,.businebox .busine_o2o figure,.businebox .malpractice ul,.businebox .schema figure, .businebox .establish figure,.businebox .service ul{width:960px;}
|
||||
.businebox .busine_o2o h1, .businebox .malpractice h1, .businebox .schema h1{font-size:24px;margin:20px 0;}
|
||||
.businebox .malpractice ul li{width:280px;margin-left:30px;height:220px;}
|
||||
.businebox .schema figure, .businebox .establish figure{margin-bottom:40px;}
|
||||
.businebox .malpractice ul li h3{font-size:18px;margin-top:20px;}
|
||||
.businebox .malpractice ul li span{font-size:15px;margin-top:10px;line-height:26px;}
|
||||
.businebox .schema h1{margin-top:40px;}
|
||||
.businebox .establish h1, .businebox .establish h2, .businebox .service h1, .businebox .service h2, .businebox .element h1{font-size:24px;}
|
||||
.businebox .service ul li{width:28%;height:220px;}
|
||||
.businebox .service ul li h3{font-size:22px;}
|
||||
.businebox .service ul li span{font-size:15px;}
|
||||
.businebox .service ul{height:500px;}
|
||||
.businebox .element ul li{width:21%;}
|
||||
.businebox .element ul li img{width:80px;}
|
||||
.businebox .element ul li h3{font-size:18px;margin-top:16px;}
|
||||
.businebox .element ul li span{font-size:15px;}
|
||||
.businebox .element ul{height:540px;}
|
||||
.businebox .relaxation p{font-size:28px;}
|
||||
.businebox .relaxation{padding-top:50px;}
|
||||
.businebox .relaxation figure{margin-bottom:40px;margin-top:30px;}
|
||||
|
||||
|
||||
|
||||
|
||||
.obtain ul li input[type="text"]{width:62%;}
|
||||
.choose em{font-size:20px;}
|
||||
.choose ul li{background-size:100% 100%;width:213px;height:183px;}
|
||||
.choose ul li h2{font-size:24px;margin-top:58px;}
|
||||
.choose ul .y1{left:370px;}
|
||||
.choose ul .y2{left:25px;top:128px;}
|
||||
.choose ul .y3{left:198px;top:30px;}
|
||||
.choose ul .y4{left:198px;top:226px;}
|
||||
.choose ul .y5{right:204px;top:30px;}
|
||||
.choose ul .y6{right:204px;top:226px;}
|
||||
.choose ul .y7{right:30px;top:128px;}
|
||||
.choose ul li h3{font-size:22px;margin-top:30px;}
|
||||
.choose ul li p{font-size:14px;line-height:20px;}
|
||||
.choose ul{width:960px;height:480px;margin-top:60px;}
|
||||
.obtain h1 a{font-size:48px;margin-bottom:-4px;padding-bottom:10px;border-bottom:solid 6px #01a8ee;}
|
||||
.obtain ul{width:560px;}
|
||||
.obtain ul li em{font-size:22px;height:48px;line-height:48px;}
|
||||
.obtain ul li input[type="text"]{height:28px;line-height:28px;font-size:16px;padding-left:41px;}
|
||||
.obtain ul li.but{height:48px;}
|
||||
.obtain ul li.but input[type="button"]{line-height:48px;font-size:22px;}
|
||||
}
|
||||
Executable
+223
@@ -0,0 +1,223 @@
|
||||
@charset "utf-8";
|
||||
/* 8.0版本 */
|
||||
|
||||
.tw{display:block;width:1200px;margin:0 auto;overflow:hidden;}
|
||||
.tw .picture img{display:block;margin:0 auto;}
|
||||
/*左字有图*/
|
||||
.s1 .character,.s3 .character,.s5 .character,.s7 .character,.s9 .character,.s11 .character,.s13 .character,.s15 .character,.s17 .character,.s19 .character{float:left;width:50%;}
|
||||
.s9 .character,.s11 .character{width:40%;}
|
||||
.s1 .character h1,.s3 .character h1,.s7 .character h1,.s9 .character h1,.s11 .character h1,.s13 .character h1,.s15 .character h1,.s17 .character h1,.s19 .character h1{font-size:34px;color:#fff;font-weight:bold;}
|
||||
.s1 .character h1 b{font-size:32px;color:#fa6c68;font-weight:bold;}
|
||||
.s11 .character h1 b{font-size:34px;color:#3497ff;font-weight:bold;}
|
||||
.s1 .character p,.s3 .character p,.s5 .character p,.s7 .character p,.s9 .character p,.s11 .character p,.s13 .character p,.s15 .character p,.s17 .character p,.s19 .character p{font-size:24px;color:#fff;line-height:40px;}
|
||||
.s7 .character p,s7 .character h1{margin-top:20px;}
|
||||
.s1 .pictur,.s3 .picture,.s5 .picture,.s7 .picture,.s9 .picture,.s11 .picture,.s13 .picture,.s15 .picture,.s17 .picture,.s19 .picture{float:right;width:48%;}
|
||||
.s9 .picture,.s11 .picture{width:640px;}
|
||||
.s1 .picture{margin-top:240px;}
|
||||
.s7 span{background:url(../../resource/images/single/below/belowicon.png) no-repeat center}
|
||||
.s7 span,.s12 span,.s17 span{width:300px;height:90px;text-align:center;line-height:84px;font-size:40px;color:#26cad0;margin:0 auto;margin-top:140px;display:block; letter-spacing:12px;font-weight:bold;}
|
||||
.s12 span{background:url(../../resource/images/single/below/belowicon2.png) no-repeat center;margin-top:130px;color:#50c0d8;}
|
||||
.s7 span,.s12 span,.s17 span{opacity:0;transition-delay:1s;transition:1s;transform:translateY(-1000px);-webkit-transform:translateY(-1000px)}
|
||||
.s7.active span,.s12.active span,.s17.active span{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}
|
||||
.s17 span{background:url(../../resource/images/single/below/belowicon3.png) no-repeat center;margin-top:120px;color:#34c87e;}
|
||||
.s3 .picture{margin-top:290px;}
|
||||
.s7 .picture{margin-top:20px;}
|
||||
.s7 .character{margin-top:240px;}
|
||||
.s5 .picture{margin-top:240px;}
|
||||
.s3 .character h1{color:#e39f40;margin-bottom:20px;}
|
||||
.s3 .character h1 b{font-size:34px;color:#e39f40;font-weight:bold;}
|
||||
.s3 .character .h1{color:#fff;margin-top:20px;}
|
||||
.s1 .character{margin-top:280px;}
|
||||
.s3 .character{margin-top:320px;}
|
||||
.s5 .character{margin-top:420px;}
|
||||
.s5 .character p{margin-top:20px;}
|
||||
.s5 .character p b{font-size:24px;color:#f3da30;}
|
||||
.s3 .character b{font-size:24px;color:#e39f40;font-weight:normal;}
|
||||
.s1 .character h1{margin-top:20px;margin-bottom:20px;}
|
||||
.s7 .picture img{width:460px;}
|
||||
.s9 .character{margin-top:380px;}
|
||||
.s9 .character h1,.s11 .character h1,.s13 .character h1,.s15 .character h1,.s17 .character h1,.s19 .character h1{margin-bottom:20px;}
|
||||
.s9 .picture{margin-top:180px;}
|
||||
.s11 .character{margin-top:420px;}
|
||||
.s11 .picture{margin-top:280px;}
|
||||
.s13 .character{margin-top:400px;}
|
||||
.s13 .picture{margin-top:220px;}
|
||||
.s15 .character{margin-top:420px;}
|
||||
.s15 .picture{margin-top:360px;}
|
||||
.s17 .character{margin-top:280px;}
|
||||
.s17 .picture{margin-top:120px;}
|
||||
.s19 .character{margin-top:460px;}
|
||||
.s19 .picture{margin-top:300px;}
|
||||
|
||||
.s1 .character:nth-child(1),.s3 .character:nth-child(1),.s5 .character:nth-child(1),.s7 .character:nth-child(1),.s9 .character:nth-child(1),.s11 .character:nth-child(1),.s13 .character:nth-child(1),.s15 .character:nth-child(1),.s17 .character:nth-child(1),.s19 .character:nth-child(1){-webkit-transform:translate(0px,-1000px); transform:translate(0px,-1000px); opacity:0;}
|
||||
.s1.active .character:nth-child(1),.s3.active .character:nth-child(1),.s5.active .character:nth-child(1),.s7.active .character:nth-child(1),.s9.active .character:nth-child(1),.s11.active .character:nth-child(1),.s13.active .character:nth-child(1),.s15.active .character:nth-child(1),.s17.active .character:nth-child(1),.s19.active .character:nth-child(1){ -webkit-animation:move1 2s 0.8s forwards; animation:move1 2s 0.8s forwards; opacity:1;}
|
||||
.s1 .picture:nth-child(2),.s3 .picture:nth-child(2),.s5 .picture:nth-child(2),.s7 .picture:nth-child(2),.s9 .picture:nth-child(2),.s11 .picture:nth-child(2),.s13 .picture:nth-child(2),.s15 .picture:nth-child(2),.s17 .picture:nth-child(2),.s19 .picture:nth-child(2){-webkit-transform:translate(330px,-1000px); transform:translate(330px,-1000px); opacity:0;}
|
||||
.s1.active .picture:nth-child(2),.s3.active .picture:nth-child(2),.s19.active .picture:nth-child(2),.s5.active .picture:nth-child(2),.s7.active .picture:nth-child(2),.s17.active .picture:nth-child(2),.s9.active .picture:nth-child(2),.s11.active .picture:nth-child(2),.s13.active .picture:nth-child(2),.s15.active .picture:nth-child(2),.s17.active .character:nth-child(2),.s19.active .character:nth-child(2){ -webkit-animation:move2 2s 0.8s forwards; animation:move2 2s 0.8s forwards; opacity:1;}
|
||||
@-webkit-keyframes move1{
|
||||
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 move1{
|
||||
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)}
|
||||
}
|
||||
|
||||
|
||||
/*左图有字*/
|
||||
.s2 .picture,.s4 .picture,.s8 .picture,.s10 .picture,.s14 .picture,.s16 .picture,.s18 .picture,.s20 .picture{float:left;width:48%;}
|
||||
.s2 .character,.s4 .character,.s8 .character,.s10 .character,.s14 .character,.s16 .character,.s18 .character,.s20 .character{float:right;width:50%;}
|
||||
.s2 .character h1,.s4 .character h1,.s8 .character h1,.s10 .character h1,.s14 .character h1,.s16 .character h1,.s18 .character h1,.s20 .character h1{font-size:36px;color:#fff;font-weight:bold;}
|
||||
.s2 .character h1 b{font-size:32px;color:#fa6c68;font-weight:bold;}
|
||||
.s10 .character h1 b{font-size:34px;color:#ff3633;font-weight:bold;}
|
||||
.s2 .character p,.s4 .character p,.s8 .character p,.s10 .character p,.s14 .character p,.s16 .character p,.s18 .character p{font-size:24px;color:#fff;line-height:40px;}
|
||||
.s2 .character p{margin-top:20px;}
|
||||
.s2 .character p b{font-size:24px;font-weight:bold;color:#fff;}
|
||||
.s2 .picture{margin-top:230px;}
|
||||
.s4 .picture{margin-top:180px}
|
||||
.s8 .picture{margin-top:260px}
|
||||
.s2 .character{margin-top:340px;}
|
||||
.s4 .character{margin-top:420px;}
|
||||
.s8 .character{width:40%;}
|
||||
.s4 .character h1,.s4 .character p{text-align:center;margin-top:20px;}
|
||||
.s8 .character{margin-top:400px;}
|
||||
.s8 .character h1,.s10 .character h1,.s14 .character h1,.s16 .character h1,.s18 .character h1{margin-bottom:20px;}
|
||||
.s20 .character h1{text-align:center;margin-top:10px;}
|
||||
.s10 .character{margin-top:440px;width:42%;}
|
||||
.s10 .picture{margin-top:280px;}
|
||||
.s14 .character{margin-top:400px;}
|
||||
.s14 .picture{margin-top:260px;}
|
||||
.s16 .character{margin-top:400px;}
|
||||
.s16 .picture{margin-top:260px;}
|
||||
.s18 .character{margin-top:400px;}
|
||||
.s18 .picture{margin-top:300px;}
|
||||
.s20 .character{margin-top:400px;}
|
||||
.s20 .picture{margin-top:200px;}
|
||||
|
||||
.s2 .picture,.s4 .picture,.s8 .picture,.s10 .picture,.s14 .picture,.s16 .picture,.s18 .picture,.s17 .picture,.s20 .picture,.s2 .character,.s4 .character,.s8 .character,.s10 .character,.s14 .character,.s16 .character,.s18 .character,.s20 .character,.s7 .character,.s7 .picture,.s17 .character{-webkit-transform:translate(0px,-1000px); transform:translate(0px,-1000px);opacity:0;}
|
||||
.s2.active .picture,.s4.active .picture,.s8.active .picture,.s10.active .picture,.s17.active .picture,.s14.active .picture,.s16.active .picture,.s18.active .picture,.s20.active .picture,.s2.active .character,.s4.active .character,.s8.active .character,.s10.active .character,.s14.active .character,.s16.active .character,.s18.active .character,.s20.active .character,.s7.active .character,.s7.active .picture,.s17.active .character{-webkit-animation:move1 2s 0.8s forwards; animation:move1 2s 0.8s forwards;opacity:1;}
|
||||
.s6 .character{margin-top:130px;opacity:0;transition-delay:1s;transition:1s;transform:translateY(-1000px);-webkit-transform:translateY(-1000px)}
|
||||
.s6.active .character{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}
|
||||
.s6 .character h1{font-size:36px;color:#fff;font-weight:bold;text-align:center;}
|
||||
.s6 .picture{margin-top:10px;opacity:0;transition-delay:1s;transition:1s;transform:translateY(1000px);-webkit-transform:translateY(1000px)}
|
||||
.s6.active .picture{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}
|
||||
.s12 .character{margin-top:0px;opacity:0;transition-delay:1s;transition:1s;transform:translateY(-1000px);-webkit-transform:translateY(-1000px)}
|
||||
.s12.active .character{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}
|
||||
.s12 .picture{opacity:0;transition-delay:1s;transition:1s;transform:translateY(1000px);-webkit-transform:translateY(1000px)}
|
||||
.s12.active .picture{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}
|
||||
.s12 .character h1{text-align:center;color:#fff;font-weight:bold;font-size:36px;margin-top:10px}
|
||||
.s12 .character p{font-size:24px;color:#fff;line-height:40px;}
|
||||
@-webkit-keyframes move2{
|
||||
0%{ -webkit-transform:translate(0px,-1000px);transform:translate(0px,-1000px)}
|
||||
20%{ -webkit-transform:translate(0px,0px);transform:translate(0px,0px)}
|
||||
40%{ -webkit-transform:translate(110px,-50px);transform:translate(0px,-50px)}
|
||||
60%{ -webkit-transform:translate(0px,0px);transform:translate(0px,0px)}
|
||||
100%{ -webkit-transform:translate(0px,0px);transform:translate(0px,0px)}
|
||||
}
|
||||
@keyframes move2{
|
||||
0%{ transform:translate(0px,-1000px)}
|
||||
20%{ transform:translate(0px,0px)}
|
||||
40%{ transform:translate(0px,-50px)}
|
||||
60%{ transform:translate(0px,0px)}
|
||||
100%{ transform:translate(0px,0px)}
|
||||
}
|
||||
/* 最后一页 */
|
||||
.s21 .twenty-one h1{display:block;font-size:80px;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);}
|
||||
.s21.active .twenty-one h1{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}
|
||||
.section .twenty-one h1{font-size:100px;color:#fff;text-align:center;margin-top:350px;opacity:0;transition-delay:1s;transition:1.2s;transform:translateY(-1000px);-webkit-transform:translateY(-1000px);}
|
||||
.s21.active h1{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}
|
||||
.s21 .twenty-one p{display:block;text-align:center;font-size:40px;color:#fff;margin-top:40px;
|
||||
opacity:0;transition-delay:1s;transition:1.2s;transform:translateY(-1000px);-webkit-transform:translateY(-1000px);}
|
||||
.s21.active .twenty-one p{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}
|
||||
.s21 .twenty-one p{font-size:60px;color:#fff;font-weight:bold;text-align:center}
|
||||
|
||||
/*加入微三云*/
|
||||
.seventeenth h1{font-size:100px;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:110px;}
|
||||
.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 a.btn1:hover{border:2px solid #20e3a3;background:#20e3a3;}
|
||||
.jiameng a.btn2:hover{border:2px solid #20e3a3;background:#20e3a3;}
|
||||
.jiameng .btn1{background:#79f2ca;border:2px solid #79f2ca;opacity:0;transition-delay:1s;transition:1.5s;transform:translateX(190px);-webkit-transform:translateX(190px);}
|
||||
.s21.active .jiameng .btn1{opacity:1;transform:translateX(0px);-webkit-transform:translateX(0px);}
|
||||
.jiameng .btn2{background:#79f2ca;border:2px solid #79f2ca;opacity:0;transition-delay:1s;transition:1.5s;transform:translateX(-190px);-webkit-transform:translateX(-190px);}
|
||||
.s21.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 .character h1{margin-top:10px;margin-bottom:0;}
|
||||
.tw .picture img{width:420px;}
|
||||
.s1 .picture{margin-top:220px;}
|
||||
.s12 .character h1,.s1 .character h1, .s3 .character h1, .s7 .character h1, .s9 .character h1, .s11 .character h1,.s13 .character h1, .s15 .character h1, .s17 .character h1, .s19 .character h1,.s1 .character h1 b,.s2 .character h1 b,.s2 .character h1, .s4 .character h1, .s8 .character h1, .s10 .character h1, .s14 .character h1, .s16 .character h1,.s18 .character h1, .s20 .character h1,.s3 .character h1 b,.s6 .character h1,.s10 .character h1 b,.s11 .character h1 b{font-size:28px;}
|
||||
.s3 .character b,.s12 .character p,.s1 .character p, .s3 .character p, .s5 .character p, .s7 .character p, .s9 .character p, .s11 .character p, .s13 .character p, .s15 .character p, .s17 .character p, .s19 .character p,.s2 .character p, .s4 .character p, .s8 .character p, .s10 .character p, .s14 .character p, .s16 .character p, .s18 .character p,.s2 .character p b,.s5 .character p b{font-size:20px;line-height:26px;}
|
||||
.s4 .character{margin-top:320px;}
|
||||
.s5 .picture img,.s7 .picture img{width:360px;}
|
||||
.s5 .picture{margin-top:240px;}
|
||||
.s7 span, .s12 span, .s17 span{background-size:76%;margin-top:140px;font-size:34px;}
|
||||
.s9 .character,.s14 .character{margin-top:360px;}
|
||||
.s9 .picture,.s14 .picture{margin-top:280px;}
|
||||
.s10 .character,.s11 .character,.s15 .character{margin-top:380px;}
|
||||
.s11 .picture,.s15 .picture{margin-top:300px;}
|
||||
.s12 .character p{margin-top:40px;}
|
||||
.s12 .picture{margin-top:40px;}
|
||||
.s16 .picture{margin-top:240px;}
|
||||
.s2 .character, .s4 .character, .s8 .character, .s10 .character, .s14 .character, .s16 .character, .s18 .character, .s20 .character,.s1 .character, .s3 .character, .s5 .character, .s7 .character, .s9 .character, .s11 .character, .s13 .character, .s15 .character, .s17 .character, .s19 .character{width:480px;}
|
||||
.section .twenty-one h1{font-size:60px;margin-top:240px;}
|
||||
.jiameng{margin-left:-320px;}
|
||||
.section .seventeen h1{font-size:70px;}
|
||||
.s9 .picture, .s11 .picture{width:400px;}
|
||||
.s9 .picture{margin-top:200px;}
|
||||
.s9 .picture img{width:360px;}
|
||||
.jiameng a.w-scene-btn{width:260px;}
|
||||
.jiameng{margin-top:100px;}
|
||||
.s19 .character{margin-top:360px;}
|
||||
.s5 .character{margin-top:340px;}
|
||||
.s19 .picture{margin-top:260px;}
|
||||
}
|
||||
|
||||
@media screen and (max-width:1366px){
|
||||
.tw{width:960px;}
|
||||
.s12 .character h1,.s1 .character h1, .s3 .character h1, .s7 .character h1, .s9 .character h1, .s11 .character h1,.s13 .character h1, .s15 .character h1, .s17 .character h1, .s19 .character h1,.s1 .character h1 b,.s2 .character h1 b,.s2 .character h1, .s4 .character h1, .s8 .character h1, .s10 .character h1, .s14 .character h1, .s16 .character h1,.s18 .character h1, .s20 .character h1,.s3 .character h1 b,.s6 .character h1,.s10 .character h1 b,.s11 .character h1 b{font-size:24px;}
|
||||
.s3 .character b,.s12 .character p,.s1 .character p, .s3 .character p, .s5 .character p, .s7 .character p, .s9 .character p, .s11 .character p, .s13 .character p, .s15 .character p, .s17 .character p, .s19 .character p,.s2 .character p, .s4 .character p, .s8 .character p, .s10 .character p, .s14 .character p, .s16 .character p, .s18 .character p,.s2 .character p b,.s5 .character p b{font-size:16px;line-height:26px;}
|
||||
.tw .picture img{width:70%;}
|
||||
.s3 .picture,.s5 .character,.s10 .picture{margin-top:280px;}
|
||||
.s1 .picture img{width:320px;}
|
||||
.s5 .picture img{width:300px;}
|
||||
.s1 .character,.s18 .picture,.s19 .picture,.s14 .picture{margin-top:240px;}
|
||||
.s7 .picture img{width:270px;}
|
||||
.s7 .picture{margin-top:20px;}
|
||||
.s8 .character,.s19 .character{margin-top:320px;}
|
||||
.s9 .picture, .s11 .picture{width:450px;}
|
||||
.s12 .picture{margin-top:10px;}
|
||||
.s12 .picture img{width:360px;}
|
||||
.s2 .picture img{width:60%;}
|
||||
.s12 .character p{margin-top:0;}
|
||||
.s11 .character{margin-top:340px;}
|
||||
.s13 .character,.s16 .character,.s18 .character{margin-top:320px;}
|
||||
.s2 .character,.s15 .character,.s10 .character,.s14 .character{margin-top:300px;}
|
||||
.s3 .character,.s15 .picture,.s11 .picture{margin-top:260px;}
|
||||
.s6 .picture{width:560px;margin:0 auto;}
|
||||
.s9 .picture{margin-top:160px;}
|
||||
.jiameng{margin-top:90px;}
|
||||
.s7 .character{margin-top:120px;}
|
||||
.section .seventeen h1{font-size:60px;}
|
||||
.section .first .character p,.section .first .character p b{font-size:18px;}
|
||||
.jiameng a.w-scene-btn{width:260px;}
|
||||
.section .twenty-one h1{margin-top:200px;}
|
||||
}
|
||||
Executable
+95
@@ -0,0 +1,95 @@
|
||||
@charset "utf-8";
|
||||
/* 嗨路客·经销商 */
|
||||
*{margin: 0;padding: 0;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;}
|
||||
img{max-width: 100%;border:none;}
|
||||
a{text-decoration: none;color: black;}
|
||||
body{font-size:50%;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;-webkit-text-size-adjust:none;}
|
||||
.clear{clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0;}
|
||||
ol,ul {list-style: none;}
|
||||
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
|
||||
input,textarea{outline:none;}
|
||||
em,i,cite{font-style:normal;}
|
||||
|
||||
|
||||
.offlinebox{overflow:hidden;margin-bottom:-20px;}
|
||||
.offlinebox .offline_banner{margin:0 auto;}
|
||||
.offlinebox .offline_banner img{display:block;margin:0 auto;}
|
||||
.offlinebox .offline_channel{background:#fff;width:1200px;margin:0 auto;padding-top:40px;padding-bottom:60px;}
|
||||
.offlinebox .offline_channel figure{margin:0 auto;display:block;}
|
||||
.offlinebox .offline_channel figure img,.offlinebox .offline_pattern figure img,.offlinebox .offline_industry figure img,.offlinebox .offline_text figure img{display:block;margin:0 auto}
|
||||
.offlinebox .offline_channel h1{font-size:38px;color:#7f7f7f;text-align:center;margin-top:80px;margin-bottom:60px;}
|
||||
.offlinebox .offline_channel h1 b{font-size:38px;color:#5cd3ff;}
|
||||
.offlinebox .offline_pattern{background:#f7f7f7;overflow:hidden;padding-bottom:60px;}
|
||||
.offlinebox .offline_pattern h1,.offlinebox .offline_industry h1,.offlinebox .offline_pattern h1,.offlinebox .offline_product h1{font-size:38px;color:#7f7f7f;text-align:center;padding:60px 0 70px 0;}
|
||||
.offlinebox .offline_pattern figure,.offlinebox .offline_industry figure{width:1200px;margin:0 auto;}
|
||||
.offlinebox .offline_industry{background:#fff;padding-bottom:60px;}
|
||||
.offlinebox .offline_pattern{background:#f7f7f7;padding-bottom:80px;}
|
||||
.offlinebox .offline_pattern ul,.offlinebox .offline_product ul{display:block;margin:0 auto;overflow:hidden;width:1200px;}
|
||||
.offlinebox .offline_pattern ul li{float:left;width:28%;background:#fff;border:1px solid #7ecef4;height:194px;margin-left:30px;margin-top:30px;}
|
||||
.offlinebox .offline_pattern ul li span{font-size:24px;color:#7f7f7f;padding:30px;display:block;line-height:38px;}
|
||||
.offlinebox .offline_product{background:#fff;}
|
||||
.offlinebox .offline_product ul li{width:22%;float:left;margin:0 auto;margin-left:30px;margin-bottom:30px;}
|
||||
.offlinebox .offline_product ul li img{display:block;margin:0 auto;margin-bottom:20px;}
|
||||
.offlinebox .offline_product ul li h3{font-size:24px;color:#7e7e7e;text-align:center;}
|
||||
.offlinebox .offline_product ul li span{font-size:20px;color:#b2b2b2;display:block;margin-top:12px;line-height:28px;text-align:center;}
|
||||
.offlinebox .offline_text{margin-top:100px;margin-bottom:60px;}
|
||||
.offlinebox .offline_text p{text-align:center;font-size:30px;color:#7f7f7f;margin-top:10px;}
|
||||
.offlinebox .offline_text figure{width:1200px;margin:0 auto;margin-top:60px;}
|
||||
|
||||
|
||||
|
||||
.obtain{display:block;background:#f2f2f2;overflow:hidden;padding:50px 0px;}
|
||||
.obtain h1{display:block;text-align:center;border-bottom:solid 1px #dadada;}
|
||||
.obtain h1 a{display:inline-block;font-size:60px;color:#01a8ee;font-weight:bold;border-bottom:solid 8px #01a8ee;padding-left:10px;padding-right:10px;padding-bottom:20px;margin-bottom:-5px;}
|
||||
.obtain ul{display:block;width:680px;margin:0 auto;margin-top:50px;}
|
||||
.obtain ul li{display:block;background:#fff;overflow:hidden;width:100%;border:solid 1px #dadada;margin-top:-1px;}
|
||||
.obtain ul li em,.obtain ul li input[type="text"]{display:block;float:left;}
|
||||
.obtain ul li em{width:30%;font-size:28px;text-align:center;color:#555;height:60px;line-height:60px;border-right:solid 1px #dadada;}
|
||||
.obtain ul li input[type="text"]{width:65%;font-size:22px;color:#adadad;height:40px;line-height:40px;padding:10px 0px;padding-left:31px;}
|
||||
|
||||
.obtain ul li.but{background:#01a8ee;border-radius:3px;height:58px;margin-top:20px;border:none;}
|
||||
.obtain ul li.but input[type="button"]{display:block;background:none;text-align:center;width:100%;line-height:58px;font-size:28px;color:#fff;cursor:pointer;}
|
||||
@media screen and (max-width:1366px){
|
||||
.offlinebox .offline_channel h1,.offlinebox .offline_channel h1 b{font-size:26px;}
|
||||
.offlinebox .offline_text figure,.offlinebox .offline_channel,.offlinebox .offline_pattern figure, .offlinebox .offline_industry figure,.offlinebox .offline_pattern ul, .offlinebox .offline_product ul{width:960px;}
|
||||
.offlinebox .offline_channel h1{margin-top:60px;margin-bottom:40px;}
|
||||
.offlinebox .offline_pattern ul li{height:160px;}
|
||||
.offlinebox .offline_pattern ul li span{font-size:16px;line-height:28px;}
|
||||
.offlinebox .offline_pattern{margin-bottom:40px;}
|
||||
.offlinebox .offline_pattern h1, .offlinebox .offline_industry h1, .offlinebox .offline_pattern h1, .offlinebox .offline_product h1{font-size:26px;padding:40px 0 50px 0;}
|
||||
.offlinebox .country_scheme h1{font-size:42px;}
|
||||
.offlinebox .country_scheme ul{width:500px;}
|
||||
.offlinebox .offline_product ul li{width:200px;}
|
||||
.offlinebox .offline_product ul li h3{font-size:18px;}
|
||||
.offlinebox .country_scheme ul li{width:480px;height:40px;}
|
||||
.offlinebox .country_scheme ul .tijiao{margin-top:10px;}
|
||||
.offlinebox .offline_product ul li img{width:90px;}
|
||||
.offlinebox .offline_text p{font-size:22px;}
|
||||
.offlinebox .offline_text figure img{width:70%;}
|
||||
.offlinebox .offline_product ul li span{font-size:14px;margin-top:4px;line-height:20px;}
|
||||
.offlinebox .country_scheme ul li input[type="button"]{width:480px;font-size:16px;height:40px;line-height:40px;}
|
||||
.offlinebox .country_scheme ul li input[type="text"]{font-size:16px;line-height:40px;height:40px;}
|
||||
.offlinebox .country_content .country_context p,.countrybox .country_content .country_context p b{font-size:26px;}
|
||||
|
||||
.obtain ul li input[type="text"]{width:62%;}
|
||||
.choose em{font-size:20px;}
|
||||
.choose ul li{background-size:100% 100%;width:213px;height:183px;}
|
||||
.choose ul li h2{font-size:24px;margin-top:58px;}
|
||||
.choose ul .y1{left:370px;}
|
||||
.choose ul .y2{left:25px;top:128px;}
|
||||
.choose ul .y3{left:198px;top:30px;}
|
||||
.choose ul .y4{left:198px;top:226px;}
|
||||
.choose ul .y5{right:204px;top:30px;}
|
||||
.choose ul .y6{right:204px;top:226px;}
|
||||
.choose ul .y7{right:30px;top:128px;}
|
||||
.choose ul li h3{font-size:22px;margin-top:30px;}
|
||||
.choose ul li p{font-size:14px;line-height:20px;}
|
||||
.choose ul{width:960px;height:480px;margin-top:60px;}
|
||||
.obtain h1 a{font-size:48px;margin-bottom:-4px;padding-bottom:10px;border-bottom:solid 6px #01a8ee;}
|
||||
.obtain ul{width:560px;}
|
||||
.obtain ul li em{font-size:22px;height:48px;line-height:48px;}
|
||||
.obtain ul li input[type="text"]{height:28px;line-height:28px;font-size:16px;padding-left:41px;}
|
||||
.obtain ul li.but{height:48px;}
|
||||
.obtain ul li.but input[type="button"]{line-height:48px;font-size:22px;}
|
||||
|
||||
}
|
||||
Executable
+50
@@ -0,0 +1,50 @@
|
||||
@charset "utf-8";
|
||||
/* 产品中心·CSS */
|
||||
|
||||
.p_banner{display:block;position:relative;overflow:hidden;width:1920px;height:500px;margin-left:-960px;left:50%;overflow:hidden;}
|
||||
|
||||
.core{display:block;overflow:hidden;padding:30px 20px;background:#f6f6f6;}
|
||||
.core p{display:block;font-size:24px;color:#666;text-align:center;line-height:48px;}
|
||||
.core p b{font-size:30px;color:#e42121;font-weight:normal;}
|
||||
.core .img1{display:block;margin:0 auto;margin-top:45px;}
|
||||
.core h2{display:block;font-size:28px;color:#63b2fc;text-align:center;margin-top:20px;}
|
||||
|
||||
.product{display:block;background:#fff;overflow:hidden;padding:30px 0px;}
|
||||
.product p.h1{display:block;text-align:center;font-size:26px;color:#666;line-height:44px;}
|
||||
.product p.h1 b{font-size:32px;color:#e42121;font-weight:normal;}
|
||||
.product h2{display:block;font-size:28px;background:#63b2fc;text-align:center;width:600px;line-height:70px;border-radius:3px;margin:20px auto;color:#fff;}
|
||||
.product h3{display:block;text-align:center;font-size:28px;color:#63b2fc;font-weight:bold;margin-top:80px;}
|
||||
.product_ul{display:block;overflow:hidden;width:1200px;margin:0 auto;margin-top:30px;}
|
||||
.product_ul li{display:block;width:25%;float:left;overflow:hidden;padding:10px 10px;box-sizing:border-box;}
|
||||
.product_ul li a{display:block;overflow:hidden;position:relative;border:solid 2px #f6f6f6;}
|
||||
.product_ul li.li1 a span{display:block;position:absolute;left:0;bottom:-82px;width:100%;height:74px;background:#63b2fc;}
|
||||
.product_ul li.li1 a span i{display:block;text-align:center;font-size:18px;line-height:74px;color:#fff;background:url(../../resource/images/single/productlist/right1.png) no-repeat 50% center;}
|
||||
.product_ul li.li1 a .pro{display:block;background:#f6f6f6;height:290px;overflow:hidden;}
|
||||
.product_ul li .pro img{display:block;margin:0 auto;margin-top:30px;}
|
||||
.product_ul li.li1 a .pro h1{display:block;text-align:center;font-size:24px;color:#323232;padding:15px 0px;}
|
||||
.product_ul li.li1 a .pro p{display:block;color:#666;font-size:16px;padding:0 10px;line-height:28px;}
|
||||
.product_ul li.li2 .pro{display:block;background:#e5e5e5;height:290px;overflow:hidden;}
|
||||
.product_ul li.li2 .pro p{display:block;color:#63b2fc;text-align:center;font-size:20px;line-height:34px;margin-top:25px;}
|
||||
|
||||
.product_ul li.li1 a:hover{border:solid 2px #63b2fc;}
|
||||
.product_ul li.li1 a:hover span{display:block;bottom:0;transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
|
||||
.product_ul li.li1 a:hover span i{text-indent:-50px;background:url(../../resource/images/single/productlist/right.png) no-repeat 70% center;
|
||||
transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
|
||||
|
||||
@media screen and (max-width:1370px){
|
||||
.p_banner{width:1366px;height:356px;margin-left:-683px;}
|
||||
.p_banner img{width:1366px;height:auto;background-size:100%;}
|
||||
.core .img1{width:800px;height:auto;}
|
||||
.core p,.product p.h1{font-size:20px;line-height:36px;}
|
||||
.core p b,.product p.h1 b{font-size:26px;}
|
||||
.product h2{font-size:20px;line-height:60px;width:440px;}
|
||||
.product h3{font-size:24px;margin-top:50px;}
|
||||
.product_ul{width:960px;}
|
||||
.product_ul li .pro img{width:80px;height:80px;margin-top:24px;}
|
||||
.product_ul li.li1 a .pro h1{font-size:18px;}
|
||||
.product_ul li.li1 a .pro p,.product_ul li.li2 .pro p{font-size:13px;line-height:20px;}
|
||||
.product_ul li.li1 a .pro,.product_ul li.li2 .pro{height:220px;}
|
||||
.product_ul li.li1 a span{height:58px;}
|
||||
.product_ul li.li1 a span i{line-height:58px;font-size:15px;}
|
||||
.product_ul li.li1 a:hover span i{background-size:5%;}
|
||||
}
|
||||
Executable
+106
@@ -0,0 +1,106 @@
|
||||
@charset "utf-8";
|
||||
/* 嗨路客·经销商 */
|
||||
*{margin: 0;padding: 0;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;}
|
||||
img{max-width: 100%;border:none;}
|
||||
a{text-decoration: none;color: black;}
|
||||
body{font-size:50%;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;-webkit-text-size-adjust:none;}
|
||||
.clear{clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0;}
|
||||
ol,ul {list-style: none;}
|
||||
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
|
||||
input,textarea{outline:none;}
|
||||
em,i,cite{font-style:normal;}
|
||||
|
||||
.retailbox{overflow:hidden;margin-bottom:-20px;}
|
||||
.retailbox .retail_banner{margin:0 auto;}
|
||||
.retailbox .retail_banner img{display:block;margin:0 auto;}
|
||||
.retailbox .initiative{width:1200px;margin:0 auto;overflow:hidden;margin-top:80px;margin-bottom:40px;}
|
||||
.retailbox .initiative dl{width:54%;float:left;}
|
||||
.retailbox .initiative dl dd{font-size:20px;color:#848484;margin-bottom:40px;line-height:32px;}
|
||||
.retailbox .initiative dl dd b{font-size:20px;color:#242424;}
|
||||
.retailbox .initiative figure{float:right;width:45%;margin:0 auto;}
|
||||
.retailbox .initiative figure img,.retailbox .figure02 img{display:block;margin:0 auto;}
|
||||
.retailbox .retail_title{text-align:center;font-size:40px;color:#242424;height:80px;width:30%;margin:0 auto;line-height:80px;border-top:1px solid #6a6a6a;border-bottom:1px solid #6a6a6a;}
|
||||
.retailbox .retail_tb{width:1200px;margin:0 auto;margin-top:80px;margin-bottom:80px;}
|
||||
.retailbox .retail_tb img{display:block;margin:0 auto;}
|
||||
.retailbox .title2{height:180px;margin-top:6px;}
|
||||
.retailbox .figure02{width:1200px;margin:0 auto;margin-top:60px;margin-bottom:60px;}
|
||||
.retailbox .retail_pain{background:#ebf0f3;padding-top:60px;height:400px;}
|
||||
.retailbox .retail_pain h1{text-align:center;font-size:40px;color:#242424;height:80px;width:38%;margin:0 auto;line-height:80px;border-top:1px solid #6a6a6a;border-bottom:1px solid #6a6a6a;font-weight:bold}
|
||||
.retailbox .retail_pain ul{width:1200px;margin:0 auto;margin-top:80px;}
|
||||
.retailbox .retail_pain ul li{float:left;width:30%;margin-left:30px;}
|
||||
.retailbox .retail_pain ul li img{display:block;margin:0 auto;}
|
||||
.retailbox .retail_pain ul li h3{font-size:26px;color:#242424;text-align:center;margin-top:16px;}
|
||||
.retailbox .retail_pain ul li span,.retailbox .retail_operation ul li span{font-size:18px;color:#6f6f6f;text-align:center;line-height:32px;display:block;margin-top:10px;}
|
||||
.retailbox .retail_operation{background:#fff;}
|
||||
.retailbox .retail_operation h1,.retailbox .show h1{text-align:center;font-size:40px;color:#242424;height:80px;width:38%;margin:0 auto;line-height:80px;border-top:1px solid #6a6a6a;border-bottom:1px solid #6a6a6a;font-weight:bold;margin-top:60px;}
|
||||
.retailbox .retail_operation ul{width:1200px;margin:0 auto;height:580px;margin-top:60px;}
|
||||
.retailbox .retail_operation ul li{width:30%;float:left;margin:0 auto;margin-left:30px;margin-bottom:30px;display:block;}
|
||||
.retailbox .retail_operation ul li img{display:block;margin:0 auto;}
|
||||
.retailbox .retail_operation ul li h3{font-size:26px;color:#242424;text-align:center;margin-top:16px}
|
||||
.retailbox .match{background:#ebf0f3;padding-top:60px;padding-bottom:40px;}
|
||||
.retailbox .match h1{text-align:center;font-size:40px;color:#242424;height:80px;width:38%;margin:0 auto;line-height:80px;border-top:1px solid #6a6a6a;border-bottom:1px solid #6a6a6a;font-weight:bold;}
|
||||
.retailbox .match figure{margin:0 auto;margin-top:60px;}
|
||||
.retailbox .match figure img{display:block;margin:0 auto;}
|
||||
.retailbox .show{background:#fff;}
|
||||
.retailbox .show ul{width:1200px;margin:0 auto;height:600px;margin-top:60px;margin-bottom:40px;}
|
||||
.retailbox .show ul li{float:left;width:22%;margin:0 auto;margin-bottom:40px;margin-left:30px;}
|
||||
.retailbox .show ul li img{display:block;margin:0 auto;}
|
||||
.retailbox .show ul li p{font-size:26px;color:#242424;text-align:center;margin-top:20px;}
|
||||
|
||||
.obtain{display:block;background:#f2f2f2;overflow:hidden;padding:50px 0px;}
|
||||
.obtain h1{display:block;text-align:center;border-bottom:solid 1px #dadada;}
|
||||
.obtain h1 a{display:inline-block;font-size:60px;color:#01a8ee;font-weight:bold;border-bottom:solid 8px #01a8ee;padding-left:10px;padding-right:10px;padding-bottom:20px;margin-bottom:-5px;}
|
||||
.obtain ul{display:block;width:680px;margin:0 auto;margin-top:50px;}
|
||||
.obtain ul li{display:block;background:#fff;overflow:hidden;width:100%;border:solid 1px #dadada;margin-top:-1px;}
|
||||
.obtain ul li em,.obtain ul li input[type="text"]{display:block;float:left;}
|
||||
.obtain ul li em{width:30%;font-size:28px;text-align:center;color:#555;height:60px;line-height:60px;border-right:solid 1px #dadada;}
|
||||
.obtain ul li input[type="text"]{width:65%;font-size:22px;color:#adadad;height:40px;line-height:40px;padding:10px 0px;padding-left:31px;}
|
||||
|
||||
.obtain ul li.but{background:#01a8ee;border-radius:3px;height:58px;margin-top:20px;border:none;}
|
||||
.obtain ul li.but input[type="button"]{display:block;background:none;text-align:center;width:100%;line-height:58px;font-size:28px;color:#fff;cursor:pointer;}
|
||||
@media screen and (max-width:1366px){
|
||||
.retailbox .show ul,.retailbox .initiative,.retailbox .retail_tb,.retailbox .figure02,.retailbox .retail_operation ul{width:960px;}
|
||||
.retailbox .initiative dl dd{font-size:14px;margin-bottom:20px;line-height:26px;}
|
||||
.retailbox .initiative dl dd b,.retailbox .retail_pain ul li span, .retailbox .retail_operation ul li span{font-size:14px;}
|
||||
.retailbox .initiative figure{width:40%;}
|
||||
.retailbox .retail_title,.retailbox .retail_pain h1,.retailbox .retail_operation h1, .retailbox .show h1,.retailbox .match h1{font-size:28px;}
|
||||
.retailbox .retail_tb img,.retailbox .figure02 img{width:80%;}
|
||||
.retailbox .title2{height:100px;line-height:50px;}
|
||||
.retailbox .figure02{margin-top:30px;margin-bottom:30px;}
|
||||
.retailbox .retail_pain ul li span, .retailbox .retail_operation ul li span{line-height:24px;}
|
||||
.retailbox .retail_pain ul li h3{font-size:20px;}
|
||||
.retailbox .retail_pain ul li span, .retailbox .retail_operation ul li span{margin-top:6px;}
|
||||
.retailbox .match h1{width:28%;}
|
||||
.retailbox .match figure{margin-top:40px;}
|
||||
.retailbox .show h1{width:23%;}
|
||||
.retailbox .match figure img{width:700px;}
|
||||
.retailbox .retail_pain{padding-top:40px;height:360px;}
|
||||
.retailbox .retail_pain ul{margin-top:60px;}
|
||||
.retailbox .retail_operation ul li h3{font-size:20px;}
|
||||
.retailbox .retail_operation ul li img{width:90px}
|
||||
.retailbox .retail_operation ul{height:500px;}
|
||||
.retailbox .show ul{height:400px;}
|
||||
.retailbox .show ul li{width:180px;margin-bottom:20px;}
|
||||
.retailbox .show ul li p{font-size:18px;margin-top:16px;}
|
||||
|
||||
.obtain ul li input[type="text"]{width:62%;}
|
||||
.choose em{font-size:20px;}
|
||||
.choose ul li{background-size:100% 100%;width:213px;height:183px;}
|
||||
.choose ul li h2{font-size:24px;margin-top:58px;}
|
||||
.choose ul .y1{left:370px;}
|
||||
.choose ul .y2{left:25px;top:128px;}
|
||||
.choose ul .y3{left:198px;top:30px;}
|
||||
.choose ul .y4{left:198px;top:226px;}
|
||||
.choose ul .y5{right:204px;top:30px;}
|
||||
.choose ul .y6{right:204px;top:226px;}
|
||||
.choose ul .y7{right:30px;top:128px;}
|
||||
.choose ul li h3{font-size:22px;margin-top:30px;}
|
||||
.choose ul li p{font-size:14px;line-height:20px;}
|
||||
.choose ul{width:960px;height:480px;margin-top:60px;}
|
||||
.obtain h1 a{font-size:48px;margin-bottom:-4px;padding-bottom:10px;border-bottom:solid 6px #01a8ee;}
|
||||
.obtain ul{width:560px;}
|
||||
.obtain ul li em{font-size:22px;height:48px;line-height:48px;}
|
||||
.obtain ul li input[type="text"]{height:28px;line-height:28px;font-size:16px;padding-left:41px;}
|
||||
.obtain ul li.but{height:48px;}
|
||||
.obtain ul li.but input[type="button"]{line-height:48px;font-size:22px;}
|
||||
}
|
||||
Executable
+99
@@ -0,0 +1,99 @@
|
||||
@charset "utf-8";
|
||||
/* 嗨路客·经销商 */
|
||||
*{margin: 0;padding: 0;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;}
|
||||
img{max-width: 100%;border:none;}
|
||||
a{text-decoration: none;color: black;}
|
||||
body{font-size:50%;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;-webkit-text-size-adjust:none;}
|
||||
.clear{clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0;}
|
||||
ol,ul {list-style: none;}
|
||||
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
|
||||
input,textarea{outline:none;}
|
||||
em,i,cite{font-style:normal;}
|
||||
|
||||
.celebritybox{overflow:hidden;}
|
||||
.celebritybox .celebrity_banner{margin:0 auto;}
|
||||
.celebritybox .celebrity_banner img,.celebritybox .product_box .product figure img,.celebritybox .star figure img,.celebritybox .deploy figure img,.celebritybox .match figure img,.celebritybox .bazaarbox .bazaar figure img{display:block;margin:0 auto;}
|
||||
.celebritybox .product_box{background:#f5f5f5;}
|
||||
.celebritybox .product_box .product{width:1200px;margin:0 auto;height:600px;padding-bottom:50px;}
|
||||
.celebritybox .product_box .product figure{float:left;margin:0 auto;margin-top:80px;display:block;}
|
||||
.celebritybox .product_box .product .right_text{float:left;margin-top:240px;}
|
||||
.celebritybox .product_box .product .right_text p{font-size:26px;color:#333;margin-top:10px;}
|
||||
.celebritybox .challenge{background:#fff;overflow:hidden;padding-bottom:60px;}
|
||||
.celebritybox .challenge h1,.celebritybox .deploy h1,.celebritybox .match h1,.celebritybox .contents h1{font-size:38px;color:#333;text-align:center;border:1px solid #333333;border-radius:20px;width:40%;height:128px;line-height:128px;margin:0 auto;margin-top:60px;}
|
||||
.celebritybox .challenge ul{width:1200px;margin:0 auto;margin-top:60px;}
|
||||
.celebritybox .challenge ul li{float:left;overflow:hidden;width:30%;margin:25px 0px;margin-left:30px;}
|
||||
.celebritybox .challenge ul li img{float:left;display:block;width:35%;}
|
||||
.celebritybox .challenge ul li .litext{float:right;display:block;}
|
||||
.celebritybox .challenge ul li .litext h3{font-size:30px;color:#333;margin-top:5px;}
|
||||
.celebritybox .challenge ul li .litext span{display:block;width:220px;font-size:18px;color:#666666;margin-top:10px;line-height:26px;}
|
||||
.celebritybox .star{background:#f5f5f5;height:800px; clear:both;padding-top:60px;}
|
||||
.celebritybox .star h1{font-size:38px;color:#333;text-align:center;border:1px solid #333333;border-radius:20px;height:128px;line-height:128px;margin:0 auto;width:60%;}
|
||||
.celebritybox .star figure,.celebritybox .deploy figure,.celebritybox .match figure{margin:0 auto;width:1200px;margin-top:40px;}
|
||||
.celebritybox .deploy{background:#fff;padding-bottom:60px;}
|
||||
.celebritybox .match{background:#f5f5f5;padding-top:40px;padding-bottom:40px;}
|
||||
.celebritybox .contents{background:#fff;}
|
||||
.celebritybox .contents dl{width:1200px;display:block;margin:0 auto;margin-top:40px;}
|
||||
.celebritybox .contents dl dd{width:25%;float:left;margin-bottom:40px;}
|
||||
.celebritybox .contents dl dd img{display:block;margin:0 auto;margin-top:10px;}
|
||||
.celebritybox .contents dl dd span{display:block;font-size:26px;margin-top:20px;text-align:center;color:#333;}
|
||||
.celebritybox .contents em{font-size:30px;color:#333;text-align:center;display:block;clear:both;padding-bottom:40px;}
|
||||
.celebritybox .bazaarbox{background:#51abf2;}
|
||||
.celebritybox .bazaarbox .bazaar{width:1200px;margin:0 auto;overflow:hidden;}
|
||||
.celebritybox .bazaarbox .bazaar figure{float:left;padding:70px 0;}
|
||||
.celebritybox .bazaarbox .bazaar .bazaar_text{float:right;margin-top:160px;}
|
||||
.celebritybox .bazaarbox .bazaar .bazaar_text p{font-size:26px;color:#fff;margin-top:14px;}
|
||||
.celebritybox .bazaarbox .bazaar .bazaar_text p b{font-size:24px;color:#fff600;}
|
||||
|
||||
.obtain{display:block;background:#f2f2f2;overflow:hidden;padding:50px 0px;margin-bottom:-20px;}
|
||||
.obtain h1{display:block;text-align:center;border-bottom:solid 1px #dadada;}
|
||||
.obtain h1 a{display:inline-block;font-size:60px;color:#01a8ee;font-weight:bold;border-bottom:solid 8px #01a8ee;padding-left:10px;padding-right:10px;padding-bottom:20px;margin-bottom:-5px;}
|
||||
.obtain ul{display:block;width:680px;margin:0 auto;margin-top:50px;}
|
||||
.obtain ul li{display:block;background:#fff;overflow:hidden;width:100%;border:solid 1px #dadada;margin-top:-1px;}
|
||||
.obtain ul li em,.obtain ul li input[type="text"]{display:block;float:left;}
|
||||
.obtain ul li em{width:30%;font-size:28px;text-align:center;color:#555;height:60px;line-height:60px;border-right:solid 1px #dadada;}
|
||||
.obtain ul li input[type="text"]{width:65%;font-size:22px;color:#adadad;height:40px;line-height:40px;padding:10px 0px;padding-left:31px;}
|
||||
|
||||
.obtain ul li.but{background:#01a8ee;border-radius:3px;height:58px;margin-top:20px;border:none;}
|
||||
.obtain ul li.but input[type="button"]{display:block;background:none;text-align:center;width:100%;line-height:58px;font-size:28px;color:#fff;cursor:pointer;}
|
||||
@media screen and (max-width:1366px){
|
||||
.celebritybox .celebrity_banner{margin-top:144px;}
|
||||
.celebritybox .bazaarbox .bazaar,.celebritybox .product_box .product,.celebritybox .challenge ul,.celebritybox .star figure, .celebritybox .deploy figure, .celebritybox .match figure,.celebritybox .contents dl{width:960px;}
|
||||
.celebritybox .product_box .product figure{width:410px;}
|
||||
.celebritybox .product_box .product{padding-bottom:0;height:530px;}
|
||||
.celebritybox .challenge h1, .celebritybox .deploy h1, .celebritybox .match h1, .celebritybox .contents h1,.celebritybox .star h1{font-size:34px;line-height:96px;height:96px;}
|
||||
.celebritybox .contents dl dd img{width:90px;}
|
||||
.celebritybox .contents dl dd span{font-size:20px;margin-top:14px;}
|
||||
.celebritybox .contents dl dd{margin-bottom:30px;}
|
||||
.celebritybox .product_box .product .right_text{margin-top:200px;}
|
||||
.celebritybox .product_box .product .right_text p{font-size:18px;}
|
||||
.celebritybox .challenge ul li{height:160px;}
|
||||
.celebritybox .star{height:760px;}
|
||||
.celebritybox .challenge ul{margin-top:50px;}
|
||||
.celebritybox .challenge ul li img{width:106px;}
|
||||
.celebritybox .challenge ul li .litext h3{font-size:20px;margin-top:8px;}
|
||||
.celebritybox .challenge ul li .litext span{font-size:14px;width:170px;margin-top:10px;line-height:28px;}
|
||||
.celebritybox .bazaarbox .bazaar figure{padding:50px 0;width:460px;}
|
||||
.celebritybox .bazaarbox .bazaar .bazaar_text{margin-top:130px;}
|
||||
.celebritybox .bazaarbox .bazaar .bazaar_text p,.celebritybox .bazaarbox .bazaar .bazaar_text p b{font-size:18px;}
|
||||
|
||||
.obtain ul li input[type="text"]{width:62%;}
|
||||
.choose em{font-size:20px;}
|
||||
.choose ul li{background-size:100% 100%;width:213px;height:183px;}
|
||||
.choose ul li h2{font-size:24px;margin-top:58px;}
|
||||
.choose ul .y1{left:370px;}
|
||||
.choose ul .y2{left:25px;top:128px;}
|
||||
.choose ul .y3{left:198px;top:30px;}
|
||||
.choose ul .y4{left:198px;top:226px;}
|
||||
.choose ul .y5{right:204px;top:30px;}
|
||||
.choose ul .y6{right:204px;top:226px;}
|
||||
.choose ul .y7{right:30px;top:128px;}
|
||||
.choose ul li h3{font-size:22px;margin-top:30px;}
|
||||
.choose ul li p{font-size:14px;line-height:20px;}
|
||||
.choose ul{width:960px;height:480px;margin-top:60px;}
|
||||
.obtain h1 a{font-size:48px;margin-bottom:-4px;padding-bottom:10px;border-bottom:solid 6px #01a8ee;}
|
||||
.obtain ul{width:560px;}
|
||||
.obtain ul li em{font-size:22px;height:48px;line-height:48px;}
|
||||
.obtain ul li input[type="text"]{height:28px;line-height:28px;font-size:16px;padding-left:41px;}
|
||||
.obtain ul li.but{height:48px;}
|
||||
.obtain ul li.but input[type="button"]{line-height:48px;font-size:22px;}
|
||||
}
|
||||
Executable
+806
@@ -0,0 +1,806 @@
|
||||
/*移动社交分销APP*/
|
||||
|
||||
.big{width:1920px;background:url(../../resource/images/app-bj.png) no-repeat;overflow:hidden;height:580px;margin-top:126px;position:relative;left:50%;margin-left:-960px;}
|
||||
.bg{display:block;width:1200px;margin:0 auto;overflow:hidden;position:relative;}
|
||||
.bg .bg_left{float:left;margin-top:40px;display:block;width:480px;height:540px;}
|
||||
.bg .bg_left img{display:block;width:100%;height:100%;}
|
||||
.bg .bg_right{float:right;margin-top:120px;width:690px;}
|
||||
.bg .bg_right1{float:right;margin-top:55px;width:630px;}
|
||||
.bg .bg_right .count{overflow:hidden;display:block;}
|
||||
.bg .bg_right .count h1{float:left;font-size:40px;font-weight:bold;color:#fff;line-height:130px;}
|
||||
.bg .bg_right1 .count h1{float:none;line-height:normal;}
|
||||
.bg .bg_right .count span{float:right;width:148px;height:132px;display:block;}
|
||||
.bg .bg_right .count span img{display:block;width:100%;height:100%;}
|
||||
.bg .bg_right p{font-size:24px;color:#fff;margin-top:20px;margin-bottom:20px;}
|
||||
.bg .bg_right p b{font-size:24px;color:#0034b7;}
|
||||
.bg .bg_right h2{font-size:70px;color:#fff;}
|
||||
|
||||
.count_bottom{display:block;overflow:hidden;margin-top:60px;}
|
||||
.count_bottom ul{display:block;float:left;}
|
||||
.count_bottom ul li{margin-bottom:40px;}
|
||||
.count_bottom ul li a{display:block;width:196px;height:63px;cursor:pointer;}
|
||||
.count_bottom ul .li1 a{background:url(../../resource/images/iconbnt1.png) no-repeat;}
|
||||
.bg_div{display:none;position:absolute;left:22%;top:55%;}
|
||||
.bg_div .i1{display:block;width:24px;height:24px;position:absolute;right:20px;top:-50px;cursor:pointer;}
|
||||
.bg_div .i1 img{display:block;width:100%;height:100%;}
|
||||
.bg_div .i2{display:block;width:2px;height:27px;background:#fff;position:absolute;right:31px;top:-26px;}
|
||||
.bg_div em{display:block;background:#fff;border-radius:3px;width:260px;height:100px;line-height:100px;text-align:center;font-size:16px;color:#00a8ee;box-shadow:0px 0px 13px 0px rgba(0, 0, 0, 0.49);}
|
||||
.count_bottom ul .li1 a:hover{background:url(../../resource/images/iconbnt1-1.png) no-repeat;}
|
||||
.count_bottom ul .li2 a{background:url(../../resource/images/iconbnt2.png) no-repeat;}
|
||||
.count_bottom ul .li2 a:hover{background:url(../../resource/images/iconbnt2-1.png) no-repeat;}
|
||||
.count_bottom span{display:block;float:left;width:180px;height:180px;background:#fff;border-radius:5px;overflow:hidden;padding:5px;margin-left:60px;}
|
||||
.count_bottom span img{display:block;width:100%;height:100%;}
|
||||
|
||||
.contentbig{background:#fff;overflow:hidden;}
|
||||
.content_top{display:block;width:100%;height:1px;background:#5e9bec;position:relative;margin-top:50px;}
|
||||
.content_top span{display:block;width:67px;height:67px;position:absolute;left:50%;top:-34px;margin-left:-34px;}
|
||||
.content_top span img{display:block;}
|
||||
|
||||
.content h1{font-size:28px;font-weight:bold;color:#5e9bec;text-align:center;display:block;margin-top:50px;}
|
||||
.video_app{display:block;width:1200px;margin:50px auto 0 auto;overflow:hidden;position:relative;}
|
||||
.video_app .video_left{display:block;float:left;width:573px;height:440px;}
|
||||
.video_app .video_left img{display:block;width:100%;height:100%;}
|
||||
.video_iframe{position:absolute;width:530px;height:300px;display:block;z-index:1;overflow:hidden;cursor:pointer;left:21px;top:14px;}
|
||||
.play{display:block;position:absolute;left:0;top:0;z-index:10;cursor:pointer;}
|
||||
.video_app .video_right{float:right;display:block;width:570px;margin-top:60px;}
|
||||
.video_app .video_right dd{font-size:18px;line-height:34px;color:#5e9bec;margin-bottom:30px;}
|
||||
.video_app .video_right dd.video_right_color{color:#646464;}
|
||||
|
||||
.content h2{font-size:26px;font-weight:bold;color:#646464;text-align:center;margin-top:50px;}
|
||||
.content h2 b{font-size:26px;font-weight:bold;color:#5e9bec;display:inline-block;line-height:48px;border-bottom:1px solid #5e9bec;}
|
||||
.content i{background:url(../../resource/images/arrows.png) no-repeat;display:block;margin:0 auto;width:26px;height:15px;margin-top:40px;padding-bottom:24px;}
|
||||
.secondbig{background:#eaeaea;overflow:hidden;}
|
||||
.second{width:1200px;overflow:hidden;margin:0 auto;margin-top:48px;height:460px;}
|
||||
.second h1{font-size:26px;font-weight:bold;color:#5e9bec;text-align:center;}
|
||||
.second ul{overflow:hidden;margin-top:30px;width:1240px;}
|
||||
.second ul li{float:left;width:390px;height:340px;border:1px solid #5e9bec;background:url(../../resource/images/app-img3-1.png) no-repeat;overflow:hidden;}
|
||||
.second ul li.function_li{background:url(../../resource/images/app-img3-2.png) no-repeat;margin:0 12px;}
|
||||
.second ul li.function_li2{background:url(../../resource/images/app-img3-3.png) no-repeat}
|
||||
.second ul li p{font-size:18px;color:#646464;width:340px;margin:0 auto;margin-top:25px;line-height:30px;}
|
||||
.second ul li b{font-size:18px;color:#5e9bec;}
|
||||
.second ul li span{display:block;margin-top:24px;width:auto;height:213px;}
|
||||
.second ul li span img{display:block;margin:0 auto;width:auto;height:100%;}
|
||||
|
||||
.thirdlybig{background:#fff;width:100%;}
|
||||
.thirdly{width:1200px;margin:0 auto;}
|
||||
.thirdly .superior{display:block;margin:0 auto;text-align:center;margin-top:50px;}
|
||||
.thirdly .superior em{background:url(../../resource/images/app-img5.png) no-repeat;display:block;width:442px;height:156px;margin:0 auto;}
|
||||
.thirdly .superior p{font-size:40px;font-weight:bold;color:#5e9bec;}
|
||||
.thirdly .superior p b{font-size:58px;font-weight:bold;color:#e31515;font-style:oblique;margin:0 4px;}
|
||||
.thirdly .superior span{font-size:20px;color:#646464;margin-top:12px;display:block;}
|
||||
.thirdly .superior i{background:url(../../resource/images/app-img6.png) no-repeat;display:block;width:600px;height:6px;margin:0 auto;margin-top:20px;}
|
||||
.thirdly .advantage{overflow:hidden;padding-bottom:140px;margin-top:50px;}
|
||||
.thirdly .advantage span{float:left;display:block;width:474px;height:576px;}
|
||||
.thirdly .advantage span img{display:block;width:100%;height:100%;}
|
||||
.thirdly .advantage dl{float:right;display:block;width:600px;}
|
||||
.thirdly .advantage dl dd{margin-bottom:34px;}
|
||||
.thirdly .advantage dl dd h2{font-size:24px;color:#323232;font-weight:bold;margin-bottom:20px;}
|
||||
.thirdly .advantage dl dd p{font-size:16px;color:#646464;line-height:22px;}
|
||||
.thirdly .advantage dl dd p b{font-size:16px;color:#5e9bec;}
|
||||
.thirdly .advantage dl dd p i{font-size:16px;color:#e31515;}
|
||||
|
||||
.fourthbig{background:#eaeaea;width:100%;padding-bottom:40px;}
|
||||
.fourthbig .fourth{width:1200px;margin:0 auto;}
|
||||
.fourthbig .fourth .module{margin:0 auto;text-align:center;width:730px;height:196px;}
|
||||
.fourthbig .fourth .module img{width:100%;height:100%;}
|
||||
.fourthbig .fourth .module p{font-size:18px;color:#323232;line-height:30px;}
|
||||
.fourthbig .fourth .module p.color_p{color:#5e9bec;}
|
||||
.fourthbig .fourth span{display:block;margin-bottom:26px;}
|
||||
.fourthbig .fourth span img{margin-top:-29px;}
|
||||
.fourthbig .message,.fourthbig .address,.fourthbig .platform,.fourthbig .mine{width:1200px;margin:0 auto;overflow:hidden;}
|
||||
.fourthbig .message{margin-top:90px;}
|
||||
.fourthbig .message span{float:left;display:block;}
|
||||
.fourthbig .message .right_bl{float:right;margin-top:170px;}
|
||||
.fourthbig .message .right_bl h2{font-size:42px;font-weight:bold;color:#5e9bec;background:url(../../resource/images/app-img10-1.png) no-repeat left center;padding-left:70px;line-height:48px;}
|
||||
.fourthbig .message .right_bl dt{font-size:21px;color:#e31515;width:630px;line-height:44px;margin-top:20px;margin-bottom:16px;font-weight:bold}
|
||||
.fourthbig .message .right_bl dt b{font-size:18px;color:#5e9bec;}
|
||||
.fourthbig .message .right_bl dd{font-size:16px;color:#414141;width:600px;line-height:28px;}
|
||||
.fourthbig .address .left_bl{float:left;display:block;margin-top:180px;}
|
||||
.fourthbig .address .left_bl h2{background:url(../../resource/images/app-img10-2.png) no-repeat left center;padding-left:70px;line-height:48px;font-size:42px;font-weight:bold;color:#5e9bec;}
|
||||
.fourthbig .address .left_bl dt{font-size:20px;color:#e31515;width:630px;line-height:30px;font-weight:bold;width:480px;margin-top:20px;}
|
||||
.fourthbig .address .left_bl dd{font-size:16px;color:#646464;width:450px;margin-top:16px;line-height:24px;}
|
||||
.fourthbig .address span{float:right;}
|
||||
.fourthbig .platform span{float:left;display:block;}
|
||||
.fourthbig .platform .right_bl{float:right;display:block;margin-top:100px;}
|
||||
.fourthbig .platform .right_bl h2{font-size:42px;font-weight:bold;color:#5e9bec;background:url(../../resource/images/app-img10-3.png) no-repeat left center;padding-left:78px;line-height:48px;}
|
||||
.fourthbig .platform .right_bl dd{padding-bottom:50px;}
|
||||
.fourthbig .platform .right_bl dd h3{font-size:20px;font-weight:bold;color:#5e9bec;margin-top:18px;margin-bottom:16px;}
|
||||
.fourthbig .platform .right_bl dd .color_h3{color:#e31515;}
|
||||
.fourthbig .platform .right_bl dd em{font-size:16px;color:#646464;width:620px;display:block;}
|
||||
.fourthbig .mine .left_bl{float:left;margin-top:60px;}
|
||||
.fourthbig .mine span{float:right;}
|
||||
.fourthbig .mine .left_bl h2{font-size:42px;font-weight:bold;color:#5e9bec;background:url(../../resource/images/app-img10-4.png) no-repeat left center;padding-left:70px;line-height:48px;}
|
||||
.fourthbig .mine .left_bl dt{font-size:20px;font-weight:bold;width:550px;margin-top:16px;margin-bottom:28px;color:#e31515;line-height:30px;}
|
||||
.fourthbig .mine .left_bl dd{margin-bottom:30px;}
|
||||
.fourthbig .mine .left_bl dd h3{margin-bottom:14px;font-size:18px;font-weight:bold;color:#323232;}
|
||||
.fourthbig .mine .left_bl dd p{font-size:16px;color:#646464;width:560px;}
|
||||
.fourthbig .mine .left_bl dd p b{font-size:16px;color:#5e9bec;font-weight:normal;}
|
||||
.fourthbig .mine .left_bl dd p i{font-size:16px;color:#e31515;}
|
||||
|
||||
|
||||
.fourthbig .message span,.fourthbig .address span,.fourthbig .platform span,.fourthbig .mine span{width:450px;height:560px;}
|
||||
.fourthbig .message span img,.fourthbig .address span img,.fourthbig .platform span img,.fourthbig .mine span img{width:100%;height:100%;}
|
||||
|
||||
.databig{background:#fff;width:100%;}
|
||||
.databig .data{width:1200px;margin:0 auto;display:block;}
|
||||
.databig .data ul{display:block;margin-top:80px;}
|
||||
.databig .data ul li{width:580px;height:268px;border:1px solid #5e9bec;margin-right:10px;float:left;}
|
||||
.databig .data ul li i{display:block;width:100px;height:100px;float:right;margin-top:-46px;margin-right:50px;background:#fff;padding:0 10px;}
|
||||
.databig .data ul li h4{ clear:both;font-size:34px;text-align:center;font-weight:bold;margin-top:50px;color:#5e9bec;margin-bottom:30px;}
|
||||
.databig .data ul li span{font-size:16px;display:block;width:540px;margin:0 auto;color:#646464;line-height:24px;}
|
||||
.databig .data ul li em{font-size:16px;display:block;width:540px;margin:0 auto;color:#e31515;line-height:24px;margin-top:24px;}
|
||||
.databig .data h3{font-size:36px;font-weight:bold;color:#5e9bec; clear:both; text-align:center;padding-top:60px;margin-bottom:50px;display:block;}
|
||||
|
||||
|
||||
.t10{display:none;background:#535353;overflow:hidden;}
|
||||
.t10_div{display:block;overflow:hidden;padding:10px 10px;}
|
||||
.t10_div p{display:block;color:#fff;font-size:13px;line-height:24px;}
|
||||
|
||||
.t10 .c{display:block;text-align:center;color:#b6b6b6;border-top:solid 1px #6d6d6d;font-size:13px;padding-top:10px;}
|
||||
.t10 .c b{font-size:13px;color:#b6b6b6;}
|
||||
.t10 .a{display:block;text-align:center;color:#b6b6b6;font-size:13px;}
|
||||
.t10 a{display:block;text-align:center;color:#b6b6b6;margin-top:5px;font-size:13px;padding-bottom:10px;}
|
||||
|
||||
.app_header{display:none;background:#fff;overflow:hidden;position:fixed;left:0px;top:0px;width:100%;z-index:999;padding:10px 0px;border-bottom:solid 2px #0860d5;}
|
||||
.app_headercnt{display:block;margin:0 10px;}
|
||||
.app_header a.aleft{display:block;float:left;width:120px;}
|
||||
.app_header a.aleft img{display:block;width:100%;height:auto;}
|
||||
.app_header .aright{display:block;float:right;}
|
||||
.app_header .aright a{display:block;width:22px;height:auto;margin-top:8px;}
|
||||
.app_header .aright a img{display:block;width:100%;height:auto;}
|
||||
|
||||
@media screen and (max-width:1366px){
|
||||
.bg,.video_app,.second,.thirdly,.databig .data,.fourthbig .message,.fourthbig .address,.fourthbig .platform,.fourthbig .mine{width:960px;}
|
||||
.big{width:1366px;height:480px;margin-left:-683px;}
|
||||
.bg .bg_left{width:391px;height:440px;}
|
||||
.bg .bg_right{width:550px;margin-top:50px;}
|
||||
.bg .bg_right .count{margin-top:45px;}
|
||||
.bg .bg_right1 .count{margin-top:0px;}
|
||||
.bg .bg_right .count h1{font-size:32px;}
|
||||
.bg .bg_right .count span{width:123px;height:110px;}
|
||||
.bg .bg_right p{font-size:18px;margin-top:0px;margin-bottom:25px;}
|
||||
.bg .bg_right1 p{margin-top:15px;margin-bottom:15px;}
|
||||
.bg .bg_right p b{font-size:22px;}
|
||||
.bg .bg_right h2{font-size:64px;}
|
||||
.bg .bg_right1 h2{font-size:54px;}
|
||||
.count_bottom{margin-top:25px;}
|
||||
.bg_div{left:12%;}
|
||||
|
||||
.video_app .video_left{width:520px;height:400px;}
|
||||
.video_iframe{width:481px;height:284px;left:20px;top:8px;}
|
||||
.video_app .video_right{width:400px;margin-top:-5px;}
|
||||
|
||||
.content h1,.content h2{font-size:24px;}
|
||||
|
||||
.second ul li{width:310px;height:270px;}
|
||||
.second ul li span{height:180px;margin-top:16px;}
|
||||
.second ul li p{width:274px;margin-top:12px;line-height:24px;font-size:16px;}
|
||||
.second ul li b{font-size:16px;}
|
||||
|
||||
.thirdly .advantage dl dd{margin-bottom:20px;}
|
||||
.thirdly .advantage span{width:380px;height:486px;}
|
||||
.thirdly .advantage dl{width:520px;}
|
||||
.thirdly .advantage dl dd h2{font-size:22px;margin-bottom:10px;}
|
||||
.thirdly .advantage dl dd p,.thirdly .advantage dl dd p b,.thirdly .advantage dl dd p i{font-size:15px;font-weight:normal;}
|
||||
|
||||
.fourthbig .message span,.fourthbig .address span,.fourthbig .platform span,.fourthbig .mine span{width:390px;height:485px;}
|
||||
.fourthbig .message .right_bl{margin-top:68px;}
|
||||
.fourthbig .message .right_bl dt,.fourthbig .message .right_bl dd{width:500px;}
|
||||
.fourthbig .message .right_bl dt{line-height:38px;}
|
||||
|
||||
.fourthbig .platform .right_bl{margin-top:75px;}
|
||||
.fourthbig .platform .right_bl dd{padding-bottom:10px;}
|
||||
.fourthbig .platform .right_bl dd h3{width:510px;font-size:18px;}
|
||||
.fourthbig .platform .right_bl dd em{width:500px;font-size:15px;}
|
||||
|
||||
.fourthbig .mine .left_bl dd p{width:530px;}
|
||||
.fourthbig .mine span{margin-top:65px;}
|
||||
|
||||
.databig .data ul li{width:468px;height:310px;}
|
||||
.databig .data ul li span,.databig .data ul li em{width:434px;}
|
||||
}
|
||||
|
||||
@media screen and (max-width:720px){
|
||||
.bg .bg_right .count{margin:0px;}
|
||||
.bg .bg_right{width:auto;margin:0px;margin:20px 0px;}
|
||||
.bg .bg_right .count h1{display:block;font-size:21px;text-align:center;line-height:normal;float:none;}
|
||||
.bg .bg_right .count span{display:none;}
|
||||
.bg .bg_right p{display:block;margin:20px 0px;text-align:center;}
|
||||
|
||||
.bg .bg_right h2{display:block;font-size:32px;text-align:center;}
|
||||
.content h1, .content h2{font-size:18px;line-height:24px;padding:0 10px;text-align:center;}
|
||||
.video_app .video_left{display:none;}
|
||||
|
||||
.video_app{margin:0px;margin-top:20px;}
|
||||
.video_app .video_right{width:auto;margin-top:20px;}
|
||||
.video_app .video_right dd{font-size:13px;line-height:24px;margin-bottom:17px;,}
|
||||
|
||||
.contentbig{margin-bottom:30px;}
|
||||
.content h2{margin-top:10px;}
|
||||
.content h2 b{font-size:18px;line-height:32px;}
|
||||
.content i{display:none;}
|
||||
|
||||
.thirdly .superior em{width:280px;height:100px;background-size:100% 100%;}
|
||||
.thirdly .superior p{font-size:32px;}
|
||||
.thirdly .superior p b{font-size:46px;}
|
||||
.thirdly .superior span{font-size:13px;margin-top:2px;}
|
||||
.thirdly .superior i{width:100%;height:6px;background-size:100% 100%;margin-top:10px;}
|
||||
.thirdly .advantage span{width:100%;height:auto;}
|
||||
.thirdly .advantage{padding-bottom:0px;}
|
||||
|
||||
.thirdly .advantage dl{width:auto;margin-top:30px;}
|
||||
.thirdly .advantage dl dd h2{font-size:20px;}
|
||||
.thirdly .advantage dl dd p, .thirdly .advantage dl dd p b, .thirdly .advantage dl dd p i{font-size:14px;}
|
||||
|
||||
.fourthbig .fourth{width:auto;}
|
||||
.fourthbig .fourth .module{width:auto;height:auto;padding:0 20px;}
|
||||
.fourthbig .fourth .module span{width:100%;height:auto;background-size:100% 100%;margin:0px;margin-bottom:20px;}
|
||||
.fourthbig .fourth .module p.color_p{margin-top:20px;}
|
||||
.fourthbig .fourth span img{margin-top:-27px;}
|
||||
|
||||
.fourthbig .fourth .module p{font-size:16px;line-height:24px;}
|
||||
|
||||
.fourthbig .message span, .fourthbig .address span, .fourthbig .platform span, .fourthbig .mine span{width:100%;height:auto;float:none;}
|
||||
|
||||
.fourthbig .message .right_bl,.fourthbig .address .left_bl,.fourthbig .platform .right_bl,.fourthbig .mine .left_bl{float:none;margin-top:80px;}
|
||||
.fourthbig .message .right_bl h2,.fourthbig .address .left_bl h2,.fourthbig .platform .right_bl h2,.fourthbig .mine .left_bl h2
|
||||
{font-size:28px;background-size:10%;padding-left:50px;}
|
||||
|
||||
.fourthbig .message .right_bl dt, .fourthbig .message .right_bl dd,.fourthbig .address .left_bl dt,.fourthbig .address .left_bl dd,.fourthbig .platform .right_bl dd h3,
|
||||
.fourthbig .platform .right_bl dd em,.fourthbig .mine .left_bl dt,.fourthbig .mine .left_bl dd p{width:auto;}
|
||||
|
||||
.fourthbig .message .right_bl dt{font-size:16px;line-height:30px;}
|
||||
.fourthbig .message .right_bl dd{font-size:15px;line-height:24px;}
|
||||
.fourthbig .message .right_bl dt b{font-size:16px;}
|
||||
|
||||
.fourthbig .address .left_bl dt{font-size:16px;line-height:30px;}
|
||||
.fourthbig .platform .right_bl dd h3{font-size:16px;}
|
||||
.fourthbig .platform .right_bl dd em{font-size:15px;}
|
||||
.fourthbig .mine .left_bl dt{font-size:17px;line-height:28px;}
|
||||
.fourthbig .mine .left_bl dd p,.fourthbig .mine .left_bl dd p b,.fourthbig .mine .left_bl dd p i{font-size:14px;}
|
||||
.fourthbig{padding-bottom:0px;margin-top:15px;}
|
||||
|
||||
.databig .data{margin-top:0px;}
|
||||
.databig .data ul li i{float:none;margin:0 auto;margin-top:-46px;}
|
||||
|
||||
.databig .data ul li{width:49%;margin-right:0px;height:290px;}
|
||||
.databig .data ul li.li2{margin-left:1%;margin-top:0px;}
|
||||
.databig .data h3{font-size:22px;padding-top:18px;margin-bottom:0px;}
|
||||
.databig .data ul li span, .databig .data ul li em{width:auto;padding:0 10px;font-size:13px;}
|
||||
.databig .data ul li h4{font-size:26px;margin-top:10px;margin-bottom:12px;}
|
||||
|
||||
.second h1{font-size:25px;}
|
||||
.bg .bg_right p b{font-size:18px;}
|
||||
|
||||
.second ul{width:auto;}
|
||||
.second{margin-top:30px;margin-bottom:30px;height:auto;}
|
||||
.second ul li{display:block;width:32%;height:210px;}
|
||||
.second ul li p{display:block;width:auto;padding:0 10px;font-size:15px;}
|
||||
.second ul li b{font-size:15px;font-weight:normal;}
|
||||
.second ul li.function_li{margin:0 1.4%;}
|
||||
.second ul li span{height:120px;}
|
||||
|
||||
.video_iframe{position:relative;width:700px;height:394px;left:50%;top:0px;margin-left:-350px;}
|
||||
.fourthbig .fourth .module span{width:100%;}
|
||||
|
||||
.fourthbig .message span,.fourthbig .platform span,.thirdly .advantage span{width:40%;float:left;margin-top:35px;}
|
||||
.fourthbig .message .right_bl,.fourthbig .platform .right_bl,.thirdly .advantage dl{width:55%;;float:right;}
|
||||
|
||||
.fourthbig .address span,.fourthbig .mine span{width:40%;float:right;margin-top:35px;}
|
||||
.fourthbig .address .left_bl,.fourthbig .mine .left_bl{width:55%;float:left;}
|
||||
|
||||
.fourthbig .message .right_bl dt{margin-top:10px;margin-bottom:10px;}
|
||||
|
||||
.thirdly .advantage{margin-bottom:30px;}
|
||||
}
|
||||
|
||||
@media screen and (max-width:640px){
|
||||
.bg .bg_right .count{margin:0px;}
|
||||
.bg .bg_right{width:auto;margin:0px;margin:20px 0px;}
|
||||
.bg .bg_right .count h1{display:block;font-size:21px;text-align:center;line-height:normal;float:none;}
|
||||
.bg .bg_right .count span{display:none;}
|
||||
.bg .bg_right p{margin-top:20px;}
|
||||
|
||||
.bg .bg_right h2{display:block;font-size:32px;text-align:center;}
|
||||
.content h1, .content h2{font-size:18px;line-height:24px;}
|
||||
.content h1{padding:0 20px;}
|
||||
.video_app .video_left{display:none;}
|
||||
|
||||
.video_app{margin:0px;margin-top:20px;}
|
||||
.video_app .video_right{width:auto;margin-top:20px;}
|
||||
.video_app .video_right dd{font-size:13px;line-height:24px;margin-bottom:17px;,}
|
||||
|
||||
.contentbig{margin-bottom:30px;}
|
||||
.content h2{margin-top:10px;text-align:center;padding:0 20px;}
|
||||
.content h2 b{font-size:18px;line-height:32px;}
|
||||
.content i{display:none;}
|
||||
|
||||
.thirdly .superior em{width:280px;height:100px;background-size:100% 100%;}
|
||||
.thirdly .superior p{font-size:32px;}
|
||||
.thirdly .superior p b{font-size:46px;}
|
||||
.thirdly .superior span{font-size:13px;margin-top:2px;}
|
||||
.thirdly .superior i{width:100%;height:6px;background-size:100% 100%;margin-top:10px;}
|
||||
.thirdly .advantage span{width:40%;height:auto;margin-top:0px;}
|
||||
.thirdly .advantage{padding-bottom:0px;}
|
||||
|
||||
.thirdly .advantage dl{width:55%;margin-top:30px;}
|
||||
.thirdly .advantage dl dd h2{font-size:20px;}
|
||||
.thirdly .advantage dl dd p, .thirdly .advantage dl dd p b, .thirdly .advantage dl dd p i{font-size:14px;}
|
||||
|
||||
.fourthbig .fourth{width:auto;}
|
||||
.fourthbig .fourth .module{width:auto;height:auto;padding:0 20px;}
|
||||
.fourthbig .fourth .module span{width:100%;height:auto;background-size:100% 100%;margin:0px;margin-bottom:20px;}
|
||||
.fourthbig .fourth .module p.color_p{margin-top:20px;}
|
||||
.fourthbig .fourth span img{margin-top:-10px;}
|
||||
|
||||
.fourthbig .fourth .module p{font-size:16px;line-height:24px;}
|
||||
|
||||
.fourthbig .message span, .fourthbig .address span, .fourthbig .platform span, .fourthbig .mine span{width:100%;height:auto;float:none;}
|
||||
|
||||
.fourthbig .message .right_bl,.fourthbig .address .left_bl,.fourthbig .platform .right_bl,.fourthbig .mine .left_bl{float:none;margin-top:25px;}
|
||||
.fourthbig .message .right_bl h2,.fourthbig .address .left_bl h2,.fourthbig .platform .right_bl h2,.fourthbig .mine .left_bl h2
|
||||
{font-size:28px;background-size:10%;padding-left:50px;}
|
||||
|
||||
.fourthbig .message .right_bl dt, .fourthbig .message .right_bl dd,.fourthbig .address .left_bl dt,.fourthbig .address .left_bl dd,.fourthbig .platform .right_bl dd h3,
|
||||
.fourthbig .platform .right_bl dd em,.fourthbig .mine .left_bl dt,.fourthbig .mine .left_bl dd p{width:auto;}
|
||||
|
||||
.fourthbig .message .right_bl dt{font-size:16px;line-height:30px;}
|
||||
.fourthbig .message .right_bl dd{font-size:15px;line-height:24px;}
|
||||
.fourthbig .message .right_bl dt b{font-size:16px;}
|
||||
|
||||
.fourthbig .address .left_bl dt{font-size:16px;line-height:30px;}
|
||||
.fourthbig .platform .right_bl dd h3{font-size:16px;}
|
||||
.fourthbig .platform .right_bl dd em{font-size:15px;}
|
||||
.fourthbig .mine .left_bl dt{font-size:17px;line-height:28px;}
|
||||
.fourthbig .mine .left_bl dd p,.fourthbig .mine .left_bl dd p b,.fourthbig .mine .left_bl dd p i{font-size:14px;}
|
||||
.fourthbig{padding-bottom:0px;margin-top:15px;}
|
||||
|
||||
.databig .data ul li{width:100%;}
|
||||
.databig .data{margin-top:0px;}
|
||||
.databig .data ul li i{float:none;margin:0 auto;margin-top:-46px;}
|
||||
|
||||
.second h1{font-size:25px;}
|
||||
.bg .bg_right p b{font-size:18px;}
|
||||
|
||||
.databig .data ul li span, .databig .data ul li em{width:auto;padding:0 10px;font-size:13px;}
|
||||
.databig .data ul li h4{font-size:26px;margin-top:10px;margin-bottom:12px;}
|
||||
|
||||
.databig .data ul li.li2{margin-top:80px;}
|
||||
.databig .data h3{font-size:22px;padding-top:18px;margin-bottom:0px;}
|
||||
|
||||
.second ul{width:auto;}
|
||||
.second{margin-top:30px;margin-bottom:30px;height:auto;}
|
||||
.second ul li{display:block;width:99%;}
|
||||
.second ul li p{display:block;width:auto;padding:0 10px;font-size:15px;}
|
||||
.second ul li b{font-size:15px;font-weight:normal;}
|
||||
.second ul li.function_li{margin:10px 0px;}
|
||||
|
||||
.video_iframe{position:relative;width:520px;height:292px;left:50%;top:0px;margin-left:-260px;}
|
||||
.fourthbig .fourth .module span{width:100%;}
|
||||
.fourthbig .fourth span img{margin-top:-19px;}
|
||||
|
||||
.fourthbig .message span,.fourthbig .platform span{width:40%;float:left;margin-top:35px;}
|
||||
.fourthbig .message .right_bl,.fourthbig .platform .right_bl{width:55%;;float:right;}
|
||||
|
||||
.fourthbig .address span,.fourthbig .mine span{width:40%;float:right;margin-top:35px;}
|
||||
.fourthbig .address .left_bl,.fourthbig .mine .left_bl{width:55%;float:left;}
|
||||
|
||||
.databig .data ul li{width:49%;margin-right:0px;height:338px;}
|
||||
.databig .data ul li.li2{margin-left:1%;margin-top:0px;}
|
||||
|
||||
.second ul li{width:32%;height:236px;}
|
||||
.second ul li.function_li{margin:0 1.4%;}
|
||||
.second ul li span{height:120px;}
|
||||
|
||||
.fourthbig .message .right_bl dt{margin-top:10px;margin-bottom:10px;}
|
||||
|
||||
.thirdly .superior{margin-top:30px;}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media screen and (max-width:540px){
|
||||
.bg .bg_right .count{margin:0px;}
|
||||
.bg .bg_right{width:auto;margin:0px;margin:20px 0px;}
|
||||
.bg .bg_right .count h1{display:block;font-size:21px;text-align:center;line-height:normal;float:none;}
|
||||
.bg .bg_right .count span{display:none;}
|
||||
.bg .bg_right p{margin-top:20px;}
|
||||
|
||||
.bg .bg_right h2{display:block;font-size:32px;text-align:center;}
|
||||
.content h1, .content h2{font-size:18px;line-height:24px;}
|
||||
.content h1{padding:0 20px;}
|
||||
.video_app .video_left{display:none;}
|
||||
|
||||
.video_app{margin:0px;margin-top:20px;}
|
||||
.video_app .video_right{width:auto;margin-top:20px;}
|
||||
.video_app .video_right dd{font-size:13px;line-height:24px;margin-bottom:17px;,}
|
||||
|
||||
.contentbig{margin-bottom:30px;}
|
||||
.content h2{margin-top:10px;text-align:center;padding:0 20px;}
|
||||
.content h2 b{font-size:18px;line-height:32px;}
|
||||
.content i{display:none;}
|
||||
|
||||
.thirdly .superior em{width:280px;height:100px;background-size:100% 100%;}
|
||||
.thirdly .superior p{font-size:32px;}
|
||||
.thirdly .superior p b{font-size:46px;}
|
||||
.thirdly .superior span{font-size:13px;margin-top:2px;}
|
||||
.thirdly .superior i{width:100%;height:6px;background-size:100% 100%;margin-top:10px;}
|
||||
.thirdly .advantage span{width:100%;height:auto;margin-top:0px;}
|
||||
.thirdly .advantage{padding-bottom:0px;}
|
||||
|
||||
.thirdly .advantage dl{width:auto;margin-top:30px;}
|
||||
.thirdly .advantage dl dd h2{font-size:20px;}
|
||||
.thirdly .advantage dl dd p, .thirdly .advantage dl dd p b, .thirdly .advantage dl dd p i{font-size:14px;}
|
||||
|
||||
.fourthbig .fourth{width:auto;}
|
||||
.fourthbig .fourth .module{width:auto;height:auto;padding:0 20px;}
|
||||
.fourthbig .fourth .module span{width:100%;height:auto;background-size:100% 100%;margin:0px;margin-bottom:20px;}
|
||||
.fourthbig .fourth .module p.color_p{margin-top:20px;}
|
||||
.fourthbig .fourth span img{margin-top:-10px;}
|
||||
|
||||
.fourthbig .fourth .module p{font-size:16px;line-height:24px;}
|
||||
|
||||
.fourthbig .message span, .fourthbig .address span, .fourthbig .platform span, .fourthbig .mine span{width:100%;height:auto;float:none;}
|
||||
|
||||
.fourthbig .message .right_bl,.fourthbig .address .left_bl,.fourthbig .platform .right_bl,.fourthbig .mine .left_bl{float:none;margin-top:25px;}
|
||||
.fourthbig .message .right_bl h2,.fourthbig .address .left_bl h2,.fourthbig .platform .right_bl h2,.fourthbig .mine .left_bl h2
|
||||
{font-size:28px;background-size:10%;padding-left:50px;}
|
||||
|
||||
.fourthbig .message .right_bl dt, .fourthbig .message .right_bl dd,.fourthbig .address .left_bl dt,.fourthbig .address .left_bl dd,.fourthbig .platform .right_bl dd h3,
|
||||
.fourthbig .platform .right_bl dd em,.fourthbig .mine .left_bl dt,.fourthbig .mine .left_bl dd p{width:auto;}
|
||||
|
||||
.fourthbig .message .right_bl dt{font-size:16px;line-height:30px;}
|
||||
.fourthbig .message .right_bl dd{font-size:15px;line-height:24px;}
|
||||
.fourthbig .message .right_bl dt b{font-size:16px;}
|
||||
|
||||
.fourthbig .address .left_bl dt{font-size:16px;line-height:30px;}
|
||||
.fourthbig .platform .right_bl dd h3{font-size:16px;}
|
||||
.fourthbig .platform .right_bl dd em{font-size:15px;}
|
||||
.fourthbig .mine .left_bl dt{font-size:17px;line-height:28px;}
|
||||
.fourthbig .mine .left_bl dd p,.fourthbig .mine .left_bl dd p b,.fourthbig .mine .left_bl dd p i{font-size:14px;}
|
||||
.fourthbig{padding-bottom:0px;margin-top:15px;}
|
||||
|
||||
.databig .data ul li{width:100%;}
|
||||
.databig .data{margin-top:0px;}
|
||||
.databig .data ul li i{float:none;margin:0 auto;margin-top:-46px;}
|
||||
|
||||
.second h1{font-size:25px;}
|
||||
.bg .bg_right p b{font-size:18px;}
|
||||
|
||||
.databig .data ul li span, .databig .data ul li em{width:auto;padding:0 10px;font-size:13px;}
|
||||
.databig .data ul li h4{font-size:26px;margin-top:10px;margin-bottom:12px;}
|
||||
|
||||
.databig .data ul li.li2{margin-top:80px;}
|
||||
.databig .data h3{font-size:22px;padding-top:18px;margin-bottom:0px;}
|
||||
|
||||
.second ul{width:auto;}
|
||||
.second{margin-top:30px;margin-bottom:30px;height:auto;}
|
||||
.second ul li{display:block;width:99%;}
|
||||
.second ul li p{display:block;width:auto;padding:0 10px;font-size:15px;}
|
||||
.second ul li b{font-size:15px;font-weight:normal;}
|
||||
.second ul li.function_li{margin:10px 0px;}
|
||||
|
||||
.video_iframe{position:relative;width:520px;height:292px;left:50%;top:0px;margin-left:-260px;}
|
||||
.fourthbig .fourth .module span{width:100%;}
|
||||
.fourthbig .fourth span img{margin-top:-19px;}
|
||||
|
||||
.fourthbig .message span,.fourthbig .platform span{width:40%;float:left;margin-top:35px;}
|
||||
.fourthbig .message .right_bl,.fourthbig .platform .right_bl{width:55%;;float:right;}
|
||||
|
||||
.fourthbig .address span,.fourthbig .mine span{width:40%;float:right;margin-top:35px;}
|
||||
.fourthbig .address .left_bl,.fourthbig .mine .left_bl{width:55%;float:left;}
|
||||
|
||||
.databig .data ul li{width:49%;margin-right:0px;height:338px;}
|
||||
.databig .data ul li.li2{margin-left:1%;margin-top:0px;}
|
||||
|
||||
.second ul li{width:32%;height:236px;}
|
||||
.second ul li.function_li{margin:0 1.4%;}
|
||||
.second ul li span{height:120px;}
|
||||
|
||||
.fourthbig .message .right_bl dt{margin-top:10px;margin-bottom:10px;}
|
||||
|
||||
.thirdly .superior{margin-top:30px;}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width:414px){
|
||||
.bg .bg_right .count{margin:0px;}
|
||||
.bg .bg_right{width:auto;margin:0px;margin:20px 0px;}
|
||||
.bg .bg_right .count h1{display:block;font-size:21px;text-align:center;line-height:normal;float:none;}
|
||||
.bg .bg_right .count span{display:none;}
|
||||
.bg .bg_right p{margin-top:20px;}
|
||||
|
||||
.bg .bg_right h2{display:block;font-size:32px;text-align:center;}
|
||||
.content h1, .content h2{font-size:18px;line-height:24px;}
|
||||
.content h1{padding:0 20px;}
|
||||
.video_app .video_left{display:none;}
|
||||
|
||||
.video_app{margin:0px;margin-top:20px;}
|
||||
.video_app .video_right{width:auto;margin-top:20px;}
|
||||
.video_app .video_right dd{font-size:13px;line-height:24px;margin-bottom:17px;,}
|
||||
|
||||
.contentbig{margin-bottom:30px;}
|
||||
.content h2{margin-top:10px;text-align:center;padding:0 20px;}
|
||||
.content h2 b{font-size:18px;line-height:32px;}
|
||||
.content i{display:none;}
|
||||
|
||||
.thirdly .superior em{width:280px;height:100px;background-size:100% 100%;}
|
||||
.thirdly .superior p{font-size:32px;}
|
||||
.thirdly .superior p b{font-size:46px;}
|
||||
.thirdly .superior span{font-size:13px;margin-top:2px;}
|
||||
.thirdly .superior i{width:100%;height:6px;background-size:100% 100%;margin-top:10px;}
|
||||
.thirdly .advantage span{width:100%;height:auto;margin-top:0px;}
|
||||
.thirdly .advantage{padding-bottom:0px;}
|
||||
|
||||
.thirdly .advantage dl{width:auto;margin-top:30px;}
|
||||
.thirdly .advantage dl dd h2{font-size:20px;}
|
||||
.thirdly .advantage dl dd p, .thirdly .advantage dl dd p b, .thirdly .advantage dl dd p i{font-size:14px;}
|
||||
|
||||
.fourthbig .fourth{width:auto;}
|
||||
.fourthbig .fourth .module{width:auto;height:auto;padding:0 20px;}
|
||||
.fourthbig .fourth .module span{width:100%;height:auto;background-size:100% 100%;margin:0px;margin-bottom:20px;}
|
||||
.fourthbig .fourth .module p.color_p{margin-top:20px;}
|
||||
.fourthbig .fourth span img{margin-top:-10px;}
|
||||
|
||||
.fourthbig .fourth .module p{font-size:16px;line-height:24px;}
|
||||
|
||||
.fourthbig .message span, .fourthbig .address span, .fourthbig .platform span, .fourthbig .mine span{width:100%;height:auto;float:none;}
|
||||
|
||||
.fourthbig .message .right_bl,.fourthbig .address .left_bl,.fourthbig .platform .right_bl,.fourthbig .mine .left_bl{width:100%;float:none;margin-top:25px;}
|
||||
.fourthbig .message .right_bl h2,.fourthbig .address .left_bl h2,.fourthbig .platform .right_bl h2,.fourthbig .mine .left_bl h2
|
||||
{font-size:28px;background-size:10%;padding-left:50px;}
|
||||
|
||||
.fourthbig .message .right_bl dt, .fourthbig .message .right_bl dd,.fourthbig .address .left_bl dt,.fourthbig .address .left_bl dd,.fourthbig .platform .right_bl dd h3,
|
||||
.fourthbig .platform .right_bl dd em,.fourthbig .mine .left_bl dt,.fourthbig .mine .left_bl dd p{width:auto;}
|
||||
|
||||
.fourthbig .message .right_bl dt{font-size:16px;line-height:30px;}
|
||||
.fourthbig .message .right_bl dd{font-size:15px;line-height:24px;}
|
||||
.fourthbig .message .right_bl dt b{font-size:16px;}
|
||||
|
||||
.fourthbig .address .left_bl dt{font-size:16px;line-height:30px;}
|
||||
.fourthbig .platform .right_bl dd h3{font-size:16px;}
|
||||
.fourthbig .platform .right_bl dd em{font-size:15px;}
|
||||
.fourthbig .mine .left_bl dt{font-size:17px;line-height:28px;}
|
||||
.fourthbig .mine .left_bl dd p,.fourthbig .mine .left_bl dd p b,.fourthbig .mine .left_bl dd p i{font-size:14px;}
|
||||
.fourthbig{padding-bottom:0px;margin-top:15px;}
|
||||
|
||||
.databig .data ul li{width:100%;}
|
||||
.databig .data{margin-top:0px;}
|
||||
.databig .data ul li i{float:none;margin:0 auto;margin-top:-46px;}
|
||||
|
||||
.second h1{font-size:25px;}
|
||||
.bg .bg_right p b{font-size:18px;}
|
||||
|
||||
.databig .data ul li span, .databig .data ul li em{width:auto;padding:0 10px;font-size:13px;}
|
||||
.databig .data ul li h4{font-size:26px;margin-top:10px;margin-bottom:12px;}
|
||||
|
||||
.databig .data ul li.li2{margin-top:80px;}
|
||||
.databig .data h3{font-size:22px;padding-top:18px;margin-bottom:0px;}
|
||||
|
||||
.second ul{width:auto;}
|
||||
.second{margin-top:30px;margin-bottom:30px;height:auto;}
|
||||
.second ul li{display:block;width:99%;}
|
||||
.second ul li p{display:block;width:auto;padding:0 7px;font-size:14px;}
|
||||
.second ul li b{font-size:14px;font-weight:normal;}
|
||||
.second ul li.function_li{margin:10px 0px;}
|
||||
|
||||
.video_iframe{position:relative;width:394px;height:222px;left:50%;top:0px;margin-left:-197px;}
|
||||
.fourthbig .fourth .module span{width:102%;}
|
||||
.fourthbig .fourth span img{margin-top:-15px;}
|
||||
.fourthbig .message .right_bl h2, .fourthbig .address .left_bl h2, .fourthbig .platform .right_bl h2, .fourthbig .mine .left_bl h2
|
||||
{background-size:10%;}
|
||||
|
||||
.databig .data ul li{width:100%;}
|
||||
.databig .data{margin-top:0px;}
|
||||
.databig .data ul li i{float:none;margin:0 auto;margin-top:-46px;}
|
||||
|
||||
.second ul li{width:32%;height:222px;}
|
||||
.second ul li.function_li{margin:0 1.2%;}
|
||||
.second ul li span{height:90px;}
|
||||
|
||||
.fourthbig .message .right_bl dt{margin-top:10px;margin-bottom:10px;}
|
||||
|
||||
.databig .data ul li{height:290px;}
|
||||
.thirdly .superior{margin-top:30px;}
|
||||
}
|
||||
|
||||
@media screen and (max-width:375px){
|
||||
.bg .bg_right .count{margin:0px;}
|
||||
.bg .bg_right{width:auto;margin:0px;margin:20px 0px;}
|
||||
.bg .bg_right .count h1{display:block;font-size:21px;text-align:center;line-height:normal;float:none;}
|
||||
.bg .bg_right .count span{display:none;}
|
||||
.bg .bg_right p{margin-top:20px;}
|
||||
|
||||
.bg .bg_right h2{display:block;font-size:32px;text-align:center;}
|
||||
.content h1, .content h2{font-size:18px;line-height:24px;}
|
||||
.content h1{padding:0 20px;}
|
||||
.video_app .video_left{display:none;}
|
||||
|
||||
.video_app{margin:0px;margin-top:20px;}
|
||||
.video_app .video_right{width:auto;margin-top:20px;}
|
||||
.video_app .video_right dd{font-size:13px;line-height:24px;margin-bottom:17px;,}
|
||||
|
||||
.contentbig{margin-bottom:30px;}
|
||||
.content h2{margin-top:10px;text-align:center;padding:0 20px;}
|
||||
.content h2 b{font-size:18px;line-height:32px;}
|
||||
.content i{display:none;}
|
||||
|
||||
.thirdly .superior em{width:280px;height:100px;background-size:100% 100%;}
|
||||
.thirdly .superior p{font-size:32px;}
|
||||
.thirdly .superior p b{font-size:46px;}
|
||||
.thirdly .superior span{font-size:13px;margin-top:2px;}
|
||||
.thirdly .superior i{width:100%;height:6px;background-size:100% 100%;margin-top:10px;}
|
||||
.thirdly .advantage span{width:100%;height:auto;}
|
||||
.thirdly .advantage{padding-bottom:0px;}
|
||||
|
||||
.thirdly .advantage dl{width:auto;margin-top:30px;}
|
||||
.thirdly .advantage dl dd h2{font-size:20px;}
|
||||
.thirdly .advantage dl dd p, .thirdly .advantage dl dd p b, .thirdly .advantage dl dd p i{font-size:14px;}
|
||||
|
||||
.fourthbig .fourth{width:auto;}
|
||||
.fourthbig .fourth .module{width:auto;height:auto;padding:0 20px;}
|
||||
.fourthbig .fourth .module span{width:100%;height:auto;background-size:100% 100%;margin:0px;margin-bottom:20px;}
|
||||
.fourthbig .fourth .module p.color_p{margin-top:20px;}
|
||||
.fourthbig .fourth span img{margin-top:-10px;}
|
||||
|
||||
.fourthbig .fourth .module p{font-size:16px;line-height:24px;}
|
||||
|
||||
.fourthbig .message span, .fourthbig .address span, .fourthbig .platform span, .fourthbig .mine span{width:100%;height:auto;float:none;}
|
||||
|
||||
.fourthbig .message .right_bl,.fourthbig .address .left_bl,.fourthbig .platform .right_bl,.fourthbig .mine .left_bl{float:none;margin-top:25px;}
|
||||
.fourthbig .message .right_bl h2,.fourthbig .address .left_bl h2,.fourthbig .platform .right_bl h2,.fourthbig .mine .left_bl h2
|
||||
{font-size:28px;background-size:14%;padding-left:50px;}
|
||||
|
||||
.fourthbig .message .right_bl dt, .fourthbig .message .right_bl dd,.fourthbig .address .left_bl dt,.fourthbig .address .left_bl dd,.fourthbig .platform .right_bl dd h3,
|
||||
.fourthbig .platform .right_bl dd em,.fourthbig .mine .left_bl dt,.fourthbig .mine .left_bl dd p{width:auto;}
|
||||
|
||||
.fourthbig .message .right_bl dt{font-size:16px;line-height:30px;}
|
||||
.fourthbig .message .right_bl dd{font-size:15px;line-height:24px;}
|
||||
.fourthbig .message .right_bl dt b{font-size:16px;}
|
||||
|
||||
.fourthbig .address .left_bl dt{font-size:16px;line-height:30px;}
|
||||
.fourthbig .platform .right_bl dd h3{font-size:16px;}
|
||||
.fourthbig .platform .right_bl dd em{font-size:15px;}
|
||||
.fourthbig .mine .left_bl dt{font-size:17px;line-height:28px;}
|
||||
.fourthbig .mine .left_bl dd p,.fourthbig .mine .left_bl dd p b,.fourthbig .mine .left_bl dd p i{font-size:14px;}
|
||||
.fourthbig{padding-bottom:0px;margin-top:15px;}
|
||||
|
||||
.databig .data ul li{width:100%;}
|
||||
.databig .data{margin-top:0px;}
|
||||
.databig .data ul li i{float:none;margin:0 auto;margin-top:-46px;}
|
||||
|
||||
.second h1{font-size:25px;}
|
||||
.bg .bg_right p b{font-size:18px;}
|
||||
|
||||
.databig .data ul li span, .databig .data ul li em{width:auto;padding:0 10px;font-size:13px;}
|
||||
.databig .data ul li h4{font-size:26px;margin-top:10px;margin-bottom:12px;}
|
||||
|
||||
.databig .data ul li.li2{margin-top:80px;}
|
||||
.databig .data h3{font-size:22px;padding-top:18px;margin-bottom:0px;}
|
||||
|
||||
.second ul{width:auto;}
|
||||
.second{margin-top:30px;margin-bottom:30px;height:auto;}
|
||||
.second ul li{display:block;width:99%;}
|
||||
.second ul li p{display:block;width:auto;padding:0 10px;font-size:15px;}
|
||||
.second ul li b{font-size:15px;font-weight:normal;}
|
||||
.second ul li.function_li{margin:10px 0px;}
|
||||
|
||||
.video_iframe{position:relative;width:355px;height:200px;left:50%;top:0px;margin-left:-178px;}
|
||||
.content h1, .content h2{font-size:17px;}
|
||||
.fourthbig .address .left_bl dd{font-size:15px;}
|
||||
.fourthbig .message .right_bl h2, .fourthbig .address .left_bl h2, .fourthbig .platform .right_bl h2, .fourthbig .mine .left_bl h2
|
||||
{background-size:11%;}
|
||||
.fourthbig .fourth .module p{font-size:15px;}
|
||||
.fourthbig .fourth .module span{width:98%;}
|
||||
.fourthbig .fourth span img{margin-top:-12px;}
|
||||
|
||||
|
||||
|
||||
.second ul li span{height:140px;}
|
||||
.databig .data ul li{height:290px;}
|
||||
}
|
||||
|
||||
@media screen and (max-width:320px){
|
||||
.bg .bg_right .count{margin:0px;}
|
||||
.bg .bg_right{width:auto;margin:0px;margin:20px 0px;}
|
||||
.bg .bg_right .count h1{display:block;font-size:21px;text-align:center;line-height:normal;float:none;}
|
||||
.bg .bg_right .count span{display:none;}
|
||||
.bg .bg_right p{margin-top:20px;}
|
||||
|
||||
.bg .bg_right h2{display:block;font-size:32px;text-align:center;}
|
||||
.content h1, .content h2{font-size:18px;line-height:24px;}
|
||||
.content h1{padding:0 20px;}
|
||||
.video_app .video_left{display:none;}
|
||||
.video_iframe{position:relative;width:300px;height:178px;left:50%;top:0px;margin-left:-150px;}
|
||||
.video_app{margin:0px;margin-top:20px;}
|
||||
.video_app .video_right{width:auto;margin-top:20px;}
|
||||
.video_app .video_right dd{font-size:13px;line-height:24px;margin-bottom:17px;,}
|
||||
|
||||
.contentbig{margin-bottom:30px;}
|
||||
.content h2{margin-top:10px;text-align:center;padding:0 10px;}
|
||||
.content h2 b{font-size:18px;line-height:32px;}
|
||||
.content i{display:none;}
|
||||
|
||||
.thirdly .superior em{width:280px;height:100px;background-size:100% 100%;}
|
||||
.thirdly .superior p{font-size:32px;}
|
||||
.thirdly .superior p b{font-size:46px;}
|
||||
.thirdly .superior span{font-size:13px;margin-top:2px;}
|
||||
.thirdly .superior i{width:100%;height:6px;background-size:100% 100%;margin-top:10px;}
|
||||
.thirdly .advantage span{width:100%;height:auto;}
|
||||
.thirdly .advantage{padding-bottom:0px;}
|
||||
|
||||
.thirdly .advantage dl{width:auto;margin-top:30px;}
|
||||
.thirdly .advantage dl dd h2{font-size:20px;}
|
||||
.thirdly .advantage dl dd p, .thirdly .advantage dl dd p b, .thirdly .advantage dl dd p i{font-size:14px;}
|
||||
|
||||
.fourthbig .fourth{width:auto;}
|
||||
.fourthbig .fourth .module{width:auto;height:auto;padding:0 10px;}
|
||||
.fourthbig .fourth .module span{width:100%;height:auto;background-size:100% 100%;margin:0px;margin-bottom:20px;}
|
||||
.fourthbig .fourth .module p.color_p{margin-top:20px;}
|
||||
.fourthbig .fourth span img{margin-top:-10px;}
|
||||
|
||||
.fourthbig .fourth .module p{font-size:16px;line-height:24px;}
|
||||
|
||||
.fourthbig .message span, .fourthbig .address span, .fourthbig .platform span, .fourthbig .mine span{width:100%;height:auto;float:none;}
|
||||
|
||||
.fourthbig .message .right_bl,.fourthbig .address .left_bl,.fourthbig .platform .right_bl,.fourthbig .mine .left_bl{float:none;margin-top:25px;}
|
||||
.fourthbig .message .right_bl h2,.fourthbig .address .left_bl h2,.fourthbig .platform .right_bl h2,.fourthbig .mine .left_bl h2
|
||||
{font-size:28px;background-size:14%;padding-left:50px;}
|
||||
|
||||
.fourthbig .message .right_bl dt, .fourthbig .message .right_bl dd,.fourthbig .address .left_bl dt,.fourthbig .address .left_bl dd,.fourthbig .platform .right_bl dd h3,
|
||||
.fourthbig .platform .right_bl dd em,.fourthbig .mine .left_bl dt,.fourthbig .mine .left_bl dd p{width:auto;}
|
||||
|
||||
.fourthbig .message .right_bl dt{font-size:16px;line-height:30px;}
|
||||
.fourthbig .message .right_bl dd{font-size:15px;line-height:24px;}
|
||||
.fourthbig .message .right_bl dt b{font-size:16px;}
|
||||
|
||||
.fourthbig .address .left_bl dt{font-size:16px;line-height:30px;}
|
||||
.fourthbig .platform .right_bl dd h3{font-size:16px;}
|
||||
.fourthbig .platform .right_bl dd em{font-size:15px;}
|
||||
.fourthbig .mine .left_bl dt{font-size:17px;line-height:28px;}
|
||||
.fourthbig .mine .left_bl dd p,.fourthbig .mine .left_bl dd p b,.fourthbig .mine .left_bl dd p i{font-size:14px;}
|
||||
.fourthbig{padding-bottom:0px;margin-top:15px;}
|
||||
|
||||
.databig .data ul li{width:100%;height:320px;}
|
||||
.databig .data{margin-top:0px;}
|
||||
.databig .data ul li i{float:none;margin:0 auto;margin-top:-46px;}
|
||||
|
||||
.second h1{font-size:25px;}
|
||||
.bg .bg_right p b{font-size:18px;}
|
||||
|
||||
.databig .data ul li span, .databig .data ul li em{width:auto;padding:0 10px;font-size:13px;}
|
||||
.databig .data ul li h4{font-size:26px;margin-top:10px;margin-bottom:12px;}
|
||||
|
||||
.databig .data ul li.li2{margin-top:80px;}
|
||||
.databig .data h3{font-size:22px;padding-top:18px;margin-bottom:0px;}
|
||||
|
||||
.second ul{width:auto;}
|
||||
.second{margin-top:30px;margin-bottom:30px;height:auto;}
|
||||
.second ul li{display:block;width:99%;}
|
||||
.second ul li p{display:block;width:auto;padding:0 10px;font-size:15px;}
|
||||
.second ul li b{font-size:15px;font-weight:normal;}
|
||||
.second ul li.function_li{margin:10px 0px;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.second ul li span{height:140px;}
|
||||
}
|
||||
|
||||
@media screen and (max-width:320px),(max-width:375px),(max-width:414px),(max-width:540px),(max-width:640px),(max-width:720px){
|
||||
.bg,.video_app,.second,.thirdly,.databig .data,.fourthbig .message,.fourthbig .address,.fourthbig .platform,.fourthbig .mine{width:auto;padding:0 10px;overflow: hidden;}
|
||||
.app_header{display:block;}
|
||||
|
||||
.big{width:100%;height:auto;margin-left:0px;position:static;margin-top:38px !important;}
|
||||
.bg .bg_left{display:none;}
|
||||
.bg .bg_right{float:none;}
|
||||
.bg{width:auto;overflow:hidden;margin-top:0px;}
|
||||
.thirdly{margin-top:0px;}
|
||||
|
||||
.fourthbig .message{margin-top:0px;}
|
||||
|
||||
/*隐藏联系插件*/
|
||||
.float,.headerbox,.footer{display:none !important;}
|
||||
.t10{display:block;}
|
||||
}
|
||||
Executable
+193
@@ -0,0 +1,193 @@
|
||||
@charset "utf-8";
|
||||
/* 嗨路客·解决方案 */
|
||||
|
||||
.banner{margin-top:142px;}
|
||||
.solution{display:block;overflow:hidden;margin-bottom:-20px;}
|
||||
.solution_b{display:block;background:url(../../resource/images/single/solution/solu_bj.png) no-repeat;width:1920px;height:500px;position:relative;left:50%;top:0px;margin-left:-960px;overflow:hidden;}
|
||||
.solutionul{display:block;width:1200px;margin:0 auto;position:relative;}
|
||||
.solutionul li{display:block;position:absolute;}
|
||||
.solutionul .s1{left:100px;top:94px;z-index:2;-webkit-animation: a2 1s 0.5s ease both;-moz-animation: a2 1s 0.5s ease both;animation: a2 1s 0.5s ease both;}
|
||||
.solutionul .s2{left:325px;top:180px;-webkit-animation: a2 1s 0.6s ease both;-moz-animation: a2 1s 0.6s ease both;animation: a2 1s 0.6s ease both;}
|
||||
.solutionul .s3{left:260px;top:266px;-webkit-animation: a6 1s 0.8s ease both;-moz-animation: a6 1s 0.8s ease both;animation: a6 1s 0.8s ease both;}
|
||||
.solutionul .s4{left:300px;top:344px;-webkit-animation:a6 1s 0.9s ease both;-moz-animation: a6 1s 0.9s ease both;animation: a6 1s 0.9s ease both;}
|
||||
.solutionul .s5{left:200px;top:244px;z-index:2;-webkit-animation:a4 1s 0.7s ease both;-moz-animation: a4 1s 0.7s ease both;animation: a4 1s 0.7s ease both;}
|
||||
.solutionul .s6{left:160px;top:30px;-webkit-animation: a1 1s 0.1s ease both;-moz-animation: a1 1s 0.1s ease both;animation: a1 1s 0.1s ease both;}
|
||||
.solutionul .s7{left:0px;top:300px;-webkit-animation:a10 1s 1s ease both;-moz-animation: a10 1s 1s ease both;animation: a10 1s 1s ease both;}
|
||||
|
||||
.solution6{display:block;overflow:hidden;width:1200px;margin:0 auto;margin-top:60px;}
|
||||
.solution6 h1,.entrance h1,.efficiency h1,.solution4 h1,.solutionbox h1,.demand h1,.choose h1{display:block;font-size:40px;color:#00a8ee;font-weight:bold;text-align:center;
|
||||
-webkit-animation: a1 1s 0.5s ease both;-moz-animation: a1 1s 0.5s ease both;animation: a1 1s 0.5s ease both;}
|
||||
.solution6 h1 b,.entrance h1 b,.solution4 h1 b,.solutionbox h1 b{font-size:40px;color:#ee7e00;}
|
||||
.solution6 ul{display:block;overflow:hidden;margin-top:30px;width:1250px;}
|
||||
.solution6 ul li{display:block;float:left;margin:20px 0px;box-sizing:border-box;margin-right:39px;}
|
||||
.solution6 ul li.li1{-webkit-animation: a1 1s 0.7s ease both;-moz-animation: a1 1s 0.7s ease both;animation: a1 1s 0.7s ease both;}
|
||||
.solution6 ul li.li2{-webkit-animation: a4 1s 0.7s ease both;-moz-animation: a4 1s 0.7s ease both;animation: a4 1s 0.7s ease both;}
|
||||
.solution6 ul li i{display:block;width:372px;height:5px;background:url(../../resource/images/single/solution/solu_bott.png) no-repeat center bottom;}
|
||||
.solu_li{display:block;width:370px;height:280px;border:solid 1px #e9e9e9;overflow:hidden;}
|
||||
.solu_li img{display:block;margin:10px auto;}
|
||||
.solu_li h2{display:block;font-size:24px;color:#4f4f4f;font-weight:bold;text-align:center;}
|
||||
.solu_li p{display:block;padding:0 15px;font-size:16px;color:#848484;margin-top:15px;line-height:24px;}
|
||||
|
||||
.entrance{display:block;overflow:hidden;margin-top:60px;}
|
||||
.entrance p{display:block;text-align:center;font-size:32px;color:#555;margin-top:8px;
|
||||
-webkit-animation: a7 1s 1s ease both;-moz-animation: a7 1s 1s ease both;animation: a7 1s 1s ease both;}
|
||||
.entrance img{display:block;margin:0 auto;margin-top:80px;
|
||||
-webkit-animation: a4 1s 1.2s ease both;-moz-animation: a4 1s 1.2s ease both;animation: a4 1s 1.2s ease both;}
|
||||
|
||||
.efficiency{display:block;overflow:hidden;background:#f2f2f2;padding-top:50px;}
|
||||
.efficiency em{display:block;text-align:center;font-size:24px;color:#555;background:url(../../resource/images/single/solution/solu_dot.png) no-repeat bottom center;padding-bottom:40px;
|
||||
-webkit-animation: a1 1s 0.7s ease both;-moz-animation: a1 1s 0.7s ease both;animation: a1 1s 0.7s ease both;}
|
||||
.efficiency ul{display:block;overflow:hidden;width:1200px;margin:0 auto;margin-top:40px;padding-bottom:80px;}
|
||||
.efficiency ul li{display:block;float:left;width:300px;height:300px;padding-right:50px;box-sizing:border-box;}
|
||||
.effi_div{display:block;background:#f1a758;width:262px;height:300px;border-radius:20px;border:solid 6px #fff;}
|
||||
.effi_div img{display:block;margin:20px auto;}
|
||||
.effi_div h2{display:block;text-align:center;font-size:30px;color:#fff;}
|
||||
.effi_div p{display:block;font-size:18px;line-height:28px;color:#fff;padding:0 10px;margin-top:10px;}
|
||||
|
||||
ul .j1{-webkit-animation: a1 1s 1s ease both;-moz-animation: a1 1s 1s ease both;animation: a1 1s 1s ease both;}
|
||||
ul .j2{-webkit-animation: a4 1s 1s ease both;-moz-animation: a4 1s 1s ease both;animation: a4 1s 1s ease both;}
|
||||
ul .j3{-webkit-animation: a3 1s 1s ease both;-moz-animation: a3 1s 1s ease both;animation: a3 1s 1s ease both;}
|
||||
ul .j4{-webkit-animation: a6 1s 1s ease both;-moz-animation: a6 1s 1s ease both;animation: a6 1s 1s ease both;}
|
||||
ul .j5{-webkit-animation: a2 1s 1s ease both;-moz-animation: a2 1s 1s ease both;animation: a2 1s 1s ease both;}
|
||||
|
||||
.solution4{display:block;overflow:hidden;padding-top:80px;}
|
||||
.solution4 ul{width:1200px;height:600px;margin:0 auto;margin-top:80px;position:relative;}
|
||||
.solution4 ul li{display:block;position:absolute;}
|
||||
.solution4 ul .t1{left:435px;top:165px;z-index:1;-webkit-animation: a3 1s 0.9s ease both;-moz-animation: a3 1s 0.9s ease both;animation: a3 1s 0.9s ease both;}
|
||||
.solution4 ul .t2{left:325px;top:10px;-webkit-animation: a3 1s 1s ease both;-moz-animation: a3 1s 1s ease both;animation: a3 1s 1s ease both;}
|
||||
.solution4 ul .t3{left:170px;top:200px;-webkit-animation: a3 1s 1.1s ease both;-moz-animation: a3 1s 1.1s ease both;animation: a3 1s 1.1s ease both;}
|
||||
.solution4 ul .t4{left:80px;top:-30px;-webkit-animation: a3 1s 1.2s ease both;-moz-animation: a3 1s 1.2s ease both;animation: a3 1s 1.2s ease both;}
|
||||
.solution4 ul .t5{right:90px;top:0px;-webkit-animation: a2 1s 0.8s ease both;-moz-animation: a2 1s 0.8s ease both;animation: a2 1s 0.8s ease both;}
|
||||
|
||||
.solutionbox{display:block;background:#f2f2f2;padding-top:50px;overflow:hidden;}
|
||||
.solutionbox em{display:block;text-align:center;font-size:20px;color:#555;margin-top:5px;line-height:30px;
|
||||
-webkit-animation: a7 1s 1s ease both;-moz-animation: a7 1s 1s ease both;animation: a7 1s 1s ease both;}
|
||||
.solutionbox .solu_mz{display:block;width:1200px;margin:0 auto;margin-top:30px;overflow:hidden;padding-bottom:30px;}
|
||||
.solutionbox .solu_mz ul{display:block;width:1250px;overflow:hidden;}
|
||||
.solutionbox ul li{display:block;float:left;overflow:hidden;margin:20px 0px;margin-right:43px;background:#fff;border:solid 1px #fff;width:366px;height:266px;position:relative;}
|
||||
.solutionbox ul li:hover{border:solid 1px #00a8ee;}
|
||||
.solutionbox ul li:hover a{bottom:0px;}
|
||||
.solu_divb img{display:block;margin:20px auto;}
|
||||
.solu_divb h2{display:block;font-size:24px;color:#555;text-align:center;}
|
||||
.solu_divb p{display:block;padding:0 20px;font-size:16px;color:#555;line-height:24px;margin-top:20px;}
|
||||
|
||||
/*.divli{display:block;width:100%;height:100%;position:absolute;left:0px;top:0px;background:rgba(0,0,0,0.6);}*/
|
||||
.solu_a{position:absolute;left:0px;bottom:-80px;display:block;width:100%;height:80px;background:#00a8ee;line-height:80px;text-align:center;font-size:20px;color:#fff;
|
||||
transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
|
||||
|
||||
.demand{display:block;overflow:hidden;padding:50px 0px;}
|
||||
.demand em{display:block;text-align:center;font-size:28px;color:#555;
|
||||
-webkit-animation: a7 1s 1s ease both;-moz-animation: a7 1s 1s ease both;animation: a7 1s 1s ease both;}
|
||||
.demand ul{display:block;overflow:hidden;width:1200px;margin:0 auto;margin-top:80px;}
|
||||
.demand ul li{display:block;float:left;width:368px;height:228px;background:#f3f3f3;border:solid 1px #d8d8d8;margin-right:42px;}
|
||||
.demand ul li h2{display:block;margin:30px 0px;text-align:center;font-size:24px;font-weight:bold;color:#555;}
|
||||
.demand ul li p{display:block;font-size:16px;color:#555;line-height:24px;margin:0 20px;margin-bottom:8px;background:url(../../resource/images/single/solution/solu_dot1.png) no-repeat left 20%;padding-left:15px;}
|
||||
|
||||
.choose{display:block;overflow:hidden;}
|
||||
.choose em{display:block;text-align:center;font-size:28px;color:#555;
|
||||
-webkit-animation: a7 1s 1s ease both;-moz-animation: a7 1s 1s ease both;animation: a7 1s 1s ease both;}
|
||||
.choose ul{display:block;width:1200px;height:580px;margin:0 auto;margin-top:120px;position:relative;overflow:hidden;}
|
||||
.choose ul li{display:block;width:263px;height:227px;background:url(../../resource/images/single/solution/solu_img3.png) no-repeat;position:absolute;overflow:hidden;}
|
||||
.choose ul li h2{display:block;text-align:center;font-size:32px;color:#fff;font-weight:bold;margin-top:68px;}
|
||||
.choose ul li h3{display:block;text-align:center;color:#fff;font-size:26px;font-weight:bold;margin-top:35px;}
|
||||
.choose ul li p{display:block;text-align:center;font-size:18px;color:#fff;line-height:25px;margin-top:20px;padding:0 30px;}
|
||||
.choose ul .y1{left:467px;top:125px;-webkit-animation: a6 1s 1s ease both;-moz-animation: a6 1s 1s ease both;animation: a6 1s 1s ease both;}
|
||||
.choose ul .y2{left:40px;top:125px;-webkit-animation: a3 1s 1.2s ease both;-moz-animation: a3 1s 1.2s ease both;animation: a3 1s 1.2s ease both;}
|
||||
.choose ul .y3{left:253px;top:0px;-webkit-animation: a1 1s 1s ease both;-moz-animation: a1 1s 1s ease both;animation: a1 1s 1s ease both;}
|
||||
.choose ul .y4{left:253px;top:250px;-webkit-animation: a4 1s 1.1s ease both;-moz-animation: a4 1.1s 1s ease both;animation: a4 1s 1.1s ease both;}
|
||||
.choose ul .y5{right:255px;top:0px;-webkit-animation: a1 1s 1.1s ease both;-moz-animation: a1 1s 1.1s ease both;animation: a1 1s 1.1s ease both;}
|
||||
.choose ul .y6{right:255px;top:250px;-webkit-animation: a4 1s 1.2s ease both;-moz-animation: a4 1s 1.2s ease both;animation: a4 1s 1.2s ease both;}
|
||||
.choose ul .y7{right:40px;top:125px;-webkit-animation: a2 1s 1.3s ease both;-moz-animation: a2 1s 1.3s ease both;animation: a2 1s 1.3s ease both;}
|
||||
|
||||
.obtain{display:block;background:#f2f2f2;overflow:hidden;padding:50px 0px;margin-bottom:-20px;}
|
||||
.obtain h1{display:block;text-align:center;border-bottom:solid 1px #dadada;}
|
||||
.obtain h1 a{display:inline-block;font-size:60px;color:#01a8ee;font-weight:bold;border-bottom:solid 8px #01a8ee;padding-left:10px;padding-right:10px;padding-bottom:20px;margin-bottom:-5px;}
|
||||
.obtain ul{display:block;width:680px;margin:0 auto;margin-top:50px;}
|
||||
.obtain ul li{display:block;background:#fff;overflow:hidden;width:100%;border:solid 1px #dadada;margin-top:-1px;}
|
||||
.obtain ul li em,.obtain ul li input[type="text"]{display:block;float:left;}
|
||||
.obtain ul li em{width:30%;font-size:28px;text-align:center;color:#555;height:60px;line-height:60px;border-right:solid 1px #dadada;}
|
||||
.obtain ul li input[type="text"]{width:66.9%;font-size:22px;color:#adadad;height:40px;line-height:40px;padding:10px 0px;padding-left:20px;}
|
||||
|
||||
.obtain ul li.but{background:#01a8ee;border-radius:3px;height:58px;margin-top:20px;border:none;}
|
||||
.obtain ul li.but input[type="button"]{display:block;background:none;text-align:center;width:100%;line-height:58px;font-size:28px;color:#fff;cursor:pointer;}
|
||||
|
||||
@media screen and (max-width:1366px){
|
||||
|
||||
/*广告图*/
|
||||
.solution_b{height:368px;background-size:100% 100%;}
|
||||
.solutionul li img{width:auto;}
|
||||
.solutionul .s1{left:205px;top:68px;}
|
||||
.solutionul .s2{left:380px;top:130px;}
|
||||
.solutionul .s3{left:296px;top:210px;}
|
||||
.solutionul .s4{left:332px;top:269px;}
|
||||
.solutionul .s5{left:255px;top:185px;}
|
||||
.solutionul .s6{left:252px;top:18px;}
|
||||
.solutionul .s7{left:130px;top:210px;}
|
||||
.solutionul .s1 img{height:78px;}
|
||||
.solutionul .s2 img{height:50px;}
|
||||
.solutionul .s3 img{height:80px;}
|
||||
.solutionul .s4 img{height:45px;}
|
||||
.solutionul .s5 img{height:155px;}
|
||||
.solutionul .s6 img{height:350px;}
|
||||
.solutionul .s7 img{height:160px;}
|
||||
|
||||
/*六大优势*/
|
||||
.solution6{width:960px;}
|
||||
.solution6 ul{width:1010px;}
|
||||
.solu_li{width:292px;height:270px;}
|
||||
.solution6 ul li i{width:292px;background-size:100% 100%;}
|
||||
.solu_li p{font-size:12px;line-height:20px;}
|
||||
.solution6 h1, .entrance h1, .efficiency h1, .solution4 h1, .solutionbox h1, .demand h1, .choose h1,.solution6 h1 b, .entrance h1 b, .solution4 h1 b, .solutionbox h1 b
|
||||
{font-size:30px;}
|
||||
.entrance p{font-size:26px;}
|
||||
.entrance img{width:60%;height:auto;}
|
||||
.efficiency ul{width:960px;}
|
||||
.efficiency ul li{width:240px;height:262px;}
|
||||
.effi_div{width:220px;height:250px;}
|
||||
.effi_div h2{font-size:22px;}
|
||||
.effi_div p{font-size:14px;line-height:18px;}
|
||||
.efficiency em{font-size:18px;background-size:3%;padding-bottom:30px;}
|
||||
.solution4{padding-top:60px;}
|
||||
.solution4 ul{width:960px;height:500px;}
|
||||
.solution4 ul li img{height:auto;}
|
||||
.solution4 ul .t5{right:50px;}
|
||||
.solution4 ul .t5 img{float:right;width:90%;}
|
||||
.solution4 ul .t1 img,.solution4 ul .t2 img,.solution4 ul .t3 img,.solution4 ul .t4 img{width:80%;}
|
||||
.solution4 ul .t1{left:330px;top:170px;}
|
||||
.solution4 ul .t2{left:272px;top:24px;}
|
||||
.solution4 ul .t4{top:20px;}
|
||||
.solutionbox em{font-size:16px;line-height:22px;}
|
||||
.solutionbox .solu_mz{width:960px;}
|
||||
.solutionbox .solu_mz ul{width:1010px;}
|
||||
|
||||
.solu_divb p{font-size:13px;}
|
||||
.solutionbox ul li a{width:305px;height:60px;line-height:60px;}
|
||||
.solutionbox ul li a img{width:80px;height:80px;}
|
||||
.solutionbox ul li{margin:10px 0px;margin-right:20px;width:305px;height:256px;}
|
||||
.solutionbox ul li a p{font-size:13px;line-height:20px;}
|
||||
.solutionbox ul li a h2{font-size:20px;}
|
||||
.demand em{font-size:20px;}
|
||||
.demand ul{width:960px;}
|
||||
.demand ul li{width:290px;height:174px;}
|
||||
.demand ul li h2{font-size:20px;margin:20px 0px;}
|
||||
.demand ul li p{font-size:13px;line-height:20px;}
|
||||
.choose em{font-size:20px;}
|
||||
.choose ul li{background-size:100% 100%;width:213px;height:183px;}
|
||||
.choose ul li h2{font-size:24px;margin-top:58px;}
|
||||
.choose ul .y1{left:370px;}
|
||||
.choose ul .y2{left:25px;top:128px;}
|
||||
.choose ul .y3{left:198px;top:30px;}
|
||||
.choose ul .y4{left:198px;top:226px;}
|
||||
.choose ul .y5{right:204px;top:30px;}
|
||||
.choose ul .y6{right:204px;top:226px;}
|
||||
.choose ul .y7{right:30px;top:128px;}
|
||||
.choose ul li h3{font-size:22px;margin-top:30px;}
|
||||
.choose ul li p{font-size:14px;line-height:20px;}
|
||||
.choose ul{width:960px;height:480px;margin-top:60px;}
|
||||
.obtain h1 a{font-size:48px;margin-bottom:-4px;padding-bottom:10px;border-bottom:solid 6px #01a8ee;}
|
||||
.obtain ul{width:560px;}
|
||||
.obtain ul li em{font-size:22px;height:48px;line-height:48px;}
|
||||
.obtain ul li input[type="text"]{width:66.2%;height:28px;line-height:28px;font-size:16px;}
|
||||
.obtain ul li.but{height:48px;}
|
||||
.obtain ul li.but input[type="button"]{line-height:48px;font-size:22px;}
|
||||
}
|
||||
Executable
+105
@@ -0,0 +1,105 @@
|
||||
@charset "utf-8";
|
||||
/* 嗨路客·经销商 */
|
||||
*{margin: 0;padding: 0;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;}
|
||||
img{max-width: 100%;border:none;}
|
||||
a{text-decoration: none;color: black;}
|
||||
body{font-size:50%;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;-webkit-text-size-adjust:none;}
|
||||
.clear{clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0;}
|
||||
ol,ul {list-style: none;}
|
||||
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
|
||||
input,textarea{outline:none;}
|
||||
em,i,cite{font-style:normal;}
|
||||
|
||||
.travelbox{overflow:hidden;}
|
||||
.travelbox .travel_banner{overflow:hidden;margin:0 auto;}
|
||||
|
||||
.travelbox .travel_banner img,.travelbox .question figure img,.travelbox .thought figure img{display:block;margin:0 auto;}
|
||||
.travelbox .travel .travel_text{float:right;margin-top:180px;}
|
||||
.travelbox .travel .travel_text p{font-size:22px;color:#fff;margin-top:10px;}
|
||||
.travelbox .travel .travel_text p b{font-size:30px;color:#fff;}
|
||||
.travelbox .travel .travel_text h2{font-size:40px;color:#fff;margin-top:20px;margin-bottom:20px;}
|
||||
.travelbox .develop{background:#f6f6f6;}
|
||||
.travelbox .develop .developbox{width:1200px;margin:0 auto;}
|
||||
.travelbox .develop .developbox .develop_text{float:left;margin-top:160px;}
|
||||
.travelbox .develop .developbox .develop_text p{font-size:24px;color:#323232;margin-top:20px;}
|
||||
.travelbox .develop .developbox .develop_text p b{font-size:30px;color:#323232;font-weight:bold;}
|
||||
.travelbox .develop .developbox figure{float:right;margin-top:100px;}
|
||||
.travelbox .question{background:#f8fae4; clear:both;padding-bottom:60px;}
|
||||
.travelbox .question h1{font-size:48px;color:#323232;font-weight:bold;text-align:center;padding-top:40px;}
|
||||
.travelbox .question h1 b{font-size:60px;color:#ed5502;}
|
||||
.travelbox .question figure{width:1200px;margin:0 auto;margin-top:60px;}
|
||||
.travelbox .thought{background:#f9f9f9;}
|
||||
.travelbox .thought h1{font-size:50px;color:#323232;text-align:center;padding-top:70px;}
|
||||
.travelbox .thought p{font-size:30px;color:#323232;text-align:center;margin-top:20px;}
|
||||
.travelbox .thought figure{width:1200px;margin:0 auto;margin-top:50px;}
|
||||
.travelbox .marketing{background:#fff;}
|
||||
.travelbox .marketing h1{font-size:50px;color:#323232;text-align:center;font-weight:bold;margin-top:40px;}
|
||||
.travelbox .marketing ul{width:1200px;margin:0 auto;margin-top:40px;}
|
||||
.travelbox .marketing ul li{background:url(../../resource/images/travel/travel06.png) no-repeat;width:300px;height:330px;float:left;margin:0 auto;margin-left:80px;margin-bottom:40px;}
|
||||
.travelbox .marketing ul li img{display:block;margin:0 auto;margin-top:20px;}
|
||||
.travelbox .marketing ul li h3{font-size:26px;color:#323232;text-align:center;margin-top:18px;}
|
||||
.travelbox .marketing ul li span{display:block;font-size:18px;padding:0px 14px;color:#646464;width:260px;margin:0 auto;margin-top:20px;line-height:32px;}
|
||||
.travelbox .marketing p{font-size:26px;color:#646464;text-align:center;margin-top:20px; clear:both;margin-bottom:40px;}
|
||||
.travelbox .exhibition{background:#ffa85b;height:400px;}
|
||||
.travelbox .exhibition h1{font-size:44px;color:#fff;text-align:center;font-weight:bold;padding-top:30px;}
|
||||
.travelbox .exhibition dl{width:1200px;margin:0 auto;margin-top:30px;}
|
||||
.travelbox .exhibition dl dd{float:left;width:22%;margin-left:20px;}
|
||||
.travelbox .exhibition dl dd span{font-size:24px;margin-top:20px;color:#fff;text-align:center;display:block;height:39px;}
|
||||
.travelbox .exhibition dl dd p{font-size:18px;color:#fff;margin-top:10px;text-align:center;height:50px;}
|
||||
.travelbox .exhibition dl dd img{display:block;margin:0 auto;margin-top:16px;}
|
||||
|
||||
.obtain{display:block;background:#f2f2f2;overflow:hidden;padding:50px 0px;margin-bottom:-20px;}
|
||||
.obtain h1{display:block;text-align:center;border-bottom:solid 1px #dadada;}
|
||||
.obtain h1 a{display:inline-block;font-size:60px;color:#01a8ee;font-weight:bold;border-bottom:solid 8px #01a8ee;padding-left:10px;padding-right:10px;padding-bottom:20px;margin-bottom:-5px;}
|
||||
.obtain ul{display:block;width:680px;margin:0 auto;margin-top:50px;}
|
||||
.obtain ul li{display:block;background:#fff;overflow:hidden;width:100%;border:solid 1px #dadada;margin-top:-1px;}
|
||||
.obtain ul li em,.obtain ul li input[type="text"]{display:block;float:left;}
|
||||
.obtain ul li em{width:30%;font-size:28px;text-align:center;color:#555;height:60px;line-height:60px;border-right:solid 1px #dadada;}
|
||||
.obtain ul li input[type="text"]{width:65%;font-size:22px;color:#adadad;height:40px;line-height:40px;padding:10px 0px;padding-left:31px;}
|
||||
|
||||
.obtain ul li.but{background:#01a8ee;border-radius:3px;height:58px;margin-top:20px;border:none;}
|
||||
.obtain ul li.but input[type="button"]{display:block;background:none;text-align:center;width:100%;line-height:58px;font-size:28px;color:#fff;cursor:pointer;}
|
||||
@media screen and (max-width:1366px){
|
||||
.travelbox .exhibition dl,.travelbox .develop .developbox,.travelbox .question figure,.travelbox .thought figure,.travelbox .marketing ul{width:960px;}
|
||||
.travelbox .develop .developbox .develop_text p{font-size:20px;margin-top:10px;}
|
||||
.travelbox .develop .developbox .develop_text{margin-top:180px;}
|
||||
.travelbox .question figure{margin-top:40px;}
|
||||
.travelbox .question{padding-bottom:40px;}
|
||||
.travelbox .develop .developbox figure{margin-top:80px;}
|
||||
.travelbox .develop .developbox .develop_text p b{font-size:24px;}
|
||||
.travelbox .develop .developbox figure{width:400px;}
|
||||
.travelbox .question h1{font-size:34px;padding-top:24px;}
|
||||
.travelbox .question h1 b{font-size:48px;}
|
||||
.travelbox .thought h1{font-size:34px;padding-top:50px;}
|
||||
.travelbox .marketing h1{font-size:34px}
|
||||
.travelbox .marketing ul li{width:240px;height:280px;background-size:110%;}
|
||||
.travelbox .thought p{font-size:22px;margin-top:10px;}
|
||||
.travelbox .marketing ul li img{width:90px;}
|
||||
.travelbox .marketing ul li h3,.travelbox .marketing p{font-size:18px;}
|
||||
.travelbox .marketing ul li span{width:220px;font-size:14px;margin-top:10px;}
|
||||
.travelbox .exhibition dl dd span{font-size:17px;}
|
||||
.travelbox .exhibition h1{font-size:32px;}
|
||||
.travelbox .exhibition{height:340px;}
|
||||
|
||||
|
||||
.obtain ul li input[type="text"]{width:62%;}
|
||||
.choose em{font-size:20px;}
|
||||
.choose ul li{background-size:100% 100%;width:213px;height:183px;}
|
||||
.choose ul li h2{font-size:24px;margin-top:58px;}
|
||||
.choose ul .y1{left:370px;}
|
||||
.choose ul .y2{left:25px;top:128px;}
|
||||
.choose ul .y3{left:198px;top:30px;}
|
||||
.choose ul .y4{left:198px;top:226px;}
|
||||
.choose ul .y5{right:204px;top:30px;}
|
||||
.choose ul .y6{right:204px;top:226px;}
|
||||
.choose ul .y7{right:30px;top:128px;}
|
||||
.choose ul li h3{font-size:22px;margin-top:30px;}
|
||||
.choose ul li p{font-size:14px;line-height:20px;}
|
||||
.choose ul{width:960px;height:480px;margin-top:60px;}
|
||||
.obtain h1 a{font-size:48px;margin-bottom:-4px;padding-bottom:10px;border-bottom:solid 6px #01a8ee;}
|
||||
.obtain ul{width:560px;}
|
||||
.obtain ul li em{font-size:22px;height:48px;line-height:48px;}
|
||||
.obtain ul li input[type="text"]{height:28px;line-height:28px;font-size:16px;padding-left:41px;}
|
||||
.obtain ul li.but{height:48px;}
|
||||
.obtain ul li.but input[type="button"]{line-height:48px;font-size:22px;}
|
||||
}
|
||||
Executable
+88
@@ -0,0 +1,88 @@
|
||||
@charset "utf-8";
|
||||
/* 嗨路客产品 · 城市O2O系统 */
|
||||
|
||||
.p_banner{display:block;position:relative;overflow:hidden;width:1920px;height:500px;margin-left:-960px;left:50%;overflow:hidden;}
|
||||
.c_banner{display:block;position:relative;overflow:hidden;width:1920px;height:278px;margin-left:-960px;left:50%;overflow:hidden;margin-top:30px;}
|
||||
|
||||
.cityb{display:block;margin-top:60px;}
|
||||
.cityb h1,.cityc h1,.city_ms h1,.expectation h1{display:block;text-align:center;font-size:26px;color:#f5ac2a;font-weight:bold;}
|
||||
.cityb img{display:block;margin:45px auto;}
|
||||
.cityb span{display:block;width:588px;height:2px;background:#dddddd;margin:0 auto;}
|
||||
.city_ts{display:block;overflow:hidden;margin-top:45px;}
|
||||
.city_ts p{display:block;text-align:center;font-size:20px;color:#555;margin-top:15px;}
|
||||
|
||||
.cityc{display:block;background:#f2f2f2;overflow:hidden;padding:30px 0px;}
|
||||
.cityc p{display:block;text-align:center;font-size:20px;line-height:40px;color:#f5ac2a;margin-top:30px;}
|
||||
|
||||
.city_ms{display:block;overflow:hidden;margin-top:45px;}
|
||||
.city_ms p{display:block;font-size:20px;line-height:32px;color:#555;text-align:center;margin-top:15px;}
|
||||
.city_ms img{display:block;margin:45px auto;width:1000px;height:auto;}
|
||||
.city_ms h2{display:block;font-size:20px;color:#5588dd;line-height:32px;text-align:center;}
|
||||
|
||||
.city_cp{display:block;overflow:hidden;background:#f7f7f7;margin-top:45px;}
|
||||
.city_cp #i1{display:block;background:url(../../resource/images/single/cityo2osy/city_bot1.png) no-repeat;width:32px;height:17px;margin:0 auto;}
|
||||
.city_cp #i2{display:block;background:url(../../resource/images/single/cityo2osy/city_bot2.png) no-repeat;width:32px;height:17px;margin:0 auto;}
|
||||
.city_cp h2{display:block;text-align:center;font-size:20px;line-height:34px;color:#555;margin:30px 0px;}
|
||||
.city_cp h2 b{font-size:20px;color:#f5ac2a;}
|
||||
.city_ul{display:block;overflow:hidden;width:1200px;margin:0 auto;margin-top:30px;}
|
||||
.city_ul li{display:block;width:33.33%;float:left;overflow:hidden;padding:10px 10px;box-sizing:border-box;}
|
||||
.city_ul li a{display:block;overflow:hidden;position:relative;border:solid 2px #f6f6f6;}
|
||||
.city_ul li.li1 a span{display:block;position:absolute;left:0;bottom:-82px;width:100%;height:74px;background:#f5ac2a;}
|
||||
.city_ul li.li1 a span i{display:block;text-align:center;font-size:18px;line-height:74px;color:#fff;background:url(../../resource/images/single/productlist/right1.png) no-repeat 50% center;}
|
||||
.city_ul li.li1 a .pro{display:block;background:#fff;height:290px;overflow:hidden;}
|
||||
.city_ul li .pro img{display:block;margin:0 auto;margin-top:30px;}
|
||||
.city_ul li.li1 a .pro h1{display:block;text-align:center;font-size:24px;color:#323232;padding:15px 0px;}
|
||||
.city_ul li.li1 a .pro p{display:block;color:#666;font-size:16px;padding:0 10px;line-height:28px;}
|
||||
.city_ul li.li2 .pro{display:block;background:#e5e5e5;height:290px;overflow:hidden;}
|
||||
.city_ul li.li2 .pro p{display:block;color:#f5ac2a;text-align:center;font-size:20px;line-height:34px;margin-top:25px;}
|
||||
|
||||
.city_ul li.li1 a:hover{border:solid 2px #f5ac2a;}
|
||||
.city_ul li.li1 a:hover span{display:block;bottom:0;transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
|
||||
.city_ul li.li1 a:hover span i{text-indent:-50px;background:url(../../resource/images/single/productlist/right.png) no-repeat 70% center;
|
||||
transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
|
||||
|
||||
.value{display:block;background:url(../../resource/images/single/cityo2osy/city_img4.png) no-repeat;height:310px;padding:35px 0px;overflow:hidden;}
|
||||
.value h1{display:block;font-size:28px;color:#fff;text-align:center;font-weight:bold;}
|
||||
.value h1 b{font-size:36px;color:#fff;padding:0 6px;}
|
||||
.value p{display:block;text-align:center;color:#fff;font-size:20px;line-height:45px;margin-top:40px;}
|
||||
|
||||
.expectation{display:block;margin-top:45px;}
|
||||
.expectation ul{display:block;overflow:hidden;width:1200px;margin:0 auto;margin-top:35px;}
|
||||
.expectation ul li{display:block;width:33.33%;float:left;padding:10px 10px;box-sizing:border-box;}
|
||||
.expectation ul li a{display:block;background:#e5e5e5;height:70px;font-size:16px;color:#4473c4;line-height:34px;padding:10px 10px;}
|
||||
|
||||
|
||||
@media screen and (max-width:1370px){
|
||||
.p_banner{width:1366px;height:356px;margin-left:-683px;}
|
||||
.p_banner img{width:1366px;height:auto;background-size:100%;}
|
||||
.cityb h1, .cityc h1, .city_ms h1, .expectation h1{font-size:20px;}
|
||||
.cityb{margin-top:40px;}
|
||||
.city_ts p{font-size:14px;margin-top:10px;}
|
||||
.city_fz img{width:593px;height:auto;}
|
||||
.city_ts img{width:740px;height:auto;}
|
||||
.cityb span{width:480px;}
|
||||
.cityc p{font-size:14px;line-height:32px;margin-top:20px;}
|
||||
.cityc{padding:20px 0px;}
|
||||
.city_ms p{font-size:14px;line-height:22px;}
|
||||
.city_ms{margin-top:30px;}
|
||||
.city_ms img{width:800px;}
|
||||
.city_ms h2{font-size:16px;line-height:26px;}
|
||||
.city_ul{width:960px;}
|
||||
.city_ul li .pro img{width:80px;height:80px;margin-top:24px;}
|
||||
.city_ul li.li1 a .pro h1{font-size:18px;}
|
||||
.city_ul li.li1 a .pro p,.city_ul li.li2 .pro p{font-size:13px;line-height:20px;}
|
||||
.city_ul li.li1 a .pro,.city_ul li.li2 .pro{height:220px;}
|
||||
.city_ul li.li1 a span{height:58px;}
|
||||
.city_ul li.li1 a span i{line-height:58px;font-size:15px;}
|
||||
.city_ul li.li1 a:hover span i{background-size:4%;}
|
||||
.city_cp h2,.city_cp h2 b{font-size:16px;line-height:28px;}
|
||||
.value h1{font-size:20px;}
|
||||
.value h1 b{font-size:30px;}
|
||||
.value p{font-size:14px;line-height:36px;margin-top:24px;}
|
||||
.value{height:240px;padding:20px 0px;background-size:100% 100%;}
|
||||
.expectation ul{width:960px;}
|
||||
.expectation ul li{padding:5px 5px;}
|
||||
.expectation ul li a{height:50px;font-size:13px;line-height:24px;}
|
||||
.c_banner{width:1366px;height:198px;margin-left:-683px;}
|
||||
.c_banner img{width:1366px;height:auto;}
|
||||
}
|
||||
Executable
+97
@@ -0,0 +1,97 @@
|
||||
|
||||
.marketingbg{background:#fccb0f;overflow:hidden;height:540px;margin-top:96px;}
|
||||
.marketingbg .marketing{width:1200px;margin:0 auto;}
|
||||
.marketingbg .marketing span{display:block;width:540px;float:left;margin-left:40px;margin-top:30px;}
|
||||
.marketingbg .marketing span img,.matterbox .matter .two figure img{display:block;border:0;margin:0 auto;}
|
||||
.marketingbg .marketing .bgright{float:right;text-align:center;margin-top:190px;}
|
||||
.marketingbg .marketing .bgright p{font-size:22px;color:#4f3f00;line-height:38px;}
|
||||
.marketingbg .marketing .bgright h1{font-size:30px;color:#4f3f00;font-weight:bold;}
|
||||
|
||||
.matterbox{background:#fff;overflow:hidden;}
|
||||
.matterbox .matter{width:1200px;margin:0 auto;margin-top:60px; }
|
||||
.matterbox .matter .none{height:395px;border:3px #a0a0a0 dashed; border-radius:6px;}
|
||||
.matterbox .matter .none .none_wb{float:left;text-align:center;margin-top:100px;margin-left:10px;}
|
||||
.matterbox .matter .none .none_wb p{font-size:24px;color:#5c5c5c;line-height:38px;}
|
||||
.matterbox .matter .none .none_wb p b{font-size:32px;color:#5c5c5c;}
|
||||
.matterbox .matter .none .none_right{float:right;margin-top:60px;}
|
||||
.matterbox .matter .none .none_right img{display:block;margin:0 auto;width:90%;}
|
||||
|
||||
.matterbox .matter .two{text-align:center;}
|
||||
.matterbox .matter .two h2{font-size:36px;color:#ff5a00;font-weight:bold;margin-top:60px;}
|
||||
.matterbox .matter .two figure{margin:0 auto;margin-top:60px;}
|
||||
.matterbox .matter .two span{font-size:24px;color:#5c5c5c;margin-top:20px;display:block;}
|
||||
.matterbox .matter .two ul{width:900px;margin:0 auto;position:relative;}
|
||||
.matterbox .matter .two ul li{float:left;margin-left:80px;margin-top:60px;background:#ff5a00;width:320px;height:286px;text-align:left;padding:20px;}
|
||||
.matterbox .matter .two ul li h3{font-size:22px;font-weight:bold;color:#fff;margin-top:10px;}
|
||||
.matterbox .matter .two ul li a{font-size:20px;color:#fff;line-height:26px;display:block;margin-top:20px;}
|
||||
.matterbox .matter .two ul header{position:absolute;left:326px;top:296px;}
|
||||
.matterbox .matter .two ul header img{width:80%;}
|
||||
.matterbox .matter .two figure.figure05{margin:0 auto;padding-top:60px;clear:both;}
|
||||
.matterbox .matter .three{margin-top:80px;border:3px #a0a0a0 dashed;padding-bottom:60px;border-radius:10px;}
|
||||
.matterbox .matter .three ul{overflow:hidden;margin-top:40px;}
|
||||
.matterbox .matter .three ul h1{background:url(../../resource/images/single/marketing/marketing06.png) no-repeat left;height:75px;text-align:center;font-size:30px;color:#fff;width:460px;line-height:75px;margin-top:40px;margin-left:-3px;position:absolute;}
|
||||
.matterbox .matter .three ul.ul2 h1{background:url(../../resource/images/single/marketing/marketing07.png) no-repeat left}
|
||||
.matterbox .matter .three ul.ul3 h1{background:url(../../resource/images/single/marketing/marketing08.png) no-repeat left}
|
||||
.matterbox .matter .three ul.ul4 h1{background:url(../../resource/images/single/marketing/marketing17.png) no-repeat left}
|
||||
.matterbox .matter .three ul p{ clear:both;font-size:24px;color:#5c5c5c;text-align:center;line-height:38px;margin-top:160px;}
|
||||
.matterbox .matter .three ul.ul2 p b{color:#ff5a00;}
|
||||
.matterbox .matter .three ul.ul3 p b{color:#f9be00;}
|
||||
.matterbox .matter .three ul.ul4 p b{color:#f252c7;}
|
||||
.matterbox .matter .three ul p b{font-size:32px;color:#638ddd;}
|
||||
.matterbox .matter .three ul li{width:300px;float:left;display:block;margin-left:80px;margin-top:40px;height:260px;}
|
||||
.matterbox .matter .three ul li img{display:block;margin:0 auto;margin-top:14px;}
|
||||
.matterbox .matter .three ul li h4{font-size:24px;color:#5c5c5c;font-weight:bold;text-align:center;margin-top:14px;}
|
||||
.matterbox .matter .three ul li span{background:#f3f3f3;line-height:36px;font-size:22px;color:#5c5c5c;height:76px;padding:10px;margin-top:14px;display:block;}
|
||||
.matterbox .matter .four{margin:0 auto;text-align:center;}
|
||||
.matterbox .matter .four h1{font-size:40px;color:#fccb0f;margin-top:60px}
|
||||
.matterbox .matter .four p{font-size:24px;color:#fccb0f;font-weight:bold;padding:40px;border:2px #a0a0a0 dashed;width:60%;line-height:38px;margin:0 auto;margin-top:60px;border-radius:10px;}
|
||||
.matterbox .matter .four figure{margin:0 auto;display:block;margin-top:60px;}
|
||||
.matterbox .matter .four dl{margin-top:60px;height:800px;overflow:hidden;position:relative;width:1200px;}
|
||||
.matterbox .matter .four dl dd{position:absolute;font-size:20px;color:#5c5c5c;line-height:36px;display:block;width:240px;height:260px;overflow:hidden;}
|
||||
.matterbox .matter .four dl dd.d1{left:400px;height:400px;top:160px;width:380px;}
|
||||
.matterbox .matter .four dl dd.d2{left:480px;}
|
||||
.matterbox .matter .four dl dd.d3{left:150px;top:210px;}
|
||||
.matterbox .matter .four dl dd.d4{right:170px;top:210px;}
|
||||
.matterbox .matter .four dl dd.d5{left:150px;top:400px;}
|
||||
.matterbox .matter .four dl dd.d6{right:170px;top:400px;}
|
||||
.matterbox .matter .four dl dd.d7{left:480px;top:580px;}
|
||||
.aa1{padding-left:30px;}
|
||||
|
||||
.five{background:#fccb0f;overflow:hidden;}
|
||||
.five .fivebox{width:1200px;margin:0 auto;text-align:center;margin-top:60px;}
|
||||
.five .fivebox h1{font-size:40px;color:#4f3f00;margin-top:10px;}
|
||||
.five .fivebox p{font-size:24px;color:#4f3f00;margin-top:10px;}
|
||||
.five .fivebox figure{margin:0 auto;margin-top:60px;}
|
||||
.five .fivebox figure img{display:block;margin:0 auto;}
|
||||
@media screen and (max-width:1366px){
|
||||
.marketingbg .marketing,.matterbox .matter,.matterbox .matter .four dl,.five .fivebox{width:960px;}
|
||||
.marketingbg .marketing span{width:500px;margin-left:0;}
|
||||
.marketingbg .marketing .bgright{width:460px;margin-top:90px;}
|
||||
.marketingbg .marketing .bgright p,.matterbox .matter .none .none_wb p,.matterbox .matter .two span,.matterbox .matter .three ul p{font-size:20px;}
|
||||
.matterbox .matter .none .none_wb p b{font-size:24px;}
|
||||
.marketingbg .marketing .bgright h1,.matterbox .matter .four h1{font-size:26px;}
|
||||
.matterbox .matter .none .none_right{width:320px;}
|
||||
.matterbox .matter .none{height:280px;}
|
||||
.matterbox .matter .none .none_wb{margin-top:50px;}
|
||||
.matterbox .matter .two h2{font-size:26px;}
|
||||
.marketingbg{height:380px;}
|
||||
.marketingbg .marketing span img, .matterbox .matter .two figure img{width:70%;}
|
||||
.matterbox .matter .three ul p b{font-size:24px;}
|
||||
.matterbox .matter .three ul li h4,.matterbox .matter .four p,.five .fivebox p{font-size:20px;}
|
||||
.matterbox .matter .three ul li{width:280px;margin-left:30px;}
|
||||
.matterbox .matter .three ul li span{font-size:18px;line-height:24px;height:60px;}
|
||||
.matterbox .matter .four p{width:40%;}
|
||||
.matterbox .matter .four dl dd{font-size:18px;}
|
||||
.matterbox .matter .four dl dd.d2{left:360px;top:30px;}
|
||||
.matterbox .matter .four dl dd.d1{left:290px;}
|
||||
.matterbox .matter .four dl dd.d1 img{width:80%;}
|
||||
.matterbox .matter .four dl dd.d3{left:56px;top:190px;}
|
||||
.matterbox .matter .four dl dd.d4{right:56px;top:190px;}
|
||||
.matterbox .matter .four dl dd.d5{left:69px;top:346px;}
|
||||
.matterbox .matter .four dl dd.d6{right:69px;top:346px;}
|
||||
.matterbox .matter .four dl dd.d7{left:360px;top:500px;}
|
||||
.matterbox .matter .four dl{height:640px;}
|
||||
.five .fivebox h1{font-size:30px;}
|
||||
|
||||
}
|
||||
|
||||
Executable
+122
@@ -0,0 +1,122 @@
|
||||
.contentbig{ background:url(../../resource/images/single/Micro/Microbg.png) no-repeat;width:100%;height:580px;}
|
||||
.content_top{display:block;width:100%;height:1px;background:#5e9bec;position:relative;margin-top:50px;}
|
||||
.content_top span{display:block;width:67px;height:67px;position:absolute;left:50%;top:-34px;margin-left:-34px;}
|
||||
.content_top span img{display:block;}
|
||||
|
||||
.video_ws .video_left{float:left;display:block;width:570px;margin-top:200px;}
|
||||
.content .video_left h1{font-size:40px;font-weight:bold;color:#4f301e;text-align:center;display:block;margin-top:20px;}
|
||||
.content .video_left h2{font-size:32px;;color:#4f301e;text-align:center;margin-top:20px;}
|
||||
.content .video_left p{font-size:26px;;color:#4f301e;margin-top:20px;}
|
||||
.content .video_left p b{font-size:26px;;color:#4f301e;}
|
||||
|
||||
|
||||
.video_ws{display:block;width:1200px;margin:50px auto 0 auto;overflow:hidden;position:relative;}
|
||||
.video_ws .video_right{display:block;float:right;width:573px;height:425px;margin-top:100px;}
|
||||
.video_ws .video_right img{display:block;width:100%;height:100%;}
|
||||
.video_iframe{position:absolute;width:533px;height:305px;display:block;z-index:1;overflow:hidden;cursor:pointer;right:19px;top:116px;}
|
||||
.video_iframe .play{display:block;position:absolute;left:0;top:3px;z-index:10;cursor:pointer;width:533px;height:300px;}
|
||||
|
||||
.matter{width:1200px;margin:0 auto;overflow:hidden;text-align:center;padding-bottom:50px;}
|
||||
.matter h2{font-size:32px;color:#666;line-height:48px;margin-top:60px;}
|
||||
.matter h2 b{font-size:32px;color:#0aada7;font-weight:normal;}
|
||||
.matter figure{margin:0 auto;display:block;margin-top:60px;}
|
||||
.matter figure img{display:block;margin:0 auto;border:0;}
|
||||
.matter p{font-size:24px;color:#666;line-height:46px;margin-top:40px;}
|
||||
.matter p b{font-size:24px;font-weight:bold;color:#666;}
|
||||
.matter span{display:block;background:url(../../resource/images/single/Micro/Microicon.png) no-repeat center;height:64px;line-height:64px;font-size:36px;color:#fe7a7e;margin:0 auto;width:450px;background-position:4px;margin-top:30px;}
|
||||
.matter h3{font-size:24px;color:#666;line-height:42px;padding:0 60px;margin-top:50px;}
|
||||
.matter h3 b{font-size:36px;color:#0aada7;font-weight:normal;}
|
||||
|
||||
|
||||
.gray{background:#eff4f7;overflow:hidden;padding-bottom:40px;}
|
||||
.gray span{display:block;background:url(../../resource/images/single/Micro/Microicon2.png) no-repeat center;height:64px;line-height:64px;font-size:36px;color:#fe7a7e;margin:0 auto;text-align:center;width:450px;background-position:4px;margin-top:30px;}
|
||||
.gray .first{width:1200px;margin:0 auto;margin-top:50px;}
|
||||
.gray .first h4{background:url(../../resource/images/single/Micro/Microicon3.png) no-repeat center;height:78px;line-height:78px;font-size:40px;color:#0aada7;margin:0 auto;text-align:center;width:600px;background-position:4px;font-weight:bold;}
|
||||
.gray .first .firstcn img{float:left;display:block;margin-top:50px;}
|
||||
.gray .first .firstcnp{float:right;margin-top:60px;}
|
||||
.gray .first .firstcnp a{display:block;font-size:24px;color:#666;width:500px;line-height:38px;margin-top:60px;}
|
||||
.gray .first .firstcnp a b{font-size:24px;color:#666;}
|
||||
.gray .second{clear:both;padding-top:40px;}
|
||||
.gray .second h4{background:url(../../resource/images/single/Micro/Microicon4.png) no-repeat center;height:78px;line-height:78px;font-size:40px;color:#0aada7;margin:0 auto;text-align:center;width:540px;background-position:4px;font-weight:bold; clear:both;}
|
||||
.gray .second figure{display:block;margin:0 auto;margin-top:40px;}
|
||||
.gray .second .secondtext{clear:both;padding-top:50px;}
|
||||
.gray .second h2,.gray .five h2{font-size:32px;color:#666;text-align:center; clear:both;padding-top:60px;}
|
||||
.gray .second .secondtext p{width:40%;border:2px solid #6bb93c;margin-left:30px;font-size:24px;height:160px;padding:30px;float:left;line-height:36px;}
|
||||
.gray .second .secondtext p.p3{border:2px solid #008fd7;}
|
||||
|
||||
.albedo{background:#fff;padding-bottom:40px;}
|
||||
.albedo .third{width:1200px;margin:0 auto;}
|
||||
.albedo .third h4{background:url(../../resource/images/single/Micro/Microicon5.png) no-repeat center;height:78px;line-height:78px;font-size:40px;color:#0aada7;margin:0 auto;text-align:center;width:600px;background-position:4px;font-weight:bold;margin-top:40px;}
|
||||
.albedo .third figure,.gray .six figure,.albedo .nine figure{display:block;margin:0 auto;margin-top:40px;}
|
||||
.albedo .third h2,.gray .six h2{font-size:32px;color:#666;text-align:center;margin-top:40px;}
|
||||
.albedo .third h4.h4{background:url(../../resource/images/single/Micro/Microicon6.png) no-repeat center;height:78px;line-height:78px;font-size:40px;color:#0aada7;margin:0 auto;text-align:center;width:907px;background-position:4px;font-weight:bold;margin-top:40px;}
|
||||
.albedo .third p,.gray .five p,.gray .six p{font-size:24px;color:#666;text-align:center;margin-top:40px;padding:20px;line-height:38px;}
|
||||
|
||||
.gray .five,.gray .six{width:1200px;margin:0 auto;}
|
||||
.gray .five h4{background:url(../../resource/images/single/Micro/Microicon7.png) no-repeat center;height:78px;line-height:78px;font-size:40px;color:#0aada7;margin:0 auto;text-align:center;width:600px;background-position:4px;font-weight:bold;margin-top:40px;}
|
||||
.gray .five figure,.gray .second article,.albedo .third article,.gray .five article,.gray .six article{margin:0 auto;display:block;margin-top:40px;}
|
||||
.gray .second article img,.albedo .third article img,.gray .five article img,.gray .six article img{margin:0 auto;display:block;}
|
||||
|
||||
.gray .six h4{background:url(../../resource/images/single/Micro/Microicon8.png) no-repeat center;height:78px;line-height:78px;font-size:40px;color:#0aada7;margin:0 auto;text-align:center;width:600px;background-position:4px;font-weight:bold;margin-top:40px}
|
||||
.gray .six .sixcn{margin-top:40px;}
|
||||
.gray .six .sixcn img{float:left;display:block;}
|
||||
.gray .six .sixcn .sixtext{float:right;text-align:center;width:500px;margin-top:140px;}
|
||||
.gray .six .sixcn .sixtext h5{font-size:32px;color:#666;margin-bottom:50px;}
|
||||
.gray .six .sixcn .sixtext p{font-size:24px;color:#666;line-height:36px; clear:both;}
|
||||
.gray .six .sixcn .sixtext p b{font-size:24px;}
|
||||
.gray .six h2{ clear:both;}
|
||||
.gray .six .text01{background:#0aada7;width:70%;padding:30px;text-align:center;font-size:24px;color:#fff; border-radius:10px;line-height:38px;margin:0 auto;margin-top:60px;}
|
||||
.gray .six h2{padding-top:40px}
|
||||
|
||||
.albedo .nine{width:1200px;overflow:hidden;margin:0 auto;}
|
||||
.albedo .nine ul{margin-top:100px;}
|
||||
.albedo .nine ul li{width:560px;border:1px solid #0aada7;height:288px;float:left;margin-right:20px;}
|
||||
.albedo .nine ul li i{display:block;width:94px;height:106px;float:right;margin-top:-50px;background:#fff;padding:0 30px;margin-right:60px;}
|
||||
.albedo .nine ul li h2{font-size:34px;color:#0aada7;text-align:center;margin-top:80px;}
|
||||
.albedo .nine ul li p{padding:20px;font-size:24px;line-height:36px;}
|
||||
header{font-size:40px;color:#0aada7;text-align:center;padding-bottom:30px;}
|
||||
|
||||
.fiuger06 img,.third img,.five img,.six img,.nine img{display:block;margin:0 auto;}
|
||||
|
||||
|
||||
@media screen and (max-width:1366px){
|
||||
.video_ws{width:960px;height:460px;}
|
||||
.matter,.gray .first,.albedo .third,.gray .five, .gray .six,.albedo .nine{width:960px;}
|
||||
.contentbig{height:500px;}
|
||||
.video_ws .video_left{width:440px;margin-top:180px;}
|
||||
.video_ws .video_right{width:480px;height:360px;}
|
||||
.video_iframe .play{width:453px;height:auto;left:0px;top:2px;}
|
||||
.content .video_left h1{font-size:32px;margin-top:12px;}
|
||||
.content .video_left h2{font-size:26px;margin-top:12px;}
|
||||
.content .video_left p,.content .video_left p b,.gray .second .secondtext p,.gray .six .sixcn .sixtext p,.gray .six .sixcn .sixtext p b,.gray .six .text01,.albedo .nine ul li p{font-size:20px;}
|
||||
.video_iframe{right:16px;width:447px;height:258px;top:114px}
|
||||
.matter h2,.matter h2 b,.gray .second h2, .gray .five h2,.albedo .third h2, .gray .six h2,.albedo .nine ul li h2{font-size:26px;line-height:34px;margin-top:40px;}
|
||||
.matter figure img{width:80%;}
|
||||
.matter figure{margin-top:40px;}
|
||||
.matter p,.matter h3,.albedo .third p, .gray .five p, .gray .six p{font-size:20px;line-height:36px;margin-top:30px;}
|
||||
.matter p b{font-size:20px;}
|
||||
.matter span,.gray span{background-size:48px;font-size:28px;width:370px;}
|
||||
.matter h3 b{font-size:28px;}
|
||||
.gray span{background-size:40px;width:350px;}
|
||||
.gray .first h4,.albedo .third h4,.albedo .third h4.h4,.gray .five h4,.gray .six h4{background-size:60px;font-size:32px;width:792px;}
|
||||
.gray .first{margin-top:30px;}
|
||||
.gray .first .firstcnp a{font-size:20px;line-height:32px;margin-top:40px;width:420px;}
|
||||
.gray .first .firstcnp a b{font-size:20px;}
|
||||
.gray .first .firstcnp{margin-top:130px;width:420px;}
|
||||
.gray .first .fiuger06 img{display:block;margin:0 auto;}
|
||||
.gray .second figure{margin-top:30px;}
|
||||
.gray .second h4{width:430px;}
|
||||
.gray .second .secondtext{padding-top:40px;}
|
||||
.albedo .third h4{width:480px;margin-top:20px;}
|
||||
.albedo .third figure img, .gray .six figure img, .albedo .nine figure img,.gray .five figure img{width:90%;margin:0 auto;display:block;}
|
||||
.albedo .third figure, .gray .six figure, .albedo .nine figure,.gray .five figure{margin-top:30px;}
|
||||
.gray .five h4{width:420px;}
|
||||
.gray .six .sixcn img{width:400px;}
|
||||
.gray .six .sixcn .sixtext{width:420px;margin-top:40px;}
|
||||
.gray .six .sixcn .sixtext h5{font-size:26px;margin-bottom:0px;}
|
||||
.gray .six .sixcn .sixtext p{margin:0;line-height:32px;}
|
||||
.albedo .nine ul li{width:450px}
|
||||
.albedo .nine ul li i{width:90px;}
|
||||
.albedo .nine ul li i img{width:80px;}
|
||||
.albedo .nine ul li h2{margin-top:60px;}
|
||||
}
|
||||
Executable
+201
@@ -0,0 +1,201 @@
|
||||
@charset "utf-8";
|
||||
/* 嗨路客微信分销系统 */
|
||||
|
||||
/*通用属性*/
|
||||
.wechat_wsy,.wechat_ld{display:block;width:1200px;margin:0 auto;}
|
||||
|
||||
/*嗨路客*/
|
||||
.wechat_wsy dl{display:block;background:url(../../resource/images/wechat/img_icon1.png) no-repeat center center;margin-top:40px;height:358px;}
|
||||
.wechat_wsy dl dt{display:block;font-size:30px;font-weight:bold;color:#00a8ee;text-align:center;padding-top:14px;padding-bottom:47px;}
|
||||
.wechat_wsy dl dd{display:block;font-size:18px;text-align:center;line-height:40px;}
|
||||
.wechat_wsy dl dd.dd1{color:#eb1d1d;}
|
||||
.wechat_wsy dl dd.dd2{color:#00a8ee;}
|
||||
.wechat_wsy dl dd.dd3{color:#323232;}
|
||||
|
||||
/*六大亮点*/
|
||||
.wechat_ld{display:block;background:#f1f1f1;width:100%;}
|
||||
.wechat_dlbox{display:block;width:1200px;margin:0 auto;}
|
||||
.wechat_dlbox h1{display:block;color:#ff0000;font-size:30px;font-weight:bold;position:relative;left:50%;margin-left:-292px;height:95px;overflow:hidden;
|
||||
background:url(../../resource/images/wechat/img_icon2.png) no-repeat 65.1% 0%;width:460px;text-align:center;padding-top:30px;}
|
||||
.wechat_dlbox h1 b{color:#ff0000;font-size:30px;font-weight:bold;padding-left:80px;}
|
||||
|
||||
.wechat_dlcon{display:block;overflow:hidden;}
|
||||
.wechat_dldiv{display:block;overflow:hidden;float:left;width:50%;margin-bottom:30px;}
|
||||
.wechat_dldiv span,.wechat_dldiv dl{display:block;float:left;}
|
||||
.wechat_dldiv dl{width:480px;}
|
||||
.wechat_dldiv dl dt{color:#323232;font-size:18px;font-weight:bold;display:block;margin-top:8px;}
|
||||
.wechat_dldiv dl dd{color:#646464;font-size:16px;display:block;margin-top:10px;}
|
||||
|
||||
/*三大核心营销特征*/
|
||||
.wechat_tzcon{display:block;width:1200px;margin:0 auto;margin-top:40px;}
|
||||
.wechat_tzcon .texth1{display:block;font-size:24px;color:#fff;background:#00a8ee;width:420px;margin:0 auto;height:56px;line-height:56px;text-align:center;}
|
||||
.wechat_tzcon i{display:block;background:url(../../resource/images/wechat/icon_dot1.png) no-repeat;margin:0 auto;width:30px;height:18px;margin-top:5px;}
|
||||
.wechat_tzbox{display:block;overflow:hidden;margin-top:26px;}
|
||||
.wechat_tzbox .tz{display:block;float:left;}
|
||||
.wechat_tzbox .tz dl{width:390px;height:300px;}
|
||||
.wechat_tzbox .tz{display:block;}
|
||||
.wechat_tzbox .tz em{display:block;background:url(../../resource/images/wechat/img_icon_ty.png) no-repeat;width:160px;height:40px;}
|
||||
.wechat_tzbox .wechat_tz1{background:#00a8ee;}
|
||||
.wechat_tzbox .wechat_tz2{background:#66b732;}
|
||||
.wechat_tzbox .tzmargin{margin:0 15px;}
|
||||
.wechat_tzbox .wechat_tz3{background:#ee7e00;}
|
||||
.wechat_tzbox .tz dl span{display:block;padding-top:20px;}
|
||||
.wechat_tzbox .tz dl span img{display:block;margin:0 auto;}
|
||||
.wechat_tzbox .tz dl dt{display:block;text-align:center;font-size:24px;font-weight:bold;margin-top:18px;}
|
||||
.wechat_tzbox .tz dl dd{display:block;font-size:16px;text-align:center;line-height:30px;margin-top:23px;}
|
||||
.wechat_tzbox .wechat_tz1 dt,.wechat_tzbox .wechat_tz1 dd{color:#e0f4ff;}
|
||||
.wechat_tzbox .wechat_tz2 dt,.wechat_tzbox .wechat_tz2 dd{color:#eaffdc;}
|
||||
.wechat_tzbox .wechat_tz3 dt,.wechat_tzbox .wechat_tz3 dd{color:#fff0e0;}
|
||||
|
||||
/*标题通用属性*/
|
||||
.ty .texth2{display:block;font-weight:bold;font-size:30px;color:#ee1616;text-align:center;}
|
||||
.ty .texth2 b{font-size:30px;color:#646464;}
|
||||
.ty .textp{display:block;font-size:18px;color:#646464;text-align:center;margin-top:20px;line-height:32px;}
|
||||
.ty .textp b{font-size:18px;color:#646464;font-weight:normal;}
|
||||
|
||||
/*解决方案*/
|
||||
.wechat_jjfn{display:block;width:1200px;margin:0 auto;margin-top:40px;overflow:hidden;}
|
||||
.wechat_jjfn i{display:block;background:url(../../resource/images/wechat/icon_dot2.png) no-repeat;margin:0 auto;width:30px;height:18px;margin-top:10px;}
|
||||
.wechat_jjfncon{display:block;overflow:hidden;margin-top:50px;}
|
||||
.wechat_jjfncon span{display:block;float:left;}
|
||||
.wechat_jjfncon dl{display:block;float:right;margin-top:17px;}
|
||||
.wechat_jjfncon dl dd{display:block;margin-bottom:20px;}
|
||||
.wechat_jjfncon dl dd em{display:block;margin-bottom:8px;}
|
||||
.wechat_jjfncon dl dd em.em1{color:#00a8ee;font-size:18px;}
|
||||
.wechat_jjfncon dl dd em.em2{color:#010101;font-size:14px;}
|
||||
|
||||
.wechat_duoy{display:block;width:100%;background:#f1f1f1;margin-top:50px;overflow:hidden;}
|
||||
.wechat_duoycon{display:block;width:1200px;margin:0 auto;margin-top:50px;}
|
||||
.wechat_duoydiv{display:block;overflow:hidden;margin-top:60px;width:1250px;}
|
||||
.wechat_duoydiv dl{display:block;float:left;width:227px;height:278px;background:#fff;border:solid 1px #a5a5a5;margin:0 13px 13px 0;position:relative;cursor:pointer;overflow:hidden;}
|
||||
.wechat_duoydiv .float_div{display:block;position:absolute;left:0px;top:0px;width:227px;height:278px;opacity:0;background:rgba(0,0,0,0.6);
|
||||
-webkit-transform:scale(0.5);-moz-transform:scale(0.5); -o-transform:scale(0.5);transform:scale(0.5);}
|
||||
.wechat_duoydiv dl:hover .float_div{opacity:1;-webkit-transition: 0.5s;transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;
|
||||
-webkit-transform:scale(1);-moz-transform:scale(1); -o-transform:scale(1);transform:scale(1);}
|
||||
|
||||
.wechat_duoydiv .wqd_dl{background:#e3e3e3;}
|
||||
.wechat_duoydiv .wqd_dl .float_div{display:none;}
|
||||
|
||||
.wechat_duoydiv .float_div h1{display:block;color:#fff;font-size:16px;margin:20px 0 0 20px;}
|
||||
.wechat_duoydiv .float_div p{display:block;color:#fff;font-size:14px;margin:20px 20px;}
|
||||
.wechat_duoydiv .float_div em{display: block;overflow: hidden;width: 100%;position: absolute;left: 0px;bottom: 10px;}
|
||||
.wechat_duoydiv .float_div em a{display:block;float:left;width:50%;text-align:center;color:#fff;padding-top:24px;}
|
||||
.wechat_duoydiv .float_div em .a1{background:url(../../resource/images/common/liaojie.png) no-repeat top center;}
|
||||
.wechat_duoydiv .float_div em a:hover{color:#ee7e00;}
|
||||
.wechat_duoydiv .float_div em .a1:hover{background:url(../../resource/images/common/liaojie-hover.png) no-repeat top center;}
|
||||
.wechat_duoydiv .float_div em .a2{background:url(../../resource/images/common/zixun.png) no-repeat top center;}
|
||||
.wechat_duoydiv .float_div em .a2:hover{background:url(../../resource/images/common/zixun-hover.png) no-repeat top center;}
|
||||
|
||||
.wechat_duoydiv dl dd .duoy_div span img{display:block;margin:0 auto;margin-top:28px;}
|
||||
.wechat_duoydiv dl dd .duoy_div h1{display:block;text-align:center;font-size:20px;color:#646464;margin:20px 0px;}
|
||||
.wechat_duoydiv dl dd .duoy_div p{display:block;text-align:center;font-size:14px;line-height:26px;color:#646464;}
|
||||
|
||||
/*标准营销组件*/
|
||||
.wechat_zj{display:block;width:1200px;margin:0 auto;margin-top:50px;}
|
||||
.wechat_zjcon{display:block;overflow:hidden;margin-top:70px;width:1300px;}
|
||||
.wechat_zjcon dl{display:block;float:left;width:46%;height:100px;position:relative;background:url(../../resource/images/wechat/icon_dot3.png) no-repeat 83% 90%;margin-right:4%;margin-bottom:15px;}
|
||||
.wechat_zjcon dl dt,.wechat_zjcon dl dd{display:block;float:left;}
|
||||
.wechat_zjcon dl dt{width:100px;height:100px;background:#00a8ee url(../../resource/images/wechat/icon_bj.png) no-repeat;border-radius:1000px;overflow:hidden;position:absolute;z-index:9;}
|
||||
.wechat_zjcon dl dt em{display:block;text-align:center;font-size:18px;color:#fff;}
|
||||
.wechat_zjcon dl dt .em1{font-size:30px;font-style:italic;margin-top:10px;}
|
||||
.wechat_zjcon dl dt .em2{margin-top:5px;}
|
||||
.wechat_zjcon dl dd{background:#efefef;height:60px;width:440px;position:absolute;left:80px;top:15px;padding-left:34px;font-size:16px;color:#323232;padding-top:8px;
|
||||
line-height:26px;}
|
||||
|
||||
/*企业选择*/
|
||||
.wechat_qy{display:block;width:1200px;margin:0 auto;overflow:hidden;margin-top:80px;}
|
||||
.wechat_qycon{display:block;width:1250px;margin-top:80px;/* overflow:hidden; */}
|
||||
.wechat_qydiv{display:block;float:left;border:solid 1px #a5a5a5;width:290px;height:460px;position:relative;cursor:pointer;margin-right:10px;margin-bottom:120px;}
|
||||
.wechat_qydiv span{display:block;float:left;position:absolute;left:50px;top:-13px;}
|
||||
.wechat_qydiv dl{display:block;overflow:hidden;margin-top:136px;padding:0 8px;}
|
||||
.wechat_qydiv dl dt{display:block;text-align:center;font-size:20px;color:#323232;margin-bottom:30px;}
|
||||
.wechat_qydiv dl dd{display:block;font-size:13px;color:#646464;line-height:22px;}
|
||||
.wechat_qydiv dl .ddtext{height:150px;}
|
||||
.wechat_qydiv dl .ddcolor{color:#00a8ee;}
|
||||
.wechat_qydiv em{display:block;width:80px;height:80px;position:absolute;left:100px;bottom:-40px;
|
||||
-webkit-transition: 0.5s;transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;}
|
||||
.wechat_qydiv:hover{background:rgba(0,0,0,0.1);}
|
||||
.wechat_qydiv:hover em{width:180px;height:180px; transform:translate(-45px,-124px)}
|
||||
|
||||
.wechat_qydiv .code1{display:block;background:url(../../resource/images/wechat/kehu/anli1/erwm/1_ls.png) no-repeat;background-size:100% 100%;}
|
||||
.wechat_qydiv .code2{display:block;background:url(../../resource/images/wechat/kehu/anli1/erwm/2_gmd.png) no-repeat;background-size:100% 100%;}
|
||||
.wechat_qydiv .code3{display:block;background:url(../../resource/images/wechat/kehu/anli1/erwm/3_hyjx.png) no-repeat;background-size:100% 100%;}
|
||||
.wechat_qydiv .code4{display:block;background:url(../../resource/images/wechat/kehu/anli1/erwm/4_yzy.png) no-repeat;background-size:100% 100%;}
|
||||
.wechat_qydiv .code5{display:block;background:url(../../resource/images/wechat/kehu/anli1/erwm/5_ylyx.png) no-repeat;background-size:100% 100%;}
|
||||
.wechat_qydiv .code6{display:block;background:url(../../resource/images/wechat/kehu/anli1/erwm/6_kk.png) no-repeat;background-size:100% 100%;}
|
||||
.wechat_qydiv .code7{display:block;background:url(../../resource/images/wechat/kehu/anli1/erwm/7_yyp.png) no-repeat;background-size:100% 100%;}
|
||||
.wechat_qydiv .code8{display:block;background:url(../../resource/images/wechat/kehu/anli1/erwm/8_mhqq.png) no-repeat;background-size:100% 100%;}
|
||||
.wechat_qydiv .code9{display:block;background:url(../../resource/images/wechat/kehu/anli1/erwm/9_ltj.png) no-repeat;background-size:100% 100%;}
|
||||
.wechat_qydiv .code10{display:block;background:url(../../resource/images/wechat/kehu/anli1/erwm/10_zlzw.png) no-repeat;background-size:100% 100%;}
|
||||
.wechat_qydiv .code11{display:block;background:url(../../resource/images/wechat/kehu/anli1/erwm/11_51ysc.png) no-repeat;background-size:100% 100%;}
|
||||
.wechat_qydiv .code12{display:block;background:url(../../resource/images/wechat/kehu/anli1/erwm/12_smtm.png) no-repeat;background-size:100% 100%;}
|
||||
.wechat_qydiv .code13{display:block;background:url(../../resource/images/wechat/kehu/anli1/erwm/13_rtsp.png) no-repeat;background-size:100% 100%;}
|
||||
.wechat_qydiv .code14{display:block;background:url(../../resource/images/wechat/kehu/anli1/erwm/14_xmbb.png) no-repeat;background-size:100% 100%;}
|
||||
.wechat_qydiv .code15{display:block;background:url(../../resource/images/wechat/kehu/anli1/erwm/15_qysc.png) no-repeat;background-size:100% 100%;}
|
||||
.wechat_qydiv .code16{display:block;background:url(../../resource/images/wechat/kehu/anli1/erwm/16_blb.png) no-repeat;background-size:100% 100%;}
|
||||
.wechat_qydiv .code17{display:block;background:url(../../resource/images/wechat/kehu/anli1/erwm/17_jml.png) no-repeat;background-size:100% 100%;}
|
||||
.wechat_qydiv .code18{display:block;background:url(../../resource/images/wechat/kehu/anli1/erwm/18_gxt.png) no-repeat;background-size:100% 100%;}
|
||||
.wechat_qydiv .code19{display:block;background:url(../../resource/images/wechat/kehu/anli1/erwm/19_ygls.png) no-repeat;background-size:100% 100%;}
|
||||
.wechat_qydiv .code20{display:block;background:url(../../resource/images/wechat/kehu/anli1/erwm/20_zmw.png) no-repeat;background-size:100% 100%;}
|
||||
|
||||
.wechat_khu{display:block;width:1240px;}
|
||||
.wechat_khu dl{display:block;float:left;width:388px;height:198px;border:solid 1px #a5a5a5;margin:0 15px 15px 0;overflow:hidden;cursor:pointer;}
|
||||
.wechat_khu dl dt,.wechat_khu dl dd{display:block;float:left;}
|
||||
.wechat_khu dl dt{margin:30px 0 0 30px;}
|
||||
.wechat_khu dl dd{margin-left:35px;margin-top:30px;}
|
||||
.wechat_khu dl dd img{display:block;padding-bottom:10px;margin:0 auto;}
|
||||
.wechat_khu dl dd i{display:block;text-align:center;font-size:16px;}
|
||||
.wechat_khu dl dd i.i1{color:#fd860b;}
|
||||
.wechat_khu dl dd i.i2{color:#0175c5;}
|
||||
.wechat_khu dl dd i.i3{color:#221715;}
|
||||
.wechat_khu dl dd i.i4{color:#255085;}
|
||||
.wechat_khu dl dd i.i5{color:#dc2329;}
|
||||
.wechat_khu dl dd i.i6{color:#221715;}
|
||||
.wechat_khu dl dd i.i7{color:#f20380;}
|
||||
.wechat_khu dl dd i.i8{color:#323232;}
|
||||
.wechat_khu dl dd i.i9{color:#e58a3c;}
|
||||
.wechat_khu dl dd i.i10{color:#24211c;}
|
||||
.wechat_khu dl dd i.i11{color:#003a23;}
|
||||
.wechat_khu dl dd i.i12{color:#2c1d58;}
|
||||
|
||||
/*服务*/
|
||||
.wechat_fw{display:block;width:1200px;margin:0 auto;overflow:hidden;margin-top:50px;}
|
||||
.wechat_fwcon{display:block;overflow:hidden;margin-top:80px;}
|
||||
.wechat_div{display:block;float:left;width:50%;height:110px;margin-bottom:50px;}
|
||||
.wechat_div span{display:block;background:url(../../resource/images/wechat/fuwu/icon_dot.png) no-repeat;width:90px;height:90px;float:left;}
|
||||
.wechat_div dl{display:block;float:left;margin-top:8px;margin-left:6px;width:470px;}
|
||||
.wechat_div dl dt{display:block;font-size:24px;color:#323232;font-weight:bold;}
|
||||
.wechat_div dl dd{display:block;font-size:16px;color:#646464;margin-top:8px;}
|
||||
.wechat_h1 h1{display: block;font-size: 24px;color: #fff;background: #00a8ee;width:1200px;margin: 0 auto;height: 56px;line-height: 56px;text-align: center;}
|
||||
.wechat_h1 i{display: block;background: url(../../resource/images/wechat/icon_dot1.png) no-repeat;margin: 0 auto;width: 30px;height: 18px;margin-top: 5px;}
|
||||
.wechat_h1 p{display:block;text-align:center;font-size:36px;color:#00a8ee;font-weight:bold;margin:40px 0;}
|
||||
|
||||
@media screen and (max-width:1366px){
|
||||
.wechat_wsy, .wechat_ld{width:960px;}
|
||||
.wechat_dlbox {width:930px;}
|
||||
.wechat_dlbox h1{margin-left:-292px;}
|
||||
.wechat_dldiv dl{width:340px;}
|
||||
.wechat_tzcon{width:960px;}
|
||||
.wechat_tzbox .tz dl{width:310px;height:270px;}
|
||||
.wechat_tzbox .tz dl dd{font-size:14px;line-height:25px;margin-top:10px;}
|
||||
.wechat_jjfn{width:960px;}
|
||||
.wechat_jjfncon span{width:45%;margin-top:30px;}
|
||||
.wechat_jjfncon span img{width:85%;}
|
||||
.wechat_duoycon{width:960px;}
|
||||
.wechat_duoydiv{width:1010px;}
|
||||
.wechat_zj{width:960px;}
|
||||
.wechat_zjcon{width:1032px;}
|
||||
.wechat_zjcon dl{width:46%;}
|
||||
.wechat_zjcon dl dd{width:340px;}
|
||||
.wechat_qy{width:960px;}
|
||||
.wechat_qycon{width:1010px;}
|
||||
.wechat_qydiv{margin-right:42px;}
|
||||
.wechat_khu{width:1000px;}
|
||||
.wechat_khu dl{width:308px;height:150px;}
|
||||
.wechat_khu dl dt{width: 35%;margin: 36px 0 0 30px;}
|
||||
.wechat_khu dl dt img{width:90%;}
|
||||
.wechat_khu dl dd{margin-left:16px;}
|
||||
.wechat_khu dl dd img{width:50%;}
|
||||
.wechat_fw{width:960px;}
|
||||
.wechat_div dl{width:370px;}
|
||||
}
|
||||
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: 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: 9.3 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: 15 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);
|
||||
+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