@charset "utf-8";
/*Scroll*/
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #999; }
::-webkit-scrollbar {width: 6px; background-color: #999; }
::-webkit-scrollbar-thumb {background-color: #f9bf02; }

*{margin: 0;padding: 0;list-style: none;transition: all .5s ease;-webkit-transition: all .5s ease;}
html,body{height: 100%;}
body{cursor: default;color: #333;font-size: 15px;font-family: "Proxima Nova Regular";font-weight: normal;overflow-x: hidden;}
a{color: #333;text-decoration: none;}
a:hover{color: #333;}
.container{max-width: 1400px;}
h1,h2,h3,h4,h5,h6{font-weight: 100;}

header .pc-head{position: fixed;top: 0;width: 100%;z-index: 2000;}
header .pc-head .container-fluid{border-bottom:1px solid rgba(255,255,255,.2);padding: 0 2%;}
header .pc-head .logo{position: relative;margin: 15px 0;display: inline-block;}
header .pc-head .logo img{max-height: 59px;}
header .pc-head .logo img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}
header .pc-head:hover, header .pc-head.active{background: #fff;}
header .pc-head:hover .logo img:last-child, header .pc-head.active .logo img:last-child{opacity: 1;}
header nav *{transition: unset;}
header nav .nav-item a{color: #fff;padding: 12px 30px;font-size: 18px;font-weight: 400;text-transform: capitalize;}
header .pc-head:hover .nav-item a, header .pc-head.active .nav-item a{color: #333;}
header nav .nav-item a:hover{background: #f0f0f0;border-radius: 6px;}
header nav .nav-item:hover a{background: #f0f0f0;border-top-left-radius: 6px;border-top-right-radius: 6px;}
header nav .dropdown-menu{background: #f0f0f0;margin: 0;border-radius: 6px;border-top-left-radius: 0;border: 0;top: calc(100% - 6px);}
header nav .dropdown-menu .dropdown-item {padding: 0;position: relative;}
header nav .dropdown-menu .dropdown-item a{background: unset;padding: 10px 30px;display: block;font-size: 14px;font-weight: normal;text-transform: capitalize;}
header nav .dropdown-menu .dropdown-item:hover a{color: #333;background: rgba(249,191,2,.9);border-radius: 0;}
header nav .dropdown-menu2{display: none;background: rgba(249,191,2,.9);margin: 0;padding:0;border-radius: 6px;border-top-left-radius: 0;border: 0;top:0;left: 100%;position: absolute;overflow: hidden;}
header nav .dropdown-menu2 .dropdown-item {padding: 0;}
header nav .dropdown-menu2 .dropdown-item a{background: transparent;padding: 10px 30px;display: block;font-size: 14px;font-weight: normal;}
header nav .dropdown-menu2 .dropdown-item:hover a{color: #fff;}

header .pc-head .toptools a{padding: 12px;}
header .pc-head .toptools a .iconfont{font-size: 30px;color: #fff;}
header .pc-head:hover .toptools a .iconfont, header .pc-head.active .toptools a .iconfont{color: #333;}
header .pc-head .toptools a:hover .iconfont{color: #f9bf02;}

header .m-head, header .m-nav{display: none;}
header .pc-head.smaller{background-color: #fff;box-shadow: 0 0 18px rgba(0,0,0,.1);}
header .pc-head.smaller .logo{margin: 5px 0;}
header .pc-head.smaller .logo img{max-height: 44px;}
header .pc-head.smaller .logo img:last-child{opacity: 100;}
header .pc-head.smaller .nav {margin: 4px 0 0;}
header .pc-head.smaller .nav-item a{color:#333;}
header .pc-head.smaller .submenu{top: 44px;}
header .pc-head.smaller .toptools a .iconfont{color: #333;}
header .pc-head.smaller .toptools a:hover .iconfont{color: #f9bf02;}

[class*="home-"]{padding: 30px 0;}
[class*="home-"] h2.title{font-size: 30px;font-weight: bold;width: 100%;text-transform: uppercase;padding: 36px 0;}
.home-slide{overflow: hidden;background: rgba(0,0,0,.5);position: relative;height: 100%;padding: 0;}
.home-slide img{width: 100%;height: 100%; object-fit: cover;position: absolute;z-index: -1;}
.home-slide .swiper-slide{display: flex;align-items: center;justify-content: center;flex-direction: column;text-transform: capitalize;}
.home-slide .swiper-slide h2{color: #fff;font-size: 60px;font-weight: 600;text-shadow: 0 0 12px rgba(255,255,255,.8);}
.home-slide .swiper-slide h3{color: #fff;font-size: 42px;text-shadow: 0 0 12px rgba(255,255,255,.6);}

.home-product{background: #f7f7f7;padding: 30px 0;}
.home-product .product-tab-head {display: flex;justify-content: space-around;padding: 0 240px 30px;}
.home-product .product-tab-head .item a{display: block; padding: 6px 24px;text-transform: capitalize;}
.home-product .product-tab-head .item a.active{font-weight: bold;}
.home-product .swiper-slide a{display: flex;padding: 18px 6px;background: #fff;flex-direction: column;border: 1px solid #fff;}
.home-product .swiper-slide a:hover{border-color: #f9bf02;}
.home-product .swiper-slide a .thumb{margin-bottom: 6px;overflow: hidden;}
.home-product .swiper-slide a .thumb img{width: 100%;height: 100%;object-fit: cover;}
.home-product .swiper-slide a h2{font-size: 18px;padding: 3px 18px;margin: 0;text-align: center;}
.home-product .swiper-slide a h3{font-size: 14px;padding: 3px 18px;margin: 0;text-align: center;text-transform: capitalize;}

.home-profile{background: url('../img/home_profile_bg.png') center bottom repeat-x;position: relative;overflow: hidden;}
.home-profile .profilebuilding{position: absolute;z-index: 0;left: 50%;bottom: 0;}
.home-profile .contents{z-index: 1;position: relative;}
.home-profile .certs .swiper-slide .thumb{display: flex;height: 300px;}
.home-profile .certs .swiper-slide .thumb img{width: 100%;height: auto;object-fit: contain;}

.home-news .item{display: block;padding: 42px 30px;background: #fff;box-shadow: 0 0 12px rgba(0,0,0,.1);margin: 18px 12px 12px;}
.home-news .item span{padding: 6px 18px;background: #f9bf02;font-size: 12px;border-top-left-radius: 12px;}
.home-news .item:hover{transform: translateY(-6px);background: rgba(249,191,2,.7);}
.home-news a.more{display: flex;border: 1px solid #f9bf02;padding: 6px;color: #f9bf02;width: 160px;margin: 30px auto;justify-content: center;text-transform: uppercase;}
.home-news a.more:hover{background: #f9bf02;color: #fff;}

.home-form{background: #f7f7f7 url('../img/form_bg.jpg') 100% 50% no-repeat;height: 400px;}
.home-form form{padding: 24px;background: rgba(255,255,255,.6);}
.home-form form .btn{background: #f9bf02;color: #fff;}

footer{background: url('../img/footerbg.jpg') 50% 50%;padding-top: 72px;}
footer .contact{padding: 30px 0 30px 78px;}
footer .contact p{font-size: 14px;color: rgba(255,255,255,.7);margin: 0;line-height: 2;}
footer .contact p:hover{color: rgba(255,255,25,1);}
footer .copy{line-height: 4;border-top: 1px solid rgba(255,255,255,.1);color: rgba(255,255,255,.6);margin-top: 30px;font-size: 14px;text-transform: uppercase;text-align: center;}

.subslide{height: 280px; background: #eee;margin-top: 90px;display: flex;align-items: center;justify-content: center;flex-direction: column;overflow: hidden;}
.subslide .swiper-slide{display: flex;align-items: center;justify-content: center;flex-direction: column;text-transform: capitalize;}
.subslide .swiper-slide h2{color: #fff;font-size: 60px;font-weight: 600;text-shadow: 0 0 12px rgba(255,255,255,.8);}
.subslide .swiper-slide h3{color: #fff;font-size: 42px;text-shadow: 0 0 12px rgba(255,255,255,.6);}
.breadcrumb{justify-content: flex-end;font-size: 12px;text-transform: capitalize;color: #999;}
.breadcrumb a{color: #999;}
.breadcrumb-item+.breadcrumb-item::before{color: #ccc;float: unset;font-size: 9px;}

.product-main a.item{display: flex;padding: 18px 6px;background: #fff;flex-direction: column;border: 1px solid #eee;}
.product-main a.item:hover{border-color: #f9bf02;}
.product-main a .thumb{margin-bottom: 6px;overflow: hidden;}
.product-main a .thumb img{width: 100%;height: 100%;object-fit: contain;}
.product-main a h2{font-size: 18px;padding: 3px 18px;margin: 0;text-align: center;}
.product-main a h3{font-size: 14px;padding: 3px 18px;margin: 0;text-align: center;text-transform: capitalize;}

.productswiper{display: flex;flex-direction: row;}
.swiper-container {overflow: hidden;}
.swiper-container.gallery-top{width: 85%;}
.swiper-container.gallery-top .swiper-slide{height: 480px;}
.swiper-container .swiper-slide img{width: 100%; height: 100%; object-fit: contain;}
.swiper-container.gallery-thumbs{width: 15%;}
.swiper-container.gallery-thumbs .swiper-wrapper{flex-direction: column;}
.swiper-container.gallery-thumbs .swiper-wrapper .swiper-slide {height: 120px;border: 1px solid rgba(0,0,0,.1);width: 100%!important;margin: 1px auto;}

.aside{top:120px;}
.aside p.h3{font-size: 18px;font-weight: bolder;text-transform: uppercase;}
.aside .form-check{margin-bottom: 8px;font-size: 13px;text-transform: capitalize;color: #666;}

.channeltitle{font-size: 24px;font-weight: bold;line-height: 2;margin-bottom: 0px;}
.contents{}
.contents .title{font-weight: bolder;border-bottom: 1px solid rgba(0,0,0,.1);line-height: 2;margin-bottom: 24px;text-transform: capitalize;}
.contents p b{font-weight: bold;}

.contents-list{}
.contents-list a.item{display: flex;padding: 16px 24px;background-color: #fff;box-shadow: 0 0 16px rgba(0,0,0,.1);border-radius: 8px;flex-direction: column;}
.contents-list a.item p{margin-bottom: 6px;}
.contents-list a.item span{color: #ccc;}

.contact-box{display: flex; justify-content: space-between;flex-wrap: wrap;}
.contact-box h3{width: 100%;text-transform: capitalize;font-weight: bold;border-bottom: 1px solid rgba(0,0,0,.1);padding: 12px 0;}
.contact-box .item{width: 48%;margin: 12px 0;}
.contact-box .item small{color: rgba(0,0,0,.5);display: block;height: 30px;}
.form-floating>label{left: 12px;color: rgba(0,0,0,.5);}

[class*="parameter"]{margin: 12px auto;}
[class*="parameter"] table{border: none !important;width: calc(100% - 54px) !important;margin-left: 54px;}
[class*="parameter"] table td{border: 1px solid #ddd;padding: 4px;line-height: 40px;text-align: center;}
[class*="parameter"] table tr{position: relative;}
.parameter table tr:before{content:'';width:48px;height:48px;background: url('https://hualianbrush.oss-cn-shanghai.aliyuncs.com/pb-1.png?1758981871') no-repeat;background-size: 48px auto;border: none;display: flex;position: absolute;left: -54px;}
.parameter table tr:nth-of-type(2):before{background-image: url('https://hualianbrush.oss-cn-shanghai.aliyuncs.com/pb-2.png?1758981871');}
.parameter table tr:nth-of-type(3):before{background-image: url('https://hualianbrush.oss-cn-shanghai.aliyuncs.com/pb-3.png?1758981871');}
.parameter-2 table tr:before{content:'';width:48px;height:48px;background: url('https://hualianbrush.oss-cn-shanghai.aliyuncs.com/rb-1.png?1758981871') no-repeat;background-size: 48px auto;border: none;display: flex;position: absolute;left: -54px;}
.parameter-2 table tr:nth-of-type(2):before{background-image: url('https://hualianbrush.oss-cn-shanghai.aliyuncs.com/rb-2.png?1758981871');}
.parameter-2 table tr:nth-of-type(3):before{background-image: url('https://hualianbrush.oss-cn-shanghai.aliyuncs.com/rb-3.png?1758981871');}

.desc{margin-left: 54px;}
.desc p::first-letter{text-transform: capitalize;}
.pagenavi{background-color: rgba(249,191,2,.1);border: 1px solid rgba(249,191,2,.2);}
.pagenavi p{margin: 6px;}

@media (max-width:1024px) {
  .pc-head{display: none;}
  header .m-head{display: block;height:60px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;overflow: hidden;padding: 5px;box-shadow: 0 -1px 5px rgba(0, 0, 0, .3);}
  header .m-head .m-head-logo{float: left;display: flex;width: 75%;padding:5px;}
  header .m-head .m-head-logo img{height: 40px}
  header .m-head .m-head-menu .menu-open{float: right;color: #666;padding: 0 5px;}
  header .m-head .m-head-menu .menu-open i{font-size: 40px;line-height: 1.2;}
  header * {transition: unset;-webkit-transition: unset;}
  header .m-nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000;}
  header .m-nav .closecover{position:absolute;width:100%;height:100%;background:#000;left:0px;top:0px;z-index:1;filter:alpha(opacity=0);opacity:0;}
  header .m-nav .menu-close {color: #fff;}
  header .m-nav .menu-close i{font-size: 30px;}
  header .m-nav .closeicon{position:absolute;width:20%;left:0;top:1%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0;}
  header .m-nav .m-navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
  header .m-nav .m-navList ul{padding-left:5%;padding-right:5%;list-style: none;}
  header .m-nav .m-navList ul li{border-bottom:1px solid #232530}
  header .m-nav .m-navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
  header .m-nav .m-navList ul li .m-nav-f{display: flex;align-items: center;justify-content: space-between; width: 100%}
  header .m-nav .m-navList ul li .m-nav-f a{flex: 1;}
  header .m-nav .m-navList ul li .m-nav-f i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
  header .icon{width: 50%!important;background:url(../img/plus.png) 100% 50% no-repeat; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
  header .icon-on{background:url(../img/reduce.jpg) 100% 50% no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
  header .m-nav .m-navList ul li .m-nav-s{display:none;width: 100%;}
  header .m-nav .m-navList ul li .m-nav-s a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
  header .m-nav .m-navList .m-nav-img{position: absolute;bottom: 15px;padding: 0 5%;width: 100%;}
  header .m-nav .m-navList .m-nav-img img{width: 100%;}
  .home-slide .swiper-slide h2{font-size: 42px;}
  .home-slide .swiper-slide h3{font-size: 36px;}
  
  .home-product .product-tab-head{padding: 0 180px 30px;}
  .subslide{margin-top: 60px;background-size: auto 100% !important;}
  
  
}
@media (max-width:768px){
  .home-product .product-tab-head{padding: 0 0 30px;}
  .home-product .product-tab-head .item{width: 32%;}
  .home-product .product-tab-head .item a{text-align: center;}
  .home-form{background-position: 40% 50%;}
  .swiper-container.gallery-top .swiper-slide{height: 300px;}
  .subslide .swiper-slide h2{font-size: 36px;}
  .subslide .swiper-slide h3{font-size: 24px;}
  footer .copy{line-height: 1.6;padding: 6px 0;}
  .aside{top: 80px;}
  .product-main a .thumb{height: 184px;}
}
@media (max-width:425px){
  .home-slide .swiper-slide h2{font-size: 24px;}
  .home-slide .swiper-slide h3{font-size: 24px;}
  .home-product .product-tab-head{justify-content: space-between;}
  .home-product .product-tab-head .item a{padding: 3px;border: 1px solid #ccc;font-size: 14px;height: 80px;display: flex;align-items: center;justify-content: center;text-align: center;}
  .subslide{height: 144px;}
  .subslide .swiper-slide h2{font-size: 20px;}
  .subslide .swiper-slide h3{font-size: 24px;}
  footer .copy{font-size: 10px;line-height: 1.4;padding: 16px;}
  .contact-box .item{width: 100%;margin: 6px 0;}
  .contact-box .item:nth-of-type(2) small{height: 0;}
}
@media (max-width:375px){
  header .m-head .m-head-logo img{height: 36px;}
  [class*="home-"]{padding: 18px 0;}
  [class*="home-"] h2.title{font-size: 24px;font-weight: bold;width: 100%;text-transform: uppercase;padding: 24px 0;}
  .home-product .product-tab-head .item{width: 30%;}
  
  
  .home-profile .profilebuilding{left: 10%;bottom: 300px;opacity: .4;}
  .home-profile .profilebuilding img{height: 420px;}
  .home-profile .certs{margin: 0 30px;}
  
  footer .contact{padding-left: 48px;}
  
  
}