@import url("https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900");
/* 移除不存在的animate.min.css引用 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
select,
button,
input,
textarea {
	margin: 0;
	padding: 0;
	outline: none;
}

body {
    font-size: 12px;
      font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
              background-color: #ffffff;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
    line-height: 16px;
    font-style: normal;
    font-weight: 400;
	overflow-x: hidden;

}
ul,
ol {
	list-style: none
}

ul li {
	vertical-align: top
}

select,
button,
input,
textarea {
	vertical-align: middle;
	font-size: 12px;
	font-family: inherit;
	line-height: normal
}

button {
	cursor: pointer
}

em {
	font-style: normal
}

img {
	border: 0;
	vertical-align: middle
}

a {
	color: #484848;
	text-decoration: none
}

a:hover {
	color: #04349a;
	text-decoration: none
}

img {
	border: 0
}

.clear {
	zoom: 1
}

.clear:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	content: "."
}

     .news-detail{
    margin:auto;
    padding:40px 0;
    max-width:700px;
}

/* 动态新闻系统额外样式 */
.no-news {
    text-align: center;
    padding: 60px 0;
    color: #666;
}

.news-detail .meta {
    margin: 15px 0 30px 0;
    color: #666;
    font-size: 14px;
}

.news-detail .content {
    line-height: 1.8;
    font-size: 16px;
}

.news-detail .content p {
    margin-bottom: 20px;
}

.news-detail .intro img {
    max-width: 100% !important;
    height: auto !important;
    width: 100% !important;
    object-fit: contain !important;
}

/* 更强大的覆盖样式，针对内联样式 */
.news-detail .intro img[width],
.news-detail .intro img[height] {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
}

/* 针对特定内联样式属性 */
.news-detail .content img[style*="width"] {
    width: 100% !important;
    max-width: 100% !important;
}

.news-detail .content img[style*="height"] {
    height: auto !important;
}

.news-detail .back-link {
    margin-top: 40px;
    text-align: center;
}

.news-detail .back-link a {
    color: #007bff;
    text-decoration: none;
    font-size: 16px;
}

.news-detail .back-link a:hover {
    text-decoration: underline;
}

/* 外部链接徽章样式 */
.external-link-badge {
    display: inline-block;
    background-color: #28a745;
    color: white;
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 3px;
    margin-left: 8px;
    font-weight: 500;
    line-height: 1;
}
/* 基础图片过渡效果 */
.homepage{padding-top:40px}
.banner-home img {
    transition: all 0.5s ease-in-out;
}
.banner-home img:hover {
}
/* 图片布局样式 */
.index-lists{
    padding:5px 0;
}
.index-list{
    display:grid;
grid-template-columns: repeat(4, 1fr);gap:5px;
}
.index-list .item{
    cursor:pointer;
    position: relative;
    overflow: hidden;
}
.index-list .item img{
    width:100%;
    transition: all 0.3s ease;
}
.pc{display:block}
.mobile{display:none}
.index-lists4{
    padding:5px 0;
}
.index-list4{
    display:grid;
grid-template-columns: repeat(2, 1fr);gap:5px;
}
.menus{
    display:grid;
grid-template-columns: repeat(6, 1fr);
}
.menus .item img{width:100%}
.index-list4 .item{
    cursor:pointer;
    position: relative;
    overflow: hidden;
}
.index-list4 .item img{
    width:100%;
    transition: all 0.3s ease;
}

#molecular-design .box{background:#9ddfff;border-radius:12px}

 #biological-research .box{
            background-color: #ceff92;border-radius:12px
        }

   #synthesis-scaleup .box{
            background-color: #b2c5ff;border-radius:12px
        }
#regulatory-compliance .box {
            background-color: #80e380;border-radius:12px
        }

#ai-machine-learning .box{
            background-color: #88a5ff;border-radius:12px
        }

#global-think-tank .box {
            background-color: #72ffc2;border-radius:12px
        }

/* 切换图片效果 */
.index-list .item img.a2 {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.index-list .item:hover img.a1 {
    opacity: 0;
}
.index-list .item:hover img.a2 {
    display: block;
    opacity: 1;
}
/* 第三行图片样式 */
.index-list3 {
}
.index-list3 .item {
    margin-bottom: 5px;
    overflow: hidden;
}
.index-list3 .item img {
    width: 100%;
    transition: transform 0.3s ease;
}
.index-list3 .item:hover img {
}

.aboutusPage{padding-top:40px}
.banner-aboutus img{width:100%}
.ourteam{max-width:1000px;margin:auto}
.ourteam .hd{border-bottom:1px solid #2f2725;padding:30px 0;font-size:1.8rem;font-weight:700;margin-bottom:40px}
.picMarquee-left{ overflow:hidden; position:relative;margin:20px 0  20px 0 }
.teamlist{display:grid;grid-template-columns: repeat(4, 1fr);gap:20px;padding-bottom:60px}
.teamlist .item .box .pic img{width:100%}
.teamlist .item .box .item-info h2{padding:8px 0;font-weight:700;font-size:14px}
.teamlist .item .box .item-info h2 span{font-weight:400;font-size:10px;margin-left:5px}
.teamlist .item .box .item-info p{font-size:10px;line-height:16px;}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .hd{position:relative;padding:30px 0;display:flex;flex-direction:row;justify-content:flex-end;max-width:1000px;margin:auto}
.picMarquee-left .hd a{margin:0 10px}
.picMarquee-left .hd a img{width:32px;height:32px}
.picMarquee-left .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center;  width:calc(25% - 20px);}

.picMarquee-left .bd ul li img{
    width:100%;
}
.intro p{font-size:12px;line-height:24px;margin-bottom:30px;}
.contactusPage{
    padding-top:40px;max-width:830px;margin:auto;padding-bottom:120px;
}
.addressList{
    display:grid;grid-template-columns: repeat(2, 1fr);gap:40px;
}
.addressList .item{margin-bottom:30px}
.addressList .item .tit11{font-size:20px;font-weight:700;margin-bottom:10px;line-height:32px;color:#2f2725}
.contactusPage .title{padding:60px 0 90px 0;text-align:center;font-weight:700;font-size:32px;color:#2f2725}
.contactusPage .infos .myitem{display:flex;flex-direction:row;font-size:15px;margin-bottom:5px;line-height:22px;color:#2f2725;}
.contactusPage .infos .myitem .label{margin-right:5px}
.picMarquee-left .bd ul li img.a1{display:block}
.picMarquee-left .bd ul li{cursor:pointer}
.picMarquee-left .bd ul li img.a1{display:block}
.picMarquee-left .bd ul li img.a2{display:none}

.picMarquee-left .bd ul li:hover img.a1{display:none}
.picMarquee-left .bd ul li:hover img.a2{display:block}

.index-list .item img.a1{display:block}
.index-list .item img.a2{display:none}
.index-list .item:hover img.a2{display:block}
.index-list .item:hover img.a1{display:none}
.index-list2 .item{margin-bottom:10px;padding:80px 0;background:#9ddfff}
.index-list2 .item:nth-of-type(2){background:#ceff92}
.index-list2 .item:nth-of-type(3){background:#b2c5ff}
.index-list2 .item:nth-of-type(4){background:#80e391}
.index-list2 .item:nth-of-type(5){background:#88a5ff}
.index-list2 .item:nth-of-type(6){background:#72ffc2}
.index-list2 .item .box{max-width:840px;margin:auto;display:flex;flex-direction:row}
.index-list2 .item .box .pic img{width:200px;height:200px}
.index-list2 .item .box .pic{margin-right:75px}
.index-list2 .item .box .item-info{height:200px;display:flex;flex-direction:column;justify-content:space-between;}
.index-list2 .item .box .item-info h2{font-size:30px;line-height:36px;font-weight:700}
.index-list2 .item .box .item-info p{font-size:13px;line-height:22px}
.banner-home .item{background: #156F59;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;font-size:16px;line-height:24px;}
.banner-home .item p {padding:0 100px;}
.banner-home .item img{width:100%}
.news-detail .tit{
    padding:40px 0;font-size:20px;line-height:24px;font-weight:700
}
.news-detail .intro{
    font-size:14px;line-height:18px;
}

        .container {
            width: 100%;
        
        }

        .navbar {
            background-color: #006633;
            color: white;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1000;
            height: 40px;
            display: flex;
            align-items: center;
        }

        .navbar-content {
            display: flex;
            padding: 0 32px 0 20px;
            box-sizing: border-box;
            align-items: center;
            justify-content: space-between;
            width: 100%;
        }

         .logo img{
            height:15px;
         }

        .nav-links {
            display: flex;
            gap: 50px;
        }

        .nav-link {
            text-decoration: none;
            font-size: 10px;
            color:#fff;
            transition: opacity 0.3s ease;
        }
        .nav-link:hover{
            text-shadow: 0 4px 4px rgba(0,0,0,0.25);color: #72FFC2;
        }

        

        /* 移动菜单按钮 */
        .mobile-menu-toggle {
            display: none;
            background: none;
            border: none;
            color: white;
            font-size: 20px;
            cursor: pointer;
        }

        /* 移动菜单样式 */
        .mobile-menu {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #006633;
            z-index: 1100;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease, visibility 0.3s ease;
        }
        
        .mobile-menu.active {
            opacity: 1;
            visibility: visible;
        }
        
        .mobile-menu-content {
            padding: 80px 30px 30px;
            height: 100%;
            overflow-y: auto;
        }
        
        .mobile-menu-close {
            position: absolute;
            top: 20px;
            right: 30px;
            background: none;
            border: none;
            color: white;
            font-size: 24px;
            cursor: pointer;
        }
        
        .mobile-links {
            display: flex;
            flex-direction: column;
            gap: 0px;
        }
        
        .mobile-link {
            color: white;
            text-decoration: none;
            font-size: 14px;
            padding: 24px 0;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            transition: padding-left 0.3s ease;
        }
        
        .mobile-link:hover {
            color:#fff;
            padding-left: 10px;
        }

        /* 横向手风琴效果样式 */
        .accordion-section {
            margin-top: 40px;
            width: 100%;
            background: linear-gradient(180deg, #f9f9f9 0%, #ffffff 100%);
        }

        .accordion-container {
            width: 100%;
            margin: 0 auto;
        }
        
        /* 手机端适配 - 移除.accordion-container的padding */
        @media (max-width: 768px) {
            .accordion-container {
                padding: 0;
            }
        }

        .accordion-title {
            font-size: 15px;
            font-weight: 700;
            color: #006633;
            text-align: center;
            margin-bottom: 40px;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .accordion {
            display: flex;
            width: 100%;
            height: 400px; /* 改为固定高度400px */
            overflow: hidden;
        }

        .accordion-item {
            flex: 0 0 auto;
            width: 130px; /* 修改宽度为186px */
            min-height: 400px; /* 设置最小高度与手风琴高度一致 */
            position: relative;
            transition: width 0.5s ease;
            overflow: hidden;
        }

        .accordion-item.active {
            width: calc(100% - 650px); /* 5个非活动项每个186px = 930px */
        }

        .accordion-header {
            height: calc(100% - 60px);
            writing-mode: vertical-rl;
            text-orientation: mixed;
            display: flex;
            align-items: flex-end;
            justify-content: flex-start;
            padding: 20px 24px 40px 93px; /* 增加底部内边距，调整高度间距 */
            cursor: pointer;
            color: black;
            transition: background-color 0.3s ease;
            font-size: 16px;
            letter-spacing: 2px; /* 调整垂直文字间距 */
            font-weight: normal;
            user-select: none;
            position: relative;
            z-index: 1;
        }
        
        .header-scroll-text {
            position: absolute;
            bottom: 10px;
            left: 160px;
            font-size: 10px;
            font-weight: normal;
            color: black;
            display: flex;
            flex-direction: row;
            align-items: center;
            
            transform: rotate(-90deg);
            letter-spacing: 2px;
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        
        .accordion-item.active .header-scroll-text {
            opacity: 1;
        }
        
        /* 为每个手风琴项的SCROLL DOWN文本设置不同颜色 */
        .accordion-item:nth-child(1) .header-scroll-text {
            color: #68b4ff;
        }
        
        .accordion-item:nth-child(2) .header-scroll-text {
            color: #9adc48;
        }
        
        .accordion-item:nth-child(3) .header-scroll-text {
            color: #88a5ff;
        }
        
        .accordion-item:nth-child(4) .header-scroll-text {
            color: #47c95d;
        }
        
        .accordion-item:nth-child(5) .header-scroll-text {
            color: #cdd9ff;
        }
        
        .accordion-item:nth-child(6) .header-scroll-text {
            color: #41d394;
        }

        /* 移除鼠标划过效果 */

        .accordion-content {
            position: absolute;
            top: 0;
            left: 130px; /* 与当前accordion-item宽度一致 */
            width: calc(100% - 130px);
            height: 100%;
            min-height: 300px; /* 设置最小高度 */
            background-color: white;
            padding: 0px;
            overflow-y: auto;
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.3s ease;
            display: flex;
            align-items: flex-end; /* 内容区垂直底部对齐 */
            justify-content: flex-end; /* 内容区水平右侧对齐 */
            line-height: 1.6; /* 设置内容区文本行间距 */
        }
        
        .scroll-down-text {
            position: absolute;
            bottom: 40px;
            left: 40px;
            font-size: 16px;
            font-weight: normal;
            color: black;
            z-index: 10;
            transform: rotate(-90deg);
            transform-origin: left bottom;
            letter-spacing: 2px;
        }

        .accordion-item.active .accordion-content {
            opacity: 1;
            pointer-events: auto;
        }
        
        /* 让内容区域背景与头部颜色一致 */
        .accordion-item:nth-child(1).active .accordion-content {
            background-color: #9ddfff;
        }
        
        .accordion-item:nth-child(2).active .accordion-content {
            background-color: #ceff92;
        }
        
        .accordion-item:nth-child(3).active .accordion-content {
            background-color: #b2c5ff;
        }
        
        .accordion-item:nth-child(4).active .accordion-content {
            background-color: #80e380;
        }
        
        .accordion-item:nth-child(5).active .accordion-content {
            background-color: #88a5ff;
        }
        
        .accordion-item:nth-child(6).active .accordion-content {
            background-color: #72ff72;
        }

        .accordion-content-image {
            width: 100%;
            max-width: 250px;
            height: auto;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            margin-left: auto; /* 确保容器右对齐 */
        }

        .accordion-content-image img {
            max-width: 100%;
            max-height: 250px;
            object-fit: contain;
        }

        /* 不同颜色的手风琴头部 */
        .accordion-item:nth-child(1) .accordion-header {
            background-color: #9ddfff;
        }

        .accordion-item:nth-child(2) .accordion-header {
            background-color: #ceff92;
        }

        .accordion-item:nth-child(3) .accordion-header {
            background-color: #b2c5ff;
        }

        .accordion-item:nth-child(4) .accordion-header {
            background-color: #80e380;
        }

        .accordion-item:nth-child(5) .accordion-header {
            background-color: #88a5ff;
        }

        .accordion-item:nth-child(6) .accordion-header {
            background-color: #72ff72;
        }

        /* 页脚 */
        .footer {
            background-color: #006633;
            color: white;
            padding: 20px 0;
        }

        .footer-content {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
        }

        .footer-logo {
            font-size: 20px;
            font-weight: 700;
            margin-bottom: 10px;
        }

        .footer-links {
            display: flex;
            gap: 20px;
        }

        .footer-link {
            color: white;
            text-decoration: none;
            font-size: 14px;
            opacity: 0.9;
            transition: opacity 0.3s ease;
        }

        .footer-link:hover {
            opacity: 1;
        }

        /* 内容部分样式 */
        .content-sections {
            padding: 90px 0;
        }

        .content-section {
            max-width: 840px;
            margin: auto;
            margin-bottom: 120px;
            padding: 0 20px;
        }
        .content-section:last-child{
            margin-bottom:30px;
        }
        
        .content-section .title {
            margin-bottom: 65px;
        }
          .section-title {
            font-size: 24px;
            font-weight: 700;
            color: #2f2725;
            text-align: center;
            margin-bottom: 35px;
        }

        .section-description {
            text-align: center;
            margin-bottom: 0px;
            max-width: 840px;
            margin-left: auto;
            margin-right: auto;
        }
        /* 手机端适配 */
        @media (max-width: 768px) {
            .content-sections {
                padding: 30px 0;
            }
            .content-section .box{
                padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;
                
            }
            .card-description{text-align:center;}
            .content-section {
                margin-bottom: 40px;
                padding: 0 15px;
            }
            
            .content-section .title {
                margin-bottom: 40px;
            }
            
            .section-title {
                font-size: 20px;
                margin-bottom: 25px;
                text-align:left;
            }
            .section-description{text-align:left}
            
            /* 确保所有手机端设备上.content-cards都显示为单列 */
            .content-cards {
                grid-template-columns: 1fr !important;
                grid-template-rows: auto;
                gap: 15px;
                width: 100%;
                box-sizing: border-box;
            }
            
            .content-cards.two-column {
                grid-template-columns: 1fr !important;
                max-width: 100%;
            }
            
            /* 移动端Swiper样式优化 */
            .swiper {
                padding-bottom: 30px;
            }
            
            .swiper-slide {
                margin-bottom: 10px;
            }
            
            /* 确保卡片在移动端显示完整 */
            .swiper-slide .box {
                min-height: auto;
            }
            
            /* 卡片文本样式优化 */
            .card-description {
                font-size: 14px;
                line-height: 1.6;
            }
            
            .card-title {
                font-size: 16px;
                margin-bottom: 10px;
            }
            
            /* Swiper分页器样式 */
            .swiper-pagination {
                bottom: 0 !important;
            }
            
            .swiper-pagination-bullet {
                width: 8px;
                height: 8px;
                background: #ccc;
                opacity: 1;
            }
            
            .swiper-pagination-bullet-active {
                background: #006633;
                width: 10px;
                height: 10px;
            }
        }

      

        .content-cards {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
            width: 100%;
            box-sizing: border-box;
        }
        
        /* 两列布局 */
        .content-cards.two-column {
            grid-template-columns: repeat(2, 1fr);
            justify-content: center;
            margin: 0 auto;
            max-width: 800px;
        }
        
       

        .content-card {
            border-radius: 12px;
            width: 100%;
            display: flex;
            flex-direction: column;
        }
        .content-card .box{
            padding: 25px 12px;
            display: flex;
            align-items: center;
            flex-direction: column;
            width: 100%;
            border-radius:12px;
            box-sizing: border-box;
            text-align: center;
        }
        .section-1 .content-card{
            background-color: #9ddfff;
        }
         .section-2 .content-card{
            background-color: #ceff92;
        }
         .section-3 .content-card{
            background-color: #adc1fe;
        }
         .section-4 .content-card{
            background-color: #80e391;
        }
         .section-5 .content-card{
            background-color: #88a6ff;
        }
         .section-6 .content-card{
            background-color: #73ffc2;
        }
      

        .card-icon {

            margin: 50px 0;
        }
        .card-icon img{
            width:60px
        }

        .card-title {
            font-size: 12px;
            line-height: 20px;
            font-weight: 600;
            margin-bottom: 5px;
            color: #2f2725;
        }

        .card-description {
            font-size: 10px;
            line-height: 18px;
            color: #333;
        }

    
        
        /* 平方区域样式 */
        .square-section {
            display: flex;
            justify-content: center;
            gap: 0;
            margin-bottom: 60px;
        }
        
        .square-card {
            width: 300px;
            height: 300px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 40px;
            text-align: center;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        
        .square-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
        }
        
        .square-card-icon {
            font-size: 60px;
            margin-bottom: 20px;
            color: #006633;
        }
        
        .square-card-title {
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 15px;
            color: #006633;
        }
        
        .square-card-description {
            font-size: 14px;
            line-height: 1.5;
            color: #333;
        }

        /* 响应式设计 */
        @media (max-width: 992px) {
            .accordion {
                height: 350px;
            }
            
            .accordion-item {
                width: 76px; /* 使用186px宽度 */
            }
            
            .accordion-item.active {
                width: calc(100% - 380px); /* 5个非活动项每个186px */
            }
            
            .accordion-content {
                left: 60px;
                width: calc(100% - 60px);
                height:350px !important;
                padding: 0;
                display: flex;
                align-items: flex-end;
                justify-content: flex-end;
            }
            
            .accordion-header {
                align-items: flex-end;
                justify-content: flex-start;
                padding: 15px 30px 0 30px; /* 移除底部内边距，使其与内容区连接 */
            }
            
            /* 中等屏幕上也保持背景色一致 */
            .accordion-item:nth-child(1).active .accordion-content {
                background-color: #9ddfff;
            }
            
            .accordion-item:nth-child(2).active .accordion-content {
                background-color: #ceff92;
            }
            
            .accordion-item:nth-child(3).active .accordion-content {
                background-color: #b2c5ff;
            }
            
            .accordion-item:nth-child(4).active .accordion-content {
                background-color: #80e380;
            }
            
            .accordion-item:nth-child(5).active .accordion-content {
                background-color: #88a5ff;
            }
            
            .accordion-item:nth-child(6).active .accordion-content {
                background-color: #72ff72;
            }
            
            .accordion-content-icon {
                font-size: 80px;
            }
            
            .accordion-content-image {
                flex: 0 0 150px;
            }
        }
        
        /* PC端样式优化 - 确保前四个轮播左右卡片只显示一半 */
        @media (min-width: 769px) {
            /* 前四个轮播容器样式 */
            .mySwiper1, .mySwiper2, .mySwiper3, .mySwiper4 {
                padding-left: 5%;
                padding-right: 5%;
            }
            
            /* 确保轮播容器宽度适当，允许左右卡片显示一半 */
            .mySwiper1 .swiper-wrapper, .mySwiper2 .swiper-wrapper, 
            .mySwiper3 .swiper-wrapper, .mySwiper4 .swiper-wrapper {
                width: 100%;
            }
            
            /* 确保卡片大小合适，左右各显示一半 */
            .mySwiper1 .swiper-slide, .mySwiper2 .swiper-slide, 
            .mySwiper3 .swiper-slide, .mySwiper4 .swiper-slide {
                width: 30% !important;
                transition: transform 0.3s ease;
            }
            
            /* 当前活动卡片居中显示 */
            .mySwiper1 .swiper-slide-active, .mySwiper2 .swiper-slide-active, 
            .mySwiper3 .swiper-slide-active, .mySwiper4 .swiper-slide-active {
                transform: scale(1);
                z-index: 10;
            }
            
            /* 后两个轮播的样式保持不变 */
            .mySwiper5, .mySwiper6 {
                padding: 0 20px;
            }
            
            .mySwiper5 .swiper-slide, .mySwiper6 .swiper-slide {
                width: 50% !important;
            }
        }
        @media (max-width: 1024px) {
         
            
             .teamlist .item .box .item-info p{font-size:9px !important;line-height:14px}
            .news-container{max-width:800px !important;}
        .picMarquee-left{padding:0 20px}
        .picMarquee-left .bd ul li{width: calc(25% - 25px);}
            .ourteam{max-width:800px}
            .contactusPage{max-width:800px;}
            .picMarquee-left .hd{max-width:800px !important}
            .teamlist .item .box .item-info h2{font-size:0.8rem;padding:6px 0 }
            .teamlist .item .box .item-info h2 span{font-size:0.4rem}
            
        }
         @media (max-width: 820px) {
            .contactusPage{max-width:640px !important}
            .ourteam{max-width:720px;}.picMarquee-left .bd ul li{width: calc(25% - 24px);}
            .picMarquee-left .hd{max-width:720px !important}
            .teamlist{gap:12px !important;padding-bottom:45px !important}
            .ourteam .hd{margin-bottom:30px}
            .teamlist .item .box .item-info h2{font-size:9px !important}
                .teamlist .item .box .item-info h2 span{font-size:8px !important}
            .content-sections{padding:70px 50px !important}
            .news-container{max-width:640px !important}
            .news-detail{max-width:640px !important}
            .news-part1 .pic img{width:380px !important;height:214px !important}
            .news-part1 .item-info{height:214px !important}
            .news-part1 .item-info .desc{line-height:18px !important}
            .news-part1 .item-info .date{padding-bottom:30px !important}
            .news-part1 .item-info .tit{padding-top:40px !important}
            .news-part2 .item .box .pic{height:192px !important}
            .news-part3 .item a .item-info{height:164px !important}
            .news-part3 .item a .item-info .date{font-size:10px !important}
            .news-part3 .item a .pic img{width:164px !important;height:164px !important;}
            .news-part3 .item a .item-info .tit{padding-top:10px !important;font-size:12px !important}
        }  
        @media (max-width: 768px) {
            .navbar {
                padding: 0 20px;
            }
            .picMarquee-left .bd ul li{ margin: 0 10px !important; float:left; _display:inline; overflow:hidden; text-align:center;  width:95%}

            .nav-links {
                display: none;
            }
             .teamlist .item .box .item-info h2{font-size:15px !important;padding:10px 0 !important}
                .teamlist .item .box .item-info h2 span{font-size:13px !important}
                .teamlist .item .box .item-info p{font-size:12px !important;line-height:18px !important;}
            .content-sections {
        padding: 30px 0px !important;
    }
            .mobile-menu-toggle {
                display: block;margin-right: 20px;
            }

            .accordion-container {
                padding: 0px;
            }

            .accordion-title {
                font-size: 24px;
                margin-bottom: 20px;
            }
            
            /* 设置手风琴从上到下排列 */
            .accordion {
                flex-direction: column;
                height: auto;
                gap: 0; /* 去掉栏目间的间距 */
            }
            
            .accordion-item {
                width: 100%;
                height: auto;
                min-height: 60px; /* 只显示头部的最小高度 */
                margin-bottom: 0; /* 去掉底部边距 */
                border-radius: 0; /* 去掉圆角 */
                overflow: hidden;
                position: relative;
                transition: height 0.3s ease;
            }
            
            /* 确保未展开时内容区域不占用空间 */
            .accordion-item:not(.active) .accordion-content {
                display: none;
            }
            
            .accordion-item.active {
                width: 100%;
            }
            
            .accordion-header {
                /* height: 60px; */
                writing-mode: horizontal-tb;
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 23px 20px;
                font-size: 16px;
                color: black;
            }
            
            /* 移动设备上的SCROLL DOWN文本样式 */
            .header-scroll-text {
                position: static;
                transform: none;
                letter-spacing: 1px;
                font-size: 12px;
            }
            
            /* 移动设备上的内容区域样式 */
            .accordion-content {
                position: relative;
                left: 0;
                width: 100%;
                height: auto;
                min-height: auto;
                padding: 20px;
                display: flex;
                margin-top: -1px;
                flex-direction: column;
                align-items: flex-end;
                justify-content: flex-end;
            }
            
            /* 移动设备上的图片样式 - 放在右下角 */
            .accordion-content-image {
                width: 100%;
                max-width: 250px;
                margin: 0 0 0 auto;
                display: flex;
                align-items: flex-end;
                justify-content: flex-end;
            }
            
            .accordion-content-image img {
                max-width: 100%;
                max-height: 140px;
                object-fit: contain;
            }
            
            /* 移动设备上保持背景色一致 */
            .accordion-item:nth-child(1).active .accordion-content {
                background-color: #9ddfff;
            }
            
            .accordion-item:nth-child(2).active .accordion-content {
                background-color: #ceff92;
            }
            
            .accordion-item:nth-child(3).active .accordion-content {
                background-color: #b2c5ff;
            }
            
            .accordion-item:nth-child(4).active .accordion-content {
                background-color: #80e380;
            }
            
            .accordion-item:nth-child(5).active .accordion-content {
                background-color: #88a5ff;
            }
            
            .accordion-item:nth-child(6).active .accordion-content {
                background-color: #72ff72;
            }
            
            .accordion-item:nth-child(3).active .accordion-content {
                background-color: #b2c5ff;
            }
            
            .accordion-item:nth-child(4).active .accordion-content {
                background-color: #80e380;
            }
            
            .accordion-item:nth-child(5).active .accordion-content {
                background-color: #88a5ff;
            }
            
            .accordion-item:nth-child(6).active .accordion-content {
                background-color: #72ff72;
            }
            
            .accordion-content-image {
                max-width: 250px;
            }
            
            .accordion-content-image img {
                max-height: 200px;
            }

            .footer-content {
                flex-direction: column;
                text-align: center;
                gap: 15px;
            }
            .content-section {
                margin-bottom: 40px;
            }
          

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

            .content-cards {
                flex-direction: column;
                align-items: center;
                gap: 20px;
            }
            
            .content-cards.two-column .content-card {
                max-width: 100%;
            }

            .content-card {
                max-width: 100%;
                min-width: 280px;
            }
            

        }
        
        /* 新闻页面特有样式 */
        /* 确保banner在导航栏下方完全显示 */
        .news-banner {
            width: 100%;
            height: auto;
            overflow: hidden;
            display: block;
            position: relative;
            z-index: 0;
            margin-top: 40px; /* 添加顶部边距以避免被导航栏遮挡 */
            padding-top: 0;
            clear: both;
        }
        
        .news-banner img {
            width: 100%;
            height: auto;
            object-fit: cover;
            max-height: 500px;
            border: none;
            outline: none;
            position: relative;
            z-index: 1;
            margin: 0;
            padding: 0;
        }
        
        /* 新闻内容容器 */
        .news-container {
            padding: 0px 0;
            max-width: 840px;
            margin: 0 auto;
        }
        
        .section-news-title {
            font-size: 1.8rem;
            line-height: 1.8rem;
            font-weight: 700;
            color: #2f2725;
            padding: 4rem 0 0 0;
            text-align: left;
        }
        
            .section-news-title:first-child{padding-bottom:4rem}
        
        .news-part1{border-radius: 16px;margin-bottom: 40px;}
        .news-part1 a{display: flex;flex-direction: row;background: #f5f5f5;border-radius:20px}
        .news-part1 a:hover{box-shadow: 2px 2px 13.3px 2px rgba(0,0,0,0.25);border-radius: 20px;}
        .news-part1 .pic img{width:544px;height: 306px;border-radius: 16px 0 0 16px;}
        .news-part1 .item-info{margin-left: 20px;height: 306px;display: flex;justify-content: space-between;flex-direction: column;margin-right: 54px;}
        .news-part1 .item-info .tit{font-size:10px;font-weight: 500;color:#a6a6a6;font-weight: 700;padding-top: 65px;}
        .news-part1 .item-info .date{font-size: 10px;font-weight: 700;color:#a6a6a6;padding-bottom: 60px;}
        .news-part1 .item-info .desc{font-size: 11px;line-height: 23px;color:#000;font-weight: 700;}
        
        .news-part2{display: grid;grid-template-columns: repeat(2,1fr);gap:40px;}
        .news-part2 .item{}
        .news-part2 .item a{display: flex;flex-direction: column;background: #f5f5f5;border-radius: 16px;}
        .news-part2 .item a:hover{box-shadow: 2px 2px 13.3px 2px rgba(0,0,0,0.25);border-radius: 16px;}
        .news-part2 .item .box{}
        .news-part2 .item .box .pic{height: 254px;overflow: hidden;}
        .news-part2 .item .box .pic img{width: 100%;border-radius: 16px 16px 0 0;object-fit: cover;}
        .news-part2 .item .box .item-info{padding: 0 30px;height:130px;display: flex;flex-direction: column;justify-content: space-between;}
        .news-part2 .item .box .item-info .tit{padding-top: 15px;font-size: 10px;color:#a6a6a6;font-weight: 700;}
        .news-part2 .item .box .item-info .date{padding-bottom: 18px;font-size: 10px;font-weight: 700;color: #a6a6a6;}
        .news-part2 .item .box .item-info .desc{font-size: 11px;line-height: 17px;font-weight: 500;display: -webkit-box;-webkit-line-clamp: 2;
        -webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;height:34px;color:#000;word-break: break-all;
        }
        .news-part3{margin-bottom:50px}
        .news-part3 .item{border-bottom: 1px solid #b4b4b4;padding: 70px 0px;}
        .news-part3 .item a{display: flex;flex-direction: row;}
        .news-part3 .item a .pic{}
        .news-part3 .item a .pic img{width: 182px;height: 182px;border-radius: 20px;}
        .news-part3 .item a .item-info{margin-left: 30px;height: 182px;display: flex;justify-content: space-between;flex-direction: column;}
        .news-part3 .item a .item-info .tit{padding-top: 24px;font-size: 14px;line-height: 20px;font-weight: 700;color:#000;}
        .news-part3 .item a .item-info .date{padding-bottom: 10px;color:#a6a6a6;font-size: 12px;line-height: 16px;}
        .news-part3 .item a .item-info .desc{font-size: 10px;line-height: 18px;color: #000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 36px;overflow: hidden;text-overflow: ellipsis;word-break: break-all;}
        
        /* 新闻页面响应式设计 */
        @media (max-width: 768px) {
            .index-list2 .item{padding:35px 0}
            .ourteam{padding:0 20px}
            .teamlist{
               grid-template-columns: repeat(1, 1fr)
            }
            .ourteam .hd{padding:15px 0;margin-bottom:20px;font-size:20px}
            .index-list2 .item .box .pic img{
                width:150px;height:150px;
            }
            .news-banner img {
                max-height: 350px;
            }
            .news-detail{
                padding:40px 20px;
            }
            .news-detail .tit{
                padding:30px 0;
            }
            .news-banner {
                margin-top: 60px; /* 在平板设备上调整顶部边距 */
            }
            
            .section-news-title {
                font-size: 1.6rem;
                padding: 2rem 0 0 0;
            }
            .section-news-title:first-child{
                padding-bottom:2rem;
            }
            
            /* 平板设备上的新闻布局调整 */
            .news-part1 a {
                flex-direction: column !important;
            }
            .news-part2 .item .box .pic{height: auto !important;}
            .news-part1 .pic img {
                width: 100% !important;
                border-radius: 16px 16px 0 0 !important;
                height: auto !important;
            }
            .news-part3 .item a .item-info .tit{margin-bottom: 15px !important;}
            .news-part3 .item a .item-info .desc{margin-bottom: 10px !important;}
            .news-part1 .item-info {
                margin: 20px !important;
                height: auto !important; 
                padding: 20px 0 !important;
            }
            
            .news-part1 .item-info .tit {
                padding-top: 0 !important;
            }
            
            .news-part1 .item-info .date {
                padding-bottom: 0 !important;
            }
            
            .news-part2 {
                grid-template-columns: 1fr !important;
                gap: 20px !important;
            }
            
            .news-part3 .item a {
                flex-direction: column;
            }
            
            .news-part3 .item a .pic img {
                width: 100% !important;
                height: auto !important;
            }
            
            .news-part3 .item a .item-info {
                margin-left: 0 !important;
                margin-top: 15px !important;
                height: auto !important;
            }
            
            .news-part3 .item {
                padding: 30px 0 !important;
            }
        }
        
        @media (max-width: 480px) {
            /* 手机端整体容器调整 - 添加左右20px内边距 */
            .news-container {
                padding: 0 20px;
            }
            
            .news-banner img {
                max-height: 250px;
            }
            
            .news-banner {
                margin-top: 40px; /* 在移动设备上调整顶部边距 */
        
            }
            
            .section-news-title {
                font-size: 1.4rem;
                padding: 1.5rem 0;
            }
            
            /* 确保所有新闻部分在手机端显示为单列 */
            .news-part1,
            .news-part2,
            .news-part3 {
                width: 100%;
                display: block;
            }
            
            .news-part2 {
                grid-template-columns: 1fr;
                gap: 15px;
            }
            
            .news-part2 .item .box .item-info {
                padding: 0 15px;
            }
            
            .news-part3 .item {
                padding: 20px 0;
            }
            
            .news-part3 .item a .item-info .tit {
                font-size: 16px;
                line-height: 22px;
                padding-top: 10px;
            }
            
            .news-part3 .item a .item-info .desc {
                font-size: 11px;
                line-height: 16px;
            }
        }
        
        /* 页脚样式 */
        .foot{padding: 50px 0;background: #10673d;}
        .foot-con{max-width: 700px;margin: auto;display: flex;flex-direction: row;justify-content: space-between;}
        
        /* 手机端适配 */
        @media (max-width: 768px) {
            .index-list2 .item .box{
                padding:0 20px;flex-direction:column;
            }
            .picMarquee-left{margin-bottom:0}
            .contactusPage .title{padding:40px 0;font-size:24px;line-height:24px}
            .addressList{grid-template-columns:repeat(1,1fr);padding:0 20px;gap:10px}
            .addressList .item{margin-bottom:20px}
            .addressList .item .tit11{font-size:20px}
            .contactusPage .infos .myitem{font-size:16px}
            .picMarquee-left .hd{margin-right:0px;padding:15px 0}
            .picMarquee-left .hd a img{width:24px;height:24px;}
            .index-list2 .item .box .item-info{height:auto}
            .index-list2 .item .box .item-info h2{font-size:16px;margin-bottom:10px}
            .index-list2 .item .box .item-info p{margin-right:0px}
            .index-list2 .item .box .pic{margin-right:0;margin-bottom:20px}
            .picMarquee-left{padding:0  10px!important}
            .foot-con {
                /* flex-direction: column; */
                justify-content: flex-start;
                align-items:flex-start;
                padding: 0 20px;
                max-width: 100%;
            }
            .foot-con .foot-right{margin-top:0 !important}
            .navbar-content{padding-left:0;padding-right:20px}
            .pc{display:none}
            .mobile{display:block}
            
            .foot-con .foot-left {
                flex: 1;
                
                min-width: 0;
            }
            .linkList{
            grid-template-columns: repeat(1,1fr) !important;
            }
            
            .foot-con .foot-left .tit {
                font-size: 11px;
                margin-bottom: 0;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            
            .foot-con .foot-right {
                width: auto;
                margin-top: 15px;
                display: flex;
                flex-direction: column;
                align-items: flex-start;
            }
            
            .foot-con .foot-right .item {
                margin-bottom: 8px;
            }
            
            .foot-con .foot-right .item a {
                font-size: 11px;
            }
        }
        .foot-con .foot-left .tit{font-size: 14px;font-weight: 700;line-height: 18px;margin-bottom: 10px;}
        .foot-con .foot-left .tit a{color:#fff}
        .foot-con .foot-left .tit a:hover{color:#72FFC2}
        .foot-con .foot-right{width:150px}
        .foot-con .foot-right .item{margin-bottom: 8px;}
        .foot-con .foot-right .item a{color: #fff;font-size: 12px;font-weight: 700;}
        .foot-con .foot-right .item a:hover{color:#72FFC2}
        .foot-con .foot-left{flex:1;}
        .linkList{
        	display: grid;grid-template-columns: repeat(3,1fr);gap:8px;
        }
        .linkList .item a{color: #fff;font-size: 11px;}