* {margin: 0; padding: 0; box-sizing: border-box; -webkit-overflow-scrolling: touch;}

@font-face {
    font-family: 'FZLTG';
    src: url('../fonts/方正兰亭中黑简体.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FZLTH';
    src: url('../fonts/方正兰亭黑_GBK.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html {}
body {background-color: #fff; color: #333; line-height: 1.6; font-size: 12px; font-family: 'FZLTH', 'Microsoft YaHei', 'PingFang SC', sans-serif;}
img,button {display: block;}
ul {padding-left: 0;}
/* h1,h2,h3,h4,h5,strong,b {font-family: 'FZLTG', 'Microsoft YaHei', 'PingFang SC', sans-serif;} */

.flex {display: -webkit-flex; display: flex;}
.grey-bg {background-color: #F4F4F4;}

.pop-bg {position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 999; background-color: rgba(0,0,0,.7); justify-content: center; align-items: center; display: none;}
.pop-bg.show {display: -webkit-flex; display: flex;}
.pop-bg .pop-box {width: 1080px; height: 720px; border: #fff 10px solid; background-color: rgb(239, 242, 247);}

.page {min-height: 100vh;}

.container {
    max-width: 1140px;
    margin: 0 auto;
}

.section {
    padding: 80px 0;
}

.section-title {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #000;
    line-height: 34px;
}

.section-title > span {
    font-size: 16px;
    font-weight: 100;
}

.section-subtitle {
    font-size: 18px;
    color: #666;
    margin-bottom: 40px;
}

/* 导航栏 */
.navbar {
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    position: sticky;
    top: 0;
    z-index: 1000;
}

.navbar-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 60px;
}

.navbar-container > a > img { 
    width: 116px;
}

.nav-menu {
    display: flex;
    list-style: none;
    gap: 60px;
    padding-right: 40px;
    line-height: 200%;
}

.nav-menu li.level-two {
    position: relative;
    display: flex;
    align-items: center;
}

.nav-menu li.level-two::after {
    content: '';
    width: 12px;
    height: 12px;
    background-image: url(../images/icon_down.png);
    background-size: 100%;
    background-repeat: no-repeat;
    margin-left: 10px;
}

.level-two-show {
    position: absolute;
    top: 40px;
    left: 0;
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 10;
    padding: 20px;
    width: 200px;
    display: none;
}

.level-two-show li {
    list-style: none;
}

.nav-menu a {
    text-decoration: none;
    color: #333;
    font-weight: 700;
    transition: color 0.3s;
}

.nav-menu a:hover {
    color: #4F78FF;
}

.nav-right {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}

.nav-right a {
    text-decoration: none;
    color: #333;
    font-weight: 700;
}

.nav-right a:hover {
    color: #4F78FF;
}

.search-box {
    display: flex;
    align-items: center;
    border: 1px solid #9FA8FF;
    border-radius: 20px;
    padding: 5px 15px;
}

.search-box input {
    border: none;
    outline: none;
    padding: 5px;
    font-size: 14px;
}

.search-box button {
    background: none;
    border: none;
}

/* 视频模态框样式 */
/* .video-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
} */

/* .video-container {
    position: relative;
    width: 80%;
    max-width: 800px;
    background-color: #000;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
} */

.close-btn {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 30px;
    color: white;
    cursor: pointer;
    z-index: 10000;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    user-select: none;
}

.close-btn:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

.play-btn {
    cursor: pointer;
    transition: transform 0.3s ease;
}

.play-btn:hover {
    transform: scale(1.1);
}

/* 首屏大图 */
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 40px;
}

.swiper-pagination-bullet {
    width: 60px;
    height: 3px;
    background-color: #fff;
    border-radius: 0;
    margin: 0 5px;
}

.hero {
    background-size: cover;
    color: white;
}

.hero .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 552px;
}

.hero.about .container {
    height: 812px;
    position: relative;
}

.hero.about h3 {
    font-size: 40px;
}

.hero.about h2 {
    font-size: 80px;
}

.hero.about p {
    font-size: 45px;
}

.hero.about .play-btn {
    position: absolute;
    width: 100px;
    height: 100px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    transition: all .5s;
    background-image: url(../images/icon_player.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.hero.about .play-btn:hover {
    transform: translate(-50%, -50%) scale(1.1);
    background-image: url(../images/icon_player_on.png);
}

.hero h1 {
    font-size: 48px;
    margin-bottom: 40px;
}

.hero.cont h1 {
    margin-bottom: 0;
}

.hero p {
    font-size: 20px;
    margin-bottom: 10px;
}

.hero .subtitle-en {
    font-size: 16px;
}

#about .swiper-button-prev {
    left: 60px;
    background-image: url(../images/swiper_prev_white.png);
}

#about .swiper-button-next {
    right: 60px;
    background-image: url(../images/swiper_next_white.png);
}


/* 品牌故事 */
.brand-story {
    background-color: #fff;
    padding: 110px 0 70px;
}

.brand-story .section-title {
    font-size: 40px;
    margin-bottom: 30px;
    text-align: center;
}

.brand-story .section-title > span {
    font-size: 16px;
    text-transform: uppercase;
}

.brand-story .section-subtitle {
    font-size: 39px;
    letter-spacing: 0;
    color: #1B2464;
    margin-bottom: 0;
    text-align: justify;
    line-height: 20px;
}

.brand-story .section-subtitle.about-h3 {
    padding: 0 180px;
    font-size: 30px;
    margin-top: 60px;
}

.brand-story .section-subtitle::after {
    content: '';
    display: inline-block;
    width: 100%;
}

.brand-story .section-subtitle.about {
    background: linear-gradient(90deg, #7A8BFF 0%, #0B27A7 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.brand-story .brand-story-text {
    font-size: 16px;
    margin-bottom: 110px;
    text-align: justify;
}

.brand-story .brand-story-text.about-brand{
    padding: 0 180px;
    font-size: 15px;
    margin-bottom: 150px;
}

.brand-story .brand-story-text::after {
    content: '';
    display: inline-block;
    width: 100%;
}

.brand-story .brand-story-text > strong {
    color: #1B2464;
}

.brand-story .brand-story-text.about > strong {
    color: #4D5DFF;
}

.brand-values-container {
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 90px;
}

.brand-values-container .section-subtitle {
    font-size: 32px;
    line-height: 40px;
    color: #000;
    position: relative;
}

/* .brand-values-container .section-subtitle::before {
    content: '';
    position: absolute;
    width: 40px;
    height: 4px;
    background-color: #172D9D;
    left: 0;
    bottom: -10px;
} */

.brand-values-container > h4 {
    font-size: 24px;
    margin-top: 40px;
}

.brand-values-container > p {
    font-size: 18px;
    margin-top: 10px;
}

.brand-values {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.value-card {
    background: linear-gradient(102.36deg, #172C9D 3.42%, #01A9F2 100%);
    color: white;
    padding: 30px;
    border-radius: 10px;
    width: 400px;
    height: 228px;
    position: relative;
}

.value-card.about {
    background: linear-gradient(102.36deg, #0216B1 3.42%, #7A94FF 100%);
}

.value-card > img {
    position: absolute;
    top: 30px;
    right: 30px;
}

.value-content h4 {
    font-size: 20px;
    margin-bottom: 0;
}

.value-content h3 {
    font-size: 24px;
    margin-bottom: 21px;
}

.value-content p {
    font-size: 13px;
    line-height: 24px;
    color: #DDE0FF;
}

.promise-card {
    background: linear-gradient(102.36deg, #01A9F2 3.42%, #172C9D 100%);
    color: white;
    padding: 30px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 830px;
    height: 228px;
    position: relative;
}

.promise-content h4 {
    font-size: 20px;
    margin-bottom: 0;
}

.promise-content h3 {
    font-size: 24px;
    margin-bottom: 21px;
}

.promise-content p {
    font-size: 13px;
    line-height: 24px;
    color: #DDE0FF;
}

.promise-icon > img {
    position: absolute;
    top: 30px;
    right: 30px;
}

/* 循证服务 */
.evidence-service {
    background: linear-gradient(102.36deg, #1F39C5 3.42%, #01A9F2 100%);
    color: white;
    overflow: hidden;
    padding: 80px 0 75px;
    position: relative;
}

.evidence-service .container { 
    position: relative;
}

.evidence-service::before {
    content: '';
    position: absolute;
    top: 0;
    left: -66px;
    width: 710px;
    height: 367px;
    background: url('../images/evidence_service_bg.png') no-repeat center center;
    background-size: cover;
}

.evidence-service::after {
    content: '';
    position: absolute;
    bottom: -60px;
    right: -181px;
    width: 524px;
    height: 271px;
    background: url('../images/evidence_service_bg.png') no-repeat center center;
    background-size: cover;
}

.evidence-service .section-title {
    color: white;
    right: 0;
    top: 0;
    text-align: right;
    font-size: 40px;
    margin-bottom: 60px;
}

.evidence-service .section-title > span {
    font-size: 16px;
    letter-spacing: 2px;
}

.evidence-service .section-subtitle {
    color: white;
    text-align: center;
    font-size: 24px;
    margin-bottom: 40px;
}

.service-grid {
    display: -webkit-flex;
    display: flex;
    align-items: flex-end;
}

.service-card {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(153, 153, 153, 0) 100%);
    border-radius: 10px;
    overflow: hidden;
    width: 228px;
    height: 265px;
    position: relative;
}

.service-card::after {
    content: 'PHASE 1';
    display: block;
    padding-left: 20px;
    margin-top: 46px;
    font-size: 14px;
    color: #AFD7FF;
}

.service-card:nth-child(2) {height: 305px;}
.service-card:nth-child(3) {height: 345px;}
.service-card:nth-child(4) {height: 385px;}
.service-card:nth-child(5) {height: 425px;}

.service-card:nth-child(2)::after {
    content: 'PHASE 2';
    margin-top: 32px;
}

.service-card:nth-child(3)::after {
    content: 'PHASE 3';
    margin-top: 90px;
} 

.service-card:nth-child(4)::after {
    content: 'PHASE 4';
    margin-top: 76px;
} 

.service-card:nth-child(5)::after {
    content: 'PHASE 5';
    margin-top: 72px;
} 

.service-card > img { 
    position: absolute;
    height: 100px;
    border-radius: 4px;
}

/* .service-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 14, 36, 0.6);
    z-index: 1;
} */

/* .service-card:hover::before {
    background: rgba(0, 14, 36, 0.2);
} */

.service-card-content {
    position: relative;
    z-index: 2;
}

.service-card h3 {
    font-size: 24px;
    margin-bottom: 20px;
    line-height: 100px;
    text-align: center;
    background: rgba(0, 14, 36, 0.6);
    border-radius: 4px;
}

.service-card p {
    font-size: 14px;
    line-height: 24px;
    padding-left: 20px;
}

/* 我们的服务 */
.our-services {
    background-image: url(../images/our_services_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fff;
    padding: 67px 0 67px;
}

.our-services .container { 
    position: relative;
}

.our-services .section-title { 
    font-size: 40px;
    margin-bottom: 70px;
}

.our-services .section-title > span {
    font-size: 16px;
}

.services-header {
    margin-bottom: 40px;
}

.services-header .left {
    display: none;
    min-height: 325px;
}

.services-header .left.show {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.services-header .right {
    height: 250px;
    display: flex;
    justify-content: space-between;
}

.services-category {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 360px;
    height: 250px;
    padding: 58px 0 30px;
    background: linear-gradient(102.36deg, rgba(202, 219, 255, 0.33) 3.42%, rgba(119, 171, 255, 0.33) 100%);
    cursor: pointer;
    border-radius: 12px;
}

.services-category.onthis {
    background: linear-gradient(102.36deg, #172C9D 3.42%, #01A9F2 100%);
    color: #fff;
}

.services-category i {
    width: 51px;
    height: 51px;
    background-image: url(../images/icon_experiment.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    margin: 0 auto;
}

.services-category.onthis i {
    background-image: url(../images/icon_experiment_on.png);
}

.services-category:nth-child(2) i {
    width: 55px;
    background-image: url(../images/icon_empowerment.png);
}

.services-category:nth-child(2).onthis i {
    background-image: url(../images/icon_empowerment_on.png);
}

.services-category:nth-child(3) i {
    width: 54px;
    background-image: url(../images/icon_property.png);
}

.services-category:nth-child(3).onthis i {
    background-image: url(../images/icon_property_on.png);
}

.services-category h3 {
    font-size: 16px;
    margin-bottom: 0;
    text-align: center;
    font-weight: lighter;
}

.services-category h2 {
    font-size: 36px;
    text-align: center;
}

.services-category span {
    position: absolute;
    left: 20px;
    top: 20px;
    font-size: 20px;
    font-weight: bold;
}

.partner-logos {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 120px;
    justify-content: space-between;
    position: relative;
    width: 772px;
}

.partner-logos::after {
    content: '';
    position: absolute;
    bottom: -20px;
    right: 0;
    width: 22px;
    height: 22px;
    background-image: url(../images/icon_more.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.partner-logo {
    background-color: #fff;
    border: 1px solid rgba(221, 221, 221, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 90px;
    width: 243px;
}

.partner-logo:nth-child(n+4) {
    width: 178px;
}

.partner-logo img {
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
}

.resources h3 {
    font-size: 24px;
    margin-bottom: 8px;
    position: relative;
    padding-bottom: 10px;
}

/* .resources h3::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 4px;
    background-color: #0056b3;
} */

.resources p {
    font-size: 14px;
    line-height: 30px;
}

.experiment-box {
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 80px;
    width: 780px;
}

.experiment-box-item {
    width: 242px;
    height: 112px;
    border-radius: 8px;
    background: #fff;
    padding: 10px 20px;
    color: #333;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
}

.experiment-box-item > h1 {
    font-size: 32px;
}

.experiment-box-item > p {
    font-size: 14px;
    line-height: 18px;
}

.empowerment-box {
    gap: 42px;
    margin-bottom: 150px;
}

.empowerment-box-item { 
    width: 250px;
    height: 141px;
    border-radius: 8px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
    flex-direction: column;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
}

.empowerment-box-item h1 {
    font-size: 50px;
}

.empowerment-box-item h1::after {
    content: '项';
    font-size: 14px;
}

.empowerment-box-item p {
    font-size: 22px;
}

/* 新闻中心 */
.news-center {
    background-color: #fafafa;
    background-image: url('../images/news_center_bg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 116px 0 140px;
}

.news-title-box {
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 60px;
}

.news-center .read-more-btn {
    text-decoration: none;
    font-size: 14px;
    color: rgba(0, 0, 0, 1);
    border-bottom: #000 1px solid;
}

.news-center .section-title {
    color: #000;
    text-align: right;
    font-size: 40px;
    margin-bottom: 0;
}

.news-center .section-subtitle {
    color: #000;
    text-align: center;
    font-size: 24px;
    margin-bottom: 40px;
}

.news-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}

.news-card {
    width: 360px;
}

.news-card img {
    width: 100%;
}

.news-card-content {
    padding: 28px 14px;
    height: 280px;
    position: relative;
}

.news-date {
    font-size: 12px;
    margin-bottom: 10px;
}

.news-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.4;
}

.news-excerpt {
    font-size: 14px;
    color: rgba(102, 102, 102, 1);
    margin-bottom: 40px;
    line-height: 20px;
}

.check-more-btn {
    width: 130px;
    height: 40px;
    border-radius: 24px;
    display: block;
    background: linear-gradient(102.36deg, #455CFF 3.42%, #1B2464 100%);
    border-radius: 40px;
    font-size: 18px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    position: absolute;
    bottom: 10px;
    left: 14px;
}

/* 联系我们 */
.contact-us {
    background: linear-gradient(104.25deg, #FFFFFF 47.73%, #DDE0FF 74.75%, #37AEFE 101.77%);
    padding: 70px 0 80px;
}

.contact-us .container {
    display: block;
}

.contact-us .section-title {
    color: #000;
    font-size: 40px;
    margin-bottom: 55px;
}

.contact-info {
    display: flex;
    flex: 1;
    gap: 136px;
}

.contact-item {
    width: 240px;
    padding-top: 31px;
    border-top: #999 1px solid;
}

.contact-item h3 {
    font-size: 20px;
}

.contact-item h4 {
    font-size: 18px;
    margin-bottom: 10px;
}

.contact-item p {
    font-size: 14px;
    line-height: 24px;
    width: 310px;
}

.contact-item strong {
    display: block;
    margin-bottom: 5px;
}

/* 页脚 */
.footer {
    background: linear-gradient(102.36deg, #192468 3.42%, #000001 100%);
    color: white;
    padding: 73px 0 25px;
}

.footer-top {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 40px;
    margin-bottom: 60px;
}

.footer-column h3 {
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 40px;
    position: relative;
}

.footer-column ul {
    list-style: none;
}

.footer-column a {
    font-size: 12px;
    line-height: 26px;
    color: #fff;
    text-decoration: none;
}

.footer-bottom {
    font-size: 14px;
    line-height: 30px;
    color: #fff;
}

.footer-bottom > p {
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-bottom > p > img {
    margin-right: 6px;
}

/* 我们的基底 */
.our-foundation {
    background-color: #fff;
    background-image: url(../images/news_center_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 90px 0 75px;
}

.our-foundation .section-title {
    font-size: 40px;
    margin-bottom: 10px;
    text-align: right;
}

.our-foundation .section-subtitle {
    font-size: 18px;
    text-align: right;
    margin-bottom: 50px;
    font-weight: bold;
    color: #333;
}

.foundation-grid {
    display: -webkit-flex;
    display: flex;
    align-items: flex-end;
}

.foundation-card {
    background: linear-gradient(180deg, rgba(118, 184, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 10px;
    overflow: hidden;
    width: 228px;
    height: 265px;
    position: relative;
}

.foundation-card::after {
    content: 'PHASE 1';
    display: block;
    padding-left: 20px;
    margin-top: 46px;
    font-size: 14px;
    color: #AFD7FF;
}

.foundation-card:nth-child(2) {height: 305px;}
.foundation-card:nth-child(3) {height: 345px;}
.foundation-card:nth-child(4) {height: 385px;}
.foundation-card:nth-child(5) {height: 425px;}

.foundation-card:nth-child(2)::after {
    content: 'PHASE 2';
    margin-top: 32px;
}

.foundation-card:nth-child(3)::after {
    content: 'PHASE 3';
    margin-top: 90px;
} 

.foundation-card:nth-child(4)::after {
    content: 'PHASE 4';
    margin-top: 76px;
}

.foundation-card:nth-child(5)::after {
    content: 'PHASE 5';
    margin-top: 72px;
} 

/* .foundation-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    z-index: 1;
} */

/* .foundation-card:hover::before {
    background: rgba(0, 14, 36, 0.2);
} */

.foundation-card img {
    position: absolute;
    height: 100px;
    border-radius: 4px;
}

.foundation-card-content {
    position: relative;
    z-index: 2;
}

.foundation-card h3 {
    font-size: 24px;
    margin-bottom: 20px;
    line-height: 100px;
    text-align: center;
    background: rgba(0, 14, 36, 0.6);
    border-radius: 4px;
    color: #fff;
}

.foundation-card p {
    font-size: 14px;
    line-height: 24px;
    padding-left: 20px;
}

/* 我们的应用 */
.our-application {
    background-color: rgba(246, 246, 246, 1);
    padding: 120px 0 140px;
}

.application-header {
    text-align: right;
    margin-bottom: 20px;
}

.application-header h2 {
    font-size: 40px;
    margin-bottom: 10px;
    line-height: 34px;
}

.application-header h2 > span {
    font-size: 16px;
    text-transform: uppercase;
}

.application-header p {
    font-size: 18px;
    color: #333;
}

.application-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    margin-bottom: 300px;
    width: 800px;
}

.category-card {
    background-color: #fff;
    border-radius: 20px;
    padding: 30px 0 20px;
    width: 240px;
    height: 240px;
    text-align: center;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
    position: relative;
    transition: all 0.3s linear;
}

.category-card:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.05);
}

.category-card:nth-child(1), .category-card:nth-child(4) { 
    top: 114px;
}

.category-card:nth-child(2), .category-card:nth-child(5) { 
    top: 220px;
}

.category-card:last-child {
    left: 560px;
}

.category-icon {
    width: 100px;
    height: 100px;
    background: linear-gradient(102.36deg, #455CFF 3.42%, #1B2464 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 38px;
}

.category-card h3 {
    font-size: 24px;
    margin-bottom: 5px;
}

.category-card p {
    font-size: 10px;
    color: rgba(102, 102, 102, 1);
}

.application-title {
    align-items: flex-end;
    margin-bottom: 100px;
    flex-direction: column;
}

.application-title > img { 
    width: 202px;
    margin-bottom: 20px;
}

.application-title > h4 {
    font-size: 20px;
    text-align: right;
    margin-bottom: 15px;
}

.application-title > h4 > span {
    color: rgba(77, 93, 255, 1);
}

.application-title > p {
    font-size: 12px;
}

.application-products {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 50px;
    position: relative;
}

.product-card {
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    width: 360px;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s linear;
    transform: scale(0.98);
}
.product-card:hover {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.product-image {
    width: 100%;
    height: 246px;
}

.product-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.product-content {
    padding: 30px 30px 20px;
}

.product-card h3 {
    font-size: 24px;
    margin-bottom: 10px;
}

.product-card h4 {
    font-size: 12px;
    margin-bottom: 10px;
}

.product-card p {
    font-size: 14px;
    color: rgba(102, 102, 102, 1);
    margin-bottom: 40px;
    line-height: 20px;
}

.product-card .read-more-btn {
    display: inline-block;
    background: linear-gradient(102.36deg, #455CFF 3.42%, #1B2464 100%);
    color: white;
    text-decoration: none;
    font-size: 18px;
    text-align: center;
    width: 130px;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    border-radius: 20px;
}


.swiper-container {
    position: relative;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: -74px;
    width: 34px;
    height: 34px;
    background-image: url(../images/swiper_prev.png);
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    display: none !important;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev { 
    right: -74px;
    width: 34px;
    height: 34px;
    background-image: url(../images/swiper_next.png);
}

.detail-box {
    background-color: #fff;
    padding: 80px 100px 20px;
    margin: 30px auto 70px;
    width: 1000px;
}

.detail-box-title {
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 40px;
}

.detail-box-info {
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 40px;
}

.detail-box-info p {
    font-size: 12px;
    margin-left: 70px;
    font-weight: bold;
}

.detail-box-content p {
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 15px;
}

.detail-box-content img {
    margin-bottom: 30px;
}

.back-to-list-box {
    width: 1000px;
    justify-content: flex-end;
    margin: 0 auto 70px;
    align-items: center;
}

.back-to-list {
    display: inline-block;
    background: linear-gradient(102.36deg, #455CFF 3.42%, #1B2464 100%);
    color: white;
    text-decoration: none;
    font-size: 18px;
    text-align: center;
    width: 130px;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    border-radius: 40px;
}


/* Synergy 增效 */
.synergy {
    background-color: #fff;
    background-image: url(../images/synergy_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 90px 0 20px;
}

.synergy-title h2 {
    font-size: 40px;
    margin-bottom: 8px;
    line-height: 50px;
}

.synergy-title h3 {
    font-size: 18px;
}

.synergy-sub-title {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 60px;
    position: relative;
    font-weight: bold;
}

.synergy-sub-title.right {
    justify-content: flex-end;
    text-align: right;
}

/* .synergy-sub-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 4px;
    background-color: #0056b3;
}

.synergy-sub-title.right::after {
    right: 0;
    left: inherit;
} */

.synergy-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 133px;
    margin-top: 46px;
}

.synergy-right {
    flex: 1;
}

.synergy-left h2 {
    font-size: 32px;
    margin-bottom: 10px;
}

.synergy-left h3 {
    font-size: 24px;
    color: #0056b3;
    margin-bottom: 20px;
    font-weight: bold;
}

.synergy-left p {
    font-size: 16px;
    margin-bottom: 20px;
}

.ecube-diagram {
    width: 100%;
    max-width: 445px;
    margin: 0 auto;
}

.ecube-diagram img {
    width: 100%;
    height: auto;
}

.ecube-description {
    margin-top: 0;
}

.ecube-description h3 {
    font-size: 32px;
    color: #0056b3;
    margin-bottom: 10px;
}

.ecube-description h4 {
    font-size: 26px;
    color: #0056b3;
    margin-bottom: 10px;
}

.ecube-description h3 > span, .ecube-description h4 > span { 
    color: #333;
}

.ecube-description h4 > span { 
    font-size: 20px;
}

.ecube-description p {
    font-size: 14px;
    color: #666;
    margin-bottom: 50px;
    text-align: right;
}

.ecube-cards {
    display: flex;
    justify-content: space-between;
}

.ecube-card {
    background: linear-gradient(102.36deg, #455CFF 3.42%, #1B2464 100%);
    color: white;
    width: 362px;
    height: 248px;
    border-radius: 10px;
    padding: 30px 20px;
}

.ecube-card h4 {
    font-size: 20px;
    margin-bottom: 20px;
}

.ecube-card p {
    font-size: 12px;
    line-height: 24px;
    margin-top: 37px;
}

/* 仿生增效技术 */
.bio-enhancement {
    background-image: url('../images/bio_enhancement_bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-color: rgba(0, 42, 97, 1);
    padding: 0;
}

.bio-enhancement-header {
    text-align: center;
    margin-bottom: 50px;
}

.bio-enhancement-header h2 {
    font-size: 32px;
    margin-bottom: 10px;
}

.bio-enhancement-header p {
    font-size: 16px;
    color: #666;
}

.technology-grid {
    display: -webkit-flex;
    display: flex;
}

.tech-card {
    flex: 1;
    border-right: rgba(255, 255, 255, 0.5) 1px solid;
    color: #fff;
    text-align: center;
    position: relative;
}

.tech-card .tech-title {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 50px 0;
    height: 694px;
}

.tech-card:last-child {
    border-right: none;
}

/* .tech-card:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.05);
} */

/* .tech-icon {
    width: 100px;
    height: 100px;
    background: linear-gradient(102.36deg, #455CFF 3.42%, #1B2464 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
} */

.tech-card h3 {
    font-size: 32px;
    font-weight: bold;
    writing-mode: vertical-lr;
    display: flex;
    align-items: center;
    letter-spacing: 4px;
}

.tech-card .tech-num {
    font-size: 60px;
    font-weight: bold;
    padding-top: 48px;
    position: relative;
    letter-spacing: 2px;
}

.tech-card .tech-num::before {
    content: '';
    position: absolute;
    width: 70px;
    height: 4px;
    background-color: #fff;
    top: 0;
    left: 50%;
    margin-left: -35px;
}

.tech-card .tech-show-box {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding-top: 50px;
    background: linear-gradient(142.72deg, rgba(23, 44, 157, 0.8) 21.61%, rgba(1, 169, 242, 0.8) 78.39%);
}

.tech-card .tech-show-box h2 {
    font-size: 32px;
    margin-bottom: 50px;
}

.tech-card .tech-show-box h3 {
    font-size: 20px;
    margin-bottom: 20px;
    writing-mode: inherit;
    justify-content: center;
}

.tech-card .tech-show-box p {
    font-size: 12px;
    line-height: 28px;
    margin-bottom: 80px;
}

.tech-card .tech-show-box .tech-show-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 46px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 1);
    margin: 0 auto 18px;
    gap: 20px;
}

.tech-card .tech-show-box .tech-show-item strong {
    font-size: 18px;
}

.tech-card .tech-show-box .tech-show-item span {
    font-size: 16px;
}

.tech-card:hover .tech-title {
    opacity: 0;
}

.tech-card:hover .tech-show-box {
    display: block;
    cursor: pointer;
}

/* 5 大研发中心 共享前沿技术 */
.research-centers {
    background-color: #fff;
    padding: 100px 0 129px;
    background-image: url('../images/research_centers_bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.research-centers-title {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 50px;
    color: #000;
    line-height: 50px;
}

.research-centers-grid {
    display: flex;
    justify-content: space-between;
}

.center-card {
    background-color: #fff;
    width: 213px;
    height: 137px;
    border-radius: 10px;
    padding: 20px 20px 0;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s linear;
    position: relative;
}

.center-card:hover {
    transform: scale(1.05);
    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
}

.center-icon {
    width: 22px;
    height: 28px;
    margin-bottom: 20px;
}

.center-card h3 {
    font-size: 24px;
    line-height: 28px;
    color: #333;
    font-weight: bold;
}

/* 健康创新原料 */
.innovative-ingredients {
    background-color: #fff;
    padding: 160px 0 234px;
    background-image: url(../images/innovative_bg.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: left bottom;
}

.innovative-ingredients .container {
    align-items: flex-start;
    position: relative;
}

.ingredients-header {
    font-size: 32px;
    line-height: 40px;
    padding-bottom: 15px;
    margin-bottom: 40px;
    position: relative;
    font-weight: bold;
}

.ingredients-header::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 4px;
    background-color: #0056b3;
}

.ingredient-grid {
    flex: 1;
    display: flex;
    margin-left: 200px;
    flex-wrap: wrap;
    max-height: 1421px;
    justify-content: space-between;
    align-items: flex-start;
}

.ingredient-card {
    background-color: white;
    border-radius: 15px;
    overflow: hidden;
    width: 360px;
    height: 409px;
    box-shadow: 0px 10px 6px 0px #0000001A;
    margin-bottom: 50px;
    position: relative;
}

.ingredient-card:first-child {
    position: absolute;
    left: 0;
    top: 194px;
}

.ingredient-card:nth-child(3), .ingredient-card:nth-child(5), .ingredient-card:nth-child(7) {
    top: 94px;
}

.ingredient-image {
    width: 100%;
    height: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.ingredient-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.ingredient-content {
    padding: 30px 30px 35px;
}

.ingredient-content h3 {
    font-size: 18px;
    margin-bottom: 20px;
}

.ingredient-content p {
    font-size: 12px;
    color: #666;
    line-height: 24px;
}

/* Targeting 靶向 */
.targeting {
    background-color: #455CFF;
    color: white;
    padding: 100px 0 60px;
    position: relative;
    background-image: url('../images/targeting_right_bottom_bg.png');
    background-size: 211px 266px;
    background-position: right bottom;
    background-repeat: no-repeat;
}

.targeting::before {
    content: '';
    position: absolute;
    width: 987px;
    height: 510px;
    top: 0;
    left: -416px;
    background: url('../images/evidence_service_bg.png') no-repeat center center;
    background-size: cover;
    opacity: .3;
}

.targeting-header {
    margin-bottom: 60px;
}

.targeting-header h2 {
    font-size: 40px;
}

.targeting-header h3 {
    font-size: 32px;
    margin-bottom: 10px;
}

.targeting-header p {
    font-size: 14px;
}

.targeting-content {
    display: flex;
    justify-content: space-between;
    gap: 50px;
    position: relative;
    z-index: 1;
}

.targeting-left {
    width: 642px;
}

.targeting-right {
    flex: 1;
}

.targeting-image {
    width: 642px;
    height: 532px;
    border-radius: 20px;
    position: absolute;
}

.targeting-tech img {
    margin-top: 30px;
    margin-bottom: 52px;
}

.targeting-tech h3 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 30px;
    color: #fff;
}

.targeting-tech h3 span {
    color: #FFF53E;
}

.targeting-tech h3 i {
    color: #333;
    font-style: normal;
}

.targeting-benefits {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 12px;
}

.benefit-tag {
    background-color: #315BE6;
    color: white;
    border-radius: 40px;
    font-size: 18px;
    width: 140px;
    line-height: 40px;
    text-align: center;
    font-weight: bold;
}


/* Anti-Aging 抗衰 */
.anti-aging {
    background-color: #fff;
    padding: 102px 0 133px;
}

.anti-aging-header {
    text-align: right;
    margin-bottom: 60px;
}

.anti-aging-header h2 {
    font-size: 16px;
    margin-bottom: 30px;
}

.anti-aging-header h3 {
    font-size: 40px;
    line-height: 50px;
}

.anti-aging-header p {
    font-size: 18px;
    color: #000;
}

.anti-aging-content { 
    justify-content: space-between;
    padding-bottom: 14px;
    align-items: flex-start;
}

.anti-aging-sub-title { 
    position: relative;
    padding-bottom: 14px;
}

/* .anti-aging-sub-title::after {
    content: '';
    position: absolute;
    width: 40px;
    height: 4px;
    background-color: #4F78FF;
    left: 0;
    bottom: 0;
} */

.anti-aging-sub-title h3 {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 10px;
    position: relative;
}

.anti-aging-sub-title p {
    font-size: 18px;
    line-height: 24px;
    color: #666;
}

.cdmo-stats {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.cdmo-stats-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    width: 780px;
    justify-content: flex-end;
}

.stat-card {
    background-color: #455CFF;
    color: white;
    padding: 10px 20px 14px;
    border-radius: 10px;
    width: 180px;
}

.stat-card .number {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 5px;
}

.stat-card .label {
    font-size: 14px;
}


/* 行业一流的标准研发实力 */
.research-strength {
    background-color: #fff;
    padding: 120px 0 85px;
    background-image: url(../images/research_strength_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.research-strength-header h2 {
    font-size: 60px;
    background: linear-gradient(90deg, #7A8BFF 0%, #0B27A7 100%);
    margin-bottom: 80px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.research-strength-container {
    justify-content: space-between;
    margin-bottom: 0;
    align-items: flex-start;
}

.research-strength-sub-title {
    position: relative;
}

.research-strength-sub-title h3 { 
    font-size: 40px;
    line-height: 50px;
    color: #333;
}

.research-strength-sub-title.right {
    text-align: right;
}

/* .research-strength-sub-title::after { 
    content: '';
    position: absolute;
    width: 40px;
    height: 4px;
    background-color: #4F78FF;
    left: 0;
    bottom: 0;
} */

.research-strength-sub-title.right::after { 
    left: inherit;
    right: 0;
}


.card-container {
    display: flex;
    gap: 20px; 
}

.large-card {
    flex: 1; 
    background: linear-gradient(102.36deg, #1B2464 3.42%, #455CFF 100%);
    color: white;
    padding: 30px;
    border-radius: 10px;
    width: 440px;
    height: 388px;
}

.right-cards {
    display: flex;
    flex-direction: column; 
    gap: 20px; 
    width: 350px; 
}

.small-card {
    background: linear-gradient(102.36deg, #0216B1 3.42%, #5275FF 100%);
    color: white;
    padding: 30px;
    border-radius: 10px;
    width: 380px;
    height: 184px;
}

.card h3 {
    font-size: 20px;
    font-weight: normal;
}

.card h4 {
    font-size: 24px;
    margin-bottom: 42px;
    font-weight: bold;
}

.card ul {
    list-style: none;
    padding-left: 0;
    margin-top: 30px;
}

.card.small-card ul {
    margin-top: 0;
}

.card.small-card h4 {
    margin-bottom: 10px;
}

.card li {
    font-size: 12px;
    line-height: 30px;
}

.card p strong,
.card span[style*="color: #ffff00"] {
    color: #ffff00;
    font-weight: bold;
    font-size: 16px;
}


/* 参与国内外标准法规研制 */
.standards-participation {
    background-color: #fff;
}

.standards-header {
    text-align: center;
    margin-bottom: 50px;
}

.standards-header h2 {
    font-size: 32px;
    margin-bottom: 10px;
}

.standards-header p {
    font-size: 16px;
    color: #666;
}

.standards-grid {
    display: flex;
    gap: 30px;
    margin-top: 40px;
    margin-bottom: 70px;
}

.standard-card {
    background-color: white;
    padding: 40px 0 30px;
    text-align: center;
    box-shadow: 0px 4px 10px 0px #0000001A;
    width: 360px;
    height: 430px;
    border-radius: 20px;
    transition: all .3s linear;
}

.standard-card:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

/* .standard-card:nth-child(2) {
    position: relative;
    top: 260px;
} */

.standards-grid-list {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    margin-top: 50px;
}

.standards-grid-list .experiment-box-item {
    width: 360px;
    height: 150px;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
    padding: 30px 40px;
}

.standards-grid-list .experiment-box-item h1 {
    font-size: 46px;
}

.standards-grid-list .experiment-box-item h1::after {
    content: '年';
    font-size: 26px;
    margin-left: 10px;
}

.standards-grid-list .experiment-box-item:nth-child(2) h1:after,
.standards-grid-list .experiment-box-item:nth-child(3) h1:after,
.standards-grid-list .experiment-box-item:nth-child(4) h1:after,
.standards-grid-list .experiment-box-item:nth-child(5) h1:after {
    content: '+';
}

.standards-grid-list .experiment-box-item:nth-child(6) h1:after {
    content: '%';
}

.standards-grid-list .experiment-box-item p {
    font-size: 22px;
}

.standard-circle {
    width: 181px;
    height: 181px;
    background: linear-gradient(102.36deg, #455CFF 3.42%, #1B2464 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0 auto 29px;
    color: white;
    font-size: 48px;
    font-weight: bold;
}

.standard-circle p {
    font-size: 22px;
}

.standard-circle h3 {
    font-size: 50px;
}

.standard-circle span {
    font-size: 14px;
    margin-left: 4px;
}

.standard-list ul {
    list-style: none;
}

.standard-list li {
    font-size: 12px;
    line-height: 30px;
    text-align: center;
}


/* 专业资源 */
.professional-resources {
    background-color: #F4F4F4;
    padding: 90px 110px;
}

.professional-resources .section-title {
    font-size: 40px;
    line-height: 50px;
    font-weight: bold;
    margin-bottom: 40px;
    color: #000;
    position: relative;
}

/* .professional-resources .section-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 4px;
    background-color: #0056b3;
} */

.partner-section {
    margin-bottom: 50px;
}

.partner-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.partner-card {
    background-color: white;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.partner-card img {
    max-width: 90%;
    object-fit: contain;
}

.more-partners {
    text-align: center;
    font-size: 14px;
    color: #666;
    margin-top: 120px;
}

/* 案例溯源 */
.case-tracing-title {
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 60px;
}

.case-tracing-title .section-title {
    font-size: 40px;
    margin-bottom: 0;
}

.case-tracing-title .section-title span {
    text-transform: uppercase;
}

.case-tracing-title .case-tracing-sub-title {
    position: relative;
    padding-bottom: 14px;
}

/* .case-tracing-title .case-tracing-sub-title::after {
    content: '';
    position: absolute;
    width: 40px;
    height: 4px;
    right: 0;
    bottom: 0;
    background: #4F78FF;
} */

.case-tracing-title .case-tracing-sub-title p {
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
    text-align: right;
}

.case-tracing-search-box {
    border: 1px solid #BCBCBC;
    height: 120px;
    border-radius: 20px;
    padding: 20px 30px;
    position: relative;
}

.case-tracing-search-box.active {
    border: 2px solid #4F78FF;
}

.case-tracing-search-box input {
    border: none;
    outline: none;
    background: transparent;
    font-size: 18px;
    width: 100%;
}

.case-tracing-search-box button { 
    width: 140px;
    height: 40px;
    border-radius: 20px;
    text-align: center;
    background: linear-gradient(102.36deg, #455CFF 3.42%, #1B2464 100%);
    padding-right: 30px;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    border: none;
    position: absolute;
    right: 30px;
    bottom: 20px;
    cursor: pointer;
}

.case-tracing-search-box button::after {
    content: '';
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background: url('../images/icon_search_white.png') no-repeat;
}

.search-list-box {
    margin-top: 80px;
    flex-wrap: wrap;
    gap: 30px;
}

.search-list-box .product-card {
    margin-bottom: 20px;
}

.list-pagination-box {
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}

.list-pagination-box .list-pagination-item {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #F5F6FA;
    color: #AAB0B7;
    font-size: 18px;
    border-radius: 10px;
    margin: 0 4px;
    text-decoration: none;
}

.list-pagination-box .list-pagination-item.active {
    background: #4F78FF;
    color: #fff;
}

.other-news-list {
    width: 770px;
}

.other-news-list p {
    font-size: 14px;
    margin: 10px 0;
}

.other-news-list p a {
    text-decoration: none;
    color: #333;
}

/* 具体服务内容 */
.service-content {
    background-color: #fff;
    padding: 90px 0 104px;
}

.service-content-title {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 106px;
    color: #000;
}

.service-content-grid {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 32px;
}

.service-item {
    width: 520px;
}

.service-title-box {
    width: 400px;
    height: 57px;
    line-height: 57px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #455CFF;
    padding-left: 30px;
}

.service-title-box h3 {
    font-size: 26px;
    color: #fff;
    font-weight: bold;
}

.service-desc {
    height: 70px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 32px 30px 0;
    box-shadow: 0px 4px 10px 0px #0000001A;
    margin-top: -20px;
}

.service-desc p {
    font-size: 16px;
    color: #666;
    font-weight: bold;
}





/* 响应式设计 */
/* @media (max-width: 768px) {
    .container { width: 90%; }

    .section { padding: 50px 0; }

    .section-title { font-size: 28px; }

    .hero { padding: 100px 0; }

    .hero h1 { font-size: 36px; }

    .news-grid { grid-template-columns: 1fr; }

    .contact-info { grid-template-columns: 1fr; }

    .footer-top { grid-template-columns: 1fr 1fr; }

    .footer-column ul { columns: 2; }

    .brand-values-container { flex-direction: column; }

    .value-card { width: 100%; margin-bottom: 30px; }

    .services-category { width: 100%; margin-bottom: 20px; }

    .experiment-show { flex-direction: column; }

    .experiment-show .left { width: 100%; }

    .experiment-show .right { width: 100%; }

    .experiment-show .right img { width: 100%; }

    .experiment-show .right .content { padding: 20px; }

    .news-card { flex-direction: column; }

    .news-card img { width: 100%; }

    .news-card .news-card-content { padding: 20px; }

    .section-subtitle { font-size: 16px; }

    .section-subtitle.about { font-size: 14px; }

    .brand-story-text.about { font-size: 14px; }

    .value-card.about { flex-direction: row; align-items: center; }

    .value-card.about img { width: 60px; height: 60px; }

    .value-card.about .value-content { text-align: left; }

    .value-card.about .value-content h4, .value-card.about .value-content h3 { font-size: 14px; }

    .value-card.about .value-content p { font-size: 12px; }

    .hero.cont { padding: 80px 0; }

    .hero.cont h1 { font-size: 28px; }

    .our-foundation .section-subtitle { font-size: 14px; }

    .experiment-show .right .content h3 { font-size: 18px; }

    .experiment-show .right .content p { font-size: 14px; }

    .experiment-show .right .content ul li { font-size: 14px; }

    .news-title { font-size: 16px; }

    .news-excerpt { font-size: 14px; }

    .check-more-btn { font-size: 14px; }

    .nav-menu { gap: 20px; }

    .nav-right { gap: 15px; }

    .search-box { display: none; }

    .navbar-container { padding: 0 15px; }

    .section.news-center .news-title-box { flex-direction: column; align-items: flex-start; }

    .section.news-center .news-title-box .read-more-btn { margin-bottom: 20px; }
} */

/* 视频模态框样式 */
.video-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
}

.video-container {
    position: relative;
    width: 100vw;
    height: calc(100vh - 60px);
    margin-top: 60px;
    background-color: #000;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}

.video-container > video {
    width: 100vw;
    height: calc(100vh - 60px);
}

.close-btn {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 30px;
    color: white;
    cursor: pointer;
    z-index: 10000;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    user-select: none;
}

.close-btn:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

.play-btn {
    cursor: pointer;
    transition: transform 0.3s ease;
}

.play-btn:hover {
    transform: scale(1.1);
}

.news-list-grid > .news-card {border-radius: 16px; padding: 16px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1); display: flex; width: 100%; gap: 40px; margin-bottom: 30px; background: #fff;}
.news-list-grid > .news-card .img-a {display: block; width: 262px;}
.news-list-grid > .news-card .img-a img {width: 100%; border-radius: 15px; overflow: hidden;}
.news-list-grid > .news-card .news-card-content {padding: 20px 0 0 0; height: auto; width: 640px;}
.news-list-grid > .news-card .news-card-content a {color: #000; text-decoration: none;}
.news-list-grid > .news-card .news-card-content p a {color: rgba(102, 102, 102, 1);}
.news-list-grid > .news-card .icon-go {display: flex; align-items: center; justify-content: center; padding: 30px;}
.news-list-grid > .news-card .news-excerpt {margin-bottom: 65px;}