/* CSS Document */
/*
Theme Name: 中农集团
Theme URI: http://www.zhongnong.com/
Description:  爱永的作品。
Author:  爱永
Author URI: https://www.aysheji.com/
Date:2025-07-14
Version: 1.0
License: 爱永许可认证
*/
*{margin:0;padding:0;}
html{font-size:44.44px; overflow-x:hidden;}
@media screen and (min-width:320px) and (max-width:359px){html{font-size:44.44px}
html[mip]{font-size:44.44px!important}}
@media screen and (min-width:360px) and (max-width:374px){html{font-size:50px}
html[mip]{font-size:50px!important}}
@media screen and (min-width:375px) and (max-width:383px){html{font-size:52.08px}
html[mip]{font-size:52.08px!important}}
@media screen and (min-width:384px) and (max-width:392px){html{font-size:53.33px}
html[mip]{font-size:53.33px!important}}
@media screen and (min-width:393px) and (max-width:413px){html{font-size:54.58px}
html[mip]{font-size:54.58px!important}}
@media screen and (min-width:414px) and (max-width:539px){html{font-size:57.5px}
html[mip]{font-size:57.5px!important}}
@media screen and (min-width:540px){html{font-size:75px}
html[mip]{font-size:75px!important}}

ul,li,ol{list-style:none;}
img{ border:0; display:block; max-width:100%; transition: all 0.6s;}
.img100{width:100%; height:100%; object-fit: cover;object-position: center;}
a{text-decoration:none;	color:#3a3a3a;	outline:none;}



body{font-size:14px; color: #3a3a3a;  font-family: 'Noto Sans TC', 'Pingfang-SC', sans-serif;}
html.bodyhidden{ overflow:hidden;}
.clear{ clear:both;}
.clearfix::after, .clearfix::before{display: table; content: " ";}
.clearfix:after { clear:both}
*, ::after, ::before{box-sizing: border-box;}
a, button{cursor: pointer;}
a:hover{ color:#505050;}
button{ border:none; background:none; border-radius: 0;}
video{ width:100%; height:auto; display:block; object-fit:fill;}
table{ width:100%; border-collapse:collapse;}


/*以下为兼容手机*/
input, textarea, select{appearance: none;-moz-appearance: none;-webkit-appearance: none;}
input:focus, textarea:focus {outline: none;}
input:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plaintext-only;}
input::-ms-clear {display: none;}
/*以上为兼容手机*/

/*针对 type-"number"*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{ -webkit-appearance: none !important;}
input[type="number"]{ -moz-appearance: textfield;}


.swiper-wrapper{position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.swiper-slide{-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%;position: relative;}

.mobile{ display:none !important;}
.wrap{ width:1200px; margin:0 auto;}

.topbg{background-color: #15b368;line-height: 40px; display:none;}
.topflex{ display:flex; justify-content:flex-end; align-items:center;}
.topmenu{}
.topmenu ul{ display:flex;}
.topmenu ul li a{ color:#fff; padding:0 10px; line-height:40px; display:block;}
.toplang{ display:flex;}
.toplang a{ color:#fff; padding:0 10px; display:block;}
.topsearch{ cursor:pointer; margin-left:10px; background:rgba(255,255,255,0.3); padding:5px 13px; border-radius:20px; }
.topsearch img{ width:16px;}


.headerbg{ /*background: linear-gradient(180deg, #13131352 50%, #1f1f1f00 100%);*/ height:65px; border-bottom:#ddd 1px solid; top:0; width:100%; z-index:9999;}
.headerbg.headfixd{ position:fixed; background:#fff;}
.header{}
.header .logo{ width:auto; max-width:200px; float:left; margin-top:5px;}
.header .logo a{ display:block;}
.header .logo img{ max-height:50px;}

.menucion{ width:30px; height:30px; float:right; cursor:pointer; margin-top: 15px; display:none;}
.menucion img:nth-child(2){ display:none;}
.menucion.glactive img:nth-child(1){ display:none;}
.menucion.glactive img:nth-child(2){ display:block;}


.nav{ float:right;}
#miannavul{ display:flex; justify-content:flex-end;}
.nav li{ display:block; line-height:65px; cursor: pointer; position:relative; margin:0 0 0 30px; padding-right:20px;}
.nav li.menu-item-has-children:after{ content:""; display:inline-block; position:absolute; right:5px; top:48%; width:12px; height:6px; background:url(images/navlibg.png) no-repeat right center; background-size:cover;transition: all 0.3s;
-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;}
.nav li.menu-item-has-children:hover:after{transform: rotate(180deg);}
.nav li a{ display:block; color:#3a3a3a; font-size:16px; position:relative;}
.nav li a:before{ content: "";position: absolute;left: 0;bottom:10px;width: 0;height: 2px;background-color: #15b368;transition: 0.3s;}
.nav li a:hover:before, .nav li.current a:before{ width:30px;}
.nav li a:hover{ color:#15b368;}

/*二级导航*/
.nav li .sub-menu{ width:180px; position:absolute; top:65px; left:0px; padding:10px 0 10px 0px; background:rgba(255,255,255,0.8); display:none; border-bottom-left-radius:5px; border-bottom-right-radius:5px; box-shadow: 4px 3px 6px 0px rgba(0,0,0,0.1); z-index:99;}
.nav li .sub-menu li{ width:100%; margin:0; display:block; line-height:40px; padding:0 0 0 20px; /*background:url(images/navliullibg.png) no-repeat 10px center;  background-size:10px 10px;*/}
.nav li .sub-menu li:hover{background:#eee; background-size:10px 10px;}
.nav li .sub-menu li a{ font-size:13px; color:#666; display:block;transition: all 0.3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;}
.nav li .sub-menu li a:before{ display:none;}
.nav li .sub-menu li a:hover{ color:#15b368; font-size:15px;}


/*搜索框*/
.header_searchbg{ width:100%; height:100%; background:rgba(0,0,0,0.8); position:fixed; left:0; top:0px; z-index:9999; transition:all 0.5s;  opacity: 0; display:none;}
.header_searchbg.active{ opacity: 1; display:block;}
.header_searchform{max-width:640px; margin:0 auto; height:100%; display:flex; align-items:center;}
.header_searchform form{ width:100%; display:flex; align-items:center; transition: all 0.5s;}
.header_searchform input{ line-height:24px;}
.header_searchform .search_filed{ color:#000; font-weight:300; font-size:16px; padding:13px 10px; width:100%; background:#fff; border:none; border:#15b368 1px solid;}
.header_searchform .search_submit{ background:#15b368; border:none; color:#fff; font-size:18px; padding:13px 35px; cursor:pointer;}


.ibannerall{ width:100%; position:relative;}
.islide{ overflow:hidden; height:580px;}
.islide .swiper-slide{}
.islide .islidebg{ background-repeat:no-repeat; background-size:cover; background-position:center; width:100%; height:100%; padding: 5% 12% 5% 12%; cursor:grab;}
.islide .islidetext{transform: translateY(50px); opacity: 0; transition: 1s 1s;}
.islide .islidetext h1{color: #000000;  font-size: 80px;  font-weight:700;  letter-spacing: 3px;margin-bottom: 14px;}
.islide .islidetext .islidetextnr{color: #000000;  font-size: 30px;line-height: 1.4;}

.islide .islideitem1 .islidebg{ display:flex; justify-content:center; align-items:center; text-align:center;}

.islide .islideitem1 .islidetext h1, 
.islide .islideitem1 .islidetext .islidetextnr,
.islide .islideitem3 .islidetext h1, 
.islide .islideitem3 .islidetext .islidetextnr
{ color:#fff;}


.islide .swiper-slide-active .islidetext{transform: translateY(0); opacity: 1;}

.ibannerall .ibannerbtn a { width:50px; height:50px; position:absolute; top: 50%; margin-top:-25px; z-index:3;}
.ibannerall .ibannerbtn a.ibannerprve{ left:0%; background:url(images/btn_prve.png) no-repeat center center; border-radius: 100%; }
.ibannerall .ibannerbtn a.ibannernext{ right:0%; background:url(images/btn_next.png) no-repeat center center; border-radius: 100%; }

.ibannerall .ibannerjt{ position:absolute; width:100%; text-align:center; bottom:2%; z-index:5;}
.ibannerall .ibannerjt span{ display:inline-block; width:40px; height:6px; margin:0 5px; cursor:pointer; background-color: rgba(255,255,255,0.5); border-radius:5px; }
.ibannerall .ibannerjt span.swiper-pagination-bullet-active{ background:#333;}



.ititle{}
.ititle span{ font-size:40px; color:#8a8a8a; font-weight:lighter; line-height:44px; text-transform:uppercase;}
.ititle h2{ font-size:30px; color:#008742; font-weight:normal; line-height:33px;}

.iaboutnewbg{ padding:80px 0 80px 0; background:#f5f5f5;}
.iaboutnew{ display:flex;align-items:center; justify-content:space-between;}
.iaboutnewleft{ width:41%;}
.iaboutnewleft video{ height:380px;}
.iaboutnewright{ width:55.8333%;}
.iaboutnewcon{color: #000000;line-height:31px; margin-top:26px;}
.iaboutnewcon p{font-size: 18px; text-indent:2em;}
.imorebtn{ margin-top:18px;}
.imorebtn a{ display:block; width:151px; height:42px; line-height:42px; text-align:center; color:#008742; border:#008742 1px solid; font-size:16px; font-weight:lighter; border-radius:30px; transition: all 0.3s;}
.imorebtn a:hover{ background:#008742; color:#fff;}




.ititall{ padding:90px 20px;}
.itit{ text-align:center;}
.itit h1{font-size: 30px;  letter-spacing: 3px; font-weight:normal; line-height:30px;}
.itit .ititdesc{font-size: 17px; margin:10px 0; letter-spacing: 2px;}
.ititline{ background:#B4B4B4; height:1px; width:112px; margin:25px auto 0;}


.ihwoallbg{ padding-bottom:40px;}

.ihowtit{ margin-bottom:40px;}
.inum{color: #008742;  font-family: "Arial", Sans-serif;  font-size: 25px;  font-weight: 600;}
.ihowtitline{ position:relative; margin-top:10px;}
.ihowtitline span{ background:#fff; padding-right:20px; font-size: 20px;  font-weight: 400; position:relative; z-index:2;  letter-spacing: 1px;}
.ihowtitline:after{ content:""; display:block; width:100%; position:absolute; top:50%; height:1px; background:#ccc;}

.iwholist{}
.iwholist ul{ display:flex; flex-wrap:wrap;}
.iwholist li{ width:32%; margin-right:2%; margin-bottom:40px;}
.iwholist li:nth-child(3n){ margin-right:0;}
.iwholist li a{ display:block;}
.iwholist li a .iwhoimg{ margin-bottom:24px;}
.iwholist li a .iwhotext{ background:url(images/footer-menu-icon.jpg) no-repeat; background-position: 5px 9px;  padding-left: 20px; font-size:16px;}



.iaboutbg{ background:#FCFCFC;}
.iabout{ display:flex; justify-content:space-between;}
.aboutleft{background-image: url("images/home-line.png");
  background-position: 10px 0px;
  background-repeat: no-repeat;
  background-size: auto; padding: 10px 0px 50px 76px;}
.aboutleftnr{margin: 140px 0px 10px 0px;}
.aboutleftnr h2{font-size: 26px;
  line-height: 1.5em;
  letter-spacing: 2px; font-weight: 500;}
.aboutright{width: 53.75%; padding: 130px 10px 130px 10px;}

.aboutbtnwai{ margin-top:40px;}
a.aboutbtn{font-size: 13px;
  font-weight: 300;
  letter-spacing: 2px; display: inline-block;
  fill: #FFFFFF;
  color: #FFFFFF; background-image:url(images/iabout_btn_bai.png); background-position:15px center; background-repeat:no-repeat;
  background-color:#23a455;
  padding: 14px 20px 15px 38px;transition: all .3s; }
a.aboutbtn:hover{ color:#23a455; background-image:url(images/iabout_btn_lv.png);  background-color:#fff;}


.aboutrightlist{}
.aboutrightlist ul{ display:flex; flex-wrap:wrap;}
.aboutrightlist li{ max-width:25%;}
.aboutrightlist li a{ text-align:center; display:block; min-height:170px;margin: 12px 12px 12px 12px;  padding: 30px 10px 8px 10px;  background-color: #FFFFFF;  border-radius: 8px 8px 8px 8px;  box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.11); transition: all .3s;}
.aboutrightlist li a .aboutricon{ width: 46%; margin:0 auto;}
.aboutrightlist li a .aboutricon .hover{ display:none;}
.aboutrightlist li a .aboutrtext{ font-size:16px; margin-top:15px;}
.aboutrightlist li a:hover{ background:#008742;}
.aboutrightlist li a:hover .aboutrtext{ color:#fff;}
.aboutrightlist li a:hover .aboutricon .mr{ display:none;}
.aboutrightlist li a:hover .aboutricon .hover{ display:block;}


.imapallbg{ background-attachment: fixed; background-color: #E6F5EE;
  background-image: url("images/home-map-1.jpg");
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 100% auto;}

.imapall{ display:flex; min-height: 635px; align-items:center;}
.imapleft{width: 36.786%; height:50px;}

.imapmiddle{width: 23.357%; padding:10px;}
.imapmiddlelist{}
.imapmiddlelist ul{ display:flex; flex-wrap:wrap;}
.imapmiddlelist li{ width:47%; margin-right:5%; margin-bottom:20px;}
.imapmiddlelist li:nth-child(2n){ margin-right:0;}
.imapmiddlelist li .imaplicon{padding: 27px 0px 27px 0px;border-radius: 15px 15px 15px 15px; background:#fff; text-align:center;}
.imapmiddlelist li .imaplicon p{font-size: 14px; color:#3a3a3a;}
.imapmiddlelist li .imaplicon p big{ font-size: 32px; font-family: "Arial", Sans-serif; color:#008742;}
.imapmiddlelist li .imaplicon p span{font-size: 14px;  font-weight: 500; margin-left:3px;}

.imapright{width: 39.183%; padding: 10px 10px 10px 40px;}
h2.imaprtit{font-size: 27px;  line-height: 1.5em;  letter-spacing: 1px; font-weight: 500;}
.imapzitit{font-size: 16px;  font-weight: 600;  letter-spacing: 1px; margin-top:30px;}

.imapdzlist{ margin-top:20px;}
.imapdzlist ul{ display:flex; flex-wrap:wrap;}
.imapdzlist li{ width:33.333%; font-size:16px;margin: 8px 0px 10px 0px;  padding: 0px 0px 0px 20px;  background-image: url("images/footer-menu-icon.jpg");  background-position: 3px 50%;  background-repeat: no-repeat;  background-size: auto;}


.inewsbg{ padding:100px 0;}
.inewstit{}
.inewstit h3{font-size: 26px;
  line-height: 1.5em; font-weight:normal;
  letter-spacing: 1px;}
.inewstit h4{font-size: 16px;
  line-height: 1.5em; color:#008742;
  letter-spacing: 1px; font-weight:normal;}
.inewstit span{ display:block; width:87px; height:1px; background:#ccc; margin-top:15px;}

.inewstab{}
.inewstab ul{ display:flex; justify-content:center;}
.inewstab ul li{padding: 8px 24px;  margin: 12px 12px 12px 12px;font-size: 15px;  letter-spacing: 0.5px;  background-color: #FFFFFF;  color: #333333;  border-style: solid;  border-width: 1px 1px 1px 1px;   border-color: #008742; cursor: pointer;}
.inewstab ul li:hover{background-color: #F9F9F9;  color: #333333;}
.inewstab ul li.active{ background-color: #008742;  color: #fff;}

.inewsqhall{}
.inewsqhall .inewsitem{ display:none;}
.inewsqhall .inewsitem.active{ display:block;}

.inewslist{ margin-top:60px;}
.inewslist ul{display: grid;  grid-column-gap:30px;  grid-row-gap:12px; align-items: stretch; grid-template-columns: repeat(2,1fr);}
.inewslist li{border-style: solid; margin-bottom:20px;  border-width: 0px 0px 1px 0px;  border-color: #E3E3E3; padding-bottom:20px; display:flex; align-items:center;}
.inewslist li span{ color: #008742;}
.inewslist li a{ font-size: 16px; margin-left:30px;}
.inewslist li a:hover{ color:#23a455;}
.inewsbtn{ text-align:center; margin-top:60px;}
.inewsbtn .aboutbtn{ border:#23a455 1px solid;}

.imainmenu{}
.imainmenu ul{ display:flex; flex-wrap:wrap;}
.imainmenu li{ width:50%;}
.imainmenu li .imainmenuli{background-position: top center;
  background-repeat: no-repeat; min-height:328px; height: 100%;
  background-size: cover;padding: 40px 40px 60px 50px;}
.imainmenu li .imainmenuli h2{font-size: 30px;
  line-height: 1.5em; margin-bottom:20px; font-weight:normal;
  letter-spacing: 2px;}
.imainmenu li .imainmenuli p{ margin-bottom: 1.6em; font-size:16px; line-height:1.8; max-width:328px;}
.imainmenu li .imainmenuli .imainmenubtn{ margin-top:50px;}
.imainmenu li .imainmenuli .imainmenubtn .aboutbtn{ background-color:#fff; font-size:16px; background-image:url(images/iabout_btn_lv.png); fill: #54595F; color: #54595F; font-weight:normal; padding: 13px 40px 15px 38px;}
.imainmenu li .imainmenuli .imainmenubtn .aboutbtn:hover{ background-color:#008742; background-image:url(images/iabout_btn_bai.png); color:#fff;}


.home__contact {
	width: 70%;
}.home__contact strong {
	display: block;
	position: relative;
	margin-bottom: 0.15rem;
	padding-bottom: 0.15rem;
	color: #fff;
	font-size: 0.46rem;
	line-height: 1.3;
	letter-spacing: 2px;
	font-weight: normal;
}.home__contact strong:before {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 1rem;
  content: "";
  height: 1px;
  background: #fff;
  opacity: 0.5;
}
.common__more a {
  display: inline-flex;
  align-items: center;
}
.common__more a span {
  display: inline-block;
  color: #333;
  letter-spacing: 1px;
  font-weight: 700;
  line-height: 1.5;
  font-size: 14px;
}
.common__more a i {
  display: inline-block;
  margin-left: 0.1rem;
  width: 0.24rem;
  height: 0.24rem;
  text-align: center;
  line-height: 0.24rem;
  background: #008842;
  color: #fff;font-style: normal;
  font-size: 12px;
  border-radius: 2px;
}
.common__more a i b {
  display: block;
  transform: scale(0.8);
}

.common__more1 a:hover {
  opacity: 0.8;
}
.common__more1 a span {
  color: #fff;
}
.common__more1 a i {
  background: #fff;
}
.common__more1 a i b {
  color: #008842;
}


.home_part_6{ position: relative; overflow: hidden; height: 700px;transition: 0.8s ease-out;}
.home_part_6 .con{ width: 1440px; margin: 0 auto; height: 340px; position: relative; overflow: hidden; transition: 1s ease-out;}
.home_part_6 .pic1{ opacity: 0; transform: translateX(60px); transition: 0.8s ease-out;}
.home_part_6 .pic2{ position: absolute; left: 50%; top: 50%; z-index: 0; width:100vw ; height:100%; transform: translate(-50%,-50%);} 
.home_part_6 .pic2 img{ width:100% ; height: 100%; object-fit: cover;}
.home_part_6 .bg{ position: absolute; width: 0%; height: 100%; left: 0; top: 0;background: linear-gradient(83deg, #56B648 2.29%, #25B7AA 30.26%, rgba(47, 152, 207, 0.19) 57.08%, rgba(70, 84, 157, 0.00) 83.9%, rgba(40, 74, 148, 0.00) 111.87%); z-index: 1; opacity: 0; transition: 0.8s ease-out;}
.home_part_6 .wrap{ display: flex; align-items: center; height: 100%; position: relative; z-index: 3;}

.home_part_6.on{ padding-bottom: 0;}
.home_part_6.on .con{ width: 100%;  height: 100%;}
.home_part_6.on .bg{ opacity:1 ; width: 100%; transition: 1.2s 0.4s ease-out;}
.home_part_6.on .pic1{ opacity: 1; transform: translateX(0); transition: 0.8s 0.6s ease-out;}

.home_part_6 .svg_box{ position: absolute; width: 100%;z-index: 2;mix-blend-mode: hard-light;}
.home_part_6 .svg1{  bottom: -100px; left: 0;    transform: scale(0.6);    transform-origin: left bottom;}
.home_part_6 .svg1 svg{animation: an_svg2 60s linear infinite reverse;}
.home_part_6 .svg2{ bottom: -110px; left: 0;   transform: scale(0.6);    transform-origin: left bottom;}
.home_part_6 .svg2 svg{animation: an_svg2 80s linear infinite;}
@keyframes an_svg2{
    0%{ transform: translateX(0);}
    100%{ transform: translateX(-77%);}
}



.joins{display:flex}
.home_part_box{width:100%;position:relative;z-index:6}
.join__item{display:flex;position:relative;z-index:6;justify-content:flex-end;width:50%;height:300px;background:linear-gradient(276deg,#264994 -0.01%,#39A2CF 99.99%)}
.link{margin-right:8.333%;padding-top:0.7rem;width:66.666%}
.link__title{display:block;margin-bottom:26px;color:#fff;font-size:16px;font-weight:bold;line-height:1.5}
@media screen and (min-width:750px){.links__list li:hover{border-bottom:1px solid rgba(255,255,255,0.6)}
.links__list li:hover i{transform:rotate(90deg)}
.links__list li:hover .link__down{opacity:1;visibility:visible;pointer-events:visible}
}.links__list{display:flex;flex-wrap:wrap}
.links__list > li{margin-right:10%;position:relative;margin-bottom:0.1rem;width:45%;border-bottom:1px solid rgba(255,255,255,0.3)}
.links__list > li:nth-child(2n+2){margin-right:0}
.links__list > li.active{border-bottom:1px solid rgba(255,255,255,0.6)}
.links__list > li.active i{transform:rotate(90deg)}
.links__list > li.active .link__down{opacity:1;visibility:visible;pointer-events:visible}
.links__list > li > a{display:flex;justify-content:space-between;align-items:center;padding:0.15rem 0}
.links__list > li > a p{width:0;flex:1;color:#fff;font-size:14px;line-height:1.5;transition:0.36s}
.links__list > li > a i{display:inline-block;color:#5BB647;font-size:16px;font-weight:bold;font-style:normal;transition:0.3s}
.link__down{position:absolute;left:0;top:100%;width:100%;background:#fff;z-index:2;opacity:0;visibility:hidden;pointer-events:none;transition:0.4s}
.link__down li{border-bottom:1px solid #E6E8EC}
.link__down li:last-child{border-bottom:none}
.link__down li a{display:inline-flex;align-items:center;margin-left:0.2rem;margin-right:0.1rem;min-height:0.48rem;line-height:1.3;color:#404145;font-size:14px}
.link__down li a:hover{color:#008842}
.join__item:nth-child(2){background:linear-gradient(276deg,#008842 -0.01%,#5BB647 99.99%);justify-content:flex-start}
.join__item:nth-child(2) .join__wrap{margin-left:8.333%;padding-top:0.54rem;width:66.666%}
.join__contact{display:block;margin-top:-0.12rem;padding-top:10px;line-height:1.3;color:#fff;font-size:40px;letter-spacing:2px;font-weight:400;border-top:1px solid rgba(255,255,255,0.5)}
.contact__li{margin-top:0.44rem; display: flex;  flex-wrap: wrap;}
.contact__li li{ margin-bottom: 3.75vw;
  display: flex;
  align-items: center;
  margin-right: 8%;
  width: 46%;}.contact__li li:nth-child(2n+2) {
  margin-right: 0;
}
.contact__li li a{display:flex;align-items:center}
.contact__li li a svg{display:inline-block;width:0.2rem;height:auto}
.contact__li li a p{margin-left:0.16rem;color:#fff;font-size:18px;line-height:1.1}







/*底部开始*/
.footerbg{background:#F5F5F6; padding:50px 0; position:relative;}
.footer{ position:relative; display:flex;}

.footerleft{width: 37.982%;}
.footerleft h3{ font-size:20px; font-weight:normal; margin-bottom:20px;}
.footerleft h4{padding: 3px 3px 3px 5px;
  background-color: #00653B; margin-top:40px; margin-bottom:10px; color: #FFFFFF;
  font-size: 12px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 1px; display:inline-block;}
.footerleft p{ font-size:15px; line-height:30px;}

.footerright{width: 62.018%;}
h3.fmenutit{ color: #7A7A7A; font-weight:normal;}
.footermenu{ margin-top:20px;}
.footermenu ul{ display:flex; flex-wrap:wrap;}
.footermenu li{margin: 5px 5px 5px 5px; width:calc(25% - 10px); }
.footermenu li a{font-size: 14px; display:block;
  background-color: rgba(255, 255, 255, 1);color: #0a0a0a;padding-top: 13px;
  padding-right: 40px;
  padding-bottom: 13px;
  padding-left: 40px;background-image: url("images/footer-menu-icon.jpg");
  background-position: 20px 50%;
  background-repeat: no-repeat;
  background-size: auto;}
.footermenu li a:hover{ background-color:#008742; color:#fff;background-image: url("images/footer-menu-baiicon.png");}

.footerjj{ border-top:#D3D3D3 1px solid; padding-top:20px; margin-top:20px;}
.footerjjtext{ display:flex; align-items:center;color: #7A7A7A;}
.footerjjtext img{ width:16px; margin-left:10px; }

.footerjjbottom{ display:flex; align-items:center; margin-top:10px;}
.footerjjlogo{ width:150px;}
.footerjjlink{ margin-left:20px;}
.footerjjlink a{font-size: 16px;  fill: #FFFFFF;  color: #FFFFFF;  background-color: #08AF62; margin:0 5px;  padding: 13px 27px 13px 27px;}
.footerjjlink a:hover{ background:#058b4e;}

.goupbtn{ position:absolute; right:0; top:-70px; cursor:pointer; z-index:99;}

.copyrightbg{ padding:20px 0 30px 0;}
.copyright{ display:flex; justify-content:space-between; align-items:center;}
.copyrightleft{ display:flex; align-items:center;}
.copyrightlogo{ max-width:150px; margin-right:20px;}
.copyrighttext{ font-size: 14px; color:#333;}
.copyrightright{}
.copyrightright a{ color: #5D5D5D; font-weight:300;}
.copyrightright a:hover{ color:#08AF62;}




/*二级页面开始*/
.erjibanner{ position:relative;}
.erjibantext{ width:100%; height:100%; position:absolute; left:0; top:0; display:flex; align-items:center; background:rgba(0,0,0,0.2);}
.erjibantitle{ font-size:24px; text-align:center; color:#fff; text-transform:uppercase;font-weight: normal;}
.erjibanentit{ font-size: 53px; text-transform:capitalize;}
.erjibanimg img{ max-height:500px; width:100%; object-fit: cover; object-position: center; display:block;}

.banmbxbg{ padding:0px 20px; position:absolute; width:100%; left:0; bottom:0; background: rgba(0,135,66,0.7);}
.banmbx{ font-size:14px; color:#fff;}
.banmbx a{ color:#fff;}
.erjibanflex{ display:flex; align-items:center; justify-content:space-between;}
.pageerjinav{}
.pageerjinav ul{ display:flex; gap:40px;}
.pageerjinav li{position: relative;  z-index: 2;}
.pageerjinav li:before {
  content: "";
  width: 0;
  height: 2px;
  background: #fff;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: 0.4s;
  z-index: -1;
}
.pageerjinav li:hover:before,.pageerjinav li.active:before {  width: 100%;  right: auto;  left: 0;}
.pageerjinav li:hover:after,
.pageerjinav li.active:after {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.15s;
}
.pageerjinav li:after {
  position: absolute;
  left: 50%;
  margin-left: -4px;
  bottom: 2px;
  content: "";
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #fff;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.pageerjinav li a{display: block;
  position: relative;
  z-index: 3; white-space: nowrap;
  line-height:70px;
  color: #fff;
  font-size: 16px;}
.pageerjinav li.active a{}



.aboutall{ padding:100px 0;}
.erjitit{}
.erjitit h2{ text-align:center;  font-size:24px; font-weight: 400;  letter-spacing: 6px; color:#008742;}
.erjitit h2:after{ content:""; display:block; width:19px; height:10px; background:url(images/navlibg.png) no-repeat; background-size:100%; margin:10px auto 0;}

.aboutimg{ margin-top:70px; width: 66.563%;}

.aboutnr{display: flex; margin-top:-700px;}
.aboutnrleft{width: 58.286%;}
.aboutnrright{width: 41.714%;background-color: #08AF62;
  background-image: url("images/about-b1.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain; padding: 220px 52px 60px 52px;}

.aboutnrright h2{color: #FFFFFF;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.8em;
  letter-spacing: 2px;}
.aboutnrright h2 .yeargo{font-size: 42px;    font-weight: 600;}
.aboutnrline{ width:77px; height:1px; background:#fff; margin:25px 0;}
.aboutnr_container{}
.aboutnr_container p{ margin-bottom:20px; font-size:16px; line-height:30px; color:#fff;}

.aboutleftlinerel{ position:relative;}
.aboutleftline{ position:absolute; left:0; bottom:-112px; z-index:2;}
.abouttextflex{ margin-top:100px; display:flex; justify-content:space-between;}
.abouttext{ width: 45.692%;}
.abouttext h3{font-size: 20px;  font-weight: 400;  letter-spacing: 1px; margin-bottom:10px;}
.abouttext p{ font-size:16px; line-height:30px; margin-bottom:20px;}
.abouttext img{ max-width:80%; margin:20px auto;}
.pagemr .abouttext{ width:100%; margin-top:40px;}

/*歷史沿革*/
.history_all{ padding-top:90px;}
.history_itme{ padding-bottom:70px; display:flex; position: relative;}
.history_itme:before{ content:""; display:block; width:1px; height:100%; background:#D8D8D8; position:absolute; left:50%; top:0; margin-left:-0.5px;}
.history_itme:last-child:before{ display:none;}
.history_itme .in-view-timeline-icon{ display:block; width:48px; height:48px; border: 2px solid #008742; border-radius:100%; background:#fff;margin-left: 11px;
  margin-right: 11px;
  position: relative;
  z-index: 2;

  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;}
.history_itme .out-view-timeline-icon{ display:block; width:100%; height:100%; background:url(images/timeicon.png) no-repeat center center; }

.history_itme .uael-day-right{ padding-right: 12px; -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 100%;
  position: relative; order: 0;}
.history_itme .uael-timeline-date-new{ color: #008742; font-size: 2vw; line-height:48px;
 -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 100%;
  position: relative; order: 2;}

.history_itme .uael-timeline-date-hide {
  display: none;
}
.uael-content{}
.uael-content .uael-timeline-desc-content{}
.uael-content .uael-timeline-desc-content ul li{ font-size:16px; line-height:30px; list-style: disc;}

.history_itme:nth-child(2n) .uael-day-right{ order: 2; padding-left:40px;}
.history_itme:nth-child(2n) .uael-timeline-date-new{ order: 0;}
.history_itme:nth-child(2n) .uael-timeline-date-new{ text-align:right;}


/*合作夥伴*/
.partner_one{ padding-top:40px;}
.partner_onetit{ text-align:center; font-weight:normal; font-size:20px;}
.partner_onetit:after{ content:""; display:block; width:40px; height:1px; background:#c6c6c6; margin:20px auto 0;}
.partner_onelist{ margin-top:40px;}
.partner_onelist ul{ display:flex; justify-content:center;}
.partner_onelist li{ margin:10px; max-width:33.333%;}
.partner_onelist li .partner_onelistimg{ overflow:hidden; border: 1px solid #d0d0d0; border-radius: 10px;transition-duration: 0.3s;}
.partner_onelist li .partner_onelisttext{ text-align:center; margin-top:20px;}


.partner_twobg{ padding:60px 0;background-color: #FCFCFC;}
.partner_twoall{ margin-top:60px;}
.partner_twoitem{ display:flex; border-bottom:#D8D8D8 1px solid; padding-bottom:20px; margin-bottom:40px;}
.partner_twoitemtit{ width:14%; font-size:16px; padding-top:20px;}
.partner_twoitemlistall{ width: 86%;}
.partner_twoitemlist{}
.partner_twoitemlist ul{ display:flex; flex-wrap:wrap;}
.partner_twoitemlist li{ width:23.5%; margin:0 2% 2% 0;}
.partner_twoitemlist li:nth-child(4n){ margin-right:0;}
.partner_twoitemlist li a{ display:block;}


/*企業永續*/


/*内页导航*/
.erjinavall{ padding:50px 0;}
.erjinav{ background:#ececec; overflow:hidden;}
.erjinav ul{display: flex; display: -webkit-flex; flex-direction:row;}
.erjinav li{ margin:0 10px;}
.erjinav li a{ display:block; text-align:center; font-size:16px; color:#333; white-space: nowrap; padding:5px 30px; line-height:35px; transition: all 0.3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;}
.erjinav li a:hover, .erjinav li.current a{ background:#008742; color:#fff;}
body ::selection {
    color:#FFFFFF;
    background-color:#008742;
    text-shadow:none;
}
body ::-moz-selection {
    color:#FFFFFF;
    background-color:#008742;
    text-shadow:none;
}


/*新闻列表*/
.newsall{ padding:0px 0 50px 0;}



.newslist{ padding:0px 0 0px 0;}
.newslist li{ position:relative; margin-bottom:30px;}
.newslist li a{ display:flex; background:#f5f5f5; border-radius:10px; overflow:hidden; position:relative; z-index:5; height:225px;}
.newslist li a .newsimg{ width:31%; overflow:hidden;}
.newslist li a .newsimg img{ width:100%; object-fit:cover; height:100%; }
.newslist li a .newstext{ width:69%; padding:1.5% 3% 0 3%;  height:100%; position:relative;}
.newslist li a .newstext:after{ content:""; display:block; width:0%; height:100%; background:#008742; position:absolute; top:0; left:0%; z-index:2;}
.newslist li a .newstext .newstextnr{ position:relative; z-index:5;}
.newslist li a .newstext h3{ font-size:22px; font-weight:normal; line-height:45px; color:#008742; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newslist li a .newstext .newsdate{ padding:10px 0;}
.newslist li a .newstext .newsdate span{display:inline-block;color:#5b5b5b;font-size:14px;margin-right:100px;line-height:20px;padding-left:30px;}
.newslist li a .newstext .newsdate span:nth-child(1){background:url("images/news_time_icon.png") left center no-repeat;}
.newslist li a .newstext .newsdate span:nth-child(2){background:url("images/news_type_icon.png") left center no-repeat;}
.newslist li a .newstext .newsdate span:nth-child(3){background:url("images/news_preview_icon.png") left center no-repeat;}
.newslist li a .newstext p{color:#666; font-size:15px; line-height:26px; text-align:justify; text-justify:distribute; text-justify:distribute-all-lines; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}

.newslist li a:hover{background:#008742;}
.newslist li a:hover .newsimg img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
.newslist li a:hover .newstext:after{ width:0%;}
.newslist li a:hover .newstext h3{ color:#fff;}
.newslist li a:hover .newstext span{ color:#f5f5f5;}
.newslist li a:hover .newstext p{ color:#f5f5f5;}
.newslist li a:hover .newstext .newsdate span:nth-child(1){background:url("images/news_time_icon_bai.png") left center no-repeat;}
.newslist li a:hover .newstext .newsdate span:nth-child(2){background:url("images/news_type_icon_bai.png") left center no-repeat;}
.newslist li a:hover .newstext .newsdate span:nth-child(3){background:url("images/news_preview_icon_bai.png") left center no-repeat;}

/*
.newslist{ padding:0px 0 0px 0;}
.newslist li{ position:relative; padding: 16px 11px 16px 15px; display:flex; align-items:center;}
.newslist li:nth-child(2n+1){ background-color: #f8f8f8;}
.newslist li .newsdate{width: 10.083%; font-size:16px;}
.newslist li .newscat{width: 12.667%;}
.newslist li .newscat a{ background:#008742; text-align:center; padding:10px 0; color:#fff;}

.newslist li .newscat a.newslistfl-financial{ background:#008742;}
.newslist li .newscat a.newslistfl-focus{ background:#69a884;}
.newslist li .newscat a.newslistfl-events{ background:#7ab9c3;}
.newslist li .newscat a.newslistfl-sustainability{ background:#6cdea8;}

.newslist li .newslisttitle{width: 76.914%; padding: 10px 10px 10px 40px;}
.newslist li .newslisttitle a{ font-size:16px;}
.newslist li a{ display:block; }
.newslist li .newslisttitle a:hover{ color:#008742;}
*/


/*分页样式开始*/
#pageabc{margin:30px 0;clear:both;height:auto;overflow:hidden;color:#333;line-height:23px;text-align:center;}
#pageabc a.noallowed{cursor: not-allowed;}
#pageabc span,#pageabc a{font-size:12px;color:#595757;padding:4px 12px;border:1px solid #313131;text-decoration:none;margin:3px 5px;display:inline-block;text-align:center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#pageabc a:hover,#pageabc a.current{color:#fff;background-color:#008742;border:1px solid #008742;}
/*分页样式结束*/


/*新闻详情页*/
.singlenewsall{ margin-top:-80px; position:relative; z-index:2; margin-bottom:100px;}
.singlenewsdqwz{ display:flex; justify-content:flex-end; padding-bottom:10px;}
.singlenewsbg{background-color: #FFFFFF;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13);
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  padding: 30px 30px 30px 30px;}
.snewscat a{ font-size:16px; color: #717171;}
.snewscat a:hover{color:#008742;}
.snewstit{ font-size:18px; margin:10px 0; font-weight:600;}
.snewsdate{color: #B1B1B1;}
.snewsbody{ margin-top:30px;}
.snewsbody .abouttext{ width:100%;}

.sxp{ display:flex; justify-content:space-between; margin-top:60px;}
.sxp>div{ width:48%;}
.sxp a{ font-size:16px; padding:10px 0;}
.sxpnext a{ text-align:right;}
.sxp a:hover{ color:#008742;}