/*主题*/

*{color: #333333;}
javascript:
.bg,.bg-hover:hover,.bgs *,.bgs-hover:hover *{background-color:#fff !important;color: #ffffff !important;}

.border-color,.border-hover-color:hover{border-color: #fff !important;}

.font-color,.font-color-hover:hover, .fonts-color *,.fonts-color-hover:hover{color: #fff !important;}

.fonts-color-hover a:hover {color: #a50505  !important;}

/*头部*/

.top{height: 40px;position:relative;background-color: #333333;}

.top *{line-height: 40px;color: #FFFFFF;}

.top a{position: relative;}

.top i{position: absolute;top: -12px;}

.top a>span{padding-left: 15px;}

@media (min-width: 1400px) {

    .container{max-width: 1400px;}

}

/*导航*/

header{position: relative;z-index: 10;height: 120px;left: 0;right: 0;margin: 0 auto;
background-image: linear-gradient(90deg,#fff 36%,#a50505 36%);
width: 100%;
min-width: 1440px;
}

header .navbar{border: unset;padding-top: 0;padding-bottom: 0;}

header .navbar-brand{margin-top: 20px;}

header .navbar-brand img{max-width:420px;height: 80px;}

header .navbar-collapse{height: 80px;margin-top: 20px;}

header .navbar-nav{height: 50px;margin-top: 0;}

header .navbar-nav>li{position: relative;line-height: 50px;width: 97px;text-align: center;}

header .navbar-nav>li:last-child{margin-right: 0;}

header .navbar-nav>li>a{font-size:16px;line-height:50px;height: 100%;display: inline-block;padding: 0;border-bottom-width:3px;color: #fff;}

header .navbar-nav>li>ul{left:0;display: none;position: absolute;width: 100%;text-align: center;background-color: #FFFFFF;top: 50px;padding-top: 30px;}

header .navbar-nav>li>ul>li{line-height: 50px;}

header .navbar-nav>li>ul>li>a{line-height: 50px;display: block;width: 100%;text-align: center;}

header .navbar-nav>li.on>a,header .navbar-nav>li:hover>a{border-bottom-style: solid;}

header .navbar-nav>li:last-child a{padding-left: 60px;}

header .navbar-nav>li:last-child a>i{font-size: 20px;}

header .navbar-nav>li:last-child:hover a{border-style: none;}

header .navbar-nav>li:hover>ul{display: block;}

header .ss{position: absolute;top:85px;right: 0;width: max-content;padding: 10px 30px;background-color:rgba(245,245,245,0.7);border: unset;opacity: 0;}

header .ss.on{opacity: 1;}

/*底部*/

footer{padding: 3vw 0;position: relative;z-index: 10;background-color: #18181d;}

footer *{color: rgba(255,255,255,0.6);}

footer .f1{font-size: 18px;color: #ffffff;display: block;margin-bottom: 20px;}

footer .left p{padding-bottom: 10px;}

footer .left p span{float: left;line-height: 20px;width: 85%;}

footer .left p i{float: left;margin-right: 10px;font-size: 18px;line-height: 20px;height: 20px;color: #FFFFFF;opacity: 1;}

footer .f-address li{padding-bottom: 1vw;position: relative;}

footer .f-address li i{position: absolute;left: 0;font-size: 18px;}

footer .f-address li span{padding-left: 1.5vw;}

footer .center>div{margin: 0 auto;}

footer .center p{font-size:26px;}

footer .center span{display: inline-block;margin: 15px 0;}

footer .center .f-nav-list>a{display: block;width: 100%;line-height: 2;}

footer .right p{margin-top: 0.5vw;}

footer .right img{max-width: 100%;}

footer .right>div{width: 70%;margin: 0 auto}

.footer{margin-top: 30px;}

#footer{display: none;}

#link{margin-top: 1vw;}

#link *{font-size: 12px;}

#link .fl:first-child{width: 60px;}

#link .fl:last-child{width: calc(100% - 60px);}

#link .fl:last-child a{display: inline-block;padding-right: 0.5vw;font-size: 12px;}

/*首页定位*/

#index-dw button{background-color:#a50505;color: #ffffff;display: block;width: 100%;line-height: 60px;border: unset;}

#index-dw button *{color: #ffffff;}

#index-dw button i{display: inline-block;transform: rotate(-90deg);}

#index-dw button span{display: inline-block;font-size: 16px;margin:0 15px;}

#index-dw #map{position: absolute;opacity: 0;}

#index-dw #map.on{position: relative;opacity: 1;}

/*标题*/

.title{padding-bottom: 30px;}

.title h3{font-weight: bold;}

/*内页banner内容*/

.inner-banner{position: relative;}

.inner-banner img{width: 100%;}

.inner-banner .big-txt{position: absolute;top: 35%;}

.inner-banner .big-txt p{font-size:20px;font-weight: bold;}

.inner-banner .big-txt hr{width: 2vw;margin-left: 0;}

/*内页-面包屑*/

.mbx{margin: 20px auto;}

.mbx>div i{font-size: 16px;}

.left-nav{padding-bottom: 70px;}

.left-nav>a{display: block;}

.left-nav>a>img{width: 100%;}

.inner-title{line-height: 60px;height: 60px;padding: 0 20px;background-color:#a50505;}
/*新加.inner-title b  span color:#fff;  */

.inner-title span{font-size: 16px;opacity: 0.6; color:#fff;}

.inner-title b{font-size: 20px;font-weight: bold; color:#fff;}

.inner-nav{margin-bottom: 20px;}

.inner-nav>div{border: 1px #EEEEEE solid;line-height: 60px;height: 60px;border-top: unset;padding: 0 20px;}

.inner-nav.inner1 a{font-size: 16px;}


.inner-nav.inner2>div{line-height: 40px;height: 40px;border-bottom: unset;overflow: hidden;}

.inner-nav.inner2>div:last-child{border-bottom: 1px #EEEEEE solid;}

.inner-nav.inner3{padding: 20px 20px 0;border: 1px #EEEEEE solid;border-top: 0;}

.inner-nav.inner3 a{width:48%;margin-bottom:20px;margin-right: 4%;line-height: 40px;height:40px;text-align: center;border: 1px #f1f1f1 dashed;}

.inner-nav.inner3 a:nth-child(2n+2){margin-right: 0;}

.inner-nav.inner4 b{font-weight: bold;font-size: 18px;}

/*内页-分页*/

.page_list {

    height: unset;

    line-height: unset;

    text-align: center;

    letter-spacing: 0;

    font-family: "Arial Black";

    font-size: 14px;

    margin-top: 2vw;

}

.page_list a{padding: 0.5vw;display: inline-block;margin: 0.3vw;}

/*内页-单页*/

.dy{margin-top:55px;padding-left: 40px;margin-bottom:70px; }

.dy .dy-txt{margin-bottom: 30px;}

.dy .dy-txt *{line-height: 2;font-size: 15px;color: #888888;}

/*内页-列表*/

.list-s{margin-bottom: 70px;}

.list-s .products-list{padding: 10px;margin-bottom:1.5vw;border: unset;}

.list-s .products-list:hover{border-color: #7dbd2b;}

/*内页-新闻*/

.news-all .news-list{padding: 30px 20px;border: 1px #dbdbdb solid;margin-bottom: 30px;}

.news-all .news-list:hover{-webkit-box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18);

    box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18);}

.news-all .news-list *{color: #777777;}

.news-all .news-list span{font-size: 18px;}

.news-all .news-list small{font-size: 14px;color: #666666;}

.news-all .news-list p{border-top: 1px #6666 solid;color: #888888;padding: 10px 0;line-height: 1.5;margin-top:15px;}

.news-all .news-list button{border: 1px #dbdbdb solid;width: 140px;line-height: 40px;display: block;background-color: unset;font-size: 16px;}

.news-all .news-list:hover span{color: #a50505;}

.news-all .news-list:hover button{background-color: #a50505;color: #FFFFFF;border-color: #a50505;}

.news-body h5{border-bottom: 1px #999999 dashed;margin-bottom: 20px;}

.news-body h5 b{font-size: 20px;font-weight: bold;}

.news-body h5 p{color: #888888;padding: 25px 0 10px;}

.news-body h5 p *{color: #888888;}

.news-body>div *{font-size: 15px;line-height: 1.5;}

.news-body .qh>div{line-height: 40px;border: 1px #dbdbdb solid;margin-bottom: 10px;padding-left: 20px;}

.news-body .bq{border-bottom: 1px #c3c3c3 solid;margin-top: 30px;}

.news-body .href{padding: 30px 0;}

.news-body .bq span{display: inline-block;width: 100px;border-bottom: 2px;border-bottom-style:solid;font-size: 16px;line-height: 30px;font-weight: bolder;}

.news-body .inner-list1{border: 1px #dbdbdb solid;margin-top: 40px;}

.news-body .inner-list1>span{width: 100px;border-right: 1px #dbdbdb solid;display: block;line-height: 40px;height: 40px;}

.news-body .inner-list1-con{padding-top: 15px;}

/*内页-产品*/

.products-list{padding: 15px;border: 1px #ededed solid;margin-bottom: 20px;}

.products-list p{padding-top: 15px;}

.pro-body .pro-bq{border: 1px #dbdbdb solid;position: relative;height: 40px;}

.pro-body .pro-bq>div{position: absolute;height: 38px;line-height: 38px;width: 140px;border-width: 1px;border-style: solid;}

.pro-body .left-img{border: 1px #dbdbdb solid;width: 80%;margin-bottom: 40px;}

.pro-body .left-img>div{padding: 30px 0;}

.pro-body .right-content h2{font-size:22px;font-weight: bold;margin-bottom: 20px;}

.pro-body .right-content p{margin-bottom: 10px;}

.pro-body .right-content div>div>div{border-width: 1px;border-style: solid;}

.pro-body .right-content a{display: block;margin-top: 30px;width: 120px;line-height: 40px;border-radius: 20px;font-size: 16px;}

/*联系我们*/

.lxfs .col-lg-4{padding-bottom: 1vw;}

.lxfs >p{font-size: 20px;}

.lxfs>hr{width: 3vw;margin-left: 0;}

.lxfs .contact-txt{padding-bottom: 30px;}

.lxfs .contact-txt *{line-height: 2;}

/*留言*/

#message{padding-bottom: 70px;}

/*手机*/

.m{display: none;}

@media (max-width: 1199px) {

    header .ss{display: none;}

    footer .f-nav{width: 100%;}

    header .navbar-brand img{max-width: 260px;height: auto;}

    header .navbar-nav > li{width: 90px;text-align: center;}

    header .navbar-nav > li:last-child a{padding-left: 10px;}

    .left-nav{display: none;}

    .dy{padding-left: 10px;}
    

}

@media (max-width: 991px) {

    header{position: relative;z-index: 100;height: 60px; min-width: 100%; background: none;}
.bg,.bgs *{
    background-color: #a50505 !important;

}
    .title span{font-size: 20px;}

    .title > p{font-size: 0.6rem;}

    header .navbar{border-bottom: none;position: absolute;left: 0;right: 0;margin: 0 auto;}

    header .navbar-nav > li{padding-left:15px;width: 120px;}

    header .navbar-nav > li > a{height: 46px;line-height: 46px;}

    header .navbar-brand{line-height: 50px;}

    .navbar{padding-top:0;padding-bottom: 0;}

    header .navbar-collapse{background-color: #a50505;

        position: absolute;

        width: 96%;

        left: 0;

        height: 430px;

        top: 62px;

        right: 0;

        margin: auto;overflow: hidden;}

    .navbar-collapse li{line-height: 2;border-bottom: 1px #a50505 solid;}

    header .navbar-nav>li:hover>ul{display: none;}

    footer .center{display: none;}

    header .navbar-nav > li > a{}

    #f-nav{display: none;}

    header .navbar-brand{margin-top: 0;}

    header .navbar-nav > li:last-child{display: none;}

    header .navbar-nav > li>a{display: block;}

    header .navbar-nav > li.on > a, header .navbar-nav > li:hover > a{border-bottom: unset;}

}

@media (max-width: 767px) {

    #link{display: none;}

    .inner-banner img{height: 180px;object-fit: cover;}

    .title>div{width: 75%;}

    .title>div label{font-size: 20px;}



    .title .fr{display: none;}

}

@media (max-width: 576px) {

    .inner-banner img{height: 140px;}

    footer .right{padding-top: 5vw;}

    footer .right .col-sm-6:first-child{display: none;}

    footer .right .col-sm-6 p{font-size: 10px;}

    footer .right img{height: auto;}

    .title{padding-bottom: 5vw;}

    .title>p{display: none;}

    .title>div{width: 85%;}

    .title>div hr{width: 20%;}

    .title>div label{font-size: 20px;}

}

@media (min-width: 1400px) and (max-width: 1620px) {
  .container {
    /*max-width: 1500px;*/
    margin: 0 auto;
  }
  header .navbar-nav>li{width: 91px;}
  header .navbar-nav>li>a{white-space: nowrap};
}