/* pc */
@media screen {
  :root {
    --color: #00DA9A;
    --head: 5.521vw;
    --mask: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 96.36%);
  }

  /* -----------------------------------------公共-------------------------------------- */
  .phone-number {
    margin-left: auto; /* Pushes the phone number to the right */
    font-size: 1.2em; /* Adjust the font size as needed */
    color: #fff; /* Adjust the color as needed */
    display: flex;
    align-items: center;
}

  .C-btn {
    font-weight: 500;
    padding: 0.677vw 1.667vw;
    cursor: pointer;
    user-select: none;
    border-radius: 100px;
    transition: all ease .3s;
  }

  .C-btn.size2 {
    padding: 1.25vw 2.5vw;
    line-height: 1;
  }

  .C-btn.theme1 {
    color: #fff;
    border: 1px solid #fff;
  }

  .C-btn.theme1:hover {
    color: #1F1F1F;
    background: #fff;
  }

  .C-btn.theme2 {
    color: #1F1F1F;
    border: 1px solid #fff;
    background: #fff;
  }

  .C-btn.theme2:hover {
    border: 1px solid var(--color);
    background: var(--color);
  }

  .C-btn.theme3 {
    color: #1F1F1F;
    border: 1px solid var(--color);
    background: var(--color);
  }

  .C-btn.theme3:hover {
    border: 1px solid #fff;
    background: #fff;
  }

  .C-jb-border {
    background: linear-gradient(#131313, #131313) padding-box,
      linear-gradient(to top, #696666 0%, #000 100%) border-box;
    background-clip: padding-box, border-box;
    border: 1px solid transparent;
  }

  /* -----------------------------------------head-------------------------------------- */

  .head1 {
    padding: 0 6.667vw;
    height: var(--head);
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 50;
    background: #000;
    transition: all ease .3s;
  }

  .head-zhanwei {
    height: var(--head);
  }

  .head1 .logo {
    width: 13.854vw;

  }

  .head1 .menu .link>a {
    padding: 0.677vw 1.667vw;
    letter-spacing: 0.0.208vw;
    font-weight: bold;
    border-radius: 50px;
    border: 1px solid transparent;
  }

  .head1 .link.on>a {
    border: 1px solid #292929;
    background: rgba(255, 255, 255, 0.10);
  }

  .head1 .menu .link:hover>a {
    border: 1px solid transparent;
    background: rgba(255, 255, 255, 0.10);
  }

  .isback .head1 {
    opacity: 0;
    transition: all linear .1s;
  }

  .scroll .head1 {
    box-shadow: 0 0 0.26vw #636363;
  }


  .foot1 {
    position: relative;
    padding: 3.438vw 0;
  }

  .foot1::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40.833vw;
    background: url('../../img/foot-bg.png') no-repeat center/cover;
    pointer-events: none;
  }

  .foot1 .C-wrap {
    padding-left: 1.667vw;
    padding-right: 1.667vw;
  }

  .foot1 .zuo {
    width: 17.396vw;
  }

  .foot1 .zuo .logo {
    width: 13.854vw;
  }

  .foot1 .zuo .t1 {
    margin: 1.094vw 0;
    line-height: 1.6;
  }

  .foot1 .zuo .shares {
    margin-top: 4.792vw;
  }

  .foot1 .zuo .shares a {
    width: 1.667vw;
    margin-right: 1.667vw;
  }

  .foot1 .foot-link {
    letter-spacing: 0.27.76vw;
    text-transform: capitalize;
  }

  .foot1 .foot-link ul {
    width: 10.417vw;
    margin-left: 1.667vw;
  }

  .foot1 .foot-link a {
    display: block;
  }

  .foot1 .foot-link a:hover {
    text-decoration: underline;
  }

  .foot1 .foot-link .t1 {
    color: #fff;
    margin-bottom: 1.667vw;
  }

  .foot1 .foot-link .t2 {
    margin-bottom: 0.677vw;
  }

  .foot2 {
    padding-top: 2.042vw;
  }

  .foot2 a:hover {
    color: var(--color);
  }

  .foot2 .left {
    color: rgba(255, 255, 255, 0.40);
  }

  .foot2 .left a {
    text-decoration-line: underline;
  }

  .foot2 .right {
    padding-right: 4.271vw;
  }

  .foot2 .right a {
    margin-left: 1em;
  }

  .foot4 {
    position: fixed;
    right: 1.042vw;
    top: 50%;
    transform: translate(0, -50%) scaleX(0.5);
    z-index: 49;
    opacity: 0;
  }

  .scroll .foot4 {
    opacity: 1;
    transition: all ease .5s 1s;
    transform: translate(0, -50%) scaleX(1);
  }

  .foot4 a {
    width: 5vw;
    height: 3.333vw;
    margin: 1.25vw 0;
    border-radius: 50px;
    border: 1px solid #1F1F1F;
    background: rgba(237, 242, 244, 0.10);
    transition: all ease .3s;
  }

  .foot4 a:hover {
    background: var(--color);
  }

  .foot4 a .icon {
    width: 1.667vw;
  }

  .mask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.60);
    z-index: 55;
    display: none;
  }

  .mask.on {
    display: block;
  }

  .foot5 {
    width: 52.083vw;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 60;
    background-image: url('../../img/foot5-1.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #000;
    border-radius: 32px;
    border: 1px solid #282828;
    overflow: hidden;
    display: none;
  }

  .foot5 .wrap {
    width: 34.688vw;
    margin: 0 auto;
  }

  .foot5 .sec1 {
    padding: 1.51vw 0 0.99vw;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }

  .foot5 form {
    padding: 2.083vw 0;
    display: block;
  }

  .foot5 form label {
    width: 100%;
    display: block;
    margin-bottom: 1.042vw;
    overflow: hidden;
  }

  .foot5 form label.w50 {
    width: calc(50% - 0.781vw);
  }

   .foot5 form label.w50 input,.foot5 form label.w50 textarea{
       
    border-radius: 10px;
    border: 1px solid #292929;
    background: rgba(31, 31, 31, 0.80);
   }

  .foot5 form label.input-error {
    border-color: #00DA9A;
  }

  .foot5 form label input {
    display: block;
    width: 100%;
    background: transparent;
    font-size: inherit;
    height: 3.333vw;
    padding: 0 1.667vw;
    border: none;
    color: #fff;
  }

  .foot5 form label textarea {
    display: block;
    width: 100%;
    background: transparent;
    resize: none;
    font-size: inherit;
    padding: 1.146vw 1.667vw;
    height: 3.854vw;
    border: none;
    color: #fff;
  }

  .foot5 form label input::placeholder {
    color: #fff;
  }

  .foot5 form label textarea::placeholder {
    color: #fff;
  }

  .foot5 .close {
    position: absolute;
    right: 2.083vw;
    top: 1.25vw;
    width: 1.667vw;
    height: 1.667vw;
    background: url('../../img/icon-close5.svg') no-repeat center/contain;
    cursor: pointer;
  }












  /* -----------------------------------------home-------------------------------------- */

  .banner-container {
    /* padding: 2.188vw; */
    padding: 0 2.188vw 2.188vw;
  }

  .banner-wrap {
    border-radius: 32px 32px 0 0;
    overflow: hidden;
    position: relative;
  }

  .banner-wrap .main {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 18.19%, #000 93.98%);
  }

  .home1 .main {
    padding: 2.083vw 0;
  }

  .home1 .banner-wrap .main {
    background: linear-gradient(180deg, #000 0.04%, rgba(0, 0, 0, 0.00) 18.82%, rgba(0, 0, 0, 0.00) 75.19%, #000 93.98%);
  }

  .home1 .t2 {
    width: 33.542vw;
    margin: 1.563vw 0 2.083vw;
    line-height: 1.6;
  }

  .home1 .C-btn {
    margin-right: 1.146vw;
  }

  .home2 {
    padding-bottom: 2.448vw;
  }

  .home2 .main {
    padding: 0 3.125vw;
  }

  .C-title {
    padding: 2.708vw 0;
    text-align: center;
    background: url('../../img/c-title1.png') no-repeat top center/100%;
  }

  .C-title h2 {
    text-transform: capitalize;
  }

  .C-title p {
    margin: 1.042vw 0 0;
    color: #C5C5C9;
  }

  .home3 .list {
    padding: 1.042vw 0 2.813vw;
  }

  .home3 .ev {
    width: calc(33.3% - 64px / 3);
    overflow: hidden;
    border-radius: 10px;
  }

  .home3 .ev .intr::before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 23.854vw;
    height: 0.052vw;
    background-image: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.32) 21.95%, rgba(255, 255, 255, 0.76) 49.97%, rgba(255, 255, 255, 0.23) 77.93%, rgba(255, 255, 255, 0.00) 104.07%);
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
  }

  .home3 .ev .intr {
    padding: 1.667vw;
    position: relative;
  }

  .home3 .ev .intr .t2 {
    opacity: 0.6;
    margin: 0.521vw 0 1.042vw;
  }

  .home4 {
    padding: 1.667vw 0;
  }

  .home4 .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    -moz-transition-timing-function: linear !important;
    -ms-transition-timing-function: linear !important;
    -o-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
  }

  .home4 .swiper-slide {
    width: 20vw;
    padding: 1.667vw;
    border-radius: 32px;
    border: 1px solid #1F1F1F;
    background: rgba(255, 255, 255, 0.05);
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .home4 .swiper-slide .hpic {
    height: 3.438vw;
  }

  .home5 .C-wrap {
    padding-top: 2.76vw;
    padding-bottom: 5.885vw;
  }

  .home5 .zuo {
    width: 42.604vw;
  }

  .home5 .zuo .pic {
    border-radius: 32px 32px 0 0;
    overflow: hidden;
    position: relative;
  }

  .home5 .zuo .pic::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--mask);
  }

  .home5 .you {
    width: 38.021vw;
  }

  .home5 .you .t1 {
    color: #3D3D3D;
    letter-spacing: 3.38.177vw;
    text-transform: uppercase;
  }

  .home5 .you .t2 {
    margin: 1.146vw 0 2.76vw;
    line-height: 1.6;
  }

  .home6 .zhanwei {
    width: 20vw;
  }

  .home6 .ev {
    padding: 1.146vw 0 2.813vw;
    width: 20vw;
  }

  .home6 .ev .psr {
    border-radius: 32px;
    overflow: hidden;
    border: 1px solid #1F1F1F;
  }

  .home6 .ev .t1 {
    transition: all ease .3s;
  }

  .home6 .ev:hover .t1 {
    transform: scale(1.1);
  }

  .home6 .ev .t2 {
    margin-top: 0.521vw;
  }

  .home6 .ev .psr .main {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%);
  }

  .home7 {
    overflow: hidden;
    padding-bottom: 53px;
  }

  .home7 .swiper-slide {
    width: 70vw;
    position: relative;
    border-radius: 28px;
    overflow: hidden;
    transition: all ease .3s;
  }

  .home7 .swiper-slide {
    opacity: 0 !important;
  }

  .home7 .swiper-slide-active,
  .home7 .swiper-slide-prev,
  .home7 .swiper-slide-next {
    opacity: 1 !important;
  }

  .home7 .swiper-slide .intr {
    padding: 3.854vw;
    height: 101%;
    background: var(--mask);
  }

  .home7 .swiper-slide .intr>div {
    opacity: 0;
    transform: translateY(2.083vw);
  }

  .home7 .swiper-slide-active .intr>div {
    opacity: 1;
    transform: translateY(0);
    transition: all ease .3s .4s;
  }

  .home7 .swiper-slide .t1 {
    width: 32vw;
    line-height: 1;
  }

  .home7 .swiper-slide .t2 {
    width: 20.313vw;
    /*text-transform: capitalize;*/
    margin-left: auto;
  }

  .home7 .swiper-slide .icon {
    margin: auto 0 0 2.083vw;
    width: 2.813vw;
    cursor: pointer;
  }

  .home7 .swiper-button {
    width: 4.167vw;
    height: 4.167vw;
    position: absolute;
    top: 50%;
    z-index: 5;
    cursor: pointer;
    transform: translate(0, -50%);
    transition: all ease .3s;
  }

  .swiper-button.swiper-button-disabled {
    cursor: no-drop;
  }

  .home7 .swiper-button:hover {
    transform: translate(0, -50%) scale(0.8);
  }

  .home7 .swiper-button.prev {
    background: url('../../img/home7-i1.svg') no-repeat center/contain;
    left: 0;
    margin-left: -2.083vw;
  }

  .home7 .swiper-button.next {
    background: url('../../img/home7-i2.svg') no-repeat center/contain;
    right: 0;
    margin-right: -2.083vw;
  }

  .home8 {
    padding: 0 0 2.813vw;
  }

  .home8 .swiper {
    margin-top: 1.042vw;
  }

  .news-list .ev {
    width: 20.417vw;
    border-radius: 10px;
    overflow: hidden;
  }

  .news-list .ev .intr {
    padding: 1.667vw 1.667vw 4.167vw;
  }

  .news-list .ev .t2 {
    opacity: 0.6;
    margin-top: 0.833vw;
    line-height: 1;
  }

  .home8 .C-btn {
    margin-top: 1.667vw;
  }

  .home9 {
    padding: 0 0 2.708vw;
  }

  .home9 .main2 {
    align-items: flex-start;
    padding-left: 3.646vw;
    padding-right: 3.646vw;
  }

  .home9 .main2 .ev {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
  }

  .home9 .main2 .right {
    flex: 1;
  }

  .home9 .main2 .right .ev {
    margin: 0 0 1.042vw 1.042vw;
    width: 29.167vw;
  }

  .home9 .main2 .ev.theme1 {
    width: 18.75vw;
  }

  .home9 .main2 .ev .intr1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%);
    transition: all ease .3s;
  }

  .home9 .main2 .ev:hover .intr1 {
    opacity: 0;
  }

  .home9 .main2 .ev .intr2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--mask);
    opacity: 0;
  }

  .home9 .main2 .ev:hover .intr2 {
    opacity: 1;
    transition: all ease .3s;
  }

  .home9 .main2 .ev .intr2 .icon {
    margin: 0 1.042vw;
    width: 2.083vw;
  }

  .home9 .C-btn {
    margin-top: 1.667vw;
  }

  .home10 {
    padding: 5.521vw 0;
    background: url('../../img/c-title1.png') no-repeat top center/100%;
  }

  .home10 .t1 {
    letter-spacing: 3.38.177vw;
    text-transform: uppercase;
    margin-bottom: 0.625vw;
    color: #3D3D3D;
  }
  
  .home11 {
            padding: 0 0 2.708vw;
        }


        .home11 .C-wrap {
            width: 86.667vw;
            margin: 0 auto;
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }

        .home11 .C-wrap .list {
            padding: 1.146vw 0 4.167vw;
            gap: 1.094vw;
            width: 55.521vw;
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
        }

        .home11 .C-wrap .list .ev {
            width: 100%;
            padding: 1.667vw;
            border-radius: 32px;
            border: 1px solid #3D3D3D;
            background: rgba(255, 255, 255, 0.08);
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
            cursor: pointer;
        }

        .home11 .C-wrap .list .ev .zuo {
            flex: 1;
            padding-right: 1.667vw;
        }

        .home11 .C-wrap .list .ev .zuo .co-jb {
            background-image: linear-gradient(158deg, #FFF 6.75%, #E4E7F5 36.6%, #D2D8EE 56.36%, #929398 83.39%);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-size: 1.25vw;
            font-weight: bold;
        }

        .home11 .C-wrap .list .ev .zuo .down {
            padding: 1.146vw 0 0;
            display: none;
            cursor: default;
            font-size: 1.146vw;
        }

        .home11 .C-wrap .list .ev .kg {
            width: 1.667vw;
        }

        .home11 .C-wrap .list .ev .kg img {
            display: block;
            border: none;
            width: 100%;
            max-width: 100%;
        }
  
  /* -----------------------------------------service-------------------------------------- */
  .C-banner .main {
    padding: 4.427vw 0 10.99vw;
  }

  .C-banner .zuo {
    width: 53.229vw;
  }

  .C-banner .zuo .t1 {
    font-size: 6.979vw;
    line-height: 1;
  }

  .C-banner .you {
    width: 31.25vw;
    margin-top: auto;
  }

  .C-banner .you .t3 {
    margin-top: 1.146vw;
    line-height: 1.6;
  }

  .service2 {
    line-height: 1.2;
    padding: 3.438vw 0;
  }

  .service2 .C-wrap {
    gap: 2.188vw;
  }

  .service2 .ev {
    width: 20vw;
    padding: 1.667vw;
    text-align: center;
    border-radius: 8px;
    border: 1px solid #1F1F1F;
    background: rgba(255, 255, 255, 0.05);
  }

  .service2.theme2 .ev {
    border-radius: 32px;
  }

  .service3 {
    padding: 2.813vw 0;
    background: radial-gradient(40.01% 26.02% at 0.73% 47.78%, #18181B 0%, #000 100%);
  }

  .service3 .zuo {
    width: 38.125vw;
  }

  .service3 .zuo .t1 {
    letter-spacing: 3.38.177vw;
    text-transform: uppercase;
    color: #3D3D3D;
  }

  .service3 .zuo .t2 {
    margin: 1.146vw 0;
  }

  .service3 .zuo .t3 {
    margin-bottom: 2.813vw;
  }

  .service3 .you {
    width: 41.667vw;
  }

  .service3 .you .pic {
    border-radius: 32px;
    overflow: hidden;
  }

  .service3 .you .pic img {
    transition: all linear 1.5s;
  }

  .service3 .you .pic:hover img {
    transform: scale(1.1);
  }

  .service3.reverse {
    background: radial-gradient(50% 19.24% at 100% 50%, #18181B 0%, #000 100%);
  }

  .service3.reverse .C-wrap {
    flex-direction: row-reverse;
  }

  /* -----------------------------------------pcb-------------------------------------- */
  .pcb2 .list {
    gap: 1.667vw;
  }

  .pcb2 .list .ev {
    width: 20vw;
    border-radius: 32px;
    padding: 1.667vw;
    overflow: hidden;
    border: 1px solid #1F1F1F;
    background: rgba(255, 255, 255, 0.05);

  }

  .pcb2 .list .ev .intr {
    margin-top: 1.667vw;
    line-height: 1.2;
    text-align: center;
  }

  .pcb3 .list {
    padding: 3.438vw 0;
    gap: 2.188vw;
  }

  .pcb3 .list .ev {
    width: 20vw;
    padding: 1.667vw;
    border-radius: 8px;
    border: 1px solid #1F1F1F;
    background: rgba(255, 255, 255, 0.05);
  }

  .pcb3 .list .ev .icon {
    width: 1.667vw;
    margin: 0 auto;
  }

  .pcb3 .list .ev .t1 {
    margin: 1.146vw 0;
    text-align: center;
  }

  .pcb3 .list .ev .t2 {
    line-height: 1.6;
    opacity: 0.6;
  }

  .pcb4 .list {
    width: 49.479vw;
    padding: 1.667vw 0 3.438vw;
  }

  .pcb4 .list img {
    max-width: 100%;
    width: 100% !important;
  }

  .pcb5 .pic {
    width: 41.667vw;
    border-radius: 32px;
  }

  .pcb5 .intr {
    width: 38.958vw;
  }

  .pcb5 .intr .t2 {
    margin: 1.146vw 0 2.188vw;
    line-height: 1.6;
  }

  .pcb6 {
    border-radius: 42px;
    background: #1F1F1F;
    padding: 6.771vw 0;
    position: relative;
    overflow: hidden;
  }

  .pcb6 .zuo {
    margin-left: 5.521vw;
    width: 32.813vw;
  }

  .pcb6 .zuo .t2 {
    margin: 1.823vw 0 1.979vw;
  }

  .pcb6 .you {
    width: 49.479vw;
    gap: 0.625vw;
    position: absolute;
    top: -3.333vw;
    right: -11.25vw;
  }

  .pcb6 .you .pic {
    border-radius: 26px;
    overflow: hidden;
  }

  .pcb6 .you .pic img {
    height: 100%;
    object-fit: cover;
  }

  .pcb6 .you .pic:nth-of-type(1) {
    width: 16.667vw;
    height: 16.354vw;
    margin-left: 8.021vw;
    margin-top: 6.25vw;
  }

  .pcb6 .you .pic:nth-of-type(2) {
    width: 306.34.74vw;
    height: 434.34.74vw;

  }

  .pcb6 .you .pic:nth-of-type(3) {
    width: 306.34.74vw;
    height: 18.958vw;
  }

  .pcb6 .you .pic:nth-of-type(4) {
    width: 306.34.74vw;
    height: 434.34.74vw;
  }

  .pcb6 .you .pic:nth-of-type(5) {
    width: 306.34.74vw;
    height: 225.17.344vw;
  }

  .pcb7 .list {
    gap: 1.094vw;
  }

  .pcb7 .list .ev {
    width: 28.125vw;
    padding: 1.667vw;
    border-radius: 32px;
    border: 1px solid #3D3D3D;
    background: rgba(255, 255, 255, 0.08);
  }

  .pcb7 .list .ev .flex-yc span {
    color: #00DA9A;
  }

  .pcb7 .list .ev .t2 {
    margin: 1.146vw 0 1.667vw;
  }

  .pcb7 .list .ev .icon {
    width: 1.667vw;
    margin-left: 1em;
  }

  .pcb8 .list {
    gap: 1.094vw;
  }

  .pcb8 .list .ev {
    width: 42.708vw;
    padding: 1.667vw;
    border-radius: 32px;
    border: 1px solid #3D3D3D;
    background: rgba(255, 255, 255, 0.08);
  }

  .pcb8 .list .ev .flex-yc span {
    color: #00DA9A;
  }

  .pcb8 .list .ev .t2 {
    margin: 1.146vw 0 1.667vw;
  }

  .pcb8 .list .ev .icon {
    width: 1.667vw;
    margin-left: 1em;
  }

  .pcb9 .list {
    padding: 1.146vw 0 4.167vw;
    gap: 1.094vw;
    width: 55.521vw;
    margin: 0 auto;
  }

  .pcb9 .list .ev {
    width: 100%;
    padding: 1.667vw;
    border-radius: 32px;
    border: 1px solid #3D3D3D;
    background: rgba(255, 255, 255, 0.08);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    cursor: pointer;
    /*text-transform: capitalize;*/
  }

  .pcb9 .list .ev .zuo {
    flex: 1;
    padding-right: 1.667vw;
  }

  .pcb9 .list .ev .down {
    padding: 1.146vw 0 0;
    display: none;
    cursor: default;
  }

  .pcb9 .list .ev .kg {
    width: 1.667vw;
  }

  .pcb9 .list .ev.on .kg {
    transform: rotate(180deg);
  }

  /* -----------------------------------------Case Center-------------------------------------- */
  .C-banner .sel-group {
    margin-top: 2.708vw;
    cursor: pointer;
  }

  .C-banner .select {
    margin-right: 2.76vw;
    width: 19.792vw;
    position: relative;
    --inputHeight: 3.333vw;
  }

  .C-banner .select:nth-child(2n) {
    margin-right: 0;
    /* width: 17.083vw; */
  }

  .C-banner .select .simulate {
    padding: 0 3.3vw 0 1.667vw;
    border-radius: 32px;
    border: 1px solid #3D3D3D;
    background: rgba(255, 255, 255, 0.10);
    position: relative;
    line-height: var(--inputHeight);
    height: var(--inputHeight);


    display: -webkit-box;
    display: box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }

  .C-banner .select .placeholder {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    height: var(--inputHeight);
    line-height: var(--inputHeight);
    padding: 0 3.3vw 0 1.667vw;
    color: #C5C5C9;
    display: none;
  }

  .C-banner .select .simulate::after {
    content: '';
    display: block;
    position: absolute;
    right: 1.667vw;
    top: 50%;
    transform: translateY(-50%);
    width: 1.667vw;
    height: 1.667vw;
    background: url('../../img/icon-sel.svg') no-repeat center/contain;
  }

  .sel-group .select .options a {
    display: block;
  }

  .C-banner .select .options {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    margin: 0.365vw 0;
    padding: 1.042vw;
    border-radius: 16px;
    border: 1px solid #3D3D3D;
    background: rgba(0, 0, 0, 0.9);
    display: none;
    z-index: 5;
  }

  .C-banner .select .options::before,
  .C-banner .select .options::after {
    content: '';
    display: block;
    width: 100%;
    height: 0.417vw;
    position: absolute;
    left: 0;
  }

  .C-banner .select .options::before {
    bottom: 100%;
  }

  .C-banner .select .options::after {
    top: 100%;
  }

  .C-banner .select.on .options {
    display: block;
  }

  .C-banner .select .options .option {
    cursor: pointer;
    color: #C5C5C9;
    margin-bottom: 0.521vw;
  }

  .C-banner .select .options .option.on,
  .C-banner .select .options .option:hover {
    color: var(--color);
  }

  .C-banner .select input {
    display: none;
  }

  .C-banner .select .simulate:empty+.placeholder {
    display: -webkit-box;
    display: box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }

  .case2 .C-title h2 {
    max-width: 65.521vw;
    margin: 0 auto;
  }

  .case2 .list {
    gap: 1.667vw;
  }

  .case2 .list .ev {
    width: 20.41vw;
    border-radius: 10px;
    border: 1px solid #3D3D3D;
    background: #1F1F1F;
    overflow: hidden;
  }

  .case2 .list .ev .intr {
    padding: 1.667vw;
  }

  .case2 .list .ev .intr .t1 {
    line-height: 1.2;
  }

  .case2 .list .ev .intr .t2 {
    margin-top: 0.833vw;
    line-height: 1.6;
    opacity: 0.6;
  }

  .case2 .C-paging {
    padding: 1.25vw 0 3.438vw;
  }

  .C-paging {
    gap: 1.354vw;
  }

  .C-paging a {
    display: block;
    width: 4.427vw;
    height: 4.427vw;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .C-paging .pages {
    gap: 1.354vw;
  }

  .C-paging .pages a {
    border-radius: 8px;
    border: 1px solid #3D3D3D;
    color: #BDC6D1;
  }

  .C-paging .pages a.on,
  .C-paging .pages a:hover {
    color: #000;
    background: #03A978;
  }

  .C-paging .btn svg {
    width: 1.667vw;
  }

  .C-paging .btn svg path {
    fill: #fff;
  }

  .C-paging .btn.disabled svg path {
    fill: #3D3D3D;
  }

  .C-paging .btn:hover svg path {
    fill: #03A978;
  }

  .C-paging .btn.prev {
    transform: rotate(180deg);
  }

  /* -----------------------------------------news-------------------------------------- */
  .news2 .news-list {
    gap: 1.667vw;
    padding: 1.25vw 0 2.76vw;
  }

  .news2 .C-paging {
    padding: 1.25vw 0 2.76vw;
  }

  .news4 .main {
    padding: 4.479vw 0;
  }

  .news4 .zuo {
    width: 54.688vw;
  }

  .news4 .zuo .you {
    flex: 1;
  }

  .news4 .you .t3 {
    text-align: right;
    font-weight: 300;
    line-height: 1.6;
    margin-top: auto;
  }

  .news4 .new-share {
    margin-top: 2.083vw;
    padding: 0.833vw 1.667vw;
    gap: 0.833vw;
    border-radius: 50px;
    border: 1px solid #292929;
    background: #1F1F1F;
  }

  .news4 .new-share a {
    width: 1.979vw;
  }

  .news4 .new-share a:hover {
    transform: translateY(-0.26vw);
  }

  .news5 .sec1 {
    width: 53.229vw;
    padding: 1.667vw 0 2.76vw;
  }

  .news5 .sec1 .title {
    color: #EDF2F4;
    line-height: 1.6;
    margin-bottom: 1.146vw;
  }

  .news5 .sec1 .empty {
    color: #EDF2F4;
    line-height: 1.6 !important;
  }

  .news5 .sec1 .empty a {
    color: var(--color);
    text-decoration: underline;
  }

  .news5 .sec1 .empty p {
    margin-bottom: 2.083vw;
  }

  .news5 .sec1 .empty img {
    width: 100%;
    max-width: 100% !important;
    margin-bottom: 2.083vw;
  }

  .news5 .sec1 .empty video {
    display: block;
    width: 100%;
    max-width: 100% !important;
    margin-bottom: 2.083vw;
  }

  .news5 .sec2 {
    padding-bottom: 2.813vw;
  }

  .news5 .sec2 .zuo a {
    padding: 0.833vw 1.667vw;
    border-radius: 50px;
    border: 1px solid #292929;
    background: #1F1F1F;
    margin: 0 0.521vw;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }

  .news5 .sec2 .zuo a .icon {
    width: 1.25vw;
  }

  .news5 .sec2 .zuo a p {
    flex: 1;
  }

  .news5 .sec2 .zuo a:nth-child(1) {
    margin-bottom: 1.25vw;
  }

  .head1 .down {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    padding: 2.778vw 9.722vw;
    background: #000;
    box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.25);


    opacity: 0;
    pointer-events: none;
  }

  .head1 .link:hover .down {
    opacity: 1;
    pointer-events: visible;
  }

  .head1 .down::before {
    content: '';
    display: block;
    width: 100%;
    height: calc(var(--head) / 3);
    position: absolute;
    left: 0;
    bottom: 100%;
  }

  .head1 .down .zuo {
    flex: 1;
    gap: 24px;
  }

  .head1 .down .you {
    width: 39.861vw;
    margin-left: 1.111vw;
    border-radius: 16px;
    overflow: hidden;
  }

  .head1 .down a:hover {
    color: #00DA9A;
  }

  /* -----------------------------------------contact-------------------------------------- */
  .contact2 form {
    padding: 1.146vw 0 4.167vw;
    width: 34.688vw;
    gap: 1.094vw;
    margin: 0 auto;
  }

  .contact2 form label {
    display: block;
    width: 100%;
  }

  .contact2 form .w50 {
    width: calc(50% - 0.781vw);
  }

  .contact2 input {
    display: block;
    width: 100%;
    height: 3.333vw;
    padding: 0 1.667vw;
    border-radius: 10px;
    border: 1px solid #292929;
    background: #1F1F1F;
    font-size: inherit;
    color: #fff;
  }

  .contact2 textarea {
    display: block;
    width: 100%;
    height: 13.854vw;
    padding: 1.146vw 1.667vw;
    border-radius: 10px;
    border: 1px solid #292929;
    background: #1F1F1F;
    font-size: inherit;
    color: #fff;
    resize: none;
  }


  .contact2 input::placeholder,
  .contact2 textarea::placeholder {
    color: #fff;
  }

  .contact2 .input-error input {
    border: 1px solid var(--color);
  }

  .contact2 .input-error textarea {
    border: 1px solid var(--color);
  }

  .contact2 .type-upload.input-error .defaultUp {
    border: 1px solid var(--color);
  }

  .contact2 .type-upload input {
    display: none;
  }

  .contact2 .type-upload .icon {
    width: 1.667vw;
    margin-right: 0.521vw;
  }

  .contact2 .type-upload .defaultUp {
    width: 100%;
    height: 3.333vw;
    padding: 0 1.667vw;
    border-radius: 10px;
    border: 1px dashed #292929;
    background: #0E0E0E;
    font-size: inherit;
    color: #fff;
  }

  .contact2 .type-upload .placeholder {
    display: none;
  }

  .contact2 .type-upload .fileName:empty+.placeholder {
    display: block;
  }

  .contact2 .type-upload .fileName span {
    margin-right: 2em;
  }

  .contact3 .list {
    padding: 0.625vw 0 2.76vw;
    gap: 1.667vw;
  }

  .contact3 .list .ev {
    width: 20.417vw;
    border-radius: 10px;
    border: 1px solid #3D3D3D;
    overflow: hidden;
  }

  .contact3 .list .ev .pic {
    padding: 0 1.563vw;
  }

  .contact3 .list .intr {
    padding: 1.146vw 1.667vw;
    background: #1F1F1F;
  }

  .contact3 .list .t2 {
    margin: 0.521vw 0;
    color: #9A9D9E;
    letter-spacing: 0.19.427vw;
    line-height: 1.6;
  }

  .contact3 .list a {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 0.521vw;
    color: #9A9D9E;
  }

  .contact3 .list a .icon {
    width: 1.146vw;
  }

  .contact3 .list a p {
    padding-left: 0.573vw;
    flex: 1;
  }

  /* -----------------------------------------about-------------------------------------- */
  .about2 {
    padding: 1.146vw 0 2.813vw;
  }

  .about2 .list {
    gap: 1.667vw;
  }

  .about2 .ev {
    width: 20vw;
    border-radius: 32px;
    border: 1px solid #1F1F1F;
    background: rgba(255, 255, 255, 0.05);
    padding: 1.667vw;
    gap: 10.34.74vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .about3 {
    padding: 0 0 4.167vw;
  }

  .about3 .C-wrap::after {
    content: '';
    display: block;
    width: 54.063vw;
    height: 0.052vw;
    background: #3D3D3D;
    position: absolute;
    left: 50%;
    top: 9.479vw;
    transform: translate(-50%, 0);
    z-index: 1;
  }

  .about3 .swiper {
    width: 53.229vw;
    padding: 1.146vw 0;
    z-index: 3;
  }

  .about3 .swiper .swiper-slide {
    display: flex;
    flex-direction: column;
    position: relative;
  }


  .about3 .swiper .t1 {
    text-align: center;
    font-weight: bold;
  }

  .about3 .swiper .line {
    width: 1.667vw;
    margin: 0.417vw auto;
  }

  .about3 .swiper .t2 {
    color: #C5C5C9;
    padding: 0.417vw 0;
    display: -webkit-box;
    display: box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }

  .about3 .swiper .swiper-slide:nth-of-type(2n) {
    flex-direction: column-reverse;
    margin-top: 7.396vw;
  }

  .about3 .swiper .swiper-slide:nth-of-type(2n-1) {
    padding-top: 5.208vw;
  }

  .about3 .swiper .swiper-slide:nth-of-type(2n) .t2 {
    position: absolute;
    bottom: 100%;
  }

  .about3 .swiper .swiper-slide:nth-of-type(2n) .line {
    transform: rotate(180deg);
  }

  .about4 {
    padding-bottom: 2.76vw;
  }

  .about4 .main {
    padding: 2.396vw 15.521vw;
    border-radius: 42.667px;
    background: #1F1F1F;
  }

  .about4 .map {
    position: relative;
  }

  .about4 .ev {
    position: absolute;
  }

  .about4 .ev .point {
    width: 2.188vw;
    height: 2.188vw;
    background: url('../../img/about4-2.svg') no-repeat center/contain;
    cursor: pointer;
  }

  .about4 .ev .down {
    width: 16.146vw;
    border-radius: 10px 10px 0px 10px;
    border: 2px solid #BDC6D1;
    padding: 1.667vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.833vw;
    background: #1F1F1F;
    position: absolute;
    right: 1.042vw;
    bottom: 0.625vw;
    display: none;
  }

  .about4 .ev:hover .down {
    display: flex;
  }

  .about4 .ev .down .t2 {
    opacity: 0.6;
  }

  .about4 .ev:nth-child(1) {
        top: 17.25vw;
    left: 6.929vw;
  }

  .about4 .ev:nth-child(2) {
    top: 19.821vw;
    left: 42.758vw;
  }

  .about4 .ev:nth-child(3) {
    top: 19.688vw;
    left: 41.927vw;
  }

  .about4 .ev:nth-child(4) {
    top: 22.688vw;
    left: 40.927vw;
  }

  .about4 .ev:nth-child(5) {
    
  }
  
  .about4 .ev:nth-child(6) {
    
  }


  .about6 .main {
    padding: 1.146vw 0 2.76vw;
  }

  .about6 #about6-1 {
    margin-bottom: 1.667vw;
  }

  .about6 .swiper-slide {
    width: 20vw;
    padding: 1.667vw;
    border-radius: 32px;
    border: 1px solid #1F1F1F;
    background: rgba(255, 255, 255, 0.05);
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .about6 .swiper-slide .hpic {
    height: 5.208vw;
  }

  .about6 .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    -moz-transition-timing-function: linear !important;
    -ms-transition-timing-function: linear !important;
    -o-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
  }

  .about6 .swiper::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #000 1%, transparent 7%, transparent 93%, #000 99%);
    z-index: 5;
  }

  .about7 {
    padding-bottom: 2.76vw;
  }

  .about7 .main {
    padding: 2.813vw 5.521vw;
    border-radius: 42px;
    border: 1px solid #292929;
    background: #1F1F1F;
    line-height: 1.6;
    letter-spacing: 0.2.5vw;
  }

  .about8 .ev {
    background: radial-gradient(20% 50% at 100% 50%, #18181B 0%, #000 100%);
  }

  .about8 .ev:nth-of-type(2n) .C-wrap {
    flex-direction: row-reverse;
  }

  .about8 .pic {
    width: 41.667vw;
    border-radius: 32px;
  }

  .about8 .intr {
    width: 38.958vw;
  }

  .about8 .intr .t1 {
    color: #3D3D3D;
    line-height: 1;
    letter-spacing: 3.38.177vw;
    text-transform: uppercase;
  }

  .about8 .intr .t2 {
    margin: 1.146vw 0;
    letter-spacing: 0.27.76vw;
    text-transform: capitalize;
  }

  .about8 .intr .t3 {
    letter-spacing: 0.22.24vw;
    line-height: 1.6;
  }

  .about9 .list {
    padding: 1.146vw 0 2.813vw;
    gap: 1.667vw;
  }

  .about9 .list .ev {
    width: 20vw;
    padding: 1.667vw;
    border-radius: 32px;
    border: 1px solid #1F1F1F;
    background: rgba(255, 255, 255, 0.05);
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .about9 .list .ev .hpic {
    border-radius: 26px;
    overflow: hidden;
    height: 8.021vw;
  }

  .about10 {
    padding-bottom: 2.813vw;
  }

  .about10 .C-title p {
    text-align: left;
  }

  .about10 .shipin {
    border-radius: 32px;
    overflow: hidden;
    position: relative;
    height: 800px;
  }

  .about10 .shipin .bofang {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 3.646vw;
    display: none;
    cursor: pointer;
  }

  .about10 .shipin.on .bofang {
    display: block;
  }

  .about11 .ev {
    padding-left: 2.188vw;
    padding-right: 2.188vw;
  }

  .about11 .ev:nth-of-type(2n) {
    flex-direction: row-reverse;
  }

  .about11 .pic {
    width: 37.604vw;
    border-radius: 32px;
  }

  .about11 .intr {
    width: 38.958vw;
  }

  .about11 .intr .t2 {
    letter-spacing: 0.1.667vw;
    text-transform: capitalize;
  }

  .about11 .intr .t3 {
    margin: 1.146vw 0 0;
    letter-spacing: 0.22.24vw;
    line-height: 1.6;
  }

  /* -----------------------------------------Resource Center-------------------------------------- */
  .rc2 .main1 {
    padding: 0 3.125vw 2.083vw;
    align-items: flex-start;
  }

  .rc2 .left {
    width: 15.417vw;
    display: flex;
    padding: 1.667vw;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 0.833vw;
    border-radius: 21px;
    border: 1px solid #1F1F1F;
    background: rgba(255, 255, 255, 0.08);
  }

  .rc2 .left a {
    padding: 0.26vw 0.521vw;
    border-radius: 50px;
    letter-spacing: 0.1.25vw;
    text-transform: capitalize;
    line-height: 1.2;
  }

  .rc2 .left a:hover {
    transform: translate(-0.26vw, 0);
  }

  .rc2 .left a.on {
    background: #00DA9A;
    -webkit-text-fill-color: #1F1F1F;
  }

  .rc2 .you {
    flex: 1;
    margin-left: 2.083vw;
  }

  .rc2 .you .sec1 {
    display: flex;
    flex-wrap: wrap;
    gap: 0.833vw;
  }

  .rc2 .you .sec1 .C-shipin {
    border-radius: 32px;
    width: calc(50% - 0.417vw);
  }


  .rc2 .C-paging {
    width: 100%;
    padding: 1.25vw 0;
  }

  .rc2 .sec2 {
    gap: 0.833vw;
  }

  .rc2 .sec2 .ev {
    width: calc(50% - 0.417vw);
    border-radius: 21px;
    border: 1px solid #3D3D3D;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
    overflow: hidden;
    cursor: pointer;
  }

  .rc2 .sec2 .ev .type {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0px 0px 21px 0px;
    background: rgba(255, 255, 255, 0.80);
    padding: 0.104vw 1.146vw;
    color: #333;
    z-index: 5;
    font-weight: bold;
  }

  .rc2 .sec2 .ev .intr {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%);
    padding: 0 5.99vw;
    opacity: 0;
    pointer-events: none;
    transition: all ease .3s;
  }

  .rc2 .sec2 .ev:hover .intr {
    opacity: 1;
    pointer-events: visible;
  }

  .rc2 .sec2 .ev .intr .icons {
    gap: 1.354vw;
    margin-top: 2.76vw;
  }

  .rc2 .sec2 .ev .intr .icon {
    width: 1.667vw;
  }

  .C-shipin {
    position: relative;
    overflow: hidden;
  }

  .C-shipin .poster {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    object-fit: cover;
  }

  .C-shipin .btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    cursor: pointer;
    width: 3.125vw;
  }

  .C-shipin.on .poster {
    display: none;
  }

  .C-shipin.on .btn {
    display: none;
  }

  .rc3 .main {
    padding: 1.146vw 3.125vw 4.167vw;
    align-items: flex-start;
  }

  .rc3 .left {
    width: 19.635vw;
    display: flex;
    padding: 1.667vw;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 0.833vw;
    border-radius: 21px;
    border: 1px solid #1F1F1F;
    background: rgba(255, 255, 255, 0.08);
  }

  .rc3 .left a {
    padding: 0.26vw 0.521vw;
    border-radius: 50px;
    letter-spacing: 0.1.25vw;
    text-transform: capitalize;
    line-height: 1.2;
  }

  .rc3 .left a:hover {
    transform: translate(-0.26vw, 0);
  }

  .rc3 .left a.on {
    background: #00DA9A;
    -webkit-text-fill-color: #1F1F1F;
  }

  .rc3 .list {
    margin-left: 2.813vw;
    flex: 1;
    gap: 1.094vw;
  }

  .rc3 .list .ev {
    width: 100%;
    padding: 1.667vw 4.427vw 1.667vw 1.667vw;
    border-radius: 32px;
    border: 1px solid #3D3D3D;
    background: rgba(255, 255, 255, 0.08);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    cursor: pointer;
  }

  .rc3 .list .ev .zuo {
    flex: 1;
    padding-right: 1.667vw;
  }

  .rc3 .list .ev .down {
    padding: 1.146vw 0 0;
    display: none;
    cursor: default;
  }

  .rc3 .list .ev .kg {
    width: 1.667vw;
  }

  .rc3 .list .ev.on .kg {
    transform: rotate(180deg);
  }

  .rc3 .C-paging {
    width: 100%;
    padding: 1.25vw 0;
  }

  /* -----------------------------------------5G Antenna Board-------------------------------------- */

  .wg2 {
    background: radial-gradient(20% 40% at 100% 60%, #18181B 0%, #000 100%);
  }

  .wg2 .zuo .pic {
    border-radius: 32px;
  }

  .wg2 .you {
    width: 38.958vw;
    gap: 1.042vw;
  }

  .wg2 .you .pic {
    width: 10.313vw;
  }

  .wg2 .you .yinhao {
    width: 2.813vw;
  }

  .wg2 .you .t3 {
    /* color: #03A978; */
  }

  .wg2 .you .t3 p {
    margin-bottom: 0.521vw;
  }

  .wg3 .C-title {
    margin-bottom: 1.146vw;
  }

  .wg3 .main {
    margin-bottom: 2.188vw;
    padding: 0 3.021vw;
  }

  .wg3 .main .ul {
    border-radius: 26px;
    border: 1px solid #292929;
    padding: 1.667vw;
    gap: 1.146vw;
  }

  .wg3 .main .ul li {
    width: 19.271vw;
    height: 100%;
    padding: 1.667vw;
    border-radius: 22px;
    border: 1px solid #1F1F1F;
    background: rgba(255, 255, 255, 0.08);
    text-transform: capitalize;
  }

  .wg3 .main .ul li .t1 {
    padding-bottom: 0.833vw;
    margin-bottom: 0.833vw;
    border-bottom: 1px solid #292929;
  }

  .wg3 .main .ul li:nth-child(3) {
    width: 35.833vw;
  }

  .wg4 {
    height: 5.521vw;
  }

  /* -----------------------------------------Solutions & Cases-------------------------------------- */


  .sl2 {
    padding: 1.667vw 0 4.896vw;
  }

  .sl2 .C-title h2 {
    width: 66.354vw;
    margin: 0 auto;
  }

  .sl2 .grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr 17.813vw 13.229vw 1fr 1fr;
    grid-template-rows: 12.5vw 12.5vw 11.563vw;
    gap: 0.521vw;
  }

  .sl2 .grid-item {
    border-radius: 32px;
    overflow: hidden;
  }

  .sl2 .item-1 {
    grid-column: span 2;
    grid-row: span 3;
  }

  .sl2 .item-2 {
    grid-column: span 1;
    grid-row: span 2;
  }

  .sl2 .item-3 {
    grid-column: span 2;
    grid-row: span 1;
  }

  .sl2 .item-4 {
    grid-column: span 1;
    grid-row: span 1;
  }

  .sl2 .item-5 {
    grid-column: span 1;
    grid-row: span 1;
  }

  .sl2 .item-6 {
    grid-column: span 2;
    grid-row: span 2;
  }

  .sl2 .item-7 {
    grid-column: span 2;
    grid-row: span 1;
  }

  .sl2 .grid-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .sl3 .C-title h2 {
    text-align: left;
  }

  .sl3 .zuo {
    width: 38.958vw;
    gap: 1.146vw;
  }

  .sl3 .zuo li .icon {
    width: 1.667vw;
    margin-right: 0.521vw;
  }

  .sl3 .zuo li .t1 {
    font-weight: bold;
  }

  .sl3 .zuo li .t2 {
    line-height: 1.6;
    margin-top: 0.521vw;
  }

  .sl3 .you .pic {
    width: 41.667vw;
    border-radius: 32px;
  }

  .sl4 .C-title h2 {
    text-align: left;
  }

  .sl4 .zuo .pic {
    width: 41.667vw;
    border-radius: 32px;
  }

  .sl4 .you {
    width: 38.958vw;
  }

  .sl4 .you .t2 {
    margin-top: 1.146vw;
    line-height: 1.6;
  }

  .sl4 .you dl {
    margin: 2.188vw 0;
  }

  .sl4 .you dl dt {
    margin-bottom: 1.146vw;
  }

  .sl4 .you dl dd {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 0.521vw;
  }

  .sl4 .you dl .icon {
    width: 1.667vw;
    margin-right: 0.521vw;
  }

  .sl4 .you dl p {
    flex: 1;
  }

  /* -----------------------------------------产品弹窗-------------------------------------- */
  .pcb2 .list2 {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: rgba(0, 0, 0, 0.60);
    display: none;
  }

  .pcb2 .list2.on {
    display: flex;
  }

  .pcb2 .list2 .tanchuang {
    width: 52.083vw;
    border-radius: 32px;
    padding: 0 2.083vw 2.083vw;
    border: 1.333px solid #1F1F1F;
    overflow: hidden;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.05) 100%), #000;
    display: none;
  }

  .pcb2 .list2 .tanchuang .top {
    padding: 1.25vw 0 2.083vw;
  }

  .pcb2 .list2 .tanchuang .top .close {
    width: 1.667vw;
    cursor: pointer;
  }

  .pcb2 .list2 .tanchuang .content {
    height: 39.76vw;
    max-height: 65vh;
  }

  .pcb2 .list2 .tanchuang .gdnr {
    height: max-content;
  }

  .pcb2 .list2 .tanchuang .pic {
    width: 31.25vw;
    margin: 0 auto;
  }

  .pcb2 .list2 .tanchuang .t9 {
    margin: 2.083vw 0;
  }

  .pcb2 .list2 .tanchuang .t10 {
    line-height: 1.6;
  }
}

.C-wrap .flex-column .wpcf7 .flex-xb p {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.C-wrap .wpcf7 .flex-xend p .wpcf7-form-control {
  color: #1F1F1F;
  border: 1px solid var(--color);
  background: var(--color);
  font-weight: 500;
  padding: 0.677vw 1.667vw;
  cursor: pointer;
  user-select: none;
  border-radius: 100px;
  transition: all ease .3s;
}

.contact2 .type-upload {
  width: 100%;
  height: 3.333vw;
  padding: 0 1.667vw;
  border-radius: 10px;
  border: 1px dashed #292929;
  background: #0E0E0E;
  font-size: inherit;
  color: #fff;
}

.contact2 .type-upload .text{
    line-height: 0vw;
}


.phone-number {
    margin-left: auto; /* Pushes the phone number to the right */
    font-size: 1.2em; /* Adjust the font size as needed */
    color: #fff; /* Adjust the color as needed */
    display: flex;
    align-items: center;
}