.nav-active {
  background: #1d9237 url("../images/yezi.png") no-repeat center;
}
.nav-active .item-icon {
  filter: brightness(100) !important;
}
.nav-active .item-name {
  color: #fff;
}
.container {
  width: 100%;
  position: relative;
  padding-top: 100px;
}
.container .container-img {
  width: 100%;
  height: 340px;
}
.container .container-img img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
  object-fit: cover;
}
.container .container-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0;
  color: #fff;
}
.container .container-content .content-cn {
  font-size: 3.5rem;
  font-weight: bold;
  text-align: center;
}
.container .container-content .content-en {
  font-size: 1.75rem;
  text-align: center;
  color: #fff;
  font-weight: 100;
}
.container .container-nav {
  width: 100%;
  height: 7.5rem;
  background-color: #f5f5f5;
  z-index: 9;
  position: relative;
  overflow: auto;
}
.container .container-nav .navBar-list {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
  font-size: 1.125rem;
  color: #888;
  height: 100%;
  min-width: 1000px;
}
.container .container-nav .navBar-list .navBar-item {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.container .container-nav .navBar-list .navBar-item a {
  width: 100%;
  height: 100%;
  color: #888;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
}
.container .container-nav .navBar-list .navBar-item .item-icon {
  filter: brightness(0);
}
@media screen and (max-width: 1440px) {
  .container .container-nav .navBar-list .navBar-item a .item-name {
    font-size: 12px;
  }
  .container .container-content .content-cn {
    font-size: 48px;
    font-weight: bold;
  }
  .container .container-content .content-en {
    font-size: 24px;
  }
  .container .navBar-list {
    width: 100%;
    max-width: 1400px;
    font-size: 14px;
    min-width: auto;
    width: max-content;
  }
  .container .navBar-list .navBar-item {
    width: fit-content;
  }
}
@media screen and (max-width: 1200px) {
  .container .container-content .content-cn {
    font-size: 32px;
    font-weight: bold;
  }
  .container .container-content .content-en {
    font-size: 16px;
  }
  .container .navBar-list {
    width: 100%;
    max-width: 1400px;
    font-size: 12px;
    min-width: auto !important;
    width: max-content !important;
  }
  .container .navBar-list .navBar-item {
    width: fit-content !important;
    padding: 0 20px !important;
  }
  .container .navBar-list .navBar-item a {
    min-width: 100px;
  }
}
.flex {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  /* flex: 1; */
}

.public_nav_wrap{background: rgb(245 245 245 / 80%);}
.public_nav_wrap.cp,.public_nav_wrap.cp .public_nav_box{height:auto;flex-wrap:nowrap}
.public_nav_wrap.cp .public_text_default{flex-wrap:nowrap}
.public_nav_wrap.cp .public_nav_ul{flex:0 0 80%}
.public_nav_wrap.cp .public_nav_read{flex:0 0 20%;width:auto;text-align:right;justify-content:flex-end}
.public_nav_box{height: auto;width: 94%;margin: 0 auto;max-width: 1600px;padding: 0;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;flex-wrap: nowrap;}
.public_nav_read{flex: 0 0 auto;}
.public_nav_li:first-child{margin-left:0}
.public_nav_li{margin-right: 30px;position:relative;font-weight: bold;}
.public_nav_li:after{content:"";position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:0;height:0.15625vw;background: #009b4c;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99)}
.public_nav_li a{font-weight: normal;line-height: 80px;font-size: 18px;color:#333333;}
.public_nav_li:hover a{color: #009b4c;}
.public_nav_active a{color: #009b4c;}
.public_nav_li:hover:after{width:100%}
.public_nav_active:after{width:100%}

@media screen and (max-width: 768px){
  .public_nav_box{width:100%;height:auto;background:#fff;box-shadow:0 0 1.2077294vw rgb(0,0,0,.1);-webkit-box-shadow:0 0 1.2077294vw rgb(0,0,0,.1);-webkit-border-radius:0.966183vw;border-radius:0.966183vw;overflow:hidden;white-space:nowrap;text-align:center;font-size:0}
  .public_nav_ul{width:100%;-webkit-overflow-scrolling:touch}
  .public_nav_li{width:auto !important;display:inline-block;vertical-align:top;margin-right: 5px;}
  .public_nav_li a{display:block;margin:0 2.6570048vw;line-height: 35px;font-size: 14px;}
  .public_nav_active a{color: #009b4c;}
  .public_nav_active:after{display:none}
}

.productlist:hover .img img{width:110%;height: 110%;max-width: 110%;}
.productlist:hover .txt .title{color: #009b4c;}
.product_list{padding: 30px 0 0;background: #fff;}
.product_row{width: 94%;max-width: 1600px;margin: 40px auto;display: flex;flex-wrap: wrap;}
.productlist{width: calc((25% - 23px)/1);margin-bottom: 30px;margin-right: 30px;border-radius: 8px;overflow: hidden;}
.productlist:nth-child(4n){margin-right:0;}
.productlist .img{position:relative;overflow:hidden;padding-bottom: 100%;border-radius: 0;border: 1px solid #eee;}
.productlist .img img{width:100%;height:100%;object-fit:cover;transition:all .8s ease;left:50%!important;top:50%!important;-webkit-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;position:absolute}
.productlist .txt{padding: 15px 15px;background: #f7f7f7;}
.productlist .txt .title{word-break:break-all;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical;overflow:hidden;font-size: 15px;font-weight: normal;color:#333;text-align: center;line-height: 1.8;}
.productlist .txt .summry{word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;color:#999;margin-top:10px;text-align: center;display: none;}
.fenye{padding: 10px 0 60px;text-align:center;overflow:hidden;clear:both}
.fenye a,.fenye span{zoom:1;display:inline-block;vertical-align:middle;padding: 6px 12px;font-size: 14px;color:#666;background: #eee;margin-bottom:5px;margin-right:8px;border-radius: 5px;}
.fenye a:hover,.fenye .current{background:#009b4c;color:#fff}

@media screen and (max-width: 768px){
  .productlist{width: calc((50% - 10px)/1);/* margin: 0 auto 15px; */margin: 5px;}
  .productlist .txt{padding: 15px 15px;}
  .productlist .txt .title{font-size: 14px;line-height: 1.8;}

}