.banner{position: relative;margin-top:139px;}
.banner .focus {height:100%;z-index:99;}
.banner .focus .swiper-slide img{object-fit: cover;font-family:'object-fit: cover;';height:auto;}
	
/* .banner .focus .swiper-slide img{object-fit: none;width:100%;} */
.banner .focus .swiper-slide .container{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);bottom:auto;}
.banner .focus .swiper-slide .container .pro_txt p{font-size:54px;margin:0;color:#fff;text-shadow: rgba(48, 51, 58,.5) 0px 2px 6px;line-height:1.3;font-weight:bold;}
.banner .focus .swiper-slide .container .pro_txt p.en{font-size:16px;color:rgba(255,255,255,.67);margin:0;margin-top:20px;text-shadow: rgba(48, 51, 58,.5) 0px 2px 6px;text-transform: uppercase;}
.banner .focus .swiper-slide  a{display: block;width:100%;height:100%;}
.banner .focus .container.poa{left:50%;bottom:46px;z-index:5;transform: translateX(-50%);-webkit-transform: translateX(-50%);height:50px;transition: bottom .4s;-webkit-transition: bottom .4s;}
.banner .focus .swiper-slide a{display: block;}
.banner .swiper-button-next,.banner .swiper-button-prev{width:71px;height:71px;margin-top:0;text-align: center;background:none;border-radius: 50%;opacity: 1;text-align: center;line-height: 70px;box-sizing: border-box;transition: all .4s;-webkit-transition: all .3s;top:auto;bottom:-10px;font-size:15px;}
.banner .swiper-button-prev,.banner .swiper-container-rtl .swiper-button-next{background-image:none;background:none;}
.banner .swiper-button-next i,.banner .swiper-button-prev i{font-size: 16px;color:#fff;}
.banner .swiper-button-next,.banner .swiper-container-rtl .swiper-button-prev{background-image:none;background:none;}
.banner .swiper-button-prev{right:71px;left:auto;}
.banner .swiper-button-next{right:0;left:auto;}
.banner .swiper-pagination{left:0;right:auto;text-align: left;font-size:20px;color:#fff;font-weight:bold;bottom:0;}
.banner .swiper-pagination span{opacity: .6;}
.banner .swiper-pagination .swiper-pagination-current{font-size:42px;opacity: 1;}
.banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{background:#099721;}
.banner_btn{position: absolute;left:50%;bottom:45px;z-index:100;display: flex;flex-direction: column;justify-content: center;align-items: center;cursor:pointer;margin-left:-22px;}
.banner_btn span{font-size:14px;font-weight:bold;color:#fff;display: inline-block;transform: rotate(90deg);margin-bottom:40px;}
.banner .arrow{width:38px;height:53px;opacity:1;animation:arrow 3s cubic-bezier(.5,0,.1,1) infinite;-webkit-animation:arrow 3s cubic-bezier(.5,0,.1,1) infinite;position: relative;}
.banner .arrow .mouseico{background:url(../images/mouse_ico.png) 0 0 no-repeat;width:38px;height:53px;background-size:100% 100%;left:0;bottom:0;position:absolute}
.banner .arrow:hover{animation-play-state:paused;-webkit-animation-play-state:paused}
.banner .arrow:after,.banner .arrow:before{content:"";background:#fff;font-weight:700;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%}
/* .banner .arrow:before{left:50%;top:8px;position:absolute;margin-left:-1px;width:2px;height:2px} */
/* .text_scroll{position: absolute;z-index:100;top:30%;width:1200px!important;left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);} */
.text_scroll{position: absolute;z-index:100;top:30%;width:100%!important;}
/* .text_scroll .bd .tempWrap{ width:100% !important; } */
.text_scroll .bd ul{ overflow:hidden; zoom:1;white-space: nowrap;}
.text_scroll .bd ul li{ margin-right:1200px;  float:left; height:44px; line-height:44px;  text-align:left; _display:inline; width:auto !important;  }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
.text_scroll .bd ul li span{font-size:45px;color:#099721;margin:0;line-height: 1;font-family:"宋体";font-weight: 900;}
/* .text_scroll .bd ul li span+span{margin-left:1200px;} */
section .container{position: relative;}
.poa{position: absolute;}
.product{background:url(../images/bg1.png) no-repeat center top;padding:66px 0 90px;}
.tit{text-align: center;}
.tit h2{font-size:40px;color:#333;font-family: PingFangSC-Bold, sans-serif;line-height: 70px;margin-bottom:12px;margin-top:0;}
.tit p{font-size: 25px;margin:0;
  font-weight: 600;
  color: #099721;
}
.pro_type{display: flex;display: -webkit-flex;justify-content: space-around;margin:50px 0 70px;}
.pro_type a{width: 305px;position: relative;text-align: center;font-size:22px;
  height: 100px;line-height:100px;
  border-radius: 10px 10px 10px 10px;border: 1px solid #099721;}
.pro_type a span{font-family: PingFangSC-Bold, sans-serif;color: #099721;position: relative;z-index:2;transition: all .4s;-webkit-transition: all .4s;}
.pro_type a:after{content:'';position: absolute;left:0;top:0;bottom:0;border-radius: 10px;background: linear-gradient(107deg, #099721 0%, #71B719 100%);width:0;transition: all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);-webkit-transition: all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.pro_type a:hover:after{width:100%;}
.pro_type a:hover span{color:#fff;}
.pro_list ul li{float:left;width:47.5%;margin-bottom:80px;position: relative;}
.pro_list ul li:nth-of-type(even){float:right;}
.pro_list ul li .pro_bg{border-radius: 15px;border:1px solid transparent;transition: all .4s;-webkit-transition: all .4s;}
.pro_list ul li .img{width:100%;height:100%;position: absolute;overflow: hidden;box-sizing: border-box;padding:60px 6.5%;top:0;left:0;}
.pro_list ul li .pro_pic{position: relative;top:50%;left:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);max-width: 100%;max-height: 100%;transition: all .4s;-webkit-transition: all .4s;}
.pro_list ul li .txt{position: absolute;height: 65px;line-height: 65px;
  background: linear-gradient(90deg, #099721 0%, #71B719 100%);
  border-radius: 0px 34px 34px 34px;bottom:-32.5px;left:0;padding:0 35px;}
.pro_list ul li .txt h4{font-size:27px;color:#fff;margin:0;font-weight: normal;}
.pro_list ul li:hover .pro_pic{transform: translate(-50%,-50%) scale(1.1);-webkit-transform:translate(-50%,-50%) scale(1.1);}
.pro_list ul li:hover .pro_bg{border:1px solid #099721;}
.product .more{display:block;width: 280px;height: 90px;line-height:90px;border-radius: 10px;border: 1px solid #099721;text-align:center;font-size:24px;color: #099721;margin:50px auto 0;}
.del{position: relative;display: inline-block;width:46px;height:46px;background: linear-gradient(90deg, #099721 0%, #71B719 100%);border-radius: 50%;overflow: hidden;vertical-align: middle;margin-left:10px;}
.del .iconfont{font-size:24px;color:#fff;position: absolute;line-height: 46px;width:100%;top:0;transition: all .3s ease;-webkit-transition: all .3s ease;}
.del .icon1{left:0;}
.del .icon2{left:-100%;}
.more:hover .del .icon1{left:100%;}
.more:hover .del .icon2{left:0;}

.about{background:#2FA207;padding:70px 0;height:590px;background-size: cover;}
.about .tit h2{color:#fff;margin:0;}
.about_sum{font-size:22px;color:#fff;line-height: 45px;height:135px;margin:45px 0;text-align: center;text-indent: 2em;}
.about .more{width: 130px;height: 52px;background: #F3991D;border-radius: 52px;display: block;margin:0 auto 80px;font-size:15px;color:#fff;text-align: center;line-height: 52px;position: relative;padding-right:46px;}
.about .del{width:40px;height:40px;line-height: 40px;background:#fff;position: absolute;right:6px;top:6px;}
.about .del .iconfont{color: #EB9808;line-height: 40px;font-size:20px;}
.about_submenu{display: flex;display:-webkit-flex;justify-content: space-between;}
.about_submenu .item{width:31.75%;border-radius: 6px;position: relative;}
.about_submenu .item img{border-radius: 6px;height:420px;object-fit: cover;font-family:'object-fit: cover;';}
.about_submenu .item:before{content:'';position: absolute;top:0;left:0;bottom:0;right:0;background: #575757;opacity: .1;}
.about_submenu .item .txt{position: absolute;bottom:36px;right:7.8%;text-align: center;line-height: 1;}
.about_submenu .item .txt .iconfont{font-size:60px;color:#fff;}
.about_submenu .item .txt h3{font-size: 28px;font-family: PingFangSC-Bold, sans-serif;color:#fff;margin:0;margin-top:10px;}



.page_info{padding:252px 0 100px;background:url(../images/bg3.jpg) no-repeat center top;}
.news .tit h2{font-family: PingFangSC-Heavy, sans-serif;color: #099721;margin-bottom: 5px;}
.news .tit p{color:#333;}
.news_wrap{margin-top:50px;}
.news_wrap .fl{width:32.62%;background:#fff;}
.news_wrap .fl ul{padding:0 6.89%;}
.news_wrap .fl ul li{position: relative;line-height: 1;padding:40px 0 40px 90px;border-bottom:1px solid #EFEFEF;}
.news_wrap .fl ul li:last-child{border:0;}
.news_wrap .fl ul li .date{position: absolute;left:0;width:90px;top:48px;color:#C5C5C5;}
.news_wrap .fl ul li .date:after{content:'';position: absolute;right:0;top:2px;width:0;height:45px;border-left: 1px solid rgba(27,30,129,.12)}
.news_wrap .fl ul li .date .day{font-size:28px;display: block;margin-left:14px;}
.news_wrap .fl ul li .date .yearmonth{font-size:17px;display: block;margin-top:5px;}
.news_wrap .fl ul li .txt{padding-left:7%;}
.news_wrap .fl ul li .txt h4{margin:0;font-size:23px;line-height: 34px;height:68px;color:#141420;font-family: PingFangSC-Bold, sans-serif;}
.news_wrap .fr{width:67.37%;padding-left:3.43%;box-sizing: border-box;}
.news_wrap .fr ul li{float:left;width:484px;border-radius: 8px;overflow: hidden;margin:0 25px;display: inline;}
.news_wrap .fr ul li .img{height:350px;overflow: hidden;}
.news_wrap .fr ul li .img img{height:350px;object-fit: cover;font-family:'object-fit: cover;';transition: all .4s;-webkit-transition: all .4s;}
.news_wrap .fr ul li .txt{background:#fff;padding:40px 8.26% 34px;line-height: 1;}
.news_wrap .fr ul li .txt h4{font-size: 25px; font-family: PingFangSC-Bold, sans-serif;
color: #141420;line-height: 34px;height:68px;margin:0;transition: all .4s;-webkit-transition: all .4s;}
.news_wrap .fr ul li .txt p{font-size: 18px;font-family: PingFangSC-Regular, sans-serif;
color: #141420;margin:26px 0 30px;}
.news_wrap .fr ul li .txt span{font-size:17px;color: #C5C5C5;}
.news_wrap .fr ul li a:hover .img img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.news_wrap .fr ul li a:hover .txt h4{color:#099721;}
.news .more{width: 222px;height: 75px;background: linear-gradient(107deg, #099721 0%, #71B719 100%);
border-radius:75px;line-height: 75px;display: block;margin:50px auto 70px;font-size:20px;color:#fff;text-align: center;padding-right:61px;position: relative;}
.news .more .del{background:#fff;position: absolute;right:15px;top:15px;}
.news .more .del .iconfont{color:#EB9808;}
.service ul li{float:left;width:32.93%;border-radius: 8px;overflow: hidden;position: relative;}
.service ul li:nth-child(2){margin:0 0.5%;}
.service ul li a{position: relative;display: block;}
.service ul li a:after{content:'';position: absolute;top:0;left:0;right:0;bottom:0;background:rgba(5,135,83,.08);}
.service ul li img{transition: all .4s;transition: all .4s;}
.service ul li .txt{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);line-height: 1;color:#fff;text-align: center;z-index:2;}
.service ul li .txt h3{font-size: 30px;margin:0;font-family: PingFangSC-Bold, sans-serif;margin-bottom:10px;}
.service ul li .txt p{font-size: 15px;font-family: PingFangSC-Regular, sans-serif;margin:0;font-weight:400;}
.service ul li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}




@-webkit-keyframes scale-up-right {
    0% {
      -webkit-transform: scale(0.2);
  
      transform: scale(0.2);
  
      -webkit-transform-origin: 100% 100%;
  
      transform-origin: 100% 100%;
  
      border-bottom-left-radius: 4px;
  
      border-bottom-right-radius: 4px;
  
      border-top-right-radius: 4px;
  
      border-top-left-radius: 4px;
    }
  
    100% {
      -webkit-transform: scale(1);
  
      transform: scale(1);
  
      -webkit-transform-origin: 90% 20%;
  
      transform-origin: 90% 20%;
  
      border-radius: 0px;
    }
  }
  
  @keyframes scale-up-right {
    0% {
      -webkit-transform: scale(0.2);
  
      transform: scale(0.2);
  
      -webkit-transform-origin: 90% 20%;
  
      transform-origin: 90% 20%;
  
      border-bottom-left-radius: 4px;
  
      border-bottom-right-radius: 4px;
  
      border-top-right-radius: 4px;
  
      border-top-left-radius: 4px;
    }
  
    100% {
      -webkit-transform: scale(1);
  
      transform: scale(1);
  
      -webkit-transform-origin: 90% 20%;
  
      transform-origin: 90% 20%;
  
      border-radius: 0px;
    }
  }
  @keyframes arrow{0%,100%{bottom:0px;opacity:1}
  50%{bottom:10px;opacity:.5}
  }
  @-webkit-keyframes arrow{0%,100%{bottom:0px;opacity:1}
  50%{bottom:10px;opacity:.5}
  }
@media screen and (max-width:1620px) {
   .container{width:96%;}
}
@media screen and (max-width:1320px) {
  .pro_type a{width:270px;}
}
@media screen and (max-width:1200px) {
  .banner{margin-top:80px;}
}
@media screen and (max-width:992px) {
  .pro_type{flex-wrap: wrap;align-items: center;justify-content: space-between;
    padding: 0 .34rem;}
  .pro_type a{width:40%;margin-bottom:20px;}
  .about{height:auto;background-size: 100% 590px;}
  .about_submenu{flex-wrap: wrap;justify-content: center;}
  .about_submenu .item{width:45%;max-width:508px;margin:0 2.5%;}
  .about_submenu .item img{height:auto;}
  .about_submenu .item:last-of-type{margin-top:3%;}
  .page_info{padding:50px 0 20px;}
  .news_wrap .fl{width:100%;}
  .news_wrap .fr{width:100%;}
  .news_wrap .fr ul li{margin:30px 2.5% 0;}
  .news_wrap .fr ul li .img{height:auto;}
  .news_wrap .fr ul li .img img{height:auto;}
  .service ul{display: flex;display: -webkit-flex;justify-content: center;flex-wrap: wrap;}
  .service ul li{width:45%;margin:0 2.5%;margin-bottom:30px;float:none;}
  .service ul:after{display: none;}
}
@media screen and (max-width:768px) {
    .pc_banner{display: none;}
    .mp_banner{display: block!important;margin-top:1.2rem;}
    .banner .swiper-button-next, .banner .swiper-button-prev{width:.6rem;height:.6rem;line-height: .6rem;bottom:.1rem;}
    .banner .swiper-button-prev{right:.6rem;}
    .banner .swiper-button-next .iconfont, .banner .swiper-button-prev .iconfont{font-size:.26rem;}
    .banner .swiper-button-prev .iconfont{position: relative;top:1px;}
    .banner .swiper-pagination{font-size:.3rem;}
    .banner .swiper-pagination .swiper-pagination-current{font-size:.48rem;}
    .banner .focus .container.poa{bottom:.2rem;}
    .banner_btn{bottom:.46rem;}
    .banner .arrow .mouseico{width:.4rem;height:.7rem;background-size: 100%;}
    .banner .arrow{width:.4rem;height:.7rem;margin-top:-.35rem;}
    .product{padding:.4rem 0;background-size: cover;}
    .tit h2{font-size: .5rem;line-height: .8rem;margin-bottom:.1rem;}
    .tit p{font-size:.28rem;}
    .pro_type{margin:.4rem 0 .1rem;}
    .pro_type a{font-size:.32rem;line-height:.8rem;height:.8rem;border-radius: .1rem;width:45%;margin-bottom:.36rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
    .pro_type a:hover:after{width:0;border-radius: .1rem;transition: all .1s ease;
      -webkit-transition: all .1s ease;}
    .pro_type a:hover span{color:#099721;}
    .pro_list ul li{width:100%;margin-bottom:.7rem;}
    .pro_list ul li .txt{position: absolute;height: .9rem;line-height: .9rem; border-radius: 0px .45rem .45rem .45rem;bottom:-.45rem;padding:0 .45rem;}
    .pro_list ul li .txt h4{font-size:.36rem;color:#fff;margin:0;}
    .product .more{width: 3.6rem;height: 1.1rem;line-height:1.08rem;border-radius: .1rem;border: 1px solid #099721;text-align:center;font-size:.34rem;color: #099721;margin:.3rem auto 0;}
    .del{width:.68rem;height:.68rem;margin-left:.1rem;}
    .del .iconfont{font-size:.34rem;line-height: .68rem;}
    .about{padding:.4rem 0;background-size: cover;}
    .about_sum{font-size:.3rem;line-height:.55rem;height:1.65rem;margin:.4rem 0;}
    .about .more{width: 1.8rem;height: .8rem;background: #F3991D;border-radius: .8rem;display: block;margin:0 auto .6rem;font-size:.25rem;line-height: .8rem;position: relative;padding-right:.7rem;}
    .about .del{width:.6rem;height:.6rem;line-height: .6rem;right:.1rem;top:.1rem;}
    .about .del .iconfont{line-height: .6rem;font-size:.3rem;}
    .about_submenu .item{width:100%;margin:0 0 .3rem;}
    .about_submenu .item .txt .iconfont{font-size:.7rem;}
    .about_submenu .item .txt h3{font-size:.45rem;margin-top:.1rem;}
    .page_info{padding:.5rem 0 .2rem;background-size: cover;}
    .news_wrap{margin-top:.5rem;}
    .news_wrap .fl ul li{padding:.4rem 0 .4rem 1.5rem;}
    .news_wrap .fl ul li .date{width:1.5rem;top:.42rem;color:#C5C5C5;}
    .news_wrap .fl ul li .date:after{content:'';position: absolute;right:0;top:2px;width:0;height:.8rem;border-left: 1px solid rgba(27,30,129,.12)}
    .news_wrap .fl ul li .date .day{font-size:.42rem;display: block;margin-left:.16rem;}
    .news_wrap .fl ul li .date .yearmonth{font-size:.3rem;margin-top:.1rem;}
    .news_wrap .fl ul li .txt h4{font-size:.33rem;line-height:.44rem;height:.88rem;}
    .news_wrap .fr ul li{width:100%;margin:.3rem 0 0;}
    .news_wrap .fr ul li .txt{padding:.4rem 4.26% .34rem;}
    .news_wrap .fr ul li .txt h4{font-size: .35rem;line-height:.44rem;height:.88rem;}
    .news_wrap .fr ul li .txt p{font-size: .28rem;margin:.26rem 0 .3rem;}
    .news_wrap .fr ul li .txt span{font-size:.27rem;}
    .news .more{width: 3rem;height: 1.04rem;border-radius:1.04rem;line-height: 1.04rem;margin:.4rem auto .5rem;font-size:.3rem;padding-right:.82rem;position: relative;}
    .news .more .del{right:.18rem;top:.18rem;margin-left:0;}
    .service ul li{width:100%;margin:0 0 .3rem 0;}
    .service ul li:nth-child(2){margin:0 0 .3rem 0;}
    .service ul li .txt h3{font-size:.48rem;margin-bottom:.1rem;}
    .service ul li .txt p{font-size: .25rem;}
}