* { margin: 0; padding: 0; box-sizing: border-box; }
    body {
      font-family: "pingfang SC","helvetica neue",arial,"hiragino sans gb","microsoft yahei ui","microsoft yahei",simsun,sans-serif !important;
      background: #fff; color: #000; font-size: 14px; line-height: 1.5;
    }
    a { text-decoration: none; color: inherit; transition: all 0.2s; }
    a:hover { text-decoration: none; }
    ul, ol, li { list-style: none; padding: 0; margin: 0; }
    img { max-width: 100%; height: auto; vertical-align: middle; }

    .container { max-width: 1350px; margin: 0 auto; padding: 0 15px; }

    /* ===== Banner ===== */
    .swarm_banner {
      width: 100%;
      background: url("/css/2021/images/swarm_banner.jpg") no-repeat top center;
      background-size: cover;
      height: 576px;
      cursor: pointer;
      margin-top: 60px;
    }
    @media (max-width: 992px) { .swarm_banner { height: 420px; } }
    @media (max-width: 768px) { .swarm_banner { height: 320px; } }
    @media (max-width: 576px) { .swarm_banner { height: 200px; } }

    /* ===== 标题 ===== */
    .zy_tit { font-size: 30px; color: #333; text-align: center; font-weight: bold; }
    @media (max-width: 768px) { .zy_tit { font-size: 26px; } }
    @media (max-width: 576px) { .zy_tit { font-size: 20px; } }

    /* ===== 内容区域 ===== */
    .zy_con1 { padding: 70px 0; }
    .zy_con2 { padding: 70px 0; background: #f9fafc; }
    .zy_con3 { padding: 70px 0; }
    .zy_con5 {
      background: url("/css/2021/images/zy_gn_bg.jpg") no-repeat top center;
      background-size: cover;
      padding: 40px 0;
      min-height: 135px;
      display: flex;
      align-items: center;
    }
    @media (max-width: 768px) {
      .zy_con1 { padding: 40px 0; }
      .zy_con2 { padding: 40px 0; }
      .zy_con3 { padding: 40px 0; }
    }
    @media (max-width: 576px) {
      .zy_con1 { padding: 25px 0; }
      .zy_con2 { padding: 25px 0; }
      .zy_con3 { padding: 25px 0; }
    }

    /* ===== 表格 - 移动端横向滚动 ===== */
    .zy_table { margin-top: 25px; }
    .zy_table_con { margin-bottom: 45px; }
    .table-scroll {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      margin-top: 45px;
    }
    .table-scroll table {
      border: 1px solid #ced9f2;
      width: 100%;
      border-collapse: collapse;
      min-width: 900px;
    }
    .zy_table_con th {
      text-align: center; font-size: 16px; color: #32363f;
      border-right: 1px solid #ced9f2; border-bottom: 1px solid #ced9f2;
      height: 61px; background: #f8f9fc; font-weight: 600; padding: 0 8px;
      white-space: nowrap;
    }
    .zy_table_con td {
      font-size: 14px; color: #32363f;
      border-right: 1px solid #ced9f2; border-bottom: 1px solid #ced9f2;
      height: 61px; text-align: center; vertical-align: middle; padding: 8px 6px;
    }
    .zy_table_con td .price { color: #ff5f47; font-weight: 600; }
    .zy_table_con td > a {
      display: inline-block; padding: 4px 18px;
      border: 1px solid #c7cdd9; border-radius: 4px;
      color: #32363f; font-size: 14px; transition: all 0.3s;
      white-space: nowrap;
    }
    .zy_table_con td > a:hover {
      background: linear-gradient(to right, #4196fe, #7c7ee5);
      color: #fff; border-color: transparent;
    }
    .zy_table_con td .swarm_btn {
      font-size: 15px; padding: 8px 30px; min-width: 120px;
      border-radius: 4px; transition: all 0.3s; display: inline-block;
      white-space: nowrap;
    }
    .zy_table_con td .swarm_btn:hover { transform: scale(1.02); box-shadow: 0 4px 12px rgba(65,150,254,0.3); }
    .zy_table_con td .swarm_btn.btn-outline {
      background: transparent; color: #4196fe; border: 1px solid #4196fe;
    }
    .zy_table_con td .swarm_btn.btn-outline:hover {
      background: linear-gradient(to right, #4196fe, #7c7ee5); color: #fff;
    }
    .zy_table_con td .swarm_btn.btn-solid {
      background: linear-gradient(to right, #4196fe, #7c7ee5); color: #fff; border: none;
    }
    .zy_table_con td .swarm_btn.btn-solid:hover {
      background: linear-gradient(to right, #2a7ae0, #6a6cd5);
    }
    .zy_table_list { display: block; }

    /* 移动端表格优化 */
    @media (max-width: 992px) {
      .table-scroll table { min-width: 800px; }
      .zy_table_con td { font-size: 13px; padding: 6px; }
      .zy_table_con td > a { padding: 3px 12px; font-size: 13px; }
      .zy_table_con td .swarm_btn { font-size: 13px; padding: 6px 20px; min-width: 90px; }
      .zy_table_con th { font-size: 14px; padding: 0 6px; }
    }
    @media (max-width: 576px) {
      .table-scroll table { min-width: 700px; }
      .zy_table_con td { font-size: 11px; padding: 4px; }
      .zy_table_con td > a { padding: 2px 8px; font-size: 11px; }
      .zy_table_con td .swarm_btn { font-size: 11px; padding: 4px 12px; min-width: 60px; }
      .zy_table_con th { font-size: 12px; padding: 0 4px; }
      .zy_table_con td .price { font-size: 12px; }
    }

    /* ===== 优势卡片 ===== */
    .zy_c2Con {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 30px;
      margin-top: 40px;
    }
    @media (max-width: 992px) {
      .zy_c2Con { grid-template-columns: repeat(2, 1fr); gap: 20px; }
    }
    @media (max-width: 576px) {
      .zy_c2Con { grid-template-columns: 1fr; gap: 15px; margin-top: 25px; }
    }
    .zy_c2Con > li {
      text-align: center; padding: 25px 15px;
      border-radius: 10px; transition: all 0.3s;
      border: 1px solid transparent;
    }
    .zy_c2Con > li:hover {
      transform: translateY(-6px);
      box-shadow: 0 12px 28px rgba(0,0,0,0.08);
      border-color: #4196fe;
    }
    .zy_c2Con > li > img { max-width: 60px; }
    @media (max-width: 576px) {
      .zy_c2Con > li > img { max-width: 50px; }
      .zy_c2Con > li { padding: 20px 12px; }
    }
    .zy_c2Con > li > h6 {
      font-size: 18px; color: #1c2334;
      margin: 12px 0 14px; font-weight: bold;
    }
    @media (max-width: 576px) {
      .zy_c2Con > li > h6 { font-size: 16px; }
    }
    .zy_line { width: 30px; height: 2px; background: #0f66fd; margin: 0 auto; }
    .zy_c2Txt { font-size: 14px; color: #777; line-height: 24px; margin-top: 14px; }
    @media (max-width: 576px) {
      .zy_c2Txt { font-size: 13px; line-height: 22px; }
    }

    /* ===== 数据中心卡片 ===== */
    .zy_c3Con {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 30px;
      margin-top: 30px;
    }
    @media (max-width: 768px) {
      .zy_c3Con { grid-template-columns: 1fr; gap: 15px; }
    }
    .zy_c3Con > li {
      display: flex; align-items: center; justify-content: space-between;
      padding: 20px 30px; background: #fff;
      border: 1px solid #eee; border-radius: 8px;
      transition: all 0.3s;
    }
    .zy_c3Con > li:hover { box-shadow: 0 0 12px rgba(0,0,0,0.06); border-color: #4196fe; }
    .zy_c3Con > li .zy_c3L h6 {
      font-size: 18px; color: #333; margin-bottom: 8px; font-weight: bold;
    }
    .zy_c3Con > li .zy_c3L p { font-size: 14px; color: #888; margin: 0; }
    .zy_c3Con > li .zy_xq {
      display: inline-block; padding: 6px 24px;
      border: 1px solid #c7cdd9; border-radius: 4px;
      line-height: 30px; font-size: 14px; color: #666;
      transition: all 0.3s; flex-shrink: 0; margin-left: 20px;
    }
    .zy_c3Con > li .zy_xq:hover {
      background: linear-gradient(to right, #4196fe, #7c7ee5);
      color: #fff; border-color: transparent;
    }
    @media (max-width: 768px) {
      .zy_c3Con > li { padding: 16px 20px; flex-wrap: wrap; }
      .zy_c3Con > li .zy_c3L h6 { font-size: 16px; }
      .zy_c3Con > li .zy_c3L p { font-size: 13px; }
    }
    @media (max-width: 576px) {
      .zy_c3Con > li { padding: 14px 16px; }
      .zy_c3Con > li .zy_c3L h6 { font-size: 15px; }
      .zy_c3Con > li .zy_c3L p { font-size: 12px; }
      .zy_c3Con > li .zy_xq {
        padding: 4px 16px; font-size: 13px; line-height: 26px;
        margin-left: 0; margin-top: 10px; width: 100%; text-align: center;
      }
    }

    /* ===== 底部横幅 ===== */
    .zy_c5Con {
      display: flex; align-items: center; flex-wrap: wrap;
      justify-content: center; gap: 20px 40px;
    }
    .zy_c5Con > span:first-child { font-size: 28px; color: #fff; font-weight: bold; }
    .zy_c5Con > span:nth-child(2) { font-size: 28px; color: #fad404; }
    .zy_c5Con > a {
      display: inline-block; padding: 8px 30px; background: #fff;
      text-align: center; line-height: 36px; font-size: 15px;
      color: #333; border-radius: 4px; transition: all 0.3s; min-width: 120px;
    }
    .zy_c5Con > a:hover { transform: scale(1.05); box-shadow: 0 4px 16px rgba(0,0,0,0.15); }
    .zy_c5Con > a:first-of-type { background: #38bfef; color: #fff; }
    .zy_c5Con > a:first-of-type:hover { background: #2a9fd8; }
    @media (max-width: 992px) {
      .zy_c5Con { gap: 15px 30px; }
      .zy_c5Con > span:first-child { font-size: 24px; }
      .zy_c5Con > span:nth-child(2) { font-size: 24px; }
    }
    @media (max-width: 768px) {
      .zy_c5Con { gap: 12px 20px; }
      .zy_c5Con > span:first-child { font-size: 20px; }
      .zy_c5Con > span:nth-child(2) { font-size: 20px; }
      .zy_c5Con > a { padding: 6px 20px; font-size: 14px; min-width: 100px; line-height: 32px; }
    }
    @media (max-width: 576px) {
      .zy_c5Con { flex-direction: column; gap: 10px; }
      .zy_c5Con > span:first-child { font-size: 17px; text-align: center; }
      .zy_c5Con > span:nth-child(2) { font-size: 17px; text-align: center; }
      .zy_c5Con > a { padding: 5px 16px; font-size: 13px; min-width: 80px; line-height: 28px; }
      .zy_con5 { min-height: auto; padding: 25px 0; }
    }

    .new_con4{width: 100%;background: #f9fafc;box-sizing: border-box;padding: 80px 0;overflow-x: scroll}
    .new_c4Con{margin-top: 46px;}
    .new_c4_tit{width: 827px;margin: 0 auto}
    .new_c4_tit>li{margin-right: 140px;float: left}
    .new_c4_tit>li:last-child{margin-right: 0px;}
    .new_c4_tit>li>span:nth-child(2){font-size: 14px;color: #333;margin-left: 10px}
    .new_c4_tit>li>span:nth-child(3){font-size: 24px;color: #2e95ff;}
    .map_bg {position: relative;}
    .map_bg {width: 1153px;height: 520px;position: relative;margin: 50px auto;background-image: url(/css/2021/images/qqjd_map.png);background-position: -25px;}
    .map_biao1{ width:120px; height:120px; position:relative; top:14px; left:147px;}
    .map_biao2{ width:120px; height:120px; position:relative; top:-20px; left:145px;}
    .map_biao3{ width:120px; height:120px; position:relative; top:-32px; left:191px;}
    .map_bg .map_biao3 p{position: absolute; top: 50px;left:0px;bottom: 0;}
    .map_biao4{ width:120px; height:120px; position:relative; top:-138px; left:209px;}
    .map_biao5{ width:120px; height:120px; position:relative; top:-197px; left:315px;}
    .map_biao6{ width:120px; height:120px; position:relative; top:-538px; left:456px;}
    .map_biao7{ width:120px; height:120px; position:relative; top:-639px; left:467px;}
    .map_bg .map_biao6 p{position: absolute; top: 52px;left:25px;bottom: 0;}
    .map_bg .map_biao7 p{position: absolute; top: 52px;left:15px;bottom: 0;}
    .map_biao8{ width:120px; height:120px; position:absolute; top:66px; left:484px;}
    .map_bg .map_biao8 p{position: absolute; top:36px;left:43px;bottom: 0;}
    .map_biao9{ width:120px; height:120px; position:absolute; top:90px; left:492px;}
    .map_biao10{ width:120px; height:120px; position:absolute; top:50px; left:502px;}
    .map_biao11{ width:120px; height:120px; position:absolute; top:73px; left:508px;}
    .map_biao12{ width:120px; height:120px; position:absolute; top:15px; left:600px;}
    .map_biao13{ width:130px; height:130px; position:absolute; top:65px; left:646px;}
    .map_biao14{ width:120px; height:120px; position:absolute; top:109px; left:561px;}
    .map_biao15{ width:120px; height:120px; position:absolute; top:149px; left:552px;}
    .map_biao16{ width:120px; height:120px; position:absolute; top:137px; left:673px;}
    .map_biao17{ width:130px; height:130px; position:absolute; top:164px; left:632px;}
    .map_bg .map_biao17 p{position: absolute; top:70px;left:43px;bottom: 0;}
    .map_biao18{ width:120px; height:120px; position:absolute; top:204px; left:707px;}
    .map_biao19{ width:120px; height:120px; position:absolute; bottom:43px; left:536px;}
    .map_biao20{ width:120px; height:120px; position:absolute; top:184px; left:772px;}
    .map_biao21{ width:120px; height:120px; position:absolute; top:210px; left:774px;}
    .map_bg .map_biao20 p{position: absolute; top:38px;left:47px;bottom: 0;}
    .map_bg .map_biao21 p{position: absolute; top:63px;left:7px;bottom: 0;}
    .map_biao22{ width:120px; height:120px; position:absolute; top:242px; left:787px;}
    .map_bg .map_biao22 p{position: absolute; top:63px;left:42px;bottom: 0;}
    .map_biao23{ width:120px; height:120px; position:absolute; top:202px; left:804px;}
    .map_biao24{ width:120px; height:120px; position:absolute; top:114px; left:866px;}
    .map_bg .map_biao24 p{position: absolute; top:40px;left:48px;bottom: 0;}
    .map_biao25{ width:120px; height:120px; position:absolute; top:111px; left:904px;}
    .map_biao26{ width:120px; height:120px; position:absolute; top:149px; left:829px;}
    .map_bg .map_biao26 p{position: absolute; top:40px;left:48px;bottom: 0;}
    .map_biao27{ width:120px; height:120px; position:absolute; top:147px; left:856px;}
    .map_biao28{ width:120px; height:120px; position:absolute; top:165px; left:843px;}
    .map_biao29{ width:130px; height:130px; position:absolute; top:249px; left:837px;}
    .map_biao30{ width:130px; height:130px; position:absolute; bottom:58px; left:872px;}
    .map_biao31{position:absolute; bottom: 47px;right: 96px;}
    .map_biao32{position:absolute; top: 175px;left: 135px;}
    .map_biao33{position:absolute; top: 195px;left: 255px;}
    .map_biao34{position:absolute; top: 162px;left: 281px;}
    a.yuan{ display:block;background-color: #58d6ff;position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 10px;height: 10px;margin: auto;-webkit-border-radius: 50%;-webkit-background-clip: padding-box;-moz-border-radius: 50%;-moz-background-clip: padding;border-radius: 50%; z-index:1}
    a.yuan:hover{ background:#0FF}
    a.yua{ display:block;background-color: #58d6ff;position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 10px;height: 10px;margin: auto;-webkit-border-radius: 50%;-webkit-background-clip: padding-box;-moz-border-radius: 50%;-moz-background-clip: padding;border-radius: 50%; z-index:1}
    .map_bg p {font-size: 12px;color: #333;position: absolute;top: 50px;left: 70px;bottom: 0;}
    .map_bg a.yuan {display: block;background-color: #58d6ff;position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 10px;height: 10px;margin: auto;-webkit-border-radius: 50%;-webkit-background-clip: padding-box;-moz-border-radius: 50%;-moz-background-clip: padding;border-radius: 50%;z-index: 1;}
    .yuan2 {width: 100%;height: 100%;margin: auto;-webkit-border-radius: 50%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;-webkit-animation: yuan2 3s linear 0s infinite normal;}
    .yuan3 {width: 100%;height: 100%;margin: auto;-webkit-border-radius: 50%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;-webkit-animation: yuan3 3s linear .5s infinite normal;}
    @keyframes yuan2 {
      0% {
        width: 10px;
        height: 10px;
        border: 1px solid #58d6ff;
        opacity: 1;
      }
      100% {
        width: 120px;
        height: 120px;
        border: 1px solid #58d6ff;
        opacity: 0;
      }
    }
    @keyframes yuan3 {
      0% {
        width: 10px;
        height: 10px;
        border: 1px solid #059fff;
        opacity: 1;
      }
      100% {
        width: 120px;
        height: 120px;
        border: 1px solid #58d6ff;
        opacity: 0;
      }
    }
    .map_bzhu {font-size: 16px;color: #333;position: absolute;bottom: -50px;left: 45%;}
    .map_bzhu img {margin-right: 5px;}
    .new_sTit{font-size: 14px;color: #333;margin-top: 15px;text-align: center}