@charset "utf-8";
@font-face{
   font-family:'shuL'; 
   src: url('../fonts/ProximaNovaA-Light.ttf') format("truetype");
   font-style: normal;
   font-display: swap;
}
@font-face{
   font-family:'shuR'; 
   src: url('../fonts/ProximaNovaA-Regular.ttf') format("truetype");
   font-style: normal;
   font-display: swap;
}
@font-face{
   font-family:'shuB'; 
   src: url('../fonts/ProximaNovaA-Bold.ttf') format("truetype");
   font-style: normal;
   font-display: swap;
}
body{ position: relative; _overflow:hidden; overflow-x:hidden; width: 100%; *cursor: default; color: #000; line-height: 1.4; font-size: 0.16rem;opacity: 1 !important;transition: none;}
a{color: #000; transition:0.6s ease; }
img{transition:0.6s ease;}
a:hover{ color: #3b7255;}
.cptu{background-color: #fff;object-fit: contain!important;}
.tu{ position: relative; width: 100%; overflow: hidden; display: block;}
.tu::before{ content: ""; display: block; padding-top: 56%;}
.tu img{position: absolute; width: 100%; height: 100%; left: 0; top: 0;; display: block;object-fit: cover;}
.tuk{aspect-ratio: 16/9; height: auto; width: 100%; overflow: hidden;transform: translateZ(0);}
.tuk img{ width: 100%; height: 100%;object-fit: cover; display: block;
	transform: translateZ(0) scale(1);
    backface-visibility: hidden; 
    will-change: transform;
    transition: transform 0.35s ease-out;
    outline: 1px solid transparent; 
    image-rendering: -webkit-optimize-contrast;}
.jgda:hover .tuk img{transform: translateZ(0) scale(1.08);}
header{ position: fixed; left: 0; width: 100%; top: 0; z-index: 992; transition: 0.5s;}
.con,.box,main{ width: calc(100% - 1.2rem); margin: 0 auto; max-width: 94%;}
.nav-item{ position: relative; margin: 0 0.25rem; display: flex; align-items: center;}
.first-nav a{ color: #fff; font-size: 0.2rem;font-family:'siyuanB'; }
.second-nav{position: absolute; min-width: 100%; background-color: #fff; top: 0; left: 50%; transform: translateX(-50%);visibility: hidden; border-radius:0 0 0.1rem 0.1rem; opacity: 0; transition: 0.5s; display: block; padding:0.2rem; text-align: center;}
.second-nav a{white-space: nowrap; width: 100%; text-align: center; font-size: 0.18rem; line-height: 2;display: flex; justify-content: center;}
.nav-item:hover .second-nav{visibility: visible; opacity: 1; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);}
.nav-item::after{position: absolute; left: 50%; bottom: 0; height: 2px; transform: translateX(-50%); width: 0; transition: 0.5s; content: ""; display: block; background-color: #3b7255;}
.nav-item:hover::after{ width: 100%;}
.logo{ padding: 0.15rem 0;}
.logo img{ height: 0.66rem;}
.head{ width: 100%;}
.a{ display: block;}
.b{ display: none;}
.tops img{ width: 0.22rem;}
header.on,header:hover{ background-color: #fff; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);}
header.on .logo .b,header.on .tops .b,header:hover .logo .b,header:hover .tops .b{ display: block;}
header.on .logo .a,header.on .tops .a,header:hover .logo .a,header:hover .tops .a{ display: none;}
header.on .first-nav a,header:hover .first-nav a{ color: #000;}
.nav-box,.nav-item{height: 100%; position: relative;}
.first-nav.on a{color: #fff; background-color: #0c6eb9;}
.first-nav{ position: relative;}
.tops{ margin-left: 0.25rem;}
.tanss{position: fixed; z-index: 995; width: 100%; height: 100vh;left: 0; top: -100%; background-image: linear-gradient(to bottom, rgba(59,114,85,1) 40%, rgba(0,0,0,0)); color: #fff; transition: 0.5s;}
.tanss.active{ top: 0;}
.ssbox{ width: 9rem; margin: 0 auto; padding-top: 1.2rem; max-width: 70%;}
.ssbox .ti{ font-size: 0.36rem;}
.sscon{ width: 100%; height: 0.87rem; background-color: rgba(255, 255, 255, 0.1); box-sizing: border-box; padding-right: 0.4rem; margin-top: 0.5rem;}
.souk{ padding: 0 0.4rem; box-sizing: border-box; flex: 1; background: transparent; border: none; font-size: 0.26rem; color: #fff;}
.sous img{ width: 0.22rem;}
.ssbg{ position: absolute; z-index: 996; width: 0.6rem;aspect-ratio:1; border-radius: 100%; background-color: rgba(255, 255, 255, 0.1); transition: 0.6s; display: flex; align-items: center; justify-content: center; top: 0.3rem; right: 0.3rem;}
.ssbg img{ width:50%;}
.ssbg:hover img{ transform: rotate(180deg);}
.ssbg:hover{background-color: rgba(255, 255, 255, 0.2);}


.mBtn{ width: 0.3rem; aspect-ratio:1;cursor: pointer; box-sizing: border-box;display: none; position: sticky; right: 0; z-index: 997;transform: scale(1.2);}
.mBtn span{ width: 100%;height: 100%;display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0.06rem; /* 5px间距统一rem */}
.mBtn span i{ width: 100%;height: 0.02rem;background: #000;display: block;transition: all 0.5s ease;transform-origin: center; /* 旋转中心设为线条中间 */}
.mBtn.active span i{background: #000; width: 80%;}
.mBtn.active span i:nth-child(1){transform: rotate(45deg) translate(0.03rem, 0.03rem);}
.mBtn.active span i:nth-child(2){ transform: rotate(-45deg) translate(0.03rem, -0.03rem);}
.mBtn.active span i:nth-child(3){width: 0;opacity: 0;}

.banner,.swiper,.bannerbox,.swiper-slide{ width: 100%; overflow: hidden; height: auto;}
.bannerbox{height: 100vh; position: relative;}
.bannerbox img{display: none;width: 100%; object-fit: cover;aspect-ratio:1920/910;}
.bannerbox video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* 等比例铺满，裁剪多余部分，全屏无黑边 */
  object-fit: cover;
  z-index: 1;
}
/* 文字浮在视频上层 */
.bn_tx {
  position: relative;
  z-index: 3;
}
.bn_tx{ position: absolute; left: 50%; top: 50%; transform: translateX(-50%); color: #fff; transition: 0.6s; margin-top: 0.3rem;}
.bn_tx h1{font-size: 0.64rem;font-family:'siyuanB'; transform: translateY(1rem); transition: 1s ease-in-out;line-height: 1;opacity: 0; z-index: 4;}
.bn_tx h2{ font-size: 0.3rem; transform: translateY(1rem); transition: 1.5s ease-in-out 0.1s;opacity: 0; line-height: 1.2; margin-top: 0.3rem;}
.bn_tx h3{ transform: translateY(100px); transition: 1.5s ease-in-out 0.5s;opacity: 0; display: flex; margin-top: 0.8rem;}
.banner .swiper-slide-active .bn_tx h1{transform: translateY(0); opacity: 1;}
.banner .swiper-slide-active .bn_tx h2{transform: translateY(0);opacity: 1;}
.banner .swiper-slide-active .bn_tx h3{transform: translateY(0);opacity: 1;}
.swiper-pagination-bullet{ opacity: 0.4; width: 0.25rem; height: 0.05rem; background-color: #fff; border-radius: 0; margin: 0 0.05rem!important;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity: 1;}
.swiper-pagination{ text-align: right; right: 0.6rem; left: auto!important;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 0.4rem;}
.swiper-button-prev,.swiper-button-next{ width: 0.6rem;aspect-ratio:1;height: auto!important; border-radius: 100%; border: 1px solid #fff; display: flex; align-items: center; justify-content: center; opacity: 0.8; transition: 0.6s;}
.swiper-button-next:after, .swiper-button-prev:after{ color: #fff; font-size: 0;}
.swiper-button-next{ background: url(../img/ri.png) center center no-repeat transparent; background-size: 30%;}
.swiper-button-prev{ background: url(../img/le.png) center center no-repeat transparent; background-size: 30%;}
.swiper-button-prev:hover,.swiper-button-next:hover{ opacity: 1;}
.banner{ position: relative; }
.bn_sb{ position: absolute; left: 50%; text-align: center; bottom: 0.3rem; transform: translateX(-50%); color: #fff;z-index: 2;animation: shakeUpDown 2s ease-in-out infinite;}
.bn_sb img{ width: 0.22rem; cursor: pointer;}
/* .bn_sb:hover{animation-play-state: paused;} */
@keyframes shakeUpDown {
  0% { transform:translateX(-50%) translateY(0); }
  50% { transform:translateX(-50%) translateY(-0.1rem); }
  100% { transform:translateX(-50%) translateY(0); }
}

section{ padding: 1.1rem 0;}
.title{ font-size: 0.48rem; position: relative; padding-bottom: 0.35rem;font-family:'siyuanR'; }
.title::after{ position: absolute; left: 0; bottom: 0; content: ""; display: block; width: 0.46rem; height: 0.08rem; background-color: #3b7255; z-index: 1;}
.titlec .title::after{ left: 50%; transform: translateX(-50%);}
.more{ line-height: 2.5; display: flex; padding: 0 2.5em; background-color: #3b7255;font-size: 0.2rem; align-items: center; justify-content: center; color: #fff;}
.more:hover{ color: #fff; box-shadow: 0 0.02rem 0.1rem rgba(0, 0, 0, 0.5); transform: translateY(-0.05rem);}
.con1ri{ flex: 1;}
.con1le{ width: 50%;}
.lunbodi .swiper-pagination{ text-align: right; right: 0.2rem;}
.lunbodi .swiper-horizontal>.swiper-pagination-bullets,.lunbodi .swiper-pagination-bullets.swiper-pagination-horizontal,.lunbodi .swiper-pagination-custom,.lunbodi .swiper-pagination-fraction{ bottom: 0.2rem;}
.turilist .tuk{ width: 3.3rem;} 
.turilist .tex{ flex: 1;}
.con1ri{ gap: 0.28rem;}
.turilist{align-items: flex-start;}
.turilist .tex p{ margin-top: 0.2rem; margin-bottom: 0.25rem;}
.riqi{ color: #fff; background-color: #3b7255; text-align: center; width: 0.98rem; height: 0.98rem;display: flex; align-items: center; justify-content: center; line-height: 1;}
.riqi p{ margin-bottom: 0.06rem;}
.con1ledi .tex{ flex: 1;}
.con1ledi .tex p{ color: #888; margin-top: 0.15rem;}
.con1ledi{ margin-top: 0.15rem;}
.con2le{ box-sizing: border-box; padding: 0.6rem; background: url(../img/bj.png) left bottom no-repeat #eff7f3; background-size: 100%;}
.con2le .tex{ line-height: 2; margin-top: 0.4rem;}
.con2le .more{ margin-top: 0.5rem;}
.con2di{ gap: 0.4rem; margin-top: 0.4rem;}
.tulist{ position: relative;}
.tulist .fu{ position: absolute; left: 0; bottom: 0; box-sizing: border-box; padding: 0.25rem; padding-top: 0; color: #fff; z-index: 2; width: 100%; height: 40%; display: flex; flex-direction: column-reverse; background:linear-gradient(to top,rgba(0,0,0,0.6),rgba(0,0,0,0)); transition: 0.6s ease;}
.tulist:hover .fu{ height: 100%;}
.con3{ gap: 0.2rem;}
.con3 .con3list span{ width: 100%; display: block; padding-top: 0.1rem;}
.con3 .con3list span h2{ font-size: 0.2rem; margin-bottom: 0.08rem;font-family:'siyuanN';}
.con3 .con3list:nth-child(1) span{  box-sizing: border-box; padding:0.26rem 0.24rem;}
.con3 .con3list:nth-child(1) span h2{ font-size: 0.26rem;font-family:'siyuanB'; margin-bottom: 0.15rem;}
.con3 .con3list:nth-child(1){grid-column: span 2;grid-row: span 2;background-color: #fff;}
.con3 .con3list span p{line-height: 1;}
.xknav{ display: flex; justify-content: center; align-items: center; gap: 0.36rem; flex-wrap: wrap; font-size: 0.22rem; margin-top: 0.6rem;}
.xknav span.on{ color: #3b7255;font-family:'siyuanB';}
.xknav span.on::after{ content: ""; width: 0.16rem; height: 0.1rem; background: url(../img/xuan.png) center center no-repeat; background-size: 100%; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
.xknav span{ cursor: pointer; color: #666; position: relative; padding-bottom: 0.2rem; transition: 0.6s ease;}
.xknav span:hover{ color: #3b7255;}
.xkcon{ display: none; margin-top: 0.5rem;}
.xkcon.active{ display: block; overflow: hidden; width: 100%; position: relative;}
.con4list{ display: block; padding: 0 0.3rem;}
.con4list p{ margin-top: 0.3rem; line-height: 1;} 
.con4 .swiper-button-prev,.con4 .swiper-button-next{ width: 0.5rem;aspect-ratio:1;border:none; display: flex; align-items: center; justify-content: center; opacity: 0.8; transition: 0.6s; background-color: #000; opacity: 0;visibility: hidden;  transition: 0.6s ease;}
.con4 .duoSwiper{  box-sizing: border-box; width: 140%; position: relative; left: 50%; transform: translateX(-50%); z-index: 2;}
.con4 .swiper-button-next{ right: calc(30% + 0.7rem); margin: 0; transform: translate(-50%,-50%); margin-top: -0.28rem;}
.con4 .swiper-button-prev{ left: calc(30% + 0.7rem); margin: 0; transform: translate(50%,-50%); margin-top: -0.28rem;}
.con4 .swiper-button-prev.on,.con4 .swiper-button-next.on{visibility: visible; opacity: 0.7;}
.con4 .swiper-button-prev.on:hover,.con4 .swiper-button-next.on:hover{opacity: 1;}
.con5{ width: 100%; overflow: hidden;}
.con5 .swiper3{ width: calc(100% + 0.4rem); left: -0.2rem; position: relative;}
.newlist{ display: block;}
.con5 .swiper-pagination{ text-align: center; position: relative; width: 100%; display: block; left: 0;bottom:auto;}
.con5 .swiper-pagination .swiper-pagination-bullet{ background-color: #000;}
.con5 .swiper-slide{ padding: 0 0.2rem; box-sizing: border-box;}
.con5 .newlist{ background-color: #fff;}
.newlist .tex{ box-sizing: border-box; padding:0.3rem 0.24rem;}
.newlist .tex h2{ position: relative; margin-bottom: 0.3rem;}
.newlist .tex h2::after{ content: ""; position: absolute; z-index: 2; left:0; bottom: -0.2rem; width: 0.36rem; height: 3px; background-color: #999; display: block;}
.newlist .tex span{ color: #666;}
.moreb{ width: 0.3rem; height: 0.3rem;; border-radius: 100%; background-color:#999; display: flex; justify-content: center; align-items: center; font-size: 0; color: #fff; transition: 0.6s ease; font-family:"宋体"; font-weight: 600;background: url(../img/ri.png) center center no-repeat #999; background-size: 40%;}
.newlist:hover .moreb,.list:hover .moreb{ background: url(../img/ri.png) center center no-repeat #3b7255; background-size: 40%;}
.con6le{ width: 50%;}
.con6ri{ flex: 1; margin-left: 10%;}
.con6list{ aspect-ratio: 1; background-color: #3b7255; color: #fff; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 0.2rem;}
.con6list span{ font-size: 0.72rem; padding-right: 0.1rem;}
.con6list:nth-child(1){background-color: #295440;}
.con6list:nth-child(2),.con6list:nth-child(4){background-color: #fff; color: #000;}
.con6list:nth-child(3){background-color: #7ca58f;}
.con6ri .tex{ margin-top: 0.4rem; line-height: 2;}
.con6ri .more.sj{ display: none;}
footer{ background: url(../img/ftbj.jpg) center center no-repeat #295440; background-size: cover; color: #fff; padding: 0.65rem 0;}
.f1 .ftlogo{ height: 0.66rem;}
.f1 p{ margin-top: 0.8rem;}
.f2{ width: 4.8rem; max-width: 100%;}
.f2 span{ display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.5); box-sizing: border-box; width: 100%; padding-left: 0.45rem; padding-bottom: 0.35rem; background: url(../img/ft.png) top 0.45rem left no-repeat; background-size:0.12rem 0.12rem;}
.f2 span:last-child{ border-bottom: none; padding-bottom: 0; padding-top: 0.45rem;}
.f2 h2{ font-size: 0.28rem; margin-top: 0.1rem;}
.f3{ gap: 0.4rem;}
.f3 img{ width: 1.4rem; background-color: #fff; display: block; margin: 0 auto; padding: 0.05rem;}
.f3 p{ margin-top: 0.1rem;}
#toTop{position: fixed;bottom: 0.3rem;right:0.1rem;background:url(../img/top.png) center center no-repeat rgba(0,0,0,0.5);
background-size: 40%;color: #fff;z-index: 990;opacity: 0;visibility: hidden;transition: all 0.6s; width: 0.4rem; height: 0.4rem; display: flex; justify-content: center; align-items: baseline;}
#toTop.on{opacity: 1;visibility: visible; cursor: pointer;}
#toTop:hover{ background:url(../img/top.png) center center no-repeat rgba(0,0,0,0.8);background-size: 40%;}


.erbanner{ width: 100%; aspect-ratio: 1920/630; position: relative;}
.erbanner img{object-fit: cover; width:100%;height:100%;display: block;}
.ertitle{ position:absolute;color: #fff; z-index: 2; top: 50%;}
.ertitle .title::after{ background-color: #fff;}
.newbox{ gap:40px}
.newbox .newlist{ background-color: #f8f8f8;}
.listle{ width: 5.86rem;}
.listle .tuk{ width: 4.16rem;}
.listle span h2{ font-size: 0.38rem; margin-bottom: 0.05rem;}
.listle span h2 i{ padding: 0 0.05rem;}
.listbox{ gap: 0.5rem;}
.list{ border-bottom: 1px solid #eee; box-sizing: border-box; padding-bottom: 0.5rem; gap: 0.6rem; position: relative; width:100%;}
.list:hover .listle span p{ color: #295440;}
.listri{ flex: 1;}
.listri p{ line-height: 1.8; margin-top: 0.25rem; margin-bottom: 0.55rem;}
.list::after{ content: ""; width: 0; height: 2px; position: absolute; left: 0; bottom: -1px; background-color: #295440; transition: 0.6s ease;}
.list:hover::after{ width: 100%;}
/*.fenye{ justify-content: center; gap: 0.2rem;}
.fenye a{ display: flex; width: 0.55rem; aspect-ratio: 1; border-radius: 0.05rem; border: 1px solid #eee; align-items: center; justify-content: center;}
.fenye a.on{ background-color: #295440; color: #fff; border: 1px solid #295440;}
.fenye a:hover{ border: 1px solid #295440;}*/
.p_pages{ justify-content: center; gap: 0.15rem;display: flex;align-items: center;width: 100%;}
.p_pages span{display: flex; width: 0.55rem; aspect-ratio: 1; border-radius: 0.05rem; border: 1px solid #eee; align-items: center; justify-content: center;}
.p_pages span:hover{ border: 1px solid #295440;cursor: pointer;}
.p_pages span.p_no_d{ background-color: #295440; color: #fff; border: 1px solid #295440}
.ernav{ max-width: 100%; overflow: auto;}
.ernav a{ padding: 0 0.5rem; height: 100%;height: 0.96rem; align-items: center; display: flex;white-space: nowrap;}
.ernav a.on{ background-color: #295440; color: #fff;}
.ertopri{ color: #000;}
.ertopri span,.ertopri span a{ color: #666;}
.ertopri span i{ padding: 0 0.05rem;}
.neirong{line-height: 2; color: #444; text-align: justify;}
.neirong div,.neirong img,.neirong table{ max-width: 100%!important; }
.neirong img{width: 100%!important;display:block;margin:0.2rem 0; }
.biaoti h2{ font-size: 0.48rem;}
.biaoti p{ background-color: #f8f8f8; padding:0.16rem 0.24rem; margin-top: 0.4rem;}
.left{ flex: 1;}
.right{ width: 5.9rem; margin-left: 0.6rem;}
.rilist{ display: flex; align-items: flex-start; gap: 0.3rem;}
.rilist .tuk{ width: 2.4rem;}
.rilist span{ display: block; flex: 1;}
.rilist span p{ color: #666; margin-bottom: 0.15rem;}
.riti{ font-size: 0.34rem; line-height: 1; margin-top: 0.12rem;}
.rilistbox{ margin-top: 0.5rem; gap: 0.3rem;}
.shangxia{ gap: 10%;}
.shangxia>div{ width: 45%; height: 0.56rem; line-height: 0.56rem; box-sizing: border-box; padding: 0 0.24rem; color: #666;}
.shangxia a{font-family:'siyuanR'; }
.fanhui{ gap: 0.12rem; height: 0.96rem;}
.fanhui .moreb{ width: 0.26rem; height: 0.26rem;}
.tulistbox{gap: 0.4rem;}
.xzlist{ border-bottom: 1px solid #eee; box-sizing: border-box; padding-bottom: 0.3rem; position: relative; width: 100%;}
.xzlist::after{ content: ""; width: 0; height: 2px; position: absolute; left: 0; bottom: -1px; background-color: #295440; transition: 0.6s ease;}
.xzlist:hover::after{ width: 100%;}
.xzlist h2{ margin-bottom: 0.2rem;}
.xzbox{ gap:0.3rem}
.xzb{ width: 0.26rem; aspect-ratio: 1; box-sizing: border-box; border-radius: 100%; background-color: #999; padding: 0.06rem; margin-left: 0.15rem;}
.xzlist a:hover .xzb{ background-color: #295440;}


.siyuanN{font-family:'siyuanN'; }
.siyuanR{font-family:'siyuanR'; }
.siyuanM{font-family:'siyuanM'; }
.siyuanB{font-family:'siyuanB'; }
.shuL{font-family:'shuL'; }
.shuR{font-family:'shuR'; }
.shuB{font-family:'shuB'; }
.hg1{ line-height: 1!important;}
.cor6{ color: #666;}
.cor9{ color: #999;}
.cor0{ color: #000;}
.cor1{ color: #3b7255!important;}
.bjf8{ background-color: #f8f8f8!important;}
.bj1{ background-color: #3b7255!important;}
.ft16{ font-size: 0.16rem;}
.ft18{ font-size: 0.18rem;}
.ft20{ font-size: 0.2rem;}
.ft22{ font-size: 0.22rem;}
.ft24{ font-size: 0.24rem;}
.ft26{ font-size: 0.26rem;}
.ft38{ font-size: 0.38rem;}
.gap6{ gap: 6px;}
.gap30{ gap: 0.3rem;}
.gap60{ gap: 0.6rem;}
.mtop65{ margin-top: 0.65rem;}
.mtop30{ margin-top: 0.3rem;}

.erbox ::-webkit-scrollbar{height:4px; width: 5px; }
.erbox ::-webkit-scrollbar-track{background-color:transparent;}
.erbox ::-webkit-scrollbar-thumb{background-color:#ccc;}
.erbox ::-webkit-scrollbar-thumb:hover {background-color:#bbb;}
.erbox ::-webkit-scrollbar-thumb:active {background-color:#999;}
html{scroll-padding-top: 50px}