.product{width:100%;height:100%;overflow: hidden;padding-top: 30px;margin-bottom: 20px;}

.common-title{margin-bottom: 20px;text-align: center;}
.common-title h2{font-size: 36px;margin: 20px auto;letter-spacing: 10px;color: #423120;font-weight: bold;}
.common-title img{}
.common-title p{font-size: 17px;margin-top: 30px;}

.product1{display: flex;}
.productlist{flex:1 0 25%;position: relative;overflow: hidden;cursor: pointer;}
.productlist::before,.productlist::after{content: "";position:absolute;background-color: rgba(30,30,30,0.4);width:100%;height:100%;}
.productlist::before{top:-100%;left:-100%;transition: all 0.6s;}
.productlist::after{bottom:-100%;right:-100%;transition: all 0.6s;}
.productlist:hover::before{top:0;left:0;}
.productlist:hover::after{bottom:0;right:0;}
.productlist>img{width:100%;}

.mask{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:200px;height:140px;text-align:center;z-index:999;display:none;transition: all 0.6s;}
.mask h2{font-size:16px;color:#fff;}
.mask img{position:absolute;bottom:30px;left:50%;margin-left:-15px;    font-weight: bold;}
.productlist:hover .mask{display:block;}


.apply{width:100%;height:auto;overflow:hidden;padding: 40px 0;background-color: #fce5cd;}

.apply1{display: flex;}
.apply1 dl{flex: 1  0 33%;padding: 0 1%;}
.apply1 dl dt{width:100%;}
.apply1 dl dt img{width:100%;}
.apply1 dl dd{width:100%;}

.apply2-1{
    text-align: left;
    width: 100%;
}

.apply2-1 h2{font-size: 24px;line-height: 80px;letter-spacing:1px;color: #545454;}

.apply2-2{border: 2px solid #000;width: 140px;height: 40px;line-height: 36px;text-align: center;display: inline-block;background: #fff;}
.apply2-1 a{font-size:14px;color:#333;}


.about{width:100%;height:auto;overflow:hidden;padding: 40px 0 30px 0;}

.about2{display: flex;}

.about2 dl{flex: 1 0 25%;padding: 10px;cursor:pointer;}
.about2 dl dt{}
.about2 dl dt img{
    width: 100%;
    display: block;
}
.about2 dl dd{
    padding: 20px 40px;
    background: #eee2d2;
    height: 200px;
}

.about2 dl:nth-child(2) dd{height: 200px;padding-top: 40px;}
.about2 dl:nth-child(4) dd{height: 200px;padding-top: 40px;}

.about21{}
.about21 h2{
    font-size: 24px;
    color: #423120;
    height: 40px;
    border-bottom: 1.5px solid #c89d45;
    width: 140px;
    margin-bottom: 14px;
}
.about21 p{
    line-height: 24px;
    letter-spacing: 1px;
}


.advantage{
    margin-bottom: 30px;
}
.advantage2{
    display: flex;
}


.advantage2 dl{
  flex: 1 0 33%;
  display: flex;
}
.advantage2 dl dt{flex: 1 0 40%;text-align: center;padding-top: 20px;}
.advantage2 dl dd{
  flex: 1 0 40%;
}

.advantage2 i{font-size: 70px;color: #9e7523;}

.advantage2 dd h2{font-size:20px;color: #423120;line-height: 46px;font-weight: bold;}
.advantage2 dd p{
  line-height: 24px;
}