// 公共部分
@font-face {
  font-family: PingFangL;
  src: url(../font/PingFang_Light.ttf);
}
@font-face {
  font-family: PingFangM;
  src: url(../font/PingFang_Medium.ttf);
}
@font-face {
  font-family: PingFangR;
  src: url(../font/PingFang_Regular.ttf);
}
@font-face {
  font-family: PingFangB;
  src: url(../font/PingFang_Bold.ttf);
}
@font-face {
  font-family: PingFangH;
  src: url(../font/PingFang_Heavy.ttf);
}

.L{
  font-family:PingFangL;
}
.M{
  font-family:PingFangM;
}
.R{
  font-family:PingFangR;
}
.B{
  font-family:PingFangB;
}
.H{
  font-family:PingFangH;
}

body {
    // -webkit-filter: grayscale(100%);
    // -moz-filter: grayscale(100%);
    // -ms-filter: grayscale(100%);
    // -o-filter: grayscale(100%);
    // filter: grayscale(100%);
    // filter: gray;
    font-family: PingFang !important;
}

.list_ul {
    overflow: hidden;

    ul {
        display: flex;
        flex-wrap: wrap;


        li {

            box-sizing: border-box;

            a {
                display: block;

            }

        }
    }
}


@color: #3b6221;
@bjcolor:#eef2f6;


.transition {
    transition: all ease-in-out 0.3s;

}

.img-transform {
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03);
}

.big_img {
    .img {
        overflow: hidden;

        img,
        h1,
        h2,
        h3,
        h4,
        h5 {
            .transition;
        }
    }

    &:hover img {
        .img-transform;
    }

    &:hover h1,
    &:hover h2,
    &:hover h3,
    &:hover h4 &:hover h5 {
        // color: @color;
    }
}

.con1920 {
    
    width: 100%;
    padding: 0 100px;
    margin: 0 auto;
}

.con1400{
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
}

.con1300 {
    max-width: 1300px;
    width: 100%;
    margin: 0 auto;
}

.con1200 {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

// 公共结束
.con1600{
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;  
}

// 头部开始


.head_pc{
    // padding: 20px 0;
    background-color: @color;
    .con1600{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding:0 150px;
        position: relative;
    }
    .pro_list{
      position: absolute;
      top: 120px;
      width: 100%;
      left: 0;
      z-index: 9999;
      .list_ul{
        display: none;
        padding: 14px 0;
      }
      .aa{
          position: relative;
          height: 210px;
          ul{
              position: absolute;
    left: 378px;
    width: 100%;
          }
      }
      
      .bbb{
          position: relative;
          height: 210px;
          ul{
              position: absolute;
    left: 596px;
    width: 100%;
          }
      }
      .tit{
        padding-bottom: 50px;
        h2{
          font-size: 48px;
          text-align: center;
          color: #fff;
        }
        p{
          font-size: 18px;
          color: #999999;
          text-align: center;
          // padding: 10px 0;
      }
    }
      ul{
        margin: -10px;
      }
      li{
        width: 16.66%;
        padding: 10px;
      }
      .img{
        // width: 446px;
        height: 94px;
        padding: 10px 0;
        display: flex;
        align-items: center;
        justify-content: center;
        img{
          object-fit: contain;
          max-height: 100%;
        }
      }
      a{
        display: block;
        height: 100%;
        padding:10px;
        background-image: linear-gradient(#191919,#575757);
        &:hover{
          i{
            background-color: @color;
            border-color:@color;
          }
        }
        h3{
          font-size: 16px;
          color: #fff;
          text-align: center;
          margin: 14px 0;
          font-family: 'PingFangSC-Bold',PingFangB;
        }
        i{
          display: block;
          width: 100px;
          margin: 0 auto;
          border:1px solid #fff;
          color: #fff;
          margin-bottom: 14px;
          font-size: 14px;
          text-align: center;
          line-height: 30px;
          .transition;
          font-family: 'PingFangSC-Regular',PingFangR;
        }
      }
    }
    .nav{
        display: flex;
        align-items: center;
        // padding:0 150px;
        ul{
            display: flex;
            align-items: center;
            li{
                a{
                    display: block;
                    padding:20px 30px;
                    font-size: 21px;
                    line-height: 80px;
                    color: #fff;
                    text-transform: capitalize;
                    position: relative;
                    // font-weight: bold;
                    .transition;
                    font-family: 'PingFangSC-Medium',PingFangM;
                    // &.hover,&:hover{
                    //   color: @color;
                    // }
                    &:hover::after,
                    &.hover::after{
                      content:'';
                      width: 20%;
                      height: 4px;
                      background-color: #fff;
                      position: absolute;
                      left: 50%;
                      bottom: 0;
                      transform: translateX(-50%);
                      opacity: 0;
                      .transition;
                    }
                    &:hover::after,&.hover::after{
                        opacity: 1;
                    }

                }
            }
            .ul2{
                display: none;
            }
        }
    }

    .lng{
      a{
        display: flex;
        align-items: center;
        justify-content: space-between;
        line-height: 36px;
        
       
        font-size: 18px;
        text-align: center;
        padding:0 10px;
        border-radius: 36px;
        img{
         max-width: 30px;
          object-fit: cover;
        }
        p{
          padding-left: 10px;
        }
      }
    }
}

.index_banner_pc{
  .swiper-pagination2{
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 100%;
    
  }
}








.swiper_ban2{
  .swiper-pagination-bullet{
    background-color: #ccc;
  }
  .swiper-pagination-bullet-active{
    background-color: #fff;
  }
}
.ban_list img:last-child{
display: none;
}

.swiper_pro{
  &:hover{
    
  }
  .swiper-button-prev{
    left: 130px;
    color:#fff;
  }
  .swiper-button-next{
    right: 130px;
    color:#fff;
  }
}

.index_pro{
  background-color: #000;
  padding: 130px 0;
  .con1300{
    position: relative;
  }
  .prev,.next{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 68px;
    height: 68px;
    background-color: @color;
    color: #fff;
    font-size: 40px;
    font-family: simsun;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 11;
    cursor: pointer;
  }
  .prev{
    left: -34px;
    
  }
  .next{
    right: -34px;
  }
  .img{
    // width: 446px;
    height: 204px;
    display: flex;
    align-items: center;
    justify-content: center;
    img{
      object-fit: contain;
          max-height: 100%;
    }
  }
 
  a{
      height: 465px;
    display: block;
    padding: 20px;
    background-image: linear-gradient(#191919, #575757);
    &:hover{
      i{
        background-color: @color;
        border-color: @color;
      }
    }
    h3{
      font-size: 24px;
      color: #fff;
      text-align: center;
      margin-top: 32px;
      font-family: 'PingFangSC-Bold',PingFangB;
    }
    i{
      display: block;
      width: 126px;
      margin: 35px auto;
      border:1px solid #fff;
      color: #fff;
      font-size: 16px;
      text-align: center;
      line-height: 34px;
      font-family: 'PingFangSC-Regular',PingFangR;
      .transition;
    }
  }
}




.i_par{
  padding: 6% 0;
  background: url(../images/index_bj1.jpg) no-repeat center;
  background-size: 100%;
  .con1600{
    padding:0 80px;
  }
  ul{
    margin: -44px;
  }
  li{
    width: 25%;
    padding: 44px;
  }
  a{
    display: block;
  }
  .img{
    width: 125px;
    height: 125px;
    border:4px solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    img{
        width: 85px;
    }
  }
  h3{
    text-align: center;
    color: #fff;
    font-size: 19px;
    line-height: 40px;
    font-family: 'PingFangSC-Bold',PingFangB;
    padding: 18px 0;
    span{
      color: #bb6f00;
    }
  }
  .box{
    width: 100%;
    height: 290px;
    background: rgba(28,47,2,0.7);
    color: #fff;
    padding: 25px;
    font-size: 16px;
    border-radius: 5px;
    text-align: center;
    
  }
  
}


.i_ab{
  display: flex;
  background-color: #313131;
  &>div{
    width: 50%;
    
    color: #fff;
  }
  .ab_main{
    padding: 90px;
    max-width: 800px;
  }
  h2{
    font-family: 'PingFangSC-Bold',PingFangB;
    font-size: 40px;
    line-height: 60px;
  }
  .sum{
    font-size: 16px;
    padding: 40px 0 60px 0;
  }
  a{
    display: block;
    width: 150px;
    background-color: @color;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 50px;
    font-family: 'PingFangSC-Regular', PingFangR;
}
  
}










.footer{
  padding:2% 0;
  background-color: #0e2604;
  font-family: 'PingFangSC-Regular', PingFangR;
  .con1600{
    display: flex;
    color: #cccccc;
    &>div{
      flex:1;
    }
  }
  .foo_left{
    padding:0 50px;
    .foo_logo{
      p{
        font-size: 16px;
        padding: 20px 0;
      }
    }
  }

  .foo_nav{
    display: flex;
    &>ul{
      flex:1;
    }
    ul{
      
    }
    li{
     
    }
    a{
      display: block;
      line-height: 34px;
      font-size: 16px;
      font-family: 'PingFangSC-Regular', PingFangR;
     &:hover{
         color: @color;
     }
    }
  }


  .foo_center{
    border-left:1px solid #2d4f16;
    border-right:1px solid #2d4f16;
    padding:0 86px;
    h2{
      font-size: 19px;
    }
    i{
      display: block;
      height: 1px;
      width: 40px;
      margin: 32px 0;
      background-color: #fff;
    }
  }

  .foo_rig{
    padding:0 50px;
    h2{
      font-size: 19px;
    }
    i{
      display: block;
      height: 1px;
      width: 40px;
      margin: 32px 0;
      background-color: #fff;
    }
    p{
      line-height: 40px;
      font-size: 16px;
    }
    ul{
      display: flex;
      margin-top: 20px;
      li{
        margin-right: 20px;
      }
    }
  }
.foo_bottom{
  color: #ccc;
  padding-top: 14px;
  margin-top: 40px;
  font-family: 'PingFangSC-Regular', PingFangR;
  a{
    display: block;
    line-height: 30px;
    font-size: 16px;
  }
}


}

// franklin


.franklin{
  background-color: #000;
    padding: 130px 0;
  .f_list{
    .tit{
      padding-bottom: 50px;
      h2{
        font-size: 40px;
        text-align: center;
        color: #fff;
        line-height: 60px;
      }
      p{
        font-size: 18px;
        color: #999999;
        text-align: center;
        // padding: 10px 0;
    }
  }

    ul{
      margin: -34px;
    }
    li{
      width: 33.33%;
      padding: 34px;
    }
    .img{
      // width: 446px;
      height: 240px;
      display: flex;
      align-items: center;
      justify-content: center;
      img{
        object-fit: contain;
        max-height: 100%;
      }
    }
    a{
      display: block;
      height: 100%;
      padding:50px 20px;
      background-image: linear-gradient(#191919,#575757);
      &:hover{
        i{
          background-color: @color;
          border-color:@color;
        }
      }
      h3{
        font-size: 24px;
        color: #fff;
        text-align: center;
        margin-top: 32px;
        font-family: 'PingFangSC-Bold',PingFangB;
      }
      i{
        display: block;
        width: 126px;
        margin: 20px auto;
        border:1px solid #fff;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 34px;
        .transition;
        font-family: 'PingFangSC-Regular',PingFangR;
      }
    }
  }
}


.precise{
  .pre_bj{
    position: relative;
  }
  
  .con1600{
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    transform: translateX(-50%);
  }
  .box{
    position: absolute;
    right: 0;
    top: 0;
    width: 800px;
    height: 100%;
    background: rgba(0,0,0,0.6);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .main{
    max-width: 510px;
    .tit{
      display: flex;
      align-items: center;
      .icon{
        width: 144px;
        height: 144px;
        border-radius: 50%;
        border:4px solid #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 60px;
      }
      h2{
        font-size: 40px;
        line-height: 60px;
        color: #fff;
        font-family: 'PingFangSC-Bold',PingFangB;
        p:last-child{
          color: #d5a864;
        }
      }
    }
    .sum{
      margin-top: 64px;
      font-family: 'PingFangSC-Regular',PingFangR;
      font-size: 16px;
      // line-height: 40px;
      color: #fff;
    }
  }
}

.created{
  background-color: #282828;
  padding: 4% 0 4% 0;
  .type{
    color: #558e30;
    h2{
      font-size: 40px;
      text-align: center;
      line-height: 60px;
      p:first-child{
        font-family: 'PingFangSC-Bold',PingFangB;
      }
    }
  }

  .main{
    
   
    margin: 70px auto 0 auto;
   
    color: #fff;
    .tit{
      ul{
        display: flex;
        justify-content: center;
        align-items: center;
      }
      li{
        margin: -30px 18px;
        cursor: pointer;
        position: relative;
        z-index: 1;
        &:hover{
          h4{
            background-color: #3b6221;
          }
        }
        &.on{
          h4{
            background-color: #3b6221;
          }
        }
      }
      h4{
        padding:0 50px;
        line-height: 60px;
        background-color: #8d8d8d;
        border-radius: 30px;
        .transition;
      }
    }
    .cont_list{
      li{
          margin-bottom: 40px;
       &:first-child{
           .box{
               flex-direction: row-reverse;
             
           }
           .cont{
                       padding-right: 50px;
                   }
       }
       &:last-child{
           .img{
               padding-right: 50px;
              img{

              }
           }
       }
        .box{
          display: flex;
          align-items: center;
          
          &>div{
            width: 50%;
          
          }
        }
        .img{
            display: flex;
            justify-content: center;
          img{
              // max-height: 300px;
          }
        }
        
      }
      .cont{
        h2{
          font-size: 30px;
          font-family: 'PingFangSC-Bold',PingFangB;
        }
        .sum{
          font-size: 16px;
          margin-top: 24px;
          
        }
      }
    }
  }
}


.high{
  background-color: #444;
  padding: 4% 0;
  color: #fff;
  position: relative;
    z-index: 999;
  .con1300{
    display: flex;
    // padding:0 150px;
    align-items: center;
    &>div{
      flex:1;
    }
  }
  .left{
    h2{
      font-size: 36px;
      color:#558e30;
      font-family: 'PingFangSC-Bold',PingFangB;
    }
    .type_con{
      font-size: 16px;
      line-height: 40px;
      margin-top: 30px;
      font-family: 'PingFangSC-Regular',PingFangR;
    }
  }
  .rig{
    margin-left: 60px;
  }
  .list_ul{
    margin-top: 52px;
    overflow: visible;
    
    display: inline-block;
    ul{
      margin: -20px -10px;
      
    }
    a{
      background-image: linear-gradient(#ccc, #fff);
      height: 100%;
      // box-shadow: 0 0 10px #fff;
    }
    li{
     width: 33.33%;
      text-align: center;
      padding: 20px 10px;
      position: relative;
      cursor: pointer;
      
      &:hover .cont{
        display: flex;
      }
      &:hover{
        h3{
          color: #558e30;
        }
       
      }
    }
    .cont{
      
    
      align-items: center;
      padding:0 20px 30px 20px;
      
      color: #333;
      z-index: 999;
      .transition;
      
    }
    .img{
      width: 90px;
      height: 90px;
      background-color: #3b6221;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      margin: 0 auto;
      overflow: hidden;
      img{
        .transition;
      }
    }
    h3{
      color:#333;
      font-size: 30px;
      padding: 14px 0;
      height: 108px;
      display: flex;
      align-items: center;
      justify-content: center;
      line-height: 40px;
    }
  }
}

.precise2 .box{
  left: 0;

}
.ideal{
  background-color: #282828;
  padding: 6% 0;
  .type{
    h2{
      font-size: 40px;
      font-family: 'PingFangSC-Bold',PingFangB;
      color: #558e30;
      text-align: center;
      width: 530px;
      margin: 0 auto;
      line-height: 60px;
    }
  }
  .main{
    display: flex;
    color: #fff;
    // padding:0 164px;
    margin-top: 80px;
    &>div{
      flex:1;
      // padding:0 60px;
    }
    .left{
      padding-right: 60px;
    }
    h3{
      font-size: 30px;
      font-family: 'PingFangSC-Bold',PingFangB;
    }
    .cont_s{
      font-size: 16px;
      margin: 20px 0;
      font-family: 'PingFangSC-Regular',PingFangR;
    }
    i{
      display: block;
      height: 1px;
      background-color: #fff;
      margin: 50px 0;
    }
  }
  .install{
    h4{
      font-size: 24px;
      font-family: 'PingFangSC-Bold',PingFangB;
    }
    ul{
     
      margin-top: 4%;
      li{
       display: flex;
       align-items: center;
       margin-bottom: 10px;
      //  border-bottom: 1px solid #ccc;
        &:hover .cont{
          display: block;
        }
       
      }
      a{
      
        width: 110px;
        line-height: 30px;
        text-align: center;
        display: block;
        font-size: 18px;
        .transition;
        font-family: 'PingFangSC-Bold',PingFangB;
        // border-right: 1px solid #ccc;
      }

      .cont{
       flex: 1;
        align-items: center;
        padding:10px;
        font-size: 16px;
        color: #ccc;
       
      }
    }
  }
}


.fr_bj{
  background-color: #282828;
}
  .design{
    
    .type{
      h2{
        font-size: 40px;
        font-family: 'PingFangSC-Bold',PingFangB;
        color: #558e30;
        text-align: center;
      
        margin: 0 auto;
        line-height: 60px;
      }
    }
    .list_ul{
      padding:90px 0px;
      background:url(../images/franklin_bj2.png) no-repeat center;
    }
    ul{
      justify-content: space-between;
      margin: -12px;
    }
    li{
     width: 50%;  
     padding: 12px;
     display: inline-flex;
     justify-content: flex-start;
     &:nth-child(even){
       justify-content: flex-end;
     }
    }
    a{
      display: block;
      border-radius: 10px;
      overflow: hidden;
      position: relative;
    }
    .tit{
      position: absolute;
      left: 0;
      top: 0;
      color: #fff;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      h2{
        font-size: 30px;
        font-family: 'PingFangSC-Bold',PingFangB;
        text-align: center;

      }
      h5{
        font-size: 16px;
        font-family: 'PingFangSC-Bold',PingFangB;
        text-align: center;
        line-height: 24px;
      }
    }

  }      
  
.cont_tc{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 500px;
  display: none;
  align-items: center;
  padding:20px 20px;
  background: rgba(0,0,0,0.5);
  color: #fff;
  z-index: 9999;
  .transition;
      box-shadow: 0 0 10px #558e30;
}

.inst{
  color: #fff;
  padding: 4% 0;
  position: relative;
  z-index: 1;
  .type{
    h2{
      font-size: 30px;
      color: #558e30;
      font-family: 'PingFangSC-Bold',PingFangB;
    }
  }
  .sum{
    font-size: 16px;
    font-family: 'PingFangSC-Regular',PingFangR;
    // line-height: 40px;
    margin-top: 26px;
  }
  .con1600{
    display: flex;
    padding:0 100px;
    
    .left{
      width: 50%;
      padding-right: 80px;
    }
    .list_ul{
      width: 50%;
      padding-left: 80px;
      overflow: visible;
      ul{
        margin: -25px;
      }
      li{
        width: 50%;
        padding: 25px;
        position: relative;
        z-index: 999;
        &:hover{
          .cont{
            display: block;
          }
          .conts{
            display: block;
            
          }
        }
      }
      a{
        &:hover{
          .img{
            box-shadow: 0 0 10px #558e30;
          }
          h2{
            color: #558e30;
          }
        }
        &:hover{
          img{
            transform: scale(1.03);
          }
        }
      }
      .cont{
       height:120px;
        bottom:340px;
       
      }
      .conts{
        height: 80px;
        top: 340px;
        -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
      }
      .img{
        display: flex;
        justify-content: center;
        width: 220px;
        height: 220px;
        border-radius: 50%;
        
        margin: 0 auto;
        overflow: hidden;
        img{
          border-radius: 50%;
          .transition;
        }
      }
      .tit{
        h2{
          text-align: center;
          font-size: 20px;
          padding: 18px 0;
          .transition;
        }
      }
    }
  }
}


.franklin_read{
  background-color: #282828;
  .main{
    .con1600{
      display: flex;
    }
    .swiper{
      max-width: 600px;
      width: 100%;
      overflow: hidden;
    }
    #thumbs{
      width: 100%;
      margin-top: 12px;
    }
    .main_sum{
      width: 100%;
      color: #fff;
      padding-left: 82px;
      .tit{
        margin-bottom: 20px;
        h2{
          font-size: 36px;
          padding: 10px 0;
          border-bottom: 1px solid #fff;
          
        }
      }
      .sum{
        font-size: 19px;
        line-height: 36px;
      }
      .sub_tab{
        margin-top: 100px;
        .tab_tit{
          ul{
            display: flex;
            background-color: #8d8d8d;
            li{
              flex:1;

            }
            .on{
              a{
                background-color: #3b6221;
              }
            }
          }
          a{
            font-size: 18px;
            display: block;
            text-align: center;
            line-height: 52px;
          }
        }
        .tab_cont{
          padding: 20px 0 0 0 ;
          li{
            display: none;
          }
          .show{
            display: block;
            overflow-y: auto;
            max-height: 400px;
          }
          td{
            line-height: 40px;
            padding:0 20px;
          }

          tr:nth-child(odd){
            background-color: #313131;
            td:first-child{
              border-right: 2px solid #282828;
            }
          }
        }
      }
    }
  }

  .cont_tab{
    color: #fff;
    padding-bottom: 4%;
    .cont_tit{
      padding: 6% 0 2% 0;
      ul{
        display: flex;
        background-color: #8d8d8d;
        li{
          flex:1;

        }
        .on{
          a{
            background-color: #3b6221;
          }
        }
      }
      a{
        font-size: 18px;
        display: block;
        text-align: center;
        line-height: 52px;
      }
    }
    .cont_main{
      padding: 2% 0;
      li{
        display: none;
        &.show{
          display: block;
        }
      }
    }
  }
}



// Blume

.bpf{
  .con1300{
    padding: 40px 0;
  }
  h2{
    font-size: 40px;
    color: #d3a325;
    line-height: 70px;
  }
  p{
    font-size: 24px;
    color: #fff;
  }
  h1{
    background-color: #3b6221;
    font-size: 30px;
    color: #fff;
    text-align: center;
    line-height: 80px;
  }
}

.superior{
  padding: 4% 0;
  .con1300{
    display: flex;
    .left{
      width: 40%;
      h4{
        font-size: 40px;
        color: #558e30;
      }
      .cont_s{
        font-size: 16px;
        color: #fff;
        padding: 10px 0;
      }
      ul{
        margin-top: 60px;
        h5{
          font-size: 16px;
          line-height: 40px;
          color: #fff;
          padding-left: 50px;
          background: url(../images/sup_icon.png) no-repeat center left;
          margin: 9px 0;
        }
      }
    }
    .rig{
      width: 60%;
    }
  }
}

.control{
  .con1300{
    display: flex;
    .left{
      width: 54%;
      padding-right: 60px;
    }
    .rig{
      width: 46%;
      h4{
        font-size: 40px;
        color: #558e30;
      }
      .cont_s{
        font-size: 16px;
        color: #fff;
        padding: 10px 0;
      }
    }
  }
  .c_con{
    padding: 30px 0;
    display: flex;
    justify-content: space-between;
  }
  .c_left{
    color: #fff;

    h5{
      font-size: 24px;
    }
    .sum{
      font-size: 16px;
      padding: 10px 0;
    }
  }
  .rig{
    h5{
      font-size: 24px;
      color: #fff;
    }
    ul{
      display: flex;
      li{
        padding: 15px;
      }
    }
  }
}
.designed{
  padding: 4% 0;
  .con1300{
    display: flex;
  }
  .left{
    width: 36%;
    h2{
      font-size: 40px;
      color: #558e30;
    }
    .cont_s{
      font-size: 16px;
      color: #fff;
    }
    h4{
      font-size: 24px;
      color: #fff;
      padding: 40px 0 14px 0;
    }
  }
  .img{
    width: 54%;
    display: flex;
    justify-content: center;
    padding:0 40px;
    align-items: center;

  }
  .rig{
    width: 10%;
    li{
      padding: 10px 0;
    }
    .icon{
      display: flex;
      justify-content: center;
    }
    h5{
      font-size: 18px;
      color: #999;
      line-height: 30px;
      text-align: center;
    }
  }
}


.blume_p{

  
  background-color: #3b6221;
  padding: 30px 0;
  h2{
    font-size: 40px;
    color: #d3a325;
    line-height: 50px;
  }
  p{
    font-size: 24px;
    color: #fff;
  }
}
.spectra{
  color: #fff;
  padding: 4% 0;
  .con1300{
    display: flex;
  }
  .left{
    width: 70%;
    padding: 100px 0;
    h2{
      font-size: 40px;
      line-height: 60px;
    }
    h3{
      font-size: 40px;
      color: #558e30;
    }
    .cont_s{
      padding: 40px 0 0 0;
      font-size: 16px;
    }
    h5{
      font-size: 24px;
      padding-bottom: 14px;
    }
  }
}
.spectral{
  h2{
    font-size: 40px;
    color: #fff;
    text-align: center;
  }
  .cont{
    padding: 40px 0;
    display: flex;
    justify-content: center;
    img{
        max-width: 900px;
    }
  }
}



.down{
  padding: 4%;
  background-color: #282828;
  color: #fff;
  .con1300{
    display: flex;
    .down_left{
      width: 350px;
      h3{
        font-size: 26px;
        background-color: #3b6221;
        line-height: 60px;
        padding-left: 40px;
      }
      ul{
        padding:0 20px;
        .icon{
          width: 12px;
          height: 12px;
          background: url(../images/re_icon1.png) no-repeat center;
        }
        .hover .icon{
          background: url(../images/re_icon.png) no-repeat center;
        }
        h5{
            font-size: 18px;
            padding-left: 30px;

        }
        a{
          display: flex;
          align-items: center;
          line-height: 60px;
          // padding-left: 30px;
          border-bottom: 1px solid #313131;
        }
      }
    }
    .down_rig{
      flex:1;
      padding-left: 94px;
      .t{
        h2{
          font-size: 24px;
          padding:20px 60px ;
        }
      }
      li{
        width: 100%;
        margin-bottom: 12px;
      }
      .img{
        display: flex;
        align-items: center;
        img{
          margin:0 30px;
        }
      }
      .d_box{
        width: 100%;
        padding-left: 40px;
        display: flex;
        align-items: center;
        background-color: #313131;
        line-height: 60px;
        justify-content: space-between;
        h3{
          font-size: 18px;

        }
        a{
          display: block;
          width: 180px;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 16px;
          color: #3b6221;
        }
      }
    }
  }
}


.about{
  background-color: #282828;
  padding: 6% 0;
  li{
    display: flex;
    width: 100%;
    margin-bottom: 100px;
    &:nth-child(even){
      flex-direction: row-reverse;
    }
    &:last-child{
      margin-bottom: 0;
    }
    &>div{
      width: 50%;
    }
    .main{
      padding: 80px;
      background-color: #434343;
      h2{
        font-size: 36px;
        color: #558e30;
      }
      .sum{
        color: #fff;
        font-size: 16px;
        // line-height: 40px;
      }
      i{
        display: block;
        height: 1px;
        border-bottom: 1px solid #313131;
        margin: 20px 0;
      }
    }
  }
}


.contact{
  background-color: #313131;
  padding: 6% 0;
  
  color: #fff;
  .contact_left{
    max-width: 890px;
    width: 100%;
    padding-right: 60px;
    .c_tit{
      margin-bottom: 30px;
      h2{
        font-size: 40px;
        line-height: 60px;padding-bottom: 10px;
      }
      .cont_s{
        font-size: 16px;
      }
    }
  }
  .mess_form{
    .i_put{
      margin-bottom: 5px;
    }

    .l_able{
      display: flex;
      margin: 0 -5px;
      margin-bottom: 5px;
      &>div{
        flex:1;
        margin:5px;
      }
      input{
        width: 100%;
        margin: 0;
        padding:0 10px;
      }
    }
    label{
      font-size: 18px;
      display: block;
      margin-bottom: 5px;
    }
    p{
      display: flex;
      margin:0 -5px;
    }

    input{
      background-color: #202020;
      border:none;
      line-height: 40px;
      flex:1;
      margin: 5px;
      padding:0 10px;
    }
  }
  .submit{
    padding-top: 20px;
    input{
      width: 100%;
      font-size: 18px;
      border:none;
      line-height: 46px;
      color: #fff;
      background-color: #000;
    }
  }
  .con1300{
    display: flex;
    justify-content: space-between;
  }
  .info{
    width: 400px;
    background-color: #3b6221;
    padding: 30px;
    h4{
      font-size: 40px;
      text-align: center;
      border-bottom: 1px solid #2c4e16;
      padding-bottom: 10px;
    }
    li{
      margin-top: 50px;
    }
    .icon{
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 12px 0;
    }
    p{
      text-align: center;
      font-size: 16px;
    }
    .mail{
      background-color: #bb6f00;
      text-align: center;
      line-height: 48px;
      font-size: 20px;
      margin-top: 50px;
    }
  }
}


.buy{
  color: #fff;
  background-color: #282828;
  .con1600{
    padding: 80px 0;
  }
  .tit{
    background-color: #3b6221;
    line-height: 80px;
    padding:0 50px;
    h3{
      font-size: 30px;
      padding-left: 80px;
      background: url(../images/buy_icon.png) no-repeat center left;
    }
  }
  .list_ul{
    padding: 50px;
    background: #000;
    ul{
      margin: -15px;
    }
    li{
      width: 25%;
      padding: 15px;
    }
  }

}





// 产品详情新的

.pro_read_f{
  background-color: #282828;
  padding-bottom: 4%;
  .read_one{
   
    background-image: linear-gradient(#313131,#565656);

    .seri{
      display: flex;
      padding-bottom:6%;
      &>div{
        flex:1;
      }
      .img{
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px 60px 20px 0;

      }
      .main{
        h2{
          font-size: 40px;
          color: #fff;
          padding: 5px 0;
          border-bottom: 1px solid #ccc;
        }
        .sum{
          font-size: 16px;
          color: #ccc;
          line-height: 30px;
          padding: 20px 0;
        }

        a.pro_down{
          color: #fff;
          border:2px solid #fff;
          display: inline-block;
          line-height: 50px;
          padding:0 10px;
          font-size: 20px;
        }
        .price{
          color: #be6d02;
          font-size: 20px;
          padding: 15px 0;
        }
        .buy{
          display: inline-block;
          border:2px solid #be6d02;
          color: #be6d02;
          font-size: 20px;
          line-height: 50px;
          padding:0 15px;
        }
      }
    }
  }

#gallery{
  padding: 4% 0;
  .swiper-slide{
    height: auto;
  }
  .img{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    img{
        max-width: 1300px;
        max-height: 400px;
    }
  }

  .pro_prev,.pro_next{
    font-size: 30px;
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-family: simsun;
    cursor: pointer;
    z-index: 666;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pro_prev{
    left: 130px;
  }
  .pro_next{
    right: 130px;
  }
}


.specif{
  color: #fff;
  tr:nth-child(odd){
    background-color: #313131;
    
    td:first-child{
      border-right: 5px solid #282828;
    }
    td:last-child{
      border-left: 5px solid #282828;
    }
  }
  td{
    padding:0 30px;
    font-size: 16px;
    line-height: 46px;
    
  }
}

.s_tit{
  font-size: 24px;
  border-bottom: 1px solid #fff;
  width: 398px;
  padding: 10px 0;
  margin-bottom: 40px;
  color: #fff;
  h5{
      font-size: 16px;
  }
}



.ppfd{
  padding: 4% 0;
  .con1300{
    display: flex;
    &>div{
      flex:1;
    }
  }
.f1{
  padding-right: 20px;
  img{
      max-width: 406px;
  }
}
.f2{
  padding-left: 20px;
  .s_tit{
    margin: 0 auto;
    margin-bottom: 40px;
  }
}
}

.photo{
  .photo_list{
    display: flex;
    color: #fff;
    align-items: center;
    
  }
  .photo_img{
    width: 50%;
    padding-right: 30px;
  }
  ul{
    width: 50%;
  }
  li{
    display: flex;
    align-items: center;
    padding: 30px 0;
    border-bottom: 1px solid #ccc;
    &:last-child{
      border:none;
    }
    .img{
      width: 130px;

    }
    .cont{
      flex:1;
      padding-left: 36px;
      h5{
        font-size: 24px;
      }
      .sum{
        font-size: 16px;
        line-height: 32px;
      }
    }
  }
}





}


// 首页产品新改

.index_banner_pro{
  background-image: linear-gradient(#333,#616161);
  .img_box{
    max-width: 1300px;
    margin: 0 auto;
  }
  .img{
     
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4% 0;
   height: 400px;
    img{
      max-height: 400px;
    height: auto;
    }
  }
  h3{
    font-size: 30px;
    color: #7cda23;
    text-align: center;
  }
  .sum{
    font-size: 16px;
    color: #fff;
    padding:2% 0 4% 0;
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
  }
  
}

    .im8{
        width: 100%;
    }
 
.ban_list img{
    width: 100%;
}