@charset "utf-8";
body{color:#727272;margin-bottom:0}
a:hover{color:#f7931d;}
.Wdate{height:inherit !important;}
.admanage img{width:100%}
.pagination-box .pagination li{border:0;}
.go-qq,.go-wx,.go-phone{display:none}
@media screen and (min-width:992px) {
.py-lg-5{padding-top: 5rem!important;padding-bottom: 5rem!important;}
}
/*---------头部 start--------*/
.site-topbar{background: #434444;border-bottom:0;}
.site-topbar>ul>li{margin-left: 2rem;}
.site-topbar ul>li>a{color: rgba(255,255,255,0.8); font-size:0.85rem;}
.site-topbar ul>li>a:hover{color: #e2321a;}
.site-topbar .dropdown-menu,.site-topbar .dropdown-menu a{color: #999;}
.header{background:rgba(255,255,255,1);}
.header a{color:rgba(0,0,0,0.7)}
.header a:hover{color:rgba(0,0,0,0.7)}
.header .logo a{width: 200px; background-size: 100% auto;}
@media screen and (min-width:992px) {
.header .navbar-nav > li > a {padding: 0;}
.header .navbar-nav > li:first-child {margin-left: 0;}
.header .navbar-nav > li {margin-left: 2rem;}
}
@media only screen and (max-width:991px) {
.header .logo a{width: 180px;}
.header .navbar-nav-scroll{background:rgba(0,0,0,0.7);width: 100%;height:auto;overflow:auto; display:none}
.header .navbar-nav-scroll{position: absolute;top: 4rem;left: 0;z-index: 9998;}
.header .navbar-toggle-active{background: rgba(0,0,0,1);}
.header-fixed-top .navbar-nav {display: none;}
.header-fixed-top .navbar-toggle-active .navbar-nav{display:flex;}
.header .navbar-toggle-active .col-auto{width: 50%;}
}
.header .navbar-nav > li a{font-weight:bold;}
.header .navbar-nav > li.current a {color:rgba(0,0,0,1);}

/* 幻灯 start */
#kvArea{position:relative;overflow:hidden;}
#kvArea .descrip{position:absolute; top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);/* transform: translate(-50%,-50%); */display: table;}
#kvArea .descrip{text-shadow: 1px 1px 2px rgba(0,0,0,0.6); color:#FFF;}
#kvArea .descrip p{color:rgba(255,255,255,0.8)}
/*kv style*/
#kv img.full{display:block;margin-left: auto;margin-right: auto;}
#kv{position: relative; overflow: hidden;transition: all 0.5s ease 0s;}
#kv .kvList li{float: left; width: 100%;}
#kv .kvList li img{width:auto; height:auto;max-width:100%;width:100%;}
#kvArea .pageList{position: absolute; height: 30px; bottom: 0px; width: 100%; left: 0px; text-align: center;}
#kvArea .pageList a{background:#000;display: inline-block;width: 10px;height: 10px;margin: 0 4px;text-indent:-999em;border: 2px solid #fff;border-radius: 6px;cursor: pointer;filter:alpha(opacity=40);opacity: 0.4;-webkit-transition: background .5s, opacity .5s;-moz-transition: background .5s, opacity .5s;transition: background .5s, opacity .5s;}
#kvArea .pageList a.active{background:rgba(255,255,255,0.6);opacity:1;border: 2px solid #ccc;width: 11px;height: 11px;}
#kv:hover .left:before {content: "‹"; font-size:36px;color:rgba(255,255,255,.99)}
#kv:hover .right:before {content: "›"; font-size:36px;color:rgba(255,255,255,.99)}
#kv:hover .left,#kv:hover .right{position: absolute;width: 45px; height: 45px;line-height:36px; text-align:center; background: rgba(0,0,0,.3);-webkit-box-shadow:0 2px 10px rgba(0,0,0,0.15);border-radius:50%;}
#kv:hover .left{left: 10px;top: 50%;z-index:10;}
#kv:hover .right{right: 10px;top: 50%;z-index:10;}
@media only screen and (max-width:991px) {
#kv .kv_button_block{display:none;}
   }
/* 幻灯 end */
a.more{float:none;margin-right:0;box-shadow: 0 0 30px rgb(0 0 0 / 10%);background:#434444;color:#fff;border-color:#434444!important;}
a.more:hover{-webkit-animation: twinkling 2s infinite ease-in-out;background:#3c3e3e;color:#fff;border-color:#3c3e3e!important;}
/*---------头部 end--------*/
/*---------Navs & tabs start--------*/
.title-all .line-title:before {background:rgb(247, 147, 29);height: 5px;top:-0.3rem;}
/*---------Navs & tabs end--------*/
/*---------首页 start--------*/
/* 公告 start */
.index-notice{font-size:.875rem}
.index-notice ul{width:100%;overflow-x: auto;overflow-y: hidden;-ms-overflow-style: -ms-autohiding-scrollbar;-webkit-overflow-scrolling: touch; white-space: nowrap;}
.index-notice ul::-webkit-scrollbar{display:none}
.index-notice ul .float-start{display: inline-block;float: none!important;}
.index-notice ul li.me-5:last-child{margin-right:0;}
.index-notice ul li strong{font-weight:200}
@media only screen and (max-width:991px) {
.index-notice{font-size:.75rem;}
   }
/* 公告 end */
.index-list-feature{text-align:center;}
.index-list-feature li{background:rgba(255,255,255,0.99);}
.index-list-feature li a{padding:0; display:block;border-left: 1px #eee solid;border-bottom:1px #eee solid;}
.index-list-feature li:nth-child(1) a{border-left:0;}
.index-list-feature li:nth-child(6) a{border-left:0;}
.index-list-feature svg{width:26px; height:26px;margin-top: 1rem;}
.index-list-feature b{display:block;color:rgba(0,0,0,0.6); font-weight:normal;margin-bottom: .5rem;}
@media only screen and (max-width:991px) {
.index-list-feature b{font-size:.75rem}
   }

/* 关于我们介绍 start */
.index-about-hd-text{background:linear-gradient(#fff,#fff);}
.box-num{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.box-num li{text-align:center;}
.box-num li b{padding:1rem 0;}
.box-num li p{font-size:0.85rem;}
.box-num li p.title{font-size:1rem;font-weight:600; color:#000;}
@media screen and (min-width:992px) {
.box-num li b{font-weight:normal;font-size:4.2rem;}
}
@media only screen and (max-width:991px) {
.index-about-hd-text{padding: 65px 0px;}
   }
   
.index-about{background:linear-gradient(#fff,#fff);}
.index-about .welcome-one{position:relative;padding: 2%;background-color:rgba(255,255,255,.8);}
.index-about h3{margin-bottom: 10px;margin-top: 20px;margin-bottom: 20px;}
.index-about p{margin-bottom:.5rem; font-size: 1rem; line-height:1.75rem;}
@media screen and (min-width:992px) {
.index-about h3{font-size: 1.75rem;}
   }
/* 关于我们介绍 end */
.index-products{background:linear-gradient(#fff,#fff);}
.prodcut-nav{ width:100%; overflow:hidden; position:relative; z-index:11; margin-top:-10px; margin-bottom:-32px;}
.prodcut-nav ul{display:inline-block;margin-bottom:0;}
.prodcut-nav li{ width:200px; height:200px; display: inline-block; line-height:100%; text-align:center;}
.prodcut-nav  a{ display:block; height:201px; width:200px; color:#999; padding-top:39px; font-size:14px; -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;}
.pro-icon{ display:block; background:url(/skin-diy/images/product-icon.png); width:80px; height:80px; margin:0 auto 10px;}
.prodcut-nav  .hover a,.prodcut-nav  a:hover{ background:#434444; color:#434444}
.prodcut-nav  .hover a .pro-icon,.prodcut-nav  a:hover .pro-icon{ background-image:url(/skin-diy/images/product-icon-h.png)}
.pro-icon-2{ background-position:0 -80px}
.pro-icon-3{ background-position:0 -160px}
.pro-icon-4{ background-position:0 -240px}
.pro-icon-5{ background-position:0 -320px}
.pro-icon-6{ background-position:0 -400px}
.pro-icon-7{ background-position:0 -480px}
.pro-icon-8{ background-position:0 -560px}
.pro-icon-9{ background-position:0 -640px}
.pro-icon-10{ background-position:0 -720px}
.pro-icon-11{ background-position:0 -800px}
.pro-nav-img{ height:540px; position:relative;}
.pro-nav-img li{ width:100%; height:540px; background-position:center center; height:540px; width:100%; position:absolute; left:0; right:0; top:0; bottom:0; display:none; cursor:pointer; overflow:hidden}
.pro-nav-img li .li-bg{ width:100%; height:540px; width:100%; height:540px; background-position:center center; height:540px; width:100%; position:absolute; left:0; right:0; top:0; bottom:0; cursor:pointer;}
.pro-nav-img li:hover{ opacity:0.99;}
.pro-nav-text{ position:absolute; top:160px; left:0; right:0; text-align:center; color:#fff; z-index:12}
.pro-nav-text .t1{ font-size:36px; padding-bottom:27px;}
.pro-nav-text .t2{ font-size:16px; line-height:26px;}
.pro-nav-text .t3{ display:inline-block; border:1px solid #fff; width:168px; height:46px; border:1px solid #fff; line-height:46px; font-size:14px; margin-top:33px;}
.pro-nav-img li .li-bg{-webkit-transition: transform 1s ease;-moz-transition: transform 1s ease;-o-transition: transform 1s ease;-ms-transition: transform 1s ease;transition: transform 1s ease;}
.pro-nav-img li:hover .li-bg{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);-webkit-transition: transform 1s ease;-moz-transition: transform 1s ease;-o-transition: transform 1s ease;-ms-transition: transform 1s ease;transition: transform 1s ease;}
.pro-nav-img li:hover .t3{background:#434444;color:#fff;border-color:#434444}
@media only screen and (max-width:991px) {
.prodcut-nav ul{width:100%;overflow-x: auto;overflow-y: hidden;-ms-overflow-style: -ms-autohiding-scrollbar;-webkit-overflow-scrolling: touch;white-space: nowrap;-webkit-box-sizing: border-box;/* Safari */ -moz-box-sizing:border-box;/* Firefox */ box-sizing: border-box; display:block;}
}

.index-team li img{-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.index-team li:hover img{-webkit-filter: grayscale(0%);filter: grayscale(0%);}

.index-news{background:linear-gradient(#fff,#fff);}
/*---------首页 end--------*/
.pg-tyimg .content{color: rgba(255, 255, 255, 1);}
.pg-tyimg .breadcrumb li, .pg-tyimg .breadcrumb li a{color: rgba(255, 255, 255, .8);}
.sidebar .list-text li {margin-bottom:0.75rem;}
.list-text.ranking {counter-reset: num;}
.list-text.ranking li{padding-left:40px;}
.list-text.ranking li:before{width:20px;height:20px; background:none}
.list-text.ranking li:before {content: counter(num); counter-increment: num; display: block; position: absolute; left: 1px; top: 4px; text-align:center; font-size: 12px; font-style: italic; z-index: 1; color: #fff;}
.list-text.ranking li:after {content: ""; position: absolute; left: calc(var(--bs-gutter-x) * .0); top: 0; width: 0; height: 0; display: block; border-style: solid; border-width: 12px; border-color: #e71f19 #e71f19 #e71f19 #e71f19;border-radius: 50%;}
.list-text.ranking li:nth-child(n+4):after { border-color: #999 #999 #999 #999;}

.links-txt{padding-top:1rem}
.links-txt li{display:inline}
.links-txt a {display:inline-block; padding:.3rem;color:rgba(255,255,255,.5);}
@media screen and (max-width: 640px) {
.links-txt a{-webkit-box-sizing: border-box;-moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;display: inline-block; text-align:center;}
   } 
.links-img{border-top: 1px solid #eee;border-left: 1px solid #eee;}
.links-img li a{padding: 30px;display: flex;justify-content: center;align-items: center;border-right: 1px solid #eee;border-bottom: 1px solid #eee;overflow: hidden;background: #fff;height: 120px;}
.links-img li img{height: 80%;-webkit-filter: grayscale(100%);filter: grayscale(100%);transition: 0.3s;}
.links-img li a:hover img {-webkit-filter: none;filter: none;transform: scale(1.2);}
.links-img li img {transition: all 0.4s ease-in-out;}
.share-box{text-align:center!important}
.share-box li{display: inline-block!important;margin-top: 10px!important;margin-left: 3px!important; margin-right: 3px!important;}
.share-box li:first-child {margin-left: 0!important;}
.share-box svg{width:20px!important; height:20px!important;}
.share-box a{font-size: 14px!important;display: inline-block!important;text-align: center!important;margin-right: 6px!important;transition: 0.3s!important;height: 36px!important;width: 36px!important;line-height: 36px!important;border-radius: 50%!important;color: #fff!important;background: #999999!important;}
.share-box .weibo{background-color: #ff4343!important;}
.share-box .weixin{background-color: #1ac155!important;}
.share-box .qq{background-color: #12b7f5!important;}
.pagination > li {display: inline !important;width: auto !important;height: auto !important;border: none !important;margin: 0 !important;padding: 0 !important;}
/*---------底部 start--------*/
.footer .footer-agile{position: relative;background:#434444;}
.footer-grid a:hover {color: #e2321a;}
.footer-grid a,.footer-grid li{color:#727272}
.footer-agile .footer-grid h3,.footer-agile .footer-grid h3 a{color: rgba(255,255,255,1);}
.footer-grid .footer-socials a {color: #fff;background: #727272;}
@media screen and (min-width:992px) {
.footer-grid a,.footer-grid li{font-size:1rem}
   }
.footer{position:relative;background: #3c3e3e;color:rgba(255,255,255,.5);}
.footer .footer-copy {position:relative;}
.footer .footer-copy p,.footer .footer-copy p a{color:rgba(255,255,255,.5);}
.go-menu .go-qq,.go-menu .go-phone,.go-menu .go-chat{display:none;}
/*---------底部 end--------*/