@media screen and (max-width: 768px) {
  header .header-container {
    padding: 15px 30px;
  }
  header .header-container .header-left {
    width: 120px;
  }
  header .header-container .header-left .header-logo {
    width: 100%;
  }
  header .header-container .header-left .header-logo .gray-logo {
    display: block !important;
  }
  header .header-container .header-left .header-logo .default-logo {
    display: none !important;
  }
  header .header-container .header-right {
    display: none;
  }
  header .header-container .header-center {
    position: fixed;
    left: 0;
    top: 56px;
    width: 100%;
    height: calc(100vh - 56px);
    background: #fff;
    clip-path: inset(0 0 100% 0);
    transition: clip-path ease 0.5s;
  }
  header .header-container .header-center .nav-container {
    height: 100%;
  }
  header .header-container .header-center .nav-container .nav-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 30px;
  }
  header .header-container .header-center .nav-container .nav-list .nav-item-container {
    width: 100%;
    text-align: center;
  }
  header .header-container .header-center .nav-container .nav-list .nav-item-container .dropdown {
    padding-top: 20px;
    width: 100%;
    position: relative;
    color: #000;
    clip-path: none;
    left: unset;
    top: unset;
    gap: 20px;
    display: none;
    transform: translate3d(0, 0, 0);
  }
  header .header-container .header-center .nav-container .nav-list .nav-item-container .dropdown a {
    font-size: 16px;
    display: block;
    margin-top: 20px;
    opacity: 0.7;
  }
  header .header-container .header-center .nav-container .nav-list .nav-item-container .dropdown a:first-child {
    margin-top: 0;
  }
  header .header-container .header-center .nav-container .nav-list .nav-item {
    font-size: 18px;
    letter-spacing: 1;
  }
  header .header-container .header-center .nav-container .nav-list .nav-item::before {
    bottom: -2px;
    width: 0;
    height: 2px;
  }
  header .header-container .header-mobile-btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 30px;
    transition: all ease 0.5s;
    cursor: pointer;
  }
  header .header-container .header-mobile-btn span {
    width: 100%;
    height: 1px;
    background: #000;
    margin-top: 5px;
    display: block;
    flex-shrink: 0;
    transition: all ease 0.5s;
  }
  header .header-container .header-mobile-btn span:first-child {
    margin-top: 0;
  }
  header .header-container .open-phone-header {
    clip-path: inset(0 0 0 0);
  }
  header .header-container .close-type span:nth-child(1) {
    transform: translate3d(0, 6px, 0) rotate(45deg);
  }
  header .header-container .close-type span:nth-child(2) {
    opacity: 0;
  }
  header .header-container .close-type span:nth-child(3) {
    transform: translate3d(0, -6px, 0) rotate(-45deg);
  }
  footer {
    background: #3e445c;
  }
  footer .footer-container .top {
    padding: 15px 30px;
  }
  footer .footer-container .top .nav-list {
    display: none;
  }
  footer .footer-container .top .info-container {
    margin-top: 15px;
    margin-left: 0;
  }
  footer .footer-container .top .info-container .email {
    margin: 15px 0 20px;
  }
  footer .footer-container .top .info-container .media-list {
    gap: 15px;
  }
  footer .footer-container .bottom {
    padding: 0 30px;
  }
  footer .footer-container .bottom .bottom-container {
    padding: 15px 0;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 12px;
  }
  .public-btn {
    padding: 5px 15px;
  }
  .index-page {
    padding-top: 60px;
  }
  .index-page .banner .banner-swiper-container .swiper-wrapper .swiper-slide .text-container {
    left: 30px;
    top: 10vw;
  }
  .index-page .banner .banner-swiper-container .swiper-wrapper .swiper-slide .text-container .title {
    gap: 0px;
  }
  .index-page .banner .banner-swiper-container .swiper-wrapper .swiper-slide .text-container .tip {
    margin-top: 10px;
  }
  .index-page .banner .banner-swiper-container .swiper-wrapper .swiper-slide .text-container .banner-btn {
    margin-top: 15px;
  }
  .index-page .index1 .text-container {
    padding: 30px;
  }
  .index-page .index1 .text-container .desc {
    margin-top: 15px;
  }
  .index-page .index1 .accordion-container {
    position: relative;
  }
  .index-page .index1 .accordion-container #accordion-fake-banner {
    object-fit: cover;
  }
  .index-page .index1 .accordion-container .accordion-banner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .index-page .index1 .accordion-container .accordion-list {
    position: relative;
    left: unset;
    top: unset;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .index-page .index1 .accordion-container .accordion-list .accordion-item {
    position: relative;
    width: 100%;
    height: fit-content;
    padding: 30px;
  }
  .index-page .index1 .accordion-container .accordion-list .accordion-item .icon {
    width: 50px;
    height: 50px;
  }
  .index-page .index1 .accordion-container .accordion-list .accordion-item .icon img {
    width: 30px;
  }
  .index-page .index1 .accordion-container .accordion-list .accordion-item .text .title {
    margin: 10px 0 15px;
  }
  .index-page .index1 .accordion-container .accordion-list .accordion-item .text .desc span {
    padding-left: 8px;
  }
  .index-page .index1 .accordion-container .accordion-list .accordion-item .text .desc span::before {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    transform: translate3d(0, -50%, 0);
  }
  .index-page .index1 .accordion-container .accordion-list .accordion-item .default,
  .index-page .index1 .accordion-container .accordion-list .accordion-item .open {
    width: 100%;
    position: relative;
    left: unset;
    top: unset;
    transform: translate3d(0, 0, 0);
  }
  .index-page .index1 .accordion-container .accordion-list .accordion-item .default {
    display: none;
  }
  .index-page .index1 .accordion-container .accordion-list .accordion-item .open {
    transform: translate3d(0, 0, 0);
    opacity: 1 !important;
  }
  .index-page .index1 .accordion-container .accordion-list .active {
    width: 100%;
  }
  .index-page .index1 .accordion-container .accordion-list .active .default {
    display: none;
  }
  .index-page .index1 .accordion-container .accordion-list .active .open {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition-delay: 0.3s;
    transition: transform ease 0.5s, opacity ease 0.5s;
  }
  .index-page .index2 {
    background: linear-gradient(0deg, #e9f2ff 0%, #e9f2ff 100%), url('') lightgray -263.878px 0px / 127.487% 91.868% no-repeat;
  }
  .index-page .index2 .title-container {
    padding: 6.25vw 8.3333vw 9.7917vw;
    text-align: center;
  }
  .index-page .index2 .title-container .desc {
    margin-top: 0.9375vw;
  }
  .index-page .index2 .sticky {
    padding: 10vh 0;
  }
  .index-page .index2 .sticky .index2-swiper-container {
    padding: 0 5.2083vw 4.7917vw;
  }
  .index-page .index2 .sticky .index2-swiper-container .swiper-box {
    width: 100%;
    height: 60vh;
  }
  .index-page .index2 .sticky .index2-swiper-container .swiper-box .swiper-wrapper {
    flex-direction: column;
  }
  .index-page .index2 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide {
    padding: 30px;
    border-radius: 20px;
    flex-wrap: wrap;
  }
  .index-page .index2 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .left {
    width: 100%;
  }
  .index-page .index2 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right {
    margin-left: 0;
    width: 100%;
  }
  .index-page .index2 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .desc {
    color: #000;
    font-weight: 300;
    line-height: 1.44;
    margin-top: 1.1979vw;
  }
  .index-page .index2 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .list {
    display: flex;
    flex-direction: column;
    color: #000;
    font-weight: 300;
    line-height: 1.1;
    gap: 0.5rem;
    margin-top: 10px;
  }
  .index-page .index2 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .list .item {
    padding-left: 30px;
  }
  .index-page .index2 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .list .item .item-title::before {
    left: -20px;
    transform: translate3d(0, -50%, 0);
    width: 8px;
    height: 8px;
  }
  .index-page .index2 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .list .item .item-desc {
    margin-top: 15px;
    display: none;
  }
  .index-page .index2 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .btn {
    padding: 5px 15px;
    margin-top: 15px;
    border-radius: 20px;
  }
  .index-page .index3 {
    padding: 30px;
  }
  .index-page .index3 .title-container .desc {
    margin-top: 15px;
  }
  .index-page .index3 .content-container {
    margin-top: 30px;
    padding: 0 30px 30px;
  }
  .index-page .index3 .content-container .content-list {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 60px;
  }
  .index-page .index3 .content-container .content-list .content-item {
    width: 100%;
  }
  .index-page .index3 .content-container .content-list .content-item .icon {
    width: 50px;
    height: 50px;
  }
  .index-page .index3 .content-container .content-list .content-item .icon img {
    width: 30px;
  }
  .index-page .index3 .content-container .content-list .content-item .color-block {
    margin: 30px 0 15px;
  }
  .index-page .index3 .content-container .content-list .content-item .line {
    width: 2px;
    height: 50px !important;
  }
  .index-page .index3 .content-container .content-list .content-item .line::after,
  .index-page .index3 .content-container .content-list .content-item .line::before {
    content: '';
    width: 8px;
    height: 8px;
  }
  .index-page .index3 .content-container .content-list .content-item .title {
    margin: 15px 0 15px;
  }
  .index-page .index4 .container {
    display: flex;
    flex-wrap: wrap;
  }
  .index-page .index4 .container .left {
    width: 100%;
    padding: 30px;
  }
  .index-page .index4 .container .left .list {
    margin-top: 40px;
    flex-wrap: wrap;
    gap: 30px;
  }
  .index-page .index4 .container .left .list .left-col {
    transform: translate3d(0, 0, 0);
  }
  .index-page .index4 .container .left .list .col {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .index-page .index4 .container .right {
    width: 100%;
    overflow: hidden;
  }
  .index-page .index4 .container .right .right-container {
    display: flex;
    gap: 15px;
    width: 100%;
  }
  .index-page .index4 .container .right .swiper-container {
    width: calc((100% - 30px) / 2);
    height: 300px;
    margin: 0;
  }
  .index-page .index4 .container .right .swiper-container .swiper-item {
    width: 100%;
    height: 100%;
  }
  .index-page .index4 .container .right .swiper-container .swiper-item .swiper-wrapper .swiper-slide {
    height: 150px;
    border-radius: 10px;
    overflow: hidden;
  }
  .index-page .index4 .container .right .right-swiper-container .right-swiper .swiper-wrapper .swiper-slide {
    transform: translate3d(0, -30px, 0) !important;
  }
  .index-page .index5 .bk {
    position: absolute;
    top: 0;
    right: 0;
    width: 40.625vw;
    transform: translate3d(5.2083vw, -12.5vw, 0);
  }
  .index-page .index5 .text-container {
    padding: 30px;
  }
  .index-page .index5 .text-container .center {
    gap: 15px;
    margin-top: 30px;
  }
  .index-page .index5 .text-container .bottom {
    margin-top: 30px;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 30px 0;
  }
  .index-page .index5 .text-container .bottom .item-container {
    width: 50%;
  }
  .index-page .index5 .text-container .bottom .item-container .number {
    text-align: center;
  }
  .index-page .index5 .text-container .bottom .item-container .number span {
    margin-left: 5px;
  }
  .index-page .index5 .text-container .bottom .item-container .desc {
    text-align: center;
    margin-top: 15px;
  }
  .index-page .index5 .swiper-container {
    padding: 30px 0;
  }
  .index-page .index5 .swiper-container .mask-container .triangle {
    width: 50%;
  }
  .index-page .index5 .swiper-container .mask-container .text {
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translate3d(0, -50%, 0);
  }
  .index-page .index5 .swiper-container .mask-container .text .title {
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
  }
  .index-page .index5 .swiper-container .mask-container .text .desc {
    margin-top: 15px;
  }
  .index-page .index5 .swiper-container .swiper-box {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
  .index-page .index5 .swiper-container .swiper-box .swiper-item .swiper-wrapper {
    transition-timing-function: linear;
  }
  .index-page .index5 .swiper-container .swiper-box .swiper-item .swiper-wrapper .swiper-slide {
    width: 150px;
    position: relative;
  }
  .index-page .index5 .swiper-container .swiper-box .swiper-item .swiper-wrapper .swiper-slide::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .index-page .index5 .swiper-container .swiper-box .swiper-item .swiper-wrapper .swiper-slide img {
    width: 100%;
  }
  .index-page .index5 .swiper-container .swiper-box .swiper-item .swiper-wrapper .swiper-slide:hover::before {
    clip-path: inset(0 0 100% 0);
  }
  .index-page .index5 .swiper-container .swiper-box .bottom-swiper .swiper-wrapper .swiper-slide {
    transform: translate3d(-9.375vw, 0, 0);
  }
  .index-page .index6 {
    padding: 30px;
  }
  .index-page .index6 .list {
    margin-top: 30px;
    gap: 15px;
  }
  .index-page .index6 .list .item {
    width: calc((100% - 30px) / 3);
  }
  .index-page .index7 {
    padding: 30px;
  }
  .index-page .index7 .text-container .desc {
    margin-top: 30px;
  }
  .index-page .index7 .swiper-box {
    margin-top: 30px;
  }
  .index-page .index7 .swiper-box .change-btn {
    display: none;
  }
  .index-page .index7 .swiper-box .index7-swiper .swiper-wrapper .swiper-slide .image {
    border-radius: 20px 20px 0 0;
  }
  .index-page .index7 .swiper-box .index7-swiper .swiper-wrapper .swiper-slide .text {
    padding: 15px;
    border-radius: 0px 0px 10px 10px;
  }
  .index-page .index7 .swiper-box .index7-swiper .swiper-wrapper .swiper-slide .text .desc {
    margin: 10px 0 10px;
  }
  .about-page {
    padding-top: 56px;
  }
  .about-page .about1 {
    padding: 30px;
  }
  .about-page .about1 .text-container {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
  .about-page .about1 .text-container .row {
    display: flex;
  }
  .about-page .about1 .text-container .row .no {
    width: 30px;
    margin-right: 30px;
    font-weight: 600;
  }
  .about-page .about2 {
    padding: 30px;
    flex-wrap: wrap;
  }
  .about-page .about2 .left {
    width: 100%;
    margin-right: 0;
    border-radius: 15px;
  }
  .about-page .about2 .right {
    order: 1;
    margin-top: 30px;
  }
  .about-page .about2 .right .desc {
    margin-top: 10px;
  }
  .about-page .about3 {
    background-image: url(/static/img/about/ab3-bk.png);
    height: fit-content;
  }
  .about-page .about3 .left {
    padding: 30px;
    text-align: center;
    position: relative;
    left: unset;
    top: unset;
    transform: translate3d(0, 0, 0);
  }
  .about-page .about3 .right {
    position: relative;
    right: unset;
    top: unset;
    height: calc(60vh - 60px);
    width: 100%;
    margin-right: 0;
    padding: 30px;
    overflow-y: scroll;
  }
  .about-page .about3 .right::-webkit-scrollbar {
    display: none;
  }
  .about-page .about3 .right .scroll-container {
    display: flex;
    gap: 30px;
    padding: 0 0;
  }
  .about-page .about3 .right .scroll-container .col {
    width: calc((100% - 30px) / 2);
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
  .about-page .about3 .right .scroll-container .col:nth-child(2) {
    margin-top: 0;
  }
  .about-page .about3 .right .scroll-container .col .swiper-container .swiper-wrapper .swiper-slide .card-item {
    width: 100%;
    padding: 15px;
    border-radius: 10px;
  }
  .about-page .about3 .right .scroll-container .col .swiper-container .swiper-wrapper .swiper-slide .card-item .title {
    margin-top: 60px;
  }
  .about-page .about3 .right .scroll-container .col .swiper-container .swiper-wrapper .swiper-slide .card-item .icon {
    width: 30px;
    margin: 20px 0;
  }
  .about-page .about3 .right .scroll-container .col .swiper-container .swiper-wrapper .swiper-slide .card-item .desc {
    margin-top: 20px;
  }
  .about-page .about4 {
    padding: 30px;
    background: url(/static/img/about/ab4-bk.png);
    background-size: 100% 100%;
  }
  .about-page .about4 .title {
    font-family: FZZhengHeiS-B-GB;
    font-weight: 400;
  }
  .about-page .about4 .content-list {
    margin-top: 30px;
    height: 60vh;
    position: relative;
  }
  .about-page .about4 .content-list::before {
    content: '';
    height: 100%;
    width: 0;
    border: 1px dashed #2a5082;
    position: absolute;
    top: 0;
    left: 50px;
  }
  .about-page .about4 .content-list .line-mask {
    left: 47px;
    width: calc(100% - 47px);
  }
  .about-page .about4 .content-list .line-mask .line-item {
    padding-right: 10px;
  }
  .about-page .about4 .content-list .line-mask .line-item .line {
    flex-shrink: 0;
    height: 2px;
  }
  .about-page .about4 .content-list .line-mask .line-item .line::before,
  .about-page .about4 .content-list .line-mask .line-item .line::after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
  }
  .about-page .about4 .content-list .line-mask .line-item .icon {
    width: 30px;
    height: 30px;
    margin: 0 5px;
    flex-shrink: 0;
  }
  .about-page .about4 .content-list .line-mask .line-item .icon img {
    width: 16px;
  }
  .about-page .about4 .content-list .line-mask .line-item:nth-child(7n + 1) .line,
  .about-page .about4 .content-list .line-mask .line-item:nth-child(7n + 7) .line {
    width: 7.1875vw;
  }
  .about-page .about4 .content-list .line-mask .line-item:nth-child(7n + 2) .line,
  .about-page .about4 .content-list .line-mask .line-item:nth-child(7n + 6) .line {
    width: 10.3125vw;
  }
  .about-page .about4 .content-list .line-mask .line-item:nth-child(7n + 3) .line,
  .about-page .about4 .content-list .line-mask .line-item:nth-child(7n + 5) .line {
    width: 13.4375vw;
  }
  .about-page .about4 .content-list .line-mask .line-item:nth-child(7n + 4) .line {
    width: 16.5625vw;
  }
  .about-page .about4 .content-list .list-container {
    padding: 0;
    height: 100%;
  }
  .about-page .about4 .content-list .list-container::-webkit-scrollbar {
    width: 2px;
  }
  .about-page .about4 .content-list .list-container .content-item .name {
    width: 50px;
    font-size: 18px;
  }
  .about-page .about4 .content-list .list-container .content-item .desc {
    width: 100%;
    font-weight: 400;
    line-height: 1.5;
    transition: color ease 0.5s;
    font-size: 12px;
    padding-right: 10px;
  }
  .about-page .about4 .content-list .list-container .active .name {
    transform: scale(1);
  }
  .about-page .about5 {
    padding: 30px;
  }
  .about-page .about5 .about5-swiper-container {
    margin-top: 30px;
    padding-right: 0;
  }
  .about-page .about5 .about5-swiper-container .swiper-container {
    height: fit-content;
  }
  .about-page .about5 .about5-swiper-container .swiper-container .swiper-wrapper .swiper-slide {
    width: 100%;
    border-radius: 10px;
  }
  .about-page .about5 .about5-swiper-container .swiper-container .swiper-wrapper .active {
    width: 100% !important;
  }
  .about-page .about5 .about5-swiper-container .navigation-container {
    margin-top: 30px;
  }
  .about-page .about5 .about5-swiper-container .navigation-container .scrollbar {
    width: 80%;
    height: 2px;
    flex-shrink: 0;
  }
  .about-page .about5 .about5-swiper-container .navigation-container .scrollbar .scroll-thumb {
    height: 3px;
  }
  .about-page .about5 .about5-swiper-container .navigation-container .btn {
    width: 100%;
    margin-left: 15px;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
  }
  .about-page .about5 .about5-swiper-container .navigation-container .btn .btn-item {
    width: 30px;
    height: 30px;
  }
  .about-page .about6 {
    padding: 30px 0;
    overflow: hidden;
  }
  .about-page .about6 .title {
    text-align: center;
  }
  .about-page .about6 .content-container {
    width: 100%;
    height: fit-content;
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    border-radius: 15px;
    box-shadow: 0px 10px 10px 0px #f2f4fa;
    gap: 30px;
  }
  .about-page .about6 .content-container .content-item {
    width: 100%;
    height: fit-content;
    position: relative;
    background-image: url(/static/img/about/ab6-item-bk.png);
    background-size: 100% 100%;
    transition: background-size ease 0.5s;
  }
  .about-page .about6 .content-container .content-item::before {
    display: none;
  }
  .about-page .about6 .content-container .content-item .default,
  .about-page .about6 .content-container .content-item .spread {
    position: relative;
    left: unset;
    top: unset;
    transform: translate3d(0, 0, 0);
    padding: 30px;
  }
  .about-page .about6 .content-container .content-item .default {
    transition: opacity ease 0.5s;
    display: none;
  }
  .about-page .about6 .content-container .content-item .default .icon {
    width: 3.75vw;
    margin: 0 auto;
  }
  .about-page .about6 .content-container .content-item .default .name {
    margin-top: 1.0417vw;
    font-weight: 300;
  }
  .about-page .about6 .content-container .content-item .spread {
    width: 100%;
    opacity: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .about-page .about6 .content-container .content-item .spread .icon {
    width: 3.75vw;
  }
  .about-page .about6 .content-container .content-item .spread .name {
    font-weight: 600;
    margin: 1.0417vw 0 1.5625vw;
  }
  .about-page .about6 .content-container .content-item .spread .list {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 2.7083vw;
  }
  .about-page .about6 .content-container .content-item .spread .list .item {
    font-weight: 300;
    flex-shrink: 0;
  }
  .about-page .about6 .content-container .content-item:hover {
    background-size: 110% 110%;
  }
  .about-page .about6 .content-container .active {
    width: 100%;
  }
  .about-page .about6 .content-container .active .default {
    opacity: 0;
  }
  .about-page .about6 .content-container .active .spread {
    opacity: 1;
    transition: all ease 0.5s;
    transform: translate3d(0, 0, 0);
    transition-delay: 0.3s;
  }
  .about-page .about6 .content-container .active::before {
    display: none;
  }
  .safe-page {
    padding-top: 56px;
  }
  .safe-page .safe1 .nav-container {
    padding: 0 30px;
    display: flex;
    gap: 14px;
    background: #fff;
    box-shadow: 0px 5px 5px 0px #f7f8fe;
    flex-wrap: wrap;
  }
  .safe-page .safe1 .nav-container .nav-item {
    width: calc((100% - 42px) / 4);
    padding: 10px 0 10px;
  }
  .safe-page .safe1 .nav-container .active::before {
    height: 2px;
  }
  .safe-page .safe2 {
    padding: 30px;
  }
  .safe-page .safe2 .safe2-content {
    margin-top: 0;
  }
  .safe-page .safe2 .safe2-content .content-item {
    flex-wrap: wrap;
  }
  .safe-page .safe2 .safe2-content .content-item .left {
    width: 100%;
  }
  .safe-page .safe2 .safe2-content .content-item .left .desc {
    margin-top: 15px;
    gap: 0.9375rem;
  }
  .safe-page .safe2 .safe2-content .content-item .right {
    margin-top: 30px;
    margin-left: 0;
    width: 100%;
  }
  .safe-page .safe3 {
    width: 100%;
  }
  .safe-page .safe3 .content-container {
    padding: 30px;
    flex-wrap: wrap;
  }
  .safe-page .safe3 .content-container .left {
    width: 100%;
    height: 80px;
    margin-right: 0;
    border-radius: 0;
  }
  .safe-page .safe3 .content-container .left .text {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translate3d(0, -50%, 0);
  }
  .safe-page .safe3 .content-container .right {
    margin-top: 0;
    width: 100%;
    padding-right: 0;
  }
  .safe-page .safe3 .content-container .right .safe3-swiper .swiper-container .swiper-wrapper .swiper-slide {
    padding: 15px;
    border-radius: 0 0 15px 15px;
  }
  .safe-page .safe3 .content-container .right .safe3-swiper .swiper-container .swiper-wrapper .swiper-slide .desc {
    margin: 10px 0 15px;
  }
  .safe-page .safe3 .content-container .right .safe3-swiper .swiper-container .swiper-wrapper .swiper-slide .icon {
    width: 50px;
  }
  .safe-page .safe4 .content-container {
    padding: 30px;
  }
  .safe-page .safe4 .content-container .safe4-card {
    background: url(/static/img/safe/sf41.png);
    background-size: 100% 100%;
    padding: 60px 30px;
    height: 500px;
  }
  .safe-page .safe4 .content-container .safe4-card .content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-top: 15px;
  }
  .safe-page .safe4 .content-container .safe4-card .content .desc {
    width: 100%;
  }
  .safe-page .safe4 .content-container .safe4-card .content .btn-list {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 15px;
  }
  .safe-page .safe4 .content-container .safe4-card .content .btn-list .prev,
  .safe-page .safe4 .content-container .safe4-card .content .btn-list .next {
    width: 30px;
    height: 30px;
  }
  .safe-page .safe4 .content-container .safe4-card .content .btn-list .prev span,
  .safe-page .safe4 .content-container .safe4-card .content .btn-list .next span {
    font-size: 16px;
  }
  .safe-page .safe4 .content-container .safe4-card .content .btn-list .pagination {
    gap: 15px;
  }
  .safe-page .safe4 .content-container .safe4-swiper-container {
    position: absolute;
    left: 0;
    bottom: 80px;
    width: 100vw;
    height: 200px;
  }
  .safe-page .safe4 .content-container .safe4-swiper-container .safe4-swiper {
    width: 100%;
  }
  .safe-page .safe4 .content-container .safe4-swiper-container .safe4-swiper .swiper-container {
    padding: 0 15.2604vw;
  }
  .safe-page .safe4 .content-container .safe4-swiper-container .safe4-swiper .swiper-container .swiper-wrapper .swiper-slide .desc {
    width: 70%;
    left: 15px;
    bottom: 10px;
  }
  .safe-page .safe5 {
    padding: 30px;
  }
  .safe-page .safe5 .content-container {
    margin-top: 15px;
    width: 100%;
    gap: 15px;
    flex-wrap: wrap;
  }
  .safe-page .safe5 .content-container .item-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    border-radius: 15px;
  }
  .solution-page {
    padding-top: 56px;
  }
  .solution-page .solution1 .nav-container {
    padding: 0 30px;
    gap: 30px;
    box-shadow: 0px 10px 10px 0px #f7f8fe;
    flex-wrap: wrap;
  }
  .solution-page .solution1 .nav-container .nav-item {
    width: calc((100% - 90px) / 4);
    padding: 10px 0;
  }
  .solution-page .solution1 .nav-container .active::before {
    height: 2px;
  }
  .solution-page .solution2 {
    padding: 30px;
  }
  .solution-page .solution2 .solution2-nav {
    gap: 30px;
    flex-wrap: wrap;
  }
  .solution-page .solution2 .solution2-nav .active {
    padding: 5px 15px;
    border-radius: 20px;
  }
  .solution-page .solution2 .solution2-content {
    margin-top: 30px;
  }
  .solution-page .solution2 .solution2-content .content-item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .solution-page .solution2 .solution2-content .content-item .left {
    width: 100%;
  }
  .solution-page .solution2 .solution2-content .content-item .left .desc {
    margin-top: 15px;
    gap: 15px;
  }
  .solution-page .solution2 .solution2-content .content-item .right {
    margin-top: 15px;
    width: 100%;
    margin-left: 0;
  }
  .solution-page .solution3 {
    padding: 30px;
  }
  .solution-page .solution3 .content {
    margin-top: 30px;
    gap: 30px;
  }
  .solution-page .solution3 .content .solution3-row {
    flex-wrap: wrap;
  }
  .solution-page .solution3 .content .solution3-row .cover {
    display: none;
  }
  .solution-page .solution3 .content .solution3-row .mask {
    display: none;
  }
  .solution-page .solution3 .content .solution3-row .container {
    flex-wrap: wrap;
  }
  .solution-page .solution3 .content .solution3-row .container .image-col {
    width: 100%;
    order: 1 !important;
    height: 25vw;
  }
  .solution-page .solution3 .content .solution3-row .container .image-col img {
    height: 100%;
    object-fit: cover;
    transition: transform ease 0.5s;
  }
  .solution-page .solution3 .content .solution3-row .container .image-col:hover img {
    transform: scale(1.1);
  }
  .solution-page .solution3 .content .solution3-row .container .text-col {
    margin-top: 15px;
    position: relative;
    left: none;
    top: none;
    right: none;
    width: 100%;
    transform: translate3d(0, 0, 0);
    order: 2 !important;
  }
  .solution-page .solution3 .content .solution3-row:nth-of-type(2n) .container .text-col {
    left: none;
    transform: translate3d(0, 0, 0);
  }
  .solution-page .solution3 .content .solution3-row .image-col {
    width: 100%;
  }
  .solution-page .solution3 .content .solution3-row .text-col {
    width: 100%;
  }
  .solution-page .solution3 .content .solution3-row .text-col .desc {
    margin-top: 10px;
  }
  .solution-page .solution3 .content .on .mask {
    animation: none;
  }
  .solution-page .solution3 .content .on .container .image-col {
    animation: none;
  }
  .solution-page .solution3 .content .on .container .text-col {
    animation: none;
  }
  .solution-page .solution3 .content .on:nth-of-type(2n) .container .text-col {
    transform: translate3d(0, 0, 0);
  }
  .solution-page .solution4 {
    padding: 30px;
  }
  .solution-page .solution4 .content-container {
    margin-top: 15px;
  }
  .solution-page .solution4 .content-container .top {
    display: flex;
    flex-wrap: wrap;
  }
  .solution-page .solution4 .content-container .top .text {
    width: 100%;
    margin-right: 0;
  }
  .solution-page .solution4 .content-container .top .navigation-container {
    width: 100%;
    display: flex;
    align-items: center;
  }
  .solution-page .solution4 .content-container .top .navigation-container .scrollbar {
    width: 75%;
    height: 2px;
    flex-shrink: 0;
  }
  .solution-page .solution4 .content-container .top .navigation-container .scrollbar .scroll-thumb {
    height: 3px;
    width: 100px;
  }
  .solution-page .solution4 .content-container .top .navigation-container .btn {
    margin-top: 30px;
    margin-left: 30px;
    display: flex;
    width: 100%;
    justify-content: flex-end;
  }
  .solution-page .solution4 .content-container .top .navigation-container .btn .btn-item {
    width: 30px;
    height: 30px;
  }
  .solution-page .solution4 .content-container .top .navigation-container .btn .btn-item span {
    font-size: 16px;
  }
  .solution-page .solution4 .content-container .bottom {
    margin-top: 30px;
  }
  .solution-page .solution4 .content-container .bottom .solution4-swiper .swiper-container .swiper-wrapper .swiper-slide .image {
    border-radius: 10px;
  }
  .solution-page .solution4 .content-container .bottom .solution4-swiper .swiper-container .swiper-wrapper .swiper-slide:nth-of-type(2n-1) {
    margin-bottom: 0;
  }
  .solution-page .solution4 .content-container .bottom .solution4-swiper .swiper-container .swiper-wrapper .swiper-slide .title {
    margin: 8px 0 10px;
  }
  .solution-page .solution5 {
    padding: 30px;
  }
  .solution-page .solution5 .content-container {
    margin-top: 30px;
    gap: 30px;
    flex-wrap: wrap;
  }
  .solution-page .solution5 .content-container .item-container {
    width: 100%;
    gap: 5px;
  }
  .solution-page .solution5 .content-container .item-container .image {
    border-radius: 15px;
  }
  .case-page {
    padding-top: 56px;
  }
  .case-page .case1 .content-container {
    padding: 30px;
  }
  .case-page .case1 .content-container .case1-prev,
  .case-page .case1 .content-container .case1-next {
    width: 30px;
    height: 30px;
    display: none;
  }
  .case-page .case1 .content-container .case1-prev {
    left: 15px;
  }
  .case-page .case1 .content-container .case1-prev span {
    margin-left: 0;
  }
  .case-page .case1 .content-container .case1-next {
    right: 15px;
  }
  .case-page .case1 .content-container .case1-next span {
    margin-right: 0;
  }
  .case-page .case1 .content-container .case1-swiper {
    width: 100%;
    overflow: hidden;
  }
  .case-page .case1 .content-container .case1-swiper .swiper-wrapper .swiper-slide {
    border-radius: 10px;
    flex-wrap: wrap;
  }
  .case-page .case1 .content-container .case1-swiper .swiper-wrapper .swiper-slide .left {
    width: 100%;
  }
  .case-page .case1 .content-container .case1-swiper .swiper-wrapper .swiper-slide .right {
    padding: 15px;
  }
  .case-page .case1 .content-container .case1-swiper .swiper-wrapper .swiper-slide .right .desc {
    margin: 10px 0;
  }
  .case-page .case1 .content-container .case1-swiper .swiper-wrapper .swiper-slide .right .btn {
    padding: 5px 20px;
    border-radius: 20px;
  }
  .case-page .case2 {
    padding: 30px;
  }
  .case-page .case2 .content-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
  }
  .case-page .case2 .content-container .item-container {
    width: calc((100% - 15px) / 2);
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .case-page .case2 .content-container .item-container .image {
    border-radius: 15px;
  }
  .case-page .case2 .pagination-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 30px;
  }
  .case-page .case2 .pagination-container .number-list {
    gap: 10px;
  }
  .case-detail-page {
    padding-top: 56px;
  }
  .case-detail-page .cd1 {
    padding: 30px;
  }
  .case-detail-page .cd1 .date {
    margin: 10px 0 15px;
  }
  .case-detail-page .cd1 .links {
    gap: 10px;
  }
  .case-detail-page .cd1 .links .link-item {
    width: 25px;
    height: 25px;
  }
  .case-detail-page .cd1 .links .link-item img {
    width: 16px;
  }
  .case-detail-page .cd1 .content {
    margin-top: 30px;
    padding-top: 15px;
  }
  .case-detail-page .cd1 .content::before {
    height: 1px;
  }
  .case-detail-page .cd2 {
    padding: 30px;
  }
  .case-detail-page .cd2 .content-container {
    margin-top: 30px;
    width: 100%;
    display: flex;
    gap: 15px;
  }
  .case-detail-page .cd2 .content-container .item-container {
    width: calc((100% - 30px) / 3);
    gap: 10px;
  }
  .case-detail-page .cd2 .content-container .item-container .image {
    border-radius: 15px;
  }
  .technology-page {
    padding-top: 56px;
  }
  .technology-page .technology1 {
    overflow: hidden;
    padding: 30px 0;
  }
  .technology-page .technology1 .technology-swiper-container {
    width: 100%;
    padding: 30px 90px;
  }
  .technology-page .technology1 .technology-swiper-container .swiper-container {
    width: 300px;
    height: 300px;
    overflow: unset;
  }
  .technology-page .technology1 .technology-swiper-container .swiper-container .swiper-wrapper {
    align-items: center;
  }
  .technology-page .technology1 .technology-swiper-container .swiper-container .swiper-wrapper .swiper-slide {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 50%;
    border: 1px dashed #39527b;
  }
  .technology-page .technology1 .technology-swiper-container .swiper-container .swiper-wrapper .swiper-slide::before {
    width: calc(100% + 30px);
    height: calc(100% + 30px);
  }
  .technology-page .technology1 .technology-swiper-container .swiper-container .swiper-wrapper .swiper-slide .default,
  .technology-page .technology1 .technology-swiper-container .swiper-container .swiper-wrapper .swiper-slide .spread {
    padding: 40px;
  }
  .technology-page .technology1 .technology-swiper-container .swiper-container .swiper-wrapper .swiper-slide .default .desc,
  .technology-page .technology1 .technology-swiper-container .swiper-container .swiper-wrapper .swiper-slide .spread .desc {
    margin-top: 10px;
  }
  .technology-page .technology1 .technology-text-container {
    padding: 0 60px;
  }
  .technology-page .technology1 .technology-text-container .text-slide .title {
    letter-spacing: 1;
  }
  .technology-page .technology1 .technology-text-container .text-slide .desc {
    margin-top: 20px;
  }
  .technology-page .technology2 {
    overflow: hidden;
    padding: 30px;
  }
  .technology-page .technology2 .card-container {
    margin-top: 30px;
    width: 100%;
    background: #e1eaf9;
    border-radius: 10px;
    padding: 15px;
  }
  .technology-page .technology2 .card-container .card {
    display: flex;
    flex-wrap: wrap;
  }
  .technology-page .technology2 .card-container .card .left {
    width: 100%;
    border-radius: 10px;
    padding: 15px;
    margin-right: 0;
  }
  .technology-page .technology2 .card-container .card .right {
    overflow-x: auto;
  }
  .technology-page .technology2 .card-container .card .right::-webkit-scrollbar {
    display: none;
  }
  .technology-page .technology2 .card-container .card .right .right-container {
    width: 200%;
    padding-bottom: 10px;
    margin-top: 20px;
    overflow-x: scroll;
    overflow-y: hidden;
  }
  .technology-page .technology2 .card-container .card .right .right-container::-webkit-scrollbar {
    display: none;
  }
  .technology-page .technology2 .card-container .card .right .right-container::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 60px;
    background: rgba(69, 123, 213, 0.8);
    border-radius: 0.5208vw;
  }
  .technology-page .technology2 .card-container .card .right .right-container .right-col {
    width: calc(100% / 5);
    position: relative;
  }
  .technology-page .technology2 .card-container .card .right .right-container .right-col .title {
    padding: 10px;
    height: 60px;
  }
  .technology-page .technology2 .card-container .card .right .right-container .right-col .list {
    gap: 15px;
    margin-top: 20px;
  }
  .technology-page .technology2 .card-container .card .right .right-container .right-col .list .item {
    padding: 5px;
  }
  .technology-page .technology2 .card-container .card .right .right-container .right-col .list .item .text {
    padding: 8px;
    width: fit-content;
    border-radius: 3px;
  }
  .technology-page .technology2 .card-container .card .right .right-container .right-col:hover::before {
    z-index: 1;
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate3d(-50%, 0, 0);
    width: 100%;
    height: calc(100% + 2.7604vw);
    border-radius: 0.5208vw;
    background: #6db4f4;
    box-shadow: 0px 0.2083vw 0.8333vw 0px rgba(0, 0, 0, 0.14);
  }
  .technology-page .technology3 {
    position: relative;
    overflow: hidden;
  }
  .technology-page .technology3 .text-container {
    padding: 30px;
  }
  .technology-page .technology3 .text-container .center {
    gap: 15px;
    margin-top: 30px;
  }
  .technology-page .technology3 .text-container .bottom {
    margin-top: 30px;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 30px 0;
  }
  .technology-page .technology3 .text-container .bottom .item-container {
    width: 50%;
  }
  .technology-page .technology3 .text-container .bottom .item-container .number {
    text-align: center;
  }
  .technology-page .technology3 .text-container .bottom .item-container .number span {
    margin-left: 5px;
  }
  .technology-page .technology3 .text-container .bottom .item-container .desc {
    text-align: center;
    margin-top: 15px;
  }
  .technology-page .technology3 .swiper-container {
    padding: 30px 0;
  }
  .technology-page .technology3 .swiper-container .mask-container .triangle {
    width: 50%;
  }
  .technology-page .technology3 .swiper-container .mask-container .text {
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translate3d(0, -50%, 0);
  }
  .technology-page .technology3 .swiper-container .mask-container .text .title {
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
  }
  .technology-page .technology3 .swiper-container .mask-container .text .desc {
    margin-top: 15px;
  }
  .technology-page .technology3 .swiper-container .swiper-box {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
  .technology-page .technology3 .swiper-container .swiper-box .swiper-item .swiper-wrapper {
    transition-timing-function: linear;
  }
  .technology-page .technology3 .swiper-container .swiper-box .swiper-item .swiper-wrapper .swiper-slide {
    width: 150px;
    position: relative;
  }
  .technology-page .technology3 .swiper-container .swiper-box .swiper-item .swiper-wrapper .swiper-slide::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .technology-page .technology3 .swiper-container .swiper-box .swiper-item .swiper-wrapper .swiper-slide img {
    width: 100%;
  }
  .technology-page .technology3 .swiper-container .swiper-box .swiper-item .swiper-wrapper .swiper-slide:hover::before {
    clip-path: inset(0 0 100% 0);
  }
  .technology-page .technology3 .swiper-container .swiper-box .bottom-swiper .swiper-wrapper .swiper-slide {
    transform: translate3d(-9.375vw, 0, 0);
  }
  .technology-page .technology4 .sticky {
    padding: 10vh 0;
  }
  .technology-page .technology4 .sticky .index2-swiper-container {
    padding: 0 5.2083vw 4.7917vw;
  }
  .technology-page .technology4 .sticky .index2-swiper-container .swiper-box {
    width: 100%;
    height: 60vh;
  }
  .technology-page .technology4 .sticky .index2-swiper-container .swiper-box .swiper-wrapper {
    flex-direction: column;
  }
  .technology-page .technology4 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide {
    padding: 30px;
    border-radius: 20px;
    flex-wrap: wrap;
  }
  .technology-page .technology4 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .left {
    width: 100%;
  }
  .technology-page .technology4 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right {
    margin-left: 0;
    width: 100%;
  }
  .technology-page .technology4 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .desc {
    color: #000;
    font-weight: 300;
    line-height: 1.44;
    margin-top: 1.1979vw;
  }
  .technology-page .technology4 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .list {
    display: flex;
    flex-direction: column;
    color: #000;
    font-weight: 300;
    line-height: 1.1;
    gap: 0.5rem;
    margin-top: 10px;
  }
  .technology-page .technology4 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .list .item {
    padding-left: 30px;
  }
  .technology-page .technology4 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .list .item .item-title::before {
    left: -20px;
    transform: translate3d(0, -50%, 0);
    width: 8px;
    height: 8px;
  }
  .technology-page .technology4 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .list .item .item-desc {
    margin-top: 15px;
    display: none;
  }
  .technology-page .technology4 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .btn {
    padding: 5px 15px;
    margin-top: 15px;
    border-radius: 20px;
  }
  .news-page {
    padding-top: 56px;
  }
  .news-page .news-card {
    padding: 30px;
    flex-wrap: wrap;
  }
  .news-page .news-card .left {
    width: 100%;
    margin-right: 0;
  }
  .news-page .news-card .right {
    margin-top: 20px;
  }
  .news-page .news-card .right .top {
    padding-top: 0;
  }
  .news-page .news-card .right .bottom {
    padding-top: 20px;
  }
  .news-page .news1 {
    padding: 30px;
  }
  .news-page .news1 .content-container {
    gap: 15px;
  }
  .news-page .news1 .content-container .news-item {
    width: calc((100% - 15px) / 2);
  }
  .news-page .news1 .content-container .news-item .image {
    border-radius: 10px 10px 0 0;
  }
  .news-page .news1 .content-container .news-item .text {
    padding: 15px;
    border-radius: 0px 0px 5px 5px;
  }
  .news-page .news1 .content-container .news-item .text .desc {
    margin: 10px 0;
  }
  .news-page .news1 .pagination-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 30px;
  }
  .news-page .news1 .pagination-container .number-list {
    gap: 10px;
  }
  .news-detail-page {
    padding-top: 56px;
  }
  .news-detail-page .nd1 {
    padding: 30px;
    flex-wrap: wrap;
  }
  .news-detail-page .nd1 .left {
    width: 100%;
    margin-right: 0;
  }
  .news-detail-page .nd1 .left .bottom {
    margin-top: 30px;
  }
  .news-detail-page .nd1 .left .bottom .links {
    display: flex;
    justify-content: center;
    gap: 10px;
  }
  .news-detail-page .nd1 .left .bottom .links .link-item {
    width: 20px;
    height: 20px;
  }
  .news-detail-page .nd1 .left .bottom .links .link-item img {
    width: 14px;
  }
  .news-detail-page .nd1 .left .content {
    margin-top: 30px·;
    padding-top: 15px;
  }
  .news-detail-page .nd1 .left .content::before {
    height: 1px;
  }
  .news-detail-page .nd1 .left .back-list {
    margin-top: 30px;
  }
  .news-detail-page .nd1 .left .back-list .back-title {
    margin-bottom: 10px;
  }
  .news-detail-page .nd1 .left .back-list .back-prev,
  .news-detail-page .nd1 .left .back-list .back-next {
    margin-top: 6px;
  }
  .news-detail-page .nd1 .right {
    margin-top: 40px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
  .news-detail-page .nd1 .right .news-item {
    width: 100%;
  }
  .news-detail-page .nd1 .right .news-item .image {
    border-radius: 10px 10px 0 0;
  }
  .news-detail-page .nd1 .right .news-item .text {
    padding: 15px;
    border-radius: 0px 0px 10px 10px;
  }
  .news-detail-page .nd1 .right .news-item .text .desc {
    margin: 10px 0 15px;
  }
  .contact-page {
    padding-top: 56px;
  }
  .contact-page .ct-map {
    padding: 30px;
    flex-wrap: wrap;
  }
  .contact-page .ct-map .left {
    width: 100%;
  }
  .contact-page .ct-map .right {
    margin-top: 30px;
    margin-left: 0;
  }
  .contact-page .ct-map .right .list {
    margin-top: 20px;
  }
  .contact-page .ct-map .right .list .item {
    padding-left: 15px;
  }
  .contact-page .ct-map .right .list .item::before {
    top: 7.5px;
    left: 5px;
  }
  .contact-page .contact1 {
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
  }
  .contact-page .contact1 .left {
    width: 100%;
  }
  .contact-page .contact1 .left .btn {
    border-radius: 15px;
    padding: 5px 15px;
  }
  .contact-page .contact1 .left .title {
    margin: 10px 0 20px;
  }
  .contact-page .contact1 .left .nav-list {
    margin-top: 10px;
    gap: 0.9375rem;
  }
  .contact-page .contact1 .left .nav-list .nav-item {
    padding-left: 20px;
    color: #3a4046;
  }
  .contact-page .contact1 .left .nav-list .nav-item::before {
    left: 10px;
    width: 8px;
    height: 8px;
  }
  .contact-page .contact1 .right {
    margin-top: 30px;
    margin-left: 0;
    width: 100%;
    flex-shrink: 0;
    border-radius: 15px;
    padding: 0;
  }
  .contact-page .contact1 .right .form-container {
    width: 100%;
    display: flex;
    gap: 0.9375rem;
    flex-wrap: wrap;
  }
  .contact-page .contact1 .right .form-container .form-item {
    width: 100%;
  }
  .contact-page .contact1 .right .form-container .form-item input,
  .contact-page .contact1 .right .form-container .form-item select,
  .contact-page .contact1 .right .form-container .form-item textarea {
    box-sizing: border-box;
    width: 100%;
    color: #39527b;
    font-weight: 400;
    padding: 10px 20px;
    border-radius: 10px;
  }
  .contact-page .contact1 .right .form-container .submit {
    padding: 5px 20px;
    border-radius: 20px;
  }
  .contact-page .contact1 .right .form-container .max-item {
    width: 100%;
  }
}