#header{background: transparent;position: absolute;top: 0;width: 100%;z-index: 888}
#header .nav-item{padding: 0 10px }
#header .nav-item .nav-link{color: #fff;border-bottom: 1px transparent solid;padding-bottom: 6px;font-size: 18px;}
#header .nav-item .nav-link.active{border-bottom: 1px #fff solid}
#header2{background: #d72c17;}
#header2 .nav-item{padding: 0 10px }
#header2 .nav-item .nav-link{color: #fff;border-bottom: 1px transparent solid;padding-bottom: 6px;font-size: 18px;}
#header2 .nav-item .nav-link.active{border-bottom: 1px #fff solid}
.head-tel .tel{font-size: 20px;color: #fff;padding-left: 10px}
.banner .swiper-pagination-bullet{width: 12px;height: 12px}
.index_about{padding-top: 0}
.index_about .bg{background: url("../images/index-about.jpg") no-repeat center #191817;background-size: 100%}
.index_about .index_about_title{padding: 3rem 0;text-align: center}
.index_about .index_about_title .t1{color: #fff;font-size: 36px;}
.index_about .index_about_title .t2{color: #fff;font-size: 30px;text-transform: uppercase}
.index_about .desc {text-align: center;color: #fff;padding-bottom: 5rem}
.index_about .desc p{padding-bottom: 5px;font-size: 16px}
/*title*/
.title{padding: 3rem}
.title .t1{font-size: 36px;color: #d72c17;font-weight: 600}
.title .t2{font-size: 16px;color: #999999;text-transform: uppercase}
/*index_product*/
.index_product .items{width: 25%;padding-right: 15px;padding-left: 15px;box-sizing: border-box;transition: .2s all}
.index_product .itemlist>div{height:1000px}

/*index-other*/
.bg-red{background: #d72c17;color: #fff}
.bg-gray{background: #f4f3f3}
.index-other .item{text-align: center;padding: 2rem }
.index-other .item .name{padding: 1rem;font-size: 16px;}
.index-other .item .desc{padding: 1rem}
.index-other .item.bg-red .xian{width: 50px;margin: auto;background: #fff;height: 3px}
.index-other .item.bg-gray .xian{width: 50px;margin: auto;background: #d72c17;height: 3px}
.index-other .shop{margin-top: 4rem;background: #191817}
.index-other .shop .bg{background: url("../images/index-3.jpg")no-repeat center;background-size: 100%}
.bigFocus{padding:3rem}
.bigFocus .swiper-slide{transition:transform 1.0s;transform:scale(0.8);position:relative;}
.bigFocus .swiper-slide-active{transform:scale(1);z-index:2;}
.bigFocus .swiper-slide img{width:100%;height:100%;border-radius:15px;display:block;}
.bigFocus .swiper-pagination{width: 100%}
.bigFocus  .swiper-pagination-bullet{background: #f2f2f2;margin-left: 6px}
.bigFocus  .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #e83828}
/*index_article*/
.index_article .item{padding: 2rem 1.5rem;border-radius: 5px}
.index_article .item:hover{background: #d72c17;color: #fff}
.index_article .item .time{font-size: 14px;}
.index_article .item .name{font-size: 16px;padding: 10px 0;}
.index_article .item .desc{font-size: 12px;padding-bottom: 10px}
/*footer*/
#footer{background: #d72c17;color: #fff;padding: 3rem 0}
#footer .bottom-nav-link{color: #fff;font-size: 16px}
#footer .bottom-item{flex: 1;border-right: 1px #fff solid;text-align: center;}
#footer .bottom-item:last-child{border: 0}
#footer .bottom-nav{padding-top: 2rem}
#footer .bottom-contact{margin-top: 3rem;padding:0 2rem}
#footer .bottom-contact .tel{font-size: 36px;font-weight: 600}
#footer .bottom-contact .address{padding-top: 1rem}
.copyright{border-top:1px #fff solid;padding: 10px;text-align: center;background: #d72c17;color: #fff}
.copyright a{color: #fff}
/*page*/
.about{padding-bottom: 4rem;min-height: 300px}
/*advantages*/
.cooperate{padding-bottom: 4rem}
.advantages .item{text-align: center;padding: 2rem;height: 100%}
.advantages .item .name{padding: 1rem;font-size: 16px;}
.advantages .item .desc{padding: 1rem}
.advantages .item.bg-red .xian{width: 50px;margin: auto;background: #fff;height: 3px}
.advantages .item.bg-gray .xian{width: 50px;margin: auto;background: #d72c17;height: 3px}
/*cat*/
.cat{background: #d72c17;padding: 1rem 0}
.cat .box a{padding: 6px 1rem;color: #fff;border-radius: 5px}
.cat .box.cur a{background: #fff;color: #d72c17}
.productlist{padding: 3rem 0 4rem  0}
.productlist .item{border: 1px silver solid; box-shadow: 5px 5px 10px silver;border-radius: 8px;cursor: pointer;overflow: hidden;margin-top: 2rem}
.productlist .item .name{padding:15px 10px;text-transform: uppercase;font-size: 16px;font-weight: 600}
/*articleList*/
.articleList .item{margin-bottom: 2rem;padding: 1rem}
.articleList .item:hover{box-shadow:5px 5px 10px silver; transition: .7s all}
.articleList .item .img{width: 280px}
.articleList .item .text{width: 720px;padding: 1rem}
.articleList .item .text .name{font-size: 18px;}
.articleList .item .text .desc{padding-top: 1rem;color: #9397a0}
.articleList .item:hover .text .name{color: #d72c17}
.articleList .item .time{width: calc(100% - 1000px)}
.articleList .item .time .md{font-size: 36px;color: #999999}
.articleList .item .time .year{font-size: 16px;color: #999999}
/*article*/
.article .attt{text-align: center;font-size: 36px;padding: 1rem}
.article .name .gary{color: #999}

/*手机端*/
@media (max-width:1100px) {
    .index_product .items{width: 50%;margin-bottom: 2rem}
    .index_product .itemlist>div{height:auto}
    #header{padding: 5px}
    #header2{padding: 5px}
    #header .main-nav{background: #d72c17;text-align: center;padding: 1rem 0}
    #header2 .main-nav{background: #d72c17;text-align: center;padding: 1rem 0}
    .index_about .bg {
        background: url(../images/index-about.jpg) repeat-x center #191817;
        background-size: inherit;
    }
    #footer .bottom-nav-link{font-size: 14px}
    #footer .bottom-logo{text-align: center}
    #header button{background: transparent}
    #header2 button{background: transparent}
    .bigFocus{padding: 1rem 0 3rem 0}
    .shop .container{padding-left: 0;padding-right: 0}
    .title{padding: 1.5rem 0}
    .articleList .item .img{width: 100%}
    .articleList .item .text{width: 100%;padding: 1rem 0}
    .articleList .item .time{width: 100%}

    .navbar-toggler-icon {
        background-image: none;
        display: inline-block;
        width: 1.5em;
        height: 1.5em;
        vertical-align: middle;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 100%;
    }
    .navbar-toggler-icon .navbar-toggler-bar {
        display: block;
        position: relative;
        width: 20px;
        height: 3px;
        border-radius: 1px;
        background: #fff;
        transition: all .2s;
        margin: 0 auto;
    }
    .navbar-toggler-icon .navbar-toggler-bar.bar2, .navbar-toggler-icon .navbar-toggler-bar.bar3 {
        margin-top: 5px;
    }

}