.main-container{
    width:100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 4rem;
}
.main-nav{
    width: 100%;
    margin-bottom: 2rem;
}
.main-box{
    width: 1180px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 3rem 1rem;
    margin-top: -2rem;
    z-index: 2;
    background-color: #fff;
    border: 1px solid #dfdfdf;
    box-shadow: 0 0 0.5rem 0.1rem #b2b2b2;
}
.biaoti{
    color: #5d5c5c;
    font-weight: 100;
}
.productclick{
    width: 100%;
}
.product-list{
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 18.3rem 0.3rem 18.3rem;
}
.oneclick{
    background: url(../images/yiji.png) no-repeat;
    background-size: 100% 100%;
    border: transparent;
}
.product-one{
    color: #333333;
    padding: 0.2rem 1.5rem;
    height: 1.8rem;
    border: transparent;
    cursor:pointer;
}
.product-erji{
    display: flex;
    justify-content: flex-start;
    padding: 0 0 0 18.3rem;
}
.twoclick{
    background-color: #caeeff;
}
.product-erji li{
    padding:0.3rem;
    margin-left: 0.5rem;
    color: #999999;
    font-size: 0.85rem;
    cursor:pointer;
}
.product-erji li:first-child{
    margin-left: 0;
}
.product-img{
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 1rem;
}
.product-img-box{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: space-around;
}
.product-img-box li{
    margin-top: 1rem;
    margin-left: 1.15rem;
}
.product-img-box li img{
    width: 17rem;
    height: 17rem;
}