/*最小768（16）*/
@media (min-width: 768px) {
    .container {
        width: 736px;
    }

    .phone {
        display: none;
    }

    .pc {
        display: block;
    }

    #swiper1 .swiper-slide img {
        height: 500px;
    }

    .slide-txt {
        margin-top: -85px;
    }

    .slide-txt h1 {
        margin-bottom: 27px;
    }

    .slide-txt a {
        margin-top: 36px;
    }

    .topimg img {
        height: 500px;
    }

    /*bare*/
    #bare1 .tab {
        overflow: hidden;
        margin: 0 20px;
    }

    #l-arrow, #r-arrow {
        position: absolute;
        top: 3px;
        width: 12px;
        height: 20px;
    }

    #l-arrow {
        left: 15px;
        display: none;
    }

    #r-arrow {
        right: 15px;
    }

    #l-arrow:after, #r-arrow:after {
        content: '';
        position: absolute;
        width: 9px;
        height: 16px;
        background: url(../images/minico.png);
    }

    #l-arrow:after {
        background-position: -18px 0;
    }

    #l-arrow:hover:after {
        background-position: -35px 0;
    }

    #r-arrow:after {
        background-position: -26px 0;
    }

    #r-arrow:hover:after {
        background-position: -43px 0;
    }

    #bare2 div {
        padding: 32px 20px;
        height: 160px;
        box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.12);
    }

    #bare2 li {
        width: 25%;
        padding-bottom: 32px;
    }

    #bare2 li {
        margin-bottom: 24px;
    }

    #quote ul > li:last-child {
        padding: 20px 0 56px;
    }

    /*一站式解决方案*/
    #solution2 {
        background: url(../images/solution-bg.png);
        height: 369px;
    }

    #solution2 h2, #syy2 h2, #mix1 h2 {
        padding: 64px 0 32px;
    }

    #solution3 h2 {
        padding: 64px 0 18px;
    }

    #solution3 li {
        width: 20%;
        padding-bottom: 64px;
    }

    /*私有云*/
    #syy2 p:last-child img {
        margin: 0 16px;
    }

    #syy1 h2 {
        padding: 64px 0 18px;
    }

    .syy2-title {
        padding-bottom: 32px;
    }

    .syy2-title1 {
        padding: 64px 0 32px;
    }

    /*公有云*/
    #gyy2 h2 {
        padding: 62px 0 48px;
    }

    #gyy2 ul {
        padding-bottom: 66px;
    }

    #gyy2 img {
        padding-bottom: 15px;
    }

    #gyy3 h2 {
        padding: 56px 0 11px;
    }

    #gyy3 img {
        padding-bottom: 27px;
    }

    /*混合云*/
    #mix2 li {
        float: left;
        width: 20%;
    }

    .mix2 p {
        padding: 32px 0 12px;
    }

    /*详情*/
    #details {
        box-sizing: border-box;
    }

    #online {
        position: absolute;
        top: 90%;
        z-index: 5;
        right: 20px;
        margin-top: -20px;
    }

    #online1 {
        position: absolute;
        top: 95%;
        z-index: 5;
        right: 20px;
        margin-top: -20px;
    }

    #details p a.c3 {
        padding: 24px 0 20px;
        display: block;
    }

    #details ul.clear li:last-child {
        text-align: right;
    }

    #details h2.c4 span.c2 {
        float: right;
    }

    #details ul.clear li {
        float: left;
        width: 50%;
    }

    #details ul.clear {
        padding: 24px 0 56px;
    }

    #details ul.clear li p {
        padding-top: 10px;
    }

    #details ul.clear li:first-child p {
        padding-right: 15px;
    }

    #details ul.clear li:last-child p {
        padding-left: 15px;
    }

    /*ip*/
    #ip1 table tr:last-child {
        display: none;
    }

    #ip3 li {
        width: 20%;
    }

    #ip3 li div {
        height: 110px;
    }

    /*sdwan*/
    #home3.sd2 h2, #sd1 h2, #sd3 h2 {
        padding: 64px 0 18px;
    }

    #sd1 li {
        float: left;
        width: 33.33%;
        box-sizing: border-box;
        padding: 40px 4% 0;
        height: 160px;
    }

    #home3.sd2 {
        padding-bottom: 55px;
    }

    #home3.sd2 p {
        padding-bottom: 39px;
    }

    #sd3 p {
        padding-bottom: 14px;
    }

    #sd3 {
        padding-bottom: 38px;
    }

    /*reseller*/
    #sd1.re1 li {
        height: 180px;
    }

    #re2 {
        margin-top: 80px;
        box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.12);
        border-radius: 7px;
        padding: 32px;
        box-sizing: border-box;
        text-align: left;
        position: relative;
    }

    #re2 img {
        width: 50%;
    }

    .re2-r {
        width: 50%;
        position: absolute;
        right: 32px;
        top: 32px;
        padding-left: 64px;
        box-sizing: border-box;
        bottom: 32px;
    }

    #re2 .re2-r h2, #join {
        padding-bottom: 20px;
        padding-top: 0;
        text-align: left;
    }

    .re2-r a {
        position: absolute;
        bottom: 0;
        width: 156px;
        height: 48px;
        border-radius: 24px;
        line-height: 48px;
        text-align: center;
    }

    /*global*/
    #gl1 {
        padding-bottom: 64px;
    }

    #gl1 img {
        padding: 44px 0 20px;
    }

    #gl1 h2 {
        padding-bottom: 18px;
    }

    #gl2 table {
        width: 100%;
    }

    #gl2 {
        padding-bottom: 64px;
    }

    #gl2 h2 {
        padding: 48px 0 32px;
    }

    /*ddos*/
    #ddos2 li {
        width: 25%;
    }

    #ddos2 h2 {
        padding-bottom: 40px;
    }

    /*affiliates*/
    #affi1 {
        padding: 64px 0 24px;
    }

    #affi1 li {
        width: 25%;
    }

    #affi1 p {
        padding-top: 24px;
    }

    #mix2.affi2 h2 {
        padding: 66px 0 32px;
    }

    #mix2.affi2 li, #affi3 li {
        width: 25%;
    }

    #affi3 {
        padding-bottom: 56px;
    }

    #affi3 h2 {
        padding: 56px 0 40px;
    }

    /*network*/
    #net1 {
        background: #fff;
        padding-bottom: 56px;
    }

    #net1 h2 {
        padding: 48px 0 8px;
    }

    #net1 h3 {
        padding: 32px 0 24px;
    }

    #net1 table {
        border-collapse: collapse;
        line-height: 46px;
    }

    #net1 td {
        padding: 0 15px;
    }

    /*news*/
    #news1 {
        padding: 32px 0 56px;
    }

    #news1 .bg1 {
        border-radius: 8px;
    }

    #news1 .card > li li {
        line-height: 56px;
    }

    /*about*/
    #about2 {
        padding-bottom: 64px;
    }

    #about2 h2 {
        padding-bottom: 40px;
    }

    #about2 li {
        float: left;
        width: 33.33%;
        text-align: center;
        padding: 0 2%;
        box-sizing: border-box;
    }

    #about2 p {
        padding-top: 24px;
    }

    /*contact*/
    #con1 {
        padding: 40px 0;
    }

    #con1 > ul > li {
        float: left;
        width: 50%;
    }

    #con1 > ul > li:last-child {
        box-shadow: -1px 0 0 #d8d8d8;
    }

    #con1 div li {
        padding-bottom: 20px;
    }

    #con1 div li:first-child {
        padding-bottom: 24px;
    }

    #header.hover {
        background-color: #fff;
        animation: fadein .4s;
    }

     #header .logo-black {
        position: absolute;
        z-index: 99999;
        left: 40px;
    }

    /*#header .logo-black {*/
    /*    display: none;*/
    /*}*/

    #header.hover .logo {
        display: none;
    }

    /*#header.hover .logo-black {*/
    /*    display: block;*/
    /*}*/

    @keyframes fadein {
        0% {
            background: rgba(255, 255, 255, 0);
        }
        100% {
            background: rgba(255, 255, 255, 100);
        }
    }

    #header #navl li.full-menu-wrap {
        position: static;
    }

    .full-menu-box {
        width: 20%;
    }

    .full-menu-item {
        margin: 0 5%;
        line-height: 1.6em;
        padding-bottom: 30px;
    }
}

/*------------ 【container】适配 ----------------*/
/*最小992（32）*/
@media (min-width: 879px) {
    .container {
        width: 815px;
    }
}

/*最小996（32）*/
@media (min-width: 996px) {
    .container {
        width: 932px;
    }
    #map {
        width: 960px;
    }
}

/*最小1024（32）*/
@media (min-width: 1024px) {
    .container {
        /*width: 960px;*/
        width: 992px;
    }
}

/*最小1200（100）*/
@media (min-width: 1200px) {
    .container {
        width: 1000px;
    }
}

/*最小1366（100）*/
@media (min-width: 1366px) {
    .container {
        /*width: 1166px;*/
        width: 1240px;
    }
}

/*最小1440（100）*/
@media (min-width: 1440px) {
    .container {
        width: 1240px;
    }
}

/*最小1920（240）*/
@media (min-width: 1920px) {
    .container {
        width: 1440px;
    }
}

/*------------ 【首页内容】 + 【活动内容】----------------*/
/*1280以下*/
@media (max-width: 1280px) {
    #header .logo-black {
        left: 24px;
    }
    #navl {
        padding-left: 186px;
    }
    #navr li {
        display: inline-block;
        padding: 0 4px;
    }
    #navr {
        right: 24px;
        top: 0;
    }
    /*更多展示，支持与服务/公司介绍隐藏*/
    .nav-more-menu {
        display: inline-block !important;
    }
    #navl li:nth-child(6), #navl li:nth-child(7){
        display: none;
    }
}

/*1200以下*/
@media (max-width: 1200px) {
    /*团购活动*/
    .activity_group_purchase_free_item {
        width: calc(100% / 3 - 44px) !important;
    }
}

/*1024以下*/
@media (max-width: 1024px) {
    #header .logo-black {
        left: 16px;
    }
    #navl {
        padding-left: 186px;
    }
    #navl li:nth-child(3), #navl li:nth-child(4) {
        display: none;
    }
    .menu-item-hide-1024 {
        display: block;
    }
    #navr li {
        display: inline-block;
        padding: 0 4px;
    }
    #navr {
        right: 16px;
        top: 0;
    }
    #navr li {
        display: inline-block;
        padding: 0 4px;
    }
    #home4 div {
        width: 100%;
        margin-bottom: 24px;
    }
    .h3-img img {
        width: 100%;
    }
}

/*996以下*/
@media (max-width: 996px) {
    /*团购活动*/
    .activity_group_purchase_free_item {
        width: calc(100% / 2 - 28px) !important;
    }
}

/*------------ 【最小屏幕】 + 【移动端】----------------*/
@media (max-width: 768px) {
    .container {
        /*width: 730px;*/
        width: calc(100% - 40px);
        margin: 0 20px;
    }

    .phone {
        display: block;
    }

    .pc {
        display: none;
    }

    #navl,#navr {
        display: none;
    }

    /*header*/
    #header .logo-black {
        margin-left: 20px;
    }

    #header.hover {
        background-color: #fff;
        animation: fadein .4s;
    }

    /* 移动菜单样式 */
    .mobile-menu-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 999;
        display: none;
    }

    .mobile-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
        transition: 0.3s;
        color: #fff;
        overflow-y: auto;
        display: none;
        background: #282e35;
    }

    .mobile-menu.active {
        display: block;
        left: 0;
    }

    .mobile-menu-header {
        padding: 20px 24px;
        border-bottom: 1px solid #333;
        text-align: right;
    }

    .close-menu {
        display: inline-block;
        font-size: 24px;
        cursor: pointer;
        width: 24px;
        height: 24px;
        background: url('../images/close-3.png');
        background-position: 0 0;
        background-size: 100% 100%;
    }

    .mobile-menu-body {
        overflow: scroll;
    }

    .mobile-menu-item {
        border-bottom: 1px solid #222;
        font-size: 16px;
        cursor: pointer;
    }

    .mobile-menu-item span {
        position: relative;
        padding: 12px 16px;
        height: 34px;
        display: flex;
        align-items: center;
    }

    .mobile-menu-item span:after {
        content: '';
        width: 20px;
        height: 20px;
        position: absolute;
        right: 30px;
        background: url('../images/mobile-down.png');
        background-position: 0 0;
        background-size: 100% 100%;
    }

    .mobile-menu-item > a {
        display: block;
        padding: 12px 15px;
        color: #fff;
        position: relative;
    }

    .mobile-sub-menu {
        display: none;
        background: #1F252D;
        max-height: 500px;
        overflow: scroll;
    }

    .mobile-sub-menu a {
        display: block;
        padding: 12px 16px;
        font-size: 14px;
        color: #ccc;
    }

    #menu {
        position: absolute;
        top: 17px;
        right: 24px;
    }

    #menu span {
        height: 3px;
        width: 24px;
        background: #324558;
        display: block;
        margin-top: 6px;
        transition: 0.3s;
    }

    .fix {
        position: fixed;
        width: 100%;
        top: 0;
        bottom: 0;
    }

    .mobile-sub-menu-item-title {
        color: #FF6F0A !important;
        font-weight: 500;
    }

    .mobile-second-menu {
        display: none;
    }

    #swiper1 .swiper-slide img {
        height: 380px;
    }

    .topimg img {
        height: 380px;
    }

    .topimg .pc {
        display: none;
    }

    .slide-txt {
        margin-left: 10%;
        margin-top: -34px;
    }

    .slide-txt h1, .topimg-title {
        font-size: 24px !important;
        margin-bottom: 16px;
    }

    .slide-txt p {
        font-size: 16px;
        text-align: left;
        word-wrap: break-word;
        width: 30ch;
    }

    h2, .timedown-title {
        font-size: 24px !important;
    }

    .topimg-content2 {
        padding-left: 0px !important;
        margin-left: 10% !important;
        margin-top: 15% !important;
    }

    .topimg-desc {
        font-size: 16px !important;
    }

    /*footer*/
    #footer {
        padding-bottom: 0;
    }

    .home-bottom-logo {
        margin-bottom: 0px;
        height: auto;
    }

    .home-bottom-logo img {
        height: 36px !important;
    }

    .pc-footer-menu {
        display: none !important;
    }

    .phone-footer-menu {
        display: block;
        margin-bottom: 14px;
    }

    .phone-footer-menu .menu-item {
        padding: 10px 20px;
        cursor: pointer;
        position: relative;
        border-bottom: 1px solid #E9EAEB;
    }

    .phone-footer-menu .menu-item .submenu {
        display: none;
    }

    .phone-footer-menu .menu-item:last-child {
        border-bottom: none;
    }

    .phone-footer-menu .arrow {
        position: absolute;
        width: 32px;
        height: 32px;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        transition: transform 0.3s ease;
        background: url(../images/arrow-down.png);
        background-size: 100% 100%;
    }

    .phone-footer-menu .submenu {
        padding: 10px 20px;
        background-color: #F9FAFB;
    }

    .phone-footer-menu .submenu a {
        display: block;
        color: #333;
        text-decoration: none;
        padding: 8px 0;
    }

    .phone-footer-menu .submenu a:hover {
        color: #007bff;
    }

    /* 展开状态 */
    .menu-item.active .arrow {
        transform: translateY(-50%) rotate(180deg);
    }

    .menu-item.active + .submenu {
        display: block;
    }

    #home1 ul {
        grid-template-columns: repeat(auto-fit, 180px);
        gap: 10px 10px;
    }
    #home1 li {
        width: 180px;
        height: auto;
        padding: 12px 0 16px 0;
    }

    #home1 li:hover .learn-more {
        display: none;
    }

     #home2 li, #tg1 li {
        width: 50%;
        padding-bottom: 35px;
    }
    #home1 img {
        margin: 0;
    }
    #home1 p {
        font-size: 14px;
    }
    #home1 .c2 {
        font-size: 12px;
    }
    /*#home1 li {*/
    /*    width: 31%;*/
    /*    margin: 6px;*/
    /*}*/

    #home1 h2, #home2 h2, #home3 h2, #bare1 h2, #bare2 h2, #tg1 h2, #tg2 h2, #tg3 h2, #quote h2 {
        padding: 26px 0;
    }

    #home2 li:not(:nth-child(2n)):after {
        content: '';
        top: 50%;
        margin-top: -70px;
        width: 1px;
        height: 140px;
        position: absolute;
        right: 0;
        background: linear-gradient(360deg, transparent 0%, rgba(255, 255, 255, 0.95) 48%, transparent 100%);
        opacity: 0.15;
    }

    #home2 img {
        margin-bottom: 12px;
    }

    #home2 div {
        padding: 0 15px;
        height: 299px;
    }

    /*map*/
    #map, #map img {
        width: 320px;
    }

    #map p {
        font-size: 12px;
    }

    #index-map #flkf {
        top: 6%;
        left: 2%;
    }

    #index-map #yhnsb {
        top: 82%;
        left: 9%;
    }

    #index-map #dibai {
        top: 33%;
        left: 19%;
    }

    #index-map #rb {
        top: 9%;
        left: 44%;
    }

    #index-map #hanguo {
        top: 19%;
        left: 39%;
    }

    #index-map #hg {
        top: 29%;
        left: 37%;
    }

    #index-map #mlxy {
        top: 47%;
        left: 31%;
    }

    #index-map #xjp {
        top: 54%;
        left: 31.5%;
    }

    #index-map #adly {
        top: 77%;
        left: 41%;
    }

    #index-map #baxi {
        top: 66%;
        left: 94%;
    }

    #index-map #ydnxy {
        top: 61%;
        left: 38%;
    }

    #home4 div {
        width: 100%;
        padding: 12px;
        margin-bottom: 20px;
    }

    #home4 h2 {
        padding: 40px 0 28px;
    }

    #home5 {
        padding-bottom: 107px;
    }

    #home5 h2 {
        padding: 36px 0 24px;
    }

    .bottom-box-container {
        flex-direction: column;
        justify-content: center !important;
    }

    /*.content{background:#eef0f4;}*/
    /*bare*/
    #bare1 .tab1 .swiper-slide {
        width: auto !important;
    }

    .swiper2 {
        --swiper-pagination-color: #f50;
    }

    #bare2 span {
        font-size: 13px;
    }

    #bare2 li {
        width: 50%;
        padding-bottom: 18px;
    }

    #bare2 ul {
        padding-bottom: 20px;
    }

    #bare2 div {
        margin: 0 9px;
        padding: 8px 10px;
        height: 223px;
        box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.12);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    /*custom*/
    #custom1 {
        padding: 0;
    }

    #custom1 a {
        display: block;
        width: 112px;
        height: 40px;
        line-height: 40px;
        border-radius: 20px;
        margin: 8px auto 0;
        text-align: center;
    }

    #custom1 i:after {
        content: '*';
        color: #FA5151;
        position: absolute;
        line-height: 36px;
        font-style: normal;
        margin-left: 5px;
    }

    #custom1 form {
        padding: 12px;
        border-radius: 8px;
    }

    #custom1 li:first-child div {
        float: left;
        width: 33.33%;
        box-sizing: border-box;
        padding: 4px;
        position: relative;
    }

    #custom1 li:first-child div:after {
        right: 10px;
        top: 20px;
    }

    #custom1 li:first-child div:last-child {
        width: 66.66%;
    }

    #custom1 li:first-child input {
        padding-right: 20px;
    }

    #custom1 input, #custom1 textarea {
        width: 100%;
        height: 36px;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 4px;
        box-sizing: border-box;
        padding-left: 15px;
        display: block;
    }

    #custom1 li:first-child ol {
        display: none;
        position: absolute;
        left: 8px;
        top: 44px;
        right: 8px;
        max-height: 150px;
        overflow-y: auto;
        z-index: 1;
        border: 1px solid rgba(0, 0, 0, 0.08);
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
    }

    #custom1 li:first-child ol li {
        height: 30px;
        line-height: 30px;
        padding: 0 5px;
        cursor: pointer;
    }

    #custom1 li:nth-child(2) {
        padding: 4px;
    }

    #custom1 textarea {
        overflow: hidden;
        line-height: 32px;
    }

    #custom1 li:last-child span {
        width: 100%;
        padding: 4px
    }

    /*托管*/
    #tg1 span {
        font-size: 14px;
    }

    #tg1 div {
        height: 170px;
        padding: 0 5px;
        background: #fff;
        margin: 0 5px;
    }

    #tg-slide-txt h1 {
        font-size: 20px;
    }

    #tg-slide-txt a {
        margin-top: 12px;
    }

    #quote ul > li:last-child {
        padding: 10px 3px 28px;
    }

    #quote div, #quote a {
        width: 100%;
    }

    #quote span {
        top: 15px;
    }

    #quote div, #quote ul > li:nth-child(3) {
        padding: 3px;
    }

    #budget:after {
        right: 15px;
        top: 23px;
    }

    /*一站式解决方案*/
    #solution2 {
        background: url(../images/solution-bg-1.png);
    }

    #solution2 h2, #syy2 h2 {
        padding: 28px 0 16px;
    }

    #solution2 img {
        width: 100%;
        padding-bottom: 30px;
        box-sizing: border-box;
    }

    #solution3 h2, #syy1 h2, #mix1 h2 {
        padding: 32px 0 9px;
    }

    #solution3 ul {
        padding-bottom: 15px;
    }

    #solution3 li {
        width: 33.33%;
        height: 230px;
    }

    #solution3 li:nth-child(n+4) {
        padding: 0 8.33%;
    }

    /*私有云*/
    .syy2-title {
        padding-bottom: 16px;
    }

    .syy2-title1 {
        padding: 32px 0 16px;
    }

    /*公有云*/
    #gyy2 h2 {
        padding: 31px 0 24px;
    }

    #gyy2 ul {
        padding-bottom: 33px;
    }

    #gyy2 li {
        box-sizing: border-box;
        padding: 0 5px;
    }

    #gyy2 img {
        padding-bottom: 7.5px;
    }

    #gyy3 h2 {
        padding: 28px 0 5.5px;
    }

    #gyy3 img {
        padding-bottom: 13.5px;
    }

    /*混合云*/
    #mix-slide-txt h2 {
        margin-bottom: 8px;
    }

    #mix-slide-txt p {
        font-size: 16px;
    }

    #mix-slide-txt a {
        margin-top: 10px;
    }

    #mix2 ul {
        padding: 0;
    }

    #mix2 li {
        float: left;
        width: 100%;
        height: 148px;
    }

    .mix2 p {
        padding: 16px 0 6px;
    }

    #mix2 img {
        width: 100%;
        height: 100%;
        background-size: 100% 100%;
    }

    /*详情*/
    #details {
        background: #fff;
        padding: 0;
    }

    #details ul.clear {
        background: #fff;
    }

    #details ul.clear li {
        padding: 0 15px;
    }

    #details ul.clear {
        padding: 12px 0 28px;
    }

    #details ul.clear li p {
        padding-top: 10px;
    }

    #details div.bg1 {
        border-bottom: 1px solid #F2F2F2;
    }

    #details h2.c4 span.c2 {
        display: block;
    }

    /*ip*/
    #ip1 table tr:not(:last-child) td:last-child {
        display: none;
    }

    #ip3 li {
        width: 50%;
        padding: 5px;
    }

    #ip3 li div {
        height: 140px;
        padding: 8px;
    }

    #ip3 ul {
        padding: 0;
    }

    /*sdwan*/
    #sd1 h2, #home3.sd2 h2, #sd3 h2 {
        padding: 32px 0 9px;
    }

    #sd1 li {
        float: left;
        width: 50%;
        box-sizing: border-box;
        padding: 20px 4% 0;
        height: 160px;
    }

    #home3.sd2 {
        padding-bottom: 27.5px;
    }

    #home3.sd2 p {
        padding-bottom: 19.5px;
    }

    #sd3 p {
        padding-bottom: 7px;
    }

    #sd3 {
        padding-bottom: 19px;
    }

    #sd-slide-txt h1 {
        margin-bottom: 8px;
    }

    #sd-slide-txt p {
        font-size: 16px;
    }

    #sd-slide-txt a {
        margin-top: 12px;
    }

    /*reseller*/
    #sd1.re1 li {
        height: 220px;
        padding: 10px 1.7% 0;
    }

    /*#sd1.re1 li div{height:180px;}*/
    .re1 {
        padding-bottom: 36px;
    }

    #re2 {
        margin-top: 40px;
        box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.12);
        border-radius: 7px;
        padding: 16px;
        box-sizing: border-box;
        text-align: left;
        position: relative;
    }

    #re2 img {
        width: 100%;
    }

    .re2-r {
        width: 100%;
        box-sizing: border-box;
        bottom: 16px;
    }

    #re2 .re2-r h2, #join {
        padding-bottom: 20px;
        padding-top: 0;
        text-align: left;
    }

    .re2-r a {
        width: 120px;
        height: 40px;
        border-radius: 20px;
        line-height: 40px;
        margin-top: 20px;
        display: inline-block;
        text-align: center;
    }

    #re3 #roll-x table, #gl2 table, #reseller table {
        width: 900px;
    }

    /*global*/
    #gl1 {
        padding-bottom: 32px;
    }

    #gl1 img {
        padding: 22px 0 10px;
    }

    #gl1 h2 {
        padding-bottom: 9px;
    }

    #gl2 {
        padding-bottom: 32px;
    }

    #gl2 h2 {
        padding: 28px 0 16px;
    }

    /*ddos*/
    #ddos2 li {
        width: 50%;
    }

    #ddos2 h2 {
        padding-bottom: 20px;
    }

    /*affiliates*/
    #affi1 {
        padding: 32px 0 12px;
    }

    #affi1 li {
        width: 50%;
        height: 250px;
    }

    #affi1 p {
        padding-top: 12px;
    }

    #affi3 li {
        width: 100%;
    }

    #mix2.affi2 h2 {
        padding: 33px 0 16px;
    }

    #affi3 {
        padding-bottom: 28px;
    }

    #affi3 h2 {
        padding: 28px 0 20px;
    }

    /*network*/
    #net1 {
        background: #eef0f4;
        padding-bottom: 56px;
    }

    #net1 h2 {
        padding: 24px 0 4px;
    }

    #net1 h3 {
        padding: 16px 0 12px;
    }

    #net1 table {
        line-height: 30px;
    }

    #net1 td {
        padding: 0 10px;
    }

    /*news*/
    #news1 {
        padding: 32px 0;
    }

    #news1 .card > li small {
        display: block;
    }

    #news1 .card > li li {
        line-height: 30px;
    }

    /*about*/
    #about2 {
        padding-bottom: 32px;
    }

    #about2 h2 {
        padding-bottom: 20px;
    }

    #about2 li {
        width: 33%;
        padding: 0 2%;
        box-sizing: border-box;
        float: left;
    }

    #about2 img {
        width: 100%;
        padding-top: 12px;
    }

    #about2 p {
        padding-top: 12px;
    }

    /*join*/
    #join1 {
        padding-bottom: 36px;
    }

    #join1 img {
        padding-top: 22px;
    }

    #join1 p {
        padding-top: 9px;
    }

    #join2 {
        padding-bottom: 0;
    }

    #join2 li {
        /*width: 100%;*/
        padding: 2%;
    }

    #join2 h2 {
        padding-bottom: 20px;
    }

    #join2 h3 {
        padding: 12px 0 6px;
    }

    #join3 {
        padding-bottom: 28px;
    }

    #join3 h2 {
        padding: 36px 0 16px;
    }

    #join3 a {
        width: 112px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        display: inline-block;
        border-radius: 20px;
        float: right;
        font-weight: normal;
        font-size: 14px;
    }

    #join3 div {
        box-sizing: border-box;
        padding: 10px 16px;
        border-radius: 8px;
        box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.12);
        border: 1px solid rgba(0, 0, 0, 0.1);
    }

    #join3 h3 {
        padding-bottom: 8px;
    }

    #join3 p {
        padding-top: 11px;
    }

    /*#sla-tab {*/
    /*    width: 182px !important;*/
    /*    height: 154px !important;*/
    /*}*/
    .sla-container-box {
        display: flex;
        flex-direction: column;
    }
    #sla-tab {
        width: 100% !important;
        display: flex;
        justify-content: space-around;
        height: auto !important;
        margin: 0 0 16px 0;
        padding: 16px 0 !important;
    }
    #sla-tab li {
        margin-bottom: 0px !important;
    }

    #sla-tab li a {
        font-size: 14px !important;
    }

    /*contact*/
    #con1 > ul > li {
        margin-bottom: 24px;
    }

    #con1 {
        padding: 20px 15px;
    }

    #con1 div li {
        padding-bottom: 10px;
    }

    #con1 div li:first-child {
        padding-bottom: 12px;
    }

    .full-menu-item span {
        display: none;
        width: 100%;
        float: left;
        padding-left: 24px;
    }

    #about3 .slide-txt a {
        position: static !important;
    }

    .content-margin-bottom {
        padding-top: 0px !important;
    }

    .time-hour {
        font-size: 16px !important;
    }

    .navbar2 {
        overflow-y: scroll;
        gap: 14px;
    }

    .navbar2 > li {
        white-space: nowrap;
    }

}

@media (max-width: 580px) {
    /*解决地图文字堆积*/
    #index-map p {
        display: none;
    }
    #index-map #baxi {
        top: 61%;
        left: 93%;
    }
    #index-map #adly {
        top: 73%;
        left: 41%;
    }
    #index-map #yhnsb {
        top: 81%;
        left: 8%;
    }
    /*团购活动*/
    .activity_group_purchase_article {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .activity_group_purchase_title {
        padding-left: 0px !important;
    }
    .time_down_line {
        display: none !important;
    }
    .time_down_desc {
        margin: 0px !important;
    }
    /*底部网站地图*/
    #tree-root {
        overflow: scroll;
    }
    #tree li {
        white-space: nowrap;
    }
}