@font_color:#3a2627;
.swiper-pagination-bullet-active{
  background-color: @font_color;
}
.swiper-button-next,.swiper-button-prev{
  background-image: none;
  font-family: SimSun-ExtB;
  font-size: 2.75rem;
  font-weight: 700;
  color: @font_color;
}
.swiper-container{
  .swiper-wrapper{
    .swiper-slide{
      a{
        display: block;
        width: 100%;
        height: 100%;
        img{
          display: block;
          width: 100%;
          height: 100%;
        }
      }
    }
  }
}
.common_header{
  .common_top{
    background-color: #f2f2f2;
    height: 2.5rem;
    line-height: 2.5rem;
    .w{
      text-align: right;
      span,a{
        font-size: 0.875rem;
      }
      a{
        color: @font_color;
      }
      span{
        padding-right:1rem;
      }
    }
  }
  .logo{
    text-align: center;
    height: 10.5rem;
    line-height: 10.5rem;
    border-bottom: 0.0625rem solid @font_color;
    a{
      display: block;
      margin: 0 auto;
      img{
        width: 10.9375%;
      }
    }
    button{
      display: none;
    }
  }
  ul{
    display: flex;
    justify-content: space-between;
    li{
      height: 4.0625rem;
      line-height: 4.0625rem;
      box-sizing: content-box;
      a{
        box-sizing: content-box;
        display: block;
        width: 100%;
        height: 100%;
        color: @font_color;
        font-weight: 700;
        transition: all 0.3s;
        padding: 0 1rem;
        text-align: center;
        &:hover{
          color:  #fff;
          background-color: @font_color;
        }
      }
    }
    .current{
      a{
        color: #fff;
        background-color: @font_color;
      }
    }
  }
}
.common_footer{
  margin-top: 5.3125rem;
  border-top: 0.0625rem solid @font_color;
  padding-top:3.3125rem;
  .w{
    display: flex;
    justify-content: space-between;
    ul{
      width: 12%;
      li{
        height: 1.875rem;
        line-height: 1.875rem;
        a{
          display: block;
          width: 100%;
          height: 100%;
          color: @font_color;
          font-size: 0.875rem;
          transition: all 0.3s;
          &:hover{
            transform: translateX(5%);
            color: #000;
            font-weight: 700;
          }
        }
      }
      .title{
        padding-bottom:0.75rem;
        border-bottom: 0.0625rem solid @font_color;
        margin-bottom: 0.75rem;
        a{
          font-size: 1.25rem;
        }
      }
    }
    .footer_code{
      width: 6.25rem;
      img{
        width: 100%;
      }
      p{
        height: 1.25rem;
        line-height: 1.25rem;
        padding-top:1.25rem;
        color: @font_color;
        font-size: 0.875rem;
        text-align: center;
      }
    }
    .footer_search{
      width: 17.5rem;
      .tel{
        padding-bottom:1.125rem;
        display: flex;
        align-items: center;
        img{
          width: 1.3125rem;
          height: 1.3125rem;
        }
        a{
          color: @font_color;
          font-size: 1.25rem;
          font-weight: 700;
          padding-left:0.875rem;
        }
      }
      .search{
        display: flex;
        height: 2.25rem;
        line-height: 2.25rem;
        input{
          height: 100%;
          width: 87.5%;
          background-color: #e6e7e9;
          padding-left:0.625rem;
          font-size: 0.875rem;
        }
        button{
          width: 12.5%;
          height: 100%;
          img{
            width: 100%;
            height: 100%;
          }
        }
      }
    }
  }
}
.common_return{
  height: 4.25rem;
  line-height: 4.25rem;
  a{
    font-weight: 700;
    color: @font_color;
    span{
      padding-right: 0.5rem;
    }
  }
}
.current_add{
  margin-top: 0.625rem;
  a{
    color: @font_color;
    font-size: 0.875rem;
    transition: all 0.3s;
    &:hover{
      font-weight: 700;
    }
    &::after{
      content: ">";
      padding-left: 0.3rem;
      color: @font_color;
      font-size: 0.875rem;
    }
  }
  a:last-child{
    &::after{
      display: none;
    }
  }
}
.home_nav{
  padding: 1rem  1rem 0 1rem;
  border: 0.0625rem solid #b8b8b8;
  width: 11.5%;
  position: fixed;
  ul{
    li{
      height: 2rem;
      line-height:2rem;
      a{
        transition: all 0.3s;
        color: #a9a9a8;
        font-size: 0.875rem;
        &:hover{
          color: @font_color;
          border-bottom: 0.0625rem solid @font_color;
        }
      }
    }
    li:nth-child(n+2){
      a{
        &::before{
          content: "◆";
        }
      }
    }
    .title{
      border-bottom: 0.0625rem solid @font_color;
    }
    .current{
      a{
        color: @font_color;
        border-bottom: 0.0625rem solid @font_color;
      }
    }
  }
}

/*首页*/
.index{
  .index_banner{
    //height: 46.875rem;
  }
  .index_con{
    .top{
      li{
        max-height:55rem;
        &:hover{
          a{
            img{
              transform: scale(1.05);
            }
          }
        }
        a{
          display: block;
          width: 100%;
          overflow: hidden;
          img{
            transition: all 0.5s;
            width: 100%;
          }
        }
      }
      li:first-child{
        margin-top: 2.5rem;
      }
    }
    .bottom{
      display: flex;
      justify-content: space-between;
      margin-top: 2.5rem;
      li{
        width: 31.5%;
        transition: all 0.3s;
        &:hover{
          transform: translateY(-5%);
        }
        a{
          display: block;
          width: 100%;
          height: 100%;
          img{
            width: 100%;
          }
          //h6{
          //  text-align: center;
          //  color: @font_color;
          //  font-size: 1rem;
          //  height: 4.375rem;
          //  line-height: 4.375rem;
          //  white-space: nowrap;
          //  text-overflow: ellipsis;
          //  overflow: hidden;
          //}
          //p{
          //  display: block;
          //  margin: 0 auto;
          //  width: 6.75rem;
          //  height: 1.875rem;
          //  line-height: 1.875rem;
          //  text-align: center;
          //  border: 0.0625rem solid #ccc;
          //  color: @font_color;
          //  border-radius: 0.25rem;
          //  transition: all 0.3s;
          //  &:hover{
          //    background-color: @font_color;
          //    color: #fff;
          //    border-color: @font_color;
          //  }
          //}
        }
      }
    }
  }
}

/*列表*/
.list{
  .list_con{
    h3{
      font-size: 1.25rem;
      font-weight: 700;
      color: @font_color;
      padding: 1.75rem 0;
    }
    .list_con_nav{
      display: flex;
      justify-content: center;
      li{
        width: 11.111111%;
        height: 1.875rem;
        line-height: 1.875rem;
        a{
          border-top: 0.0625rem solid #b8b8b8;
          border-right:0.0625rem solid #b8b8b8;
          border-bottom:0.0625rem solid #b8b8b8;
          color: @font_color;
          font-size: 0.875rem;
          display: block;
          text-align: center;
          width: 100%;
          height: 100%;
          transition: all 0.3s;
          &:hover{
            background-color: @font_color;
            color: #fff;
            border-color: @font_color;
          }
        }
      }
      .current{
        a{
          background-color: @font_color;
          color: #fff;
          border-color: @font_color;
        }
      }
      li:first-child{
        a{
          border-left:0.0625rem solid #b8b8b8;
        }
      }
    }
    .list_content{
      .list_content_classification{
        ul{
          border-top:0.0625rem solid #b8b8b8;
          border-left:0.0625rem solid #b8b8b8;
          li{
            border-bottom:0.0625rem solid #b8b8b8;
            border-right:0.0625rem solid #b8b8b8;
            float: left;
            width: 33.33333%;
            a{
              display: block;
              height: 100%;
              width: 100%;
              text-align: center;
              transition: all 0.3s;
              &:hover{
                background-color: #F6F5F5;
              }
              img{
                margin-top: 0.625rem;
                width: 81%;
                height: 16.25vw;
              }
              p{
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                font-size: 0.875rem;
                color: #ccc;
                padding-bottom: 2rem;
              }
            }
          }
          li:nth-child(3n){
            border-right:0.0625rem solid #b8b8b8;
          }
          li:nth-child(n+7){
            display: none;
          }
        }
        >button{
          cursor: pointer;
          display: block;
          margin: 1.5rem auto;
          background-color: #fff;
          border: 0.0625rem solid #b8b8b8;
          height: 1.875rem;
          line-height: 1.875rem;
          text-align: center;
          padding: 0 0.5rem;
          color: @font_color;
          transition: all 0.3s;
          border-radius: 0.25rem;
          &:hover{
            background-color: @font_color;
            color: #fff;
            border-color: @font_color;
            padding: 0 2rem;
          }
        }
      }
    }
  }
}

/*产品详情*/
.product{
  .product_con{
    .product_content{
      display: flex;
      justify-content: space-between;
      .left{
        width: 49.67%;
        //height:47.9375rem;
        //overflow: hidden;
        img{
          width: 100%;
          height: 30vw;
        }
      }
      .right{
        width: 48%;
        border-top: 0.0625rem solid #b8b8b8;
        padding-top:1rem;
        h5{
          font-weight: 700;
          color: @font_color;
          font-size: 1.25rem;
          padding-bottom: 1rem;
        }
        .type{
          p{
            line-height: 1.875rem;
          }
        }
        .tel{
          padding-top:2.5rem;
        }
        .product_details{
          .title{
            height: 1.5rem;
            line-height: 1.5rem;
            text-align: center;
            background-color: #a8a9ad;
            margin:0.625rem 0;
          }
          p{
            line-height: 1.875rem;
          }
          .product_details_pic{
            margin-top: 1.25rem;
            height: 6.5vw;
            .swiper-container,.swiper-wrapper{
              height: 100%;
              width: 100%;
              .swiper-slide{
                //width: 6rem;
                img{
                  width: 100%;
                  height: 100%;
                }
              }
            }
          }
        }
      }
    }
    .product_content_mid{
      display: flex;
      padding:1.125rem 0;
      margin-top: 2.0625rem;
      border-top: 0.0625rem solid #b8b8b8;
      border-bottom: 0.0625rem solid #b8b8b8;
      align-items: center;
      h5{
        //transform: translateY(1.875rem);
        color: @font_color;
      }
      .swiper-container{
        margin-left: 2.1875rem;
        width: 87.5%;
        height: 6.5vw;
        .swiper-slide{
          img{
            width: 100%;
            height: 100%;
          }
          a{
            display: block;
            width: 100%;
            height: 100%;
            img{
              width: 100%;
              height: 100%;
            }
          }
        }
      }
    }
    .product_content_bottom{
      display: flex;
      padding:1.125rem 0;
      h5{
        transform: translateY(1.875rem);
        color: @font_color;
      }
      ul{
        width: 87.5%;
        margin-left: 2.1875rem;
        li{
          height: 11.6875rem;
          float: left;
          width: 8.3025rem;
          margin-right: 1.25rem;
          a{
            display: block;
            width: 100%;
            height: 100%;
            img{
              width: 100%;
              height: 100%;
            }
          }
          img{
            width: 100%;
            height: 100%;
          }
        }
        li:nth-child(7n){
          margin-right: 0;
        }
        li:nth-child(n+8){
          margin-top: 1.25rem;
        }
      }
    }
  }
}

/*企业*/
.home{
  .home_content{
    width: 79.16666666666667%;
    float: right;
    img{
      max-width: 100%;
    }
  }
}

/*联系我们*/
.contact{
  .contact_banner{
    max-height: 30rem;
    a{
      display: block;
      width: 100%;
      height: 100%;
      img{
        width: 100%;
        height: 100%;
      }
    }
  }
  .contact_con{
    .contact_list{
      border-bottom: 0.0625rem solid #b8b8b8;
      h5{
        padding:2.5rem 0;
        font-size: 1.25rem;
        font-weight: 700;
      }
      .contact_list_con{
        min-height: 18rem;
      }
    }
    .contact_list:last-child{
      border-bottom: 0;
    }
    .message{
      display: flex;
      h5{
        margin-right: 12rem;
      }
      .contact_list_con{
        padding: 3.125rem 0;
        ul{
          li{
            height: 2rem;
            line-height: 2rem;
            position: relative;
            padding-left: 7rem;
            margin-bottom: 1rem;
            label{
              position: absolute;
              left: 0;
              top: 50%;
              transform: translateY(-50%);
              font-size: 0.875rem;
            }
            input{
              font-size: 0.875rem;
              width: 18.5rem;
              height: 100%;
              border: 0.0625rem solid #b8b8b8;
              padding-left: 0.5rem;
            }
          }
          .contact_text{
            position: static;
            height: auto;
            padding: 0;
            label{
              display: block;
              position: static;
              transform: translate(0);
            }
            textarea{
              width: 46.5rem;
              height:15.375rem;
              padding: 0.5rem;
              &:focus{
                outline: none;
              }
            }
          }
        }
        .bottom{
          text-align: right;
          display: flex;
          align-items: center;
          justify-content: flex-end;
          label{
            padding: 0 0.5rem;
          }
          #submit{
            height: 1.875rem;
            line-height: 1.875rem;
            background-color: #dddddd;
            color: #000;
            width: 10.625rem;
          }
        }
      }
    }
  }
}

/*关于我们*/
.about{
  .about_banner{
    width: 100%;
    a{
      display: block;
      width: 100%;
      img{
        width: 100%;
      }
    }
  }
  .about_con{
    .w{
      display: flex;
      justify-content: space-between;
      padding:3.125rem 0;
      .left{
        border: 0.0625rem solid #b8b8b8;
        height: 43.75rem;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 39.5%;
        img{
          max-width: 100%;
        }
      }
      .right{
        width: 55%;
        display: flex;
        justify-content: center;
        align-items: center;
        .text{
          h3{
            font-size: 2.25rem;
            font-weight: 700;
            color: @font_color;
            padding-bottom: 2.875rem;
          }
        }
      }
    }
  }
  .about_course{
    >a{
      display: block;
      width: 100%;
      img{
        width: 100%;
      }
    }
    .w{
      padding-top:4rem;
      h3{
        font-size: 2.625rem;
        color: @font_color;
        padding-bottom: 3.125rem;
      }
      ul{
        li{
          padding:1.875rem 0.625rem;
          border-top:0.0625rem solid #b8b8b8;
          display: flex;
          justify-content: space-between;
          align-items: center;
          .left{
            font-size: 1.875rem;
            color: @font_color;
          }
          .right{
            width: 52.5%;
            font-size: 0.875rem;
            line-height: 1.5rem;
            color: @font_color;
          }
        }
      }
      li:last-child{
        border-bottom:0.0625rem solid #b8b8b8;
      }
    }
  }
}

/*风格*/
.style{
  .style_con{
    .style_content{
      width: 78.9%;
      float: right;
      ul{
        li{
          .top{
            margin-bottom:1.25rem;
            a{
              display: block;
              width: 100%;
              img{
                width: 100%;
              }
            }
          }
          .bottom{
            display: flex;
            justify-content: space-between;
            >div{
              a{
                display: block;
                width: 100%;
                img{
                  width: 100%;
                }
              }
            }
            .left{
              max-width: 22.5rem;
            }
            .right{
              max-width: 33.6rem;
            }
          }
        }
        li:nth-child(n+2){
          margin-top:1.25rem;
        }
      }
    }
  }
}

/*销售*/
.sales{
  .sales_con{
    .title{
      h2{
        font-size: 2.25rem;
        text-align: center;
        padding:3.75rem 0;
      }
    }
    .province_city{
      display: flex;
      justify-content: center;
      >div{
        margin: 0 1.875rem;
        width: 15rem;
        >.select{
          display: block;
          height: 3.125rem;
          line-height: 3.125rem;
          border-bottom: 0.0625rem solid #b8b8b8;
          padding: 0 0.5rem;
          cursor: pointer;
          color: @font_color;
          &::after {
            color: @font_color;
            content: "▼";
            float: right;
            transform: translateY(2%);
          }
        }
        .province_city_over{
          box-shadow: 0.1rem 0.1rem 1rem rgba(0,0,0,0.5);
          position: absolute;
          z-index: 9999999;
          width: 15rem;
          overflow: auto;
          max-height: 12.5rem;
          display: none;
          background-color: #e6e6e6;
          ul{
            li{
              border-bottom: 0.0625rem solid #b8b8b8;
              height: 3.125rem;
              line-height: 3.125rem;
              color: @font_color;
              transition: all 0.3s;
              cursor: pointer;
              a{
                display: block;
                width: 100%;
                height: 100%;
                padding: 0 0.5rem;
                color: @font_color;
              }
              &:hover{
                background-color: @font_color;
                color: #fff;
              }
            }
          }
        }
      }
      .all{
        >.select{
          &::after{
            display: none;
          }
        }
      }
    }
    .sales_content{
      margin-top:2.5rem;
      background-color: @font_color;
      padding: 0 3.875rem;
      .top{
        display: flex;
        justify-content: space-between;
        height: 4.5rem;
        line-height: 4.5rem;
        border-bottom: 0.0625rem solid #fff;
        margin-bottom: 2.5rem;
        >div{
          color: #fff;
          font-size: 1.625rem;
        }
      }
      .bottom{
        ul{
          li{
            width: 50%;
            float: left;
            height:11.75rem;
            margin-bottom: 4.375rem;
            overflow: hidden;
            &:hover{
              a{
                transform: scale(1.05);
              }
            }
            a{
              transition: all 0.5s;
              display: block;
              width: 100%;
              height: 100%;
              padding-left:13.125rem;
              position: relative;
              img{
                position: absolute;
                left: 0;
                top: 50%;
                height: 11.75rem;
                width: 11.75rem;
                transform: translateY(-50%);
              }
              .text{
                padding-top:0.5rem;
                p,h6{
                  color: #fff;
                  line-height: 1.5rem;
                }
                p{
                  padding-top: 1.5rem;
                }
              }
            }
          }
          li:nth-child(n+5){
            display: none;
          }
        }
      }
    }
    .sales_more{
      text-align: center;
      margin-top:1.25rem;
      color: @font_color;
      height: 2.75rem;
      position: relative;
      cursor: pointer;
      img{
        position: absolute;
        width: 1rem;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
      }
    }
  }
}

/*新闻*/
.news{
  .news_banner{
    a{
      display: block;
      width: 100%;
      height: 100%;
      img{
        width: 100%;
      }
    }
  }
  .page{
    height: 2.875rem;
    line-height: 2.875rem;
    display: flex;
    justify-content: flex-end;
    a,span{
      display: block;
      height: 1.8rem;
      padding: 0 0.5rem;
      line-height: 1.8rem;
      border: 0.0625rem solid #b8b8b8;
      color: @font_color;
      margin: 0 0.2rem;
      font-size: 0.875rem;
    }
    a{
      transition: all  0.3s;
      &:hover{
        background-color: @font_color;
        background-color: @font_color;
        color: #fff;
      }
    }
    .current{
      background-color: @font_color;
      background-color: @font_color;
      color: #fff;
    }
  }
  .news_list{
    ul{
      li{
        width: 50%;
        height: 13.5rem;
        float: left;
        a{
          padding:2rem 0.5rem 2rem 13.5rem;
          border-top:0.0625rem solid #000;
          display: block;
          width: 100%;
          height: 100%;
          position: relative;
          transition: all 0.3s;
          &:hover{
            background-color: @font_color;
            .text{
              h5,p,div{
                color: #fff;
              }
            }
          }
          img{
            position: absolute;
            width: 9.5rem;
            height: 9.5rem;
            left: 0.5rem;
          }
          .text{
            h5{
              color: #5f5f5f;
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden;
              margin-bottom: 1.5rem;
            }
            p{
              color: #9da1a3;
              font-size: 0.875rem;
              line-height: 1.5rem;
              overflow:hidden;
              text-overflow:ellipsis;
              display:-webkit-box;
              -webkit-box-orient:vertical;
              -webkit-line-clamp:3;
              margin-bottom: 1.2rem;
            }
            .read{
              font-size: 0.875rem;
              color: #6f9fc1;
            }
          }
        }
      }
    }
  }
}

/*详情*/
.page{
  .page_con{
    .page_content{
      max-width: 100%;
      .title{
        text-align: center;
        font-size: 2rem;
        color: @font_color;
        padding-bottom: 0.5rem;
      }
      .time{
        padding-bottom: 2rem;
        text-align: center;
        font-size: 0.875rem;
        color: #999;
      }
      .content{
        p{
          font-size: 0.875rem;
          line-height: 1.5rem;
        }
      }
      .next{
        padding-top: 2rem;
        >div{
          color: #999;
          font-size: 0.875rem;
          b{
            font-size: 0.875rem;
            color: @font_color;
          }
          a{
            font-size: 0.875rem;
            color: @font_color;
          }
        }
      }
    }
  }
}

/*网上商城*/
.code{
  .code_ul{
    display: flex;
    justify-content: center;
    margin-top: 5rem;
    li{
      margin: 0 5.3125rem;
      height: 27.25rem;
      width: 21.125rem;
      a{
        display: block;
        text-align: center;
        width: 100%;
        height: 100%;
        img{
          width: 100%;
          max-height: 20.9375rem;
        }
        h5{
          font-size: 1.25rem;
          color: #645858;
          padding-top:1.875rem;
          padding-bottom:1rem;
        }
        h6{
          display: block;
          width: 8.375rem;
          text-align: center;
          height: 1.875rem;
          line-height: 1.875rem;
          background-color: #e6e7e9;
          color: #645858;
          font-size: 1.3125rem;
          margin: 0 auto;
        }
      }
    }
  }
}

/*移动端*/
.m_nav{
  display: none;
}


@media screen and(max-width: 1200px){
  *{
    font-size: 14px;
  }
}
@media screen and(max-width: 1000px) {
  * {
    font-size: 12px;
  }
  .w{
    width: 92%;
  }
  .common_header {
    .logo {
      height: 15.625vw;
      position: relative;
      button {
        display: block;
        position: absolute;
        left: 4.6875vw;
        top: 50%;
        transform: translateY(-50%);
        font-size: 4.375vw;
        font-weight: 700;
        width: 7.8125vw;
        height: 7.8125vw;
        line-height: 7.8125vw;
        background-color: transparent;
        border: 0.15625vw solid #ccc;
        border-radius: 2vw;
      }
      a {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        img {
          width: 20%;
        }
      }
    }
    .common_top {
      display: none;
    }
    >.w{
      display: none;
    }
    .m_nav {
      width: 100%;
      ul{
        display: block;
        li{
          height: 8.25vw;
          line-height: 8.25vw;
          a{
            padding: 0;
          }
        }
      }
    }
  }
  .index{
    .index_con{
      .top{
        li:first-child{
          margin-top: 3.125vw;
        }
      }
      .bottom{
        display: block;
        li{
          width: 100%;
          a{
            img{
              height: 100%;
            }
          }
        }
      }
    }
  }
  .common_footer{
    padding-top: 0;
    margin-top: 5vw;
    border-top: 0;
    >.w{
      display: block;
      ul{
        width: 100%;
        li{
          height: 6.25vw;
          line-height: 6.25vw;
          width: 100%;
          padding: 0 2vw;
        }
        .title{
          padding: 0;
          height: 8.25vw;
          line-height: 8.25vw;
        }
      }
      .footer_code{
        width: 30%;
        margin: 0 auto;
        p{
          padding: 0;
        }
      }
      .footer_search{
        margin-top: 5vw;
        width: 100%;
        .tel{
          justify-content: center;
        }
        form{
          display: none;
        }
      }
    }
  }
  .swiper-button-next, .swiper-button-prev{
    font-size: 5.9375vw;
  }
  .swiper-container-horizontal{
    .swiper-pagination-bullets{
      bottom: 2vw;
      span{
        width: 2vw;
        height: 2vw;
      }
    }
  }


  .list{
    .list_banner{
      .w{
        width: 100%;
        margin: 0;
      }
    }
    .list_con{
      .w{
        >h3{
          display: none;
        }
        .list_con_nav{
          display: none;
        }
        .list_content{
          .list_content_classification{
            ul{
              li{
                a{
                  img{
                    height:23.65vw;
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  .about{
    .about_banner{
      a{
        img{
          width: 100%;
        }
      }
    }
    .about_course{
      .w{
        padding-top: 4.6875vw;
        h3{
          font-size: 5.9375vw;
          padding-bottom:4.6875vw;
        }
        ul{
          li{
            padding:2.5vw 1.5625vw;
          }
        }
      }
    }
  }


  .contact{
    .contact_con{
      .contact_list{
        h5{
          padding: 3.125vw 0;
        }
      }
      .message{
        display: block;
        h5{
          margin-right: 0;
        }
        .contact_list_con{
          padding-top: 0;
          ul{
            .contact_text{
              textarea{
                width: 100%;
              }
            }
          }
        }
      }
    }
  }


  .product{
    .product_con{
      .product_content{
        display: block;
        .left{
          height: auto;
          width: 100%;
          img{
            height: 87.7vw;
          }
        }
        .right{
          width: 100%;
          .product_details{
            .product_details_pic{
              height: 15vw;
              .swiper-container{
                padding:0 8vw;
                .swiper-button-next,.swiper-button-prev{
                  margin: 0;
                  transform: translateY(-32%);
                }
              }
            }
          }
        }
      }
      .product_content_mid{
        display: block;
        .swiper-container{
          margin-top: 5vw;
          height: 20vw;
          padding:0 8vw;
          .swiper-slide{
            a{
              height: auto;
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              img{
                height: auto;
              }
            }
          }
          .swiper-button-next,.swiper-button-prev{
            margin: 0;
            transform: translateY(-20%);
          }
        }
      }
      .product_content_bottom{
        display: block;
        ul{
          margin-top: 8.75vw;
          li{
            float: none;
            width: 100%;
            height: auto;
          }
        }
      }
    }
  }

  .sales {
    .sales_con{
      .province_city{
        justify-content: space-between;
        > div{
          width: 33.3333%;
          .province_city_over{
            width: 23.3333%;
          }
          .select{
            width: 143%;
            &::after{
              display: none;
            }
          }
        }
      }
      .sales_content{
        margin-top: 3.75vw;
        padding: 0 4.6875vw;
        .top{
          height: 15vw;
          line-height: 15vw;
          margin-bottom:4.6875vw;
          >div{
            font-size: 3.75vw;
          }
        }
        .bottom{
          ul{
            padding-bottom: 0.1vw;
            li{
              float: none;
              margin-bottom: 4.6875vw;
              width: 100%;
              a{
                position: relative;
                .text{
                  position: absolute;
                  width: 34vw;
                  right: 0;
                  top: 50%;
                  transform: translateY(-50%);
                  padding-top: 0;
                }
              }
            }
          }
        }
      }
      .title{
        h2{
          font-size: 4.6875vw;
          padding: 4.6875vw 0;
        }
      }
    }
  }

  .home_nav{
    width: 100%;
    position: static;
  }
  .home{
    .home_content{
      margin-top: 4.6875vw;
      width: 100%;
      float: none;
    }
  }


  .style{
    .style_con{
      .style_content{
        float: none;
        width: 100%;
        margin-top: 4.6875vw;
        ul{
          li{
            .bottom{
              display: block;
              width: 100%;
              .left,.right{
                width: 100%;
                max-width: 100%;
              }
            }
          }
        }
      }
    }
  }

  .code{
    .code_ul{
      margin-top: 10vw;
      display: block;
      li{
        width: 54%;
        height:auto;
        margin: 10vw auto 0;
        a{
          img{
            max-height: 100vw;
          }
        }
      }
    }
  }
}