.anliall{
    margin-top: 5%;
}
.productBox{
    width: 78.125%;
    margin: 0 auto;
}
.productBox #pro1{
    width: 100%;
    display: block;
    margin-bottom: 1.04%;
}
#pro2{
    width: 100%;
    min-height: 100px;
    margin-top: 1.04%;
}
#bigBox{
    margin-top: 1.04%;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
#proBox1{
    width: 46.666%;
    min-height: 500px;
}
#pro3{
    width: 100%;
}
#proBox2{
    width: 52%;
    min-height: 500px;
}
#proBox2 .marginTop{
    margin-top: 2.134%;
}
.line_pro{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
#pro4{
    width: 48.7179%;
    min-height: 230px;

}
#pro5{
    width: 48.7179%;
    min-height: 230px;
}
#pro6{
    width: 48.7179%;
    min-height: 230px;
}
#pro7{
    width: 48.7179%;
    min-height: 230px;
}
#proBox3{
    margin-top: 1.04%;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
#pro8{
    width: 33.53%;
    min-height: 200px;
}
#pro9{
    width: 65.43%;
    min-height: 200px;
}
.product_img{
    width: 100%;
    height: auto;
}

.middleImg{
    margin-top: 4.79%;
}
#anliBox{
    margin: 3.125% auto 0 auto;
    width: 78.125%;

}
.anliItem{
    display: inline-block;
    width: 49.333%;
    min-height: 300px;
    margin-bottom: 1.33%;
}
.anliImg{
    width: 100%;
}
.anliImg img{
    width: 100%;
    height: auto;
}
.anliItem:nth-child(2n){
    margin-left: 1.33%;
}
.anliName{
    display: block;
    margin-top: 1.9%;
    width: 100%;
    text-align: center;
    margin-bottom: 0.5%;
    color: #3a3a3a;
    font-size: 22px;
}
a:hover{
    color: black;
}