@charset "utf-8";
/* CSS Document */
*{padding:0; margin:0;}
body{font-family:"Arial"; letter-spacing:0.005rem; overflow-x: hidden;}
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;}
.fl{float:left}
.fr{float:right;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.pos-r{position: relative;}
.pos-a{position: absolute;}

.c-nav .show{display: flex;}
.c-nav .hiden{display:none}
.c-nav{width:100%; position: relative; z-index: 9999;}
.c-nav .navFlex{display:flex; display:-webkit-flex; align-items:center; -webkit-align-content:center;color:#fff; 
    justify-content:space-between; -webkit-justify-content:space-between;}
.c-nav .logo{width: 15%;}
.c-nav .logo img{width: 100%;}
.c-nav ul{display: flex; }
.c-nav ul li{line-height:0.9rem; font-size:0.18rem; margin: 0 0.3rem;}
.c-nav ul li a{display: block; color:#333;text-decoration:none;width:100%}
.c-nav ul li.active{ border-bottom: 2px solid #009ce0;}
.c-nav ul li.active a{color: #009ce0;}
.c-nav ul li:hover{ border-bottom: 2px solid #009ce0;}
.c-nav ul li:hover a{ color: #009ce0;}
.c-nav .btnImg{height:20px;width:25px;padding:3px 8px 3px 8px;box-sizing:content-box;margin-right:5px;}
.circular{display: flex;}
.circular a{display: block; width: 100%; height: 100%;}
#wechat-btn{width: 0.42rem; height: 0.9rem; margin: 0 0.1rem; background: url(../images/wechat-btn1.png) no-repeat center; background-size: contain;}
#EN{width: 0.42rem; height: 0.9rem; margin: 0 0.1rem; background: url(../images/EN.png) no-repeat center; background-size: contain; }
#Complex{width: 0.42rem; height: 0.9rem; margin: 0 0.1rem; background: url(../images/Complex.png) no-repeat center; background-size: contain; }
#wechat-btn:hover{cursor: pointer;}
#wechat-box{width: 0; height: 150px; position: absolute; right: 0%; bottom: -1.5rem; z-index: 99999; transition: all 0.3s; 
  overflow: hidden; }
#wechat-close{width: 40px; height: 50px; box-sizing: border-box; float: left;  background:  url(../images/close.png) no-repeat center; cursor: pointer; background-size: 70%;}


.hamburger {
    display: none;
  }
  
.bar {
  display: block;
  width: 25px;
  height: 3px;
  margin: 5px auto;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #333;
}


@media screen and (max-width: 1420px) and (min-width:1200px){
}
@media screen and (max-width: 1238px) and (min-width:1200px){
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:992px){
}
@media screen and (max-width:768px){
}
@media screen and (max-width:576px){
.c-nav{opacity:.9; margin: 0; box-sizing: border-box;}
.c-nav .container{padding: 0;}
.c-nav .navFlex{font-size:0.2rem; justify-content:space-between;flex-wrap:wrap; }
.c-nav .logo{margin: 0.2rem; width: 35%;}
.c-nav .logo img{height: 100%;}
.c-nav ul{display: flex; flex-direction: column;}
.c-nav ul li{padding-top:0;margin-left:0;display:block;line-height:0.7rem;background:#000; border-bottom: none; margin-right: 0;
font-size: 0.25rem;}
.c-nav ul li a{color:#fff;width:100%;display:block}
.c-nav .hiden{display:block; position: absolute; right: 0; top: 0.2rem}
.c-nav .show{width:100%;font-size:14px;text-align:center;display:none}
.c-nav #wechat-btn{display: none;}
.circular{display: none;}

.hamburger {
    display: block;
    cursor: pointer;
  }
  
  .hamburger.active .bar:nth-child(2) {
    opacity: 0;
  }
  
  .hamburger.active .bar:nth-child(1) {
    -webkit-transform: translateY(8px) rotate(45deg);
    transform: translateY(8px) rotate(45deg);
  }
  
  .hamburger.active .bar:nth-child(3) {
    -webkit-transform: translateY(-8px) rotate(-45deg);
    transform: translateY(-8px) rotate(-45deg);
  }
}

header{  background: linear-gradient(135deg, #ffffff 0%, #ffffff 35%, #e4f2d2 35%, #e4f2d2 100%); }
header:after{content:" ";display:table;clear:both}
.main .dev-output pre{overflow:auto;max-height:500px;background-color:#eeeeef;padding:0 1em 1em}
header .wrapper{}
.brand{width: 13%; height:1.2rem; float: left;}
.brand a{display: block;}
.rm-nav{letter-spacing:1px}
.rm-container.rm-layout-expanded{float: right;}
.rm-nav li a,.rm-top-menu a{line-height: 0.5rem; display: block;}
.rm-layout-expanded .rm-nav>ul>li>a,.rm-layout-expanded .rm-top-menu>.rm-menu-item>a{height:.8rem;line-height:.8rem}
.main{background-image:url(../images/cloud.jpg);background-position:center top;background-repeat:repeat-x;min-height:100%;
  padding-top:1px}
.tagline{width:360px;font-size:1.75em;font-weight:700;letter-spacing:2px;line-height:1.2;text-align:center;margin:275px auto;
  color:#1a88d3}
.tagline strong{font-size:1.3em}
.dev-output{background-color:#e1eaf3;background-color:rgba(255,255,255,.85);color:#000;padding:2em;margin-bottom:2em}


.header-top{width: 10%; float: right; position: relative;}
.header-btn{display: flex; justify-content: flex-end; align-items: center; height: 1.2rem;}
#search{width: 0.5rem; height: 0.5rem; background: url(../images/search.png) no-repeat center;}
#search:hover{cursor: pointer;}
#Multilingual{width: 0.5rem; height: 0.5rem; background: url(../images/Multilingual.png) no-repeat center; margin-left: 0.2rem;}
#Multilingual:hover{cursor: pointer;}


#search-inp{width: 0; height: 0.5rem; position: absolute; right: 0%; bottom: -0.5rem; z-index: 99999; transition: all 0.3s; 
  overflow: hidden; }
#search-inp-close{width: 40px; height: 50px; box-sizing: border-box; float: left;  background:  url(../images/close.png) no-repeat center; cursor: pointer; background-size: 70%;}
#search-inp-text{width: 300px; float: left;}
#search-inp-text input{width: 100%; height: 50px; line-height: 50px; box-sizing: border-box; padding-left: 12px; outline: none; border: none;}
#search-inp-btn{width: 40px; height: 50px; box-sizing: border-box; float: left;  background: #f3f3f3 url(../images/search1.png) no-repeat center; cursor: pointer;}
#search-inp-foot-btn{width: 40px; height: 0.35rem; box-sizing: border-box; float: left;  background: #f3f3f3 url(../images/search1.png) no-repeat center; cursor: pointer;}
#Multilingual-box{width: 0; position: absolute; right: 0%; top: 1.2rem; z-index: 99999; transition: all 0.3s; overflow: hidden;}
#Multilingual-close{width: 40px; height: 50px; 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){

  .brand{width: 20%; height:1rem; float: left; margin-top: 0.3rem;}

  .rm-top-menu {background: #01661f;}

  .header-top{display: none;}
  
}

.hero-slide-item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 8.45rem;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 1200px) and (max-width: 1599px) {
  .hero-slide-item {
      height: 700px
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slide-item {
      height: 600px
  }
}

@media only screen and (max-width: 767px) {
  .hero-slide-item {
      height: 400px
  }
}

@media only screen and (max-width: 479px) {
  .hero-slide-item {
      height: 300px
  }
}

.hero-slide-item-two {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 560px
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 1200px) and (max-width: 1599px) {
  .hero-slide-item-two {
      height: 500px
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slide-item-two {
      height: 500px
  }
}

@media only screen and (max-width: 767px) {
  .hero-slide-item-two {
      height: 300px
  }
}

@media only screen and (max-width: 479px) {
  .hero-slide-item-two {
      height: 300px
  }
}

.hero-slide-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  width: 100%
}

.hero-slide-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.hero-slide-content {
  position: absolute;
  text-align: center;
  inset: 0;
  top: 10%;
  z-index: 99
}

.hero-slide-content .title {
  color: #000;
  font-family: "思源黑体";
  text-transform: uppercase;
  font-size: 0.6rem;
  line-height: 1.6;
  margin-bottom: 10px
}

.hero-slide-content .line{
  width: 40%;
  height: 0.03rem;
  background: #79bd1e;
  margin: 0.3rem auto;
}

.hero-slide-content p {
  font-weight: 600;
  line-height: 1.6;
  color: #000;
  display: block;
  font-size: 0.18rem;
  text-transform: uppercase;
  font-family: "Arial";
}
.hero-slide-content p a{
  color: #313d33;
}

@media only screen and (max-width: 767px) {
  .hero-slide-content .title {
      font-size: 26px
  }

  .hero-slide-content p {
      margin-bottom: 24px
  }
}

@media only screen and (max-width: 479px) {
  .hero-slide-content .title {
      font-size: 20px;
      margin-bottom: 10px
  }

  .hero-slide-content p {
      font-size: 14px
  }
}

.hero-slider .main-slider-nav {
  color: #212121;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-size: 50px
}

.hero-slider .main-slider-nav::after {
  display: none
}

.hero-slider .main-slider-nav:hover {
  color: #ff4545;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s
}

.hero-slider .home-slider-prev {
  left: 30px
}

@media only screen and (max-width: 575px) {
  .hero-slider .home-slider-prev {
      left: 5px
  }
}

.hero-slider .home-slider-next {
  right: 30px
}

.hero-slider .home-slider-next::after {
  display: none
}

@media only screen and (max-width: 575px) {
  .hero-slider .home-slider-next {
      right: 5px
  }
}

.hero-slider:hover .main-slider-nav,
.hero-slider:hover .swiper-pagination {
  opacity: 1;
  visibility: visible
}

.hero-slider .home-slider-prev,
.hero-slider .home-slider-next {
  margin-top: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.hero-slider .home-slider-prev i,
.hero-slider .home-slider-next i {
  background: white;
  opacity: .5;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s
}

.hero-slider .home-slider-prev:hover i,
.hero-slider .home-slider-next:hover i {
  background: #fff;
  opacity: 1;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s
}

.hero-slider .swiper-pagination {
  position: absolute;
  bottom: 20px;
  opacity: 0;
  visibility: hidden
}

.hero-slide-content>* {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp
}

.swiper-slide-active .hero-slide-content>* {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp
}

.swiper-slide-active .hero-slide-content>*:nth-child(1) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s
}

.swiper-slide-active .hero-slide-content>*:nth-child(2) {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s
}

.swiper-slide-active .hero-slide-content>*:nth-child(3) {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s
}

.swiper-slide-active .hero-slide-content>*:nth-child(4) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s
}

.swiper-slide-active .hero-slide-content>*:nth-child(5) {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s
}

.swiper-slide-active .hero-slide-content>*:nth-child(6) {
  -webkit-animation-delay: 3s;
  animation-delay: 3s
}

.swiper-pagination{text-align:left;padding-left:.66rem}
.swiper-pagination-bullet{width:.4rem;height:.03rem;line-height:20px;color:#000;opacity:1;background:#ccc;border-radius:0;
  margin:0 5px}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:.5rem}
.swiper-pagination-bullet-active{color:#fff;background:#007aff}
@media screen and (max-width:576px){.swiper-pagination{text-align:left;padding-left:.66rem}
.swiper-pagination-bullet{width:.5rem;height:.03rem;line-height:20px;color:#000;opacity:1;background:#ccc;border-radius:0;
  margin:0 5px}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:.5rem}
.swiper-pagination-bullet-active{color:#fff;background:#007aff}
}


.index-rise{padding: 0.9rem 0 0.35rem; text-align: center;}
.index-rise-tit{font-size: 0.48rem; font-weight: bold; text-transform: uppercase; color: #5e9369;}
.index-rise-txt{font-size: 0.2rem; color: #333; font-family: "Arial"; margin: 0.25rem 0;}
.index-rise-line{width: 0.68rem; height: 2px; background: #01661f; margin: 0 auto;}

.index-pro{height: 5rem; background: linear-gradient(45deg, #ffffff 0%, #ffffff 20%, #eeeeef 20%, #eeeeef 100%);}
.index-pro-content{display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0.5rem 5%;}
.index-pro-li{width: 4rem; height: 4rem; overflow: hidden; position: relative; z-index: 1; }
.index-pro-li-pic{width: 80%; height: 3.15rem; border-radius: 100%; overflow: hidden;
position: absolute; inset: 0; margin: auto; z-index: 2;}
.index-pro-li-tit{width: 100%; position: absolute; left: 0; bottom: 0; background: #a5a6a7; height: 0.5rem; line-height: 0.5rem; z-index: 9;
text-align: center; font-size: 0.2rem; color: #fff; font-family: "Arial"; }


.index-about{display: flex; flex-wrap: wrap; justify-content: space-between;}
.index-about-pic{width: 60%; border-radius: 0.1rem;}
.index-about-info{width: 38%; padding: 0 2%; box-sizing: border-box;}
.index-about-tit {
  font-size: 1.3rem;
  color: white;
  font-weight: bold;
  font-family: "Arial";
  background: url(../images/index-about2.jpg) no-repeat 50%;
  background-size: cover;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
}
.index-about-three{width: 100%; height: 1.48rem; background: url(../images/index-about3.png) no-repeat center; background-size: contain;
display: flex; flex-wrap: wrap;}
.index-about-li{width: calc(100%/3); text-align: center; height: 1.48rem; line-height:  1.48rem; font-size: 0.24rem;
font-family: "思源黑体 CN"; font-weight: bold;}
.index-about-li.yelo{color: #e6b704;}
.index-about-li.green{color: #597d33;}
.index-about-li.blue{color: #408487;}
.index-about-txt{font-size: 0.16rem; color: #333; font-family: "Arial"; line-height: 1.8; margin: 0.3rem 0; }
.index-about-more{width: 1.6rem; height: 0.5rem; line-height: 0.5rem; text-align: center; background: #87aa6a;
border-radius: 0.3rem; font-size: 0.18rem; font-family: "Arial"; font-weight: bold;}
.index-about-more a{color: #fff; display: block;}

.index-news-bg{padding: 0.2rem 0; background: linear-gradient(45deg, #eeeeef 0%, #eeeeef 90%, #ffffff 90%, #ffffff 100%);}

.index-news{display: flex; flex-wrap: wrap;}
.index-news-li{width: 32%; margin-right: 2%; margin-bottom: 0.5rem;}
.index-news-li:nth-child(3n){margin-right: 0;}
.index-news-li-pic{max-height: 3rem;}
.index-news-li-pic img{max-height: 100%;}
.index-news-li-time{font-size: 0.16rem; color: #202020; margin: 0.15rem 0;}
.index-news-li-tit{font-size: 0.24rem; color: #202020; margin-bottom: 0.15rem; line-height: 1.6;}
.index-news-li-txt{font-size: 0.16rem; color: #202020; line-height: 1.6;}

.footer-box{background: #74985a; width: 100%; box-sizing: border-box;}
.footer-pro{background: linear-gradient(45deg, #313d33 0%, #313d33 39%, transparent 39%, transparent 45%);}
  
.footer-pro-content{display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0.4rem 0; position: relative;}
.footer-pro-l{width: 12%; box-sizing: border-box;}
.footer-pro-l-tit{font-size: 0.3rem; text-transform: uppercase; color: #fff; position: relative; padding-bottom: 0.3rem;
  width: max-content;}
.footer-pro-l-tit::after{content: ""; width: 60%; height: 1px; background: #fff; position: absolute; right: 0; bottom: 0;}
.footer-nav{ display: flex; width: 84%;  flex-wrap: wrap; justify-content: space-between;}
.footer-nav-li{}
.footer-nav-li-th{font-size: 0.24rem; color: #fff; margin-bottom: 0.15rem;}
.footer-nav-li-tr{font-size: 0.14rem; color: #fff; margin-bottom: 0.1rem;}
.footer-nav-li-tr a{color: #fff;}

.footer-search{position: absolute; bottom: 0.5rem; right: 0rem; display: flex;}
.footer-search-tit{font-size: 0.18rem; color: #fff; line-height: 0.35rem; margin-right: 0.1rem;}
.footer-search-inp{width: 4.2rem;}
.footer-search-inp input{width: 100%; height: 0.35rem; line-height: 0.35rem; outline: none; border: none; box-sizing: border-box;
padding-left: 0.1rem;}
 
.footer-con{background: linear-gradient(45deg, transparent 0%, transparent 51%, #526f35 51%, #526f35 100%);}
.footer-contact{ display: flex; width: 84%;  flex-wrap: wrap; justify-content: space-between;}
.footer-contact-info{font-size: 0.16rem; color: #fff; line-height: 1.8;}
.footer-contact-code img{max-width: 1.2rem;}
.footer-contact-copy{font-size: 0.14rem; color: #fff; line-height: 1.8; text-align: right;}

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



  .index-rise{padding: 0.35rem 0 0.35rem; text-align: center;}
  .index-rise-tit{font-size: 0.48rem; font-weight: bold; text-transform: uppercase; color: #01661f;}
  .index-rise-txt{font-size: 0.22rem; color: #333; font-family: "Arial"; margin: 0.25rem 0;}
  .index-rise-line{width: 0.68rem; height: 2px; background: #01661f; margin: 0 auto;}
  
  
.index-pro{height: auto; background: linear-gradient(45deg, #ffffff 0%, #ffffff 20%, #eeeeef 20%, #eeeeef 100%);}
.index-pro-content{display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0.5rem 5% 0.1rem;}
.index-pro-li{width: 3.2rem; height: 3.2rem; overflow: hidden; position: relative; z-index: 1; margin-bottom: 0.4rem;}
.index-pro-li img{width: 100%;}
.index-pro-li-pic{width: 2.5rem; height: 2.5rem; border-radius: 100%; overflow: hidden; background: none;
position: absolute; inset: 0; margin: auto; z-index: 2;}
.index-pro-li-pic{}
.index-pro-li-tit{width: 100%; position: absolute; left: 0; bottom: 0; background: #a5a6a7; height: 0.5rem; line-height: 0.5rem; z-index: 9;
text-align: center; font-size: 0.2rem; color: #fff; font-family: "Arial"; }


  
  .index-about{display: flex; flex-wrap: wrap; justify-content: space-between;}
  .index-about-pic{width: 100%; border-radius: 0.1rem;}
  .index-about-info{width: 100%; padding: 0 2%; box-sizing: border-box;}
  .index-about-tit {
    font-size: 1.3rem;
    color: white;
    font-weight: bold;
    font-family: "Arial";
    background: url(../images/index-about2.jpg) no-repeat 50%;
    background-size: cover;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
  }
  .index-about-three{width: 100%; height: 2rem; background: url(../images/index-about3.png) no-repeat center; 
    background-size: contain;
  display: flex; flex-wrap: wrap;}
  .index-about-li{width: calc(100%/3); text-align: center; height: 1.48rem; line-height:  2rem; font-size: 0.3rem;
  font-family: "思源黑体 CN"; font-weight: bold;}
  .index-about-li.yelo{color: #e6b704;}
  .index-about-li.green{color: #597d33;}
  .index-about-li.blue{color: #408487;}
  .index-about-txt{font-size: 0.22rem; color: #333; font-family: "Arial"; line-height: 1.8; margin: 0.3rem 0; }
  .index-about-more{width: 40%; height: 0.7rem; line-height: 0.7rem; text-align: center; background: #01661f;
  border-radius: 0.3rem; font-size: 0.25rem; font-family: "Arial"; font-weight: bold;}
  .index-about-more a{color: #fff; display: block;}
  
  .index-path{margin-top: 0.8rem; position: relative;}
  .index-path-tit{font-size: 0.3rem; font-weight: bold; color: #fff; position: absolute; inset: 0;
  display: flex; justify-content: center; align-items: center; text-transform: uppercase;}
  
  .index-news{display: flex; flex-wrap: wrap;}
  .index-news-li{width: 100%; margin-right: 0%; margin-bottom: 0.5rem;}
  .index-news-li:nth-child(3n){margin-right: 0;}
  .index-news-li-pic{max-height:none;}
  .index-news-li-pic img{max-height: 100%;}
  .index-news-li-time{font-size: 0.22rem; color: #202020; margin: 0.2rem 0;}
  .index-news-li-tit{font-size: 0.25rem; color: #202020; margin-bottom: 0.2rem; line-height: 1.6;}
  .index-news-li-txt{font-size: 0.22rem; color: #202020; line-height: 1.6;}
  
  
.footer-box{background: #74985a; width: 100%; box-sizing: border-box;}
.footer-pro{background: linear-gradient(45deg, #313d33 0%, #313d33 39%, transparent 39%, transparent 45%); display: none;}
  
.footer-con{background: linear-gradient(45deg, transparent 0%, transparent 51%, #526f35 51%, #526f35 100%);}
.footer-contact{ display: flex; width: 100%;  flex-wrap: wrap; justify-content: space-between; flex-direction: column;}
.footer-contact-info{font-size: 0.25rem; color: #fff; line-height: 1.8; margin-top: 0.2rem;}
.footer-contact-code img{max-width: 2rem; margin: 0.2rem 0;}
.footer-contact-copy{font-size: 0.25rem; color: #fff; line-height: 1.8; text-align: left;}

  
}

/*客服*/
.izl-rmenu{width: 0.65rem; position:fixed; right:0; top:50%; z-index:999; background: #000;}
.izl-rmenu .consult{background:#000 url(../images/tel.png) no-repeat center; display:block;height:0.55rem;width:0.65rem}
.izl-rmenu .consult .phone{background-color:#009ce0; position:absolute; width:1.6rem; left:-1.6rem;top:0; 
  line-height:0.55rem;color:#fff;font-size:0.18rem;text-align:center;display:none}
.izl-rmenu a.consult:hover{background:#009ce0 url(../images/tel.png) no-repeat center;}
.izl-rmenu a.consult:hover .phone{display:inline!important}

.izl-rmenu .mail{background:#000 url(../images/mail.png) no-repeat center; display:block;height:0.55rem;width:0.65rem}
.izl-rmenu .mail .email{background-color:#009ce0; position:absolute; width:2.5rem; left:-2.5rem;top:0.55rem; 
  line-height:0.55rem;color:#fff;font-size:0.18rem;text-align:center;display:none}
.izl-rmenu a.mail:hover{background:#009ce0 url(../images/mail.png) no-repeat center;}
.izl-rmenu a.mail:hover .email{display:inline!important}

.izl-rmenu .cart{background: #000 url(../images/wechat.png) no-repeat center; display:block; height:0.55rem;width:0.65rem; line-height:0.55rem;}
.izl-rmenu a.cart:hover .pic{display:block}
.izl-rmenu .btn_top{background: #000 url(../images/top.png) no-repeat center; display:block; height:0.55rem;width:0.65rem; line-height:0.55rem;
  -webkit-transition:all 0s ease-in-out;-moz-transition:all 0s ease-in-out;-o-transition:all 0s ease-in-out;transition:all 0s ease-in-out}
  .izl-rmenu .btn_top:hover{background: #009ce0 url(../images/top.png) no-repeat center;}
.izl-rmenu .cart .pic{display:none;position:absolute;left:-160px;top:65px;width:160px;height:160px;background:url(../images/weixin.jpg)}

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

  .izl-rmenu{width: 1rem; position:fixed; right: 0.1rem; top:80%; z-index:999; background: none;}
  .izl-rmenu .consult,
  .izl-rmenu .mail,
  .izl-rmenu .cart{display: none;}
  .izl-rmenu .btn_top{background: rgba(0, 0, 0, 0.8) url(../images/top.png) no-repeat center; display:block; height:0.8rem; width:1rem; line-height:0.8rem;
    border-radius: 0.2rem; overflow: hidden;
    -webkit-transition:all 0s ease-in-out;-moz-transition:all 0s ease-in-out;-o-transition:all 0s ease-in-out;transition:all 0s ease-in-out}

}
/*客服*/


/*about*/

.responsive-ban{width: 100%; position: relative;}
.pc-ban{display: block;}
.mobile-ban{display: none;}
.responsive-banner-info{position: absolute; left: 15px; right: 0; margin: 0 auto; top: 35%;}
.responsive-banner-tit{ font-size: 0.48rem; color: #335530; text-align: center; font-family: 'SourceHanSansCN';}

.about{background: #f5f5f5;}
.about-route{font-size: 0.16rem; line-height: 0.7rem; color: #666;}
.about-route span{color: #74985a;}

.about-content{margin-top: -0.8rem; width: 100%;}
.about-li{width: 100%; padding: 1rem 0; display: flex;}
.about-li-pic{width: 50%; position: relative; /* 用于定位内凹效果 */}
.about-li-pic::before{content: ''; width: 1.5rem; height: 1.5rem; z-index: 1; background: #f5f5f5; position: absolute;
    top: -1px; right: -1px; border-radius: 0 0 0 1.5rem; }
.about-li-pic img{width: 100%;}
.about-li-info{width: 50%; padding: 0 1rem; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center;}
.about-li-info-tit{font-size: 0.36rem; color: #333; font-weight: bold; text-transform: uppercase; margin-bottom: 0.3rem;}
.about-li-info-txt{font-size: 0.18rem; color: #444; line-height: 1.8;}
.about-li:nth-child(2n){background: #fff; flex-direction:row-reverse}

.about-li:nth-child(2n){}
.about-li:nth-child(2n) .about-li-pic::before{content: ''; width: 1.5rem; height: 1.5rem; z-index: 1; background: #fff; position: absolute;
    top: -1px; left: -1px; border-radius: 0 0 1.5rem 0; }

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

  .responsive-ban{position: relative;}
  .pc-ban{display: none;}
  .mobile-ban{display: block;}
  .responsive-banner-info{position: absolute; left: 0; right: 0; margin: 0 auto; top: 20%;}
  .responsive-banner-tit{ font-size: 0.4rem; color: #335530; text-align: center; line-height: 1.8; padding: 0 0.5rem;}


  
.about{background: #f5f5f5;}
.about-route{font-size: 0.22rem; line-height: 0.7rem; color: #666;}
.about-route span{color: #01661f;}

.about-content{margin-top: -0.3rem; width: 100%;}
.about-li{width: 100%; padding: 0.5rem 0; display: flex; flex-wrap: wrap;}
.about-li-pic{width: 100%;}
.about-li-pic img{width: 100%;}
.about-li-info{width: 100%; padding: 0.3rem; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center;}
.about-li-info-tit{font-size: 0.36rem; color: #333; font-weight: bold; text-transform: uppercase; margin-bottom: 0.3rem;}
.about-li-info-txt{font-size: 0.25rem; color: #444; line-height: 1.8;}
.about-li:nth-child(2n){background: #fff; flex-direction:reverse}


}

/*about*/

/*contact*/

.contact-banner-info{position: absolute; left: 20%; top: 35%; width: 45%;}
.contact-banner-tit{ font-size: 0.48rem; color: #fff; font-family: 'SourceHanSansCN'; line-height: 1.6; position: relative;}
.contact-banner-tit::before{content: ''; position: absolute; left: 0; bottom: -0.2rem; width: 2.4rem; height: 0.01rem;
background: #fff;}

.online-bg{background-color: #f5f5f5;}
.online{display: flex; padding: 0.55rem 0; flex-wrap: wrap;}
.online-l{width: 35%; padding-right: 15%;}
.online-l-tit{font-size: 0.36rem; color: #333; margin-bottom: 0.3rem;}
.online-l-txt{font-size: 0.16rem; color: #333; line-height: 1.8;}
.online-info{margin-top: 0.5rem;}
.online-r{width: 35%; margin-right: 5%;}
.online-r input,
.online-r textarea{width: 100%; height: 0.6rem; line-height: 0.6rem; background: #fff; border: 1px solid #dedede; 
box-sizing: border-box; padding-left: 0.15rem; font-size: 0.16rem; margin-bottom: 0.1rem; border-radius: 0.05rem;}
.online-r input::placeholder{color: #333;}
.online-r textarea{height: 1.5rem;}
.online-r textarea::placeholder{color: #333;}

.online-btn{width: 2rem;  height: 0.6rem; line-height: 0.6rem; background: #74985a; text-align: center; color: #fff;
  font-size: 0.18rem; border-radius: 0.05rem; margin-top: 0.1rem;}
.online-btn a{display: block; color: #fff;}

.contact{padding: 0.8rem 0; background: url(../images/contact3.png) no-repeat 90% 98%;}
.contact-tit{font-size: 0.36rem; font-weight: bold; color: #333; margin-bottom: 0.3rem;}
.contact-info{width: 40%;}
.contact-li{display: flex; font-size: 0.18rem; margin-bottom: 0.15rem;}
.contact-li-t1{color: #282828; margin: 0 0.08rem 0 0.15rem;}
.contact-li-t2{color: #282828; line-height: 1.8; margin-top: -0.06rem;}


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

  
.contact-banner-info{position: absolute; left: 10%; top: 20%; width: 80%;}
.contact-banner-tit{ font-size: 0.48rem; color: #fff; font-family: 'SourceHanSansCN'; line-height: 1.6; position: relative;}
.contact-banner-tit::before{content: ''; position: absolute; left: 0; bottom: -0.2rem; width: 2.4rem; height: 0.01rem;
background: #fff;}

  .online-bg{background: #f5f5f5 url(../images/contact1.png) no-repeat 98% 0.5rem; }
  .online{display: flex; padding: 0.55rem 0; justify-content: space-between; flex-wrap: wrap;}
  .online-l{width: 100%;}
  .online-l-tit{font-size: 0.36rem; color: #333; margin-bottom: 0.3rem;}
  .online-l-txt{font-size: 0.22rem; color: #333; line-height: 1.8;}
  .online-info{margin-top: 0.5rem;}
  .online-r{width: 100%; margin-right:0%; margin-top: 0.2rem;}
  .online-r input,
  .online-r textarea{width: 100%; height: 0.8rem; line-height: 0.8rem; background: #fff; border: 1px solid #dedede; 
  box-sizing: border-box; padding-left: 0.15rem; font-size: 0.22rem; margin-bottom: 0.1rem; border-radius: 0.05rem;}
  .online-r input::placeholder{color: #333;}
  .online-r textarea{height: 1.5rem;}
  
  .online-btn{width: 2rem;  height: 0.6rem; line-height: 0.6rem; background: #74985a; text-align: center; color: #fff;
    font-size: 0.25rem; border-radius: 0.05rem; margin-top: 0.1rem;}
  .online-btn a{display: block; color: #fff;}

  
.contact{padding: 0.8rem 0; background: none;}
.contact-tit{font-size: 0.36rem; font-weight: bold; color: #333; margin-bottom: 0.3rem;}
.contact-info{width: 100%;}
.contact-li{display: flex; font-size: 0.25rem; margin-bottom: 0.2rem;}
.contact-li-t1{color: #282828; margin: 0 0.08rem 0 0.2rem;}
.contact-li-t2{color: #282828; line-height: 1.8; margin-top: -0.06rem;}
  
}

/*contact*/

/*news*/

.news{display: flex; justify-content: space-between;}
.news-l{width:19%; }
.news-lnews{width:100%; border-bottom: 6px solid #74985a; margin-bottom: 0.3rem;}
.news-lnews h1{background:#74985a; height:0.6rem; line-height:0.6rem; font-size:0.24rem; font-weight:normal; color:#fff;
padding-left: 0.2rem; text-transform: uppercase;}
.news-lnews ul li{height:0.5rem; line-height:0.5rem; padding-left:0.2rem; font-family: 'Arial'; border-bottom: 1px solid #dedede;
  background:#f5f5f5 url(../images/jiantou2.png) no-repeat 90% center; margin-bottom:1px; font-size:0.16rem;}
.news-lnews ul li.on{background:#fff url(../images/jiantou1.png) no-repeat 90% center;}
.news-lnews ul li.on a{color:#01661f; }
.news-lnews ul li a{display: block;}
.news-lnews ul li:last-child{border-bottom: none;}


.news-lcontact{width:100%;  margin-bottom: 0.3rem; background: #fff; overflow: hidden;}
.news-lcontact h1{background:#01661f; height:0.6rem; line-height:0.6rem; font-size:0.24rem; font-weight:normal; color:#fff;
padding-left: 0.2rem; text-transform: uppercase;}

.news-lcontact-info{width: 100%; background: #fff; padding: 0.2rem 0.15rem; box-sizing: border-box;}
.news-lcontact-li{display: flex; font-size: 0.14rem; margin-bottom: 0.15rem;}
.news-lcontact-li:last-child{flex-wrap: wrap;}
.news-lcontact-li-t1{color: #01661f; margin: 0 0.08rem 0 0.1rem; white-space: nowrap;}
.news-lcontact-li-t2{color: #333333; line-height: 1.8; margin-top: -0.06rem; white-space:inherit;}

.news-lcontact-li:last-child .news-lcontact-li-t2{margin-top: 0.1rem;}

.news-lcontact-message{background: #01661f; width: 2rem; height: 0.6rem; line-height: 0.6rem; text-align: center;
margin: -0.1rem auto 0.2rem; border-radius: 0.5rem; font-size: 0.18rem;}
.news-lcontact-message a{color: #fff; display: block;}
.news-lcontact-message img{margin-right: 0.1rem;}
.news-r{width: 77%;}
.news-r .index-news .index-news-li{background: #fff;}
.news-r .index-news .index-news-li-info{padding: 0 0.2rem; padding-bottom: 0.2rem;}
.yema{text-align: center; margin-bottom: 0.5rem;}


.theme-popover-mask{position:fixed;top:0;left:0;z-index:9998;display:none;width:100%;height:100%;background:#000;opacity:.4;filter:alpha(opacity=40)}
.theme-popover{position:fixed; inset: 0; margin: auto; z-index:9999;width:5rem; height: 5.3rem; padding: 0.4rem 0.55rem;
    border-radius:5px; background-color:#fff; box-shadow:0 0 10px #666; box-sizing: border-box; display: none;}
.theme-poptit{position:absolute; right:0.3rem; top:0.2rem; transform:scale(2);}
.Message-tit{font-size:0.3rem; color:#01661f;  margin-bottom: 0.3rem;}
.Message-inp input{width: 100%; height: 0.5rem; line-height: 0.5rem; background: #fafafa; outline: none; border: 1px solid #dedede;
margin-bottom: 0.1rem; box-sizing: border-box; padding-left: 0.2rem; font-size: 0.16rem;}
.Message-inp textarea{width: 100%; height: 2rem; box-sizing: border-box; padding: 0.15rem 0.2rem; font-size: 0.16rem;
border: 1px solid #dedede; margin-bottom: 0.1rem;}
.Message-btn{width: 100%; height: 0.5rem; line-height: 0.5rem; background: #01661f; box-sizing: border-box; text-align: center;
  font-size: 0.16rem;}
.Message-btn a{display: block; color: #fff;}

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


  .news{display: flex; justify-content: space-between; flex-wrap: wrap;}
  .news-l{width:100%; }
  .news-lnews{width:100%; border-bottom: 6px solid #01661f; margin-bottom: 0.3rem;}
  .news-lnews h1{background:#01661f; height:0.7rem; line-height:0.7rem; font-size:0.28rem; font-weight:normal; color:#fff;
  padding-left: 0.2rem; text-transform: uppercase;}
  .news-lnews ul li{height:0.7rem; line-height:0.7rem; padding-left:0.2rem;
     background:#f5f5f5 url(../images/jiantou2.png) no-repeat 90% center; margin-bottom:1px; font-size:0.22rem;}
  .news-lnews ul li.on{background:#fff url(../images/jiantou1.png) no-repeat 90% center;}
  .news-lnews ul li.on a{color:#01661f; }
  .news-lnews ul li a{display: block;}
  
  
  .news-lcontact{width:100%;  margin-bottom: 0.3rem; background: #fff; overflow: hidden;}
  .news-lcontact h1{background:#01661f; height:0.7rem; line-height:0.7rem; font-size:0.28rem; font-weight:normal; color:#fff;
  padding-left: 0.2rem; text-transform: uppercase;}
  
  .news-lcontact-info{width: 100%; background: #fff; padding: 0.2rem 0.15rem; box-sizing: border-box;}
  .news-lcontact-li{display: flex; font-size: 0.22rem; margin-bottom: 0.15rem;}
  .news-lcontact-li:last-child{flex-wrap: nowrap;}
  .news-lcontact-li-t1{color: #01661f; margin: 0 0.08rem 0 0.2rem; white-space: nowrap;}
  .news-lcontact-li-t2{color: #333333; line-height: 1.8; margin-top: -0.06rem; white-space:inherit;}
  
  .news-lcontact-li:last-child .news-lcontact-li-t2{margin-top: -0.05rem;}
  
  .news-lcontact-message{background: #01661f; width: 3rem; height: 0.7rem; line-height: 0.7rem; text-align: center;
  margin: -0.1rem auto 0.2rem; border-radius: 0.5rem; font-size: 0.25rem;}
  .news-lcontact-message a{color: #fff; display: block;}
  .news-lcontact-message img{margin-right: 0.2rem;}
  .news-r{width: 100%;}
  .news-r .index-news .index-news-li{background: #fff;}
  .news-r .index-news .index-news-li-info{padding: 0 0.2rem; padding-bottom: 0.2rem;}
  .yema{text-align: center; margin-bottom: 0.5rem;}
  
  
  .theme-popover-mask{position:fixed;top:0;left:0;z-index:9998;display:none;width:100%;height:100%;background:#000;opacity:.4;filter:alpha(opacity=40)}
  .theme-popover{position:fixed; inset: 0; margin: auto; z-index:9999;width:90%; height: 5.8rem; padding: 0.4rem 0.55rem;
      border-radius:5px; background-color:#fff; box-shadow:0 0 10px #666; box-sizing: border-box; display: none;}
  .theme-poptit{position:absolute; right:0.3rem; top:0.2rem; transform:scale(2);}
  .Message-tit{font-size:0.3rem; color:#01661f;  margin-bottom: 0.3rem;}
  .Message-inp input{width: 100%; height: 0.6rem; line-height: 0.6rem; background: #fafafa; outline: none; border: 1px solid #dedede;
  margin-bottom: 0.1rem; box-sizing: border-box; padding-left: 0.2rem; font-size: 0.22rem;}
  .Message-inp textarea{width: 100%; height: 2rem; box-sizing: border-box; padding: 0.15rem 0.2rem; font-size: 0.22rem;
  border: 1px solid #dedede; margin-bottom: 0.1rem;}
  .Message-btn{width: 100%; height: 0.6rem; line-height: 0.6rem; background: #01661f; box-sizing: border-box; text-align: center;
    font-size: 0.22rem;}
  .Message-btn a{display: block; color: #fff;}
  
}
/*news*/

/*newsview*/
.newsview{width: 77%; background: #fff; box-sizing: border-box; padding: 0.5rem; margin-bottom: 0.3rem;}
.newsview-time{font-size: 0.18rem; color: #222;}
.newsview-time span{margin-left: 0.5rem;}
.newsview-line{width: 0.8rem; height: 2px; background: #01661f; margin: 0.33rem 0;}
.newsview-tit{font-size: 0.36rem; color: #333; font-weight: bold; line-height: 1.6;}
.newsview-txt{font-size: 0.16rem; color: #333; line-height: 1.6;}
.newsview-txt img{max-width: 100%;}
.newsview-gray{width: 100%; height: 1px; background: #dedede; margin: 0.5rem 0;}
.newsview-link{display: flex; justify-content: space-between; font-size: 0.16rem;}
.newsview-link a{color: #333;}
@media screen and (max-width:576px){

  .newsview{width: 100%; background: #fff; box-sizing: border-box; padding: 0.5rem 0.4rem;}
  .newsview-time{font-size: 0.25rem; color: #222;}
  .newsview-time span{margin-left: 0.5rem;}
  .newsview-line{width: 0.8rem; height: 2px; background: #01661f; margin: 0.33rem 0;}
  .newsview-tit{font-size: 0.36rem; color: #333; font-weight: bold; line-height: 1.6;}
  .newsview-txt{font-size: 0.22rem; color: #333; line-height: 1.8;}
  .newsview-txt img{max-width: 100%;}
  .newsview-gray{width: 100%; height: 1px; background: #dedede; margin: 0.5rem 0;}
  .newsview-link{display: flex; justify-content: space-between; font-size: 0.22rem;}
  .newsview-link a{color: #333;}

}
/*newsview*/


/*product*/

.pro-tab ul li.on a{color:var(--color); }

.Resins{
  --color: #ffa800;
}
.Natural{
  --color: #74985a;
}
.Terpene{
  --color: #4c7e7e;
}
.Polymerisation{
  --color: #a03288;
}

.product{width: 77%; background: #fff; box-sizing: border-box; padding: 0.5rem; margin-bottom: 0.3rem;}
.product-tit{font-size: 0.36rem; color: var(--color); font-weight: bold; margin-bottom: 0.4rem;}
.tabs{width:100%;overflow:hidden;position: relative;}
.tabs-control span{width: 0.3rem; height: 2.4rem; line-height: 2.4rem; display: inline-block; position: absolute; z-index: 999;}
.tabs-control .left-arrow{background: url(../images/index_tab_l.png) no-repeat center; left: 0;}
.tabs-control .right-arrow{background: url(../images/index_tab_r.png) no-repeat center; right: 0;}
.tabs ul{display: flex; padding: 0 0.6rem; box-sizing: border-box; width: 100%;overflow:hidden; }
.tabs-nav li{width: calc(100%/6); height: 2.4rem; text-align: center; box-sizing: border-box; padding: 0.15rem; border-left: 1px solid #dedede;
  position: relative; cursor: pointer;}
.tabs-nav li.active{font-weight:700}
.tabs-content{overflow:hidden}
.tab-content{display:none}
.tab-content.active{display:block}

.tabs-nav li .product-tab-icon{text-align: center;}
.tabs-nav li .product-tab-icon .green{display: none;}
.tabs-nav li .product-tab-tit{font-size: 0.16rem; color: #333; margin-top: 0.15rem; line-height: 1.6;}
.tabs-nav li.active{color: var(--color); font-weight: bold;}
.tabs-nav li.active .product-tab-icon .green{display: block; margin: 0 auto;}
.tabs-nav li.active .product-tab-icon .gray{display: none;}
.tabs-nav li.active::before{position: absolute; left: 0; right: 0; margin: auto; bottom: 0.2rem; content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 10px solid var(--color); /* 这里的颜色就是三角形的颜色 */
}
.product-Details{width: 100%; height: 0.6rem; line-height: 0.6rem; background: #e9ecee; box-sizing: border-box; padding: 0 0.2rem;
margin-top: 0.5rem; font-size: 0.2rem; color: #222; font-weight: bold; margin-bottom: 0.3rem;}
.product-content{}
.product-content-li{display: none;}
.product-content-li.current{display: block;}

.product-rosin-tit{font-size: 0.3rem; color: var(--color); font-weight: bold;}
.product-rosin-txt{font-size: 0.16rem; color: #333; line-height: 1.6; margin: 0.1rem 0 0.3rem;}
.product-rosin-two{display: flex; border-bottom: 1px solid #dedede; padding-bottom: 0.2rem; margin-bottom: 0.4rem;}
.product-rosin-two-li{margin-right: 0.3rem;}
.product-rosin-two-li img{margin-right: 0.08rem; margin-top: -0.05rem;}
.product-rosin-two-li a{color: var(--color);}

.product-region{margin-bottom: 0.5rem;}
.product-btit{font-size: 0.24rem; color: #333; font-weight: bold; margin-bottom: 0.15rem;}

table{width:100%;border-collapse:collapse;border-spacing:0; font-size:0.16rem;}
table tr{padding:5px; border-bottom: 1px solid var(--color);}
table td,table th{padding:0.1rem 0.2rem; text-align:left}
table th{text-transform:uppercase;  letter-spacing:1px; background: var(--color); color: #fff;}


.product-Apply{display: flex; flex-wrap: wrap;}
.product-Apply-li{ margin-right: 0.6rem; margin-bottom: 0.15rem; font-size: 0.16rem; color: #333;}

.product-Wrap{font-size: 0.16rem; color: #333; line-height: 1.6;}
.product-Wrap span{font-size: 0.25rem; font-weight: bold;}

.product-Related{display: flex; flex-wrap: wrap;}
.product-Related-li{width: 32%; line-height: 0.5rem; height: 0.5rem; border-radius: 0.2rem; box-sizing: border-box;
   border: 1px solid #dedede; text-align: center; margin-right: 2%;}
.product-Related-li:nth-child(3n){margin-right: 0;}
.product-Related-li.active{border-color: var(--color); background: var(--color);}
.product-Related-li.active a{color: #fff;}
.product-Related-li a{display: block;}


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


  
.product{width: 100%; background: #fff; box-sizing: border-box; padding: 0.5rem; margin-bottom: 0.3rem;}
.product-tit{font-size: 0.36rem; color: var(--color); font-weight: bold; margin-bottom: 0.3rem;}
.tabs{width:100%;overflow:hidden;position: relative;}
.tabs-control span{width: 0.3rem; height: 3rem; line-height: 2.4rem; display: inline-block; position: absolute; z-index: 999;}
.tabs-control .left-arrow{background: url(../images/index_tab_l.png) no-repeat center; left: 0; background-size: 80%;}
.tabs-control .right-arrow{background: url(../images/index_tab_r.png) no-repeat center; right: 0; background-size: 80%;}
.tabs ul{display: flex; padding: 0 0.6rem; box-sizing: border-box; width: 100%;overflow:hidden; }
.tabs-nav li{width: auto; height: 3rem; text-align: center; box-sizing: border-box; padding: 0.15rem; border-left: 1px solid #dedede;
  position: relative; cursor: pointer;}
.tabs-nav li.active{font-weight:700}
.tabs-content{overflow:hidden}
.tab-content{display:none}
.tab-content.active{display:block}

.tabs-nav li .product-tab-icon{text-align: center;}
.tabs-nav li .product-tab-icon img{transform: scale(0.8);}
.tabs-nav li .product-tab-icon .green{display: none;}
.tabs-nav li .product-tab-tit{font-size: 0.2rem; color: #333; margin-top: 0.15rem; line-height: 1.6;}
.tabs-nav li.active{color: var(--color); font-weight: bold;}
.tabs-nav li.active .product-tab-icon .green{display: block; margin: 0 auto;}
.tabs-nav li.active .product-tab-icon .gray{display: none;}
.tabs-nav li.active::before{position: absolute; left: 0; right: 0; margin: auto; bottom: 0.2rem; content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 10px solid var(--color); /* 这里的颜色就是三角形的颜色 */
}
.product-Details{width: 100%; height: 0.6rem; line-height: 0.6rem; background: #e9ecee; box-sizing: border-box; padding: 0 0.2rem;
margin-top: 0.5rem; font-size: 0.2rem; color: #222; font-weight: bold; margin-bottom: 0.3rem;}
.product-content{}
.product-content-li{display: none;}
.product-content-li.current{display: block;}

.product-rosin-tit{font-size: 0.3rem; color: var(--color); font-weight: bold;}
.product-rosin-txt{font-size: 0.22rem; color: #333; line-height: 1.6; margin: 0.1rem 0 0.3rem;}
.product-rosin-two{display: flex; border-bottom: 1px solid #dedede; padding-bottom: 0.2rem; margin-bottom: 0.4rem;}
.product-rosin-two-li{margin-right: 0.3rem; font-size: 0.22rem;}
.product-rosin-two-li img{margin-right: 0.08rem; margin-top: -0.05rem;}
.product-rosin-two-li a{color: var(--color);}

.product-region{margin-bottom: 0.5rem;}
.product-btit{font-size: 0.28rem; color: #333; font-weight: bold; margin-bottom: 0.15rem;}

  table{border:0}
table thead{display:none}
table tr{margin-bottom:10px;display:block;border-bottom:2px solid #ddd}
table td{display:block;text-align:right;font-size:0.25rem;border-bottom:1px dotted #ccc}
table td:last-child{border-bottom:0}
table td:before{content:attr(data-label);float:left;text-transform:uppercase;font-weight:700}

.product-Apply{display: flex; flex-wrap: wrap;}
.product-Apply-li{ margin-right: 0.6rem; margin-bottom: 0.15rem; font-size: 0.22rem; color: #333;}

.product-Wrap{font-size: 0.22rem; color: #333; line-height: 1.6;}
.product-Wrap span{font-size: 0.25rem; font-weight: bold;}

.product-Related{display: flex; flex-wrap: wrap;}
.product-Related-li{width: 100%; line-height: 0.7rem; height: 0.7rem; border-radius: 0.2rem; box-sizing: border-box;
   border: 1px solid #dedede; text-align: center; margin-right: 0; margin-bottom: 0.2rem; font-size: 0.25rem;}
.product-Related-li:nth-child(3n){margin-right: 0;}
.product-Related-li.active{border-color: var(--color); background: var(--color);}
.product-Related-li.active a{color: #fff;}
.product-Related-li a{display: block;}

}


/*product*/

/* CSS Document */
.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;
  }

  .paginator table tr td {
      text-align: center
  }

.Search {
  width: 100%
}

  .Search li {
      width: 100%;
      border-bottom: #D5D5D5 solid 1px;
      line-height: 0.7rem
  }