@media screen and (max-width:768px) {
  #app {
    overflow-x: hidden;
  }

  .navbar-toggle {
    display: block;
  }

  .head1 .head-search-wrap {
    position: absolute;
    right: 44px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 60;
  }

  .head1 .head-search {
    width: 28px;
    height: 28px;
    padding: 0 7px;
  }

  .head1.search-open .head-search {
    width: 140px;
  }

  .head1 .head-search-ico {
    width: 14px;
    height: 14px;
  }

  .head1 .head-search-ico img {
    width: 100%;
    height: 100%;
  }

  .head1.search-open .head-search-ipt {
    margin-left: 6px;
  }

  .head1 .head-search-drop {
    top: calc(100% + 6px);
    width: min(280px, calc(100vw - 40px));
    max-height: 240px;
    padding: 8px 0;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    transform: translateY(6px);
  }

  .head1 .head-search-drop::before {
    height: 8px;
  }

  .head1 .head-search-drop a {
    gap: 8px;
    padding: 8px 16px;
  }

  .head1 .head-search-drop a .model {
    font-size: 12px;
  }

  .head1 .head-search-drop a.more {
    margin-top: 4px;
    border-top: 1px solid #eee;
  }

  .head1 .head-search-drop .empty {
    padding: 10px 16px;
  }

  .head1.search-open .logo {
    left: auto;
  }

  .head1.search-open .menu {
    padding-right: 0;
    gap: 32px;
  }

  .head1 .menu {
    position: fixed;
    left: 0;
    top: -120vh;
    width: 100%;
    height: 100vh;
    padding: 10vh 0 0;
    background: #fff;
    display: block;
    opacity: 0;
    overflow: auto;
    transition: all ease .3s;
    z-index: 50;
    color: #333;
  }

  header.open .menu {
    top: 0;
    opacity: 1;
  }

  .head1 .link {
    width: 100%;
    margin-left: 0;
  }

  .head1 .menu .link {
    height: auto;
    width: 100%;
    display: block;
  }

  .head1 .menu .link a:hover,
  .head1 .menu .link.on a {
    opacity: 1;
    color: #012eaa;
  }

  .head1 .link>a {
    display: block;
    border-bottom: 1px solid #ddd;
    line-height: 50px;
    color: #333;
  }

  .head1 .link a {
    padding: 0 20px;
  }

  .head1 .link::after {
    display: none;
    width: 52px;
    height: 10px;
    left: 50%;
    top: 100%;
    margin-top: 14px;
    transform: translate(-50%, -50%) scale(0);
  }

  .head1 .link:hover::after,
  .head1 .link.on::after {
    transform: translate(-50%, 0) scale(1);
  }

  .head-mega-bg {
    display: none;
  }

  .head-mega {
    position: static;
    left: auto;
    top: auto;
    width: 100%;
    padding: 0;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    display: none;
    transition: none;
    border-bottom: 1px solid #ddd;
  }

  .head-mega .C-wrap {
    width: 100%;
    pointer-events: auto;
  }

  .head-mega .head-pd-list .item {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .head-mega a {
    padding: 10px 30px;
    text-align: left;
    font-size: 14px;
    color: #666;
  }

  .head1 .link.has-down {
    position: relative;
  }

  .head1 .link.has-down .down-jt,
  .head1 .link.has-drop .down-jt {
    display: block;
  }

  .head1 .head-jt {
    display: none;
  }

  .head1 .down {
    border-bottom: 1px solid #ddd;
    width: 100%;
    position: static;
    display: none;
    transform: none;
    opacity: 1;
    visibility: visible;
  }

  .head1 .has-drop:hover .down {
    transform: none;
  }

  .head1 .down a {
    display: block;
    padding: 10px 30px;
    font-size: 14px;
    line-height: 1.4;
    color: #666;
    border-bottom: none;
    text-align: left;
  }

  .head-mega .head-pd-list {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 10px 0;
  }

  .head-mega .head-pd-list .item {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 10px 30px;
  }

  .head-mega .head-pd-list .item .pic {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 50%;
    background: #f5f5f5;
    padding: 6px;
    aspect-ratio: auto;
  }

  .head-mega .head-pd-list .item .pic img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }

  .head-mega .head-pd-list .item .bot {
    flex: 1;
    gap: 0;
    padding: 0;
  }

  .head-mega .head-pd-list .item .bot p {
    line-height: 1.4;
    font-size: 14px;
    color: #666;
    text-align: left;
    white-space: normal;
  }

  .head-mega .head-pd-list .item .arr {
    display: none;
  }

  .head1 .link .down-jt {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    background: url('/img/icon-jia.svg') no-repeat center/15px;
  }


  .head1 .link.on .down-jt {
    background: url('/img/icon-jian.svg') no-repeat center/15px;
  }



  :root {
    --head: 37px;
  }

  .head1 {
    width: 100%;
  }

  .scroll .head1 {
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: none;
  }

  .C-wrap {
    width: 90%;
  }

  .C-btn1 {
    display: inline-flex;
    padding: 9px 12px;
    border-radius: 10px;
  }

  .C-btn2 {
    display: inline-flex;
    height: 34px;
    padding: 0 12px;
    border-radius: 10px;
  }

  .C-title1 {
    display: flex;
    gap: 2px;
  }

  .C-title1 img {
    width: 6px;
    height: 12px;
  }

  .head1 .C-wrap {
    height: 100%;
  }

  .head1 .logo {
    width: 105px;
    flex-shrink: 0;
    margin: 0;
    position: static;
    transform: none;
  }

  .head1 .menu {
    flex: 1;
    gap: 32px;
    padding-right: 0;
  }

  .scroll .head1 .head-search,
  .blackHead .head1 .head-search {
    background: rgba(1, 46, 170, 0.12);
  }

  .scroll .head1 .head-search-ico img,
  .blackHead .head1 .head-search-ico img {
    filter: none;
  }

  .head1 .menu-r {
    justify-content: flex-end;
  }

  .home1 {
    height: 460px;
  }

  .home1-swiper,
  .home1 .swiper-slide {
    height: 100%;
  }

  .home1 .C-wrap {
    height: 100%;
  }

  .home1-intr {
    top: 170px;
    width: 96%;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .home1 .swiper-slide.theme3 .home1-intr {
    left: 2%;
    right: auto;
    transform: none;
  }

  .home1 .swiper-slide.theme2 .home1-intr {
    left: 2%;
    right: auto;
    transform: none;
  }

  .home1 .swiper-slide.theme1 .home1-intr {
    left: 2%;
    right: auto;
    transform: none;
  }

  .home1-intr .tit h1 {
    font-size: 42px;
  }

  .home1 .home1-pagination {
    bottom: 26px;
    width: 100%;
    display: flex;
    gap: 8px;
  }

  .home1-pagination .swiper-pagination-bullet {
    width: 16px;
    height: 2px;
    border-radius: 2px;
  }

  .home2 {
    padding: 58px 0 80px;
  }

  .home2 .C-title1 {
    margin-bottom: 4px;
  }

  .home2 .C-title2 p {
    padding-left: 6px;
  }

  .home2-slogan {
    margin-top: 40px;
  }

  .home2-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
  }

  .home2-list .item {
    flex: none;
    width: 100%;
    height: 161px;
    padding: 20px;
    border-radius: 12px;
    transition: flex .6s ease;
  }

  .home2-list .item.on {
    flex: none;
  }

  .home2-list .item .con {
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  .home2-list .item .foot {
    display: flex;
    align-items: flex-end;
  }

  .home2-list .item .txt p {
    line-height: 14px;
  }

  .home2-list .item .icon {
    width: 80px;
    flex-shrink: 0;
  }

  .home3 {
    height: auto;
  }

  .home3-sticky {
    display: flex;
    height: auto;
  }

  .home3-1 {
    width: 100%;
    height: 271px;
    border-radius: 10px;
  }

  .home3-1 .bg {
    width: 100%;
    height: 100%;
  }

  .home4 {
    padding: 55px 0;
  }

  .home4-list {
    height: auto;
  }

  .home4-list .item {
    display: flex;
    width: 100%;
    padding: 20px;
    border-radius: 8px 40px 8px 40px;
    position: relative;
    margin: 20px 0;
  }

  .home4-list .item-lt {
    height: 148px;
  }

  .home4-list .item-rt {
    height: 148px;
  }

  .home4-list .item-lb {
    top: 0;
    height: 140px;
  }

  .home4-list .item-rb {
    top: 0;
    height: 140px;
  }

  .home4-list .item .ico {
    top: 20px;
    width: 21px;
    height: 21px;
  }

  .home4-list .ico {
    left: 20px;
  }

  .home4-list .con {
    width: 113px;
  }

  .home4-list .desc {
    margin-top: 10px;
    line-height: 14px;
  }

  .home4-center {
    position: static;
    left: 50%;
    top: 50%;
    transform: none;
    width: 100%;
  }

  .home4-center .big b {
    font-size: 50px;
  }

  .home4-center .desc {
    margin-top: 2px;
    line-height: 14px;
  }

  .home5 {
    padding: 29px 0;
  }

  .home5 .item {
    flex-shrink: 0;
    width: 84px;
    margin-right: 33px;
    display: flex;
  }

  .home5 .item img {
    max-width: 100%;
    max-height: 23px;
  }

  .home6 {
    padding: 30px 0;
  }

  .home6-top {
    margin-bottom: 30px;
  }

  .home6-top .tit {
    font-size: 50px;
  }

  .home6-top .subs {
    margin-top: 6px;
  }

  .home6-top .subs .tar {
    text-align: left;
    margin: 20px 0 0;
  }

  .home6-top .subs p {
    line-height: 14px;
  }

  .home6-list .item {
    height: 160px;
    border-radius: 12px;
  }

  .home6-list .item+.item {
    margin-top: 8px;
  }

  .home6-list .item h3 {
    left: 20px;
    bottom: 11px;
  }

  .home7 {
    padding: 38px 0;
  }

  .home7-tit {
    margin-bottom: 40px;
  }

  .home7-main {
    display: flex;
    flex-direction: column;
    height: 90vh;
  }

  .home7-main .zuo {
    flex-shrink: 0;
    width: 100%;
    padding: 30px 24px;
    border-radius: 19px;
  }

  .home7-main .con-list {
    height: 300px;
  }

  .home7-main .con {
    width: 100%;
    transform: translateY(15px);
  }

  .home7-main .num {
    display: flex;
    gap: 4px;
    line-height: 14px;
  }

  .home7-main .num i {
    width: 24px;
    height: 1px;
  }

  .home7-main .con h3 {
    margin-top: 23px;
  }

  .home7-main .con p {
    margin-top: 22px;
  }

  .home7-main .you {
    width: 100%;
    height: 460px;
    border-radius: 19px;
  }

  .home7-main .you .pic img {
    width: 100%;
    height: 100%;
  }

  .home8 {
    padding: 28px 0;
  }

  .home8-form {
    width: 90%;
    padding: 20px 19px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(8px);
  }

  .home8-form .tit {
    margin-bottom: 12px;
  }

  .home8-form .tit p {
    margin-top: 6px;
    line-height: 14px;
  }

  .home8-form .rows {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 0;
  }

  .home8-form .item {
    width: 100%;
  }

  .home8-form .item-textarea {
    width: 100%;
  }

  .home8-form .item label {
    margin-bottom: 4px;
  }

  .home8-form .item .ipt {
    display: flex;
    height: 35px;
    padding: 0 12px;
    border: 1px solid rgba(204, 204, 204, .8);
    border-radius: 20px;
  }

  .home8-form .item .ipt .jt {
    width: 8px;
    height: 8px;
    flex-shrink: 0;
  }

  .home8-form .item-select .val {
    flex: 1;
  }

  .home8-form .item-select .jt {
    margin-left: 5px;
  }

  .home8-form .item-select .select-list {
    top: calc(100% + 3px);
    width: 100%;
    max-height: 110px;
    padding: 3px;
    border: 1px solid rgba(204, 204, 204, .8);
    border-radius: 10px;
    box-shadow: 0 5px 12px rgba(1, 46, 170, .12);
    transform: translateY(-3px);
  }

  .home8-form .item-select .select-list .opt {
    padding: 4px 6px;
    border-radius: 8px;
  }

  .home8-form .item-textarea .ipt {
    height: 100px;
    align-items: flex-start;
    padding: 6px 12px 6px 8px;
    border-radius: 10px;
  }

  .home8-form .item-textarea textarea {
    height: 100%;
  }

  .home8-form>.C-btn1 {
    display: flex;
    margin: 12px auto 0;
  }

  .foot1 {
    padding: 31px 0 10px;
  }

  .foot1 .logo {
    width: 133px;
  }

  .foot2 {
    margin-top: 25px;
  }

  .foot2 .info {
    width: 100%;
  }

  .foot2 .info .txt .addr {
    margin-bottom: 6px;
  }

  .foot2 .info .txt p+p {
    margin-top: 6px;
  }

  .foot2 .share {
    margin-top: 20px;
    gap: 6px;
  }

  .foot2 .share .icon {
    width: 20px;
    height: 20px;
  }

  .foot2 .foot-nav {
    gap: 60px;
    margin: 20px 0 0;
  }

  .foot2 .foot-nav ul {
    width: 88px;
  }

  .foot2 .foot-nav .t1 {
    margin-bottom: 6px;
    letter-spacing: 1px;
  }

  .foot3 {
    margin-top: 45px;
  }

  .cookie-tip {
    right: 5%;
    bottom: 15px;
    width: 90%;
    max-width: 100%;
    transform: translateY(15px);
  }

  .cookie-box {
    padding: 14px 15px;
    border: 1px solid #eaeffb;
    border-radius: 10px;
    box-shadow: 0 10px 25px rgba(1, 46, 170, 0.18);
  }

  .cookie-icon {
    width: 24px;
    height: 24px;
    border-radius: 50%;
  }

  .cookie-con {
    margin-top: 9px;
  }

  .cookie-tit {
    margin-bottom: 5px;
  }

  .cookie-btns {
    gap: 6px;
    margin-top: 11px;
  }

  .cookie-btn {
    height: 22px;
    padding: 0 13px;
    border-radius: 22px;
  }

  .splitted__char {
    transform: translateY(20px);
  }

  .C-banner {
    height: 150px;
  }

  .C-banner .bg img {
    width: 100%;
    height: 100%;
  }

  .C-banner .C-wrap {
    height: 100%;
  }

  .C-banner-con {
    top: 48px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
  }

  .C-mbx {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px 4px;
  }

  .C-mbx img {
    width: 6px;
    height: 12px;
  }

  .down1 {
    padding: 52px 0 115px;
  }

  .down1-tit {
    margin-top: 42px;
  }

  .down1-list {
    width: 90%;
    margin: 34px auto 0;
  }

  .down1-list .item {
    display: flex;
    height: 30px;
    border-bottom: 1px solid #d9d9d9;
  }

  .down1-list .item .ico {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
  }

  .down1-list .item .ico img {
    width: 100%;
    height: 100%;
  }

  .st2 {
    padding: 30px 0 15px;
  }

  .st2-list {
    margin-top: 12px;
    gap: 10px;
  }

  .st2-list .item {
    display: flex;
    width: 260px;
    height: 31px;
    padding: 0 12px;
    border-radius: 10px;
  }

  .st3 {
    padding: 30px 0 50px;
  }

  .st3-info {
    width: 100%;
    flex-shrink: 0;
  }

  .st3-info .desc {
    margin-top: 12px;
  }

  .st3-pic {
    width: 100%;
    height: 259px;
    flex-shrink: 0;
    border-radius: 13px;
    margin-top: 20px;
  }

  .st3-pic img {
    width: 100%;
    height: 100%;
  }

  .st3-swiper-wrap {
    margin-top: 30px;
  }

  .st3-btn {
    top: 116px;
    width: 28px;
    height: 28px;
  }

  .st3-btn img {
    width: 100%;
    height: 100%;
  }

  .st3-prev {
    left: -14px;
  }

  .st3-next {
    right: -14px;
  }

  .pditem {
    height: auto;
    padding: 14px 12px 60px;
    border: 1px solid #f3f3f3;
    border-radius: 10px;
  }

  .pditem:hover {
    box-shadow: 4px 6px 7px rgba(227, 227, 227, .25);
  }

  .pditem .badge {
    left: 6px;
    top: 7px;
    display: flex;
    height: 20px;
    padding: 0 7px;
    border-radius: 4px;
  }

  .pditem .pic {
    display: flex;
    height: 144px;
  }

  .pditem .pic img {
    max-width: 143px;
    max-height: 144px;
  }

  .pditem h3 {
    margin-top: 15px;
    line-height: 12px;
  }

  .pditem .model {
    margin-top: 5px;
  }

  .pditem .btn {
    left: 50%;
    bottom: 17px;
    transform: translateX(-50%);
    display: flex;
    width: auto;
    min-width: 83px;
    height: 26px;
    padding: 0 14px;
    white-space: nowrap;
    border-radius: 6px;
  }

  .st4 {
    padding: 55px 0 85px;
  }

  .st4-tit {
    width: 100%;
    margin: 0 auto 45px;
  }

  .st4-list {
    gap: 40px;
  }

  .st4-list .item {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }

  .st4-list .ico {
    display: flex;
    height: 47px;
  }

  .st4-list .ico img {
    max-height: 47px;
  }

  .st4-list .con p {
    margin-top: 6px;
    line-height: 14px;
  }

  .C-paging {
    display: flex;
    gap: 18px;
    margin-top: 30px;
  }

  .C-paging .page-btn {
    display: flex;
    width: 20px;
    height: 20px;
  }

  .C-paging .page-btn img {
    width: 100%;
    height: 100%;
  }

  .C-paging .pages {
    display: flex;
    gap: 18px;
  }

  .C-paging .pages .num {
    display: flex;
    min-width: 20px;
    height: 20px;
    padding: 0 4px;
    border-radius: 7px;
  }

  .pd2 {
    padding: 30px 0;
  }

  .pd2-list {
    display: flex;
    margin-top: 20px;
  }

  .pd2-list .item {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .pd2-list .item .ico {
    display: flex;
    height: 70px;
  }

  .pd2-list .item .ico img {
    max-width: 89px;
    max-height: 70px;
  }

  .pd2-list .item p {
    font-size: 12px;
  }

  .pd3 .main {
    gap: 40px;
  }

  .pd3-box {
    width: 100%;
    margin-top: 20px;
    padding: 10px 10px 17px;
    border-radius: 19px;
    box-shadow: 5px 5px 15px rgba(150, 150, 150, .25);
  }

  .pd3-content {
    height: 313px;
  }

  .pd3-content .pic {
    border-radius: 10px;
  }

  .pd3-content .pic img {
    width: 100%;
    height: 100%;
  }

  .pd3-content .con {
    left: 30px;
    bottom: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .pd3-content .con .more {
    display: flex;
    min-width: 54px;
    height: 18px;
    padding: 0 8px;
    border-radius: 6px;
  }

  .pd3-nav {
    margin-top: 10px;
  }

  .pd3-nav .lv1 {
    gap: 10px;
    min-height: 48px;
    padding: 6px 10px;
    border-radius: 6px;
  }

  .pd3-nav .lv1 .ico {
    width: 34px;
    height: 34px;
  }

  .pd3-nav .lv2-wrap {
    padding: 6px 0;
  }

  .pd3-nav .lv2 {
    min-height: 44px;
    padding-left: 34px;
  }

  .pd3-nav .lv2-group.on>.lv2::before,
  .pd3-nav .lv2.on::before {
    left: 18px;
    width: 3px;
    height: 20px;
  }

  .pd3-nav .lv3-wrap {
    gap: 8px;
    padding: 6px 0 12px 46px;
  }

  .pd4 {
    padding: 80px 0 60px;
  }

  .pd-list {
    gap: 20px;
  }

  .C-more {
    display: inline-flex;
    gap: 3px;
  }

  .C-more img {
    width: 8px;
    height: 8px;
  }

  .C-more:hover img {
    transform: translateX(2px);
  }

  .C-tag {
    display: inline-flex;
    height: 26px;
    padding: 0 5px;
    border: 1px solid #dadada;
    border-radius: 50px;
  }

  .C-newsitem {
    display: flex;
    flex-direction: column;
    height: auto;
    padding: 13px;
    border-radius: 10px;
  }

  .C-newsitem:hover {
    box-shadow: 4px 6px 7px rgba(227, 227, 227, .25);
  }

  .C-newsitem .pic {
    height: 188px;
    border-radius: 10px;
  }

  .C-newsitem .pic img {
    width: 100%;
    height: 100%;
  }

  .C-newsitem .date {
    margin-top: 13px;
  }

  .C-newsitem .tit {
    margin-top: 8px;
  }

  .C-newsitem .foot {
    padding-top: 10px;
  }

  .C-newsitem .tags {
    display: flex;
    gap: 7px;
  }

  .news1 {
    height: 271px;
    display: flex;
  }

  .news1 .bg img {
    width: 100%;
    height: 100%;
  }

  .news2 {
    padding: 20px 0 30px;
  }

  .news2 .C-mbx {
    margin-bottom: 45px;
  }

  .news2-swiper-wrap {
    width: 90%;
  }

  .news2-swiper {
    border-radius: 10px;
  }

  .news2-card {
    display: flex;
    flex-direction: column;
    height: auto;
    border-radius: 10px;
  }

  .news2-card .zuo {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
  }

  .news2-card .date {
    display: inline-flex;
    height: 18px;
    padding: 0 8px;
    border-radius: 8px;
  }

  .news2-card .tit {
    margin-top: 6px;
  }

  .news2-card .desc {
    width: 100%;
    max-width: 100%;
    margin-top: 10px;
  }

  .news2-card .tags {
    display: flex;
    gap: 10px;
    margin-top: 12px;
  }

  .news2-card .C-tag {
    padding: 0 10px;
  }

  .news2-card .C-more {
    margin-top: 20px;
  }

  .news2-card .you {
    width: 100%;
    flex-shrink: 0;
    height: 190px;
    order: -1;
  }

  .news2-card .you img {
    width: 100%;
    height: 100%;
  }

  .news2-pagination {
    display: flex;
    gap: 8px;
    margin-top: 20px;
  }

  .news2-pagination .swiper-pagination-bullet {
    width: 23px;
    height: 3px;
    border-radius: 3px;
  }

  .news3 {
    width: 90%;
    padding: 18px 0 50px;
  }

  .news3-top {
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
    margin-bottom: 20px;
  }

  .news3-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  .news3-tabs .tab {
    display: flex;
    height: 28px;
    min-width: 75px;
    padding: 0 15px;
    border: 1px solid rgba(17, 17, 17, .15);
    border-radius: 14px;
  }

  .news3-tabs .tab.on {
    box-shadow: 0 5px 5px rgba(1, 37, 72, .2);
  }

  .news3-search {
    width: 100%;
    height: 32px;
  }

  .news3-search input {
    width: 100%;
    height: 100%;
    padding: 0 28px 0 10px;
    border: 1px solid rgba(17, 17, 17, .15);
    border-radius: 14px;
  }

  .news3-search .btn {
    display: flex;
    width: 28px;
    height: 100%;
    border-left: 1px solid rgba(0, 0, 0, .1);
  }

  .news3-search .btn img {
    width: 7px;
    height: 7px;
  }

  .news-list {
    gap: 22px 38px;
  }

  .news6 {
    padding: 57px 0 50px;
  }

  .news6 .C-mbx {
    margin-bottom: 32px;
  }

  .news6-main {
    display: flex;
    align-items: flex-start;
  }

  .news6-toc,
  .news6-recommend {
    display: none;
  }

  .news6-toc {
    margin-top: 94px;
  }

  .news6-recommend {
    margin-top: 94px;
  }

  .news6-toc .tit,
  .news6-recommend .tit {
    margin-bottom: 10px;
  }

  .news6-toc .tit {
    margin-bottom: 20px;
  }

  .news6-toc .toc-list {
    display: flex;
    flex-direction: column;
  }

  .news6-toc .toc-item {
    display: flex;
    gap: 3px;
  }

  .news6-toc .toc-item:nth-last-child(n+2) {
    margin-bottom: 20px;
  }

  .news6-toc .toc-item .idx {
    flex-shrink: 0;
  }

  .news6-recommend .rec-list {
    display: flex;
    flex-direction: column;
    gap: 9px;
  }

  .news6-recommend .rec-item {
    display: flex;
    gap: 12px;
  }

  .news6-recommend .rec-item .pic {
    width: 37px;
    height: 28px;
    flex-shrink: 0;
    border-radius: 2px;
  }

  .news6-recommend .rec-item .pic img {
    width: 100%;
    height: 100%;
  }

  .news6-recommend .rec-item .txt {
    flex: 1;
  }

  .news6-body {
    width: 100%;
    flex-shrink: 0;
  }

  .news6-hd .meta {
    margin-top: 24px;
  }

  .news6-hd .share-btn {
    width: 12px;
    height: 12px;
  }

  .news6-hd .share-btn img {
    width: 100%;
    height: 100%;
  }

  .news6-hd .hr {
    margin-top: 6px;
    height: 1px;
  }

  .news6 .empty {
    padding-top: 20px;
  }

  .news6 .empty p {
    margin-bottom: 12px;
  }

  .news6 .empty img {
    margin: 20px auto;
    max-width: 100%;
    border-radius: 10px;
  }

  .news6 .empty .anchor {
    margin: 20px 0 12px;
    scroll-margin-top: 50px;
  }

  .news6-op {
    margin-top: 30px;
  }

  .news6-op .share {
    display: flex;
    gap: 15px;
  }

  .news6-op .share .lbl {
    letter-spacing: .3px;
  }

  .news6-op .share .icons {
    display: flex;
    gap: 6px;
  }

  .news6-op .share .icons a {
    width: 24px;
    height: 24px;
  }

  .news6-op .share .icons img {
    width: 100%;
    height: 100%;
  }

  .news6-op .nav {
    margin-top: 16px;
  }

  .news6-op .nav .links {
    width: 100%;
  }

  .news6-op .nav .links p+p {
    margin-top: 8px;
  }

  .news6-op .nav .back {
    gap: 8px;
    margin-top: 40px;
  }

  .news6-op .nav .back img {
    width: 18px;
    height: 18px;
  }

  .news7 {
    width: 90%;
    padding: 20px 0 80px;
  }

  .news7-tit {
    margin-bottom: 30px;
  }

  .ct2 {
    padding: 29px 0 0;
  }

  .ct3 {
    padding: 29px 0 36px;
  }

  .ct3-inner {
    width: 90%;
  }

  .ct3-tit {
    margin-bottom: 36px;
  }

  .ct3-main {
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
  }

  .ct3-pics {
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 100%;
  }

  .ct3-pic {
    height: 129px;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 11px;
  }

  .ct3-pic img {
    height: 100%;
  }

  .ct3-card {
    width: 100%;
    height: auto;
    padding: 32px;
    border-radius: 16px;
  }

  .ct3-card-pic {
    display: none;
  }

  .ct3-info {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
  }

  .ct3-item .hd {
    display: flex;
    gap: 4px;
  }

  .ct3-item .hd img {
    flex-shrink: 0;
    width: 12px;
    height: 12px;
  }

  .ct3-item .txt {
    margin-top: 9px;
  }

  .ct3-addr .txt {
    width: 100%;
  }

  .ct4 {
    padding: 20px 0 60px;
  }

  .ct4-inner {
    width: 90%;
  }

  .ct4-tit {
    margin-bottom: 34px;
  }

  .ct4-main {
    align-items: flex-start;
  }

  .ct4-form {
    margin-top: 10px;
    width: 100%;
    min-height: 378px;
    padding: 24px;
    border: 1px solid #ededed;
    border-radius: 10px;
    backdrop-filter: blur(6px);
  }

  .ct4-form .rows {
    gap: 2px 0;
  }

  .ct4-form .item {
    width: 100%;
  }

  .ct4-form .item-full {
    width: 100%;
  }

  .ct4-form .item label {
    margin-bottom: 3px;
    letter-spacing: 1px;
  }

  .ct4-form .item .ipt {
    height: 38px;
    padding: 0 10px;
    border: 1px solid transparent;
    border-radius: 10px;
  }

  .ct4-form .item .ipt input {
    width: 100%;
    height: 100%;
  }

  .ct4-form .item-select .ipt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    cursor: pointer;
  }

  .ct4-form .item-select .val {
    flex: 1;
    min-width: 0;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .ct4-form .item-select.sel .val {
    color: #333;
  }

  .ct4-form .item-select .jt {
    width: 12px;
    height: 12px;
    margin-left: 8px;
    flex-shrink: 0;
  }

  .ct4-form .item-select .select-list {
    position: absolute;
    left: 0;
    top: calc(100% + 4px);
    z-index: 20;
    width: 100%;
    max-height: 180px;
    overflow-y: auto;
    padding: 4px;
    background: #fff;
    border: 1px solid rgba(204, 204, 204, .8);
    border-radius: 10px;
    box-shadow: 0 4px 16px rgba(1, 46, 170, .12);
  }

  .ct4-form .item-select .select-list .opt {
    padding: 8px 10px;
    border-radius: 8px;
  }

  .ct4-form .item-textarea .ipt {
    height: 124px;
    padding: 8px 10px;
  }

  .ct4-form .item-textarea textarea {
    width: 100%;
    height: 100%;
  }

  .ct4-tip {
    margin-top: 12px;
    letter-spacing: 1px;
  }

  .ct4-btn {
    display: inline-flex;
    min-width: 96px;
    height: 38px;
    margin-top: 12px;
    padding: 0 12px;
    border-radius: 6px;
  }

  .ct4 .you {
    width: 100%;
    order: -1;
  }

  .ct4 .you-enquiry {
    padding: 16px;
    border: 1px solid #ededed;
    border-radius: 10px;
  }

  .ct4 .you-hd {
    margin-bottom: 10px;
  }

  .ct4 .you-th {
    padding: 0 26px 6px 6px;
    border-bottom: 1px solid #ededed;
  }

  .ct4 .you-th .th-pd {
    flex: 1;
  }

  .ct4 .you-th .th-qty {
    width: 60px;
  }

  .ct4 .you-item {
    padding: 8px 6px;
    border-bottom: 1px solid #f4f4f4;
  }

  .ct4 .you-pd {
    flex: 1;
  }

  .ct4 .you-pic {
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    margin-right: 6px;
    border-radius: 8px;
  }

  .ct4 .you-pic img {
    width: 100%;
    height: 100%;
  }

  .ct4 .you-info {
    flex: 1;
  }

  .ct4 .you-color {
    margin-top: 2px;
  }

  .ct4 .you-qty {
    width: 80px;
    gap: 5px;
  }

  .ct4 .you-minus,
  .ct4 .you-plus {
    width: 24px;
    height: 24px;
    border-radius: 6px;
  }

  .ct4 .you-num {
    min-width: 10px;
  }

  .ct4 .you-del {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin-left: 6px;
  }

  .ct4 .you-empty {
    padding: 20px 6px;
  }

  .ct4 input:-webkit-autofill {
    box-shadow: 0 0 0 500px #f4f4f4 inset !important;
  }

  .home8 input:-webkit-autofill {
    box-shadow: 0 0 0 500px #ffffff inset !important;
  }

  .pdt1 {
    padding: 65px 0 50px;
  }

  .pdt1 .C-mbx {
    margin-bottom: 30px;
  }

  .pdt1-box {
    display: flex;
    flex-wrap: wrap;
    gap: 23px;
  }

  .pdt1-left {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    width: 100%;
  }

  .pdt1-thumbs {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 48px;
  }

  .pdt1-thumbs .thumb {
    width: 48px;
    height: 47px;
    border-radius: 10px;
    border: 1.3px solid transparent;
  }

  .pdt1-thumbs .thumb img {
    width: 100%;
    height: 100%;
  }

  .pdt1-big {
    flex: 1;
    width: auto;
    height: auto;
    aspect-ratio: 1 / 1;
    border-radius: 10px;
  }

  .pdt1-big img {
    width: 100%;
    height: 100%;
  }

  .pdt1-right {
    width: 100%;
  }

  .pdt1-badge {
    display: inline-flex;
    padding: 6px 7px;
    border-radius: 6px;
  }

  .pdt1-name {
    margin-top: 8px;
  }

  .pdt1-line {
    margin-top: 9px;
    height: 1px;
  }

  .pdt1-config {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 15px;
  }

  .pdt1-icons {
    display: flex;
    gap: 6px;
  }

  .pdt1-icons .ico {
    display: flex;
    width: 28px;
    height: 28px;
    border-radius: 4px;
  }

  .pdt1-attr {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  .pdt1-model .opts {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  .pdt1-model .opt {
    display: flex;
    gap: 5px;
  }

  .pdt1-model .opt .thumb {
    width: 28px;
    height: 28px;
    border-radius: 4px;
    border: 1px solid transparent;
  }

  .pdt1-model .opt .thumb img {
    width: 100%;
    height: 100%;
  }

  .pdt1-color .opts {
    display: flex;
    gap: 6px;
  }

  .pdt1-color .opt {
    width: 18px;
    height: 18px;
    border-radius: 50%;
  }

  .pdt1-acc {
    margin-top: 18px;
  }

  .pdt1-acc .acc-item {
    border-top: 1px solid #dcdcdc;
  }

  .pdt1-acc .acc-hd {
    display: flex;
    padding: 12px 0;
  }

  .pdt1-acc .acc-ico {
    width: 12px;
    height: 12px;
    flex-shrink: 0;
  }

  .pdt1-acc .acc-ico::before,
  .pdt1-acc .acc-ico::after {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .pdt1-acc .acc-ico::before {
    width: 7px;
    height: 1px;
  }

  .pdt1-acc .acc-ico::after {
    width: 1px;
    height: 7px;
  }

  .pdt1-acc .acc-bd {
    padding-bottom: 12px;
  }

  .pdt1-acc .acc-bd ul {
    padding-left: 11px;
  }

  .pdt1-enquiry {
    margin-top: 12px;
    width: 100%;
    height: 34px;
    border-radius: 9px;
  }

  .pdt2 {
    padding: 26px 0;
  }

  .pdt2-video {
    width: 90%;
    height: 418px;
    border-radius: 19px;
  }

  .pdt2-video iframe {
    width: 100%;
    height: 100%;
  }

  .pdt3 {
    padding: 30px 0 42px;
  }

  .pdt3-imgs {
    width: 100%;
    margin: 30px auto 0;
    border-radius: 19px;
  }

  .pdt3-imgs .pic img {
    width: 100%;
  }

  .pdt4 {
    padding: 54px 0 20px;
  }

  .pdt4-bg img {
    width: 100%;
    height: 100%;
  }

  .pdt4-tabs {
    display: flex;
    width: 90%;
    max-width: 100%;
    margin: 30px auto 0;
    padding: 2px;
    border-radius: 8px;
  }

  .pdt4-tabs .tab {
    flex: 1 0 auto;
    display: flex;
    min-width: 75px;
    height: 22px;
    border-radius: 4px;
  }

  .pdt4-tabs .tab.on {
    box-shadow: 0 4px 5px rgba(0, 0, 0, .08);
  }

  .pdt4-contents {
    margin-top: 25px;
  }

  .pdt4-contents .tab-content.on {
    gap: 13px 20px;
  }

  .pdt4-contents .tab-content .pic {
    width: 150px;
    height: 233px;
  }

  .pdt4-contents .tab-content .pic img {
    width: 100%;
    height: 100%;
  }

  .pdt4-info-box {
    margin: 13px 0 0;
    padding: 0 20px;
  }

  .pdt4 .pdt5-btn {
    margin: 20px auto 0;
    width: auto;
    padding: 0 20px;
  }

  .pdt4-info {
    flex: none;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
  }

  .pdt4-info p {
    margin-top: 4px;
    max-width: 270px;
  }

  .pdt4-stats {
    display: flex;
    gap: 16px;
    margin: 20px 0 0;
  }

  .pdt4-stats .stat+.stat {
    padding-left: 16px;
    border-left: 1px solid #d0d1d2;
  }

  .pdt4-stats .stat .num {
    display: flex;
    gap: 2px;
  }

  .pdt4-stats .stat .lb {
    margin-top: 2px;
  }

  .pdt5 {
    padding: 50px 0;
  }

  .pdt5-tit {
    margin-bottom: 32px;
  }

  .pdt5-swiper {
    padding: 0 20px;
  }

  .pdt5-swiper .swiper-slide {
    width: 259px;
  }

  .pdt5-swiper .pic {
    width: 259px;
    height: 145px;
  }

  .pdt5-swiper .pic img {
    width: 100%;
    height: 100%;
  }

  .pdt5-swiper .t1 {
    display: flex;
    height: 50px;
    margin-top: 16px;
    border-radius: 16px;
  }

  .pdt5-list {
    margin-top: 12px;
  }

  .pdt5-list .row {
    display: flex;
    flex-wrap: wrap;
    min-height: 29px;
    height: auto;
    border-bottom: 1px solid rgba(21, 32, 40, .4);
  }

  .pdt5-list .row .name {
    width: auto;
    margin-right: 22px;
  }

  .pdt5-btn {
    display: inline-flex;
    width: auto;
    padding: 0 20px;
    height: 36px;
    margin-top: 16px;
    border-radius: 6px;
  }

  .pdt6 {
    padding: 61px 0 64px;
  }

  .pdt6-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 18px 14px;
    margin-top: 20px;
  }

  .pdt6-list .item {
    width: 100px;
  }

  .pdt6-list .item .pic {
    width: 100px;
    height: 100px;
    border-radius: 10px;
  }

  .pdt6-list .item .pic img {
    width: 100%;
    height: 100%;
  }

  .pdt6-list .item p {
    margin-top: 13px;
  }

  .pdt7 {
    padding: 49px 0 100px;
  }

  .pdt7-tit {
    margin-bottom: 26px;
  }

  .pdt7-list {
    gap: 10px;
  }

  .oem2 {
    padding: 37px 0 88px;
  }

  .oem2 .C-mbx {
    margin-bottom: 31px;
  }

  .oem2-hd {
    align-items: flex-start;
    margin-bottom: 48px;
  }

  .oem2-hd-l {
    width: 100%;
  }

  .oem2-hd-l h2 {
    margin-bottom: 25px;
  }

  .oem2-desc {
    width: 100%;
    margin-top: 20px;
  }

  .oem2-row {
    display: flex;
    flex-direction: column;
    gap: 28px;
  }

  .oem2-item {
    width: 100%;
  }

  .oem2-line {
    display: none;
  }

  .oem2-num {
    display: flex;
    min-width: 20px;
    height: 25px;
    padding: 0 6px;
  }

  .oem2-line {
    right: -32px;
    top: 13px;
    height: 1px;
    background: url('/img/oem/oem2-line.png') no-repeat center/auto 100%;
  }

  .oem2-pic {
    margin-top: 25px;
    height: 170px;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
  }

  .oem2-pic img {
    width: 100%;
    height: 100%;
  }

  .oem2-name {
    width: 100%;
    padding: 18px 10px;
    display: none;
  }

  .oem2-note {
    width: 100%;
    margin: 9px 0;
    opacity: 1;
  }

  .oem2-note h4 {
    margin-bottom: 3px;
  }

  .oem2-cart {
    display: flex;
    align-items: flex-start;
    width: 100%;
    padding: 10px 0 0;
    display: none;
  }

  .oem2-cart img {
    width: 100%;
  }

  .oem3 {
    padding: 0 0 55px;
  }

  .oem3 .C-wrap {
    flex-direction: column;
    align-items: stretch;
  }

  .oem3-hd {
    flex-shrink: 0;
    width: 100%;
    margin-top: 0;
    margin-bottom: 24px;
  }

  .oem3-hd h2 {
    margin-bottom: 12px;
  }

  .oem3-cols {
    flex-direction: column;
    gap: 8px;
  }

  .oem3-col {
    width: 100%;
  }

  .oem3-col2 {
    margin-top: -12px;
  }

  .oem3-item {
    height: 64px;
  }

  .oem3-item+.oem3-item {
    margin-top: -2px;
  }

  .oem3-pic {
    width: 100%;
    height: 100%;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
  }

  .oem3-pic img {
    width: 100%;
    height: 100%;
  }

  .oem3-txt {
    left: 40px;
    top: 50%;
    transform: translateY(-50%);
  }

  .oem3-txt h3 {
    font-size: 14px;
  }

  .oem3-txt p {
    font-size: 12px;
  }

  .oem4 {
    padding: 35px 0 63px;
  }

  .oem4-hd {
    margin-bottom: 40px;
  }

  .oem4-hd h2 {
    margin-bottom: 12px;
  }

  .oem4-item {
    width: 185px;
  }

  .oem4-pic {
    height: 140px;
    border-radius: 10px;
  }

  .oem4-pic img {
    width: 100%;
    height: 100%;
  }

  .oem4-name {
    margin-top: 20px;
  }

  .oem5 {
    padding: 28px 0 45px;
  }

  .oem5-hd {
    margin-bottom: 40px;
  }

  .oem5-hd h2 {
    margin-bottom: 18px;
  }

  .oem5-item {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 70vw;
    height: 221px;
    padding: 26px 14px;
  }

  .oem5-pic {
    border-radius: 10px;
  }

  .oem5-pic img {
    width: 100%;
    height: 100%;
  }

  .oem5-pic::after {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 43%, rgba(0, 0, 0, 1));
  }

  .oem5-txt {
    width: 195px;
  }

  .oem5-txt h3 {
    margin-bottom: 5px;
  }

  .oem6 {
    padding: 45px 0;
  }

  .oem6-hd {
    width: 100%;
  }

  .oem6-hd h2 {
    margin-bottom: 18px;
  }

  .oem6-main {
    width: 90%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 22px;
    margin-top: 40px;
  }

  .oem6-yuan {
    display: none;
  }

  .oem6-center {
    display: none;
  }

  .oem6-item {
    position: static;
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
  }

  .oem6-l .oem6-thumb {
    order: -1;
  }

  .oem6-l .oem6-txt {
    text-align: left;
  }

  .oem6-thumb {
    flex-shrink: 0;
    width: 57px;
    height: 57px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
  }

  .oem6-thumb img {
    width: 100%;
    height: 100%;
  }

  .oem6-txt {
    flex: 1;
    width: auto;
    min-width: 0;
  }

  .oem6-num {
    margin-bottom: 6px;
  }

  .oem6-txt h4 {
    margin-bottom: 4px;
  }

  .oem6-i1 {
    left: 590px;
    top: 125px;
  }

  .oem6-i2 {
    left: 142px;
    top: 130px;
  }

  .oem6-i3 {
    left: 635px;
    top: 273px;
  }

  .oem6-i4 {
    left: 71px;
    top: 273px;
  }

  .oem6-i5 {
    left: 575px;
    top: 415px;
  }

  .oem6-i6 {
    left: 142px;
    top: 415px;
  }

  .oem6-btn {
    display: flex;
    margin: 40px auto 0;
  }

  .oem7 {
    padding: 45px 0 59px;
  }

  .oem7-tit {
    margin-bottom: 30px;
  }

  .oem7-list {
    flex-wrap: wrap;
    gap: 12px;
  }

  .oem7-item {
    display: flex;
    flex-direction: column;
    flex: none;
    width: 100%;
    height: 161px;
    padding: 20px;
    border-radius: 12px;
  }

  .oem7-item h3 {
    margin-bottom: 12px;
  }

  .oem7-item:hover {
    flex: none;
  }

  .oem8 .t2 {
    margin-top: 25px;
  }

  .about2 {
    padding: 31px 0 50px;
  }

  .about2 .C-mbx {
    margin-bottom: 27px;
  }

  .about2-main {
    gap: 20px;
  }

  .about2-main .txt {
    width: 100%;
    flex-shrink: 0;
  }

  .about2-main .desc {
    margin-top: 20px;
  }

  .about2-main .desc p+p {
    margin-top: 10px;
  }

  .about2-main .pic {
    flex: 1;
    height: 358px;
    border-radius: 13px;
  }

  .about2-main .pic img {
    width: 100%;
    height: 100%;
  }

  .about3 {
    padding: 50px 0;
  }

  .about3-tit {
    margin-bottom: 30px;
  }

  .about4 {
    padding: 80px 0 125px;
  }

  .about4 .bg img {
    width: 100%;
    height: 100%;
  }

  .about4-inner {
    padding-left: 70px;
  }

  .about4-tit {
    width: 90%;
    max-width: 100%;
    margin-bottom: 163px;
  }

  .about4-swiper .swiper-slide {
    width: 192px;
  }

  .about4-swiper .swiper-slide .line {
    width: 100%;
    height: 1px;
    margin-bottom: 14px;
  }

  .about4-swiper .swiper-slide .year {
    margin-bottom: 12px;
  }

  .about4-swiper .swiper-slide .txt {
    width: 169px;
    line-height: 14px;
  }

  .about5 {
    padding: 90px 0;
  }

  .about5-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    width: 90%;
    height: auto;
  }

  .about5-cards {
    position: relative;
    left: 0;
    top: 0;
    width: 200px;
    height: 258px;
    transform: none;
  }

  .about5-cards .card {
    border-radius: 10px;
    transform-origin: 70% 100%;
  }

  .about5-cards .card img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
  }

  .about5-cards .card-img .badge {
    left: 20px;
    top: 20px;
  }

  .about5 .txt {
    position: relative;
    top: 0;
    transform: none;
    text-align: center;
  }

  .about5 .txt p {
    font-size: 30px;
    line-height: 1.2;
    white-space: normal;
  }

  .about5 .txt-l {
    right: auto;
    text-align: center;
    order: -1;
  }

  .about5 .txt-r {
    left: auto;
  }

  .about6 {
    height: auto;
  }

  .about6-bg .pic img {
    width: 100%;
    height: 100%;
  }

  .about6-center {
    position: relative;
    left: 0;
    width: 100%;
    height: auto;
    padding: 90px 30px 60px;
    transform: none;
    display: flex;
    flex-direction: column;
  }

  .about6-center .deco {
    left: 50%;
    top: 64px;
    width: 195px;
    transform: translateX(-50%);
  }

  .about6-center .tit {
    width: 100%;
  }

  .about6-center .tit span {
    font-size: 36px;
  }

  .about6-center .tit b {
    font-size: 48px;
  }

  .about6-center .desc {
    margin-top: 40px;
    max-width: 100%;
    width: 100%;
  }

  .about7 {
    height: auto;
  }

  .about7 .bg img {
    width: 100%;
    height: 100%;
  }

  .about7::after {
    background: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .5));
  }

  .about7 .main {
    flex-direction: column;
    align-items: flex-start;
    padding: 40px 20px;
    height: auto;
  }

  .about7-lt {
    margin-top: 0;
    width: 100%;
    text-align: left;
  }

  .about7-lt .tit {
    font-size: 44px;
  }

  .about7-lt .C-btn1 {
    height: 34px;
    margin-top: 20px;
  }

  .about7-line {
    display: none;
  }

  .about7-swiper {
    position: static;
    width: 100%;
    margin-top: 28px;
    flex: none;
  }

  .about7-swiper .swiper-wrapper {
    align-items: flex-end;
  }

  .about7-swiper .swiper-slide {
    width: 220px;
    height: auto;
    padding: 2px 5px 5px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    backdrop-filter: blur(5px);

    padding: 20px 10px;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .about7-swiper .swiper-slide .num {
    width: 100%;
  }

  .about7-swiper .swiper-slide .big {
    width: 100%;
  }

  .about7-swiper .swiper-slide:hover {
    height: auto;
    padding: 20px 10px;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .about7-swiper .sub {
    display: block;
  }

  .about8 {
    padding: 30px 0;
  }

  .about8-tit {
    margin-bottom: 10px;
  }

  .about9 {
    padding: 60px 0 80px;
  }

  .about9-tit {
    margin-bottom: 40px;
  }

  .about9-list {
    flex-direction: column;
    gap: 14px;
    margin-left: 0;
  }

  .about9-list .item {
    flex: none;
    width: 100%;
    height: auto;
    padding: 24px 20px;
    display: flex;
    flex-direction: column;
    -webkit-clip-path: polygon(90% 0%, 100% 12%, 100% 100%, 10% 100%, 0% 88%, 0 0);
    clip-path: polygon(90% 0%, 100% 12%, 100% 100%, 10% 100%, 0% 88%, 0 0);
  }

  .about9-list .num {
    gap: 4px;
    margin-bottom: 20px;
  }

  .about9-list .num .line {
    width: 24px;
    height: 1px;
  }

  .about9-list .con .desc {
    margin-top: 16px;
  }

  .about9-list .con .desc p+p {
    margin-top: 8px;
  }

  .about9-list .jt {
    width: 25px;
    align-self: flex-end;
  }

  .side-float {
    right: 10px;
    gap: 8px;
  }

  .side-float .side-item {
    width: 30px;
    height: 30px;
  }

  .side-float .side-item img,
  .side-float .side-item svg {
    width: 12px;
    height: 12px;
  }

  .side-float .side-cart .badge {
    top: -4px;
    right: -4px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border-radius: 16px;
    line-height: 16px;
  }
}