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

  .f_94 {
    font-size: 36px;
  }

  .f_174 {
    font-size: 60px;
  }

  .head1 {
    padding: 0 15px;
  }
  .open .head1{
    background: #000;
  }

  .head1 .logo {
    width: 90px;
  }

  .head1 .menu {
    position: fixed;
    left: 0;
    top: -120vh;
    width: 100%;
    height: calc(100vh - var(--head));
    background: #000;
    display: block;
    opacity: 0;
    overflow: auto;
    transition: opacity ease .3s;
    z-index: 50;
    color: #fff;
    gap: 0;
  }

  header.open .menu {
    top: var(--head);
    opacity: 1;
  }

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

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

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

  .head1 .menu .link.on a::after {
    bottom: -2px;
    width: 100%;
    height: 1px;
  }

  .head1 .link .down {
    position: static;
    opacity: 1;
    width: 100%;
    min-width: 160px;
    pointer-events: visible;
    border-bottom: 1px solid #ddd;
    display: none;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    transform: none;
  }

  .head1 .link .down::before {
    width: 100%;
    height: 40px;
    bottom: 100%;
  }

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

  .head1 .link .down a:not(:last-child) {
    border-bottom: 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;
  }

  .head1 .right {
    gap: 10px;
  }

  .head1 .right .head-icon {
    width: 14px;
  }

  .C-btn {
    width: 200px;
    padding: 4px;
    border: 1px solid var(--color);
  }

  .C-btn .btn-inner {
    border: 1px solid var(--color);
    height: 40px;
    padding: 0 12px;
  }

  .C-btn .btn-inner .btn-icon-left {
    width: 22px;
  }

  .C-btn .btn-inner .btn-text {
    letter-spacing: 1px;
    flex: 1;
  }

  .C-btn .btn-inner .btn-icon-right {
    width: 16px;
  }

  .C-btn.theme2 {
    width: 180px;
    border: 1px solid #E27D4A;
  }

  .C-btn.theme2 .btn-inner {
    border: 1px solid #E27D4A;
    height: 38px;
  }

  .C-btn.theme2 .btn-inner .btn-icon-left {
    width: 20px;
  }

  .foot-wrap {
    padding: 30px 20px 0;
  }

  .foot1 {
    flex-direction: column;
    gap: 30px;
    padding-bottom: 30px;
  }

  .foot1 .foot-logo {
    width: 140px;
  }

  .foot1 .shares {
    gap: 15px;
    margin-top: 15px;
  }

  .foot1 .shares .share-item {
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
  }

  .foot1 .shares .share-item:hover {
    border: 1px solid var(--color);
  }

  .foot1 .shares .share-item img {
    height: 14px;
  }

  .foot1 .foot-link {
    gap: 12px;
    margin-bottom: 15px;
    flex-wrap: wrap;
  }

  .foot1 .foot-info .info-group {
    margin-bottom: 10px;
  }

  .foot1 .foot-info .info-label {
    margin-bottom: 3px;
  }

  .foot2 {
    padding-bottom: 20px;
    gap: 10px;
    letter-spacing: 0.5px;
    flex-wrap: wrap;
  }

  .foot3-line {
    height: 1px;
  }

  .foot4 {
    padding: 15px 0;
    flex-direction: column;
    gap: 10px;
    text-align: center;
  }

  .foot4 .foot4-right {
    gap: 10px;
    justify-content: center;
  }

  .C-banner {
    height: 70vh;
    min-height: 350px;
  }

  .C-banner .banner-title {
    left: 20px;
    bottom: 40px;
    width: calc(100% - 40px);
    letter-spacing: -0.5px;
  }

  .why2 {
    padding: 60px 0 50px;
  }

  .why2 .why2-item {
    margin-bottom: 60px;
  }

  .why2 .why2-item .txt {
    width: 100%;
  }

  .why2 .why2-item .txt .icon {
    width: 35px;
    margin-bottom: 10px;
  }

  .why2 .why2-item .txt .tit {
    margin-bottom: 10px;
  }

  .why2 .why2-item .txt .desc {
    line-height: 1.6;
  }

  .why2 .why2-item .content-wrap {
    flex-direction: column;
    gap: 20px;
    align-items: center;
  }

  .why2 .why2-item.left-text {
    padding-left: 20px;
    padding-right: 20px;
  }

  .why2 .why2-item.left-text .content-wrap {
    width: 100%;
  }

  .why2 .why2-item.left-text .img {
    width: 180px;
    height: 180px;
  }

  .why2 .why2-item.right-text {
    padding-left: 20px;
    padding-right: 20px;
  }

  .why2 .why2-item.right-text .content-wrap {
    width: 100%;
    flex-direction: column-reverse;
  }

  .why2 .why2-item.right-text .img {
    width: 170px;
    height: 170px;
  }

  .why2 .why2-item.item3 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .why2 .why2-item.item3 .content-wrap {
    width: 100%;
  }

  .why2 .why2-item.right-text-lg {
    padding-left: 20px;
    padding-right: 20px;
  }

  .why2 .why2-item.right-text-lg .content-wrap {
    width: 100%;
    flex-direction: column-reverse;
  }

  .why2 .why2-item.right-text-lg .img {
    width: 200px;
    height: 200px;
  }

  .why2 .why2-item.left-text-lg {
    padding-left: 20px;
    padding-right: 20px;
  }

  .why2 .why2-item.left-text-lg .content-wrap {
    width: 100%;
  }

  .why2 .why2-item.left-text-lg .img {
    width: 210px;
    height: 210px;
  }

  .C-contact {
    min-height: auto;
    padding: 0 15px;
  }

  .C-contact::before {
    width: 90%;
    height: 1px;
  }

  .C-contact .bg-text {
    display: none;
  }

  .C-contact .why3-left {
    display: none;
  }

  .C-contact .why3-right {
    display: none;
  }

  .C-contact .center-content {
    padding-top: 40px;
    padding-bottom: 30px;
    width: 100%;
  }

  .C-contact .center-content .main-title {
    margin-bottom: 15px;
    line-height: 1.4;
  }

  .C-contact .center-content .sub-title {
    margin-bottom: 20px;
  }

  .contact-form {
    margin-bottom: 20px;
    padding: 20px 15px;
  }

  .contact-form .form-row {
    flex-direction: column;
    gap: 10px;
    margin-bottom: 5px;
  }

  .contact-form .form-group {
    width: 100%;
  }

  .contact-form .form-label {
    margin-bottom: 5px;
    line-height: 1.4;
  }

  .contact-form .form-input {
    height: 40px;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    padding: 0 10px;
  }

  .contact-form .form-textarea {
    height: 80px;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    padding: 10px;
  }

  .contact-form .form-error {
    margin-top: 3px;
    min-height: 16px;
    line-height: 1.3;
  }

  .bgs2 {
    padding: 60px 20px 40px;
  }

  .bgs2-inner {
    flex-direction: column;
    gap: 25px;
  }

  .bgs2-photo {
    width: 100%;
    height: auto;
    aspect-ratio: 3/4;
    max-width: 300px;
    margin: 0 auto;
  }

  .bgs2-lantern {
    display: none;
  }

  .bgs2-title {
    margin-bottom: 15px;
  }

  .bgs2-desc {
    line-height: 1.6;
  }

  .bgs3 {
    height: auto;
    min-height: auto;
  }

  .bgs3-side-img {
    display: none;
  }

  .bgs3-content {
    position: relative;
    flex-direction: column;
    padding: 40px 20px;
    gap: 25px;
  }

  .bgs3-right-layout .bgs3-content {
    padding: 40px 20px;
    flex-direction: column;
  }

  .bgs3-left-layout .bgs3-content {
    padding: 40px 20px;
    flex-direction: column;
  }

  .bgs3-text {
    width: 100%;
  }

  .bgs3-text-wide {
    width: 100%;
  }

  .bgs3-title {
    margin-bottom: 15px;
  }

  .bgs3-desc {
    line-height: 1.6;
  }

  .bgs3-img-wrap {
    width: 90%;
    max-width: 350px;
    margin: 0 auto;
  }

  .bgs3-img-heng {
    width: 100%;
    height: auto;
    aspect-ratio: 45/31;
  }

  .bgs3-img-shanxing {
    width: 100%;
    height: auto;
    aspect-ratio: 51/28;
  }

  .bgs3-img-sibianxing {
    width: 100%;
    height: auto;
    aspect-ratio: 47/30;
  }

  .bgs3-img-heng .bgs3-photo {
    top: 4%;
    left: 3.5%;
    width: 93%;
    height: 90%;
  }

  .bgs3-img-shanxing .bgs3-photo {
    top: 6%;
    left: 4.5%;
    width: 91%;
    height: 86%;
  }

  .bgs3-img-sibianxing .bgs3-photo {
    top: 5%;
    left: 3.8%;
    width: 93%;
    height: 91%;
  }

  .bgs4-inner {
    padding: 25px 20px 40px;
  }

  .bgs4-title {
    margin-bottom: 20px;
  }

  .bgs4-list {
    gap: 25px;
  }

  .people-photo {
    height: 220px;
    margin-bottom: 10px;
  }

  .people-meta {
    margin-bottom: 10px;
  }

  .people-role {
    margin-bottom: 5px;
    line-height: 1.4;
  }

  .people-name {
    margin-bottom: 5px;
  }

  .people-email {
    gap: 5px;
  }

  .people-email img {
    width: 12px;
    height: 12px;
  }

  .people-desc {
    line-height: 1.6;
  }

  .bgs5 {
    height: auto;
    min-height: auto;
    padding: 40px 20px;
  }

  .bgs5-deco {
    display: none;
  }

  .bgs5-content {
    position: relative;
    left: auto;
    top: auto;
  }

  .bgs5-title {
    margin-bottom: 25px;
  }

  .bgs5-logos {
    gap: 15px;
    flex-wrap: wrap;
  }

  .bgs5-logo-item {
    height: 40px;
  }

  .sv2 {
    height: auto;
    min-height: 100vh;
  }

  .sv2-wrap {
    height: auto;
    min-height: 100vh;
  }

  .sv2-item {
    position: relative;
    left: 0;
    top: 0;
    opacity: 1;
    height: auto;
    min-height: 100vh;
    pointer-events: visible;
  }

  .sv2-main-title {
    position: relative;
    z-index: 5;
    left: auto;
    top: auto;
    transform: none;
    padding: 80px 20px 20px;
  }

  .sv2-deco {
    display: none;
  }

  .sv2-deco-b {
    display: none;
  }

  .sv2-deco-r {
    display: none;
  }

  .sv2-content {
    position: relative;
    left: auto;
    top: auto;
    flex-direction: column;
    padding: 0 20px 40px;
    gap: 25px;
  }

  .sv2-item2 .sv2-content,
  .sv2-item3 .sv2-content,
  .sv2-item4 .sv2-content,
  .sv2-item5 .sv2-content,
  .sv2-item6 .sv2-content {
    left: auto;
    top: auto;
  }

  .sv2-item3 .sv2-deco {
    display: none;
  }

  .sv2-item5 .sv2-deco {
    display: none;
  }

  .sv2-item6 .sv2-deco-b {
    display: none;
  }

  .sv2-item4 .sv2-deco-b {
    display: none;
  }

  .sv2-img-shu {
    width: 220px;
    height: 275px;
    margin: 0 auto;
  }

  .sv2-img-heng {
    width: 100%;
    max-width: 320px;
    height: auto;
    aspect-ratio: 29/20;
    margin: 0 auto;
  }

  .sv2-img-shu .sv2-photo {
    top: 4%;
    left: 4%;
    width: 92%;
    height: 94%;
  }

  .sv2-img-heng .sv2-photo {
    top: 5%;
    left: 3.5%;
    width: 93%;
    height: 90%;
  }

  .sv2-text {
    width: 100%;
  }

  .sv2-item2 .sv2-text,
  .sv2-item3 .sv2-text,
  .sv2-item4 .sv2-text,
  .sv2-item5 .sv2-text {
    width: 100%;
  }

  .sv2-item6 .sv2-text {
    width: 100%;
  }

  .sv2-icon {
    width: 50px;
    margin-bottom: 10px;
  }

  .sv2-title {
    margin-bottom: 15px;
  }

  .sv2-desc {
    line-height: 1.6;
  }

  .C-bolang img {
    width: 100%;
  }

  .C-title .title {
    margin-bottom: 10px;
  }

  .C-title .desc {
    line-height: 1.6;
  }

  .controls {
    gap: 10px;
  }

  .sbtn1 {
    width: 24px;
    height: 20px;
  }

  .dn2 {
    position: relative;
    padding: 0 20px;
    height: auto;
    min-height: auto;
  }

  .dn2 .C-title {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .dn2 .C-title .title {
    margin-bottom: 15px;
  }

  .dn2 .C-title .desc {
    line-height: 1.6;
  }

  .dn2-map {
    position: relative;
    right: auto;
    top: auto;
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    margin-bottom: 30px;
  }

  .dn2-info {
    width: 100%;
    max-width: none;
    position: relative;
    left: 0;
    top: 0;
    pointer-events: visible;
  }

  .dn2-info-card {
    border-radius: 8px;
    padding: 10px;
    gap: 8px;
  }

  .dn2-info-pic {
    width: 70%;
    /* margin: 0 auto; */
    height: auto;
  }

  .dn2-info-pic .pic-img {
    left: 10%;
    top: 10%;
    position: static;
    width: 100%;
    height: 100%;
  }
  .dn2-info-pic .pic-frame{
    display: none;
  }
  .dn2-info-text{
    flex: none;
    width: 100%;
  }
  .dn2-info-text .name {
    margin-bottom: 2px;
  }

  .dn2-info-text .info-desc{
    font-size: 14px;
  }

  .dn2-info-icon {
    bottom: -18px;
    width: 22px;
    display: none;
  }

  .dn3 {
    padding: 30px 20px 40px;
  }

  .dn3 .C-title {
    margin-bottom: 25px;
    max-width: 100%;
  }

  .dn3 .C-title .desc {
    max-width: 100%;
  }

  .dn3-body {
    flex-direction: column;
    gap: 25px;
  }

  .dn3-swiper-wrap {
    height: 350px;
    margin-left: 0;
  }

  .dn3-swiper-wrap.theme1 {
    width: 100%;
  }

  .dn3-swiper-wrap.theme2 {
    width: 100%;
  }

  .dn3-swiper-wrap .swiper {
    perspective: 500px;
  }

  .dn3-swiper-wrap .swiper-slide {
    width: 110px;
    transform: translate3d(0px, 0px, 0) rotateY(0);
  }

  .dn3-swiper-wrap .swiper-slide-active {
    transform: translate3d(0px, 0px, 0) rotateY(0);
  }
  .dn3-swiper-wrap .swiper-slide .slide-label .label-bg{
    display: none;
  }

  .dn3-swiper-wrap .swiper-slide .slide-label {
    width: 110px;
    height: 65px;
  }

  .dn3-swiper-wrap .swiper-slide .slide-label .label-name {
    letter-spacing: 0.5px;
    padding: 25px;
  }

  .dn3-right .slide-text .text-title {
    margin-bottom: 15px;
  }

  .dn3-right .slide-text .text-desc {
    line-height: 1.6;
  }

  .dn3-right .controls {
    margin-top: 20px;
  }

  .dn4 {
    padding: 25px 20px 40px;
  }

  .dn4 .C-title {
    max-width: 100%;
    margin: 0 auto 15px;
  }

  .dn4-swiper-wrap .swiper {
    padding: 20px 0;
  }

  .dn4-swiper-wrap .swiper-slide {
    width: 200px;
    height: 420px;
  }

  .dn4-swiper-wrap .swiper-slide .inner {
    border-radius: 8px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
  }

  .dn4-swiper-wrap .swiper-slide .slide-bar {
    height: 4px;
  }

  .dn4-swiper-wrap .swiper-slide .slide-caption {
    bottom: 4px;
    height: auto;
    max-height: 60%;
    padding: 15px;
    transform: translateY(100%);
  }

  .dn4-swiper-wrap .swiper-slide .slide-caption .cap-title {
    margin-bottom: 8px;
  }

  .dn4-swiper-wrap .swiper-slide .slide-icon {
    width: 36px;
    height: 36px;
  }

  .home .home1 {
    height: 660px;
    min-height: 400px;
  }

  .home .home1-title {
    left: 20px;
    bottom: 30px;
    width: calc(100% - 40px);
    letter-spacing: -0.5px;
  }

  .home .home1-card {
    right: 5%;
    top: var(--head);
    width: 90%;
    padding: 20px;
    border-radius: 18px;
    backdrop-filter: blur(6px);
    max-height: 500px;
    overflow: auto;
    display: flex;
    align-items: center;
  }

  .home .home1-card .card-text {
    margin-bottom: 28px;
    display: -webkit-box;
    display: box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 0;
  }
  
  .home .home1-card .card-arrow-btn {
    width: 28px;
    height: 28px;
  }

  .home2 {
    padding: 40px 0 0;
  }

  .home2-top {
    padding: 0 20px;
  }

  .home2-title {
    letter-spacing: -0.5px;
    margin-bottom: 15px;
  }

  .home2-desc {
    max-width: 100%;
    margin: 0 auto 25px;
    line-height: 1.6;
  }

  .home2-stats {
    gap: 15px;
    margin-bottom: 30px;
    flex-wrap: wrap;
    justify-content: center;
  }

  .home2-stats .stat-item {
    width: calc(50% - 10px);
  }

  .home2-stats .stat-num {
    margin-bottom: 5px;
  }

  .home3 {
    padding: 40px 20px 30px;
  }

  .home3 .C-title {
    max-width: 100%;
    margin: 0 auto 25px;
  }

  .home3-list {
    gap: 25px;
    margin-bottom: 25px;
  }

  .home3-item .item-photo {
    height: 200px;
    margin-bottom: 12px;
  }

  .home3-item .item-title {
    margin-bottom: 8px;
  }

  .home3-item .item-desc {
    line-height: 1.6;
  }

  .home4 {
    padding: 30px 20px;
  }

  .home4 .C-title {
    max-width: 100%;
    margin: 0 auto 25px;
  }

  .home4-list {
    flex-direction: column;
    gap: 20px;
    margin-bottom: 25px;
  }

  .home4-item {
    gap: 12px;
  }

  .home4-item .item-icon {
    width: 45px;
  }

  .home4-item .item-title {
    margin-bottom: 8px;
  }

  .home4-item .item-desc {
    line-height: 1.6;
  }

  .home5 {
    padding: 40px 0 30px;
  }

  .home5 .C-title {
    max-width: 90%;
    margin: 0 auto 25px;
  }

  .home5-slides {
    flex-wrap: wrap;
    height: auto;
    gap: 3px;
    perspective: 400px;
  }

  .home5-slide {
    height: 280px;
    flex: none;
    width: 100%;
    transform: translate3d(0px, 0px, 0) rotateY(0);
  }

  .home5-slide:nth-child(2n) {
    transform: translate3d(0px, 0px, 0) rotateY(0);
  }

  .home5-slide.on {
    flex: none;
    width: 100%;
    transform: translate3d(0px, 0px, 0) rotateY(0);
  }

  .home5-slide .slide-label {
    height: 60px;
    display: none;
  }

  .home5-slide .slide-label .label-name {
    padding-top: 25px;
    letter-spacing: 0.5px;
  }
  .home5-slide .slide-label .label-bg{
    background: url('/img/dn/dn3-i2.png') no-repeat center/100% 100%;
  }

  .home5-slide .slide-info {
    padding: 12px 12px 10px;
    background: rgba(226,125,74,0.4);
    border-radius: 10px 10px 0 0;
    backdrop-filter: blur(10px);
  }

  .home5-slide .slide-info .info-name {
    letter-spacing: 0.5px;
    margin-bottom: 4px;
  }

  .home5-slide .slide-info .info-desc {
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .home5-btn {
    margin-top: 25px;
  }

  .home6 {
    padding: 40px 20px 50px;
  }

  .home6-inner {
    flex-direction: column;
    gap: 25px;
  }

  .home6-photo {
    width: 100%;
    height: auto;
    aspect-ratio: 4/5;
    max-width: 350px;
    margin: 0 auto;
  }

  .home6-right {
    width: 100%;
  }

  .home6-title-wrap {
    margin-bottom: 25px;
  }

  .home6-title-wrap .title {
    margin-bottom: 10px;
  }

  .home6-title-wrap .desc {
    line-height: 1.6;
  }

  .home6-list {
    gap: 15px;
    margin-bottom: 25px;
  }

  .home6-item {
    width: calc(50% - 8px);
  }

  .home6-item .item-icon {
    height: 40px;
    margin-bottom: 8px;
  }

  .home7 {
    min-height: auto;
  }

  .home7-inner {
    flex-direction: column;
    padding: 50px 20px 40px;
    gap: 25px;
  }

  .home7-left {
    width: 100%;
    padding-top: 0;
  }

  .home7-title {
    margin-bottom: 15px;
  }

  .home7-desc {
    line-height: 1.6;
  }

  .home7-right {
    width: 100%;
  }

  .hform-row {
    flex-direction: column;
    gap: 5px;
    margin-bottom: 5px;
  }

  .hform-label {
    margin-bottom: 4px;
  }

  .hform-input {
    height: 42px;
    border: 1px solid rgba(114, 113, 113, 0.39);
    border-radius: 4px;
    padding: 0 10px;
  }

  .hform-textarea {
    height: 80px;
    border: 1px solid rgba(114, 113, 113, 0.39);
    border-radius: 4px;
    padding: 10px;
  }

  .hform-error {
    margin-top: 2px;
    min-height: 16px;
    line-height: 1.3;
  }

  .home7-submit {
    margin-top: 5px;
    padding: 4px;
    border: 1px solid #e27d4a;
  }
}