@charset "utf-8";
/* CSS Document */
*{padding:0; margin:0; box-sizing: border-box;}
body{font-family:"Arial"; letter-spacing:0.005rem; overflow-x: hidden; font-family:"微软雅黑"}
html{}
ul,ol,li{ list-style:none;}
img{border:none; vertical-align:middle;}
h1, h2, h3, h4, h5, h6, hr, blockquote, form, ul, ol, li, p, pre, dl, dt, dd, fieldset, legend, button, input, textarea{margin:0; padding:0; font-weight:normal;}
a:link{color:#333; text-decoration:none;}
a:visited{color:#333; text-decoration:none;}
a:hover{color:#333; text-decoration:none;}
b{font-weight: normal;}
.clear{clear:both; font-size:0; font-family:"sans-serif"; height:0; line-height:0;}
.clear_fix:after{content: ""; clear: both; height: 0; overflow: hidden; display: block; visibility: hidden;}
.text-center{text-align: center;}

.rel {
  position: relative;
}
.abs {
  position: absolute;
}
.fixed {
  position: fixed;
}
.flex {
  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 */
}
.flex-wrap {
  flex-flow: wrap;
}
.flex-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.inline-block {
  display: inline-block;
}
.block {
  display: block;
}
.hide {
  display: none;
}
.bold {
  font-weight: 700;
}
.txt-center {
  text-align: center;
}
.txt-left {
  text-align: left;
}
.txt-right {
  text-align: right;
}
.before {
  opacity: 0;
  visibility: hidden;
}
.after {
  opacity: 1;
  visibility: visible;
}
.font {
  font-family: Arial;
}
.txt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.upper {
  text-transform: uppercase;
}
.middle {
  vertical-align: middle;
}
.background {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.mbackground {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.hidden-xs {
  display: block;
}
.hidden-pc {
  display: none;
}
.box-container {
  width: 15.36rem;
  margin: 0 auto;
}
.w1200 {
  width: 1200px;
  margin: 0 auto;
}
.box-container-fluid {
  width: 100%;
  margin: 0 auto;
}
.medium-box-container {
  width: 80%;
  margin: 0 auto;
}
body {
  overflow-x: hidden;
}
.rl {
  writing-mode: tb-rl;
  writing-mode: vertical-lr;
}
@font-face {
  font-family: "cn_light";
  src: url('../fonts/MISANS-LIGHT.TTF');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "regular";
  src: url('../fonts/MISANS-REGULAR.TTF');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "mlight";
  src: url('../fonts/Montserrat-Light.otf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "medium";
  src: url('../fonts/Montserrat-Medium.otf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "mb";
  src: url('../fonts/MontserratBold.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "thin";
  src: url('../fonts/MiSans-Thin.ttf');
  font-weight: normal;
  font-style: normal;
}
:root {
  --fs14: 14px;
  --fs16: 16px;
  --fs18: 18px;
  --fs20: 20px;
  --fs24: 0.24rem;
  --fs30: 0.3rem;
  --fs36: 0.36rem;
  --fs48: 0.48rem;
}
.light {
  font-family: "cn_light";
}
.pic {
  font-size: 0;
  overflow: hidden;
  display: block;
  width: 100%;
}
.pic img {
  width: 100%;
  display: block;
  transition: transform 0.8s ease;
  -webkit-transition: transform 0.8s ease;
  -moz-transition: transform 0.8s ease;
  -ms-transition: transform 0.8s ease;
  -o-transition: transform 0.8s ease;
}
.pic img.phone {
  display: none;
}
.phone-nav {
  display: none;
}
.links {
  font-size: 0;
}
.links a {
  position: relative;
  font-size: var(--fs14);
  padding-right: 0.1rem;
  margin-right: 0.1rem;
  display: inline-block;
  color: #666;
  vertical-align: top;
  line-height: 0.24rem;
  transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
}
.links a:hover {
  color: #1f4715;
}
.links a:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0.06rem;
  z-index: 1;
  width: 0.02rem;
  height: 0.12rem;
  background: #666;
}
.links a:last-child {
  margin-right: 0;
  padding-right: 0;
}
.links a:last-child:after {
  display: none;
}
.content,
.desc {
  text-align: justify;
}
.content,
.content div {
  font-size: var(--fs16);
}
.content {
  line-height: 0.36rem;
}
.content img,
.content input[type="image"] {
  max-width: 100%;
  height: auto!important;
  display: block;
  margin: 0 auto;
}
.swiper-box {
  position: relative;
}
.index .header-wrapper {
  background-color: transparent;
}
.index .header-wrapper.on,
.index .header-wrapper.active {
  background-color: #fbfff4;
}
.index .p_h {
  display: none;
}
.p_h {
  height: 1rem;
}
.header-wrapper {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 40;
  width: 100%;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  background-color: #fbfff4;
}
.header-wrapper.absolute {
  position: absolute;
}
.header-wrapper.shadow {
  box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
}
.header-wrapper .box-container {
  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 */
  align-items: center;
  height: 1rem;
}
.header-wrapper .logo-box {
  width: 14.19%;
}
.header-wrapper .logo-box a {
  display: block;
  width: 100%;
}
.header-wrapper .logo-box img {
  display: block;
  width: 100%;
}
.header-wrapper .search {
  cursor: pointer;
}
.header-wrapper .search svg {
  width: 26px;
  height: 26px;
}
.pc-nav-box {
  flex: 1;
  margin-right: 0.6rem;
}
.pc-nav-box ul {
  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 */
  justify-content: flex-end;
}
.pc-nav-box li {
  margin-right: 0.72rem;
}
.pc-nav-box li:last-child {
  margin-right: 0;
}
.pc-nav-box li:hover > a,
.pc-nav-box li.on > a {
  color: #1f4715;
}
.pc-nav-box li:hover > a:after,
.pc-nav-box li.on > a:after {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.pc-nav-box li:hover .nav {
  transform: scaleY(1);
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  opacity: 1;
}
.pc-nav-box li > a {
  line-height: 1rem;
  position: relative;
  z-index: 21;
  font-size: var(--fs16);
}
.pc-nav-box li > a:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #1f4715;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transition: transform 0.3s ease;
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
}
.pc-nav-box .nav {
  position: absolute;
  width: 100%;
  left: 0;
  top: 100%;
  z-index: 20;
  transform-origin: top;
  transition: transform 0.3s ease-out 0s, opacity 0.2s ease-out 0s;
  opacity: 0;
  transform: scaleY(0);
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  background-color: #fbfff4;
  padding-top: 0.32rem;
  padding-bottom: 0.62rem;
  margin-top: -1px;
  border-top: 1px solid #efefef;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.05);
}
.pc-nav-box .nav a {
  line-height: 0.3rem;
  font-family: "cn_light";
}
.pc-nav-box .nav a:hover {
  color: #1f4715;
}
.pc-nav-box .nav a:hover span {
  background-size: 100% 1px;
  background-position: 0 100%;
}
.pc-nav-box .nav span {
  background: url(../images/dot.jpg) no-repeat;
  background-size: 0 1px;
  background-position: 100% 100%;
  transition: background-size 0.7s ease;
}
.pc-nav-box a {
  display: block;
  transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
}
.footer-wrapper{
  width: 100%;
  box-sizing: border-box;
  background: #1f4715;
  padding: 0.4rem 0;
}
.footer{display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; box-sizing: border-box;}
.footer-home{width: 15%;}
.footer-home-tit{margin-bottom: 0.2rem; font-size: 0.18rem; color: #fff; line-height: 2;}
.footer-home a{display: block; color: #fff; font-size: 0.18rem; line-height: 2;}
.footer-about{width: 25%; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between;}

.footer-copy{width: 30%; display: flex; flex-direction: column; align-items: center;}
.footer-copy-tit{margin-bottom: 0.2rem; font-size: 0.18rem; color: #fff; line-height: 2;}
.footer-copy-icon{width: 0.48rem; height: 0.56rem;}
.footer-copy-icon img{width: 100%; height: 100%;}
.footer-copy-line{height: 1px; background: #fff; width: 100%; margin: 0.2rem auto;}
.footer-copy-txt{font-size: 0.16rem; color: #fff; line-height: 2;}

.share {
  width: 100%; box-sizing: border-box;
}
.share ul {
  font-size: 0;
}
.share ul li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-right: 0.2rem;
}
.share ul li:last-child {
  margin-right: 0;
}
.share ul li.on .hidebox {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}
.share ul li.on a img {
  display: none;
}
.share ul li.on a img.on {
  display: block;
}
.share ul li a {
  position: relative;
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
  border-radius: 50%;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}
.share ul li a img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  z-index: 10;
  border-radius: 50%;
}
.share ul li a img.on {
  display: none;
}
.share .hidebox {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 0.15rem);
  z-index: 1;
  margin-left: -0.6rem;
  width: 1.2rem;
  background-color: #fff;
  box-shadow: 0px 0px 46px 0px rgba(6, 0, 1, 0.16);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transform: translateY(10px);
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  text-align: center;
  padding-bottom: 0.08rem;
}
.share .hidebox img {
  display: block;
  width: 100%;
}
.share .hidebox p {
  font-size: 12px;
  color: #999;
  line-height: 20px;
}

.search-form {
  width: 100%;
  position: fixed;
  left: 0;
  top: 1rem;
  background: #fbfff4;
  z-index: 30;
  padding: 0.7rem 0;
  display: none;
  border-top: 1px solid #efefef;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.05);
  /* input placeholder  */
}
.search-form .w960 {
  position: relative;
  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 */
  width: 9.6rem;
  margin: 0 auto;
  align-items: center;
  border-bottom: 1px solid #efefef;
}
.search-form .keywords {
  flex: 1;
  overflow: hidden;
  line-height: 0.56rem;
  margin-left: 20px;
  font-size: 15px;
  color: #999;
}
.search-form ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #999;
  font-size: 15px;
}
.search-form :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999;
  font-size: 15px;
}
.search-form ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999;
  font-size: 15px;
}
.search-form :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999;
  font-size: 15px;
}
.search-form .close {
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 10;
  color: #999;
  margin-top: -0.15rem;
  width: 0.2rem;
  height: 0.2rem;
}
.search-form .close svg {
  fill: #999;
  transition: transform 0.3s ease;
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
}
.search-form .close:hover svg {
  fill: #1f4715;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.gotop {
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background-image: url(../images/top.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  position: fixed;
  bottom: 25%;
  right: 0.26rem;
  z-index: 30;
  display: none;
}
.swiper-btn {
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  z-index: 10;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.index-more {
  display: inline-block;
  color: #666;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  line-height: 0.24rem;
  font-family: "cn_light";
}
.index-more:hover,
.index-more.on {
  color: #1f4715;
}
.index-more:hover span:before,
.index-more.on span:before {
  left: -100%;
}
.index-more:hover span:after,
.index-more.on span:after {
  right: 0;
}
.index-more.white {
  color: #fff;
}
.index-more.white span:before {
  background-color: #fff;
}
.index-more.white span:after {
  background-color: #fff;
}
.index-more span {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.index-more span:before,
.index-more span:after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  z-index: 1;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.index-more span:before {
  background-color: #666;
  left: 0;
}
.index-more span:after {
  background-color: #1f4715;
  right: -100%;
}
.index-banner-wrapper:hover .swiper-btn {
  opacity: 1;
  visibility: visible;
}
.index-banner-wrapper:hover .prev {
  left: 0;
}
.index-banner-wrapper:hover .next {
  right: 0;
}
.index-banner-wrapper .index-banner-swiper .swiper-slide-active .info {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}
.index-banner-wrapper .index-banner-swiper .swiper-slide-active img {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.index-banner-wrapper .index-banner-swiper .info {
  opacity: 0;
  visibility: hidden;
  transform: translateY(120px);
  -webkit-transform: translateY(120px);
  -moz-transform: translateY(120px);
  -ms-transform: translateY(120px);
  -o-transform: translateY(120px);
  transition: all 1.5s ease;
  -webkit-transition: all 1.5s ease;
  -moz-transition: all 1.5s ease;
  -ms-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition-delay: 0.4s;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.index-banner-wrapper .swiper-slide {
  overflow: hidden;
}
.index-banner-wrapper .swiper-slide a {
  display: block;
}
.index-banner-wrapper .swiper-slide a > img,
.index-banner-wrapper .swiper-slide video {
  height: 100vh;
  object-fit: cover;
}
.index-banner-wrapper .swiper-slide video {
  display: block;
  width: 100%;
}
.index-banner-wrapper .swiper-slide a > img {
  display: block;
  width: 100%;
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transition: transform 1.5s ease;
  -webkit-transition: transform 1.5s ease;
  -moz-transition: transform 1.5s ease;
  -ms-transition: transform 1.5s ease;
  -o-transition: transform 1.5s ease;
}
.index-banner-wrapper .swiper-slide a > img.phone {
  display: none;
}
.index-banner-wrapper .video.swiper-slide-active .title span {
  opacity: 1;
  visibility: visible;
}
.index-banner-wrapper .video.swiper-slide-active .title span:first-child {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.index-banner-wrapper .video.swiper-slide-active .title span:not(first-child) {
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
}
.index-banner-wrapper .video.swiper-slide .info {
  opacity: 1;
  visibility: visible;
  transform: none;
  left: auto;
  right: calc((100% - 15.36rem) / 2);
}
.index-banner-wrapper .video > img {
  display: none;
  width: 100%;
}
.index-banner-wrapper .video .title {
  font-family: "thin";
  color: #000;
}
.index-banner-wrapper .video .title span {
  display: inline-block;
  opacity: 0;
  visibility: hidden;
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  margin-right: 0.2rem;
}
.index-banner-wrapper .video .title span:last-child {
  margin-right: 0;
}
.index-banner-wrapper .video .title span:first-child {
  margin-right: 0.6rem;
  transform: scale(5);
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transition-delay: 0.2s;
}
.index-banner-wrapper .video .title span:not(first-child) {
  transform: translateX(2rem);
  -webkit-transform: translateX(2rem);
  -moz-transform: translateX(2rem);
  -ms-transform: translateX(2rem);
  -o-transform: translateX(2rem);
}
.index-banner-wrapper .info {
  position: absolute;
  left: calc((100% - 15.36rem) / 2);
  top: 0;
  z-index: 10;
  width: 40%;
  height: 100%;
  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 */
  align-items: center;
}
.index-banner-wrapper .inner {
  width: 100%;
  text-align: center;
}
.index-banner-wrapper .title {
  font-size: var(--fs48);
  letter-spacing: 2px;
  color: #010101;
  line-height: 0.72rem;
  margin-bottom: 0.14rem;
}
.index-banner-wrapper .brief {
  display: inline-block;
  background-color: #1f4715;
  font-size: var(--fs20);
  color: #fff;
  font-family: "cn_light";
  padding: 0 8px;
  line-height: 28px;
  width: auto;
}
.index-banner-wrapper .info2 .brief {
  font-family: "cn_light";
  line-height: 32px;
  font-size: var(--fs24);
  margin-bottom: 0.1rem;
}
.index-banner-wrapper .info2 .title {
  margin-bottom: 0;
  font-size: var(--fs36);
}
.index-banner-wrapper .swiper-btn {
  width: 1.5rem;
  height: 100%;
  transition: all 0.8s ease;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  opacity: 0;
  visibility: hidden;
  top: 0;
  transform: none;
}
.index-banner-wrapper .swiper-btn:before {
  content: "";
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.06);
  position: absolute;
  left: 50%;
  margin-left: -0.24rem;
  top: 50%;
  margin-top: -0.24rem;
  z-index: 10;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.index-banner-wrapper .swiper-btn:hover:before {
  background-color: #1f4715;
}
.index-banner-wrapper .prev {
  left: -1rem;
}
.index-banner-wrapper .prev:before {
  background-image: url(../images/prev3.png);
}
.index-banner-wrapper .next {
  right: -1rem;
}
.index-banner-wrapper .next:before {
  background-image: url(../images/next3.png);
}
.index-title {
  font-size: var(--fs36);
  color: #222;
  line-height: 0.48rem;
  /* text-align: center; */
  margin-bottom: 0.24rem;
}
.index-title.white {
  color: #fff;
}
.video-box {
  position: relative;
  overflow: hidden;
}
.video-box .pic:hover img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.video-box .pic:hover .play:after {
  animation-play-state: paused;
}
.video-box .play {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -0.4rem;
  margin-top: -0.4rem;
  width: 0.8rem;
  height: 0.8rem;
  cursor: pointer;
  background-image: url(../img/play.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 0.14rem;
}
.video-box .play:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  box-sizing: border-box;
  background: url(../img/circle.png) no-repeat center center;
  animation: iconRotate 4s linear infinite;
  background-size: contain;
}
.video-box video {
  width: 100%;
}
.video-modal {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 40;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: none;
  background-color: rgba(0, 0, 0, 0.85);
}
.video-modal .box {
  width: 9.6rem;
  margin: 0 auto;
  height: 100%;
  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 */
  align-items: center;
}
.video-modal video {
  display: block;
  width: 100%;
}
.video-modal .close {
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
  position: absolute;
  right: 0.4rem;
  top: 0.4rem;
  z-index: 1;
}
.video-modal .close svg {
  fill: #fff;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.video-modal .close:hover svg {
  transform: rotate(-90deg);
}

.index-box-1 {
  width: 100%;
  position: relative;
  padding: 2rem 0;
  background: #fbfff4;
}

.index-star-wrapper{
  position: absolute; left: 10%; top: -0.6rem;
  width: 90%;
  /* background: red; */
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  padding: 0 0.6rem;
}
.index-star-wrapper:hover .swiper-btn {
  opacity: 1;
  visibility: visible;
}
.index-star-wrapper:hover .prev {
  left: 0;
}
.index-star-wrapper:hover .next {
  right: 0;
}

.index-star-wrapper .swiper-btn {
  width: 0.6rem;
  height: 100%;
  transition: all 0.8s ease;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  opacity: 1;
  visibility: visible;
  top: 0;
  transform: none;
}
.index-star-wrapper .swiper-btn:before {
  content: "";
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  left: 50%;
  margin-left: -0.24rem;
  top: 50%;
  margin-top: -0.24rem;
  z-index: 10;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.index-star-wrapper .swiper-btn:hover:before {
  background-color: #1f4715;
}
.index-star-wrapper .prev {
  left: 0rem;
}
.index-star-wrapper .prev:before {
  background-image: url(../images/prev3.png);
}
.index-star-wrapper .next {
  right: 0rem;
}
.index-star-wrapper .next:before {
  background-image: url(../images/next3.png);
}
.index-star-swiper{
  width: 100%;
  overflow: hidden;
}
.index-star-pic{
  height: 4.5rem;
  box-sizing: border-box;
  padding: 0.6rem 0.2rem;
  background: #f1f5e9;
  margin-bottom: 0.15rem;
}
.index-star-pic img{
  max-width: 100%;
  max-height: 100%;
}
.index-star-pic a{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.index-star-swiper .swiper-slide:hover .index-star-pic img{
  transform: scale(1.05);
  transition: 0.5s;
}
.index-star-tit{
  font-size: 0.2rem;
  font-family: "HarmonyOS Sans SC";
  padding-bottom: 0.1rem;
  border-bottom: 1px solid #000;
}
.index-star-tit a{
  font-size: 0.2rem;
  }
.index-box-2 {
  background: url(../images/index-box-2.jpg) no-repeat center;
}
.index-box-2-txt{
  width: 50%;
  font-size: 0.22rem;
  line-height: 1.8;
  margin-bottom: 0.2rem;
}
.index-box-2-more{
  width: 1.56rem;
  height: 0.42rem;
  line-height: 0.42rem;
  text-align:center;
  border-radius: 0.1rem;
  font-size: 0.25rem;
  border: 1px solid #1f4715;
}
.index-box-2-more a{
  display: block;
  font-size:0.24rem;
  line-height: 0.42rem;
  font-family:"HarmonyOS_Sans_SC_Light";
}


.index-box-3 {
  background: url(../images/index-box-3.jpg) no-repeat center;
}
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
@keyframes translateX-hover-1 {
  0% {
    transform: translateX(0%);
    transform-origin: 100% 0%;
  }
  100% {
    transform: translateX(-100%);
    transform-origin: 100% 0%;
  }
}
@keyframes translateX-hover-2 {
  0% {
    transform: translateX(100%);
    transform-origin: 0% 0%;
  }
  100% {
    transform: translateX(0%);
    transform-origin: 0% 0%;
  }
}
@keyframes iconRotate {
  100% {
    transform: rotate(1turn);
    -webkit-transform: rotate(1turn);
    -moz-transform: rotate(1turn);
    -ms-transform: rotate(1turn);
    -o-transform: rotate(1turn);
  }
}
@keyframes circleAnimate {
  100% {
    transform: rotate(1turn);
  }
}
@keyframes iconScale2 {
  from {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(1.9);
    -webkit-transform: scale(1.9);
    -moz-transform: scale(1.9);
    -ms-transform: scale(1.9);
    -o-transform: scale(1.9);
    opacity: 0;
  }
}


#Multilingual{width: 0.5rem; height: 0.5rem; background: url(../images/Multilingual.png) no-repeat center; margin-right: 0.2rem;}
#Multilingual:hover{cursor: pointer;}


#Multilingual-box{width: 0; position: absolute; right: 10%; top: 1rem; z-index: 99999; transition: all 0.3s; overflow: hidden;}
#Multilingual-close{width: 0.4rem; height: 0.5rem; box-sizing: border-box; float: left;  background:  url(../images/close.png) no-repeat center; cursor: pointer; background-size: 70%;}
#Multilingual-content{width: 1.5rem; float: right; background: #fff; box-sizing: border-box; text-align: center;}
#Multilingual-content-li{line-height: 0.5rem; box-sizing: border-box;}
#Multilingual-content-li a{display: block;}

@media screen and (max-width:576px){

  #Multilingual{position: absolute; right: 13%; top: 30%; width: 0.5rem; height: 0.5rem; background: url(../images/Multilingual.png) no-repeat center;
     margin-right: 0.2rem; background-size: 80%;}
  #Multilingual:hover{cursor: pointer;}
  
  
  #Multilingual-box{width: 0; position: absolute; right: 10%; top: 1.2rem; z-index: 99999; transition: all 0.3s; overflow: hidden;}
  #Multilingual-close{width: 0.4rem; height: 0.5rem; box-sizing: border-box; float: left;  background:  url(../images/close.png) no-repeat center; cursor: pointer; background-size: 70%;}
  #Multilingual-content{width: 1.5rem; float: right; background: #fff; box-sizing: border-box; text-align: center;}
  #Multilingual-content-li{line-height: 0.5rem; box-sizing: border-box;}
  #Multilingual-content-li a{display: block;}
  

}

/*产品中心*/

.responsive-ban{width: 100%; position: relative;}
.responsive-ban img{vertical-align: middle; max-width: 100%;}
.pc-ban{display: block;}
.mobile-ban{display: none;}
.responsive-banner-info{position: absolute; right: 10%; margin: 0 auto; top: 40%;
font-family: "HarmonyOS Sans SC";  text-align: right;  width: 4.35rem;}
.responsive-banner-tit{ font-size: 0.6rem; color: #333; text-align: right; font-family: "HarmonyOS Sans SC";
margin-bottom: 0.3rem;}
.responsive-banner-txt{font-size: 0.25rem; line-height: 1.8;}

.product{width: 100%; box-sizing: border-box; display: flex; background: #f1f5e9;}
.product-nav{width: 20%; box-sizing: border-box; padding: 1.5rem 0.6rem; }
.product-nav ul li a{font-size: 0.2rem; line-height: 2.8; font-family: 'HarmonyOS Sans SC'; }
.product-content{width: 80%;}
.product-top{display: flex; flex-wrap: wrap; justify-content: space-between;}
.product-top-info{padding: 1.5rem 0 2.5rem; padding-left: 1rem; width: 48%; 
display: flex; flex-direction: column; justify-content: space-between;} 
.product-top-tit{font-size: 0.25rem; color: #282828;}
.product-top-tit span{font-size: 0.45rem; }
.product-top-txt{font-size: 0.2rem;  border-bottom: 1px solid #282828; padding-bottom: 0.5rem;}
.product-top-pic{width: 48%;}
.product-top-pic img{vertical-align: middle;}

.product-wrapper{width:100%;overflow:hidden;position:relative;box-sizing:border-box;padding:2rem 0.6rem; background: #fbfff4;}
.product-wrapper:hover .swiper-btn{opacity:1;visibility:visible}
.product-wrapper:hover .prev{left:0}
.product-wrapper:hover .next{right:0}
.product-wrapper .swiper-btn{width:.6rem;height:100%;transition:all .8s ease;-webkit-transition:all .8s ease;-moz-transition:all .8s ease;-ms-transition:all .8s ease;-o-transition:all .8s ease;opacity:0;visibility:hidden;top:0;transform:none}
.product-wrapper .swiper-btn:before{content:"";width:.48rem;height:.48rem;border-radius:50%;background-color:rgba(0,0,0,.06);position:absolute;left:50%;margin-left:-.24rem;top:50%;margin-top:-.24rem;z-index:10;background-size:contain;background-repeat:no-repeat;background-position:center center}
.product-wrapper .swiper-btn:hover:before{background-color:#1f4715}
.product-wrapper .prev{left:0}
.product-wrapper .prev:before{background-image:url(../images/prev3.png)}
.product-wrapper .next{right:0}
.product-wrapper .next:before{background-image:url(../images/next3.png)}
.product-swiper{width:100%;overflow:hidden}
.product-swiper .swiper-slide{}
.product-swiper .swiper-slide:nth-child(4n){}
.product-pic{height:4.5rem;box-sizing:border-box;padding:.6rem .2rem;background:#f1f5e9;margin-bottom:.15rem}
.product-pic img{max-width:100%;max-height:100%}
.product-pic a{width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.product-swiper .swiper-slide:hover .product-pic img{transform:scale(1.05);transition:.5s}
.product-tit{font-size:.2rem;font-family:"HarmonyOS Sans SC";padding-bottom:.1rem;border-bottom:1px solid #000;
 white-space: nowrap; /* 防止文本换行 */
  overflow: hidden; /* 隐藏溢出部分 */
  text-overflow: ellipsis; /* 显示省略号 */
  }
.product-tit a{font-size:.2rem}



@media screen and (max-width:576px){

  .responsive-ban{position: relative; width: 100%;}
  .pc-ban{display: none;}
  .mobile-ban{display: block;}
  .responsive-banner-info{position: absolute; right: 10%; margin: 0 auto; top: 30%;
  font-family: "HarmonyOS Sans SC";  text-align: right; width: 40%;}
  .responsive-banner-tit{ font-size: 0.6rem; color: #333; text-align: right; font-family: "HarmonyOS Sans SC";
  margin-bottom: 0.3rem;}
  .responsive-banner-txt{font-size: 0.25rem; line-height: 1.8;}

  
.product{width: 100%; box-sizing: border-box; display: flex; flex-wrap: wrap; background: #f1f5e9;}
.product-nav{width: 100%; box-sizing: border-box; padding: 0.5rem 0.6rem; }
.product-nav ul li a{font-size: 0.25rem; line-height: 2.8; font-family: 'HarmonyOS Sans SC'; }
.product-content{width: 100%;}
.product-top{display: flex; flex-wrap: wrap; justify-content: space-between;}
.product-top-info{padding: 0.8rem .5rem; width: 100%; 
display: flex; flex-direction: column; justify-content: space-between;} 
.product-top-tit{font-size: 0.25rem; color: #282828; margin-bottom: 0.3rem;}
.product-top-tit span{font-size: 0.45rem; }
.product-top-txt{font-size: 0.22rem;  border-bottom: 1px solid #282828; padding-bottom: 0.5rem;}
.product-top-pic{width: 100%;}
.product-top-pic img{vertical-align: middle;}

.product-wrapper{width:100%;overflow:hidden;position:relative;box-sizing:border-box;padding:1rem 0.8rem; background: #fbfff4;}
.product-wrapper:hover .swiper-btn{opacity:1;visibility:visible}
.product-wrapper:hover .prev{left:0}
.product-wrapper:hover .next{right:0}
.product-wrapper .swiper-btn{width:.6rem;height:100%;transition:all .8s ease;-webkit-transition:all .8s ease;
  -moz-transition:all .8s ease;-ms-transition:all .8s ease;-o-transition:all .8s ease;opacity:1;visibility:visible;top:0;transform:none}
.product-wrapper .swiper-btn:before{content:"";width:.48rem;height:.48rem;border-radius:50%;background-color:rgba(0,0,0,.3);
  position:absolute;left:50%;margin-left:-.24rem;top:50%;margin-top:-.24rem;z-index:10;background-size:contain;
  background-repeat:no-repeat;background-position:center center}
.product-wrapper .swiper-btn:hover:before{background-color:#1f4715}
.product-wrapper .prev{left:0}
.product-wrapper .prev:before{background-image:url(../images/prev3.png)}
.product-wrapper .next{right:0}
.product-wrapper .next:before{background-image:url(../images/next3.png)}
.product-swiper{width:100%;overflow:hidden}
.product-pic{height:4.5rem;box-sizing:border-box;padding:.6rem .2rem;background:#f1f5e9;margin-bottom:.15rem}
.product-pic img{max-width:100%;max-height:100%}
.product-pic a{width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.product-swiper .swiper-slide:hover .product-pic img{transform:scale(1.05);transition:.5s}
.product-tit{font-size:.22rem;font-family:"HarmonyOS Sans SC";padding-bottom:.1rem;border-bottom:1px solid #000}
.product-tit a{font-size:.22rem}

}


/*产品中心*/


/*单品详情*/
.single{width: 100%; background: #f1f5e9; padding: 2rem 0;}
.single-content{display: flex; flex-wrap: wrap; justify-content: space-between;}
.single-pic{width: 45%; display: flex; align-items: center; justify-content: center;}
.single-pic img{max-width: 100%; max-height: 100%;}
.single-pic:hover img{transform: scale(1.1); transition: 0.5s; }
.single-info{width: 45%;}
.single-info-tit{font-size: 0.28rem;  color: #282828; margin-bottom: 0.1rem;}
.single-info-etit{font-size: 0.16rem;  color: #9b9b9b;}
.single-info-line{width: 100%; height: 2px; background: #1f4715; margin: 0.2rem auto;}
.single-info-price{font-size: 0.28rem;  color: #282828; margin-bottom: 0.5rem;}
.single-info-list{margin-bottom: 0.3rem; border-bottom: 1px solid #1f4715;}
.single-info-list-tit{font-size: 0.2rem;  color: #282828;}
.single-info-list-txt{font-size: 0.18rem;  color: #282828; margin: 0.1rem 0; line-height: 1.8;}
.single-purchase{font-size: 0.2rem; color: #1f4715; border: 1px solid #1f4715; border-radius: 0.2rem;
width: fit-content; padding: 0 0.2rem; line-height: 0.4rem;}
.single-purchase a{font-size: 0.2rem; color: #1f4715; display: block;}


@media screen and (max-width:576px){

  .single{background: #f1f5e9; padding: 1.5rem 0;}
  .single-content{display: flex; flex-wrap: wrap; justify-content: space-between;}
  .single-pic{width: 100%; display: flex; align-items: center; justify-content: center; padding: 0 15%;}
  .single-pic img{max-width: 100%; max-height: 100%;}
  .single-pic:hover img{transform: scale(1.1); transition: 0.5s; }
  .single-info{width: 100%;}
  .single-info-tit{font-size: 0.32rem;  color: #282828; margin-bottom: 0.1rem;}
  .single-info-etit{font-size: 0.2rem;  color: #9b9b9b;}
  .single-info-line{width: 100%; height: 2px; background: #1f4715; margin: 0.2rem auto;}
  .single-info-price{font-size: 0.32rem;  color: #282828; margin-bottom: 0.5rem;}
  .single-info-list{margin-bottom: 0.3rem; border-bottom: 1px solid #1f4715;}
  .single-info-list-tit{font-size: 0.25rem;  color: #282828;}
  .single-info-list-txt{font-size: 0.22rem;  color: #282828; margin: 0.1rem 0; line-height: 1.8;}
  .single-purchase{font-size: 0.3rem; color: #1f4715; border: 1px solid #1f4715; border-radius: 0.2rem;
  width: fit-content; padding: 0 0.2rem; line-height: 0.6rem;}
  .single-purchase a{font-size: 0.3rem; color: #1f4715; display: block;}
  

}
/*单品详情*/


/*关于泊美*/

.about-brand{display: flex; flex-wrap: wrap; width: 100%;}
.about-brand-info{width: 61.25%; background: url(../images/about-brand1.jpg) no-repeat center; padding: 2rem;}
.about-brand-info-tit{font-size: 0.5rem; margin-bottom: 0.5rem;}
.about-brand-info-txt{font-size: 0.23rem; line-height: 2;}
.about-brand-pic{width: 38.75%;}
.about-advocate{}
.about-advocate-pic{position: relative;}
.about-advocate-info{position: absolute; right: 10%; top: 22%; width: 36%; text-align: right;}
.about-advocate-info-tit{font-size: 0.45rem; margin-bottom: 1rem;}
.about-advocate-info-slogan{font-size: 0.5rem; font-family: "HarmonyOS Sans SC"; margin-bottom: 0.3rem; color: #1f4715;}
.about-advocate-info-txt{font-size: 0.23rem; line-height: 1.8; color: #282828;}

.about-positioning{background: #f1f5e9; padding: 2rem 0 1rem;}
.about-positioning-content{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.about-positioning-infomation{width: 50%;}
.about-positioning-infomation-tit{font-size: 0.45rem; margin-bottom: 1rem;}
.about-positioning-infomation-slogan{font-size: 0.5rem; font-family: "HarmonyOS Sans SC"; margin-bottom: 0.3rem; color: #1f4715;}
.about-positioning-infomation-txt{font-size: 0.23rem; line-height: 1.8; color: #282828;}

.about-positioning-list{width: 30%;}
.about-positioning-li{width: 100%; display: flex; margin-bottom: 0.2rem;}
.about-positioning-li-info{width: 80%; border-bottom: 1px solid #1f4715; letter-spacing: 0.02rem;}
.about-positioning-li-info-tit{font-size: 0.25rem; color: #1f4715; margin-bottom: 0.1rem;}
.about-positioning-li-info-txt{font-size: 0.2rem; color: #282828;}
.about-positioning-li-pic{width: 20%;}

.about-develop{background: url(../images/about-develop-bg.jpg) center; width: 100%; padding: 1.5rem 0;}
.about-develop-tit{font-size: 0.5rem; margin-bottom: 0.5rem; text-align:right; font-family:"HarmonyOS_Sans_SC_Light"; margin-bottom:0.8rem;}
.about-develop-map{}

.about-develop .list3-miantab{position:relative}
.about-develop .list3-miantab .list3-sipwer-mian{position:relative;width:85%;margin:0 auto;overflow:hidden;padding-top:.75rem}
.about-develop .list3-miantab .swiper-slide{transition:all .3s}
.about-develop .list3-miantab .swiper-slide .list-divcon{padding-left:0.5rem;background-repeat:no-repeat; background-size: 0.15rem;
  background-position:left top;background-image:url(../images/list-yuan1.png);text-align:left}
.about-develop .list3-miantab .active{transform:translateY(-.5rem)}
.about-develop .list3-miantab .active .list-divcon{background-image:url(../images/list-yuan2.png)}
.about-develop .list3-miantab .swiper-slide .list-divcon .year{font-size:.22rem;color:#666;line-height:1.8}
.about-develop .list3-miantab .swiper-slide .list-divcon .biao-name{font-size:.2rem;color:#666;line-height:1.8;}
.about-develop .list3-miantab .active .list-divcon .year{color:#e60012}
.about-develop .list3-miantab .active .list-divcon .biao-name{color:#e60012}
.about-develop .list3-miantab .swiper-slide .list-divcon .dan-list{font-size:.18rem;color:#666;line-height:1.8;
  overflow:hidden}
.about-develop .list3-miantab .list3-next,.about-develop .list3-miantab .list3-prev{position:absolute;top:50%;
  transform:translateY(-50%);width:.45rem;height:.8rem;background-repeat:no-repeat;
  background-position:center;opacity:.5;transition:all .3s}
.about-develop .list3-miantab .list3-prev{left:0;background-image:url(../images/list3-prev.png)}
.about-develop .list3-miantab .list3-next{right:0;background-image:url(../images/list3-next.png)}
.about-develop .list3-miantab .list3-prev:hover{opacity: 1; background-image:url(../images/list3-prev1.png);}
.about-develop .list3-miantab .list3-next:hover{opacity: 1; background-image:url(../images/list3-next1.png);}
.swiper-button-disabled{ display:none;}


.about-honor-box{background:#fbfff4;}
.about-honor{padding: 1.5rem 0 1rem;}
.about-honor-btit{font-size: 0.5rem; margin-bottom: 0.5rem;}
.about-honor-wrapper{width:100%;overflow:hidden;position:relative;box-sizing:border-box;padding:0 0.6rem;}
.about-honor-wrapper:hover .swiper-btn{opacity:1;visibility:visible}
.about-honor-wrapper:hover .prev{left:0}
.about-honor-wrapper:hover .next{right:0}
.about-honor-wrapper .swiper-btn{width:.6rem;height:100%;transition:all .8s ease;-webkit-transition:all .8s ease;-moz-transition:all .8s ease;-ms-transition:all .8s ease;-o-transition:all .8s ease;opacity:0;visibility:hidden;top:0;transform:none}
.about-honor-wrapper .swiper-btn:before{content:"";width:.48rem;height:.48rem;border-radius:50%;background-color:rgba(0,0,0,.06);position:absolute;left:50%;margin-left:-.24rem;top:50%;margin-top:-.24rem;z-index:10;background-size:contain;background-repeat:no-repeat;background-position:center center}
.about-honor-wrapper .swiper-btn:hover:before{background-color:#1f4715}
.about-honor-wrapper .prev{left:0}
.about-honor-wrapper .prev:before{background-image:url(../images/prev3.png)}
.about-honor-wrapper .next{right:0}
.about-honor-wrapper .next:before{background-image:url(../images/next3.png)}
.about-honor-swiper{width:100%;overflow:hidden}
.about-honor-pic{height:4.5rem;box-sizing:border-box;padding:.6rem .2rem;background:#eff1ea;margin-bottom:.2rem}
.about-honor-pic img{max-width:100%;max-height:100%}
.about-honor-pic a{width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.about-honor-swiper .swiper-slide:hover .about-honor-pic img{transform:scale(1.05);transition:.5s}
.about-honor-time{font-size:.2rem;font-family:"HarmonyOS Sans SC";padding-bottom:.1rem;}
.about-honor-time a{font-size:.2rem}
.about-honor-tit{font-size:.2rem;font-family:"HarmonyOS Sans SC";padding-bottom:.1rem;}
.about-honor-tit a{font-size:.2rem}

@media screen and (max-width:576px){

  
.about-brand{display: flex; flex-wrap: wrap; width: 100%;}
.about-brand-info{width: 100%; background: url(../images/about-brand1.jpg) no-repeat center; padding: 0.5rem;}
.about-brand-info-tit{font-size: 0.5rem; margin-bottom: 0.5rem;}
.about-brand-info-txt{font-size: 0.23rem; line-height: 2;}
.about-brand-pic{width: 100%;}
.about-advocate{}
.about-advocate-pic{position: relative;}
.about-advocate-info{position: static; right: 0%; top: 0%; width: 100%; text-align: left; padding: 0.5rem;}
.about-advocate-info-tit{font-size: 0.4rem; margin-bottom: 0.3rem;}
.about-advocate-info-slogan{font-size: 0.45rem; font-family: "HarmonyOS Sans SC"; margin-bottom: 0.3rem; color: #1f4715;}
.about-advocate-info-txt{font-size: 0.25rem; line-height: 1.8; color: #282828;}

.about-positioning{background: #f1f5e9; padding: 0.5rem 0.2rem;}
.about-positioning-content{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.about-positioning-infomation{width: 100%; margin-bottom: 0.5rem;}
.about-positioning-infomation-tit{font-size: 0.4rem; margin-bottom: 0.3rem;}
.about-positioning-infomation-slogan{font-size: 0.45rem; font-family: "HarmonyOS Sans SC"; margin-bottom: 0.3rem; color: #1f4715;}
.about-positioning-infomation-txt{font-size: 0.25rem; line-height: 1.8; color: #282828;}

.about-positioning-list{width: 100%;}
.about-positioning-li{width: 100%; display: flex; margin-bottom: 0.2rem;}
.about-positioning-li-info{width: 70%; border-bottom: 1px solid #1f4715; letter-spacing: 0.02rem;}
.about-positioning-li-info-tit{font-size: 0.3rem; color: #1f4715; margin-bottom: 0.1rem;}
.about-positioning-li-info-txt{font-size: 0.25rem; color: #282828;}
.about-positioning-li-pic{width: 30%;}


.about-develop{background: url(../images/about-develop-bg.jpg) center; width: 100%; padding: .5rem 0;}
.about-develop-tit{font-size: 0.5rem; margin-bottom: 0.5rem;}

.about-develop .list3-miantab{position:relative}
.about-develop .list3-miantab .list3-sipwer-mian{position:relative;width:85%;margin:0 auto;overflow:hidden;padding-top:.75rem}
.about-develop .list3-miantab .swiper-slide{transition:all .3s}
.about-develop .list3-miantab .swiper-slide .list-divcon{padding-left:0.5rem;background-repeat:no-repeat; background-size: 0.15rem;
  background-position:left top;background-image:url(../images/list-yuan1.png);text-align:left}
.about-develop .list3-miantab .active{transform:translateY(-.5rem)}
.about-develop .list3-miantab .active .list-divcon{background-image:url(../images/list-yuan2.png)}
.about-develop .list3-miantab .swiper-slide .list-divcon .year{font-size:.28rem;color:#666;line-height:1.8}
.about-develop .list3-miantab .swiper-slide .list-divcon .biao-name{font-size:.2rem;color:#666;line-height:1.8;}
.about-develop .list3-miantab .active .list-divcon .year{color:#e60012}
.about-develop .list3-miantab .active .list-divcon .biao-name{color:#e60012}
.about-develop .list3-miantab .swiper-slide .list-divcon .dan-list{font-size:.22rem;color:#666;line-height:1.8;
  overflow:hidden}
.about-develop .list3-miantab .list3-next,.about-develop .list3-miantab .list3-prev{position:absolute;top:50%;
  transform:translateY(-50%);width:.45rem;height:.8rem;background-repeat:no-repeat; background-size: 0.25rem;
  background-position:center;opacity:.5;transition:all .3s}
.about-develop .list3-miantab .list3-prev{left:0;background-image:url(../images/list3-prev.png)}
.about-develop .list3-miantab .list3-next{right:0;background-image:url(../images/list3-next.png)}
.about-develop .list3-miantab .list3-prev:hover{opacity: 1; background-image:url(../images/list3-prev1.png);}
.about-develop .list3-miantab .list3-next:hover{opacity: 1; background-image:url(../images/list3-next1.png);}
.swiper-button-disabled{ display:none;}


.about-honor{padding: 1rem 0 ;}
.about-honor-btit{font-size: 0.5rem; margin-bottom: 0.5rem;}
.about-honor-wrapper{width:100%;overflow:hidden;position:relative;box-sizing:border-box;padding:0 0.6rem;}
.about-honor-wrapper:hover .swiper-btn{opacity:1;visibility:visible}
.about-honor-wrapper:hover .prev{left:0}
.about-honor-wrapper:hover .next{right:0}
.about-honor-wrapper .swiper-btn{width:.6rem;height:100%;transition:all .8s ease;-webkit-transition:all .8s ease;
  -moz-transition:all .8s ease;-ms-transition:all .8s ease;-o-transition:all .8s ease;opacity:1;visibility:visible;
  top:0;transform:none}
.about-honor-wrapper .swiper-btn:before{content:"";width:.48rem;height:.48rem;border-radius:50%;background-color:rgba(0,0,0,.3);
  position:absolute;left:50%;margin-left:-.24rem;top:50%;margin-top:-.24rem;z-index:10;background-size:contain;
  background-repeat:no-repeat;background-position:center center}
.about-honor-wrapper .swiper-btn:hover:before{background-color:#1f4715}
.about-honor-wrapper .prev{left:0}
.about-honor-wrapper .prev:before{background-image:url(../images/prev3.png)}
.about-honor-wrapper .next{right:0}
.about-honor-wrapper .next:before{background-image:url(../images/next3.png)}
.about-honor-swiper{width:100%;overflow:hidden}
.about-honor-pic{height:4.5rem;box-sizing:border-box;padding:.6rem .2rem;background:#eff1ea;margin-bottom:.2rem}
.about-honor-pic img{max-width:100%;max-height:100%}
.about-honor-pic a{width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.about-honor-swiper .swiper-slide:hover .about-honor-pic img{transform:scale(1.05);transition:.5s}
.about-honor-time{font-size:.25rem;font-family:"HarmonyOS Sans SC";padding-bottom:.1rem;}
.about-honor-time a{font-size:.25rem}
.about-honor-tit{font-size:.25rem;font-family:"HarmonyOS Sans SC";padding-bottom:.1rem;}
.about-honor-tit a{font-size:.25rem}


}


/*关于泊美*/


/*品牌资讯*/

.news-banner-info{position: absolute; left: 10%; margin: 0 auto; top: 40%;
  font-family: "HarmonyOS Sans SC"; width: 42%;}
.news-banner-tit{ font-size: 0.6rem; color: #333; font-family: "HarmonyOS Sans SC";
  margin-bottom: 0.3rem;}
.news-banner-txt{font-size: 0.25rem; line-height: 1.8;}

.news{padding: 1rem 0;}
.news-li{display: flex; width: 100%; flex-wrap: wrap; margin-bottom: 1rem;}
.news-li-num{width: 12%;}
.news-li-pic{width: 20%; margin-right: 18%;}
.news-li-info{width: 50%; text-align: right;}
.news-li-info-time{font-size: 0.14rem; color: #9b9b9b;}
.news-li-info-line{height: 1px; width: 100%; background: #000; margin: 0.2rem 0;}
.news-li-info-tit{font-size: 0.3rem; color: #282828; margin-bottom: 0.3rem;}
.news-li-info-more{font-size: 0.25rem; color: #282828;}
.news-li-info-more a{font-size: 0.22rem; color: #282828;}



@media screen and (max-width:576px){

  .news-banner-info{position: absolute; left: 10%; margin: 0 auto; top: 30%;
    font-family: "HarmonyOS Sans SC"; width: 80%;}
  .news-banner-tit{ font-size: 0.5rem; color: #333; font-family: "HarmonyOS Sans SC";
    margin-bottom: 0.3rem;}
  .news-banner-txt{font-size: 0.25rem; line-height: 1.8;}
  

.news{padding: 1rem 0;}
.news-li{display: flex; width: 100%; flex-wrap: wrap; margin-bottom: 1rem;}
.news-li-num{width: 12%;}
.news-li-pic{width: 40%; margin-right: 8%;}
.news-li-info{width: 100%; text-align: right; margin-top: 0.3rem;}
.news-li-info-time{font-size: 0.22rem; color: #9b9b9b;}
.news-li-info-line{height: 1px; width: 100%; background: #000; margin: 0.2rem 0;}
.news-li-info-tit{font-size: 0.3rem; color: #282828; margin-bottom: 0.3rem;}
.news-li-info-more{font-size: 0.28rem; color: #282828;}
.news-li-info-more a{font-size: 0.25rem; color: #282828;}
.news-li-info-more img{transform: scale(0.8);}


}

/*品牌资讯*/

/*品牌资讯--新闻稿*/
.newsview{background: #f1f5e9; padding: 2.5rem 0 1.5rem; width: 100%;}
.newsview-tit{font-size: 0.5rem; color: #282828; text-align: center; line-height: 1.5; padding: 0 2rem;}
.newsview-line{height: 1px; width: 100%; background: #000; margin: 0.2rem 0;}
.newsview-txt{font-size: 0.2rem; line-height: 1.8; padding-top: 1rem;} 
.newsview-txt img{max-width: 100%;}

@media screen and (max-width:576px){


  .newsview{background: #f1f5e9; padding: 2rem 0 1.5rem; width: 100%;}
  .newsview-tit{font-size: 0.45rem; color: #282828; text-align: center; line-height: 1.5; padding: 0 0.3rem;}
  .newsview-line{height: 1px; width: 100%; background: #000; margin: 0.2rem 0;}
  .newsview-txt{font-size: 0.25rem; line-height: 1.8; padding-top: 0.5rem;} 
  .newsview-txt img{max-width: 100%;}
  
}


/*品牌资讯--新闻稿*/


/*产品验真页*/
.verification{width: 100%; display: flex;}
.verification-info{width: 40%; padding: 2rem 1.5rem 0 2rem;}
.verification-info-tit{font-size: 0.3rem; color: #1f4715; margin-bottom: 0.1rem;}
.verification-info-txt{font-size: 0.14rem; color: #282828;}
.verification-info-inp{width: 100%; display: flex; align-items: center; margin: 0.5rem 0; font-size: 0.23rem; color: #282828;}
.verification-info-inp input{width: 2.7rem; height: 0.4rem; line-height: 0.4rem; border: 1px solid #1f4715;
 border-radius: 0.1rem; padding: 0 0.1rem; font-size: 0.18rem; margin-left: 0.2rem;}
.verification-pic{width: 60%;}
.verification-info-btn{background: #1f4715; width: fit-content; line-height: 0.4rem;
border-radius: 0.2rem;}
.verification-info-btn a{font-size: 0.18rem; color: #fff; display: block; padding: 0 0.2rem;}

.verification-security{padding-top: 1rem;}
.verification-security-li{display: flex; width: 100%; margin-bottom: 0.25rem;}
.verification-security-li-icon{width: 8%; margin-right: 3%;}
.verification-security-li-info{width: 80%; border-bottom: 2px dashed #dedede;}
.verification-security-li-info-tit{font-size: 0.18rem; color: #282828;}
.verification-security-li-info-txt{font-size: 0.14rem; color: #5c5c5c; margin: 0.1rem 0;}

@media screen and (max-width:576px){

  .verification{width: 100%; display: flex; flex-wrap: wrap;}
  .verification-info{width: 100%; padding: 1.5rem .5rem 0.5rem;}
  .verification-info-tit{font-size: 0.35rem; color: #1f4715; margin-bottom: 0.1rem;}
  .verification-info-txt{font-size: 0.22rem; color: #282828;}
  .verification-info-inp{width: 100%; display: flex; align-items: center; margin: 0.5rem 0; font-size: 0.3rem; color: #282828;}
  .verification-info-inp input{width: 3.5rem; height: 0.5rem; line-height: 0.5rem; border: 1px solid #1f4715;
   border-radius: 0.1rem; padding: 0 0.1rem; font-size: 0.18rem; margin-left: 0.2rem;}
  .verification-pic{width: 100%;}
  .verification-info-btn{background: #1f4715; width: fit-content; line-height: 0.6rem;
  border-radius: 0.2rem;}
  .verification-info-btn a{font-size: 0.25rem; color: #fff; display: block; padding: 0 0.4rem;}
  
  .verification-security{padding-top: 1rem;}
  .verification-security-li{display: flex; width: 100%; margin-bottom: 0.4rem;}
  .verification-security-li-icon{width: 8%; margin-right: 5%;}
  .verification-security-li-info{width: 80%; border-bottom: 2px dashed #dedede;}
  .verification-security-li-info-tit{font-size: 0.28rem; color: #282828;}
  .verification-security-li-info-txt{font-size: 0.22rem; color: #5c5c5c; margin: 0.1rem 0;}
  

}
/*产品验真页*/


/*科研实力*/

.research-banner-info{position: absolute; left: 10%; margin: 0 auto; top: 30%; font-family: "HarmonyOS Sans SC"; }
.research-banner-tit1{ font-size: 0.5rem; color: #282828; font-family: "HarmonyOS Sans SC"; margin-bottom: 0.3rem;}
.research-banner-tit2{ font-size: 0.23rem; color: #fff; font-family: "HarmonyOS Sans SC"; margin-bottom: 0.3rem; 
background: #1f4715; width: fit-content; padding: 0 0.1rem;}
.research-banner-tit3{ font-size: 0.6rem; color: #282828; font-family: "HarmonyOS Sans SC"; margin-bottom: 0.3rem;}
.research-banner-txt{font-size: 0.25rem; line-height: 1.8; width: 42%;}


.research{ background:#fbfff4;}
.research-laboratory{display: flex; width: 100%; flex-wrap: wrap; padding: 2rem 0 1.5rem;}
.research-laboratory-pic{width: 45%;}
.research-laboratory-info{width: 40%; text-align: right;}

.research-laboratory-info-tit1{ font-size: 0.5rem; color: #282828; font-family: "HarmonyOS Sans SC"; margin-bottom: 0.3rem;}
.research-laboratory-info-tit2{ font-size: 0.4rem; color: #1f4715; font-family: "HarmonyOS Sans SC"; margin-bottom: 0.3rem;}
.research-laboratory-info-txt{font-size: 0.2rem; line-height: 1.8; width: 66%; float: right;  text-align: left;}
.research-laboratory-info-num{font-size: 0.2rem; line-height: 2;  color: #282828; margin-top: 0.5rem;}
.research-laboratory-info-num span{font-size: 0.28rem; color: #1f4715;}

.research-team{padding: 2rem 0; background: #f1f5e9; width: 100%;}
.research-team-content{display: flex;}
.research-team-tit{width: 20%; font-size: 0.5rem; color: #282828; font-family: "HarmonyOS Sans SC";}
.research-team-list{width: 80%; background: #fff;}
.research-team-li{width: 25%; float: left; display: flex;}
.research-team-li-person{width: 100%;}
.research-team-li-pic{width: 100%;}
.research-team-li-tit{font-size: 0.2rem; background: #1f4715; line-height: 0.4rem; color: #fff; padding: 0 0.1rem;}
.research-team-li-info{width: 50%; display: none;}
.research-team-li-info-txt{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 0.2rem;
   font-size: 0.16rem; line-height: 1.8;}

.research-team-li:first-child{width: 50%;}
.research-team-li:first-child .research-team-li-person{width: 50%;}
.research-team-li:first-child .research-team-li-info{display: block;}


.research-team-list:hover .research-team-li{width: 25%;}
.research-team-list:hover .research-team-li-person{width: 100%;}
.research-team-list:hover .research-team-li-info{display: none;}
.research-team-list .research-team-li:hover{width: 50%; cursor: pointer;}
.research-team-list .research-team-li:hover .research-team-li-person{width: 50%;}
.research-team-list .research-team-li:hover .research-team-li-info{display: block;  transition: all 0.5s;}


.research-b{padding: 1.5rem 0; background: #f1f5e9; width: 100%;}
.research-b-content{display: flex; width: 100%;}

@media screen and (max-width:576px){

  .research-banner-info{position: absolute; left: 10%; margin: 0 auto; top: 25%; font-family: "HarmonyOS Sans SC"; }
  .research-banner-tit1{ font-size: 0.32rem; color: #282828; font-family: "HarmonyOS Sans SC"; margin-bottom: 0.3rem;}
  .research-banner-tit2{ font-size: 0.25rem; color: #fff; font-family: "HarmonyOS Sans SC"; margin-bottom: 0.3rem; 
  background: #1f4715; width: fit-content; padding: 0 0.1rem;}
  .research-banner-tit3{ font-size: 0.4rem; color: #282828; font-family: "HarmonyOS Sans SC"; margin-bottom: 0.3rem;}
  .research-banner-txt{font-size: 0.25rem; line-height: 1.8; width: 90%;}
  
  .research-laboratory{display: flex; width: 100%; flex-wrap: wrap; padding: 0.5rem;}
  .research-laboratory-pic{width: 100%;}
  .research-laboratory-info{width: 100%; text-align: left; margin-top: 0.3rem;}
  
  .research-laboratory-info-tit1{ font-size: 0.4rem; color: #282828; font-family: "HarmonyOS Sans SC"; margin-bottom: 0.3rem;}
  .research-laboratory-info-tit2{ font-size: 0.3rem; color: #1f4715; font-family: "HarmonyOS Sans SC"; margin-bottom: 0.3rem;}
  .research-laboratory-info-txt{font-size: 0.25rem; line-height: 1.8; width: 100%; float: none;  text-align: left;}
  .research-laboratory-info-num{font-size: 0.22rem; line-height: 2;  color: #282828; margin-top: 0.5rem;}
  .research-laboratory-info-num span{font-size: 0.32rem; color: #1f4715;}
  
  .research-team{padding: 0.5rem 0; background: #f1f5e9; width: 100%;}
  .research-team-content{display: flex; flex-wrap: wrap;}
  .research-team-tit{width: 100%; font-size: 0.5rem; color: #282828; font-family: "HarmonyOS Sans SC"; margin-bottom: 0.3rem;}
  .research-team-list{width: 100%; background: #fff;}
  .research-team-li{width: 25%; float: left; display: flex;}
  .research-team-li-person{width: 100%;}
  .research-team-li-pic{width: 100%;}
  .research-team-li-tit{font-size: 0.2rem; background: #1f4715; line-height: 0.4rem; color: #fff; padding: 0 0.1rem;}
  .research-team-li-info{width: 50%; display: none;}
  .research-team-li-info-txt{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 0.2rem;
     font-size: 0.16rem; line-height: 1.8;}
  
  .research-team-li:first-child{width: 50%;}
  .research-team-li:first-child .research-team-li-person{width: 50%;}
  .research-team-li:first-child .research-team-li-info{display: block;}
  
  
  .research-team-list:hover .research-team-li{width: 25%;}
  .research-team-list:hover .research-team-li-person{width: 100%;}
  .research-team-list:hover .research-team-li-info{display: none;}
  .research-team-list .research-team-li:hover{width: 50%; cursor: pointer;}
  .research-team-list .research-team-li:hover .research-team-li-person{width: 50%;}
  .research-team-list .research-team-li:hover .research-team-li-info{display: block;  transition: all 0.5s;}
  
  
  .research-b{padding: .5rem 0; background: #f1f5e9; width: 100%;}
  .research-b-content{display: flex; width: 100%; flex-direction: column;}
  .research-b-content 
  

}

/*科研实力*/


.pages{width:100%; margin:0 auto; text-align:center;margin-top:0px; margin-bottom:30px; padding-top:15px;}

.paginator { font: 18px "微软雅黑"; margin:0 auto; font-size:18px }
.paginator a {border:solid 1px #f2f2f2;color:#000;cursor:pointer;text-decoration:none; background-color:#f2f2f2;}
/*.paginator a:visited {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;}*/
.paginator .cpb {border:1px solid #01661f;color:#FFF;background-color:#01661f; font-family:"微软雅黑"}
.paginator a:hover {border:solid 1px #01661f;color:#fff;text-decoration:none; background:#01661f; display:block}
.paginator a,.paginator a:visited,.paginator .cpb,.paginator a:hover  
{/*height:20px;line-height:20px;min-width:20px;_width:10px;*/margin-right:5px;text-align:center;
 white-space:nowrap;font-size:18px;font-family:微软雅黑;padding:5px 10px; display:inline-block;}
 .Search{width:100%; margin-top:0.5rem}
 .Search li{width:100%; border-bottom:#D5D5D5 solid 1px; line-height:0.6rem}


@media screen and (max-width:576px){
 .Search{width:96%; margin:0 auto; }
 .Search li{width:100%; border-bottom:#D5D5D5 solid 1px; line-height:1rem}
}