@charset "gb2312";
/*:root{--font:"Noto Sans SC","Source Han Sans SC","PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;}*/
@import "Noto Sans SC.css";
@import "iconfont.css";
*{ margin:0px; padding:0px; border:0; }
body { -webkit-text-size-adjust: 100%; /*font-family:var(--font); */}
html,body {width:100%;  margin:0px; padding:0; font:16px/1.5  'Noto Sans SC','Microsoft YaHei', arial, \5FAE\8F6F\96C5\9ED1, 'Hiragino Sans GB', sans-serif; background:#f2f8f7; }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,img,button,font,i {border:0;  padding:0; margin:0;  } 
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6,p,em,i,b,span,font,div { margin:0; padding:0; font-weight:normal; font-style:normal;}
ol,ul {list-style:none;}
address,cite,code,th {font-weight:normal;font-style:normal;}
img:hover { opacity:1; filter: alpha(opacity=100); }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
.fl { float:left; }
.fr { float:right; }
a { color:#333; text-decoration:none; }
a:hover{ color:#016e59; text-decoration:none;}
.cl { clear:both;}
div,ul,li,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,i,em,b,span,td,tr,font,a { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

@font-face { font-family: 'roboto'; src: url('Roboto.ttf') format('truetype');}
@font-face { font-family: 'Bebas'; src: url('Bebas.ttf') format('truetype'); }

.reveal { opacity:0; transform:translateY(30px);transition:opacity .7s ease,transform .7s ease; }
.reveal.in {opacity:1; transform:none}


#ewm { width:128px;  position: fixed;  right:25px; bottom:26px;  z-index:999999;  /*top:50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 0px;*/  }
#close { width: 100%; float: left; text-align: right;}
#close i { width: 30px;  color:#fff; font-size:18px; line-height:30px; text-align: center;  background:#62a598; cursor:pointer; display: inline-block; transition:all ease-out .4s 0s; }
#close:hover i {   background:#fe9707; }

.ewmlist { width: 100%; float: left;}
.ewmlist ul li { width: 100%; float: left; background: #fff; margin-top: 10px;  box-shadow: 0 0px 12px rgba(1,110,89, .1);}
.ewmlist ul li h2 { width: 100%; float: left; padding:2px; }
.ewmlist ul li h2 img { width: 100%;}
.ewmlist ul li h3 { width: 100%; float: left; font-size: 16px; line-height: 1.4em; color: #016e59; text-align: center; padding:0 0 15px 0; }
.ewmlist ul li h3.c1 { color: #7e7046; }




.header { width:100%; height:500px; background: url(../images/header.jpg) no-repeat center bottom; text-align: center; position: relative;  }
.header h1 { width:100%;float: left; text-align: center; margin:62px 0 36px 0;  }
.header h1 img {  width:390px;}
.header h2 { width:100%;float: left; text-align: center; }
.header h2 span { padding:0 30px; display: inline-block; margin: 0 6px; font-size: 20px; font-weight: 500; line-height:42px; color: #fff; border-radius:50px; /*background: rgba(1,110,89, 1);*//* background:linear-gradient(135deg, #016e59, #3b9a74);*/   background:linear-gradient(135deg, rgba(1,110,89, .8), rgba(59,154,116, .9));}
.header h3 { width:100%; float: left; text-align: center; margin-top: 56px;  font-size: 20px; line-height:30px; font-weight: 300; color: rgba(1,110,89, 1); }
.header h3 strong { font-weight: 600;}

.mobtop { display: none; }


.nav { width:100%; float: left; height:60px; background: rgba(1,110,89, 1); }
#nav { position:absolute; z-index:9999; width:1200px;  }
.nav li { width: 12.5%; float: left; }
.nav li font { color:#fff; font-size:20px; padding:9px 0 0 0; display:inline-block; font-weight:400; }
.nav li span { height:3px; opacity:0; width:1%; background:rgba(255,255,255,.2); overflow:hidden; display:block; transition:all ease-out .4s 0s; }
.nav li:hover { background:rgba(0,0,0,.2); }
.nav li:hover a font { color:rgba(206,242,147,.9);}
.nav li:hover span { opacity:1; width: 100%;  }
.nav li.navon font { color:#fff;}  /*菜单经过停留效果*/
.nav li.navon span { opacity:1; width: 100%;} /*菜单经过停留效果*/
.nav li a { padding:0 35px 7px 35px; cursor: pointer; transition:all ease-out .3s 0s; text-align: center; line-height:40px; display: block;  }
.nav li a.active { background:rgba(0,0,0,.1); }
.nav li a.active font { color:rgba(206,242,147,.9);  }
.nav li a.active span { opacity:1; width: 100%; background:rgba(206,242,147,.2);}

.nav li .subnav { overflow:hidden; display:none; width:100%; max-width: 150px; position:absolute; margin-left:0; top:100%; box-shadow: 0px 0 4px rgba(0,0,0,0);  background:#e7f5f3; }
.nav li .subnav a { width: 100%; float:left; color:rgba(0,0,0,1); line-height:1.5em; font-weight: 300; text-align: center; font-size:16px;  padding:13px 0; border-bottom: 1px solid rgba(1,110,89,.1);  transition:all ease-out .4s 0s;  }
.nav li .subnav a:hover { background:rgba(1,110,89,.6); color:#fff; }
.nav li .subnav a:last-child {  border-bottom:0 solid rgba(1,110,89,.1); }


.martop { display: none; }
.model_btn .toggleMenu { display:none;}
.model_menu { display:none;}
.mobnav { display: none;}	

.warp { width: 1200px; margin: 0 auto; overflow: hidden; }
.warp2 { width: 1200px; margin: 0 auto; }


/*农品快讯*/
.padt55 { padding-top:55px; }
.focus { width:65%; float: left; }
.focus .swiper-container { width:100%; margin:0 auto; position:relative; overflow:hidden; z-index:1; height:480px; border-radius:0px;  }
.focus .swiper-wrapper { position: relative; width:100%;  height:100%;  z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; }
.focus .swiper-slide { width:100%; height:100%; position:relative; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; }
.focus .swiper-slide li { width:100%; height:100%; position: absolute; overflow:hidden; /*background-repeat:no-repeat; background-position:center center; background-size:cover; */}
.focus .swiper-slide li img { width:100%; height:100%;  transition:all ease-out 2s 0s;}
.focus .swiper-slide li:hover img { transform: scale(1.05);}
.focus .swiper-slide li font { width: 100%; float:left;  position:absolute; bottom:0; padding:30px;  background:linear-gradient(180deg, rgba(1,110,89,0), rgba(1,110,89,.7), rgba(1,110,89,1)); z-index: 6; }
.focus .swiper-slide li font span { width: 100%; float:left;  font-size:26px; line-height:1.5em; font-weight: 600; color:#fff;  text-shadow:0px 0px 5px rgba(0,0,0,.0); padding-bottom: 10px; }
.focus .swiper-slide li font p { width: 100%; float:left;  font-size:18px; line-height:1.5em; font-weight: 300; color:rgba(255,255,255,.85); }
.focus .swiper-pagination { position:absolute; text-align:center;  z-index:10; bottom:0; padding:18px;  left:0; width:100%; display: none; }
.focus .swiper-pagination-bullet { width:12px; height:12px; display:inline-block; border-radius:100%; opacity:1;  border:2px solid #fff; border-radius:50px; cursor:pointer; margin:0 5px;  border:2px solid #fff;  transition:all ease-out .5s 0s; background:none; }
.focus .swiper-pagination-bullet-active{  width: 32px;  background:#fff; border:2px solid #fff;}

.focus .swiper-button-prev,.focus .swiper-button-next { width:50px; height:50px; top:50%; transform: translateY(-50%); margin-top: -10px; cursor:pointer; position:absolute; z-index:99; text-align:center; line-height:50px; font-size:50px; color:#fff; font-family:"\5B8B\4F53";  font-weight:bold; text-shadow:0px 0px 5px rgba(0,0,0,.2); }
.focus .swiper-button-next { right:5px; }
.focus .swiper-button-prev { left:5px; }



.w34 { width:35%; float:left; /*order:2; */}  /*order 表示不影响文档流的逻辑顺序，仅改变视觉呈现顺序*/
.news { width:100%; float: left;   border-radius:0; background:#fff;padding:9px 32px 0 28px; height: 480px; overflow: hidden; }
.news ul li { padding:14px 0; display:flex; align-items: center; border-bottom: 1px solid rgba(9,129,68,.15); transition:all ease-out .3s 0s;  }
.news ul li .date { width:50px; margin-right:14px; float: left; text-align: center; color: #016e59; font-family: 'Bebas'; -webkit-transform:scale(1,.9);}
.news ul li .date h3 { width: 100%;float: left; font-size:32px; line-height:1.1em; margin-bottom:6px; }
.news ul li .date h4  { width: 100%;float: left;font-size: 12px;line-height:1.5em; }
.news ul li .txt { width: calc(100% - 64px); float: left; text-align: left; }
.news ul li .txt a { color: #454545; font-size:18px; line-height:1.55em; font-weight: 300; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.news ul li .txt a:hover { color: #016e59; }
.news ul li:hover { transform: translateX(15px);}



.lm { width:100%;float:left; padding:45px 0 22px 0; }
.lm em { float:left; font-size:30px; line-height:40px; color:#016e59; font-weight: 700;}
.lm em i { display: inline-block; float: left; font-size:32px; color: #016e59; line-height:44px; display: none; }
.lm em i.r12 {margin-right:12px;}

.lm h3 { float:right; margin-top: 2px;  }
.lm h3 b { font-size:16px; line-height:32px; font-weight: 300;  }
.lm h3 b a { color: #666; }
.lm h3:hover b a { color: #016e59; }
.lm h3 span { height:1px; width:40%; background:rgba(1,110,89,.8); overflow:hidden; display:block; float:right; transition:all ease-out .3s 0s;  }
.lm h3:hover span {  width: 100%;}



/*专场预告*/
.zcyg { width:100%; float: left; padding:20px; background:linear-gradient(135deg, rgba(1,110,89,1), rgba(1,110,89,.6),rgba(1,110,89,1)); display:flex; align-items: center; border-radius:0px; overflow: hidden; }

.zcyg .yghb { width: 25%; float: left; height: 174px; overflow:hidden; border-radius:0px;}
.zcyg .yghb img { width: 100%; height: 100%;transition:all 1s ease-in-out; cursor: pointer; }
.zcyg .yghb:hover img { transform: scale(1.05);}

.zcyg .product { width: 50%; float: left;  padding:0 3%; }
.zcyg .product h2 { width: 100%;  float: left;  margin-bottom: 16px; } 
.zcyg .product h2 font {float: left;  font-size: 26px; color: #fff; line-height:40px; font-weight: 600;}
.zcyg .product h2 b { float: left; font-size: 18px; color:rgba(255,255,255,.6); line-height:40px; font-weight: 200; margin-left: 8px;}
.zcyg .product ul li { width: 23.2%; float: left; margin-right: 2.4%; border-radius:0px; overflow: hidden;}
.zcyg .product ul li img { width: 100%;  aspect-ratio: 1 / 1; /*图片比例*/ object-fit: cover; /*居中显示*/  }
.zcyg .product ul li:last-child { margin-right:0; }

.zcyg .info { width: 24.5%; float: left;  }
.zcyg .info p { width: 100%;  float: left; font-size: 16px; color:rgba(255,255,255,.8); line-height: 1.5em; font-weight: 300;}  
.zcyg .info span { width: 100%;  float: left; font-size: 26px; color: #fff; line-height: 1.5em;  font-family: 'Bebas'; margin-bottom: 10px; letter-spacing: 0.03em; } 
.zcyg .info font { width: 100%;  float: left; font-size: 18px; color: #fff; line-height: 1.5em; font-weight: 500; margin-top: 4px;}  



/*特色溯源*/
.gallery { width: 100%; float: left;  }
:root { 
--default-width: 33.33%;  
--hover-shrink: 32%;  
--hover-grow: 36%; 
}

 /* ===== 三图行容器 ===== */
.image-row { display: flex; gap: 12px; justify-content: center;  align-items: stretch;  flex-wrap: nowrap;  position: relative; }
/* ===== 每个图片卡片 ===== */
.image-card { flex: 1 1 33.33%;  max-width: 33.33%; display: flex;flex-direction: column; position: relative; background: #fff; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
transition: flex 0.3s ease-in-out, max-width 0.3s ease-in-out, box-shadow 0.3s ease, transform 0.3s ease;  border-radius:0px; overflow: hidden;  }
.image-card:hover { flex: 1 1 var(--hover-grow);  max-width: var(--hover-grow);box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);  z-index: 2; cursor: pointer; }
.image-card img { display: block;  width: 100%;/* height: auto;*/ aspect-ratio: 9.5/16; /* object-fit: cover; *//*居中显示*/ }
.image-card:hover img {  height: auto; }
.image-card h3 { width: 100%; float: left;  padding:20px 28px 24px 28px;  background:#fff; }
.image-card h3 font { width: 100%; float: left; font-size:22px; color: #333; line-height: 1.5em; font-weight: 600;  margin-bottom:8px; transition:all ease-out .4s 0s; }
.image-card:hover h3 font { color: rgba(1,110,89,1); }
.image-card h3 p { width: 100%; float: left;  color:#666;  line-height:1.6em; font-size:16px;  font-weight:300; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }




/*农品海报 & 农品短视频*/
.w48 { width: 48%; overflow: hidden; }
#hb01 { width:100%; float:left; overflow: hidden;  }
#hb01 ul li { width:185px; float:left; height:330px;  margin-right:10px; transition:all ease-out .3s 0s; overflow: hidden; cursor: pointer;  border-radius:0px; } 
#hb01 ul li img { width:100%; height:100%;  transition:all ease-out .4s 0s; }
#hb01 ul li:hover img { opacity:.6;}

#hb02 { width:100%; float:left;overflow: hidden; }
#hb02 ul li { width:185px; float:left; height:330px;  margin-right:10px;transition:all ease-out .3s 0s; overflow: hidden; border-radius:0px; } 
#hb02 ul li h3 { width:100%; float:left; height:100%; overflow: hidden; position:relative;  }
#hb02 ul li h3 b { width:100%; height: 100%; position:absolute;  float: left; display: block; background-repeat:no-repeat; background-position:center center;  background-size:cover;  transition:all ease-out .5s 0s;  }
#hb02 ul li h3 em { width:50px; height:50px; display:block; border-radius:50%; background: url(../images/player.png) rgba(1,110,89,.3); background-size:cover; position:absolute; top:50%;margin-top: -25px; /*transform: translateY(-50%);*/ left:50%; margin-left:-25px;  z-index:5;  transform:rotate(0deg);  transition:all ease-out .3s 0s;}
#hb02 ul li:hover h3 em { transform:rotate(360deg); }
#hb02 ul li h3 font { width:100%; position:absolute; bottom:-0%; padding:12px 16px; font-size:18px; line-height:1.5em; color:#fff; font-weight: 300; transition:all ease-out .4s 0s;  background:linear-gradient(180deg, rgba(1,110,89,0), rgba(1,110,89,.7), rgba(1,110,89,1)); }
#hb02 ul li:hover h3 font { bottom:0; }
#hb02 ul li:hover h3 b {transform: scale(1.00);}




/*一县一题 & 新闻助农*/
.xwzn { width:100%; float: left;  position: relative;  overflow:hidden;  }
.xwzn ul { display:flex; flex-wrap:wrap; }
.xwzn ul li { width:calc(50% - 5px); float:left;  background:rgba(255,255,255,1); cursor: pointer; margin-right:10px; border-bottom: 20px solid #fff; border-radius:0px; overflow:hidden; 
opacity: 0;transform: translateY(50px) scale(1);transition:all .4s ease-in-out;/*transition-delay: 0s !important; *//* 默认无延迟，快速隐藏 */ 
}
.xwzn ul li h3 { width: 100%; height: 190px; float:left; overflow: hidden; }
.xwzn ul li h3 img { width:100%; height: 100%; transition:all .4s ease-in-out;}
.xwzn ul li:hover h3 img { transform: scale(1.05);}
.xwzn ul li h4 { width: 100%; float:left;  height: 200px; overflow: hidden; padding:0 9%; }
.xwzn ul li h4 span { width: 100%;  float:left; padding:18px 0 0 0;font-size: 20px;  color: #333;  line-height: 28px; font-weight: 600; overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical;-webkit-line-clamp:2;  transition:all .4s ease-in-out; }
.xwzn ul li:hover h4 span { color:#016e59; }
.xwzn ul li h4 p {width: 100%; float:left; padding:9px 0 0 0; font-size:16px; line-height:28px;  color:#666; font-weight: 300;  }

#xwznArr { width:100%; position: absolute;  top:calc(50% - 15px); transform: translateY(-50%);  }
#xwznArr a.next,#xwznArr a.prev { width:24px;  position: absolute;  background:rgba(1, 110, 89, .2); cursor: pointer; margin-bottom: 2px; text-align: center; transition:all .4s ease-in-out; }
#xwznArr a.prev i { font-size: 16px; color: #fff; line-height: 50px; transform: rotate(90deg); display: inline-block; }
#xwznArr a.next i { font-size: 16px; color: #fff; line-height: 50px; transform: rotate(270deg); display: inline-block; }
#xwznArr a.prev { left:0; }
#xwznArr a.next { right:0;}
#xwznArr a.next:hover,#xwznArr a.prev:hover { background:rgba(1, 110, 89, 1);} 

/*新闻助农*/
.xwznh { width:100%; height:380px; overflow:hidden; position: relative;  }
.xwznh ul li { width:100%; height:120px; float:left; background:#fff; overflow:hidden;  display:flex; align-items: center; margin-bottom:10px;
opacity: 0;transform: translateY(50px) scale(1);transition:all .4s ease-in-out;/*transition-delay: 0s !important; *//* 默认无延迟，快速隐藏 */ }
.xwznh ul li h3 { width:30%; float:left;  height:100%; overflow:hidden; }
.xwznh ul li h3 img { width: 100%; height: 100%; transition:all .4s ease-in-out;}
.xwznh ul li:hover h3 img { transform: scale(1.05);}
.xwznh ul li h4 { width:64%; float:right; padding:0 25px;  }
.xwznh ul li h4 span { width: 100%; float: left; font-size:20px; font-weight: 600; line-height: 1.5em; color: #333;  overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical;-webkit-line-clamp:1;transition:all .4s ease-in-out; }
.xwznh ul li h4 p { width: 100%; float: left; padding:9px 0 0 0;  color: #666; font-size: 15px; font-weight: 300;  line-height: 1.6em; overflow:hidden; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.xwznh ul li:hover h4 span { color:rgba(1, 110, 89, 1)}
#xwznhArr { width:100%;}
#xwznhArr { width:24px; position: absolute; right:0; top:0;}
#xwznhArr a.next,#xwznhArr a.prev {  width: 100%;  float: left; background:rgba(1, 110, 89, .2); cursor: pointer; margin-bottom: 2px; text-align: center; transition:all .4s ease-in-out; }
#xwznhArr i {  font-size: 16px; color: #fff; line-height: 50px;  }
#xwznhArr a.prev { transform: rotate(180deg);}
#xwznhArr a.next {}
#xwznhArr a.next:hover,#xwznhArr a.prev:hover { background:rgba(1, 110, 89, 1);} 




/*达人矩阵*/
.drjz { width: 100%; float: left; }
.drjz dl dt { width: 30.8%;float: left; margin-right: 3.8%; }
.drjz dl dt:nth-child(3n) {margin-right:0; }

.slm { width: 100%; float: left;  margin:0 0 10px 0;  }
.slm font { display: inline-block; line-height:43px; padding:0 16px; color:#fff; font-size:18px; font-weight: 300;  border-radius:0px; }
.slm font.c1 { background:rgba(1,110,89,.8); }
.slm font.c2 { background:rgba(1,110,89,.7); }
.slm font.c3 { background:rgba(1,110,89,.6); }
/*.slm font.c2 { background:rgba(254,130,90,.9); }
.slm font.c3 { background:rgba(229,29,76,.7); }*/
.slm h3 { float:right; margin-top: 2px;  }
.slm h3 b { font-size:16px; line-height:32px; font-weight: 300;  }
.slm h3 b a { color: #666; }
.slm h3:hover b a { color: #016e59; }
.slm h3 span { height:1px; width:40%; background:rgba(1,110,89,.8); overflow:hidden; display:block; float:right; transition:all ease-out .3s 0s;  }
.slm h3:hover span {  width: 100%;}

.team { width: 100%; float: left;  }
.team ul { display:flex; flex-wrap:wrap; }
.team ul li { width:32%; float: left;  margin-top:2%; margin-right:2%;  position: relative; overflow: hidden; border-radius:0px; 
opacity: 0;transform: translateY(50px) scale(1);transition:all .4s ease-in-out;/*transition-delay: 0s !important; *//* 默认无延迟，快速隐藏 */}	
.team ul li span { position: absolute; z-index: 5; bottom:-100%; padding:11px 0; width: 100%; font-size:18px; color: #fff; line-height: 1.3em; text-align: center; font-weight: 300; transition:all ease-out .4s 0s;  background:linear-gradient(180deg, rgba(1,110,89,0), rgba(1,110,89,.7), rgba(1,110,89,1)); }
.team ul li img { width: 100%; height: auto; display: block; transition:all .4s ease-in-out;  aspect-ratio: 1 / 1; /* 图片比例 */  /* object-fit: cover; *//*居中显示*/}
.team ul li:hover span { bottom:0; }
.team ul li:hover img { transform: scale(1.1);}
.team ul li:nth-child(3n) { margin-right:0; }



/* 好物优选 */
.pro { width: 100%; float: left; }
.pro ul { display:flex; flex-wrap:wrap; }
.pro ul li { width:calc(25% - 4px); float: left;  background:rgba(255,255,255,.7); margin: 2px; cursor: pointer; 
opacity: 0;transform: translateY(50px) scale(1);transition:all .4s ease-in-out;/*transition-delay: 0s !important; *//* 默认无延迟，快速隐藏 */ } 
.pro ul li h3 { width:100%; float: left; aspect-ratio: 1 / 1;/* 图片比例 */ padding:20px; object-fit: cover;  object-position: center;  } 
.pro ul li h4 { width: 100%; float: left; padding:0 25px 20px 25px;  }
.pro ul li h4 font {  width: 100%; float: left; font-size:18px; line-height:1.3em; color:#016e59; font-weight: 600; transition:all ease-out .4s 0s;  }
.pro ul li h4 em { width: 100%; float: left; font-size:16px; line-height:1.6em; color:#666; font-weight: 300; padding:10px 0 0 0; }
.pro ul li:hover .card-fz {transform: rotateY(180deg); }
.pro ul li:nth-child(4n) { margin-right:0;}

/* 翻转盒子 */
.card-fz { position: relative; width: 100%; height: 100%; float: left;  transition: transform 0.6s ease; transform-style: preserve-3d; transform: rotateY(0deg);  will-change: transform;   }  
/*.card-fz:hover { transform: rotateY(180deg); }*/
.card-zm, .card-bm {  position: absolute; width: 100%;  backface-visibility: hidden; }
.card-bm { transform: rotateY(180deg); }
.card-zm img, .card-bm img {display: block; width: 100%; object-fit: cover; /*user-select: none; pointer-events: none; */aspect-ratio: 1 / 1; }
.card-bm span { width: 100%; position: absolute;  text-align: center; bottom:0px;  }
.card-bm span p { display:inline-block; font-size: 15px; color: #fff; background:rgba(1,110,89, .7); font-weight: 300;  padding:0 10px; line-height:2em;  }


/*合作企业*/
.coop { width:100%; float:left; margin-bottom: 60px; }
.coop ul { display:flex; flex-wrap:wrap; }
.coop ul li { width:calc(20% - 2px);  float:left;  margin:1px;  background:rgba(255,255,255,1); padding:10px 0 15px 0;overflow: hidden;
opacity: 0;transform: translateY(50px) scale(1);transition:all .4s ease-in-out;/*transition-delay: 0s !important; *//* 默认无延迟，快速隐藏 */ }
.coop ul li h3 { width: 100%; float:left; height:88px; display:flex; align-items:center; justify-content: center;  }
.coop ul li h3 img { filter:gray; max-width:100%; max-height: 65%; transition:all .4s ease-in-out; filter:grayscale(0%); }
.coop ul li:hover h3 img { filter:grayscale(50%); }
.coop ul li h4 {width: 100%; float:left; padding:0 5%; font-size:18px; line-height:1.5em; text-align: center; color:#222; font-weight:300; overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical;-webkit-line-clamp: 2; transition:all .4s ease-in-out;}
.coop ul li:hover h4 { color:#016e59; }
.coop ul li:nth-child(5n) { margin-right: 0; }


.mart60 { width: 100%; float: left;  margin-top: 60px; }
.footer { width: 100%; float: left; background:#016e59;  padding:15px 0;  font-size: 16px; line-height: 1.6em; color:rgba(255,255,255,.9); text-align: center;}
.footer span { font-weight: 200; }
.footer strong { font-weight: 500; margin-left: 10px; }





/*--------------------------------------------------------------------------列表页--------------------------------------------------------------------------------*/

.ejlm { width:100%;float:left; padding:12px 0;  background: #fff; margin-bottom: 50px; box-shadow: 0 0px 1px rgba(1,110,89, .05);}
.ejlm h3 { float: left;  line-height:30px; font-size:15px; color:#666; font-weight:300;  }
.ejlm h3 a { color:#666; }
.ejlm h3 a:hover { color:rgba(1,110,89,1); }
.ejlm h3 i { padding:0 10px; }



.page { width:100%;  float:left; padding:0 0 60px 0;  text-align:center; font-weight: 300; }
.page span { font-weight: 300 !important; font-size:16px !important; color: #000 !important;line-height: 32px !important; }

.page a.prev ,.page a.next { width: auto !important; background: rgba(59,154,116,.6) !important; padding:0 13px !important; margin: 0 8px !important; border: 0 solid rgba(1,110,89,.2) !important;
height: 34px !important;  line-height: 34px !important;  font-size: 16px !important; color: #fff !important; transition:all ease-out .3s 0s; }
.page a.prev:hover ,.page a.next:hover { color: #fff !important;  background:rgba(1,110,89,1) !important; }
.mod-ft { margin-bottom: 0 !important;}

#jumppageId  { width: 50px !important; margin: 0 5px !important; text-align: center; border-radius:3px !important; color: #333 !important;  height: 32px !important;  border: 1px solid rgba(1,110,89,.2) !important ;}

.page a.pager-a-jump { width: auto !important; padding:0 14px !important; margin: 0 8px !important;height: 34px !important;  line-height: 34px !important;  font-size: 16px !important; color: #fff !important; transition:all ease-out .3s 0s;  background: rgba(59,154,116,.6) !important;  border: 0 solid rgba(1,110,89,.2) !important; }
.page a.pager-a-jump:hover { color: #fff !important;  background:rgba(1,110,89,1) !important;  }



/*---------------------------------------------------------------正文页-----------------------------------------------------*/

.warp4 { width: 1200px; margin: 0 auto; }
.con { width:100%; float:left; background: #fff; padding:50px 55px 55px 55px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);}

.article_tit { width:100%; float:left;  padding:0 0 45px 0;  border-bottom: 1px dotted rgba(1,110,89,.2) ; text-align:center; margin-bottom: 10px; }
.article_tit h1 { width:100%; float:left; font-size:34px; color:#222; line-height:1.5em; font-weight:800;  }
.article_tit h2 { width:100%; float:left;  padding:15px 0 0 0;   }
.article_tit h2 span { padding:0 6px; color:#777;  font-size:19px; line-height:1.5em; font-weight: 200;  }


.article_player { width:100%; float:left; text-align: center; margin-top: 45px;  }
#player { width:80%; height:auto; margin:0 auto; }

.article { width:100%; float:left;  }
.article img { max-width:80%; height:auto; }
.article center { padding-top:30px; }
.article p { padding-top:30px; text-align: justify;  font-size:18px; line-height:2em; color:#222; font-weight: 300;}
.article p strong { font-size: 22px;  font-weight: 600; }






.article_txt { width:100%; float:left; font-size:16px; line-height:32px;  color:#999; text-align:right; margin-top: 35px;  font-weight: 300;  }
.article_txt b { padding:0 12px; font-size:12px; color:#999; vertical-align:top; line-height:30px;  font-weight: 300;  }




.team_article { width:100%; margin:0 auto; position:relative; overflow: hidden; left:0; top:0px;  }
.face_info { width:330px; float: left; padding:50px; background:linear-gradient(135deg, rgba(255,255,255,1), rgba(255,255,255,1)); position:absolute; top:0; left:0; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);  border-radius:0 0 30px 30px;  }
.face_info h3 { width:100%; float: left;  overflow: hidden; display:block; text-align: center; }
.face_info h3 img { width:75%;  aspect-ratio: 1 / 1;  border-radius:100%; border: 8px solid rgba(1,110,89,.1); }
.face_info h4 { width:100%;float: left; width:100%;float: left;  font-size:28px; color: rgba(1,110,89,1); line-height: 1.5em; font-weight: 600; text-align: center; padding:20px 0 14px 0;  }
.face_info h5 {width:100%;float: left;  color:#555; line-height:1.6em; font-size:19px; font-weight: 400; text-align: center; }
.face_info h6 { width:100%; float: left; color:#666; line-height:1.8em; font-size:16px; font-weight: 300; padding:30px 0 0 0;  }
#huadong.fixed { width:330px; float: left; padding:50px; position:fixed; top:0px; left:50%; margin-left: -600px; }


.w65 { width:calc(100% - 385px); float: right;  background: #fff; padding:15px 50px 40px 50px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04); min-height: 500px; }

.xgbd { width: 100%; float: left;  margin:40px 0 0 0;  border-bottom: 2px solid rgba(1,110,89,1);}
.xgbd font { display: inline-block; line-height:48px; padding:0 25px; color:#fff; font-size:20px; font-weight: 600;  border-radius:0px;  background:rgba(1,110,89,1); }

.list_team_xw { width:100%; float:left;  margin:40px 0 0 0;  }
.list_team_xw ul li { width:100%; float:left;  margin:0 0 20px 0; padding:0 0 20px 0;  border-bottom: 1px dashed rgba(1,110,89,.2);  display:flex; align-items: center;
opacity: 0; transform: translateY(50px) scale(1); transition:all .4s ease-in-out; }
.list_team_xw ul li h5 { width:8%; margin-right:3%; float: left; color:rgba(1,110,89,1); font-family: 'Bebas'; text-align: center;}
.list_team_xw ul li h5 font { width: 100%;float: left; font-size:32px; line-height:1.1em; margin-bottom:6px; -webkit-transform:scale(1,.9); }
.list_team_xw ul li h5 b { width: 100%;float: left;font-size: 12px;line-height:1.5em; color:rgba(1,110,89,.5); }
.list_team_xw ul li h3 { width:18%; float:left; overflow: hidden; height: 100%;border-radius:0px;  }
.list_team_xw ul li h3 img { width:100%; aspect-ratio: 16 / 10;  }
.list_team_xw ul li h4 { width:71%; float:right; padding:0 3.5%;  font-size: 20px;  line-height: 1.5em;  font-weight: 400;  transition:all .4s ease-in-out;}
.list_team_xw ul li h4 a { color: #333; transition:all .4s ease-in-out;}
.list_team_xw ul li:hover h4 a { color:rgba(1,110,89,1);}
.list_team_xw ul p { width:100%; float:left; }
.list_team_xw ul p img { max-width:80%; height:auto; }
.list_team_xw ul p center { padding-top:30px; }
.list_team_xw ul p { padding-top:30px; text-align: justify;  font-size:18px; line-height:2em; color:#222; font-weight: 300;}
.list_team_xw ul p strong { font-size: 22px; font-weight: 600; }

/* 移动端适配 */
@media (max-width: 820px) {
.nav { display: none; }

.header { display: none; }
.mobtop { width: 100%; float: left; display: block; }
.mobtop img { width: 100%; height: auto;}
	
#ewm { width:25vw; right:0%; bottom:3.5vw;   }
#close i { width:7vw;  font-size:5vw; line-height:7vw; background:#62a598; }
#close:hover i {   background:#62a598; }
.ewmlist ul li { margin-top: 2vw;  box-shadow: 0 0px 5vw rgba(1,110,89, .1);}
.ewmlist ul li h2 {  padding:2px; }
.ewmlist ul li h3 {  font-size: 3.25vw; line-height: 1.4em;  padding:0 0 2vw 0; }


	

.mobnav { width:100%; position: fixed; top:0; right:0; z-index:9999999999; height:9.2vw;  display:block; }	

.model_btn { float: right; display:flex; align-items:center; height: 100%; background:#016e59;   }
.model_btn .toggleMenu { width:5vw; height:4vw; position:relative; display:block; right:0; margin-top: -1vw;transform: scale(.8);padding:0 2.5vw; }
.model_btn .toggleMenu span { display:block; height:2px; margin:0 0 1.9vw 0; background:#fff;}
.model_btn.on .line1 { transform:rotate(-135deg) translate(-7px, -7px) ;-webkit-transform:rotate(-135deg) translate(-7px, -7px);  bottom:auto; transition:all ease-out .3s 0s; -webkit-transition:all ease-out .3s 0s;  }
.model_btn.on .line2 { transform:rotate(-45deg); -webkit-transform:rotate(-45deg); bottom:auto; transition:all ease-out .3s 0s; -webkit-transition:all ease-out .3s 0s; }
.model_btn.on .line3 { display:none; transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s; }

.model_menu { position:absolute; z-index:99999; right:0; top:9.2vw; width:50%; font-size:3.5vw;   box-shadow: 0 4px 10px rgba(1,110,89, .1); background:#fff;  }
.sideMen { width:100%; float: left;  }
.sideMen h3 { width:100%; float: left; font-size:3.75vw; font-weight: 300; line-height:2em; color: #fff; padding:2vw 4.5vw; background:rgba(1,110,89, 1); border-bottom: 0px solid rgba(1,110,89,.1); transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;}
.sideMen h3 a { color:#fff;}
.sideMen h3 em { float:right; display:block; width:32px; height:32px; background:url(../images/jia.png) right center no-repeat; transition:all ease-out .3s 0s; -webkit-transition:all ease-out .3s 0s;}
.sideMen h3 em.on {background:url(../images/jian.png) right center no-repeat;  }
.sideMen ul { width: 100%;float: left;  padding:2vw 4.5vw;  border-bottom: 1px solid rgba(0,0,0,.05); }
.sideMen ul li { width: 100%;float: left; font-size: 3.5vw; line-height: 1.5em; color:#000; padding:1.25vw 0; font-weight: 300; }
.sideMen ul li a,.sideMen ul li a:hover { color:#000;}
	
.sideMen h4 { width:100%; float: left; font-size:3.75vw; line-height:2em; color: #000; padding:2vw 4.5vw; background:#fff; border-bottom: 1px solid rgba(1,110,89,.1); color:#fff;}
.sideMen h4 a { color:#016e59;}

.warp { width:100%;  padding:0 5%; }	
.warp2 { width:100%;  padding:0 5%; }	
	
/*农品快讯*/
.padt55 { padding-top:0;}
.focus { width:100%; margin-top: 5%;}
.focus .swiper-container { height:54vw;  }
.focus .swiper-slide li:hover img { transform: scale(1);}	
.focus .swiper-slide li font { padding:5vw 5.5% 6.5vw 5.5%;   }
.focus .swiper-slide li font span { width: 100%; float:left;  font-size:4.5vw; line-height:1.4em; padding-bottom: 1vw; font-weight: 500; }
.focus .swiper-slide li font p { font-size:3.5vw; line-height:1.5em; display: none; }
.focus .swiper-pagination { padding:2.2vw; display: block; }
.focus .swiper-pagination-bullet { width:2.75vw; height:2.75vw;  border-radius:10vw;  margin:0 1vw;   }
.focus .swiper-pagination-bullet-active { width: 7vw; }
.focus .swiper-button-prev,.focus .swiper-button-next {  width:8vw; height:8vw; line-height:8vw; font-size:8vw; display: none; }
	
.w34 { width:100%; }
.news { padding:1.25vw 4.5vw 5.5vw 4.5vw; height: auto; }
.news ul li { padding:2.25vw 0; }
.news ul li .date { width:16vw; margin-right:1vw; -webkit-transform:scale(1,.8);}
.news ul li .date h3 { font-size:6vw; line-height:1.2em; margin-bottom:8px; }
.news ul li .date h4  { font-size:3.25vw; line-height:1.2em; }
.news ul li .txt { width: calc(100% - 18vw); float: left; text-align: left; }
.news ul li .txt a { font-size:3.75vw; line-height:1.5em; font-weight: 300; }
.news ul li .txt a:hover { color: #454545; }	

	
.lm { padding:5vw 0 2.25vw 0; }
.lm em { font-size:5vw; line-height:1.5em;  font-weight: 700;}
.lm em i { font-size:32px;  line-height:44px; display: none; }
.lm em i.r12 {margin-right:1vw;}

.lm h3 { float:right; margin-top: -.6vw; }
.lm h3 b { font-size:3.5vw; line-height:1.8em;   }
.lm h3 b a { color: #666; }
.lm h3:hover b a { color: #016e59; }
	
	

/*专场预告*/
.zcyg {  padding:5%; display:grid;  }
.zcyg .yghb { width: 100%; height:48vw; }
.zcyg .yghb:hover img {  transform: scale(1);}

.zcyg .product { width: 100%;  padding:5% 0; }
.zcyg .product h2 { margin-bottom: 2.75vw; } 
.zcyg .product h2 font { font-size:5vw; line-height:6vw; }
.zcyg .product h2 b {  font-size: 3.5vw; line-height:6vw; margin-left: 2vw;}
	
.zcyg .product ul li { width: 23.2%; float: left; margin-right: 2.4%; }
.zcyg .product ul li img { width: 100%; height: auto; }
.zcyg .product ul li:last-child { margin-right:0; }

.zcyg .info  { width: 100%; padding-bottom: 1% } 
.zcyg .info p { font-size: 3.5vw; line-height: 1.5em; }  
.zcyg .info span { font-size: 5vw;  line-height: 1.4em; margin-bottom:2vw; } 
.zcyg .info font { font-size: 3.75vw; line-height: 1.4em; margin-top: 0vw;}  
	
	

	
/*特色溯源*/
.gallery { padding:0 calc(5% - 3vw) ;  }
:root { --mobile-active-width: 40%;/* 激活图片宽度 */ --mobile-inactive-width: 30%; /* 非激活图片宽度 */ --mobile-gap:1.5vw; /* 图片间距 */}
.image-row { gap: var(--mobile-gap);  border-radius:0;  overflow: visible;  }
.image-card { flex: 0 0 auto !important; max-width: none !important; border-radius:0vw; cursor: pointer; overflow: hidden; touch-action: pan-y;  will-change: transform, width;
transition: width 0.4s cubic-bezier(0.34, 1.56, 0.64, 1),  box-shadow 0.3s ease,   transform 0.3s ease, opacity 0.3s ease;}
.image-card img { display: block;  width: 100%;  height: auto;  /* aspect-ratio: 9/16;  图片比例*/ }
.image-card h3 { padding:2.5vw 3vw 3.5vw 3vw; }
.image-card h3 font { font-size: 4vw; font-weight: 600; line-height: 1.4em;  margin-bottom:.5vw; }
.image-card:hover h3 font { color:#333; }
.image-card h3 p {  font-size: 3.5vw; line-height:1.4em; margin-top: .5vw;  -webkit-line-clamp:4; }


/* 核心宽度控制 (所有宽度都在这里调整)  */
/* ---- 默认状态：中间为60%，左右为20% ---- */
.image-card:nth-child(1) { width: var(--mobile-inactive-width) !important; }
.image-card:nth-child(2) { width: var(--mobile-active-width) !important; }
.image-card:nth-child(3) { width: var(--mobile-inactive-width) !important; }

/* ---- 当某张卡片被激活 (active) ---- */
/* 激活的卡片变为60% */
.image-card.active {  width: var(--mobile-active-width) !important; box-shadow: 0 1vw 5vw rgba(0, 0, 0, 0.1);  z-index: 3; transform: scale(1); }

/* 非激活的卡片变为20% */
.image-row.has-active .image-card:not(.active) { width: var(--mobile-inactive-width) !important;  opacity: 0.85;  transform: scale(1); }
.image-row.has-active .image-card.active {  width: var(--mobile-active-width) !important;  opacity: 1; transform: scale(1);}

/* ---- 滑动中的过渡效果 ---- */
.image-card.swiping {  transition: none !important;  }
.image-card.swipe-over { transform: scale(1.04); box-shadow: 0 8px 24px rgba(59, 130, 246, 0.3); }

/* ---- 点击/触摸反馈 ---- */
.image-card:active { transform: scale(1);  transition-duration: 0.1s; }
.image-card.active:active {  transform: scale(1);}	
	
	

/*农品海报 & 农品短视频*/
.w48 { width:100%; }
#hb01 ul li { width:43vw; height:73vw;  margin-right:10px; } 
#hb02 ul li { width:43vw; height:73vw; margin-right:10px; } 
#hb02 ul li h3 em { width:10vw; height:10vw;  margin-left:-5vw; margin-top:-8vw; }
#hb02 ul li:hover h3 em { transform:rotate(0deg); }
#hb02 ul li h3 font {  padding: 2vw 3vw 2.5vw 3vw;  font-size:3.75vw; line-height:1.4em;}


/*一县一题 & 新闻助农*/
.xwzn ul li { width:calc(50% - 5px);  margin-right:10px; border-bottom: 4vw solid #fff; }
.xwzn ul li h3 { height: 30vw;  }
.xwzn ul li:hover h3 img { transform: scale(1);}
	
.xwzn ul li h4 { height: 39vw; overflow: hidden; padding:0 10%; }
.xwzn ul li h4 span {  padding:3.5vw 0 0 0;font-size:4vw;  color: #333;  line-height:1.4em; -webkit-line-clamp:2;  transition:all .4s ease-in-out; }
.xwzn ul li:hover h4 span { color:#016e59; }
.xwzn ul li h4 p {width: 100%; float:left; padding:1.5vw 0 0 0; font-size:3.5vw; line-height:1.6em;  }


#xwznArr {  top:calc(50% - 6.5vw);  }
#xwznArr a.next,#xwznArr a.prev { width:24px;  }
#xwznArr a.prev i,#xwznArr a.next i { font-size: 3.5vw; line-height:12vw; }
#xwznArr a.next:hover,#xwznArr a.prev:hover { background:rgba(1, 110, 89, .2);} 
	

/*新闻助农*/
.xwznh {  height:74vw;}
.xwznh ul li { width:100%; height:23vw;  margin-bottom:2.5vw; }
.xwznh ul li h3 { width:38%;  }
.xwznh ul li:hover h3 img { transform: scale(1);}
.xwznh ul li h4 { width:56%; padding:0 4.5vw;  }
.xwznh ul li h4 span { font-size:4vw;  line-height:1.5em; -webkit-line-clamp:1; }
.xwznh ul li h4 p { padding:1vw 0 0 0; font-size:3.5vw; line-height:1.5em; -webkit-line-clamp:2; }
.xwznh ul li:hover h4 span { color:#333;}
#xwznhArr { width:24px; }
#xwznhArr i {font-size: 3.5vw; line-height:calc(11.5vw - 1px); }
#xwznhArr a.next:hover,#xwznhArr a.prev:hover { background:rgba(1, 110, 89, .2);} 

	

	
/*达人矩阵*/
.drjz dl dt { width: 100%; margin-right: 0%; }
	
.slm { margin:0 0 1.5vw 0;  }
.slm font { display: inline-block; line-height:2.3em; padding:0 3vw; font-size:3.75vw;  }
.slm font.c1 { background:rgba(1,110,89,.8); }
.slm font.c2 { background:rgba(1,110,89,.7); }
.slm font.c3 { background:rgba(1,110,89,.6); }
.slm h3 { float:right; margin-top: 0vw; }
.slm h3 b { font-size:3.5vw; line-height:1.8em; }
.slm h3 b a { color: #666; }
.slm h3:hover b a { color: #016e59; }
	
.marb{margin-bottom: -5%; }
.team { width: 100%; float: left; margin-bottom: 5%; }
.team ul { display:flex; flex-wrap:wrap; }
.team ul li {  width:calc(25% - 2px); float: left;  margin-top:2px; margin-right:2px;  }	
.team ul li span {  bottom:0;  padding: 1vw 3vw 2vw 3vw; font-size: 3.5vw;  line-height: 1.4em;  background:linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.5), rgba(0,0,0,.8)); }
.team ul li:hover img { transform: scale(1);}	
.team ul li:last-child { display: none; }
.team ul li:nth-child(3n) { margin-right:2px; }
.team ul li:nth-child(4n) { margin-right:0; }	
	

/* 好物优特 */
.pro { width: 100%; float: left; }
.pro ul { display:flex; flex-wrap:wrap; }
.pro ul li { width:calc(50% - 2px); float: left;  background:rgba(255,255,255,.7); margin:0 4px 4px 0; cursor: pointer; 
opacity: 0;transform: translateY(50px) scale(1);transition:all .4s ease-in-out;/*transition-delay: 0s !important; *//* 默认无延迟，快速隐藏 */ } 
.pro ul li h3 { padding:4vw;  } 
.pro ul li h4 {  padding:0 4vw 3.75vw 4vw;  }
.pro ul li h4 font { font-size:3.75vw; line-height:1.3em; }
.pro ul li h4 em { font-size:3.5vw;  padding:2vw 0 0 0;line-height:1.5em;  }
.pro ul li:hover .card-fz {transform: rotateY(180deg); }
.pro ul li:nth-child(2n) { margin-right:0;}
	
.card-bm span p {  width: 100%; font-size: 3vw;  padding:0 1vw; line-height:2em;  }	

/*合作企业*/
.coop {	margin-bottom: 6%; }
.coop ul { display:flex; flex-wrap:wrap; }
.coop ul li { width:calc(33.33333% - 2px); margin:1px; padding:1.5vw 1.5vw 2.5vw 1.5vw;}
.coop ul li h3 { height:14vw;  }
.coop ul li h3 img { filter:grayscale(0%);  max-width:80%; max-height:75%; }
.coop ul li h4 { font-size:3vw; line-height:1.3em; -webkit-line-clamp: 3; }
.coop ul li:hover h4 { color:#222; }


	
	
.footer { padding:2.75vw 5%;  font-size: 3.5vw; line-height:5vw;  }
.footer strong {  margin-left: 2vw; }
	
	
	
	
	
	
/*--------------------------------------------------------------------------列表页--------------------------------------------------------------------------------*/

.ejlm { padding:3vw 0;  margin-bottom: 5%;  box-shadow: 0 0px 1px rgba(1,110,89, .05);}
.ejlm h3 { float: left;  line-height:1.5em; font-size:3.25vw; }
.ejlm h3 a:hover { color:#666; }
.ejlm h3 i { padding:0 2vw; }



.page {  padding:0 0 6% 0; }
.page span {  font-size:3.25vw !important;  line-height: 7vw !important; }

.page a.prev ,.page a.next { width: auto !important;  margin: 0 1vw !important; padding: 0 2vw !important;  
height: auto !important;  line-height: 7vw !important;  font-size: 3.25vw !important; }
.page a.prev:hover ,.page a.next:hover { color: #fff !important;  background:rgba(1,110,89,1) !important; }


#jumppageId  { width: 10vw !important; margin: 0 1vw !important;  height: 7vw !important; font-size: 3.25vw !important;  }

.page a.pager-a-jump { width: auto !important;  margin: 0 1vw !important; padding: 0 2.5vw !important;   height: auto !important;  line-height: 7vw !important;  font-size: 3.25vw !important;  }
.page a.pager-a-jump:hover { color: #fff !important;  background:rgba(1,110,89,1) !important;  }	
	
	
	
	
	
/*---------------------------------------------------------------正文页-----------------------------------------------------*/
.warp4 { width:100%; }
.con { padding:6%; box-shadow: 0 0 0 rgba(0, 0, 0, 0.00);}

.article_tit { padding:0 0 5% 0;  margin-bottom:1.5vw; }
.article_tit h1 { font-size:5.5vw; line-height:1.4em; font-weight:700; /*color: rgba(1,110,89, 1);*/  }
.article_tit h2 { padding:1vw 0 0 0;  }
.article_tit h2 span { padding:0 1vw; color:#777;  font-size:3.25vw; line-height:1.5em; font-weight: 300;  }


.article_player {  margin-top: 4vw;  }
#player { width:100%;  }


.article img { max-width:none;  width:100%;}
.article center { padding-top:4vw; }
.article p { padding-top:4vw;  font-size:3.75vw; line-height:1.9em; font-weight: 300;}
.article p strong { font-size: 4.5vw;  }

.article_txt { font-size:3.5vw; line-height:1.8em; ; margin-top:4.5vw;   }
.article_txt b { padding:0 2vw; font-size:3vw;  line-height:1.8em;   }
	
	
	
.team_article { width:100%;  position:inherit; overflow: none;  }

.face_info { width:100%; float: left; position:inherit; padding:8vw 9vw 7vw 9vw;  border-radius:0 0 5vw 5vw;  margin-bottom: 4%; }
.face_info h3 img { width:44%;  aspect-ratio: 1 / 1;  border-radius:100%; border: 8px solid rgba(1,110,89,.1); }
.face_info h4 { font-size:6vw;  padding:3.5vw 0 3vw 0;  }
.face_info h5 { font-size:4.5vw; line-height: 1.5em;   font-weight: 400; color: #666;  }
.face_info h6 { font-size:3.5vw; font-weight: 300; line-height: 1.75em; padding:5vw 0 0 0;}
#huadong.fixed { width:100%; float: left; padding:8vw 10vw;  position:inherit;  margin-left: 0px; }


	
	
.w65 { width:100%; float: left; padding:2vw 6vw 3vw 6vw;  margin-bottom: 5%; border-radius:5vw; min-height: auto;}
	
.xgbd { margin:7vw 0 0 0;  }
.xgbd font { line-height:2.25em; padding:0 4vw;  font-size:4vw;  }	
	
.list_team_xw { margin:5vw 0 0 0; }
.list_team_xw ul li { margin:0 0 3.75vw 0; padding:0 0 3.75vw 0; }
.list_team_xw ul li h5 { width:15%; margin-right:3%; }
.list_team_xw ul li h5 font {  font-size:6vw; line-height:1.1em; margin-bottom:6px; -webkit-transform:scale(1,.9); }
.list_team_xw ul li h5 b { font-size: 2.5vw;  }
.list_team_xw ul li h3 { width:32%; float:left; overflow: hidden; height: 100%; }
.list_team_xw ul li h3 img { width:100%; aspect-ratio: 16 / 10;  }
.list_team_xw ul li h4 { width:50%; float:right;  padding:0 0 0 5%;  font-size: 3.5vw;  line-height: 1.5em; font-weight: 400; }
.list_team_xw ul li:hover h4 a { color:#333;}
	

}

