body {display: flex;flex-direction: column;justify-content: space-between;min-height: 100vh;background-color: #f5f5f5;}
.container {width: 1440px;margin: auto;}
h1.module-name {padding: 0 0 30px;font-size: 30px;font-weight: bold;line-height: 42px;color: #1f2b6c;display: flex;align-items: center;justify-content: space-between;}
main {background-color: #fff;min-height: calc(100vh - 120px - 420px);padding: 40px 0 100px;}
main .intro img {width: 100%;display: block;}
main .intro.pc {display: block;}
main .intro.m {display: none;}
.introduction {padding: 40px 80px;}
.introduction .introduction-content {display: flex;gap: 96px;}
.introduction .introduction-content .content {font-size: 20px;font-weight: 300;line-height: 28px;color: rgba(31, 43, 108, 1);white-space: pre-wrap;}
.introduction .introduction-content img {display: block;width: 384px;}

/* 荣誉 */
.honor {padding: 0 80px;}
.honor .honor-warpper {width: 100%;overflow: hidden;position: relative;}
.honor .honor-warpper ul {white-space: nowrap;font-size: 0;}
.honor .honor-warpper ul li {display: inline-block;vertical-align: top;overflow: hidden;height: auto;}
.honor .honor-warpper ul li img {display: block;width: 100%;height: 240px;object-fit: cover;}
.honor .honor-warpper ul li .name {font-size: 18px;line-height: 25px;color: rgba(31, 43, 108, 1);text-align: center;padding-top: 12px;font-weight: bold;white-space: pre-wrap;}
.honor .swiper-button-black {--swiper-navigation-color: #173399;}
.honor .swiper-button-prev,.honor .swiper-button-next {top: calc((240px - var(--swiper-navigation-size)) / 2);margin-top: 0;}
.swiper-pagination-bullet {width: 9px;height: 9px;background-color: #bfd2f8;border-radius: 5px;opacity: 1;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 3px;}
.swiper-pagination-bullet.swiper-pagination-bullet-active {width: 22.5px;background-color: #1f2b6c;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {position: relative;bottom: 0;margin-top: 20px;}

.preview-warpper {display: none;position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;z-index: 10;background: rgba(0, 0, 0, 0.7);}
.preview-warpper .preview-warpper-main {height: 90vh;padding-top: 10vh;}
.preview-warpper .close {position: absolute;right: 24px;top: 24px;width: 24px;height: 24px;background: url("../images/close.png") 0 0/contain no-repeat;}
.preview-warpper .swiper-container {width: 100%;height: 300px;margin-left: auto;margin-right: auto;}
.preview-warpper .gallery-top {height: 80%;width: 100%;margin-bottom: 20px;}
.preview-warpper .gallery-top .swiper-slide {display: flex;align-items: center;}
.preview-warpper .gallery-top img {height: auto;margin: auto;display: block;max-width: 100%;max-height: 100%;}
.preview-warpper .gallery-thumbs {height: 20%;box-sizing: border-box;padding: 10px 0;}
.preview-warpper .gallery-thumbs .swiper-slide {width: 25%;height: 100%;opacity: 0.4;display: flex;align-items: center;}
.preview-warpper .gallery-thumbs .swiper-slide-active {opacity: 1;}
.preview-warpper .gallery-thumbs img {width: 100%;}

@media screen and (min-width: 1280px) and (max-width: 1480px) {
    .container {max-width: 1280px;margin: auto;padding: 0 40px;}
}

@media screen and (max-width: 1280px) {
    .container {width: auto;max-width: 100%;margin: auto;padding: 0 40px;}
    .introduction .introduction-content {gap: 24px;}
}

@media screen and (max-width: 960px) {
    .introduction .introduction-content {flex-direction: column;}
    .introduction .introduction-content img {width: 100%;}
}

@media screen and (max-width: 768px) {
    html {font-size: calc(100vw / 7.5);font-size: -webkit-calc(100vw / 7.5);-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;user-select: none;scroll-behavior: smooth;}
    .container {width: 100%;max-width: 100%;margin: auto;padding: 0;flex: 1;}
    body {background-color: #fff;}
    h1.module-name {padding: 0 0 0.24rem;font-size: 0.36rem;line-height: 0.5rem;}
    main {padding: 0.24rem 0;font-size: 0;}
    main .intro.m {display: block;margin-bottom: 0.24rem;}
    main .intro.pc {display: none;}
    .introduction {padding: 0.47rem 0.4rem;}
    .introduction .introduction-content {flex-direction: column;gap: 0.24rem;}
    .introduction .introduction-content .content {font-size: 0.24rem;font-weight: 400;line-height: 0.43rem;color: rgba(31, 43, 108, 1);}
    .introduction .introduction-content img {width: 100%;}

    .honor {padding: 0;}
    .honor .module-name {padding: 0 0.4rem 0.24rem;}
    .honor .honor-warpper ul {}
    .honor .honor-warpper ul li img {height: 2.4rem;}
    .honor .honor-warpper ul li .name {font-size: 0.22rem;line-height: 0.25rem;padding-top: 0.14rem;}
    .honor .swiper-button-prev,.honor .swiper-button-next {display: none;}
    .swiper-pagination-bullet {width: 0.09rem;height: 0.09rem;}
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 0.06rem;border-radius: 0.05rem;}
    .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 0.225rem;}
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {margin-top: 0.3rem;}

    .preview-warpper {}
    .preview-warpper .preview-warpper-main {height: 80vh;padding: 20vh 0.4rem 0;}
    .preview-warpper .preview-warpper-main video {width: 100%;}
    .preview-warpper .close {position: absolute;right: 0.48rem;top: 0.96rem;width: 0.36rem;height: 0.36rem;}
    .preview-warpper .gallery-top {width: 100%;height: 3rem;margin-left: auto;margin-right: auto;}
    .preview-warpper .swiper-slide img{width: 100%;}
    .preview-warpper .gallery-top {height: 4rem;width: 100%;margin-bottom: 0.2rem;}
    .preview-warpper .gallery-top .swiper-slide img{width: auto;;max-width: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
    .preview-warpper .gallery-thumbs .swiper-slide img {width: 100%;height: 100%;object-fit: cover;}
    .preview-warpper .swiper-button-next:after, .preview-warpper .swiper-button-prev:after {font-size: 0;}
    .preview-warpper .swiper-button-prev, .preview-warpper .swiper-container-rtl .swiper-button-next {left: 0;}
    .preview-warpper .swiper-button-next, .preview-warpper .swiper-container-rtl .swiper-button-prev {right: 0;}
}