@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:'sys';src:url(../fonts/SourceHanSerifCN-Bold.ttf);font-display:swap;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:SourceHanSerifCN-Bold;src:url(fonts/SourceHanSerifCN-Bold.ttf);font-display: swap;}


/* 弹性布局 */
[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;height: 0.52rem;align-items: center;font-weight: bold;margin-top: 5px;}
.Header .toper a:first-child{margin-right: 14px;position: relative;}
.Header .toper a{font-size: 0.14rem;font-weight: 500;}
   
/* .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: block;
    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;
    }