html, body{background: #fff;}
.wrap_1440{ max-width: 1440rem;}
.bg-cover{ background-position:center; background-size: cover; background-repeat: no-repeat;}
img{max-width: 100%;}
.application01{padding: 100rem 0;}
.application01 ul{margin: 0 -1.5%;}
.application01 li{ float: left; width: 30.33%; margin: 0 1.5% 3%;position: relative;}
.application01 li dt{position: relative; overflow: hidden;}
.application01 li dt h3,.application01 li dd h3{font-size: var(--font-size-24);}
.application01 li dd{opacity: 0; visibility: hidden; position: absolute; lefT:0; top:0;width: 100%; height: 100%; background: rgba(65,170,126,0.9); }
.application01 li dd .inner{color: #fff; text-align: center; width:80%; padding: 10% 10%;text-align:justify; text-justify:distribute-all-lines;}
.application01 li dt h3{color: #fff; font-weight: bold; position: absolute; lefT:0; bottom:35rem; width: 100%; text-align: center; padding: 0 5%; box-sizing: border-box;}
.application01 li dt h3 em{ display: block; margin-top:4%; font-weight: normal; display: block;font-size: var(--font-size-30);}
.application01 li dd p{font-size: var(--font-size-18); line-height: 2;height: 20em; margin-top: 10%;}
.application01 li dd em{ display: block; margin-top: 5%;font-size: var(--font-size-30);}
@media only screen and (max-width: 1024px) {
  .application01 li dd{opacity: 1; visibility: visible;position: static;}
  .application01 li dt h3{opacity: 0;}
}
@media only screen and (max-width: 1023px) {
  .application01 li dd p{line-height: 1.5;margin-top: 5%; height: 12em;}
  .application01 li dd{background: #fff;}
  .application01 li dd .inner{ padding: 10% 0;text-align: left;width: auto;color: #000;}
  .application01 li dd em{display: none;}
}
@media only screen and (max-width: 767px) {
  .application01 li{width: auto;}
  .application01 li dd .inner{ padding: 5% 0;}
  .application01 li dd p{font-size: 24rem; height: auto;}
}


.application_dets01,.application_dets02{padding: 100rem 0; color: #41AA7E;position: relative;}
.application_dets01 h2,.application_dets02 h2,.application_dets03 h2{ text-align: center; font-weight: 200; font-size: var(--font-size-60);}
.application_dets01 ul{margin-top:4%;display: grid; grid-template-columns: repeat(2,1fr);gap: 30rem;}
.application_dets01 ul::after,
.application_dets01 ul::before{
  display: none;
}
.application_dets01 .worm-button{margin-top: 30rem;}
.application_dets02 .bg-box .bg,
.application_dets02 .bg-box{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.application_dets02  .wrap_1440{position: relative;z-index: 2;}
.application_dets01 li{ border: 2px solid #41AA7E; padding: 3%; box-sizing: border-box; }
.application_dets01 li:nth-child(2n){ float: right;}
.application_dets01 li h3,.application_dets02 li h3{ font-weight: bold;font-size: var(--font-size-24); height: 1.5em; overflow: hidden;}
.application_dets01 li p{margin-top: 3%; line-height: 2;overflow: hidden;height: 6em;}
.application_dets02{color: #fff;}
.application_dets02 ul{margin: 4% -0.8%;}
.application_dets02 li{ box-sizing: border-box; padding:3%; float: left; width: 23.4%; margin: 0 0.8% 1.6%; min-height: 528rem; background: rgba(255,255,255,0.2);}
.application_dets02 li h3{font-weight: normal; height: auto;}
.application_dets02 li p{margin-top: 8%; line-height: 2;overflow: hidden;}
.application_dets03{padding: 120rem 0 200rem; background: #F6F6F6;}
.application_dets03 h2{ color: #41AA7E;}
.xgcp-swibox{position: relative; margin-top: 5%;}
.xgcp-swibox li{ background:#FFFFFF;}
.xgcp-swibox li dl{ padding:10% 10%;}

.xgcp-swibox li dd h3{transition: .5s; font-size: var(--font-size-24); color: #000; height: 1.5em; overflow: hidden; margin-bottom:5%;}
.xgcp-swibox li dd p{overflow: hidden; line-height: 1.8; height:5.4em;}
.xgcp-swibox li dd span{display: block; font-size: 30rem; margin-top: 10%;}
.xgcp-swibox .swiper-button-prev,.xgcp-swibox .swiper-button-next{ transition: all .5s; opacity: 1!important; width:40px; height: 40px; margin-top:-20px; line-height: 40px; color: #131313; text-align: center; background: none;}
.xgcp-swibox .swiper-button-prev i,.xgcp-swibox .swiper-button-next i{ font-size:40rem;}
.xgcp-swibox .swiper-button-prev{ lefT:-60rem;}
.xgcp-swibox .swiper-button-next{ right:-60rem;}
.xgcp-swibox .swiper-button-prev.swiper-button-disabled i,.xgcp-swibox .swiper-button-next.swiper-button-disabled i{ color:#7C7C7C;}

@media only screen and (max-width: 1023px) {
.application_dets02 li{width: 48.4%; margin-bottom: 2%;}
.xgcp-swibox .swiper-button-prev{left:-20rem;}
.xgcp-swibox .swiper-button-next{right:-20rem;}
}
@media only screen and (max-width:767px) {
  .application_dets01 li{width: 100%; padding: 5%;}
  .application_dets01 ul{grid-template-columns: repeat(1,1fr);}
  .application_dets02 ul{margin: 4% 0;}
  .application_dets02 li{width: 100%; padding: 50rem;        height: auto;
    min-height: 0;}
  .application_dets02 li p{margin-top: 5%;}
}


.product_part{ padding: 3% 0 8%;}
.pro_ll{ float: left; width: 20%;}
.pro_ll .common_sort{width: 100%;}
.pro_rr{ float: right; max-width: 1110px; width: 75%; margin-top: 4.5%;}
.pro_rr li{padding: 40rem 45rem; border: 1px solid #D9D9D9; margin-bottom: 3.5%; background: #FFFFFF;}
.pro_rr li dt{border-bottom: 1px solid #D4D4D4; padding-bottom: 2.5%;}
.pro_rr li dt h2{ float: left; max-width: 50%; font-size: var(--font-size-24);}
.pro_rr li dt h2 em{ display: inline-block; margin-left:20rem;position: relative; top: -3rem; width: 36rem; height: 20rem; background: url(../images/hot.png) no-repeat; background-size: cover;}
.pro_rr li dt h3{ float: right; max-width: 50%; text-align: right;}
.pro_rr li dt h3 span{ display: inline-block; color: #181818; margin-left: 30rem; font-size: var(--font-size-18);}
.pro_rr li dt h3 span:first-child{margin-left: 0;}
.pro_rr li dt h3 span em{color: #707070;}
.pro_rr li dd{padding: 30rem 0 0; }
.pro_rr li dd p{color: #707070;}
.pro_rr li dd .btn_box{margin-top:6%;}
.pro_rr li dd .btn_box a{min-width: 0;}
.pro_rr li dd .btn_box a span{margin-right: 0.5em;}
.pro_rr li dd .btn_box .modular .worm-button{border: 1px solid #4c4d51;}
.pro_rr li dd .btn_box .modular{background: none;padding: 0;}
.pro_rr li dd .btn_box .modular .worm-button.type-bule::after{background: #fff;}
.pro_rr li dd .btn_box .modular a{color: #4c4d51;}
.worm-button i.icon-shenqing{transform: translate(0,0) !important; margin-right: 0.3em;font-weight: normal;}
/* .pro_rr li dd .btn_box a{ float: left; margin-right: 10rem; color: #41AA7E; box-sizing: border-box; padding: 1em 40rem; min-width: 130rem; ; text-align: center; border-radius: 90rem; border: 1px solid #4BAE85; background: #Fff;} */
.pro_rr li dd .btn_box a em{font-weight: bold; float: left;}
.pro_rr li dd .btn_box a i{ float: left; font-size: var(--font-size-24);}
.pro_rr li dd .btn_box a+a i{ margin-left: 0;margin-right: 10rem;}
@media only screen and (max-width: 1023px) {
  .pro_ll,.pro_rr,.pro_rr li dt h2,.pro_rr li dt h3{ width: 100%;}
  .pro_rr li dt h2,.pro_rr li dt h3{ max-width: 100%;}
  .pro_rr li dt h3{text-align: left; margin-top: 2%;}
}

.product_dets_body .header{background: #171717;}
.product_detsmain{padding: 145rem 0 0;}
.back{font-size: var(--font-size-18); padding: 25rem 10rem;border-bottom: 1px solid #e1e1e1;}
.back i{font-weight: bold;margin-right: 8rem;}
.product_dets01{padding: 60rem 0 120rem;}
.product_dets01 .ll{ float: left; width: 66%;}
.product_dets01 .rr{ float: right; width: 25%;}
.product_dets01 .ll h3{ line-height: 42rem; font-size: var(--font-size-24);color: #41AA7E; line-height: 42rem;}
.product_dets01 .ll h3 i{ display: inline-block; margin-right: 15rem; width: 42rem; height: 42rem;}
.product_dets01 .ll h2{font-size:36rem; margin-top: 2%; font-weight: bold;}
.product_dets01 .ll p{ font-size: var(--font-size-18);margin-top: 3%; line-height: 1.8; color: #000000;}
.product_dets01 .ll li{float: left; width: 33.33%; margin-top: 6%; color: #41AA7E; font-weight: bold;}
.product_dets01 .ll li:last-child{width: 100%;}
.product_dets01 .ll li:last-child span{ display: inline-block; margin-left: 40rem; max-width:70%;}
.product_dets01 .rr a{ float: left; font-size: var(--font-size-18); color: #41AA7E; float: left; position: relative; text-align: center; max-width: 166rem; width:48%; height: 166rem; background: #fff; border: 2px solid #41AA7E;}
.product_dets01 .rr a+a{ float: right;}
.product_dets01 .rr a span{ display: block; width: 100%;}
.product_dets01 .rr i{font-size:40rem;}
.product_dets01 .rr em{ display: block; margin-top:15rem; padding: 0 5%;}


.product_dets02{padding: 70rem 0 100rem; background:#F6F6F6;}
.product_dets02 li{ font-size: var(--font-size-18); float: left; box-sizing: border-box; width: 48%; padding: 1.8% 8rem; border-bottom:1px solid #41AA7E;}
.product_dets02 li:nth-child(2n){ float: right;}
.product_dets02 .con{margin-top: 3.5%; padding: 0 8rem; font-size: var(--font-size-18);}
.product_dets03{padding: 100rem 0 0; background: #fff;}
.product_dets03 h2,.product_dets05 h2{font-size: var(--font-size-60); font-weight: 200; text-align: center; color: #41AA7E;}
.product_dets03 ul{margin: 4% -1.5% 0;}
.product_dets03 li{ float: left; width: 30.33%; position: relative; padding: 40rem 40rem 60rem; box-sizing: border-box; min-height: 290rem; margin: 0 1.5% 3%; border:1px solid #D9D9D9;}
.product_dets03 li p{font-size: var(--font-size-18); line-height: 1.8;height: 9em;  overflow: hidden;}
.product_dets03 li i{position: absolute; lefT:40rem; bottom:40rem; width: 32rem; height: 6rem; background: #41AA7E;}
.product_dets04{ background: #fff; padding: 60rem 0 150rem;}
.product_dets04 .xgcp-swibox li{ background: #F6F6F6;}
.product_dets05{padding: 100rem 0 150rem; background:#F6F6F6;}
.product_dets05 ul{margin-top: 5%;}
.product_dets05 li{ float: left; width: 48.5%; padding:64rem 48rem; color: #fff; background: #41AA7E; box-sizing: border-box;}
.product_dets05 li a{display: flex;gap: 30rem;align-items: center;}
.product_dets05 li:nth-child(2n){ float: right;}
.product_dets05 li span{ position: relative; float: left; color: #fff; width: 110rem; height: 110rem; border-radius:100%; background:rgba(0,52,43,0.2);}
.product_dets05 li span i{font-size:50rem; }
.product_dets05 li h3{ float: right; width: calc(100% - 135rem); color: #fff; margin-top: 0%; font-size: var(--font-size-24);}
.product_dets05 li p{float: right; width: calc(100% - 135rem);color: #fff;margin-top: 3%; font-size: var(--font-size-18);}
.product_dets05 li p i{font-size: var(--font-size-24);display: inline-block;transition: .5s;}
.product_dets05 li p em{margin: 0 10rem; border-bottom: 1px solid #fff;}
.product_dets05 .modular {margin-top: 30rem;}
@media only screen and (max-width: 1023px) {
.product_dets01 .ll,.product_dets01 .rr{width: 100%;}
.product_dets01 .rr{margin-top: 5%;}
.product_dets01 .ll li,.product_dets02 li,.product_dets05 li{width: 100%;}
.product_dets03 li{width: 47%;}
.product_dets05 li{margin-top: 2%;}
}
@media only screen and (max-width: 767px) {
.product_dets01 .rr a{max-width: unset; width: 166rem;}
.product_dets01 .rr a+a{ float: left; margin-left: 3%;}
.product_dets03 ul{margin: 5% 0 0;}
.product_dets03 li{ width: 100%; margin: 0 0 2%; min-height: unset;}
}

@media only screen and (max-width: 767px) {
.application01 li dt h3, .application01 li dd h3,.application_dets01 li h3, .application_dets02 li h3,
.xgcp-swibox li dd h3,.pro_rr li dt h2,.product_dets01 .ll h3,.product_dets05 li h3{font-size: 16px;}
.pro_rr li dt h3 span,.back,.product_dets01 .ll p,.product_dets01 .rr a,.product_dets02 li,.product_dets02 .con,
.product_dets03 li p,.product_dets05 li p{font-size: 14px;}
.pro_rr li dt h3 span{ display: block; margin-bottom: 5px; margin-left: 0;}
}

.tran_scale{ overflow:hidden; display:block;}
.tran_scale img{transition:0.5s all; -webkit-transition:0.5s all;}
.application01 li,.application01 li dd,.xgcp-swibox li,.pro_rr li,.product_dets03 li,.product_dets05 li{transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;}
@media only screen and (min-width: 1025px) {
  .product_dets05 li p:hover i:last-child{
    transform: translate(10rem,0);
  }
  .xgcp-swibox .swiper-button-prev:hover, .xgcp-swibox .swiper-button-next:hover{
    color: var(--vi-color);
  }
  .pro_rr li dd .btn_box .modular a:hover{color: #fff;}
  .tran_scale:hover img{transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}
  .application01 li:hover{box-shadow: 0 0 15rem 15rem rgba(0,0,0,0.1);}
  .application01 li:hover dd{ opacity: 1; visibility: visible;}
  .application01 li:hover dt h3{opacity: 0;}
  .xgcp-swibox li:hover{ background: var(--vi-color);color: #fff;}
  .xgcp-swibox li:hover a,.xgcp-swibox li:hover h3{color: #fff;}
  .pro_rr li:hover{background: #41AA7E; box-shadow: 0 0 15rem 15rem rgba(0,0,0,0.1);}
  .pro_rr li:hover dt h2,.pro_rr li:hover dt h3 span,.pro_rr li:hover dt h3 span em,.pro_rr li:hover dd p{color: #fff;}
  .product_dets01 .rr a:hover{color: #fff; background: #41AA7E;}
  .product_dets03 li:hover{color: #fff; background: #41AA7E;box-shadow: 0 0 15rem 15rem rgba(0,0,0,0.1);}
  .product_dets03 li:hover i{background: #fff;}
  .product_dets05 li:hover{background: #34926D;}

  .tags_a a:hover{color: #41AA7E !important;}
}



.tags_box{padding-top: 30rem}
.tags_box h4{font-size: var(--font-size-20);margin-bottom: 10rem;color: #41AA7E;}
.tags_a{overflow: hidden;}
.tags_a a{float: left;line-height: 1.8em;margin-right: 30rem    }
.tags_a a:last-child{margin-right: 0}