@charset "utf-8";
html, body {
    /* overflow-x: hidden; */
    background-color: #fff;
    min-width: 1200px;
}
body{ font-family: 'PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,'Hiragino Sans GB',Arial,sans-serif;color: #333333;font-size: 14px;line-height: 1.6;}
*{ margin: 0; padding: 0; list-style: none;}
.clear{clear: both;}
img{border: none;}
.main_width{width: 1200px; margin: 0 auto;}
i{font-style: normal;}a{color: inherit; text-decoration: none;}
.bg_w{background: #ffffff;}
.bg_g{background: #f4f4f8;}
h2,h3{font-weight: normal;}

/*字体图标*/
@font-face {
  font-family: 'iconfont';
  src: url('../../iconfont/iconfont.eot');
  src: url('../../iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../../iconfont/iconfont.woff') format('woff'),
  url('../../iconfont/iconfont.ttf') format('truetype'),
  url('../../iconfont/iconfont.svg#iconfont') format('svg');
}


/*nav*/
.topwrapper{position: relative;}
.livelogo{position: absolute; top: 0;width: 100%;z-index: 99;}
.nav{height: 80px;}
.nav .liveLogo{ padding: 13px 0;}
.nav .live_text{float: right; font-size: 20px; color: #fff; padding-top: 24px;}
/*banner*/
.clear{clear: both;}
.slideBox{width:100%;height:600px; overflow:hidden; position:relative; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:50%; bottom:5px; z-index:1; margin-left: -54px; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin:0 6px;  width:40px; height:5px; line-height:100px; text-align:center; background:#fff; cursor:pointer; opacity: 0.2; }
.slideBox .hd ul li.on{ background:#fff; color:#fff; opacity: 1; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; height: 600px;  }
.slideBox .bd img{display:block;  }
/*banner左右按钮*/
.slideBox .prev,
.slideBox .next{ position:absolute; left:1%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.2; display: none;  }
.slideBox .next{ left:auto; right:1%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
.banner_text{margin-top: 220px;}
 .banner_title{font-size: 40px;}
.banner_text p{color: #fff;  text-align: center;}
.banner_des{font-size: 30px;color: #DEDEDE; margin-top: 10px;}
/*view*/
.view{position: relative; height: 630px;}
.view img{float: left; padding-top: 50px; margin-right: 20px;}
.view p{font-size: 20px;color:#333333; padding-top: 160px;}
.color_orange,.color_blue{font-size: 50px; padding-right: 5px;}
.color_orange{color: #f56b0f; }
.color_blue{color: #0092fe;}
/*ad_solution*/
.ad_solution{background: url(../images/bg1.png) center top no-repeat #000; background-size: cover; color:#fff; color: #fff; text-align: center;}
.ad_solution .main_width{ height: 194px;
    padding-top: 56px;}
.features .main_width,.step .main_width,.application  .main_width,.recharge_type .main_width,.question .main_width{ padding: 80px 0;}
.title{font-size: 36px; text-align: center; margin-bottom: 70px;}
.feature_box{height: 300px;}
.feature_box li{ margin: 0 15px; width:270px; float:left; background: #fff;box-shadow: 0 1px 10px rgba(0,0,0,0.2); border-radius: 6px;}
.feature_box .item h3{ height: 55px; line-height: 55px; font-size: 24px; text-align: center; color: #fff; background: url(../images/title_bg.png) no-repeat; font-weight: 300;}
.feature_des{ margin: 20px 15px; height: 160px; font-size: 18px; color: #555555; }
.register{ padding: 15px 0;}
.register a{background:#1e88e5;display: block; width: 116px; height: 34px; line-height: 34px; border-radius: 20px; color: #fff; text-align: center; margin: 0 auto;}
/*step*/
.step_pic{text-align: center; margin-bottom: 35px;}
.step_box{margin: 0 15px;}
.step_box li{width: 170px; height: 210px; float: left; margin: 0 38px; text-align: center; background: #F9F9F9; border:1px solid #f5f5f5; box-shadow: 0px 3px 10px rgba(0,0,0,0.1); border-radius: 10px;}
.step_box li p{ margin-top: 18px; font-size: 20px;}
.step_box li div{ padding-top: 46px;}
/*application*/
.scene{ width: 31.5%; height: 340px; background: #fff; text-align: center;float:left;}
.scene_middle{ margin: 0 30px;}
.scene_des p{font-size: 20px; padding: 21px 0 8px 0;}
.scene img{vertical-align: top;width: 100%;}
.scene_des label{color: #777;}
.btn_box{text-align: center; padding-top: 40px;}
.btn_box a{ display: inline-block; width: 186px; height: 50px;line-height: 50px; border-radius: 25px; margin: 0 45px; color: #fff; font-size: 18px;}
.btn_box .btn_chat{background: #1E88E5;}
.btn_box .btn_experience{background: #f69408;}
/*ad_recharge*/
.ad_recharge{background: url(../images/bg2.png) no-repeat #000; height: 210px;color: #fff;  }
.ad_recharge h3{font-size: 36px;}
/*rechaege_type*/
.type_box li{padding-bottom: 30px;width: 21.2%;*width:20%; background:#fff; float: left; margin: 0 30px; box-shadow: 0 6px 20px rgba(0,0,0,0.1);}
.type_box li:nth-child(1){ margin-left: 0;}
.type_box li:nth-child(4){ margin-right: 0;}
.type_title h2,.pirce,.btn_recharge{text-align: center;}

.type_title{height: 80px; color: #fff;}
.type_title h2{font-size: 22px; color: #FFFFFF;}
.type_title label{padding-left: 6px; font-size: 12px;}
.pirce{ margin:30px 0;}
.contain{margin: 0 0 0px 40px;font-size: 16px; height: 140px;}
.contain p{padding-bottom: 8px;}
.icon_block{display: inline-block;width: 6px; height: 6px;background: #4ba0ea;margin-right: 6px;margin-bottom: 3px;}
.pirce big{font-size: 40px;}
.type_A .type_title{background: #f1f7f9;}
.type_A h2,.type_A label{ color: #565758;}
.btn_recharge{ margin:0 23px}
.btn_recharge a{display: block; width: 100%;border-radius: 5px; height: 44px; line-height: 44px;font-size: 18px; color: #fff;}
.type_A .btn_recharge a{background: #fff; border: 1px solid #3ac0ef; color: #1E88E5; }

.type_B .type_title,.type_B .btn_recharge a{background: #1e88e5;}
.type_C .type_title,.type_C .btn_recharge a{background: #ea9f29;}
.type_D .type_title,.type_D .btn_recharge a{background: #17c295;}

/*about recharge*/
.question_step{ position: relative;}
.question_step .line{height: 1px;border-top: 1px solid #eee;position: absolute; top: 33px;width: 70%;left: 100px;}
.question_step span{background:#f1f7f9; font-size: 24px; display:inline-block; margin: 0 30px; width: 230px; height: 70px; line-height: 70px; border-radius: 35px; text-align: center;position: relative;z-index: 99;}
.lb_color{color: #05bffd;}
/*foot*/
.foot_code{background: #393945;}
.code_box{width: 600px; margin: 0 auto; text-align: center; padding: 70px 0; color: #e0e0e3;}
.code_box li{width: 200px; margin: 0 50px; float: left;}
.foot_copyright{background: #2c2c34; color: #fff; height: 70px; line-height: 70px; text-align: center;}
.foot_copyright span{padding-right: 40px;}