@charset "UTF-8";
.all1 {
  margin-top: 90px;
  margin-bottom: 124px;
  padding-top: 1px;
  position: relative;
}
.all1 .crumbs{
    margin-top: 0;
}
.all1_top{
    padding-top: 40px;
    padding-bottom: 85px;
    background-size: cover;
    background-position: center;
}
.top_box{
    position: relative;
}  
.magnifier {
            position: absolute;
            width: 200px;
            height: 200px;
            border: 3px solid #fff;
            border-radius: 50%;
            cursor: none;
            pointer-events: none;
            box-shadow: 0 0 15px rgba(0,0,0,0.3);
            background-repeat: no-repeat;
            display: none;
        }
.top_img2{
    width: 400px;
}
.top_img{
    object-fit: cover;
    width: 800px;
}

.all1 .w1440 {
  position: relative;
  z-index: 2;
}
.all1 .sw1 {
  text-align: center;
  margin-top: 30px;
}
.all1 .sw1 .swiper-slide{
    display: flex;
    justify-content: center;
}
.all1 .sw1 img{
    max-width: 100%;
}
.all1 .title {
  line-height: 1.16;
  font-family: "fontM";
  margin-top: 63px;
  text-align: center;
}
.all1 .subtitle {
  text-align: center;
  color: #6BA23E;
}
.all1 .sw1_btn {
  position: absolute;
  z-index: 2;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  width: 56px;
  height: 56px;
  background: #fff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.all1 .swiper-button-disabled{
    background: rgba(0,0,0,0.08);
}
.all1 .sw1_btn svg path {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.all1 .sw1_btn:not(.swiper-button-disabled):hover {
  background: #6BA23E;
}
.all1 .sw1_btn:not(.swiper-button-disabled):hover svg path {
  fill: #fff;
}
.all1 .sw1_btn.swiper-button-disabled {
  cursor: auto;
}
.all1 .sw1_prev {
  left: 0;
}
.all1 .sw1_next {
  right: 0;
}
.all1 .posts_name {
  font-family: "fontM";
  line-height: 1.16;
}

.sw2 {
  margin: 19px auto 0;
}
.sw2 .swiper-slide {

  width: auto;
 
}
.sw2 .swiper-slide .sw2_box{
    overflow: hidden;
      cursor: pointer;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid rgb(217, 217, 217);
}
.sw2 .swiper-slide .sw2_box:after{
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: '';
    display: block;
}
.sw2 img {
  max-height: 90%;
  max-width: 66%;
}
.sw2 .swiper-slide-thumb-active .sw2_box{
  border: 2px solid #6BA23E;
}
.sw2 .swiper-slide-thumb-active .sw2_box:after{
  background: rgba(107, 162, 62, 0.2);
}
.commone_tit {
  text-align: center;
  color: #6BA23E;
  font-family: "fontM";
  line-height: 1.16;
}

.parameters {
  margin-top: 85px;
}
.parameters .list {
  margin-top: 43px;
}
.parameters .list > div {
  height: 68px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.parameters .list > div:nth-child(odd) {
  background: #EFF4EC;
  border-radius: 10px;
}
.parameters .list > div div {
  width: 50%;
  padding-right: 93px;
}
.parameters .list > div div:first-child {
  color: #000;
  font-family: "fontM";
}

.con {
  margin-top: 84px;
}
.con .content {
  margin-top: 30px;
}
.con .content img {
  max-width: 100% !important;
  height: auto !important;
}
.content ul li{
     list-style-type:disc;
}
.content ol li{
     list-style-type:decimal;
}
.details {
  background: #E1E2E4;
  padding: 63px 0;
}
.details .flx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.details .l {
  width: calc(100% - 493px);
}
.details .l img {
  max-width: 100%;
}
.details .r {
  width: 460px;
}
.details .box {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 59px 29px ;
}
.details .box:nth-child(n+2) {
  margin-top: 21px;
}
.details .img {
  width: 122px;
}
.details .img img {
  max-width: 100%;
}
.details .txt {
  width: calc(100% - 142px);
}
.details .tit{
    font-family: 'fontM';
}
.details .des {
  height: 9em;
  overflow: auto;
}
.details .des::-webkit-scrollbar {
  width: 2px;
  border-radius: 4px;
}
.details .des::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.02);
  /* 背景色 */
  border-radius: 4px;
}
.details .des::-webkit-scrollbar-thumb {
  background: #6BA23E;
  /* 滚动色 */
  border-radius: 6px;
}

.related {
  padding: 149px 0 113px;
  position: relative;
}
.related .w1440 {
  position: relative;
  z-index: 2;
}
.related::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #FFFFFF), to(rgba(62, 126, 31, 0.4)));
  background: linear-gradient(180deg, #FFFFFF 2%, rgba(62, 126, 31, 0.4) 100%);
}
.related .swiper {
  margin-top: 63px;
}
.related .swiper-slide {
  text-align: center;
  border-radius: 10px;
  overflow: hidden;
  height: 345px;
  padding: 25px 42px 0;
}
.related .swiper-slide::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  display: block;
  width: 100%;
  height: 55%;
  background: -webkit-gradient(linear, left bottom, left top, from(#FFFFFF), to(rgba(255, 255, 255, 0.3)));
  background: linear-gradient(360deg, #FFFFFF 0%, rgba(255, 255, 255, 0.3) 100%);
}
.related .swiper-slide::before {
  position: absolute;
  z-index: 2;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
  content: "";
  display: block;
  width: 0;
  height: 4px;
  background: #6BA23E;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.related .swiper-slide:hover::before {
  width: 100%;
}
.related a {
  color: #333;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-family: "fontM";
  position: relative;
  z-index: 2;
}
.related a:hover {
  color: #6BA23E;
}
.related .img {
  position: relative;
  z-index: 2;
  height: 0;
  padding-bottom: 56%;
  overflow: hidden;
  display: block;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 18px;
}
.related .img img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -o-object-fit: cover;
     object-fit: cover;
}
.related .img:hover img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
.related .point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 80px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.related .point span {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #6BA23E;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media screen and (max-width: 1600px){
    .sw2 .swiper-slide .sw2_box{
        width: 80px;
        height: 80px;
    }
    .all1 .title{
        margin-top: 40px;
    }
    .all1 .sw1 {
    margin-top: 20px;
}
.parameters {
    margin-top: 55px;
}
.parameters .list {
    margin-top: 30px;
}
.parameters .list > div div {
    padding-right: 50px;
}
.con {
    margin-top: 55px;
}
.con .content {
    margin-top: 20px;
}
.all1 {
    margin-bottom: 6.45%;
    
}
.details .box{
    padding: 30px;
}
.related {
    padding: 7.76% 0 5.88%;
}
    .related .swiper-slide {
        height: 260px;
    }
    .related .point{
        margin-top: 40px;
    }
    .related .swiper {
    margin-top: 30px;
}
.crumbs .w1440{
    width: 100%;
}
.all1_top{
    padding-top: 20px;
    padding-bottom: 55px;
}
}
@media screen and (max-width: 1200px){
    .all1 {
    margin-top: 60px;
        
    }
}
@media screen and (max-width: 768px){
    .all1_top{
        padding-bottom: 40px;
    }
    .all1{
        margin-bottom: 40px;
    }
    .sw2 .swiper-slide .sw2_box{
        width: 60px;
        height: 60px;
    }
    .sw2 {
    margin: 5px auto 0;
}
    .parameters {
        margin-top: 40px;
    }
        .parameters .list {
        margin-top: 25px;
    }
        .parameters .list > div div {
        padding-right: 25px;
    }
        .con {
        margin-top: 40px;
    }
        .con .content {
        margin-top: 10px;
    }
    .details {
    padding: 40px 0;
}
.details .flx {
    flex-direction: column;
    
}
.details .l {
    width: 50%;
    margin: auto;
}
.details .r {
    width: 100%;
}
    .related {
        padding: 40px 0;
    }
        .related .point {
        margin-top: 25px;
    }
        .related .swiper-slide {
        height: auto;
        padding-bottom: 30px;
    }
    .related .img{
        margin-bottom: 10px;
    }
        .related .swiper {
        margin-top: 20px;
    }
        .details .box {
        padding: 20px;
    }
    .all1 .sw1_btn{
        width: 40px;
    height: 40px;
    }
    .all1 .sw1_btn svg{
        width: 20px;
        height: 20px;
    }
}