@charset "UTF-8";

@import "css.css";



.hot {

    margin-top: 30px;

}



.pro {

    float: left;

    margin-right: 15px;

    margin-bottom: 15px;

    width: 390px;

    box-sizing: border-box;

    border: 1px solid transparent;

}



.pro:hover {

    border: 1px solid #0090ff;

    box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);

}



.pro .product-img {

    width: 390px;

    height: 390px;

}



.pro:nth-child(4),

.pro:nth-child(5) {

    margin-right: 0;

}



.pro:nth-child(4) .product-img,

.pro:nth-child(5) .product-img {

    width: 390px;

    height: 187.5px;

}



.content {

    padding: 40px 0 40px;

    background-color: #fff;

}
.content  .product-list li{
    background-color: #fff !important;
    text-align: center;
}



.content:nth-child(2n) {

    background-color: #fbfbfb;

}
.content:nth-child(2n) .product-list li{
    /* background-color:#fbfbfb !important; */
    background-color:#ffffff !important;
}


.content li {

    background-color: #fff;

}



/* .content:nth-child(2n) li {

    background-color: #f5fcff;

} */



.class-title {

    margin-bottom: 24px;

}



.class-title h1 {

    margin-left: 10px;

    font-size: 20px;

    line-height: 31px;

    color: #333333;

}

.class-title img{

    width: 30px;

    height: 30px;
    /*filter: invert(17%) sepia(56%) saturate(6702%) hue-rotate(356deg) brightness(76%) contrast(115%);*/

}

.class-title .more i{

    font-size: 27px;

    vertical-align: sub;

    position: relative;

    top: 1px;

}

.more a{

    /* font-size: 16px; */
    margin-top: 4px;
    font-size: 15px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    color: #333333;
    /*font-weight: bold;*/

}

.more .more_right_img{

    width: 77px;

    height: 25px;

}



.class-title .sub-title {

    height: 31px;

    line-height: 41px;

    margin-left: 25px;

}



.class-title .m {

    display: inline-block;

    padding: 0 5px;

    line-height: 31px;

}



.class-title span.m:last-child {

    display: none;

}

.productbox{

    width: 101%;

    overflow: hidden;

}

.product-list{

    /* float: left; */

    width: auto;

}

.product-list li {

    width: 260px;

    float: left;

    margin-right: 10px;

    margin-bottom: 10px;

}

#p1 li,#p3 li,#p5 li,#p7 li,#p9 li,#p11 li,#p13 li,#p15 li{

    background-color: #ffffff;

}

#p2 li,#p4 li,#p6 li,#p8 li,#p10 li,#p12 li,#p14 li,#p16 li{

    background-color: #F2F2F2;

}

/* .product-list li:nth-child(1) {

    width: 390px;

    height: 530px;

} */



.product-list li:nth-child(3n) {

    /* margin-right: 0; */

}



.product-list a {

    display: block;

    width: 100%;

    box-sizing: border-box;

    border: 1px solid #F2F2F2;

}



/* .product-list li:nth-child(1) a {

    height: 530px;

} */



.product-list a:hover {

    border: 1px solid rgba(0,144,255,1);

    box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);

}



.product-img {

    /* display: table-cell; */

    width: 100%;

    height: 180px;

    line-height: 180px;

    text-align: center;

     border-bottom: 1px solid #F2F2F2;

    /* background-color: #fff; */

}



.product-img img {

    max-width: 100%;

    max-height: 100%;

    /*padding: 8px 0 8px;*/

    margin: 0 auto;

    /*vertical-align: middle;*/

}



/* .product-list li:nth-child(1) .product-img {

    width: 390px;

    height: 530px;

} */



.product-list strong {

    display: block;

    color: #333;

    font-size: 16px;

    padding: 11px;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    font-weight: normal;

}



.product-list span {

    display: block;

    line-height: 24px;
    /* display: inline-block; */

    
    color: rgba(180,33,34,1);
    
    padding: 2px 10px 5px;
    padding-bottom: 10px;

    font-size: 16px;

    font-weight: bold;

}



.adv-box {

    margin-top: 30px;

}



.adv-box a,

.adv-box img {

    display: block;

    width: 100%;

}



.adv-boxs{

    float: left;

    width: 390px;

    margin-right: 10px;

}

.adv-boxs .tops{

    width: 390px;

    height: 532px;

}

.adv-boxs .tops a{

    width: 390px;

    height: 532px;

    /* border: 1px solid #F2F2F2; */

    text-align: center;

}

.adv-boxs .tops a span{

    line-height: 232px;

}

.adv-boxs .tops a img{

    max-width: 100%;

    max-height: 100%;

    object-fit: cover;

    vertical-align: middle;

}



.adv-boxs .boxs{

    margin-top: 12px;

   overflow: hidden; 

}

.adv-boxs .boxs a{

    float: left;

    width: 232px;

    height: 233px;

    /* border: 1px solid #F2F2F2; */

    text-align: center;

    margin-right: 10px;

}

.adv-boxs .boxs a:last-child{

    margin-right: 0;

}

.adv-boxs .boxs a span{

    line-height: 233px;

}

.adv-boxs .boxs a img{

    max-width: 100%;

    max-height: 100%;

    object-fit: cover;

    vertical-align: middle;

}
.adbotbox .item {
    font-size: 0;
    margin-top: 30px;
}
.adbotbox .item img{
    width: 100%;
    height: auto;
}