/*产品展示区域*/
.productBox{
    height: auto;
    margin-top: 20px;
    padding: 0;
}
.productBox .core>h1{
    color: #333333;
    font-size: 30px;
    font-weight: 700;
    text-align: center;

}
.productBox .core>p{
    font-size: 12px;
    color: rgb(89, 89, 89);
    text-align: center;
}

/*.productBox .core .productNav{
    border: 1px #e5e5e5 solid;
    padding: 0;
}*/
.productBox .core .productNav h2{
    background: #f10215;
    color:#fff;
    margin: 0;
    line-height: 80px;
    font-size: 20px;
    padding: 0 20px  0 50px;
    box-sizing: border-box;
    font-weight: bolder;
}
.productBox .core .productNav ul{
    margin: 0;
}
.productBox .core .productNav li{
    line-height: 45px;
    font-size: 14px;
    padding: 0 20px  0 50px;
    box-sizing: border-box;
    border: 1px rgb(224, 224, 224) solid;
    border-top: 0;
    transition: all .3s;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap


}
.productBox .core .productNav li:hover{
    background: #e5e5e5;
    padding: 0 20px 0 60px;
}
.productBox .core .productNav li:hover a{
    text-decoration: none;
    color: #f10215;
    width: 100%;
    height: 100%;
    background: url("../img/right.png") no-repeat right center;
    display: inline-block;
}
.productBox .core .productNav li.on{
    background: #e5e5e5;
    padding: 0 20px 0 60px;
}
.productBox .core .productNav li.on a{
    text-decoration: none;
    color: #f10215;
    width: 100%;
    height: 100%;
    background: url("../img/right.png") no-repeat right center;
    display: inline-block;
}




.productBox .core .product{
    height: auto;
}
.productBox .core .product .titel{
    background: #e5e5e5;
    margin-bottom: 16px;
    padding: 14px 0 9px 12px;
}
.productBox .core .product .titel a:hover{

}



.productBox .core .product h1{
    font-size: 18px;
    font-weight: 700;
    border-left: 4px rgb(192, 0, 0) solid;
    color:rgb(192, 0, 0);
    padding-left: 3px;
}
.productBox .core .product ul{
    padding: 0;
}
.productBox .core .product ul>li{
    /*border: 1px #e5e5e5 solid;*/
    padding: 0 10px 0px  10px;
    margin: 0  0 20px 0 ;
}
.productBox .core .product ul>li p{
    font-size:15px;
    color: #333;
    margin: 10px  0 0 0 ;
    text-align: center;
    transition: all 0.3s;
    text-decoration: none;
    height: 40px;
    overflow: hidden;
}
.productBox .core .product ul li img{
    margin: 0px 0 10px 0;
    transition: all 0.5s;
}
.productBox .core .product ul>li>a{
    overflow: hidden;
    display: block;
    padding:10px 10px 40px  10px;
    background-color: #f7f7f7;
    transition: all 0.3s;
    text-decoration: none;
}
.productBox .core .product ul>li>a:hover{
    background-color: #f10215;
}
.productBox .core .product ul>li>a:hover p{
    color: #fff;
}









@media screen and (max-width: 1000px){

    .swiperBox{
        margin: 55px 0 0 0 ;
    }
    #about{
        padding: 0;
    }

    .productBox{
        margin: 14px 0 0 0;
    }
    .productBox .core .productNav h2 {
        line-height: 48px;
        font-size: 18px;
        background: url(../img/navT.png) no-repeat 94% center  #f10215;
    }
    .productBox .core .productNav{
        padding: 0 10px;
    }
    .productBox .core .product{
        padding: 0 10px;
        margin-top: 10px;
    }
    .productBox .core .product>ul>li{
        padding: 0 5px;
    }



    .productBox .core .product>ul>li>a {
        padding: 10px 10px 14px 10px;
    }

}