.details-title{
    width: 100%;
    height:135px;
    text-align: center;
    background: #f5f3f0;
}
.details-title-name{
    font-size: 26px;
    line-height: 46px;
    padding-top: 16px;
}
.details-subtitle{
    font-size: 10px;
    padding: 5px 0;
    color: #828282;
}
.details-subtitle span{
    padding: 0 5px;
}
.details-content{
    font-size: 14px;
    color: #A18040;
    padding: 5px 0;
}
.list{
    padding-top: 5vw;
}
.list-box{
    width: 42.5vw;
    float: left;
    margin-left: 4.5vw;
    text-align: center;
    color: #202020;
    margin-bottom: 5vw;
    margin-top: 0;
}
.list-boxa{
    width: 100%;
    background: #f5f3f0;
    height:53vw;
}
.list-boxa img{
    padding-top: 2.5vw;
    width: 11vw;
    height:48vw;
}
.list-box a p{
    line-height: 8.5vw;
    color: #202020;
    height:8.5vw;
}
.list .clear{
    height:0;
    width: 100%;
    overflow: hidden;
    clear: both;
    padding: 0;
    margin: 0;
}
.list {
    position: relative;
}
.list .changeWidth:before{
    width: 100%;
    height: 100%;
    background: #fff;
}
.vineyard-top{
    text-align: center;

    color: #A18040;
}
.vineyard-top-title{
    font-size: 5.2vw;
    line-height: 7.3vw;
    height:7.3vw;
}
.vineyard{
    background: #f5f3f0;
    padding-top: 8vw;
}
.vineyard-title{
    font-size: 2.6vw;
    color: #A18040;
}
.vineyard-title span{
    padding: 0 2vw;
    line-height: 4.5vw;
    height:4.5vw;
}
.vineyard-content{
    padding: 0 4vw;
    font-size: 3.6vw;
    line-height: 4.8vw;
}

.banner{
    padding-top: 3vw;
    width: 100%;
    height:77vw;
    background: #fff;
    text-align: center;
}
.banner img{
    width: 25.3vw;
    height:96vw;
    margin-bottom: -28vw;
}
.content-box{
    width: 100%;
    background: #f5f3f0;
    padding-top: 18vw;
}
.box-title{
    font-size:5.86vw;
    text-align: center;
    height:17vw;
    line-height: 17vw;
    border-bottom: 2px solid #a18040;
    width: 90%;
    margin: 0 auto;
    background: #f5f3f0;
}
.box-content{
    width: 80%;
    font-size: 14px;
    line-height: 2.2;
    margin: -40vw auto 0 auto;
}
.box-contenta{
    background: #f5f3f0;
    height:40vw;
}
.varieties{
    padding: 5vw 3vw;
    border:1px dashed #e6e6e6;
    width: 90%;
    margin: 5vw auto 5vw auto;
}
.text-top{
    color: #A18040;
    font-size: 14px;
    line-height: 5.5vw;
    width: 100%;
}
.text-title{
    font-size: 14px;
    color: #000;
    margin-bottom: 4vw;
    width: 100%;
}
.product-name{
    width:20%;
    float: left;
    font-size: 3.2vw;
    height: 8vw;
    line-height: 8vw;
    color: #A18040;
}
.product-box{
    width: 80%;
    float: left;
}
.product-boxb{
    width: 80%;
    float: left;
}
.product-boxd{
    width: 80%;
    float: left;
}
.product-box li{
    width: 9%;
    background: #e6e6e6;
    margin-top: 3.4vw;
    height: 1.2vw;
    float: left;
    margin-right:1vw;
}
.product-box .selected{
    background: #A18040;
}
.product-box .clear{
    width: 100%;
    height: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
}
.product-boxb li{
    width: 9%;
    background: #e6e6e6;
    margin-top: 3.4vw;
    height: 1.2vw;
    float: left;
    margin-right:1vw;
}
.product-boxb .selected{
    background: #A18040;
}
.product-boxb .clear{
    width: 100%;
    height: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
}
.product-boxd li{
    width: 9%;
    background: #e6e6e6;
    margin-top: 3.4vw;
    height: 1.2vw;
    float: left;
    margin-right:1vw;
}
.product-boxd .selected{
    background: #A18040;
}
.product-boxd .clear{
    width: 100%;
    height: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
}
.varieties-box-top{
    width: 80%;
    margin: 0 auto;
    height: 8vw;
    line-height: 8vw;
    font-size: 4.5vw;
    font-weight: 700;
    color: #A18040;
    text-align: center;
    border-bottom:  2px solid #DCDCDC;
}
.varieties-box-year{
    width: 35%;
    margin: 0 auto;
    font-size: 4vw;
    color: #fff;
    background: #A18040;
    height: 9vw;
    line-height: 9vw;
    text-align:center;
}
.varieties-box-content{
    width: 90%;
    margin: 3vw auto 0 auto;
    font-size: 3.6vw;
    line-height: 1.7;
}
.varieties-box-box{
    width: 90%;
    margin: 2vw auto 0 auto;
    padding: 4vw 2vw;
    background: #A18040;
}
.varieties-box-box p{
    color: #fff;
    font-size: 3.6vw;
    margin-bottom: 2vw;
    line-height: 1.7;

}
.explore-box{
    text-align: center;
    font-size: 4.5vw;
    color: #202020;
}
.explore-box p{
    font-size: 3.5vw;
    color: #A18040;
    margin-top: 2.2vw;
}
.explore-box p span{
    padding: 0 2vw;

}
.list-bj{
    background: #f5f3f0
}