@media (max-width: 1600px){
    .item-right {
        padding-top: 100px;
        padding-left: 50px;
    }
    .item-right h2 {
        font-size: 28px;
        line-height: 28px;
        margin-bottom: 0px;
    }
    .item-right h3 {
        font-size: 18px;
    }
    .item-right b {
        margin: 30px 0;
    }
    .carousel-indicators {
        bottom: 10px;
    }

    .serv-banner-in-img p {
        font-size: 20px;
        color: #fff;
        margin: 10px 0;
    }
    .serv-banner-in ul li a>img{
        height: 400px;
    }
}


@media (max-height: 768px){
    footer,section{
        position: relative;
    }
    .cases-banner h2 {
        font-size: 20px;
        font-weight: bold;
    }
    .cases-banner h3 {
        font-size: 14px;
    }
    .cases-banner {
        height: 310px;
        padding-top: 100px;
    }
    .case-bott-a {
        margin-top: 10px;
    }
    .case-view {
        margin-top: -150px;
    }
    .serv-past2-right p{
        font-size: 14px;
    }
    .serv-past2-right p br{
        display: none;
    }
    .case-bott-a a {
        width: 120px;
        margin-left: 10px;
        line-height: 40px;
    }
    .case-bott-right {
        margin-top: 20px;
    }
    .sticky nav .accordion-menu {
        padding: 15px;
    }
    .pors {
        position: relative;
        z-index: 9;
    }
    .news-contents-left-con p {
       margin: 0px;
    }
    .serv-banner-in ul li a>img{
        height: 300px;
    }
    .serv-banner-in ul li {
        padding-top: 90px;
    }
}
@media (max-height: 900px){
    .serv-banner-in ul li {
        padding-top: 100px;
    }
}
@media (max-width: 1440px){
    .about-map-right h2 {
        font-size: 50px;
        margin-top: 40px;
    }
    .about-map-right-p {
        margin: 40px 0;
    }
    .index-page2 h4,
    .serv-past2-title h2,
    .serv-past2-right h2{
        font-size: 34px;
    }
    .serv-past2-title {
        padding-top: 50px;
        margin-bottom: 30px;
    }
    .serv-past2-right {
        padding: 50px 0 0 20px;
    }
    .index-a {
        font-size: 16px;
    }
    .serv-past2-left img{
        max-width: 90%;
    }
    .index-p {
        font-size: 14px;
    }
    .carousel-caption h3{
        font-size: 24px !important;
    }
    .carousel-caption h2{
        font-size: 28px !important;
    }
    .about-banner {
        height: auto;
        padding: 0px 0;
    }
    .about-cul-left h2 {
        font-size: 32px;
    }
    .about-cul-left h3 {
        font-size: 22px;
    }
    .about-cul-left p {
        font-size: 16px;
    }
    .about-serv h2 {
        font-size: 28px;
        margin: 50px 0;
    }
    .about-serv {
        margin-bottom: 30px;
        margin-bottom: 0px;
    }
    .serv-title h2 {
        font-size: 28px;
    }
    .bx-wrapper .bx-controls-direction a {
        top: 260px;
    }
    .bx-wrapper .bx-prev {
        left: 57.5% !important;
    }
    .bx-wrapper .bx-next {
        left: 61% !important;
    }
    .serv-past2-right a {
        margin-top: 100px;
    }
    .serv-past2-right {
        padding: 15px 0 0 20px;
    }
}
@media (max-width: 1280px){
    .bx-wrapper .bx-controls-direction a {
        top: 230px;
    }
    body{
        overflow-x: hidden;
    }
    .serv-banner-in-img-info {
        bottom: 230px;
    }
}
@media (max-width: 1200px){
    .about-num ul li{
        margin-bottom: 70px;
    }

    .item-left,.item-right{
        float: none;
        width: 100%;
    }
    .item-right {
        padding:50px;
    }
    body{
        overflow-x: hidden;
    }
    .serv-past2{
        background-size: cover !important;
        padding-bottom: 20px;
    }
    .serv-past2-left,.serv-past2-right{
        width: 100%;
        text-align: center;
        float: none;
    }

}


@media (max-width: 1000px){

    .about-map-left{
        float: none;
        max-width: 100%;
    }
    .about-map-right{
        float: none;
        max-width: 100%;
    }
    .about-skill-left{
        float: none;
        width: 100%;
        max-width: 100%;
    }
    .about-skill-left img {
        width: 90%;
        max-width: 70%;
    }
    .about-skill-right{
        float: none;
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 767px){
    .item-left img{
        height: auto !important;
        width: 100%;
    }
    .serv-ys{
        background-size: cover !important;
    }
    .floatbar{
        width: 100%;
    }
    .about-map {
        padding:30px 10px;
    }
    .about-map-right h2 {
        font-size: 34px;

    }
    .about-map-right-p p, .about-map-right-log p {
        font-size: 12px;
        color: #cecece;
        line-height: 10px;
        text-align: right;
    }
    .bx-wrapper .bx-controls-direction{
        display: none !important;
    }
  .Vbtn-1  svg{
        display: none !important;
    }
    .full-in,.full-info{
        height: auto;
    }
    .news-list ul {
        margin-left: 0px;
        margin-right: 0px;
    }
    .new-banner,.contact-banner{
        height: auto;
        padding-top: 150px;
        padding-bottom: 80px;
        background-position: center right !important;
    }
    .details-content-bottom-page a{
        float: none !important;
        display: block !important;
        margin-left: 0px !important;
        width: 100% !important;
        margin-bottom: 15px;
    }
    .skrollable{
        position: static !important;
    }
    .contact-banner h2 {
        font-size: 28px;
        line-height: 36px;
    }
    .news-contents-left-title h2 {
        font-size: 20px;
        color: #000000;
        margin-top: 20px;
    }
    .news-contents-left-con {
        padding: 10px;
    }
    .news-list ul li {
        padding: 0 0px;
        margin-bottom: 20px;
    }
    .new-banner h2 {
        font-size: 26px;
    }
    .serv-banner-info{
        display: none;
    }
    .slicka .slick-on ,.serv-banner-in-img{
        padding-left: 0px;
    }
    .slick-slide img {
        display: inline-block;
    }
    .serv-banner-in-img{
        text-align: center !important;
        margin-top: 20px;
    }
    .serv-banner-in ul li a>img {
        height: 300px;
        margin-top: 0px;
    }
    .about-qa {
        height: auto;
        padding: 40px 0;
        background-size: cover !important;
    }
    .md-padding-seven-all {
        padding: 10px;
    }
    .bg-deep-pinks {
        padding: 30px 0;
    }
    a.Vbtn-1 {
        margin-top: 30px;
    }
    .serv-past4 {
        padding-bottom: 40px;
    }
    .serv-past3-list-a a {
        font-size: 16px;
        margin: 20px 0;
    }
    .serv-past3-list ul li p {
        font-size: 13px;
        margin: 0px;
    }
    .serv-past3-list:after {
        display: none;
    }
    /*.serv-past3-list ul li img{*/
        /*width: 60%;*/
    /*}*/
    .serv-past2-title h2,.serv-past2-right h2{
        font-size: 26px;
        margin-bottom: 10px;
    }
    .serv-past3-list ul li {
        width: 50%;
        margin-top: 10px;
        position: static !important;
        padding: 5px;
        box-shadow: none;
    }
    .serv-past3-list ul li img{
        display: none !important;
    }
    .serv-past2-right a {
        margin-top: 10px;
    }
    .serv-past3-list ul li .serv-past3-list-t{
        margin: 0px !important;
        padding: 15px 0 !important;
        box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
    }
    .serv-past2-title {
        padding-top: 20px;
        margin-bottom: 20px;
    }
    .serv-past2-right {
        padding: 20px;
    }
    .serv-past2-title p {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .xs-padding-15px-lr {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .position-relative p{
        font-size: 14px;
    }
    .jt {
        left: inherit;
        right: 0px;
    }
    .carousel-indicators{
        display: none !important;
    }
    .serv-case,
    .serv-other,
    .serv-us,
    .serv-more{
        padding: 25px 0;
    }
    .serv-title h2 {
        font-size: 22px;
        margin-bottom: 0px;
    }
    .serv-title b {
        margin: 10px 0;
    }
    .serv-title p {
        font-size: 14px;
        color: #808080;
        line-height: 26px;
        margin-bottom: 0px;
    }
    ul{
        padding: 0px;
        margin: 0px;
    }
    .serv-past3-list {
        margin-top: 0px;
    }
    .serv-other-list ul li {
        padding: 0px 13px;
        margin-top: 20px;
    }
    .serv-more-banner {
        margin: 20px auto 0;
    }
    .serv-more-banner .right,
    .serv-more-banner #carousel-example-generics>.left{
        width: 35px;
        height: 35px;
        background-size: cover !important;
    }
}
@media screen and (max-width: 640px){

    .header-searchbar a i{
        margin-right: 6px;
    }
    .phone-hide{
        display: none;
    }
    .carousel-caption h2{
        font-size: 20px !important;
        line-height: 32px !important;
    }
    .carousel-caption h3{
        font-size: 16px !important;
        line-height: 30px !important;
    }
    .carousel-caption {
        bottom: 28%;
    }
    .index-info .bg-deep-pink {
        background-color: #ff214f !important;
    }
    .index-page2 span {
        margin-top: 20px;
    }
    .index-page2 h4 {
        font-size: 26px;
    }
    .index-page2 a,.case-more a,.mores.btn.btn-dark-gray{
        width: 150px;
        height: 40px;
        font-size: 14px;
        line-height: 40px;
        margin-top: 20px;
    }
    .case-more {
        margin-top: 0px;
    }
    .about-banner {
        height: auto;
        padding: 0;
    }
    .about-banner h2 {
        font-size: 30px;
    }
    .about-banner p {
        font-size: 16px;
        margin: 20px auto 0;
    }
    .about-num ul li{
        float: none;
        margin-bottom: 70px;
    }
    .about-num ul li:last-child{
        margin-bottom: 0px;
    }
    .about-num ul,
    .about-serv ul{
        margin: 0px;
        padding: 0px;
    }
    .about-num {
        padding: 50px 0;
    }
    .about-cul-left {
        float: none;
        width: 100%;
        padding: 10% 0 0 10%;
        margin-bottom: 20px;
    }
    .about-cul-right {
        float: none;
        width: 100%;
    }
    .about-cul-left h2 {
        font-size: 36px;
    }
    .about-cul-left h3 {
        font-size: 20px;
    }
    .about-cul-left p {
        font-size: 16px;
    }
    .about-serv h2 {
        font-size: 28px;
        margin: 50px 0;
    }
    .about-serv {
        margin-bottom: 30px;
    }
    .about-qa h2{
        font-size: 28px;
    }
    .about-qa p{
        line-height: 28px;
    }
    .serv-banner-in-img,.serv-banner-in-img-info{
        position: static;
    }
    .serv-banner-in-img-info{
        padding-left: 0px;
        height: auto;
    }
    .serv-banner-in-img h2,.serv-banner-in-img h3{
        display: block;
    }
    .floatbar-btn {
        font-size: 12px;
        width: 33.33%;
        height: 60px;
        float: left;
        position: relative;
        background: none !important;
        background-color: #e60012 !important;
        background-color: rgba(53, 134, 255, .9)!important;;
    }
    .floatbar-btn + .floatbar-btn {
        border-left: 1px solid rgba(255,255,255,0.4);
        border-top: none;
    }
    .floatbar-btn.telephone:after{
        content: "";
        width: 100%;
        height: 25px;
        background: url(../images/floatbar-icon-1.png) no-repeat center center;
        position: absolute;
        left: 0px;
        top: 6px;
        background-size: contain !important;
    }
    .floatbar-btn.chating:after{
        content: "";
        width: 100%;
        height: 25px;
        background: url(../images/floatbar-icon-2.png) no-repeat center center;
        position: absolute;
        left: 0px;
        top: 6px;
        background-size: contain !important;
    }
    .floatbar-btn.top:after{
        content: "";
        width: 30px;
        height: 25px;
        background: url(../images/floatbar-icon-3.png) no-repeat center center;
        position: absolute;
        left: 50%;
        margin-left: -15px;
        top: 6px;
        background-size: contain !important;
    }
    .floatbar-btn span {
        bottom: -11px;
    }
    .modal-telephone{
        width: 92%;
        left: 4%;
        margin-left: 0px;
    }
    .modal-telephone-body .input-box {
        width: 60%;
    }
    .modal-telephone-body .btn-box{
        width: 40%;
    }
    .modal-telephone-body .input-box input,
    .modal-telephone-body .btn-box,
    .modal-telephone .online-btn,
    .modal-telephone-body .input-box{
        font-size: 16px;
        height: 40px;
        line-height: 40px;
    }
    .modal-telephone {
        top: 20%;
        margin-top: 0px;
    }
    .serv-past4-img img{
        transform: none !important;
    }
    .xs-padding-30px-tb {
        padding-bottom: 65px !important;
    }
}
/* 首页 */
@media (max-width: 1199px) {
    .about-num h2 {
        line-height: 22px;
    }
    .container {
        width: 100%;
    }
}
@media (min-width: 768px){
    .col-zdsm-10-1,.col-zdsm-10-2,.col-zdsm-10-3,.col-zdsm-10-4,.col-zdsm-10-5,.col-zdsm-10-6,.col-zdsm-10-7,.col-zdsm-10-8,.col-zdsm-10-9,.col-zdsm-10-10  {
        float: left;
        box-sizing: border-box;
    }
    .col-zdsm-10-1 {width: 10%;}
    .col-zdsm-10-2 {width: 20%;}
    .col-zdsm-10-3 {width: 30%;}
    .col-zdsm-10-4 {width: 40%;}
    .col-zdsm-10-5 {width: 50%;}
    .col-zdsm-10-6 {width: 60%;}
    .col-zdsm-10-7 {width: 70%;}
    .col-zdsm-10-8 {width: 80%;}
    .col-zdsm-10-9 {width: 90%;}
    .col-zdsm-10-10 {width: 100%;}

    .col-zdsm-12-7 {
        width: 14.2857%;
    }
}
@media (max-width: 768px){
    .col-zdxs-10-1,.col-zdxs-10-2,.col-zdxs-10-3,.col-zdxs-10-4,.col-zdxs-10-5,.col-zdxs-10-6,.col-zdxs-10-7,.col-zdxs-10-8,.col-zdxs-10-9,.col-zdxs-10-10  {
        float: left;
        box-sizing: border-box;
    }
    .col-zdxs-10-1 {width: 10%;}
    .col-zdxs-10-2 {width: 20%;}
    .col-zdxs-10-3 {width: 30%;}
    .col-zdxs-10-4 {width: 40%;}
    .col-zdxs-10-5 {width: 50%;}
    .col-zdxs-10-6 {width: 60%;}
    .col-zdxs-10-7 {width: 70%;}
    .col-zdxs-10-8 {width: 80%;}
    .col-zdxs-10-9 {width: 90%;}
    .col-zdxs-10-10 {width: 100%;}

    .col-zdxs-12-7 {
        width: 14.2857%;
    }
}
@media (max-width: 960px) {

    .about-serv ul li {
        width: 100%;
        margin-bottom: 40px;
    }
    .about-industry .industry-right h3 {
        line-height: 30px;
        font-size: 16px;
    }
    .about-industry .industry-right p {
        line-height: 18px;
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .full-in .pub-banner .banner-title {
        width: 100%;
    }
    .full-in .pub-banner .banner-title img {
        width: 55%;
    }
    .full-in .pub-banner .banner-title p {
        width: 100%;
    }
    .slogan {
        height: auto;
        padding: 10px;
        line-height: 30px;
        font-size: 18px;
    }
    .about-serv ul li,
    .about-team ul li,
    .about-heart ul li {
        margin-bottom: 40px;
    }
    ul li.zhuanzhe {
        margin-left: 16.6666666%;
    }
    .about-serv .container {
        width: 100%;
    }
    .about-industry ul li .padding-15px-left,
    .about-industry ul li .padding-15px-right {
        padding-left: 0px;
        padding-right: 0px;
    }
    .about-industry ul li h3 {
        
    }
    .about-industry .industry-right h3 {
        padding: 12px 0;
    }
    .about-industry .industry-right p {
        line-height: 24px;
    }
    .footer-upper .contact-us .xs-show {
        text-align: center;
    }
    .footer-upper .contact-us .xs-show img {
        width: 30px; height: 30px;
    }
    .footer-upper .contact-us .xs-show span {
        font-size: 16px;
    }
}
@media (max-width: 658px){
    .pub-ful-in .pub-banner {
        position: relative;
    }
    .full-in .pub-banner .banner-title p {
        letter-spacing: 0px;
        margin: 0px auto;
        margin-top: 10px;
        width: 100%;
        font-size: 14px;
    }
}
@media screen and (max-width: 658px){
    .about-num {
        margin-bottom: 20px;
        padding-bottom: 0px;
    }
    .about-num h2 {
        line-height: 18px;
        font-size: 14px;
    }
    .about-num .container .clearfix {
        height: 80px;
    }
    .about-num .container .clearfix li {
        float: left;
        margin-bottom: 0px;
        margin-top: 12px;
    }
    .about-num ul li p{
        font-size: 12px;
        margin-top: 0;
    }
}
/* 整体调整建议的修改代码 */

/* 超小设备（手机，小于 768px） */
/* Bootstrap 中默认情况下没有媒体查询 */
@media (max-width: 768px) {
    /* 公共 */
    .con-box h2.head-title-h2 {
        margin-top: 20px;
        width: 90%;
        margin: 20 auto;
    }
    /* 首页 */
    .about-skill-left img {
        width: 70%;
    }
    .about-industry ul li {
        margin-bottom: 20px;
    }
    .about-ability ul li .ability-box .ability-cont .ability-logo {
        height: 40px;
    }
    .about-ability ul li .ability-box .ability-cont .ability-describe {
        width: 100%;
        overflow: hidden;
    }
    .about-ability ul li .ability-box .ability-cont p {
        white-space: inherit;
        text-overflow: inherit;
        line-height: 26px;
        font-size: 16px;
    }

    .about-ability ul li.ability-wide p,
    .about-ability ul li.ability-wide h3,
    .about-ability ul li.ability-expert p, 
    .about-ability ul li.ability-expert h3 {
        
    }
    .about-ability ul li .ability-box .ability-cont h3 {
        overflow: inherit;
        white-space: inherit;
        text-overflow: inherit;
        text-align: left;
    }
    /* 新闻营销页面 */
    .news-type ul li {
        padding: 0px 6px;
    }
    .news-type ul li .img-box {
        width: 100%;
        margin: 10px auto;
        border: 8px solid rgba(102,102,102,0.25);
        border-radius: 50%;
    }
    .solve-problem .container div {
        padding-right: 0px;
        padding-left: 0px;
    }
    .solve-problem img {
        max-width: 100%;
    }
    .media-resources ul li img {
        width: 100%;
    }
    .news-benefits .xs-show ul li {
        padding-left: 8px;
        padding-right: 8px;
    }
    /* 口碑营销页面 */
    .directional-guidance ul li {
        padding-left: 5px;
        padding-right: 5px;
    }
    .directional-guidance ul li div {
        padding: 10px 0px;
    }
    .directional-guidance ul li div h3 {
        font-size: 14px;
    }
    .directional-guidance ul li div p {
        font-size: 14px;
        line-height: 30px;
    }
    .mouth-strategy .strategy-mid img {
        width: 80%;
    }
    /* 品牌营销 */
    .omnibearing-brand ul li h3 {
        font-size: 16px;
    }
    .omnibearing-brand ul li p {
        font-size: 14px;
    }
    /* seo页面 */
    .advantage-box ul li p {
        white-space: inherit;
        overflow: inherit;
        text-overflow: inherit;
        line-height: 30px;
    }
    .seo-cycle p.cycle-intro {
        width: 90%;
        margin: 0 auto;
        text-align: center;
        font-size: 16px;
        color: #333333;
        margin: 0 auto;margin-top: -10px;
        padding: 0 0 16px 0;
        line-height: 24px;
    }
    .seo-objectives .objectives-mid img {
        width: 90%;
        margin: 10px auto;
    }
    /* 整合营销页面 */
    .create-execution .about-sea-middle div {
        padding-bottom: 102.605863192%;
        background: url("../img/integ/create_mid_small.jpg") no-repeat center center;
        background-size: 100%;
    }
    .faced-trouble .trouble-right ul li h3,
    .faced-trouble .trouble-right ul li p {
        line-height: 25px;
        font-size: 18px;
    }
    .faced-trouble .trouble-right ul li p {
        font-size: 16px;
    }
    .create-execution .execution-side h3 {
        font-size: 14px;
        line-height: 20px;
        padding: 0;
        padding-right: 5px;
    }
    .create-execution .execution-right h3 {
        padding-left: 5px;
    }
    .create-execution .execution-upper {
        top: -6%;
    }
    .create-execution .execution-under {
        top: 70%;
    }
    /* 公共 */
    #sidebar{
        width: 60px; height: 240px; position: fixed; bottom: 0px; margin-top: 0px; right: 0; z-index: 99;
    }
    #sidebar .sid-apart{
        position: relative; cursor: pointer;  background: rgba(255,255,255,0.16);
        height: 60px; width: 120px; line-height: 60px; color: #FFFFFF; 
        -moz-transition: all .25s ease-in-out; 
        -webkit-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
    }
    #sidebar .sid-tel{
        width: 240px;
    }
    #sidebar .sid-tel .tel-svg{
        width: 100%; height: 60px;
    }
    #sidebar .sid-apart svg{
        fill: rgba(22,115,255,0.9); vertical-align: middle; margin-top: -5px;  margin-left: 15px;
        width: 30px; height: 30px;
        -moz-transition: all .25s ease-in-out; 
        -webkit-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
    }
    #sidebar .sid-tel p{
        position: absolute;height: 60px; line-height: 60px; width: 120px; left: 60px; top: 0; 
        font-size: 20px;letter-spacing: 1px;
    }
    #sidebar .sid-tel:hover{
        -webkit-transform: translateX(-60px);
        -moz-transform: translateX(-60px); 
        transform: translateX(-200px);
    }
    #sidebar .sid-tel:hover .tel-svg svg{
        fill:rgba(53,134,255,0.9);
    }

    #sidebar .sid-apart a{
        width: 60px; height: 60px;
    }
    #sidebar .sid-apart .sid-code{
        position: absolute; top: 0; left: -60px; width: 60px; height: 60px; z-index: 99;
        -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        opacity: 0;
    }
    #sidebar .sid-apart .sid-code img{
        width: 60px; height: 60px;
    }
    #sidebar .sid-apart:hover{
        background: rgba(0,0,0,0.75);
    }
    #sidebar .sid-apart:hover svg{
        fill:rgba(53,134,255,0.9);
    }
    #sidebar .sid-apart:hover .sid-code{
        opacity: 1;
    }
}
/* 小型设备（平板电脑，768px 起） */
@media (min-width: 768px) {
    /* 公共 */
    #sidebar{
        width: 100px; height: 400px; position: fixed; top: 50%; margin-top: -200px; right: 0; z-index: 99;
    }
    #sidebar .sid-apart{
        position: relative; cursor: pointer;  background: rgba(255,255,255,0.16);
        height: 100px; width: 200px; line-height: 100px; color: #FFFFFF; 
        -moz-transition: all .25s ease-in-out; 
        -webkit-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
    }
    #sidebar .sid-tel{
        width: 300px;
    }
    #sidebar .sid-tel .tel-svg{
        width: 100%; height: 100px;
    }
    #sidebar .sid-apart svg{
        fill: rgba(22,115,255,0.9); vertical-align: middle; margin-top: -5px;  margin-left: 35px;
        width: 30px; height: 30px;
        -moz-transition: all .25s ease-in-out; 
        -webkit-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
    }
    #sidebar .sid-tel p{
        position: absolute;height: 100px; line-height: 100px; width: 200px; left: 100px; top: 0; 
        font-size: 20px;letter-spacing: 1px;
    }
    #sidebar .sid-tel:hover{
        -webkit-transform: translateX(-100px);
        -moz-transform: translateX(-100px); 
        transform: translateX(-200px);
    }
    #sidebar .sid-tel:hover .tel-svg svg{
        fill:rgba(53,134,255,0.9);
    }

    #sidebar .sid-apart a{
        width: 100px; height: 100px;
    }
    #sidebar .sid-apart .sid-code{
        position: absolute; top: 0; left: -100px; width: 100px; height: 100px; z-index: 99;
        -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        opacity: 0;
    }
    #sidebar .sid-apart .sid-code img{
        width: 100px; height: 100px;
    }
    #sidebar .sid-apart:hover{
        background: rgba(0,0,0,0.75);
    }
    #sidebar .sid-apart:hover svg{
        fill:rgba(53,134,255,0.9);
    }
    #sidebar .sid-apart:hover .sid-code{
        opacity: 1;
    }
    /* 整合营销 */
    .faced-trouble .trouble-right ul li h3 {
        padding-top: 5px;
        line-height: 24px;
        font-size: 18px;
    }
    /* 整合营销 */
    .faced-trouble .trouble-right ul li p {
        line-height: 22px;
        font-size: 16px;
    }
    .faced-trouble .trouble-one {
        margin-left: -40px;
    }
    .faced-trouble .trouble-two {
        margin-left: -10px;
    }
    .faced-trouble .trouble-three {
        margin-left: -10px;
    }
    .faced-trouble .trouble-four {
        margin-left: -40px;
    }
}

/* 中型设备（台式电脑，992px 起） */
@media (min-width: 992px) {
    /* 公共 */
    .container {
        width: 1160px !important;
        max-width: 100% !important;
    }
    /* 首页 */
    .about-skill-left img {
        width: 80%;
    }
    .about-skill-right ul li h3 {
        font-size: 18px;
    }
    .about-skill-right ul li p {
        margin-bottom: 12px;
        font-size: 16px;
    }
    /* 口碑营销页面 */
    .directional-guidance ul li div {
        margin: 0px auto;
        margin-bottom: 20px;
        width: 100%;
        background: #ffffff;
        border: 1px solid #eeeeee;
        border-radius: 6px;
        overflow: hidden;
        padding: 30px 30px 0px 30px;
        max-width: 260px;
    }
    /* seo页面 */
    .consumer-behavior img.behavior-img {
        width: 100%;
    }
    /* 整合营销 */
    .faced-trouble .trouble-right ul li h3 {
        padding-top: 10px;
        line-height: 30px;
        font-size: 20px;
    }
    /* 整合营销 */
    .faced-trouble .trouble-right ul li p {
        line-height: 30px;
        font-size: 18px;
    }
    .resource-layout .layout-side .layout-info h3,
    .resource-layout .layout-side .layout-info p {
        line-height: 24px;
    }
}

/* 大型设备（大台式电脑，1200px 起） */
@media (min-width: 1200px) { 
    /* 首页 */
    .container {
        max-width: 1160px  !important;;
    }
    .container.footer-upper {
        width: 1400px !important;;
        max-width: 1200px  !important;;
    }
    .footer-upper .col-md-2 {
        width: 14.2857%;
        padding-left: 4px;
        padding-right: 4px;
    }
}

/* 业务模块和服务能力响应式样式 */
@media (max-width: 1200px) {
    .company-business {
        display: block !important;
        visibility: visible !important;
    }
    .company-business .business-box {
        min-height: auto !important;
        height: auto !important;
        display: block !important;
        visibility: visible !important;
        overflow: visible !important;
    }
    .business-grid {
        grid-template-columns: repeat(2, 1fr);
        display: grid !important;
        visibility: visible !important;
    }
    .capability-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 992px) {
    .company-business {
        display: block !important;
        visibility: visible !important;
    }
    .company-business .business-box {
        min-height: auto !important;
        height: auto !important;
        overflow: visible !important;
        display: block !important;
        visibility: visible !important;
    }
    .business-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        display: grid !important;
        visibility: visible !important;
    }
    .capability-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .business-item {
        padding: 25px 15px;
        display: block !important;
        visibility: visible !important;
    }
    .capability-item {
        padding: 25px 15px;
    }
}

@media (max-width: 768px) {
    .company-business {
        display: block !important;
        visibility: visible !important;
        margin-top: 30px !important;
    }
    .company-business .business-box {
        min-height: auto !important;
        height: auto !important;
        overflow: visible !important;
        padding-bottom: 30px;
        display: block !important;
        visibility: visible !important;
        background: none !important;
    }
    .business-grid {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 20px 0;
        display: grid !important;
        visibility: visible !important;
    }
    .capability-grid {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 20px 0;
    }
    .business-item {
        padding: 20px;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
    }
    .business-icon {
        width: 70px;
        height: 70px;
    }
    .business-icon img {
        width: 40px;
        height: 40px;
    }
    .business-item h3 {
        font-size: 18px;
    }
    .business-item p {
        font-size: 13px;
    }
    .capability-item {
        padding: 20px;
    }
    .capability-icon {
        width: 60px;
        height: 60px;
    }
    .capability-item h3 {
        font-size: 16px;
    }
    .capability-item p {
        font-size: 13px;
    }
}

@media (max-width: 640px) {
    .company-business {
        display: block !important;
        visibility: visible !important;
        margin-top: 20px !important;
    }
    .company-business .business-box {
        min-height: auto !important;
        height: auto !important;
        overflow: visible !important;
        padding-bottom: 20px;
        display: block !important;
        visibility: visible !important;
        background: none !important;
    }
    .business-grid {
        grid-template-columns: 1fr;
        gap: 15px;
        padding: 15px 0;
        display: grid !important;
        visibility: visible !important;
    }
    .capability-grid {
        grid-template-columns: 1fr;
        gap: 15px;
        padding: 15px 0;
    }
    .business-item {
        padding: 18px 15px;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
    }
    .capability-item {
        padding: 18px 15px;
    }
}