body {min-width:1200px;padding:0;margin:0;text-align:center;color:#585858;font-size:14px;font-family:"microsoft yahei","微软雅黑";}
h1, h2, h3, h4, h5, h6, form, div, i, img, ul, li, ol, table, tr, td,th, fieldset, label, legend,button,input { margin:0;padding:0;}
li{list-style:none;}
a img{border:none;}
input,textarea:focus{ outline: none;}
.clearfix{ content: ""; display: block; overflow: hidden; clear: both;}
.over{ overflow: hidden;}
.fl{ float: left;}
.fr{ float: right;}
.w125{ width: 125px !important;}
.xicont p{
	text-align:center;
}
/* 首页 */
.banner{ height: 600px; clear: both; position: relative;}
.banner a{ display: block; width: 100%; height: 100%;}
.bannerbox{ height: 600px; position: relative;}
.bannerbox .piclist{ height: 550px;}
.bannerbox .piclist li{ width: 100%; height: 550px; display: none; position: relative;}
.bannerbox .piclist li a{ display: block; width: 100%; height: 100%;}
.bannerbox .piclist .phone{ position: absolute; left: 50%; margin-left: -526px; top: 70px; transform: translateY(10%); transition: 1s all; opacity: 0;}
.bannerbox .piclist .txt{ width: 129px; height: 44px; line-height: 44px; background:url(../images/sanjifenxiao/txtbg.png) no-repeat; position: absolute; left: 50%; font-size: 26px; color: #fff; transition: 1s all;}
.bannerbox .piclist .txt1{ margin-left: -280px; top: 237px; transform: translateX(20%);}
.bannerbox .piclist .txt2{ margin-left: -656px; top: 206px; transform: translateX(-20%);}
.bannerbox .piclist .txt3{ margin-left: -612px; top: 342px; transform: translateX(-20%);}
.bannerbox .piclist li.active .phone{ transform: translateY(0); opacity: 1;}
.bannerbox .piclist li.active .txt{ transform: translateX(0); opacity: 1;}
.bannerbox .slide_nav{ width: 100%; height: 4px; padding: 23px 0; position: absolute; left: 0; bottom: 0;}
.bannerbox .slide_nav ul{ display: inline-block; vertical-align: top;}
.bannerbox .slide_nav li{ width: 13px; height: 4px; background: #b2b2b2; display: block; margin: 0 5px; cursor: pointer; float: left;}
.bannerbox .slide_nav li.on{ width: 26px; background: #00d2c8;}

.loginRegistBox{ width: 350px; height: 362px; overflow: hidden; position: absolute; left: 50%; top: 95px; margin-left: 225px;}
.loginRegistBox .hd li{ width: 50%; height: 52px; text-align: center; line-height: 52px; float: left; color: #343434; font-size: 20px; cursor: pointer; background: #d8d8d7;}
.loginRegistBox .hd li.active{ background: #fff;}
.loginRegistBox .bd{ width: 280px; height: 280px; background: #fff; padding: 15px 35px;}
.loginRegistBox .bd .zcimg{ width: 280px; height: 50px; display: block; margin-top: 15px;}
.loginRegistBox .bd .zcimg:before{ content: "\e613"; font-family:"iconfont"; font-size: 48px; color: #7f7f7f;}
.loginRegistBox .bd input{ margin-top: 15px;}
.loginRegistBox .bd .inputtext{ width: 248px; height: 48px; line-height: 48px; border: 1px solid #d5d5d5; padding: 0 15px; border-radius: 3px;}
.loginRegistBox .bd .inputbtn{ width: 280px; height: 50px; background: #ffad00; border: none; color: #fff; font-size: 16px; border-radius: 3px; cursor: pointer;}
.loginRegistBox .bd .tips{ margin-top: 5px; color: #ff0000; display: none;}
.loginRegistBox .bd .yzcode{ width: 100px !important; float: left;}
.loginRegistBox .bd .loginbox img{ float: left; width: 80px; height: 30px; margin-top: 25px; margin-left: 10px;}
.loginRegistBox .bd .loginbox a{ display: inline-block; float: right; margin-top: 30px;}

.moudlebox .title h2{ font-size: 38px; color: #3e3a39; font-weight: normal; padding-top:40px;}
.moudlebox .title p{ margin-top: 20px;}
.moudlebox .title p span{ margin-right: 12px;}
.productintroduce{ margin-top: 50px;}
.productintroduce li{ width: 323px; height: 256px; border-radius: 5px; overflow: hidden; display: table; float: left;}
.productintroduce .product-name{ width: 156px; height: 256px; display: table-cell; border-radius: 10px 0 0 10px; vertical-align: middle;}
.productintroduce .product-name h3{ font-size: 24px; color: #fff;}
.productintroduce .product-name p{ color: #fff; margin-top: 15px;}
.productintroduce .product-name a.link{ width: 110px; height: 36px; line-height: 36px; text-align: center; display: inline-block; border: 1px solid #fff; border-radius: 20px; color: #fff; font-size: 16px; margin-top: 20px;}
.productintroduce .green .product-name{ background: #62cf38;}
.productintroduce .green .product-name a.link:hover{ background: #fff; color: #62cf38;}
.productintroduce .yellow{ margin: 0 15px;}
.productintroduce .yellow .product-name{ background: #ffad00;}
.productintroduce .yellow .product-name a.link:hover{ background: #fff; color: #ffad00;}
.productintroduce .blue .product-name{ background: #379cee;}
.productintroduce .blue .product-name a.link:hover{ background: #fff; color: #379cee;}
.productintroduce .product-info{ width: 205px; height: 224px; text-align: left; padding-left: 15px; padding-top: 30px; display: table-cell; border-radius: 0 10px 10px 0; border: 1px solid #dcdcdc; border-left: 0;}
.productintroduce .product-info h4{ font-size: 16px; font-weight: normal;}
.productintroduce .product-info p{ height: 36px; line-height: 18px; margin: 5px 0; font-size: 12px;}
.productintroduce .green .product-info h4{ color: #62cf38;}
.productintroduce .yellow .product-info h4{ color: #ffad00;}
.productintroduce .blue .product-info h4{ color: #379cee;}


.mall-configuration{ margin-top:60px; background: #f8f8f8;}
.mall-info{ margin-top: 42px;}
.mall-info li{ width:152px; height: 248px; border: 1px solid #dcdcdc; border-radius: 10px; background: #fff; float: left; margin-right:15px; margin-bottom: 27px; cursor: pointer; transition: 0.5s all; -moz-transition: 0.5s all; -webkit-transition: 0.5s all;}
.mall-info li:nth-child(6n){ margin-right: 0;}
.mall-info li:hover{ background: #00d2c8;}
.mall-info li:hover i,.mall-info li:hover h4,.mall-info li:hover p{ color: #fff;}
.mall-info li > span{ height:80px; display: inline-block; margin-top: 54px; text-align: center;}
.mall-info li i{ font-size: 48px; color: #00d2c8;}
.mall-info li h4{ font-size: 18px; font-weight: normal; margin-bottom: 15px; color: #000; transition: 0.5s all; -moz-transition: 0.5s all; -webkit-transition: 0.5s all;}
.mall-info li p{ font-size: 14px; line-height: 20px; transition: 0.5s all; -moz-transition: 0.5s all; -webkit-transition: 0.5s all;}
.mall-configuration .link{ text-align: center; margin-top: 25px; padding-bottom: 70px;}
.mall-configuration .link a,.case .link a{ width: 236px; height: 60px; line-height: 60px; display: inline-block; color: #fff; background: #ffad00;  font-size: 20px; border-radius: 30px;}
.mall-configuration .link a:hover,.case .link a:hover{ opacity: 0.8; filter: alpha(opacity=80);}

.action-moudle{ margin-top: 40px;}
.action-list{ margin-top: 70px;}
.action-list > li{ width: 314px; height: 534px; border: 1px solid #dcdcdc; float: left;}
.action-list > li h3{ height: 86px; line-height: 86px; padding-top: 74px; font-size: 26px; color: #fff; position: relative;}
.action-list > li h3:before{ position: absolute; top: 15px; font-size: 48px; text-align: center; display: block; width: 100%;}
.action-list > li.blue h3{ background: #00d2c8;}
.action-list > li.blue h3:before{ content: "\e60e"; font-family:"iconfont";}
.action-list > li.red{ margin: 0 25px;}
.action-list > li.red h3{ background: #ff6666;}
.action-list > li.red h3:before{ content: "\e60d"; font-family:"iconfont";}
.action-list > li.orange h3{ background: #ff9966;}
.action-list > li.orange h3:before{ content: "\e60c"; font-family:"iconfont";}
.action-list .action-info{ padding: 25px;}
.action-list .action-info .summarize{ min-height: 125px; padding-top: 30px; text-align: left; font-size: 16px; line-height: 24px;}
.action-info-list{ min-height: 90px; padding: 5px 0;}
.action-info-list li{ min-width: 80px; line-height: 30px; float: left; text-align: left; color: #8d8d8d; padding-left: 20px; position:relative;}
.action-info-list li:before{ content: "\e610"; font-family: "iconfont"; position: absolute; left: 0; font-size: 14px;}
.blue .action-info-list li:before{ color: #00d2c8;}
.red .action-info-list li:before{ color: #ff6666;}
.orange .action-info-list li:before{ color: #ff9966;}
.action-list .action-info .link a{ width: 98px; height: 28px; margin-top: 30px; line-height: 28px; display: inline-block;}
.action-list .blue .action-info .link a{ border: 1px solid #00d2c8; color: #00d2c8;}
.action-list .blue .action-info .link a:hover{ background: #00d2c8; color: #fff;}
.action-list .red .action-info .link a{ border: 1px solid #ff6666; color: #ff6666;}
.action-list .red .action-info .link a:hover{ background: #ff6666; color: #fff;}
.action-list .orange .action-info .link a{ border: 1px solid #ff9966; color: #ff9966;}
.action-list .orange .action-info .link a:hover{ background: #ff9966; color: #fff;}

.case{ margin-top: 85px;}
.case-list{ margin-top: 60px;}
.case-list li{ width:226px; margin-right: 30px; float: left;}
.case-list li:last-child{ margin-right: 0;}
.case-list li.yellow .pic{ background: #ffad00;}
.case-list li.warmblue .pic{ background: #00d2c8;}
.case-list li.green .pic{ background: #62cf38;}
.case-list li.blue{ margin-right: 0;}
.case-list li.blue .pic{ background: #379cee;}
.case-list li .pic{ width:226px; height:270px; border-radius: 10px; overflow: hidden; position: relative;}
.case-list li .pic span,.case-list li .pic em{ width: 163px; height: 163px; display: block; border-radius: 50%; margin: 53px 0 0 32px; overflow: hidden; position: absolute; left: 0; top: 0;  transition: 0.5s all; -moz-transition: 0.5s all; -weikit-transition: 0.5s all;}
.case-list li .pic em{ opacity: 0; filter: alpha(opacity=0); transform: rotateY(180deg); -moz-transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}
.case-list li .pic:hover span{ transform: rotateY(180deg); -moz-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); opacity: 0; filter: alpha(opacity=0);}
.case-list li .pic:hover em{ transform: rotateY(0); -moz-transform: rotateY(0); -webkit-transform: rotateY(0); opacity: 1; filter: alpha(opacity=100);}
.case-list li .text{ margin-top: 20px; line-height: 20px; text-align: center; }
.case .link{ margin-top: 45px; padding-bottom: 70px;}

/* 关于我们 */
.aboutus-banner{ width: 100%; height: 550px; background: url(../images/b3.jpg) center no-repeat;}
.aboutus{ padding-top: 115px; position: relative;}
.sidebar{ position:absolute; left: 50%; margin-left: -790px; z-index: 9999;}
.sidebar:after{ content: ""; display: block; width: 1px; height: 100px; background: #959595; position: absolute; right: -13px; top: 15px; z-index: 1;}
.sidebar li{ width: 160px; height: 34px; line-height: 34px; border-radius: 20px; margin-bottom: 10px; background: #fff; border: 1px solid #838383; position: relative;}
.sidebar li a{ color: #343434; font-size: 16px; display: block;}
.sidebar li:before{ content: ""; display: block; width: 8px; height: 1px; background: #959595; position: absolute; right: -8px; top: 50%;}
.sidebar li:after{ content: ""; display: block; width: 11px; height: 11px; border: 1px solid #959595; border-radius: 50%; position: absolute; background: #fff; right: -20px; top: 11px; z-index: 2;}
.sidebar li.active{ background: #00d2c7; border-color: #00d2c7;}
.sidebar li.active a{ color: #fff;}
.sidebar li.active:before{ background: #00d2c7;}
.sidebar li.active:after{ background: #00d2c7; border-color: #00d2c7;}
@media screen and (max-width: 1580px){
	.sidebar{ display: none;}
}
.aboutus h2{ color: #000; font-size: 34px; font-weight: normal; position: relative; padding: 15px 0;}
.aboutus h2:after{ content: ""; display: block; width: 60px; height: 2px; background: #00d2c8; position: absolute; bottom: 0; left: 50%; margin-left: -30px;}
.aboutus .introduce{ padding: 0 15px; box-sizing: border-box;}
.aboutus .introduce > p{ font-size: 16px; text-align: left; line-height: 30px; margin-top: 35px;}
.flow{ margin-top: 90px;}
.qrcode p{ font-size: 14px; color: #000; margin-top: 10px;}
.flow h3{ text-align: left; font-size: 20px; color: #000;}
.choose{ margin-top: 155px;}
.choose h2{ margin-bottom: 105px;}
.choose h2 span{ background: #fff; z-index: 2; position: relative; padding: 0 25px;}
.choose h2:before{ content: ""; display: block; width: 100%; height: 1px; background: #cacaca; position: absolute; top: 50%; z-index: 1;}
.choose p img{ vertical-align: top;}
.choose .choose-info{ margin-top: 105px; overflow: hidden;}
.choose .choose-info ul{ margin: 0 -40px;}
.choose .choose-info li{ width: 25%; padding: 0 40px; float: left; box-sizing: border-box; position: relative;}
.choose .choose-info li:after{ content: ""; display: block; width: 1px; height: 180px; background: #eaeaea; position: absolute; right: 0; top: 155px;}
.choose .choose-info li span{ width: 64px; height: 64px; display: block; margin: 0 auto 35px;}
.choose .choose-info li span i{ font-size: 58px;}
.choose .choose-info li span i.yellow{ color: #ffad01;}
.choose .choose-info li span i.warmblue{ color: #00d2c7;}
.choose .choose-info li span i.green{ color: #62cf38;}
.choose .choose-info li span i.blue{ color: #379cee;}
.choose .choose-info li h4{ font-size: 20px; color: #000; font-weight: normal; margin-bottom: 30px;}
.choose .choose-info li p{ text-align: left; line-height: 28px;}
.contact{ height: 605px; padding-top: 65px; background: url(../images/contact.jpg) no-repeat center; margin-top: 125px;}
.contact h2{ color: #fff;}
.contact .addr{ margin-top: 68px;}
.contact .addr li{ clear: both;}
.contact .addr .name{ width: 156px; height: 80px; padding-top: 28px; background: #ccf0ef; margin-right: 5px; margin-bottom: 26px; float: left; font-size: 18px; color: #000;}
.contact .addr .address{ width: 500px; height: 80px; padding-top: 28px; padding-left: 32px; background: #ccf0ef; margin-bottom: 26px; float: left;}
.contact .addr .address p{ line-height: 26px; text-align: left;}
.contact .contact-info{ margin-top: 146px; margin-left: 105px; text-align: left; color: #fff; font-size: 18px;}
.contact .contact-info h4{ font-size: 20px; font-weight: bold; padding-bottom: 5px; position: relative; padding-top: 75px;}
.contact .contact-info h4:before{ content: "\e618"; font-family: "iconfont"; position: absolute; top: 0; font-size: 58px;}
.contact .contact-info p{ margin-top: 10px;}
.contact .contact-info p span{ text-indent: 2em; display: inline-block;}

/* 案例展示 */
.case-banner{ height: 550px; background: url(../images/b4.jpg) no-repeat center;}
.customerreviews{ margin-top: 70px;}
.customerreviews h2{ color: #000; font-size: 34px; font-weight: normal; position: relative; padding: 15px 0;}
.customerreviews h2:after{ content: ""; display: block; width: 60px; height: 2px; background: #00d2c8; position: absolute; bottom: 0; left: 50%; margin-left: -30px;}
.tabslider{ position: relative; margin-top: 65px;}
.imglist{ width: 1190px; overflow: hidden; margin: 0 auto;}
.imglist li{ width: 170px; height: 84px; overflow: hidden; float: left;}
.txtlist{ width: 784px; height: 98px; padding: 20px 40px; border: 1px solid #bfbfbf; margin: 30px auto 0; position: relative; font-size: 16px; text-align: left; line-height: 30px;}
.txtlist:before{ width: 0; height: 0; content: ""; display: block; border-bottom: 15px solid #bfbfbf; border-left: 13px solid transparent; border-right: 13px solid transparent; position: absolute; top: -15px; left: 50%; margin-left: -13px;}
.txtlist:after{ width: 0; height: 0; content: ""; display: block; border-bottom: 15px solid #fff; border-left: 13px solid transparent; border-right: 13px solid transparent; position: absolute; top: -13px; left: 50%; margin-left: -13px;}
.txtlistinfo{ display: none;}
.txtlistinfo.on{ display: block;}
.tabslider .btn{ width: 32px; height: 32px; position: absolute; display: block; top: 155px;}
.tabslider .btn i{ color: #b2b2b2; font-size: 30px;}
.tabslider .btn-left{ left: 35px;}
.tabslider .btn-right{ right: 35px;}
.applylink{ margin-top: 72px; margin-bottom: 95px;}
.applylink a{ display: inline-block; width: 208px; height: 50px; line-height: 50px; background: #fff; border: 1px solid #ffad01; color: #ffad01; font-size: 20px; border-radius: 25px;}
.applylink a:hover{ background: #ffad01; color: #fff;}
.advinfo{ width: 100%; height: 200px; background: #00d2c8; position: relative;}
.advinfo:after{ width: 0; height: 0; content: ""; display: block; border-top: 27px solid #00d2c8; border-left: 27px solid transparent; border-right: 27px solid transparent; position: absolute; top: 200px; left: 50%; margin-left: -27px;}
.advinfo p{ line-height: 200px; color: #fff; font-size: 44px;}
.casedisplay{ margin-top: 112px; margin-bottom: 90px;}
.casedisplay .left{ width: 145px; float: left; padding-left: 6px;}
.casedisplay .left li{ width: 105px; height: 35px; line-height: 35px; padding-left: 40px; margin-bottom: 8px; text-align: left; font-size: 16px; color: #222; position: relative; cursor: pointer;}
.casedisplay .left li:hover,.casedisplay .left li.on{ background: #f7f7f7; color: #00a29a;}
.casedisplay .left li:hover:before,.casedisplay .left li.on:before{ content: ""; display: block; width: 4px; height: 35px; background: #00d2c8; position: absolute; left: 0; top: 0;}
.casedisplay .right{ width: 944px; float: left; margin-left: 46px;}
.casedisplay .right .caseinfo{ display: none;}
.casedisplay .right .caseinfo.active{ display: block;}
.casedisplay .right li{ width: 208px; height: 158px; border: 1px solid #dcdcdc; border-radius: 10px; margin-right: 16px; margin-bottom: 18px; float: left;}
.casedisplay .right li:hover{ border-color: #00d2c8;}
.casedisplay .right li .info{ width: 208px; padding-top: 22px;}
.casedisplay .right li .pic{ width: 94px; height: 94px; margin: 0 auto; overflow: hidden;}
.casedisplay .right li img{ max-width: 100%;}
.casedisplay .right li .txt{ line-height: 40px;}
.casedisplay .right li .qrcode{ width: 102px; height: 102px; margin: 28px auto; display: none; overflow: hidden;}
.casedisplay .right li:hover .info{ display: none;}
.casedisplay .right li:hover .qrcode{ display: block;}


/* 登陆、注册、找回密码 */
.bgbox .link{ padding-top: 12px;}
.bgbox .link a{ color: #666; font-size: 12px;}
.bgbox .link a span{ color: #14a8a1;}
.bg{ height: 100%; background: url(../images/bg.jpg) no-repeat center; background-size: cover;}
.subfooter{ width: 100%; padding-top: 35px; padding-bottom: 25px; background: #393939; position: fixed; bottom: 0;}
.subfooter a{ font-size: 14px; color: #fff;}
.subfooter span{ font-size: 12px; color: #fff; margin: 0 10px;}
.subfooter p{ font-size: 12px; color: #666; margin: 10px 0;}
.bgbox{ width: 290px; padding: 0 30px 30px; background: #fff; border-radius: 10px; box-shadow: 0 5px 20px #666; position: fixed; z-index: 2; top: 40%; left: 50%; margin-left: -250px;}
.bgbox .title{ font-size: 20px; color: #666; padding-top: 42px; padding-bottom: 35px;}
.bgbox .title img{ display: inline; vertical-align: middle; margin-right: 8px;}
.bgbox .inputbox{ text-align: left;}
.bgbox .inputlist{ padding-left: 35px; margin-bottom: 20px; position: relative;}
.bgbox .inputlist input{ width: 100%; padding: 0 10px; height: 40px; line-height: 40px; border: 1px solid #eeeeee; border-radius: 7px; box-sizing: border-box; background: #eee;}
.bgbox .inputlist input:focus{ border: 1px solid #b3eae7; box-shadow: 0 0 3px #d9f4f3;}
.bgbox .inputtel:before{ content: "\e61d"; font-family: "iconfont"; font-size: 24px; line-height: 40px; color: #dcdcdc; position: absolute; left: 0;}
.bgbox .inputpassword:before{ content: "\e61e"; font-family: "iconfont"; font-size: 24px; line-height: 40px; color: #dcdcdc; position: absolute; left: 0;}
.bgbox .inputconfirmpassword:before{ content: "\e61b"; font-family: "iconfont"; font-size: 24px; line-height: 40px; color: #dcdcdc; position: absolute; left: 0;}
.bgbox .inputcode:before{ content: "\e61c"; font-family: "iconfont"; font-size: 24px; line-height: 40px; color: #dcdcdc; position: absolute; left: 0;}
.bgbox .inputcode input{ float: left; margin-right: 5px;}
.bgbox .inputcode img{ vertical-align: middle;}
.bgbox .inputcode a{ font-size: 12px; vertical-align: middle;}
.bgbox .inputcode .getcode{ width: 95px; line-height: normal; background: #f29b28; float: right; color: #fff;}
.bgbox .input-btn{ padding-top: 15px;}
.bgbox .input-btn input{ width: 100%; height: 42px; border: none; background: #00a29a; color: #fff; font-size: 18px; border-radius: 10px;}
.bgbox .text p{ font-size: 12px; color: #666; margin-top: 10px;}
.bgbox .text p a{ color: #f29b28; font-size: 11px;}
.bgbox .text p a.linklogin{ color: #ff3d00; font-size: 12px; text-decoration: underline;}
.bgbox .qrbox{ width: 245px; height: 178px; border-radius: 0 5px 5px 0; background-color: rgba(255,255,255,0.3); padding-top: 24px; position: absolute; right: -245px; top: 155px;}

/* 营销应用 */
.stepOne{ padding-top: 100px; padding-bottom: 120px;}
.stepOne h2{ font-size: 38px; font-weight: normal; margin-bottom: 30px;}
.stepOne h2 span{ color: #ef0d57;}
.stepOne > p{ font-size: 16px; color: #4e4e4e; line-height: 30px;}
.stepOne ul{ margin-top: 50px;}
.stepOne li{ width: 142px; margin: 0 35px; display: inline-block;}
.stepOne .bgCircle{ width: 142px; height: 142px; background: #e0f0fe; border-radius: 50%;}
.stepOne .bgCircle i{ width: 114px; height: 114px; line-height: 114px; color: #fff; font-size: 48px; border-radius: 50%; margin: 14px; display: block; cursor: default; float: left;}
.stepOne .bgCircle .icon-yiyuanduobao{ font-size: 60px; background: #0380f4;}
.stepOne .bgCircle .icon-4citie{ font-size: 60px; background: #11aef6;}
.stepOne .bgCircle .icon-danpinbaokuan{ background: #05d2fe;}
.stepOne .bgCircle .icon-shangchenghuodong{ background: #04e3d8;}
.stepOne .bgCircle .icon-tuiguang{ background: #00e0b3;}
.stepOne li p{ color: #4e4e4e; font-size: 16px; margin-top: 20px;}
.stepTwo{ background: #59c2e6;}
.stepTwo .w1200{ padding-top: 110px; padding-bottom: 70px; background: url(../images/bgphone.jpg) left bottom no-repeat;}
.stepTwo h2{ font-size: 38px; color: #fff; font-weight: normal; padding-left: 300px;}
.stepTwo .oneYuan{ padding-left: 600px; margin-top: 30px;}
.stepTwo .hexagon{ width: 42px; height: 70px; line-height: 70px; margin-top: 10px; color: #0498c9; background: #fff; position: relative; float: left;}
.stepTwo .hexagon i{ font-size: 30px;}
.stepTwo .hexagon:before{ content: ""; display: block; width: 0; height: 0; border-right: 20px solid #fff; border-top: 35px solid transparent; border-bottom: 35px solid transparent; position: absolute; left: -20px; top: 0;}
.stepTwo .hexagon:after{ content: ""; display: block; width: 0; height: 0; border-left: 20px solid #fff; border-top: 35px solid transparent; border-bottom: 35px solid transparent; position: absolute; right: -20px; top: 0;}
.stepTwo .info{ height: 90px; text-align: left; padding-left: 90px; color: #fff; position: relative;}
.stepTwo .info:after{ content: ""; display: block; height: 1px; background: #32abd4; position: absolute; bottom: 0; left: 85px; right: 40px;}
.stepTwo .info h3{ height: 50px; line-height: 50px; color: #fff; font-size: 20px; font-weight: normal;}
.stepTwo .hexagon i.icon-xunhuan{ font-size: 36px;}
.stepTwo .link{ width: 238px; height: 62px; line-height: 62px; background: #ffe323; border-radius: 30px; margin-top: 36px; overflow: hidden;}
.stepTwo .link a{ display: block; color: #312700; font-size: 20px;}
.stepThree{ background: #f0f3f6; padding-top: 100px; padding-bottom: 110px;}
.stepThree h2{ color: #3e3a39; font-size: 38px; font-weight: normal; margin-bottom: 60px;}
.stepThree .list{ width: 575px; text-align: left;}
.stepThree .list img{ vertical-align: top;}
.stepThree .list .txt{ height: 150px; padding: 20px 30px 0; color: #fff;}
.stepThree .list .txt h3{ font-size: 26px; margin-bottom: 5px;}
.stepThree .list .txt p{ font-size: 16px; line-height: 28px;}
.stepThree .list .info{ padding-top: 30px; line-height: 24px; color: #5e5e5e;}
.stepThree .list .info > div{ margin-bottom: 5px;}
.stepThree .list .info label{ color: #5e5e5e; font-weight: bold; float: left;}
.stepThree .list .info label:before{ content: "\e637"; display: block; font-family: "iconfont"; float: left; margin-right: 8px;}
.stepThree .list .info span:before{ content: "\e610"; font-family: "iconfont"; margin-left: 12px; margin-right: 5px;}
.stepThree .list .info em{ display: block; padding-left: 100px; font-style: normal;}
.stepThree .list.left .txt{ background: #06a5ef;}
.stepThree .list.right .txt{ background: #fe6969;}
.stepThree .list.left .info label:before,.stepThree .list.left .info span:before{ color: #00d2c8;}
.stepThree .list.right .info label:before,.stepThree .list.right .info span:before{ color: #ff9320;}
.stepfour{ height: 784px; padding-top: 110px; background: url(../images/sanjifenxiao/stepfour.png) center 172px no-repeat;}
.stepfour h2{ font-size: 36px; color: #363636; font-weight: normal;}
.relative{ position: relative;}
.stepfour .text-left{ width: 265px; position: absolute; left: 0; top: 241px; text-align: right; font-size: 18px; color: #4f4f4f;}
.stepfour .text-right{ width: 265px; position: absolute; right: 0; top: 255px; text-align: left; font-size: 18px; color: #4f4f4f;}
.stepfour p{ position: absolute;}
.stepfour .txt2{ top: 163px;}
.stepfour .txt3{ top: 311px;}
.stepfour .txt5{ top: 170px;}
.stepfive{ height: 810px; background:#fe6969 url(../images/sanjifenxiao/stepfive.jpg) center no-repeat;}
.stepfive .w1200{ padding-top: 90px;}
.stepfive h2{ font-size: 38px; color: #fff; font-weight: normal;}
.stepfive .content{ width: 612px; position: absolute; top: 215px; right: 90px;}
.stepfive .content ul{ margin-right: -75px;}
.stepfive .content li{ width: 154px; float: left; margin-right: 75px; margin-bottom: 30px; cursor: pointer;}
.stepfive .content li .pic{ width: 154px; height: 140px; line-height: 140px; background: #fff; color: #f11a1a;}
.stepfive .content li .pic i{ font-size: 72px;}
.stepfive .content li .txt{ width: 154px; height: 38px; line-height: 38px; background: #ea2e2e; color: #fff; margin-top: 5px; font-size: 20px;}
.stepfive .content li:hover .pic,.stepfive .content li:hover .txt{ background: #ffd73b; color: #f11a1a;}
.stepfive .content li:hover .txt{ font-weight: bold;}
.stepfive .content p{ color: #fff; font-size: 16px; line-height: 30px; text-align: left;}
.stepsix{ background: #f7f9fc; padding-top: 110px; padding-bottom: 124px; border-bottom: 1px solid #eeeeee;}
.stepsix h2{ font-size: 38px; color: #363636; font-weight: normal; margin-bottom: 60px;}
.stepsix ul{ margin-right: -54px;}
.stepsix li{ width: 292px; height: 273px; padding: 75px 35px 0; border: 1px solid #eeeeee; float: left; margin-right: 54px;}
.stepsix li .iconBox{ width: 100px; height: 60px; line-height: 60px; margin: 0 auto; position: relative;}
.stepsix li .iconBox i{ color: #fff; font-size: 48px;}
.stepsix li .iconBox:before{ content: ""; width: 0; height: 0; display: block;border-left: 50px solid transparent; border-right: 50px solid transparent; position: absolute; top: -30px; left: 0;}
.stepsix li .iconBox:after{ content: ""; width: 0; height: 0; display: block; border-left: 50px solid transparent; border-right: 50px solid transparent; position: absolute; bottom: -30px; left: 0;}
.stepsix li.red .iconBox{ background: #ff5858;}
.stepsix li.red .iconBox:before{ border-bottom: 30px solid #ff5858; }
.stepsix li.red .iconBox:after{ border-top: 30px solid #ff5858; }
.stepsix li.yellow .iconBox{ background: #feb821;}
.stepsix li.yellow .iconBox:before{ border-bottom: 30px solid #feb821; }
.stepsix li.yellow .iconBox:after{ border-top: 30px solid #feb821; }
.stepsix li.blue .iconBox{ background: #32b0ea;}
.stepsix li.blue .iconBox:before{ border-bottom: 30px solid #32b0ea; }
.stepsix li.blue .iconBox:after{ border-top: 30px solid #32b0ea; }
.stepsix li h3{ height: 56px; line-height: 56px; margin-top: 48px; font-size: 24px; color: #363636; font-weight: normal; position: relative;}
.stepsix li h3:after{ content: ""; display: block; width: 46px; height: 1px; position: absolute; bottom: 0; left: 50%; margin-left: -23px;}
.stepsix li.red h3:after{ background: #ff5858;}
.stepsix li.yellow h3:after{ background: #feb821;}
.stepsix li.blue h3:after{ background: #32b0ea;}
.stepsix li p{ text-align: left; line-height: 26px; margin-top: 20px; color: #6a6a6a;}
.stepseven{ padding-top: 100px; padding-bottom: 108px;}
.stepseven h2{ color: #363636; font-size: 38px; font-weight: normal;}
.stepseven ul{ margin-top: 80px; margin-right: -50px;}
.stepseven li{ width: 575px; float: left; margin-right: 50px; margin-bottom: 53px;}
.stepseven li .icon{ width: 95px; height: 95px; line-height: 95px; background: #32b0ea; color: #fff; float: left;}
.stepseven li .icon i{ font-size: 60px;}
.stepseven li .info{ padding-left: 125px; text-align: left;}
.stepseven li .info h3{ line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #363636; font-size: 22px; font-weight: normal;}
.stepseven li .info p{ height: 48px; line-height: 24px; overflow: hidden; margin-top: 12px; color: #6a6a6a;}
.stepseven .link{ width: 238px; height: 60px; line-height: 60px; display: inline-block; background: #ffad00; border-radius: 30px; margin-top: 30px;}
.stepseven .link a{ display: block; color: #fff; font-size: 18px; text-decoration: none;}

/* 全名分销 */
.w1000{ width: 1000px; margin: 0 auto;}
.hide{ overflow: hidden;}
.subMenuBox{ height: 108px;}
.subMenu{ height: 108px; background: #1f75f6;}
.subMenu ul{ margin-right: -1px;}
.subMenu li{ width: 20%; height: 108px; float: left; position: relative; cursor: pointer;}
.subMenu li:after{ width: 1px; height: 108px; background: #fff; display: block; content: ""; position: absolute; right: 0; top: 0;}
.subMenu li:last-child:after{ width: 0;}
.subMenu li i{ width: 42px; height: 42px; line-height: 42px; border-radius: 50%; background: #fff; display: block; margin: 16px auto 10px; color: #1f75f6; font-size: 30px;}
.subMenu li p{ color: #fff;}
.floorOne{ height: 600px; padding-top: 55px; padding-bottom: 55px; background:url(../images/sanjifenxiao/floorone.png) center 126px no-repeat; position: relative;}
div[class*='floor'] h2{ color: #3e3a39; font-size: 38px; font-weight: normal;}
.floorOne .left{ width: 400px; position: absolute; top: 210px; left: 50%; margin-left: -500px; text-align: right;}
.floorOne .right{ width: 400px; position: absolute; top: 280px; left: 50%; margin-left: 100px; text-align: left;}
.floorOne h3{ font-size: 18px; color: #ffad00; font-weight: normal; margin-bottom: 10px;}
.floorOne h3 em{ font-style: italic; font-size: 28px;}
.floorOne p{ color: #3e3a39; font-size: 12px;}
.floorOne div[class*="text"]{ position: absolute;}
.floorOne .textOne{ top: 0; left: 0;}
.floorOne .textTwo{ top: 0; right: 0;}
.floorOne .textThree{ top: 137px; left: 0;}
.floorOne .textFour{ top: 140px; right: 0;}
.floorOne .textFive{ top: 285px; left: 0;}
.floorOne .textSix{ top: 285px; right: 0;}
.floorTwo{ background: #f2f8ff; padding-top: 70px; padding-bottom: 90px;}
.floorTwo h2{ margin-bottom: 45px;}
.floorTwo ul{ margin-right: -14px;}
.floorTwo li{ width: 153px; height: 172px; border: 1px solid #8cc4fd; box-shadow: 0 0 1px #8cc4fd inset; float: left; margin-right: 14px; margin-bottom: 10px; cursor: pointer;}
.floorTwo li i{ width: 60px; height: 60px; line-height: 60px; margin: 40px auto 10px; display: block; font-size: 48px; color: #5dadfc;}
.floorTwo li h3{ font-size: 16px; color: #5dadfc; font-weight: normal;}
.floorTwo li p{ display: none; padding: 0 15px; color: #fff; text-align: left;}
.floorTwo li:hover{ background:url(../images/sanjifenxiao/floortwo.png) no-repeat;}
.floorTwo li:hover i{ color: #4c91f8;}
.floorTwo li:hover h3{ display: none;}
.floorTwo li:hover p{ display: block;}
.floorThree{ padding-top: 75px; padding-bottom: 70px;}
.floorThree h2{ margin-bottom: 25px;}
.floorThree .w1000 > p{ color: #3e3a39; text-align: left; line-height: 24px;}
.floorThree ul{ margin-top: 72px;}
.floorThree li{ width: 200px; height: 340px; display: inline-block; vertical-align: top; color: #fff;}
.floorThree li.bgGreen{ background:url(../images/sanjifenxiao/y3.jpg) no-repeat;}
.floorThree li.bgYellow{ background:url(../images/sanjifenxiao/y4.jpg) no-repeat;}
.floorThree li.bgRed{ background:url(../images/sanjifenxiao/y5.jpg) no-repeat;}
.floorThree li.bgOne{ width: 100px; background:url(../images/sanjifenxiao/y6.png) center no-repeat;}
.floorThree li.bgTwo{ width: 100px; background-image:url(../images/sanjifenxiao/y7.png) center no-repeat;}
.floorThree li h3{ font-size: 26px; line-height: 60px; color: #fff; font-weight: normal;}
.floorThree li div{ width: 80px; height: 72px; border: 1px solid #fff; margin: 0 auto 15px; border-radius: 7px;}
.floorThree li div i{ height: 48px; line-height: 48px; font-size: 30px;}
.floorThree .link{ width: 236px; height: 60px; line-height: 60px; border-radius: 30px; background: #17d4cb; margin-top: 65px; display: inline-block; color: #fff; font-size: 20px;}
.floorFour .top{ padding-top: 80px; padding-bottom: 50px; background: #f2f2f2; position: relative;}
.floorFour .top h2{ margin-bottom: 55px;}
.floorFour .top .pic{ width: 898px; height: 316px; margin: 0 auto; background:url(../images/sanjifenxiao/y8.png) center no-repeat;}
.floorFour .top:after{ content: ""; display: block; position: absolute; width: 0; height: 0; border-top: 30px solid #f2f2f2; border-left: 80px solid transparent; border-right: 80px solid transparent; bottom: -30px; left: 50%; margin-left: -80px;}
.floorFour .bot{ padding-top: 90px; padding-bottom: 100px; background: #fafafa;}
.floorFour .bot h3{ font-size: 32px; color: #ff5555; font-weight: normal; margin-bottom: 50px;}
.floorFour .bot .pic{ width: 602px; height: 402px; margin: 0 auto; background:url(../images/sanjifenxiao/y9.png) center no-repeat;}
.floorFive{ padding: 90px 0;}
.floorFive h2{ margin-bottom: 25px;}
.floorFive .textCon{ position: relative;}
.floorFive .textCon:before{ content: ""; display: block; width: 0; height: 0; border-top: 100px solid #fff; border-left: 160px solid transparent; border-right: 160px solid transparent; position: absolute; left: 50%; top: 0; margin-left: -160px;}
.floorFive .textCon:after{ content: ""; display: block; width: 0; height: 0; border-bottom: 60px solid #fff; border-left: 100px solid transparent; border-right: 100px solid transparent; position: absolute; left: 50%; bottom: 0; margin-left: -100px;}
.floorFive .textCon .vs{ width: 200px; height: 120px; line-height: 120px; color: #a3a3a3; font-size: 42px; background: none; position: absolute; top: 160px; left: 50%; margin-left: -100px; z-index: 9;}
.floorFive .textCon .vs span{ color: #17d4cb;}
.floorFive .textCon .vs:before{ content: ""; display: block; width: 0; height: 0; border-right: 100px solid #fff; border-top: 60px solid transparent; border-bottom: 60px solid transparent; position: absolute; left: 0; top: 0; z-index: -1;}
.floorFive .textCon .vs:after{ content: ""; display: block; width: 0; height: 0; border-left: 100px solid #fff; border-top: 60px solid transparent; border-bottom: 60px solid transparent; position: absolute; right: 0; top: 0; z-index: -1;}
.floorFive .textBox{ width: 500px; float: left;}
.floorFive .textBox .bg1{ background: #f6f6f6;}
.floorFive .textBox .bg2{ background: #d3d3d3;}
.floorFive .textBox .bg3{ background: #ffad00;}
.floorFive .textBox .bg4{ background: #17d4cb;}
.floorFive .textBox .textBox_top{ height: 40px; line-height: 40px;}
.floorFive .textBox .textBox_top.bg1{ color: #a3a3a3; font-size: 18px; padding-right: 160px;}
.floorFive .textBox .textBox_top.bg3{ color: #fff; font-size:18px; padding-left: 160px;}
.floorFive .textBox .textBox_bot{ height: 100px; text-align: left;}
.floorFive .textBox .textBox_bot.left{ padding:20px 100px 0 40px;}
.floorFive .textBox .textBox_bot.left h3{ color: #a3a3a3; font-size: 16px; margin-bottom: 10px;}
.floorFive .textBox .textBox_bot.left p{ color: #989898;}
.floorFive .textBox .textBox_bot.right{ padding:20px 40px 0 100px;}
.floorFive .textBox .textBox_bot.right h3{ color: #fff; font-size: 16px; margin-bottom: 10px;}
.floorFive .textBox .textBox_bot.right p{ color: #fff;}
.floorFive ul{ margin-right: -44px; margin-top: 55px;}
.floorFive li{ width: 130px; height: 130px; float: left; margin-right: 44px; cursor: pointer;}
.floorFive li .icon{ width: 130px; height: 65px; line-height: 65px;  border-radius: 130px 130px 0 0;  box-sizing: border-box;}
.floorFive li .icon i{ font-size: 36px; color: #d8d8d8;text-align:center;}
.floorFive li .test{ width: 130px; height: 65px; line-height: 50px; box-sizing: border-box;  border-radius: 0 0 130px 130px; color: #fff; font-size: 16px;}
.floorFive li .bgBlue{ background: #17d4cb;}
.floorFive li .bgYellow{ background: #ffad00;}
.floorFive li .bgBlue i,.floorFive li .bgYellow i{ color: #fff;}
.floorFive li .current{ border: 1px solid #d8d8d8; border-bottom: 0; color: #d8d8d8;}
.floorFive li .test.current{ border: 1px solid #d8d8d8; border-top: 0; color: #d8d8d8;}
.floorFive .link{ width: 236px; height: 60px; line-height: 60px; color: #fff; font-size: 20px; display: inline-block; background: #ff5555; margin-top: 50px; border-radius: 30px;}