@charset "utf-8";*,body {
    margin: 0;
    padding: 0
}

.nav-home,body {
    width: 100%;
    -webkit-font-smoothing: antialiased
}

.main-nav .content-menu ul>li font.about,.main-nav .content-menu ul>li font.guide {
    left: 36px
}

.nav-home,body {
    -webkit-font-smoothing: antialiased
}

A {
    blr: expression(this.onFocus=this.blur())
}

A:focus,button,input,select,textarea {
    outline: 0
}

textarea {
    font-size: 13px;
    resize: none
}

img {
    border: none
}

h1,h2,h3,h4,h5,h6 {
    display: block;
    font-weight: 400
}

li {
    list-style: none
}

.clearfix:after,.clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

a {
    text-decoration: none;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s
}

.left {
    float: left
}

.right {
    float: right
}

body {
    color: #5d626f;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
    font-size: 14px;
    -moz-osx-font-smoothing: grayscale
}

body.body-home,body.body-secPage,body.body-thirdPage {
    margin: 0;
    padding: 0;
    color: #5d626f;
    font-family: "Microsoft Yahei",Verdana,Geneva,sans-serif;
    font-size: 14px
}

.nav {
    background: #333969;
    display: block;
    border-bottom: 1px solid #2a2f4d;
    box-shadow: 0 1px 0 #3d4474;
    padding: 0;
    zoom:1;position: relative;
    height: 74px
}

.nav-home {
    height: 74px;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
    -webkit-transition-delay: .22s;
    transition-delay: .22s
}

body.body-home {
    background: url(../images/bg-body.jpg) top center no-repeat #121631
}

body.body-secPage {
    background: url(../images/bg-body-sec.jpg) top center no-repeat #121631
}

body.body-thirdPage {
    background: url(../images/bg-body-third.png)
}

.disable-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.main-nav span {
    display: block;
    float: left
}

.main-nav span.icon-MC {
    font-size: 40px;
    display: inline-block;
    margin: -3px 19px 0 -5px
}

.main-nav .content-menu ul>li:hover font.guide,.main-nav .content-menu ul>li:last-child {
    display: none
}

.main-nav span.icon-express {
    font-size: 36px
}

.main-nav span.icon-data {
    position: relative;
    top: -4px;
    font-size: 36px
}

.main-nav span.icon-solution {
    font-size: 38px
}

.main-nav span.icon-dataManage {
    font-size: 35px
}

.main-nav span.logo {
    width: 130px;
    padding-left: 20px;
    margin-top: 5px
}

.main-nav span a img {
    width: 100%;
    margin-top: 4px
}

.main-nav .content-menu {
    float: right;
    padding: 3px 0
}

.main-nav .content-menu ul {
    float: left;
    margin: 0;
    padding: 0;
    zoom:1}

.main-nav .content-menu ul>li {
    list-style: none;
    float: left;
    position: relative;
    z-index: 30;
    padding: 12px 0 21px
}

.main-nav .content-menu ul>li a {
    color: #dedfe3;
    padding: 6px 20px;
    text-decoration: none
}

.main-nav .content-menu ul>li font {
    position: absolute;
    left: 36px;
    top: 40px;
    display: none
}

.main-nav .content-menu ul>li font.dmp {
    left: 26px
}

.main-nav .content-menu ul>li.on-choose font {
    display: block
}

.main-nav .content-menu ul>li a:hover,.main-nav .content-menu ul>li.on-choose a {
    color: #fff
}

.main-nav .content-menu ul li ol {
    position: absolute;
    border-top: 1px solid #373b71;
    display: none;
    top: 55px;
    width: 340px;
    z-index: 1000
}

.main-nav .content-menu ul li.nav-documents ol {
    right: -120px;
    background: #333969;
    width: 340px;
    height: 39px;
    padding-left: 200px
}

.main-nav .content-menu ul li.nav-about ol {
    width: 458px;
    height: 40px;
    right: -300px;
    padding-left: 200px;
    background: #333969
}

.web_en .main-nav .content-menu ul li.nav-about ol {
    width: 458px;
    right: -285px
}

.company-introduce {
    width: 90%;
    margin: 20px auto 60px
}

.main-nav .content-menu ul li ol li {
    list-style: none;
    float: left;
    font-size: 12px;
    padding: 12px 0 11px
}

.main-nav .content-menu ul li ol li a {
    padding: 8px 12px;
    color: #788ac6
}

.main-nav .content-menu ul li strong {
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 6px solid #373b72;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    text-indent: -9999px;
    top: 43px;
    display: none
}

.about-us .content-menu ul li.nav-about font,.about-us .content-menu ul li.nav-about ol,.about-us .content-sec-nav span.about-us,.banner-about,.contactPage .content-menu ul li.nav-about font,.contactPage .content-sec-nav span.about-us,.contactPage .main-nav .content-menu ul li.nav-about ol,.container-navbar,.dmpPage .content-menu ul>li font.guide,.joinUsPage .content-menu ul li.nav-about font,.joinUsPage .content-sec-nav span.about-us,.joinUsPage .main-nav .content-menu ul li.nav-about ol,.main-nav,.partnersPage .content-menu ul li.nav-about font,.partnersPage .content-sec-nav span.about-us,.partnersPage .main-nav .content-menu ul li.nav-about ol,.product-DMK .content-menu ul>li font.guide {
    display: block
}

.main-nav .content-menu ul li.nav-gxt strong,.main-nav .content-menu ul li.nav-product strong {
    left: 48px
}

.main-nav .content-menu ul li.nav-about strong {
    left: 40px
}

.main-nav .content-menu ul li.nav-documents strong {
    left: 42px
}

.index .main-nav .content-menu ul li:hover ol li:hover {
    border-bottom: 2px solid #46a3ff
}

.index .main-nav .content-menu ul li:hover ol li:hover a {
    color: #46a3ff
}

.index .main-nav .content-menu ul li.nav-gxt ol {
    width: 584px;
    left: -50px;
    padding-left: 0
}

.index .main-nav .content-menu ul li.nav-product ol {
    width: 570px;
    left: -160px;
    padding-left: 15px
}

.index .main-nav .content-menu ul li.nav-about ol {
    width: 320px;
    right: -158px;
    padding-left: 0;
    background: 0 0
}

.index .main-nav .content-menu ul li.nav-documents ol {
    width: 340px;
    left: -162px;
    padding-left: 0;
    background: 0 0
}

.about-us .content-menu ul>li .submenu .s-aboutus,.contactPage .content-menu ul>li .submenu .s-concactus,.joinUsPage .content-menu ul>li .submenu .s-joinus,.partnersPage .content-menu ul>li .submenu .s-partners {
    border-bottom: 2px solid #46a3ff;
    color: #46a5ff
}

.about-us .content-menu ul>li .submenu .s-aboutus a,.about-us .content-menu ul>li .submenu .s-aboutus a:hover,.contactPage .content-menu ul>li .submenu .s-concactus a,.contactPage .content-menu ul>li .submenu .s-concactus a:hover,.joinUsPage .content-menu ul>li .submenu .s-joinus a,.joinUsPage .content-menu ul>li .submenu .s-joinus a:hover,.partnersPage .content-menu ul>li .submenu .s-partners a,.partnersPage .content-menu ul>li .submenu .s-partners a:hover {
    color: #46a5ff
}

.content-menu ul>li.blog {
    position: relative;
    top: 2px
}

.main-nav.nav721 {
    padding-top: 18px
}

.main-nav {
    max-width: 1200px;
    margin: 0 auto
}

.container-navbar {
    float: right
}

.main-nav .content-menu .language {
    float: left;
    padding-top: 10px
}

.main-nav .content-menu .language a {
    font-size: 10px;
    display: block;
    float: left;
    text-decoration: none;
    margin: 0 5px 0 25px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    border-radius: 50%
}

.main-nav .content-menu .language a.chinese {
    color: #3085d5;
    border: 1px solid #3085d5
}

.main-nav .content-menu .language a.english {
    color: #fff;
    border: 1px solid #fff
}

.main-nav .content-menu .user-message {
    float: left;
    color: #fff;
    background: #3085d5;
    padding: 10px;
    margin: 3px 20px 0 12px;
    width: 116px;
    position: relative
}

.web_en .main-nav .content-menu .user-message {
    width: 152px
}

.username-box {
    position: relative
}

.backto-center {
    position: absolute;
    left: 0;
    top: 28px;
    background: #fff;
    padding: 4px 8px;
    border-radius: 2px;
    font-size: 12px;
    color: #333;
    opacity: 0;
    z-index: 10000
}

.backto-center:hover {
    display: none
}

.backto-center em {
    position: absolute;
    top: -5px;
    left: 15px;
    width: 0;
    height: 0;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    text-indent: -9999px
}

.guide-title {
    display: block;
    float: left;
    color: #788ac6
}

.main-nav .content-menu .user-message .username-box:hover .backto-center {
    animation: backTo 1s ease 0 forwards;
    -webkit-animation: backTo 1s ease 0 forwards;
    -o-animation: backTo 1s ease 0 forwards;
    -moz-animation: backTo 1s ease 0 forwards;
    -ms-animation: backTo 1s ease 0 forwards
}

@-webkit-keyframes backTo {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes backTo {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-ms-keyframes backTo {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.main-nav .content-menu .user-message a {
    color: #fff;
    text-decoration: none;
    padding: 0 10px
}

.main-nav .content-menu .user-message a:hover,.main-nav .content-menu .user-message font:hover {
    color: #98cdff
}

.main-nav .content-menu .user-message a.login {
    margin-left: 10px
}

.main-nav .content-menu .user-message font {
    float: left;
    position: relative;
    font-size: 12px;
    padding: 1px 0 2px;
    width: 96px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: background-color .5s ease 0s,color .5s ease 0s,width .5s ease 0s,border-width .5s ease 0s,border-color .5s ease 0s;
    -webkit-transition: background-color .5s ease 0s,color .5s ease 0s,width .5s ease 0s,border-width .5s ease 0s,border-color .5s ease 0s;
    -moz-transition: background-color .5s ease 0s,color .5s ease 0s,width .5s ease 0s,border-width .5s ease 0s,border-color .5s ease 0s;
    -ms-transition: background-color .5s ease 0s,color .5s ease 0s,width .5s ease 0s,border-width .5s ease 0s,border-color .5s ease 0s;
    -o-transition: background-color .5s ease 0s,color .5s ease 0s,width .5s ease 0s,border-width .5s ease 0s,border-color .5s ease 0s
}

.main-nav .content-menu .user-message a.log-out {
    float: right;
    font-size: 12px;
    padding: 0;
    width: 14px;
    height: 15px;
    margin-top: 2px;
    text-indent: -99999px;
    background: url(../images/icon-logout.png) no-repeat
}

.main-nav .content-menu .user-message a.log-out:hover {
    background-position: left -15px
}

.change-website:hover .title-onChoose,.change-website:hover ul {
    background: rgba(70,75,144,.7)
}

.main-nav .content-menu .user-message font a {
    padding: 0 10px 0 0
}

.change-website {
    float: left;
    font-size: 12px;
    position: relative;
    margin: 14px 0 0 10px;
    padding-bottom: 4px
}

.title-onChoose {
    color: #788ac6;
    cursor: pointer;
    padding: 5px 35px 4px 10px;
    border-radius: 2px
}

.change-website a {
    color: #788ac6;
    text-decoration: none;
    display: block
}

.change-website a:hover {
    color: #b0c0f3
}

.change-website ul {
    display: none;
    position: absolute;
    top: 26px;
    left: 0;
    padding: 2px 0 2px 10px;
    width: 71px;
    border-radius: 2px;
    z-index: 10000
}

.change-website ul li {
    list-style: none;
    line-height: 22px
}

.change-website em {
    text-indent: -9999px;
    display: block;
    width: 0;
    height: 0;
    border-top: 5px solid #555bb1;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    right: 8px;
    top: 11px
}

.content-sec-nav,.sec-nav {
    display: block;
    height: 40px
}

.change-website:hover ul {
    display: block
}

.sec-nav {
    background: #333969;
    margin: 1px auto 0;
    position: relative;
    z-index: 20;
    width: 100%;
    border-bottom: 1px solid #2b2e5a
}

.TDsec-nav,.bg-nav {
    background: rgba(21,31,64,.98)
}

.content-sec-nav {
    width: 1100px;
    margin: 0 auto;
    overflow: hidden;
    line-height: 38px
}

.content-sec-nav a {
    margin: 0 1px;
    padding: 0 12px;
    float: left;
    font-size: 12px;
    color: #788ac6;
    text-decoration: none
}

.content-sec-nav a.on-choose,.content-sec-nav a:hover {
    border-bottom: 2px solid #46a5ff;
    color: #46a5ff
}

.content-sec-nav span {
    display: none
}

.content-sec-nav span.mobile {
    padding-left: 180px
}

.content-sec-nav span.produce {
    padding-right: 280px;
    float: right
}

.web_en .content-sec-nav span.produce {
    padding-right: 380px
}

.content-sec-nav span.about-us {
    padding-right: 335px;
    float: right
}

.content-sec-nav a.not-open-url,.content-sec-nav a.not-open-url:hover,.contents-secNav a.not-open-url,.contents-secNav a.not-open-url:hover {
    color: #727996;
    cursor: default;
    border-bottom: none
}

.contents-secNav a.not-open-url .font12 {
    font-size: 12px;
    margin-left: 5px
}

.TDsec-nav {
    position: absolute;
    z-index: 99999999;
    left: 0;
    top: 75px;
    width: 100%
}

.web_en .TDsec-nav {
    top: 76px
}

.bg-nav {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.font-new {
    margin-left: 2px;
    color: #ffd200
}

.TD-QRcode,.TD-QRcode a,.TDsec-nav dl a,.secNav-box {
    color: #aab1cc
}

.contents-secNav {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 0;
    position: relative;
    display: block
}

.triangle {
    display: none;
    width: 0;
    height: 0;
    border-bottom: 12px solid #151f40;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    position: absolute;
    right: 490px;
    top: -12px
}

.secNav-box {
    display: block;
    padding: 0 60px 0 300px
}

.TD-QRcode {
    display: block;
    float: left;
    width: 230px;
    text-align: center;
    margin-left: -300px
}

.TD-QRcode font {
    font-size: 12px;
    display: block;
    width: 100%;
    text-align: center;
    clear: both;
    float: left
}

.TD-QRcode b {
    width: 113px;
    float: left;
    margin: 20px auto 20px 48px;
    background: #fff;
    border: 1px solid #137cff;
    padding: 8px;
    display: block;
    zoom:1;overflow: hidden
}

.TD-QRcode b img {
    float: left
}

.TD-QRcode a {
    text-align: center;
    display: block
}

.TD-QRcode a span {
    display: inline-block!important;
    float: inherit;
    position: relative;
    top: 4px;
    font-size: 20px;
    width: 24px;
    margin: 0 0 0 5px
}

.TD-QRcode a i {
    font-style: normal;
    display: inline-block;
    padding-top: 20px
}

.TDsec-nav dl {
    display: block;
    float: left
}

.TDsec-nav dl dt {
    display: block;
    border-bottom: 1px dashed #aab1cc;
    padding-bottom: 17px;
    position: relative;
    margin-bottom: 12px;
    height: 17px
}

.TDsec-nav dl dd,.TDsec-nav dl dt {
    padding-left: 26px
}

.TDsec-nav dl dt i {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: block;
    left: 0;
    top: 30px;
    border: 0;
    background: #aab1cc
}

.TDsec-nav dl dt i.last {
    right: 0;
    left: auto
}

.TDsec-nav dl dd {
    line-height: 30px;
    padding: 12px 0 12px 26px
}

.TDsec-nav dl dd a:hover {
    color: #fff
}

.col-3 {
    width: 33.33%
}

.user-message a.close {
    display: none
}

.main-nav .content-menu ul>li:first-child {
    margin-right: 14px
}

.main-nav .content-menu ul li a i {
    position: absolute;
    right: -4px;
    top: 10px;
    width: 14px;
    height: 14px;
    display: block;
    margin-left: 5px;
    border-radius: 50%;
    border: 2px solid #136fe3
}

.main-nav .content-menu ul li a i b {
    width: 0;
    height: 0;
    margin: 5px auto 0;
    display: block;
    border-top: 4px solid #90c31f;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent
}

button.navbar-toggle {
    border: none;
    display: none;
    float: right;
    background: 0 0;
    cursor: pointer;
    margin-right: 20px
}

.navbar-toggle b.icon-bar {
    display: block;
    clear: both;
    width: 30px;
    background: #fff;
    height: 4px;
    margin: 3px auto
}

@media only screen and (min-width: 737px) {
    .content-menu {
        display:block!important
    }
}

.language.phone {
    float: right;
    padding-top: 8px;
    margin-right: 10px;
    display: none
}

.language.phone a {
    font-size: 10px;
    display: block;
    float: left;
    text-decoration: none;
    margin: 0 5px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    border-radius: 50%
}

.language.phone a,.web_en .language.phone a {
    color: #3085d5;
    border: 1px solid #3085d5
}

body.solutionPage {
    background: #fff
}

.TDUPage .sec-nav a.nav-TDU,.product-BG .sec-nav a.brand-growth,.product-MC .sec-nav a.marketing-cloud,.product-analytics .sec-nav a.statistic-analysis,.product-game .sec-nav a.game-analysis,.product-tracking .sec-nav a.market-analysis,.servicePage .sec-nav a.nav-solution,.solutionPage .sec-nav a.enterprise-solution,.solutionPage .sec-nav a.nav-proService {
    border-bottom: 2px solid #46a5ff;
    color: #46a5ff
}

.product-BG .content-menu li.nav-product a,.product-MC .content-menu li.nav-product a,.product-analytics .content-menu li.nav-product a,.product-game .content-menu li.nav-product a,.product-tracking .content-menu li.nav-product a,.solutionPage .content-menu li.nav-product a {
    color: #fff
}

.dmpPage .sec-nav a.nav-dmp,.nav .content-menu li:hover ol li:hover,.product-DMK .sec-nav a.nav-dmk {
    color: #46a5ff;
    border-bottom: 2px solid #46a5ff
}

#product-solution .content-menu ul li.nav-product font,.product-BG .content-menu ul li.nav-product font,.product-BG .content-sec-nav span.produce,.product-MC .content-menu ul li.nav-product font,.product-MC .content-sec-nav span.produce,.product-analytics .content-menu ul li.nav-product font,.product-analytics .content-sec-nav span.produce,.product-game .content-menu ul li.nav-product font,.product-game .content-sec-nav span.produce,.product-tracking .content-menu ul li.nav-product font,.product-tracking .content-sec-nav span.produce,.solutionPage .content-sec-nav span.produce {
    display: block
}

.product-BG .main-nav .content-menu ul>li font.guide,.product-MC .main-nav .content-menu ul>li font.guide,.product-analytics .main-nav .content-menu ul>li font.guide,.product-game .main-nav .content-menu ul>li font.guide,.product-tracking .main-nav .content-menu ul>li font.guide {
    display: block!important
}

.product-DMK .content-sec-nav span.dmp {
    display: block;
    float: right;
    margin-right: 432px
}

.product-DMK.web_en .content-sec-nav span.dmp {
    margin-right: 504px
}

.nav .content-menu li.nav-about:hover ol {
    width: 458px;
    right: -300px;
    padding-left: 200px
}

.nav .content-menu li.nav-product:hover ol {
    width: 611px;
    left: -156px;
    padding-left: 10px
}

.nav .content-menu li.nav-dmp:hover ol {
    width: 371px;
    left: -300px;
    padding-left: 308px
}

.nav .content-menu li.nav-gxt:hover ol,.nav .content-menu li.nav-index:hover ol {
    width: 631px;
    left: -60px
}

.nav .content-menu li.nav-blog:hover ol {
    width: 371px;
    left: -516px;
    padding-left: 524px
}

.nav .content-menu li.nav-about:hover font,.nav .content-menu li.nav-blog:hover font,.nav .content-menu li.nav-dmp:hover font,.nav .content-menu li.nav-documents:hover font,.nav .content-menu li.nav-gxt:hover font,.nav .content-menu li.nav-product:hover font {
    display: block;
    z-index: 101;
    width: 60px;
    left: 22px
}

.nav .content-menu li.nav-dmp:hover font {
    left: 26px
}

.nav .content-menu li.nav-about:hover font img,.nav .content-menu li.nav-documents:hover font img {
    margin-left: 14px
}

.nav .content-menu li.nav-gxt:hover font img,.nav .content-menu li.nav-product:hover font img {
    margin-left: 24px
}

#DMP .content-menu ul:hover li.nav-dmp font,#about-us .content-menu ul:hover li.nav-about font.about,#joinUs .content-menu ul:hover li.nav-about font.about,#partners .content-menu ul:hover li.nav-about font.about,#product-solution .content-menu ul:hover li.nav-product font,.contactPage .content-menu ul:hover li.nav-about font.about,.content-menu ul:hover li font.guide,.product-BG .content-menu ul:hover li.nav-product font,.product-MC .content-menu ul:hover li.nav-product font,.product-analytics .content-menu ul:hover li.nav-product font,.product-game .content-menu ul:hover li.nav-product font,.product-tracking .content-menu ul:hover li.nav-product font {
    display: none;
    z-index: 101
}

.product-BG .content-menu ul:hover li.ope-secNav font.guide,.product-MC .content-menu ul:hover li.ope-secNav font.guide,.product-analytics .content-menu ul:hover li.ope-secNav font.guide,.product-game .content-menu ul:hover li.ope-secNav font.guide,.product-tracking .content-menu ul:hover li.ope-secNav font.guide {
    display: none!important
}

#DMP .content-menu ul:hover li.nav-dmp:hover font,#about-us .content-menu ul:hover li.nav-about:hover font,#joinUs .content-menu ul:hover li.nav-about:hover font,#partners .content-menu ul:hover li.nav-about:hover font,#product-solution .content-menu ul:hover li.nav-product:hover font,.contactPage .content-menu ul:hover li.nav-about:hover font,.product-BG .content-menu ul:hover li.nav-product:hover font,.product-MC .content-menu ul:hover li.nav-product:hover font,.product-analytics .content-menu ul:hover li.nav-product:hover font,.product-game .content-menu ul:hover li.nav-product:hover font,.product-tracking .content-menu ul:hover li.nav-product:hover font {
    display: block;
    z-index: 101
}

.index .nav .content-menu ol {
    background: 0 0!important;
    top: 48px;
    border-bottom: none
}

.index .nav .content-menu li.nav-blog:hover ol,.index .nav .content-menu li.nav-dmp:hover ol,.index .nav .content-menu li.nav-index:hover ol {
    display: none
}

.index .nav .content-menu ol li {
    height: 14px
}

.kw-container #kw-block {
    z-index: 100000;
    height: 400px
}

@media only screen and (min-width: 1024px) and (max-width:1280px) {
    .content-sec-nav a {
        padding:0 12px
    }

    .web_en .main-nav .content-menu ul>li font {
        top: 41px
    }

    .nav .content-menu li:hover ol li a:hover {
        border-bottom: none
    }

    .content-sec-nav {
        width: 100%
    }

    .main-nav .content-menu ul li a i {
        top: 13px
    }

    .main-nav .content-menu ul li ol {
        top: 55px
    }

    .web_en .main-nav .content-menu ul li ol {
        top: 56px
    }

    .main-nav .content-menu ul li ol li {
        padding: 12px 0 9px
    }

    .web_en .main-nav .content-menu ul li ol li {
        padding: 12px 0 11px
    }

    .web_en .content-sec-nav span.produce {
        padding-right: 463px
    }
}

@media only screen and (min-width: 737px) and (max-width:1023px) {
    .content-sec-nav a {
        padding:0 12px
    }

    .TDsec-nav dl dd {
        padding: 12px 0 12px 18px
    }

    .web_en .TDsec-nav dl dd {
        height: 46px
    }

    .main-nav .content-menu ul li a {
        padding: 6px 16px!important
    }

    .web_en .main-nav .content-menu ul>li font {
        top: 41px
    }

    .main-nav .content-menu ul li a i {
        top: 13px
    }

    .web_en .main-nav .content-menu ul li a i {
        right: -12px;
        top: 13px
    }

    .main-nav .content-menu ul li ol,.web_en .main-nav .content-menu ul li ol {
        top: 56px
    }

    .main-nav .content-menu ul li ol li {
        padding: 12px 0 9px
    }

    .web_en .main-nav .content-menu ul li ol li {
        padding: 12px 0 11px
    }

    .nav .content-menu li:hover ol li a:hover {
        border-bottom: none
    }

    .secNav-box {
        padding: 0 25px 0 176px
    }

    .TD-QRcode {
        width: 180px;
        margin-left: -180px
    }

    .TD-QRcode b {
        margin: 20px 0 20px 24px
    }

    .company-introduce,.content-sec-nav,.contents-event {
        width: 100%
    }

    .web_en .main-nav .content-menu .user-message {
        width: 141px;
        padding: 10px 0;
        margin: 3px 12px 0
    }

    .web_en .main-nav .content-menu .user-message a.login {
        margin-left: 0
    }

    .web_en .main-nav .content-menu ul li a {
        padding: 6px 9px!important
    }

    .web_en .main-nav .content-menu .language a {
        margin: 0 5px 0 18px
    }

    .web_en .content-sec-nav span.produce {
        padding-right: 304px
    }
}

@media only screen and (min-width: 415px) and (max-width:736px) {
    .content-menu,body:before {
        position:fixed;
        top: 0;
        left: 0
    }

    body {
        -webkit-text-size-adjust: none;
        background: #fff
    }

    body:before {
        content: ' ';
        z-index: -1;
        right: 0;
        bottom: 0;
        background: url(../images/home-bg.jpg) top center no-repeat;
        background-size: cover
    }

    body#DMP:before,body#joinUs:before,body#partners:before,body#platform-logo:before,body#product-solution:before,body.clause:before,body.contactPage:before,body.product-MC:before,body.product-analytics:before,body.product-game:before,body.product-tracking:before {
        background-image: none!important
    }

    button.navbar-toggle {
        display: block;
        margin-top: 6px
    }

    .content-menu {
        display: none;
        z-index: 9999999999;
        width: 100%;
        height: 100%;
        overflow: scroll;
        background: #414045;
        color: #fff
    }

    .content-menu ul {
        float: none;
        display: block;
        width: 94%;
        padding: 12px 3%!important;
        zoom:1;margin-top: 60px!important
    }

    .content-menu li {
        display: block;
        width: 100%;
        border-top: 1px solid #828189;
        padding: 20px 0
    }

    .main-nav .content-menu ul li {
        padding: 12px 0 16px
    }

    .main-nav .content-menu ul>li a {
        color: #fff;
        padding: 0
    }

    .main-nav .content-menu ul>li>a {
        font-size: 18px
    }

    .main-nav .content-menu ul>li:first-child>a {
        padding-left: 30px
    }

    .main-nav .content-menu ul li a i {
        left: 0;
        top: 15px;
        right: auto;
        border: 2px solid #fff
    }

    .main-nav .content-menu ul li a i b {
        border-top: 4px solid #fff
    }

    .main-nav.nav721 {
        padding-bottom: 20px
    }

    .main-nav .content-menu ul li:hover ol li:hover {
        border-bottom: none!important
    }

    .nav .content-menu li:hover ol li a:hover {
        border-bottom: none
    }

    #product-analytics .main-nav .content-menu ul>li font.guide,#product-game .main-nav .content-menu ul>li font.guide,#product-market .main-nav .content-menu ul>li font.guide,.nav .content-menu li font {
        display: none!important
    }

    .nav .content-menu li:hover ol {
        height: auto;
        right: inherit!important;
        left: 0!important;
        padding-left: 0!important;
        display: none;
        background: inherit!important
    }

    .TDsec-nav,.TDsec-nav .secNav-open {
        display: block
    }

    .nav .content-menu li.nav-about:hover ol {
        background: #333969
    }

    .TDsec-nav {
        position: relative;
        left: 0;
        top: 0;
        background: #414045;
        color: #fff;
        z-index: 0
    }

    .web_en .TDsec-nav {
        top: 0
    }

    .TDsec-nav .TD-QRcode {
        display: none
    }

    .TDsec-nav dl a {
        color: #fff;
        display: block;
        text-align: center;
        font-size: 14px
    }

    .TDsec-nav dl dt {
        color: #fff;
        border-bottom: 1px dashed #fff;
        padding: 0 0 17px;
        text-align: center
    }

    .TDsec-nav dl dt i {
        background: #fff;
        left: 48%
    }

    .TDsec-nav dl dt i.last {
        display: none
    }

    .TDsec-nav dl dd {
        padding: 12px 0;
        line-height: 18px;
        height: 70px
    }

    .TDsec-nav dl dd span {
        display: block;
        clear: both;
        width: 100%;
        margin: 0!important;
        height: 40px
    }

    .contents-secNav {
        padding: 0
    }

    .main-nav .content-menu .language a,.triangle {
        display: none
    }

    .secNav-box {
        padding: 20px;
        clear: both
    }

    .main-nav .content-menu ul li strong {
        display: none!important
    }

    .main-nav .content-menu .user-message a.log-out {
        display: none
    }

    .main-nav .content-menu ul>li:last-child {
        display: block
    }

    .main-nav .content-menu ul li ol {
        position: relative;
        border: none!important;
        right: inherit!important;
        width: auto!important;
        padding-left: 0!important;
        margin: 10px 0 0 22px;
        top: auto!important;
        background: 0 0!important
    }

    .content-menu li>ol>li {
        border: none
    }

    .nav .content-menu ol li {
        height: auto;
        font-size: 15px!important;
        clear: both;
        width: auto
    }

    .main-nav .content-menu ul li.nav-documents ol {
        height: 110px;
        background: 0 0!important;
        left: 0!important
    }

    .main-nav .content-menu .user-message {
        clear: both;
        display: block;
        width: 100%;
        margin: 0;
        background: 0 0;
        position: absolute;
        left: 0;
        top: 0;
        padding: 20px 0;
        text-align: center
    }

    .main-nav .content-menu .user-message a.login,.main-nav .content-menu .user-message a.regist {
        display: block;
        float: left;
        border: 1px solid #fff;
        font-size: 18px;
        padding: 6px 0;
        border-radius: 4px;
        background: #fff;
        color: #414045;
        width: 36%
    }

    .main-nav .content-menu .user-message a.login {
        margin: 0 10px 0 3%;
        background: 0 0;
        color: #fff
    }

    .user-message a.close {
        display: block;
        float: right;
        font-size: 44px;
        margin: -13px 1% 0 0
    }

    .main-nav .content-menu .user-message font {
        margin-left: 20px;
        max-width: 230px;
        width: auto;
        font-size: 14px
    }

    .main-nav .content-menu ul li ol li a {
        color: #fff
    }

    .backto-center,.content-sec-nav,.sec-nav {
        display: none
    }

    .language.phone {
        display: block
    }

    .index .main-nav .content-menu ul li:hover ol,.index .main-nav .content-menu ul li:hover strong,.product-BG .main-nav .content-menu ul li:hover ol,.product-MC .main-nav .content-menu ul li:hover ol,.product-analytics .main-nav .content-menu ul li:hover ol,.product-game .main-nav .content-menu ul li:hover ol,.product-tracking .main-nav .content-menu ul li:hover ol,.solutionPage .main-nav .content-menu ul li:hover ol {
        display: none
    }

    .web_en .main-nav .content-menu .user-message {
        width: 100%
    }
}

@media only screen and (max-width: 414px) {
    body {
        -webkit-text-size-adjust:none;
        background: #fff
    }

    .main-nav span.logo {
        width: 140px
    }

    .main-nav span img {
        width: 100%
    }

    .main-nav.nav721 {
        padding-bottom: 20px
    }

    button.navbar-toggle {
        display: block;
        margin-top: 4px
    }

    .language.phone {
        display: block
    }

    .content-menu {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 9999999999;
        width: 100%;
        height: 100%;
        overflow: scroll;
        background: #414045;
        color: #fff
    }

    .content-menu ul {
        float: none;
        display: block;
        width: 94%;
        padding: 12px 3%!important;
        zoom:1;margin-top: 60px!important
    }

    .content-menu li {
        display: block;
        width: 100%;
        border-top: 1px solid #828189
    }

    .main-nav .content-menu ul li {
        padding: 12px 0 16px
    }

    .main-nav .content-menu ul>li a {
        color: #fff;
        padding: 0
    }

    .main-nav .content-menu ul>li>a {
        font-size: 18px
    }

    .main-nav .content-menu ul li a i {
        left: 0;
        top: 14px;
        right: auto;
        border: 2px solid #fff
    }

    .main-nav .content-menu ul li a i b {
        border-top: 4px solid #fff
    }

    .main-nav .content-menu ul li ol li a {
        color: #fff
    }

    .nav .content-menu li font,.product-BG .main-nav .content-menu ul>li font.guide,.product-MC .main-nav .content-menu ul>li font.guide,.product-analytics .main-nav .content-menu ul>li font.guide,.product-game .main-nav .content-menu ul>li font.guide,.product-tracking .main-nav .content-menu ul>li font.guide {
        display: none!important
    }

    .nav .content-menu li:hover ol {
        height: auto;
        right: inherit!important;
        padding: 0!important;
        display: none;
        background: 0 0!important
    }

    .TDsec-nav,.TDsec-nav .secNav-open {
        display: block
    }

    .nav .content-menu li.nav-about:hover ol {
        background: #333969;
        height: 152px
    }

    .TDsec-nav {
        position: relative;
        left: 0;
        top: 0;
        float: left;
        background: #414045;
        color: #fff;
        z-index: 0
    }

    .web_en .TDsec-nav {
        top: 0
    }

    .TDsec-nav .TD-QRcode {
        display: none
    }

    .TDsec-nav dl a {
        color: #fff;
        display: block;
        text-align: center;
        font-size: 14px
    }

    .TDsec-nav dl dt {
        color: #fff;
        border-bottom: 1px dashed #fff;
        padding: 0 0 17px;
        text-align: center
    }

    .TDsec-nav dl dt i {
        background: #fff;
        left: 48%
    }

    .TDsec-nav dl dt i.last {
        display: none
    }

    .TDsec-nav dl dd {
        padding: 12px 0;
        line-height: 18px;
        height: 70px
    }

    .TDsec-nav dl dd span {
        display: block;
        clear: both;
        width: 100%;
        margin: 0!important;
        height: 40px
    }

    .contents-secNav {
        padding: 0
    }

    .secNav-box {
        padding: 20px
    }

    .main-nav .content-menu ul li strong {
        display: none!important
    }

    .main-nav .content-menu .user-message a.log-out {
        display: none
    }

    .main-nav .content-menu ul>li:last-child {
        display: block
    }

    .main-nav .content-menu ul li ol {
        position: relative;
        border: none!important;
        right: inherit!important;
        left: inherit!important;
        width: auto!important;
        padding-left: 0!important;
        margin: 10px 0 0 22px;
        top: auto!important;
        background: 0 0!important
    }

    .nav .content-menu ol li {
        height: auto;
        font-size: 15px!important;
        clear: both;
        width: auto
    }

    .content-menu li>ol>li {
        border: none
    }

    .main-nav .content-menu ul li.nav-documents ol {
        height: 110px;
        background: 0 0!important
    }

    .main-nav .content-menu .user-message {
        clear: both;
        display: block;
        width: 100%;
        margin: 0;
        background: 0 0;
        position: absolute;
        left: 0;
        top: 0;
        padding: 20px 0;
        text-align: center
    }

    .main-nav .content-menu .user-message a.login,.main-nav .content-menu .user-message a.regist {
        display: block;
        float: left;
        border: 1px solid #fff;
        font-size: 18px;
        padding: 6px 0;
        border-radius: 4px;
        background: #fff;
        color: #414045;
        width: 36%
    }

    .main-nav .content-menu .user-message a.login {
        margin: 0 10px 0 3%;
        background: 0 0;
        color: #fff
    }

    .user-message a.close {
        display: block;
        float: right;
        font-size: 44px;
        margin: -13px 1% 0 0
    }

    .main-nav .content-menu ul li:hover ol li:hover {
        border-bottom: none!important
    }

    .nav .content-menu li:hover ol li a:hover {
        border-bottom: none
    }

    .main-nav .content-menu .user-message font {
        margin-left: 20px;
        max-width: 230px;
        width: auto;
        font-size: 14px
    }

    .backto-center,.sec-nav {
        display: none
    }

    .content-sec-nav {
        display: none!important
    }

    #product-solution .main-nav .content-menu ul li:hover ol,.content-menu .language,.index .main-nav .content-menu ul li:hover ol,.product-BG .main-nav .content-menu ul li:hover ol,.product-MC .main-nav .content-menu ul li:hover ol,.product-analytics .main-nav .content-menu ul li:hover ol,.product-game .main-nav .content-menu ul li:hover ol,.product-tracking .main-nav .content-menu ul li:hover ol {
        display: none
    }

    .index .nav .content-menu ol {
        top: inherit
    }

    .main-nav .content-menu ul>li:first-child>a {
        padding-left: 30px
    }

    .web_en .main-nav .content-menu .user-message {
        width: 100%
    }
}

.bottom {
    background: #22263e;
    width: 100%;
    border-top: 8px solid #282c4c;
    padding: 30px 0 100px
}

.content-bottom {
    display: block;
    width: 1259px;
    margin: 0 auto;
    zoom:1;overflow: hidden
}

.content-bottom ul {
    float: left;
    margin: 0;
    padding: 0;
    zoom:1}

.content-bottom ul li {
    list-style: none;
    display: block;
    clear: both;
    padding: 3px 0;
    color: #3085d5
}

.content-bottom ul li img {
    margin-bottom: 16px
}

.bottom-right ul li a,.content-bottom ul li a {
    color: #3085d5;
    text-decoration: none
}

.bottom-right ul li.phone-number span,.content-bottom ul li.phone-number span {
    margin-right: 10px;
    background: url(../images/icon-contact.png) no-repeat;
    width: 19px;
    height: 19px;
    float: left;
    text-indent: -9999px;
    position: relative;
    top: -1px
}

.bottom-right ul li.e-mail span,.content-bottom ul li.e-mail span {
    margin: 1px 10px 0 0;
    background: url(../images/icon-contact.png) -19px 0 no-repeat;
    width: 19px;
    height: 19px;
    float: left;
    text-indent: -9999px
}

.social {
    float: right;
    text-align: right
}

.social font,.social span {
    display: block;
    clear: both;
    color: #3c4683;
    font-size: 12px
}

.social span a {
    display: block;
    float: right;
    width: 44px;
    height: 44px;
    margin: 0 0 10px 14px;
    text-decoration: none;
    text-indent: 1000px;
    color: #fff
}

.social span a.facebook {
    background: url(../images/icon-social.png) left top no-repeat
}

.social span a.qq {
    background: url(../images/icon-social.png) -44px top no-repeat
}

.social span a.sina {
    background: url(../images/icon-social.png) -88px top no-repeat
}

.social span a.blog {
    background: url(../images/icon-social.png) -132px top no-repeat
}

.social font {
    padding-bottom: 6px
}

.main-bottom {
    background: #22263e;
    padding: 40px 0 60px;
    overflow: hidden;
    display: block;
    color: #41519f
}

.content-homeBottom {
    width: 80%;
    margin: 0 auto;
    min-width: 1003px
}

.web_en .content-homeBottom {
    width: 90%
}

.content-homeBottom .bottom-left {
    float: left;
    display: block
}

.bottom-left ul {
    float: left;
    margin: 0 0 20px;
    zoom:1;padding: 0 22px
}

.bottom-right,.bottom-right ul {
    margin-right: 20px;
    display: block
}

.bottom-left ul h4 {
    display: block;
    font-size: 12px;
    font-weight: 400;
    padding-bottom: 26px
}

.bottom-left ul li {
    list-style: none;
    display: block;
    clear: both;
    line-height: 30px;
    font-size: 12px
}

.bottom-left ul h4 a {
    color: #fff;
    text-decoration: none
}

.bottom-left ul li a {
    color: #5363ae;
    text-decoration: none
}

.bottom-left ul li a:hover {
    color: #fff
}

.bottom-left ul.no-leftBorder {
    border-left: 0
}

.bottom-left ul.no-rightBorder {
    border-right: 0
}

.bottom-right {
    float: right
}

.bottom-right ul {
    float: left;
    padding: 0;
    zoom:1}

.bottom-right ul li {
    float: right;
    clear: both;
    display: block;
    padding: 0 0 9px;
    color: #3085d5
}

.bottom-right ul li:first-child {
    width: 114px
}

.bottom-right ul li:first-child img {
    width: 100%
}

.web_en .bottom-right ul li:first-child a {
    width: 114px;
    display: block;
    margin: 0 auto
}

.bottom-right img {
    float: right
}

.bottom-right .social {
    clear: both;
    display: block;
    float: right;
    padding-top: 10px
}

.bottom-right .social span {
    padding-bottom: 20px;
    display: block;
    overflow: hidden
}

.copyright-bottom {
    clear: both;
    display: block;
    text-align: center;
    font-size: 12px;
    border-top: 1px solid #41519f;
    padding-top: 20px
}

.copyright-bottom font {
    clear: both;
    display: block
}

.copyright-bottom font a {
    color: #5363ae;
    text-decoration: none;
    cursor: pointer;
    margin: 6px 5px;
    display: inline-block
}

.copyright-bottom font a:hover {
    color: #fff
}

.xiao-neng-kf.QR-code-container {
    bottom: 45px;
    z-index: 101
}

.xiao-neng-kf.QR-code-container a {
    border-top: 0;
    border-radius: 0 0 4px 4px
}

.QR-code-contents {
    position: absolute;
    width: 90px;
    height: 114px;
    background: #fff;
    border-radius: 4px;
    right: 60px;
    top: -46px;
    padding: 8px;
    display: none;
    border: 1px solid rgba(0,0,0,.1)
}

.QR-code-contents:after,.QR-code-contents:before {
    content: '';
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    top: 60px;
    position: absolute
}

.QR-code-contents p,.QR-code-contents p img {
    width: 100%
}

.QR-code-contents label {
    width: 100%;
    text-align: center;
    color: #8a8a8a;
    font-size: 12px;
    display: block;
    line-height: 12px
}

.xiao-neng-kf.QR-code-container:hover .QR-code-contents {
    display: block
}

.QR-code-contents:before {
    border-left: 6px solid #fff;
    right: -6px;
    z-index: 20
}

.QR-code-contents:after {
    border-left: 7px solid rgba(0,0,0,.1);
    right: -7px
}

@media only screen and (max-width: 1280px) and (min-width:1024px) {
    .bottom-left ul {
        padding:0 22px
    }

    .web_en .content-homeBottom {
        min-width: inherit;
        width: 100%
    }

    .web_en .content-homeBottom .bottom-left {
        width: 100%;
        border-bottom: 1px solid #2c366b;
        margin-bottom: 20px;
        padding-bottom: 20px
    }

    .web_en .bottom-left ul {
        padding: 0;
        width: 14%
    }

    .web_en .bottom-box {
        width: 980px;
        margin: 0 auto
    }

    .web_en .bottom-right {
        text-align: center;
        float: none;
        clear: both
    }

    .web_en .bottom-right ul {
        float: none
    }

    .web_en .bottom-right ul li {
        float: none;
        display: inline-block;
        padding-bottom: 12px
    }

    .web_en .bottom-right ul li:first-child {
        display: block;
        width: 100%;
        zoom:1;overflow: hidden;
        text-align: center
    }

    .web_en .bottom-right ul li:first-child img {
        float: none
    }

    .web_en .bottom-right .QRcode {
        display: none
    }

    .web_en .bottom-right .social {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
        padding: 0
    }

    .web_en .social span a {
        float: none;
        display: inline-block;
        margin: 0 10px
    }
}

@media only screen and (max-width: 1023px) and (min-width:737px) {
    .content-homeBottom {
        min-width:inherit;
        width: auto
    }

    .bottom-left ul {
        padding: 0 15px
    }

    .web_en .content-homeBottom {
        min-width: inherit;
        width: 100%
    }

    .web_en .content-homeBottom .bottom-left {
        width: 100%;
        border-bottom: 1px solid #2c366b;
        margin-bottom: 20px;
        padding-bottom: 20px
    }

    .web_en .bottom-left ul {
        padding: 0;
        width: 14%
    }

    .web_en .bottom-box {
        width: 710px;
        margin: 0 auto
    }

    .web_en .bottom-right {
        text-align: center;
        float: none;
        clear: both
    }

    .web_en .bottom-right ul {
        float: none
    }

    .web_en .bottom-right ul li {
        float: none;
        display: inline-block;
        padding-bottom: 12px
    }

    .web_en .bottom-right ul li:first-child {
        display: block;
        width: 100%;
        zoom:1;overflow: hidden;
        text-align: center
    }

    .web_en .bottom-right ul li:first-child img {
        float: none
    }

    .web_en .bottom-right .QRcode {
        display: none
    }

    .web_en .bottom-right .social {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
        padding: 0
    }

    .web_en .social span a {
        float: none;
        display: inline-block;
        margin: 0 10px
    }
}

@media only screen and (max-width: 736px) and (min-width:415px) {
    .content-homeBottom {
        min-width:inherit;
        width: 100%
    }

    .content-homeBottom .bottom-left {
        width: 100%;
        border-bottom: 1px solid #2c366b;
        margin-bottom: 20px;
        padding-bottom: 20px
    }

    .bottom-left ul {
        padding: 0 14px
    }

    .bottom-box {
        width: 550px;
        margin: 0 auto
    }

    .web_en .bottom-box {
        width: 90%
    }

    .bottom-right {
        text-align: center;
        float: none;
        clear: both
    }

    .bottom-right ul {
        float: none
    }

    .bottom-right ul li {
        float: none;
        display: inline-block;
        padding-bottom: 12px
    }

    .bottom-right ul li:first-child {
        display: block;
        width: 100%;
        zoom:1;overflow: hidden;
        text-align: center
    }

    .bottom-right ul li:first-child a {
        width: 152px;
        display: block;
        margin: 0 auto
    }

    .bottom-right ul li:first-child img {
        float: none
    }

    .bottom-right .QRcode {
        display: none
    }

    .bottom-right .social {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
        padding: 0
    }

    .social span a {
        float: none;
        display: inline-block;
        margin: 0 10px
    }

    .web_en .content-homeBottom .bottom-left ul:first-child {
        display: none
    }

    .web_en .bottom-left ul {
        width: 33.33%;
        height: 160px;
        padding: 0
    }
}

@media only screen and (max-width: 414px) {
    .content-homeBottom,.homeBottom {
        width:auto!important;
        padding: 0!important;
        min-width: inherit
    }

    .content-homeBottom .bottom-left {
        width: 100%;
        border-bottom: 1px solid #2c366b;
        margin-bottom: 20px
    }

    .content-homeBottom .bottom-left ul {
        width: 32%!important;
        float: left;
        padding: 0!important;
        margin-bottom: 20px
    }

    .content-homeBottom .bottom-left ul:first-child {
        display: none
    }

    .content-homeBottom .bottom-left ul:nth-child(2),.content-homeBottom .bottom-left ul:nth-child(6) {
        margin-left: 10px;
        clear: both
    }

    .content-homeBottom .bottom-left ul:nth-child(6) {
        clear: both
    }

    .bottom-left ul h4 {
        padding-bottom: 15px!important
    }

    .bottom-left ul li {
        line-height: 22px!important
    }

    .bottom-right {
        text-align: center;
        float: none;
        clear: both;
        margin: 0
    }

    .bottom-right ul,.bottom-right ul li {
        float: none;
        display: inline-block;
        padding-bottom: 12px
    }

    .bottom-right ul li:first-child {
        display: block;
        width: 100%;
        zoom:1;overflow: hidden;
        text-align: center
    }

    .bottom-right ul li:first-child a {
        width: 152px;
        display: block;
        margin: 0 auto
    }

    .bottom-right ul li:first-child img {
        float: none
    }

    .bottom-right .QRcode {
        display: none
    }

    .bottom-right .social {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
        padding: 0!important
    }

    .social span a {
        float: none;
        display: inline-block!important;
        margin: 0 10px!important
    }

    .xiao-neng-kf.QR-code-container {
        bottom: 61px!important
    }

    .xiao-neng-kf {
        right: 18px!important
    }

    .xiao-neng-kf a {
        width: 28px!important;
        height: 28px!important;
        background: rgba(255,255,255,.7)!important
    }
}

@media only screen and (max-width: 880px) and (min-width:769px) {
    .bottom-left ul {
        padding:0 7px
    }

    .web_en .bottom-left ul {
        padding: 0
    }
}

@media only screen and (max-width: 768px) and (min-width:737px) {
    .bottom-left ul {
        padding:0 5px
    }

    .web_en .bottom-left ul {
        padding: 0
    }
}

@media only screen and (max-width: 530px) and (min-width:415px) {
    .bottom-left ul {
        padding:0 5px!important
    }

    .bottom-box {
        width: 420px
    }

    .web_en .bottom-left ul {
        padding: 0
    }

    .web_en .bottom-box {
        width: 90%
    }
}

@font-face {
    font-family: SourceHanSans;
    src: url("url('../font/SourceHanSans.eot");
    src: url(../font/SourceHanSans.eot?#iefix) format('embedded-opentype'),url(../font/SourceHanSans.woff) format('woff'),url(../font/SourceHanSans.ttf) format('truetype'),url(../font/SourceHanSans.svg#webfont) format('svg')
}

@font-face {
    font-family: SourceHanSans-Bold;
    src: url(../font/SourceHanSans-Bold.eot);
    src: url(../font/SourceHanSans-Bold.eot?#iefix) format('embedded-opentype'),url(../font/SourceHanSans-Bold.woff) format('woff'),url(../font/SourceHanSans-Bold.ttf) format('truetype'),url(../font/SourceHanSans-Bold.svg#webfont) format('svg')
}

@font-face {
    font-family: futura_mdcn_btmedium;
    src: url(../font/futura_medium_condensed_bt-webfont.eot);
    src: url(../font/futura_medium_condensed_bt-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/futura_medium_condensed_bt-webfont.woff) format('woff'),url(../font/futura_medium_condensed_bt-webfont.ttf) format('truetype'),url(../font/futura_medium_condensed_bt-webfont.svg#futura_mdcn_btmedium) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: futura_hv_btheavy;
    src: url(../font/futuhv__-webfont.eot);
    src: url(../font/futuhv__-webfont.eot?#iefix) format('embedded-opentype'),url(../font/futuhv__-webfont.woff) format('woff'),url(../font/futuhv__-webfont.ttf) format('truetype'),url(../font/futuhv__-webfont.svg#futura_hv_btheavy) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: kefa_presssregular;
    src: url(../font/kefa-webfont.eot);
    src: url(../font/kefa-webfont.eot?#iefix) format('embedded-opentype'),url(../font/kefa-webfont.woff) format('woff'),url(../font/kefa-webfont.ttf) format('truetype'),url(../font/kefa-webfont.svg#kefa_presssregular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: titilliumsemibold_upright;
    src: url(../..font/titillium-semiboldupright-webfont.eot);
    src: url(../font/titillium-semiboldupright-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/titillium-semiboldupright-webfont.woff) format('woff'),url(../font/titillium-semiboldupright-webfont.ttf) format('truetype'),url(../font/titillium-semiboldupright-webfont.svg#titilliumsemibold_upright) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: fontello;
    src: url(../font/fontello.eot?73845727);
    src: url(../font/fontello.eot?73845727#iefix) format('embedded-opentype'),url(../font/fontello.woff?73845727) format('woff'),url(../font/fontello.ttf?73845727) format('truetype'),url(../font/fontello.svg?73845727#fontello) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: HelveticaRegular;
    src: url(../font/Helvetica.eot);
    src: url('../font/Helvetica Regular') format('embedded-opentype'),url(../font/Helvetica.woff) format('woff'),url(../font/Helvetica.ttf) format('truetype'),url(../font/Helvetica.svg#Helvetica) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: icomoon;
    src: url(../font/icomoon.eot?9xezkv);
    src: url(../font/icomoon.eot?9xezkv#iefix) format('embedded-opentype'),url(../font/icomoon.ttf?9xezkv) format('truetype'),url(../font/icomoon.woff?9xezkv) format('woff'),url(../font/icomoon.svg?9xezkv#icomoon) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: icomoon;
    src: url(../font/font-svg/icomoon.eot?qqd6lh);
    src: url(../font/font-svg/icomoon.eot?qqd6lh#iefix) format('embedded-opentype'),url(../font/font-svg/icomoon.ttf?qqd6lh) format('truetype'),url(../font/font-svg/icomoon.woff?qqd6lh) format('woff'),url(../font/font-svg/icomoon.svg?qqd6lh#icomoon) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: icomoon;
    src: url(../font/font-TDU/icomoon.eot?u3dydu);
    src: url(../font/font-TDU/icomoon.eot?u3dydu#iefix) format('embedded-opentype'),url(../font/font-TDU/icomoon.ttf?u3dydu) format('truetype'),url(../font/font-TDU/icomoon.woff?u3dydu) format('woff'),url(../font/font-TDU/icomoon.svg?u3dydu#icomoon) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: icomoon;
    src: url(../font/font-dmk/icomoon.eot?kc1ich);
    src: url(../font/font-dmk/icomoon.eot?kc1ich#iefix) format('embedded-opentype'),url(../font/font-dmk/icomoon.ttf?kc1ich) format('truetype'),url(../font/font-dmk/icomoon.woff?kc1ich) format('woff'),url(../font/font-dmk/icomoon.svg?kc1ich#icomoon) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: icomoon;
    src: url(../font/font-become-partner/icomoon.eot?f5c4mx);
    src: url(../font/font-become-partner/icomoon.eot?f5c4mx#iefix) format('embedded-opentype'),url(../fonts/icomoon.ttf) format('truetype'),url(../font/font-become-partner/icomoon.woff?f5c4mx) format('woff'),url(../font/font-become-partner/icomoon.svg?f5c4mx#icomoon) format('svg');
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"],[class^=icon-] {
    font-family: icomoon!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 32px;
    margin-right: 14px;
    float: left;
    width: 46px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-analysis:before {
    content: "\e900"
}

.icon-arrows:before {
    content: "\e901"
}

.icon-class01:before {
    content: "\e902"
}

.icon-class02:before {
    content: "\e903"
}

.icon-class03:before {
    content: "\e904"
}

.icon-class04:before {
    content: "\e905"
}

.icon-class05:before {
    content: "\e906"
}

.icon-class06:before {
    content: "\e907"
}

.icon-class07:before {
    content: "\e908"
}

.icon-class08:before {
    content: "\e909"
}

.icon-class09:before {
    content: "\e90a"
}

.icon-class10:before {
    content: "\e90b"
}

.icon-collect:before {
    content: "\e90c"
}

.icon-contrast:before {
    content: "\e90d"
}

.icon-data:before {
    content: "\e90e"
}

.icon-dataManage:before {
    content: "\e90f"
}

.icon-express:before {
    content: "\e910"
}

.icon-funnel:before {
    content: "\e911"
}

.icon-game:before {
    content: "\e912"
}

.icon-hexagon:before {
    content: "\e913"
}

.icon-html5:before {
    content: "\e914"
}

.icon-industry:before {
    content: "\e915"
}

.icon-map:before {
    content: "\e916"
}

.icon-media:before {
    content: "\e917"
}

.icon-mobile:before {
    content: "\e918"
}

.icon-monitor:before {
    content: "\e919"
}

.icon-optimize:before {
    content: "\e91a"
}

.icon-pc:before {
    content: "\e91b"
}

.icon-PcAndMobile:before {
    content: "\e91c"
}

.icon-person:before {
    content: "\e91d"
}

.icon-phone:before {
    content: "\e91e"
}

.icon-platform:before {
    content: "\e91f"
}

.icon-point:before {
    content: "\e920"
}

.icon-report:before {
    content: "\e921"
}

.icon-risk:before {
    content: "\e922"
}

.icon-solution:before {
    content: "\e923"
}

.icon-TDuniversity:before {
    content: "\e924"
}

.icon-time:before {
    content: "\e925"
}

.icon-tracking:before {
    content: "\e926"
}

.icon-transition:before {
    content: "\e927"
}

.icon-user:before {
    content: "\e928"
}

.icon-brand:before {
    content: "\e121"
}

.icon-TDU-logo:before {
    content: "\e120"
}

.icon-correct:before {
    content: "\e203"
}

.icon-Email:before {
    content: "\e200"
}

.icon-MC:before {
    content: "\e204"
}

.icon-qq:before {
    content: "\e201"
}

.icon-TELphone:before {
    content: "\e202"
}

.icon-engineer:before {
    content: "\e432"
}

.icon-scientist:before {
    content: "\e430"
}

.icon-specialist:before {
    content: "\e433"
}

.icon-acme:before {
    content: "\e300"
}

.icon-amounts:before {
    content: "\e301"
}

.icon-TD-brand:before {
    content: "\e302"
}

.icon-transboundary:before {
    content: "\e303"
}

a.toTop {
    display: block;
    width: 44px;
    height: 44px;
    border-radius: 4px;
    background: url(../images/icon-toTop.png) no-repeat #fff;
    background-size: 100% auto;
    border: 1px solid rgba(0,0,0,.1);
    transition: initial;
    transition: background-color .5s ease 0s;
    -webkit-transition: background-color .5s ease 0s;
    -moz-transition: background-color .5s ease 0s;
    -ms-transition: background-color .5s ease 0s;
    -o-transition: background-color .5s ease 0s
}

a.toTop:hover {
    background: url(../images/icon-toTop.png) 0 -44px no-repeat #394184;
    background-size: 100% auto
}

.returnTop {
    z-index: 1000
}

.toInt {
    position: absolute;
    right: 98px;
    top: 41px;
    background: #333969;
    padding: 14px 20px 20px;
    color: #79b0ff;
    display: none
}

.toInt i {
    background: url(../images/icons-int.png) no-repeat;
    width: 22px;
    height: 22px;
    display: inline-block;
    position: relative;
    top: 6px;
    margin-right: 10px
}

.toInt h3 {
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: 400
}

.toInt a strong,.toInt p {
    font-size: 14px;
    display: block
}

.toInt h3 i {
    left: -7px;
    margin-right: 0
}

.toInt ul {
    margin: 0;
    padding: 12px 0;
    list-style: none
}

.toInt ul li {
    text-align: left;
    line-height: 30px
}

.toInt ul li:first-child i {
    background-position: left -42px
}

.toInt ul li:last-child i {
    background-position: left -84px
}

.toInt p {
    padding-bottom: 6px
}

.toInt p i {
    background-position: left -126px
}

.toInt a strong {
    color: #fff
}

.toInt a,.toInt a:hover strong {
    color: #79b0ff
}

.toInt a {
    display: block;
    margin: 0;
    padding: 0
}

.toInt a:hover {
    border-bottom: none
}

.product-tracking .toInt {
    display: block
}

.xiao-neng-kf {
    position: fixed;
    right: 40px;
    bottom: 90px;
    z-index: 99;
    cursor: pointer
}

.xiao-neng-kf a {
    width: 44px;
    height: 44px;
    border-radius: 4px 4px 0 0;
    display: block;
    background: #fff;
    border: 1px solid rgba(0,0,0,.1);
    overflow: hidden
}

.xiao-neng-kf a img {
    width: 100%
}

.xiao-neng-kf a label {
    display: none;
    width: 44px;
    height: 44px
}

.xiao-neng-kf:hover a>img {
    display: none
}

.xiao-neng-kf:hover a {
    background: #394184
}

.xiao-neng-kf:hover a label {
    display: block
}

.ntalk-window-containter input {
    -webkit-appearance: normal
}

@media only screen and (min-width: 415px) and (max-width:736px) {
    body:before {
        width:100%;
        content: ' ';
        position: fixed;
        z-index: -1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: url(../images/home-bg.jpg) top center no-repeat;
        background-size: cover
    }

    body.TDUPage:before,body.about-us:before,body.become-partner:before,body.contactPage:before,body.dmpPage:before,body.joinUsPage:before,body.partnersPage:before,body.platformLogoPage:before,body.product-DMK:before,body.product-analytics:before,body.product-game:before,body.product-market:before,body.servicePage:before,body.solutionPage:before,body.termsPage:before {
        background-image: none!important
    }
}

@media only screen and (max-width: 414px) {
    body:before {
        width:100%;
        content: ' ';
        position: fixed;
        z-index: -1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: url(../images/home-bg.jpg) top center no-repeat;
        background-size: cover
    }

    .xiao-neng-kf a label,a.toTop {
        width: 28px!important;
        height: 28px!important
    }

    body.TDUPage:before,body.about-us:before,body.become-partner:before,body.contactPage:before,body.dmpPage:before,body.joinUsPage:before,body.partnersPage:before,body.platformLogoPage:before,body.product-DMK:before,body.product-MC:before,body.product-analytics:before,body.product-game:before,body.product-tracking:before,body.servicePage:before,body.solutionPage:before,body.termsPage:before {
        background-image: none
    }

    .returnTop {
        right: 18px!important;
        bottom: 130px!important
    }

    a.toTop {
        background: url(../images/icon-toTop.png) no-repeat rgba(255,255,255,.7)!important;
        background-size: 100% auto!important
    }
}