@media screen and (max-width:768px) {
  :root {
    --head: 52px;
  }

  .head1 {
    width: 100%;
  }

  .isback .head1 {
    transform: translateY(-100%);
  }

  .C-wrap {
    width: 90%;
  }

  .head1 {
    padding: 0 5%;
  }
  .head1 .lang-cur {
    align-items: center;
    gap: 5px;
  }
  .head1 .logo {
    width: 113px;
  }

  .head1 .logo img {
    width: 100%;
  }

  .head-right {
    gap: 12px;
  }

  .head1 .lang {
    gap: 3px;
  }

  .head1 .lang .icon {
    width: 13px;
    height: 13px;
  }

  .navbar-toggle {
    width: 18px;
    height: 20px;
  }

  .navbar-toggle span {
    width: 100%;
    height: 2px;
    border-radius: 3px;
  }

  .navbar-toggle .line-middle {
    top: 5px;
  }

  .navbar-toggle .line-bottom {
    top: 10px;
  }

  .scroll .head1 {
    backdrop-filter: blur(5px);
  }

  .navMenu {
    background: linear-gradient(135deg, rgba(154, 236, 234, 0.61) -15.5%, #FFF4F4 71.63%);
    backdrop-filter: blur(59px);
  }

  .navMenu::after {
    width: 386px;
    height: 513px;
  }

  .navMenu-close {
    top: 19px;
    right: 5%;
    width: 15px;
    height: 15px;
  }

  .navMenu-close::before,
  .navMenu-close::after {
    left: 50%;
    top: 50%;
    width: 15px;
    height: 2px;
    border-radius: 2px;
  }

  .navMenu-close::before {
    transform: translate(-50%, -50%) rotate(45deg);
  }

  .navMenu-close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }

  .navMenu-list {
    left: 60px;
    top: 100px;
  }

  .navMenu-list li {
    margin: 16px 0;
    transform: translateY(15px);
  }

  .navMenu-list a:hover {
    padding-left: 6px;
  }

  .navMenu-sub {
    max-height: none;
    opacity: 1;
    margin-top: 8px;
  }

  .navMenu-sub li {
    margin: 7px 0;
  }

  .navMenu-sub a:hover {
    padding-left: 6px;
  }

  .C-title .t-sub {
    margin-bottom: 9px;
  }

  .C-more1,
  .C-more2 {
    display: inline-flex;
    gap: 4px;
  }

  .C-more1 {
    font-size: 15px;
  }

  .C-more2 {
    font-size: 12px;
    padding-bottom: 3px;
    border-bottom: 1px solid #666;
  }

  .C-more1 .jt,
  .C-more2 .jt {
    width: 10px;
    height: 8px;
  }

  .C-more2 .jt {
    width: 8px;
  }

  .C-more1:hover .jt,
  .C-more2:hover .jt {
    transform: translateX(3px);
  }

  .sbtn1 {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 1px solid rgba(25, 25, 25, .3);
    display: flex;
  }

  .sbtn1 img {
    width: 12px;
    height: 12px;
  }

  .home1 {
    height: 482px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.30) 0%, rgba(136, 136, 136, 0.00) 103.77%);
  }

  .home1-bg {
    width: 100%;
    height: 100%;
  }

  .home1-intr {
    bottom: 66px;
    width: 100%;
  }

  .home1-intr h1 {
    margin-bottom: 9px;
    letter-spacing: 1px;
  }

  .home1-intr p {
    letter-spacing: 1px;
  }

  .home2 {
    padding: 13px 0;
  }

  .home2-stat {
    gap: 4px;
    margin-bottom: 18px;
  }

  .home2-stat .num {
    padding: 1px 4px;
    border-radius: 8px;
    border: 1px solid #D7D7D7;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.06);
  }

  .home2-logos {
    width: 100%;
  }

  .loopLogos-warpper {
    display: flex;
  }

  .home2-logos .item {
    flex: none;
    width: 65px;
    height: 32px;
    margin: 0 6px;
  }

  .home2-logos .item img {
    width: 100%;
    height: 100%;
  }

  .home3 {
    padding: 45px 0 0;
  }

  .home3 .C-title {
    margin-bottom: 35px;
  }

  .home3-list {
    width: 100%;
    height: 449px;
    flex-wrap: nowrap;
    overflow: auto;
  }

  .home3-list .item {
    width: 300px;
    flex: none;
    height: 100%;
    transition: flex .6s ease;
  }

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

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

  .home3-list .item::after {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, .45));
  }

  .home3-list .item-cont {
    left: 18px;
    bottom: 22px;
  }

  .home3-list .item.on .item-cont {
    left: 38px;
  }

  .home3-list .item-cont h3 {
    margin-bottom: 8px;
  }

  .home4 {
    padding: 100px 0 0;
  }

  .home4-zs2 {
    top: 60%;
    transform: translateY(-50%);
    width: 100%;
    height: 391px;
    background: linear-gradient(to right, rgba(154, 236, 234, 0.43) -11.03%, rgba(255, 244, 244, 0.70) 57.55%);
    filter: blur(60px);
  }

  .home4-zs1 {
    top: -80px;
    left: 5%;
    width: 90%;
  }

  .home4-sec {
    gap: 40px;
    padding: 0 5%;
  }

  .home4-sec.sec1 {
    margin-bottom: 135px;
    flex-direction: row-reverse;
  }

  .home4-sec.sec2 {
    padding: 0 5%;
    gap: 73px;
  }

  .home4 .C-title {
    margin-bottom: 23px;
  }

  .home4 .home4-body {
    display: flex;
    flex-wrap: wrap;
    gap: 46px;
  }

  .home4 .sec1 .home4-body {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }

  .home4 .num-img .num {
    margin-bottom: 13px;
  }

  .home4 .num-img .pic img {
    border-radius: 4px;
  }

  .home4 .txt {
    width: 100%;
  }

  .home4 .txt .label {
    margin-bottom: 12px;
  }

  .home4 .txt p {
    margin-bottom: 14px;
  }

  .home4-img {
    flex: none;
    width: 100%;
    border-radius: 8px;
  }

  .home4 .sec2 .home4-img {
    width: 100%;
  }

  .home4-img img {
    width: 100%;
  }

  .home4 .home4-right {
    flex: 1;
  }

  .home4 .num-img {
    flex: none;
    width: 137px;
  }

  .home4 .sec2 .home4-body {
    gap: 42px;
  }

  .home5 {
    padding: 88px 0;
  }

  .home5-xf1 {
    top: -60%;
    width: 100%;
    display: none;
  }

  .home5-xf2 {
    width: 100%;
    height: 575px;
    background: linear-gradient(to right, rgba(154, 236, 234, 0.30) 26.85%, rgba(255, 244, 244, 0.60) 62.96%);
    filter: blur(101px);
  }

  .home5-xf3 {
    bottom: -100px;
    width: 100%;
    height: 317px;
    background: linear-gradient(263deg, rgba(154, 236, 234, 0.30) -65.21%, rgba(255, 244, 244, 0.30) 92.42%);
    filter: blur(34px);
  }

  .home5 .C-title {
    margin-bottom: 40px;
  }

  .home5-body {
    align-items: flex-start;
    gap: 65px;
  }

  .home5-list {
    flex: 1;
  }

  .home5-list .item {
    padding: 10px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

  .home5-list .item p {
    padding-left: 10px;
    flex: 1;
    min-width: 0;
  }

  .home5-list .item p::before {
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    display: none;
  }

  .home5-list .item .imgItem {
    position: static;
    left: 100px;
    top: 50%;
    transform: none;
    width: 120px;
    height: 165px;
    opacity: 1;
  }

  .home6 {
    padding: 0 0 80px;
  }

  .home6 .C-wrap {
    align-items: flex-start;
  }

  .home6 .C-title {
    flex: none;
    width: 209px;
  }

  .home6-list {
    width: 100%;
    margin-top: 20px;
  }

  .home6-list .item {
    margin-bottom: 12px;
    border: .3px solid rgba(210, 210, 210, .77);
    border-radius: 8px;
    box-shadow: 0 5px 8px rgba(201, 201, 201, .3);
    backdrop-filter: blur(4px);
  }

  .home6-list .item-hd {
    height: 47px;
    padding: 0 15px;
  }

  .home6-list .item .ico {
    flex: none;
    width: 10px;
    height: 10px;
    margin-left: 10px;
  }

  .home6-list .item .ico::before {
    top: 50%;
    width: 100%;
    height: 1px;
    transform: translateY(-50%);
  }

  .home6-list .item .ico::after {
    left: 50%;
    width: 1px;
    height: 100%;
    transform: translateX(-50%);
  }

  .home6-list .item.on .ico::after {
    transform: translateX(-50%) scaleY(0);
  }

  .home6-list .item-bd {
    padding: 0 15px 13px;
  }

  .home7 {
    padding: 72px 0 93px;
    background: linear-gradient(20deg, rgba(154, 236, 234, 0.43) -11.03%, rgba(255, 244, 244, 0.70) 57.55%);
    backdrop-filter: blur(59px);
  }

  .home7-hd {
    margin-bottom: 41px;
  }

  .C-controls {
    gap: 8px;
  }

  .home7-swiper .swiper-slide {
    width: 80%;
  }

  .home7-swiper .pic {
    width: 100%;
    height: 224px;
    border-radius: 10px;
  }

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

  .home7-swiper .info {
    padding-top: 12px;
  }

  .home7-swiper .date {
    margin-bottom: 7px;
  }

  .foot1 {
    padding: 62px 0 82px;
  }

  .foot1 .C-wrap {
    align-items: flex-start;
  }

  .foot1-info {
    width: 100%;
    margin-bottom: 40px;
  }

  .foot1-logo {
    width: 149px;
    margin-bottom: 16px;
  }

  .foot1-logo img {
    width: 100%;
  }

  .foot1-cont .item {
    gap: 6px;
    margin-bottom: 9px;
  }

  .foot1-cont .item .icon {
    flex: none;
    width: 22px;
    height: 22px;
  }

  .foot1-share {
    gap: 10px;
    margin-top: 16px;
  }

  .foot1-share .share {
    display: flex;
  }

  .foot1-share .share img {
    height: 23px;
  }

  .foot1-share .wechat .qrbox {
    left: 50%;
    bottom: calc(100% + 7px);
    width: 120px;
    height: 120px;
    padding: 4px;
    border-radius: 8px;
    transform: translateX(-50%) scale(.8);
  }

  .foot1-share .wechat .qrbox img {
    width: 100%;
    height: 100%;
  }

  .foot1-share .wechat:hover .qrbox {
    transform: translateX(-50%) scale(1);
  }

  .foot1-nav {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 2px;
  }

  .foot1-sub {
    width: 181px;
  }

  .foot1-sub .tit {
    margin-bottom: 10px;
  }

  .foot-form {
    width: 180px;
    height: 34px;
    padding: 0 7px 0 10px;
    border: 1px solid rgba(255, 255, 255, .2);
    backdrop-filter: blur(4px);
    border-radius: 6px;
  }

  .foot-email {
    flex: 1;
    height: 100%;
    font-size: 12px;
  }

  .foot-submit {
    flex: none;
    width: 20px;
    height: 20px;
  }

  .foot-submit img {
    width: 10px;
    height: 10px;
  }

  .foot2 {
    padding: 0 0 20px;
  }

  .foot2 .C-wrap {
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, .2);
  }

  .foot2-link a {
    padding: 0 9px;
  }

  .foot2-link a:not(:last-child)::after {
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 5px;
  }

  @keyframes shuye {
    0% {
      transform: translate3d(0, 0, 0px) rotate(0deg) skew(0deg, 0deg);
    }

    100% {
      transform: translate3d(8px, -25px, 0px) rotate(-4deg) skew(4deg, 0deg);
    }
  }

  @keyframes shuye2 {
    0% {
      transform: translate3d(0, 0, 0px) rotate(0deg) skew(0deg, 0deg);
    }

    100% {
      transform: translate3d(13px, -25px, 0px) rotate(0deg) skew(0, 0deg);
    }
  }

  .ct1 {
    height: 320px;
  }

  .ct1-bg {
    width: 100%;
    height: 100%;
  }

  .ct2 {
    padding: 60px 0 115px;
  }

  .ct2-zs {
    top: 117px;
    width: 451px;
    height: 423px;
    background: linear-gradient(45deg, rgba(154, 236, 234, 0.49) 11%, rgba(255, 244, 244, 0.8) 57.5%);
    filter: blur(60px);
  }

  .ct2 .C-wrap {
    width: 90%;
    align-items: flex-start;
  }

  .ct2-info {
    width: 287px;
  }

  .ct2-info .tit {
    margin-bottom: 13px;
  }

  .ct2-info .desc {
    letter-spacing: 0.32px;
    margin-bottom: 35px;
  }

  .ct2-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .ct2-list .item {
    gap: 6px;
  }

  .ct2-list .item .icon {
    flex: none;
    width: 20px;
    height: 20px;
  }

  .ct2-form {
    width: 100%;
    margin:40px 0 0
  }

  .ct2-form-grid {
    column-gap: 11px;
    row-gap: 17px;
  }

  .form-label {
    margin-bottom: 8px;
  }

  .C-input,
  .C-textarea {
    width: 100%;
    font-size: 12px;
    border: 1px solid transparent;
    border-radius: 7px;
  }

  .C-input {
    height: 33px;
    padding: 0 10px;
  }

  .C-textarea {
    height: 80px;
    padding: 9px 10px;
  }

  .C-btn1 {
    display: inline-flex;
    width: 96px;
    height: 35px;
    margin-top: 23px;
    border-radius: 7px;
  }

  .news1 {
    width: 100%;
    height: 320px;
  }

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

  .news2 {
    width: 98%;
    margin: -176px auto 0;
    padding: 48px 20px;
    border-radius: 20px;
  }

  .news2-bk1 .tit {
    margin-bottom: 24px;
  }

  .news-hot-swiper {
    height: auto;
  }

  .news-hot-swiper .swiper-slide {
    display: flex;
    flex-wrap: wrap;
  }

  .news-hot-swiper .pic {
    flex: none;
    width: 100%;
    height: 253px;
    border-radius: 10px;
  }

  .news-hot-swiper .pic img {
    height: 100%;
  }

  .news-hot-swiper .intr {
    flex: none;
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-left: 0;
    padding-top: 23px;
  }

  .news-hot-swiper .intr .t3 {
    margin-top: 30px;
  }

  .news-hot-swiper .t1 .tit {
    margin-bottom: 13px;
  }

  .news-hot-read {
    gap: 3px;
  }

  .news-hot-read .jt {
    width: 8px;
    height: 6px;
  }

  .news-hot-read:hover .jt {
    transform: translateX(3px);
  }

  .news2-bk2 {
    margin-top: 38px;
  }

  .news-select {
    width: 236px;
    margin-bottom: 31px;
  }

  .news-select-hd {
    height: 33px;
    padding: 0 11px;
    border-radius: 7px;
  }

  .news-select-hd .arrow {
    width: 8px;
  }

  .news-select-hd .arrow img {
    width: 100%;
  }

  .news-select-list {
    top: calc(100% + 4px);
    width: 100%;
    padding: 4px 0;
    border-radius: 7px;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.12);
    transform: translateY(-3px);
  }

  .news-select-list li {
    padding: 6px 11px;
  }

  .news2-list {
    row-gap: 30px;
  }

  .news2-list .item {
    width: 100%;
    border-radius: 8px;
  }

  .news2-list .pic {
    height: 143px;
    border-radius: 10px;
  }

  .news2-list .pic img {
    height: 100%;
  }

  .news2-list .intr {
    display: flex;
    flex-direction: column;
    padding: 8px 12px 12px;
  }

  .news2-list .t2 {
    margin-top: 20px;
  }

  .news2-list .t2 .more {
    gap: 4px;
  }

  .news2-list .t2 .more .jt {
    width: 8px;
    height: 6px;
  }

  .news2-list .item:hover .t2 .more .jt {
    transform: translateX(3px);
  }

  .news2-more {
    margin-top: -40px;
    padding-top: 105px;
    background: linear-gradient(183deg, rgba(255, 255, 255, 0.80) -87.18%, rgba(255, 255, 255, 0.80) 129.31%);
  }

  .news2-more-btn {
    gap: 8px;
  }

  .news2-more-btn .arrow {
    width: 15px;
  }

  .news2-more-btn .arrow img {
    width: 100%;
  }

  .news2-more-btn:hover .arrow {
    transform: translateY(3px);
  }

  .news2-page {
    gap: 15px;
    margin-top: 45px;
  }

  .news2-page.show {
    display: flex;
  }

  .news2-page-nums {
    display: flex;
    gap: 9px;
  }

  .news2-page-nums a {
    width: 16px;
    height: 16px;
  }

  .news5 {
    padding: 128px 0 53px;
  }

  .news5-zs1 {
    width: 100%;
    height: 392px;
    filter: blur(59px);
    background: linear-gradient(40deg, rgba(154, 236, 234, 0.23) -11.03%, rgba(255, 244, 244, 0.38) 57.55%);
  }

  .news5-zs2 {
    bottom: 20px;
    width: 100%;
    height: 457px;
    background: linear-gradient(333deg, rgba(154, 236, 234, 0.3) 11%, rgba(255, 244, 244, 0.5) 57.5%);
    filter: blur(59px);
  }

  .news5 .C-wrap {
    width: 90%;
  }

  .news5-main {
    width: 430px;
  }

  .news5-hd {
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
  }

  .news5-hd .tit {
    margin-bottom: 24px;
    font-size: 16px;
  }

  .news5-tags {
    gap: 3px;
  }

  .news5-tags .tag {
    padding: 2px 9px;
    border-radius: 8px;
  }

  .news5-meta .date {
    letter-spacing: .3px;
  }

  .news5-cont {
    margin-top: 27px;
  }

  .news5-cont p {
    margin-bottom: 8px;
  }

  .news5-cont b {
    margin: 10px 0 3px;
    font-size: 15px;
  }

  .news5-cont img {
    margin: 10px auto;
    max-width: 100%;
    border-radius: 8px;
  }

  .news5-nav {
    margin-top: 30px;
    padding-top: 12px;
    border-top: 1px solid rgba(0, 0, 0, .1);
  }

  .news5-nav-btns {
    gap: 5px;
  }

  .news5-nav-btns .btn {
    padding: 5px 12px;
    border-radius: 8px;
  }

  .news5-side {
    width: 100%;
    margin: 40px 0 0;
  }

  .news5-side-tit {
    margin-bottom: 12px;
  }

  .news5-side-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .news5-side .item {
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .08);
  }

  .news5-side .pic {
    height: 180px;
  }

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

  .news5-side .intr {
    padding: 7px 8px 9px;
  }

  .news5-side .t2 {
    margin-top: 10px;
  }

  .news5-side .t2 .more {
    gap: 3px;
  }

  .news5-side .t2 .more .jt {
    width: 10px;
    height: 8px;
  }

  .news5-side .item:hover .t2 .more .jt {
    transform: translateX(3px);
  }

  .news5-side-more {
    display: flex;
    width: auto;
    height: 36px;
    margin-top: 12px;
    border-radius: 7px;
  }

  .case1-bg {
    width: 100%;
    height: 100%;
  }

  .case1-intr {
    width: 100%;
    height: 100%;
  }

  .case1-intr .box {
    width: 350px;
  }

  .case1-intr h1 {
    margin-bottom: 12px;
    letter-spacing: 1px;
  }

  .case2 {
    padding: 102px 5%;
  }

  .case2-zs {
    width: 550px;
    display: none;
  }

  .case2-swiper .swiper-slide {
    width: 124px;
  }

  .case2-swiper .pic {
    height: 222px;
    margin-bottom: 8px;
    border-radius: 8px;
  }

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

  .case2-controls {
    margin-top: 15px;
  }

  .case3 {
    padding: 45px 0 145px;
  }

  .case3-zs {
    top: -90px;
    width: 100%;
    height: 415px;
    background: linear-gradient(156deg, rgba(154, 236, 234, .305) 11%, rgba(255, 244, 244, .5) 57.5%);
    filter: blur(60px);
  }

  .case3-list {
    width: 90%;
    justify-content: center;
    gap: 20px;
  }

  .case3-list .item {
    width: 138px;
  }

  .case3-list .icon {
    width: 50px;
    height: 50px;
    margin: 0 auto 17px;
  }

  .case3-list .item h3 {
    margin-bottom: 9px;
  }

  .case4-zs {
    top: 285px;
    width: 100%;
    height: 415px;
    background: linear-gradient(314deg, rgba(154, 236, 234, 0.31) -11.03%, rgba(255, 244, 244, 0.50) 57.55%);
    filter: blur(60px);
  }

  .case4-table {
    width: 100%;
  }

  .c4-col {
    display: flex;
    width: 33.333%;
    padding-left: 16px;
  }

  .c4-head {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
  }

  .c4-head .c4-col {
    height: 40px;
  }

  .c4-head .c4-col:not(:last-child) {
    border-right: 1px solid #000;
  }

  .c4-row .c4-col {
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 45px;
    font-size: 14px;
  }

  .c4-row .c4-col:nth-of-type(4) {
    padding-right: 0;
  }

  .c4-bg {
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 25px;
    background: linear-gradient(90deg, rgba(154, 236, 234, .61) 13%, rgba(255, 244, 244, 1) 71%);
    filter: blur(1px);
  }

  .c4-img {
    top: 100%;
    width: 126px;
    height: 95px;
    border-radius: 8px;
    transform: translateY(0%) scale(.92);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .15);
  }

  .c4-img img {
    width: 100%;
    height: 100%;
  }

  .c4-row.on .c4-img {
    transform: translateY(0) scale(1);
  }

  .case4 .swiper {
    padding-bottom: 140px;
  }

  .case4 .swiper-pagination {
    bottom: 130px;
    --swiper-pagination-bullet-size: 4px;
    --swiper-pagination-bullet-horizontal-gap: 3px;
  }

  .case5 {
    padding: 0 0 80px;
  }

  .case5 .C-title {
    margin-bottom: 30px;
  }

  .case5-list .item {
    display: flex;
    flex-direction: column;
    width: 90%;
    height: auto;
    border-radius: 10px;
    padding: 25px;
    border: none;
    margin-bottom: 10px;
    box-shadow: 0 0 5px #999;
  }

  .case5-list .item:nth-child(1) {
    width: 90%;
  }

  .case5-list .item:nth-child(2) {
    width: 90%;
    flex: none;
  }

  .case5-list .item:nth-child(3) {
    width: 90%;
  }

  .case5-list .item h3 {
    margin-bottom: 9px;
  }

  .case6-zs {
    top: -180px;
    width: 275px;
    display: none;
  }

  .case6-wrap {
    width: 90%;
  }

  .case6 .C-title {
    margin-bottom: 30px;
  }

  .case6-body {
    gap: 39px;
  }

  .case6-pic {
    flex: none;
    width: 341px;
    height: 276px;
    border-radius: 8px;
  }

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

  .case6-list {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 29px;
  }

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

  .case7 {
    padding: 150px 0 109px;
  }

  .case7-zs {
    background: linear-gradient(320deg, rgba(154, 236, 234, .305) 11%, rgba(255, 244, 244, .5) 57.5%);
    filter: blur(60px);
  }

  .case7-inner {
    gap: 32px;
  }

  .case7-btn {
    display: inline-flex;
    width: 147px;
    height: 39px;
    border-radius: 7px;
  }

  .about2 {
    padding: 100px 0 32px;
  }

  .about2-zs {
    width: 100%;
    height: 352px;
    background: linear-gradient(339deg, rgba(154, 236, 234, 0.305) 11%, rgba(255, 244, 244, 0.5) 57.5%);
    filter: blur(60px);
  }

  .about2-zs1 {
    left: -90px;
    top: -40px;
    width: 507px;
    display: none;
  }

  .about2-inner {
    width: 90%;
  }

  .about2 .C-title {
    margin-bottom: 22px;
  }

  .about2-vals {
    margin-bottom: 30px;
    gap: 20px;
  }

  .about2-vals .item {
    gap: 15px;
  }

  .about2-vals .line {
    width: 1px;
    height: 26px;
  }

  .about2-vals .txt h3 {
    margin-bottom: 2px;
  }

  .about2-swiper {
    width: 90%;
    border-radius: 8px;
  }

  .about2-swiper .pic {
    height: 273px;
  }

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

  .about2-swiper .pic::after {
    width: 100%;
    height: 83px;
    background: linear-gradient(to top, #fff 7%, rgba(255, 255, 255, 0) 100%);
  }

  .about2-controls {
    margin-top: 9px;
  }

  .about3 {
    padding: 65px 0 0;
  }

  .about3 .C-title {
    margin-bottom: 34px;
  }

  .about3-swiper .swiper-slide {
    height: auto;
  }

  .about3-pic {
    height: auto;
    aspect-ratio: 1 / 1;
    border-right: none;
    border-bottom: 1px solid #000;
  }

  .about3-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
  }

  .about3-info {
    gap: 24px;
    height: auto;
    min-height: 164px;
    padding: 36px 20px 40px;
    border-right: none;
    border-bottom: 1px solid #000;
  }

  .about3-info .hd {
    gap: 8px;
  }

  .about3-more {
    width: 160px;
    height: 44px;
    margin-top: 0;
  }

  .about3-controls {
    margin-top: 9px;
  }

  .about3-pop {
    display: flex;
  }

  .about3-pop-mask {
    backdrop-filter: blur(3px);
  }

  .about3-pop-inner {
    display: flex;
    width: 379px;
    padding: 27px 26px;
    gap: 20px;
    border-radius: 10px;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, .15);
    transform: translateY(10px) scale(.96);
  }

  .about3-pop .pop-pic {
    flex: none;
    width: 150px;
    height: 200px;
    border-radius: 8px;
  }

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

  .about3-pop .pop-txt {
    flex: 1;
    padding-top: 10px;
  }

  .about3-pop .pop-txt h3 {
    margin-bottom: 15px;
  }

  .about3-pop .pop-close {
    top: 13px;
    right: 13px;
    width: 14px;
    height: 14px;
  }

  .about4 {
    padding: 60px 0 15px;
  }

  .about4-zs {
    top: -30px;
    width: 100%;
    height: 309px;
    background: linear-gradient(342deg, rgba(154, 236, 234, 0.305) 11%, rgba(255, 244, 244, 0.5) 57.5%);
    filter: blur(60px);
  }

  .about4-zs2 {
    right: -60px;
    width: 279px;
    display: none;
  }

  .about4-inner {
    width: 90%;
  }

  .about4 .C-title {
    margin-bottom: 40px;
  }

  .about4-swiper {
    padding: 15px 0;
  }

  .about4-swiper .swiper-slide {
    width: 100%;
    opacity: 1;
  }

  .about4-swiper .pic {
    padding: 7px;
    box-shadow: 0 0 5px rgba(4, 0, 0, .24);
  }

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

  .about4-swiper .cap {
    margin-top: 7px;
  }

  .about4-swiper-wrap .sbtn1 {
    top: 50%;
    width: 26px;
    height: 26px;
    transform: none;
  }

  .about4-swiper-wrap .sbtn1.prev {
    position: static;
    right: 100%;
    margin: 0;
  }

  .about4-swiper-wrap .sbtn1.next {
    position: static;
    left: 100%;
    margin: 0;
  }
}