body {
  overflow-x: hidden;
}
.after {
  content: '';
  display: inline-block;
}
.after_a {
  content: '';
  position: absolute;
}
.flex,
.flex_js,
.flex_jc,
.flex_ac,
.flex_js_ac,
.flex_jc_ac,
.flex_js_fe {
  display: flex;
}
.flex_ae {
  justify-content: flex-end;
}
.flex_js,
.flex_js_fe {
  justify-content: space-between;
}
.flex_jc {
  justify-content: center;
}
.flex_ac {
  align-items: center;
}
.flex_js_fe {
  align-items: flex-end;
}
.flex_js_ac {
  justify-content: space-between;
  align-items: center;
}
.flex_jc_ac {
  justify-content: center;
  align-items: center;
}
.flex_row {
  flex-flow: row wrap;
}
:root {
  --ww: 1920 * 100vw;
}
@media (max-width: 1600px) {
  :root {
    --ww: 1600 * 100vw;
  }
}
@media (max-width: 1024px) {
  :root {
    --ww: 1200 * 100vw;
  }
}
@media (max-width: 768px) {
  :root {
    --ww: 1024 * 100vw;
  }
}
@media (max-width: 640px) {
  :root {
    --ww: 600 * 100vw;
  }
}
html {
  font-size: calc(100 / var(--ww));
}
body {
  font-size: 0.16rem;
}
.f14 {
  font-size: 0.14rem;
}
.f16 {
  font-size: 0.16rem;
}
.f17 {
  font-size: 0.17rem;
}
.f18 {
  font-size: 0.18rem;
}
.f20 {
  font-size: 0.2rem;
}
.f22 {
  font-size: 0.22rem;
}
.f24 {
  font-size: 0.24rem;
}
.f26 {
  font-size: 0.26rem;
}
.f28 {
  font-size: 0.28rem;
}
.f30 {
  font-size: 0.3rem;
}
.f32 {
  font-size: 0.32rem;
}
.f34 {
  font-size: 0.34rem;
}
.f36 {
  font-size: 0.36rem;
}
.f38 {
  font-size: 0.38rem;
}
.f40 {
  font-size: 0.4rem;
}
.f42 {
  font-size: 0.42rem;
}
.f44 {
  font-size: 0.44rem;
}
.f46 {
  font-size: 0.46rem;
}
.f48 {
  font-size: 0.48rem;
}
.f50 {
  font-size: 0.5rem;
}
.f52 {
  font-size: 0.52rem;
}
.f54 {
  font-size: 0.54rem;
}
.f56 {
  font-size: 0.56rem;
}
.f58 {
  font-size: 0.58rem;
}
.f60 {
  font-size: 0.6rem;
}
.f62 {
  font-size: 0.62rem;
}
.f64 {
  font-size: 0.64rem;
}
@media (max-width: 640px) {
  body {
    font-size: 0.2rem;
  }
  .f14 {
    font-size: 0.18rem;
  }
  .f16 {
    font-size: 0.2rem;
  }
  .f17 {
    font-size: 0.2rem;
  }
  .f18 {
    font-size: 0.22rem;
  }
  .f20 {
    font-size: 0.22rem;
  }
  .f22 {
    font-size: 0.24rem;
  }
}
.hidden {
  overflow: hidden;
}
.ani {
  transition: all 0.5s;
}
a:hover .ani {
  transform: scale(1.15);
}
.header {
  width: 100%;
  z-index: 100;
  position: fixed;
  left: 0;
  top: 0;
  transition: all 0.5s ease-in-out;
}
@media (min-width: 1025px) {
  .header.hover {
    background-color: #76b648;
    position: fixed;
  }
  .header.hover .navTop {
    pointer-events: auto;
    opacity: 1;
  }
  .header.hover .menuIcon {
    display: none;
  }
  .header.hover .other .search {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .header.hover .other .icon {
    background-color: rgba(255, 255, 255, 0.1);
  }
}
.header > .w1440 {
  align-items: center;
  height: 0.8rem;
  position: relative;
  z-index: 210;
}


.header  .subsidiary{position: relative;z-index: 100;}
.header  .subsidiary aside{border: 1px solid #fff; background:url(../images/Top003190-lang.svg) no-repeat right calc(20 / 16 * 1em) center; cursor: pointer; background-size: auto calc(4 / 16 * 1em);}
.header  .subsidiary ul{position: absolute; z-index: 100;width: 200%;right: 0; background-color: rgba(145,196,47,0.8); top: calc(100% - 1px); border: 1px solid #fff; padding: 10px; display: none;}
.header  .subsidiary li a{display: block; line-height: 2; transition: 0.3s;}
.header  .subsidiary li a:hover{background-color: rgba(255,255,255,0.1); padding-left: 10px;}




.header .menuIcon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.header .menuIcon #open_menu {
  z-index: 100;
  width: 0.17rem;
  height: 0.14rem;
  cursor: pointer;
  display: block;
  position: relative;
}
.header .menuIcon #open_menu i {
  display: inline-block;
  width: 80%;
  height: 2px;
  border-radius: 4px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 50%;
  border-radius: 5px;
}
.header .menuIcon #open_menu::before,
.header .menuIcon #open_menu::after {
  width: 100%;
  height: 2px;
  background-color: #fff;
  border-radius: 4px;
  left: 0;
  content: '';
  position: absolute;
  border-radius: 5px;
}
.header .menuIcon #open_menu::before {
  top: 0;
}
.header .menuIcon #open_menu::after {
  bottom: 0;
  top: auto;
}
.header .menuIcon #open_menu.open_menu_on i {
  opacity: 0;
}
.header .menuIcon #open_menu.open_menu_on::before,
.header .menuIcon #open_menu.open_menu_on::after {
  background-color: #fff;
}
.header .menuIcon #open_menu.open_menu_on:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 6px;
}
.header .menuIcon #open_menu.open_menu_on:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  bottom: auto;
  top: 6px;
}
.header .other {
  pointer-events: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.header .other .item {
  width: 0.36rem;
  height: 0.36rem;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #76b648;
  border-radius: 100%;
}
.header .other .item:not(:last-child) {
  margin-right: 0.2rem;
}
.header .shop {
  position: relative;
  background: none;
}
.header .shop .icon {
  width: 100%;
  height: 100%;
  cursor: pointer;
  display: block;
  background: url(../images/shop.svg) no-repeat center #76b648;
  border-radius: 100%;
  background-size: 0.18rem;
}
.header .shop .list {
  position: absolute;
  right: -0.8rem;
  top: 100%;
  width: 5.5rem;
  padding: 0.2rem 0 0;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transform: translate3d(0, 10px, 0);
  backface-visibility: hidden;
}
.header .shop .con {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  background-color: #fff;
  text-align: center;
  border-radius: 5px;
  position: relative;
}
.header .shop .con::before {
  content: '';
  position: absolute;
  right: 0.9rem;
  bottom: 100%;
  border: 0.08rem solid transparent;
  border-bottom-color: #fff;
}
.header .shop figure {
  width: 23%;
  font-size: 0.14rem;
}
.header .shop:hover .list {
  opacity: 1;
  transform: translate3d(0, 0px, 0);
  pointer-events: auto;
  backface-visibility: hidden;
}
.header .search {
  position: relative;
}
.header .top_search {
  width: 0.36rem;
  height: 0.36rem;
  border-radius: 50%;
  line-height: 0.36rem;
  text-align: center;
  display: flex;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  align-items: center;
  justify-content: flex-end;
  transition: width 0.5s ease-in-out, border-radius 0.5s ease-in-out, background-color 0.5s ease-in-out;
  overflow: hidden;
}
.header .top_search .btn {
  background: url(../images/search.svg) no-repeat center;
  background-size: 0.16rem;
  width: 0.36rem;
  height: 0.36rem;
  text-align: center;
  transition: all 0.6s ease-out;
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
  -ms-transition: all 0.6s ease-out;
  backface-visibility: hidden;
  cursor: pointer;
}
.header .top_search .text {
  position: absolute;
  right: 0.4rem;
  padding-left: 0.1rem;
  line-height: 0.3rem;
  background-color: transparent;
  border: none;
  color: #fff;
  opacity: 0;
  width: 0;
  transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  backface-visibility: hidden;
  transform-origin: 0 50%;
}
.header .top_search:hover {
  width: 2.5rem;
  border-radius: 1rem;
  background-color: #76b648;
}
.header .top_search:hover .text {
  opacity: 1;
  width: calc(2.5rem - 0.5rem);
}
.header .navTop {
  align-items: center;
  justify-content: space-between;
  width: 56%;
  margin-right: 0.2rem;
  opacity: 0;
  z-index: 0;
  pointer-events: none;
  transition: all 0.5s;
}
.header .navTop li {
  position: relative;
  text-align: center;
}
.header .navTop li span {
  display: inline-block;
  position: relative;
}
.header .navTop li span > a {
  position: relative;
  display: block;
  color: #fff;
  padding-bottom: 4px;
}
@media (max-width: 1024px) {
  .header .navTop {
    display: none;
  }
}



.header .other .Log {width: 1.16rem;border-radius: 30px;}
.header .top-lang{position: relative; z-index: 100;cursor: pointer;}
.header .top-lang .cur{padding: 0 14px 0 15px;background: url("../images/Top002897-icon_lang.png") no-repeat center;position: relative;z-index: 1;color: #fff;line-height: 36px;width: 1.16rem;display: inline-block;}
.header .top-lang .cur:after{position: absolute;width: 6px;height: 6px;content: '';transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);border-top: 1px solid #fff;border-right: 1px solid #fff;right: 15px;top: 50%;margin-top: -3px;}
.header .lang-list{position: absolute;left: 50%;width: 140px;margin-left: -70px;z-index: 100;background: rgba(255,255,255,.5);border-radius:5px;top: 100%;padding: 10px 0;display: none;}
.header .lang-list a{display: block;line-height: 30px;text-align: center;}

.header .top-lang:hover .lang-list{ display:block}

@media (max-width: 768px) {
.header .top-lang .cur{padding: 0 9px 0 6px; line-height: 25px;width: 1.16rem; }
 .header .top-lang .cur:after{right: 8px;}
}


.columnContent {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 200;
  overflow: hidden;
  clip-path: circle(0 at calc(100% - (240 / 1920 * 100%)) 0.4rem);
  background-position: top right;
  background-repeat: no-repeat;
  transition: clip-path 0.7s ease-in-out;
  pointer-events: none;
}
.columnContent.show {
  pointer-events: auto;
  clip-path: circle(110vw at calc(100% - (240 / 1920 * 100%)) 2.5rem);
}
.columnContent.show li {
  opacity: 1;
}
.columnContent nav {
  width: 50%;
  position: relative;
  height: 100%;
  z-index: 2;
  margin-left: auto;
  margin-right: 0;
  max-width: 803px;
  display: flex;
  align-items: center;
}
.columnContent nav::before {
  content: '';
  position: absolute;
  left: 0;
  top: -9%;
  width: 137.692%;
  height: 118%;
  background: #76b648;
  border-radius: 100%;
}
.columnContent .bg {
  position: absolute;
  left: 35%;
  top: 53.5%;
  transform: translateY(-50%);
  width: calc(800 / 803 * 100%);
  padding-top: calc(800 / 803 * 100%);
}
.columnContent .bg img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.columnContent .bg .line {
  position: absolute;
  left: -0.1rem;
  top: -0.1rem;
  width: calc(100% + 0.2rem);
  height: calc(100% + 0.2rem);
  transform: matrix(0, 1.00004, -1.00004, 0, 0, 0);
}
.columnContent .inner {
  position: relative;
  z-index: 3;
  height: 80vh;
  margin-left: 35%;
  padding-top: 4vw;
}
.columnContent .inner .ul {
  display: flex;
  justify-content: space-between;
  flex-flow: column wrap;
  height: 100%;
}
.columnContent .sub {
  position: absolute;
  left: 175%;
  width: 2.5rem;
  padding-left: 0.2rem;
  top: 50%;
  opacity: 0;
  z-index: 0;
  pointer-events: none;
  transition: all 0.5s;
  transform: translateX(100px);
  text-align: left;
}
.columnContent .sub a {
  display: block;
  margin: 0.25rem 0;
  font-size: 0.18rem;
}
@media (min-width: 1025px) {
  .columnContent li {
    opacity: 0;
    transition: all 0.8s ease-in-out;
    min-height: 0.47rem;
    width: 1.44rem;
    text-align: right;
  }
  .columnContent li:first-child {
    width: 0.72rem;
  }
  .columnContent li:nth-child(2) {
    transform: translateX(-1.7rem);
  }
  .columnContent li:nth-child(3) {
    transform: translateX(-1.9rem);
  }
  .columnContent li:nth-child(4) {
    transform: translateX(-2.1rem);
  }
  .columnContent li:nth-child(4) .sub {
    top: -100%;
  }
  .columnContent li:nth-child(5) {
    transform: translateX(-1.8rem);
  }
  .columnContent li:nth-child(5) .sub {
    top: -100%;
  }
  .columnContent li:nth-child(6) {
    transform: translateX(-1.3rem);
  }
  .columnContent li:nth-child(7) {
    transform: translateX(-0.8rem);
  }
  .columnContent li:nth-child(6) .sub,
  .columnContent li:nth-child(7) .sub {
    top: auto;
    bottom: 0;
  }
}
.columnContent .mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.columnContent .itemA {
  opacity: 0.5;
  transition: all 0.5s;
}
.columnContent a {
  color: #fff;
}
.columnContent .itemOn span {
  font-size: 0.36rem;
  opacity: 1;
}
.columnContent .itemOn .sub {
  pointer-events: auto;
  opacity: 1;
  transform: translateX(0);
}
@media (max-width: 1024px) {
  .columnContent.show {
    clip-path: circle(200vw at calc(100% - 0.4rem) 2.5rem);
  }
  .columnContent nav {
    width: 2.5rem;
  }
  .columnContent nav::before {
    border-radius: 0;
  }
  .columnContent .bg {
    display: none;
  }
  .columnContent .inner {
    margin-left: 0.6rem;
    padding-top: 0;
  }
  .columnContent .inner .ul {
    display: block;
  }
  .columnContent .inner .ul li {
    margin: 0.2rem 0;
  }
}
.footer {
  background: url(../images/footer_bg.jpg) no-repeat center;
  background-size: cover;
  padding-top: calc(40 / 1920 * 100%);
  padding-bottom: calc(60 / 1920 * 100%);
  color: #fff;
}
.footer a {
  color: #fff;
}
.footer .left {
  width: calc(720 / 1440 * 100%);
  padding-top: 0.52rem;
}
.footer .left dt {
  margin-bottom: 0.2rem;
}
.footer .left dt a {
  font-size: 0.18rem;
  color: #fff;
}
.footer .left dd {
  margin-bottom: 0.05rem;
}
.footer .left dd a {
  display: block;
  font-size: 0.14rem;
  line-height: 2.142;
  opacity: 0.8;
}
.footer .link {
  padding: 0.25rem 0 0;
  margin-top: 0.3rem;
}
.footer .link a {
  display: inline-block;
  color: rgba(255, 255, 255, 0.8);
}
.footer .link a:not(:last-child) {
  margin-right: calc(80 / 1920 * 100vw);
}
.footer .link a img {
  margin-right: 0.07rem;
  max-height: 0.21rem;
}
.footer .other {
  padding: 0.14rem 0 0;
  margin-top: 0.15rem;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 0.14rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.footer .other a {
  opacity: 0.5;
}
.footer .other em {
  width: 1px;
  height: 10px;
  background-color: #fff;
  opacity: 0.2;
  margin: 0 0.2rem;
}
.footer .other em:last-child {
  display: none;
}
.footer .right {
  width: 45%;
}
.footer .right .items {
  margin-left: auto;
  margin-right: 0;
  max-width: 5.4rem;
}
.footer .right .share {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 25px;
}
.footer .right .share a {
  width: 30px;
  height: 30px;
  position: relative;
  background: url(../images/foot_wx.svg) no-repeat center rgba(255, 255, 255, 0.2);
  border-radius: 100%;
  margin-left: 0.25rem;
}
.footer .right .share a:hover .ewm {
  opacity: 1;
  transform: translate3d(-50%, 0px, 0);
  pointer-events: auto;
  backface-visibility: hidden;
}
.footer .right .share .sina {
  background-image: url(../images/foot_sina.svg);
}
.footer .right .share .dy {
  background-image: url(../images/foot_dy.svg);
}
.footer .right .share .ewm {
  position: absolute;
  left: 50%;
  top: 100%;
  padding: 10px;
  width: 1.2rem;
  transform: translateX(-50%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transform: translate3d(-50%, 10px, 0);
  backface-visibility: hidden;
}
.footer .right .share .ewm figure {
  background-color: #fff;
  padding: 5px;
  border-radius: 5px;
  position: relative;
}
.footer .right .share .ewm figure::before {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-bottom-color: #fff;
  bottom: 100%;
}
.footer .right .ewmlist figure {
  width: 24%;
  text-align: center;
  max-width: 1.2rem;
}
.footer .right .ewmlist .img {
  padding: 0.05rem;
  background-color: rgba(255, 255, 255, 0.3);
  text-align: center;
}
.footer .right .ewmlist .tit {
  padding: 0.07rem 0;
}
.footer .right .tellist {
  padding: 0.18rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  margin: 0.18rem 0;
  margin-left: auto;
}
.footer .right .tellist dl {
  padding-left: 0.45rem;
  background: url(../images/foot_tel.png) no-repeat left center;
  background-size: 0.37rem;
}
.footer .right .tellist dd {
  margin-top: 0.05rem;
}
.footer .right .bottom {
  text-align: right;
  margin-top: 0.8rem;
}
.footer .right .bottom .tel {
  max-width: 5.4rem;
  display: flex;
  justify-content: space-between;
  margin-right: 0;
  margin-left: auto;
}
.footer .right .bottom .copy {
  font-size: 0.14rem;
  margin-top: 0.15rem;
}
.footer .right .bottom .copy,
.footer .right .bottom .copy a {
  color: rgba(255, 255, 255, 0.5);
}
@media (max-width: 1024px) {
  .footer .w1440 {
    flex-flow: row wrap;
  }
  .footer .left {
    width: 100%;
    text-align: center;
    padding-top: 0;
  }
  .footer .left nav {
    display: none;
  }
  .footer .link {
    padding-bottom: 0.25rem;
  }
  .footer .right {
    width: 100%;
  }
  .footer .right .items {
    justify-content: center;
    max-width: 100%;
    width: 100%;
  }
  .footer .right .ewmlist,
  .footer .right .tellist {
    gap: 0.2rem;
  }
  .footer .right .bottom {
    margin-top: 0.2rem;
  }
  .footer .right .bottom .tel {
    max-width: 100%;
    justify-content: center;
    gap: 0.1rem;
  }
  .footer .right .copy {
    text-align: center;
  }
}
@media (max-width: 640px) {
  .footer .bottom .tel {
    flex-flow: row wrap;
  }
  .footer .right .ewmlist .tit {
    font-size: 0.16rem;
  }
}
.poImg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  object-fit: cover;
  -webkit-object-fit: cover;
  width:100%;
}
.nyban {
  position: relative;
}
.NYbanner {
  position: relative;
  text-align: center;
}
.NYbanner .img {
  width: 100%;
}
.NYbanner .textwarp {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  color: #fff;
}
.NYmenu {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.NYmenu .w1440 {
  background-color: rgba(255, 255, 255, 0.95);
  overflow: hidden;
  border-radius: 0 0.2rem 0 0.2rem;
}
.NYmenu .nav .ul {
  display: flex;
}
.NYmenu .nav li.aon a {
  color: #fff;
  background-color: #76b648;
}
.NYmenu .nav a {
  position: relative;
  color: #999999;
  width: 2rem;
  height: 0.8rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 0.2rem 0 0.2rem;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
}
.NYmenu .nav a:hover {
  color: #fff;
  background-color: #76b648;
}
.NYmenu .current {
  display: inline-flex;
  flex-flow: row wrap;
  color: #999999;
  align-items: center;
  padding-right: 0.4rem;
}
.NYmenu .current a {
  color: #999999;
}
.NYmenu .current a:hover {
  color: #76b648;
}
.NYmenu .current span {
  color: #8ec228;
  padding: 0.02rem 0;
  border-bottom: 2px solid #8ec228;
}
.NYmenu .current i {
  display: inline-block;
  margin: 0 10px;
  font-style: normal;
  font-family: serif;
}
@media screen and (max-width: 1024px) {
  .NYmenu {
    position: relative;
    padding: 0.2rem 0;
  }
  .NYmenu .current {
    display: none;
  }
  .NYmenu .nav a {
    padding: 0;
    height: 0.6rem;
    width: auto;
    padding: 0 0.1rem;
  }
}
.pt100 {
  padding-top: 1rem;
}
.pt120 {
  padding-top: 1.2rem;
}
.pb140 {
  padding-bottom: 1.4rem;
}
.pb120 {
  padding-bottom: 1.2rem;
}
.pb100 {
  padding-bottom: 1rem;
}
.pb90 {
  padding-bottom: 0.9rem;
}
.pb60 {
  padding-bottom: 0.6rem;
}
.ColumnName {
  color: #333;
  gap: 0.1rem;
}
.ColumnName.center {
  text-align: center;
}
.ColumnName .cn {
  font-size: 0.36rem;
}
.ColumnName .en {
  font-size: 0.18rem;
  letter-spacing: 0.3px;
}
.ColumnName2 {
  color: #333;
  gap: 0.1rem;
  justify-content: flex-start;
}
.ColumnName2 .cn {
  font-size: 0.36rem;
  line-height: 1;
  margin-bottom: 0.05rem;
}
.ColumnName2 .en {
  font-size: 0.18rem;
  letter-spacing: 0.3px;
}
.bg_fafef3 {
  background-color: #fafef3;
}
.about_box {
  background: url(../images/about_bg.jpg) no-repeat center;
  background-size: cover;
}
.about_box .title {
  color: #333;
  gap: 0.1rem;
  margin-bottom: 0.5rem;
}
.about_box .title .cn {
  font-size: 0.36rem;
}
.about_box .title .en {
  font-size: 0.18rem;
  letter-spacing: 0.3px;
}
.about_box .content {
  line-height: calc(30 / 16);
  text-align: justify;
}
.about_box .piclist {
  position: relative;
  height: 3.5rem;
}
.about_box .info_1 {
  width: calc(810 / 1440 * 100%);
}
.about_box .bubble {
  position: absolute;
}
.about_box .bubble .circle {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  animation: spin 6s infinite linear;
  transform-origin: 50% 40%;
}
.about_box .bubble img {
  animation: spin-reverse 6s infinite linear;
  width: 100%;
  border-radius: 100%;
}
.about_box .bubble:nth-child(2n) .circle {
  animation: spin2 6s infinite linear;
}
.about_box .bubble:nth-child(2n) img {
  animation: spin-reverse2 6s infinite linear;
}
.about_box .info_2 {
  margin-left: auto;
  margin-right: 0;
  width: 8.95rem;
}
.about_box .info_3 {
  margin-top: 0.5rem;
}
.about_box .bubble1 {
  left: -0.6rem;
  top: 0.7rem;
  width: 1.2rem;
  height: 1.2rem;
}
.about_box .bubble2 {
  right: -0.33rem;
  top: 1.67rem;
  width: 1.2rem;
  padding-top: calc(100 / 1920 * 100vw);
}
.about_box .bubble3 {
  left: 3.65rem;
  top: 0.7rem;
  width: 2.54rem;
  height: 2rem;
}
.about_box .bubble3 .circle,
.about_box .bubble3 img {
  border-radius: 0;
}
.about_box .bubble4 {
  left: -0.6rem;
  top: 3.75rem;
  width: 1.2rem;
  height: 1.2rem;
}
.about_box .bubble5 {
  left: 0.5rem;
  top: 1.48rem;
  width: 2.5rem;
  height: 2.5rem;
}
.about_box .bubble6 {
  right: 4.87rem;
  top: -2rem;
  width: 1rem;
  height: 1rem;
}
.about_box .bubble7 {
  left: 2.89rem;
  top: 3.44rem;
  width: 1.5rem;
  height: 1.5rem;
}
.about_box .bubble8 {
  right: -1.1rem;
  top: -1.2rem;
  width: 2.2rem;
  height: 2.2rem;
}
.about_box .bubble9 {
  width: 4.8rem;
  height: 4.8rem;
  right: 0.55rem;
  top: -2.17rem;
}
.about_box .bubble9 .time {
  position: absolute;
  top: 2.8rem;
  left: -1rem;
  width: 2rem;
  height: 2rem;
}
.about_box .bubble9 .time .box {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  animation: spin2 6s infinite linear;
  transform-origin: 50% 40%;
  border-radius: 100%;
}
.about_box .bubble9 .time .timewarp {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column wrap;
  color: #fff;
  line-height: 1;
  background: url(../images/Hicon_bg1.png) no-repeat center #76b648;
  background-size: contain;
  border-radius: 100%;
  animation: spin-reverse2 6s infinite linear;
  position: absolute;
}
.about_box .bubble9 .time .timewarp b {
  font-size: 0.6rem;
}
@media (max-width: 1024px) {
  .about_box .info_1 {
    width: 45%;
  }
  .about_box .piclist {
    height: 5rem;
  }
}
@media (max-width: 640px) {
  .about_box .piclist {
    display: none;
  }
  .about_box .piclist .bubble {
    transform: scale(0.5);
  }
  .about_box .info_1,
  .about_box .info_2 {
    width: 100%;
  }
}
.honor_list {
  margin: 0 -0.15rem;
}
.honor_list .box {
  display: block;
  margin: 0 0.15rem;
}
.honor_list .pic {
  position: relative;
  border: 1px solid #cedcb5;
  border-radius: 0 0.5rem 0 0.5rem;
  background-color: #fff;
  overflow: hidden;
  padding-top: calc(250 / 340 * 100%);
}
.honor_list .pic i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.honor_list .pic img {
  max-height: 70%;
  max-width: 70%;
  border: 0.06rem solid #eeeeee;
}
.honor_list .pic::before {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0.5rem;
  height: 0.5rem;
  background: url(../images/icon_big.svg) no-repeat center #ffffff;
  box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.1);
  border-radius: 0 0.15rem 0 0.15rem;
}
.honor_list .title {
  text-align: center;
  color: #555555;
  margin: 0.2rem 0;
}
.honor_list .slick-arrow {
  top: 45%;
}
.Contact_box {
  padding-top: 0.3rem;
}
.Contact_box .item {
  width: 33.33%;
  padding: 0 1rem;
}
.Contact_box .item:not(:last-child) {
  border-right: 1px solid rgba(170, 170, 170, 0.2);
}
.Contact_box .icon {
  width: 1rem;
  height: 1rem;
  margin: 0 auto 0.55rem;
  border-radius: 50%;
  box-shadow: 0px 0px 54px 6px #cadfba;
  border: 1px solid #ccd0c4;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fafef3;
}
.Contact_box .icon img {
  max-height: 100%;
}
.Contact_box .tit {
  color: #76b648;
  min-height: 0.26rem;
  margin-bottom: 0.3rem;
}
.Contact_box .box {
  margin-bottom: 0.26rem;
  line-height: calc(24 / 16);
}
.Contact_box .box:last-child {
  margin-bottom: 0;
}
.Contact_box .box b {
  color: #333333;
}
.Contact_box .box p {
  margin-top: 0.03rem;
}
.Contact_box .txt {
  margin-bottom: 0.2rem;
}
@media (max-width: 768px) {
  .Contact_box .item {
    padding: 0 0.5rem;
  }
}
@media (max-width: 640px) {
  .Contact_box .item {
    width: 100%;
    border-right: none!important;
    margin-bottom: 0.8rem;
  }
  .Contact_box .icon {
    margin-bottom: 0.1rem;
  }
}
.Hmore {
  min-width: 1.8rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #76b648;
  border-radius: 0 0.2rem 0 0.2rem;
  height: 0.5rem;
  transition: all 0.5s;
}
.Hmore .line {
  display: inline-block;
  width: 0.1rem;
  height: 0.1rem;
  border: solid #333333;
  border-width: 2px 2px 0 0;
  transform: rotate(45deg);
  margin-left: 0.06rem;
}
.Hmore.white {
  border-color: #fff;
  color: #fff;
}
.Hmore.white .line {
  border-color: #fff;
}
.Hmore.flex {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  max-width: 1.8rem;
}
.Hmore.Hmorebg {
  background-color: #76b648;
  color: #fff;
}
.Hmore.Hmorebg .line {
  border-color: #fff;
}
.Hmore.Hmorebg:hover {
  background-color: transparent;
  color: #76b648;
}
.Hmore.Hmorebg:hover .line {
  border-color: #76b648;
}
.Hmore:hover {
  background-color: #76b648;
  color: #fff;
}
.Hmore:hover .line {
  border-color: #fff;
}
.Hmore.noborder {
  border: none;
}
.Hmore.noborder:hover {
  background-color: transparent;
  color: #76b648;
}
.Hmore.noborder:hover .line {
  border-color: #76b648;
}
a.box:hover .Hmore {
  background-color: #76b648;
  color: #fff;
}
a.box:hover .Hmore .line {
  border-color: #fff;
}
.newsTop li {
  margin-bottom: 0.8rem;
}
.newsTop .box {
  border-radius: 0 0 0 0.5rem;
  overflow: hidden;
  background-color: #fff;
}
.newsTop .pic {
  width: calc(900 / 1440 * 100%);
}
.newsTop .pic i {
  position: relative;
  padding-top: calc(508 / 900 * 100%);
  display: block;
}
.newsTop .pic i::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background-image: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
  background-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
  background-image: -ms-linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
  z-index: 2;
}
.newsTop .textwarp {
  width: calc(540 / 1440 * 100%);
  padding: 0.1rem 0.8rem;
}
.newsTop .time {
  display: flex;
  flex-flow: column wrap;
  color: #333333;
}
.newsTop .time .data {
  display: inline-block;
}
.newsTop .time .data::after {
  content: '';
  width: 0.26rem;
  height: 2px;
  background-color: #76b648;
  margin: 0.05rem 0 0.12rem;
  display: block;
}
.newsTop .title {
  margin: 0.2rem 0;
}
.newsTop .des {
  color: #555555;
  line-height: calc(30 / 16);
  margin-bottom: 0.65rem;
}
.newsTop .slick-dots {
  left: 0;
  width: calc(900 / 1440 * 100%);
  position: absolute;
  bottom: 1.1rem;
  z-index: 3;
  display: flex;
  justify-content: center;
  gap: 0.15rem;
}
.newsTop .slick-dots li {
  width: 0.14rem;
  height: 0.14rem;
  border: 2px solid #bcbcbc;
  border-radius: 0 3px 0 3px;
  opacity: 1;
  margin: 0;
}
.newsTop .slick-dots li button {
  display: none;
}
.newsTop .slick-dots .slick-active {
  background-color: #76b648;
  border-color: #76b648;
}
@media (max-width: 1024px) {
  .newsTop .textwarp {
    padding: 0.1rem 0.4rem;
  }
}
@media (max-width: 768px) {
  .newsTop .pic,
  .newsTop .textwarp {
    width: 100%;
  }
  .newsTop .textwarp {
    padding: 0.4rem;
  }
  .newsTop .slick-dots {
    position: relative;
    width: 100%;
    margin-top: 0.3rem;
  }
}
.newsList {
  background-color: #fff;
  border-radius: 0 50px 0 50px;
}
.newsList .box {
  padding: 0.8rem 0.8rem 0;
}
.newsList .pic {
  order: 2;
  width: calc(380 / 1280 * 100%);
}
.newsList .pic i {
  position: relative;
  padding-top: calc(241 / 380 * 100%);
  display: block;
}
.newsList .textwarp {
  width: calc(820 / 1280 * 100%);
  border-bottom: 1px dotted #535353;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.newsList .time {
  width: 0.85rem;
  color: #333333;
}
.newsList .time .data::after {
  content: '';
  display: block;
  width: 0.3rem;
  height: 2px;
  background-color: #76b648;
  margin-top: 0.05rem;
}
.newsList .txt {
  width: calc(675 / 820 * 100%);
}
.newsList .des {
  color: #555555;
  line-height: calc(30 / 16);
  margin-top: 0.25rem;
}
.newsList .Pages {
  justify-content: flex-start;
  padding-left: 0.8rem;
}
@media (max-width: 768px) {
  .newsList .des {
    margin-bottom: 0.25rem;
  }
}
@media (max-width: 640px) {
  .newsList .box {
    padding: 0.3rem;
  }
  .newsList{border-radius:0;}
  .mainContent.pt120{padding-top:.4rem}
  .mainContent.pb90{padding-bottom:.4rem}
  .newsList .Pages {
  padding:.4rem 0 .4rem 0.15rem;
}
  .newsList .pic,
  .newsList .textwarp {
    width: 100%;
  }
  .newsList .pic {
    order: 0;
    margin-bottom: 0.2rem;
  }
}
.newsList_npic .textwarp {
  width: 100%;
  padding-bottom: 0.3rem;
}
.newsInfo {
  padding: 0 0.8rem;
}
.newsInfo .newsTitle {
  text-align: center;
  margin-bottom: 0.5rem;
  padding-bottom: 0.4rem;
  background: url(../images/news_line.png) repeat-x center bottom;
}
.newsInfo .newsTitle .title {
  margin-bottom: 0.2rem;
  color: #333333;
  margin-bottom:0;
}
.newsInfo .newsTitle h3{margin:.1rem;}
.newsInfo .newsTitle .txt {
  gap: 0.1rem 0.3rem;
}
.newsInfo .content {
  margin-bottom: 0.5rem;
}
.newsInfo .newsInfo_page {
  background-color: #fffbf2;
  border-radius: 0 0.5rem 0 0.5rem;
  padding: 0.3rem 0.6rem;
  line-height: calc(30 / 16);
  margin-bottom: 0.6rem;
}
.newsInfo .newsInfo_page span {
  display: block;
}
.newsInfo .newsInfo_page .item {
  width: 45%;
}
.newsInfo .newsInfo_page .item:hover,
.newsInfo .newsInfo_page .item:hover a {
  color: #76b648;
}
.newsInfo .newsInfo_page .item:nth-child(2) {
  text-align: right;
}
.newsInfo .back_list {
  display: inline-block;
  min-width: 1.8rem;
  line-height: 0.5rem;
  text-align: center;
  background-color: #ffb400;
  border-radius: 0 0.2rem 0 0.2rem;
  color: #fff;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
}
.newsInfo .back_list:hover {
  background-color: #76b648;
}
.newsInfo.newsInfo2 .newsInfo_page {
  background-color: #fafae6;
}
@media (max-width: 768px) {
  .newsInfo {
    padding: 0;
  }
  .newsInfo .newsInfo_page .item {
    text-align: left;
    width: 100%;
    margin: 0.05rem 0;
  }
  .newsInfo .newsInfo_page .item:nth-child(2) {
    text-align: left;
  }
}
.nysnav {
  gap: 0.1rem 0.3rem;
}
.nysnav a {
  display: inline-block;
  padding: 0 0.2rem;
  border: 2px solid #76b648;
  border-radius: 0 0.2rem 0 0.2rem;
  line-height: 0.46rem;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
}
.nysnav a:hover,
.nysnav a.aon {
  background-color: #76b648;
  color: #fff;
}
.Comics_list {
  margin: 0 0.5rem;
  background-color: #fcfef8;
}
.Comics_list .left {
  width: calc(1132 / 1340 * 100%);
}
.Comics_list .left .swiper-slide {
  background-color: #fff;
  padding: 0.3rem;
  border: 1px solid #e9eee0;
}
.Comics_list .left .pic {
  width: 100%;
  position: relative;
  padding-top: calc(777 / 1070 * 100%);
}
.Comics_list .left .pic img {
  object-fit: contain;
  -webkit-object-fit: contain;
}
.Comics_list .right {
  width: calc((1340 - 1132) / 1340 * 100%);
  position: relative;
  border: 1px solid #e9eee0;
  overflow: hidden;
  border-radius: 0 0 0.5rem 0;
}
.Comics_list .mySwiper {
  width: 0.8rem;
  margin: 0.1rem auto 0.2rem;
  position: relative;
  height: 6.6rem;
  padding: 0.15rem 0;
}
.Comics_list .mySwiper::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: calc(100% - 1.1rem);
  background-color: #e3eddc;
}
.Comics_list .mySwiper .swiper-slide {
  height: 0.55rem;
  width: 100%;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.Comics_list .mySwiper .pic {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  padding-top: calc(100% - 4px);
  border: 2px solid #76b648;
  border-radius: 100%;
  overflow: hidden;
  opacity: 0;
}
.Comics_list .mySwiper .num {
  display: inline-flex;
  width: 0.22rem;
  height: 0.22rem;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background-color: #76b648;
  color: #fff;
  font-size: 0.12rem;
}
.Comics_list .mySwiper .swiper-slide-thumb-active .pic {
  opacity: 1;
}
.Comics_list .page_btn {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  flex-flow: column wrap;
  background-color: #e3eddc;
  padding: 0.25rem 0 0.25rem 0.45rem;
}
.Comics_list .page_btn .btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.1rem;
}
.Comics_list .swiper-pagination {
  position: relative;
  color: #92ab81;
  text-align: left;
}
.Comics_list .swiper-pagination .swiper-pagination-current {
  font-size: 0.32rem;
  color: #333333;
}
.Comics_list .slick-arrow {
  width: 0.5rem;
  height: 0.5rem;
  position: relative;
  border-radius: 100%;
  background-color: #76b648;
  margin: 0;
}
.Comics_list .slick-arrow::before {
  border-color: #fff;
}
.Comics_list .slick-arrow::after {
  display: none;
}
.Comics_list .swiper-button-next {
  transform: rotate(180deg);
}
@media (max-width: 768px) {
  .Comics_list .left,
  .Comics_list .right {
    width: 100%;
  }
  .Comics_list .left {
    order: 2;
  }
  .Comics_list .right {
    background-color: transparent;
    border-radius: 0;
    padding-right: 1.5rem;
    height: 1.6rem;
    display: flex;
    align-items: center;
  }
  .Comics_list .mySwiper {
    width: 100%;
    overflow: hidden;
  }
  .Comics_list .mySwiper .swiper-slide {
    height: auto;
    width: auto;
    height: 0.6rem;
  }
  .Comics_list .page_btn {
    left: auto;
    right: 0;
    width: 1.5rem;
    justify-content: center;
    padding: 0 0.2rem;
    height: 100%;
    align-items: center;
  }
}
@media (max-width: 640px) {
  .Comics_list {
    margin: 0;
  }
}
.Comics_Box .down_a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.5rem;
}
.Comics_Box .down_btn {
  display: inline-flex;
  padding: 0 0.5rem;
  background-color: #76b648;
  border-radius: 0.5rem;
  color: #fff;
  line-height: 0.7rem;
  min-width: 3.5rem;
  gap: 0.1rem;
  position: relative;
  align-items: center;
  box-shadow: 0 5px 20px 2px rgba(118, 182, 72, 0.58);
}
.Comics_Box .down_btn::before {
  content: '';
  width: 0.36rem;
  height: 0.38rem;
  background: url(../images/zip_icon.png) no-repeat center;
  background-size: contain;
  display: inline-block;
}
.Comics_Box .down_btn::after {
  content: '';
  position: absolute;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.23rem;
  height: 0.28rem;
  background-size: contain;
  background: url(../images/down_icon.svg) no-repeat center;
}
.SiGe_box {
  background: url(../images/SiGe_bg.jpg) no-repeat right bottom;
  background-size: cover;
  max-width: 10rem;
  margin: 0 auto;
  padding: 0.7rem 0 1rem;
}
.SiGe_box .audiobox {
  text-align: center;
  margin-bottom: 0.7rem;
}
.SiGe_box .audiobox audio {
  width: 100%;
  max-width: 5.4rem;
  margin: 0 auto;
}
.SiGe_box .box {
  color: #333333;
  text-align: center;
  line-height: calc(40 / 20);
}
.SiGe_box .stit {
  font-weight: 100;
  margin-bottom: 0.3rem;
}
.proList {
  position: relative;
}
.proList .list {
  gap: 0.65rem 0.55rem;
}
.proList li {
  width: calc((100% - 0.55rem * 3) / 4);
}
.proList .title {
  color: #555555;
}
.proList .box {
  position: relative;
  display: block;
  text-align: center;
  padding-bottom: 0.15rem;
}
.proList .box::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1.78rem;
  border: 2px solid #81b445;
  opacity: 0.2;
  border-radius: 0 0.5rem 0 0.5rem;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
}
.proList .box:hover::before {
  opacity: 1;
}
.proList .pic {
  height: 2.65rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 0.15rem;
}
.proList .pic img {
  max-height: 100%;
  max-width: 80%;
}
@media (max-width: 768px) {
  .proList .list {
    gap: 0.5rem 0.3rem;
  }
  .proList li {
    width: calc((100% - 0.3rem * 1) / 2);
  }
}
.pro_recommend .ul {
  margin: 0 -0.28rem;
}
.pro_recommend .box {
  position: relative;
  display: block;
  text-align: center;
  padding-bottom: 0.15rem;
  margin: 0 0.28rem;
}
.pro_recommend .box::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1.78rem;
  border: 2px solid #81b445;
  opacity: 0.2;
  border-radius: 0 0.5rem 0 0.5rem;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
}
.pro_recommend .box:hover::before {
  opacity: 1;
}
.pro_recommend .pic {
  height: 2.65rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 0.15rem;
}
.pro_recommend .pic img {
  max-height: 100%;
}
.pro_recommend .slick-arrow {
  top: 70%;
}
.pro_details {
  position: relative;
  z-index: 2;
}
.pro_details::before {
  content: '';
  position: absolute;
  width: 8.83rem;
  height: 5.75rem;
  background: url(../images/pro_bg.png) no-repeat right bottom;
  max-width: 70%;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.pro_details .left {
  width: calc(570 / 1440 * 100%);
}
.pro_details .left .title {
  margin: 0.54rem 0 0.4rem;
  color: #333333;
}
.pro_details .left .stit {
  margin-bottom: 0.6rem;
  border-bottom: 1px dotted #535353;
}
.pro_details .left .stit span {
  display: inline-block;
  padding: 0.1rem;
  position: relative;
  color: #76b648;
}
.pro_details .left .stit span::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 2px;
  background-color: #76b648;
}
.pro_details .left .con {
  color: #555555;
  line-height: calc(30 / 16);
  font-weight: 100;
  text-align: justify;
}
.pro_details .pic {
  width: calc(730 / 1440 * 100%);
  min-height: 5rem;
}
.pro_details .pic img {
  max-width:720px;
  max-height:750px;
  border-radius: 0 0.8rem 0 0.8rem;
}
@media (max-width: 1024px) {
  .pro_details::before {
    max-width: 55%;
  }
}
@media (max-width: 768px) {
  .pro_details {
    padding-top: 0.5rem;
  }
  .pro_details .left,
  .pro_details .pic {
    width: 100%;
    margin-bottom: 0.5rem;
  }
}
.pro_Drugseries {
  position: relative;
  background-color: #76b648;
}
.pro_Drugseries::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: calc(1680 / 1920 * 100%);
  height: 100%;
  border-radius: 0 1.5rem 0 1.5rem;
  background: url(../images/pro_bg_1.jpg) no-repeat center;
  background-size: cover;
}
.pro_Drugseries .ColumnName2 {
  position: absolute;
  left: 0;
  top: 1rem;
  width: 100%;
}
.pro_Drugseries .ColumnName2 .w1440 {
  gap: 0.1rem;
  justify-content: flex-start;
}
.pro_Drugseries .left {
  width: calc(100% - 285 / 1920 * 100%);
  overflow: hidden;
  padding: 1rem 0 1.2rem;
}
.pro_Drugseries .right {
  width: calc(285 / 1920 * 100%);
  order: 2;
  padding: 0.8rem 0;
  color: #fff;
  position: relative;
}
.pro_Drugseries .right::before {
  content: '';
  position: absolute;
  background: url(../images/pro_bg_2.png) no-repeat center;
  width: 100%;
  height: 3.74rem;
  right: 0;
  bottom: 1rem;
  z-index: -1;
  background-size: contain;
}
.pro_Drugseries .right li {
  height: 1.1rem;
  display: flex;
  align-items: center;
}
.pro_Drugseries .right .box {
  width: 100%;
  gap: 0.2rem;
  cursor: pointer;
}
.pro_Drugseries .right .icon {
  width: 0.8rem;
  flex: 0 0 auto;
}
.pro_Drugseries .right .icon i {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.8rem;
  width: 100%;
  overflow: hidden;
  border-radius: 100%;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(115, 137, 68, 0.08);
}
.pro_Drugseries .right .icon i img {
  max-height: 100%;
}
.pro_Drugseries .right .txt {
  width: calc(100% - 1rem);
}
.pro_Drugseries .right .swiper-slide-thumb-active .icon i {
  background-color: #ffb400;
}
.pro_Drugseries .right .swiper-slide-thumb-active .icon i img {
  filter: brightness(0) invert(100%);
}
.pro_Drugseries .mySwiper2 {
  max-width: 12.8rem;
  width: 92%;
  margin-left: auto;
  margin-right: 1.1rem;
  position: relative;
}
.pro_Drugseries .mySwiper2 .box {
  width: 100%;
}
.pro_Drugseries .mySwiper2 .page_btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.1rem;
  margin-bottom: 0.5rem;
}
.pro_Drugseries .mySwiper2 .page_btn .slick-arrow {
  width: 0.5rem;
  height: 0.5rem;
  position: relative;
  margin: 0;
  opacity: 1;
  background-image: none;
}
.pro_Drugseries .mySwiper2 .page_btn .slick-arrow::after {
  display: none;
}
.pro_Drugseries .mySwiper2 .page_btn .swiper-button-next {
  transform: rotate(180deg);
}
.pro_Drugseries .slick_for {
  background-color: #fff;
  border-radius: 0 1.5rem 0 1.5rem;
}
.pro_Drugseries .slick_for .pic {
  position: relative;
  width: calc(560 / 1280 * 100%);
}
.pro_Drugseries .slick_for .pic i {
  position: relative;
  padding-top: calc(640 / 560 * 100%);
  display: block;
}
.pro_Drugseries .slick_for .textwarp {
  width: calc(100% - 560 / 1280 * 100%);
  padding: 0.95rem 0.85rem 0.95rem 0.8rem;
}
.pro_Drugseries .slick_for .textwarp .title {
  padding-bottom: 0.2rem;
  border-bottom: 1px dashed #535353;
}
.pro_Drugseries .slick_for .textwarp .des {
  margin: 0.2rem 0 0.4rem;
  color: #333333;
  line-height: calc(24 / 16);
}
.pro_Drugseries .pro_nav {
  width: calc(555 / 1280 * 100%);
  position: absolute;
  right: 0.85rem;
  bottom: 0.8rem;
  z-index: 10;
}
.pro_Drugseries .pro_nav .box {
  position: relative;
  display: block;
  text-align: center;
  padding-bottom: 0.1rem;
  z-index: 5;
}
.pro_Drugseries .pro_nav .box::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1.2rem;
  border: 2px solid #81b445;
  opacity: 0.2;
  border-radius: 0 0.5rem 0 0.5rem;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
}
.pro_Drugseries .pro_nav .swiper-slide-thumb-active .box::before {
  opacity: 1;
}
.pro_Drugseries .pro_nav .pic {
  height: 1.6rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 0.2rem;
}
.pro_Drugseries .pro_nav .pic img {
  max-height: 100%;
  -webkit-box-reflect: below -12px -webkit-linear-gradient(top, rgba(255, 0, 0, 0), rgba(255, 0, 0, 0.05));
}
@media (max-width: 1024px) {
  .pro_Drugseries .right li {
    height: 0.8rem;
  }
  .pro_Drugseries .right .box {
    gap: 0.1rem;
  }
  .pro_Drugseries .right .icon {
    width: 0.6rem;
  }
  .pro_Drugseries .right .icon i {
    height: 0.6rem;
  }
  .pro_Drugseries .mySwiper2 {
    margin-right: auto;
  }
  .pro_Drugseries .mySwiper2 .pro_nav {
    width: 100%;
    position: relative;
    right: auto;
    bottom: auto;
    margin-top: 0.3rem;
  }
}
@media (max-width: 768px) {
  .pro_Drugseries::before {
    width: 100%;
  }
  .pro_Drugseries .ColumnName2 {
    position: relative;
    margin-bottom: 0.5rem;
  }
  .pro_Drugseries .left,
  .pro_Drugseries .right {
    width: 100%;
  }
  .pro_Drugseries .left {
    order: 2;
    padding-top: 0;
  }
  .pro_Drugseries .right {
    color: #333;
    padding: 0.3rem 0 0;
    width: 92%;
    margin: 0.5rem auto 0;
  }
  .pro_Drugseries .left .slick_for .pic,
  .pro_Drugseries .left .slick_for .textwarp {
    width: 100%;
  }
  .pro_Drugseries .left .slick_for .textwarp {
    padding: 0.6rem 0.6rem 0.8rem;
  }
}
.pro_Foodseries {
  position: relative;
}
.pro_Foodseries .ColumnName2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  gap: 0.1rem;
  justify-content: flex-start;
}
.pro_Foodseries .page_btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.1rem;
  margin-bottom: 0.5rem;
}
.pro_Foodseries .page_btn .slick-arrow {
  width: 0.5rem;
  height: 0.5rem;
  position: relative;
  margin: 0;
  opacity: 1;
  background-image: none;
}
.pro_Foodseries .page_btn .slick-arrow::after {
  display: none;
}
.pro_Foodseries .page_btn .swiper-button-next {
  transform: rotate(180deg);
}
.pro_Foodseries .w1440 {
  position: relative;
}
.pro_Foodseries .list {
  position: relative;
}
.pro_Foodseries .slick_for {
  background-color: #fff;
  border-radius: 0 1.5rem 0 1.5rem;
}
.pro_Foodseries .slick_for .pic {
  position: relative;
  width: calc(560 / 1440 * 100%);
}
.pro_Foodseries .slick_for .pic i {
  position: relative;
  padding-top: calc(640 / 560 * 100%);
  display: block;
}
.pro_Foodseries .slick_for .textwarp {
  width: calc(100% - 560 / 1440 * 100%);
  padding: 0.95rem 0.85rem 0.95rem 0.8rem;
}
.pro_Foodseries .slick_for .textwarp .title {
  padding-bottom: 0.2rem;
  border-bottom: 1px dashed #535353;
}
.pro_Foodseries .slick_for .textwarp .des {
  margin: 0.2rem 0 0.4rem;
  color: #333333;
  line-height: calc(24 / 16);
}
.pro_Foodseries .pro_nav {
  width: calc(720 / 1440 * 100%);
  position: absolute;
  right: 0.85rem;
  bottom: 0.8rem;
  z-index: 10;
}
.pro_Foodseries .pro_nav .box {
  position: relative;
  display: block;
  text-align: center;
  padding-bottom: 0.1rem;
  z-index: 5;
}
.pro_Foodseries .pro_nav .box::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1.2rem;
  border: 2px solid #81b445;
  opacity: 0.2;
  border-radius: 0 0.5rem 0 0.5rem;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
}
.pro_Foodseries .pro_nav .swiper-slide-thumb-active .box::before {
  opacity: 1;
}
.pro_Foodseries .pro_nav .pic {
  height: 1.6rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 0.2rem;
}
.pro_Foodseries .pro_nav .pic img {
  max-height: 100%;
  -webkit-box-reflect: below -12px -webkit-linear-gradient(top, rgba(255, 0, 0, 0), rgba(255, 0, 0, 0.05));
  max-width: 80%;
}
@media (max-width: 1024px) {
  .pro_Foodseries .pro_nav {
    width: 100%;
    position: relative;
    right: auto;
    bottom: auto;
    margin-top: 0.3rem;
  }
}
@media (max-width: 640px) {
  .pro_Foodseries .slick_for .pic,
  .pro_Foodseries .slick_for .textwarp {
    width: 100%;
  }
  .pro_Foodseries .slick_for .textwarp {
    padding: 0.6rem 0.6rem 0.8rem;
  }
}
.SingleBox {
  color: #555555;
  line-height: calc(30 / 16);
}
.SingleBox p,
.SingleBox h1,
.SingleBox h2,
.SingleBox h3,
.SingleBox h4,
.SingleBox h5,
.SingleBox h6 {
  margin: 2em 0;
}
@keyframes spin {
  to {
    transform: rotate(1turn);
  }
}
@keyframes spin2 {
  to {
    transform: rotate(-1turn);
  }
}
@keyframes spin-reverse {
  from {
    transform: rotate(1turn);
  }
}
@keyframes spin-reverse2 {
  from {
    transform: rotate(-1turn);
  }
}
.storyList .list {
  gap: 0.64rem 0;
  padding-bottom: 0.2rem;
}
.storyList .list li {
  width: calc(700 / 1440 * 100%);
  padding-right: 0.2rem;
}
.storyList .list .pic {
  width: calc(340 / 700 * 100%);
}
.storyList .list .pic i {
  position: relative;
  padding-top: calc(220 / 340 * 100%);
  display: block;
  border-radius: 0.2rem 0 0.2rem 0;
}
.storyList .list .textwarp {
  width: calc(310 / 700 * 100%);
  display: flex;
  align-items: center;
  background: url(../images/line.svg) repeat-x center bottom;
}
.storyList .list .txt {
  width: 100%;
  line-height: calc(24 / 14);
  padding-bottom: 0.3rem;
}
.storyList .list .stit {
  color: #999999;
  margin: 0.15rem 0;
}
.storyList .list .des {
  color: #555555;
}
@media (max-width: 1024px) {
  .storyList .list li {
    width: 100%;
  }
}
.Friendship_list .ul {
  margin: 0 -0.07rem;
}
.Friendship_list li {
  padding: 0.1rem 0.07rem;
  width: calc(100% / 6);
}
.Friendship_list .box {
  display: block;
  padding-top: calc(90 / 226 * 100%);
  position: relative;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
}
.Friendship_list .box .pic {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
}
.Friendship_list .box .pic img {
  max-height: 95%;
  max-width: 95%;
}
.Friendship_list .box:hover {
  box-shadow: 0px 4px 24px 0px rgba(163, 121, 121, 0.12);
}
@media (max-width: 640px) {
  .Friendship_list li {
    width: calc(100% / 3);
  }
}
.title_list .item {
  line-height: 0.68rem;
  border-bottom: 1px dashed #dcdcdc;
  padding-left: 0.15rem;
  position: relative;
}
.title_list .item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.04rem;
  height: 0.04rem;
  background-color: #76b648;
  border-radius: 100%;
}
.title_list .time {
  float: right;
  color: #999999;
  font-weight: 300;
}
.web_link ul li {
  padding: 10px 0;
  border-bottom: dotted 1px #e4e4e4;
}
.web_link ul li b {
  display: block;
  font-weight: normal;
}
.web_link ul li span {
  opacity: 0.8;
  display: inline-block;
  white-space: nowrap;
  padding-right: 20px;
}




/*
 .PicList002796
 */
.PicList002796{/* padding:5% 0 3%; */}

.PicList002796 li{position:relative;border-radius: 0 6.1rem 0 0.1rem;}
.PicList002796 .video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.PicList002796 .video_files video{width:100%; height:100%; background-color:#000;}
.PicList002796 .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background-color: #761b1b;cursor: pointer;}
.PicList002796 .video_files .close::before,
.PicList002796 .video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;}
.PicList002796 .video_files .close::before{ transform:rotate(45deg);}
.PicList002796 .video_files .close::after{ transform:rotate(-45deg);}
.PicList002796 figure{position:relative;border-radius: 0 0.51rem 0 0rem;overflow: hidden;}
.PicList002796 figure em{display:block;padding-bottom: 75%;background-size: cover;background-position:center center;background-repeat:no-repeat;}
.PicList002796 figure a{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.5); }
.PicList002796 figure a::before,
.PicList002796 figure a::after{position: absolute; content:'';z-index: 5;top: 50%;left: 50%;}
.PicList002796 figure a::before{width: 65px;height: 65px;border: 3px solid #fff;margin-left: -32px;margin-top: -34px;border-radius: 50%;}
.PicList002796 figure a::after{width: 0;height: 0;border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-left: 20px solid #fff;margin-left: -5px;margin-top: -15px;}
.PicList002796 li p{/* margin-bottom: 25px; */font-size: 16px;color: #333;text-align: center;padding: 6% 2%;overflow: hidden;box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.1);background-color: #fff;/* border-radius: 20px 0; */border-radius: 0 0 0rem 0.51rem;}
.PicList002796 time{ background: #ff6900; display: inline-block; padding: 2px 15px; color: #fff; border-radius: 99px;}
@media(min-width:769px){
.PicList002796 li{float: left;width: 30.5%;margin-right: 4.25%;margin-bottom:2%;}
.PicList002796 li:nth-of-type(3n){ margin-right: 0; }
.PicList002796 li:nth-of-type(3n+1){clear:left;}
}
@media(max-width:768px){
.PicList002796 li{ width: 100%; margin-right:0; margin-bottom: 5%;}
.PicList002796 figure em{ padding-bottom: 47%; background-size:cover;}
}
@media(max-width:480px){
.PicList002796 li figure a::before{width: 50px;height: 50px;margin-left: -25px;margin-top: -25px;}
.PicList002796 li figure a::after{border-top-width: 10px;border-bottom-width: 10px;border-left-width: 15px;margin-left: -3px;margin-top: -7px;}
}
@media(max-width:375px){
.PicList002796 li figure a::before{width: 40px;height: 40px;margin-left: -20px;margin-top: -20px;}
}






/*Menu002217*/
.Menu002217{padding: 0% 0 3%;}
.Menu002217 h2{font-size: 42px; color: #18222a; text-align: center; line-height: 1; margin:0; font-weight:normal;}
.Menu002217 nav{text-align: center;/* margin-top: 4%; */}
.Menu002217 nav ul li{text-align: center; padding:0 9px; display:inline-block;  *zoom:1; *display:inline;}
.Menu002217 nav ul li a{display: block;min-width: 160px;height: 50px;line-height: 50px;font-size: 16px;color: #728391;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;border-radius:40px;background:#f3f3f3;}
.Menu002217 nav ul li.on a,.Menu002217 nav ul li a:hover{color: #fff;background:#76b648;}
@media(max-width:1199px){
.Menu002217 h2{ font-size:35px;}
}
@media(max-width:1000px){
.Menu002217 h2{ font-size:30px;}
.Menu002217 nav ul li a{min-width: 120px;font-size: 15px;height: 40px;line-height: 40px;padding:0 3%;}
}
@media(max-width:640px){
.Menu002217 h2{ font-size:20px;}
.Menu002217 nav ul li{/* width:100%; */margin:0 0 1px;/* display:block; */}
.Menu002217 nav ul li a{/* border-radius:0; */}
}
/*Menu002217 End*/
.newsList .Pages .p_count,
.newsList .Pages .p_jump{ display:inline-flex;align-items: center; order:2; margin-left:10px;}
.newsList .Pages .i_button,
.newsList .Pages .i_text{border: 1px solid #cedcb5;width: .5rem;height: .5rem; line-height:.5rem; text-align: center; border-radius: 0 .1rem 0 .1rem;background-color: transparent; margin:0 8px; }
.newsList .Pages .i_button{ font-size:16px; cursor:pointer;color: #fff; background-color: #ffb400; border-color: #ffb400;}
