@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2016-04-08 17:33:27
 * @version $Id$
 */
 *{margin:0;padding:0;font-family:'微软雅黑';}
 ul li{list-style: none;}
 a{color:#000;text-decoration:none;}
 body{overflow-x:hidden;}
 
.header-box {width: 100%;margin: 0 auto;background-color: #fff;position: fixed;z-index: 5999;}
.header-box .header-content{width:1210px; height:80px; text-align:center; margin:0 auto; padding-top:8px; padding-bottom:8px; clear:both;}
.header-box .header-content .logo{}
.header-box .header-content .logo img{}
.header-box .header-content .nav{float:right;}
.header-box .header-content .nav .navtag li{width:100px;height:60px;line-height:60px;color:#fff;float:left;text-align: center;position:relative;}
.header-box .header-content .nav .navtag li a{width:100px;height:60px;line-height: 60px;color:#fff;display:block;text-align:center;}
.slidebox{position:absolute;bottom:0;left:0;right:0;background:#19a370;width:100px;height:60px;z-index:-1;display:none;}
.ms-box{position: relative;width:100%;margin:0 auto;background:#2cb9ff url(../images/bg.jpg) no-repeat center center;opacity:0;}
.ms-box .content_box1{width:1300px;height:660px;margin:0 auto; position: relative;}
.ms-box .content_box1 img,.ms-content{position: absolute;} 
.ms-box .ms-img5{left:-78px;opacity: 0;bottom:600px; -webkit-transition:left 1s linear , opacity 1s linear; -moz-transition:left 1s linear , opacity 1s linear; -o-transition:left 1s linear , opacity 1s linear;}

.ms-box .play{left:-10px;opacity: 1;}
.ms-box .ms-img1{top:218px;left:297px;z-index:23;opacity:0;filter:alpha(opacity=0);}
.ms-box .ms-img2{right: -474px;top: -60px;opacity: 0;z-index: 20;filter: alpha(opacity=0);}
.ms-box .ms-img4{  bottom:0px; z-index:20;height:0;}
.ms-box .ms-img6{bottom: 60px;right: -200px;z-index: 20;opacity: 0;filter: alpha(opacity=0);}
.ms-box .ms-img7{top:130px;right: -300px;z-index: 20;opacity: 0;filter: alpha(opacity=0);}
.ms-box .ms-img8{bottom:5px;right:585px;z-index: 10;opacity: 0;}
.ms-box .ms-img9{top:165px;opacity: 0;right: -10px;z-index: 22;filter: alpha(opacity=0);}
.ms-box .ms-img10{top: 140px;opacity: 0;right: 121px;z-index: 19;filter: alpha(opacity=0);}
.ms-content {color: #fff;font-size: 18px;top: 360px;left: 313px;z-index: 23;opacity: 0;filter: alpha(opacity=0);}
/*第二页*/
.content-box, .content-box-hs {width: 1210px;margin: 0 auto;position: relative;}
.dm-box{width: 100%;height: 966px;margin: 0 auto;background-color: #181933;position: relative;padding-bottom:120px;overflow: hidden;}
.dm-box h1{font-size: 48px;color: #fff;text-align: center;display: block;font-weight: 100;}
.dm-box .dm-title{position: absolute;top: 0;left: 480px;opacity: 0;filter: alpha(opacity=0);}
.content-box h4 {font-size: 16px; line-height:28px; color: #fff;text-align: center;display: block;padding-top: 30px;font-weight: 100;}
.dm-content1 {position: absolute;top: 100px;opacity: 0;left:80px;filter: alpha(opacity=0);}
.dm-img-box {width: 1122px;height: 582px; margin: 0 auto;padding-top: 60px;padding-bottom: 90px;opacity: 0;filter: alpha(opacity=0);position: absolute;top: 150px;left: 40px;}
/*第三页，视频*/
.content-box h1 {font-size: 48px;color: #fff;text-align: center;display: block;font-weight: 100;}
.sp-box {width: 100%;height:550px;margin: 0 auto;background-image:url(../images/sp.jpg);background-color: #7eca00;background-repeat: no-repeat;background-position: center;position: relative;overflow: hidden;}
.sp-title {position: absolute; top: 0px;opacity: 0;filter: alpha(opacity=0);}
.sp-img2, .sp-img3, .sp-img4, .sp-img2-2{position: absolute;}
.sp-img-box, .sp-img {margin: 0 auto; width: 1089px;height: 650px;position: absolute;}
.sp-img3 {width: 161x;height: 157px;right: -200px;top: 0px;opacity: 0;filter: alpha(opacity=0);}
.sp-img4 {width: 125px;height: 175px;right: -200px;top: 0px;opacity: 0;filter: alpha(opacity=0);}
.sp-img-bgbox {height: 750px}
/* 第四页 */
.sf-box {width: 100%;margin: 0 auto;height: 521px;background-image: url("../images/4/bg1.png");background-color: #02060a;background-repeat: no-repeat;background-position: center;position: relative;overflow: hidden}
.sf-title {position: absolute;left: 388px;top: 0px;opacity: 0;filter: alpha(opacity=0);}

.sf-content-box li{float: left;padding-top:60px;}
.sf-img-ls, .sf-img-zs, .sf-img-hs, .sf-img-as{width:74px;height:74px;position: absolute;}
.sf-content-ls,.sf-content-ls1,.sf-content-zs,.sf-content-zs1,.sf-content-hs,.sf-content-hs1,.sf-content-as,.sf-content-as1{color: #fff;position: absolute;font-size:18px;}
.sf-xian-ls,.sf-xian-zs,.sf-xian-hs,.sf-xian-as{position: absolute;}

.sf-content-box1{position: absolute;left:-200px;width:550px;opacity:0;filter:alpha(opacity=0);}
.sf-content-box1 .sf-img-ls{left:0;top:200px;}
.sf-content-box1 .sf-content-ls1{color: #fff;position: absolute;left:23px;top:220px;font-size: 22px;}
.sf-content-box1 .sf-content-ls{top: 215px;left: 100px;}
.sf-content-box1 .sf-xian-ls{border-top:1px solid #3da569;width:430px;left:100px;top:255px;}

.sf-content-box2{position: absolute;right:-200px;width:550px;opacity:0;filter:alpha(opacity=0);}
.sf-content-box2 .sf-img-zs{left:10px;top:200px;}
.sf-content-box2 .sf-content-zs1{right:490px;top:220px;}
.sf-content-box2 .sf-content-zs{right:170px;top:215px;}
.sf-content-box2 .sf-xian-zs{border-top: 1px solid #9555b0;width:400px;right:45px;top: 255px;}

.sf-content-box3{position: absolute;left:-200px;width:550px;opacity:0;filter:alpha(opacity=0);}
.sf-content-box3 .sf-img-hs{left:0px;top:340px;}
.sf-content-box3 .sf-content-hs1{left:23px;top:360px;}
.sf-content-box3 .sf-content-hs{left:100px;top:350px;}
.sf-content-box3 .sf-xian-hs{border-top: 1px solid #c45459;width:430px;left:100px;top: 390px;}

.sf-content-box4{position: absolute;right:-200px;width:550px;opacity:0;filter:alpha(opacity=0);}
.sf-content-box4 .sf-img-as{left:10px;top:340px;}
.sf-content-box4 .sf-content-as1{right:491px;top:360px;}
.sf-content-box4 .sf-content-as{right:-50px;top:350px;}
.sf-content-box4 .sf-xian-as{border-top: 1px solid #9555b0;width:430px;right:15px;top: 390px;}
/* 第五页 ECTouch微分销统统搞定 */
.gd-box{width:100%;height:753px;margin:0 auto;background-color:#eee;position:relative;padding-bottom:90px;overflow: hidden;}
.gd-title{position: absolute;left:450px;top: 0px;opacity: 0;filter: alpha(opacity=0);}
.content-box-hs h1 {font-size:38px;color: #555454;text-align: center;display: block;font-weight: 100;}
.five-img,.five-img1{width:363px; height:361px;position:absolute; top:240px; z-index:20;}
.five-img{left:-200px;opacity:0;filter: alpha(opacity=0); cursor:pointer;}
.five-img1{left:458px;opacity:0;filter: alpha(opacity=0); cursor:pointer;}
.five-img2{ right:-200px;top:225px;width:363px; height:361px;position:absolute; z-index:20;opacity:0;filter: alpha(opacity=0); cursor:pointer;}
.five-img3,.five-img4{width:361px; height:361px;position:absolute; z-index:19;top:438px;}
.five-img3{ left:-100px;opacity:0;filter: alpha(opacity=0); cursor:pointer;}
.five-img4{ right:-100px;opacity:0;filter: alpha(opacity=0); cursor:pointer;}
.five-img5,.five-img6,.five-img7,.five-img8{width:63px; height:62px;position:absolute; z-index:20;}
.five-img5{ left:408px;top:285px; opacity:0;filter: alpha(opacity=0); cursor:pointer;}
.five-img6{ left:770px;top:220px; opacity:0;filter: alpha(opacity=0); cursor:pointer;}
.five-img7{ left:205px;top:690px;opacity:0;filter: alpha(opacity=0); cursor:pointer;}
.five-img8{ right:125px;top:650px;opacity:0;filter: alpha(opacity=0); cursor:pointer;}
.five-img9,.five-img10,.five-img11,.five-img12,.five-img13{width:58px; height:58px;position:absolute; z-index:21;}
.five-img9{left:-200;top:300px;opacity:0;filter: alpha(opacity=0); cursor:pointer;}
.five-img10{left:610px;top:317px; cursor:pointer;}
.five-img11{right:-100px;top:295px;opacity:0;filter: alpha(opacity=0); cursor:pointer;}
.five-img12{left:-100px;top:510px;opacity:0;filter: alpha(opacity=0); cursor:pointer;}
.five-img13{right:-100px;top:510px;opacity:0;filter: alpha(opacity=0); cursor:pointer;} 
.gd-content1,.gd-content2,.gd-content3,.gd-content4,.gd-content5{color:#fff;font-size:24px;text-align:center;display:block;position:absolute; z-index:23;line-height:35px;}
.gd-content1{left:-100px; top:380px;opacity:0;filter: alpha(opacity=0);}
.gd-content2{left:515px; top:400px;}
.gd-content3{right:-100px; top:380px;opacity:0;filter: alpha(opacity=0);}
.gd-content4{left:-100px; top:590px;}
.gd-content5{right:-100px; top:600px; opacity:0;filter: alpha(opacity=0);}
/* 第六页 */
.yj-box{width:100%;height:694px; background:url('../images/qd-bg.png') no-repeat center center;position: relative; padding-bottom:90px;overflow: hidden;position: relative;} 
.content-box-hs .yj-title2{position: absolute;left:445px; color:#fff; top:0;opacity: 0;filter:alpha(opacity=0);}
.bg-img-box{left:-200px;left:-200px;opacity: 0;filter:alpha(opacity=0);}
.bg-img-box,.bg-img-box1{width:483px;height:450px;background-color: #fff;position: absolute;border-radius: 12px;top:285px;}
.bg-img-box .yj-title{position: absolute;font-size: 40px;color:#576379;top:110px;left:124px;z-index:1;}
.bg-img-box .yj-cont{font-size: 22px;color: #707070;position: absolute;left: 150px;z-index:1;}
.content-box-hs h5{font-size: 16px;color: #6d6d6d;position: absolute;top: 78px;right: 0px;font-weight: 100;}
.yj-one-cont,.yj-two-cont,.yj-three-cont,.yj-four-cont,.yj-five-cont{font-size: 18px;color: #666666;position: absolute;left: 120px;z-index:1;}
.yj-cont {font-size: 22px;color: #707070;position: absolute;top: 165px;left: 150px}
.yj-cont1 {font-size: 22px;color: #707070;position: absolute;top: 165px;left: 210px}
.yj-one-cont{top:200px; line-height:32px; background:url(../images/cuo%20(1).png) no-repeat left center;}
.yj-two-cont{top:245px;}
.yj-three-cont{top:290px;}
.yj-four-cont{top:330px;}
.yj-five-cont{top:370px;}
.six-img2, .six-img3 {left: 200px;top: -35px;}
.six-img2, .six-img3 {position: absolute;width: 73px;height: 69px;z-index: 24;}
.bg-img-box1 {left: 875px;opacity: 0;filter: alpha(opacity=0)}
.six-img, .six-img1 {left: 160px;top: -78px}
.six-img, .six-img1 {position: absolute;width: 153px;height: 152px;z-index: 23}
.yj-title1 {font-size: 40px;color: #e46065;position: absolute;top: 110px;left: 75px}
/*第七页*/
.qd-box{width:100%;height:890px;padding-bottom:90px;overflow: hidden;}
.qd-title {position: absolute;left: 270px;top: 0px;opacity: 0;filter: alpha(opacity=0);}
.qd-img {
    position: absolute;
    left: 40px;
    top: 100px;
    opacity: 0;
    filter: alpha(opacity=0);
}
/*轻松月入百万*/
.bw-box {
    width: 100%;
    height: 930px;
    margin: 0 auto;
    background-color: #eee;
    position: relative;
    overflow: hidden;
}
.bw-title {
    position: absolute;
    left: 465px;
    top: 0px;
    opacity: 0;
    filter: alpha(opacity=0);
}
.bw-table-box {
    position: absolute;
    left: 0px;
    top: 50px;
    width: 1210px;
    opacity: 0;
    filter: alpha(opacity=0);
}
.five-table {
    width: 100%;
    margin-top: 35px;
    border: 1px solid #dbdbdb;
}
.five-table th {
    background-color: #1cbb7f;
    font-size: 1.25rem;
    color: #fff;
    border: 1px solid #dbdbdb;
    height: 80px;
    line-height: 80px;
}
.five-table th:hover {
    background-color: #18a570;
    font-size: 1.25rem;
    color: #fff;
    border: 1px solid #dbdbdb;
    height: 80px;
    line-height: 80px;
}
.ls-bgimg1 {
    background-color: #adadad;
    width: 100px;
    text-align: center;
}
.ls-bg3 {
    width: 100px;
    height: 70px;
    text-align: center;
    border: 1px solid #dbdbdb;
    font-size: 16px;
    line-height: 30px;
}
.ls-bg2, .ls-bg, .ls-bgimg {
    width: 100px;
    height: 70px;
    text-align: center;
    border: 1px solid #dbdbdb;
    font-size: 16px;
    line-height: 70px;
}
.ls-bg {
    color: #e46065;
}
.bw-table-box1 {
    position: absolute;
    left: 0px;
    top: 250px;
    width: 1210px;
    opacity: 0;
    filter: alpha(opacity=0);
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.wrp1150 { width: 1150px; margin-left: auto; margin-right: auto; overflow:hidden;}
.diy ul {}
.diy ul li{float: left;width: 20%;}
.diy ul li .box{text-align: center;padding: 20px 0;}
.diy ul li .img{width:64px;height: 64px;padding: 32px; border-radius: 10px;margin: 0 auto;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.diy ul li .img:hover{border-radius: 50%; cursor:pointer;}
.diy ul li:nth-child(1) .img{background: #ff5e5d;}
.diy ul li:nth-child(2) .img{background: #f05699;}
.diy ul li:nth-child(3) .img{background: #2bc0a7;}
.diy ul li:nth-child(4) .img{background: #b28146;}
.diy ul li:nth-child(5) .img{background: #52b2e2;}
.diy ul li:nth-child(6) .img{background: #899aff;}
.diy ul li:nth-child(7) .img{background: #ff9933;}
.diy ul li:nth-child(8) .img{background: #ab6491;}
.diy ul li:nth-child(9) .img{background: #58b5bb;}
.diy ul li:nth-child(10) .img{background: #f5877c;}
.diy ul li:nth-child(11) .img{background: #6cd65a;}
.diy ul li:nth-child(12) .img{background: #8d80ef;}
.diy ul li:nth-child(13) .img{background: #f45a86;}
.diy ul li:nth-child(14) .img{background: #ff5c01;}
.diy ul li:nth-child(15) .img{background: #b1cf81;}
.diy ul li p{font-size: 16px;line-height: 32px;padding-top: 10px;}


.footer { width: 100%; background:#333; padding-top:25px; padding-bottom:25px;}

.Copyright{ width:1100px; text-align:center; color:#fff; font-size:14px; overflow:hidden; margin:0px auto;}
.Copyright ul li{ width:990px; text-align:center;overflow:hidden; margin-top:10px;}
.Copyright span a{ color:#fff;}




/*在线客服*/
.keifu{position:fixed;top:10%;right:0;width:131px; _position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
 z-index:990;}
.icon_keifu{width:26px;height:100px;float:left;background:url(../images/keifu.png) 0 0;position:relative;display:none;cursor:pointer;}
.keifu_box{float:left;width:131px;}
.keifu_head{width:131px;height:41px;background:url(../images/keifu.png);background-position: 0 -103px;font-size:0;line-height:0;position:relative;}
.keifu_close:link,.keifu_close:visited{display:block;width:11px;height:11px;background:url(../images/keifu.png) -42px 0;position:absolute;top:5px;right:5px;}
.keifu_close:hover{background-position:-60px 0;}
.keifu_con{border-left:7px solid #029bdb;border-right:7px solid #029bdb;padding-top:15px;background:#fbfbfb;}
.keifu_con li{height:33px;padding-left:12px;}
.keifu_con .weixin{height:96px;}
.keifu_con .bt{font-size:16px;height:30px;line-height:30px;text-align:left;padding:0 0 0 20px;color:#012646;}
.keifu_bot{width:131px;height:119px;background:url(../images/keifu.png);background-position:0 -149px;}