html{-webkit-filter: grayscale(100%);}
/*
  stylesheet
*/
/* ------------------------------------------------------------------------- *
 *  Reset
 * ------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, select, option, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, button {
    margin: 0;
    padding: 0;
    border: 0;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea, button {
    outline: 0;
}

/* ------------------------------------------------------------------------- *
 *  全局 - 通用
 * ------------------------------------------------------------------------- */

body {
    margin: 0;
    padding: 0;
    font: normal 14px Microsoft yahei, Verdana, Arial, Microsoft Sans Serif;
}

a {
    text-decoration: none;
}

a:link, a:visited {
    color: #666666;
}

a:hover {
    color: #28abef;
}

a:active {
    color: #666;
}

a:focus {
    outline: none;
}

ul {
    list-style: none;
}

em {
    font-style: normal;
}

h1, h2, h3 {
    font-weight: normal;
}

.wf {
    position: absolute;
    top: 64px;
    width: 100%;
    height: 100%;
}

/* ------------------------------------------------------------------------- *
 *  布局 layout  index.html
 * ------------------------------------------------------------------------- */

/*  最外层容器
 * ------------------------------------ */
.main {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
}
.index{
    z-index: -1;
}
/*  toubu头部最外层容器
 * ------------------------------------ */
.hw {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}

/*  header
 * ------------------------------------ */
.header {
    width: 100%;
    height: 37px;
    background-color: #222222;
}

.wrap {
    position: absolute;
    width: 1132px;
    height: 100%;
    top: 40%;
    left: 50%;
    margin-left: -566px;
}

.wrap-1 {
    position: absolute;
    width: 1132px;
    height: 100%;
    left: 50%;
    margin-left: -566px;
}

.center {
    position: relative;
    margin: 0 auto;
    width: 1000px;
}

select[name='language'] {
    width: 96px;
    height: 22px;
    border: 1px solid #050505;
    background: #151515;
    color: #666;
    padding-left: 4px;
}

.line {
    position: absolute;
    display: inline-block;
    width: 1px;
    height: 16px;
    top: 4px;
    background-color: #666;
    right: 19px;
}

.arrow {
    position: absolute;
    right: 6px;
    top: 11px;
    width: 0;
    height: 0;
    line-height: 0;
    border-width: 4px;
    border-width: 0 \0;
    border-style: solid;
    border-color: #666 transparent transparent transparent;
}

.login, .select {
    position: relative;
    height: 22px;
    line-height: 22px;
    text-align: center;
    margin-top: 12px;
}

.login a, .login span {
    font-size: 14px;
    font-family: "宋体";
}

.login .btn-lg {
    display: inline-block;
    padding: 0 20px;
    margin-left: 5px;
    border-radius: 2px;
    border: 1px solid #999;
    color: #fff;
}

/*  nav
 * ------------------------------------ */
.nav {
    width: 100%;
    height: 100px;
    line-height: 80px;
    position: relative;
    z-index: 101;
}

.logo {
    position:relative;
    width:175px;
    height: 100px;
    right:0;
}

.lc {
    height: 40px;
    line-height: 40px;
    position: relative;
    bottom: 29px;
    font-size: 16px;
    margin-top: -20px;
}

.link {
    position:absolute;
    margin-left: 300px;
    height:35px;
    line-height:35px;
    top: 32px;
}

.link a {
    display: block;
    float: left;
    margin: 0 5px;
    width: 90px;
    height: 35px;
    font-size: 16px;
    border-radius: 2px;
    color: #fff;
}

.link a.active:hover, .link a:hover {
    color: #fff;
    background: #42a4ff;
}

.link a.active {
    background: #42a4ff;
    color: #fff;
}

.link a.active:hover {
    color: #fff;
}

/*head*/
.login .btn-lg1 {
    display: inline-block;
    padding: 0 20px;
    margin-left: 5px;
    border-radius: 2px;
    border: 1px solid #42a4ff;
    color: #42a4ff;
}

.link1 {
    position:absolute;
    margin-left: 300px;
    height:35px;
    line-height:35px;
    top: 32px;
}

.link1 a {
    display: block;
    float: left;
    margin: 0 5px;
    width: 90px;
    height: 35px;
    font-size: 16px;
    border-radius: 2px;
    color: #000;
}

.link1 a.active:hover, .link1 a:hover {
    color: #FFFFFF;
    background: #42a4ff;
}

.link1 a.active {
    background: #42a4ff;
    color: #fff;
}

/*head*/

/*  ad-slide
 * ------------------------------------ */
.slider {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
}

.page {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
}

.page {
    display: none;
}

.page.visible {

    display: block;
}

.slide {
    position: relative;
    width: 400%;
    height: 600px;
}

.scon {
    position: relative;
    width: 100%;
}

.scon .dot-1 {
    position: absolute;
    left: 50%;
    margin-left: -50px;
    width: 100px;
    bottom: 30px;
    z-index: 99;
    line-height: 14px;
    text-align: center;
}

.de .center .dot-1 {
    position: absolute;
    left: 50%;
    margin-left: -50px;
    width: 100px;
    bottom: 30px;
    z-index: 99;
    line-height: 14px;
    text-align: center;
}

.dot-1 li {
    cursor: pointer;
    float: left;
    width: 10px;
    height: 10px;
    line-height: 10px;
    background: #000;
    margin-left: 10px;
    margin-top: 2px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    vertical-align: middle;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    transition: all ease .4s;
}

.de .center .dot-1 li {
    background: #ccc;
}

.de .center .dot-1 li.active {
    border: 2px solid #777;
}

.de .center .dot-1 li.active a {
    background: #777;
}

.dot-1 li.active {
    margin-top: 0px;
    background: transparent;
    border: 2px solid #000;
}

.dot-1 li.active a {
    display: block;
    width: 6px;
    height: 6px;
    margin-left: 2px;
    margin-top: 2px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #000;
}

.slide .ss {
    float: left;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.s1 {
    background: url(../img/7.jpg)  no-repeat center center;
    background-size: cover;
}

/*.s2 {*/
    /*background: url(../img/6.jpg)  no-repeat center center;*/
    /*background-size: cover;*/
/*}*/

/*.s3 {*/
    /*background: url(../img/3.jpg)  no-repeat center center;*/
    /*background-size: cover;*/
/*}*/

/*.s4 {*/
    /*background: url(../img/4.jpg)  no-repeat center center;*/
    /*background-size: cover;*/
/*}*/

/*.s5 {*/
    /*background: url(../img/5.jpg)  no-repeat center center;*/
    /*background-size: cover;*/
/*}*/
.slide div {
    width: 25%;
    height: 100%;
}

.ad-foot {
    overflow: hidden;
    width: 100%;
    height: 200px;
    background-color: #333;
}

.ncon {
    position: relative;
    width: 1758px;
}

.ncon .item {
    float: left;
    width: 586px;
}

.ncon .item h1 a {
    color: #FFE000;
}

.ncon .item h1 a:hover {
    text-decoration: underline;
}

.news_scroll {
    position: relative;
    width: 586px;
    height: 120px;
    margin-top: 54px;
    overflow: hidden;
}

.news_scroll img {
    vertical-align: middle;
}

.news_scroll .dot-1 {
    position: absolute;
    right: 12px;
    bottom: 18px;
}

.news_scroll .dot-1 li {
    width: 6px;
    height: 6px;
    margin-left: 8px;
    background: #717171;
}

.news_scroll .dot-1 li.active {
    border: 0;
    margin-top: 2px;
    background: #ffe106;
}

.word {
    width: 445px;
    height: 95px;
}

.cut {
    display: inline-block;
    width: 2px;
    height: 200px;
    margin-left: 20px;
    background-color: #404040;
}

a.down-purple {
    color: #1e2142
}

a.down-purple-a {
    color: #1e2142
}

.down-purple {
    width: 180px;
    height: 40px;
    border: 1px solid #1e2142;
    text-align: center;
    color: #1e2142;
    line-height: 40px;
    font-size: 14px;
    margin: 20px 0 10px 0;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.down-purple:hover {
    width: 180px;
    height: 40px;
    border: 1px solid #1e2142;
    background: #1e2142;
    text-align: center;
    color: #f7d604;
    line-height: 40px;
    font-size: 14px;
    margin: 20px 0 10px 0;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.down-purple.mc {
    left: 50%;
    margin-left: -90px;
}

a.down-yellow {
    color: #f7d604
}

a.down-yellow-a {
    color: #f7d604
}

.down-yellow {

    width: 180px;
    height: 40px;
    border: 1px solid #f7d604;
    text-align: center;
    color: #f7d604;
    line-height: 40px;
    font-size: 14px;
    margin: 20px 0 10px 0;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;

}

.down-yellow:hover {

    width: 180px;
    height: 40px;
    border: 1px solid #f7d604;
    background: #f7d604;
    text-align: center;
    color: #1e2142;
    line-height: 40px;
    font-size: 14px;
    margin: 20px 0 10px 0;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.down-yellow.mc {
    left: 50%;
    margin-left: -90px;
}

/*   广告主 开发者
 * ------------------------------------ */
.full-screen {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: transparent;
}

.ad, .developer {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    float: left;
    vertical-align: top;
    display: block;
}
.developer{
    margin-left: 500px;
}
.ad-words {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 410px;
    /*height: 166px;*/
    margin-top: -300px;
    margin-left: -107px;
    z-index: 1;
}
.ad-words img{
    margin-right: 10px;
}
/*  广告资源
 * ------------------------------------ */
.ad-res {
    background: #f9f9f9 url("../img/p5-inner.png")  no-repeat center center;

}
.ad-res1 {
    background: #f9f9f9 url("../img/bg6.jpg")  no-repeat center center;
}
.yyb1 {
    background: #f9f9f9 url("../img/yyb1.jpg")  no-repeat center center;
}
.yyb2 {
    background: #f9f9f9 url("../img/yyb2.jpg")  no-repeat center center;
}
.aso1 {
    background: #f9f9f9 url("../img/aso1.jpg")  no-repeat center;
    background-size: 100%;
}
.aso2 {
    background: #f9f9f9 url("../img/aso2.jpg")  no-repeat center;
    background-size: 100%;
    background-position-y: -110px;
}
.data {
    margin-top: 80px;
}
.data>div{
    margin-left: 110px;
}
.data span {
    font-size: 30px;
    font-weight: bold;
    color: #2dacf1;
    width: 70px;
}

.dataa {
    position: absolute;
    bottom: 105px;
    left: 170px;
}

.datab {
    position: absolute;
    bottom: 105px;
    left: 480px;
}

.datac {
    position: absolute;
    bottom: 105px;
    left: 700px;
}

.datad {
    position: absolute;
    bottom: 105px;
    left: 980px;
}

.data div {
    float: left;
}

.data center {
    font-size: 90px;
    color: #2dacf1;
    height: 80px;
    line-height: 80px;
    text-align: center;
    font-weight: bold;
    font-family: arial;
}

.data p {
    font-size: 16px;
    color: #474747;
    margin-top: 14px;
}

.plus {
    width: 30px;
    height: 34px;
    margin: 23px 44px 0 54px;
    text-align: center;
    line-height: 34px;
}

.ls21 {
    letter-spacing: 21px;

}

/*  partner
 * ------------------------------------ */
.wf .title {
    width: 270px;
    height: 80px;
    position: relative;
    border-bottom: 1px solid #d5d5d5;
    margin: 0 auto;
    text-align: center;
    font-size: 36px;
    color: #474747;
}

.wf .title span {
    display: block;
    width: 30px;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: -2px;
    background: #2dacf1;
    height: 3px;
}

.partner {

    background: #f0f1f1 url("../img/bg6.jpg") no-repeat center bottom;
}

.partner .nav-item-ab {
    text-align: center;

}

.partner .nav-item-ab a {
    padding: 0 10px;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #666;
}

.partner .nav-item a:hover, .partner .nav-item-ab a:hover {
    color: #2dacf1;
}

.partner .nav-item a.active, .partner .nav-item-ab a.active {
    color: #2dacf1;
    border-bottom: 3px solid #2dacf1;
}

.partners {
    position: relative;
    left: 50%;
    margin-left: -129px;
    width: 258px;
    height: 42px;
    margin-top: 30px;
}

.partners li {
    float: left;
    font-size: 16px;
    color: #333;
    height: 42px;
    line-height: 42px;
    border-right: 1px solid #fff;
    padding: 0 40px;
    cursor: pointer;
    background: #fff;
}

.partners li:hover, .partners li.active {
    color: #fff;
    background: #2dacf1;
    border-right: 1px solid #fff;
}

.part-wrap {
    margin-top: 60px;
    position: relative;
    width: 1000px;
    height: 450px;
    overflow: hidden;
}

.partners li.no-br {
    border-right: none;
}

.radius-r {
    border-radius: 0 40px 40px 0px;
}

.radius-l {
    border-radius: 40px 0 0 40px;
}

.app-glance, .cus-glance, .poster-glance, .media-glance {
    position: absolute;
    height: 350px;
    width: 2000px;
    left: 0;
}

.app-glance li, .cus-glance li, .poster-glance li, .media-glance li {
    float: left;
    text-align: center;
}

.app-glance li img, .cus-glance li img, .poster-glance li img, .media-glance li img {
    vertical-align: middle;
}

.cus-glance li, .poster-glance li, .media-glance li, .app-glance li {
    position: relative;
    width: 200px;
    height: 175px;
    line-height: 125px;
}

.cus-glance li.shadow, .poster-glance li.shadow, .media-glance li.shadow, .app-glance li.shadow {
    background: #E6E6E6;
}

.cus-glance li img, .media-glance li img {
    width: 170px;
    height: 155px;

}

.app-glance li img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -75px;
    margin-top: -30px;
}

.partner .partner-s {
    width: 1000px;
    float: left;
}

/*页脚*/
.fcon {
    position: relative;
    width: 1200px;
    margin: 0px auto;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    min-width: 1200px;
    background: #354051;
    padding: 10px 0;
}

/*  list导航
 * ------------------------------------ */
.nav-list {
    position: absolute;
    width: 20px;
    top: 50%;
    margin-top: -75px;
    right: 1%;
    z-index: 200;
    opacity: .8;
}

.nav-list li {
    position: relative;
    height: 18px;
    width: 18px;
    margin: 20px 5px;
    border-radius: 100%;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s;
    cursor: pointer;
}

.nav-list li a {
    display: inline-block;
    height: 10px;
    width: 10px;
    margin-left: 4px;
    margin-bottom: 1px;
    overflow: hidden;
    background: #cacaca;
    border-radius: 100%;
}

.nav-list li.current, .nav-list li:hover {
    background: #CACACA;
}

.nav-list li.current a {
    background: #2dacf1;
}

/*----------------------------------------------------------------------------*
 * 细节补充
 *----------------------------------------------------------------------------*/
.dot {
    cursor: pointer;
    position: relative;
    width: 100px;
    margin: 0 auto;
    top: 370px;
    z-index: 99;

}

.dot li {
    cursor: pointer;
    float: left;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    transition: all ease .4s;
}

.dot li a {
    display: block;
    margin-left: 10px;
    width: 10px;
    height: 10px;
    line-height: 10px;
    border-radius: 100%;
    background: #ddd;
}

.dot li.active a {
    background: #FF7E00;
}

.joinus .item {
    padding-bottom: 30px;
}

.joinus .item h1 {
    height: 36px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    padding-left: 20px;
    border-bottom: 1px solid #F2F2F2;
}

.joinus .desc h1 {
    height: 26px;
    font-size: 15px;
    font-weight: bold;
    color: #333;
    padding-left: 0px;
    border-bottom: 1px solid #F2F2F2;
    margin: 15px 0;
}

.joinus .desc h2 {
    height: 26px;
    font-size: 15px;
    font-weight: bold;
    color: #666;
    padding-left: 0px;
    margin: 20px 0 5px 0;
}

/* ------------------------------------------------------------------------- *
 *  全局 - 通用
 * ------------------------------------------------------------------------- */
.h18 {
    font-weight: bold;
    font-size: 18px;
    color: #ffe106;
}

.p14 {
    font-size: 14px;
    color: #ccc;
}

.h25 {
    font-size: 25px;
    font-weight: bold;
}

.h60 {
    font-size: 60px;
    color: #ffe106;
    font-weight: bold;
}

.h40 {
    font-size: 40px;
    font-weight: bold;
}

.h30 {
    font-size: 30px;
    font-weight: bold;
}

.black_p {
    line-height: 36px;
    background: #000;
    color: #fff;
}

.pr {
    position: relative;
}

/*  全局 - 遮罩层
 * ------------------------------------ */
.visible {
    visibility: visible;
}

.hidden {
    visibility: hidden;
}

.hid {
    overflow: hidden;
}

.shade {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

.table {
    display: table;
    table-layout: fixed;
}

.table-cell {
    position: relative;
    display: table-cell;
}

/*文字排版*/
.f12 {
    font-size: 12px;
}

.f14 {
    font-size: 14px;
}

.f16 {
    font-size: 16px;
}

.f18 {
    font-size: 18px;
}

.f20 {
    font-size: 20px;
}

.f24 {
    font-size: 24px;
}

.f25 {
    font-size: 25px;
    color: #1e2142
}

.f30 {
    font-size: 30px;
}

.f35 {
    font-size: 35px;
}

.f40 {
    font-size: 40px;
}

.f45 {
    font-size: 45px;
}

.cf {
    color: #fff;
}

.c0 {
    color: #000;
}

.c3 {
    color: #333;
}

.cb {
    color: #43b4f4;
}

.ca {
    color: #aaa;
}

.c6 {
    color: #666;
}

.c8 {
    color: #888;
}

.c9 {
    color: #999;
}

.c94 {
    color: #949494
}

.cc {
    color: #ccc;
}

.c01 {
    color: #010101;
}

.ffe000 {
    color: #ffe000
}

.dacf1 {
    color: #2dacf1
}

.f7d604 {
    color: #f7d604
}

.ff7e00 {
    color: #FF7E00;
}

.lh150 {
    line-height: 150%;
}

.lh180 {
    line-height: 180%;
}

.lh200 {
    line-height: 200%;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fb {
    font-weight: bold;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px;
}

.mt50 {
    margin-top: 50px;
}

.mt100 {
    margin-top: 100px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb50 {
    margin-bottom: 50px;
}

.mb100 {
    margin-bottom: 100px;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.ml30 {
    margin-left: 30px;
}

.ml50 {
    margin-left: 50px;
}

.ml100 {
    margin-left: 100px;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px;
}

.mr30 {
    margin-right: 30px;
}

.mr50 {
    margin-right: 50px;
}

.mr100 {
    margin-right: 100px;
}

.p10 {
    padding: 10px;
}

.p15 {
    padding: 15px;
}

.p20 {
    padding: 20px;
}

.p30 {
    padding: 30px;
}

.p50 {
    padding: 50px;
}

.pt5 {
    padding-top: 5px;
}

.pt10 {
    padding-top: 10px;
}

.pt15 {
    padding-top: 15px;
}

.pt20 {
    padding-top: 20px;
}

.pt30 {
    padding-top: 30px;
}

.pt50 {
    padding-top: 50px;
}

.pt100 {
    padding-top: 100px;
}

.pb5 {
    padding-bottom: 5px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb15 {
    padding-bottom: 15px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb30 {
    padding-bottom: 30px;
}

.pb50 {
    padding-bottom: 50px;
}

.pb100 {
    padding-bottom: 100px;
}

.pl2 {
    padding-left: 2px;
}

.pl5 {
    padding-left: 5px;
}

.pl10 {
    padding-left: 10px;
}

.pl15 {
    padding-left: 15px;
}

.pl20 {
    padding-left: 20px;
}

.pl30 {
    padding-left: 30px;
}

.pl50 {
    padding-left: 50px;
}

.pl100 {
    padding-left: 100px;
}

.pr2 {
    padding-right: 2px;
}

.pr5 {
    padding-right: 5px;
}

.pr10 {
    padding-right: 10px;
}

.pr15 {
    padding-right: 15px;
}

.pr20 {
    padding-right: 20px;
}

.pr30 {
    padding-right: 30px;
}

.pr50 {
    padding-right: 50px;
}

.pr100 {
    padding-right: 100px;
}

.tl {
    text-align: left;
}

.tc {
    text-align: center;
}

.tr {
    text-align: right;
}

.bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.bg-inner {
    position: absolute;
    left: 50%;
    height: 100%;
}

.intro-img {
    position: absolute;
}

/*  全局 - 清除浮动
 * ------------------------------------ */
.fl {
    float: left;
}

.fr {
    float: right;
}

.clear:after {
    clear: both;
    display: table;
    content: "";
    zoom: 1;
}

/* ------------------------------------------------------------------------- *
 *  animation
 * ------------------------------------------------------------------------- */

/*  首页
 *------------------------------------ */
.intro > :nth-child(1), .ad .ad-words :nth-child(1) {
    -webkit-animation: fadeinT 1s .2s ease both;
    -moz-animation: fadeinT 1s .2s ease both;
    -ms-animation: fadeinT 1s .2s ease both;
    animation: fadeinT 1s .2s ease both;
}

.intro > :nth-child(2), .ad .ad-words :nth-child(2) {
    -webkit-animation: fadeinL 1s 1s ease both;
    -moz-animation: fadeinL 1s 1s ease both;
    -ms-animation: fadeinL 1s 1s ease both;
    animation: fadeinL 1s 1s ease both;
}

.index .intro > :nth-child(4), .ad .ad-words :nth-child(4) {
    -webkit-animation: bounceinL 1s 1.8s ease both;
    -moz-animation: bounceinL 1s 1.8s ease both;
    -ms-animation: bounceinL 1s 1.8s ease both;
    animation: bounceinL 1s 1.8s ease both;
}

.index .intro > :nth-child(6), .ad .ad-words :nth-child(6) {
    -webkit-animation: bounceinL 1s 2.6s ease both;
    -moz-animation: bounceinL 1s 2.6s ease both;
    -ms-animation: bounceinL 1s 2.6s ease both;
    animation: bounceinL 1s 2.6s ease both;
}

.intro-img img {
    -webkit-animation: bounceinR 1s 1.8s ease both;
    -moz-animation: bounceinR 1s 1.8s ease both;
    -ms-animation: bounceinR 1s 1.8s ease both;
    animation: bounceinR 1s 1.8s ease both;
}

.dsp-inner-01 img {
    -webkit-animation: bounceinL 1s 1.2s ease both;
    -moz-animation: bounceinL 1s 1.2s ease both;
    -ms-animation: bounceinL 1s 1.2s ease both;
    animation: bounceinL 1s 1.2s ease both;
}

.dsp-inner-02 img {
    -webkit-animation: bounceinR 1s 1.2s ease both;
    -moz-animation: bounceinR 1s 1.2s ease both;
    -ms-animation: bounceinR 1s 1.2s ease both;
    animation: bounceinR 1s 1.2s ease both;
}

.slider .page {
    -webkit-animation: fadeinB 1s .2s ease both;
    -moz-animation: fadeinB 1s .2s ease both;
    -ms-animation: fadeinB 1s .2s ease both;
    animation: fadeinB 1s .2s ease both;
}

/* 开发者 */
.developer .ad-words :nth-child(1) {
    -webkit-animation: rotateinRT 1s 2s ease both;
    -moz-animation: rotateinRT 1s 2s ease both;
    -ms-animation: rotateinRT 1s 2s ease both;
    animation: rotateinRT 1s 2s ease both;
}

.developer .ad-words :nth-child(2) {
    -webkit-animation: fadeinR 1s 2.4s ease both;
    -moz-animation: fadeinR 1s 2.4s ease both;
    -ms-animation: fadeinR 1s 2.4s ease both;
    animation: fadeinR 1s 2.4s ease both;
}

.developer .ad-words :nth-child(4) {
    -webkit-animation: fadeinR 1s 3.2s ease both;
    -moz-animation: fadeinR 1s 3.2s ease both;
    -ms-animation: fadeinR 1s 3.2s ease both;
    animation: fadeinR 1s 3.2s ease both;
}

.developer .ad-words :nth-child(6) {
    -webkit-animation: bounceinR 1s 4s ease both;
    -moz-animation: bounceinR 1s 4s ease both;
    -ms-animation: bounceinR 1s 4s ease both;
    animation: bounceinR 1s 4s ease both;
}

/* 广告资源 */
.ad-res .wrap > :nth-child(1) {
    -webkit-animation: zoomInUp 1s ease both;
    -moz-animation: zoomInUp 1s ease both;
    -ms-animation: zoomInUp 1s ease both;
    animation: zoomInUp 1s ease both;
}

.ad-res .wrap > :nth-child(2) {
    -webkit-animation: fadeinB 1s .4s ease both;
    -moz-animation: fadeinB 1s .4s ease both;
    -ms-animation: fadeinB 1s .4s ease both;
    animation: fadeinB 1s .4s ease both;
}

.ad-res .wrap > :nth-child(3) {
    -webkit-animation: fadeinB 1s .8s ease both;
    -moz-animation: fadeinB 1s .8s ease both;
    -ms-animation: fadeinB 1s .8s ease both;
    animation: fadeinB 1s .8s ease both;
}

/* 1 */
.ad-res .data div:nth-child(1) > :nth-child(1) {
    -webkit-animation: fadeinB 1s 1.2s ease both;
    -moz-animation: fadeinB 1s 1.2s ease both;
    -ms-animation: fadeinB 1s 1.2s ease both;
    animation: fadeinB 1s 1.2s ease both;
}

.ad-res .data div:nth-child(1) > :nth-child(2) {
    -webkit-animation: fadeinB 1s 1.4s ease both;
    -moz-animation: fadeinB 1s 1.4s ease both;
    -ms-animation: fadeinB 1s 1.4s ease both;
    animation: fadeinB 1s 1.4s ease both;
}

.ad-res .data div:nth-child(1) > :nth-child(3) {
    -webkit-animation: fadeinB 1s 1.6s ease both;
    -moz-animation: fadeinB 1s 1.6s ease both;
    -ms-animation: fadeinB 1s 1.6s ease both;
    animation: fadeinB 1s 1.6s ease both;
}

/* 2 */
.ad-res .data div:nth-child(2) {
    -webkit-animation: rotateIn 1s 1.6s ease both;
    -moz-animation: rotateIn 1s 1.6s ease both;
    -ms-animation: rotateIn 1s 1.6s ease both;
    animation: rotateIn 1s 1.6s ease both;
}

/* 3 */
.ad-res .data div:nth-child(3) > :nth-child(1) {
    -webkit-animation: fadeinB 1s 1.8s ease both;
    -moz-animation: fadeinB 1s 1.8s ease both;
    -ms-animation: fadeinB 1s 1.8s ease both;
    animation: fadeinB 1s 1.8s ease both;
}

.ad-res .data div:nth-child(3) > :nth-child(2) {
    -webkit-animation: fadeinB 1s 2s ease both;
    -moz-animation: fadeinB 1s 2s ease both;
    -ms-animation: fadeinB 1s 2s ease both;
    animation: fadeinB 1s 2s ease both;
}

.ad-res .data div:nth-child(3) > :nth-child(3) {
    -webkit-animation: fadeinB 1s 2.2s ease both;
    -moz-animation: fadeinB 1s 2.2s ease both;
    -ms-animation: fadeinB 1s 2.2s ease both;
    animation: fadeinB 1s 2.2s ease both;
}

/* 4 */
.ad-res .data div:nth-child(4) {
    -webkit-animation: rotateIn 1s 2.2s ease both;
    -moz-animation: rotateIn 1s 2.2s ease both;
    -ms-animation: rotateIn 1s 2.2s ease both;
    animation: rotateIn 1s 2.2s ease both;
}

/* 5 */
.ad-res .data div:nth-child(5) > :nth-child(1) {
    -webkit-animation: fadeinB 1s 2.4s ease both;
    -moz-animation: fadeinB 1s 2.4s ease both;
    -ms-animation: fadeinB 1s 2.4s ease both;
    animation: fadeinB 1s 2.4s ease both;
}

.ad-res .data div:nth-child(5) > :nth-child(2) {
    -webkit-animation: fadeinB 1s 2.6s ease both;
    -moz-animation: fadeinB 1s 2.6s ease both;
    -ms-animation: fadeinB 1s 2.6s ease both;
    animation: fadeinB 1s 2.6s ease both;
}

.ad-res .data div:nth-child(5) > :nth-child(3) {
    -webkit-animation: fadeinB 1s 2.8s ease both;
    -moz-animation: fadeinB 1s 2.8s ease both;
    -ms-animation: fadeinB 1s 2.8s ease both;
    animation: fadeinB 1s 2.8s ease both;
}

/* 6 */
.ad-res .data div:nth-child(6) {
    -webkit-animation: rotateIn 1s 2.8s ease both;
    -moz-animation: rotateIn 1s 2.8s ease both;
    -ms-animation: rotateIn 1s 2.8s ease both;
    animation: rotateIn 1s 2.8s ease both;
}

/* 7 */
.ad-res .data div:nth-child(7) > :nth-child(1) {
    -webkit-animation: fadeinB 1s 3s ease both;
    -moz-animation: fadeinB 1s 3s ease both;
    -ms-animation: fadeinB 1s 3s ease both;
    animation: fadeinB 1s 3s ease both;
}

.ad-res .data div:nth-child(7) > :nth-child(2) {
    -webkit-animation: fadeinB 1s 3.2s ease both;
    -moz-animation: fadeinB 1s 3.2s ease both;
    -ms-animation: fadeinB 1s 3.2s ease both;
    animation: fadeinB 1s 3.2s ease both;
}

/* 合作伙伴  */
.partner .wrap > :nth-child(1) {
    -webkit-animation: fadein 1s ease both;
    -moz-animation: fadein 1s ease both;
    -ms-animation: fadein 1s ease both;
    animation: fadein 1s ease both;
}

.partner .wrap > :nth-child(2) {
    -webkit-animation: fadein 1s .4s ease both;
    -moz-animation: fadein 1s .4s ease both;
    -ms-animation: fadein 1s .4s ease both;
    animation: fadein 1s .4s ease both;
}

/*.partner .wrap > :nth-child(3){
	-webkit-animation: fadeinB 1s .8s ease both;
	-moz-animation: fadeinB 1s .8s ease both;
	-ms-animation: fadeinB 1s .8s ease both;
	animation: fadeinB 1s .8s ease both;
}*/

.ser .wrap h2 {
    -webkit-animation: fadeinB 1s .6s ease both;
    -moz-animation: fadeinB 1s .6s ease both;
    -ms-animation: fadeinB 1s .6s ease both;
    animation: fadeinB 1s .6s ease both;
}

.ser .wrap p {
    -webkit-animation: fadeinB 1s .8s ease both;
    -moz-animation: fadeinB 1s .8s ease both;
    -ms-animation: fadeinB 1s .8s ease both;
    animation: fadeinB 1s .8s ease both;
}


/* Float Shadow */
.hvr-float-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.hvr-float-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    /* W3C */
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}

.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    /* move the element up by 5px */
}

.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}





.ser-con h1 {
    font-size: 25px;
}

.ser-con ul {
    margin-top: 30px;
}

.ser-con ul li {
    width: 150px;
    height: 52px;
    display: block;
    float: left;
    margin-right: 48px;
    margin-bottom: 20px;
}

.ser-con ul li a {
    background: #2dacf1;
    width: 150px;
    height: 52px;
    line-height: 52px;
    display: block;
    border-radius: 50px;
    text-indent: 5%;
    color: #FFF
}

.ser-con ul li img {
    float: left
}

.wrap .title {
    width: 1000px;
    margin: 0 auto;
    color: #474747
}

.ser .wrap .ser-con {
    -webkit-animation: fadeinB 1s .6s ease both;
    -moz-animation: fadeinB 1s .6s ease both;
    -ms-animation: fadeinB 1s .6s ease both;
    animation: fadeinB 1s .6s ease both;
}
.ser .wrap .ser-con p{
    font-size: 22px;
}
.ser .wrap .ser-con2 {
    -webkit-animation: fadeinB 1s .8s ease both;
    -moz-animation: fadeinB 1s .8s ease both;
    -ms-animation: fadeinB 1s .8s ease both;
    animation: fadeinB 1s .8s ease both;
}
.ser .wrap .ser-con2 p{
    font-size: 18px;
    margin: 5px 0;
    line-height: 2;
}
.ser .wrap .ser-con2 span{
    font-size: 16px;
    margin-bottom: 3px;
    line-height: 1.5;
}
/*.ser-inner {*/
/*background:url("p2-inner.png")/!*tpa=http://www.pingao.com/images/p2-inner.png*!/no-repeat center bottom;*/
/*}*/

.j-footerNav {
    float: left;
    width: 100%;
    margin-top: 10px;
    height: 90px;
    margin-bottom: 10px;
}

.j-footerNav-logo {
    float: left;
}

.j-footerNavSub {
    width: 633px;
    float: left;
    margin: 7px 50px 0 50px;
    border-bottom: 1px dashed rgba(204, 236, 253, 0.7);
    padding: 5px 0 15px 0;
}

.j-footerNavSub .j-footernavSubItem {
    float: left;
    width: 80px;
    border-right: 1px dotted #fff;
    height: 20px;
    line-height: 20px;
    text-align: left;
    margin-right: 20px;
}

.j-footerNavSub .j-footernavSubItem a {
    float: left;
    width: 100%;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}

.j-footer {
    text-align: center;
    color: #fff;
    float: left;
    width: 100%;
}

.j-wrap {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.j-footerCopyRight {
    line-height: 64px;
    font-size: 14px;
    color: #fff;
    float: left;
    line-height: 20px;
    margin: 8px 0 0 50px;
    text-align: left;
}

.warp {
    position: absolute;
    left: 0;
    top: 19%;
    width: 100%;
    text-align: center;
    z-index: 2;
}

.warp h1 {
    font-size: 50px;
    line-height: 2.5;
    color: #fff;
    font-weight: 400;
}

.warp h5 {
    font-size: 19px;
    line-height: 2;
    text-align: center;
    color: #fff;
    font-weight: 400;
}