/*-----------------[初始化]--------------*/
body{font-size: 12px;color: #323232;line-height: 1.5;font-family:"微软雅黑","Microsoft Yahei"; min-width: 300px;}
a{color: #323232;}
a:hover{color: #e63c28;}
img{max-width: 100%;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.ib{display: inline-block;}
p{text-indent: 2em;}  
input,textarea,select{outline: 0;color: #323232;font-family:"微软雅黑","Microsoft Yahei";}
input[type="submit"],input[type="reset"],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
img{max-width: 100%;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
em{font-style: normal;}

.hide{visibility: hidden;}
.ani{
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}

/*-----------------[布局]--------------*/
.wrap{width: 99%;max-width: 1380px;margin: 0 auto;}
.wp{width: 99%;max-width: 1000px;margin: 0 auto;overflow: hidden;}

.h30{height: 30px;clear: both;overflow: hidden;}
.h50{height: 50px;clear: both;overflow: hidden;}

/*******************************
  -------[=头部]-------
********************************/
#hd{padding: 10px 0;background: #fff;text-align: right;*zoom:1;
    box-shadow: 0 0 5px #cacaca;/*position: relative;*/z-index: 998;
    min-width: 320px;
    position: fixed;left: 0;top: 0;width: 100%;height: 60px;}
#hd:after,#hd:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }
#hd .logo{float: left;}

.logo{display: inline-block;line-height: 60px;}
.logo img{display: inline-block;vertical-align: middle; width:170px; max-width: 175px;}
.logo span{display: inline-block;border-left: 1px solid #e6e6e6;vertical-align: middle;
    font-size: 16px;color: #878787;line-height: 1;padding-left: 12px;margin-left: 12px;}

#hd .btn1{margin-left: 20px;}

.hdr{float: right;margin-top: 10px;}

/*******************************
    -------[=导航]-------
********************************/
.menu-btn{display: inline-block;vertical-align: middle;display: none;
    width: 45px;height: 45px;cursor: pointer;margin-right: 10px;
    background: url(../images/menu.png) no-repeat center center;
    -o-background-size: 35px auto;
    -ms-background-size: 35px auto;
    -moz-background-size: 35px auto;
    -webkit-background-size: 35px auto;
    background-size: 35px auto;
}

#hd .nav-ul{display: inline-block;vertical-align: middle;}

.nav-ul{overflow: hidden;line-height: 45px;margin-left: -25px;margin-right: 10px;}
.nav-ul li{float: left;list-style: none;margin-left: 25px;}
.nav-ul li .v1{font-size: 16px;color: #878787;}
.nav-ul li .v1:hover{color: #323232;}



/*******************************
  -------[=banner]-------
*******************************/
/*#banner {height: 550px;overflow: hidden;}*/
#banner img{display: block;width: 100%;/*height: 100%;max-height: 550px;*/}

/*******************************
  -------[=底部]-------
********************************/
.fixme #fd{position: fixed;left: 0;bottom: 0;width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
#fd{color: #fff;background: #3b3b3b;padding: 30px 0 20px;}

#fd .fnav{text-align: center;  margin-bottom: 10px;}
#fd .finfo{text-align: center;}

.fnav a{color: #fff;display: inline-block;margin: 0 7px;}

.finfo a{color: #fff;display: inline-block;margin: 0 7px;}

.fcopy{color: #767676;overflow: hidden;clear: both;text-align: center;padding-top: 15px;}
.fcopy a{color: #767676;}

/*-----------------[正文]--------------*/
.main{overflow: hidden;width: 100%;margin-top: 80px;}

/*颜色*/
.redpink{color: #f05550 !important;}

.bg-orange-color{background: #e63c27;}

/*按钮*/
.btn1{color: #fff;background: #e63c28;border-radius: 3px;min-width: 80px;text-align: center;
    height: 35px;line-height: 35px;display: inline-block;padding: 0 10px;}
.btn1:hover{color: #fff;background: #f03c28;}
.btn1:active{color: #fff;background: #dc3c28;}

.btn2{display: inline-block;height: 70px;line-height: 70px;text-align: center;
    font-size: 24px;color: #fff;background: #323232;border-radius: 5px;padding: 0 35px;width: 145px;}
.btn2:hover{color: #fff;background: #414141;}

/*标题*/
.st1{font-size: 40px;text-align: center;font-weight: normal;line-height: 1.5; margin: 2px;}
.st1 b{font-size: 50px;font-weight: normal;font-family: 'arial';vertical-align: middle;}

.stt1{margin: 10px; font-size: 22px;font-weight: normal;text-align: center;line-height: 1.5;}

.st2{text-align: center;font-size: 40px;margin-bottom: 50px;}

.st3{font-size: 24px;font-weight: normal;text-align: center;margin-bottom: 60px;
    /*margin: 60px 0;*/border: 3px solid #b5b5b5;height: 70px;line-height: 70px;}

.st4{font-size: 30px;font-weight: normal;color: #e42c14;
    text-align: center;text-transform: capitalize;line-height: 2;}

/*首页*/
.i-row{padding: 50px 0;}

.infoBox{padding: 20px 0;background: url(../images/bg1.jpg) repeat left top;}
.infoBox .ad-ico-ul{padding-top: 20px;}

.ad-ico-ul{overflow: hidden;text-align: center;}
.ad-ico-ul li{width: 280px;display: inline-block;margin: 10px 40px;}
.ad-ico-ul .ico{display: block;width: 120px;height: 120px;margin: 0 auto;}
.ad-ico-ul .ico img{display: block;width: 100%;height: 100%;}
.ad-ico-ul a:hover img{opacity: .8;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);}
.ad-ico-ul h4{font-size: 24px;font-weight: normal;line-height: 2;height: 2em;overflow: hidden;}
.ad-ico-ul .intro{font-size: 18px;color: #878787;}

.wave-tit{/*padding: 70px 0 50px;*/padding: 30px 0 20px;
    position: relative;background: url(../images/bg2.jpg) repeat left top;}
.wave{position: absolute;left: 0;top: 0;width: 100%;
    height: 12px;overflow: hidden;background: url(../images/wave.png) repeat-x left top;}

.ad-btn-ul{overflow: hidden;text-align: center;}
.ad-btn-ul li{float: left;width: 50%;}

.adPro{background: #130b28;}
.adPro-ul{}
.adPro-ul li{}
.adPro-ul .pic,.adPro-ul .txt{width: 47%;display: inline-block;vertical-align: middle;color:#ccc;}
.adPro-ul .pic{overflow: hidden;}
.adPro-ul .pic img{display: block;}
.adPro-ul .pic .myembed{margin: 0 -50%;}
/*.adPro-ul li:nth-child(2n) .pic{margin-left: 5%;}*/
/*.adPro-ul li:nth-child(2n+1) .pic{margin-right: 5%;}*/
.adPro-ul .txt{font-size: 14px;z-index: 999;}
.adPro-ul h4{font-size: 24px;font-weight: normal;}
.adPro-ul li.mt-100{margin-top: -100px;}
@media only screen and (max-width: 768px){
    .adPro-ul li.mt-100 {margin-top: 0;}
    .device-check-flash {display: none;}
}

/*海量客户*/
.stt2{font-size: 36px;font-weight: normal;text-align: center;}
.bg-orange-color .stt2{color: #fff;margin-bottom: 50px;}

.adCustom{background: #e63c27;}
.adcustom-ico-ul{text-align: center;}
.adcustom-ico-ul li{display: inline-block;margin: 0 50px 30px;}
.adcustom-ico-ul .pic{/*width: 145px;height: 145px;*//*width: 170px;height: 170px;*/margin: 0 auto 10px;}
.adcustom-ico-ul .pic img{display: block;width: 100%;/*height: 100%;*/border-radius: 50%;}
.adcustom-ico-ul h4{font-size: 20px;font-weight: normal;color: #fff;}

/*本地媒体流量自助平台*/
.mediaPro{background: url(../images/bg3.jpg) repeat left top;}
.mediaPro-ul{overflow: hidden;text-align: center;}
.mediaPro-ul li{width: 230px;height: 230px;overflow: hidden;cursor: default;
    position: relative;margin: 20px 20px;display: inline-block;}
/*.mediaPro-ul .pic{height: 230px;}*/
.mediaPro-ul .pic img{width: 100%;height: 100%;}
.mediaPro-ul .mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;
    background: #e63c27;color: #fff;padding: 25px;/*font-size: 18px;*/font-size: 14px;
    text-align: center;display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.mediaPro-ul .mask h4{line-height: 2;font-size: 24px;font-weight: normal;/*padding-top: 55px;*/}
.adPro-ul .instead-swf{display: none;}

/*合作流程*/
.cooperFlow{background: url(../images/bg3.jpg) repeat left top;}

.embedBox{position: relative;height: 0;padding-top: 55%;z-index: 0; pointer-events: none;}
.embedBox embed{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

/*合作媒体*/
.cooperMedia{padding-bottom: 50px;}

.wrapper{position: relative;}
.wifi-scroll{}

.cooper_img-ul{overflow: hidden;text-align: center;/*max-height: 330px;*/}
.cooper_img-ul li{display: inline-block;width: 160px;height: 75px;overflow: hidden;margin: 15px 15px;}
.cooper_img-ul li img{display: block;width: 100%;height: 100%;border-radius: 3px;}
.cooper_img-ul a:hover img{opacity: .8;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);}

/*团队介绍*/
.bg-orange-color .st2{color: #fff;}
.teamBrief{background: #e63c27;}

.teamBrief-ul{color: #fff;overflow: hidden;font-size: 14px;}
.teamBrief-ul .txt{padding-right: 450px;}
.teamBrief-ul .txt h4{font-size: 30px;padding: 20px 0;margin-bottom: 10px; text-align: center;}
.teamBrief-ul .txt h4 span{display: inline-block;padding-top: 10px;border-bottom: 5px solid #c83320;}
.teamBrief-ul .pic{width: 420px;margin: 0 35px;float: right;clear: right;}
.teamBrief-ul .pic img{display: block;width:400px;border-radius: 5px;background: #fade7a;}
@media only screen and (max-width: 479px) {
.teamBrief-ul .pic, .teamBrief-ul .pic img{width: 100%;text-align: center;}
}

.teamBrief-ul .pic h4{font-weight: normal;}
.teamBrief-ul .pic .name{font-size: 24px;}

.team-ul{overflow: hidden;margin: 0 -30px;text-align: center;}
.team-ul li{width: 200px;margin: 30px;display: inline-block;}
.team-ul .pic{/*height: 290px;*/position: relative;}
.team-ul .pic img{display: block;/*width: 200px;*/border-radius: 2px;}
.team-ul .intro{position: absolute;left: 0;bottom: 0;width: 100%;display: none;
    background: rgba(255,102,0,0.7);background: #31322b \9;padding: 10px;height: 100%;
    color: #fff;font-size: 14px;overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.team-ul .intro i{display: inline-block;vertical-align: middle;width: 0;height: 100%;vertical-align: middle;}
.team-ul .intro .txt{display: inline-block;vertical-align: middle;}
.team-ul .intro h3{font-size: 18px;font-weight: normal;padding-bottom: 25px;
    margin-bottom: 25px;border-bottom: 1px solid #fff;}
.team-ul h4{font-size: 18px;font-weight: normal;line-height: 2;text-align: center;}

.tit1{height: 80px;line-height: 80px;/*padding: 50px 0;*/background: #e63c27;}
.tit1 h3{font-size: 40px;color: #fff;text-align: center;}

/*页码*/
.page-ul{text-align: center;}
.page-ul li{display: inline-block;margin: 0 4px;}
.page-ul li a{width: 9px;height: 9px;display: inline-block;background: #e3e3e3;}
.page-ul li.on a{background: #b4b4b4;}

/*弹出*/
.PopBox{position: fixed;left: 0;top: 0;width: 100%;height: 100%;
    background: rgba(0,0,0,0.7);background: #000 \9;z-index: 999;display: none;
    background: url(../images/black-alpha.png) repeat left top \9;}
.PopBox .popCon{position: absolute;left: 50%;top: 50%;z-index: 999;
    width: 88%;max-width: 570px;box-shadow: 0 0 10px #333;background: #efefef;
}
.PopBox .pop-head{height: 75px;line-height: 75px;text-align: center;color: #fff;background: #fa624f;}
.PopBox .pop-head h1{font-size: 24px;}
.PopBox .pop-body{padding: 20px;}
.PopBox .pop-body img{display: block;margin: 40px auto;}
.PopBox .pop-close-btn{position: absolute;top: 20px;right: 50px;background: #e24a37;border-radius: 8px;
    width: 80px;height: 35px;text-align: center;line-height: 35px;}
.PopBox .pop-close-btn img{display: inline-block;vertical-align: middle;}



/*******************************
    -------[=联系我们]-------
********************************/
.address{font-size: 14px;text-align: center;padding: 10px 0 20px;
    border-bottom: 2px solid #ec6857;}

.map-area{margin: 10px 0;}
.map-area img{display: block;width: 100%;}

.contact-ul{overflow: hidden;margin: 40px 0;text-align: center;}
.contact-ul li{width: 30%;display: inline-block;text-align: left;}
.contact-ul li:last-child{width: 50%;}
.contact-ul .title{margin-bottom: 20px;}
.contact-ul .title span{display: inline-block;background: #e63c27;
    font-weight: normal;color: #fff;padding: 0 10px;}
.contact-ul .master{float: left;margin-right: 30px;}
.contact-ul .pic{width: 60px;float: left;clear: left;}
.contact-ul .pic img{display: block;margin: 0 auto;}
.contact-ul .txt{padding-left: 75px;}

/*******************************
    -------[=投诉建议]-------
********************************/
.txtCont{font-size: 14px;}
.txtCont h3{font-size: 24px;font-weight: normal;padding-bottom: 10px;}
.txtCont p{padding-bottom: 20px;}

.telBox,.mailBox{padding-left:35px;
    -o-background-size: 25px auto !important;
    -ms-background-size: 25px auto !important;
    -moz-background-size: 25px auto !important;
    -webkit-background-size: 25px auto !important;
    background-size: 25px auto !important;
}
.telBox{background: url(../images/i-tel.png) no-repeat left 10px;}
.mailBox{background: url(../images/i-mail.png) no-repeat left 10px;}

/*******************************
    -------[=法律声明]-------
********************************/


/*******************************
    -------[=公司动态]-------
********************************/
.newsBox{}

.news-ul{border: 1px solid #d1d1d1;padding: 25px;}
.news-ul li{font-size: 14px;overflow: hidden;border-bottom: 1px solid #eaeaea;padding: 20px 0;margin-bottom: 60px;}
.news-ul li:last-child{border-bottom: 0;margin-bottom: 0;}
.news-ul .title{font-size: 24px;font-weight: normal;line-height: 2;height: 2em;
    overflow: hidden;white-space: nowrap;word-wrap: normal;text-overflow: ellipsis;}
.news-ul .datetime{line-height: 2;}
.news-ul .intro{margin: 40px 0 15px;}
.news-ul .intro img{display: block;width: 100%;margin-bottom: 40px;border: 1px solid #f1f1f1;}
.news-ul .intro p{}

.more-btn{cursor: pointer; display: inline-block;padding-right: 20px;color: #e63c27;
    background: url(../images/a1.png) no-repeat right center;}
.full-page{display: none;}
.full-page h3{margin: 10px 0;}

/*页码*/
.page{text-align: center;}
.page .page-ul li a{width: 6px;height: 6px;vertical-align: middle;}
.page .page-ul li.on a{display: inline-block;background: #e63c27;width: 9px;height: 9px;}

.prev-page{background: url(../images/a2.png) no-repeat center center;}
.next-page{background: url(../images/a3.png) no-repeat center center;}
.page-btn{display: inline-block;background-color: #e3e3e3;
    width: 54px;height: 54px;margin: 0 15px 30px;}
.page-btn:hover{background-color: #c2c2c2;}

/*******************************
    -------[=公司动态-内文]-------
********************************/
.sideBox{width: 155px;float: right;clear: right;}
.mainBox{padding-right: 200px;}

.snav-dl{border: 1px solid #d1d1d1;text-align: center;padding: 10px 0;}
.snav-dl dt{font-size: 18px;font-weight: bold;line-height: 50px;}
.snav-dl dd{font-size: 14px;}
.snav-dl dd a{display: block;line-height: 30px;color: #878787;}
.snav-dl dd a:hover{color: #323232;}
.snav-dl dd.on a{color: #323232;border-left: 3px solid #e63c27;margin-left: -1px;}

.chapter{font-size: 14px;padding: 30px;border: 1px solid #d1d1d1;}
.chapter h1{font-size: 24px;font-weight: normal;line-height: 2;}

.chapter .content{padding: 10px 0;}
.chapter .content p{margin: 1em 0;}
.chapter .content img{margin: 10px auto;display: block;}


.embedAnimate{position:relative;height:400px;width: 1000px;max-width: 1000px;}
.iconlist{text-indent: -9999px; position:absolute; left:0px; top: 20px; z-index:1;}
.iconlist li{width:252px;height: 90px; padding: 10px 0; cursor: pointer;}
.iconlist li.login{background: url(../images/login_gray.png) no-repeat left center;}
.iconlist li.code{background: url(../images/ad_code_gray.png) no-repeat left center;}
.iconlist li.data{background: url(../images/data_gray.png) no-repeat left center;}

.iconlist li.login_cur{background: url(../images/login.png) no-repeat left center; width:301px;}
.iconlist li.code_cur{background: url(../images/ad_code.png) no-repeat left center; width:301px;}
.iconlist li.data_cur{background: url(../images/data.png) no-repeat left center; width:301px;}

.embedContainer{width:700px;height:365px;position:absolute;left:250px;background: url(../images/panel.png) no-repeat left center;}
.flash_area{position: absolute; top:20px; left:42px; width:607px; height:323px;}
.left_arrow, .right_arrow {width:100px; height:150px; position: absolute; cursor:pointer;}
.left_arrow{left:0; top: 50%; margin-top:-75px; background: url(../images/Left-Up.png) no-repeat left center;}
.left_arrow:hover{background: url(../images/Left-Down.png) no-repeat left center;}
.right_arrow{right:0; top: 40%; margin-top:-75px; background: url(../images/Right-Up.png) no-repeat left center;}
.right_arrow:hover{background: url(../images/Right-Down.png) no-repeat left center;}

.embedDsp{position:relative;width: 1024px;max-width: 1024px;height: 400px;margin: 0 auto;}
.embedWraper{width:800px; height:340px; margin: 0 auto; position: relative;}
.emberGroup{width: 800px; height: 312px; overflow: hidden;}

.step_process{width: 740px; height:60px; background: url(../images/Progress-Bar.png) no-repeat left center;margin: 0 auto; position:relative;}
.step_process_num{display: block; width: 50px; height: 50px; position: absolute;}
.step_process_num_0{left: 5px; top:5px; background: url(../images/Progress-1.png) no-repeat left center;}
.step_process_num_1{left: 350px; top:5px; background: url(../images/Progress-2.png) no-repeat left center;}
.step_process_num_2{left: 685px; top:5px; background: url(../images/Progress-3.png) no-repeat left center;}

.embedWraper .iconlist{top: 60px;}
.embedWraper .iconlist li{width:200px;height: 72px;}
.iconlist li.dspreg{background: url(../images/dsp_reg_gray.png) no-repeat left center;}
.iconlist li.dspcase{background: url(../images/dsp_case_gray.png) no-repeat left center;}
.iconlist li.dspcelue{background: url(../images/dsp_celue_gray.png) no-repeat left center;}
.iconlist li.dspchuangyi{background: url(../images/dsp_chuangyi_gray.png) no-repeat left center;}
.iconlist li.dspdata{background: url(../images/dsp_data_gray.png) no-repeat left center;}
.iconlist li.dsplevelup{background: url(../images/dsp_levelup_gray.png) no-repeat left center;}

.iconlist li.dspreg_cur{background: url(../images/dsp_reg.png) no-repeat left center; width:240px;}
.iconlist li.dspcase_cur{background: url(../images/dsp_case.png) no-repeat left center; width:240px;}
.iconlist li.dspcelue_cur{background: url(../images/dsp_celue.png) no-repeat left center; width:240px;}
.iconlist li.dspchuangyi_cur{background: url(../images/dsp_chuangyi.png) no-repeat left center; width:240px;}
.iconlist li.dspdata_cur{background: url(../images/dsp_data.png) no-repeat left center; width:240px;}
.iconlist li.dsplevelup_cur{background: url(../images/dsp_levelup.png) no-repeat left center; width:240px;}

.embedWraper .embedContainer{width:600px;height:312px;left:200px;background: url(../images/panel_600.png) no-repeat left center;}
.embedWraper .flash_area{ top:17px; left:36px; width:520px; height:276px;}

.no-cursor{cursor: default;}
@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.w1 {width:100%}