/*网站公共样式*/
.info-content{line-height:2;min-height:400px;}
a{color:#333;text-decoration:none;}
a:hover{color:#f75000;}
.bd-gray{border:1px solid #ddd;}
.bg-gray{background:#f6f6f6;}
.text-blue{color:rgb(1,61,131);}
.text-red{color:#e12341;}
.text-overflow{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.text-overflow-lines2{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:26px;height:52px;}
.display-flex-compat{display:-moz-box;/* Firefox */
display:-ms-flexbox;/* IE10 */
display:-webkit-box;/* Safari */
display:-webkit-flex;/* Chrome,WebKit */
display:flex;}
/*遮罩层*/
.mask-bg{position:fixed;width:100%;height:100%;display:none;height:100vh;background-color:rgba(0,0,0,.7);overflow:hidden;z-index:99;top:0;left:0;}
.mask-bg.active{display:block;}
/*动画*/
.transition-ease{transition:all 0.3s ease;}
.transform-scale:hover{transform:scale(1.1,1.1);}
.transform-scale-narrow:hover{transform:scale(0.9,0.9);}
/*字体*/
.font-size-p24m20{font-size:24px;}
.font-size-p20m18{font-size:20px;}
.font-size-p18m16{font-size:18px;}
.font-size-p16m14{font-size:16px;}
@media(max-width:768px){.info-content{line-height:2;padding:20px 0px;}
.padding-top-60,.padding-top-50{padding-top:30px;}
.margin-top-60{margin-top:30px;}
.padding-bottom-60{padding-bottom:30px;}
.col-sm-12,.col-sm-3,.col-sm-4,.col-xs-12,.col-xs-6,.col-xs-5,.col-sm-8,.col-xs-7{padding-left:5px;padding-right:5px;}
.row{margin-left:-5px;margin-right:-5px;}
/*字体*/
.font-size-p20m18{font-size:18px;}
.font-size-p18m16{font-size:16px;}
.font-size-p24m20{font-size:20px;}
.font-size-p16m14{font-size:14px;}
}
/*顶部样式*/
.header{position:relative;}
.header .logo{height:80px;margin-right:20px;display:flex;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;align-items:center;}
.header .logo img{height:50px;}
/*搜索*/
.ss-box{position:relative;margin:20px auto;width:200px;padding-right:40px;height:38px;margin-right:20px;display:inline-block;border:1px solid #ddd;border-radius:6px;}
.ss-box .s-input{width:100%;outline:none;border:none;line-height:34px;padding-left:0px;background-color:transparent;padding-left:8px;height: 36px;}
.ss-box .s-btn{position:absolute;right:0px;top:-3px;background:url(../images/b1_kthe.jpg) no-repeat center center;width:38px;height:38px;color:#fff;cursor:pointer;font-weight:bold;line-height:40px;outline:none;border:none;}
.ss-box .s-btn .fa-search{color:#999;}
/* 分页banner */
.pagebanner{width:100%;position:relative;overflow:hidden;}
.pagebanner .swiper-slide{text-align:center;font-size:18px;background:#fff;/* Center slide text vertically */
 display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.pagebanner img{width:100%;}
.pagebanner .font-box{position:absolute;left:0;top:0;width:100%;height:100%;}
.pagebanner .font-box .container{height:100%;}
.pagebanner .font-box .font{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:3rem;color:#fff;z-index:1;}
/*主菜单*/
@media (min-width:992px) /*pc端*/
{/*顶部*/
.header{z-index:3;}
.header .logo{justify-content:center;margin-right:4px;}
.header .logo img{height:68px;}
.header .nav-toggle{display:none}
.nav>ul{text-align:center;}
.nav>ul>li{display:inline-block;}
.nav>ul>li>ul{position:absolute;display:none;}
.nav > ul > li > a{text-align:center;line-height:80px;text-decoration:none;height:100%;padding:0 14px;display:block;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s;font-size:16px;color:#666;}
.nav > ul > li.current > a,.nav > ul > li > a:hover{color:#f75000;}
.nav ul li ul li a{display:block;width:100%;text-align:center;color:#fff;font-size:16px;line-height:50px}
.nav ul li ul li a:hover{color:#f75000;}
.nav ul li{position:relative;}
.nav ul li .arrow{display:none}
.nav ul li ul{display:none;z-index:99;background:#fff;width:130%;border-radius:0 0 2px 2px;position: absolute;left: -12%;}
.nav > ul > li .pc-arrow{position:absolute;top:28px;right:1px;color: #898989;font-weight: bold;}
.nav > ul > li:hover .pc-arrow{color:#f75000;font-weight:bold;}
.nav > ul > li:hover > ul{display:block;}
.nav ul li ul li a{line-height:2;color:#333;font-size:13px;width:100%;padding: 6px 0;}
.add-padd{padding-left:4px;}
}
@media (max-width:992px) /*手机端*/
{
.header .ss-box{display:none;}/*顶部*/
.header .logo{justify-content:flex-start;}
.header{background:#fff;box-shadow:3px 3px 6px rgba(0,0,0,.1);width:100%;}
.header .logo{height:60px;}
.header .logo img{height:40px;}
.header .productmenubox{display:none;}
.header .nav-toggle{position:absolute;right:0px;top:0px;font-size:28px;color:#999;min-width:60px;height:60px;line-height:56px;text-align:center;cursor:pointer;z-index:1;}
.header .nav-toggle.active{color:#ccc;}
.nav{position:fixed;z-index:100;top:0px;right:0px;width:0px;background:#fff;height:100%;height:100vh;opacity:0;transition:all 0.2s linear;overflow-y:auto}
.nav.active{opacity:1;width:300px;max-width:60%}
.nav ul li{line-height:45px;text-align:left}
.nav ul li ul{display:none;}
/*二级ul样式*/
.nav ul li a{padding-left:30px;display:block;color:#999;font-size:15px;line-height:3.5;border-bottom:1px solid #dcdcdc}
.nav ul li ul li a{padding-left:60px;font-size:14px;}
.nav ul li ul li ul li a{padding-left:90px;}
.nav ul li ul li ul li li a{padding-left:120px;}
.nav ul li ul.qualification-product-menu{max-height:60vh;overflow-y:auto;}
.nav ul li{position:relative;}
.nav ul li .arrow{position:absolute;right:0px;top:0px;width:50px;height:50px;line-height:50px;text-align:center;transition-duration:0s}
.nav ul li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px}
.nav ul li.current > a{color:#444;}
.nav ul li.active > ul{display:block}
.nav ul li.active > .arrow{-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);}
/* 分页banner */
.pagebanner{margin-top:0;overflow:hidden;}
.pagebanner img{min-height:120px;width:auto;max-width:160%;}
.pagebanner .font-box .font{font-size:2rem;}
}
/*子栏目样式*/
.page-commnav{background:#f5f5f5;line-height:2;padding:8px 0;}
@media(min-width:769px){.sub-nav-box{clear:both;position:relative;}
.sub-nav-box .sub-nav-title{line-height:57px;text-align:left;background:#ad7669;padding-left:15px;font-size:22px;color:white;font-family:"Microsoft YaHei",Tahoma,Verdana,"Simsun";}
.sub-nav-box .sub-nav ul{text-align:center;}
.sub-nav-box .sub-nav li{display:inline-block;padding:0 10px;text-align:center;position:relative;}
.sub-nav-box .sub-nav > ul > li > a{height:50px;padding:0px 5px;margin:0px;line-height:50px;display:block;font-size:15px;}
.sub-nav-box .sub-nav > ul > li.active > a,.sub-nav-box .sub-nav > ul > li:hover > a{color:#f75000;font-weight:bold;}
.sub-nav-box .sub-nav>ul>li>ul{display:none;position:absolute;top:40px;left:0;width:100%;background:rgb(1,61,131);z-index:9;}
.sub-nav-box .sub-nav > ul > li >ul{display:none;}
}
@media(max-width:768px){.page-commnav{border-bottom:none;}
.page-commTopTitle{font-size:18px;color:#f75000;background:#f5f5f5;font-weight:bold;}
.sub-nav{display:flex;justify-content:center;align-items:center;}
.sub-nav ul{overflow:hidden;text-align:center;margin:0px auto;overflow:hidden;min-width:360px;}
.sub-nav ul li{float:left;padding:0px 3px;width:50%;margin-bottom:8px;}
.sub-nav ul li a{display:block;font-size:16px;border:1px solid #ccc;height:36px;line-height:34px;text-align:center;text-overflow:ellipsis;white-space:nowrap;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color:#333;}
.sub-nav ul li.active a{background:#f75000;color:#fff;border:1px solid #e12341;}
.sub-nav ul li ul{display:none;}
}
/*公用标题*/
.comm_title{padding:2rem;font-size:32px;position:relative;margin-bottom:10px;}
.comm_title .title{font-size:32px;position:relative;}
.comm_title .title::before{content:'';width:60px;background:#ccc;height:1px;position:absolute;left:-80px;top:50%;}
.comm_title .title::after{content:'';width:60px;background:#ccc;height:1px;position:absolute;right:-80px;top:50%;}
.comm_title_1{padding-top:20px;padding-bottom:20px;}
.comm_title_1 .t1{font-size:30px;font-weight:bold;}
.comm_title_1 .line{background:rgb(255,112,11);width:50px;height:4px;margin:10px auto;}
.comm_title_1 .en{line-height:2;font-size:20px;color:rgb(255,112,11);font-weight:bold;}
@media(max-width:992px){.comm_title .title{font-size:22px;position:relative}
}
/*解决方案>>方案优势*/
.solution .advantage .item .inner{padding:40px 20px 36px 20px;margin:20px auto;}
.solution .advantage .item .inner .pic{width:77px;height:77px;display:inline;}
/*产品>>分页*/
 .caselist .item{margin-bottom:20px;}
.caselist .mask{background:rgba(0, 0, 0, 0.46);width:100%;height:100%;position:absolute;top:0;left:0;display:none;}
.caselist .mask::after{content:'';background:url("../images/m7wn.png") no-repeat center center;position:absolute;top:50%;left:50%;color:#fff;width:60px;height:60px;background-size:100% 100%;margin-left:-30px;margin-top:-30px;}
.caselist .picbox:hover .mask{display:block;}
.caselist .picbox:hover img{transform:scale(0.9,0.9);}
/** 关于我们*/
.page-about .picbox{position:relative;}
.page-about .picbox .mask{background:rgba(0,0,0,.1);width:100%;height:100%;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff;}
.page-contactUs .fa{border:2px solid #ddd;border-radius:50%;width:60px;height:60px;line-height:60px;margin-top:30px;margin-bottom:30px;font-size:26px;}
/*分页>>新闻*/
.newslist .hidden-mask .mask-left{width:50%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.1);transition:all 0.3s ease-in-out;}
.newslist .picbox{width:100%;position:relative;}
.newslist .hidden-mask .mask-right{width:50%;height:100%;position:absolute;right:0;top:0;background:rgba(0,0,0,.1);transition:all 0.3s ease-in-out;}
.newslist .hidden-mask:hover .mask-left,.newslist .hidden-mask:hover .mask-right{width:0%;}
.newslist .item{padding:20px 0px;border-bottom:1px dashed #ddd;}
.newslist .picbox:hover img{transform:scale(1.1,1.1);}
.page-news .topnew img{width:100%;height:330px;}
.page-news .top-newslist .item{padding-top:0;margin-bottom:12px;}
@media(max-width:768px){.newslist .item .title{line-height:1.2;}
/*.newslist .item .introduct{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}*/
}
/*产品主页样式*/
.page-productIndex .topbox{position:relative;height:50px;}

.page-productIndex .topbox .leftbox{background:#fff;}
.page-productIndex .topbox .headline{font-size:22px;border-bottom:1px dashed #ddd;padding-top:10px;padding-bottom:14px;margin-bottom:10px;}
.page-productIndex .topbox .zhuanjia{border:1px solid rgb(238, 238, 238);border-top:none;padding:8px;}
/*@media(max-width:992px){.page-productIndex .topbox{display:none;}*/
/*}*/
/*产品内容页样式*/
.product-content .detail{border-bottom:2px solid #e12341;}
.product-content .detail .title{clear:both;text-align:center;overflow:hidden;background:#e12341;line-height:42px;color:rgb(255,255,255);font-weight:600;font-size:14px;display:inline-block;width:130px;position:relative;top:6px;}
#toTop{display:none;text-decoration:none;position:fixed;bottom:12px;right:12px;overflow:hidden;width:50px;height:50px;border:none;text-indent:-9999px;background:url(Images/ui.totop.png) no-repeat left 0px;background-size:auto;background-size:cover;z-index:190;border-radius:50%;transition:all 0.2s linear;}
#toTop:hover{background-position:left -50px;background-size:cover;}
/* 分页》关于我们 */
.swiper-container#scrollSwiper{width:100%;height:310px;}
.swiper-container#scrollSwiper .swiper-slide{font-size:18px;height:auto;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0px 20px;}
.page-aboutus .companyIntro .picbox{margin-bottom:30px;background:#000;}
.page-aboutus .companyIntro .picbox img{width:100%;z-index:1;}
.page-aboutus .companyIntro .picbox:hover img{opacity:0.5;}
.equipment{background:url('../images/ysbg.jpg') no-repeat center top;background-attachment:fixed;}
/* 分页》加入我们 */
.page-joinus .linian .picbox{margin-bottom:30px;background:#000;}
.page-joinus .linian .picbox img{width:100%;z-index:1;}
.page-joinus .linian .picbox:hover img{opacity:0.5;}
.page-joinus .linian .fontbox{margin-bottom:40px;}
.page-joinus .recruit .message{border:1px solid #ddd;border-left:4px solid #fb8a04;padding:20px;margin:10px;}
.page-joinus .recruit .message .line{background:#ddd;width:100%;height:1px;margin:16px 0;}
.page-joinus .recruit .message .date{position:relative;top:10px;}
.pcGoToTop{position:fixed;right:60px;bottom:200px;z-index:999;display:none;cursor:pointer;}
.pcGoToTop:hover{opacity:0.86;}
/*分页>>新闻*/
.page-news .piclist li{border-bottom:1px solid #ddd;padding-bottom:1.5rem;margin-bottom:1.5rem;}
.page-news .piclist .title{font-size:16px;margin-bottom:1.5rem;line-height:1.6;display:block;}
.page-news .piclist .date{margin-bottom:1.2rem;}
.page-news .piclist .introduct{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:26px;height:52px;}
.page-news .piclist .picbox{position:relative;overflow:hidden;}
.page-news .piclist .picbox img{transition:all .3s ease-in-out;}
.page-news .piclist .picbox:hover img{transform:scale(1.1,1.1);}
.page-news .piclist .more{border:1px solid #d9d9d9;padding:5px 10px;min-width:86px;text-align:center;margin-top:1.6rem;display:inline-block;}
@media(max-width:468px){.page-news .piclist .title{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:24px;height:52px;margin-bottom:0.6rem;}
.page-news .piclist .date{margin-bottom:0;}
.page-news .piclist .introduct{display:none;}
}
.page-product .piclist li{margin-bottom:12px;}
/*手机端*/
@media(max-width:768px){/*公用标题*/
.comm_title{padding-top:0rem;padding-bottom:1.6rem;}
/*首页*/
.index-service .inner{padding:40px 20px;margin-bottom:10px;}
.index-service .inner .pic{margin-bottom:14px;}
.index-aboutus .background-gray{display:none;}
.index-advantage .item{height:40px;}
.index-aboutus .more{width:100px;height:40px;line-height:40px;font-size:16px;margin-top:10px;margin-bottom:10px;}
/* 分页 */
 .page-product .item{margin-bottom:10px;padding:0;}
.page-product .piclist li{margin-bottom:0;}
.productlist .picbox{margin-bottom:10px;}
}



/*add*/
.container{max-width:1200px;}

/*PC端置顶*/
#goToTop {position: fixed;bottom: 80px;right: 10px;width: 40px;height: 40px;text-indent: -999em;z-index: 20000;background: url(../images/top.png) no-repeat;background-position: 0 0;}
#goToTop:hover {width: 40px;height: 40px;background: url(../images/top.png) no-repeat 0 -42px;text-indent: -999em;filter: alpha(opacity=100);opacity: 1;z-index: 20000;}
@media (max-width:1000px){.gotoptop_icon{display:none!important;}}

/*移动端固定栏目按钮*/
.float-nav-toggle{display: block;text-align: center;position: fixed;left: 6px;bottom: 60px;color: #fff;font-size: 16px;width: 38px;height: 38px;line-height: 38px;background-color: rgba(13, 13, 13, 0.6);border-radius: 20px;}
@media (max-width: 767px) {.display-xs-block {display: block !important;}}

/*手机端固定导航栏*/
.footer-fixed{position:fixed;left:0;bottom:0;overflow:hidden;width:100%;padding:6px 0px 2px;color:#fff;z-index:9;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;border-top: 0.2rem solid #000;background: #fff;}
.footer-fixed ul{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;text-align: center;}
.footer-fixed ul li a{width:100%;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size: 13px;}
.footer-fixed ul li p{font-size:1.3rem;}
.footer-fixed.active{transform:translateX(2.8rem);z-index:9;}
.footer-fixed2{font-size: 2.8rem;padding-top: 0.6rem;}
.footer-fixed i{display:block;}
.footer-fixed .fa{font-size:22px;}
@media (min-width:1000px){.footer-fixed{display:none!important;}}
@media (max-width:1000px){footer{margin-bottom:50px;}}

/*Pc端 在线客服*/
.zaixian{position:fixed;bottom:440px;right:0px;z-index:9;}
.zaixian .zaixian_com{position:relative;width:50px;height:80px;}
.zaixian_com .zxzx_pic1{position:absolute;right:0px;top:0px;}
.zaixian_com .zxzx_pic1 .zxzx-entry{display:block;position:relative;}
.zaixian_com .zxzx_pic2{position:absolute;right:-190px;top:-70px;z-index:10;width:170px;height:300px;}
.zaixian_com .zxzx_pic1 p{position: absolute;top: 50px;left: 18px;font-size: 13px;color: #fff;}
.zaixian_com .zxzx_pic2 p{position: absolute;top: 118px;left: 24px;font-size: 13px;color: #fff;}
.kf-lf-lj{position:absolute;width:100px;right:10px;top:70px;}
.kf-lf-lj a{display:block;line-height:30px;margin:5px 0 5px 5px;color:#848484;font-size:13px;text-align: center;}
.kf-lf-lj a .fa{padding-right:4px;}
.kf-lf-lj a:hover{background:#fa8312 url(../images/box-kefu2.png) no-repeat 5px center;color:#FFF;border-radius:4px;}
@media(max-width:1000px){.zaixian{display:none;}}

/*bootom*/
footer{width:100%;min-height:95px;background:#000;line-height:2.5;color:#fff;}
footer a{color:#fff;}
.beian{text-align:center;font-size:13px;padding-top:20px;color: rgb(152, 152, 152);}
.beian a:hover{text-decoration:underline;}

.bottom-side li,.bottom-side li a,.bottom-side p{color: rgb(152, 152, 152);}
.bottom-side .headline{font-size:16px;}
.bottom-side li a:hover{color:#ccc;}
.bottom-side li:not(:nth-child(-n+5)){display:none;}

.footer-main .row {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
}

.footer-nav-wrap {
    display: flex;
    gap: 36px;
    flex-wrap: nowrap;
    align-items: flex-start;
}

.footer-nav-col {
    min-width: 118px;
}

.footer-main .headline {
    line-height: 1.4;
    margin: 0 0 10px 0;
    white-space: nowrap;
}

.footer-nav-col .headline {
    margin-bottom: 10px;
}

.footer-nav-col ul li {
    line-height: 2.05;
}

@media (max-width: 1000px) {
    .footer-main .row {
        display: block;
    }
    .footer-nav-wrap {
        margin-bottom: 16px;
        gap: 24px;
    }
    .footer-nav-col {
        min-width: 120px;
    }
}

/*首页样式*/
@media (min-width:1000px) {
    footer{padding-top: 50px;margin-top: 100px;}
    .bg-gray {background-color: #f4f4f4;padding-bottom: 70px;}
    
    .business-services{padding-top: 70px;}
    .business-services li .headline{min-height:450px;padding: 30px;}
    .business-services ul{margin-left:0;margin-right:0;}
    .business-services li .keep-account{min-height: 240px;}
    .business-services li .account1{border-bottom: 1px solid #eaeaea;border-right: 1px solid #eaeaea;}
    .business-services li .account2{border-right: 1px solid #eaeaea;}
    .business-services li .account3{border-bottom: 1px solid #eaeaea;border-right: 1px solid #eaeaea;}
    .business-services li .account4{border-right: 1px solid #eaeaea;}
    .business-services li .account5{border-bottom: 1px solid #eaeaea;}
    .business-services li .headline .images{padding:60px 0 50px;}
    .business-services li .keep-account .busines{position:absolute;right:30px;bottom:20px;}
    .business-services li .keep-account .prices .right{position: relative;left: 16px;top: 16px;}

    .total-solution .headline{padding:50px 0 30px;}
    .total-solution .headline strong{font-size:30px;}
    .total-solution li .box{padding:30px 10px;background-color:#fff;}
    .total-solution li .box p{margin:10px 0 36px;}
    .total-solution li .box h5{font-size: 1.8rem;}
    .total-solution li .box .more a{padding:8px 28px;}

    .service-firm{padding-top:80px;}
    .service-firm .headline{font-size: 24px;}
    .service-firm .years-bg{padding: 60px 0 70px;margin:30px 0;}
    .service-firm .years-box{margin-top: -16px;}
    .service-firm .years-box li .animateNum{font-size: 42px;}
    .service-firm .years-box li .font-words{font-size: 16px;}
    .service-firm .brand-img{padding-top:40px;}
    .service-firm .brand-img .edge{border: 1px solid #f0f0f0;}
    .service-firm .brand-img .edge img{padding: 10px 0;}
}
@media (max-width:1000px) {
    footer{padding-top: 30px;margin-top:50px;}

    .business-services li .keep-account{min-height: 244px;}
    .business-services li .headline{padding: 20px 0 8px;}
    .business-services li .headline .images{padding:20px 0;}
    .business-services li .account1{border-bottom: 1px solid #eaeaea;border-right: 1px solid #eaeaea;}
    .business-services li .account2{border-bottom: 1px solid #eaeaea;}
    .business-services li .account3{border-bottom: 1px solid #eaeaea;border-right: 1px solid #eaeaea;}
    .business-services li .account4{border-bottom: 1px solid #eaeaea;}
    .business-services li .account5{border-right: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;}
    .business-services li .account6{border-bottom: 1px solid #eaeaea;}
    .business-services li .keep-account .busines img{max-width:46px;}
    .business-services li .keep-account .busines{position:absolute;right:10px;bottom:10px;}
    .morebox{position: absolute;bottom: 20px;}
    .morebox a{font-size:13px;}

    .intellectual-property{padding-top: 30px;}
    .intellectual-property li .keep-account{min-height: 280px;}
    .intellectual-property li .account0{border-left:1px solid #eaeaea;}

    .total-solution .headline{padding:50px 0 20px;}
    .total-solution .headline strong{font-size:20px;}
    .total-solution li .box{padding:10px 0;background-color: #f4f4f4;margin-bottom:10px;}
    .total-solution li:first-child,.total-solution li:nth-child(3){padding-right:5px;}
    .total-solution li:nth-child(2),.total-solution li:last-child{padding-left:5px;}
    .total-solution li .box h5{font-size: 1.5rem;}
    .total-solution li .box p{font-size:13px;margin:10px 0 16px;}
    .total-solution li .box .more{margin-bottom:20px;}
    .total-solution li .box .more a{padding:6px 10px;font-size:13px;}

    .service-firm .headline{font-size: 20px;padding:30px 0 20px;}
    .service-firm .years-bg{padding: 40px 0;margin:30px 0;}
    .service-firm .years-box li .animateNum{font-size: 20px;color: #ff6a00;}
    .service-firm .years-box li .font-words{font-size: 15px;}
    .service-firm .brand-img{padding-top:20px;}
    .service-firm .brand-img .edge{margin-bottom:20px;}
}
/*首页-公用样式*/
a.pink-more,.busines{transition:all 0.5s ease;-moz-transition:all 0.4s ease; /* Firefox 4 */-webkit-transition:all 0.4s ease; /* Safari and Chrome */-o-transition:all 0.4s ease; /* Opera */}
.morebox{margin-top:20px;}
.morebox a{color: rgba(169,169,169,1);}
.morebox a:hover{color: rgba(169,169,169,1);}
.pink-hover:hover{color:rgba(255,106,0,1);}

.business-services li .keep-account .busines:hover{bottom:24px;}
.intellectual-property li .keep-account .busines img,.business-services li .keep-account .busines img{max-height:80px;}

/*首页-选择我们*/
.index-advantage .item .iconbox{align-items:center;}
@media (min-width: 767px) {
.index-advantage .item .iconbox{width:60px;height:100%;position:absolute;top:0;left:0;display:flex;}
.index-advantage .item .iconbox .icon{width:60px;height:60px;}
.index-advantage .item .content{text-align:left;padding-left:80px;}
.index-advantage .item .content .boxtop{font-size:18px;padding-bottom:4px;}
}
@media (max-width: 767px){
.index-advantage{text-align:center;}
.index-advantage .col-xs-3{padding-left: 0;padding-right: 0;}
.index-advantage .item .content .boxtop{font-size:12px;padding-top:10px;}
}

/*首页-工商服务*/
.business-services li{padding-left:0;padding-right:0;}
.business-services li .headline{background:url(../images/business-bg.png) center;background-size:cover;color:#fff;}
.business-services li .headline .zhuanzhu{font-size: 17px;padding: 6px 0 24px;}
.business-services li .headline .images{text-align:center;}
.business-services li .headline .images img{max-height:95px;}
.business-services li .headline .more{text-align:center;margin:10px 0 30px;}
.business-services li .headline .more a{border:1px solid #fff;color:#fff;padding:10px 50px;}
.business-services li .headline .more a:hover{color:rgba(149,76,236,1);background-color:#fff;}

.business-services li .line{padding-left:0;padding-right:0;}
.business-services li .keep-account{padding: 20px;background-color: #fff;position:relative;}
.business-services li .keep-account p{padding: 10px 0 20px;}
.business-services li .keep-account .prices{overflow: hidden;}
.business-services li .keep-account .prices .left{float:left;color: #ff6a00;}
.business-services li .keep-account .prices .left strong{font-size: 28px;}
.business-services li .keep-account .prices .right{color: rgb(169, 169, 169);text-decoration:line-through;}

/*首页-知识产权*/
.intellectual-property li .headline{background:url(../images/business-bg2.png) center;background-size:cover;}
.intellectual-property li .headline .more a:hover{color:rgba(251,123,96,1);}
.intellectual-property li .headline .images img{max-height: 118px;}

/*首页-解决方案*/
.total-solution .headline p{padding-top:6px;}
.total-solution li .box{text-align:center;}
.total-solution li .box p{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;height: 42px;}
.total-solution li .box .more a{border:1px solid rgba(255,106,0,1);color:rgba(255,106,0,1);}
.total-solution li .box .more a:hover{background-color:rgba(255,106,0,1);color:#fff;}

/*首页-服务企业*/
.service-firm .headline{font-weight:bold;}
.service-firm .years-box ul{text-align:center;position: relative;}
.service-firm .years-box li .animateNum{font-weight:bold;display: inline-block;}
.service-firm .years-box li .animateNum:hover{color: #ff6a00;}

 @media (min-width:1000px) {
    .pro-headline{font-size: 30px;padding:90px 0 40px;}
    .free-worry .box{padding:40px 20px 0;min-height:304px;}
    .process-flow .box{min-height:260px;}
    .frequently-asked .box{padding: 50px 30px;min-height: 260px;overflow:hidden;}
    .frequently-asked .box .top{margin-bottom:30px;}

    .free-worry{margin-top: 120px;}
    .page-productIndex .topbox-content{position:absolute;top:-210px;left:0;width:100%;}
    .add-wens{padding: 0 110px;}
    .addcard5{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;word-break: break-all;height: 104px;}
    .addcard2{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;height: 48px;}
}
@media (max-width:1000px) {
    .free-worry .phone1,.process-flow .phone1{padding-right:5px;}
    .free-worry .phone2,.process-flow .phone2{padding-left:8px;}

    .pro-headline{font-size: 20px;padding:60px 0;position: relative;top: 24px;}
    .free-worry .box{padding:10px;;min-height:290px;margin-bottom:20px;overflow:hidden;}
    .free-worry .box p{font-size:13px;}
    .process-flow .box{min-height:240px;margin-bottom:20px;}
    .process-flow .box p{font-size:13px;}
    .frequently-asked .box{padding: 15px;}
    .frequently-asked .box .top{margin-bottom:20px;}

    .comm_title_1{padding-bottom: 0;}
    .comm_title_1 .t1 {font-size: 20px;}
    .comm_title_1 .en {font-size: 16px;}
    .addcard5{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;height: 40px;}
}
/*产品中心样式*/
.pro-headline,.free-worry{text-align:center;}
.pro-headline span{font-weight:bold;}
.free-worry .box{background-color:#f7f7f7;}
.free-worry .box img{max-height:77px;}
.free-worry .box h5{padding:20px 0 16px;}
.free-worry .box p{text-align:left;}

.process-flow{text-align:center;}
.process-flow .box{background-color:#f7f7f7;overflow:hidden;}
.process-flow .box h6{padding:30px 0 20px}
.process-flow .box p{line-height:2;padding:0 10px;}

.frequently-asked .box{background-color: #f7f7f7;margin-bottom:30px;}
.frequently-asked .box img{width:40px;height:40px;float:left;}
.frequently-asked .box .top h5,.frequently-asked .box .bottom p{overflow: hidden;padding-left: 20px;line-height: 2;}
.frequently-asked .box .bottom{clear: both;}

.add-news .bannermenu-box li{margin-bottom: 14px;}
.add-news .bannermenu-box li a img{height: 50px;width: 50px;}
.page-productIndex .topbox .leftbox {border: 1px solid rgb(238, 238, 238);padding-bottom: 12px;}

.beian a{color:rgb(152, 152, 152);}



/* left blue side nav */
.left-blue-nav {
    max-width: 280px;
    background: #0f75d7;
    border: 1px solid #1d80dd;
    box-shadow: 0 4px 14px rgba(16, 73, 138, .16);
}

.left-blue-nav .sub-nav-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px;
    line-height: 54px;
    background: #1c7cd8;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
}

.left-blue-nav .sub-nav-title .fa {
    font-size: 18px;
    opacity: .92;
}

.left-blue-nav .sub-nav {
    background: #1578d6;
}

.left-blue-nav .sub-nav > ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.left-blue-nav .sub-nav > ul > li {
    display: block;
    padding: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, .16);
    position: relative;
}

.left-blue-nav .sub-nav > ul > li:first-child {
    border-top: 0;
}

.left-blue-nav .sub-nav > ul > li > a {
    position: relative;
    display: block;
    color: #fff;
    font-size: 20px;
    line-height: 68px;
    padding: 0 48px 0 54px !important;
    border: 0 !important;
}

.left-blue-nav .sub-nav > ul > li > a:before {
    content: "\f0f3";
    font-family: FontAwesome;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 22px;
    position: absolute;
    left: 18px;
    top: 50%;
    width: 22px;
    height: 22px;
    margin-top: -11px;
    border-radius: 50%;
    background: linear-gradient(145deg, #ffd558, #ff8b2e);
}

.left-blue-nav .sub-nav > ul > li > a:after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: 18px;
    top: 50%;
    margin-top: -12px;
    font-size: 22px;
    color: rgba(255, 255, 255, .95);
}

.left-blue-nav .sub-nav > ul > li.current > a,
.left-blue-nav .sub-nav > ul > li:hover > a {
    background: #0f6fd0;
    color: #fff;
    font-weight: 600;
}

.left-blue-nav .sub-nav > ul > li > ul {
    position: absolute !important;
    left: calc(100% + 8px) !important;
    top: -1px !important;
    display: none !important;
    width: 260px !important;
    max-height: 520px;
    overflow-y: auto;
    background: #fff !important;
    border: 1px solid #d6e6f8;
    box-shadow: 0 10px 22px rgba(21, 60, 105, .14);
    padding: 10px 0 !important;
    z-index: 30;
}

.left-blue-nav .sub-nav > ul > li.active > ul {
    display: block !important;
}

.left-blue-nav .sub-nav > ul > li:hover > ul {
    display: block !important;
}

.left-blue-nav .sub-nav > ul > li > ul > li {
    display: block;
    padding: 0 !important;
}

.left-blue-nav .sub-nav > ul > li > ul > li > a {
    display: block;
    color: #2f3f52;
    line-height: 1.6;
    padding: 10px 16px !important;
    font-size: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.left-blue-nav .sub-nav > ul > li > ul > li > a:hover,
.left-blue-nav .sub-nav > ul > li > ul > li.current > a {
    color: #0d6fd3;
    background: #f1f8ff;
}

.left-blue-nav .sub-nav > ul > li:nth-child(1) > a:before { content: "\f19c"; background: linear-gradient(145deg, #ffcb49, #ff9f2f); }
.left-blue-nav .sub-nav > ul > li:nth-child(2) > a:before { content: "\f06a"; background: linear-gradient(145deg, #ff6c6c, #ff4b7b); }
.left-blue-nav .sub-nav > ul > li:nth-child(3) > a:before { content: "\f0d1"; background: linear-gradient(145deg, #66d96f, #28b865); }
.left-blue-nav .sub-nav > ul > li:nth-child(4) > a:before { content: "\f0ad"; background: linear-gradient(145deg, #ffb170, #ff7d4d); }
.left-blue-nav .sub-nav > ul > li:nth-child(5) > a:before { content: "\f129"; background: linear-gradient(145deg, #ffd94f, #f9b233); }
.left-blue-nav .sub-nav > ul > li:nth-child(6) > a:before { content: "\f0e4"; background: linear-gradient(145deg, #61d46e, #31a95e); }
.left-blue-nav .sub-nav > ul > li:nth-child(7) > a:before { content: "\f085"; background: linear-gradient(145deg, #ffc24b, #f3972f); }
.left-blue-nav .sub-nav > ul > li:nth-child(8) > a:before { content: "\f013"; background: linear-gradient(145deg, #7fc8ff, #4e98ff); }
.left-blue-nav .sub-nav > ul > li:nth-child(9) > a:before { content: "\f0f7"; background: linear-gradient(145deg, #7ed86b, #40bc56); }
.left-blue-nav .sub-nav > ul > li:nth-child(10) > a:before { content: "\f02d"; background: linear-gradient(145deg, #6ec1ff, #3f90ef); }
.left-blue-nav .sub-nav > ul > li:nth-child(11) > a:before { content: "\f0a3"; background: linear-gradient(145deg, #ff7d7d, #ff5f5f); }

@media (max-width: 768px) {
    .left-blue-nav {
        max-width: 100%;
    }

    .left-blue-nav .sub-nav-title {
        font-size: 24px;
        line-height: 48px;
    }

    .left-blue-nav .sub-nav > ul > li > a {
        font-size: 18px;
        line-height: 56px;
        padding-left: 48px !important;
    }

    .left-blue-nav .sub-nav > ul > li > ul {
        position: static !important;
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        max-height: none;
        border: 0;
        box-shadow: none;
        padding: 4px 0 !important;
        background: rgba(255, 255, 255, .12) !important;
    }

    .left-blue-nav .sub-nav > ul > li > ul > li > a {
        color: #fff;
        padding: 8px 18px 8px 56px !important;
        font-size: 14px;
    }
}

/* news list style: reference https://www.huashiqifu.com/h-col-106.html */
.news-page-headline {
    border-left: 5px solid #00a0e9;
    padding: 10px 0 10px 14px;
    margin: 8px 0 18px;
    background: #f8fcff;
}

.news-page-headline span {
    font-size: 28px;
    line-height: 1.2;
    color: #00a0e9;
    font-weight: 700;
}

.news-timeline-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.news-timeline-item {
    display: flex;
    align-items: stretch;
    margin-bottom: 18px;
}

.news-timeline-date {
    width: 86px;
    text-align: center;
    background: #f4f9ff;
    border: 1px solid #d8ebfb;
    border-radius: 8px;
    padding: 10px 6px;
}

.news-timeline-date .day {
    display: block;
    font-size: 28px;
    line-height: 30px;
    color: #00a0e9;
    font-weight: 700;
}

.news-timeline-date .ym {
    display: block;
    font-size: 13px;
    color: #7d8fa2;
    margin-top: 2px;
}

.news-timeline-line {
    width: 30px;
    position: relative;
}

.news-timeline-line:before {
    content: "";
    position: absolute;
    left: 14px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #d9eefb;
}

.news-timeline-line i {
    position: absolute;
    left: 8px;
    top: 38px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #00a0e9;
    border: 3px solid #e8f6ff;
}

.news-timeline-card {
    flex: 1;
    display: flex;
    gap: 18px;
    border: 1px solid #ebf1f6;
    border-radius: 10px;
    background: #fff;
    padding: 12px;
    transition: all .2s ease;
}

.news-timeline-card:hover {
    border-color: #bfe4f9;
    box-shadow: 0 6px 18px rgba(0, 160, 233, .12);
}

.news-timeline-card .thumb {
    width: 220px;
    height: 130px;
    display: block;
    overflow: hidden;
    border-radius: 8px;
    background: #f2f4f7;
}

.news-timeline-card .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news-timeline-card .content {
    flex: 1;
    min-width: 0;
}

.news-timeline-card .content h3 {
    margin: 0;
    font-size: 21px;
    line-height: 1.35;
    font-weight: 700;
}

.news-timeline-card .content h3 a {
    color: #1d2b3a;
}

.news-timeline-card .content h3 a:hover {
    color: #00a0e9;
}

.news-timeline-card .summary {
    margin: 10px 0 0;
    color: #667685;
    line-height: 1.8;
    max-height: 86px;
    overflow: hidden;
}

.news-timeline-card .meta {
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.news-timeline-card .meta .tag {
    display: inline-block;
    min-width: 80px;
    text-align: center;
    background: #eef8ff;
    color: #00a0e9;
    border-radius: 30px;
    line-height: 30px;
    padding: 0 14px;
}

.news-timeline-card .meta .more {
    color: #00a0e9;
}

.news-timeline-card.no-thumb .content {
    width: 100%;
}

@media (max-width: 991px) {
    .news-page-headline span {
        font-size: 24px;
    }

    .news-timeline-card {
        flex-direction: column;
    }

    .news-timeline-card .thumb {
        width: 100%;
        height: 200px;
    }
}

@media (max-width: 768px) {
    .news-timeline-item {
        display: block;
        margin-bottom: 14px;
    }

    .news-timeline-date {
        width: 100%;
        border-radius: 8px 8px 0 0;
    }

    .news-timeline-line {
        display: none;
    }

    .news-timeline-card {
        border-radius: 0 0 8px 8px;
        padding: 10px;
    }

    .news-timeline-card .content h3 {
        font-size: 18px;
    }
}

/* about page refinement */
.page-about-v2 {
    background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
}

.page-about-v2 .page-about-main {
    padding-top: 44px;
    padding-bottom: 46px;
}

.page-about-v2 .page-about-profile {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

.page-about-v2 .comm_title_1 {
    margin-bottom: 18px;
}

.page-about-v2 .comm_title_1 .t1 {
    font-size: 34px;
    color: #1d2b3a;
    letter-spacing: 1px;
    line-height: 1.2;
}

.page-about-v2 .comm_title_1 .en {
    color: #ff6b2d;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-top: 8px;
}

.page-about-v2 .about-content {
    font-size: 15px;
    color: #4e5f72;
    line-height: 2;
}

.page-about-v2 .about-content p {
    margin-bottom: 12px;
}

.page-about-v2 .about-hero-image {
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 14px 34px rgba(32, 65, 102, .14);
}

.page-about-v2 .about-hero-image img {
    width: 100%;
    display: block;
}

.page-about-v2 .page-about-values {
    padding-top: 6px;
    padding-bottom: 8px;
}

.page-about-v2 .page-about-values .col-md-4 {
    margin-bottom: 20px;
}

.page-about-v2 .value-card {
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 8px 22px rgba(30, 55, 88, .12);
}

.page-about-v2 .value-card > img {
    width: 100%;
    min-height: 240px;
    object-fit: cover;
    display: block;
    transform: scale(1.02);
    transition: transform .35s ease;
}

.page-about-v2 .value-card .mask {
    background: linear-gradient(180deg, rgba(20, 45, 79, .2) 0%, rgba(20, 45, 79, .6) 100%);
    padding: 16px;
    text-shadow: 0 2px 6px rgba(0, 0, 0, .25);
}

.page-about-v2 .value-card .mask img {
    width: 56px;
    height: 56px;
}

.page-about-v2 .value-card .mask p {
    margin-bottom: 0;
}

.page-about-v2 .value-card:hover > img {
    transform: scale(1.08);
}

@media (max-width: 991px) {
    .page-about-v2 .page-about-main {
        padding-top: 24px;
        padding-bottom: 28px;
    }

    .page-about-v2 .page-about-profile {
        margin-bottom: 24px;
    }

    .page-about-v2 .comm_title_1 .t1 {
        font-size: 28px;
    }

    .page-about-v2 .about-hero-image {
        margin-top: 20px;
    }

    .page-about-v2 .value-card > img {
        min-height: 210px;
    }
}

@media (max-width: 768px) {
    .page-about-v2 .comm_title_1 .t1 {
        font-size: 24px;
    }

    .page-about-v2 .comm_title_1 .en {
        font-size: 15px;
    }

    .page-about-v2 .about-content {
        font-size: 14px;
        line-height: 1.9;
    }

    .page-about-v2 .value-card > img {
        min-height: 190px;
    }
}

/* about page fine tune */
.page-about-v2 {
    background: #fff;
}

.page-about-v2 .page-about-main {
    padding-top: 56px;
    padding-bottom: 28px;
}

.page-about-v2 .page-about-profile {
    align-items: flex-start;
    margin-bottom: 34px;
}

.page-about-v2 .comm_title_1 .t1 {
    font-size: 44px;
    font-weight: 800;
    letter-spacing: 0;
}

.page-about-v2 .comm_title_1 .en {
    font-size: 32px;
    line-height: 1.15;
    margin-top: 10px;
}

.page-about-v2 .about-content {
    background: #fff;
    border: 1px solid #e7edf4;
    border-left: 4px solid #ff6e2f;
    border-radius: 8px;
    padding: 18px 22px;
    box-shadow: 0 8px 20px rgba(24, 52, 85, .06);
}

.page-about-v2 .about-content,
.page-about-v2 .about-content p,
.page-about-v2 .about-content span {
    color: #3f4f60 !important;
    font-size: 15px !important;
    line-height: 1.95 !important;
}

.page-about-v2 .about-hero-image {
    border-radius: 10px;
    box-shadow: 0 12px 28px rgba(34, 69, 108, .16);
}

.page-about-v2 .value-card {
    box-shadow: 0 8px 18px rgba(24, 52, 85, .1);
}

@media (max-width: 1200px) {
    .page-about-v2 .comm_title_1 .t1 {
        font-size: 34px;
    }

    .page-about-v2 .comm_title_1 .en {
        font-size: 24px;
    }
}

@media (max-width: 768px) {
    .page-about-v2 .page-about-main {
        padding-top: 26px;
    }

    .page-about-v2 .about-content {
        border-left-width: 3px;
        padding: 14px 14px;
    }

    .page-about-v2 .comm_title_1 .t1 {
        font-size: 28px;
    }

    .page-about-v2 .comm_title_1 .en {
        font-size: 20px;
    }
}

/* about page match t10306 layout */
.page-about-v2 {
    background: #fff !important;
}

.page-about-v2 .page-about-main {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.page-about-v2 .page-about-profile {
    display: block !important;
    margin-bottom: 0 !important;
}

.page-about-v2 .comm_title_1 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    margin-bottom: 0 !important;
}

.page-about-v2 .comm_title_1 .t1 {
    font-size: 30px !important;
    font-weight: bold !important;
    color: #333 !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
}

.page-about-v2 .comm_title_1 .en {
    line-height: 2 !important;
    font-size: 20px !important;
    color: rgb(255, 112, 11) !important;
    font-weight: bold !important;
    margin-top: 0 !important;
}

.page-about-v2 .about-content {
    background: transparent !important;
    border: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    font-size: 14px !important;
    color: #434343 !important;
    line-height: 2 !important;
}

.page-about-v2 .about-content,
.page-about-v2 .about-content p,
.page-about-v2 .about-content span {
    color: #434343 !important;
    font-size: 14px !important;
    line-height: 2 !important;
}

.page-about-v2 .about-hero-image {
    border-radius: 0 !important;
    box-shadow: none !important;
}

.page-about-v2 .about-hero-image img {
    width: 100%;
    display: block;
}

.page-about-v2 .page-about-values {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.page-about-v2 .value-card {
    border-radius: 0 !important;
    box-shadow: none !important;
}

.page-about-v2 .value-card > img {
    min-height: 0 !important;
    transform: none !important;
}

.page-about-v2 .value-card .mask {
    background: rgba(0, 0, 0, .1) !important;
    text-shadow: none !important;
}

.page-about-v2 .value-card:hover > img {
    transform: none !important;
}

@media (max-width: 992px) {
    .page-about-v2 .comm_title_1 .t1 {
        font-size: 24px !important;
    }

    .page-about-v2 .comm_title_1 .en {
        font-size: 16px !important;
    }

    .page-about-v2 .page-about-values {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
}

/* prevent oversized images on inner pages */
.pagebanner {
    max-height: 420px;
}

.pagebanner img {
    width: 100% !important;
    max-width: none !important;
    height: 420px !important;
    min-height: 120px !important;
    object-fit: contain;
    object-position: center center;
    background: #fff;
}

.page-about-v2 .about-content img {
    display: block;
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    max-height: 420px;
    margin: 12px auto;
    object-fit: contain;
}

@media (max-width: 992px) {
    .pagebanner {
        max-height: 300px;
    }

    .pagebanner img {
        height: 300px !important;
    }

    .page-about-v2 .about-content img {
        max-height: 280px;
    }
}

/* news list tune (match t10306/gsxw) */
.page-news .newslist .item .title {
    font-weight: 600;
}

.page-news .newslist .item .introduct {
    margin-bottom: 0;
}

.page-commnav .full-width {
    float: none !important;
}

.page-commnav .full-width .breadcrumb {
    margin-bottom: 0;
}

.page-commnav .sub-nav > ul > li.current > a {
    color: #f75000;
    font-weight: bold;
}

/* keep inner breadcrumb bar width aligned with inner page banner width */
.page-commnav {
    width: 100%;
    max-width: none;
}

/* top nav multi-level dropdown */
@media (min-width:992px) {
    .nav > ul > li > ul > li {
        overflow: visible !important;
    }
    .nav > ul > li > ul {
        left: 0 !important;
        width: auto !important;
        min-width: 180px;
        padding: 8px 0;
        border-radius: 0 0 4px 4px;
        box-shadow: 0 8px 16px rgba(0, 0, 0, .12);
    }

    .nav > ul > li > ul > li > a {
        text-align: left !important;
        padding: 8px 18px !important;
        line-height: 1.8 !important;
        white-space: nowrap;
    }

    .nav > ul > li > ul > li {
        position: relative;
        overflow: visible !important;
    }

    .nav > ul > li > ul > li.has-children > a {
        padding-right: 26px !important;
        position: relative;
    }

    .nav > ul > li > ul > li.has-children > a:after {
        content: none !important;
    }

    .nav > ul > li > ul > li > a .top-sub-arrow {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        color: #9aa3ad;
        font-size: 14px;
        line-height: 1;
        font-weight: 600;
        display: inline-block;
        pointer-events: none;
    }

    .nav > ul > li > ul > li > ul {
        display: none;
        position: absolute;
        top: 0;
        left: 100%;
        min-width: 180px;
        background: #fff;
        border-radius: 0 0 4px 4px;
        box-shadow: 0 8px 16px rgba(0, 0, 0, .12);
        z-index: 99;
    }
    .nav > ul > li > ul > li > ul.qualification-product-menu {
        min-width: 260px;
        max-height: 420px;
        overflow-y: auto;
    }

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

    .nav > ul > li > ul > li > ul > li > a {
        color: #333;
        font-size: 13px;
        line-height: 1.8;
        padding: 8px 18px;
        display: block;
        text-align: left;
        white-space: nowrap;
    }
    .nav > ul > li > ul > li > ul.qualification-product-menu > li > a {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .nav > ul > li > ul > li > ul > li > a:hover {
        color: #f75000;
    }
}

/* product home grouped layout */
.page-product-home .product-column-sections {
    padding-top: 8px;
}

.page-product-home .section-group {
    margin-bottom: 30px;
}

.page-product-home .group-title {
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 14px;
}

.page-product-home .group-title span {
    display: inline-block;
    font-size: 38px;
    color: #0066f7;
    font-weight: 700;
    line-height: 1.2;
    padding-bottom: 6px;
    border-bottom: 3px solid #49a0ff;
}

.page-product-home .section-card {
    margin-bottom: 16px;
}

.page-product-home .section-card .inner {
    background: #fff;
}

.page-product-home .section-card .picbox {
    display: block;
    width: 100%;
    height: 170px;
    overflow: hidden;
}

.page-product-home .section-card .picbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .3s ease;
}

.page-product-home .section-card .picbox:hover img {
    transform: scale(1.06);
}

.page-product-home .section-card .title {
    display: block;
    margin-top: 10px;
    margin-bottom: 8px;
    font-size: 30px;
    color: #2d3a4d;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.page-product-home .section-card .more {
    display: inline-block;
    min-width: 120px;
    text-align: center;
    border-radius: 20px;
    background: #ff6c33;
    color: #fff;
    line-height: 40px;
    padding: 0 18px;
}

.page-product-home .section-card .more:hover {
    background: #f25c22;
    color: #fff;
}

.page-product-home .empty-tips {
    color: #999;
    line-height: 2;
    padding: 20px 0;
}

@media (max-width: 1200px) {
    .page-product-home .group-title span {
        font-size: 30px;
    }

    .page-product-home .section-card .title {
        font-size: 22px;
    }
}

@media (max-width: 768px) {
    .page-product-home .group-title span {
        font-size: 24px;
    }

    .page-product-home .section-card .picbox {
        height: 150px;
    }

    .page-product-home .section-card .title {
        font-size: 18px;
    }

    .page-product-home .section-card .more {
        min-width: 100px;
        line-height: 36px;
    }
}

/* light left menu for product pages */
.left-light-nav {
    background: #f5f5f5;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: none;
    border: 0;
}

.left-light-nav .sub-nav-title {
    line-height: 74px;
    background: #f5f5f5;
    color: #111;
    font-size: 30px;
    font-weight: 600;
    padding: 0 22px;
    border-bottom: 1px solid #dddddd;
}

.left-light-nav .sub-nav {
    padding: 12px 0 16px;
}

.left-light-nav .sub-nav > ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.left-light-nav .sub-nav > ul > li {
    position: relative;
}

.left-light-nav .sub-nav > ul > li > a {
    display: block;
    color: #1f2f40;
    font-size: 17px;
    line-height: 56px;
    padding: 0 36px 0 56px !important;
    border: 0 !important;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.left-light-nav .sub-nav > ul > li > a:before {
    content: "\f1ad";
    font-family: FontAwesome;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 24px;
    color: #4ea0ff;
}

.left-light-nav .sub-nav > ul > li > ul {
    display: none !important;
    position: absolute !important;
    left: calc(100% + 8px) !important;
    top: 0 !important;
    min-width: 220px;
    max-height: 420px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #e8e8e8;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .1);
    padding: 10px 0 !important;
    z-index: 28;
}

.left-light-nav .sub-nav > ul > li.active > ul,
.left-light-nav .sub-nav > ul > li:hover > ul {
    display: block !important;
}

.left-light-nav .sub-nav > ul > li > ul > li > a {
    display: block;
    font-size: 15px;
    color: #334155;
    line-height: 1.6;
    padding: 10px 18px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.left-light-nav .sub-nav > ul > li > ul > li > a:hover,
.left-light-nav .sub-nav > ul > li > ul > li.current > a {
    color: #0c73dc;
    background: #f4f9ff;
}

.left-light-nav .sub-nav > ul > li:nth-child(1) > a:before { content: "\f1ad"; color: #58a5ff; }
.left-light-nav .sub-nav > ul > li:nth-child(2) > a:before { content: "\f0d6"; color: #ff9a55; }
.left-light-nav .sub-nav > ul > li:nth-child(3) > a:before { content: "\f07a"; color: #55b9ff; }
.left-light-nav .sub-nav > ul > li:nth-child(4) > a:before { content: "\f0ad"; color: #ff8b6a; }
.left-light-nav .sub-nav > ul > li:nth-child(5) > a:before { content: "\f182"; color: #ff6278; }

@media (max-width: 768px) {
    .left-light-nav .sub-nav-title {
        font-size: 20px;
        line-height: 50px;
        padding: 0 14px;
    }

    .left-light-nav .sub-nav > ul > li > a {
        font-size: 16px;
        line-height: 46px;
        padding: 0 36px 0 44px !important;
    }

    .left-light-nav .sub-nav > ul > li > a:before {
        width: 20px;
        height: 20px;
        line-height: 20px;
        left: 14px;
        font-size: 18px;
    }

    .left-light-nav .sub-nav > ul > li > ul {
        position: static !important;
        left: auto !important;
        top: auto !important;
        min-width: 0;
        max-height: none;
        border: 0;
        box-shadow: none;
        background: #f8fafc;
    }

    .left-light-nav .sub-nav > ul > li > ul > li > a {
        font-size: 14px;
        padding: 8px 12px 8px 44px !important;
    }
}

/* left-light-nav exact tune */
.left-light-nav {
    background: #f3f3f3 !important;
    border-radius: 14px !important;
}

.left-light-nav .sub-nav-title {
    font-size: 32px !important;
    line-height: 76px !important;
    padding: 0 22px !important;
    letter-spacing: 0 !important;
    border-bottom: 1px solid #d9d9d9 !important;
}

.left-light-nav .sub-nav {
    padding: 14px 0 16px !important;
}

.left-light-nav .sub-nav > ul > li {
    margin: 0;
}

.left-light-nav .sub-nav > ul > li > a {
    font-size: 35px !important;
    line-height: 58px !important;
    padding: 0 38px 0 58px !important;
    color: #1f2f40 !important;
    font-weight: 400 !important;
    border: 0 !important;
    background: transparent !important;
}

.left-light-nav .sub-nav > ul > li:hover > a,
.left-light-nav .sub-nav > ul > li.current > a,
.left-light-nav .sub-nav > ul > li.active > a {
    color: #1f2f40 !important;
    font-weight: 400 !important;
    background: transparent !important;
}

.left-light-nav .sub-nav > ul > li > a:before {
    left: 20px !important;
    width: 25px !important;
    height: 25px !important;
    line-height: 25px !important;
    font-size: 25px !important;
}

.left-light-nav .sub-nav > ul > li > ul {
    min-width: 240px !important;
    max-height: 430px !important;
    border-radius: 0 !important;
}

.left-light-nav .sub-nav > ul > li > ul > li > a {
    font-size: 30px !important;
    line-height: 1.7 !important;
}

@media (max-width: 768px) {
    .left-light-nav .sub-nav-title {
        font-size: 22px !important;
        line-height: 54px !important;
    }

    .left-light-nav .sub-nav > ul > li > a {
        font-size: 16px !important;
        line-height: 46px !important;
        padding: 0 34px 0 44px !important;
    }

    .left-light-nav .sub-nav > ul > li > a:before {
        font-size: 18px !important;
        width: 20px !important;
        height: 20px !important;
        line-height: 20px !important;
    }

    .left-light-nav .sub-nav > ul > li > ul > li > a {
        font-size: 14px !important;
    }
}

/* left-light-nav hotfix: fix oversized fonts */
.left-light-nav .sub-nav-title {
    font-size: 20px !important;
    line-height: 64px !important;
}

.left-light-nav .sub-nav > ul > li > a {
    font-size: 18px !important;
    line-height: 46px !important;
    padding: 0 34px 0 52px !important;
}

.left-light-nav .sub-nav > ul > li > a:before {
    width: 22px !important;
    height: 22px !important;
    line-height: 22px !important;
    font-size: 20px !important;
    left: 18px !important;
}

.left-light-nav .sub-nav > ul > li > ul > li > a {
    font-size: 14px !important;
    line-height: 1.6 !important;
}

/* left-light-nav final polish */
.left-light-nav {
    background: #ffffff !important;
    border: 1px solid #e7e7e7 !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .05) !important;
}

.left-light-nav .sub-nav-title {
    background: #ffffff !important;
    color: #1d2b3a !important;
    font-weight: 700 !important;
    font-size: 28px !important;
    line-height: 58px !important;
    padding: 0 18px !important;
    border-bottom: 1px solid #ececec !important;
}

.left-light-nav .sub-nav {
    padding: 8px 0 10px !important;
}

.left-light-nav .sub-nav > ul > li > a {
    color: #2d3a4d !important;
    font-size: 17px !important;
    line-height: 48px !important;
    padding: 0 34px 0 50px !important;
    transition: all .2s ease;
}

.left-light-nav .sub-nav > ul > li > a:before {
    left: 16px !important;
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
    font-size: 18px !important;
}

.left-light-nav .sub-nav > ul > li:hover > a {
    color: #ff6a1f !important;
    background: #fff8f3 !important;
}

.left-light-nav .sub-nav > ul > li.current > a,
.left-light-nav .sub-nav > ul > li.active > a {
    color: #ff5f12 !important;
    font-weight: 600 !important;
    background: #fff5ee !important;
}

.left-light-nav .sub-nav > ul > li > ul {
    border: 1px solid #e8edf3 !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 18px rgba(29, 43, 58, .12) !important;
}

.left-light-nav .sub-nav > ul > li > ul > li > a {
    color: #4a5a6a !important;
    font-size: 14px !important;
    line-height: 36px !important;
    padding: 0 14px !important;
}

.left-light-nav .sub-nav > ul > li > ul > li > a:hover,
.left-light-nav .sub-nav > ul > li > ul > li.current > a {
    color: #0d6fd3 !important;
    background: #f4f9ff !important;
}

/* left-light-nav style match (as screenshot) */
.left-light-nav {
    width: 182px !important;
    background: #f5f5f5 !important;
    border-radius: 14px !important;
    border: 0 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .08) !important;
    overflow: visible !important;
}

.left-light-nav .sub-nav-title {
    background: transparent !important;
    border-bottom: 1px solid #d6d6d6 !important;
    color: #111 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 52px !important;
    padding: 10px 0 6px 12px !important;
    margin: 0 12px 10px 12px !important;
}

.left-light-nav .sub-nav {
    padding: 6px 0 12px !important;
    text-align: left !important;
}

.left-light-nav .sub-nav > ul > li {
    position: relative;
    margin: 0;
    display: block !important;
    text-align: left !important;
}

.left-light-nav .sub-nav > ul {
    text-align: left !important;
}

.left-light-nav .sub-nav > ul > li > a {
    display: flex !important;
    align-items: center !important;
    color: #243447 !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 52px !important;
    padding: 0 24px 0 12px !important;
    background: transparent !important;
}

.left-light-nav .sub-nav > ul > li > a .subnav-icon {
    width: 28px !important;
    height: 28px !important;
    margin-right: 10px !important;
    flex: 0 0 28px !important;
}

.left-light-nav .sub-nav > ul > li > a:before {
    display: none !important;
}

.left-light-nav .sub-nav > ul > li.current > a,
.left-light-nav .sub-nav > ul > li.active > a,
.left-light-nav .sub-nav > ul > li:hover > a {
    color: #ff6a1f !important;
    background: transparent !important;
}

.left-light-nav .sub-nav > ul > li > ul {
    display: none !important;
    position: absolute !important;
    left: calc(100% + 8px) !important;
    top: 8px !important;
    min-width: 200px !important;
    max-height: 280px !important;
    overflow-y: auto !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 10px !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .14) !important;
    padding: 8px 0 !important;
    z-index: 40 !important;
}

.left-light-nav .sub-nav > ul > li.active > ul,
.left-light-nav .sub-nav > ul > li:hover > ul {
    display: block !important;
}

.left-light-nav .sub-nav > ul > li > ul > li > a {
    display: block;
    color: #2b3d52 !important;
    font-size: 14px !important;
    line-height: 36px !important;
    padding: 0 16px !important;
    white-space: nowrap;
}

.left-light-nav .sub-nav > ul > li > ul > li > a:hover,
.left-light-nav .sub-nav > ul > li > ul > li.current > a {
    color: #ff6a1f !important;
    background: #fff7f1 !important;
}

/* copy home banner left menu style */
.left-light-nav {
    width: 260px !important;
    background-color: #fff !important;
    border-radius: 15px !important;
    border: 0 !important;
    box-shadow: none !important;
}

.left-light-nav .sub-nav-title {
    font-size: 16px !important;
    line-height: 1.2 !important;
    border-bottom: 1px solid #ccc !important;
    color: #000 !important;
    font-weight: 400 !important;
    padding: 16px 0 18px 12px !important;
    margin: 0 18px 12px 12px;
}

.left-light-nav .sub-nav > ul > li {
    padding-bottom: 4px !important;
}

.left-light-nav .sub-nav > ul > li > a {
    display: flex !important;
    align-items: center !important;
    font-size: 30px !important;
    line-height: 1.6 !important;
    color: #333 !important;
    padding: 0 24px 0 10px !important;
    background: transparent !important;
}

.left-light-nav .sub-nav > ul > li > a .subnav-icon {
    width: 50px;
    height: 50px;
    margin-right: 14px;
    flex: 0 0 50px;
}

.left-light-nav .sub-nav > ul > li > a:before {
    display: none !important;
}

.left-light-nav .sub-nav > ul > li:hover > a,
.left-light-nav .sub-nav > ul > li.current > a,
.left-light-nav .sub-nav > ul > li.active > a {
    color: rgba(251, 103, 32, 1) !important;
    background: transparent !important;
}

/* left-light-nav font size tune */
.left-light-nav .sub-nav-title {
    font-size: 16px !important;
    line-height: 46px !important;
}

.left-light-nav .sub-nav > ul > li > a {
    font-size: 14px !important;
    line-height: 46px !important;
}

.left-light-nav .sub-nav > ul > li > ul > li > a {
    font-size: 13px !important;
    line-height: 34px !important;
}

/* left-light-nav font up */
.left-light-nav .sub-nav-title {
    font-size: 22px !important;
}

.left-light-nav .sub-nav > ul > li > a {
    font-size: 17px !important;
}

.left-light-nav .sub-nav > ul > li > ul > li > a {
    font-size: 14px !important;
}

/* home qualification service section */
.qual-service {
    padding-top: 34px;
    padding-bottom: 30px;
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
}

.qual-service .qual-title {
    margin-bottom: 24px;
}

.qual-service .qual-title .main {
    display: inline-block;
    padding: 0 66px;
    font-size: 32px;
    line-height: 1.1;
    font-weight: 700;
    color: #2a2a2a;
    position: relative;
}

.qual-service .qual-title .main:before,
.qual-service .qual-title .main:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 120px;
    height: 1px;
    background: #d7d7d7;
}

.qual-service .qual-title .main:before {
    left: -86px;
}

.qual-service .qual-title .main:after {
    right: -86px;
}

.qual-service .qual-title .main span {
    color: #f59a00;
}

.qual-service .qual-title p {
    color: #8f8f8f;
    margin-top: 8px;
    font-size: 13px;
}

.qual-service .qual-left {
    min-height: 318px;
    border-radius: 8px;
    padding: 22px 18px 16px;
    color: #fff;
    background: linear-gradient(145deg, #ffb11e, #f39200);
    box-shadow: 0 6px 20px rgba(245, 146, 0, 0.18);
    position: relative;
    overflow: hidden;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.qual-service .qual-left:before {
    content: "";
    position: absolute;
    left: -46px;
    top: -22px;
    width: 160px;
    height: 160px;
    background: rgba(255, 186, 80, 0.22);
    transform: rotate(45deg);
}

.qual-service .qual-left h4 {
    font-size: 24px;
    line-height: 1.22;
    margin: 0;
    font-weight: 700;
    position: relative;
    z-index: 1;
}

.qual-service .qual-left-top,
.qual-service .qual-left-mid,
.qual-service .qual-left-bottom {
    position: relative;
    z-index: 1;
}

.qual-service .qual-left p {
    margin: 6px 0 0;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 600;
    position: relative;
    z-index: 1;
}

.qual-service .qual-left h5 {
    margin: 0 0 10px;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    position: relative;
    z-index: 1;
}

.qual-service .qual-left .consult-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 88%;
    margin: 0 auto;
    background: #fff;
    color: #f19a0a;
    border-radius: 999px;
    line-height: 40px;
    height: 40px;
    padding: 0 16px;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
    position: relative;
    z-index: 1;
}

.qual-service .qual-left .consult-btn i {
    margin-right: 10px;
    font-size: 16px;
}

.qual-service .qual-left .hotline {
    margin-top: 0;
    font-size: 13px;
    opacity: 0.95;
    position: relative;
    z-index: 1;
}

.qual-service .qual-left .phone {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: 0;
    white-space: nowrap;
    position: relative;
    z-index: 1;
    margin-top: 4px;
}

.qual-service .qual-cards .q-card {
    position: relative;
    border: 1px solid #e9e9e9;
    border-radius: 8px;
    padding: 18px 96px 16px 28px;
    min-height: 130px;
    margin-bottom: 14px;
    background: #fff;
    transition: all 0.2s ease;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.qual-service .qual-cards .q-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
}

.qual-service .qual-cards .q-card.small {
    min-height: 130px;
}

.qual-service .qual-cards .q-card h4 {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
    color: #222222;
}

.qual-service .qual-cards .q-card p {
    margin-top: 6px;
    margin-bottom: 10px;
    color: #6f6f6f;
    font-size: 12px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.qual-service .qual-cards .q-card .more {
    display: inline-block;
    min-width: 108px;
    text-align: center;
    border-radius: 18px;
    line-height: 30px;
    padding: 0 14px;
    background: #f6a21a;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
}

.qual-service .qual-cards .q-card img {
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    width: 52px;
    height: 52px;
}

@media (min-width: 992px) {
    .qual-service {
        --qual-row-h: 152px;
        --qual-gap: 10px;
        --qual-total-h: calc(var(--qual-row-h) * 2 + var(--qual-gap));
    }

    .qual-service {
        max-width: 1120px;
    }

    .qual-service .qual-body {
        display: flex;
        align-items: stretch;
        margin-left: 0;
        margin-right: 0;
        gap: 10px;
    }

    .qual-service .qual-body > .col-md-3,
    .qual-service .qual-body > .col-md-9 {
        float: none;
        display: flex;
        padding-left: 0;
        padding-right: 0;
    }

    .qual-service .qual-body > .col-md-3 {
        width: 250px;
        flex: 0 0 250px;
        max-width: 250px;
    }

    .qual-service .qual-body > .col-md-9 {
        flex: 1 1 auto;
        width: auto;
        max-width: none;
    }

    .qual-service .qual-left {
        height: var(--qual-total-h);
        min-height: 0;
        display: flex;
        flex-direction: column;
    }

    .qual-service .qual-cards {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-template-rows: var(--qual-row-h) var(--qual-row-h);
        grid-template-areas:
            "card1 card1 card1 card2 card2 card2"
            "card3 card3 card4 card4 card5 card5";
        gap: 10px;
        margin: 0;
        height: var(--qual-total-h);
    }

    .qual-service .qual-cards > [class*="col-"] {
        float: none;
        width: auto;
        padding-left: 0;
        padding-right: 0;
    }

    .qual-service .qual-cards > :nth-child(1),
    .qual-service .qual-cards > :nth-child(2) {
        grid-column: span 3;
    }

    .qual-service .qual-cards > :nth-child(3),
    .qual-service .qual-cards > :nth-child(4),
    .qual-service .qual-cards > :nth-child(5) {
        grid-column: span 2;
    }

    .qual-service .qual-cards > :nth-child(1) { grid-area: card1; }
    .qual-service .qual-cards > :nth-child(2) { grid-area: card2; }
    .qual-service .qual-cards > :nth-child(3) { grid-area: card3; }
    .qual-service .qual-cards > :nth-child(4) { grid-area: card4; }
    .qual-service .qual-cards > :nth-child(5) { grid-area: card5; }

    .qual-service .qual-cards .q-card {
        margin-bottom: 0;
        min-height: 0;
        height: 100%;
    }
}

@media (max-width: 992px) {
    .qual-service {
        padding-top: 30px;
        padding-bottom: 24px;
    }

    .qual-service .qual-title .main {
        padding: 0;
        font-size: 26px;
    }

    .qual-service .qual-title .main:before,
    .qual-service .qual-title .main:after {
        display: none;
    }

    .qual-service .qual-left {
        margin-bottom: 14px;
        min-height: auto;
        padding: 20px 18px 18px;
    }

    .qual-service .qual-left h4 {
        font-size: 30px;
    }

    .qual-service .qual-left p {
        font-size: 15px;
    }

    .qual-service .qual-left h5 {
        margin-top: 18px;
        margin-bottom: 12px;
        font-size: 22px;
    }

    .qual-service .qual-left .consult-btn {
        height: 44px;
        line-height: 44px;
        font-size: 16px;
    }

    .qual-service .qual-left .consult-btn i {
        font-size: 18px;
    }

    .qual-service .qual-left .hotline {
        margin-top: 12px;
        font-size: 14px;
    }

    .qual-service .qual-left .phone {
        font-size: 34px;
    }

    .qual-service .qual-cards .q-card {
        min-height: 124px;
        padding: 18px 88px 14px 16px;
    }

    .qual-service .qual-cards .q-card h4 {
        font-size: 22px;
    }

    .qual-service .qual-cards .q-card p {
        font-size: 14px;
        margin-bottom: 12px;
    }

    .qual-service .qual-cards .q-card img {
        right: 16px;
        width: 48px;
        height: 48px;
    }
}

@media (max-width: 767px) {
    .qual-service .qual-title {
        margin-bottom: 18px;
    }

    .qual-service .qual-title .main {
        font-size: 24px;
    }

    .qual-service .qual-title p {
        font-size: 12px;
    }

    .qual-service .qual-left h4 {
        font-size: 26px;
    }

    .qual-service .qual-left p {
        font-size: 16px;
    }

    .qual-service .qual-left h5 {
        font-size: 24px;
    }

    .qual-service .qual-left .consult-btn {
        font-size: 16px;
    }

    .qual-service .qual-left .phone {
        font-size: 24px;
    }
}

/* home process timeline section */
.qual-process {
    padding: 50px 0 70px;
}

.qual-process .process-title strong {
    color: #ff9900;
    font-size: 44px;
    font-weight: 700;
    line-height: 1.2;
}

.qual-process .process-title strong span {
    color: #ff9900;
}

.qual-process .process-title p {
    margin-top: 8px;
    color: #ff9900;
    font-size: 16px;
    font-weight: 500;
}

.qual-process .process-timeline {
    margin-top: 26px;
    position: relative;
}

.qual-process .process-timeline:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 1px;
    margin-left: -0.5px;
    background: #dbdbdb;
}

.qual-process .process-row {
    display: grid;
    grid-template-columns: 1fr 70px 1fr;
    align-items: center;
    min-height: 140px;
}

.qual-process .process-axis {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.qual-process .axis-dot {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid #f4b11f;
    background: #fff;
    box-shadow: 0 0 0 3px #fff;
}

.qual-process .process-step {
    display: flex;
    align-items: center;
    gap: 18px;
}

.qual-process .process-step.left {
    justify-content: flex-end;
    text-align: right;
}

.qual-process .process-step.right {
    justify-content: flex-start;
    text-align: left;
}

.qual-process .step-content h5 {
    margin: 0;
    color: #222;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.35;
}

.qual-process .step-content p {
    margin-top: 8px;
    color: #666;
    font-size: 14px;
    line-height: 1.7;
    max-width: 260px;
}

.qual-process .step-hex {
    width: 74px;
    height: 84px;
    position: relative;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.qual-process .step-hex:before,
.qual-process .step-hex:after {
    content: "";
    position: absolute;
    inset: 0;
    clip-path: polygon(25% 4%, 75% 4%, 96% 50%, 75% 96%, 25% 96%, 4% 50%);
}

.qual-process .step-hex:before {
    background: #f4b11f;
}

.qual-process .step-hex:after {
    inset: 1px;
    background: #fff;
}

.qual-process .step-hex i {
    position: relative;
    z-index: 2;
    color: #f4b11f;
    font-size: 28px;
}

@media (max-width: 992px) {
    .qual-process {
        padding: 34px 0 46px;
    }

    .qual-process .process-title strong {
        font-size: 30px;
    }

    .qual-process .process-row {
        grid-template-columns: 1fr 46px 1fr;
        min-height: 126px;
    }

    .qual-process .step-content h5 {
        font-size: 22px;
    }
}

@media (max-width: 767px) {
    .qual-process .process-title strong {
        font-size: 24px;
    }

    .qual-process .process-title p {
        font-size: 13px;
    }

    .qual-process .process-timeline:before,
    .qual-process .process-axis {
        display: none;
    }

    .qual-process .process-row {
        display: block;
        min-height: 0;
        margin-bottom: 12px;
    }

    .qual-process .process-col.right:empty {
        display: none;
    }

    .qual-process .process-step,
    .qual-process .process-step.left,
    .qual-process .process-step.right {
        justify-content: flex-start;
        text-align: left;
        border: 1px solid #ececec;
        background: #fff;
        border-radius: 8px;
        padding: 12px 12px 12px 10px;
        margin-bottom: 10px;
    }

    .qual-process .step-content h5 {
        font-size: 18px;
    }

    .qual-process .step-content p {
        max-width: none;
        font-size: 13px;
        line-height: 1.6;
    }
}

/* qual-process v2: 7-node timeline */
.qual-process .process-timeline {
    max-width: 1060px;
    margin: 30px auto 0;
}

.qual-process .process-item {
    display: grid;
    grid-template-columns: 1fr 190px 1fr;
    align-items: center;
    min-height: 122px;
    margin: 18px 0;
    position: relative;
}

.qual-process .process-item.left {
    justify-content: initial;
}

.qual-process .process-item.right {
    justify-content: initial;
}

.qual-process .process-item .process-content {
    width: 100%;
}

.qual-process .process-item.left .process-content {
    grid-column: 1;
    text-align: right;
    padding-right: 22px;
}

.qual-process .process-item.right .process-content {
    grid-column: 3;
    text-align: left;
    padding-left: 22px;
}

.qual-process .process-item .process-node {
    grid-column: 2;
    width: 190px;
    height: 104px;
    position: relative;
    flex: 0 0 auto;
}

.qual-process .process-item.right .process-node {
    direction: rtl;
}

.qual-process .process-item .process-node .step-hex {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.qual-process .process-item.left .process-node .step-hex {
    left: 0;
}

.qual-process .process-item.right .process-node .step-hex {
    right: 0;
}

.qual-process .process-item .axis-dot {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #f3b221;
    background: #fff;
    box-shadow: 0 0 0 3px #fff;
}

.qual-process .process-item .axis-dot:after {
    content: "";
    position: absolute;
    left: 4px;
    top: 4px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid #f3b221;
    background: #fff;
}

.qual-process .process-item .step-hex {
    width: 96px;
    height: 83px;
    aspect-ratio: 1.1547 / 1;
}

.qual-process .process-item .step-content h5 {
    font-size: 22px;
    line-height: 1.35;
}

.qual-process .process-item .step-content p {
    font-size: 14px;
    line-height: 1.75;
    color: #425065;
    max-width: 300px;
}

.qual-process .process-item .step-hex i {
    font-size: 32px;
}

@media (max-width: 767px) {
    .qual-process .process-item,
    .qual-process .process-item.left,
    .qual-process .process-item.right {
        display: block;
        margin-bottom: 10px;
    }

    .qual-process .process-item .process-content,
    .qual-process .process-item.left .process-content,
    .qual-process .process-item.right .process-content {
        width: auto;
        padding: 0;
        text-align: left;
    }

    .qual-process .process-item .process-node {
        width: auto;
        height: auto;
        margin-bottom: 8px;
        position: static;
    }

    .qual-process .process-item.right .process-node {
        direction: ltr;
    }

.qual-process .process-item .process-node .step-hex {
        position: static;
        transform: none;
    }

    .qual-process .axis-dot {
        display: none;
    }
}

/* product pages optimization */
.page-product-home .group-title span {
    font-size: 24px;
    color: #1f2f40;
    border-bottom-color: #ff6a00;
}

.page-product-home .section-card .inner {
    border: 1px solid #ececec;
    border-radius: 10px;
    padding: 10px;
    height: 100%;
    transition: box-shadow .2s ease, transform .2s ease;
}

.page-product-home .section-card .inner:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, .08);
    transform: translateY(-2px);
}

.page-product-home .section-card .picbox {
    height: 180px;
    border-radius: 8px;
}

.page-product-home .section-card .title {
    margin: 12px 0 10px;
    font-size: 16px;
    line-height: 1.6;
    height: 52px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.page-product-home .section-card .more {
    min-width: 102px;
    line-height: 34px;
    border-radius: 18px;
    font-size: 14px;
}

.page-product .item {
    margin-bottom: 18px;
}

.page-product .product-grid-card {
    border: 1px solid #ececec;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    height: 100%;
}

.page-product .product-grid-card .thumb {
    display: block;
    height: auto;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.page-product .product-grid-card .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .25s ease;
}

.page-product .product-grid-card:hover .thumb img {
    transform: scale(1.05);
}

.page-product .product-grid-card .title {
    display: block;
    line-height: 1.7;
    min-height: 56px;
    padding: 10px 8px;
}

.page-product .empty-tips {
    padding: 26px 0;
    text-align: center;
    color: #999;
}

.page-product-detail .product-detail-head {
    border-bottom: 1px solid #ececec;
    padding-bottom: 14px;
    margin-bottom: 14px;
}

.page-product-detail .product-detail-head h1 {
    font-size: 26px;
    line-height: 1.35;
    color: #222;
    margin-bottom: 8px;
}

.page-product-detail .product-detail-head .intro {
    color: #666;
    line-height: 1.9;
    margin-bottom: 8px;
}

.page-product-detail .product-detail-head .meta span {
    margin-right: 18px;
}

.page-product-detail .product-content .detail {
    border: 1px solid #ececec;
    border-radius: 10px;
    margin-top: 16px;
    padding: 0 18px 18px;
}

.page-product-detail .product-content .detail .title {
    position: static;
    display: inline-block;
    width: auto;
    background: none;
    color: #2d3a4d;
    font-size: 18px;
    line-height: 1.6;
    border-left: 4px solid #ff6a00;
    padding: 0 0 0 10px;
    margin: 4px 0 0;
}

.page-product-detail .recommend .public-title {
    margin-top: 10px;
    font-size: 20px;
    color: #2d3a4d;
    font-weight: 600;
}

@media (max-width: 768px) {
    .page-product-home .group-title span {
        font-size: 20px;
    }

    .page-product-home .section-card .picbox,
    .page-product .product-grid-card .thumb {
        height: 150px;
    }

    .page-product-detail .product-detail-head h1 {
        font-size: 21px;
    }
}

/* product home: match reference layout */
.page-product-home {
    background: transparent !important;
    padding: 14px 0 22px !important;
}

.page-product-home .container {
    max-width: 1140px;
}

.page-product-home .product-column-sections {
    padding-top: 0;
}

.page-product-home .section-group {
    margin-bottom: 22px;
}

.page-product-home .group-title {
    border-bottom: 1px solid #cfcfcf;
    margin-bottom: 14px;
}

.page-product-home .group-title span {
    display: inline-block;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #ff6a00 !important;
    line-height: 1.2 !important;
    padding: 0 0 8px !important;
    border-bottom: 3px solid #ff6a00 !important;
}

.page-product-home .section-card {
    margin-bottom: 14px;
}

.page-product-home .section-card .inner {
    border: 0;
    background: transparent;
    box-shadow: none;
    padding: 0 10px;
    transform: none;
}

.page-product-home .section-card .inner:hover {
    box-shadow: none;
    transform: none;
}

.page-product-home .section-card .picbox {
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 0;
    background: #fff;
}

.page-product-home .section-card .title {
    margin: 10px 0 8px !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    color: #21314a !important;
    text-align: left !important;
    height: 20px !important;
    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.page-product-home .section-card .more {
    display: block;
    width: 120px !important;
    margin: 0 !important;
    min-width: 0 !important;
    line-height: 38px !important;
    border-radius: 19px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-align: center !important;
    background: #ff6a36 !important;
    color: #fff !important;
}

.page-product-home .section-card .more:hover {
    background: #f45e2b;
    color: #fff;
}

@media (max-width: 1200px) {
    .page-product-home .group-title span {
        font-size: 20px;
    }

    .page-product-home .section-card .title {
        font-size: 14px;
    }

    .page-product-home .section-card .more {
        font-size: 13px;
    }
}

@media (max-width: 768px) {
    .page-product-home {
        padding: 10px 0 12px;
    }

    .page-product-home .group-title span {
        font-size: 20px;
    }

    .page-product-home .section-card .picbox {
        height: 130px;
    }

    .page-product-home .section-card .title {
        font-size: 15px;
        height: auto;
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .page-product-home .section-card .more {
        width: 96px;
        line-height: 30px;
        border-radius: 15px;
        font-size: 14px;
    }
}

/* left menu like reference */
.page-product-home .left-light-nav,
.page-product .left-light-nav,
.page-product-detail .left-light-nav {
    background: transparent;
    border-radius: 0;
    padding: 6px 0 0;
}

.page-product-home .left-light-nav .sub-nav-title,
.page-product .left-light-nav .sub-nav-title,
.page-product-detail .left-light-nav .sub-nav-title {
    background: transparent;
    border-bottom: 1px solid #d8d8d8;
    padding: 0 10px 14px;
    line-height: 1.4;
    font-size: 40px;
    color: #111;
    font-weight: 700;
}

.page-product-home .left-light-nav .sub-nav,
.page-product .left-light-nav .sub-nav,
.page-product-detail .left-light-nav .sub-nav {
    padding: 10px 0 0;
}

.page-product-home .left-light-nav .sub-nav > ul > li > a,
.page-product .left-light-nav .sub-nav > ul > li > a,
.page-product-detail .left-light-nav .sub-nav > ul > li > a {
    position: relative;
    line-height: 48px !important;
    padding: 0 28px 0 42px !important;
    font-size: 16px;
    color: #10223f;
}

.page-product-home .left-light-nav .sub-nav > ul > li > a:before,
.page-product .left-light-nav .sub-nav > ul > li > a:before,
.page-product-detail .left-light-nav .sub-nav > ul > li > a:before {
    content: "\f0f6";
    font-family: FontAwesome;
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: #4f8dfd;
}

.page-product-home .left-light-nav .sub-nav > ul > li:nth-child(2) > a:before,
.page-product .left-light-nav .sub-nav > ul > li:nth-child(2) > a:before,
.page-product-detail .left-light-nav .sub-nav > ul > li:nth-child(2) > a:before { content: "\f157"; color: #ffb14b; }
.page-product-home .left-light-nav .sub-nav > ul > li:nth-child(3) > a:before,
.page-product .left-light-nav .sub-nav > ul > li:nth-child(3) > a:before,
.page-product-detail .left-light-nav .sub-nav > ul > li:nth-child(3) > a:before { content: "\f0b1"; color: #56a0ff; }
.page-product-home .left-light-nav .sub-nav > ul > li:nth-child(4) > a:before,
.page-product .left-light-nav .sub-nav > ul > li:nth-child(4) > a:before,
.page-product-detail .left-light-nav .sub-nav > ul > li:nth-child(4) > a:before { content: "\f1b2"; color: #ff7f7f; }
.page-product-home .left-light-nav .sub-nav > ul > li:nth-child(5) > a:before,
.page-product .left-light-nav .sub-nav > ul > li:nth-child(5) > a:before,
.page-product-detail .left-light-nav .sub-nav > ul > li:nth-child(5) > a:before { content: "\f2c0"; color: #f35b5b; }
.page-product-home .left-light-nav .sub-nav > ul > li:nth-child(6) > a:before,
.page-product .left-light-nav .sub-nav > ul > li:nth-child(6) > a:before,
.page-product-detail .left-light-nav .sub-nav > ul > li:nth-child(6) > a:before { content: "\f292"; color: #af79ff; }

.page-product-home .left-light-nav .sub-nav > ul > li > a:after,
.page-product .left-light-nav .sub-nav > ul > li > a:after,
.page-product-detail .left-light-nav .sub-nav > ul > li > a:after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #9a9a9a;
    font-size: 18px;
}

.page-product-home .left-light-nav .subnav-icon,
.page-product .left-light-nav .subnav-icon,
.page-product-detail .left-light-nav .subnav-icon {
    display: none !important;
}

@media (max-width: 992px) {
    .page-product-home .left-light-nav,
    .page-product .left-light-nav,
    .page-product-detail .left-light-nav {
        margin-bottom: 14px;
    }
}

/* product pages: do not expand third-level popup under left menu */
.page-product-home .left-light-nav .sub-nav > ul > li > ul,
.page-product .left-light-nav .sub-nav > ul > li > ul,
.page-product-detail .left-light-nav .sub-nav > ul > li > ul {
    display: none !important;
}

.left-light-nav .sub-nav > ul > li > ul,
.left-light-nav .sub-nav > ul > li:hover > ul,
.left-light-nav .sub-nav > ul > li.active > ul,
.left-light-nav .sub-nav > ul > li.current > ul {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* current second-level cards on product list page */
.page-product .product-current-section {
    margin-bottom: 10px;
}

.page-product .product-current-section .group-title {
    border-bottom: 1px solid #cfcfcf;
    margin-bottom: 14px;
}

.page-product .product-current-section .group-title span {
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    color: #ff6a00;
    line-height: 1.2;
    padding: 0 0 8px;
    border-bottom: 3px solid #ff6a00;
}

.page-product .product-current-section .section-card {
    margin-bottom: 14px;
}

.page-product .product-current-section .section-card .inner {
    border: 0;
    background: transparent;
    box-shadow: none;
    padding: 0 10px;
}

.page-product .product-current-section .section-card .picbox {
    display: block;
    height: auto;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #fff;
}

.page-product .product-current-section .section-card .picbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page-product .product-current-section .section-card .title {
    margin: 10px 0 8px;
    font-size: 14px;
    line-height: 1.4;
    color: #21314a;
    text-align: left;
    height: 20px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.page-product .product-current-section .section-card .more {
    display: block;
    width: 120px;
    line-height: 38px;
    border-radius: 19px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    background: #ff6a36;
    color: #fff;
}

.page-product .product-current-section .section-card .more:hover {
    background: #f45e2b;
    color: #fff;
}

.page-product.has-current-cards .pagination,
.page-product.has-current-cards .pagination-box {
    display: none !important;
}

/* force square thumbnails on product cards */
.page-product-home .section-card .picbox,
.page-product .product-grid-card .thumb,
.page-product .product-current-section .section-card .picbox {
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
}

/* show full submenu without scrollbar */
.left-light-nav .sub-nav > ul > li > ul {
    max-height: none !important;
    overflow: visible !important;
    overflow-y: visible !important;
}

/* force show generated qualification second-level menu on hover */
.left-light-nav .sub-nav > ul > li > ul.qualification-product-menu {
    display: none !important;
    position: absolute !important;
    left: calc(100% + 8px) !important;
    top: 8px !important;
    min-width: 260px !important;
    max-height: 420px !important;
    overflow-y: auto !important;
    background: #fff !important;
    border-radius: 10px !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .14) !important;
    z-index: 60 !important;
}
.left-light-nav .sub-nav > ul > li:hover > ul.qualification-product-menu,
.left-light-nav .sub-nav > ul > li.active > ul.qualification-product-menu {
    display: block !important;
}

/* hide any injected inline arrow nodes in left menu, keep only the final right-side arrow style */
.left-light-nav .sub-nav .arrow {
    display: none !important;
}
.left-light-nav .sub-nav > ul > li > a {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* force single right arrow on left menu */
.left-light-nav .sub-nav > ul > li > a:after {
    content: none !important;
}
.left-light-nav .sub-nav > ul > li.has-children > a:after {
    content: none !important;
}
.left-light-nav .sub-nav > ul > li > a .menu-label:before,
.left-light-nav .sub-nav > ul > li > a .menu-label:after {
    content: none !important;
    display: none !important;
}
.left-light-nav .sub-nav > ul > li > a .single-arrow {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #9aa3ad !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    pointer-events: none !important;
}

/* left menu always above page layers, and show full second-level menu without scroll */
.page-product-home .left-light-nav,
.page-product .left-light-nav,
.page-product-detail .left-light-nav {
    position: relative !important;
    z-index: 99999 !important;
    overflow: visible !important;
}

.page-product-home .left-light-nav .sub-nav,
.page-product .left-light-nav .sub-nav,
.page-product-detail .left-light-nav .sub-nav,
.page-product-home .left-light-nav .sub-nav > ul,
.page-product .left-light-nav .sub-nav > ul,
.page-product-detail .left-light-nav .sub-nav > ul,
.page-product-home .left-light-nav .sub-nav > ul > li,
.page-product .left-light-nav .sub-nav > ul > li,
.page-product-detail .left-light-nav .sub-nav > ul > li {
    overflow: visible !important;
}

.page-product-home .left-light-nav .sub-nav > ul > li > ul,
.page-product .left-light-nav .sub-nav > ul > li > ul,
.page-product-detail .left-light-nav .sub-nav > ul > li > ul,
.page-product-home .left-light-nav .sub-nav > ul > li > ul.qualification-product-menu,
.page-product .left-light-nav .sub-nav > ul > li > ul.qualification-product-menu,
.page-product-detail .left-light-nav .sub-nav > ul > li > ul.qualification-product-menu {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    overflow-y: visible !important;
    z-index: 100000 !important;
}



/* final override: product left menu two-level behavior */
.page-product .left-light-nav,
.page-product-home .left-light-nav,
.page-product-detail .left-light-nav {
    position: relative !important;
    z-index: 100000 !important;
    overflow: visible !important;
}

.page-product .left-light-nav .sub-nav,
.page-product-home .left-light-nav .sub-nav,
.page-product-detail .left-light-nav .sub-nav,
.page-product .left-light-nav .sub-nav > ul,
.page-product-home .left-light-nav .sub-nav > ul,
.page-product-detail .left-light-nav .sub-nav > ul,
.page-product .left-light-nav .sub-nav > ul > li,
.page-product-home .left-light-nav .sub-nav > ul > li,
.page-product-detail .left-light-nav .sub-nav > ul > li {
    overflow: visible !important;
}

.page-product .left-light-nav .sub-nav .arrow,
.page-product-home .left-light-nav .sub-nav .arrow,
.page-product-detail .left-light-nav .sub-nav .arrow {
    display: none !important;
}

.page-product .left-light-nav .sub-nav > ul > li > a:after,
.page-product-home .left-light-nav .sub-nav > ul > li > a:after,
.page-product-detail .left-light-nav .sub-nav > ul > li > a:after,
.page-product .left-light-nav .sub-nav > ul > li > a .menu-label:before,
.page-product-home .left-light-nav .sub-nav > ul > li > a .menu-label:before,
.page-product-detail .left-light-nav .sub-nav > ul > li > a .menu-label:before,
.page-product .left-light-nav .sub-nav > ul > li > a .menu-label:after,
.page-product-home .left-light-nav .sub-nav > ul > li > a .menu-label:after,
.page-product-detail .left-light-nav .sub-nav > ul > li > a .menu-label:after {
    content: none !important;
}

.page-product .left-light-nav .sub-nav > ul > li > a,
.page-product-home .left-light-nav .sub-nav > ul > li > a,
.page-product-detail .left-light-nav .sub-nav > ul > li > a {
    position: relative !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.page-product .left-light-nav .sub-nav > ul > li > a .single-arrow,
.page-product-home .left-light-nav .sub-nav > ul > li > a .single-arrow,
.page-product-detail .left-light-nav .sub-nav > ul > li > a .single-arrow {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #9aa3ad !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    pointer-events: none !important;
}

.page-product .left-light-nav .sub-nav > ul > li > ul.qualification-product-menu,
.page-product-home .left-light-nav .sub-nav > ul > li > ul.qualification-product-menu,
.page-product-detail .left-light-nav .sub-nav > ul > li > ul.qualification-product-menu {
    display: none !important;
    position: absolute !important;
    left: calc(100% + 8px) !important;
    top: 0 !important;
    min-width: 260px !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    overflow-y: visible !important;
    background: #fff !important;
    border-radius: 10px !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .14) !important;
    z-index: 100001 !important;
}

.page-product .left-light-nav .sub-nav > ul > li:hover > ul.qualification-product-menu,
.page-product-home .left-light-nav .sub-nav > ul > li:hover > ul.qualification-product-menu,
.page-product-detail .left-light-nav .sub-nav > ul > li:hover > ul.qualification-product-menu,
.page-product .left-light-nav .sub-nav > ul > li.active > ul.qualification-product-menu,
.page-product-home .left-light-nav .sub-nav > ul > li.active > ul.qualification-product-menu,
.page-product-detail .left-light-nav .sub-nav > ul > li.active > ul.qualification-product-menu {
    display: block !important;
}

/* ensure left menu popup is never clipped */
.page-product .sub-nav-box,
.page-product-home .sub-nav-box,
.page-product-detail .sub-nav-box,
.page-product .left-light-nav .sub-nav-box,
.page-product-home .left-light-nav .sub-nav-box,
.page-product-detail .left-light-nav .sub-nav-box {
    overflow: visible !important;
    position: relative !important;
    z-index: 100000 !important;
}

/* final hard fix: keep exactly one right arrow in left menu */
.page-product .left-light-nav .sub-nav > ul > li > a .single-arrow,
.page-product-home .left-light-nav .sub-nav > ul > li > a .single-arrow,
.page-product-detail .left-light-nav .sub-nav > ul > li > a .single-arrow,
.page-product .left-light-nav .sub-nav .arrow,
.page-product-home .left-light-nav .sub-nav .arrow,
.page-product-detail .left-light-nav .sub-nav .arrow,
.page-product .left-light-nav .sub-nav > ul > li > a .menu-label:before,
.page-product-home .left-light-nav .sub-nav > ul > li > a .menu-label:before,
.page-product-detail .left-light-nav .sub-nav > ul > li > a .menu-label:before,
.page-product .left-light-nav .sub-nav > ul > li > a .menu-label:after,
.page-product-home .left-light-nav .sub-nav > ul > li > a .menu-label:after,
.page-product-detail .left-light-nav .sub-nav > ul > li > a .menu-label:after {
    display: none !important;
    content: none !important;
}

.page-product .left-light-nav .sub-nav > ul > li > a:after,
.page-product-home .left-light-nav .sub-nav > ul > li > a:after,
.page-product-detail .left-light-nav .sub-nav > ul > li > a:after {
    content: none !important;
}

/* final override by request: remove :after arrow, keep single-arrow right aligned */
.page-product .left-light-nav .sub-nav > ul > li > a:after,
.page-product-home .left-light-nav .sub-nav > ul > li > a:after,
.page-product-detail .left-light-nav .sub-nav > ul > li > a:after,
.page-product .left-light-nav .sub-nav > ul > li.has-children > a:after,
.page-product-home .left-light-nav .sub-nav > ul > li.has-children > a:after,
.page-product-detail .left-light-nav .sub-nav > ul > li.has-children > a:after {
    content: none !important;
    display: none !important;
}

.page-product .left-light-nav .sub-nav > ul > li > a .single-arrow,
.page-product-home .left-light-nav .sub-nav > ul > li > a .single-arrow,
.page-product-detail .left-light-nav .sub-nav > ul > li > a .single-arrow {
    display: block !important;
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: auto !important;
    color: #9aa3ad !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    pointer-events: none !important;
}

/* final stable rules for rewritten left menu (.clean-qual-nav) */
.page-product .left-light-nav,
.page-product-home .left-light-nav,
.page-productIndex .left-light-nav,
.page-product-detail .left-light-nav,
.page-product .sub-nav-box,
.page-product-home .sub-nav-box,
.page-productIndex .sub-nav-box,
.page-product-detail .sub-nav-box,
.page-product .row,
.page-product-home .row,
.page-productIndex .row,
.page-product .col-md-3,
.page-product-home .col-md-3,
.page-productIndex .col-md-3,
.page-product .col-md-9,
.page-product-home .col-md-9,
.page-productIndex .col-md-9 {
    overflow: visible !important;
}

.page-product .left-light-nav,
.page-product-home .left-light-nav,
.page-productIndex .left-light-nav,
.page-product-detail .left-light-nav {
    position: relative !important;
    z-index: 999999 !important;
}

.page-product .left-light-nav .sub-nav > ul.clean-qual-nav > li,
.page-product-home .left-light-nav .sub-nav > ul.clean-qual-nav > li,
.page-productIndex .left-light-nav .sub-nav > ul.clean-qual-nav > li,
.page-product-detail .left-light-nav .sub-nav > ul.clean-qual-nav > li {
    position: relative !important;
    overflow: visible !important;
}

.page-product .left-light-nav .sub-nav > ul.clean-qual-nav > li > a,
.page-product-home .left-light-nav .sub-nav > ul.clean-qual-nav > li > a,
.page-productIndex .left-light-nav .sub-nav > ul.clean-qual-nav > li > a,
.page-product-detail .left-light-nav .sub-nav > ul.clean-qual-nav > li > a {
    position: relative !important;
    padding-right: 26px !important;
}

.page-product .left-light-nav .sub-nav > ul.clean-qual-nav > li > a:after,
.page-product-home .left-light-nav .sub-nav > ul.clean-qual-nav > li > a:after,
.page-productIndex .left-light-nav .sub-nav > ul.clean-qual-nav > li > a:after,
.page-product-detail .left-light-nav .sub-nav > ul.clean-qual-nav > li > a:after,
.page-product .left-light-nav .sub-nav > ul.clean-qual-nav > li > a .menu-label:before,
.page-product-home .left-light-nav .sub-nav > ul.clean-qual-nav > li > a .menu-label:before,
.page-productIndex .left-light-nav .sub-nav > ul.clean-qual-nav > li > a .menu-label:before,
.page-product-detail .left-light-nav .sub-nav > ul.clean-qual-nav > li > a .menu-label:before,
.page-product .left-light-nav .sub-nav > ul.clean-qual-nav > li > a .menu-label:after,
.page-product-home .left-light-nav .sub-nav > ul.clean-qual-nav > li > a .menu-label:after,
.page-productIndex .left-light-nav .sub-nav > ul.clean-qual-nav > li > a .menu-label:after,
.page-product-detail .left-light-nav .sub-nav > ul.clean-qual-nav > li > a .menu-label:after,
.page-product .left-light-nav .sub-nav > ul.clean-qual-nav .arrow,
.page-product-home .left-light-nav .sub-nav > ul.clean-qual-nav .arrow,
.page-productIndex .left-light-nav .sub-nav > ul.clean-qual-nav .arrow,
.page-product-detail .left-light-nav .sub-nav > ul.clean-qual-nav .arrow {
    display: none !important;
    content: none !important;
}

.page-product .left-light-nav .sub-nav > ul.clean-qual-nav > li > a .single-arrow,
.page-product-home .left-light-nav .sub-nav > ul.clean-qual-nav > li > a .single-arrow,
.page-productIndex .left-light-nav .sub-nav > ul.clean-qual-nav > li > a .single-arrow,
.page-product-detail .left-light-nav .sub-nav > ul.clean-qual-nav > li > a .single-arrow {
    display: block !important;
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #9aa3ad !important;
    line-height: 1 !important;
    pointer-events: none !important;
}

.page-product .left-light-nav .sub-nav > ul.clean-qual-nav > li > ul.qualification-product-menu,
.page-product-home .left-light-nav .sub-nav > ul.clean-qual-nav > li > ul.qualification-product-menu,
.page-productIndex .left-light-nav .sub-nav > ul.clean-qual-nav > li > ul.qualification-product-menu,
.page-product-detail .left-light-nav .sub-nav > ul.clean-qual-nav > li > ul.qualification-product-menu {
    display: none !important;
    position: absolute !important;
    left: calc(100% + 8px) !important;
    top: 0 !important;
    min-width: 280px !important;
    max-height: none !important;
    overflow: visible !important;
    overflow-y: visible !important;
    background: #fff !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 20px rgba(0,0,0,.16) !important;
    z-index: 1000000 !important;
}

.page-product .left-light-nav .sub-nav > ul.clean-qual-nav > li:hover > ul.qualification-product-menu,
.page-product-home .left-light-nav .sub-nav > ul.clean-qual-nav > li:hover > ul.qualification-product-menu,
.page-productIndex .left-light-nav .sub-nav > ul.clean-qual-nav > li:hover > ul.qualification-product-menu,
.page-product-detail .left-light-nav .sub-nav > ul.clean-qual-nav > li:hover > ul.qualification-product-menu,
.page-product .left-light-nav .sub-nav > ul.clean-qual-nav > li.active > ul.qualification-product-menu,
.page-product-home .left-light-nav .sub-nav > ul.clean-qual-nav > li.active > ul.qualification-product-menu,
.page-productIndex .left-light-nav .sub-nav > ul.clean-qual-nav > li.active > ul.qualification-product-menu,
.page-product-detail .left-light-nav .sub-nav > ul.clean-qual-nav > li.active > ul.qualification-product-menu {
    display: block !important;
}

/* absolute final: one arrow only for rewritten left menu */
#subNav > ul.clean-qual-nav > li > a:after,
#subNav > ul.clean-qual-nav > li.has-children > a:after,
#subNav > ul.clean-qual-nav > li > a .menu-label:before,
#subNav > ul.clean-qual-nav > li > a .menu-label:after,
#subNav > ul.clean-qual-nav .arrow {
    content: none !important;
    display: none !important;
}

#subNav > ul > li > a:after,
#subNav > ul > li.has-children > a:after,
.left-light-nav .sub-nav > ul > li > a:after,
.left-light-nav .sub-nav > ul > li.has-children > a:after {
    content: none !important;
    display: none !important;
}

#subNav > ul.clean-qual-nav > li > a {
    position: relative !important;
    display: block !important;
    padding-right: 26px !important;
}

#subNav > ul.clean-qual-nav > li > a .single-arrow {
    display: none !important;
    content: none !important;
}