/*主题*/
*{color: #333333;}
.bg,.bg-hover:hover,.bgs *,.bgs-hover:hover *{background-color: #bb261f !important;color: #ffffff !important;}
.border-color,.border-hover-color:hover{border-color: #bb261f !important;}
.font-color,.font-color-hover:hover, .fonts-color *,.fonts-color-hover:hover *{color: #bb261f !important;}
.layui-layer-title{background-color: #cccccc;}
/*头部*/
.top{height: 40px;position:relative;background-color: #333333;display: none;}
.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:absolute;z-index: 10;height: 100px;left: 0;right: 0;margin: 0 auto;background-color: rgba(255,255,255,0.6)}
header .collapse#collapsibleNavbar-m{display: none !important;}
header .navbar{border: unset;padding-top: 0;padding-bottom: 0;}
header .navbar-brand{margin-top: 0;}
header .navbar-brand img{max-width:280px;height: auto;line-height: 100px;}
header .navbar-collapse{height: 100px;margin-top: 0;}
header .navbar-nav{height: 100px;margin-top: 0;}
header .navbar-nav>li{position: relative;height: 100px;padding: 0 5px;}
header .navbar-nav>li:last-child{margin-right: 0;}
header .navbar-nav>li>a{line-height:100px;height: 100%;display: block;padding: 0 25px;border-bottom-width:2px;}
header .navbar-nav>li>ul{left:0;display: none;position: absolute;width: 100%;text-align: center;top: 100px;padding-top: 10px;background-color: #FFFFFF;}
header .navbar-nav>li>ul>li{line-height: 40px;}
header .navbar-nav>li>ul>li>a{line-height: 40px;display: block;width: 100%;text-align: center;}
header .navbar-nav>li:hover>a,header .navbar-nav>li.on>a{border-bottom-style: solid;}
header .navbar-nav>li:hover>ul{display: block;}
header .navbar-nav>li:last-child{padding-right: 0;position: relative;margin-left: 30px;}
header .navbar-nav>li:last-child:before{content: " ";top: 35px;position: absolute;width: 1px;height: 30px;background-color:#303030;left: 0;}
header .navbar-nav>li:last-child>button{border: unset;background-color: unset;line-height: 100px;display: block;}
header .navbar-nav>li:last-child>button:first-child{margin:0 30px 0 50px;}
header #ewm{position: absolute;top: 100px;display: none;}
header .ss{border: unset;position: absolute;height: 36px;width: 210px;display: none;right: 0;top: 100px;}
header .ss input{height: 36px;width: 100%;background-color: #FFFFFF;border-width:1px;border-style:solid;padding-left: 15px;}
header .ss button{background-color: unset;position: absolute;top: 2px;border: unset;right: 10px;}
header .ss button i{font-size: 26px;}
/*底部*/
footer{background-color: #181818;border-bottom:1px #333333 solid;}
footer>div{padding: 70px 0 45px;position: relative;z-index: 10;}
footer *{color: #c1c1c1;}
footer .left{width: 18%;margin-right: 5%;}
footer .left>img{width: 100%;max-width: 230px;}
footer .left>div{margin-top: 40px;}
footer .left>div>p{font-size: 16px;margin-bottom: 14px;}
footer .left>div>b{font-size: 40px;font-family: Impact;color: #ffffff;}
footer .center{width: 58%;}
footer .center>div>div{width: 20%;}
footer .center>div>div:last-child{width: 30%;}
footer .center b{font-size: 18px;color: #ffffff;display: block;padding-bottom: 12px;}
footer .center hr{width: 40px;border: 1px #ffffff solid;margin:0 0 30px 0;}
footer .center>div>div>div{line-height: 30px;}
footer .center>div>div>div.address *{line-height: 30px;}
footer .center>div>div>div.address>span:first-child{width: 48px;}
footer .center>div>div>div.address>span:last-child{width: calc(100% - 48px);}
footer .right{width: 19%;}
footer .right>div>p{color: #FFFFFF;}
footer .right>div>p:nth-child(2){margin-top: 20px;}

footer a:hover{
    color:#bb261f
}
#footer{background-color: #181818;color: #999999;padding: 20px 0;}
#footer *{color: #999999;}
#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: 20px;margin:0 15px;}
#index-dw #map{position: absolute;opacity: 0;}
#index-dw #map.on{position: relative;opacity: 1;}
/*内页banner内容*/
.inner-banner{position: relative;height: 320px;}
.inner-banner img{width: 100%;height: 320px;object-fit: cover;}
.inner-banner>div{position: relative;}
.inner-banner .big-txt{position: absolute;z-index: 10;right: 0;bottom: 110px;}
.inner-banner .big-txt *{color: #ffffff;line-height: 30px;}
.inner-banner .big-txt>div{margin-bottom: 20px;}
.inner-banner .big-txt>div>span{font-size: 30px;font-weight: lighter;}
.inner-banner .big-txt>div>span:last-child{font-size: 24px;}
.inner-banner .big-txt>hr{width: 120px;margin: 0 auto;margin-right: 0;margin-bottom: 20px;border-width: 1.5px;}
.inner-banner .big-txt>span{font-size: 20px;}
/*内页-面包屑*/
.inner-con{padding: 30px 0 70px;}
.mbx{padding: 20px 0;background-color: #f5f5f5;}
.mbx>div i{font-size: 16px;}
.inner-title{line-height: 80px;height: 80px;padding: 0 20px;}
.inner-title span{font-size: 16px;opacity: 0.6;}
.inner-title b{font-size: 20px;font-weight: bold;}
.inner-nav>div{border-bottom: 1px #EEEEEE solid;height: 60px;border-top: unset;}
.inner-nav.inner1 a{display: block;line-height: 60px;background-color: #f1f1f1;margin-bottom: 3px;}
/*内页-分页*/
.page_list {
    height: unset;
    line-height: unset;
    text-align: center;
    letter-spacing: 0;
    font-family: "Arial Black";
    font-size: 14px;
    padding-bottom: 20px;
}
.page_list a{padding: 0.5vw;display: inline-block;margin: 0.3vw;}
/*内页-单页*/
.dy{padding:100px 0 0;background-color: #f8f8f8;}
.dy1{background-color: #FFFFFF;}
.dy h1{margin-bottom: 70px;}
.dy .dy-txt *{line-height: 2;font-size: 15px;color: #888888;}
.dy-list .dy-list-con>div{background-color: #ffffff;padding: 15px;}
.dy-list .dy-list-con>div>img{width: 100%;}
.dy-list .dy-list-con>p{font-size: 16px;margin-top: 10px;}
/*内页-列表*/
.list-s{margin-bottom: 70px;padding-left: 30px;}
.list-s>h4{font-size: 24px;font-weight: bold;width: max-content;border-bottom-width: 2px;border-bottom-style: solid;padding-bottom: 15px;}
.list-s>hr{margin: 0 0 25px;}
.list-s .products-list{margin-bottom:20px;}
.list-s .products-list .proItem{display: block;padding: 15px;background-color:#f5f5f5;}
.list-s .products-list p{padding-top: 20px;}
/*内页-新闻*/
.news-all .news-list span{color: #777777;}
.news-body{padding-top: 30px;}
.show-body{background-color: #f4f4f4;}
/*内页-产品*/
.proClass{height: 120px;}
.proClass .pro-class{width: 12.5%;height: 48px;margin: 36px 0;border-right: 1px #cccccc solid;cursor: pointer;display: block;}
.proClass .pro-class:last-child{border-right: 0;}
.proClass .pro-class div{height: 48px;width: max-content;line-height: 48px;margin: 0 auto;}
.proClass .pro-class div img{display: inline;}
.proClass .pro-class div img.this{display: none;}
.proClass .pro-class span{line-height: 48px;display: block;margin-left: 5px;}
.proClass .pro-class:hover img,.proClass .pro-class.on img{display: none;}
.proClass .pro-class:hover img.this,.proClass .pro-class.on img.this{display: inline;}
.proList{background-color: #F7F7F7;padding-top: 70px;}
.proList .pro-list{background-color: #ffffff;padding: 10px;margin-bottom: 50px;display: block;}
.proList .pro-list img{height: 315px;object-fit: cover;width: 100%;}
.proList .pro-list p{font-size: 16px;padding: 20px 0;}
.proList1{padding: 90px 0;}
.proList1 .proList1-list{position: relative;}
.proList1 .proList1-list>div{position:absolute;bottom: 56px;padding: 20px 20px 20px 50px;}
.proList1 .proList1-list1>div{border-bottom: 1px #ffffff solid;}
.proList1 .proList1-list>div>b{font-size: 26px;font-weight: bold;color: #FFFFFF;}
.proList1 .proList1-list>div>p{font-size: 16px;font-weight: bold;margin-top: 10px;color: #ffffff;}
.proList2{padding: 70px 0;}
.proList2 h2{font-size: 50px;font-weight: bold;color: #FFFFFF;}
.proList2 h2>b{font-size: 80px;font-weight: bold;color: #FFFFFF;font-style: italic;}
.proList2 .proList2-list{margin-top: 60px;}
.proList2 .proList2-list>div:first-child{width: 80px;height: 80px;line-height: 80px;border-radius: 50%;border: 3px #ffffff solid;font-size: 32px;color: #ffffff;}
.proList2 .proList2-list>div:last-child{margin-left: 40px;width: calc(100% - 120px);height: 80px;}
.proList2 .proList2-list>div:last-child>span{display: block;line-height: 40px;font-size: 18px;color: #FFFFFF;}
.proList2 .proList2-list>div:last-child>p{display: block;line-height: 20px;font-size: 16px;color: #ffffff;width: 95%;}
.proList3{padding: 70px 0;}
.proList3 h2{font-size: 50px;font-weight: bold;}
.proList3 h2>b{font-size: 80px;font-weight: bold;font-style: italic;}
.proList3 .proList3-list{margin-top: 60px;}
.proList3 .proList3-list>div:first-child{margin-right: 30px;width: 160px;height: 160px;}
.proList3 .proList3-list>div:last-child>span{padding-top: 30px;display: block;font-size: 30px;color: #C5C4C4;font-family: Impact;margin-bottom: 40px;}
.proList3 .proList3-list>div:last-child>p{font-size: 28px;font-weight: bold;}
.pro-body .pro-content h2{font-size:18px;padding-bottom: 20px;border-bottom: 1px #9F9F9F dashed;margin-bottom: 20px;}
.pro-body .pro-content>div>div{margin-bottom: 15px;}
/*联系我们*/
#map{margin-bottom: 60px;}
.contact{background-color: #ffffff;padding: 40px;}
.lxfs .col-lg-4{padding-bottom: 1vw;}
.lxfs h4{font-size: 36px;padding-bottom: 20px;}
.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;}
#message input.form-control{line-height: 50px;height: 50px;}
#message textarea.form-control{height: 120px;}
#message button{width: 130px;height: 50px;}
/*手机*/
.m{display: none;}
@media (max-width: 1399px) {
    header .navbar-nav > li > a{padding: 0 20px;}
    header .navbar-nav > li:last-child{margin-left: 0;}
    header .navbar-nav > li:last-child > button:first-child{margin: 0 20px;}
    .proList2 h2,.product3 h2{font-size: 40px;}
    .proList2 h2 > b,.product3 h2>b{font-size: 60px;}
    .proList2 .proList2-list > div:first-child {width: 60px;height: 60px;line-height: 60px;font-size: 22px;}
    .proList2 .proList2-list > div:last-child {margin-left: 30px;width: calc(100% - 90px);height: 60px;}
    .proList2 .proList2-list > div:last-child > span{line-height: 30px;font-size: 14px;}
    .proList2 .proList2-list > div:last-child > p{font-size: 12px;line-height: 15px;}
    .proList3 .proList3-list > div:first-child{width: 140px;height: 140px;}
    .proList3 .proList3-list > div:first-child>img{width: 100%;height: 100%;}
    .proList3 .proList3-list > div:last-child > p{font-size: 21px;}
}
@media (max-width: 1199px) {
    header .ss{display: none;}
    header .navbar-nav > li > a{padding: 0 10px;font-size: 12px;}
    footer .f-nav{width: 100%;}
    footer .center>div>div{display: none;}
    footer .left{width: 33%;}
    footer .center{width: 33%;}
    footer .right{width: 20%;}
    footer .center>div>div:last-child{display: block;width: 100%;}
    .dy{padding: 70px 0;}
    .dy h1{margin-bottom: 40px;font-size: 30px;}
    .proList3 .proList3-list{margin-top: 30px;}
    .proList1 .proList1-list > div{padding: 20px;}
    .proList1 .proList1-list > div > b{font-size: 18px;}
    .proList1 .proList1-list > div > p{font-size: 14px;}
    .inner-banner{height: 240px;}
    .inner-banner>img{height: 240px;}
    .inner-banner .big-txt{bottom: 40px;}
    .inner-banner .big-txt > div > span{font-size: 24px;}
    .inner-banner .big-txt > div > span:last-child{font-size: 18px;}
    .inner-banner .big-txt > div{margin-bottom: 10px;}
    .inner-banner .big-txt > hr{margin-bottom: 10px;}
    .inner-banner .big-txt > span{font-size: 16px;}
    .proClass .pro-class{width: 25%;}
    .proClass .pro-class:nth-child(4n+4){border-right: 0;}
    .proClass{height: 240px;}
    .proList .pro-list img{height: 200px;}
    .proList .pro-list p{padding: 10px 0;}
    .proList .pro-list{margin-bottom: 20px;}
    .proList{padding-top: 40px;}
    .page_list{margin-bottom: 30px;}
}
@media (max-width: 991px) {
    header{position: relative;z-index: 100;height: 60px;}
    header .navbar{border-bottom: none;}
    header .navbar-nav > li{padding-left:15px;height: 40px;}
    header .navbar-nav > li:last-child{display: none;}
    header .navbar-nav > li > a{height: 40px;line-height: 40px;}
    header .navbar-brand{line-height: 60px;padding: 0;margin: 0;}
    header .navbar-brand img{width: 100px;height: auto;}
    header .navbar{padding-top:0;padding-bottom: 0;}
    header .navbar-collapse{background-color: #ffffff;position: absolute;width: 96%;left: 0;height: 280px;top: 60px;right: 0;margin: auto;}
    header .navbar-nav>li.on>a::after,header .navbar-nav>li:hover>a:after{content: unset;}
    header .navbar-collapse li{line-height: 2;}
    header .navbar-nav>li:hover>ul{display: none;}
    footer .left > div > b{font-size: 30px;}
    footer .center>div>div:last-child{display: block;}
    #f-nav{display: none;}
    footer .left>div>div a{display: none;}
    .dy{padding: 40px 0;}
    .dy h1{margin-bottom: 20px;font-size: 24px;}
    .dy .dy-txt *{font-size: 14px;}
    #map{margin-bottom: 40px;}
    .lxfs h4{font-size: 30px;}
    .contact{padding: 20px;}
    #message{padding-bottom: 40px;}
    .proList2 .proList2-list > div:first-child {width: 50px;height: 50px;line-height: 47px;font-size: 18px;}
    .proList2 .proList2-list{margin-top: 20px;}
    .proList2 .proList2-list > div:last-child{margin-left: 10px;width: calc(100% - 60px);height: 50px;}
    .proList2 h2, .product3 h2{font-size: 30px;}
    .proList2 h2 > b,.proList3 h2 > b{font-size: 50px;}
    .proList3 .proList3-list > div:first-child{width: 100px;height: 100px;}
    .proList3 .proList3-list > div:last-child > span{padding-top: 20px;margin-bottom: 20px;font-size: 20px;}
    .proList3 .proList3-list > div:last-child > p{font-size: 16px;}
    .proList3 h2{margin-bottom: 40px;}
    .proList1 .proList1-list > div > b{font-size: 14px;}
    .proList1 .proList1-list > div > p{font-size: 12px;}
    .proList1 .proList1-list > div{bottom:40px; }
    .inner-banner .big-txt{right: 10px;}
    .inner-banner .big-txt > div > span{font-size: 18px;}
    .inner-banner .big-txt > div > span:last-child{font-size: 14px;}
    .inner-banner .big-txt > hr{width: 60px;}
    .inner-banner .big-txt span{font-size: 12px;}
    .inner-banner .big-txt *{line-height: 20px;}
}
@media (max-width: 767px) {
    #link{display: none;}
    .inner-banner{height: 140px;}
    .inner-banner img{height: 180px;object-fit: cover;}
    .title div > span{font-size: 22px;}
    .title{padding-bottom: 30px;}
    .inner-banner .big-txt b{font-size: 16px;}
    .inner-banner .big-txt span{width: 10px;height: 10px;}
    .dy{padding: 20px 0;}
    .dy h1{margin-bottom: 10px;font-size: 20px;}
    .contact{padding: 10px;}
    footer .center{display: none;}
    .proList3 .proList3-list > div:first-child{width: 80px;height: 80px;margin-right: 15px;}
    .proList3 .proList3-list > div:last-child > span{font-size: 18px;margin-bottom: 10px;}
    .proList3 .proList3-list > div:last-child > p{font-size: 14px;}
    .proList3 .proList3-list{margin-top: 20px;}
    .proList3 h2{margin-bottom: 30px;}
    .proList3,.proList1,.proList2{padding: 40px 0;}
    .proList1 .proList1-list > div{bottom:20px;padding: 10px;}
    .proClass .pro-class{margin: 21px 0;}
    .proClass{height: 180px;}
}
@media (max-width: 576px) {
    .inner-banner img{height: 140px;}
    footer{margin-bottom: 0;}
    footer>div{padding: 30px 0;}
    footer > p{padding: 15px 0;}
    footer .left{width:70%;}
    footer .right{padding-top: 5vw;width: 25%;}
    footer .right .col-sm-6:last-child{display: none;}
    footer .right .col-sm-6 p{font-size: 10px;}
    footer .right img{height: auto;}
    .inner-banner .big-txt{bottom: 20px;}
    .inner-banner .big-txt b{font-size: 16px;}
    .inner-banner .big-txt span{font-size: 14px;}
    .dy h1{font-size: 18px;}
    .dy-list .dy-list-con > p{font-size: 14px;}
    .dy .dy-txt *{font-size: 12px;}
    .proList3 h2{margin-bottom: 20px;}
    .proList2 h2,.proList3 h2{font-size: 20px;}
    .proList2 h2 > b,.proList3 h2 > b{font-size: 40px;}
    .proList3,.proList1,.proList2{padding: 30px 0;}

}
@media (max-width: 575px) {
    .proList1 .proList1-list1,.proList2{margin-top: 30px;}
    .inner-banner .big-txt>span{display: none;}
    .proClass{height: auto;}
    .proClass .pro-class{width: 50%;margin: 11px 0;}
    .proClass .pro-class:nth-child(2n+2){border-right: 0;}
    .proList .pro-list img{height: 100px;}
    .proList .pro-list p{font-size: 14px;}
    .proList2 .proList2-list > div:last-child > span{font-size: 12px;}
}