<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
<script>LA.init({id:"3GBtyxu6SjySzjWA",ck:"3GBtyxu6SjySzjWA"})</script>

<script type="text/javascript" src="/ye.js"></script>
  <script>@media screen and (max-width:1201px) {
    header.on .right-box .tel, header:hover .right-box .tel{
        display:none;
    }
    header.black .right-box .tel{
        display:none;
    }

    header .right-box .media-nav>ul>li{
        position: relative;
    }
    header .right-box .media-nav>ul>li>a {
        color: #131415;
        padding: 0 20px;
        height: 48px;
        line-height: 48px;
        font-size: 16px;
        font-weight: 500;
        width: 100%;
    }
    header .right-box nav>ul>li .drop-down{width:100%;}
    header .right-box .media-nav>ul>li {
        padding: 0;
        border-bottom: none;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    header {
        padding: 0;
        height: 64px;
    }

    header>.flex {
        height: 100%;
    }

    .rightMenuBtn {
        top: 50% !important;
        transform: translate(0, -50%);
    }
    header .right-box .media-nav{
        top: 64px;
    }

    body.home.not header .right-box .media-nav, body.home header.on .right-box .media-nav {
        top: 64px;
    }

    .top-streamer {
        height: 58px;
    }

    body.home header .right-box .media-nav {
        /*top: 122px;*/
        top:64px;
    }

    /*header .right-box .media-nav ul li.on dl {
        display: block !important;
    }*/

    header .right-box .media-nav ul li dl {
        display: none !important;
        width: 100%;
    }
    header .right-box .media-nav ul li:nth-of-type(3) dl{
        display: block !important;
    }
    header .right-box .media-nav ul li:nth-of-type(4) dl{
        display: block !important;
    }
    header .right-box .media-nav ul li:nth-of-type(5) dl{
        display: block !important;
    }
    header .right-box .media-nav ul li dl {
        margin-top: 0;
        padding: 0;
    }

    header .right-box .media-nav ul li dl .item {
        margin-bottom: 0;
        height: auto;
        line-height: 48px;
    }

    header .right-box .media-nav ul li dl .name {
        position: relative;
        margin-bottom: 0;
        font-size: 16px;
        height: 48px;
        line-height: 48px;
        padding-left: 40px;
    }

    header .right-box .media-nav ul li dl .name a {
        color: #131415;
    }
    header .right-box .media-nav ul li dl .name:before{
        display: none
    }
    header .right-box .media-nav ul li dl .item .name:before {
        display: block;
        content: '';
        position: absolute;
        right: 20px;
        top: 20px;
        width: 8px;
        height: 8px;
        border-top: 1px solid #aaa;
        border-right: 1px solid #aaa;
        transform: rotate(45deg) !important;
        -webkit-transform: rotate(45deg) !important;
        -moz-transform: rotate(45deg) !important;
        -ms-transform: rotate(45deg) !important;
        -o-transform: rotate(45deg) !important;
}

    header .right-box .media-nav>ul>li:before {
        display: block;
        content: '';
        position: absolute;
        right: 20px;
        top: 20px;
        width: 8px;
        height: 8px;
        border-top: 1px solid #b0b4bb;
        border-right: 1px solid #b0b4bb;
        transform: rotate(45deg) !important;
        -webkit-transform: rotate(45deg) !important;
        -moz-transform: rotate(45deg) !important;
        -ms-transform: rotate(45deg) !important;
        -o-transform: rotate(45deg) !important;
}

    header .right-box .media-nav ul li dl dd {
        margin-bottom: 0;
    }

    header .right-box .media-nav ul li dl dd a {
        color: #131415;
        height: .4rem;
        line-height: .4rem;
        font-size: 16px;
        padding-left: .2rem;
        display: flex;
    }

    header .right-box .media-nav>ul>li.on:before {
        transform: rotate(135deg) !important;
        border-color: #333 !important;
        -webkit-transform: rotate(135deg) !important;
        -moz-transform: rotate(135deg) !important;
        -ms-transform: rotate(135deg) !important;
        -o-transform: rotate(135deg) !important;
    }

    header .right-box .media-nav ul li dl .drop-down {
        display: none !important;
        background: #f4f7fa;
        padding-left: 40px;
        padding-right: 20px;
        padding-top: 12px;
        padding-bottom: 12px;
    }
    header .right-box .media-nav ul li dl .drop-down .items {
        margin-bottom: 0;
        line-height: 48px;
    }
    header .right-box .media-nav ul li dl .drop-down .items a {
        color: #131415;
        font-size: 16px;
        font-weight: 500;
        line-height: 48px;
        width: 100%;
        display: flex;
    }
    header .right-box .media-nav ul li dl .item.on .drop-down{
        display: block !important;
    }
    header .right-box .media-nav ul li dl .item.on .name:before{
        transform: rotate(135deg) !important;
    }
    header .right-box .media-nav>ul>li.on:before{
        transform: rotate(135deg) !important;
    }
}
.Consumer .table-flex .table-box .item:nth-of-type(1) .public-more{
    width: calc(100% - 0.4rem);
}
@media screen and (max-width:768px){
    .Mathematical .table-flex .table-nav ul{
        margin-top: 0.15rem;
    }
    ul li .img img,
    .CRM .item-box .module1 .list ul li .img img,
    .Consumer .table-flex .table-box .img img ,
    .Mathematical .table-flex .table-box .item .img img,
    .GuestRoad .ma .list ul li .img img{
        object-position: bottom !important;
        object-fit: cover !important;
        max-height: 5.6rem !important;
    }
    .Consumer2 .table-flex .table-box .img img {
        max-height: 6.2rem;
    }
    .Consumer .table-flex .table-box .item .public-more{
        bottom: 0.2rem !important;
    }
    .Mathematical .table-flex .table-box .item .public-more{
        bottom: 0.2rem  !important;
    }
    .Private .flex .right-box .box{
        padding: .6rem .4rem 0.2rem 0.4rem !important;
    }
    .Consumer .table-flex .table-box.mobile ul li {
        padding: 0 0 0 0 !important;
        margin-bottom: 0.15rem !important;
    }
    .GuestMa .qa .list ul li{
        margin-bottom: 0.15rem;
    }
    .GuestMa .qa .list ul li:last-child,
    .Consumer .table-flex .table-box.mobile ul li{
        margin-bottom: 0;
    }
    ul li .btn{
        position: static !important;
    }
    .Platform .item-list .flex .table-nav ul {
        border-top: 0px;
        margin-top: 0.15rem;
        padding-top: 1px;
    }
    .NewsCenter .list ul li .box .title{
        height: 0.54rem;
    }
    .Market .bottom-box .list ul li .box .title{
        font-size:0.2rem;
    }

    .NewsCenter .banner-info .flex .left-box .public-more {
        margin-top: 0.15rem;
        position: static;
    }

    .Market .apply .from ul li dl dd{
        width:25%;
    }

    .AboutUs .contact .flex .right-box .text{
        font-size:0.22rem;
    }

    .CRM .bottom-box .box dl dd .value span{
        font-size:0.32rem;
    }

    .Club .module6:nth-child(1) .list ul li .img{
        margin-top: 0.7rem;
    }

    .Suspension{top:80%;}
    .co-name a{display:block; width:100%;}

    /*首页*/
    .Mathematical .table-flex .table-nav .name{font-size:0.26rem;}
    .Mathematical .table-flex .table-nav ul{margin-top:0.4rem;}
    .Private .flex .left-box .title{font-size:0.26rem;}
    .Private .flex .left-box .name{font-size:0.22rem;}
    .Private .flex .right-box .box .title{font-size:0.26rem;}
    .Case .main-title{font-size:0.26rem;}
    .News .flex .right-box dl dt{font-size:0.22rem;}
    .News .flex .right-box .list ul li .title{font-size:0.2rem; line-height:2;}
    .Index .Consumer .table-flex .table-box .item .main-title{display:none;}
    .Consumer .table-flex .table-box .item:nth-of-type(1) .list ul li:nth-of-type(2) .public-more a{background-color: #fff;
    color: #057ef3;}
    .Case .flex .left-box .table-nav ul li.on dl{display:none;}
    .Case .flex .left-box .table-nav ul li .name{line-height:1.5;}
    .Case .flex .left-box .table-nav ul li.on .name a{font-size:.18rem; color:#727272;}
    .Brand .swiper .swiper-slide .box{height:80%; padding-top:20%;}
    .Brand .swiper .swiper-slide .box .logo img{height:50%;}
    .Brand .swiper .swiper-slide .box .title{font-size:0.15rem;}


    /*客道集合*/
    .GuestRoad .application .main-text{font-size:0.22rem;}
    .GuestRoad .application .list2 ul li .title{font-size:0.26rem;}
    .GuestRoad .crm,.GuestRoad .interact,.GuestRoad .ma,.GuestRoad .application{padding:0.3rem 0;}
    .GuestRoad .crm .list ul li .box .name{line-height:1.5;}
    .GuestRoad .interact .box .title{line-height:1.5;}

    /*客道MA*/
    .GuestMa .application .main-text{font-size:0.22rem;}
    .GuestMa .application .main-title2{font-size:0.22rem;}
    .GuestMa .application .list2 ul li .title{font-size:0.26rem;}
    .GuestMa .application,.GuestMa .standard,.GuestMa .enhance,.GuestMa .supreme,.GuestMa .qa{padding:0.3rem 0;}
    .GuestMa .standard .list ul li:last-child .item .img{height:1.5rem;}
    .GuestMa .supreme .bottom-box .left-box .box .logo img{width:60px;}
    .GuestMa .enhance .bottom-box .left-box .box .logo img{width:60px;}
    .GuestMa .enhance .list ul li .box{width:2rem; text-align:justify;}

    /*ECRP*/
    .Ecrp .manage .main-text{font-size:0.22rem;}
    .Ecrp .manage .list2 ul li .box .title{font-size:0.26rem;}
    .Ecrp .product .list1 dl dd .flex .right-box .main-text{font-size:0.22rem; color:#757577;}
    .Ecrp .product .list1 dl dd{padding:0.3rem 0;}
    .Ecrp .product .list2 ul li .casket .main-text{color:#757577;}
    .column-banner .flex .right-box{width:100%;}

    /*CRM*/
    .CRM .application .main-text{font-size:0.22rem;}
    .CRM .application .list ul li .title{font-size:0.22rem;}
    .CRM .item-box .module1 .list ul li .box .title{font-size:0.22rem;}
    .CRM .item-box .module2 .list ul li .box .title{font-size:0.22rem;}
    .CRM .application,.CRM .item-box .item{padding:0.3rem 0;}
    .CRM .bottom-box .box .flex .right-box dl{display:flex; justify-content:center;}
    .CRM .bottom-box .box dl dd{margin:0 0.5rem; padding:0; border-bottom:0;}
    .CRM .bottom-box .box dl dd .name{font-size:0.2rem; text-align:center;}
    .CRM .bottom-box .box dl dd:last-child .value:after{display:none;}
    .CRM .bottom-box .box .flex .right-box{margin-top:0.3rem;}


    /*多谋SCRM*/
    .DuomouSCRM .bottom-box .img img{opacity:0.3;}
    .DuomouSCRM .item-list .flex .table-box ul li .public-more{position:static; margin-top:0.3rem;}
    .DuomouSCRM .bottom-box .flex .right-box dl{display:flex; justify-content:center;}
    .DuomouSCRM .bottom-box .box dl dd{margin:0 0.2rem; padding:0; border-bottom:0;}
    .DuomouSCRM .bottom-box .box dl dd .name{font-size:0.18rem;}

    /*互动平台*/
    .Platform .top-box .main-text{font-size:0.22rem;}
    .Platform .item-list .flex .table-box ul li .public-more{position:static; margin-top:0.3rem;}
    .DuomouSCRM .item-list .flex .table-box ul li .public-more a{background-color:#057ef3; color:#fff;}
    .Platform .bottom-box .img img{opacity:0.3;}
    .Platform .bottom-box .box .name{font-size:0.26rem;}

    /*解决方案*/
    .Solution .one-box .flex{padding-right:0.1rem;}
    .Solution .two-box .flex .box{width:40%;}
    .Solution .one-box .flex .name{font-size:.16rem; margin-top:.1rem; line-height:1.2;}
    .Solution .item-box .list1{padding-top:0; margin-top:0.3rem;}
    .Solution .item-box .list1 ul li .title{line-height:1.5; font-size:0.22rem;}
    .Solution .item-box .item{margin-top:0.6rem;}


    /*京淘数投*/
    .Jtdm .list ul li{margin-bottom:1rem;}

    /*运营与咨询*/
    .Guidance .list ul li{margin-bottom:1rem;}
    .Guidance .list ul li .left-box .title{font-size:0.26rem;}
    .Guidance .list ul li .left-box .name{font-size:0.26rem;}
    .Guidance .one-box .flex .left-box ul li .name{font-size:0.22rem;}
    .anim .column-banner .flex .left-box{width:100%;}

    /*QV*/
    .QuantView .module1 .list ul li{width:48%;}
    .QuantView .module1 .img{height:2rem; background-color:#E0E8F6;}
    .QuantView .module1 .img img{display:none;}
    .QuantView .top-box .main-text{display:none;}
    .QuantView .module2 .list ul li{margin-bottom:0.6rem;}
    .QuantView .module3 .flex .left-box .img img{width:15%;}
    .QuantView .module2 .list ul li .box .title{font-size:0.2rem; color:#757577;}

    /*了解pg*/
    .AboutUs .vision ul li:nth-of-type(2):after,.AboutUs .vision ul li:nth-of-type(4):after{display:none;}
    .AboutUs .course .table-box .item .swiper .text{line-height:1.3;}
    .AboutUs .contact .flex .left-box{padding-top:0.8rem;}
    .AboutUs .contact .flex .right-box{padding-top:0.5rem;}

    /*市场活动*/
    .Practice .list ul li .box .title{font-size:0.2rem;}
    .Practice .banner-info .swiper-pagination{bottom:0;}
    .Practice .list ul li .box .text{display:none;}
    .prew div{line-height:1.3;}
}
@media screen and (max-width:640px){
    ul li .img img,
    .CRM .item-box .module1 .list ul li .img img,
    .Consumer .table-flex .table-box .img img ,
    .Mathematical .table-flex .table-box .item .img img,
    .GuestRoad .ma .list ul li .img img{
        max-height: 4.6rem !important;
    }
    .Consumer2 .table-flex .table-box .img img {
        max-height: 5rem;
    }
}
@media screen and (max-width:480px){
    ul li .img img,
    .CRM .item-box .module1 .list ul li .img img,
    .Consumer .table-flex .table-box .img img,
    .Mathematical .table-flex .table-box .item .img img,
    .GuestRoad .ma .list ul li .img img {
        max-height: 4.3rem !important;
    }
    .Consumer2 .table-flex .table-box .img img {
        max-height: 4.7rem !important;
    }
}