@media screen and (max-device-width: 767px) {
    /* 更改宽度 */
    .width {
        width: 100% !important;
    }
    .first-container .banner-module {
        margin-top: 90px !important;
    }
    .value-delivery .value-delivery-content ul li a img {
        display: none;
    }
    .banner-right {
        display: none !important;
    }
    .banner-left {
        width: 100% !important;
        text-align: center;
        margin-top: 60px !important;
    }
    .banner-left h2 {
        font-size: 30px !important;
    }
    .banner-left p {
        font-size: 14px !important;
    }
    /* 第二屏,业务场景模块 */
    .business-tab .tab_list {
        display: none !important;
    }
    .three-parts .business-tab-content {
        flex-wrap: wrap;
        padding: 0px !important;
    }
    .tab-container {
        display: block !important;
    }
    .three-parts .business-tab-content .cloud-desc h4 {
        font-size: 22px !important;
    }
    .mian-content-module {
        padding: 0px 10px !important;
    }
    .three-parts .business-tab-content .cloud-desc {
        background: rgba(216, 216, 216, 0.5);
        padding: 0px 10px !important;
        width: 100%;
        border-radius: 5px;
    }
    .three-parts .business-tab-content .reletive-video {
        border-radius: 5px;
        margin: 0px !important;
        margin-top: 10px !important;
        width: 100%;
    }
    /* 赋能B端 */
    .value-delivery-content {
        padding: 0px !important;
        background: #f9fbfa !important;
    }
    .value-delivery-content ul {
        flex-wrap: wrap;
    }
    .value-delivery-content ul li {
        width: 100% !important;
        background-color: #ffffff !important;
        padding-bottom: 10px !important;
        margin-bottom: 20px !important;
    }
    .value-delivery-content ul li i {
        display: none;
    }
    .value-delivery-content ul li a img {
        transform: translate(30px, 64px) !important;
    }
    /* 多样化服务模式 */
    .service-mode-content ul {
        flex-wrap: wrap;
        overflow: hidden;
    }
    .service-mode .service-mode-content ul li {
        width: 100% !important;
        padding: 30px 0px !important;
    }
    .service-mode-content .margin-num {
        margin: 20px 0px !important;
    }
    .reference-case-content .reference-case-content-tab {
        display: none;
    }
    .internet-of-things-img {
        display: none;
    }
    .reference-case .reference-case-content .reference-case-content-tab-body .internet-of-things .internet-of-things-desc p {
        margin: 10px 0px !important;
    }
    .internet-of-things-desc {
        width: 100% !important;
        padding-top: 10px;
    }
    .internet-of-things-desc h4 {
        font-size: 17px !important;
    }
    .internet-of-things-desc-list {
        padding: 0px !important;
        background-color: #fff !important;
    }
    /* 大图 */
    .last-module {
        width: 100% !important;
        background-size: 100% 100%;
    }
    .last-module>a {
        width: 121px !important;
        height: 36px !important;
        line-height: 36px !important;
        transform: translate(-50%, calc(-50% + 70%)) !important;
        font-size: 14px !important;
    }
    /* 底部 */
    .footer-module {
        flex-wrap: wrap;
    }
    /* 底部左侧 */
    .footer-module-left {
        width: 100% !important;
    }
    /* 底部右侧 */
    .footer-module-right {
        width: 100% !important;
        margin-top: 40px !important;
    }
    .footer-date {
        margin-bottom: 30px !important;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        display: none;
    }
    /* 去掉轮播的分页 */
    .swiper-pagination {
        display: none;
    }
    .reference-case-content-tab-body {
        margin-top: 50px !important;
    }
    /* ----------------------------- */
    /* tab的导航部分 */
    .navbar-default {
        width: 100% !important;
    }
    .navbar-default,
    .navbar-nav {
        min-height: 64px !important;
    }
    .register {
        /* background-color: #ffffff; */
    }
    .navbar-default .container-fluid {
        height: 64px !important;
    }
    .navbar-header {
        height: 64px !important;
        padding: 0px 10px !important;
    }
    .nav-header-list li {
        padding-right: 25px !important;
    }
    .navbar-nav li {
        min-height: 64px !important;
        padding-top: 22px !important;
    }
    .navbar-nav li a {
        font-size: 16px;
        padding: 0px !important;
    }
    .container-fluid {
        padding: 0px 15px !important;
    }
    .right-container {
        position: relative;
        top: 330px;
        left: 52px;
    }
    .right-container li {
        padding: 0px !important;
    }
    .login {
        display: inline !important;
        border: none;
        width: 66px !important;
    }
    .register {
        display: inline !important;
        border: none;
        background-color: #ffffff !important;
        color: #777777 !important;
        margin-top: 10px !important;
        width: 66px !important;
    }
    /* 注意 */
    .nav-header-list {
        background-color: #ffffff !important;
        min-height: 460px !important;
        margin-left: 0px !important;
        padding: 0px 20px !important;
    }
    .list-content {
        position: relative;
    }
    /* 图标 */
    .navbar-toggle {
        margin-top: 15px !important;
    }
    /* 头部导航菜单 */
    .seclectMenuProduct,
    .seclectMenuCase,
    .selcetMenuService {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        height: auto;
        padding: 0px;
        background-color: #ffffff;
        opacity: 0;
        animation: menu 0.05s ease 0.05s forwards;
        box-shadow: none !important;
    }
    #product .outsideProductContainer>a {
        padding: 10px 0px !important;
    }
    #case .outsideCaseContainer>a {
        padding: 10px 0px !important;
    }
    #service .outsideServiceContainer>a {
        padding: 10px 0px !important;
    }
    .outsideProductContainer,
    .outsideCaseContainer,
    .outsideServiceContainer {
        flex-wrap: wrap !important;
    }
    .outsideProductContainer>a,
    .outsideCaseContainer>a,
    .outsideServiceContainer>a {
        width: 100% !important;
    }
    .seclectMenuProduct .rainbond,
    .seclectMenuProduct .rainstore {
        padding: 10px 0px;
    }
    .outsideCaseContainer .middle-platform,
    .outsideCaseContainer .business,
    .outsideCaseContainer .saas {
        padding: 10px 0px;
    }
    /* 导航菜单的动画 */
    @keyframes menu {
        from {
            transform: translateY(20px);
        }
        to {
            opacity: 1;
            transform: translateY(0px);
        }
    }
}


/* 轮播图导航菜单的动画效果 */

@media screen and (min-device-width: 768px) and (max-device-width: 850px) {
    .swiper-pagination {
        justify-content: space-between !important;
    }
    .pag {
        width: 130px !important;
    }
}

@media screen and (min-device-width: 851px) and (max-device-width: 922px) {
    .swiper-pagination {
        justify-content: space-between !important;
    }
    .pag {
        width: 150px !important;
    }
}

@media screen and (min-device-width: 923px) and (max-device-width: 1087px) {
    .swiper-pagination {
        justify-content: space-between !important;
    }
    .pag {
        width: 170px !important;
    }
}


/* 参考案例模块 */

@media screen and (min-device-width: 850px) and (max-device-width: 950px) {
    .reference-case .reference-case-content .reference-case-content-tab-body .internet-of-things .internet-of-things-desc .internet-of-things-desc-list ul {
        padding: 15px 10px 0px !important;
    }
    .reference-case .reference-case-content .reference-case-content-tab-body .internet-of-things .internet-of-things-desc .internet-of-things-desc-list ul li {
        margin-bottom: 15px !important;
    }
}

@media screen and (min-device-width: 768px) and (max-device-width: 849px) {
    .reference-case .reference-case-content .reference-case-content-tab-body .internet-of-things .internet-of-things-desc .internet-of-things-desc-list ul {
        padding: 8px 10px 0px !important;
    }
    .reference-case .reference-case-content .reference-case-content-tab-body .internet-of-things .internet-of-things-desc .internet-of-things-desc-list ul li {
        margin-bottom: 8px !important;
    }
}