@charset "utf-8";
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  }
  *:before,*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* 比例要求 */
/*超过1920px时，比例不变  默认*/
html{font-size: 100px;}
main{/*max-width: 1920px;*/margin: 0 auto;}
@media (max-width: 1680px) {
html:not(.view){font-size: calc(100 / 1920 * 100vw);}
}
@media (max-width: 1024px) {
html:not(.view){font-size: calc(100 / 1000 * 100vw);}
}
@media (max-width: 480px) {
html:not(.view){font-size: calc(100 / 480 * 100vw);}
}
@font-face{font-family:'geo';src:url(../fonts/CARDO-BOLD.TTF) format("truetype");font-display:swap;font-style:normal;font-weight:700}
@font-face{	font-family: GeorgiaB;src:url(../fonts/GeorgiaBold.ttf);}
@font-face{	font-family: Georgia;src:url(../fonts/Georgia.ttf);}

@font-face {
	font-family: 'sys';
	src: url(../fonts/SourceHanSerifCN-Bold.woff2) format("woff2"),
		url(../fonts/SourceHanSerifCN-Bold.woff) format("woff");
	font-display: swap;
	font-weight: 700;
}

/* 弹性布局 */
[class*=flex]{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
[class*=-aic]{-ms-flex-align:center;align-items:center}
[class*=-aife]{-ms-flex-align:flex-end;align-items:flex-end}
[class*=-aifs]{-ms-flex-align:flex-start;align-items:flex-start}
[class*=-ais]{-ms-flex-align:stretch;align-items:stretch}
[class*=-jcc]{-ms-flex-pack:center;justify-content:center}
[class*=-jcsb]{-ms-flex-pack:space-between;justify-content:space-between}
[class*=-jcfe]{-ms-flex-pack:flex-end;justify-content:flex-end}
[class*=-jcfs]{-ms-flex-pack:flex-start;justify-content:flex-start}
[class*=-row]{flex-wrap:wrap;-ms-flex-wrap:wrap;flex-direction:row;-ms-flex-direction:row}
[class*=-column]{flex-direction:column;-ms-flex-direction:column}
[class*=-reverse]{flex-direction: row-reverse;}
.flex1{flex: 1;}
@media (max-width:1024px){[class*=flex-tablet]{display:block}}
@media (max-width:768px){[class*=flex-tableH]{display:block}}
@media (max-width:640px){[class*=flex-mobileV]{display:block}}
@media (max-width:480px){[class*=flex-mobile]{display:block}}


html,body{height:100%;}
body{padding:0 0 0 0; margin:0px auto; font-size:0.16rem; line-height:0.3rem; color:#333333; width:100%; min-width:1260px; zoom:1;font-family: Arial,"微软雅黑","宋体"; background:#fff;}
ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}
select,input,textarea,button{ font-size:14px; border-radius:0; -webkit-border-radius:0; color:#545454;font-family: Arial,"微软雅黑","宋体";}
input:focus { outline: none;}
input,button,select,textarea{ border:0px;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/}
button{ cursor:pointer;}
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/}
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,fxigcaption,address,pre,time,menu{margin: 0;padding:0; display: block;font-family: Arial,"微软雅黑","宋体","Georgia";} /*html5设置*/
pre{white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;}
figure,figcaption{ margin:0px; padding:0px;}
img{ max-width:100%; border:none; border:0;  vertical-align:top;}
a{ color:#333333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);transition: all ease 0.3s;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color: #217050;}

/* Hero Section - Slick Slider */
.hero {
    margin-top: 100px;
    height: 500px;
    position: relative;
    overflow: hidden;
}

.hero-slide {
    height: 500px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: relative;
}

.hero-slide:nth-child(1) {
    background: linear-gradient(135deg, #1a5f1f 0%, #2d7d32 30%, #4a9e4f 60%, #6bb36e 100%);
}

.hero-slide:nth-child(2) {
    background: linear-gradient(135deg, #0d4f1c 0%, #1b5e20 40%, #388e3c 70%, #66bb6a 100%);
}

.hero-slide:nth-child(3) {
    background: linear-gradient(135deg, #1b4332 0%, #2d6a4f 40%, #40916c 70%, #52b788 100%);
}

.hero-slide::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: 
        radial-gradient(circle at 20% 80%, rgba(255,255,255,0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(255,255,255,0.1) 0%, transparent 50%);
}

.hero-content {
    position: relative;
    z-index: 2;
    text-align: center;
    color: white;
    width: 100%;
}

.hero-visual {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    margin-bottom: 30px;
}

.hero-left, .hero-right {
    width: 280px;
    height: 350px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.hero-left {
    background: linear-gradient(180deg, #87CEEB 0%, #E0F6FF 50%, #90EE90 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 20px;
}

.tea-field {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60%;
    background: linear-gradient(180deg, transparent 0%, #4a8c4a 30%, #2d6b2d 100%);
    clip-path: polygon(0 40%, 20% 20%, 40% 35%, 60% 15%, 80% 30%, 100% 10%, 100% 100%, 0 100%);
}

.hero-center {
    width: 200px;
    height: 200px;
    background: rgba(255,255,255,0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid rgba(255,255,255,0.5);
}

.plant-icon {
    font-size: 80px;
    color: #90EE90;
}

.hero-right {
    background: linear-gradient(180deg, #E8F4F8 0%, #D0E8F0 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.lab-equipment {
    width: 80%;
    height: 120px;
    background: #c0c0c0;
    border-radius: 5px;
    position: relative;
}

.lab-equipment::after {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    height: 80px;
    background: #e0e0e0;
    border-radius: 3px;
}

.molecule {
    width: 100px;
    height: 100px;
    border: 2px solid rgba(255,255,255,0.6);
    border-radius: 50%;
    position: relative;
}

.molecule::before, .molecule::after {
    content: '';
    position: absolute;
    border: 2px solid rgba(255,255,255,0.6);
    border-radius: 50%;
}

.molecule::before {
    width: 60px;
    height: 60px;
    top: -30px;
    left: 20px;
}

.molecule::after {
    width: 40px;
    height: 40px;
    bottom: -20px;
    right: 10px;
}

.hero-text {
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 2px;
    margin-top: 10px;
}

/* Slick Custom Dots */
.hero .slick-dots {
    bottom: 30px;
}

.hero .slick-dots li {
    margin: 0 8px;
}

.hero .slick-dots li button:before {
    font-size: 14px;
    color: rgba(255,255,255,0.5);
    opacity: 1;
}

.hero .slick-dots li.slick-active button:before {
    color: white;
    opacity: 1;
}

.hero .slick-prev, .hero .slick-next {
    width: 50px;
    height: 50px;
    z-index: 10;
}

.hero .slick-prev:before, .hero .slick-next:before {
    font-size: 30px;
    color: rgba(255,255,255,0.8);
}

.hero .slick-prev {
    left: 30px;
}

.hero .slick-next {
    right: 30px;
}

/* Section Title */
.section-title {
    text-align: center;
    margin: 60px 0 60px;
}

.section-title h2 {
    font-family: 'GeorgiaB', serif;
    font-size: 42px;
    color: #2d7d32;
    position: relative;
    display: inline-block;
    padding: 0 20px;
    z-index: 1;
}

.section-title h2::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 260px;
    height: 15px;
    background: #2474b58f;
    z-index: -1;
}

/* About Section */
.about {
    padding: 40px 60px;
    background: #f8f9fa;
}

.about-content {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    gap: 50px;
    align-items: center;
}

.about-image {
    flex: 1;
    height: 420px;
    background-image: url(../images/about.png);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;

    background-size: cover;
}

.building-mockup {
    width: 80%;
    height: 70%;
    background: linear-gradient(180deg, #f5f5f5 0%, #e0e0e0 100%);
    border-radius: 10px 10px 0 0;
    position: relative;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

.building-mockup::before {
    content: '';
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 0;
    background: repeating-linear-gradient(
        0deg,
        transparent,
        transparent 15px,
        #c0c0c0 15px,
        #c0c0c0 17px
    );
}

.about-text {
    flex: 1;
    background: #ffffffe3;
    margin-left: -10%;
    z-index: 1;
}

.about-text p {
    color: #555;
    line-height: 1.8;
    margin-bottom: 25px;
    font-size: 18px;
    font-family: 'Georgia';
    text-indent: 2em;
    margin: 10px 50px;
}

.btn {
    display: inline-block;
    padding: 12px 45px;
    background: #2d7d32;
    color: white;
    text-decoration: none;
    border-radius: 25px;
    font-weight: 600;
    font-size: 13px;
    transition: all 0.3s;
    border: none;
    cursor: pointer;
    margin: 20px 50px;
}

.btn:hover {
    background: #1b5e20;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(45,125,50,0.3);
}

.btn-outline {
    background: transparent;
    border: 2px solid white;
    color: white;
}

.btn-outline:hover {
    background: white;
    color: #2d7d32;
}

/* Partners */
.partners {
    display: flex;
    justify-content: center;
    gap: 40px;
    padding: 40px 50px;
    background: #f8f9fa;
}

.partner {
    display: flex;
    align-items: center;
    gap: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    transition: box-shadow 0.3s;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    margin-left: 45px;
}

.partner:hover {
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    transform: translateY(-10px);
}

.partner-logo {
    width: 332px;
   
  
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: white;
    font-size: 20px;
}



.partner-info h4 {
    font-size: 12px;
    color: #333;
    font-weight: 700;
}

.partner-info p {
    font-size: 11px;
    color: #666;
}

/* Research Section */
.research {
    background: url(../images/research_bg.jpg) no-repeat center/cover;
    padding: 60px 50px;
    position: relative;
    overflow: hidden;
}

.research::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.research .section-title h2 {
    color: white;
}

.research .section-title h2::after {
    background: #2474b58f;
}

/* Research Slick Slider */
.research-slider {
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.research-card {
    background: white;
    border-radius: 10px;
    overflow: hidden;
    transition: transform 0.3s;
    margin: 10px;
}

.research-card:hover {
    transform: translateY(-10px);
}

.research-img {
    height: 180px;
    background: #f0f0f0;
    position: relative;
    overflow: hidden;
}

.research-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.research-tag {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #2d7d32;
    color: white;
    padding: 5px 15px;
    border-radius: 15px;
    font-size: 11px;
    font-weight: 600;
}

.research-info {
    padding: 20px;
}

.research-info p {
    font-size: 16px;
    color: #555;
    line-height: 1.6;
}

/* Slick arrows for research */
.research-slider .slick-prev, .research-slider .slick-next {
    width: 45px;
    height: 45px;
    border: 2px solid rgba(255,255,255,0.6);
    border-radius: 50%;
    z-index: 10;
    transition: all 0.3s;
}

.research-slider .slick-prev:hover, .research-slider .slick-next:hover {
    background: white;
    border-color: white;
}

.research-slider .slick-prev:hover:before, .research-slider .slick-next:hover:before {
    color: #2d7d32;
}

.research-slider .slick-prev:before, .research-slider .slick-next:before {
    font-size: 20px;
    color: rgba(255,255,255,0.8);
    opacity: 1;
}

.research-slider .slick-prev {
    left: -60px;
}

.research-slider .slick-next {
    right: -60px;
}

.research-slider .slick-dots {
    bottom: -50px;
}

.research-slider .slick-dots li button:before {
    font-size: 12px;
    color: rgba(255,255,255,0.5);
    opacity: 1;
}

.research-slider .slick-dots li.slick-active button:before {
    color: white;
    opacity: 1;
}

.research .btn-outline {
    margin-top: 70px;
    display: block;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

/* News Section */
.news-section {
    padding: 60px 50px;
    background: #f8f9fa;
}

.news-container {
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 50px;
}

.news-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}



.news-header h2 {
    font-family: 'GeorgiaB', serif;
    font-size: 42px;
    color: #2d7d32;
    position: relative;
    display: inline-block;
    padding: 0 20px;
    z-index: 1;
}

.news-header h2::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 160px;
    height: 15px;
    background: #2474b58f;
    z-index: -1;
}

.news-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.news-item {
    display: flex;
    gap: 20px;
    padding: 15px;
    background: white;
    border-radius: 8px;
    transition: box-shadow 0.3s;
    cursor: pointer;
}

.news-item:hover {
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}

.news-date {
    min-width: 60px;
    text-align: center;
}

.news-date .day {
    font-size: 28px;
    font-weight: 700;
    color: #2d7d32;
    line-height: 1;
    font-family: Georgia, 'Times New Roman', Times, serif;
}

.news-date .month {
    font-size: 12px;
    color: #999;
    font-family: Georgia, 'Times New Roman', Times, serif;
}

.news-content p {
    font-size: 16px;
    color: #555;
    line-height: 1.6;
}
.news-content p:hover {
   
    color: #217050;
    font-weight: bold;
}

/* Links */

.links-section{margin: 30px 50px 0 50px;}
.links-section h2 {
    font-family: 'GeorgiaB', serif;
    font-size: 42px;
    color: #2d7d32;
    position: relative;
    display: inline-block;
    padding: 0 20px;
    z-index: 1;
    margin-bottom: 56px;
}

.links-section h2::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 160px;
    height: 15px;
    background: #2474b58f;
    z-index: -1;
}

.link-card {
    background: white;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 25px;
    transition: transform 0.3s;
    cursor: pointer;
    
}

.link-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.link-img {
    height: 160px;
    background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #2d7d32;
}
.link-img img{width: 350px; height: 160px;}
.link-info {
    padding: 15px;
}

.link-info h4 {
    font-size: 16px;
    color: #2d7d32;
    margin-bottom: 5px;
}

.link-info p {
    font-size: 12px;
    color: #666;
}


/*Bottom*/
.Footer{color:#fff;background:rgba(33, 112, 80, 1) url(../images/bottomline.png) center bottom repeat-x;padding:42px 0 20px;background-size: cover;position: relative;font-size: 0.14rem;}
.Footer:after{content: "";left: 48%;top: 48%;position: absolute;z-index: 0;background: url(../images/footerbg2.png);width: 2.72rem;height: 1.15rem;transform: translate(-50%,-50%);}
.Footer:before{content: "";left: 0;top: 0;width: 100%;height: 14px;position: absolute;z-index: 10;background: linear-gradient( 180deg, #B29873 100%, #017230 100%);opacity: 0.8;}
.Footer .logo img{height: 0.8rem;display: block;}
.Footer .copy{padding: 0.19rem 0 0 0.68rem;display: flex;align-items: center;}
.Footer .copy img{height: 0.34rem;margin-right: 0.16rem;}
.Footer .contact{padding-left: 0.29rem;}
.Footer .contact .lx{position: relative;line-height: 17px;}
.Footer .contact .info{position: relative;line-height: 17px;margin-bottom: 0.14rem;}
.Footer .contact .info p{background-position: 0 center;background-repeat: no-repeat;padding-left: 0.28rem;}
.Footer .contact .info p:not(:last-child){margin-bottom: 0.16rem;}
.Footer .contact .info p:nth-child(1){background-image: url(../images/ico-add.png);}
.Footer .contact .info p:nth-child(2){background-image: url(../images/ico-zip.png);}
.Footer .contact .info p:nth-child(3){background-image: url(../images/ico-tel.png);}
.Footer .contact .info p:nth-child(4){background-image: url(../images/ico-mail.png);}
.Footer .contact .info:before{position: absolute;left: -0.29rem;width: 1px;height: 100%;content: "";background-color: #fff;}
.Footer .contact select{width: 2.32rem;height: 0.38rem;background-color: rgba(50,48,48,0.3);border: 0;color: #fff;}
.Footer .contact select option:nth-child(1){text-align: center;color: #fff;}
.Footer .contact .ewm{text-align: center;padding: 0 0.33rem;}
.Footer .contact .ewm img{width: 1.28rem;display: block;margin: 0px auto 0.05rem;}



/* Responsive */
@media (max-width: 1024px) {
    .research-slider .slick-prev { left: -30px; }
    .research-slider .slick-next { right: -30px; }
}

@media (max-width: 768px) {
    .hero-visual { flex-direction: column; }
    .hero-left, .hero-right { width: 200px; height: 250px; }
    .hero-center { width: 150px; height: 150px; }
    .about-content { flex-direction: column; }
    .partners { flex-direction: column; align-items: center; }
    .news-container { grid-template-columns: 1fr; }
    .stats-grid { grid-template-columns: repeat(2, 1fr); }
    .footer-content { grid-template-columns: 1fr; }
    .research-slider .slick-prev, .research-slider .slick-next { display: none !important; }
}



/*Top*/
.Header{position:fixed;width:100%;top:0;z-index:100;transition: all ease 0.3s;border-top:0.06rem solid #017230;color: #fff;}
.Header:after{position:absolute;width: 100%;height: 210px;content: "";z-index: 10;left: 0;top: 0;background: linear-gradient( 180deg, rgba(0,0,0,0.77) 0%, rgba(0,0,0,0.47) 55.24%, rgba(0,0,0,0.04) 84.52%, rgba(216,216,216,0) 100%);z-index: -1;}
.Header .auto{max-width: 1500px;width: 96%;margin: 0px auto;}
.Header a{color: #fff;}.Header a:hover{color: #E0BB8B;}
.Header .logo{padding-top:0.31rem;}
.Header .logo h1 img{height: 0.78rem;}
.Header .logo h1 img.sj{display: none;}
.Header .auto{display: flex;justify-content: space-between;}
.Header .toper{display:flex;justify-content:flex-end;align-items:center;gap:0.12rem;height:0.48rem;font-weight:400;}
.Header .toper a:first-child{margin-right:0;position:relative;}
.Header .toper a{font-size:0.14rem;font-weight:500;}
.Header .toper .language-link{height:0.3rem;display:inline-flex;align-items:center;gap:0.06rem;padding-right:0.14rem;color:rgba(255,255,255,0.82);line-height:1;letter-spacing:0.08em;text-transform:uppercase;transition:color .25s ease;}
.Header .toper .language-link:after{content:"";position:absolute;right:0;top:50%;width:1px;height:0.14rem;background:rgba(255,255,255,0.3);transform:translateY(-50%);}
.Search .Searchico{width:0.3rem;height:0.3rem;display:inline-flex;align-items:center;justify-content:center;padding:0;color:rgba(255,255,255,0.85);border:0;background:transparent;transition:color .25s ease,opacity .25s ease;}
.Header .toper .language-link:hover,
.Search .Searchico:hover{color:#E0BB8B;}
.Header .toper .language-link:focus-visible,
.Search .Searchico:focus-visible{outline:1px solid rgba(255,255,255,0.8);outline-offset:3px;border-radius:2px;}
.Header .language-mark{display:none;}
.Header .language-icon{display:block;width:0.25rem;height:0.22rem;object-fit:contain;flex:0 0 auto;}
.Header .language-text{font-size:0.12rem;line-height:1;white-space:nowrap;}
.Search .search-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
  
/* .Header .toper a:first-child:after{width: 2px;height: 17px;content: "";position: absolute;right: -8px;top: 50%;margin-top: -9px;background-color: rgba(255,255,255,0.8);} */
.Search{position:relative;z-index: 101;}
.Search .Searchico{ cursor:pointer; color:#fff;width: 0.38rem;height: 0.38rem;display: flex;align-items: center;justify-content: center;border: 1px solid #fff;font-weight: bold;border-radius: 50%;margin-left: 0.32rem;}
.Search .Searchico i{transform: translateY(2px);}
.Search .Searchico .iconso:before{top: -2px;position: relative;}
.Search .Searchico .icongb{ display:none;}
.Search .Searchico.on .icongb{ display:block;}
.Search .Searchico.on .iconso{ display:none;}
.Search .Searchico .iconfont{ font-size:18px;vertical-align: top;}
.Search .searchbox{width:310px; line-height:34px;position: absolute;right: 0;top: 60%;visibility:hidden;opacity: 0;}
.Search .searchbox .input{width:100%; height:34px; line-height:34px;padding:0 10px 0 48px; border:1px solid rgba(213, 213, 213, 1); border-radius:20px;background-color:rgba(255, 255, 255, 1)}
.Search .searchbox .input::-webkit-input-placeholder {color: #999;}
.Search .searchbox .btn { position:absolute; left:1px; top:1px; width:43px; height:32px; color:#000;background-color: transparent;}
.Search .searchbox .btn:hover {color:#478c38;}
.Search .searchbox .btn .iconfont {font-size: 18px;}
.Search .searchbox.on{opacity: 1;visibility: visible;top: 100%;z-index: 100;}

.MainNav ul{display: flex;}
.MainNav li{position:relative; z-index:100;text-align: center;}
.MainNav span a{padding: 0 0.16rem;display: block;border-radius: 0.05rem;}
.MainNav span a{ position:relative; z-index:1;display:block;transition: all ease 0.3s;font-size: 0.215rem;line-height: 0.56rem;font-family: 'sys';}
.MainNav .arr{ display:none;}
/* .MainNav li:hover span a,.MainNav li.onnav span a{background: rgba(0,113,46,0.7);} */
.MainNav li:hover span a,.MainNav li.onnav span a{ color:#E0BB8B;}

.NavPull{ z-index:99;display:none; position:absolute; text-align:center;min-width:1.28rem; top:100%; left:50%;width:max-content;padding:10px; background: rgba(251,251,251,0.72);transform: translateX(-50%);box-shadow: 0 0 12px rgba(0,0,0,0.1);border-radius:0 0 0.1rem 0.1rem;border-top: 0.03rem solid #00712e;}
.NavPull.null{background:none; padding:0;}
.NavPull dd{ margin:0; position:relative;}
.NavPull a{ color:rgba(38, 38, 38, 1); display:block; font-size:0.2rem; padding:5px 0;}
.NavPull a:hover,.NavPull dd:hover a{color:#00712e;}

.closebtn{ position:fixed; left:0px; top:45px; width:100%; height:100%; z-index:0; display:none;background: rgba(0,0,0,0.5);}
.openbtn{ cursor:pointer;width:30px; height:30px;padding-top: 5px; position:absolute; right:0.12rem; top:50%; z-index:999;background:#64a50b;display: none;transform: translateY(-50%);}
.openbtn i{ display:block; background:#fff; margin:10px auto;transition: all ease 0.3s;margin:4px auto;width:20px;height:2px;border-radius: 3px;}
.openbtn i.sp2{border-left: 6px solid #217050;}
.openbtn.on .sp1 {
	-webkit-transform: translate(0, 7px) rotate(45deg) !important;
	-moz-transform: translate(0, 7px) rotate(45deg) !important;
	-ms-transform: translate(0, 7px) rotate(45deg) !important;
	-o-transform: translate(0, 7px) rotate(45deg) !important;
	transform: translate(0, 7px) rotate(45deg) !important;}
.openbtn.on .sp2 {border-left: 0;
	-webkit-transform: translate(0, 1px) rotate(-45deg) !important;
	-moz-transform: translate(0, 1px) rotate(-45deg) !important;
	-ms-transform: translate(0, 1px) rotate(-45deg) !important;
	-o-transform: translate(0, 1px) rotate(-45deg) !important;
	transform: translate(0, 1px) rotate(-45deg) !important;}	
.openbtn.on .sp3 { display:none;}

@media ( max-width:1024px){
.Header{position: fixed;left: 0;top: 0;width: 100%;z-index: 100;background-color: #006438;}
.Header .auto{height: 0.55rem;align-items: center;}
.Header:after{display: none;}
.Header .logo{padding-top: 0;}
.Header h1 img{ height:33px !important;}
.Header .logo h1 img.pc{display: none;}
.Header .logo h1 img.sj{display: block;}
.Header .t-right{flex: 1;padding-right: 45px;}
.Header .openbtn{display: block;}
.Search{position: static;padding:0;}
.Search .searchbox{ width:94%; left:3%; position:absolute;opacity: 0;visibility: hidden;top:80px;transition: all 0.3s;}
.Search .searchbox.on{opacity: 1;visibility: visible;top: 50px;}
.Search .searchbox .input{background:#fff;}

.MainNav{ position:fixed; height:100%; overflow-y:auto; z-index:999; width:220px; padding:0; right:-220px;background: #fff;top:45px;visibility: hidden;opacity: 0;filter: alpha(opacity=0);transition: all ease 0.3s; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.MainNav ul{ padding-top:30px;display: block;}
.MainNav li{ display:block; position:relative; float:none; border-bottom:1px solid #e9e9e9;border-top:1px solid #f9f8f6; width:auto; margin:0; background:none;text-align: left;}
.MainNav li a {line-height: 38px;padding:0 15px;font-size: 15px;color: #333;}
.MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li span a.sele{ color:#217050;}
.MainNav .arr{ display:inline-block; position:absolute; z-index:10; width:100px; line-height:38px; height:38px; right:0px; top:-1px;}
.MainNav .arr i{ position:absolute; height:auto; background:none; right:15px; top:0;transition: all ease 0.3s;color: #333;}
.MainNav li.onnav .arr i{dis-moz-transform: translate(0, -3px) rotate(-180deg) !important;
	-ms-transform: translate(0, -3px) rotate(-180deg) !important;
	-o-transform: translate(0, -3px) rotate(-180deg) !important;
	transform: translate(0, -3px) rotate(-180deg) !important;}
.MainNav.on{visibility: visible;opacity: 1;filter: alpha(opacity=100); right:0;}
.MainNav li:after{display: none;}
.NavPull{position: static;width: auto;text-align: left;transform: translateX(0);}
.NavPull dd a{padding-left: 25px;}
}
@media(max-width:640px){
.Search .Searchico .iconfont{font-size: 14px;}
.Header h1 img{ height:28px !important;}
.Search .Searchico{margin-left: 0.1rem;}
.Header .toper{font-size: 0.14rem;}
}
/*Top*/
.w1400 {
    position: relative;
    clear: both;
    max-width: 1600px;
    width: 92%;
    margin: 0px auto;
    z-index: 1;
}



/*首页 s*/

.itemhover{transition: all ease 0.3s;}
.activehover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.5);
	box-shadow: 0 15px 30px rgba(0,0,0,0.1);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);}
	.itemhover2{transition: all ease 0.3s;}
	.activehover2{
		-webkit-transform: translate3d(0, -2px, 0);
		transform: translate3d(0, -2px, 0);}


/*第一屏 s*/
.HomeBan{position: relative; z-index: 1; overflow:hidden; background:url(../images/loading.gif) center center no-repeat;}
.HomeBan .item{ position:relative;}
.HomeBan .item .imgbox img{width: 100%;display: block;}

.HomeBan .slick-dots{bottom:0;display: flex;justify-content: center;align-items: center;height: 0.82rem;    background: linear-gradient(to top, #00712e87 0%, transparent 100%);background: -webkit-linear-gradient(bottom, #00712e87 0%, transparent 100%)}
.HomeBan .slick-dots li{background:url(../images/ban-dot.png) no-repeat center center/contain;width: 0.24rem;height: 0.33rem;cursor: pointer;}
.HomeBan .slick-dots li:not(:last-child){margin-right: 0.8rem;}
.HomeBan .slick-dots li:not(.slick-active){filter: brightness(0) invert(1);}
.HomeBan .slick-dots li button{display: none;}
/* 视频区域容器：非全屏，可自己改高度 */
.HomeBan .item .video-section {
	position: relative;
	width: 100%;
	height: auto; /* 关键：自适应屏幕高度 */
	/* overflow: hidden; */
  }
  
  /* 视频自适应 */
  .HomeBan .item .video-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto; /* 高度自动按比例适应 */
  object-fit: cover; 
	z-index: 1;
  }
  
.HomeBan .slick-arrow{background-color: rgba(0,0,0,0.3);border:0;}
.HomeBan:hover .slick-prev { left:5%;}
.HomeBan:hover .slick-next { right:5%;}
.HomeBan .slick-arrow:hover{background-color:#64a50b;}

@keyframes spin {from { transform: rotate(0deg); }to { transform: rotate(360deg); }	}
@keyframes zoom{from{ transform: scale(1.175);}	to{ transform: scale(1);}  }
@-webkit-keyframes zoom /*Safari and Chrome*/ {from{transform: scale(1.175); } to{transform: scale(1);  }}
@media ( max-width:1024px){
.HomeBan .slick-arrow{display: none !important;}
}
.HomeBan  .slick-active .imgbox img{display: block;width: 100%;height: 100%;animation: zoom 8s ease-in-out infinite alternate;}


/* 信息搜索 */
.search-dialog-box.on{
	opacity: 1;
	visibility: visible;
}
.search-dialog-box.on .search-bg{height: 100vh;}

.search-dialog-box.on .bubbles-bg{opacity: 1;visibility: visible;}
.search-dialog-box.on .wrap-inner{ transform:translateY(0)}

.f-cb h3{ font-size: .3rem; color: #fff; text-align: center; margin-bottom: .3rem}

.search-dialog-box{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1000000;
	opacity: 0;
	visibility: hidden;
	transition: .6s;
	/* overflow: hidden; */
}
.search-dialog-box:before{content:"";position:absolute;top:0;height:0;background: rgba(74,148,148,.7);transition: .6s;left: 0;right: 0;z-index: 1;opacity: .8;-webkit-backdrop-filter: blur(15px);backdrop-filter: blur(15px);}
.search-dialog-box.on:before{ height:100%}
.search-dialog-box .bubbles-bg{
	opacity: 0;
	visibility: hidden;
	display: none;
}
.search-dialog-box .search-bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	margin: 0;
	background: rgba(0,0,0,.7);
	background-size: cover;
	background-repeat: no-repeat;
	/* z-index: 1; */
	transform-origin: center center;
	transition: height .8s cubic-bezier(.77,0,.175,1);
}
.search-dialog-box .wrap-inner{
	transform:translateY(100%);
	transition: .6s;
}

.search-dialog{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	z-index: 2;
}
.search-dialog .search-tit{
	font-size: 2.75rem;
	line-height: 3.5rem;
	color: #fff;
	text-align: center;
	overflow: hidden;
	display: none;
}
.search-dialog .search-inner{
	overflow: hidden;
	margin-top: 0;
}
.search-dialog .search-input{
	width: 8rem;
	margin: 0 auto;
	padding: 0 0.08rem 0 .24rem;
	background-color: rgba(255,255,255,.1);
	box-sizing: border-box;
	transition: all .3s;
	max-width: 94%;
}
.search-dialog .search-input input[type=text]{
	float: left;
	height: .72rem;
	width: calc(100% - .56rem);
	background-color: transparent;
	font-size: .2rem;
	line-height: .08rem;
	color: #fff;
	transition: all .3s;
}
.search-dialog .search-input input[type=text]::-webkit-input-placeholder{
    color:rgba(255,255,255,0.5);  
}  
.search-dialog .search-input input[type=text]:-moz-placeholder{
    color:rgba(255,255,255,0.5); 
}  
.search-dialog .search-input input[type=text]::-moz-placeholder{
    color:rgba(255,255,255,0.5); 
}  
.search-dialog .search-input input[type=text]:-ms-input-placeholder {
    color:rgba(255,255,255,0.5); 
} 
.search-dialog .search-input input[type=submit],
.search-dialog .search-input .clear-btn{
	float: right;
	height: .72rem;
	width: .56rem;
}

.search-dialog .search-input input[type=submit]{
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	background-size: .24rem;
	background-image: url('../images/search-btn.png');
}
.search-dialog .search-input .clear-btn{
	background-color: rgba(0,0,0,.2);

	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../images/close-btn.png');
	background-size: 3.5rem;
	border-radius: 100%;
	margin-right: 1rem;
	display: none;
}
.search-dialog .search-input.on{
	background-color: #fff;
}

.search-dialog .search-input.on input[type=submit]{

}

.search-dialog .hot-search{
	font-size: 0;

	width:19.5rem;
	margin:.6rem auto 0;
	box-sizing: border-box;
	padding:0 .6rem;
	overflow: hidden;
}
.search-dialog .hot-search .hot-tit,
.search-dialog .hot-search .hot-link{
	display: inline-block;
	*display: inline;
	zoom:1;
	vertical-align: top;
}
.search-dialog .hot-search .hot-tit{
	font-size: .375rem;
	line-height: .5rem;

	color: #fff;
	font-weight: bold;
	padding-left: .6rem;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: .5rem;
	background-image:;
}
.search-dialog .hot-link{
	margin-left: 1rem;
}


.search-dialog .hot-link a{
	display: inline-block;
	*display: inline;
	zoom:1;
	font-size: .375rem;
	line-height: .5rem;
	margin-right: .75rem;
	color:#fff;
	padding-bottom: 5px;
	position: relative;
}

.search-dialog .hot-link a:before{
	content: "";
	position: absolute;
	left:0%;
	bottom:0;
	width:100%;
	height: 2px;
	background-color: #fff;
	transform:scaleX(0);
	transform-origin:left center;
	transition:transform .3s;
}
.search-dialog-box .bottom-box{
	position: absolute;
	left: 0;
	bottom:5.1%;
	width:100%;
}
.search-dialog-box .bottom-box .share-box{
	overflow: hidden;
}
.search-dialog-box .bottom-box .copy{
	font-size: .35rem;
	line-height:.5rem;
	color: #fff;
	font-family: "gilroy-regular";
	margin-top: .5rem;
	overflow: hidden;
}


.pub-close {
    position: absolute;
    width: .48rem;
    height: .48rem;
    z-index: 10;
    right: .24rem;
    top: .24rem;
    background-color: rgba(255,255,255,.1);
    border-radius: 100%;
}
.pub-close .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #1c5ab7;
    transform: scale(0);
    border-radius: 100%;
    transition: transform .3s;
}
.pub-close i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: .12rem;
    background-repeat: no-repeat;
    background-image: url(../images/close-btn.png);
    transition:.6s;
}
.pub-close i:hover{ transform:rotate(180deg)}

@keyframes spin{
    to{transform: rotate(1turn);}
}
@keyframes spin2{
    to{transform: rotate(-1turn);}
}
@keyframes spin-reverse{
    from{
        transform:rotate(1turn);
    }
}
@keyframes spin-reverse2{
    from{
        transform:rotate(-1turn);
    }
}

.teams .imgbox img{width: auto;height: auto;object-fit: cover}


.ny-ba{position: relative;height:6rem;}
.ny-ba .imgBox{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 0;pointer-events: none;user-select: none}
.ny-ba .imgBox .img{padding-bottom: 0;height: 100%}
.imgBox img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:.5s;}
.ny-ba .imgBox:before{content: '';position: absolute;top: 0; left: 0;right: 0;;z-index: 1;height:2rem;background: url(../images/22.png) no-repeat left bottom;background-size:100% 100%;opacity: .9}
.ny-ba .imgBox:after{content: '';position: absolute;left: 0;right: 0;bottom: 0;z-index: 0;height: 100%;background: url(../images/bamss.png) repeat-x bottom center;background-size:100% 100%;opacity: .5;}

.ny-ba.nomask .imgBox:before{display: none}
.ny-ba .wp{height: 100%;position: relative;z-index: 5;padding-top: 0; max-width: 1600px;margin: 0 auto;width: 94%;}
/* .ny-ba .wp:after{content: '';position: absolute;right: 0;bottom: 0;background: url(../images/bahua.png) no-repeat center;background-size: 100% 100%;width: 3.6rem;height: 3.14rem;z-index: 0;pointer-events: none} */
.nyMain{background:url(../images/nybg.jpg) #f3f9fa no-repeat bottom center;background-size: 100% auto;padding: 0.8rem 0 1.4rem;min-height: 5rem;position: relative;margin: 0 auto;}
.wp{width: 15.2rem;padding: 0;margin: 0 auto;max-width: 94%;}

.ny-ba .txt{
    position: absolute;
    left: 10%;
    top: 56%;
    z-index: 5;
  }
    .ny-ba .txt h5{
    font-size: 0.48rem;
    color: #ffffff;
  }
    .ny-ba .txt span{
    display: none;
    font-size: 0.16rem;
    line-height: 0.28rem;
    color: #ffffff;
    margin: 0.2rem 0;
  }
  


  /* Updates_List_Div */
  .Updates_List_Div {
    height: auto;
    overflow: hidden;
}

.Updates_List_Div ul {
    width: 100%;
    height: auto;
}

.Updates_List_Div li {
    padding: 30px 15px;
    border-bottom: 1px solid #E8E1DA;
    height: auto;
    overflow: hidden;
}

.Updates_List_Div li:hover {
    background-color: #F8F6F4;
}

.Updates_List_Div li p {
    float: left;
    margin-right: 20px;
    width: 280px;
    height: 195px;
    overflow: hidden;
    z-index: 2;
}

.Updates_List_Div li p img {
    width: 280px;
    height: 195px;
    transition: all 0.5s;
}
.Updates_List_Div li:hover p img {
    scale: 1.2;
    transition: all 0.5s;
}
.Updates_List_Text {
    width: 100%;
    height: auto;
}

.Updates_List_Text h4 {
    font-size: 22px;
    line-height: 28px;
    color: #000;
    margin-bottom: 10px;
}

.Updates_List_Text h4 a {
    color: #000;
}

.Updates_List_Text h5 {
    font-size: 14px;
    line-height: 20px;
    color: #7F7F7F;
    margin-bottom: 10px;
}

.Updates_List_Text h5 a {
    color: #7F7F7F;
}

.Updates_List_Text h6 {
    font-size: 16px;
    line-height: 20px;

    color: #000;

}

.Updates_List_Text h6 a {
    color: #000;
}

.List1_PageControl {
    padding-top: 65px;
    margin-bottom: 85px;
}

.List2_PageControl {
    padding-top: 72px;
    margin-bottom: 95px;
}

/* ListPic_Div */
.ListPic_Div {
    height: auto;
    overflow: hidden;
}

.ListPic_Div ul {
    width: 100%;
    height: auto;
}

.ListPic_Div li {
    float: left;
    width: 274px;
    height: auto;
    margin-right: 16px;
   /* margin-right: 24px;*/
    margin-bottom: 35px;
}

/* .ListPic_Div li:nth-child(3n) {
    margin-right: 0px!important;
}*/


.ListPic_Div li p {
    width: 274px;
    height: 190px;
    margin-bottom: 16px;
    overflow: hidden;
}

.ListPic_Div li p img {
    width: 274px;
    height: 190px;
    transition: all 0.5s;
}
.ListPic_Div li p:hover img {
    scale: 1.2;
    transition: all 0.5s;
}
.ListPic_Div li h4 {
    width: 100%;
    font-size: 20px;

    line-height: 25px;
    color: #000;
}

.ListPic_Div li h4 a {
    color: #000;
}


    /* Artical_Box */
    .Artical_Div {
        height: auto;
        overflow: hidden;
    }

   .Artical_Div h3 {
       font-size: 2.4em;
       padding-bottom: 20px;
       margin-bottom: 30px;
       border-bottom: 1px solid #F0F0E1;
       color: #007840;
       font-weight: 500;
       line-height: 1.1;
       font-family: "Times New Roman";
  }

    .Artical_Title {
        line-height: 43px;
        font-size: 34px;
        font-weight: bold;
        text-align: center;
        font-family: "Times New Roman";
        color: #232323;
        padding: 60px 50px 55px 50px;

    }

    .Artical_Info {
        line-height: 50px;
        height: 50px;
        background-color: #F8F6F4;
        font-size: 16px;
        color: #232323;
       
    }

    .Artical_Info_Left {
        float: left;
        margin-top: 15px;
        width: 50%;
        height: 20px;
        line-height: 20px;
        font-size: 16px;
    }

    .Artical_Info_Left span {
        padding-left: 15px;
        padding-right: 15px;
    }

    .Artical_Info_Right {
       
        float: right;
        width: 200px;
        
    }

    .Artical_Info_Right h4 {
        float: left;
        width: 40px;
        height: 26px;
        line-height: 26px;
    }

    .Artical_Info_Right ul {
        float: left;
        display: flex;
        justify-content: space-between;
        width: 140px;
        height: 26px;
    }

    .Artical_Info_Right li {
        width: 25px;
        height: 25px;
    }

    .Artical_Info_Right li img {
        width: 25px;
        height: 25px;
    }

    .Artical_Info span {
        color: #232323;
        /* margin-right: 10px; */
    }

    .Artical_Content {
        margin: 0 auto;
        /* max-width: 1040px; */
        height: auto;
    }

    .Artical_Content p {
        margin-top: 45px;
        line-height: 30px;
        font-size: 18px;
        color: #232323;
        margin-bottom: 40px;
        /* text-indent: 36px; */
    
    }

    .Artical_Content p img {
        display: block;
        margin: 0 auto;
        width: 800px;
    }


    .Artical_Content span {
        margin: 0 auto;
        width: 800px;
        display: flex;
        justify-content: center;
        line-height: 20px;
        font-size: 14px;
        color: #525252;
        text-align: center;
        /* text-align: center; */
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .Artical_Content em img {
        width: 100%;
    }

    .Artical_PageControl .PageControl_Box {
        margin-bottom: 0;
    }

    .Artical_PageControl {
        padding-top: 55px;
        padding-bottom: 85px;
    }
#gotop{position:fixed;z-index:90;bottom: .8rem;right: .1rem;box-sizing:border-box;text-align:center;cursor:pointer;transition:.5s;width: .68rem;height: .68rem;line-height: .68rem;opacity:1;visibility:visible;overflow:hidden;border-radius: 50%;font-size: .18rem;color: #fff;z-index: 100;background: #347243;}
#gotop.hide{height:0;opacity:0;visibility:hidden}
#gotop svg{width: .22rem;height: .22rem;display: inline-block;fill: #fff;vertical-align: middle;margin: -3px 0 0;transition: .5s;}

/* ========== search-dialog-box 弹层信息检索样式优化 ========== */
/* 标题区：英文标题 + 副标题 */
.search-dialog .f-cb h3{
	font-size: .44rem;
	line-height: .6rem;
	color: #fff;
	text-align: center;
	margin: 0 0 .14rem;
	font-weight: 600;
	letter-spacing: .03rem;
}
.search-dialog .search .search-sub{
	font-size: .18rem;
	line-height: .3rem;
	color: rgba(255,255,255,.75);
	text-align: center;
	letter-spacing: .01rem;
	margin: 0 0 .5rem;
}
/* 搜索输入框：玻璃拟态 + 描边，提升可见度 */
/* 注：本样式表缺失 .f-cb/.clearfix 清浮动工具类，原容器高度塌陷（仅 2px 边框可见），
   故改用 flex 布局替代浮动方案 */
.search-dialog .search-input{
	display: flex;
	align-items: center;
	width: 9.6rem;
	max-width: 90%;
	margin: 0 auto;
	padding: 0 .12rem 0 .28rem;
	background-color: rgba(255,255,255,.12);
	border: 1px solid rgba(255,255,255,.35);
	border-radius: .08rem;
	box-sizing: border-box;
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	transition: background-color .3s, border-color .3s, box-shadow .3s;
}
.search-dialog .search-input:focus-within{
	background-color: rgba(255,255,255,.18);
	border-color: rgba(255,255,255,.9);
	box-shadow: 0 0 0 .05rem rgba(255,255,255,.08);
}
.search-dialog .search-input input[type=text]{
	flex: 1;
	min-width: 0;
	height: .78rem;
	font-size: .22rem;
	line-height: .78rem;
	color: #fff;
}
.search-dialog .search-input input[type=text]::-webkit-input-placeholder{color: rgba(255,255,255,.55);}
.search-dialog .search-input input[type=text]:-moz-placeholder{color: rgba(255,255,255,.55);}
.search-dialog .search-input input[type=text]::-moz-placeholder{color: rgba(255,255,255,.55);}
.search-dialog .search-input input[type=text]:-ms-input-placeholder{color: rgba(255,255,255,.55);}
.search-dialog .search-input input[type=submit],
.search-dialog .search-input .clear-btn{
	height: .78rem;
	width: .58rem;
}
.search-dialog .search-input input[type=submit]{
	background-size: .26rem;
	cursor: pointer;
	transition: transform .25s;
}
.search-dialog .search-input input[type=submit]:hover{transform: scale(1.15);}
/* 输入内容后白底态：修正白底白字问题 */
.search-dialog .search-input.on input[type=text]{color: #24403f;}
.search-dialog .search-input.on input[type=text]::-webkit-input-placeholder{color: #9db3b2;}
.search-dialog .search-input.on input[type=text]:-moz-placeholder{color: #9db3b2;}
.search-dialog .search-input.on input[type=text]::-moz-placeholder{color: #9db3b2;}
.search-dialog .search-input.on input[type=text]:-ms-input-placeholder{color: #9db3b2;}
.search-dialog .search-input.on input[type=submit]{
	background-image: url('../images/search-btn.png');
	filter: brightness(0) opacity(.6);
}
/* 清空按钮样式修正（原 background-size 3.5rem / margin-right 1rem 异常） */
.search-dialog .search-input .clear-btn{
	background-color: rgba(255,255,255,.2);
	background-size: .16rem;
	margin-right: 0;
	border-radius: 100%;
	cursor: pointer;
}
/* 关闭按钮：加大热区与对比度 */
.search-dialog-box .pub-close{
	width: .56rem;
	height: .56rem;
	right: .3rem;
	top: .3rem;
	background-color: rgba(255,255,255,.14);
	border: 1px solid rgba(255,255,255,.35);
	box-shadow: 0 .02rem .1rem rgba(0,0,0,.15);
}
.search-dialog-box .pub-close:hover{background-color: rgba(255,255,255,.28);}
/* 弹层入场动效微调：内容带上移 + 淡入 */
.search-dialog-box .wrap-inner{
	transform: translateY(100%);
	opacity: 0;
	transition: transform .6s cubic-bezier(.77,0,.175,1), opacity .6s;
}
.search-dialog-box.on .wrap-inner{
	transform: translateY(0);
	opacity: 1;
}
@media (max-width: 768px){
	.search-dialog .f-cb h3{font-size: .34rem;letter-spacing: .01rem;}
	.search-dialog .search .search-sub{font-size: .16rem;margin-bottom: .3rem;}
	.search-dialog .search-input input[type=text]{font-size: .18rem;}
}

/* ========== Collaborations 主题页（Exchanges and Cooperation） ========== */
/* Hero 大图区 */
.col-hero{
	position: relative;
	height: 4.6rem;
	overflow: hidden;
	display: flex;
	align-items: center;
}
.col-hero-bg{position: absolute;inset: 0;z-index: 0;}
.col-hero-bg img{width: 100%;height: 100%;object-fit: cover;}
.col-hero-mask{
	position: absolute;inset: 0;z-index: 1;
	background: linear-gradient(100deg, rgba(24,52,34,.88) 0%, rgba(40,70,41,.72) 42%, rgba(40,70,41,.18) 100%);
}
.col-hero-inner{position: relative;z-index: 2;color: #fff;padding-top: .7rem;}
.col-hero-tag{
	display: inline-block;
	font-size: .14rem;
	letter-spacing: .04rem;
	text-transform: uppercase;
	color: #fff;
	padding: .06rem .18rem;
	border: 1px solid rgba(255,255,255,.5);
	border-radius: 1rem;
	background: rgba(255,255,255,.08);
	margin-bottom: .22rem;
}
.col-hero h2{
	font-family: Gloock, 'Times New Roman', serif;
	font-size: .52rem;
	line-height: .66rem;
	font-weight: 400;
	margin: 0 0 .16rem;
}
.col-hero h2 em{font-style: normal;color: #a8d5a2;}
.col-hero p{
	max-width: 7.2rem;
	font-size: .17rem;
	line-height: .3rem;
	color: rgba(255,255,255,.82);
	margin: 0 0 .3rem;
}
.col-crumbs{font-size: .14rem;color: rgba(255,255,255,.65);}
.col-crumbs a{color: rgba(255,255,255,.85);}
.col-crumbs a:hover{color: #fff;}
.col-crumbs span{margin: 0 .1rem;}
.col-crumbs em{font-style: normal;color: #a8d5a2;}

/* 数据带 */
.col-stats{
	background: linear-gradient(120deg, #2c5e3a 0%, #347243 55%, #41804f 100%);
	padding: .4rem 0;
	position: relative;
	z-index: 2;
}
.col-stats-grid{display: flex;justify-content: space-between;flex-wrap: wrap;}
.col-stats .item{
	flex: 1;
	min-width: 2rem;
	text-align: center;
	padding: .1rem .2rem;
	position: relative;
}
.col-stats .item + .item:before{
	content: "";
	position: absolute;
	left: 0;
	top: 18%;
	bottom: 18%;
	width: 1px;
	background: rgba(255,255,255,.25);
}
.col-stats strong{
	display: block;
	font-family: Gloock, 'Times New Roman', serif;
	font-weight: 400;
	font-size: .46rem;
	line-height: .56rem;
	color: #fff;
}
.col-stats strong i{font-style: normal;font-size: .26rem;}
.col-stats .item span{
	display: block;
	font-size: .14rem;
	line-height: .22rem;
	color: rgba(255,255,255,.8);
	margin-top: .06rem;
}

/* 主题正文区 */
.col-body{
	
	background-size: 100% auto;
	padding: .7rem 0 1.2rem;
}
.col-sec{
	background: #fff;
	box-shadow: 2px 2px 19px -1px rgba(0,0,0,.0977);
	padding: .45rem .5rem .5rem;
	margin-bottom: .4rem;
	position: relative;
}
.col-sec:before{
	content: "";
	position: absolute;
	left: 0;
	top: .45rem;
	bottom: .45rem;
	width: .05rem;
	background: linear-gradient(#347243, #a8d5a2);
	border-radius: 0 .05rem .05rem 0;
}
.col-sec-head{
	display: flex;
	align-items: center;
	margin-bottom: .3rem;
	padding-bottom: .24rem;
	border-bottom: 1px solid #e6eee6;
}
.col-sec-head em{
	font-family: Gloock, 'Times New Roman', serif;
	font-style: normal;
	font-size: .5rem;
	line-height: 1;
	color: rgba(52,114,67,.22);
	margin-right: .24rem;
}
.col-sec-head h3{
	font-family: Gloock, 'Times New Roman', serif;
	font-size: .26rem;
	line-height: .36rem;
	color: #284629;
	font-weight: 400;
	margin: 0;
}
.col-sec-head .tt span{
	display: block;
	font-size: .14rem;
	letter-spacing: .02rem;
	color: #7f9580;
	margin-top: .04rem;
}
.col-sec-con p{
	font-size: .16rem;
	line-height: .32rem;
	color: #4a5a4b;
	text-align: justify;
	margin: 0 0 .14rem;
}
/* 机构/国家标签 */
.col-chips{display: flex;flex-wrap: wrap;gap: .12rem;margin-top: .22rem;}
.col-chips .chip{
	display: inline-flex;
	align-items: center;
	font-size: .14rem;
	line-height: .24rem;
	color: #2c5e3a;
	background: #eef5ee;
	border: 1px solid #d5e5d5;
	border-radius: 1rem;
	padding: .05rem .18rem;
	transition: all .25s;
}
.col-chips .chip:before{
	content: "";
	width: .08rem;
	height: .08rem;
	border-radius: 50%;
	background: #347243;
	margin-right: .1rem;
}
.col-chips .chip:hover{background: #347243;color: #fff;border-color: #347243;}
.col-chips .chip-more{color: #7f9580;background: transparent;border-style: dashed;}
.col-chips .chip-more:before{display: none;}
/* 会议卡片 */
.col-events{display: flex;flex-direction: column;gap: .3rem;}
.col-events .event{
	display: flex;
	border: 1px solid #e0ebe0;
	border-radius: .08rem;
	overflow: hidden;
	transition: box-shadow .3s, transform .3s;
}
.col-events .event:hover{
	box-shadow: 0 .1rem .3rem rgba(40,70,41,.15);
	transform: translateY(-.03rem);
}
.col-events .date{
	flex: 0 0 1.3rem;
	background: linear-gradient(160deg, #2c5e3a, #347243);
	color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: .2rem .1rem;
}
.col-events .date strong{
	font-family: Gloock, 'Times New Roman', serif;
	font-weight: 400;
	font-size: .3rem;
	line-height: .4rem;
}
.col-events .date span{font-size: .14rem;color: rgba(255,255,255,.75);letter-spacing: .03rem;}
.col-events .evt-con{flex: 1;padding: .25rem .3rem;min-width: 0;}
.col-events .evt-con h4{
	font-size: .2rem;
	line-height: .3rem;
	color: #284629;
	margin: 0 0 .06rem;
}
.col-events .evt-con .loc{
	font-size: .13rem;
	color: #347243;
	letter-spacing: .02rem;
	margin: 0 0 .12rem;
}
.col-events .evt-con .loc:before{content: "📍 ";font-size: .12rem;}
.col-events .evt-con p:not(.loc){
	font-size: .15rem;
	line-height: .3rem;
	color: #4a5a4b;
	text-align: justify;
	margin: 0 0 .1rem;
}

@media (max-width: 768px){
	.col-hero{height: 3.4rem;}
	.col-hero h2{font-size: .36rem;line-height: .48rem;}
	.col-hero p{font-size: .15rem;line-height: .26rem;}
	.col-stats .item{flex: 0 0 50%;margin-bottom: .2rem;}
	.col-stats .item:nth-child(odd):before{display: none;}
	.col-sec{padding: .3rem .24rem .34rem;}
	.col-sec-head em{font-size: .36rem;margin-right: .16rem;}
	.col-sec-head h3{font-size: .2rem;line-height: .3rem;}
	.col-events .event{flex-direction: column;}
	.col-events .date{flex: none;flex-direction: row;gap: .1rem;padding: .1rem;}
}

/* ========== index.htm research 区块修复 ========== */
/* .research::before 空遮罩层拦截鼠标事件，导致 VIEW MORE 悬浮失效：解除拦截 */
.research::before{pointer-events: none;}
/* VIEW MORE 提升到遮罩之上，保证 :hover 生效 */
.research .btn-outline{position: relative;z-index: 2;}

/* ========== index.htm research 板块样式优化 ========== */
/* 标题下划线：遗留蓝色改为站点主题浅绿（深绿背景上需高亮可见） */
.research .section-title h2::after{background: #a8d5a2;}
/* 卡片：静态阴影 + 品牌绿顶边条，hover 上浮加深 */
.research-card{
	border-radius: 12px;
	box-shadow: 0 4px 16px rgba(0,0,0,.08);
	border-top: 3px solid rgba(52,114,67,.55);
	transition: transform .3s ease, box-shadow .3s ease, border-top-color .3s ease;
}
.research-card:hover{
	transform: translateY(-8px);
	box-shadow: 0 14px 30px rgba(0,0,0,.18);
	border-top-color: #347243;
}
/* 卡片图片：悬停轻微放大 */
.research-img{overflow: hidden;}
.research-img img{transition: transform .45s ease;}
.research-card:hover .research-img img{transform: scale(1.06);}
/* 摘要文字：限 3 行、行高与颜色微调 */
.research-info{padding: 18px 20px 22px;}
.research-info p{
	font-size: 15px;
	line-height: 1.7;
	color: #4a5a4b;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
/* 轮播圆点：激活色改浅绿，贴合主题 */
.research-slider .slick-dots li.slick-active button:before{color: #a8d5a2;}
/* 箭头：底色加深一档、描边提亮，悬停已有深绿反馈 */
.research-slider .slick-prev, .research-slider .slick-next{
	background-color: rgba(0,0,0,.35);
	border-color: rgba(255,255,255,.7);
}

/* ========== index.htm research 板块：等高卡片 / 图片平铺 / 箭头修复 ========== */
/* 1) 卡片等高：轨道改 flex 拉伸，卡片纵向布局，文字区居中填充 */
.research-slider .slick-track{display: flex;align-items: stretch;}
.research-slider .research-card{display: flex;flex-direction: column;height: auto;}
.research-slider .research-info{flex: 1;display: flex;align-items: center;}
/* 2) 图片平铺：HTML 里图片外包了一层内联 flex div，导致 height:100% 失效；
      改为绝对定位铺满 .research-img（该容器已是 relative），object-fit:cover 生效 */
.research-img img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
/* 3) 箭头垂直居中修正：45px 按钮沿用 slick 的 -25px margin 造成 2.5px 恒定偏移 */
.research-slider .slick-prev, .research-slider .slick-next{margin-top: -22.5px;}
/* 4) 箭头 hover 修复：原 background: white 简写清掉了箭头 background-image（图标消失）。
      恢复图标，仅提亮底色；slick.css 的 hover 深绿（!important）仍生效 */
.research-slider .slick-prev:hover{
	background-image: url(../images/leftarr.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.research-slider .slick-next:hover{
	background-image: url(../images/rightarr.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.ny-ba .txt span a {
    transition: color ease 0.3s;
    color: #f3f3f3;
}


.imgBox .img.light::before {
    content: '';
    position: absolute;
    top: 0;
    left: -86%;
    z-index: 2;
    display: block;
    width: 50%;
    height: 100%;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.1));
    background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.1));
}

.a:hover .imgBox .img.light::before {
    -webkit-animation: shine .5s;
    animation: shine .5s;
}

@-webkit-keyframes shine {
    100% {
        left: 115%;
    }
}

@keyframes shine {
    100% {
        left: 115%;
    }
}