@media only screen and (max-width: 1400px) {
  :root {
    --navheight: 76px;
    --navigationh: 70px;
    --zoom: 1;
  }

  .maps-page .maps-container {
    padding: 0 4% 0 4%;
  }

  .service-page .service-vmain .service-ivt {
    padding: 2rem 0.8rem 0.5rem calc(100vw * 0.04);
    box-sizing: border-box;
  }

  .service-page .service-vmain .service-vbox {
    padding: 0.8rem 0.8rem 0.8rem calc(100vw * 0.04);
  }

  .nav-custom .nav-vmain .nav-vbox .nav-vbtn {
    width: 148px;
    height: 56px;
  }
  .nav-custom .nav-vmain .nav-vbox .nav-vbtn .nav-vmore .vmore-box {
    padding: 0 16px;
  }
  .nav-custom .nav-vmain .nav-vbox .nav-vbtn .nav-vsearch .vsearch-box {
    padding: 0 16px;
  }
}
@media only screen and (max-width: 1280px) {
  :root {
    --navheight: 68px;
    --navigationh: 62px;
    --zoom: 1;
  }

  .charitable-page .charitable-round {
    width: 150px;
    height: 150px;
  }

  .charitable-page .charitable-round .r-child {
    width: 120px;
    height: 120px;
  }

  .charitable-page .charitable-round .charitable-more {
    transform: translateY(10px);
  }

  .maps-page .maps-container .maps-vright .maps-vcount .count-box .count-pic {
    width: 80px;
    height: 80px;
  }

  .maps-page .maps-container .maps-vright .maps-vcount .count-box .count-cont .ct1 .cb1 {
    font-size: var(--fz70);
  }

  .maps-page .maps-container .maps-vright .maps-vcount .count-box .count-cont .ct1 .cb2 {
    font-size: var(--fz56);
  }

  .service-page .service-vtool .vtool-item .icon {
    width: 44px;
  }

  .news-page .news-vtool {
    width: 62px;
  }

  .news-page .news-vtool .vtool-main .news-button-prev::after,
.news-page .news-vtool .vtool-main .news-button-next::after {
    font-size: 32px;
  }

  .news-page .news-vtbox .vtbox-main .open-all .open-btn {
    width: 46px;
    height: 46px;
  }
  .news-page .news-vtbox .vtbox-main .open-all .v-icon {
    width: 16px;
  }
  .news-page .news-vtbox .vtbox-main .open-all .v-icon .icon {
    width: 16px;
    height: auto;
    display: block;
    transform: translateX(-16px);
    filter: drop-shadow(16px 0 #FFFFFF);
    -webkit-backdrop-filter: drop-shadow(16px 0 #FFFFFF);
    -webkit-filter: drop-shadow(16px 0 #FFFFFF);
  }

  .pagination-box {
    margin-top: 0.6rem;
  }
  .pagination-box .page-box .btn {
    width: 46px;
    height: 46px;
  }
  .pagination-box .page-box .btn.null::after {
    width: 15px;
    height: 10px;
  }

  .join-vlist .vlist-vtool .swiper-button-prev,
.join-vlist .vlist-vtool .swiper-button-next {
    width: 50px;
    height: 50px;
  }
  .join-vlist .vlist-vtool .swiper-button-prev::after,
.join-vlist .vlist-vtool .swiper-button-next::after {
    font-size: 16px;
  }

  .nav-custom .nav-vmain .nav-vlogo {
    width: 150px;
  }

  .nav-custom .nav-vmain .nav-vbox .nav-vbtn {
    width: 138px;
    height: 50px;
  }
  .nav-custom .nav-vmain .nav-vbox .nav-vbtn .nav-vmore .vmore-box {
    padding: 0 12px;
  }
  .nav-custom .nav-vmain .nav-vbox .nav-vbtn .nav-vsearch .vsearch-box {
    padding: 0 12px;
  }

  .footer-custom .footer-vt .footer-vt-main .footer-logo {
    width: 160px;
    margin-right: 1.2rem;
  }

  .footer-custom .footer-vt .footer-vt-main .footer-code-list {
    width: 216px;
  }

  .v-btn {
    width: 150px;
    height: 44px;
    border-radius: 40px;
  }

  .contact-form .form-mian .form-vright {
    width: 60%;
  }

  .contact-vinfo .vinfo-info {
    display: flex;
    flex-wrap: wrap;
  }
  .contact-vinfo .vinfo-info .vinfo-box1 {
    max-width: 400px;
  }
  .contact-vinfo .vinfo-info .vinfo-box3-p {
    width: 100%;
    margin-top: 1rem;
  }

  .announcement-main .announcement-vright {
    width: 30%;
  }
  .announcement-main .announcement-vright .vright-cont .vt {
    margin-top: 0.4rem;
  }

  .building-vcont .vcont-pic {
    width: 40%;
  }

  .honor-vtab .vtab-item {
    min-width: 150px;
    height: 60px;
    padding: 0 10px;
  }

  .h-swiper .honor-swiper .swiper-slide {
    width: 33%;
  }

  .h-swiper .swiper-button-prev,
.h-swiper .swiper-button-next {
    width: 50px;
    height: 50px;
  }
  .h-swiper .swiper-button-prev::after,
.h-swiper .swiper-button-next::after {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1023px) {
  :root {
    --navheight: 62px;
    --navigationh: 62px;
    --zoom: 1;
  }

  .contact-map {
    padding-top: calc(1000 / 1920 * 100%);
  }

  .service-page {
    flex-direction: column;
  }

  .service-page .service-vtool {
    width: 100%;
    height: 180px;
    flex-shrink: 0;
    flex-direction: row;
    padding: 0;
    overflow-x: auto;
  }

  .service-page .service-vtool .vtool-item {
    width: auto;
    display: inline-block;
    height: 100%;
    flex: none;
    min-width: 25%;
    box-sizing: border-box;
  }
  .service-page .service-vtool .vtool-item:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.25);
  }

  .service-page .service-vtool .vtool-item:not(:first-child) {
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    border-left: 1px solid rgba(255, 255, 255, 0.25);
  }

  .service-page .service-vtool .vtool-item .vtool-abs {
    position: relative;
    padding: 0;
    justify-content: center;
    padding: 0 0.8rem;
  }

  .service-page .service-vtool .vtool-item.on .vtool-abs {
    width: 100%;
    background-color: rgba(0, 70, 142, 0.25);
    border-radius: 0 0 0 0;
    height: 100%;
  }

  .service-page .service-vmain .service-ivt {
    padding: calc(1rem + var(--navheight)) 0.8rem 0.5rem calc(100vw * 0.04);
    box-sizing: border-box;
  }

  .banner-custom {
    padding-top: calc(636 * 1.1 / 1920 * 100%);
  }

  .nav-custom .nav-vmain .nav-vlogo {
    width: 140px;
  }

  .nav-custom .nav-vmain .nav-vbox {
    display: none;
  }

  .nav-custom .nav-vmain .nav-mbox {
    display: block;
  }

  .navigation-custom {
    display: none;
  }

  .navigation-mobile {
    display: block;
  }

  .footer-custom .footer-vt .footer-vt-main {
    display: block;
  }

  .service-vlist .s-vlist-main .s-vlist .s-vitem .s-vleft {
    width: 40%;
  }

  .footer-custom .footer-vt .footer-vt-main .vt-vleft {
    flex-wrap: wrap;
  }

  .footer-custom .footer-vt .footer-vt-main .footer-logo-box {
    width: 100%;
    margin-bottom: 0.8rem;
  }

  .footer-custom .footer-vt .footer-vt-main .footer-code-list {
    justify-content: flex-start;
    margin-top: 0.5rem;
  }

  .news-vlist .vlist-main .news-vitem {
    width: 48%;
    margin-right: 4%;
  }
  .news-vlist .vlist-main .news-vitem:nth-child(3n) {
    margin-right: 4%;
  }
  .news-vlist .vlist-main .news-vitem:nth-child(2n) {
    margin-right: 0;
  }

  .newview-vcont .vcont-main .vcont-box {
    padding-right: 0;
    border-right: none;
  }

  .newview-vcont .vcont-main .vcont-hot {
    display: none;
  }

  .purchase-vlist .purchase-vlist-main .purchase-vitem {
    width: 48%;
    margin-right: 4%;
  }
  .purchase-vlist .purchase-vlist-main .purchase-vitem:nth-child(3n) {
    margin-right: 4%;
  }
  .purchase-vlist .purchase-vlist-main .purchase-vitem:nth-child(2n) {
    margin-right: 0;
  }
  .purchase-vlist .purchase-vlist-main .purchase-vitem .title {
    min-height: 100px;
  }

  .announcement-main {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .announcement-main .announcement-vleft {
    margin-top: 0.8rem;
  }
  .announcement-main .announcement-vright {
    width: 100%;
    margin-left: 0;
  }
  .announcement-main .announcement-vright .announcement-form {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .announcement-main .announcement-vright .announcement-form .announcement-select {
    width: 49%;
  }
  .announcement-main .announcement-vright .announcement-form .vtool-search {
    width: 49%;
    margin: 0;
  }

  .honor-vtab .vtab-item {
    min-width: 130px;
    height: 54px;
    padding: 0 10px;
  }

  .h-swiper .swiper-button-prev,
.h-swiper .swiper-button-next {
    display: none !important;
  }

  .h-swiper .honor-swiper {
    margin: 0;
  }

  .course-page .course-main .course-left {
    width: 34%;
  }

  .videos-vhot .vhot-main .round {
    width: 54px;
    height: 54px;
  }
  .videos-vhot .vhot-main .round:after {
    border: 8px solid transparent;
    border-left-color: #008CD6;
    margin-left: 6px;
  }
  .videos-vhot .vhot-main .t {
    line-height: 1.5;
  }

  .videos-vlist .vlist-main .videos-item .videos-pic .videos-round {
    width: 70px;
    height: 54px;
  }
  .videos-vlist .vlist-main .videos-item .videos-pic .videos-round:after {
    border: 8px solid transparent;
    border-left-color: #FFFFFF;
    margin-left: 6px;
  }

  .company-box2.row-reverse .box2-main .box2-vleft {
    margin-right: 0;
    margin-left: 0.8rem;
  }

  .company-box2 .box2-main .box2-vleft {
    margin-right: 0.8rem;
    width: 42%;
  }
}
@media only screen and (max-width: 960px) {
  .contact-vinfo .vinfo-info .vinfo-box3 .t-list {
    padding-top: 0.4rem;
  }

  .charitable-page {
    display: flex;
    flex-direction: column;
    padding: calc(0.5rem + var(--navheight)) 0 0 0;
  }
  .charitable-page .charitable-dian {
    display: none;
  }
  .charitable-page .charitable-round {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
  }
  .charitable-page .container {
    width: 92%;
    height: auto;
  }
  .charitable-page .charitable-vmain {
    width: 100%;
    padding-right: 0;
    padding-bottom: 110px;
  }
  .charitable-page .charitable-vmain .charitable-vd {
    max-width: 100%;
  }
  .charitable-page .charitable-vpic {
    flex: 1;
    width: 100%;
    position: relative;
  }

  .news-page .news-vtool {
    display: none;
  }

  .index-pagination {
    display: none;
  }

  .about-page .about-main {
    width: 100%;
  }

  .about-page .about-vpic {
    width: 70%;
  }

  .maps-page .maps-container {
    display: flex;
    flex-direction: column-reverse;
  }

  .maps-page .maps-container .maps-vright {
    margin-left: 0;
  }

  .maps-page .maps-container .maps-vright .maps-text {
    max-width: 100%;
    text-align: left;
    text-indent: 0;
  }

  .maps-page .maps-container .maps-vright .maps-vcount {
    display: flex;
    flex-wrap: wrap;
  }

  .maps-page .maps-container .maps-vright .maps-vcount .count-box {
    width: 33.33%;
    padding-left: 0;
  }

  .maps-page .maps-container .maps-vmian {
    width: 60%;
    margin: 0.3rem auto 0;
  }

  .culture-page .culture-main {
    flex-wrap: wrap;
  }
  .culture-page .culture-main .culture-vitem {
    flex: none;
    width: 33.333%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  }
  .culture-page .culture-main .culture-vitem:last-child {
    border-color: rgba(255, 255, 255, 0.15);
  }
  .culture-page .culture-main .culture-vitem .cont {
    padding: 52% 0.6rem 0;
  }

  .contact-form .form-mian {
    display: block;
  }
  .contact-form .form-mian .form-vleft {
    margin-right: 0;
  }
  .contact-form .form-mian .form-vleft .vd {
    max-width: 100%;
  }
  .contact-form .form-mian .form-vright {
    width: 100%;
    margin-top: 0.7rem;
  }

  .building-vlist .building-item {
    width: 48.5%;
    margin-right: 3%;
  }
  .building-vlist .building-item:nth-child(3n) {
    margin-right: 3%;
  }
  .building-vlist .building-item:nth-child(2n) {
    margin-right: 0;
  }

  .honor-vtab .vtab-item {
    min-width: 130px;
    height: 54px;
    padding: 0 10px;
  }

  .honor-vlist .vlist-main {
    display: block;
  }
  .honor-vlist .vlist-main .vlist-left {
    flex: 1;
    width: 100%;
    margin-right: 0%;
    position: static;
  }
  .honor-vlist .vlist-main .vlist-cont {
    margin-top: 0.6rem;
  }
  .honor-vlist .vlist-main .vlist-cont .vlist-item {
    padding: 0.3rem 0;
    padding-left: 20px;
  }

  .videos-vhot .vhot-main .vhot-cont .t {
    margin-top: 0.6rem;
  }

  .videos-vlist .vlist-main .videos-item {
    width: 48%;
    margin-right: 4%;
  }
  .videos-vlist .vlist-main .videos-item:nth-child(3n) {
    margin-right: 4%;
  }
  .videos-vlist .vlist-main .videos-item:nth-child(2n) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 768px) {
  .index-map-temp .maps-text span {
    padding: 0 0.1rem;
  }

  .vtop-box.vmobile_h {
    display: none;
  }

  .about-page .about-vpic {
    display: none;
  }

  .service-page .service-vtool {
    flex-wrap: wrap;
    height: 200px;
  }

  .service-page .service-vtool .vtool-item {
    width: 33.333%;
    height: 50%;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    border-right: 1px solid rgba(255, 255, 255, 0.25);
    border-left: none !important;
  }

  .service-page .service-vtool .vtool-item .vtool-abs {
    flex-direction: column;
    padding: 0 0.4rem;
  }

  .service-page .service-vtool .vtool-item .icon {
    width: 36px;
    margin-bottom: 0.2rem;
  }

  .service-page .service-vtool .vtool-item .vtt {
    text-align: center;
    line-height: 1.32;
  }

  .maps-page .maps-container .maps-vmian .maps-vmian-cont {
    transform: translateX(-5%);
  }

  .index-map-temp .maps-text {
    line-height: 1.7;
  }

  .vtop-box.v2 {
    display: none;
  }

  .charitable-page .charitable-vmain {
    padding-bottom: 90px;
  }

  .videos-vlist .vlist-main .videos-item .cont .d {
    margin-top: 0.3rem;
  }

  .videos-vlist .vlist-main .videos-item .cont {
    padding: 0.4rem 0.3rem;
  }

  .videos-vhot .vhot-main .round {
    display: none;
  }
  .videos-vhot .vhot-main .round.vpic-r {
    display: block !important;
  }

  .videos-vhot .vhot-main .vhot-cont .t {
    margin-top: 0;
  }

  .sustainable-stop .stop-main img,
.sustainable-stop .stop-main image {
    max-width: 120px;
  }

  .maps-page .maps-container .maps-vmian .vdian {
    transform: scale(0.8) translate(-20%, -20%);
  }

  .banner-custom .banner-vabs .banner-box {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .charitable-page .charitable-round {
    width: 130px;
    height: 130px;
  }

  .charitable-page .charitable-round .r-child {
    width: 100px;
    height: 100px;
  }

  .charitable-page .charitable-round .charitable-more {
    transform: translateY(6px);
  }

  .news-page .news-vtbox .vtbox-main .open-all .open-btn {
    width: 40px;
    height: 40px;
  }
  .news-page .news-vtbox .vtbox-main .open-all .v-icon {
    width: 12px;
  }
  .news-page .news-vtbox .vtbox-main .open-all .v-icon .icon {
    width: 12px;
    height: auto;
    display: block;
    transform: translateX(-12px);
    filter: drop-shadow(12px 0 #FFFFFF);
    -webkit-backdrop-filter: drop-shadow(12px 0 #FFFFFF);
    -webkit-filter: drop-shadow(12px 0 #FFFFFF);
  }

  .news-page .news-vmain .vmain-main {
    height: 610px;
  }

  .news-page .news-vmain .news-swiper {
    width: 100%;
    height: 100%;
  }

  .news-page .news-vmain .news-swiper .swiper-slide {
    width: auto;
    height: auto;
  }

  .maps-page .maps-container .maps-vmian .v-logo {
    display: none;
  }

  .maps-page .maps-container .maps-vmian .v-logo .v-logo-child {
    width: 70px;
    height: 70px;
  }

  .maps-page .maps-container .maps-vright .maps-vcount .count-box .count-pic {
    width: 66px;
    height: 66px;
  }

  .maps-page .maps-container .maps-vright .maps-vcount .count-box {
    width: 50%;
    padding-left: 0;
  }

  .maps-page .maps-container .maps-vright .maps-vcount .count-box .count-cont .ct2 {
    font-size: var(--fz18);
  }

  .maps-page .maps-container .maps-vmian {
    width: 80%;
    margin: 0.5em auto 0;
  }

  .pagination-box {
    margin-top: 0.6rem;
  }
  .pagination-box .page-box .btn {
    width: 40px;
    height: 40px;
  }
  .pagination-box .page-box .btn:not(:first-child) {
    margin-left: 6px;
  }
  .pagination-box .page-box .btn.null::after {
    width: 15px;
    height: 10px;
  }

  .join-vlist .vlist-vtool .swiper-button-prev,
.join-vlist .vlist-vtool .swiper-button-next {
    display: none !important;
  }

  .join-vinfo .vinfo-info {
    width: 100%;
    display: block;
  }
  .join-vinfo .vinfo-info .vinfo-pic {
    width: 100%;
    margin-right: 0;
    margin-top: 0.7rem;
  }
  .join-vinfo .vinfo-info .vinfo-cont {
    width: 100%;
  }

  .join-recruit .recruit-vbox {
    width: 100%;
    padding-top: calc(654 * 2 / 1920 * 100%);
  }
  .join-recruit .recruit-vbox .recruit-main .recruit-pic {
    width: 40px;
    pointer-events: none;
  }

  .culture-page .culture-main {
    flex-wrap: wrap;
  }
  .culture-page .culture-main .culture-vitem {
    flex: none;
    width: 50%;
    padding-top: calc(1300 / 1920 * 100%);
  }
  .culture-page .culture-main .culture-vitem .cont {
    padding: 52% 0.6rem 0;
  }
  .culture-page .culture-main .culture-vitem .cont .culture-pic {
    width: 40px;
  }

  .banner-custom {
    padding-top: calc(636 * 1.5 / 1920 * 100%);
  }

  .building-vcont {
    display: flex;
    flex-wrap: wrap;
  }
  .building-vcont .vcont-pic {
    width: 100%;
    margin-top: 0.8rem;
    margin-left: 0;
  }

  .h-swiper .honor-swiper .swiper-slide {
    width: 49.6%;
  }

  .honor-vlist {
    padding-top: 1rem;
    box-sizing: border-box;
  }

  .honor-vtab {
    display: none;
  }

  .honor-select {
    display: block;
  }

  .course-page .course-main {
    display: block;
  }
  .course-page .course-main .course-left {
    width: 100%;
    max-width: 320px;
    position: static;
    margin-right: 0;
  }
  .course-page .course-main .course-right {
    margin-top: 1rem;
  }

  .videos-vhot .vhot-main {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .videos-vhot .vhot-main .vhot-pic {
    width: 100%;
  }
  .videos-vhot .vhot-main .vhot-cont {
    padding: 0.6rem;
  }

  .company-box2.row-reverse .box2-main .box2-vleft {
    margin-right: 0;
    margin-left: 0;
  }

  .company-box2 .box2-main {
    display: block;
  }
  .company-box2 .box2-main .box2-vleft {
    margin-right: 0;
    width: 100%;
  }
  .company-box2 .box2-main .box2-vright {
    margin-top: 0.8rem;
  }

  .about-box1-main {
    display: block;
  }
  .about-box1-main .box1-vleft {
    margin-right: 0;
  }
  .about-box1-main .box1-vleft .vt-count .vcount {
    margin-top: 0.4rem;
    line-height: 1.5;
    align-items: center;
  }
  .about-box1-main .box1-vleft .vt-count .vcount .vbig {
    padding: 0 6px;
  }
  .about-box1-main .box1-vright {
    margin-top: 0.8rem;
  }
}
@media only screen and (max-width: 680px) {
  .v-btn {
    width: 130px;
    height: 38px;
    border-radius: 40px;
  }

  .contact-map {
    padding-top: calc(1200 / 1920 * 100%);
  }

  .footer-custom .footer-vt .footer-vt-main .vt-vleft {
    display: block;
  }

  .footer-custom .footer-vt .footer-vt-main .footer-logo-box {
    margin-bottom: 0;
  }
  .footer-custom .footer-vt .footer-vt-main .footer-ul-list {
    width: 100%;
    margin-top: 0.3rem;
  }
  .footer-custom .footer-vt .footer-vt-main .footer-ul-list .ul-list {
    width: 100%;
    display: block;
    column-count: 1;
    column-gap: 0;
    margin-right: 0;
  }
  .footer-custom .footer-vt .footer-vt-main .footer-ul-list .ul-list .li-item {
    padding: 0.5rem 0;
    line-height: 1;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .footer-custom .footer-vt .footer-vt-main .footer-ul-list .ul-list .li-item:not(:last-child) {
    margin-bottom: 0;
  }
  .footer-custom .footer-vt .footer-vt-main .footer-info {
    width: 100%;
    margin-top: 0.8rem;
  }

  .footer-custom .footer-vb {
    padding: 0.4rem 0;
  }
  .footer-custom .footer-vb .footer-firend {
    display: none;
  }

  .service-vtop {
    padding: 0.8rem 0;
  }
  .service-vtop .s-vtop-main {
    display: block;
  }
  .service-vtop .s-vtop-main .s-text {
    margin-top: 0.8rem;
  }

  .service-vlist .s-vlist-main .s-vlist .s-vitem {
    display: block;
  }
  .service-vlist .s-vlist-main .s-vlist .s-vitem .s-vleft {
    width: 100%;
    margin-right: 0;
  }
  .service-vlist .s-vlist-main .s-vlist .s-vitem .s-vright {
    margin-top: 0.7rem;
    padding-bottom: 0.5rem;
  }

  .news-vhot .news-vhot-main {
    display: block;
  }
  .news-vhot .news-vhot-main .vhot-pic {
    width: 100%;
    margin-right: 0;
  }
  .news-vhot .news-vhot-main .vhot-cont {
    margin-top: 0.8rem;
  }

  .news-vlist .vlist-main .news-vitem .news-cont {
    padding: 0.3rem;
  }

  .news-vlist .vtool-box {
    display: block;
  }
  .news-vlist .vtool-box .news-select {
    margin-right: 0;
    width: 100%;
  }
  .news-vlist .vtool-box .vtool-search {
    margin-top: 0.5rem;
    width: 100%;
  }
  .news-vlist .vtool-box .vtool-input {
    flex: 1;
  }

  .news-vlist .vlist-main .news-vitem {
    width: 100%;
    margin-right: 0;
  }
  .news-vlist .vlist-main .news-vitem:nth-child(3n) {
    margin-right: 0%;
  }
  .news-vlist .vlist-main .news-vitem:nth-child(2n) {
    margin-right: 0;
  }

  .newview-vtop {
    padding: 0.7rem 0;
  }

  .newview-vtop .vtop-main .vtop-tool .share-box {
    display: none;
  }

  .vtool-select {
    width: 100%;
  }
  .vtool-select .dl-clsss {
    width: 100%;
  }
  .vtool-select .dl-clsss .word {
    width: 100%;
  }

  .sustainable-slist .s-vlist .s-vitem {
    display: block;
  }
  .sustainable-slist .s-vlist .s-vitem:nth-child(2n) {
    flex-direction: row;
  }
  .sustainable-slist .s-vlist .s-vitem:nth-child(2n) .s-vleft {
    margin-right: 0;
    margin-left: 0;
  }
  .sustainable-slist .s-vlist .s-vitem .s-vleft {
    width: 100%;
    margin-right: 0;
  }
  .sustainable-slist .s-vlist .s-vitem .s-vright {
    margin-top: 0.8rem;
  }

  .contact-vinfo .vinfo-info .vinfo-box1 {
    max-width: 100%;
  }
  .contact-vinfo .vinfo-info .vinfo-box2 {
    width: 100%;
    margin-right: 0;
    margin-top: 0.8rem;
  }
  .contact-vinfo .vinfo-info .vinfo-box3-p .vinfo-box3 {
    width: 100%;
    max-width: 450px;
  }

  .announcement-main .announcement-vleft .announcement-vlist .announcement-vitem .vitem-time {
    width: 80px;
    height: 80px;
  }

  .videos-vlist .vlist-main .videos-item {
    width: 100%;
    margin-right: 0%;
  }
  .videos-vlist .vlist-main .videos-item:nth-child(3n) {
    margin-right: 0%;
  }
  .videos-vlist .vlist-main .videos-item:nth-child(2n) {
    margin-right: 0;
  }
  .videos-vlist .vlist-main .videos-item .cont {
    padding: 0.5rem 0.25rem;
  }
}
@media only screen and (max-width: 480px) {
  .vtop-fixed {
    transform: scale(0.8) translate3d(0, 0, 0);
  }

  .maps-page .maps-container .maps-vright .maps-vcount .count-box .count-pic {
    width: 60px;
    height: 60px;
  }

  .maps-page .maps-container .maps-vright .maps-vcount .count-box .count-cont .ct1 .cb1 {
    font-size: var(--fz60);
  }

  .maps-page .maps-container .maps-vright .maps-vcount .count-box .count-cont .ct1 .cb2 {
    font-size: var(--fz46);
  }

  .maps-page .maps-container .maps-vright .maps-vcount .count-box .count-cont .ct2 {
    font-size: var(--fz16);
  }

  .maps-page .maps-container .maps-vright .maps-text {
    line-height: 1.6;
    font-size: var(--fz30);
  }

  .service-page .service-vtool .vtool-item .icon {
    width: 30px;
    margin-bottom: 0.2rem;
  }

  .sustainable-stop .stop-main img,
.sustainable-stop .stop-main image {
    max-width: 80px;
    width: 80px;
  }

  .company-box2 .box2-main .box2-vright .box2-vright-cont img,
.company-box2 .box2-main .box2-vright .box2-vright-cont image {
    display: none;
    max-width: 80px;
    width: 80px;
  }

  .contact-vinfo .vinfo-info .vinfo-box2 .b-list {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    padding-top: 0.3rem;
  }
  .contact-vinfo .vinfo-info .vinfo-box2 .b-list .b-item {
    width: 50%;
    display: block;
    margin-bottom: 0.4rem;
  }
  .contact-vinfo .vinfo-info .vinfo-box2 .b-list .b-item .vcode {
    width: 130px;
    margin-right: 0;
  }
  .contact-vinfo .vinfo-info .vinfo-box2 .b-list .b-item .t {
    max-width: 130px;
    text-align: center;
    margin-top: 0.2rem;
  }

  .company-box3 .box3-main {
    padding: 0.8rem 0;
  }
  .company-box3 .box3-main .box3-cont {
    color: #333333;
  }
  .company-box3 .box3-main .box3-cont img,
.company-box3 .box3-main .box3-cont image {
    display: none;
    max-width: 80px;
    width: 80px;
  }

  .about-box2-main .box2-vcount {
    padding-bottom: 0;
  }

  .banner-custom .banner-vabs .banner-vcon {
    align-items: flex-end;
    padding: 0.6rem 3%;
  }

  .banner-custom .banner-vabs .banner-box {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
  }

  .banner-custom .banner-vabs .banner-box .b-t1 .bt {
    transform: translateX(0);
  }

  .company-box3 .company-box3-bg {
    position: relative;
    height: auto;
    width: 94%;
    margin: 0 auto;
    padding-top: calc(650 / 660 * 100%);
    border-radius: 10px;
  }

  .about-box2-main .box2-vcount .vcount-box {
    display: flex;
    width: 50%;
    margin-bottom: 0.5rem;
  }
  .about-box2-main .box2-vcount .vcount-box:nth-child(3n+1) {
    justify-content: flex-start;
  }
  .about-box2-main .box2-vcount .vcount-box:nth-child(3n+2) {
    justify-content: flex-start;
  }
  .about-box2-main .box2-vcount .vcount-box:nth-child(3n) {
    justify-content: flex-start;
  }

  .about-box2-main .vpic {
    width: 80px;
  }

  .banner-page .banner-item .banner-cont .banner-t1 {
    font-size: var(--fz52) !important;
  }

  .maps-page .maps-container .maps-vmian .vdian {
    transform: scale(0.5) translate(-50%, -50%);
  }

  .about-page {
    padding-top: calc(var(--navheight) + 0.5rem);
  }

  .maps-page {
    padding-top: calc(var(--navheight) + 0.5rem);
  }

  .course-page .course-main .course-left {
    max-width: 100%;
  }

  .contact-map {
    padding-top: calc(2000 / 1920 * 100%);
  }

  .contact-vinfo .vinfo-info .vinfo-box3 .t-list {
    min-height: 135px;
  }

  .news-page {
    padding-top: calc(0.5rem + var(--navheight));
  }

  .news-page .news-vmain .vmain-main {
    height: 706px;
  }

  .maps-page .maps-container .maps-vmian .v-logo {
    width: 66px;
    height: 66px;
  }

  .maps-page .maps-container .maps-vmian .v-logo .v-logo-child {
    width: 56px;
    height: 56px;
  }

  .maps-page .maps-container .maps-vright .maps-vcount .count-box {
    width: 100%;
    padding-left: 0;
  }

  .maps-page .maps-container .maps-vmian {
    width: 100%;
    margin: 0.5em auto 0;
  }

  .index-about-vlist .vlist .vitem {
    width: 32%;
    margin-right: 2%;
    margin-top: 0.3rem;
  }
  .index-about-vlist .vlist .vitem:nth-child(5n) {
    margin-right: 2%;
  }
  .index-about-vlist .vlist .vitem:nth-child(3n) {
    margin-right: 0%;
  }

  .culture-page .culture-main {
    flex-wrap: wrap;
  }
  .culture-page .culture-main .culture-vitem {
    flex: none;
    width: 100%;
    padding-top: 0;
    height: auto;
  }
  .culture-page .culture-main .culture-vitem .cont {
    padding: 0.6rem 0.6rem;
    position: static;
  }
  .culture-page .culture-main .culture-vitem .cont .culture-pic {
    width: 40px;
  }

  .newview-vcont .vcont-main .newview-tool {
    display: block;
    padding-top: 0.5rem;
  }

  .newview-vcont .vcont-main .newview-tool .next-btn {
    flex-shrink: 0;
    margin-left: 0;
    margin-top: 0.5rem;
  }

  .purchase-vlist .purchase-vlist-main .purchase-vitem {
    width: 100%;
    margin-right: 0%;
  }
  .purchase-vlist .purchase-vlist-main .purchase-vitem:nth-child(3n) {
    margin-right: 0%;
  }
  .purchase-vlist .purchase-vlist-main .purchase-vitem:nth-child(2n) {
    margin-right: 0;
  }

  .contact-form .form-mian .form-vright .form-item.v2 {
    width: 100%;
  }

  .announcement-main .announcement-vright .announcement-form {
    flex-wrap: wrap;
  }
  .announcement-main .announcement-vright .announcement-form .announcement-select {
    width: 100%;
  }
  .announcement-main .announcement-vright .announcement-form .vtool-search {
    width: 100%;
    margin-top: 0.2rem;
  }

  .building-vlist .building-item {
    width: 100%;
    margin-right: 0%;
  }
  .building-vlist .building-item:nth-child(3n) {
    margin-right: 0%;
  }
  .building-vlist .building-item:nth-child(2n) {
    margin-right: 0;
  }

  .h-swiper .honor-swiper .swiper-slide {
    width: 100%;
  }

  .course-page .course-main .course-right .course-line {
    display: none;
  }

  .course-page .course-main .course-right .course-vbox {
    display: block;
  }
  .course-page .course-main .course-right .course-vbox .course-cont {
    transform: translateY(0);
    margin-top: 0.3rem;
  }
}
@media only screen and (max-width: 375px) {
  :root {
    --navheight: 58px;
    --navigationh: 62px;
    --zoom: 1;
  }

  .banner-custom {
    padding-top: calc(636 * 2 / 1920 * 100%);
  }

  .nav-custom .nav-vmain .nav-vlogo {
    width: 120px;
  }

  .announcement-main .announcement-vleft .announcement-vlist .announcement-vitem {
    padding: 0.3rem 0;
  }
  .announcement-main .announcement-vleft .announcement-vlist .announcement-vitem .vitem-next {
    display: none;
  }
}