/*banner*/
.bannerDiv{ position: relative; }
.ind-banner{ width: 100%; overflow: hidden; position:relative;} 
.ind-banner .swiper-slide {position: relative; }
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-banner .swiper-slide .img img{ width: 100%; }
.ind-banner .onebox{ position: absolute; left: 0; z-index: 2; top: 26%; width: 100%; text-align: center; }
.ind-banner .onebox .txtImg img{ width: 9.1rem; }
.ind-banner .twobox{ position: absolute; left: 50%; margin-left: -7.68rem; z-index: 2; top: 50%; transform: translateY(-50%); }
.ind-banner .twobox h3{ font-size: 0.72rem; line-height: 0.96rem; color: #fff; font-weight: 400; font-family:'MiSans-M';}
.ind-banner .twobox h4{ margin-top: 0.25rem; width: 8.0rem; text-transform: uppercase; font-size: 0.24rem; line-height: 0.36rem; color: #fff; font-weight: 400; font-family:'MiSans-L'; }


.ind-banner .onebox, .ind-banner .conDiv{transform: translateY(50px);
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  opacity: 0;
  visibility: hidden;
  transition: all 1.4s ease;
  -webkit-transition: all 1.4s ease;
  -moz-transition: all 1.4s ease;
  -ms-transition: all 1.4s ease;
  -o-transition: all 1.4s ease;
  transition-delay: 1s;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.ind-banner .swiper-slide-active .onebox, .ind-banner .swiper-slide-active .conDiv{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}

.ind-banner .se{ display:block; z-index:3; position: absolute; width: 56px; height: 56px; top: 50%; margin-top: -28px; border-radius:50%; border:rgba(255,255,255,0.5) solid 2px;}
.ind-banner .prev{ left: 0.7rem; background: url(../images/nimg9_left.png) center no-repeat;} 
.ind-banner .next{ right: 0.7rem; background: url(../images/nimg9_right.png) center no-repeat; }
.ind-banner .prev:hover{ border:#009943 solid 2px; background:#009943 url(../images/nimg9_left.png) center no-repeat;}
.ind-banner .next:hover{ border:#009943 solid 2px; background:#009943 url(../images/nimg9_right.png) center no-repeat;}

.scrollDown{ position: absolute; z-index:2; left: 50%; margin-left: -50px; width: 100px; bottom: 0.6rem; height: 65px;}
.scrollDown p{ font-size: 12px; color: #fff; text-align: center; text-transform:uppercase; }
.pre-wrap{ width:100px; height: 65px; position:relative;animation:start 2.5s infinite ease-in-out;-webkit-animation:start 2.5s infinite ease-in-out;-moz-animation:start 2.5s infinite ease-in-out;}
.pre-wrap img{ position: absolute; left: 50%; margin-left: -10px; bottom: 0; }

.indTxt{ position:relative; text-align:center; padding-bottom:0.3rem;}
.indTxt:after{ content:''; position:absolute; left:50%; margin-left:-23px; bottom:0; width:46px; height:3px; background:#009943;}
.indTxt .en{ font-weight:400; font-size:0.48rem; line-height:0.56rem; color:rgba(0,155,75,0.25); text-transform:uppercase; font-family:'Mont-R';}
.indTxt .cn{ margin-top:0.1rem; font-weight:400; font-size:0.48rem; line-height:0.48rem; color:#333; font-family:'MiSans-M';}

.indMore a{ width:1.82rem; height:0.52rem; border:#009943 solid 2px; border-radius:0.48rem; font-size:14px; color:#009943;}
.indMore em{ margin-left:10px; width:19px; height:9px; background:url(../images/ico1.png) no-repeat;}
.indMore a:hover{ background:#009943; color:#fff;}
.indMore a:hover em{ background:url(../images/ico1on.png) no-repeat;}

.indexP1{ padding:1.2rem 0; background:#fff url(../images/indexP1.jpg) center bottom no-repeat; background-size:100%;}
.indexP1 .indTxt{ text-align:left;}
.indexP1 .indTxt:after{ left:0; margin-left:0;}
.indexP1 .indTxt .en{ width: 3.8rem; }
.indexP1 .toptop{ position:relative;}
.indexP1 .leftDiv{ width:4.2rem;}
.indexP1 .rightDiv{ width:9.6rem;}
.indexP1 .content{ font-size:0.16rem; line-height:0.3rem; text-align:justify;}
.indexP1 .numList{ margin-top:0.5rem;}
.indexP1 .numList ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}
.indexP1 .numList li{ text-align:center;}
.indexP1 .numList li .ico{ height:0.72rem;}
.indexP1 .numList li .ico img{ width: 0.42rem; }
.indexP1 .numList li .num{ font-size:0.48rem; line-height:0.48rem; font-family:'Mont-L'; color:#009943;}
.indexP1 .numList li .wen{ margin-top:0.2rem; font-size:0.16rem; line-height:0.16rem;}

.indexP1 .indMore{ position:absolute; left:0; bottom:0;}

.indexP1 .videobox{ margin-top: 0.7rem; width: 100%; height: 5.5rem; position: relative; overflow: hidden; }
.indexP1 .videobox .imgDiv{ height: 5.5rem; }
.indexP1 .videobox .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.indexP1 .videobox video{ max-width:100%; max-height:5.5rem; position:absolute; top:50%; transform: translateY(-50%); left:0; right: 0; margin: 0 auto; z-index:-1; visibility:hidden;opacity:0;object-fit:cover;}
.indexP1 .videobox.cur{ background:#000;}
.indexP1 .videobox.cur .imgDiv,.indexP1 .videobox.cur .playbox{z-index:-1;visibility:hidden;opacity:0;}
.indexP1 .videobox.cur video{z-index:2;visibility:visible;opacity:1;}
.indexP1 .videobox .playbox{ cursor:pointer; position:absolute; left:50%; top:50%; width: 62px; height: 62px; margin-left:-31px; margin-top:-31px; z-index:1;}
.indexP1 .videobox .playbox img{ width: 62px; }

.indexP2{ position:relative; height:100vh; background:center no-repeat; background-size:cover; overflow:hidden;}
.indexP2 .item_box{ width:100%; height:100vh; position:absolute; left: 0; top: 0; overflow:hidden;}
.indexP2 .item_box img{ width:100%; height:100%; object-fit:cover; position:absolute; top:0; left:0;}
.indexP2 .item_box .bg{ position: absolute; width:100%; height:100%; }
.indexP2 .item_box .item{ display:none;}
.indexP2 .item_box .item:nth-child(1){ display:block;}
.indexP2 .list{ overflow: hidden; position: relative; z-index: 1;}
.indexP2 .list li{ float:left; width:33.33%; }
.indexP2 .list li a{ display: block; position: relative; text-align: center; height:100vh; }
.indexP2 .list li a:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.15); }
/*.indexP2 .list li .conDiv{ height: 100%; padding: 0 0.85rem; position:relative; z-index:1;}*/
.indexP2 .list li .conDiv{ position: absolute; top: 50%; margin-top: -1.25rem; z-index: 1; padding: 0 0.85rem; }
.indexP2 .list li .ico{ width: 0.8rem; height: 1.4rem; margin: 0 auto; }
.indexP2 .list li .ico img{ width: 0.8rem; }
.indexP2 .list li .cn{ font-size: 0.4rem; line-height: 0.4rem; color: #fff; font-weight: 400; font-family:'MiSans-D';}
.indexP2 .list li .en{ margin-top:0.2rem; position:relative; text-transform:uppercase; font-size: 0.24rem; line-height: 0.24rem; color: #fff; height: 0.5rem; font-family:'Mont-R';}
.indexP2 .list li .en:after{ content:''; position:absolute; left:50%; margin-left:-0.2rem; bottom:0; width:0.4rem; height:2px; background:#fff;}
.indexP2 .list li .hideDiv{ height: 0; overflow: hidden; margin-top: 0.3rem; position:relative;}
.indexP2 .list li .msg{ font-size: 0.16rem; line-height: 0.3rem; height: 1.2rem; overflow: hidden; color: #fff; }
.indexP2 .list li .btnDiv{ position:absolute; left:50%; margin-left:-0.91rem; bottom:0; width: 1.82rem; height: 0.52rem; border: #fff solid 2px; border-radius: 0.48rem; color: #fff; font-size: 14px; }
.indexP2 .list li .btnDiv em{ margin-left: 10px; width:19px; height:9px; background:url(../images/ico1on.png) no-repeat;}
.indexP2 .list li.on a:after{ background: rgba(0,155,75,0.85);}
.indexP2 .list li.on .conDiv{ margin-top: -2.5rem; }
.indexP2 .list li.on .hideDiv{ height: 2.3rem; }

.indexP3{ padding-top:1.2rem; height:10.8rem; background:url(../images/indexP3.jpg) center no-repeat; background-size:cover;}
.indexP3 .leftDiv{ width: 12.68rem; position: relative; padding-left: 3.5rem;}
.indexP3 .tab2{ height: 545px; position: absolute; left: 0; top: 0.8rem; display: flex;
    flex-direction: column;
    justify-content: center; }
.indexP3 .tab2:before{ content: ''; position: absolute; left: -1px; top: 50%; transform: translateY(-50%); width: 2px; height: 5.45rem; background: url(../images/line.png) center no-repeat; background-size: contain; z-index: 1; }
.indexP3 .tab2 li{ position: relative; z-index: 2; margin-left: -13px; padding-top: 0.56rem; padding-bottom: 0.56rem; font-size: 0; }
.indexP3 .tab2 li:after{ content: ''; width: 0.2rem; height: 2px; background: rgba(153, 153, 153, 0.7); position: absolute; right: calc(100% + 0.2rem); top: 50%; margin-top: -1px; transition: all .3s ease; }
.indexP3 .tab2 li i{ display: inline-block; vertical-align: middle; width: 25px; height: 25px; position: relative; margin-right: 20px; }
.indexP3 .tab2 li i:before{ content: ''; width: 52px; height: 52px; position: absolute; top: 50%; left: 50%; margin: -26px 0 0 -26px; border-radius: 50%; background-color: rgba(0, 153, 67, 0.14); transform: scale(0); transition: transform .3s ease; }
.indexP3 .tab2 li i:after{ content: ''; z-index: 1; position: relative; width: 100%; height: 100%; display: block; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(../images/ico2.png); transition: transform .3s ease; }
.indexP3 .tab2 li span{ display: inline-block; vertical-align: middle; font-size: 26px; line-height: 40px; color: #333; transition: all .3s ease; letter-spacing: 3px; }
.indexP3 .tab2 .liNow:after{ width: 0.4rem; background: #009b4b; transform: translateX(-10px); }
.indexP3 .tab2 .liNow i:before{ transform: scale(1); }
.indexP3 .tab2 .liNow i:after{ background-image: url(../images/ico2on.png);}
.indexP3 .tab2 .liNow span{ font-size: 36px; transform: translateX(13px); }
/*.indexP3 .tabContent2:nth-child(1){ display:block;}*/
/*.indexP3 .tabContent2{ opacity: 0; }*/
.indexP3 .mapImg img{ width: 9.18rem; }
.indexP3 .tabContent2.on{ opacity: 1; }

.indexP3 .rightList li{ padding: 0.48rem 0; color: #333; }
.indexP3 .rightList li .num{ display: flex; display: -webkit-flex; align-items: flex-end; -webkit-align-items: flex-end; }
.indexP3 .rightList li .numUp{ font-family:'Mont-B'; font-size: 0.6rem; line-height: 0.48rem; color: #009b4b; padding-right: 0.1rem;}
.indexP3 .rightList li p{ font-size: 0.16rem; height: 0.46rem; position: relative; display: flex; display: -webkit-flex; align-items: flex-end; -webkit-align-items: flex-end;}
.indexP3 .rightList li span{ position: absolute; left: 0; top: 0; width: 16px; height: 16px; background: url(../images/nimg16_1.png) no-repeat; background-size: 16px; }
.indexP3 .rightList li .wen{ margin-top: 0.1rem; font-size: 0.16rem; line-height: 0.16rem; }


.indexP4{ padding:1.2rem 0; overflow:hidden;}
.indCase{ position: relative; margin-top:0.6rem; }
.indCase .list { width: 28.4rem; position: relative; left: 50%; margin-left: -14.2rem;}
.indCase .swiper-slide .mxfDiv{ width: 8.52rem; position: relative; overflow: hidden; margin: 0 auto;}
.indCase .swiper-slide .mxfDiv a{ display:block; position:relative; width:100%; height:100%;}
.indCase .swiper-slide .mxfDiv a:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); }
.indCase .swiper-slide .imgDiv img{ width: 100%; }
.indCase .swiper-slide .conDiv{ position: absolute; z-index: 1; left: -4.5rem; top: 50%; margin-top: -1.56rem; width: 4.1rem; height:3.12rem; background: rgba(255,255,255,0.95); padding: 0.4rem 0.45rem 0; border-radius: 0.1rem; }
.indCase .swiper-slide .line{ position:absolute; left:-0.1rem; width:0.1rem; height:2.9rem; top:50%; margin-top:-1.45rem; background:#009943; border-top-left-radius:0.1rem; border-bottom-left-radius:0.1rem;}
.indCase .swiper-slide .name{ font-size: 0.24rem; height: 0.64rem; line-height: 0.32rem; color:#222; font-family:'MiSans-M'; overflow: hidden; }
.indCase .swiper-slide .msg{ margin-top: 0.2rem; font-size: 0.16rem; line-height: 0.3rem; height: 0.6rem; overflow: hidden; color: #666; }
.indCase .swiper-slide .btnDiv{ margin-top:0.25rem; width: 1.82rem; height: 0.52rem; border: #009943 solid 2px; border-radius: 0.48rem; color: #009943; font-size: 14px; }
.indCase .swiper-slide .btnDiv em{ margin-left: 10px; width:19px; height:9px; background:url(../images/ico1.png) no-repeat;}
.indCase .swiper-slide-active .mxfDiv a:after{ opacity: 0; }
.indCase .swiper-slide-active .conDiv{ left: 0.7rem; }
.indCase .swiper-slide .btnDiv:hover{ background:#009943; color:#fff;}
.indCase .swiper-slide .btnDiv:hover em{ background:url(../images/ico1on.png) no-repeat;}
.indCase .se { display: block; width: 0.54rem; height: 0.54rem; position: absolute; z-index: 10; top: 50%; border-radius: 50%; margin-top: -0.27rem; border: #eaeef2 solid 1px; box-sizing: border-box; }
.indCase .prev { left: 50%; margin-left: -5rem; background: #fff url("../images/nimg7_left.png") center no-repeat; }
.indCase .next { right: 50%; margin-right: -5rem; background: #fff url("../images/nimg7_right.png") center no-repeat; }
.indCase .se:hover{ border: #0b9f53 solid 1px; }
.indCase .prev:hover{ background: #fff url("../images/nimg7_lefton.png") center no-repeat;}
.indCase .next:hover { background: #fff url("../images/nimg7_righton.png") center no-repeat; }

.indexP5{ padding:1.2rem 0; background:url(../images/indexP5.jpg) center no-repeat; background-size:cover;}
.indexP5 .toptop{ position:relative; height:1.56rem;}
.indexP5 .indTxt{ text-align:left;}
.indexP5 .indTxt:after{ display:none;}
.indexP5 .indMore{ position:absolute; right:0; top:0.25rem; z-index:1;}
.indexP5 .list li{ float:left; width:33.33%; }
.indexP5 .list li a{ display: block; position: relative; text-align: center; height:6.83rem; background:center no-repeat; background-size:cover; }
.indexP5 .list li a:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); }
.indexP5 .list li .imgDiv{ height: 2.8rem; }
.indexP5 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.indexP5 .list li .conDiv{ width:100%; top: 50%; margin-top: -1.0rem; padding: 0 0.85rem; position:absolute; z-index:1;}
.indexP5 .list li .ico{ width: 0.5rem; height: 1.0rem; margin: 0 auto; }
.indexP5 .list li .ico img{ width: 0.5rem; }
.indexP5 .list li .cn{ font-size: 0.3rem; line-height: 0.3rem; color: #fff; font-weight: 400; font-family:'MiSans-D';}
.indexP5 .list li .en{ margin-top:0.25rem; position:relative; text-transform:uppercase; font-size: 0.18rem; line-height: 0.18rem; color: #fff; height: 0.5rem; font-family:'Mont-L';}
.indexP5 .list li .en:after{ content:''; position:absolute; left:50%; margin-left:-0.2rem; bottom:0; width:0.4rem; height:2px; background:#fff;}
.indexP5 .list li .hideDiv{ height: 0; overflow: hidden; margin-top: 0.6rem; position:relative;}
.indexP5 .list li .btnDiv{ margin:0 auto; width: 1.82rem; height: 0.52rem; border: #fff solid 2px; border-radius: 0.48rem; color: #fff; font-size: 14px; }
.indexP5 .list li .btnDiv em{ margin-left: 10px; width:19px; height:9px; background:url(../images/ico1on.png) no-repeat;}
.indexP5 .list li a:hover:after{ background: rgba(0,155,75,0.8);}
.indexP5 .list li a:hover .conDiv{ margin-top: -1.56rem; }
.indexP5 .list li a:hover .hideDiv{ height: 0.52rem; }



.aboutP1{ padding:1.2rem 0; background:#fff url(../images/aboutP1.jpg) center bottom no-repeat; background-size:100%;}
.aboutP1 .leftDiv{ width: 7.0rem;}
.aboutP1 .name{ margin: 0.6rem 0 0.3rem; font-weight: 400; color: #009b4b; font-size: 0.48rem; line-height: 0.48rem; letter-spacing: 2px; font-family: 'MiSans-D';}
.aboutP1 .content{ font-size:0.16rem; line-height:0.3rem; text-align:justify;}
.aboutP1 .content p{ padding-bottom: 0.26rem; }

.aboutP1 .rightDiv{ width: 7.68rem; padding-top: 0.1rem;}
.aboutP1 .videobox{ width: 100%; height: 5.9rem; position: relative; overflow: hidden; border-radius: 0.24rem;}
.aboutP1 .videobox .imgDiv{ height: 5.9rem; }
.aboutP1 .videobox .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.aboutP1 .videobox video{ max-width:100%; max-height:5.9rem; position:absolute; top:50%; transform: translateY(-50%); left:0; right: 0; margin: 0 auto; z-index:-1; visibility:hidden;opacity:0;object-fit:cover;}
.aboutP1 .videobox.cur{ background:#000;}
.aboutP1 .videobox.cur .imgDiv,.aboutP1 .videobox.cur .playbox{z-index:-1;visibility:hidden;opacity:0;}
.aboutP1 .videobox.cur video{z-index:2;visibility:visible;opacity:1;}
.aboutP1 .videobox .playbox{ cursor:pointer; position:absolute; left:50%; top:50%; width: 70px; height: 70px; margin-left:-35px; margin-top:-35px; z-index:1;}
.aboutP1 .videobox .playbox img{ width: 70px; }

.aboutP1 .numList{ margin-top:0.95rem;}
.aboutP1 .numList ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}
.aboutP1 .numList li .num{ font-size:0.6rem; line-height:0.48rem; font-family:'Mont-B'; color:#009943;}
.aboutP1 .numList li .wen{ margin-top:0.3rem; font-size:0.16rem; line-height:0.16rem;}

.aboutP2{ padding: 1.2rem 0; }
.aboutP2 .list li{ margin-bottom: 0.8rem; }
.aboutP2 .list li:last-child{ margin-bottom: 0; }
.aboutP2 .list li .imgDiv{ width: 7.08rem; border-radius: 0.2rem; overflow: hidden; }
.aboutP2 .list li:nth-child(even) .imgDiv{ order: 1; }
.aboutP2 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.aboutP2 .list li .conDiv{ width: 7.08rem; }
.aboutP2 .list li .name{ position: relative; font-size: 0.48rem; line-height: 0.48rem; font-family: 'MiSans-M'; color: #333; padding-bottom: 0.35rem; }
.aboutP2 .list li .name:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #f5f5f5; }
.aboutP2 .list li .name:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 0.46rem; height: 3px; background: #009b4b; z-index: 1; }
.aboutP2 .list li .content{ font-size: 0.16rem; line-height: 0.3rem; margin-top: 0.5rem; text-align: justify; }
.aboutP2 .list li .imgDiv:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.aboutP3{ height: 8.0rem; position: relative; background: center no-repeat; background-size: cover; }
.aboutP3 .list{ width: 100%; height: 100%; position: absolute; right: 0; top: 0; }
.aboutP3 .list ul{display: inline-flex; width: 100%;}
.aboutP3 .list li{ cursor:pointer; width: 16.66%; height: 8.0rem; position: relative; flex-grow: 1; transition: .65s; box-sizing: border-box;}
.aboutP3 .list li:after{ content: ''; opacity: 0; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0,155,75,0.9); }
.aboutP3 .list li:before{ content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: rgba(255,255,255,0.25); }
.aboutP3 .list li:first-child:before{ display: none; }
.aboutP3 .list li .layer{ width:100%; text-align: center; top: 50%; margin-top: -0.9rem; padding: 0 0.3rem; position:absolute; z-index:1;}
.aboutP3 .list li .ico{ width: 0.6rem; height: 1.2rem; margin: 0 auto; }
.aboutP3 .list li .ico img{ width: 0.6rem; }
.aboutP3 .list li .cn{ font-size: 0.3rem; line-height: 0.3rem; color: #fff; font-weight: 400; font-family:'MiSans-D';}
.aboutP3 .list li .en{ margin-top:0.2rem; position:relative; text-transform:uppercase; font-size: 0.16rem; line-height: 0.16rem; color: rgba(255,255,255,0.5); font-family:'Mont-L';}
.aboutP3 .list li .hideDiv{ height: 0; overflow: hidden; margin-top: 0.35rem; position:relative;}
.aboutP3 .list li .msg{ font-size: 0.2rem; line-height: 0.3rem; color: #fff; }
.aboutP3 .list li.on{width: 37.5%; }
.aboutP3 .list li.on:after{ opacity: 1; }
.aboutP3 .list li.on .layer{ margin-top: -1.56rem; }
.aboutP3 .list li.on .hideDiv{ height: 0.52rem; }

.aboutP4{ padding: 1.2rem 0; }
.aboutP4 .pageTitle{ margin-bottom:0.7rem;}
.aboutP4 .mxfDiv{ background:#f5f5f5; padding:0.4rem;}
.aboutP4 .leftImg{ width: 7.5rem; height:4.8rem;}
.aboutP4 .leftImg img{ width: 100%; height:100%; object-fit:cover; }
.aboutP4 .conDiv{ width: 6.3rem; }
.aboutP4 .name{ margin-bottom: 0.3rem; font-size: 0.48rem; line-height: 0.48rem; color: #009b4b; font-weight: 400; font-family: 'MiSans-D'; }
.aboutP4 .txt{ font-size: 0.24rem; line-height: 0.46rem; color: #333; font-weight: 400; font-family: 'MiSans-B';}
.aboutP4 .content{ margin-top: 0.7rem; font-size: 0.18rem; line-height: 0.36rem; text-align: justify; color: #333;/* padding-top: 0.48rem; background: url(../images/nimg30Bg.png) left top no-repeat;*/ }

.aboutP5{ padding-top: 1.2rem; height: 10.8rem; background: url(../images/historyBg.jpg) center no-repeat; background-size: cover; }
.aboutP5 .mxfDiv{ margin-top: 0.8rem; }
.aboutP5 .cont-top{ width: 2.8rem; position: sticky; top: 0; z-index: 1; }
.aboutP5 .cont-top li{ margin-bottom: 12px; }
.aboutP5 .cont-top li .box{ cursor: pointer; position: relative; width: 2.7rem; padding-right: 8px; }
.aboutP5 .cont-top li .box:after{ content: ''; display: none; position: absolute; right: 0; top: 50%; margin-top: -7px; width: 8px; height: 14px; background: url(../images/nimg8Bg.png) no-repeat; }
.aboutP5 .cont-top li .year{ padding-left: 0.6rem; height: 0.88rem; line-height: 0.88rem; background: #fdfefe; font-family: 'MiSans-B'; font-size: 0.2rem; color: #009b4b; }
.aboutP5 .cont-top .liNow .box:after{ display: block; }
.aboutP5 .cont-top .liNow .year{ color: #fff; background: #009b4b;}
.aboutP5 .historyBox{ width: 11.0rem; position: relative; float: right; }
.aboutP5 .historyBox:before{ content: ''; position: absolute; left: 5px; top: 0; width: 3px; height: 100%; background: rgba(0,155,75,0.4); }
.aboutP5 .cont-cent { position: relative; display:none; height: 6.9rem; padding-right: 1.0rem; overflow: auto;}
.aboutP5 .cont-cent::-webkit-scrollbar { width: 4px;}
.aboutP5 .cont-cent::-webkit-scrollbar-track { background-color: #e2e7e8;}
.aboutP5 .cont-cent::-webkit-scrollbar-thumb { background-color: #21ad42;} 

.aboutP5 .cont-cent .txt{ padding-left: 1.8rem; font-weight: 400; font-size: 0.48rem; line-height: 0.48rem; color: #009b4b; font-family: 'MiSans-B'; margin-bottom: 0.15rem; }
.aboutP5 .cont-cent .wen{ padding-left: 1.8rem; font-weight: 400; font-size: 0.3rem; line-height: 0.3rem; color: #000; margin-bottom: 0.5rem;}
.aboutP5 .list li{ position: relative; padding-left: 1.8rem; padding-bottom: 0.6rem; background: url(../images/ico5.png) left 9px no-repeat;}
.aboutP5 .list li .time{ font-family: 'Mont-B'; font-size: 0.36rem; line-height: 0.36rem; color: #000; }
.aboutP5 .list li .msgList{ margin-top: 0.24rem; }
.aboutP5 .list li .msgList dd{ padding-left: 20px; position: relative; font-size: 0.17rem; line-height: 0.4rem; color: #333; text-align: justify; }
.aboutP5 .list li .msgList dd:before{ content: ''; position: absolute; left: 0; top: 0.17rem; width: 5px; height: 5px; background: #21ad42; border-radius: 50%; }
.aboutP5 .list li .imgList{ margin-top: 0.4rem; width: 4.52rem;}
.aboutP5 .list li .imgList dl{ display: flex; display: -webkit-flex; flex-wrap: wrap; margin-right: -0.2rem; }
.aboutP5 .list li .imgList dd{ width: 50%; margin-bottom:0.3rem; }
.aboutP5 .list li .imgList .box{ margin-right: 0.2rem; height: 1.4rem; overflow:hidden; }
.aboutP5 .list li .imgList .box img{ max-width:2.15rem; max-height:1.4rem; }

.aboutP6{ padding: 1.2rem 0; }
.aboutP6 .toptop{ position: relative; height: 1.4rem; }
.aboutP6 .links{ position: absolute; right: 0; top: 0.15rem; }
.aboutP6 .links li{ float: left; }
.aboutP6 .links li .box{ margin-left: 0.25rem; }
.aboutP6 .links li a{ font-size: 0.18rem; width: 1.82rem; height: 0.52rem; border: #009b4b solid 2px; border-radius: 0.48rem; color: #009b4b; }
.aboutP6 .links li .aNow, .aboutP6 .links li a:hover{ background: #009943; color: #fff; }

.aboutP6 .mxfDiv{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; padding: 0.85rem 0.5rem 0.85rem 1.15rem; background: url(../images/forestryP5.jpg) center no-repeat; background-size: cover; }
.aboutP6 .leftDiv, .aboutP6 .midDiv{ position: relative; }
.aboutP6 .leftDiv{ width: 4.1rem; padding-right: 0.3rem; }
.aboutP6 .midDiv{ width: 5.36rem; padding-left: 1.1rem; padding-right: 0.3rem; }
.aboutP6 .rightDiv{ width: 4.25rem; padding-left: 0.9rem; }
.aboutP6 .leftDiv:after, .aboutP6 .midDiv:after{ content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #bebebc; }
/*.aboutP6 .mxfDiv li{ color: #333; font-size: 0.24rem; line-height: 0.42rem; margin-bottom: 0.5rem; }
.aboutP6 .mxfDiv li:last-child{ margin-bottom: 0; }
.aboutP6 .mxfDiv li em{ font-size: 0.36rem; color: #009b4b; font-family: 'MiSans-M'; }
.aboutP6 .mxfDiv li span{ color: #009b4b; font-size: 0.3rem; font-family: 'MiSans-M'; }
*/
.aboutP6 .mxfDiv ul{ display: flex; display: -webkit-flex;/* justify-content: space-between; -webkit-justify-content: space-between;*/ flex-wrap: wrap;}
.aboutP6 .mxfDiv li{ width:4.1rem; position:relative; color: #333; font-size: 0.24rem; line-height: 0.42rem; padding: 0.25rem 0.3rem 0.25rem 0; }
.aboutP6 .mxfDiv li:nth-child(3n-1){ width: 5.36rem; padding: 0.25rem 0.3rem 0.25rem 1.1rem;}
.aboutP6 .mxfDiv li:nth-child(3n){ width: 4.25rem; padding-left: 0.9rem; }
.aboutP6 .mxfDiv li:after{ content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #bebebc;}
.aboutP6 .mxfDiv li:nth-child(3n):after{ display:none;}
.aboutP6 .mxfDiv li:last-child{ margin-bottom: 0; }
.aboutP6 .mxfDiv li em{ font-size: 0.36rem; color: #009b4b; font-family: 'MiSans-M'; }
.aboutP6 .mxfDiv li span{ color: #009b4b; font-size: 0.3rem; font-family: 'MiSans-M'; }



.certificatePic{ position: relative; margin-top: 0.2rem; }
.certificatePic .imgList{ overflow: hidden; padding: 0.2rem; margin: -0.2rem;}
.certificatePic .imgList .box{ cursor: pointer; height: 3.4rem; background: #fff; padding: 0.25rem 0.25rem 0; box-shadow: 0 0 0.2rem 0 rgba(0,0,0,0.08); }
.certificatePic .imgList .imgDiv{ height: 2.25rem; }
.certificatePic .imgList .imgDiv img{ max-width: 2.9rem; max-height: 2.25rem; }
.certificatePic .imgList .name{ margin-top: 0.2rem; height: 0.6rem; line-height: 0.3rem; text-align: center; font-size: 0.16rem; color: #333; overflow: hidden; }
.certificatePic .se{ z-index: 2; position: absolute; display: block; width: 50px; height: 50px; border-radius: 50%; top: 50%; margin-top: -25px; box-shadow: 0 0 0.2rem 0 rgba(0,0,0,0.08); }
.certificatePic .prev{ left: 50%; margin-left: -8.58rem; background: #fff url(../images/nimg12_left2.png) center no-repeat;}
.certificatePic .next{ right: 50%; margin-right: -8.58rem; background: #fff url(../images/nimg12_right2.png) center no-repeat;}
.certificatePic .prev:hover{ background: #009943 url(../images/nimg12_left2on.png) center no-repeat;}
.certificatePic .next:hover{ background: #009943 url(../images/nimg12_right2on.png) center no-repeat;}


.lyb{ padding: 1.2rem 0; background: url(../images/lybBg.jpg) center bottom no-repeat; background-size: 100%; }
.lyb .pageTitle{ text-align: center; }
.lyb .pageTitle:after{ left: 50%;  margin-left: -0.23rem; }
.lyb .form{ margin-top: 0.6rem; }
.lyb .form ul{ margin-right: -0.32rem;}
.lyb .form li{ float:left; width:50%; padding-bottom:0.32rem;}
.lyb .form .li01{ width:100%;}
.lyb .form li .box{ position: relative; margin-right:0.32rem; padding-left: 1.0rem; background:#fff; border:#ededed solid 1px; }
.lyb .form li .txt{ position: absolute; left: 0.2rem; top: 0; line-height: 0.64rem; font-size: 0.16rem; color: #333; }
.lyb .form li .txt em{ color: #e01212; }
.lyb .form li .input1{ width:100%; height:0.65rem; line-height:0.65rem; font-size: 0.16rem; color:#999; }
.lyb .form li .input1::-webkit-input-placeholder{ color: #999; opacity: 1;}
.lyb .form li .input1:-moz-placeholder{ color: #999; opacity: 1;}
.lyb .form li .input1::-moz-placeholder{ color: #999; opacity: 1;}
.lyb .form li .input1:-ms-input-placeholder{ color: #999; opacity: 1;}
.lyb .form li textarea{ width:100%; padding-top: 0.15rem; height:1.82rem; line-height:0.36rem; font-size: 0.16rem; color:#999; }
.lyb .form li textarea::-webkit-input-placeholder{ color: #999; opacity: 1;}
.lyb .form li textarea:-moz-placeholder{ color: #999; opacity: 1;}
.lyb .form li textarea::-moz-placeholder{ color: #999; opacity: 1;}
.lyb .form li textarea:-ms-input-placeholder{ color: #999; opacity: 1;}
.lyb .btnDiv{ width: 2.0rem; margin: 0.15rem auto 0;}
.lyb .btnDiv a{ width: 100%; text-align: center; height:0.55rem; line-height: 0.55rem; border-radius:0.48rem; background:#009b4b; font-size:0.18rem; color:#fff; font-family: 'MiSans-B';}

.teamP1{ padding: 1.2rem 0; }
.teamP1 .mxfDiv{ margin-top: 0.6rem; background: #f0f0f2; height: 5.8rem;}
.teamP1 .leftImg{ width: 4.8rem; height: 5.8rem; }
.teamP1 .leftImg img{ width: 100%; height: 100%; object-fit: cover; }
.teamP1 .conDiv{ width: 9.4rem; padding-right: 1.4rem; }
.teamP1 .conDiv .name h3{ display: inline-block; font-size: 0.36rem; line-height: 0.36rem; color: #191c22; letter-spacing: 2px; font-weight: 400; }
.teamP1 .conDiv .name em{ font-size: 0.16rem; line-height: 0.16rem; font-family: 'MiSans-L'; padding-left: 0.1rem; }
.teamP1 .conDiv .txt{ margin-top: 0.25rem; padding-bottom: 0.36rem; position: relative; font-size: 0.18rem; line-height: 0.3rem; }
.teamP1 .conDiv .txt:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0.36rem; height: 3px; background: #009b4b; }
.teamP1 .conDiv .content{ margin: 0.25rem 0 0.4rem; font-size: 0.16rem; color: #6f7275; line-height: 0.32rem; font-family: 'MiSans-L'; }
.teamP1 .conDiv .msg{ padding-top: 0.45rem; font-size: 0.3rem; color: #009b4b; line-height: 0.48rem; background: url(../images/nimg30Bg2.png) left top no-repeat;}

.teamP2{ border-top: #ebebeb solid 1px; background: url(../images/teamP2.jpg) center bottom no-repeat; background-size: 100%; padding: 0.8rem 0 1.2rem; }
.teamP2 .toptop{ height: 1.4rem; position: relative; }
.teamP2 .links{ position: absolute; right: 0; top: 0.1rem; z-index: 1; }
.teamP2 .links li{ float: left; font-size: 0.18rem;}
.teamP2 .links li .box{ margin-left: 0.25rem; }
.teamP2 .links li .box a{ display: block; width: 1.82rem; line-height: 0.48rem; color: #009b4b; text-align: center; height: 0.52rem; border: #009b4b solid 2px; border-radius: 0.48rem; }
.teamP2 .links li .box .aNow{ background: #009b4b; color: #fff; }
.teamP2 .list{ padding-bottom: 0.5rem; }
.teamP2 .list ul{ margin-right: -0.2rem; }
.teamP2 .list li{ float: left; width: 25%; padding-bottom: 0.3rem; }
.teamP2 .list li .box{ margin-right: 0.2rem; }
.teamP2 .list li a{ display: block; width: 100%; height: 100%; position: relative; }
.teamP2 .list li .imgDiv{ height: 4.74rem; position: relative; overflow: hidden; }
.teamP2 .list li .imgDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2.2rem; background: url(../images/bg1.png) top repeat-x; }
.teamP2 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover;}
.teamP2 .list li .layer{ position: absolute; left: 0.3rem; bottom: 0.3rem; padding-left: 12px; z-index: 1; color: #fff; }
.teamP2 .list li .layer:before{ content: ''; position: absolute; left: 0; top: 0; width: 3px; height: 100%; background: #fff; }
.teamP2 .list li .name{ font-size: 0.24rem; line-height: 0.24rem; font-family: 'MiSans-D'; }
.teamP2 .list li .wen{ margin-top: 0.06rem; font-size: 0.16rem; line-height: 0.16rem; font-family: 'MiSans-L'; }
.teamP2 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1); }

.partner{ padding: 0.9rem 0; background: url(../images/teamP2.jpg) center bottom no-repeat; background-size: 100%; }
.secondTab{ margin-bottom: 1.0rem; }
.secondTab li{ float:left; width:33.33%;}
.secondTab li a{ position:relative; display:block; height:96px; text-align:center;}
.secondTab li a:after{ content:''; position:absolute; right:0; top:0; width:1px; height:100%; background:#e5e5e5;}
.secondTab li:last-child a:after{ display:none;}
.secondTab li .ico{ width:45px; height:70px; margin:0 auto; position:relative;}
.secondTab li .ico img{ position:absolute; left:0; top:0; width:45px;}
.secondTab li .ico .img1{ opacity:0;}
.secondTab li .name{ font-size:0.18rem; line-height:0.18rem; color:#222;}
.secondTab li .aNow .ico img, .secondTab li a:hover .ico img{ opacity:0;}
.secondTab li .aNow .ico .img1, .secondTab li a:hover .ico .img1{ opacity:1;}
.secondTab li .aNow .name, .secondTab li a:hover .name{ color: #009b4b; }

.partner .list{ margin-top: 0.6rem; }
.partner .list ul{ margin-right: -0.32rem; }
.partner .list li{ float: left; width: 25%; margin-bottom: 0.32rem; }
.partner .list li .box{ cursor: pointer; position: relative; margin-right: 0.32rem; background: #fff; height: 1.9rem; border-radius: 0.1rem; box-shadow: 0 0 0.4rem 0 rgba(0,0,0,0.07); overflow: hidden; }
.partner .list li .name{ height: 1.9rem; text-align: center; padding: 0 0.3rem; line-height: 0.36rem; font-size: 0.24rem; color: #009b4b; font-family: 'MiSans-B'; }
.partner .list li .limg{ position: absolute; opacity: 0; visibility: hidden; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: #fff; }
.partner .list li .limg img{ max-width: 3.0rem; max-height: 0.75rem; }
.partner .list li .box:hover .limg{ opacity: 1; visibility: visible; }

.institution{ padding: 0.9rem 0 0.5rem; background: url(../images/teamP2.jpg) center bottom no-repeat; background-size: 100%; }
.institution .toptop{ position: relative; height: 1.4rem;}
.institution .links{ position: absolute; right: 0; top: 0.15rem; z-index: 1; }
.institution .links li{ float: left; }
.institution .links li .box{ margin-left: 0.26rem;}
.institution .links li .box a{ display: block; text-align: center; width: 1.82rem; height: 0.52rem; line-height: 0.52rem; font-size: 0.18rem; color: #009b4b; border-radius: 0.48rem; background-image: linear-gradient(90deg, #039944 0%, #7ab355 100%); background-blend-mode: normal, normal; position: relative;}
.institution .links li .box a:after{ content: ''; position: absolute; left: 2px; top: 2px; right: 2px; bottom: 2px; box-sizing: border-box; background: #fff; border-radius: 0.48rem; }
.institution .links li .box em{ position: relative; z-index: 1; }
.institution .links li .box .on{ color: #fff; }
.institution .links li .box .on:after{ display: none; }

.institution .list ul{ margin-right: -0.8rem; }
.institution .list li{ float: left; width: 50%; margin-bottom: 0.9rem; }
.institution .list li .box{ cursor: pointer; margin-right: 0.8rem; }
.institution .list li .imgDiv{ height: 4.1rem; overflow: hidden; }
.institution .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.institution .list li .botDiv{ position: relative; background: #f7f7f7; height: 2.6rem; padding: 0.35rem 0.6rem 0; }
.institution .list li .botDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 3px; background: #009b4b; }
.institution .list li .name{ font-size: 0.24rem; color: #393435; line-height: 0.32rem; height: 0.32rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: 'MiSans-B'; }
.institution .list li .msg{ margin-top: 0.2rem; font-size: 0.16rem; line-height: 0.24rem; height: 0.48rem; color: #999; }
.institution .list li .ico{ margin-top: 0.45rem; width: 47px; height: 33px; border-radius: 32px; border: #009b4b solid 2px; background: url(../images/ico3.png) center no-repeat; }
.institution .list li .box:hover .botDiv{ background: #fff; box-shadow: 0 0 0.3rem 0 rgba(0,0,0,0.1); }
.institution .list li .box:hover .botDiv:after{ width: 100%; }
.institution .list li .box:hover .name{ color: #009b4b; }
.institution .list li .box:hover .ico{ background: #009b4b url(../images/ico3on.png) center no-repeat;}

.cardModal-box { width: 100%; height: 100%; position: fixed; left: 0; top: 0; align-items: center; z-index: 110; background: rgba(0, 0, 0, 0.5); display: none;}
.cardModal-box.on {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
}
.cardModal-box .card-box { width: 15.36rem; margin: 0 auto; background: #fff; height: 7.0rem; padding: 1.6rem 1.2rem 0; position: relative;}
.cardModal-box .card-box .bigImg { width: 5.9rem; height: 4.0rem; overflow:hidden; }
.cardModal-box .card-box .bigImg img{ width:100%; height:100%; object-fit:cover;}
.cardModal-box .card-box .conDiv{ width: 5.9rem; padding-top: 0.2rem; }
.cardModal-box .card-box .name { position: relative; padding-bottom: 0.25rem; font-size: 0.36rem; color: #333; line-height: 0.48rem; font-family:'MiSans-B';}
.cardModal-box .card-box .name:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0.46rem; height: 3px; background: #009b4b; }
.cardModal-box .card-box .msg{ margin-top: 0.42rem; font-size: 0.16rem; line-height: 0.3rem; height: 2.4rem; overflow: auto; text-align:justify; padding-right:6px; }
.cardModal-box .card-box .msg::-webkit-scrollbar { width: 3px;}
.cardModal-box .card-box .msg::-webkit-scrollbar-track { background-color: #e5e5e5;}
.cardModal-box .card-box .msg::-webkit-scrollbar-thumb { background-color: #009943;} 
.cardModal-box .card-box .close { display: block; position: absolute; right: 0.6rem; top: 0.5rem; width: 30px; height: 30px; z-index: 2;}
.cardModal-box .card-box .close img { max-width: 100%;}

.caseShow{ position: relative; padding: 1.35rem 0 1.2rem; background: url(../images/caseBg.jpg) center bottom no-repeat; background-size: 100%; }
.caseShow .bg{ position: absolute; left: 0; top: 0; width: 100%; }
.caseShow .bg img{ width: 100%; }
.caseShow .name{ margin: 1.0rem 0 0.35rem; color: #333; font-size: 0.48rem; line-height: 0.64rem; font-weight: 400; font-family: 'MiSans-B'; }
.caseShow .content{ font-size: 0.16rem; line-height: 0.36rem; color: #333; text-align: justify; }
.casePic{ position: relative; z-index: 1;}
.casePic .imgList{ overflow: hidden; }
.casePic .imgDiv img{ width: 100%; }
.casePic .layer{ position: absolute; right: 0.6rem; bottom: 0.6rem; z-index: 2; width: 2.6rem; line-height: 1.1rem; text-align: center; color: #fff; font-size: 0.16rem; height: 1.2rem; border: #fff solid 3px; background: rgba(0,0,0,0.8); }
.casePic .layer .num{ font-size: 0.3rem; font-family: 'Mont-R'; padding-right: 0.1rem; }
.casePic .layer span{ padding-right: 0.25rem; }
.casePic .se{ z-index: 2; position: absolute; display: block; width: 56px; height: 56px; border-radius: 50%; top: 50%; margin-top: -28px; }
.casePic .prev{ left: 50%; margin-left: -7.36rem; background: #fff url(../images/nimg12_left.png) center no-repeat;}
.casePic .next{ right: 50%; margin-right: -7.36rem; background: #fff url(../images/nimg12_right.png) center no-repeat;}
.casePic .prev:hover{ background: #009943 url(../images/nimg12_lefton.png) center no-repeat;}
.casePic .next:hover{ background: #009943 url(../images/nimg12_righton.png) center no-repeat;}

.newsP1{ background: #f5f5f5; padding: 1.2rem 0; }
.newsPic{ margin-top: 0.6rem; position: relative; background: #fff; overflow: hidden;}
.newsPic .list{ overflow: hidden; }
.newsPic .imgDiv{ width: 7.68rem; height: 4.9rem; overflow: hidden;}
.newsPic .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.newsPic .conDiv{ width: 6.8rem; box-sizing: border-box; padding: 0.8rem 1.2rem 0 0; }
.newsPic .time{ font-size: 0.24rem; color: #333; line-height: 0.24rem; font-family:'Mont-L'; }
.newsPic .name{ margin-top: 0.24rem; line-height: 0.48rem; font-size: 0.36rem; color: #191c22; height: 0.96rem; overflow: hidden; }
.newsPic .content{ margin-top: 0.1rem; font-size: 0.16rem; line-height: 0.3rem; height: 0.9rem; color: #191c22; font-family: 'MiSans-L'; }
.newsPic li:hover .imgDiv img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
.newsPic li:hover .name{ color: #009943; }
.newsPic .swiper-container-horizontal>.swiper-pagination-bullets{ left: 8.5rem; width: auto; bottom: 0.9rem; text-align: left; }
.newsPic .swiper-pagination-bullet{ width: 8px; height: 8px; background: #a5abb6; border-radius: 50%; opacity: 1; margin: 0 0.2rem 0 0!important;}
.newsPic .swiper-pagination-bullet-active{ background: #009943; }

.newsP2{ padding: 0.8rem 0 1.2rem; background: url(../images/teamP2.jpg) center bottom no-repeat; background-size: 100%; }

.newsP2 .toptop{ height: 1.15rem; position: relative; z-index: 1; }
.newsP2 .selectYear{ width: 3.2rem; position: relative; }
.newsP2 .caption { position: relative; cursor: pointer; height: 0.56rem; line-height: 0.56rem; padding-left: 0.4rem; font-size: 0.16rem; color: #999; border: #dcdcdc solid 1px; background: #fff; box-sizing: border-box; border-radius: 0.48rem;}
.newsP2 .caption.on:after {
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
}
.newsP2 .caption:after { content: ""; display: block; width: 56px; height: 10px; background: url(../images/selectIco.png) no-repeat right center; background-size: contain; position: absolute; right: 1px; top: 50%; margin-top: -5px; z-index: 10;}
.newsP2 .xlist { width: 100%; position: absolute; left: 0; top: 100%; z-index: 12; background: #fff; max-height: 2.8rem; overflow-y: auto; display: none; border: 1px solid #dcdcdc; border-radius: 0.1rem; }
.newsP2 .xlist::-webkit-scrollbar { width: 4px;}
.newsP2 .xlist::-webkit-scrollbar-track { background-color: #fff;}
.newsP2 .xlist::-webkit-scrollbar-thumb { background-color: #009943;}
.newsP2 .xlist a { display: block; font-size: 0.16rem; color: #999; line-height: 0.56rem; padding: 0 0.4rem; border-bottom: 1px solid #dcdcdc;}
.newsP2 .xlist a:hover,.newsP2 .xlist a.on { color: #009943;}
.newsP2 .xlist a:last-child { border-bottom: none;}

.newsBtn{ position: absolute; right: 0; top: 0; display: block; width: 25px; height: 25px; background: url(../images/nimg25_1.png) no-repeat; }
.newsBtn.cur{ background: url(../images/nimg25_2.png) no-repeat; }

.newsP2 .list{ padding-bottom: 0.3rem; }
.newsP2 .list ul{ margin-right: 0; }
.newsP2 .list li{ width: 100%; margin-bottom: 0.5rem; }
.newsP2 .list li .box a{ position: relative; overflow: hidden; display: block; height: 3.06rem; background: #f7f7f7; padding: 0.55rem 1.2rem 0 5.75rem;}
.newsP2 .list li .imgDiv{ position: absolute; left: 0; top: 0; width: 4.8rem; height: 3.06rem; }
.newsP2 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.newsP2 .list li .time{ font-size: 0.18rem; line-height: 0.18rem; color: rgba(102,102,102,0.6); font-family: 'Mont-R'; }
.newsP2 .list li .name{ margin-top: 0.3rem; font-size: 0.22rem; line-height: 0.36rem; height: 1.08rem; overflow: hidden; color: #333; }
.newsP2 .list li .more{ margin-top: 0.2rem; display: inline-block; position: relative; height: 0.2rem; font-size: 0.16rem; line-height: 0.16rem; font-family: 'Mont-R'; color: #009b4b;}
.newsP2 .list li .more:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: rgba(0,153,67,0.6); }
.newsP2 .list li .box a:hover{ background: #009b4b; }
.newsP2 .list li .box a:hover .time{ color: rgba(255,255,255,0.6);}
.newsP2 .list li .box a:hover .name, .newsP2 .list li .box a:hover .more{ color: #fff; }
.newsP2 .list li .box a:hover .more:after{ background: rgba(255,255,255,0.6);}

.newsP2 .list.on ul{ margin-right: -0.48rem; }
.newsP2 .list.on li{ float: left; width: 33.33%; }
.newsP2 .list.on li .box{ margin-right: 0.48rem; }
.newsP2 .list.on li a{ height: auto; padding: 0; }
.newsP2 .list.on li .imgDiv{ position: relative; }
.newsP2 .list.on li .botDiv{ height: 2.94rem; padding: 0.4rem 0.5rem 0; }
.newsP2 .list.on li .name{ margin-top: 0.18rem; }
.newsP2 .list.on li .more{ margin-top: 0.4rem;}


.newsBox{ padding: 1.0rem 0 1.2rem; background: url(../images/teamP2.jpg) center bottom no-repeat; background-size: 100%; }
.newShow .name{ font-size: 0.48rem; color: #191c22; font-weight: 400; font-family: 'MiSans-B'; line-height: 0.64rem; padding-bottom: 0.4rem; }
.newShow .time{ background: url(../images/nimg14_1.png) left center no-repeat; padding-left: 26px; margin-bottom: 0.5rem; color: #999; font-size: 0.18rem; font-family: 'Mont-R';}
.newShow .content{ padding-bottom: 0.7rem; font-size: 0.16rem; color: #333; line-height: 0.36rem; text-align: justify; }
.newShow .imgDiv{ padding: 0.2rem 0; text-align: center;}
.newShow .imgDiv img{ max-width: 10.5rem; }
.newShow .share{ height: 0.8rem; background: #fff; position: relative; padding: 0.15rem 0 0 1.85rem; }
.newShow .share em{ position: absolute; left: 0.4rem; top: 0; font-size: 0.24rem; line-height: 0.8rem; color: #333; }
.newShow .share li{ float: left; margin-right: 0.35rem; }
.newShow .share li a{ display: block; width: 0.5rem; height: 0.5rem; border-radius: 50%; position: relative; }
.newShow .share li img{ position: absolute; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; }
.newShow .share li .img1{ opacity: 0; }
.newShow .share li a:hover{ background: #009b4b; }
.newShow .share li a:hover img{ opacity: 0; }
.newShow .share li a:hover .img1{ opacity: 1; }

.pageDown{ margin-top: 0.45rem; }
.pageDown ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.pageDown li{ font-size: 0.2rem; }
.pageDown li a{ color: #333; text-decoration: underline; }
.pageDown li a:hover{ color: #009b4b; }

.sideNews .title{ font-size: 0.3rem; line-height: 0.3rem; color: #000; font-weight: 400; position: relative; padding-bottom: 0.28rem;}
.sideNews .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 32px; height: 5px; background: #009b4b; border-radius: 4px;}
.sideNews .list li a{ display: block; padding: 0.45rem 0 0.22rem; border-bottom: #e6e6e6 solid 1px;}
.sideNews .list li .name{ font-size: 0.2rem; line-height: 0.36rem; color: #222; }
.sideNews .list li .time{ font-family: 'Mont-L'; font-size: 0.18rem; line-height: 0.18rem; padding-bottom: 0.2rem; color: #009b4b; }
.sideNews .list li:hover .name{ color: #009b4b;}

.backBtn{ padding-top: 0.5rem; }
.backBtn a{ display: block; border-radius: 0.48rem; height: 0.52rem; line-height: 0.52rem; color: #fff; font-size: 0.16rem; text-align: center; background: #009b4b;}
.backBtn img{ margin-left: 10px; position: relative; top: -1px; }

.concept{ padding: 1.2rem 0; background: url(../images/teamP2.jpg) center bottom no-repeat; background-size: 100%; overflow: hidden; }
.concept .leftDiv{ width: 7.04rem; }
.concept .content{ margin-top: 0.45rem; color: #333; text-align: justify; line-height: 0.36rem; font-size: 0.16rem; }
.concept .rightImg{ width: 7.05rem; border-radius: 0.2rem; overflow: hidden; }
.concept .rightImg img{ width: 100%; }

.process{ padding: 1.2rem 0; }
.process .pageTitle{ text-align: center; }
.process .pageTitle:after{ left: 50%; margin-left: -0.23rem; }
.process .list{ padding-top: 0.6rem; }
.process .list ul{ margin-right: -0.32rem;}
.process .list li{ float: left; width: 25%; }
.process .list li .box{ margin-right: 0.32rem; text-align: center; padding: 0.6rem 0.4rem 0; height: 4.5rem; background: #fff; border-radius: 0.16rem; box-shadow: 0 0 0.3rem 0 rgba(0,0,0,0.05); }
.process .list li .ico{ position: relative; width: 0.8rem; height: 0.8rem; margin: 0 auto; border: #ebebeb solid 1px; border-radius: 50%; }
.process .list li .ico img{ width: 0.4rem; position: absolute; left: 50%; top: 50%; margin-top: -0.2rem; margin-left: -0.2rem; }
.process .list li .ico .img1{ opacity: 0;}
.process .list li .name{ margin-top: 0.4rem; height: 0.56rem; font-size: 0.24rem; line-height: 0.24rem; color: #000; }
.process .list li .msg{ font-size: 0.16rem; line-height: 0.3rem; height: 1.8rem; overflow: auto; padding-right: 8px;}
.process .list li .msg::-webkit-scrollbar { width: 2px;}
.process .list li .msg::-webkit-scrollbar-track { background-color: #f4f4f4;}
.process .list li .msg::-webkit-scrollbar-thumb { background-color: #009943;}
.process .list li .box:hover{ box-shadow: 0 0 0.35rem 0 rgba(0,0,0,0.1); }
.process .list li .box:hover .ico{ border: #009b4b solid 1px; background: #009b4b; }
.process .list li .box:hover .ico img{ opacity: 0; }
.process .list li .box:hover .ico .img1{ opacity: 1; }

.join{ height: 5.2rem; background: url(../images/joinBg.jpg) center no-repeat; background-size: cover;}
.join .title{ width: 100%; text-align: center; position: relative; padding: 0.35rem 0; }
.join .title:after{ content: ''; position: absolute; left: 50%; margin-left: -0.23rem; bottom: 0; width: 0.46rem; height: 3px; background: #fff; }
.join .title .cn{ font-weight: 400; letter-spacing: 2px; font-family: 'MiSans-M'; font-size: 0.48rem; line-height: 0.48rem; color: #fff;}
.join .title .en{ position: absolute; left: 0; top: 0; width: 100%; font-weight: 400; font-size: 1.08rem; line-height: 0.9rem; text-transform: uppercase; font-family: 'Mont-R'; opacity: 0.15; background-image:-webkit-linear-gradient(top,#fff,#326a5a);
 background-image:linear-gradient(to bottom,#fff,#326a5a); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent;}
.join .btnGroup{ margin-top: 0.6rem; text-align: center;}
.join .btnGroup ul{ font-size: 0;}
.join .btnGroup li{ display: inline-block; margin: 0 0.2rem; }
.join .btnGroup li a{ width: 2.2rem; height: 0.7rem; border: #fff solid 1px; border-radius: 0.48rem; font-size: 0.24rem; color: #fff; }
.join .btnGroup li em{ margin-left: 0.2rem; width: 20px; height: 15px; background: url(../images/ico4.png) no-repeat; }
.join .btnGroup li a:hover{ background: #fff; color: #009943; }
.join .btnGroup li a:hover em{ background: url(../images/ico4on.png) no-repeat; }

.album{ padding: 1.2rem 0; background: url(../images/lybBg.jpg) center bottom no-repeat; background-size: 100%; }
.album .pageTitle{ text-align: center; }
.album .pageTitle:after{ left: 50%;  margin-left: -0.23rem; }
.album .list{ padding: 0.6rem 0 0.4rem; }
.album .list ul{ margin-right: -0.4rem; }
.album .list li{ float: left; width: 50%; margin-bottom: 0.4rem; }
.album .list li .box{ margin-right: 0.4rem; }
.album .list li a{ display: block; position: relative; background: #fff; height: 0.9rem; border: #f2f0ea solid 2px; padding: 0 1.5rem 0 0.48rem; }
.album .list li a:after{ content: ''; position: absolute; right: 0.6rem; top: 50%; margin-top: -0.12rem; width: 0.3rem; height: 0.25rem; background: url(../images/nimg30_1.png) no-repeat; background-size: 0.3rem; }
.album .list li .name{ font-size: 0.18rem; color: #666; font-family: 'MiSans-B'; height: 0.86rem; line-height: 0.36rem; }
.album .list li a:hover{border: #fff solid 2px; box-shadow: 0 0 0.32rem 0 rgba(0,0,0,0.07);}
.album .list li a:hover:after{ background: url(../images/nimg30_1on.png) no-repeat; background-size: 0.3rem; }
.album .list li a:hover .name{ color: #009b4b; }

.contactP1{ position: relative; padding:1.2rem 0 2.2rem; overflow: hidden; }
.contactP1 .pageTitle{ text-align: center; }
.contactP1 .pageTitle:after{ left: 50%;  margin-left: -0.23rem; }
.contactP1 .list{ padding-top:0.6rem; position: relative; z-index: 2;}
.contactP1 .list li{ float:left; width:25%; text-align:center;}
.contactP1 .list li .ico{ position:relative; width:1.05rem; height:1.05rem; margin:0 auto; border:#e6e6e6 solid 1px; border-radius:50%;}
.contactP1 .list li .ico img{ position:absolute; left:50%; top:50%; margin-left:-0.2rem; margin-top:-0.2rem; width:0.4rem;}
.contactP1 .list li .ico .img1{opacity:0; transform:scale3d(0,0,0);-webkit-transform:scale3d(0,0,0);-moz-transform:scale3d(0,0,0)}
.contactP1 .list li .name{ margin-top:0.4rem; font-size:0.18rem; line-height:0.18rem; color: #262323; height:0.4rem; font-family: 'MiSans-M';}
.contactP1 .list li .num{ font-size:0.22rem; line-height:0.24rem; color:#808080; font-family:'Mont-L ';}
.contactP1 .list li .msg{ width: 2.3rem; margin: 0 auto; font-size:0.18rem; line-height:0.24rem; color:#808080; }
.contactP1 .list li:hover .ico{ border: #009943 solid 1px; background: #009943; }
.contactP1 .list li:hover .ico img{opacity:0}
.contactP1 .list li:hover .ico .img1{opacity:1;transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1)}

.contactP1 .wave {
  margin-left: -25%;
  position: absolute;
  left: 0;
  bottom: -20%;
  z-index: 0;
  width: 210%;
}


.contactP2{ padding-top: 1.2rem; height: 7.78rem; background: url(../images/contactP2.jpg) center no-repeat; background-size: cover; }
.contactP2 .pageTitle{ text-align: center; }
.contactP2 .pageTitle:after{ left: 50%;  margin-left: -0.23rem; }
.contactP2 .list{ margin-top: 0.6rem; }
.contactP2 .list ul{ margin-right: -0.26rem; }
.contactP2 .list li{ float: left; width: 25%; }
.contactP2 .list li .box{ position: relative; margin-right: 0.26rem; height: 4.0rem; padding: 0.6rem 0.4rem 0; background: #fff; border-radius: 4px; box-shadow: 0 0 0.35rem 0 rgba(0,0,0,0.06); }
.contactP2 .list li .cn{ font-size: 0.24rem; line-height: 0.24rem; color: #333; font-family: 'MiSans-B'; margin-bottom: 0.15rem; }
.contactP2 .list li .en{ font-size: 0.14rem; line-height: 0.14rem; text-transform: uppercase; height: 0.4rem; color: #e0e0e0; font-family: 'Mont-B'; text-transform: uppercase; }
.contactP2 .list li .msg{ font-size: 0.16rem; line-height: 0.3rem; max-height: 1.5rem; overflow: auto; padding-right: 5px; text-align: justify; }
.contactP2 .list li .msg::-webkit-scrollbar { width: 2px;}
.contactP2 .list li .msg::-webkit-scrollbar-track { background-color: #f4f4f4;}
.contactP2 .list li .msg::-webkit-scrollbar-thumb { background-color: #009943;}
.contactP2 .list li .more{ position: absolute; left: 0.4rem; bottom: 0.6rem; z-index: 1; }
.contactP2 .list li .more a{ font-size: 0.16rem; color: #009b4b; padding-left: 26px; background: url(../images/nimg15_1.png) left center no-repeat; }
.contactP2 .list li .more a:hover{ text-decoration: underline; }

.job{ padding: 1.2rem 0 1.4rem; background: url(../images/lybBg.jpg) center bottom no-repeat; background-size: 100%; }
.job .pageTitle{ text-align: center; }
.job .pageTitle:after{ left: 50%;  margin-left: -0.23rem; }

.selectGroup{ position: relative; text-align: center; padding: 0.3rem 0 0.6rem; z-index: 2;}
.selectGroup .box{ display: inline-block; position: relative; height: 0.62rem; margin: 0 0.1rem;}
.selectGroup .caption { overflow:hidden; text-align: left; border-radius: 4px; position: relative; cursor: pointer; height: 0.62rem; line-height: 0.6rem; width: 2.38rem; padding: 0 40px 0 18px; text-overflow: ellipsis; white-space: nowrap; font-size: 0.16rem; color: #666; background: #fff; border: #dcdcdc solid 1px; box-sizing: border-box;}
.selectGroup .caption:after { content: ""; position: absolute; display: block; width: 17px; height: 10px; background: url(../images/selectIco2.png) no-repeat center; right: 18px; top: 50%; margin-top: -5px; z-index: 2;}
.selectGroup .caption.on{ color: #009943; border-radius:0; border-top-left-radius:4px; border-top-right-radius:4px; }
.selectGroup .caption.on:after {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.selectGroup .select .xlist{ display: none; position: absolute; left: 0px; top: 100%; z-index: 10; width: 100%; background: #fff; max-height: 2.5rem; overflow: auto; border: #dcdcdc solid 1px; border-top: none; box-sizing: border-box; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } 
.selectGroup .select .xlist::-webkit-scrollbar { width: 2px;}
.selectGroup .select .xlist::-webkit-scrollbar-track { background-color: #e5e5e5;}
.selectGroup .select .xlist::-webkit-scrollbar-thumb { background-color: #009943;}
.selectGroup .select .xlist a{ display: block; line-height: 0.5rem; height: 0.5rem; cursor: pointer; border-bottom: 1px solid #dcdcdc; color: #666; font-size: 0.16rem; overflow: hidden; padding: 0 18px; text-align: left;}
.selectGroup .select .xlist a:last-child{ border-bottom: none; }
.selectGroup .select .xlist a:hover{ color: #009943; }

.selectGroup .form{ width: 4.35rem; box-sizing: border-box; position: relative; height: 0.62rem; overflow: hidden; border-radius: 6px;}
.selectGroup .form .input1{ height: 0.62rem; box-sizing: border-box; line-height: 0.6rem; color: #666; background: #fff; border: #e1e1e1 solid 1px; width: 100%; font-size: 0.16rem; padding-left: 0.25rem; font-family:'Misans-R'; border-top-left-radius: 6px; border-bottom-left-radius: 6px;}
.selectGroup .form .input1::-webkit-input-placeholder{ color: #666; opacity: 1;}
.selectGroup .form .input1:-moz-placeholder{ color: #666; opacity: 1;}
.selectGroup .form .input1::-moz-placeholder{ color: #666; opacity: 1;}
.selectGroup .form .input1:-ms-input-placeholder{ color: #666; opacity: 1;}
.selectGroup .btnDiv{ position: absolute; right: 0; top: 0; z-index: 1; }
.selectGroup .btnDiv a{ display: block; width: 120px; text-align: center; font-size: 0.18rem; color: #fff; height: 0.62rem; line-height: 0.62rem; background: #009b4b; border-top-right-radius: 6px; border-bottom-right-radius: 6px; }

.job .list{ padding-bottom: 0.8rem; }
.job .list li{ margin-bottom: 0.2rem; background: #f5f5f5; position: relative; cursor: pointer;}
.job .list li .topDiv{ position: relative; padding: 0.35rem 0 0.45rem; border-top: #e7e7e7 solid 2px;}
.job .list li .line{ position: absolute; left: 0; bottom: 0; width: 100%; height: 15px; background: #fff; display: none; z-index: 1; }
.job .list li .name{ padding-left: 0.4rem; line-height: 22px; }
.job .list li .name .dj{ display: inline-block; min-width: 3.2rem; padding-right: 20px;}
.job .list li .name b{ font-size: 0.22rem; line-height: 0.22rem; color: #17171d; display: inline-block; font-weight: 400; font-family: 'MiSans-M';}
.job .list li .name dl{ display: inline-block; }
.job .list li .name dd{ float: left; position: relative; font-size: 14px; color: #757575; padding: 0 12px; font-weight: 400; }
.job .list li .name dd:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -7px; width: 1px; height: 14px; background: #757575; }
.job .list li .name dd:last-child:after{ display: none; }
.job .list li .msgList{ padding: 0.2rem 0 0 0.4rem; line-height: 0.3rem; font-size: 0.16rem; color: #626262; }
.job .list li .hideBox{ position: relative; display: none; padding: 10px 0.4rem 0.6rem; background: #fff; box-shadow: 0px 0.04rem 0.25rem 0px rgba(0, 0, 0, 0.1);}
.job .list li .ico{ position: absolute; right: 48px; top: 36px; z-index: 1; width: 60px; height: 60px; background: #fff; border-radius: 50%;}
.job .list li .ico:before{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -2px; width: 20px; height: 4px; background: #009b4b; }
.job .list li .ico:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -2px; margin-top: -10px; width: 4px; height: 20px; background: #009b4b; }
.job .list li .txt{ font-size: 18px; line-height: 30px; padding-bottom: 0.2rem; color: #000; font-family: 'MiSans-M';}
.job .list li .msg{ font-size: 0.16rem; line-height: 0.3rem; padding-bottom: 0.4rem; }
.job .list li .btnDiv a{ position: relative; overflow: hidden; display: block; text-align: center; width: 1.5rem; height: 0.5rem; line-height: 0.5rem; color: #fff; border-radius: 0.48rem; background: #009b4b; font-size: 0.16rem; }
.job .list li .btnDiv span{ position: relative; z-index: 1; }
.job .list li .btnDiv i{ display: block;
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0; }
.job .list li .btnDiv i:before{ position: relative; content: ''; display: block; margin-top: 100%; }
.job .list li .btnDiv i:after{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; }
.job .list li .btnDiv a:hover i{ -moz-animation: anim-out .75s;
    -webkit-animation: anim-out .75s;
    animation: anim-out .75s }
.job .list li .btnDiv a:hover i:after {
    -moz-animation: anim-out-pseudo .75s;
    -webkit-animation: anim-out-pseudo .75s;
    animation: anim-out-pseudo .75s
}

.job .list li .liNow{ border-top: #009943 solid 2px; padding: 0.35rem 0 0.1rem; background: #fff; box-shadow: 0px 0.04rem 0.25rem 0px rgba(0, 0, 0, 0.1);}
.job .list li .liNow .line{ display: block; }
.job .list li .liNow .msgList{ display: none;}
.job .list li .liNow .name b{ color: #009943; }
.job .list li .liNow .ico{ background: #009b4b;}
.job .list li .liNow .ico:before{ background: #fff; }
.job .list li .liNow .ico:after{ background: #fff; transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg); }

.video{ padding: 1.2rem 0; background: url(../images/lybBg.jpg) center bottom no-repeat; background-size: 100%; }
.video .pageTitle{ text-align: center; margin-bottom: 0.6rem; }
.video .pageTitle:after{ left: 50%;  margin-left: -0.23rem; }

.videoPic{ overflow: hidden; }
.videoPic .detail-box .list .item { display: none; position: relative;}
.videoPic .detail-box .list .item.on { display: block; animation: fadeOfOpacity .5s linear;}
.videoPic .detail-box .list .item .imgDiv{ height: 8.0rem; cursor: pointer; }
.videoPic .detail-box .list .item .imgDiv:after{ content: ''; position: absolute; left: 0.8rem; bottom: 0.7rem; width: 0.8rem; height: 0.8rem; background: url(../images/play3.png) no-repeat; background-size: 0.8rem; }
.videoPic .detail-box .list .item .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.videoPic .detail-box .list .item video{ max-width:100%; max-height:8.0rem; position:absolute; top:50%; transform: translateY(-50%); left:0; right: 0; margin: 0 auto; z-index:-1; visibility:hidden;opacity:0;object-fit:cover;}
.videoPic .detail-box .list .item.cur{ background:#000;}
.videoPic .detail-box .list .item.cur video{z-index:2;visibility:visible;opacity:1}
.videoPic .detail-box .list .item.cur .imgDiv{z-index:-1;visibility:hidden;opacity:0;}
.videoPic .detail-box .list .item.cur .imgDiv:after{ display: none; }

.videoPic .img-swiper{ margin-top: 0.9rem; overflow: hidden;}
.videoPic .img-swiper .limg{ cursor: pointer; height: 1.43rem; position: relative; }
.videoPic .img-swiper .limg img{ width: 100%; height: 100%; object-fit: cover; }
.videoPic .img-swiper .name{ margin-top: 0.3rem; height: 0.32rem; line-height: 0.32rem; overflow: hidden; font-size: 0.16rem; color: #989898; }
.videoPic .img-swiper .swiper-slide-active .name{ color: #009b4b; }

.activityP1{ padding: 1.2rem 0 0.7rem; }
.activityP1 .pageTitle{ text-align: center; }
.activityP1 .pageTitle:after{ left: 50%;  margin-left: -0.23rem; }
.activityP1 .list{ margin-top: 0.6rem; }
.activityP1 .list ul{ margin-right: -0.4rem; }
.activityP1 .list li{ float: left; width: 33.33%; margin-bottom: 0.3rem; }
.activityP1 .list li .box{ margin-right: 0.4rem; cursor: pointer; }
.activityP1 .list li .imgDiv{ border-radius: 0.1rem; height: 3.5rem; overflow: hidden; }
.activityP1 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.activityP1 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.activityP2{ padding: 1.5rem 0 0.7rem; background: #f8f8f8;}
.activityP2 .pageTitle{ text-align: center; margin-bottom: 0.6rem;}
.activityP2 .pageTitle:after{ left: 50%;  margin-left: -0.23rem; }
.activityP2 .leftDiv{ cursor: pointer; width: 5.63rem; position: relative; border-radius: 0.1rem; overflow: hidden;}
.activityP2 .leftDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 160px; background: url(../images/bg2.png) repeat-x; }
.activityP2 .leftDiv .imgDiv{ height: 7.01rem; }
.activityP2 .leftDiv .imgDiv img{ width: 100%; height: 100%; object-fit: cover;}
.activityP2 .leftDiv .name{ z-index: 1; position: absolute; left: 0; bottom: 0.3rem; width: 100%; padding: 0 0.3rem; line-height: 0.48rem; color: #fff; font-size: 0.3rem; text-align: center; font-family: 'MiSans-B'; }
.activityP2 .leftDiv:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.activityP2 .rightDiv{ width: 9.18rem; }
.activityP2 .rightDiv ul{ margin-right: -0.54rem;}
.activityP2 .rightDiv li{ float: left; width: 50%; margin-bottom: 0.52rem; }
.activityP2 .rightDiv li .box{ position: relative; overflow: hidden; margin-right: 0.54rem; border-radius: 0.1rem; cursor: pointer; }
.activityP2 .rightDiv li .box:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 160px; background: url(../images/bg2.png) repeat-x; }
.activityP2 .rightDiv li .imgDiv{ height: 3.25rem; }
.activityP2 .rightDiv li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.activityP2 .rightDiv li .name{ z-index: 1; position: absolute; left: 0; bottom: 0.3rem; width: 100%; padding: 0 0.3rem; line-height: 0.48rem; color: #fff; font-size: 0.3rem; text-align: center; font-family: 'MiSans-B'; }
.activityP2 .rightDiv li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.activityP3{ padding: 1.2rem 0; background: url(../images/lybBg.jpg) center bottom no-repeat; background-size: 100%; }
.activityP3 .pageTitle{ text-align: center; margin-bottom: 0.6rem; }
.activityP3 .pageTitle:after{ left: 50%;  margin-left: -0.23rem; }

.lunbo{ position: relative; }
.lunbo .imgList{ overflow: hidden; }
.lunbo .imgDiv{ border-radius: 0.1rem; cursor: pointer; overflow: hidden; height: 6.0rem; }
.lunbo .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.lunbo .se{ z-index: 2; position: absolute; display: block; width: 50px; height: 50px; border-radius: 50%; top: 50%; margin-top: -25px; }
.lunbo .prev{ left: 50%; margin-left: -8.58rem; background: #fff url(../images/nimg12_left2.png) center no-repeat;}
.lunbo .next{ right: 50%; margin-right: -8.58rem; background: #fff url(../images/nimg12_right2.png) center no-repeat;}
.lunbo .prev:hover{ background: #009943 url(../images/nimg12_left2on.png) center no-repeat;}
.lunbo .next:hover{ background: #009943 url(../images/nimg12_right2on.png) center no-repeat;}

.forestryP1{ padding: 1.2rem 0;}
.forestryP1 .leftDiv{ width: 6.9rem; }
.forestryP1 .txt{ font-weight: 400; color: #009b4b; font-size: 0.48rem; font-family: 'MiSans-D'; margin: 0.6rem 0 0.35rem; }
.forestryP1 .content{ font-size: 0.16rem; line-height: 0.3rem; text-align: justify;}
.forestryP1 .rightImg{ border-radius: 0.2rem; width: 50%; overflow: hidden; }
.forestryP1 .rightImg img{ width: 100%; }

.forestryP2 .pageTitle{ text-align: center; margin-bottom: 0.6rem; }
.forestryP2 .pageTitle:after{ left: 50%;  margin-left: -0.23rem; }
.forestryP2 .mxfDiv{ padding-top: 1.0rem; height: 6.0rem; background: url(../images/forestryP2.jpg) center no-repeat; background-size: cover; }
.forestryP2 .mxfDiv2{ padding-top: 1.2rem; height: 5.6rem; }
.scopePic{ position: relative; }
.scopePic .imgList{ overflow: hidden; }
.scopePic .imgList .box{ background: #fff; border-radius: 0.1rem; height: 4.0rem; padding: 0.56rem 0.5rem 0; }
.scopePic .imgList .box2{ height: 3.2rem; }
.scopePic .imgList .ico{ width: 0.62rem; height: 0.62rem; margin: 0 auto; position: relative; }
.scopePic .imgList .ico img{ width: 0.62rem; position: absolute; left: 0; top: 0; }
.scopePic .imgList .ico .img1{ opacity: 0; }
.scopePic .imgList .name{ text-align: center; font-size: 0.24rem; color: #191c22; font-family: 'MiSans-M'; margin-top: 0.3rem; height: 0.32rem; line-height: 0.32rem; overflow: hidden;}
.scopePic .imgList .msg{ margin-top: 0.24rem; font-size: 0.16rem; line-height: 0.3rem; height: 1.5rem; overflow: auto; padding-right: 5px; text-align: center; color: #999; }
.scopePic .imgList .msg::-webkit-scrollbar { width: 3px;}
.scopePic .imgList .msg::-webkit-scrollbar-track { background-color: #e5e5e5;}
.scopePic .imgList .msg::-webkit-scrollbar-thumb { background-color: #2ecb73;} 
.scopePic .imgList .box:hover{ background: #009b4b;}
.scopePic .imgList .box:hover .ico img{ opacity: 0; }
.scopePic .imgList .box:hover .ico .img1{ opacity: 1; }
.scopePic .imgList .box:hover .name, .scopePic .imgList .box:hover .msg{ color: #fff; }
.scopePic .se{ z-index: 2; position: absolute; display: block; width: 0.58rem; height: 0.58rem; border: rgba(255,255,255,0.3) solid 1px; background: rgba(0,0,0,0.3); border-radius: 50%; top: 50%; margin-top: -0.29rem; }
.scopePic .prev{ left: 50%; margin-left: -8.58rem;}
.scopePic .prev:after{ content: ''; position: absolute; left: 50%; top: 50%; width: 9px; height: 15px; margin-left: -5px; margin-top: -7px; background: url(../images/nimg9_left.png) center no-repeat;}
.scopePic .next{ right: 50%; margin-right: -8.58rem;}
.scopePic .next:after{ content: ''; position: absolute; right: 50%; top: 50%; width: 9px; height: 15px; margin-right: -5px; margin-top: -7px; background: url(../images/nimg9_right.png) center no-repeat;}
.scopePic .se:hover{ border: #009943 solid 1px; background: #009943;}
.scopePic .swiper-pagination{ display: none; position: relative; left: 0; bottom: 0; padding-top: 0.6rem;}
.scopePic .swiper-pagination-bullet { position: relative; width: 0.2rem; height: 0.2rem; opacity: 1; border-radius: 50%; border: none; background: #fff; margin-left: 0.15rem!important; margin-right: 0.15rem!important; } 
.scopePic .swiper-pagination-bullet-active { background: #009943;}

.forestryP3{ padding: 1.2rem 0; background: #f6f7f8; }
.forestryP3 .pageTitle{ text-align: center; margin-bottom: 0.6rem; }
.forestryP3 .pageTitle:after{ left: 50%;  margin-left: -0.23rem; }
.hotCase{ position: relative; }
.hotCase .imgList{ overflow: hidden; }
.hotCase .imgList .box a{ background: #fff; height: 4.55rem; box-shadow: 0 0 0.3rem 0 rgba(0,0,0,0.04); }
.hotCase .imgList .imgDiv{ width: 7.78rem; height: 4.55rem; order: 1; }
.hotCase .imgList .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.hotCase .imgList .conDiv{ padding: 0 0.5rem 0 0.8rem; width: 7.58rem; }
.hotCase .imgList .txt{ margin-bottom: 0.05rem; font-size: 0.24rem; line-height: 0.32rem; color: #009b4b; font-family: 'MiSans-M'; }
.hotCase .imgList .name{ position: relative; padding-bottom: 0.3rem; font-size: 0.36rem; line-height: 0.48rem; color: #333; font-family: 'MiSans-M'; }
.hotCase .imgList .name:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0.45rem; height: 3px; background: #009b4b; }
.hotCase .imgList .msg{ margin-top: 0.4rem; font-size: 0.16rem; color: #666; line-height: 0.36rem; max-height: 1.8rem; text-align: justify; overflow: auto; padding-right: 0.45rem; font-family: 'MiSans-L'; }
.hotCase .imgList .msg::-webkit-scrollbar { width: 2px;}
.hotCase .imgList .msg::-webkit-scrollbar-track { background-color: #f2f2f2;}
.hotCase .imgList .msg::-webkit-scrollbar-thumb { background-color: #009943;} 
.hotCase .imgList .box a:hover .name{ color: #009943; }
.hotCase .se{ z-index: 2; position: absolute; display: block; width: 50px; height: 50px; border-radius: 50%; top: 50%; margin-top: -25px; }
.hotCase .prev{ left: 50%; margin-left: -8.58rem; background: #fff url(../images/nimg12_left2.png) center no-repeat;}
.hotCase .next{ right: 50%; margin-right: -8.58rem; background: #fff url(../images/nimg12_right2.png) center no-repeat;}
.hotCase .prev:hover{ background: #009943 url(../images/nimg12_left2on.png) center no-repeat;}
.hotCase .next:hover{ background: #009943 url(../images/nimg12_right2on.png) center no-repeat;}

.forestryP4{ padding: 1.2rem 0; }
.forestryP4 .pageTitle{ text-align: center; margin-bottom: 0.6rem; }
.forestryP4 .pageTitle:after{ left: 50%;  margin-left: -0.23rem; }

.forestryP4 .tabDiv{ text-align: center; position: relative; height: 0.5rem; }
.forestryP4 .tabDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #e1e1e1; }
.forestryP4 .tabDiv ul{ font-size: 0; }
.forestryP4 .tabDiv li{ display: inline-block; position: relative; z-index: 1; margin: 0 0.5rem; height: 0.5rem; font-size: 0.18rem; line-height: 0.18rem; color: #000; cursor:pointer;}
.forestryP4 .tabDiv li:after{ content:''; position:absolute; left: 50%; bottom:0; width:0; height:2px; background:#009b4b;}
.forestryP4 .tabDiv li.on{ color: #00b259;}
.forestryP4 .tabDiv li.on:after{ left: 0; width: 100%; }

.caseBox{ display: none; position: relative; margin-top: 0.6rem;}
.caseBox .swiper-container { width: 18.4rem; overflow: hidden; position: static; }
.caseBox .swiper-slide{ width: auto; }
.caseBox .imgDiv{ width: 4.86rem; height: 3.2rem; overflow: hidden;}
.caseBox .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.caseBox .name{ width: 4.86rem; margin-top: 0.2rem; font-size: 0.24rem; line-height: 0.36rem; height: 0.72rem; overflow: hidden; color: #333; }
.caseBox .bottom{ position: relative; margin-top: 0.3rem; height:50px; display: flex; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; align-items: center;}
.caseBox .swiper-pagination { position: relative; width: calc(100% - 1.9rem); height: 2px; background-color: #f6f7f8;}
.caseBox .swiper-pagination-progress .swiper-pagination-progressbar{ height: 2px; background-color: #21a762; position: absolute; left: 0; top: 0; z-index: 10; width: 100%; transform-origin: left center;}
.caseBox .swiper-slide:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.caseBox .swiper-slide:hover .name{ color: #009943; }
.caseBox .arrowDiv{ font-size: 0; }
.caseBox .arrowDiv .se{ position: relative; display: inline-block; width: 50px; height: 50px; border-radius: 50%; background:#e3e3e3; }
.caseBox .arrowDiv .se:hover{ background: #009b4b;}
.caseBox .arrowDiv .prev{ margin-right: 0.3rem; }
.caseBox .arrowDiv .prev:after{ content: ''; position: absolute; left: 50%; top: 50%; width: 12px; height: 12px; margin-left: -6px; margin-top: -6px; background: url(../images/nimg12_left2on.png) no-repeat; }
.caseBox .arrowDiv .next:after{ content: ''; position: absolute; left: 50%; top: 50%; width: 12px; height: 12px; margin-left: -6px; margin-top: -6px; background: url(../images/nimg12_right2on.png) no-repeat; }

.forestryP5{ padding: 1.2rem 0; background: #f8f8f8 url(../images/honorBg.jpg) center bottom no-repeat; background-size: 100%;  }
.forestryP5 .pageTitle{ text-align: center; margin-bottom: 0.6rem; }
.forestryP5 .pageTitle:after{ left: 50%;  margin-left: -0.23rem; }
.forestryP5 .list{ padding: 0.55rem 1.2rem; background: url(../images/forestryP5.jpg) center no-repeat; background-size: cover; }
.forestryP5 .list li{ height: 1.06rem; border-bottom: rgba(0,0,0,0.2) solid 1px; font-size: 0.24rem; }
.forestryP5 .list li:last-child{ border-bottom: none; }
.forestryP5 .list li .name{ padding-right: 0.3rem; height: 1.06rem; color: #333; width: 50%;}
.forestryP5 .list li .name:nth-child(even){ padding-right: 0; padding-left: 0.3rem; color: #009b4b; }

.honorPic{ position: relative; margin-top: 0.8rem; }
.honorPic .imgList{ overflow: hidden; }
.honorPic .imgList .box{ cursor: pointer; height: 4.16rem; background: #fff; padding: 0.4rem 0.3rem 0; }
.honorPic .imgList .imgDiv{ height: 2.65rem; }
.honorPic .imgList .imgDiv img{ max-width: 3.8rem; max-height: 2.65rem; }
.honorPic .imgList .name{ margin-top: 0.3rem; height: 0.6rem; line-height: 0.3rem; text-align: center; font-size: 0.18rem; color: #333; overflow: hidden; }
.honorPic .se{ z-index: 2; position: absolute; display: block; width: 50px; height: 50px; border-radius: 50%; top: 50%; margin-top: -25px; }
.honorPic .prev{ left: 50%; margin-left: -8.58rem; background: #fff url(../images/nimg12_left2.png) center no-repeat;}
.honorPic .next{ right: 50%; margin-right: -8.58rem; background: #fff url(../images/nimg12_right2.png) center no-repeat;}
.honorPic .prev:hover{ background: #009943 url(../images/nimg12_left2on.png) center no-repeat;}
.honorPic .next:hover{ background: #009943 url(../images/nimg12_right2on.png) center no-repeat;}

.innovationP1{ padding: 1.2rem 0;}
.innovationP1 .rightDiv{ width: 7.04rem; }
.innovationP1 .txt{ font-weight: 400; color: #009b4b; font-size: 0.3rem; line-height: 0.42rem; font-family: 'MiSans-D'; margin: 0.5rem 0 0.15rem; }
.innovationP1 .content{ font-size: 0.16rem; color: #333; line-height: 0.3rem; text-align: justify;}
.innovationP1 .leftImg{ width: 7.08rem; overflow: hidden; }
.innovationP1 .leftImg img{ width: 100%; }

.innovationP2{ padding: 1.2rem 0; background: #f9f9f9; }
.innovationP2 .pageTitle{ text-align: center; margin-bottom: 0.6rem; }
.innovationP2 .pageTitle:after{ left: 50%;  margin-left: -0.23rem; }
.innovationP2 .content{ margin: 0.5rem 0; text-align: center; font-size: 0.16rem; color: #333; line-height: 0.3rem; }
.innovationP2 .imgDiv{ text-align: center; }
.innovationP2 .imgDiv img{ width: 12.5rem; }

.innovationP3{ padding-top: 1.2rem; height: 7.5rem; background: url(../images/innoP3.jpg) center no-repeat; background-size: cover; }
.innovationP3 .pageTitle{ color: #fff; text-align: center; }
.innovationP3 .pageTitle:after{ left: 50%;  margin-left: -0.23rem; }
.innovationP3 .list{ margin-top: 0.7rem; }
.innovationP3 .list ul{ margin-right: -0.75rem; width: auto; display: block; }
.innovationP3 .list li{ float: left; width: 33.33%; }
.innovationP3 .list li .box{ margin-right: 0.75rem; }
.innovationP3 .list li .imgDiv{ height: 2.83rem; overflow: hidden; }
.innovationP3 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.innovationP3 .list li .name{ padding: 0 0.4rem; font-size: 0.2rem; height: 0.8rem; line-height: 0.8rem; background: #fff; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.innovationP3 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.innovationP3 .list li .box:hover .name{ color: #fff; background: #009b4b; }
.innovationP3 .swiper-pagination{ display: none; position: relative; left: 0; bottom: 0; padding-top: 0.6rem;}
.innovationP3 .swiper-pagination-bullet { position: relative; width: 0.2rem; height: 0.2rem; opacity: 1; border-radius: 50%; border: none; background: #fff; margin-left: 0.15rem!important; margin-right: 0.15rem!important; } 
.innovationP3 .swiper-pagination-bullet-active { background: #009943;}

.innovationP4{ padding: 1.2rem 0; }
.innovationP4 .pageTitle{ text-align: center; margin-bottom: 0.6rem; }
.innovationP4 .pageTitle:after{ left: 50%;  margin-left: -0.23rem; }

.innovationP4 .list ul{ margin-right: -0.74rem; }
.innovationP4 .list li{ float: left; width: 33.33%; }
.innovationP4 .list li .box{ margin-right: 0.74rem; }
.innovationP4 .list li .name{ color: #333; margin-bottom: 0.35rem; text-align: center; font-size: 0.36rem; line-height: 0.36rem; font-family: 'MiSans-M'; }
.innovationP4 .list li .mxfDiv{ padding-top: 0.65rem; position: relative; }
.innovationP4 .list li .teme{ height: 4.0rem; background: #efefef; padding: 1.25rem 0.6rem 0; box-sizing: border-box; }
.innovationP4 .list li .num{ position: absolute; left: 50%; top: 0; width: 1.24rem; height: 1.24rem; line-height: 1.24rem; font-size: 0.6rem; background: #009b4b; margin-left: -0.62rem; border-radius: 50%; text-align: center; color: #fff; font-family: 'MiSans-B'; }
.innovationP4 .list dl{ height:1.8rem; overflow:auto; padding-right:8px;}
.innovationP4 .list dl::-webkit-scrollbar { width: 2px;}
.innovationP4 .list dl::-webkit-scrollbar-track { background-color: #f2f2f2;}
.innovationP4 .list dl::-webkit-scrollbar-thumb { background-color: #009943;}
.innovationP4 .list dd{ padding-left: 20px; position: relative; line-height: 0.36rem; font-size: 0.16rem; }
.innovationP4 .list dd:before{ content: ''; position: absolute; left: 0; top: 0.14rem; width: 6px; height: 6px; background: #009943; border-radius: 50%; }

.innovationP5{ padding: 1.2rem 0; background: #f8f8f8 url(../images/honorBg.jpg) center bottom no-repeat; background-size: 100%;  }
.innovationP5 .toptop{ position: relative; height: 1.4rem; }
.innovationP5 .links{ position: absolute; right: 0; top: 0.15rem; }
.innovationP5 .links li{ float: left; }
.innovationP5 .links li .box{ margin-left: 0.25rem; }
.innovationP5 .links li a{ font-size: 0.18rem; width: 1.82rem; height: 0.52rem; border: #009b4b solid 2px; border-radius: 0.48rem; color: #009b4b; }
.innovationP5 .links li .aNow, .innovationP5 .links li a:hover{ background: #009943; color: #fff; }

.innovationP5 .mxfDiv{ padding: 0.5rem 1.2rem 0.2rem; background: url(../images/forestryP5.jpg) center no-repeat; background-size: cover; }
.innovationP5 .selectYear{ width: 3.2rem; position: relative; }
.innovationP5 .caption { position: relative; cursor: pointer; height: 0.56rem; line-height: 0.56rem; padding-left: 0.4rem; font-size: 0.16rem; color: #009b4b; border: #009b4b solid 1px; box-sizing: border-box; border-radius: 0.48rem;}
.innovationP5 .caption.on:after {
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
}
.innovationP5 .caption:after { content: ""; display: block; width: 56px; height: 10px; background: url(../images/selectIco.png) no-repeat right center; background-size: contain; position: absolute; right: 1px; top: 50%; margin-top: -5px; z-index: 10;}
.innovationP5 .xlist { width: 100%; position: absolute; left: 0; top: 100%; z-index: 12; background: #fff; max-height: 2.8rem; overflow-y: auto; display: none; border: 1px solid #009b4b; border-radius: 0.1rem; }
.innovationP5 .xlist::-webkit-scrollbar { width: 4px;}
.innovationP5 .xlist::-webkit-scrollbar-track { background-color: #fff;}
.innovationP5 .xlist::-webkit-scrollbar-thumb { background-color: #009943;}
.innovationP5 .xlist a { display: block; font-size: 0.16rem; color: #999; line-height: 0.56rem; padding: 0 0.4rem; border-bottom: 1px solid #009b4b;}
.innovationP5 .xlist a:hover,.innovationP5 .xlist a.on { color: #009943;}
.innovationP5 .xlist a:last-child { border-bottom: none;}

.innovationP5 .list li{ position: relative; padding: 0 2.9rem 0 2.5rem; color: #333; height: 1.06rem; border-bottom: rgba(0,0,0,0.2) solid 1px; font-size: 0.24rem; }
.innovationP5 .list li:last-child{ border-bottom: none; }
.innovationP5 .list li .num{ position: absolute; left: 0; top: 0; line-height: 1.05rem; }
.innovationP5 .list li .name{ line-height: 0.32rem; height: 1.06rem;}
.innovationP5 .list li .txt{ position: absolute; right: 0; top: 0; width: 2.5rem; line-height: 1.05rem; color: #009b4b;}

.equityPic{ position: relative; margin-top: 0.8rem; }
.equityPic .imgList{ overflow: hidden; }
.equityPic .imgList .box{ cursor: pointer; height: 3.4rem; background: #fff; padding: 0.25rem 0.25rem 0; }
.equityPic .imgList .imgDiv{ height: 2.25rem; }
.equityPic .imgList .imgDiv img{ max-width: 2.9rem; max-height: 2.25rem; }
.equityPic .imgList .name{ margin-top: 0.2rem; height: 0.6rem; line-height: 0.3rem; text-align: center; font-size: 0.16rem; color: #333; overflow: hidden; }
.equityPic .se{ z-index: 2; position: absolute; display: block; width: 50px; height: 50px; border-radius: 50%; top: 50%; margin-top: -25px; }
.equityPic .prev{ left: 50%; margin-left: -8.58rem; background: #fff url(../images/nimg12_left2.png) center no-repeat;}
.equityPic .next{ right: 50%; margin-right: -8.58rem; background: #fff url(../images/nimg12_right2.png) center no-repeat;}
.equityPic .prev:hover{ background: #009943 url(../images/nimg12_left2on.png) center no-repeat;}
.equityPic .next:hover{ background: #009943 url(../images/nimg12_right2on.png) center no-repeat;}

.welfareP1{ padding: 1.2rem 0; }
.welfareP1 .pageTitle{ text-align: center; margin-bottom: 0.6rem; }
.welfareP1 .pageTitle:after{ left: 50%;  margin-left: -0.23rem; }
.welfareP1 .list ul{ width: auto; display: block; margin-right: -0.12rem; }
.welfareP1 .list li{ float: left; width: 25%; }
.welfareP1 .list li .box{ position: relative; margin-right: 0.12rem; border-radius: 0.16rem; overflow: hidden; }
.welfareP1 .list li .box:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/bg3.png) bottom repeat-x; }
.welfareP1 .list li .imgDiv img{ width: 100%; }
.welfareP1 .list li .layer{ width: 100%; padding:0 0.4rem; height: 0.7rem; position: absolute; left: 0; bottom: 0; color: #fff; z-index: 1; }
.welfareP1 .list li .layer .name{ position: relative; font-size: 0.3rem; height: 0.6rem; line-height: 0.3rem; font-family: 'MiSans-B'; overflow:hidden; }
.welfareP1 .list li .layer .name:after{ content: ''; display: none; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #e4e4e4; }
.welfareP1 .list li .layer .msg{ margin-top: 0.3rem; font-size: 0.16rem; line-height: 0.3rem; height: 1.2rem; overflow:auto; padding-right: 5px;}
.welfareP1 .list li .layer .msg::-webkit-scrollbar { width: 2px;}
.welfareP1 .list li .layer .msg::-webkit-scrollbar-track { background-color: #f2f2f2;}
.welfareP1 .list li .layer .msg::-webkit-scrollbar-thumb { background-color: #209051;}
.welfareP1 .list li .box:hover:after{ background: url(../images/bg3on.png) bottom repeat-x;}
.welfareP1 .list li .box:hover .layer{ height: 50%;}
.welfareP1 .list li .box:hover .name:after{ display: block; }
.welfareP1 .swiper-pagination{ display: none; position: relative; left: 0; bottom: 0; padding-top: 0.6rem;}
.welfareP1 .swiper-pagination-bullet { position: relative; width: 0.2rem; height: 0.2rem; opacity: 1; border-radius: 50%; border: none; background: #eee; margin-left: 0.15rem!important; margin-right: 0.15rem!important; } 
.welfareP1 .swiper-pagination-bullet-active { background: #009943;}

.welfareP2{ background: #f7f7f7; padding: 1.2rem 0; }
.welfareP2 .title{ font-size: 0.36rem; color: #333; font-family: 'MiSans-M'; line-height: 0.36rem; margin-bottom: 0.4rem; }
.welfareP2 .content{ font-size: 0.16rem; line-height: 0.3rem; color: #333; text-align: justify; }
.welfareP2 .mxfDiv{ margin-top: 0.45rem; position: relative; height: 6.88rem; background: url(../images/line2.png) center no-repeat; background-size: 100%;}
.welfareP2 .mxfDiv li{ position: absolute; width: 4.7rem; height: 3.44rem; }
.welfareP2 .mxfDiv li:nth-child(1){ left: 0; top: 0; }
.welfareP2 .mxfDiv li:nth-child(2){ left: 2.67rem; bottom: 0; padding-top: 1.3rem;}
.welfareP2 .mxfDiv li:nth-child(3){ left: 50%; margin-left: -2.35rem; top: 0;}
.welfareP2 .mxfDiv li:nth-child(4){ right: 2.67rem; bottom: 0; padding-top: 1.3rem;}
.welfareP2 .mxfDiv li:nth-child(5){ right: 0; top: 0;}
.welfareP2 .mxfDiv li .ico{ position: absolute; left: 50%; width: 0.6rem; height: 0.6rem; margin-left: -0.3rem; background: #009b4b; border-radius: 50%; }
.welfareP2 .mxfDiv li .ico img{ position: absolute; width: 0.27rem; left: 50%; top: 50%; margin-left: -0.14rem; margin-top: -0.14rem; }
.welfareP2 .mxfDiv li .name{ position: absolute; width: 100%; text-align: center; font-size: 0.24rem; line-height: 0.24rem; color: #333; font-family: 'MiSans-M'; }
.welfareP2 .mxfDiv li .msg{ font-size: 0.16rem; line-height: 0.3rem; color: #999; height: 2.1rem; padding-right: 5px; overflow: auto; }
.welfareP2 .mxfDiv li .msg::-webkit-scrollbar { width: 2px;}
.welfareP2 .mxfDiv li .msg::-webkit-scrollbar-track { background-color: #fff;}
.welfareP2 .mxfDiv li .msg::-webkit-scrollbar-thumb { background-color: #209051;}
.welfareP2 .mxfDiv li:nth-child(1) .ico, .welfareP2 .mxfDiv li:nth-child(3) .ico, .welfareP2 .mxfDiv li:nth-child(5) .ico{ bottom: -0.3rem; }
.welfareP2 .mxfDiv li:nth-child(1) .name, .welfareP2 .mxfDiv li:nth-child(3) .name, .welfareP2 .mxfDiv li:nth-child(5) .name{ bottom: 0.7rem; }
.welfareP2 .mxfDiv li:nth-child(2) .ico, .welfareP2 .mxfDiv li:nth-child(4) .ico{ top: -0.3rem; }
.welfareP2 .mxfDiv li:nth-child(2) .name, .welfareP2 .mxfDiv li:nth-child(4) .name{ top: 0.7rem; }





.welfareP3{ padding: 1.2rem 0; background: url(../images/lybBg.jpg) center bottom no-repeat; background-size: 100%; }
.welfareP3 .toptop{ position: relative; height: 1.6rem; }
.welfareP3 .tab2{ position: absolute; right: 0; top: 0.15rem; }
.welfareP3 .tab2 li{ float: left; font-size: 0.18rem; }
.welfareP3 .tab2 li .box{ margin-left: 0.25rem; width: 1.82rem; height: 0.52rem; border: #009b4b solid 2px; border-radius: 0.48rem; color: #009b4b; }
.welfareP3 .tab2 .liNow .box{ background: #009943; color: #fff; }
.welfareP3 .list{ animation: am_top 0.8s ease-out 0.1s backwards; -webkit-animation: am_top 0.8s ease-out 0.1s backwards;}
.welfareP3 .list ul{ margin-right: -0.6rem; }
.welfareP3 .list li{ float: left; width: 50%; }
.welfareP3 .list li .box{ margin-right: 0.6rem; }
.welfareP3 .list li .imgDiv{ height: 4.2rem; overflow: hidden; }
.welfareP3 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.welfareP3 .list li .name{ padding: 0 0.4rem; font-size: 0.2rem; height: 0.8rem; text-align: center; line-height: 0.8rem; background: #fff; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.welfareP3 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.welfareP3 .list li .box:hover .name{ color: #fff; background: #009b4b; }




