html body{
    height: 100%;
    font-family: "-apple-system","Open Sans","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","Helvetica,Arial,sans-serif";
    line-height: 235%;
}
body{}
/*导航条*/
header{height: 61px; margin-left: 130px;z-index: -1;background-image: url(../../Assets/image/background1.jpg);}
.header-moblie{display: none;}
header .nav-link {
    padding: 0;
    height: 61px;
    line-height: 61px;
    text-align: center;
    color: #820017;
}
header .nav-tabs .nav-link.active {
    border: 0;
    color: #820017;
    background-color: rgba(33,37,41,0.2);
}
/*最左边条*/
.body-left{width: 130px; height: 100%; background-color: rgba(158,41,47,1); position: fixed; top: 0;  z-index: 9;}
.body-left a{margin-top: 140px; display: block;}

/*联系方式*/
.body-middle{padding-left: 130px; width: 25%; height: 100%; text-align: center; background-image: url(../../Assets/image/info1.jpg); float: left; position: fixed; top: 0; z-index: -1;}
.body-middle-text h5{margin-top:60%; text-align: center;font-weight: 600;}
.body-middle-text{margin-top:60%; text-align: center; font-weight: 400;}

/*公司信息 和body-right-products 差一个padding*/

.body-right{height: 100%;} /*float: left;*/
.body-right .body-right-company{width: 75%; height: 100%; float: left; background-color: #f3f3f3; margin-left: 25%;padding: 40px 40px 0 40px;}
.company-title{padding-left: 20px;}
.company-info{padding-left: 20px; font-size: 16px;}
.company-info img{float: left; margin: 0 8px 8px 0; max-width: 100%}
.company-info p{ padding: 5px 0 0 0;}
.company-title-e{color: #8e001a; font-weight: 600;}
.company-title-c{color: #6c757d; font-weight: 600;}
/*brand.html*/
.process-title{text-align: center;}
/*产品列表*/
.body-right .body-right-products{width: 75%; height: 100%; float: left; background-color: #f3f3f3; margin-left: 25%;padding: 40px;}
.products-title{padding-left: 20px;}
.products-title-e{color: #8e001a; font-weight: 600;}
.products-title-c{color: #6c757d; font-weight: 600;}

.product-list-info{width: 29%; float: left; padding: 20px}
.product-list-info p{text-align: center; padding-top: 10px;}
.product-list-info img{width: 100%;}    /*跟随div变化*/
/*products.html页*/
.info-title{color: #393939; font-size: 15px;}
.info-title a{color: #393939;}
.info-title a:hover{color: #820017;}
.info-vol{color: #979797; font-size: 10px; text-align: left; border-bottom:#6c757d dotted 1px; padding-bottom: 30px;}
.info-directions{color: #979797; font-size: 10px; text-align: left;}

/*productinfo单个产品图*/
.product-list-info-single{width: 70%; float: left; padding: 20px; font-size: 14px;}
.product-list-info-single .info-title a{color: #820017;}

footer{text-align: center;padding-left: 25%; font-size: 0.8rem;}
.footer-mobile{display: none;}
.moblie-clearfix{display: none;}

@media screen and (max-width: 999px){
    header{display: none;}
    .body-left{display: none}
    .body-middle{display: none;}
    
    .header-moblie{display: block;}
    .header-moblie .nav-link {
        padding: 0;
        height: 61px;
        line-height: 61px;
        text-align: center;
        color: #820017;
    }
    .header-top{margin: 0 0 5px 0;} /**覆盖margin*/
    .header-top-img{max-width: 100%;float: none;}
    .header-top-img img {max-width: 100%; width: 100%;}
    .header-menu-list{
        float: none;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        font-size: 20px;
    }
    
    /*公司信息 和body-right-products 差一个padding*/
    .body-right{float: left;}
    .body-right .body-right-company{width: 100%; height: 100%; float: left; background-color: #fff;; margin-left: 0; padding: 10px 2px 0 2px;}
    .company-title{padding-left: 0px; color: #f3f3f3;}
    .company-info{padding: 10px 0 0 0; font-size: 14px;}
    .company-info p{ padding: 0 0 0 0;}
    .body-right .body-right-products{width: 100%; height: 100%; float: left; background-color: #f3f3f3; margin-left: 0;padding: 25px 0 0 0;}
    .product-list-info{width: 50%; float: left; padding: 5px}
    
    /*productinfo单个产品图*/
    .product-list-info-mobile{width: 100%;}
    .product-list-info-single{width: 100%; float: left; padding: 20px; font-size: 14px;}

    footer{display: none;}
    .footer-mobile{display: block; background-color: rgba(113,113,113,0.5);}
    .footer-mobile .footer-mobile-text{width: 80%; color: #656565; padding: 10px 0 0 0; font-size: 14px; margin: auto;}
    .footer-mobile h5{text-align: center;}
    .footer-mobile .copyright{font-size: 12px;}
    .moblie-clearfix{display: block;}
}