body {background: url("../images/header.png") center 0 no-repeat;}
.container {width: 1440px;margin: auto;padding: 0 80px;box-sizing: border-box;}
header {background-image: none;}
header .header-background {display: none;}
header nav {}
header nav ul {display: flex;justify-content: center;gap: 80px;padding-top: 27.5px;}
header nav ul li {position: relative;font-size: 16px;color: #bfd2f8;line-height: 42px;transition: 0.2s all linear;cursor: pointer;white-space: nowrap;}
header nav ul li::before {content: "";position: absolute;top: 0;left: 100%;width: 0;height: 100%;border-bottom: 1px solid #bfd2f8;transition: 0.2s all linear;}
header nav ul li a {display: block;color: #bfd2f8;}
header nav li:hover::before {width: 100%;top: 0;left: 0;transition-delay: 0.1s;border-bottom-color: #bfd2f8;z-index: -1;}
header nav li:hover~li::before {left: 0;}
header nav li.active::before {position: absolute;left: 0;width: 100%;height: 100%;border-bottom: 1px solid #bfd2f8;}
header .explain {color: #fff;padding-top: 96.6px;}
header .explain h1.logo {}
header .explain h2 {line-height: 0;padding-top: 50px;}
header .explain h3 {font-size: 30px;font-weight: bold;letter-spacing: 18px;line-height: 42px;}
header .explain h4 {padding-top: 24px;line-height: 1.6;font-size: 16px;color: #bfd2f8;}

h1.module-name {padding-bottom: 40px;font-size: 36px;font-weight: 900;line-height: 50px;color: #1f2b6c;display: flex;align-items: center;justify-content: space-between;}
h1.module-name a {text-decoration: underline;font-size: 16px;letter-spacing: 0.32px;color: #159eec;font-weight: normal;}
/* 公司业务 */
.product {padding: 0 0 100px;margin-top: 400px;}
.product-warpper {width: 100%;display: flex;display: flex;flex-wrap: wrap;justify-content: space-between;}
.product-warpper .product-warpper-item {margin-bottom: 24px;min-height: 600px;display: flex;flex-direction: column;}
.product-warpper .product-warpper-item:hover {transform: translateY(-4px);transition: ease all 0.3s;box-shadow: 0px 4px 4px rgb(0 0 0 / 10%);}
.product-warpper .product-warpper-item .picture {background: #bfd2f8;overflow: hidden;}
.product-warpper .product-warpper-item .picture:hover img {transform: scale(1.05);transition: ease all 0.3s;}
.product-warpper .product-warpper-item .picture img {width: 100%;height: 100%;object-fit: cover;}
.product-warpper .product-warpper-item .describe {padding: 50px 50px 0 60px;flex: 1;}
.product-warpper .product-warpper-item .describe .title {font-size: 32px;font-weight: 900;line-height: 45px;}
.product-warpper .product-warpper-item .describe .subtitle {font-size: 16px;padding: 16px 0;line-height: 1.6;}
.product-warpper .product-warpper-item .describe .more {font-size: 16px;line-height: 22px;display: none;}

.product-warpper .product-warpper-item.ratio-2-3 {width: calc(66% - 0px);}
.product-warpper .product-warpper-item.ratio-2-3 .picture {height: 340px;}
.product-warpper .product-warpper-item.ratio-2-3 .describe {min-height: 300px;}

.product-warpper .product-warpper-item.ratio-1-3 {width: calc(32% - 0px);}
.product-warpper .product-warpper-item.ratio-1-3 .picture {height: 240px;}
.product-warpper .product-warpper-item.ratio-1-3 .describe {min-height: 400px;}

.product-warpper .product-warpper-item.background-blue .describe {background-color: #159eec;}
.product-warpper .product-warpper-item.background-blue .describe .title {color: #fff;}
.product-warpper .product-warpper-item.background-blue .describe .subtitle {color: #fff;opacity: 0.7;}
.product-warpper .product-warpper-item.background-blue .describe .more {color: #fff;}

.product-warpper .product-warpper-item.background-pearl-blue .describe {background-color: #bfd2f8;}
.product-warpper .product-warpper-item.background-pearl-blue .describe .title {color: #1f2b6c;}
.product-warpper .product-warpper-item.background-pearl-blue .describe .subtitle {color: #696984;}
.product-warpper .product-warpper-item.background-pearl-blue .describe .more {color: #1f2b6c;}

.product-warpper .product-warpper-item.background-dark-blue .describe {background-color: #1f2b6c;}
.product-warpper .product-warpper-item.background-dark-blue .describe .title {color: #fff;}
.product-warpper .product-warpper-item.background-dark-blue .describe .subtitle {color: #fff;opacity: 0.7;}
.product-warpper .product-warpper-item.background-dark-blue .describe .more {color: #fff;}
/* 企业动态 */
.news {padding-bottom: 100px;}
.news ul {}
.news ul .more {font-size: 0;}
.news ul .more a {text-decoration: underline;line-height: 29px;font-size: 16px;letter-spacing: 0.32px;color: #159eec;}
.news ul li {width: 51.5%;float: right;display: flex;}
.news ul li .picture {overflow: hidden;}
.news ul li .picture img {width: 100%;height: 100%;object-fit: cover;}
.news ul li .picture:hover img {transform: scale(1.05);transition: ease all 0.3s;}
.news ul li .describe .title {display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical;overflow:hidden;}
.news ul li .describe .subtitle {display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical;overflow:hidden;color: #696984;padding: 8px 0 5px;}

/* 第一个 */
.news ul li:first-child {flex-direction: column;justify-content: space-between;width: 46.5%;height: 465px;float: left;}
.news ul li:first-child .picture {height: 280px;background: #bfd2f8;}
.news ul li:first-child .describe {padding: 26px 0;}
.news ul li:first-child .describe .title {font-size: 24px;color: #1f2b6c;font-weight: 900;-webkit-line-clamp: 2;}
.news ul li:first-child .describe .subtitle {font-size: 16px;font-weight: 500;line-height: 1.8;letter-spacing: 0.32px;}
/* 非第一个 */
.news ul li:not(:first-child) a {display: flex;}
.news ul li:not(:first-child) .picture {width: 200px;height: 140px;background: #bfd2f8;margin-right: 32px;flex-shrink: 0;}
.news ul li:not(:first-child) .describe {height: 140px;display: flex;flex-direction: column;justify-content: space-between;}
.news ul li:not(:first-child) .describe .title {font-size: 20px;font-weight: 900;line-height: 1.6;color: #1f2b6c;-webkit-line-clamp:2;}
.news ul li:not(:first-child) .describe .subtitle {font-size: 16px;font-weight: 500;line-height: 1.8;letter-spacing: 0.32px;}
.news ul li:nth-child(2) .describe,
.news ul li:nth-child(3) .describe {margin-bottom: 22px;}

/* 企业风采 */
.style {padding-bottom: 100px;}
.style .style-warpper {width: 100%;overflow: hidden;position: relative;}
.style .style-warpper ul {white-space: nowrap;font-size: 0;}
.style .style-warpper ul li {display: inline-block;vertical-align: top;overflow: hidden;height: auto;}
/* .style .style-warpper ul li:not(:first-child) {margin-left: 24px;} */
.style .style-warpper ul li img {display: block;width: 100%;height: 240px;object-fit: cover;}
.style .style-warpper ul li video {display: block;width: 100%;height: 240px;object-fit: cover;}
.style .style-warpper ul li video::-webkit-media-controls-overflow-button { display: none;}
/* .style .style-warpper ul li:hover img {transform: scale(1.05);transition: ease all 0.3s;} */
.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;}

/* 合作伙伴 */
.partner {padding-bottom: 100px;}
.partner .partner-warpper {width: 100%;overflow: hidden;}
.partner .partner-warpper ul {display: flex;flex-wrap: wrap;gap: 40px;}
.partner .partner-warpper ul li {width: 125px;text-align: center;flex-shrink: 0;}
.partner .partner-warpper ul li img {display: block;width: 100%;height: 70px;object-fit: contain;}
.partner .partner-warpper ul li .name {font-size: 16px;padding-top: 12px;color: #696984;word-break: break-all;display: block;}

/* 联系我们 */
.contact {padding-bottom: 100px;}
.contact-warpper {display: flex;gap: 24px;}
.contact-warpper .contact-warpper-item {flex: 1;height: 180px;display: flex;flex-direction: column;justify-content: center;padding: 0 30px;}
.contact-warpper .contact-warpper-item:nth-child(1) {background-color: #1f2b6c;color: #bfd2f8;}
.contact-warpper .contact-warpper-item:nth-child(2) {background-color: #bfd2f8;color: #1f2b6c;}
.contact-warpper .contact-warpper-item .label {padding: 14px 0 4px;font-size: 18px;font-weight: 900;}
.contact-warpper .contact-warpper-item .value {font-size: 16px;}

.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 {width: auto;max-width: 1280px;margin: auto;padding: 0 40px;}
}

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

@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;}
    body {background: url("../images/mHeader.png") 0 0/contain no-repeat;}
    .container {width: 100%;max-width: 100%;margin: auto;padding: 0;}
    header {position: static;}
    header .header-background {display: block;width: 100%;}
    header nav {display: none;}
    header .explain {padding: 0.8rem 1rem 0 0.6rem;position: absolute;top: 0;left: 0;}
    header .explain h1.logo {font-size: 0;position: relative;}
    header .explain h1.logo svg {width: auto;height: 0.4rem;}
    header .explain h1.logo .menu {width: 0.32rem;height: 0.21rem;background: url("../images/menu.svg") 0 0/contain no-repeat;position: absolute;right: -0.24rem;top: 0;}
    header .explain h2 {padding-top: 0.8rem;}
    header .explain h2 svg {height: 1.54rem;width: auto;}
    header .explain h4 {padding-top: 0.24rem;font-size: 0.24rem;}
    header .explain h4 br {display: none;}
    h1.module-name {padding: 0 0.4rem 0.32rem;font-size: 0.4rem;line-height: 0.56rem;}
    h1.module-name a {font-size: 0.24rem;letter-spacing: 0.0048rem;}
    
    /* 公司业务 */
    .product {padding: 0 0 0.64rem;margin-top: 0.32rem;}
    .product-warpper {width: 100%;display: flex;display: flex;flex-wrap: wrap;justify-content: space-between;}
    .product-warpper .product-warpper-item {margin-bottom: 0.12rem;min-height: 6.5rem;}
    .product-warpper .product-warpper-item:hover {transform: none;transition: none;box-shadow: none;}
    .product-warpper .product-warpper-item .picture {}
    .product-warpper .product-warpper-item .picture:hover img {transform: none;transition: none;}
    .product-warpper .product-warpper-item .describe {padding: 0.6rem 0.6rem 0 0.4rem;}
    .product-warpper .product-warpper-item .describe .title {font-size: 0.32rem;line-height: 0.45rem;}
    .product-warpper .product-warpper-item .describe .subtitle {font-size: 0.24rem;padding: 0.16rem 0;}
    .product-warpper .product-warpper-item .describe .more {font-size: 0.24rem;line-height: 0.34rem;display: none;}

    .product-warpper .product-warpper-item.xs-1 {width: 100%;}
    .product-warpper .product-warpper-item.xs-1 .picture {height: 3.2rem;}
    .product-warpper .product-warpper-item.xs-1 .describe {min-height: 3.25rem;padding-bottom: 0.6rem;}

    .product-warpper .product-warpper-item.xs-1-3 {width: calc(43% - 0px);}
    .product-warpper .product-warpper-item.xs-1-3 .picture {height: 2.4rem;}
    .product-warpper .product-warpper-item.xs-1-3 .describe {min-height: 5.35rem;}

    .product-warpper .product-warpper-item.xs-2-3 {width: calc(55% - 0px);}
    .product-warpper .product-warpper-item.xs-2-3 .picture {height: 2.4rem;}
    .product-warpper .product-warpper-item.xs-2-3 .describe {min-height: 5.35rem;}
    /* 企业动态 */
    .news {padding-bottom: 0.64rem;}
    .news ul {padding: 0 0.4rem;}
    .news ul .more a {line-height: 0.43rem;font-size: 0.24rem;letter-spacing: 0.0048rem;}
    .news ul li {width: 100%;}
    /* 第一个 */
    .news ul li:first-child {width: 100%;height: auto;margin-bottom: 0.5rem;}
    .news ul li:first-child .picture {height: 3.2rem;}
    .news ul li:first-child .describe {padding: 0.16rem 0;}
    .news ul li:first-child .describe .title {font-size: 0.32rem;-webkit-line-clamp:2;}
    .news ul li:first-child .describe .subtitle {font-size: 0.24rem;letter-spacing: 0.0048rem;padding: 0.08rem 0 0;-webkit-line-clamp:2;}
    /* 非第一个 */
    .news ul li:not(:first-child) .picture {width: 2rem;height: 1.4rem;margin-right: 0.32rem;}
    .news ul li:not(:first-child) .describe {height: 1.4rem;}
    .news ul li:not(:first-child) .describe .title {font-size: 0.3rem;}
    .news ul li:not(:first-child) .describe .subtitle {font-size: 0.24rem;letter-spacing: 0.0048rem;padding: 0.08rem 0 0;-webkit-line-clamp:1;}
    .news ul li:nth-child(2) .describe,
    .news ul li:nth-child(3) .describe {margin-bottom: 0.3rem;}

    /* 企业风采 */
    .style {padding-bottom: 0.64rem;}
    .style .style-warpper {font-size: 0;}
    .style .style-warpper ul {white-space: nowrap;font-size: 0;}
    .style .style-warpper ul li {position: relative;}
    .style .style-warpper ul li[data-type="1"]::after {content: '';width: 0.8rem;height: 0.8rem;background: url("../images/playButton.png") 0 0/contain no-repeat;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
    .style .style-warpper ul li img {width: 3.8rem;height: 2.4rem;object-fit: cover;}
    .style .style-warpper ul li video {width: 100%;height: 100%;object-fit: cover;}
    .style .swiper-button-prev,.style .swiper-button-next {display: none;}
    .swiper-pagination-bullet {width: 0.09rem;height: 0.09rem;border-radius: 0.05rem;}
    .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 0.225rem;}
    .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;}

    /* 合作伙伴 */
    .partner {padding-bottom: 0.32rem;}
    .partner .partner-warpper ul {gap: 0.4rem;padding: 0 0.4rem;font-size: 0;margin-bottom: 0.32rem;}
    .partner .partner-warpper ul li {width: 1.37rem;}
    .partner .partner-warpper ul li img {height: 0.7rem;}
    .partner .partner-warpper ul li .name {font-size: 0.24rem;padding-top: 0.12rem;}

    /* 联系我们 */
    .contact {padding-bottom: 0.32rem;}
    .contact-warpper {flex-direction: column;justify-content: center;gap: 0.24rem;padding: 0 0.4rem;}
    .contact-warpper .contact-warpper-item {height: 2.1rem;padding: 0.4rem;}
    .contact-warpper .contact-warpper-item .icon {font-size: 0;}
    .contact-warpper .contact-warpper-item .icon svg {width: 0.4rem;height: 0.38rem;}
    .contact-warpper .contact-warpper-item .label {padding: 0.08rem 0;font-size: 0.3rem;}
    .contact-warpper .contact-warpper-item .value {font-size: 0.34rem;line-height: 0.34rem;}

    .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;}
}