/*
* @Author: Mr.liulei
* @Date:   2018-06-25 15:13:30
* @Last Modified by:   Mr.liulei
* @Last Modified time: 2018-06-25 15:13:56
*/
/*引导页以及以后页面..+++++++++++++++++++++++*/
#coobar{
    
}
.section:not(:first-child){
	margin-top: 60px;
}
/*6.0 引导1 start*/
.section2 {background: url(../images/guide-2/bg.png) 50% 50% no-repeat;}
.section2 .guide-2{height: 100%;position: relative;padding-top: 62px;overflow-y: hidden;}
.section2 .guide-2 .guide-2-top{margin:0 auto; width: 1020px;text-align: center;position: relative;transition: all 1s;transition-delay: .5s;}
.section2 .guide-2 .guide-2-top-title{color:#404c5f;font-weight: bold;font-size: 56px;height: 56px;line-height: 56px;margin-top: 60px;}
.section2 .guide-2 .guide-2-top-des{color: #255171;font-size: 20px;height: 66px;line-height: 22px;margin-top: 40px;}
.section2 .guide-2 .guide-2-top-img{margin-top: 24px;background: url(../images/guide-2/icon-desc.png) center center no-repeat;width: 100%;height: 125px;}
.section2 .guide-2 .guide-2-body{margin:0 auto;width: 789px; height: 399px;position: relative;margin-top: 100px;}
.a1,.a2,.a3,.a4,.a5,.a6{position: absolute;}

.a1{right: 580px;top: -60px;z-index: 2;transition: all 1s;}
.a2{right: 580px;top: -60px;z-index: 3;transition: all 1s;}
.a3{right: 580px;top: -60px;z-index: 4;transition: all 1s;}
.a4{right: 580px;top: -60px;z-index: 5;transition: all 1s;}
.a5{right: 580px;top: -60px;z-index: 6;transition: all 1s;}
.a6 { left: 0px; bottom: -100px; z-index: 1; transition: all 1s;-ms-transform: scale(0.8);-webkit-transform: scale(0.8);transform: scale(0.8);}
/*动画*/
.animate .a1 { right: 580px;top: -60px; transition-delay: .5s;}
.animate .a2 { right: 490px;top: -60px; transition-delay: .5s;}
.animate .a3 { right: 400px;top: -65px; transition-delay: .5s;}
.animate .a4 { right: 265px;top: -55px; transition-delay: .5s;}
.animate .a5 { right: 120px;top: -20px; transition-delay: .5s;}
.animate .a6 { left: 0px; bottom: 0px; transition-delay: .5s;-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
/*ie10下为默认*/
.ie10 .a1,.a2,.a3,.a4,.a5,.a6{position: absolute;}
.ie10 .a1{right: 580px;top: -60px;z-index: 2;}
.ie10 .a2{right: 490px;top: -60px;z-index: 3;}
.ie10 .a3{right: 400px;top: -65px;z-index: 4;}
.ie10 .a4{right: 265px;top: -55px;z-index: 5;}
.ie10 .a5{right: 120px;top: -20px;z-index: 6;}
.ie10 .a6{left: 0px;bottom: 0;z-index: 1;}
/*6.0 引导1 end*/

/*6.0 引导2 lol摇钱树 start*/
.section3 .guide-3{height: 100%;position: relative;padding-top: 62px;overflow-y: hidden;}
.section3 .guide-3 .guide-3-left{width: 660px;height: 547px;position: relative;margin-top: 150px}
.section3 .guide-3 .guide-3-top{margin:0 auto; width: 1020px;text-align: center;position: relative;transition: all 1s;transition-delay: .5s;}
.section3 .guide-3 .guide-3-top-title{color:#fff;font-weight: bold;font-size: 56px;height: 56px;line-height: 56px;margin-top: 60px;}
.section3 .guide-3 .guide-3-top-des{color: #ddd;font-size: 20px;height: 66px;line-height: 22px;margin-top: 40px;}
.section3 .guide-3 .guide-3-top-img{margin-top: 24px;background: url(../images/guide-2/icon-desc.png) center center no-repeat;width: 100%;height: 125px;}
.guide-3-b1,.guide-3-b2,.guide-3-b3{position:absolute;}
.guide-3-b1{width:353px;height:398px;top:100px;left:48px;z-index:4;transition: all 1s;-ms-transform: scale(0.5);-webkit-transform: scale(0.5);transform: scale(0.5);}
.guide-3-b2{width:431px;height:369px;top:190px;right:90px;z-index:3;transition: all 1s;-ms-transform: scale(0.5);-webkit-transform: scale(0.5);transform: scale(0.5);}
.guide-3-b3{width:675px;height:561px;bottom:-200px;left:0;z-index:1;transition: all 1s; -ms-transform: scale(0.8);-webkit-transform: scale(0.8);transform: scale(0.8);}

/*动画*/
.active .guide-3-b1 { top: 80px;left: 74px; transition-delay: 0.5s;-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
.active .guide-3-b2 { top: 28px;right: -5px;transition-delay: 0.5s;-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
.active .guide-3-b3 { bottom: 0px;left:0; transition-delay: 0.5s;-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
/*lt ie10 去掉动画*/
.ie10 .guide-3-b1{top: 92px;left: 74px;}
.ie10 .guide-3-b2{top: 38px;right: -5px;}
.ie10 .guide-3-b3{bottom: 0;left: 0;}

.section3 .guide-3 .guide-3-right{width: 540px;height: 500px;position: relative;top:0px;margin-top: 150px;transition: all 1s;transition-delay: 0.5s;}
.section3 .guide-3 .guide-3-right .guide-3-right-title{width: 100%;line-height: 58px;font-size: 46px;text-align: right;color: #ffffff;font-weight: 300;position: relative;}
.section3 .guide-3 .guide-3-right .guide-3-right-title span{color: #f69d11;}
.section3 .guide-3 .guide-3-right .guide-3-right-des{margin-top: 65px;}
ul.guide-3-right-des li{width: 100%;height: 74px;color: #ffffff;}
ul.guide-3-right-des li .right-des-1,ul.guide-3-right-des li .right-des-2{width:450px;height: 100%;float: right;position: relative;}
ul.guide-3-right-des li .right-des-1 span,ul.guide-3-right-des li .right-des-2 span{color: #adb8c1;}
ul.guide-3-right-des li .right-des-1 i{background-position: 0 0;}
ul.guide-3-right-des li .right-des-2 i{background-position: 0 -111px;}
/*.section2.active .guide-2 .guide-2-right{transition-delay: 0.5s;top:0px;}*/
/*6.0 引导2 lol摇钱树 end*/


/*6.0 引导3 lol活动 start*/
.section4 .guide-4{height: 100%;position: relative;padding-top: 62px;overflow: visible;}
.section4 .guide-4 .guide-4-left{width: 550px;height: 500px;position: relative;margin-top: 150px;transition: all 1s;transition-delay: 0.5s; }
.section4 .guide-4 .guide-4-left .guide-4-left-title{width: 100%;line-height: 58px;font-size: 38px;text-align: left;color: #ffffff;font-weight: 300;position: relative;}
.section4 .guide-4 .guide-4-left .guide-4-left-title span{color: #f69d11;}
.section4 .guide-4 .guide-4-left .guide-4-left-des{margin-top: 22px;}
ul.guide-4-left-des li{width: 100%;height: 74px;color: #ffffff;}
ul.guide-4-left-des li .left-des-1,ul.guide-4-left-des li .left-des-2,ul.guide-4-left-des li .left-des-3,ul.guide-4-left-des li .left-des-4{width:460px;height: 100%;padding-left: 90px;position: relative;}
ul.guide-4-left-des li span{color: #adb8c1;}
ul.guide-4-left-des li i{background: url(../images/guide-4/icon.png) no-repeat;width: 74px;height: 74px;position: absolute;top:0px;left: 0px;display: inline-block;}
ul.guide-4-left-des li .left-des-1 i{background-position: 0 0;}
ul.guide-4-left-des li .left-des-2 i{background-position: 0 -88px;}
ul.guide-4-left-des li .left-des-3 i{background-position: 0 -173px;}
ul.guide-4-left-des li .left-des-4 i{background-position: 0 -259px;} */
.section3.active .guide-4 .guide-4-left{transition-delay: 0.5s;margin-top: 150px;}

.section4 .guide-4 .guide-4-right{width: 650px;height: 560px;position: relative;margin-top: 100px;overflow:visible;}
.guide-4-b1,.guide-4-b2,.guide-4-b3,.guide-4-b4,.guide-4-b5,.guide-4-bg{position:absolute;}
.guide-4-b1{width:717px;height:452px;top:40px;left:-40px;z-index:2;transition: all 1s;-ms-transform: scale(0.5);-webkit-transform: scale(0.5);transform: scale(0.5);}
.guide-4-b2 { width: 103px; height: 103px; top: 320px; left: 285px; z-index: 3; transition: all 1s; }
.guide-4-b3 { width: 98px; height: 98px; top: 320px; left: 285px; z-index: 3; transition: all 1s; }
.guide-4-b4 { width: 102px; height: 102px; top: 320px; right: 265px; z-index: 3; transition: all 1s; }
.guide-4-b5 { width: 94px; height: 94px; top: 320px; right: 265px; z-index: 1; transition: all 1s; }
.guide-4-bg { width: 767px; height: 277px; bottom: 40px; left: -40px; z-index: 1; transition: all 1s; }

/*动画*/
.active .guide-4-b1{top:-30px;left:-40px;transition-delay: 0.5s;-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
.active .guide-4-b2{top:90px;left:115px;transition-delay: 0.5s;animation: spinner 1.5s; -moz-animation: spinner 1.5s; -webkit-animation: spinner 1.5s; -o-animation: spinner 1.5s;}
.active .guide-4-b3{top:200px;left:215px;transition-delay: 0.5s;animation: spinner 1.5s; -moz-animation: spinner 1.5s; -webkit-animation: spinner 1.5s; -o-animation: spinner 1.5s;}
.active .guide-4-b4{top:125px;right:90px;transition-delay: 0.5s;animation: spinner 1.5s; -moz-animation: spinner 1.5s; -webkit-animation: spinner 1.5s; -o-animation: spinner 1.5s;}
.active .guide-4-b5{top:60px;right:195px;transition-delay: 0.5s;animation: spinner 1.5s; -moz-animation: spinner 1.5s; -webkit-animation: spinner 1.5s; -o-animation: spinner 1.5s;}
.active .guide-4-bg{bottom:-40px;left:-40px;transition-delay: 0.5s;}

/*lt ie10 去掉动画*/
.ie10 .guide-4-b1{top:-30px;left:-40px;}
.ie10 .guide-4-b2{top:90px;left:115px;}
.ie10 .guide-4-b3{top:200px;left:215px;}
.ie10 .guide-4-b4{top:125px;right:90px;}
.ie10 .guide-4-b5{top:60px;right:195px;}
.ie10 .guide-4-bg{bottom:-40px;left:-40px;}

/*6.0 引导3 lol活动 end*/
.section5 .guide-5{height: 100%;position: relative;padding-top: 62px;overflow: visible;}
.section5 .guide-5 .guide-5-top{margin:0 auto; width: 1020px;text-align: center;position: relative;transition: all 1s;transition-delay: .5s;}
.section5 .guide-5 .guide-5-top-title{color:#404c5f;font-weight: bold;font-size: 56px;height: 56px;line-height: 56px;margin-top: 60px;}
.section5 .guide-5 .guide-5-top-des{color: #255171;font-size: 20px;height: 66px;line-height: 22px;margin-top: 40px;}
.section5 .guide-5 .guide-5-left{width: 830px;height: 558px;position: relative;}
.guide-5-b1,.guide-5-b2,.guide-5-b3,.guide-5-b4,.guide-5-b5{position:absolute;}
.guide-5-b1{left: 0; top: 53px; width: 487px; height: 366px; z-index:4;transition: all 1.5s;opacity: 0;}
.guide-5-b2{left: -14px; top: 72px; width: 510px; height: 396px;z-index:5;opacity: 0;}
.guide-5-b3{left: 300%;top: 20px;width: 331px;height: 194px;z-index:6;transition: all 1s;opacity: 0;}
.guide-5-b4{left: 300%;top: 0; width: 331px;height: 194px; z-index:7;transition: all 1.5s;opacity: 0;}
.guide-5-b5{width: 830px; height: 558px;top:0;left:-200%;z-index:1;transition: all 1.5s;opacity: 0;}
.section5 .guide-5 .guide-5-right{width: 590px;height: 813px;position: absolute;top: 50%;margin-top: -289px;}
.section5 .guide-5 .guide-5-right .guide-5-right-title{width: 100%;line-height: 58px;font-size: 46px;text-align: right;color: #255171;font-weight: 300;position: relative;}
.section5 .guide-5 .guide-5-right .guide-5-right-title span{color: #f69d11;}
.section5 .guide-5 .guide-5-right .guide-5-right-des{margin-top: 65px;}
ul.guide-5-right-des li{width: 100%;height: 74px;color: #255171;}
ul.guide-5-right-des li .right-des-1,ul.guide-5-right-des li .right-des-2{width:450px;height: 100%;padding-right: 90px;position: relative;}
ul.guide-5-right-des li .right-des-1 span,ul.guide-5-right-des li .right-des-2 span{color: #255171;}
ul.guide-5-right-des li .right-des-1 i,ul.guide-5-right-des li .right-des-2 i{background: url(../images/guide-5/icon.png) no-repeat;width: 74px;height: 74px;position: absolute;top:0px;right: 0px;display: inline-block;}
ul.guide-5-right-des li .right-des-1 i{background-position: 0 0;}
ul.guide-5-right-des li .right-des-2 i{background-position: 0 -111px;}
/*动画*/
.active .guide-5-b1 { opacity: 1;transition-delay: 1.5s;}
.active .guide-5-b2 { opacity: 1;left: 10px; top: 20px;transition-delay: 0.5s;transition: all 1s ease 2.5s;}
.active .guide-5-b3 { opacity: 1;left: 80px; top: 0;transition-delay: 3s;-ms-transform: scale(0.5);-webkit-transform: scale(0.5);transform: scale(0.5);}
.active .guide-5-b4 { opacity: 1;top: 0;transition-delay: 3s;animation: hand 2s ease 3s;-ms-transform: scale(0.5);-webkit-transform: scale(0.5);transform: scale(0.5);}
.active .guide-5-b5 { opacity: 1;top:0;left:0;}

@-webkit-keyframes hand {
	0% { left: 300%;}
	50% { left: 80px;}
	70% { left: 80px;}
	100% { left: 300%;}
}
@keyframes hand {
	0% { left: 300%;}
	50% { left: 80px;}
	70% { left: 80px;}
	100% { left: 300%;}
}

/*6.0 引导6  start*/
.section6 .guide-6{height: 100%;position: relative;padding-top: 62px;overflow: visible;}
.section6 .guide-6 .guide-6-left{width: 550px;height: 300px;position: relative;margin-top: 150px;transition: all 1s;transition-delay: 0.5s; }
.section6 .guide-6 .guide-6-left .guide-6-left-title{width: 100%;line-height: 58px;font-size: 45px;text-align: left;color: #ffffff;font-weight: 300;color:#255171;position: relative;}
.section6 .guide-6 .guide-6-left .guide-6-left-title.bottom-border:after{background: #8ca5ba}
.section6 .guide-6 .guide-6-left .guide-6-left-des{margin-top: 80px;}
ul.guide-6-left-des li{width: 100%;height: 74px;color: #255171;}
ul.guide-6-left-des li .left-des-1{width:460px;height: 100%;padding-left: 90px;position: relative;}
ul.guide-6-left-des li span{color: #5d809f;}
ul.guide-6-left-des li i{background: url(../images/guide-6/icon.png) no-repeat;width: 74px;height: 74px;position: absolute;top:0px;left: 0px;display: inline-block;}
/*.section6.active .guide-6 .guide-6-left{transition-delay: 0.5s;margin-top: 150px;}*/

.section6 .guide-6 .guide-6-right{width: 640px;height: 612px;position: relative;margin-top: 150px;overflow:visible;}
.guide-6-b1,.guide-6-b2,.guide-6-b3,.guide-6-b4,.guide-6-b5,.guide-6-bg{position:absolute;}
.guide-6-b1{width: 338px; height: 467px;top: 60px;left: 362px;z-index:6;transition: all 1s;opacity: 0;}
.guide-6-b2 { width: 338px; height: 467px; top: 60px;left: 362px; z-index: 5; transition: all 1s; opacity: 0;}
.guide-6-b3 { width: 338px; height: 467px; top: 60px;left: 362px; z-index: 4; transition: all 1s; opacity: 0;}
.guide-6-b4 { width: 338px; height: 467px; top: 60px;left: 362px; z-index: 3; transition: all 1s; opacity: 0;}
.guide-6-b5 { width: 338px; height: 467px; top: 60px;left: 362px; z-index: 2; transition: all 1s; opacity: 0;}
.guide-6-bg { width: 415px; height: 612px; top: 0; left: 200%; z-index: 1; transition: all 1s; }

/*动画*/
.active .guide-6-b1{transition-delay: 3.5s;opacity: 1;left: 260px;top: -50px;}
.active .guide-6-b2{transition-delay: 3s;opacity: 1;left: 280px;top: -30px;}
.active .guide-6-b3{transition-delay: 2.5s;opacity: 1;left: 300px;top: -10px;}
.active .guide-6-b4{transition-delay: 2s;opacity: 1;left: 330px;top: 20px;}
.active .guide-6-b5{transition-delay: 1.5s;opacity: 1;}
.active .guide-6-bg{transition-delay: 0.5s;left: 320px;}

/*lt ie10 去掉动画*/
.ie10 .guide-6-b1{transition-delay: 3.5s;opacity: 1;left: 260px;top: -50px;}
.ie10 .guide-6-b2{transition-delay: 3s;opacity: 1;left: 280px;top: -30px;}
.ie10 .guide-6-b3{transition-delay: 2.5s;opacity: 1;left: 300px;top: -10px;}
.ie10 .guide-6-b4{transition-delay: 2s;opacity: 1;left: 330px;top: 20px;}
.ie10 .guide-6-b5{transition-delay: 1.5s;opacity: 1;}
.ie10 .guide-6-bg{transition-delay: 0.5s;left: 320px;}
/*6.0 引导7 精准短信营销 end*/
.section7 .guide-7{height: 100%;position: relative;padding-top: 62px;overflow: visible;}
.section7 .guide-7 .guide-7-top{margin:0 auto; width: 1020px;text-align: center;position: relative;transition: all 1s;transition-delay: .5s;}
.section7 .guide-7 .guide-7-top-title{color:#fff;font-weight: bold;font-size: 56px;height: 56px;line-height: 56px;margin-top: 60px;}
.section7 .guide-7 .guide-7-top-des{color: #fff;font-size: 20px;height: 66px;line-height: 22px;margin-top: 40px;}
.section7 .guide-7 .guide-7-left{width: 830px;height: 558px;position: relative;}
.guide-7-b1,.guide-7-b2,.guide-7-b3,.guide-7-b4,.guide-7-b5{position:absolute;}
.guide-7-b1{left: 0; top: 0; width: 342px; height: 667px; z-index:4;transition: all 1s;opacity: 0;}
.guide-7-b2{left: 360px; top: 0; width: 342px; height: 667px;z-index:5;transition: all 1s;opacity: 0;}
.guide-7-b3{left: 360px;  top: 0;width: 342px; height: 667px;z-index:6;transition: all 1s;opacity: 0;}
.guide-7-b4{left: 0; top: 520px; width: 691px; height: 322px; z-index:7;transition: all 1s;opacity: 0;}
.section7 .guide-7 .guide-7-right{width: 590px;height: 813px;position: absolute;top: 40%;margin-top: -289px;}
.section7 .guide-7 .guide-7-right .guide-7-right-title{width: 100%;line-height: 58px;font-size: 46px;text-align: right;color: #fff;font-weight: 300;position: relative;}
.section7 .guide-7 .guide-7-right .guide-7-right-title span{color: #f69d11;}
.section7 .guide-7 .guide-7-right .guide-7-right-des{margin-top: 65px;}
ul.guide-7-right-des li{width: 100%;height: 74px;color: #fff;}
ul.guide-7-right-des li .right-des-1,ul.guide-7-right-des li .right-des-2{width:450px;height: 100%;padding-right: 90px;position: relative;}
ul.guide-7-right-des li .right-des-1 span,ul.guide-7-right-des li .right-des-2 span{color: #fff;}
ul.guide-7-right-des li .right-des-1 i,ul.guide-7-right-des li .right-des-2 i{background: url(../images/guide-7/icon.png) no-repeat;width: 74px;height: 74px;position: absolute;top:0px;right: 0px;display: inline-block;}
ul.guide-7-right-des li .right-des-1 i{background-position: 0 0;}
ul.guide-7-right-des li .right-des-2 i{background-position: 0 -111px;}
/*动画*/
.active .guide-7-b1 { opacity: 1;transition-delay: 0.5s;top: 200px;}
.active .guide-7-b2 { opacity: 1;left: 360px; transition-delay: 1s;}
.active .guide-7-b3 { opacity: 1; top: 690px;transition-delay: 1.5s;}
.active .guide-7-b4 { opacity: 1;left: 720px;transition-delay: 2s;}




.section13 .guide-13{height: 100%;position: relative;padding-top: 62px;overflow-y: hidden;}
.section13 .guide-13 .guide-13-left{width: 660px;height: 560px;position: relative;margin-top: 190px;}
.guide-13-b1,.guide-13-b2,.guide-13-b3{position:absolute;}
.guide-13-b1{width:678px;height:393px;top:80px;left:48px;z-index:2;transition: all 1s;-ms-transform: scale(0.5);-webkit-transform: scale(0.5);transform: scale(0.5);}
.guide-13-b2{width:657px;height:572px;top:80px;left:90px;z-index:3;transition: all 1s;-ms-transform: scale(0.5);-webkit-transform: scale(0.5);transform: scale(0.5);}
.guide-13-b3{width:858px;height:408px;bottom:200px;left:0;z-index:1;transition: all 1s; -ms-transform: scale(0.8);-webkit-transform: scale(0.8);transform: scale(0.8);}

/*动画*/
.active .guide-13-b1 { top: -97px;left: 38px; transition-delay: 0.5s;-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
.active .guide-13-b2 { top: -130px;left: 72px;transition-delay: 0.5s;-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
.active .guide-13-b3 { bottom: 0px;left:0; transition-delay: 0.5s;-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
/*lt ie10 去掉动画*/
.ie10 .guide-13-b1{top: 75px;left: 140px;}
.ie10 .guide-13-b2{top: 5px;left: 240px;}
.ie10 .guide-13-b3{bottom: 0;left: 0;}

.section13 .guide-13 .guide-13-right{width: 540px;height: 500px;position: relative;top:0px;margin-top: 150px;transition: all 1s;transition-delay: 0.5s;}
.section13 .guide-13 .guide-13-right .guide-13-right-title{width: 100%;line-height: 58px;font-size: 46px;text-align: right;color: #ffffff;font-weight: 300;position: relative;}
.section13 .guide-13 .guide-13-right .guide-13-right-title span{color: #f69d11;}
.section13 .guide-13 .guide-13-right .guide-13-right-des{margin-top: 32px;}
ul.guide-13-right-des li{width: 100%;height: 75px;color: #ffffff;}
ul.guide-13-right-des li .right-des-1,ul.guide-13-right-des li .right-des-2,ul.guide-13-right-des li .right-des-3{width:450px;height: 100%;padding-right: 90px;position: relative;}
ul.guide-13-right-des li .right-des-1 span,ul.guide-13-right-des li .right-des-2 span,ul.guide-13-right-des li .right-des-3 span{color: #adb8c1;}
ul.guide-13-right-des li .right-des-1 i,ul.guide-13-right-des li .right-des-2 i,ul.guide-13-right-des li .right-des-3 i{background: url(../images/index/guide-13/icon.png) no-repeat;width: 75px;height: 75px;position: absolute;top:0px;right: 0px;display: inline-block;}
ul.guide-13-right-des li .right-des-1 i{background-position: 0 0;}
ul.guide-13-right-des li .right-des-2 i{background-position: 0 -128px;}
ul.guide-13-right-des li .right-des-3 i{background-position: 0 -256px;}
/*6.0 引导13 绝地求生 end*/

/*6.0 引导4 欢乐捕鱼 start*/
/* .section4 .guide-4{height: 100%;position: relative;padding-top: 62px;overflow-y: hidden;}
.section4 .guide-4 .guide-4-left{width: 660px;height: 560px;position: relative;margin-top: 150px;margin-left: -10px;}
.guide-4-b1,.guide-4-b2,.guide-4-b3{position:absolute;}
.guide-4-b1{width:503px;height:281px;top:80px;left:48px;z-index:2;transition: all 1s;-ms-transform: scale(0.5);-webkit-transform: scale(0.5);transform: scale(0.5);}
.guide-4-b2{width:369px;height:324px;top:80px;left:90px;z-index:3;transition: all 1s;-ms-transform: scale(0.5);-webkit-transform: scale(0.5);transform: scale(0.5);}
.guide-4-b3{width:774px;height:457px;bottom:200px;left:0;z-index:1;transition: all 1s; -ms-transform: scale(0.8);-webkit-transform: scale(0.8);transform: scale(0.8);} */

/*动画*/
/* .active .guide-4-b1 { top: 75px;left: 140px; transition-delay: 0.5s;-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
.active .guide-4-b2 { top: 5px;left: 240px;transition-delay: 0.5s;-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
.active .guide-4-b3 { bottom: 0px;left:0; transition-delay: 0.5s;-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);} */
/*lt ie10 去掉动画*/
/* .ie10 .guide-4-b1{top: 75px;left: 140px;}
.ie10 .guide-4-b2{top: 5px;left: 240px;}
.ie10 .guide-4-b3{bottom: 0;left: 0;}

.section4 .guide-4 .guide-4-right{width: 540px;height: 500px;position: relative;top:0px;margin-top: 150px;margin-left: 10px;transition: all 1s;transition-delay: 0.5s;}
.section4 .guide-4 .guide-4-right .guide-4-right-title{width: 100%;line-height: 58px;font-size: 46px;text-align: right;color: #ffffff;font-weight: 300;position: relative;}
.section4 .guide-4 .guide-4-right .guide-4-right-title span{color: #f69d11;}
.section4 .guide-4 .guide-4-right .guide-4-right-des{margin-top: 65px;}
ul.guide-4-right-des li{width: 100%;height: 75px;color: #ffffff;}
ul.guide-4-right-des li .right-des-1,ul.guide-4-right-des li .right-des-2{width:450px;height: 100%;padding-right: 90px;position: relative;}
ul.guide-4-right-des li .right-des-1 span,ul.guide-4-right-des li .right-des-2 span{color: #adb8c1;}
ul.guide-4-right-des li .right-des-1 i,ul.guide-4-right-des li .right-des-2 i{background: url(../images/index/guide-4/icon.png) no-repeat;width: 75px;height: 75px;position: absolute;top:0px;right: 0px;display: inline-block;}
ul.guide-4-right-des li .right-des-1 i{background-position: 0 1px;}
ul.guide-4-right-des li .right-des-2 i{background-position: 0 -74px;} */
/*.section4.active .guide-4 .guide-4-right{transition-delay: 0.5s;top:0px;}*/
/*6.0 引导4 欢乐捕鱼 end*/

/*6.0 引导5 网吧生态活动 start*/
/* .section5 .guide-7{height: 100%;position: relative;padding-top: 62px;overflow: visible;}
.section5 .guide-5 .guide-5-left{width: 540px;height: 500px;position: relative;margin-top: 150px;transition: all 1s;transition-delay: 0.5s; }
.section5 .guide-5 .guide-5-left .guide-5-left-title{width: 100%;line-height: 58px;font-size: 45px;text-align: left;color: #ffffff;font-weight: 300;position: relative;}
.section5 .guide-5 .guide-5-left .guide-5-left-title span{color: #f69d11;}
.section5 .guide-5 .guide-5-left .guide-5-left-des{margin-top: 22px;}
ul.guide-5-left-des li{width: 100%;height: 74px;color: #ffffff;}
ul.guide-5-left-des li .left-des-1,ul.guide-5-left-des li .left-des-2,ul.guide-5-left-des li .left-des-3,ul.guide-5-left-des li .left-des-4{width:460px;height: 100%;padding-left: 90px;position: relative;}
ul.guide-5-left-des li span{color: #adb8c1;}
ul.guide-5-left-des li i{background: url(../images/index/guide-5/icon.png) no-repeat;width: 74px;height: 74px;position: absolute;top:0px;left: 0px;display: inline-block;}
ul.guide-5-left-des li .left-des-1 i{background-position: 0 0;}
ul.guide-5-left-des li .left-des-2 i{background-position: 0 -88px;}
ul.guide-5-left-des li .left-des-3 i{background-position: 0 -173px;}
ul.guide-5-left-des li .left-des-4 i{background-position: 0 -259px;} */
/*.section5.active .guide-5 .guide-5-left{transition-delay: 0.5s;margin-top: 150px;}*/

/* .section5 .guide-5 .guide-5-right{width: 660px;height: 525px;position: relative;margin-top: 150px;overflow:visible;}
.guide-5-b1,.guide-5-b2,.guide-5-b3,.guide-5-b4,.guide-5-b5,.guide-5-bg{position:absolute;}
.guide-5-b1{width:133px;height:148px;top:300px;left:410px;z-index:2;transition: all 1s;-ms-transform: scale(0.5);-webkit-transform: scale(0.5);transform: scale(0.5);}
.guide-5-b2 { width: 158px; height: 174px; top: 300px; left: 400px; z-index: 3; transition: all 1s; }
.guide-5-b3 { width: 137px; height: 156px; top: 300px; left: 392px; z-index: 3; transition: all 1s; }
.guide-5-b4 { width: 159px; height: 175px; top: 300px; right: 120px; z-index: 3; transition: all 1s; }
.guide-5-bg { width: 710px; height: 502px; bottom: 40px; right: -40px; z-index: 1; transition: all 1s; -ms-transform: scale(0.8);-webkit-transform: scale(0.8);transform: scale(0.8);} */

/*动画*/
/* .active .guide-5-b1{top:50px;left:20px;transition-delay: 0.5s;-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
.active .guide-5-b2{top:75px;left:230px;transition-delay: 0.5s;animation: spinner 1.5s; -moz-animation: spinner 1.5s; -webkit-animation: spinner 1.5s; -o-animation: spinner 1.5s;}
.active .guide-5-b3{top:220px;left:58px;transition-delay: 0.5s;animation: spinner 1.5s; -moz-animation: spinner 1.5s; -webkit-animation: spinner 1.5s; -o-animation: spinner 1.5s;}
.active .guide-5-b4{top:225px;right:120px;transition-delay: 0.5s;animation: spinner 1.5s; -moz-animation: spinner 1.5s; -webkit-animation: spinner 1.5s; -o-animation: spinner 1.5s;}
.active .guide-5-bg{bottom: -45px;right: 0px;transition-delay: 0.5s;-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);} */

/*lt ie10 去掉动画*/
/* .ie10 .guide-5-b1{top:50px;left:20px;}
.ie10 .guide-5-b2{top:75px;left:230px;}
.ie10 .guide-5-b3{top:220px;left:58px;}
.ie10 .guide-5-b4{top:225px;right:120px;}
.ie10 .guide-5-bg{bottom: -45px;right: 0px;} */
/*6.0 引导5 网吧生态活动 end*/

/*6.0 引导6 网吧应景活动 start*/
 /* .guide-6{height: 100%;position: relative;padding-top: 62px;overflow: visible;}
 .guide-6 .guide-6-left{width: 640px;height: 540px;position: relative;margin-top: 150px}
.guide-6-b1,.guide-6-b2,.guide-6-b3,.guide-6-bg{position:absolute;}
.guide-6-b1{width:315px;height:418px;top:120px;left:160px;z-index:2;transition: all 1s;-ms-transform: scale(0.5);-webkit-transform: scale(0.5);transform: scale(0.5);}
.guide-6-b2{width:124px;height:235px;top:200px;left:215px;z-index:3;transition: all 1s;-ms-transform: scale(0.5);-webkit-transform: scale(0.5);transform: scale(0.5);}
.guide-6-b3{width:124px;height:241px;top:200px;right:300px;z-index:3;transition: all 1s;-ms-transform: scale(0.5);-webkit-transform: scale(0.5);transform: scale(0.5); }
.guide-6-bg{width:715px;height:473px;top:120px;left:0;z-index:1;transition: all 1s; -ms-transform: scale(0.8);-webkit-transform: scale(0.8);transform: scale(0.8);} */
/*动画*/
/* .active .guide-6-b1 { top: -45px;left: 190px; transition-delay: 0.5s;-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
.active .guide-6-b2 { top: 100px;left: 44px;transition-delay: 0.5s;-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
.active .guide-6-b3 { top: -82px;right: 215px; transition-delay: 0.5s;-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
.active .guide-6-bg { top: 95px;left:-55px; transition-delay: 0.5s;-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);} */
/*lt ie10 去掉动画*/
/* .ie10 .guide-6-b1{top: -45px;left: 190px;}
.ie10 .guide-6-b2{top: 100px;left: 44px;}
.ie10 .guide-6-b3{top: -82px;right: 215px;}
.ie10 .guide-6-bg{top: 95px;left:-55px;}

.section6 .guide-6 .guide-6-right{width: 550px;height: 500px;position: relative;top:0px;margin-top: 150px;transition: all 1s;transition-delay: 0.5s;}
.section6 .guide-6 .guide-6-right .guide-6-right-title{width: 100%;line-height: 58px;font-size: 45px;text-align: right;color: #ffffff;font-weight: 300;position: relative;}
.section6 .guide-6 .guide-6-right .guide-6-right-title span{color: #f69d11;}
.section6 .guide-6 .guide-6-right .guide-6-right-des{margin-top: 65px;}
ul.guide-6-right-des li{width: 100%;height: 75px;color: #ffffff;}
ul.guide-6-right-des li .right-des-1,ul.guide-6-right-des li .right-des-2{width:460px;height: 100%;padding-right: 90px;position: relative;}
ul.guide-6-right-des li .right-des-1 span,ul.guide-6-right-des li .right-des-2 span{color: #adb8c1;}
ul.guide-6-right-des li .right-des-1 i,ul.guide-6-right-des li .right-des-2 i{background: url(../images/index/guide-6/icon.png) no-repeat;width: 75px;height: 75px;position: absolute;top:0px;right: 0px;display: inline-block;}
ul.guide-6-right-des li .right-des-1 i{background-position: 0 0;}
ul.guide-6-right-des li .right-des-2 i{background-position: 0 -110px;} */
/*.section6.active .guide-6 .guide-6-right{transition-delay: 0.5s;top:0px;}*/
/*6.0 引导6 网吧应景活动 end*/



/*6.0 引导8 移动营销 start*/
.section8 .guide-8{height: 100%;position: relative;padding-top: 62px;overflow: visible;}
.section8 .guide-8 .guide-8-left{width: 660px;height: 550px;position: relative;margin-top: 150px}
.guide-8-b1,.guide-8-b2,.guide-8-b3,.guide-8-b4,.guide-8-bg{position:absolute;}
.guide-8-b1 { width: 73px; height: 194px; top: 200px; right: 300px; z-index: 2; transition: all 1s; -ms-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5); }
.guide-8-b2 { width: 189px; height: 317px; top: 200px; left: 215px; z-index: 3; transition: all 1s; -ms-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5); }
.guide-8-b3 { width: 124px; height: 201px; top: 200px; right: 300px; z-index: 3; transition: all 1s; -ms-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5); }
.guide-8-b4 { width: 143px; height: 230px; top: 200px; right: 300px; z-index: 3; transition: all 1s; -ms-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5); }
.guide-8-bg { width: 674; height: 433px; top: 120px; left: 0; z-index: 1; transition: all 1s; -ms-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); }

/*动画*/
.active .guide-8-b1 { top: -20px; right: 185px; transition-delay: 0.5s; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
.active .guide-8-b2 { top: 10px; left: 190px; transition-delay: 0.5s; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
.active .guide-8-b3 { top: 180px; right: 100px; transition-delay: 0.5s; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
.active .guide-8-b4 { top: 225px; right: 265px; transition-delay: 0.5s; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
.active .guide-8-bg { top: 117px; left: -25px; transition-delay: 0.5s; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }

/*lt ie10 去掉动画*/
.ie10 .guide-8-b1 { top: -20px; right: 185px; }
.ie10 .guide-8-b2 { top: 10px; left: 190px; }
.ie10 .guide-8-b3 { top: 180px; right: 100px; }
.ie10 .guide-8-b4 { top: 225px; right: 265px; }
.ie10 .guide-8-bg { top: 117px; left: -25px; }

.section8 .guide-8 .guide-8-right{width: 540px;height: 500px;position: relative;top:0px;margin-top: 150px;transition: all 1s;transition-delay: 0.5s;}
.section8 .guide-8 .guide-8-right .guide-8-right-title{width: 100%;line-height: 58px;font-size: 45px;text-align: right;color: #255171;font-weight: 300;position: relative;}
.section8 .guide-8 .guide-8-right .guide-8-right-title.bottom-border:after{background: #8ca5ba}
.section8 .guide-8 .guide-8-right .guide-8-right-des{width: 100%;margin-top: 40px;color: #5d809f;font-size:16px;line-height: 18px;}
.section8 .guide-8 .guide-8-right .right-des-qrcode { width: 518px; height: 235px; background: url(../images/index/guide-8/guide-8-bg2.png) no-repeat; margin: 0 auto; margin-top: 35px; }
.guide-8-right .right-des-qrcode .minibar-an { margin-top: 64px; margin-left: 32px; max-width: 100px; max-height: 100px; }
.guide-8-right .right-des-qrcode .minibar-ios { margin-top: 64px; margin-left: 35px; max-width: 100px; max-height: 100px; }
.guide-8-right .right-des-qrcode .callmaster-an { margin-top: 64px; margin-left: 107px; max-width: 100px; max-height: 100px; }
/*.section8.active .guide-8 .guide-8-right{transition-delay: 0.5s;top:0px;}*/
/*6.0 引导8 移动营销 end*/

/*6.0 引导9 进销存系统 start*/
.section9 .guide-9{height: 100%;position: relative;padding-top: 62px;overflow: visible;}
.section9 .guide-9 .guide-9-left{width: 560px;height: 500px;position: relative;margin-top: 150px;transition: all 1s;transition-delay: 0.5s; }
.section9 .guide-9 .guide-9-left .guide-9-left-title{width: 100%;line-height: 58px;font-size: 45px;text-align: left;color: #255171;font-weight: 300;position: relative;}
.section9 .guide-9 .guide-9-left .guide-9-left-title.bottom-border:after{background: #8ca5ba}
.section9 .guide-9 .guide-9-left .guide-9-left-des{margin-top: 28px;}
ul.guide-9-left-des li{width: 100%;height: 74px;color: #255171;}
ul.guide-9-left-des li .left-des-1,ul.guide-9-left-des li .left-des-2,ul.guide-9-left-des li .left-des-3{width:470px;height: 100%;padding-left: 90px;position: relative;}
ul.guide-9-left-des li span{color: #5d809f;}
ul.guide-9-left-des li i{background: url(../images/index/guide-9/icon.png) no-repeat;width: 74px;height: 74px;position: absolute;top:0px;left: 0px;display: inline-block;}
ul.guide-9-left-des li .left-des-1 i{background-position: 0 0;}
ul.guide-9-left-des li .left-des-2 i{background-position: 0 -127px;}
ul.guide-9-left-des li .left-des-3 i{background-position: 0 -257px;}
/*.section9.active .guide-9 .guide-9-left{transition-delay: 0.5s;margin-top: 150px;}*/

.section9 .guide-9 .guide-9-right{width: 640px;height: 466px;position: relative;margin-top: 232px;overflow:visible;}
.guide-9-b1,.guide-9-b2,.guide-9-b3,.guide-9-bg{position:absolute;}
.guide-9-b1 { width: 190px; height: 184px; top: 20px;left:60px;z-index:2;transition: all 1s;-ms-transform: scale(0.5);-webkit-transform: scale(0.5);transform: scale(0.5); }
.guide-9-b2 { width: 153px; height: 100px; top: 60px;left:80px; z-index: 3; transition: all 1s; -ms-transform: scale(0.5);-webkit-transform: scale(0.5);transform: scale(0.5); }
.guide-9-b3 { width: 299px; height: 200px; top: 165px;right:40px; z-index: 3; transition: all 1s; -ms-transform: scale(0.5);-webkit-transform: scale(0.5);transform: scale(0.5); }
.guide-9-bg { width: 744px; height: 466px; top: 40px; right: -40px; z-index: 1; transition: all 1s; -ms-transform: scale(0.8);-webkit-transform: scale(0.8);transform: scale(0.8);}

/*动画*/
.active .guide-9-b1{top:-105px;left:255px;transition-delay: 0.5s;-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
.active .guide-9-b2{top:45px;left:100px;transition-delay: 0.5s;-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
.active .guide-9-b3{top:70px;right:25px;transition-delay: 0.5s;-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
.active .guide-9-bg{top:0px;right:-55px;transition-delay: 0.5s;-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}

/*lt ie10 去掉动画*/
.ie10 .guide-9-b1{top:-105px;left:255px;}
.ie10 .guide-9-b2{top:45px;left:100px;}
.ie10 .guide-9-b3{top:70px;right:25px;}
.ie10 .guide-9-bg{top:0px;right:-55px;}
/*6.0 引导9 进销存系统 end*/


/*6.0 引导10 网吧服务功能 start*/
.section10 .guide-10{height: 100%;position: relative;padding-top: 62px;overflow: visible;}
.section10 .guide-10 .guide-10-top{transition: all 1s;transition-delay: 0.5s;}
.section10 .guide-10 .guide-10-top .top-b-title{font-size: 46px;line-height: 58px;color: #255171;font-weight: 300;position: relative;}
.section10 .guide-10 .guide-10-top .top-s-title{margin-top: 35px;}
.section10 .guide-10 .guide-10-body { width: 641px; height: 444px; position: relative; }
.guide-10-b1,.guide-10-b2,.guide-10-b3,.guide-10-b4,.guide-10-b5,.guide-10-b6,.guide-10-b7,.guide-10-bg{position:absolute;}

.guide-10-b1 { width: 128px; height: 123px; top: 165px;left:60px;z-index:2;transition: all 1s;-ms-transform: scale(0.5);-webkit-transform: scale(0.5);transform: scale(0.5); }
.guide-10-b2 { width: 77px; height: 79px; top: 165px;left:80px; z-index: 3; transition: all 1s; -ms-transform: scale(0.5);-webkit-transform: scale(0.5);transform: scale(0.5); }
.guide-10-b3 { width: 212px; height: 183px; top: 165px;left:40px; z-index: 3; transition: all 1s; -ms-transform: scale(0.5);-webkit-transform: scale(0.5);transform: scale(0.5); }
.guide-10-b4 { width: 138px; height: 123px; top: 165px;right:40px; z-index: 3; transition: all 1s; -ms-transform: scale(0.5);-webkit-transform: scale(0.5);transform: scale(0.5); }
.guide-10-b5 { width: 163px; height: 160px; top: 165px;right:40px; z-index: 3; transition: all 1s; -ms-transform: scale(0.5);-webkit-transform: scale(0.5);transform: scale(0.5); }
.guide-10-b6 { width: 153px; height: 157px; top: 165px;right:40px; z-index: 3; transition: all 1s; -ms-transform: scale(0.5);-webkit-transform: scale(0.5);transform: scale(0.5); }
.guide-10-b7 { width: 91px; height: 104px; top: 165px;right:40px; z-index: 3; transition: all 1s; -ms-transform: scale(0.5);-webkit-transform: scale(0.5);transform: scale(0.5); }
.guide-10-bg { width: 641px; height: 444px; top: 0; left: 0; z-index: 1; transition: all 1s; -ms-transform: scale(0.8);-webkit-transform: scale(0.8);transform: scale(0.8);}

/*动画*/
.active .guide-10-b1{top:94px;left:-275px;transition-delay: 0.5s;-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);animation: spinner 1.5s; -moz-animation: spinner 1.5s; -webkit-animation: spinner 1.5s; -o-animation: spinner 1.5s;}
.active .guide-10-b2{top:46px;left:-72px;transition-delay: 0.5s;-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);animation: spinner 1.5s; -moz-animation: spinner 1.5s; -webkit-animation: spinner 1.5s; -o-animation: spinner 1.5s;}
.active .guide-10-b3{top:136px;left:-53px;transition-delay: 0.5s;-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);animation: spinner 1.5s; -moz-animation: spinner 1.5s; -webkit-animation: spinner 1.5s; -o-animation: spinner 1.5s;}
.active .guide-10-b4{top:102px;right:150px;transition-delay: 0.5s;-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);animation: spinner 1.5s; -moz-animation: spinner 1.5s; -webkit-animation: spinner 1.5s; -o-animation: spinner 1.5s;}
.active .guide-10-b5{top:144px;right:-54px;transition-delay: 0.5s;-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);animation: spinner 1.5s; -moz-animation: spinner 1.5s; -webkit-animation: spinner 1.5s; -o-animation: spinner 1.5s;}
.active .guide-10-b6{top:-21px;right:-169px;transition-delay: 0.5s;-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);animation: spinner 1.5s; -moz-animation: spinner 1.5s; -webkit-animation: spinner 1.5s; -o-animation: spinner 1.5s;}
.active .guide-10-b7{top:123px;right:-218px;transition-delay: 0.5s;-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);animation: spinner 1.5s; -moz-animation: spinner 1.5s; -webkit-animation: spinner 1.5s; -o-animation: spinner 1.5s;}
.active .guide-10-bg{top:0px;left:0px;transition-delay: 0.5s;-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}

/*lt ie10 去掉动画*/
.ie10 .guide-10-b1{top:94px;left:-275px;}
.ie10 .guide-10-b2{top:46px;left:-72px;}
.ie10 .guide-10-b3{top:136px;left:-53px;}
.ie10 .guide-10-b4{top:102px;right:100px;}
.ie10 .guide-10-b5{top:144px;right:-54px;}
.ie10 .guide-10-b6{top:-21px;right:-169px;}
.ie10 .guide-10-b7{top:123px;right:-218px;}
.ie10 .guide-10-bg{top:0px;left:0px;}

/*6.0 引导10 网吧服务功能 end*/

/*6.0 引导11 数据分析 start*/
.section11 .guide-11{height: 100%;position: relative;padding-top: 62px;overflow: visible;}
.section11 .guide-11 .guide-11-left{width: 560px;height: 500px;position: relative;margin-top: 150px;transition: all 1s;transition-delay: 0.5s; }
.section11 .guide-11 .guide-11-left .guide-11-left-title{width: 100%;line-height: 58px;font-size: 45px;text-align: left;color: #255171;font-weight: 300;position: relative;}
.section11 .guide-11 .guide-11-left .guide-11-left-title.bottom-border:after{background: #8ca5ba}
.section11 .guide-11 .guide-11-left .guide-11-left-des{margin-top: 28px;}
ul.guide-11-left-des li{width: 100%;height: 74px;color: #255171;}
ul.guide-11-left-des li .left-des-1,ul.guide-11-left-des li .left-des-2,ul.guide-11-left-des li .left-des-3{width:470px;height: 100%;padding-left: 90px;position: relative;}
ul.guide-11-left-des li span{color: #5d809f;}
ul.guide-11-left-des li i{background: url(../images/index/guide-11/icon.png) no-repeat;width: 74px;height: 74px;position: absolute;top:0px;left: 0px;display: inline-block;}
ul.guide-11-left-des li .left-des-1 i{background-position: 0 0;}
ul.guide-11-left-des li .left-des-2 i{background-position: 0 -127px;}
ul.guide-11-left-des li .left-des-3 i{background-position: 0 -257px;}
/*.section11.active .guide-11 .guide-11-left{transition-delay: 0.5s;margin-top: 150px;}*/

.section11 .guide-11 .guide-11-right{width: 640px;height: 540px;position: relative;margin-top: 150px;overflow:visible;}
.guide-11-b1,.guide-11-b2,.guide-11-b3{position:absolute;}
.guide-11-b1 { width: 787px; height: 255px; bottom: -11px;right:-78px;z-index:1;transition: all 1s;-ms-transform: scale(0.5);-webkit-transform: scale(0.5);transform: scale(0.5); }
.guide-11-b2 { width: 787px; height: 256px; bottom: -11px;right:-78px; z-index: 2; transition: all 1s; -ms-transform: scale(0.5);-webkit-transform: scale(0.5);transform: scale(0.5); }
.guide-11-b3 { width: 496px; height: 455px; top: 165px;right:66px; z-index: 3; transition: all 1s; -ms-transform: scale(0.5);-webkit-transform: scale(0.5);transform: scale(0.5); }

/*动画*/
.active .guide-11-b1{bottom: -11px;right:-78px;transition-delay: 0.5s;-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
.active .guide-11-b2{bottom: 43px;right:-78px;transition-delay: 0.5s;-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
.active .guide-11-b3{top:35px;right:66px;transition-delay: 0.5s;-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}

/*lt ie10 去掉动画*/
.ie10 .guide-11-b1{bottom: -11px;right:-78px;}
.ie10 .guide-11-b2{bottom: 43px;right:-78px;}
.ie10 .guide-11-b3{top:35px;right:66px;}

/*6.0 引导11 数据分析 end*/

/*6.0 引导12 结尾 start*/
.section12 .ymt{height: 100%;position: relative;padding-top: 62px;overflow: visible;}
.section12 .end-top{padding-top: 104px;width: 1200px;text-align: center;position: relative;display: block;}
.section12 .end-top .down,.coobar-6-down a{width: 199px;height: 57px;display: block;margin: 0 auto;background: url(../images/index/coobar6-down.png);background-position: -11px -11px;margin-top: 28px; }
.section12 .end-top .down:hover,.coobar-6-down a:hover{background-position: -232px -11px; }
.section12 .end-top .down:active,.coobar-6-down a:active{background-position: -453px -11px; }
.section12 .end-body{margin-top: 85px !important;width: 1190px; position: relative; z-index: 20;overflow: hidden;}
.section12 .end-body .held-sec1,.section12 .end-body .held-sec2,.section12 .end-body .held-sec3{float: left; width: 190px;height: 120px; border-right: 1px solid #c2c2c2; text-align: left; padding-left: 20px;}
.section12 .end-body .held-sec4,.section12 .end-body .held-sec5{float: left; width: 250px;height: 120px; text-align: left; padding-left:20px;}
.section12 .end-body strong{font-size: 14px;padding-bottom: 10px;display: inline-block;color: #333;}
.section12 .end-body p,.section12 .end-body p a{color: #8b8b8b;}
.section12 .end-foot{width:100%;height:40px;line-height:40px;background: #fff; position: relative; margin:auto;text-align: center;margin-top: 15px;bottom: 55px;}
.sec1{background: url(../images/icon-phone.png) no-repeat left bottom;width: 12px; height: 12px;display: block;float: left;position: relative;top: 8px;margin-right:10px; }
.sec2{background: url(../images/icon-qq.png) no-repeat left bottom;width: 12px; height: 12px;display: block;float: left;position: relative;top: 8px;margin-right:10px; }
.sec3{background: url(../images/icon-email.png) no-repeat left bottom;width: 12px; height: 12px;display: block;float: left;position: relative;top: 8px;margin-right:10px; }
/*6.0 引导12 结尾 end*/

.bottom-border:after { content: ""; position: absolute; width: 100%; height: 1px; right: 0; bottom: -10px; background: #6c767a; }
.coobar-6-down{position: fixed;width:100%;height:57px;bottom: 97px;z-index: 111111;}
.coobar-6-down a{margin-top: 0px;}
/**/
.am-opacity{
	opacity: .3; filter: alpha(opacity=30); -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=30)'; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); 
}
.section.active .am-opacity{
	opacity: 1; filter: alpha(opacity=100); -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); 
}

@-webkit-keyframes spinner {
	from {
		-webkit-transform: rotate(0);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
@-ms-keyframes spinner {
	from {
		ms-transform: rotate(0);
	}
	to {
		ms-transform: rotate(360deg);
	}
}
@keyframes spinner {
	from {
		transform: rotate(0);
	}
	to {
		transform: rotate(360deg);
	}
}