@media (min-width: 320px) {
  html {
    font-size: 266.667% !important;
  }
}
@media (min-width: 360px) {
  html {
    font-size: 300% !important;
  }
}
@media (min-width: 375px) {
  html {
    font-size: 312.5% !important;
  }
}
@media (min-width: 384px) {
  html {
    font-size: 320% !important;
  }
}
@media (min-width: 414px) {
  html {
    font-size: 345% !important;
  }
}
@media (min-width: 448px) {
  html {
    font-size: 373.333% !important;
  }
}
@media (min-width: 480px) {
  html {
    font-size: 400% !important;
  }
}
@media (min-width: 512px) {
  html {
    font-size: 426.667% !important;
  }
}
@media (min-width: 544px) {
  html {
    font-size: 453.333% !important;
  }
}
@media (min-width: 576px) {
  html {
    font-size: 480% !important;
  }
}
@media (min-width: 608px) {
  html {
    font-size: 506.667% !important;
  }
}
@media (min-width: 640px) {
  html {
    font-size: 533.333% !important;
  }
}
@media (min-width: 750px) {
  html {
    font-size: 625% !important;
  }
}
@font-face {
  font-family: 'Harmonyos';  /* project id 1252325 */
  src: url('../fonts/Harmonyos/HARMONYOS_SANS_SC_MEDIUM.TTF') format('truetype');
}
@font-face {
  font-family: 'Harmonyos-regular';  /* project id 1252325 */
  src: url('../fonts/Harmonyos/HARMONYOS_SANS_SC_REGULAR.TTF') format('truetype');
}



body {
  width: 100%;
  /* font: 14px Helvetica, Arial, Microsoft Yahei, sans-serif;  */
   font-family: 'Harmonyos'; 
  line-height: 2;
  font-size: 0.28rem;
}
.image{font-size: 0;line-height: 0;}
.image img{max-width: 100%;}
.pc {
  display: none !important;
}
.container { width: 92%; margin: auto;}
.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  overflow-x: hidden;
}
.main {
  /* flex: 1; */
}
i.fa {
  font-size: 0.48rem;
}

/* 导航 */
.phone-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  padding: 0 10px;
  box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
  margin: 0 auto;
  position: fixed;
  z-index: 10000;
  background-color: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.phone-nav .logo {
  display: flex;
  align-items: center;
}
.phone-nav .logo img {
  height: 30px;
}
.header-gap {
  height: 50px;
}

.main_menu {
  position: fixed;
  top: 50px;
  left: 0px;
  width: 100%;
  z-index: 500;
  background: #ffffff;
  height: 0px;
  overflow: auto;
  transition: all 350ms ease;
}
.show-main {
  height: calc(100% - 50px);
  transition: all 350ms ease;
}
.menu-top li {
  list-style: none;
  background: #f7f8f9;
  margin-bottom: 5px;
  border-radius: 3px;
  color: #000000;
}
.menu-top li:first-child {
  margin-top: 10px;
  color: #000000;
}
.page-content {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  transition: all 350ms ease;
}
.menu-top {
  background-color: rgba(255, 255, 255, 1);
  height: 0px;
  width: 92%;
  margin: auto;
  overflow: hidden;
  transition: all 350ms ease;
  color: #000000;
}
.show-menus {
  height: 100%;
  transition: all 350ms ease;
  overflow-y: scroll;
}
.menu-top .icon3 {
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  position: absolute;
  right: 24px;
  top: 18px;
  font-size: 18px;
  transition: all 350ms ease;
}
.menu-top .icon4 {
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  position: absolute;
  right: 24px;
  top: 23px;
  font-size: 18px;
  transition: all 350ms ease;
}
.menu-top a {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  padding: 10px 20px;
  display: block;
  position: relative;
  overflow: hidden;
  color: #000000;
}
.submenu {
  max-height: 0px;
  overflow: hidden;
  transition: all 350ms ease;
}
.submenu a {
  padding: 10px 20px 10px 40px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  transition: all 350ms ease;
  color: #000000;
}
.childmenu a {
  padding: 10px 20px 10px 60px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  transition: all 350ms ease;
  color: #000000;
}

.show-submenu {
  max-height: 5000px !important;
  transition: all 350ms ease;
}
.show-navigation .layui-icon-close,
.menu-top .layui-icon-subtraction {
  display: none;
}
.show-navigation .layui-icon {
  font-size: 24px;
}
.menu-top .layui-icon {
  float: right;
  /* margin-right: 24px; */
}




/* 主体 */
.tit{position: relative;width: 100%;text-align: center;}
.tit .catname{font-size:calc(1.5vw + 20px);line-height: 1;margin-bottom:12px;color: #00513e;}
.tit .catdes{font-size:calc(0.2vw + 14px);line-height: 1;margin-bottom:20px;color: #333333;}
.tit .catdes1{font-size:16px; line-height: 1;color: #00513e;display: flex;align-items: center;flex-wrap: wrap;}
.tit .catdes2{font-size:calc(0.2vw + 14px); line-height: 1;color: #f5bb1e;text-align: center;flex-wrap: wrap;}
.tit .catdes1 span{width:3vw;height:2px; background: #00513e;display: inline-block;margin: 0px 3px; line-height: 1;}

.abouttit{padding: calc(2vw + 10px) 0;}
.abouttit .catname{font-size:calc(1.2vw + 16px);}
.abouttit .des{color:#333333;font-size:14px;line-height: 1.7;text-align: justify;}

.orientation {
  margin: 25px auto 0px;
  line-height: 30px;
}

/* 首页banner */

.index-banner{overflow: hidden;background: #fff;font-size: 0;line-height: 0; width:100%;margin: auto;margin-top: 50px;font-size: 0;line-height: 0;}
.index-banner img{
    width:100%;
    margin: auto;
   
    transition:1s linear 2s;
    transform:scale(1.1,1.1) rotate(0.1deg);
    }
    .index-banner .swiper-slide-active img,.swiper-slide-duplicate-active img{
    transition:6s linear;
    transform:scale(1,1) rotate(0.1deg);
    }	

.swiper-button-prev{left: -40px;width: 20px;height: 20px;overflow: hidden;display: none;}
.swiper-button-next{right: -40px;width: 20px;height: 20px;overflow: hidden;display: none;}
.index-banner .swiper-button-next{outline:none;color:#ffffff;right: 20px;}
.index-banner .swiper-button-prev{outline:none;color:#ffffff;left: 20px;}
.index-banner  .swiper-pagination{}
.index-banner  .swiper-pagination .swiper-pagination-bullet{background: #ffffff;opacity: 1;}
.index-banner  .swiper-pagination .swiper-pagination-bullet-active{background: rgba(207,0,16,1);opacity:1;}
.index-banner video{width: 100%;}


/* 内页banner */

.inside-banner {overflow: hidden;font-size: 0;line-height: 0; width:100%;margin-top: 50px;position: relative;}
.inside-banner img{ width:100%;margin: auto; }

.inside-banner .about-list{margin-top:0px;width: 100%;  overflow: hidden;padding: 2vw 0px; z-index: 100;line-height: 2;background: rgba(127,189,66,0.8);}
.inside-banner .about-list ul{display: flex;justify-content:space-between;flex-wrap: wrap;gap: 2%;}
.inside-banner .about-list ul li{float: left; margin-right: 2%; display: flex;align-items: center;flex-wrap: wrap;border-radius: 5px;}
.inside-banner .about-list ul li:nth-child(3n){margin-right: 0px;}
.inside-banner .about-list ul li .numCX{font-size: calc(24px + 1vw);line-height:2; color:#ffffff;position: relative;font-weight: bold;}
.inside-banner .about-list ul li .numCX::after{content:"+";position: absolute;left: calc(100% + 5px);top: -5px;width: 20px;height: 20px;color: #ffffff;font-size: 16px;line-height: 20px;}
.inside-banner .about-list ul li sub{font-size:12px;color:#ffffff;}
.inside-banner .about-list ul li .indc{font-size: calc(14px + 0.2vw);color:#ffffff;line-height: 1;text-align: center;}



/* 内页导航 */
.inset {width: 100%;  overflow: hidden;  padding:20px 0px 1px;line-height: 2;}
.inset img{max-width: 100%;}
.inset .editor img{max-width: 100%;}

.inset-cate {text-align:center;margin-bottom: 20px;line-height: 1.5;}
.inset-cate .cate{ font-size: 22px;text-align: center; }
.inset-cate .catedes{font-size: 16px;color: #666666;margin:10px auto;}
.inset-cate .catelist{width: 100%;overflow: hidden;}
.inset-cate .catelist ul{width: 100%;display: flex;justify-content: center;}
.inset-cate .catelist ul li{line-height: 40px;text-align: center;float: left;border-radius:21px;overflow: hidden;}
.inset-cate .catelist ul li a{display: block;padding:0px 10px;height: 100%;font-size: 18px;color: #999999;position: relative;}
.inset-cate .catelist ul li a::after{content: "";position: absolute;left: calc(50% - 15px);bottom: 0px;width: 0px;height: 6px;border-radius: 3px; background: #60b827;}

.insetcate{text-align: center;padding:20px 0px 10px;}
.insetcate .title{font-size: 22px;line-height: 1.2;color: #004c38;}
.insetcate .entitle{font-size: 16px;color: #000000;}


.sidenav{overflow:hidden;border-bottom: 1px solid #e5e5e5;padding-bottom: 20px;}
.sidenav .crumb{float: left; color: #666666;line-height:40px;}
.sidenav .crumb a{color: #666666;}
.sidenav .right{overflow: hidden;}
.sidenav ul{overflow: hidden;}
.sidenav ul li{float:left; overflow: hidden;margin-bottom: 1px;position: relative;transition: 0.3s;margin-right: 20px;background: #004c38;border-radius: 15px;}
.sidenav ul li a {color: #ffffff;  font-size:15px;margin: auto; display: block; position: relative;transition: 0.3s;padding: 0px 20px;line-height: 30px;  }
.sidenav ul li.cur{background: #ea6e66;}

.sidenav .search{float: right;}
.sidenav .search .form{width:260px;height:45px; background: #f9f9f9;border-radius: 23px;overflow: hidden;}
.sidenav .search input{width: 220px;float: left; height: 45px;border: none;background: #f9f9f9;outline: none;text-indent: 30px;}
.sidenav .search .icon{float: left;line-height: 45px;}




.iAbout{ position: relative;overflow: hidden; margin: auto;padding: 20px 0px; }
.iAbout .container{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.iAbout .about-left{width: 100%;max-width:575px; float: left;transition: 0.2s;margin-bottom: 15px;}
.iAbout .about-left .tit{position: relative;margin-bottom: 20px;}

.iAbout .about-right{width:100%;max-width:760px;margin: auto; overflow: hidden;}
.iAbout .about-right .details{margin-bottom: 20px;margin-top: 14px;color:#666666;font-size: calc(0.1vw + 14px);}
.iAbout .about-right a{display: block;width:100px; height:30px;line-height:30px; text-align: center;font-size: 14px;color: #ffffff;background: #8bc352;border-radius: 5px;}
.iAbout .about-right .about-list{margin-top:calc(20px + 1.5vw);width: 100%;  overflow: hidden;}
.iAbout .about-right .about-list ul li{float: left;width: calc(32% - 2px); margin-right: 2%; display: flex;align-items: center;flex-wrap: wrap;border-radius: 5px;}
.iAbout .about-right .about-list ul li:nth-child(3n){margin-right: 0px;}
.iAbout .about-right .about-list ul li .numCX{font-size: calc(20px + 1vw);line-height: 1.5; color:#8bc352;position: relative;font-weight: bold;}
.iAbout .about-right .about-list ul li .numCX::after{content:"+";position: absolute;left: calc(100% + 5px);top: -10px;width: 0px;height: 0px;color: #8bc352;font-size: 16px;}
.iAbout .about-right .about-list ul li sub{font-size:14px;color:#8bc352;}
.iAbout .about-right .about-list ul li .indc{font-size: calc(14px + 0.1vw);color:#000000;}

.iSelling-chart{width: 100%;margin: auto;background: #efefef;padding: calc(20px + 4vw) 0px;}
.iSelling-chart .container1{width:100%; margin: 0 auto;display: flex;justify-content: space-between;}
.iSelling-chart .chart{width: 100%;margin: auto;display: flex;align-items: center;justify-content: center;margin-top: calc(20px + 3vw); }
.iSelling-chart .chart img{width: 100%;}

.iSelling-chart .chart .chartlist{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 100;}
.iSelling-chart .chart .chartlist ul{width: 100%;height: 100%;z-index: 100;position: relative;}
.iSelling-chart .chart .chartlist li{font-size:10px;line-height: 1;position: absolute;}
/* .iSelling-chart .chart .chartlist li::before{position: absolute;content:""; top: calc(100% + 5px);left: calc(50% - 2px);} */
.iSelling-chart .chart .chartlist li{width: 5px;height: 5px;border-radius: 3px; background: #e60012;}
.iSelling-chart .chart .chartlist li::before{background: #ffffff;border: 1px solid #aebbb8;border-radius: 2px;color:#00513d;line-height: 14px; text-align: center;transition:0.3s;}

.iSelling-chart .chart .chartlist .li1{top: 44.2%;left: 76.1%;width: 8px;height: 8px;border-radius: 4px; background: #e60012;}
.iSelling-chart .chart .chartlist .li1::before{position: absolute;content:"浙江|湖州";color:#e60012; width: 50px;height: 14px; top: calc(100% - 30px);left: calc(50% - 25px);}
.iSelling-chart .chart .chartlist .li2{top: 21.7%;left: 54.5%; }
.iSelling-chart .chart .chartlist .li2::before{position: absolute;content:"圣彼得堡"; width: 50px;height: 14px; top: calc(100% - 20px);left: calc(50% - 25px);}

.iSelling-chart .chart .chartlist .li3{top: 27.8%;left: 48.6%; }
.iSelling-chart .chart .chartlist .li3::before{position: absolute;content:"汉堡"; width: 30px;height: 14px; top: calc(100% - 20px);left: calc(50% - 15px);}

.iSelling-chart .chart .chartlist .li4{top: 28.5%;left: 46.9%; }
.iSelling-chart .chart .chartlist .li4::before{position: absolute;content:"伦敦";width: 30px;height: 14px; top: calc(100% - 20px);left: calc(50% - 15px);}

.iSelling-chart .chart .chartlist .li5{top: 30.3%;left: 47.5%; }
.iSelling-chart .chart .chartlist .li5::before{position: absolute;content:"巴黎";width: 30px;height: 14px; top: calc(100% - 20px);left: calc(50% - 15px);}

.iSelling-chart .chart .chartlist .li6{top: 31.1%;left: 49.8%; }
.iSelling-chart .chart .chartlist .li6::before{position: absolute;content:"布达佩斯"; width: 50px;height: 14px; top: calc(100% - 20px);left: calc(50% - 25px);}

.iSelling-chart .chart .chartlist .li7{top: 33.9%;left: 47.0%;  }
.iSelling-chart .chart .chartlist .li7::before{position: absolute;content:"勒阿佛尔港";width: 54px;height: 14px; top: calc(100% - 20px);left: calc(50% - 27px);}

.iSelling-chart .chart .chartlist .li8{top: 34.0%;left: 48.9%;  }
.iSelling-chart .chart .chartlist .li8::before{position: absolute;content:"米兰"; width: 30px;height: 14px; top: calc(100% - 20px);left: calc(50% - 15px);}

.iSelling-chart .chart .chartlist .li9{top: 35.02%;left: 29.37%; }
.iSelling-chart .chart .chartlist .li9::before{position: absolute;content:"纽约"; width: 30px;height: 14px; top: calc(100% - 20px);left: calc(50% - 15px);}

.iSelling-chart .chart .chartlist .li10{top: 35.47%;left: 25.27%; }
.iSelling-chart .chart .chartlist .li10::before{position: absolute;content:"芝加哥";width: 36px;height: 14px; top: calc(100% - 20px);left: calc(50% - 18px);}

.iSelling-chart .chart .chartlist .li11{top: 40.17%;left: 17.63%; }
.iSelling-chart .chart .chartlist .li11::before{position: absolute;content:"旧金山"; width: 36px;height: 14px; top: calc(100% - 20px);left: calc(50% - 18px);}

.iSelling-chart .chart .chartlist .li12{top: 78.2%;left: 34.9%; }
.iSelling-chart .chart .chartlist .li12::before{position: absolute;content:"圣保罗"; width: 36px;height: 14px; top: calc(100% - 20px);left: calc(50% - 18px);}

.iSelling-chart .chart .chartlist .li13{top: 84.2%;left: 29.5%; }
.iSelling-chart .chart .chartlist .li13::before{position: absolute;content:"瓦尔帕莱索港"; width: 70px;height: 14px; top: calc(100% - 20px);left: calc(50% - 35px);}

.iSelling-chart .chart .chartlist .li14{top: 86%;left: 32.7%; }
.iSelling-chart .chart .chartlist .li14::before{position: absolute;content:"布宜诺斯艾利斯";width: 80px;height: 14px; top: calc(100% - 20px);left: calc(50% - 40px);}

.iSelling-chart .chart .chartlist .li15{top: 49.7%;left: 65.32%; }
.iSelling-chart .chart .chartlist .li15::before{position: absolute;content:"孟买"; width: 30px;height: 14px; top: calc(100% - 20px);left: calc(50% - 15px);}


.iSelling-chart .chart .chartlist .li16{top: 53.4%;left: 72.1%;}
.iSelling-chart .chart .chartlist .li16::before{position: absolute;content:"曼谷"; width: 30px;height: 14px; top: calc(100% - 20px);left: calc(50% - 15px);}

.iSelling-chart .chart .chartlist .li17{top: 57.06%;left: 71.67%;}
.iSelling-chart .chart .chartlist .li17::before{position: absolute;content:"吉隆坡"; width: 36px;height: 14px; top: calc(100% - 20px);left: calc(50% - 18px);}

.iSelling-chart .chart .chartlist .li18{top: 61.66%;left: 72.67%;}
.iSelling-chart .chart .chartlist .li18::before{position: absolute;content:"新加坡"; width: 36px;height: 14px; top: calc(100% - 20px);left: calc(50% - 18px);}

.iSelling-chart .chart .chartlist .li19{top:66.4%;left: 73.55%; }
.iSelling-chart .chart .chartlist .li19::before{position: absolute;content:"雅加达"; width: 36px;height: 14px; top: calc(100% - 20px);left: calc(50% - 25px);}

.iSelling-chart .chart .chartlist .li20{top:86.45%;left: 83.07%; }
.iSelling-chart .chart .chartlist .li20::before{position: absolute;content:"墨尔本"; width: 36px;height: 14px; top: calc(100% - 20px);left: calc(50% - 25px);}



.iSelling-chart .chart .chartlist .li21{top:40.25%;left: 73.07%; }
.iSelling-chart .chart .chartlist .li21::before{position: absolute;content:"西安"; width: 30px;height: 14px; top: calc(100% - 20px);left: calc(50% - 15px);}

.iSelling-chart .chart .chartlist .li22{top:43.75%;left: 73.69%; }
.iSelling-chart .chart .chartlist .li22::before{position: absolute;content:"武汉"; width: 30px;height: 14px; top: calc(100% - 20px);left: calc(50% - 15px);}

.iSelling-chart .chart .chartlist .li23{top:44.85%;left: 72.09%;   }
.iSelling-chart .chart .chartlist .li23::before{position: absolute;content:"成都"; width: 30px;height: 14px; top: calc(100% - 20px);left: calc(50% - 15px);}

.iSelling-chart .chart .chartlist .li24{top:49.65%;left: 75.09%;  }
.iSelling-chart .chart .chartlist .li24::before{position: absolute;content:"广州"; width: 30px;height: 14px; top: calc(100% - 20px);left: calc(50% - 15px);}

.iSelling-chart .chart .chartlist .li25{top:49.65%;left: 75.09%; }
.iSelling-chart .chart .chartlist .li25::before{position: absolute;content:"香港"; width: 30px;height: 14px; top: calc(100% + 5px);left: calc(100% + 10px);}

.iSelling-chart .chart .chartlist .li26{top:38.55%;left: 75.97%; }
.iSelling-chart .chart .chartlist .li26::before{position: absolute;content:"北京"; width: 30px;height: 14px; top: calc(100% - 20px);left: calc(50% - 15px);}

.iSelling-chart .chart .chartlist .li27{top:44.95%;left: 77.17%;  }
.iSelling-chart .chart .chartlist .li27::before{position: absolute;content:"上海"; width: 30px;height: 14px; top: calc(100% - 20px);left: calc(50% - 15px);}

.iSelling-chart .chart .chartlist .li28{top:39.55%;left: 78.67%; }
.iSelling-chart .chart .chartlist .li28::before{position: absolute;content:"首尔"; width: 30px;height: 14px; top: calc(100% - 20px);left: calc(50% - 15px);}

.iSelling-chart .chart .chartlist .li29{top:40.55%;left: 80.57%; }
.iSelling-chart .chart .chartlist .li29::before{position: absolute;content:"神户"; width: 30px;height: 14px; top: calc(100% - 20px);left: calc(50% - 15px);}
.iSelling-chart .chart .chartlist .li30{top:40.55%;left: 80.57%; }
.iSelling-chart .chart .chartlist .li30::before{position: absolute;content:"大阪"; width: 30px;height: 14px; top: calc(100% + 2px);left: calc(50% - 15px);}

.iSelling-chart .chart .chartlist .li31{top:40.55%;left: 81.57%; }
.iSelling-chart .chart .chartlist .li31::before{position: absolute;content:"东京"; width: 30px;height: 14px; top: calc(100% - 20px);left:100%;}











.Selling-chart{margin: auto;margin-top: calc(18px + 1vw);}
.Selling-chart .des1{font-size: calc(16px + 1.5vw) ;font-weight: bold;line-height: 1;margin-bottom: 20px; text-align: center; color: #f6b300; position: relative;
  transition: 0.3s;/*text-shadow: 0px 2px  1px rgba(0,0,0,0.5);*/}
.Selling-chart .des2{max-width: 80%;margin: auto; font-size: calc(14px + 0.2vw);text-align: center;  color: #000; position: relative;transition: 0.3s;}



.iScale{width: 100%;margin: auto;padding: 20px 0px;}
.iScale .tit{text-align: center;}
.iScale .scale-list{margin-top:20px;width: 100%;  overflow: hidden;}
.iScale .scale-list ul li{float: left;margin-bottom: calc(15px + 0.7vw);transition: 0.3s; width: calc(49% - 2px); margin-right: 2%; display: flex;align-items: center;justify-content: center;flex-wrap: wrap;padding: 20px 0px;border:1px solid #8bc352;border-radius: 5px;}
.iScale .scale-list ul li:nth-child(2n){margin-right: 0px;}
.iScale .scale-list ul li .item{width: 100%;}
.iScale .scale-list ul li .image{height: 80px;display: flex;align-items: center;justify-content: center;margin-bottom: 5px;transition: 0.3s;}
.iScale .scale-list ul li .numU{text-align: center;}
.iScale .scale-list ul li .numCX{font-size: calc(20px + 2vw);line-height: 2; color:#8bc352;position: relative;font-weight: bold;transition: 0.3s;}
.iScale .scale-list ul li .numCX::after{content:"+";position: absolute;left: calc(100% + 5px);top: -20px;width: 0px;height: 0px;color: #8bc352;font-size: 25px;transition: 0.3s;}
.iScale .scale-list ul li sub{font-size: calc(14px + 0.1vw);color:#8bc352;transition: 0.3s;transition: 0.3s;}
.iScale .scale-list ul li .indc{font-size: calc(14px + 0.1vw);color:#000000;text-align: center;transition: 0.3s;width: 90%;margin: auto;}



.iProducts{width: 100%;padding: calc(20px + 6vw) 0px;width: 100%;overflow: hidden;background: #f7f7f7;}

.iProducts .cat-title{width: 100%;overflow: hidden; position: relative;margin: calc(10px + 1vw) 0px;}
.iProducts .cat-title ul{margin: auto;}
.iProducts .cat-title ul li{text-align: center;border-radius: 25px;overflow: hidden;float: left;width:24%;margin-right: 1.33%;}
.iProducts .cat-title ul li:nth-child(4n){margin-right: 0px;}
.iProducts .cat-title ul li a{display: block;line-height:30px;font-size: 14px;padding:0px;color:#00513e;border: 1px solid #00513e;border-radius: 15px;}
.iProducts .cat-title ul li.active a{color:#ffffff;background: #ea6e66;border: 1px solid #ea6e66;}


.iProducts .iProducts_details{width: 100%;position: relative;}

.iProducts .iProducts_details .iProducts-next1{width:50px;z-index:10;height:50px;border-radius: 25px;background: #f8f8f8;display: flex;align-items: center;justify-content: center;font-size: 0;line-height: 0; position: absolute;left: calc(100% + 10px);top:200px;}
.iProducts .iProducts_details .iProducts-prev1{width:50px;z-index:10;height:50px;border-radius: 25px;background: #f8f8f8;display: flex;align-items: center;justify-content: center;font-size: 0;line-height: 0; position: absolute;left: -60px;top:200px;}
.iProducts .iProducts_details .iProducts-next2{width:50px;z-index:10;height:50px;border-radius: 25px;background: #f8f8f8;display: flex;align-items: center;justify-content: center;font-size: 0;line-height: 0; position: absolute;left: calc(100% + 10px);top:200px;}
.iProducts .iProducts_details .iProducts-prev2{width:50px;z-index:10;height:50px;border-radius: 25px;background: #f8f8f8;display: flex;align-items: center;justify-content: center;font-size: 0;line-height: 0; position: absolute;left: -60px;top:200px;}
.iProducts .iProducts_details .iProducts-next3{width:50px;z-index:10;height:50px;border-radius: 25px;background: #f8f8f8;display: flex;align-items: center;justify-content: center;font-size: 0;line-height: 0; position: absolute;left: calc(100% + 10px);top:200px;}
.iProducts .iProducts_details .iProducts-prev3{width:50px;z-index:10;height:50px;border-radius: 25px;background: #f8f8f8;display: flex;align-items: center;justify-content: center;font-size: 0;line-height: 0; position: absolute;left: -60px;top:200px;}
.iProducts .iProducts_details .iProducts-next4{width:50px;z-index:10;height:50px;border-radius: 25px;background: #f8f8f8;display: flex;align-items: center;justify-content: center;font-size: 0;line-height: 0; position: absolute;left: calc(100% + 10px);top:200px;}
.iProducts .iProducts_details .iProducts-prev4{width:50px;z-index:10;height:50px;border-radius: 25px;background: #f8f8f8;display: flex;align-items: center;justify-content: center;font-size: 0;line-height: 0; position: absolute;left: -60px;top:200px;}
.iProducts .iProducts_details .iProducts-next5{width:50px;z-index:10;height:50px;border-radius: 25px;background: #ffffff;display: flex;align-items: center;justify-content: center;font-size: 0;line-height: 0; position: absolute;left: calc(100% + 10px);top:200px;}
.iProducts .iProducts_details .iProducts-prev5{width:50px;z-index:10;height:50px;border-radius: 25px;background: #ffffff;display: flex;align-items: center;justify-content: center;font-size: 0;line-height: 0; position: absolute;left: -60px;top:200px;}
.iProducts .iProducts_details .iProducts-next6{width:50px;z-index:10;height:50px;border-radius: 25px;background: #ffffff;display: flex;align-items: center;justify-content: center;font-size: 0;line-height: 0; position: absolute;left: calc(100% + 10px);top:200px;}
.iProducts .iProducts_details .iProducts-prev6{width:50px;z-index:10;height:50px;border-radius: 25px;background: #ffffff;display: flex;align-items: center;justify-content: center;font-size: 0;line-height: 0; position: absolute;left: -60px;top:200px;}
.iProducts .iProducts_details .iProducts-next7{width:50px;z-index:10;height:50px;border-radius: 25px;background: #ffffff;display: flex;align-items: center;justify-content: center;font-size: 0;line-height: 0; position: absolute;left: calc(100% + 10px);top:200px;}
.iProducts .iProducts_details .iProducts-prev7{width:50px;z-index:10;height:50px;border-radius: 25px;background: #ffffff;display: flex;align-items: center;justify-content: center;font-size: 0;line-height: 0; position: absolute;left: -60px;top:200px;}
.iProducts .iProducts_details .iProducts-next8{width:50px;z-index:10;height:50px;border-radius: 25px;background: #ffffff;display: flex;align-items: center;justify-content: center;font-size: 0;line-height: 0; position: absolute;left: calc(100% + 10px);top:200px;}
.iProducts .iProducts_details .iProducts-prev8{width:50px;z-index:10;height:50px;border-radius: 25px;background: #ffffff;display: flex;align-items: center;justify-content: center;font-size: 0;line-height: 0; position: absolute;left: -60px;top:200px;}


.iProducts .iProducts_con{width: 100%;margin: auto; display:none;position:relative;}
.iProducts .iProducts_con .swiper{overflow: hidden;}
.iProducts .iProducts_con:nth-child(1){display: block;}
.iProducts .iProducts_con ul{}
.iProducts .iProducts_con ul li{float: left;overflow: hidden;}
.iProducts .iProducts_con ul li .details{overflow: hidden;transition: 0.3s;}
.iProducts .iProducts_con ul li .details a{width:calc(100% - 0px);margin: auto;display: block;}
.iProducts .iProducts_con ul li .details .image{ overflow: hidden; display: flex;align-items: center;justify-content: center;height:345px}
.iProducts .iProducts_con ul li .details .image img{width: 100%;}
.iProducts .iProducts_con ul li .details img{transition: 0.6s;max-height:345px}

.iProducts .iProducts_con ul li .details .title { font-size: calc(18px + 0.6px);padding:20px 0px 10px; color: #003a25; position: relative;transition: 0.3s;}
.iProducts .iProducts_con ul li .details .des { font-size: calc(14px + 0.1vw) ; color: #666666; position: relative;transition: 0.3s;}
.iProducts .iProducts_con ul li .details .des p{font-size: calc(14px + 0.1vw) ; color: #666666; position: relative;transition: 0.3s;padding-left: 10px;position: relative;}
.iProducts .iProducts_con ul li .details .des p::before{content:"";position: absolute;left: 0;top:14px; width:4px;height: 4px;background:#333 ;border-radius: 2px;}
#part_best_selling .iProducts_con{height: 530px;}
#part_cxxl .iProducts_con{height: 440px;}

.iSlogan{width: 100%;padding: calc(20px + 3vw) 0px ;width: 100%;overflow: hidden;}
.iSlogan .container{overflow: hidden;}
.iSlogan .slogan{font-size: 16px;line-height: 1.5; color:#00523e;text-align: center;}
.iSlogan .slogan p{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;font-weight: bold;}
.iSlogan .slogan span{font-size:16px;line-height: 1.5;font-weight: bold; color:#00513e;}
.iSlogan .slogan span.span2{width:35px;height:5px; background: #00513e;display: inline-block;margin: 0px 4px; line-height: 1;display: none;}





.iMessage ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.iMessage ul .w50{width:calc(100% - 0px);position: relative; overflow:hidden;margin-bottom:12px;border-radius: 5px;}
.iMessage ul .w100{width:calc(100% - 0px);position: relative; overflow:hidden;margin-bottom:12px;border-radius: 5px;}
.iMessage ul li p{margin-bottom: 10px;}
.iMessage ul li p span{color: #e60012;}
.iMessage ul li input{width:calc(100% - 2px);text-indent:10px; float:left;height:45px;line-height:45px;border:1px solid #e6e6e6;outline: none;background: #ffffff; border-radius:5px;}
.iMessage ul li textarea{width:calc(100% - 2px);text-indent:10px; float:left;height:135px;line-height:45px;border:1px solid #e6e6e6;outline: none;border-radius:5px;}
.iMessage ul .captcha{width: 100%;margin-bottom:12px;}
.iMessage ul .captcha input{width:108px;margin-right: 10px;}
.iMessage ul .captcha img{height: 45px;border:1px solid #e6e6e6;border-radius: 5px;}
.iMessage .messagesubmit{width: 338px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border: none;
  background: #2c9292;
  border-radius:5px;
  color: #fff;
  cursor: pointer;
}

/*药物警戒*/
.report-Pharm{width: 100%;overflow: hidden;} 
.report-Pharm .details ul li{float: left;width: calc(100% - 24px);position: relative;border-bottom:1px solid #ebecef;padding: 5px 0px; overflow: hidden;}
.report-Pharm .details ul li .tt{font-size: calc(15px + 0.2vw);line-height: 36px;color: #004a9d;position: relative;}
.report-Pharm .details ul li .tt .image{ position: absolute;right: 0px;top: 8px;transition: 0.6s;width: 20px;height: 20px;border-radius: 10px;overflow: hidden;display: flex;align-items: center;justify-content: center;background-color: #2c9292;}
.report-Pharm .details ul li .con{height:0px; overflow: hidden;font-size: calc(14px + 0.1vw); color:#000000;transition: 0.6s;}
.report-Pharm .details ul li.active .con{height:auto;margin-top: 22px; overflow: hidden;}
.report-Pharm .details ul li.active .tt .image{transform: rotate(180deg);background: #5dc2d0;}

.report-Form{width: 100%;margin: auto;}
.report-Form .report-Form-tt{margin: calc(10px + 1vw) auto;text-align: center;font-size: calc(18px + 0.9vw);color: #2a2a2a;}
.report-Form .Form-tt{font-size: calc(16px + 0.4vw);line-height: 2.2; color: #333333;}
.report-Form-details{width: calc(100% - 40px);padding: 20px; box-shadow: 0px 0px 5px 5px #f7f7f7;border-radius: 20px; }
.report-Form-details ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.report-Form-details .w25{width: calc(100% - 0px);}
.report-Form-details .w50{width: calc(100% - 0px);}
.report-Form-details .w50 .input{display: flex;justify-content: space-between;}
.report-Form-details .w100{width: calc(100% - 0px);}
.report-Form-details .w1000{width: calc(100% - 0px);}
.report-Form-details ul li{margin-bottom: 12px;}
.report-Form-details ul li .tt{margin-bottom: 10px;color: #666666;}
.report-Form-details ul li .tt span{color: #e60012;}
.report-Form-details ul li input{width:calc(100% - 2px);text-indent:10px; float:left;height:45px;line-height:45px;border:1px solid #e6e6e6;outline: none;background: #ffffff; border-radius:5px;}
.report-Form-details .w50 .input input{width:calc(48% - 2px);}
.report-Form-details ul li textarea{width:calc(100% - 2px);text-indent:10px; float:left;height:135px;line-height:45px;border:1px solid #e6e6e6;outline: none;border-radius:5px;}
.report-Form-details ul li select{width:calc(100% - 2px);color: #666666; float:left;height:45px;line-height:45px;border:1px solid #e6e6e6;outline: none;background: #ffffff; border-radius:5px;}
.report-Form-details .w1000 .list{float: left;display: flex;align-items: center;margin-right: 25px;height: 45px;}
.report-Form-details .w1000 .list input{width: 15px;height: 15px;float: left;margin-right: 5px;}
.report-Form-details .w1000 .list input.more{width: 120px;height: 45px;float: left;border:none; border-bottom:1px solid #e6e6e6;}
.report-Form-details ul .captcha{width: 100%;margin-bottom:12px;}
.report-Form-details ul .captcha input{width:120px;margin-right: 10px;}
.report-Form-details ul .captcha img{height: 45px;border:1px solid #e6e6e6;border-radius: 5px;}
.report-Form-details .messagesubmit{width: 300px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border: none;
  background: #2c9292;
  border-radius:5px;
  color: #fff;
  cursor: pointer;
}
/*关于我们*/

/*关于我们*/
.pagecol .editor{font-size:24px;}

.abouttit{padding: calc(2vw + 10px) 0;}
.abouttit .catname{font-size:calc(1.4vw + 12px);}
.abouttit .des{color:#30416b;font-size:18px;}

.aboutpage1{position: relative;overflow: hidden;padding: calc(20px + 3vw) 0px;}
.aboutpage1 .details{width: 100%;overflow: hidden;}
.aboutpage1 .details .tt{font-size: calc(20px + 1vw);color: #69b221;line-height: 2;display: flex;align-items: center;flex-wrap: wrap;}
.aboutpage1 .details .tt span.span2{width:35px;height:3px; background: #69b221;display: inline-block;margin: 0px 4px; line-height: 1;}
.aboutpage1 .details .con{margin-top:10px;font-size: 15px;}
.aboutpage1 .details .con1{margin-top:10px;font-size: 15px;}
/*企业文化*/
.aboutpage2{margin-top: calc(20px + 1vw) ; padding: 30px 0px;max-width: 1920px;margin: auto; position:relative;background: url('../images/aboutbg-2.png') no-repeat top center;background-size: cover;}
.aboutpage2 .about-tit{width: 100%;text-align: center;margin-bottom:10px;}
.aboutpage2 .about-tit .catname{font-size:calc(1.4vw + 12px);color: #ffffff;margin-bottom: 12px;line-height: 1;}
.aboutpage2 .about-tit .catdes{font-size:18px;color: #ffffff;}
.aboutpage2 .container{width: 92%;margin: auto;}
.aboutpage2 ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.aboutpage2 ul li{width:100%;background: #ffffff;border-radius: 10px;overflow: hidden;box-shadow:2px 2px 2px 1px rgba(0,0,0,0.1);transition: 0.3s;margin-bottom: 10px;}
.aboutpage2 ul li .image{width: 100%;font-size: 0; line-height: 0;overflow: hidden;display: flex;justify-content: center;align-items: center;height:180px;border-bottom: 2px solid #69b221;}
.aboutpage2 ul li .image img{transition: 0.3s;max-width: 90px;}
.aboutpage2 ul li .tt{margin-top:calc(20px + 1vw); font-size: calc(20px + 1.4vw);font-weight: bold;color: #000000;position: relative;text-align: center;}
.aboutpage2 ul li .con{ overflow: hidden;font-size: calc(14px + 0.1vw); color:#000000;transition: 0.3s;text-align: center;margin-bottom: calc(20px + 3vw);}


.aboutpage3{position:relative;background-size: 100%;max-width: 1920px;margin: auto;padding: 80px 0px;background: #7ebc41;}
.aboutpage3 .bg{font-size: 0; line-height: 0;overflow: hidden;width: 100%;}
.aboutpage3 .bg img{max-width: 100%;}
.aboutpage3 .about-tit{width: 100%;position: absolute;top: 6%;left: 0;z-index: 10;}
.aboutpage3 .about-tit .catname{font-size:calc(1.4vw + 12px);color: #ffffff;margin-bottom: 12px;line-height: 1;display: flex;align-items: center;}
.aboutpage3 .about-tit .catname span.span2{width:35px;height:3px; background: #ffffff;display: inline-block;margin: 0px 4px; line-height: 1;}
.aboutpage3 .about-tit .catdes{font-size:18px;color: #ffffff;}
.aboutpage3 .container{width: 92%;margin: auto;}
.aboutpage3 .about-reliable{position: relative;}
.aboutpage3 .about-reliable ul{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.aboutpage3 .about-reliable ul li{position: relative;}
.aboutpage3 .about-reliable ul li.item1{display: block; position: absolute;left: 76.8%;bottom: 48.4%;z-index: 10;}
.aboutpage3 .about-reliable ul li.item1 img{width: 10vw;position: absolute;left: -5vw; top: -0.3vw;display: none;}
.aboutpage3 .about-reliable ul li.item2{display: block; position: absolute;left: 72.9%;bottom: 46.4%;z-index: 10;}
.aboutpage3 .about-reliable ul li.item2 img{width: 8vw;position: absolute;left: -2.9vw;top: -0.3vw;display: none;}

.aboutpage3 .about-reliable ul li.item3{display: block; position: absolute;left: 75.4%;bottom: 37.7%;z-index: 10;}
.aboutpage3 .about-reliable ul li.item3 img{width: 7.1vw;position: absolute;left: -2.5vw;top: 0vw;display: none;}

.aboutpage3 .about-reliable ul li.item4{display: block; position: absolute;left: 77.8%;bottom: 43.1%;z-index: 10;}
.aboutpage3 .about-reliable ul li.item4 img{width: 6.1vw;position: absolute;left: -1.6vw;top: -0.1vw;display: none;}

.aboutpage3 .about-reliable ul li.item5{display: block; position: absolute;left: 56.6%; bottom: 38.1%;z-index: 10;}
.aboutpage3 .about-reliable ul li.item5 img{width: 9.7vw;position: absolute;left: -4.8vw;top: -0.1vw;display: none;}
.aboutpage3 .about-reliable ul li.item6{display: block; position: absolute;left: 49.2%;bottom: 43.3%;z-index: 10;}
.aboutpage3 .about-reliable ul li.item6 img{width: 17.6vw;position: absolute;left: -7.1vw;top: -1.4vw;display: none;}

.aboutpage3 .about-reliable ul li.item7{display: block; position: absolute;left: 46.8%;bottom: 33.5%;z-index: 10;}
.aboutpage3 .about-reliable ul li.item7 img{width: 14.3vw;position: absolute;left: -5.3vw;top: -2.7vw;display: none;}

.aboutpage3 .about-reliable ul li.item8{display: block; position: absolute;left: 60.2%;bottom: 33%;z-index: 10;}
.aboutpage3 .about-reliable ul li.item8 img{width: 12.6vw;position: absolute;left: -6.6vw;top: -0.1vw;display: none;}


.aboutpage3 .about-reliable ul li .details{display: none;position: absolute;top: -253px;left: -82px; width: 164px;height:243px;margin: auto;overflow: hidden;background: url('../images/tea-bg.png') no-repeat center center;
  transition: 0.6s;text-align: center;
  margin-bottom:50px;}
.aboutpage3 .about-reliable ul li .details .tt{font-size: calc(16px + 0.6vw);line-height: 60px; font-weight: bold;margin-bottom:20px;border-bottom: 2px solid #b9d79a;color:#00422d;}
.aboutpage3 .about-reliable ul li .details .con{line-height: 2;font-size: 15px;color:#00422d;}
.aboutpage3 .about-reliable ul li .details .con *{color:#00422d;}
.aboutpage3 .about-reliable ul li .images{margin: auto;font-size: 0; line-height: 0;width:2vw;height: 3.2vw;position:relative;}

.aboutpage3 .about-reliable ul li.active img{display: block;}
.aboutpage3 .about-reliable ul li.active .details{display: block;}

.aboutpage3 .about-list{width: 100%;position: absolute;bottom: 7%;left: 0;z-index: 10;}
.aboutpage3 .about-list ul li{float: left;width: calc(32% - 2px); margin-right: 2%; display: flex;align-items: center;flex-wrap: wrap;border-radius: 5px;}
.aboutpage3 .about-list ul li:nth-child(3n){margin-right: 0px;}
.aboutpage3 .about-list ul li .numCX{font-size: calc(16px + 3vw);line-height: 1; color:#ffffff;position: relative;text-shadow: 0px 2px 2px #666666;}
.aboutpage3 .about-list ul li .numCX::after{content:"+";position: absolute;left: calc(100% + 5px);top: -2px;width: 0px;height: 0px;color: #ffffff;font-size: 16px;}
.aboutpage3 .about-list ul li sub{font-size:12px;color:#ffffff;}
.aboutpage3 .about-list ul li .indc{font-size: calc(12px + 0.1vw);color:#ffffff;}



.aboutpage4{background-size: 100%;padding: calc(20px + 7vw) 0px;}
.aboutpage4 .bg{font-size: 0; line-height: 0;overflow: hidden;width: 100%;}
.aboutpage4 .bg img{max-width: 100%;}
.aboutpage4 .about-tit{width: 100%;text-align: center;margin-bottom: 25px;}
.aboutpage4 .about-tit .catname{font-size:calc(1.4vw + 12px);margin-bottom: 12px;line-height: 1;display: flex;align-items: center;justify-content: center;}
.aboutpage4 .about-tit .catname span.span2{width:35px;height:3px; background: #333333;display: inline-block;margin: 0px 4px; line-height: 1;}
.aboutpage4 .about-tit .catdes{font-size:18px;}
.aboutpage4 .about-tit .catdes1{font-size:calc(1.4vw + 12px);color: #f4a700;}
.aboutpage4 .container{width: 92%;margin: auto;}
/* .aboutpage4 ul{display: flex;flex-wrap: wrap;} */
.aboutpage4 .product-marquee-con{width: 100%;overflow: hidden;height: 230px;margin-bottom: 20px;}
.aboutpage4 ul li{border-radius: 10px;overflow: hidden;position: relative;float: left; margin-right: 30px;margin-bottom: 30px;}
.aboutpage4 ul li .image{width: 100%;font-size: 0; line-height: 0;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.aboutpage4 ul li .image img{transition: 0.6s;max-width: 100%;max-height: 100%;}
.aboutpage4 ul li .details{opacity: 0;transition: 0.6s; position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;text-align: center;background:rgba(126, 188, 25, 0.8);}
.aboutpage4 ul li .details div{width: 100%;}
.aboutpage4 ul li .tt{ font-size: calc(20px + 0.8vw);font-weight: bold; color: #ffffff;position: relative;text-align: center;line-height: 1.3;}
.aboutpage4 ul li .ett{ overflow: hidden;font-size: calc(14px + 0.1vw); color:#ffffff;transition: 0.6s;text-align: center;max-width: 200px;margin: auto;}
.aboutpage4 ul li .con{ overflow: hidden;font-size: 14px;max-width: 300px;color:#ffffff;transition: 0.6s;text-align: left;margin: auto;text-align: justify;line-height: 2;}
.aboutpage4-des{font-size: calc(12px + 0.4vw);max-width: 1200px;margin: auto;line-height: 2;text-align: center;}

.aboutpage5{position:relative;overflow: hidden; background-size: 100%;padding: calc(20px + 7vw) 0px;background: url('../images/about-bg5.png') no-repeat center center;background-size: cover;}
.aboutpage5 .bg{font-size: 0; line-height: 0;overflow: hidden;width: 100%;position: absolute;left: 0;top: 0;z-index: -1;}
.aboutpage5 .bg img{max-width: 100%;}
.aboutpage5 .about-tit{width: 100%;}
.aboutpage5 .about-tit .catname{font-size:calc(1.4vw + 12px);color: #ffffff;margin-bottom: 12px;line-height: 1;}
.aboutpage5 .about-tit .catdes{font-size:18px;color: #8fcb41;}
.aboutpage5 .container{width: 92%;margin: auto;}

.aboutpage5 .about-history{position: relative;}
.aboutpage5 .about-history .button-next{position: absolute;right: 1px;top: -80px;}
.aboutpage5 .about-history .button-next img{width: 40px;height: 40px;}
.aboutpage5 .about-history .button-prev{position: absolute;right: 51px;top: -80px;}
.aboutpage5 .about-history .button-prev img{width: 40px;height: 40px;}
.aboutpage5 .history-swiper{width: 100%;overflow: hidden;margin-top: 20px;background-size: 100%;}
.aboutpage5 .history-swiper ul li .details{width:100%;margin: auto;}
.aboutpage5 .history-swiper ul li .tt{ font-size:24px;line-height: 1; font-weight: bold;color: #84c141;position: relative;margin-bottom: 20px;}
.aboutpage5 .history-swiper ul li .con{ overflow: hidden;font-size: calc(12px + 0.2vw); color:rgba(255, 255, 255, 0.9);transition: 0.6s;margin-bottom: 5px;}
.aboutpage5 .history-swiper ul li .encon{ overflow: hidden;font-size: calc(12px + 0.2vw);color:rgba(255, 255, 255, 0.9);transition: 0.6s;}

.aboutpage6{width: 100%;padding: calc(20px + 7vw) 0px;overflow: hidden;background: url('../images/about-certificate-bg.png') no-repeat center center;}
.aboutpage6 .about-tit{width: 100%;text-align: center;}
.aboutpage6 .about-tit .catname{font-size:calc(1.4vw + 12px);color: #ffffff;margin-bottom: 12px;line-height: 1;}
.aboutpage6 .about-tit .catdes{font-size:18px;color: #ffffff;}
.about-certificates .cert-image{width: 100%;font-size: 0; line-height: 0;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.about-certificates .cert-image img{max-width: 100%;}
.about-certificates .cert-list ul{display: flex;justify-content: space-between;gap: 10px;}
.about-certificates .cert-list ul li{box-sizing: border-box;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.about-certificates .cert-list ul li .image{width: 100%;height: 80px;display: flex;justify-content: center;align-items: center;}
.about-certificates .cert-list ul li .image img{max-width: 100%;}
.about-certificates .cert-list ul li .tt{font-size:13px;line-height: 1;color: #333333;text-align: center;}







/*茶园基地*/
.cyjdpage{width: 92%;margin: auto;}
/* .cyjdpage .aboutswiper1{margin-bottom: 20px;margin-left: 0px;}
 .cyjdpage .aboutswiper2{margin-left: 80px;} 
.cyjdpage .image{width: 100%;font-size: 0; line-height: 0;border-radius: 10px;overflow: hidden;height: 160px;}
.cyjdpage .image img{transition: 0.6s;max-height: 160px;} */

.cyjdpage .detail {  display: flex;  flex-wrap: wrap;width: 100%;overflow: hidden;}
.cyjdpage .detail li {  flex: 0 1 calc(97% / 2);  border-radius: 3px;  overflow: hidden;  margin-right: 3%;  margin-bottom:10px;}
.cyjdpage .detail li:nth-child(2n) {  margin-right: 0;}
.cyjdpage .detail li .image{ overflow: hidden;display: flex;align-items: center;justify-content: center;}
.cyjdpage .detail li .image img{max-width: 100%;height: 100%;}
.cyjdpage .detail li .title { font-size: 14px;line-height: 20px;height: 20px; color: #000;  margin: 5px 0 0;position: relative; text-align: center;}

/*质量体系*/
.zltxpage{width: 100%;overflow: hidden;position: relative;}
.zltxpage .detail {  display: flex;  flex-wrap: wrap;width: 100%;overflow: hidden;}
.zltxpage .detail li {  flex: 0 1 calc(97% / 2);  border-radius: 3px;  overflow: hidden;  margin-right: 3%;  margin-bottom:10px;}
.zltxpage .detail li:nth-child(2n) {  margin-right: 0;}
.zltxpage .detail li .image{ overflow: hidden;display: flex;align-items: center;justify-content: center;}
.zltxpage .detail li .image img{max-width: 100%;height: 100%;}
.zltxpage .detail li .title { font-size: 14px;line-height: 20px;height: 20px; color: #000;  margin: 5px 0 0;position: relative; text-align: center;}


.mySwiper_Honor{width: 80%;margin: auto;overflow: hidden;padding:40px 0px;}
.mySwiper_Honor ul li{display: flex;align-items: center;position: relative;height:calc(300px + 8vw);} 
.mySwiper_Honor ul li a{width:100%;height:100%;position: relative;display: flex;align-items: center;flex-wrap: wrap;}
.mySwiper_Honor ul li a p{display: none; position: absolute;top: calc(100% + 10px);left: 0;width: 100%;text-align: center;color: #000000;}
.mySwiper_Honor ul li img{width: 90%;margin:auto;box-shadow:0px 0px 10px 5px rgba(51,51,51,0.3);}
.mySwiper_Honor ul li.swiper-slide-active{z-index: 1000;}
.mySwiper_Honor ul li.swiper-slide-active img{position:absolute;width: 140%;left: -20%;}
.mySwiper_Honor ul li.swiper-slide-active a p{display: block;}
.mySwiper_Honor ul li.swiper-slide-prev{z-index: 999;}
.mySwiper_Honor ul li.swiper-slide-prev img{position:absolute;width: 120%;left: -10%;}
.mySwiper_Honor ul li.swiper-slide-next{z-index: 999;}
.mySwiper_Honor ul li.swiper-slide-next img{position:absolute;width: 120%;left: -10%;}
.mySwiper_Honor .swiper-pagination-bullet-active{background:#b17255;}
.zltxpage .button-prev{font-size: 0;line-height: 0; position: absolute;left: 0px;top: 50%;transform: translateY(-50%);z-index: 1000;border-radius: 28px;}
.zltxpage .button-next{font-size: 0;line-height: 0; position: absolute;right: 0px;top: 50%;transform: translateY(-50%);z-index: 1000;border-radius: 28px;}



/*招才纳贤 */

.recruitpage1{width: 100%;overflow: hidden;}
.recruitpage1 .recruittitle{font-size: 22px;color: #000000;padding:  0px 0px 20px;line-height: 1;text-align: center;}
.recruitpage1 .container{border-radius: 25px;overflow: hidden;}
.recruitpage1 .details{position: relative;overflow: hidden;}
.recruitpage1 .details .image{width: 100%;font-size: 0;line-height: 0;overflow: hidden;border-radius: 0px;margin-bottom: 10px;}
.recruitpage1 .details .image img{width: 100%;transition: 0.6s;opacity: 1;}
.recruitpage1 .details .content{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;text-align: center;color: #333333;font-size: 15px;}


.recruitpage2{margin-bottom: 20px;}
.recruitpage2 .recruittitle{font-size:  22px;color: #000000;padding:  0px 0px 20px;line-height: 1;text-align: center;}
.recruitpage2  .details{width: 100%;overflow: hidden;}
.recruitpage2  .list{border-bottom: 1px solid #d8d8d8;padding:10px 0px;}
.recruitpage2  .list:first-child{border-top: 1px solid #d8d8d8;}
.recruitpage2  .list .p1{width: 100%;font-size: 20px;color: #60b827;margin-bottom: 10px;line-height: 1;}
.recruitpage2  .list .p-1{width: 100%;overflow: hidden;font-size: 13px;color: #666666;}

.recruitpage2  .list .p6{width: 100%;overflow: hidden;display: none; transition: 0.6s;color: #666666;font-size: 18px;padding: 15px 0px;}

/*联系我们*/
/* .lxfscol{display: flex;flex-wrap: wrap;justify-content: space-between;}
.lxfscol .contact-tit{font-size: 22px;margin-bottom:20px;line-height: 1.3;text-align: center;}
.lxfscol .lxfs-ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.lxfscol .lxfs-ul .wechat{width: 100%; box-shadow:0px 0px 20px 4px #f7f7f7;}
.lxfscol .lxfs-ul .wechat .image{width: 100%;margin:10px auto;display: flex;justify-content: center;align-items: center;}
.lxfscol .lxfs-ul .wechat .tt{text-align: center;color:#60b827;font-size: 20px;}
.lxfscol .lxfs-ul ul{width:100%; display: flex;justify-content: space-between;flex-wrap: wrap;font-size: 20px;padding: 15px 0px;} 
.lxfscol .lxfs-ul ul li{margin-bottom: 5px;width: calc(100% - 20px); display: flex;align-items: center;flex-wrap: wrap; padding: 10px; box-shadow:0px 0px 20px 4px #f7f7f7;}
.lxfscol .lxfs-ul ul li .image{width: 40px;display: flex;justify-content: center;align-items: center;margin-right: 20px;float: left;}
.lxfscol .lxfs-ul ul li .details{float: left;width: calc(100% - 60px);}
.lxfscol .lxfs-ul ul li .tt{color:#60b827;font-size: 18px;line-height: 1.3;}
.lxfscol .lxfs-ul ul li .con{color:#333333;font-size: 16px;line-height: 1.3;}
.lxfscol .lxfs-con{font-size: 0;line-height: 0;} */


.lxfs-form{padding: calc(20px + 1vw) 0px;}
.lxfs-Message{width: calc(100% - 40px);max-width: 900px;background: #efefef;margin: auto;border-radius: 15px;padding:30px 20px;}
.lxfs-Message .title{font-size:22px;text-align: center;color: #004c38;}
.lxfs-Message .title2{font-size:13px;margin-bottom:20px;text-align: center;color: #333333;}
.lxfs-Message ul{}
.lxfs-Message ul li{margin-bottom: 15px;overflow: hidden;position: relative;}
.lxfs-Message ul li label{margin-bottom: 5px;width: 100%;display: block; color: #004c38;font-size: 16px;overflow: hidden;}
.lxfs-Message ul li input{width:calc(100% - 0px);text-indent:80px; height:60px;line-height:60px;outline: none;background: #ffffff; border-radius:5px;border:none;}
.lxfs-Message ul li textarea{width:calc(100% - 85px);padding:20px 5px 20px 80px;text-indent:0px; height:140px;line-height:35px;outline: none;background: #ffffff; border-radius:5px;border:none;}
.lxfs-Message ul li.textname::after{position: absolute;top: 48px;left: 0;content:"";width: 70px; height: 40px; background:#ffffff url('../images/name.png') no-repeat center; border-right: 2px solid #b1cac5;}
.lxfs-Message ul li.textunit::after{position: absolute;top: 48px;left: 0;content:"";width: 70px; height: 40px; background:#ffffff url('../images/unit.png') no-repeat center ; border-right: 2px solid #b1cac5;}
.lxfs-Message ul li.textcontent::after{position: absolute;top: 48px;left: 0;content:"";width: 70px; height: 40px; background:#ffffff url('../images/content.png') no-repeat center; border-right: 2px solid #b1cac5;}
.lxfs-Message ul li.textphone::after{position: absolute;top: 48px;left: 0;content:"";width: 70px; height: 40px; background:#ffffff url('../images/phone.png') no-repeat center; border-right: 2px solid #b1cac5;}
.lxfs-Message .messagesubmit{display: block; margin: auto; width: 200px;height: 50px;line-height: 50px;text-align: center;border: none;background: #00513e;border-radius:25px;color: #fff;font-size: 20px;cursor: pointer;margin-top: 20px;}

.lxfs-service{background: #efefef;margin-top: calc(20px + 3vw);padding: calc(20px + 4vw) 0px;}
.lxfs-service .service{max-width: 1000px; }
.lxfs-service .service ul{}
.lxfs-service .service ul li{margin: auto; width:95%;display: flex; justify-content: space-between;flex-wrap: wrap;position: relative;margin-bottom: 20px;}
.lxfs-service .service ul li .key{margin-bottom: 10px;content:"";width: 40px;height: 40px;line-height: 40px;text-align: center;font-size: 20px;color: #fff;background: #004a37;border:2px solid #ffffff; top: calc(50% - 22px);left: calc(50% - 22px);border-radius: 22px;z-index: 10;}
.lxfs-service .service ul li::after{display: none;position: absolute;content:"";width: 10px;height: calc(100% + 40px);background: #004a37;top: -20px;left: calc(50% - 5px);z-index: 1;border-radius: 5px;}

.lxfs-service .service ul li .left{width: 100%; border-right: none;display: flex;align-items: center;margin-bottom: 10px;}
.lxfs-service .service ul li .left .left-con{width: 100%;}
.lxfs-service .service ul li .left .tt{font-size: calc(16px + 1.2vw);font-weight: bold;color: #004a37;position: relative;line-height: 1;}
.lxfs-service .service ul li .left .des{font-size: 18px;line-height: 1.5;margin-top: 10px;color: #004a37;}

.lxfs-service .service ul li .details{width:100%;line-height: 1.7;}
.lxfs-service .service ul li .details .con p{padding-left: 10px;position: relative;}
.lxfs-service .service ul li .details .con p::after{position: absolute;content:"";width: 4px;height: 4px;line-height: 10px;text-align: center;color: #fff;background: #000000;border-radius:2px;top: 12px;left: 0;}



.hydt{display: flex; }
.hydt .details li {margin-bottom: 25px;width:100%;overflow:hidden;background:#f9f9f9;border-radius:5px;}
.hydt .details li a {width:90%;padding:20px 5%;display:block;  font-size: 16px;  overflow: hidden;}
.hydt .details li a .image{width:100%; font-size: 0;font-weight: 0;overflow: hidden;display: flex;}
.hydt .details li a .image img{width:100%;transition: 0.6s;border-radius: 5px;overflow: hidden;}
.hydt .details li a .title {width: 100%; font-size: 18px;color: #333333;line-height:30px;height:60px; margin:10px auto;overflow:hidden; text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}
.hydt .details li a .des{margin-bottom: 5px; color:#808080;font-size: 14px;line-height: 25px;height:50px;overflow:hidden; text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}
.hydt .details li a .date { font-size: 12px;line-height: 2;color: #b3b3b3;}

/*企业心语*/
.qyxypage{width: 100%;overflow: hidden;background: url(../images/qyxy_bg.png)no-repeat center bottom;min-height:450px;background-size:contain ; }
.qyxypage .details{margin: auto; display: flex;justify-content:space-between;flex-wrap: wrap;}
.qyxypage .details li{width: 100%;text-align: center;}
.qyxypage .details li .title{font-size: 19px;color: #60b827;text-align: center;}
.qyxypage .details li .des{font-size: 16px;color:#333333;text-align: center;line-height: 30px;}

.gltdpage{width: calc(100% - 40px);margin: auto; padding:20px;border-radius: 20px; background: #f8f8f8; overflow: hidden; }
.gltdpage .details{margin: auto;}
.gltdpage .details li{width: 100%;float: left;display: flex;align-items: center;margin-top: 25px;margin-bottom: 25px;}
.gltdpage .details li .image{width: 145px;height: 190px;border-radius: 10px;border:5px solid #ffffff;background: #dadada;font-size: 0;line-height: 0;float: left;margin-right: 10px;}
.gltdpage .details li .title{font-size: 26px;color: #a52424;}
.gltdpage .details li .des{font-size: 20px;color:#333333;line-height: 30px;}

.jgzxpage{overflow: hidden;}
.jgzxpage ul li{max-width:1300px;margin: auto; border-radius: 20px; background: #f8f8f8; overflow: hidden;margin-bottom: 20px;}
.jgzxpage ul li a{width: calc(100% - 30px);padding:15px;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.jgzxpage ul li a .image{width:100%;overflow: hidden;border-radius: 10px;margin-bottom: 15px;}
.jgzxpage ul li a .image img{overflow: hidden;transition: 0.6s;border-radius: 10px;width: 100%;}
.jgzxpage ul li a .details{width:100%;}
.jgzxpage ul li a .details .title{font-size: 22px;color: #000000;line-height: 1; position: relative;padding-bottom: calc(10px + 1vw);margin-bottom:  calc(10px + 1vw);}
.jgzxpage ul li a .details .title::after{position: absolute;content: "";width:50px;height: 5px;border-radius: 3px; background: #60b827;left: 0;bottom: 0;}
.jgzxpage ul li a .details .des{font-size: 16px;color:#666666;line-height: 30px;margin-bottom:  calc(10px + 1vw);}
.jgzxpage ul li a .details .more{font-size: 16px;color:#60b827;line-height: 30px;}
.jgzxpage ul li:nth-child(2n) a{flex-direction: row-reverse;}





.article{margin: auto;}
.article .details li {border-bottom: 1px solid #eee5e6;padding: 10px 0px;position:relative;}
.article .details li .share{position:absolute;right:0;bottom:0px;display:none;opacity:0;}
.article .details li .share span{font-size:0;}
.article .details li .share .copy-btn{float:left;width:28px;height:28px;line-height:28px;font-size:16px;color:#b2bac2;display:flex;justify-content:center;align-items:center;border-radius:50%;}
.article .details li .share .copy-btn i{font-size: 18px;}
.article .details li .deta{  display: flex;justify-content: space-between; align-items: center;  font-size: 16px;  overflow: hidden;}
.article .details li a .image{flex:0 0 130px; font-size: 0;font-weight: 0;overflow: hidden;display: flex;}
.article .details li a .image img{width:130px;transition: 0.6s;border-radius: 5px;overflow: hidden;}
.article .details li a .detail{width: calc(100% - 140px);}
.article .details li a .detail1{width:100%;display: flex;justify-content: space-between;align-items: center;}
.article .details li a .title {width: 100%; font-size: 14px;color: #000000;line-height: 22px; 
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;}
.article .details li a .date { font-size: 13px;color: #999999;line-height: 2;}

/* 
.articlepage .details{width: 100%;overflow: hidden;}
.articlepage .details li {position:relative;width: 100%;float: left;padding: 10px 0px;border-bottom: 1px solid #e2e2e2; overflow: hidden;}
.articlepage .details li a {width: 100%;display:flex;align-items: center;justify-content: space-between; overflow: hidden;flex-wrap: wrap;}
.articlepage .details li a .image{width: 120px;margin-right: 10px;overflow: hidden;border-radius: 15px;}
.articlepage .details li a .image img{transition: 0.6s;}
.articlepage .details li a .detail{width: 100%;}
.articlepage .details li a .title {width: 100%; font-size: calc(0.4vw + 14px);color: #333333; line-height: 1.6;transition: 0.3s;}
.articlepage .details li a .title span{display: block; font-size: calc(0.2vw + 12px);color: #999999;}
.articlepage .details li a .des{ color:#333333;font-size: calc(0.2vw + 12px);line-height: 2;transition: 0.3s;}
.articlepage .details li a .date { font-size: 12px;line-height: 2;color: #b3b3b3;transition: 0.3s;}
.articlepage .details li a .icon{font-size: calc(0.2vw + 12px);color: #666666;transition: 0.3s;}
.articlepage .details li a .icon span{float: right;} */

.articlepage .mySwiper_news_con{position: relative;width: 100%;float: right;}
.articlepage .mySwiper_news_con .button-next{position: absolute;top:0;right: -55px;width: 50px;height: 100%;background: #60b827;font-size: 0;line-height: 0;display: flex;align-items: center;justify-content: center;}
.articlepage .mySwiper_news_con .button-prev{position: absolute;top:0;left: -55px;width: 50px;height: 100%;background: #60b827;font-size: 0;line-height: 0;display: flex;align-items: center;justify-content: center;}

.articlepage .mySwiper_news{width: 100%;overflow: hidden;height: 515px;}
.articlepage .mySwiper_news .swiper-slide{background: #ffffff;border-radius: 10px;overflow: hidden;}

.articlepage .mySwiper_news .detail{overflow: hidden;display: flex;align-items: center;flex-wrap: wrap;height:110px;  justify-content: space-between; flex-direction: row-reverse;}
.articlepage .mySwiper_news .detail .time{width: 100px;height:110px; text-align: center;background:#7fbd42 ;display: flex;align-items: center;justify-content: center;}
.articlepage .mySwiper_news .detail .time p{font-size: 15px;color: #ffffff;line-height: 20px;}
.articlepage .mySwiper_news .detail .title{width: calc(100% - 120px);float: right; line-height: 25px;font-size: 15px;}
.articlepage .mySwiper_news .swiper-slide-thumb-active .detail .time{background: #00513e;}



.articlepage .mySwiper_news2{width: 100%;margin: auto;max-width: 939px; overflow: hidden;float: left;}
.articlepage .mySwiper_news2 .image{width: 100%;overflow: hidden;border-radius: 10px;height: 350px;overflow: hidden;}
.articlepage .mySwiper_news2 .image img{width: 100%;transition: 0.6s;}
.articlepage .mySwiper_news2 .detail{width: 100%;margin-top: 20px;}
.articlepage .mySwiper_news2 .detail .title{font-size: 22px;color: #005441;font-weight: bold;}
.articlepage .mySwiper_news2 .detail .time{font-size: 13px;color: #005441;line-height: 1;}
.articlepage .mySwiper_news2 .detail .summary{font-size: 15px;color: rgba(51,51,51,0.8);margin:10px auto;}
.articlepage .mySwiper_news2 .detail .more{width: 100px; font-size: 13px;color: #ffffff;text-align: center; background: #60b827;padding: 5px 10px;border-radius: 5px;}

.xwlb{display: flex; }
.xwlb .details li {border-bottom: 1px solid #eee5e6;padding-bottom: 10px;margin-bottom: 10px;}
.xwlb .details li a {  display: flex;justify-content: space-between; align-items: center;font-size: 16px;  overflow: hidden;}
.xwlb .details li a .title {width: calc(100% - 100px); font-size:16px;color: #000000;line-height: 35px;}
.xwlb .details li a .date { font-size: 14px;color: #999999;line-height: 2;width:100px ;text-align: right;}


.articleshow{position: relative;margin-top: 50px;}
.articleshow .content{width: 100%; float: left;}
.articleshow .content img{max-width: 100%;}
.articleshow .content .title{font-size: 22px; line-height: 40px;margin:10px auto;color: #333333;}
.articleshow .content .time{width: 100%;overflow: hidden;font-size: 15px; color:#60b827;padding-bottom:10px;margin-bottom: 15px;border-bottom: 1px solid #e2e2e2;}
.articleshow .content .image{display: flex;justify-content: center;}
.articleshow .content .editor{width: 100%;overflow: hidden;font-size: 16px; color: #666666;line-height: 30px;}

.articleshow .qrcode{position: absolute;right: 0;top: 0;display: none;}
.articleshow .qrcode .wechat{width: 265px;padding: 10px 0px 60px; background: #ffffff; box-shadow:0px 0px 20px 4px #f7f7f7;}
.articleshow .qrcode .wechat .image{width: 100%;height: 230px;display: flex;justify-content: center;align-items: center;}
.articleshow .qrcode .wechat .tt{text-align: center;color:#60b827;font-size: 20px;line-height: 25px;}



.contact_li{width: 100%;overflow: hidden;}
.contact_li li{width:100%;overflow: hidden; display: flex;align-items: center;padding-bottom:15px;margin-bottom:15px ; border-bottom: 1px solid #e9e9e9;}
.contact_li li .pic{margin-right: 15px;}
.contact_li li .pic img{width: 30px;}
.contact_li li .tt{font-size: 18px;line-height: 1;margin-bottom: 12px;}
.contact_li li .con{font-size: 14px;line-height: 1;}
#allmap{width: 100%;height: 360px;}




/* 内页搜索 */
.filter {
  margin: 20px 0;
  border: 1px solid #e3e3e3;
  background: #f2f2f2;
  padding: 16px 36px;
}
.filter .list-box {
  border-bottom: 1px solid #e3e3e3;
  position: relative;
  display: flex;
  font-size: 16px;
  line-height: 20px;
  margin-top: 20px;
}
.filter .list-box p {
  flex: 0 1 100px;
}
.filter .list {
  border-bottom: 1px solid #e3e3e3;
  position: relative;
  display: inline-flex;
  flex-wrap: wrap;
}
.filter .list a {
  color: #333;
  font-weight: lighter;
  margin-right: 20px;
  margin-bottom: 20px;
}






.picture .detail {  display: flex;  flex-wrap: wrap;}
.picture .detail li {  flex: 0 1 calc(97% / 2);  border-radius: 3px;  overflow: hidden;  margin-right: 1%;  margin-bottom:10px;}
.picture .detail li:nth-child(4n) {  margin-right: 0;}
.picture .detail li .image{ overflow: hidden;display: flex;align-items: center;justify-content: center;border: 1px solid #eee;}
.picture .detail li .image img{max-width: 100%;max-height: 100%;}
/* .picture .detail li p {  text-align: center;font-size: 14px;color: #000; position: relative;padding-bottom:5px;} */
.picture .detail li .title{width: calc(100% - 20px); font-size: 14px;margin-top: 10px; line-height: 20px;height: 40px; color: #000;  padding: 0px 10px;position: relative;text-align: center;}


.picture1 .detail {  display: flex;  flex-wrap: wrap;}
.picture1 .detail li {  flex: 0 1 calc(97% / 2);  border-radius: 3px;  overflow: hidden;  margin-right: 1%;  margin-bottom:10px;}
.picture1 .detail li:nth-child(4n) {  margin-right: 0;}
.picture1 .detail li .image{ overflow: hidden;display: flex;align-items: center;justify-content: center;}
.picture1 .detail li .image img{max-width: 100%;max-height: 100%;}
.picture1 .detail li .imagea{ height: 150px;}
/* .picture1 .detail li p {  text-align: center;font-size: 14px;color: #000; position: relative;padding-bottom:5px;} */
.picture1 .detail li .title {  text-align: center;font-size: 14px;line-height: 20px;height: 40px; color: #000;  margin: 5px 0 0;position: relative;}

.honor .image{height: 140px;}



.pro-service{width: 100%;position: relative;padding: 20px 0px ;}
.pro-service .service-details{position: relative;margin-top:15px;}
.pro-service .service-details .bg{display:none; }
.pro-service .service-details .bg p{font-size: calc(20px + 1.5vw);color: #ffffff;line-height: 1.5;text-align: center;}
.pro-service ul{width: 100%;display: flex;align-items: center;justify-content: space-between; flex-wrap: wrap;}
.pro-service ul li{float: left;border:1px solid #d8d8d8;border-radius: 10px;width: 100%;padding: 20px;transition: 0.2s;margin-top: 8px;}
.pro-service ul li img{width: 100%;}
.pro-service ul li .title{font-size: 18px;color: #00533f;line-height: 2;}
.pro-service ul li .des{font-size: 15px;color: #00533f;line-height: 2;margin-bottom: 8px;}
.pro-service ul li .con{font-size: 14px;color: #000000;line-height: 2;}
.pro-service ul li .con p{position: relative;padding-left: 10px;}
.pro-service ul li .con p::before{content: "";position: absolute;left: 0px;top: 12px;width: 4px;height: 4px;background: #000000;border-radius: 50%;}
.pro-service ul li .details{}


.pro-partner{width: 100%;overflow: hidden;position: relative;}
.pro-partner .partner-tit{width:100%;margin: auto;overflow: hidden;background:url(../images/partner-tit-bg.jpg) no-repeat top center;background-size: cover; padding:20px 0px;}
.pro-partner .partner-tit .tit-po{overflow: hidden;display: none;}
.pro-partner .partner-tit .catdes{width: 100%;font-size: calc(0.2vw + 14px); color: #ffffff; line-height: 1;text-align: center;}
.pro-partner .partner-tit .catname{width: 100%;font-size: calc(1.5vw + 20px);color: #ffffff;line-height: 1.5;text-align: center;}

.pro-partner .partner-tit-list{width: 100%;  overflow: hidden;margin-top: 80px;}
.pro-partner .partner-tit-list ul{width: 100%;display: flex;align-items: center;justify-content: space-between; flex-wrap: wrap;}
.pro-partner .partner-tit-list ul li{float: left;transition: 0.3s; width:33%; display: flex;align-items: center;justify-content: center;flex-wrap: wrap;border-radius: 5px;}
.pro-partner .partner-tit-list ul li .indc{font-size: calc(14px + 0.1vw);color:#ffffff;text-align: center;transition: 0.3s;}
.pro-partner .partner-tit-list ul li .indc span{font-size: calc(20px + 2vw);}

.pro-partner .partner-list{padding: 20px 0px 10px;width: 100%;  overflow: hidden;background: #f5f5f5;}
.pro-partner .partner-list ul li{float: left;width: calc(24% - 0px); margin-right: 1.33%; margin-bottom: 20px;border-radius: 5px; background: #ffffff;}
.pro-partner .partner-list ul li .image{width: 100%; height: 60px;display: flex;align-items: center;justify-content: center;}
.pro-partner .partner-list ul li:nth-child(4n){margin-right: 0px;}
.pro-partner .partner-list ul li img{max-width: 90%;max-height: 100%;transition: 0.6s;}


.productlist{}
.product_left{width: 100%;overflow: hidden}
.product_left .inset-cate{text-align: left;}
.product_left ul{display: none;overflow: hidden;}

.productlist .detail {  display: flex;  flex-wrap: wrap;width: 100%;overflow: hidden;}
.productlist .detail li {  flex: 0 1 calc(95% / 2);  border-radius: 3px;  overflow: hidden;  margin-right: 3%;  margin-bottom:10px;}
.productlist .detail li:nth-child(2n) {  margin-right: 0;}
.productlist .detail li .image{ overflow: hidden;display: flex;align-items: center;justify-content: center;height: 130px; }
.productlist .detail li .image img{max-width: 100%;height: 100%;}
/* .picture .detail li p {  text-align: center;font-size: 14px;color: #000; position: relative;padding-bottom:5px;} */
.productlist .detail li .title { font-size: 18px;padding:10px 0px; line-height: 25px; color: #000;  margin: 5px 0 0;position: relative; text-align: center;}


.productlist1 .detail {  display: flex;  flex-wrap: wrap;width: 100%;overflow: hidden;}
.productlist1 .detail li {  flex: 0 1 calc(95% / 2);  border-radius: 3px;  overflow: hidden;  margin-right: 3%;  margin-bottom:10px;}
.productlist1 .detail li:nth-child(2n) {  margin-right: 0;}
.productlist1 .detail li .image{ overflow: hidden;display: flex;align-items: center;justify-content: center;height: 130px;}
.productlist1 .detail li .image img{max-width: 100%;height: 100%;}
.productlist1 .detail li .title { font-size: 14px;line-height: 20px;height: 20px; color: #000;  margin: 5px 0 0;position: relative; text-align: center;}


.rdcenterpage{}
.rdcenterpage li{background-color: #f1f3f7;border-radius: 15px;margin-bottom: 20px;padding: 15px 0px;overflow: hidden;}
.rdcenterpage li .details{width: calc(100% - 30px);padding: 0px 15px;color: #000000;}
.rdcenterpage li .details .title{font-size: calc(16px + 0.7vw);margin-bottom: 12px;}
.rdcenterpage li .details .span{float: left;color: #2c9292;}
.rdcenterpage li .details .button{margin-top: calc(10px + 0.5vw);}
.rdcenterpage li .details a.more{height: 40px;line-height: 40px;width: 120px; border-radius: 20px;display: block;background: #2c9292;color: #ffffff;margin-right: 10px;text-align: center;float: left;}

.rdcenterpage li .details a.pdf{height: 40px;line-height: 40px;width: 120px; border-radius: 20px;display: block;background: #909bb2;color: #ffffff;text-align: center;float: left;}

.rdcenterpage li .image{width:92%;margin: auto; display: flex;align-items: center;justify-content: center;overflow: hidden;}
.rdcenterpage li .image img{transition: 0.6s;max-width: 100%;}


.productshow{}
.productshow .productshow-title{font-size: calc(1vw + 20px) ;line-height:2;color: #000000;}
.productshow .productshow-title .span{float: left;color: #2c9292;}
.productshow .productshow-des{margin-bottom: 40px;}
.content-part-one{overflow: hidden;margin: auto;}
.content-part-one .fl{width:100%;float: left;font-size: 0;line-height: 0;}
.content-part-one .fl .image{overflow: hidden;}
.content-part-one .fl img{transition: 0.6s;}
.content-part-one .fr{width: 100%;float: right;padding: 20px 0px; border-radius: 20px; background: #e8edf4;display: flex;align-items: center;justify-content: center;font-size: 18px; color: #666666; }
.content-part-one .fr .specification{margin-bottom: calc(10px + 1vw);}
.content-part-one .fr .indication{margin-bottom: calc(10px + 1vw);}
.content-part-one .fr .department{margin-bottom: calc(10px + 1vw);}
.content-part-one .fr .span{float: left;color: #2c9292;}
.content-part-one .fr .button a.pdf{height: 50px;transition: 0.3s;line-height: 50px;width: 145px; border-radius: 25px;display: block;background: #909bb2;color: #ffffff;text-align: center;float: left;}

.content-part-two{width: 100%;overflow: hidden;border-top: 1px solid #ebecef; margin: 20px auto 0;position: relative;}
.content-part-two .part-two-con{margin: auto;}
.content-part-two .part-two-con p{width: calc(100% - 40px);transition: 0.3s; padding: 10px 0px 10px 40px;border-bottom: 1px solid #ebecef;position: relative;color: #10529c;font-size: 18px;}
.content-part-two .part-two-con p::after{content: "";left:16px;top: 25px; position: absolute;width:6px;height: 6px;border-radius: 3px;background: #10529c;}
.content-part-two .part-two-con p::before{content: "";left:12px;top: 21px; position: absolute;width:12px;height: 12px;border-radius: 7px;border: 1px solid #10529c;}
.contact_li{width: 100%;overflow: hidden;display: flex;justify-content: space-between;align-items: center;}
.contact_li li{display: flex;justify-content: center;align-items: center;}
.contact_li li .pic{margin-right: 30px;}
.contact_li li .tt{font-size: 22px;line-height: 1;margin-bottom: 12px;}
.contact_li li .con{font-size: 16px;font-weight: lighter;line-height: 1;}
.contact_li li:nth-child(3n+2){width: 32%; border-left: 1px solid #e9e9e9;border-right: 1px solid #e9e9e9;}


.product_show .title{font-size: 22px;text-align: center;margin-bottom: 20px;}
.product_show .image{display: flex;justify-content: center;}

.product_show .iMessage{ width: 100%;height: 100%;background: #f8f8f8;position: relative;}
.product_show .iMessage::after{content: ""; position: absolute;left: 0;top:0;width: 8px;height: 100%;background: #2c9292;}
.product_show .iMessage .cnname{width: calc(100% - 60px);padding:30px 30px 0px;font-size: 24px;color:#000000;}
.product_show .iMessage ul{padding: 30px;width: calc(100% - 60px);display: flex;justify-content: space-between;flex-wrap: wrap;}
.product_show .iMessage ul li{width:100%;overflow:hidden;margin-bottom:20px;background: #ffffff;border-radius: 5px;width: calc(100% - 40px);padding: 0px 20px;}
.product_show .iMessage ul li.text{width: calc(49% - 40px);padding: 0px 20px;}
.product_show .iMessage ul li .select{margin-top: 17px;}
.product_show .iMessage ul li.text span{color:#666666;line-height:60px;}
.product_show .iMessage ul li p{width: 138px;height:60px;line-height:60px;font-size:16px;float: left;}
.product_show .iMessage ul li input{text-indent:10px; float:left;height:60px;line-height:60px;border:none;outline: none; border-radius:2px;}
.product_show .iMessage ul li textarea{width:calc(100% - 40px);padding: 0px 10px; text-indent:10px; float:left;height:180px;line-height:60px;border:1px solid #e6e6e6;border:none;outline: none;border-radius:2px;}
.product_show .iMessage ul li.address input{width: 50%;}
.product_show .iMessage ul li.name input{width: 50%;}
.product_show .iMessage .messagesubmit{width: 250px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border: none;
  background: #2c9292;
  border-radius: 25px;
  color: #fff;
  cursor: pointer;
    transition: 0.3s;
}
.product_show .upload{width:100%;}
.product_show .upload .tt{color:#2c9292;margin-top: 15px;}
.product_show .addfile{position: relative;display: flex;align-items: center;margin: 10px 0 20px;width:100%;overflow:hidden;}
.product_show .addfile img{margin-right:40px;}
.product_show .addfile input{width: 156px;height: 44px;position: absolute;left: 0;top:0;z-index: 0;opacity: 0;}






.content-message{background: url(../images/content_bg.jpg)no-repeat center;background-size: cover;padding: 30px 0px;}
.content-message .iMessage{ width: 100%;height: 100%;position: relative;}
.content-message .iMessage .cnname{ font-size: 24px;color:#ffffff;}
.content-message .iMessage ul{padding: 20px 0px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.content-message .iMessage ul li{width:100%;overflow:hidden;margin-bottom:20px;background: #ffffff;border-radius: 5px;}
.content-message .iMessage ul li .select{margin-top: 17px;}
.content-message .iMessage ul li.text span{color:#ffffff;line-height:60px;}
.content-message .iMessage ul li p{width: 138px;height:60px;line-height:60px;font-size:16px;float: left;}
.content-message .iMessage ul li input{text-indent:10px; float:left;height:60px;line-height:60px;border:none;outline: none; border-radius:2px;}
.content-message .iMessage ul li textarea{width:calc(100% - 40px);padding: 0px 10px; text-indent:10px; float:left;height:180px;line-height:60px;border:1px solid #e6e6e6;border:none;outline: none;border-radius:2px;}
.content-message .iMessage ul li.address input{width: 50%;}
.content-message .iMessage ul li.name input{width: 50%;}
.content-message .iMessage .messagesubmit{width: 250px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border: none;
  background: #ffffff;
  border-radius: 25px;
  color: #000000;
  cursor: pointer;
}
.content-message .tt2{color:#ffffff;}
.content-message .upload .tt{color:#ffffff;margin-top: 15px;}
.content-message .addfile{position: relative;margin: 10px 0 20px;}
.content-message .addfile input{width: 156px;height: 44px;position: absolute;left: 0;top:0;z-index: 0;opacity: 0;margin-top: 15px;}
.content-message .upload p{color:#ffffff}



.fixedmessage{position: fixed;width: 666px;padding: 45px 0px; bottom: -700px;right: 25px;background: #ffffff;border: 1px solid #eee;box-shadow: 0px 0px 2px 0px #eeeeee;transition: 0.3s; border-radius: 25px;z-index: 10000;height: 600px;overflow-y: scroll;}
.fixedmessage .iMessage{ width: 100%;height: 100%;position: relative;}
.fixedmessage .iMessage .cnname{width: calc(100% - 60px);padding:20px 30px;font-size: 24px;color:#333333;border-bottom: 1px solid #eeeeee;}
.fixedmessage .iMessage ul{padding: 30px;width: calc(100% - 60px);display: flex;justify-content: space-between;flex-wrap: wrap;}
.fixedmessage .iMessage ul li{width: calc(100% - 42px);padding: 0px 20px;overflow:hidden;margin-bottom:20px;background: #ffffff;border:1px solid #eeeeee; border-radius: 5px;}
.fixedmessage .iMessage ul li .select{margin-top: 17px;}
.fixedmessage .iMessage ul li.text span{color:#ffffff;line-height:40px;}
.fixedmessage .iMessage ul li input{text-indent:10px; float:left;height:40px;line-height:40px;border:none;outline: none; border-radius:2px;}
.fixedmessage .iMessage ul li textarea{text-indent:10px; float:left;height:120px;line-height:40px;border:1px solid #e6e6e6;border:none;outline: none;border-radius:2px;}
.fixedmessage .iMessage ul li.address input{width: 50%;}
.fixedmessage .iMessage ul li.name input{width: 50%;}
.fixedmessage .iMessage .messagesubmit{width: 250px;margin: auto;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border: none;
  background: #8ed8ac;
  border-radius: 25px;
  color: #ffffff;
  cursor: pointer;
}
.fixedmessage .tt2{color:#000000;}
.fixedmessage .upload .tt{color:#000000;margin-top: 15px;}
.fixedmessage .addfile{position: relative;display: flex;align-items: center;margin: 10px 0 20px;}
.fixedmessage .addfile input{width: 156px;height: 44px;position: absolute;left: 0;top:0;z-index: 0;opacity: 0;}
.fixedmessage .upload p{color:#000000}

.fixedmessage.current{bottom: 20px;}






/* 底部 */
.footer {background: #f5f5f5; position: relative;overflow: hidden;width:100%;margin: auto;}
.footer_top{padding:20px 0px 0px;}
.footer-left{}
.footer-left .footer_logo{display: none;}
.footer-icon{width: 100%;overflow: hidden;}
.footer-icon ul{display: flex;justify-content: center;align-items: flex-start;gap: 20px;}
.footer-icon ul li{float: left;margin-right: 15px;position: relative;}
.footer-icon ul li a{display: block;text-align: center;font-size: 20px;color: #525252;font-size: 0;line-height: 0;}
.footer-icon ul li .image{display: none; position: absolute;left: calc(50% - 72px);bottom: calc(100% + 10px);width: 145px;background: #ffffff;border-radius: 5px;box-shadow: 0px 0px 5px 5px #c7c7c7;}
.footer-icon ul li .image img{max-width: 120px;display: block;}
.footer-icon ul li .image p{font-size: 15px;text-align: center;line-height: 1.5; color: #000000;padding-bottom: 12px;}
.footer-lxfs{width: 100%;overflow: hidden;margin-top: 10px;text-align: center;}
.footer-right ul li{float: left;margin-left: 50px;}
.footer-right ul li a{display: block;color: #525252;font-size: 18px;}
.footer-right ul li a.nv{color:#000000;font-size: 20px;}
.footer-right ul li:last-child{display: none;}
.footer-right ul li:first-child{margin-left: 0px;}

.footer-bottom {color: #333333;padding: 10px 0px;font-size: 13px;}
.footer-bottom .footer-copyright{line-height: 30px;color: #333333;}
.footer-bottom .footer-copyright *{color: #333333;}

#goTopBtn{position: fixed;bottom: 115px;right:4%;background: #2c9292;}
#goTopBtn .image{width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;}

.bg-gray {
  /* background: #f8f8f8; */
}
.mypage {
  text-align: center;
  width: 100%;

  overflow: hidden;
}
.mypage .pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.mypage li {
  display: inline-block;
  color: #333333;
  background: #eff1f4;
  border-radius: 5px;
  height: 37px;
  line-height: 37px;
  text-align: center;
  padding: 0px 12px;
  margin: 3px;
}
.mypage li.active {
  background: #60b827;
  color: #ffffff;
}
.mypage li.active span {

  color: #ffffff;
}
.mypage .rows {
  border: none;
}
.lightbox{top: calc(50% - 180px);}