﻿/*网站公共样式*/
.info-content{font-size:15px;line-height:2;}
.info-content img{max-width:100%;}
html{ overflow-y:scroll; min-height:101%;}
html{ overflow:-moz-scrollbars-vertical;}
a{color:#333;text-decoration:none;}
.topbar{background:#fff;}
a:hover{color:#a40d0e;}
.text-yellow{color:#e4b86b;}
.text-red{color:#c20000;}
.text-indent{text-indent:2em;}
.bg-gray{background:#f5f5f5;}
.bg-white{background:#fff;}
.dashline{border:1px dashed #ddd;}
.bg-red{background:#c20000;}
.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;}
.background-color-f5f5f5{background:#f5f5f5;}
@media(min-width:992px){.mycol-md-3{width:20%;}
.mycol-md-9{width:80%;}
}
/*遮罩层*/
.mask-bg{position:fixed;width:100%;height:100%;display:none;background-color:rgba(0,0,0,.7);overflow:hidden;z-index:997;top:0;left:0;}
.mask-bg.active{display:block;}
/* pc导航 */
@media (min-width:1000px){
.topbar{height:115px;}
.topbar .logo{padding-top:18px;padding-bottom:10px;display:block;}
.topbar .logo img{max-height:95px;}
.topbar .msg{border-left:1px solid #ccc;padding-left:10px;margin-left:0px;position:relative;top:20px;padding-top:10px;padding-bottom:10px;}
.topbar .msg p:first-child{color:#076aae;}
.navbar{background-color:#02a339;}
.header .nav-toggle{display:none}

.nav>ul>li{float:left;text-align:center;line-height:52px;width:10%;}
.nav>ul>li>ul{position:absolute;}
.nav>ul>li>a{color:#fff;font-size:16px;display: block;}
.nav >ul>li.current >a,.nav >ul>li:hover> a{color:#fff;background-color:#0168b7;}
.nav li:hover> ul{display:block;}
.nav> ul > li > ul li ul::before{display:block;margin:0px auto;text-align: center;position:absolute;top:20px;left:-10px;content: "";width: 0;height: 0;border-bottom:5px solid transparent;border-right:5px solid transparent;border-top: 5px solid transparent;border-left: 5px solid #fff;}
.nav ul li ul li a{display:block;width:100%;text-align:center;color:#fff;font-size:15px;line-height:1.5;padding: 10px 4px;} 
.nav ul li ul li a:hover{text-decoration:none;color:#fff;background:#02a339;}

.nav ul li{position:relative;}      
.nav ul li .arrow{display:none}
.nav ul li ul{background-color:#0168b7;display:none;position:absolute;left:0;z-index:100;width:100%;} /*二级ul样式*/
.nav ul li ul li ul{left:100%;top:0px; display:none;}/*三级以后ul样式*/

}
@media (min-width: 1000px) and (max-width: 1200px){
    .nav>ul>li{width:12.5%;}
    .nav>ul>li>a{width:100%;}
}
/* 移动端导航 */
@media (max-width:1000px){
.topbar{padding: 4px 0;}
.header{width:100%;z-index:999;background:#f0f0f0;}
.header .logo{padding-left:0px;}
.header .logo img{max-height:50px}
.header .nav-toggle{position:absolute;right:0px;top:-6px;font-size:25px;color:#999;min-width:60px;height:60px;line-height:60px;text-align:center;cursor:pointer;z-index:1}
.header .nav-toggle.active{color:#ccc}

.nav{position:fixed;z-index:999;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;background-color:#eeeeee}
.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{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:#5a342b;}
.nav ul li.active > ul{display:block}
.nav ul li.active > .arrow{transform:rotate(90deg)}
.nav>ul>li>a>p{display:none}
.nav ul li.current > a{color:#02a339;}

}
/*底部样式*/
footer{background:#196a29;color:#fff;line-height:2;}
footer .right-box img{width:100px;height:100px;margin-left:20px;}
footer ul li + li.col-md-4{min-height:230px;border-left:1px solid rgba(255,255,255,0.26);}
.rights{border-top:1px solid rgba(255,255,255,0.26);text-align:center;color:#858ea2;}
/*首页>>公用标题*/
.index-comtitle .title{font-size:26px;color:rgb(67,67,67);}
.index-comtitle .line1,.index-comtitle .line2{width:150px;background:#999;height:1px;display:inline-block;margin-right:14px;position:relative;bottom:6px;}
.index-comtitle .line2{margin-left:14px;margin-right:0;}
.index-comtitle .line1::before{content:"";width:40px;height:3px;background:#c20000;position:absolute;right:0;top:-1px;}
.index-comtitle .line2::before{content:"";width:40px;height:3px;background:#c20000;position:absolute;left:0;top:-1px;}
@media(max-width:468px){.index-comtitle .line1,.index-comtitle .line2{display:none;}
}
/* 左侧 */
main .nav-menu li a:hover{background-color: #0168b7;}
/* 左侧 */
.navleft-box{}
.nav-menu{text-align:center;font-size:20px;}
.nav-menu ul{text-align:center;background:#fff;padding-bottom:10px;}
.nav-menu li{margin-top:3px;background:#4BAE4F;}
.nav-menu li a{display:block;font-size:16px;color:#fff;line-height:1.5;padding: 12px 2px;}
.nav-menu li.active{position:relative;background:#3887BE}

.nav-menu li ul{display:none}
.nav-menu li ul li a{padding-left:55px;}
.nav-menu li ul li ul li a{padding-left:85px}

.nav-menu li .arrow{position:absolute;right:0px;top:0px;width:54px;height:54px;line-height:54px; text-align:center;transition-duration:0.1s;cursor:pointer}
.nav-menu li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px}

.nav-menu li.current > a{color:#5a342b;}
.nav-menu li.active > ul{display:block}
.nav-menu li.active > .arrow{transform:rotate(90deg)}


.menu-title{overflow-wrap:break-word;padding:10px 20px;border-color:transparent;border-width:0px;position:relative;
            border-style:solid;background-position:center center;background-repeat:no-repeat;background-color:#4BAE4F;color:#fff;padding-top:20px;}
.menu-title img{position:absolute;right:0;top:0;}
.menu-title .en{text-transform:uppercase;font-size:15px;padding-top:5px;}
.topColumnName{font-size:22px;font-weight:bold;}
.navleft-box .more{background:#c20000;color:#fff;padding:6px 12px;border-radius:4px;}
@media (max-width:1000px){.nav-menu{display:none;}
}
/*产品列表*/
.pc-nic-item li{display:inline-block;width:100px;margin:4px;}
.pc-nic-item li a{display:block;width:100%;background:#c20000;color:#fff;line-height:34px;font-weight:bold;}
.nic-item{background-color:rgb(216,216,216);}
.nic-item ul li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-size:100%;border-top:1px solid #f8f8f8;position:relative;width:24.8%;float:left;height:50px;padding:15px 0;border-left:1px solid #fff;border-right:1px solid #fff;font-size:14px;color:#666666;text-align:center;box-sizing:border-box;margin-right:.2%;background:-moz-linear-gradient(top,#fff 40%,#eaeaea,#e2e2e2,#d8d8d8);background:-webkit-linear-gradient(top,#fff 40%,#eaeaea,#e2e2e2,#d8d8d8);background:-o-linear-gradient(top,#fff 40%,#eaeaea,#e2e2e2,#d8d8d8);}
.productList .item{overflow:hidden;}
.productList .item img{transition:0.3s all ease-in-out;}
.productList .item:hover img{transform:scale(1.08,1.08);}
/*首页>>产品链接*/
.index-productLink img{width:100%;height:376px;transition:transform 0.4s linear;}
.index-productLink .item:hover img{transform:translateY(-20px);}
.index-productLink .item-1:hover img{transform:translateY(20px);}
.index-productLink .item .text-box{position:absolute;top:0;left:0;width:100%;height:100%;}
.index-productLink .text-box .p1{font-size:27px;color:rgb(68,68,68);letter-spacing:0px;}
.index-productLink .text-box .p2 span{display:inline-block;width:46px;height:1px;margin:12px 0 10px 0;background:#e69138;}
.index-productLink .text-box .p3{font-size:14px;color:rgb(102,102,102);line-height:200%;}
@media(min-width:768px){
.productList{margin-left: -10px;margin-right: -10px;}
}
@media(max-width:768px){.index-productLink img{max-height:200px;}
.index-productLink .text-box .p1{font-size:20px;}
}
/*分页>>新闻列表*/
.m-newlist{padding:20px 0 20px 0px;}
.m-newlist li{border-bottom:1px solid #ddd;margin-bottom:20px;position:relative;padding-bottom:20px;}
.m-newlist .date{width:66px;background-color:#e4f2eb;text-align:center;font-family:Arial;padding:10px;height:66px;}
.m-newlist .date span.date1{display:block;line-height:30px;color:#666;font-size:30px;background:#e4f2eb;}
.m-newlist .date span.date2{color:#666;line-height:26px;font-size:12px;}
.m-newlist .con{margin-left:15px;}
.m-newlist .con a.title{display:block;font-size:17px;text-decoration:none;margin:0px 0px 0.3em 0px;overflow:hidden;}
.m-newlist .con a.title:hover{color:#c20000;}
.m-newlist .con div.introduct{color:#999;line-height:1.6;font-size:13px;}
.page-newslist .m-newlist{padding-left:0;padding-right:0;}
.page-newslist .m-newlist .date{left:20px;}
.page-newslist .m-newlist .con{padding-left:120px;margin-right:20px;flex:1;}
@media(min-width:992px) {
.m-newlist li .date{float: left;margin-right:15px;}

}
@media(max-width:992px){
.page-newslist .m-newlist{padding-top:30px;padding-left:10px;padding-right:10px;}
.m-newlist li{padding-bottom:20px;}
.m-newlist li .date{width:70px;float: left;margin-right:10px;}
.page-newslist .m-newlist .date{left:0px;}
.page-newslist .m-newlist .con{margin-left:80px;margin-right:0px;}
}
/*分页>>在线留言*/
.ui-validForm .form-group{margin-bottom:16px;}
.ui-validForm .controls{margin-top:6px;}
.ui-validForm .controls .form-control{width:100%;line-height:34px;border:1px solid #ddd;border-radius:4px 4px;padding-left:6px;}
.ui-validForm .controls .btn{color:#fff;background-image:none;background-color:#fb414c;border-color:transparent;border-radius:4px 4px;width:450px;line-height:34px;}
@media(max-width:768px){.ui-validForm .controls .btn{width:315px;}
}
@media(max-width:468px){.ui-validForm .controls .btn{width:100%;}
}
@media(max-width:768px){
 footer{margin-bottom:50px;}
 footer .addpadd{padding-left: 0;padding-right: 0;}
.footer-fixed{position:fixed;left:0;bottom:0;width:100%;height:50px;color:#fff;background:#000;z-index:99;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.footer-fixed img{height:22px;width:22px;}
.footer-fixed ul{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;}
.footer-fixed ul li a{display:block;height:50px;width:100%;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.footer-fixed ul li p{color:#fff;}
.footer-fixed.active{transform:translateX(260px);z-index:9999;}

.reveal-modal{display:none;}
}





/*专用*/
/*breadcrumb*/
.breadcrumb{border-bottom:2px solid rgb(217, 217, 217);margin-bottom: 20px;}
.bread-right{font-size:20px;color:rgb(75, 174, 79)}
/*左侧导航*/
.navleft-search{padding:15px 10px;background:#4BAE4F;margin-bottom:20px;}
.searchs{width:100%;height:38px;background:#fff;display:flex;justify-content:space-between;}
.searchs input{border:0;flex:1;padding-left:5px;}
.serach-img{width:42px;line-height: 36px;background:#4A86E8;height:100%;}
.serach-img img{width:42px;height:auto;}

.navleft-code{padding:15px 10px;background:#F5F5F5;display:flex;width:100%;border-bottom:1px solid #ececec}
.navleft-code .codes{max-width:86px;}
.codeimg-right{display:flex;flex-direction:column;justify-content:center;padding-left:5px;line-height:1.2;}
.codeimg-right span{text-align:left;color:rgb(102, 102, 102);font-size:14px;}
.navleft-code .phones{max-width:37px;max-height:37px;}
.phoneimg span:first-child{color:rgb(110, 124, 139);font-size:12px;}
.phoneimg strong{color:#FF9900;font-size:20px;}
.phoneimg{line-height:inherit}
/*内页banner*/
.child-banner{width:100%;position:relative;}
.child-banner img{width:100%;}
.child-content{position:absolute;width:100%;height:100%;top:0;left:0;z-index:9;
                display:flex;flex-direction:column;align-items:center;display:flex;justify-content:center;}
.child-content .middle{max-width:745px;display:flex;flex-direction:column;align-items:center;}
.child-content .middle .middle-top{width:100%;background:url(../images/w80_bg.png);padding:10px 40px 20px 40px;text-align:center;display:flex;justify-content:center;align-items:center;}
.child-content .middle .middle-top b{font-size:4rem;color:#076AAE;}
.child-content .middle .middle-mid{position:relative;margin:0 50px;top:-17px;
                background:#02A339;padding:5px 30px;border-radius:20px;}
.child-content .middle .middle-mid span{color:#fff;font-size:1.5rem;letter-spacing:1px;}
.child-content .middle .middle-btn{display:flex;justify-content:center;margin-top:30px;}
.child-content .leftBtn{color:#fff;padding:8px 40px;background:#02A339;border-radius:20px;transition:all .5s;cursor:pointer;margin-right:15px;}
.child-content .leftBtn:hover{background:#166E3E}
.child-content .rightBtn{color:#fff;padding:8px 40px;background:#076AAE;border-radius:20px;transition:all .5s;cursor:pointer;margin-left:15px;}
 .font-size-min p:first-child{color:#0fff00;}
@media (max-width:1200px ){
    .child-content .middle .middle-top{padding:5px 20px 20px 20px;}
    .child-content .middle .middle-top b{font-size:3rem;}
    .child-content .middle .middle-btn{margin-top:15px;}
}
@media (max-width:1000px ){
    .child-content .middle .middle-top{padding:5px;width:80%;}
    .child-content .middle .middle-top b{font-size:1.8rem!important;}
    .middle-mid{top:5px!important;padding:5px!important;}
    .middle-mid span{font-size:1rem!important;}
    .child-content .middle .middle-top b{font-size:2rem;}
    .child-content .middle .middle-btn{margin-top:15px;}
    .leftBtn, .rightBtn{padding:5px 20px!important;}
    .bread-right b{font-size:17px;}
}
@media (max-width:650px ){
    .middle{max-width:80%!important;width:80%;}
    .middle-mid{display:none;}
    .font-size-min p:first-child{font-size:26px;}
    .font-size-min p:nth-child(2){font-size:17px;}
    .font-size-min p:last-child{font-size:16px;}
    .font-lc p:first-child{font-size:30px;}
    .font-why b{font-size:30px;}
}
@media (max-width:500px ){
    .child-content .middle .middle-top{padding:2px;border-radius:20px;}
    .child-content .middle .middle-top b{font-size:1rem!important;}
    .child-content .middle .middle-btn{margin-top:5px;}
    .leftBtn, .rightBtn{padding:2px 8px!important;font-size:10px;}
    .bread-right{display:none;}
    .en-tit{font-size:22px;}
}
/*联系我们*/
.contact{}
.contact-title{color:#076aae}
.contact-border{margin:15px 0;width:29px;background:#166e3e;height:2px;}
.contact-text p,.contact-text div{font-size:15px;margin-bottom:5px;color:#5a5a5a}
/*产品展示列表*/
.product-li .items{border:1px solid #eee;padding:2px;overflow:hidden;background:#fff;}
.product-li .items a{overflow:hidden;transition:all .5s;}
.product-title{text-align:center;margin-bottom:15px;position:relative;z-index:9;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}
.product-li{overflow:hidden;}
.product-li:hover .items{border-color:#076aae;}
.product-li:hover a{transform:scale(1.1)}

/*首页 定制流程*/
/*首页>>经验*/
.index-jingyan{background:url(../images/ord_bg3.jpg) repeat-y;}
.home-dzlc .home-dzlc-img{background:url(../images/index.png) no-repeat;width:110px;height:110px;line-height:110px;display:inline-block;text-align:center;}

/*为什么选择常辉线盘*/
.home-chooseus h3{margin-bottom:15px;}
.home-chooseus-li h3{color:rgb(0, 167, 61);}
.home-chooseus-li1 h3{color:rgb(0, 108, 195);}
@media (min-width:992px) {
    .home-chooseus-li .right{margin-top:80px !important;}
    .home-chooseus-li1 .left{margin-top:80px !important;}
}
@media (min-width:768px){
    .home-chooseus-li .left,
    .home-chooseus-li .right,
    .home-chooseus-li1 .left,
    .home-chooseus-li1 .right{width:50%;}
    .home-chooseus-li .left{float:left;padding-right:36px;}
    .home-chooseus-li .right{float:right;padding-left:36px;margin-top:30px;position:relative;}
    .home-chooseus-li1 .left{float:left;padding-right:36px;margin-top:30px;position:relative;}
    .home-chooseus-li1 .right{float:right;padding-left:36px;}
    .home-chooseus-bg{width:57px;height:57px;line-height:57px;display:inline-block;text-align:center;position:absolute;top:0px;z-index:5;}
    .home-chooseus-bg img{width:28px;height:auto;margin-left:2px;}
    .home-chooseus-bg1{background:url(../images/index1.png) no-repeat;left:0px;margin-left:-31px;}
    .home-chooseus-bg2{background:url(../images/index2.png) no-repeat;right:0px;margin-right:-26px;}
    .home-chooseus-span{background:#cccccc;width:1px;height:100%;position:absolute;left:50%;top:0px;display:block;margin-left:-3px;}
    .home-chooseus-span i{display:block;width:11px;height:11px;background:#ccc;margin-left:-5px;border-radius:5px;}
}

/*首页 公司介绍*/
.home-gsjs{background:url(../images/ord_bg2.jpg) no-repeat top center #f5f5f5;}
.home-gsjs-dh{color:rgb(255,255,0);padding:5px 20px;border:2px solid #fff;display:inline-block;}
.home-gsjs-ul{background:#fff;}
.home-gsjs-ul .col-md-7{display:flex;}
.home-gsjs-ul .left{width:18px;float:left;flex-shrink:0;margin-right:5px;}
.home-gsjs-ul .left span{width:100%;border-top:2px solid #006cc3;display:block;margin-top:16px;}
.home-gsjs-ul .right{float:right;flex-grow: 1;}
.home-gsjs-ul .right h4{color: rgb(0, 167, 61);margin-bottom:20px;}
.home-gsjs-ul .right .home-gsjs-con{font-size:15px;line-height:30px;color:#7a7a7a;margin-bottom:15px;}
.home-gsjs-kslj{margin-bottom:15px;}
.home-gsjs-kslj a{color:white;display:block;text-align:left;background:rgba(0,167,61,1);margin-bottom:10px;display: flex;justify-content: space-between;align-items: center;padding: 4px 0;}
.home-gsjs-kslj a:hover{background-color:rgb(0,108,195);}
.home-gsjs-kslj a i{float:left;width:20px;height:39px;background-size:20px auto;margin-left:15px;margin-right:5px;}
.home-gsjs-ibg1{background:url(../images/icon_ab_01.png) no-repeat left center;}
.home-gsjs-ibg2{background:url(../images/icon_ab_02.png) no-repeat left center;}
.home-gsjs-ibg3{background:url(../images/icon_ab_03.png) no-repeat left center;}
.home-gsjs-ibg4{background:url(../images/icon_ab_04.png) no-repeat left center;}

.home-gsjs-ul .col-md-5{padding:0px;}
@media (min-width:768px) {
    .home-gsjs-kslj{margin:0px -15px;}
}

/*首页公司动态*/
@media (min-width: 768px) and (max-width: 992px){
    .home-news-title {width:25%;float:left;}
    .home-news-con {width:75%;float:right;padding-left:20px;margin-top:0px;}
}

/*首页 产品展示*/
.home-product-zs .navleft-code{background:#fff;}

.card1{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}
.card2{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.card3{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.card6{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
.accountBoxs{background:#f0f0f0;border:1px solid #ddd;padding:6px;margin:10px 0;color:#999;}

.footer-title{border-bottom: 1px solid #7dab86;padding:8px 0px;margin-bottom:10px;display:inline-block;text-align:left;}
.footer-column a{color:white;line-height: 1.2;display: inline-block;padding-bottom: 8px;}
.footer-column a:hover{color:#ccc;}
.line-height-1-2{line-height: 1.2;}

/* CODEX-ACCEPTED-VISUAL-RESTORE-START */
.pics_wrap{
  position:relative!important;
  overflow:hidden!important;
  background:#f2f2f2!important;
}
.pics_wrap .codex-hero-fallback{display:none!important;}
.pics_wrap #html5zoo-1{
  display:block!important;
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  opacity:1!important;
  visibility:visible!important;
  overflow:hidden!important;
}
.pics_wrap #html5zoo-1 .html5zoo-slides{
  display:block!important;
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  padding:0!important;
  margin:0!important;
}
.pics_wrap #html5zoo-1 .html5zoo-slides li{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  opacity:0!important;
  visibility:visible!important;
  list-style:none!important;
  animation:codexAcceptedHeroFade 13.5s infinite!important;
}
.pics_wrap #html5zoo-1 .html5zoo-slides li:first-child{
  position:relative!important;
}
.pics_wrap #html5zoo-1 .html5zoo-slides li:nth-child(1){animation-delay:0s!important;}
.pics_wrap #html5zoo-1 .html5zoo-slides li:nth-child(2){animation-delay:4.5s!important;}
.pics_wrap #html5zoo-1 .html5zoo-slides li:nth-child(3){animation-delay:9s!important;}
.pics_wrap #html5zoo-1 .html5zoo-slides img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:360px!important;
  object-fit:cover!important;
  object-position:center center!important;
  opacity:1!important;
  visibility:visible!important;
}
.pics_wrap .font-box{
  z-index:8!important;
  pointer-events:auto!important;
}
.pics_wrap .html5zoo-timer,
.pics_wrap .html5zoo-watermark,
.pics_wrap .html5zoo-play,
.pics_wrap .html5zoo-prev,
.pics_wrap .html5zoo-next{display:none!important;}
@keyframes codexAcceptedHeroFade{
  0%,30%{opacity:1;}
  36%,100%{opacity:0;}
}
.index-partner #swiperPartner,
.index-partner .swiper-container{
  width:100%!important;
  height:auto!important;
  padding:0!important;
  overflow:visible!important;
}
.index-partner .swiper-wrapper{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:18px!important;
  width:100%!important;
  height:auto!important;
  transform:none!important;
  transition:none!important;
  align-items:stretch!important;
  box-sizing:border-box!important;
}
.index-partner .swiper-slide{
  display:flex!important;
  width:auto!important;
  height:122px!important;
  margin:0!important;
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
  box-sizing:border-box!important;
}
.index-partner .swiper-slide:nth-child(n+7),
.index-partner .swiper-slide-duplicate,
.index-partner .swiper-slide[data-codex-hidden="1"],
.index-partner .swiper-slide[data-codex-hide="1"]{
  display:none!important;
}
.index-partner .swiper-slide .inner{
  width:100%!important;
  height:122px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff!important;
  border:1px solid #e1e8e4!important;
  box-shadow:0 8px 22px rgba(0,0,0,.04)!important;
  box-sizing:border-box!important;
}
.index-partner .swiper-slide img{
  display:block!important;
  max-width:82%!important;
  max-height:82px!important;
  object-fit:contain!important;
  margin:auto!important;
}
.index-partner .swiper-button-next,
.index-partner .swiper-button-prev{display:none!important;}
@media(max-width:991px){
  .pics_wrap #html5zoo-1 .html5zoo-slides img{min-height:360px!important;}
  .index-partner .swiper-wrapper{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:575px){
  .pics_wrap #html5zoo-1 .html5zoo-slides img{min-height:300px!important;}
  .index-partner .swiper-wrapper{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
  .index-partner .swiper-slide,
  .index-partner .swiper-slide .inner{height:100px!important;}
}
/* CODEX-ACCEPTED-VISUAL-RESTORE-END */
/* CODEX-HERO-HEIGHT-FIX-START */
.pics_wrap #html5zoo-1 > div[class^="html5zoo-"],
.pics_wrap #html5zoo-1 > div[class*=" html5zoo-"]{display:none!important;height:0!important;min-height:0!important;overflow:hidden!important}
.pics_wrap #html5zoo-1{height:auto!important;min-height:0!important;overflow:hidden!important}
.pics_wrap #html5zoo-1 .html5zoo-slides{height:auto!important;min-height:0!important}
.pics_wrap .font-box{height:100%!important;top:0!important;bottom:0!important;z-index:8!important}
.pics_wrap .font-box .inner{height:100%!important}
.pics_wrap > .codex-hero-dots{position:absolute!important;left:0!important;right:0!important;bottom:22px!important;z-index:10!important;display:flex!important;justify-content:center!important;gap:15px!important;height:12px!important;overflow:visible!important}
.pics_wrap > .codex-hero-dots .codex-hero-dot{width:10px!important;height:10px!important;border-radius:50%!important;border:2px solid #fff!important;background:#fff!important;opacity:.9!important;padding:0!important;font-size:0!important}
.pics_wrap > .codex-hero-dots .codex-hero-dot.is-active{background:#009f43!important;border-color:#009f43!important}
/* CODEX-HERO-HEIGHT-FIX-END */
/* CODEX-PARTNER-UNIQUE-FIX-START */
.index-partner .swiper-wrapper{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:18px!important;
  width:100%!important;
  height:auto!important;
  transform:none!important;
  transition:none!important;
  align-items:stretch!important;
  box-sizing:border-box!important;
}
.index-partner .swiper-slide.swiper-slide-duplicate{
  display:none!important;
  width:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
.index-partner .swiper-slide:not(.swiper-slide-duplicate){
  display:flex!important;
  width:auto!important;
  height:122px!important;
  margin:0!important;
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
  box-sizing:border-box!important;
}
.index-partner .swiper-slide:not(.swiper-slide-duplicate) .inner{
  width:100%!important;
  height:122px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff!important;
  border:1px solid #e1e8e4!important;
  box-shadow:0 8px 22px rgba(0,0,0,.04)!important;
  box-sizing:border-box!important;
}
.index-partner .swiper-slide:not(.swiper-slide-duplicate) img{
  display:block!important;
  max-width:82%!important;
  max-height:82px!important;
  object-fit:contain!important;
  margin:auto!important;
}
.index-partner .swiper-button-next,
.index-partner .swiper-button-prev{display:none!important;}
@media(max-width:991px){
  .index-partner .swiper-wrapper{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:575px){
  .index-partner .swiper-wrapper{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
  .index-partner .swiper-slide:not(.swiper-slide-duplicate),
  .index-partner .swiper-slide:not(.swiper-slide-duplicate) .inner{height:100px!important;}
}
/* CODEX-PARTNER-UNIQUE-FIX-END */
/* CODEX-HERO-VISIBLE-FIX-START */
.pics_wrap{
  position:relative!important;
  overflow:hidden!important;
  background:#f2f2f2!important;
}
.pics_wrap:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  bottom:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background-image:url('/upload/chxpdg/local/local-hero-production.jpg?v=260707visible01');
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  animation:codexHeroBackgroundCarousel 12s infinite step-end!important;
}
.pics_wrap #html5zoo-1{
  position:relative!important;
  z-index:1!important;
  background:transparent!important;
}
.pics_wrap .font-box{
  z-index:8!important;
}
.pics_wrap > .codex-hero-dots{
  z-index:10!important;
}
@keyframes codexHeroBackgroundCarousel{
  0%,32%{background-image:url('/upload/chxpdg/local/local-hero-production.jpg?v=260707visible01');}
  33%,65%{background-image:url('/upload/chxpdg/local/local-factory-building.jpg?v=260707visible01');}
  66%,100%{background-image:url('/upload/chxpdg/local/local-injection-line.jpg?v=260707visible01');}
}
/* CODEX-HERO-VISIBLE-FIX-END */
/* CODEX-VISUAL-HARMONY-FIX-START */
/* Header hotline: keep phone text inside the white header and away from the green nav. */
.topbar{
  height:112px!important;
  min-height:112px!important;
  overflow:visible!important;
}
.topbar > .container,
.topbar .row{
  height:112px!important;
  min-height:112px!important;
}
.topbar .col-md-3.padding-left-60.float-lg-right{
  height:112px!important;
  min-height:112px!important;
  padding-top:20px!important;
  overflow:visible!important;
}
.topbar .col-md-3.padding-left-60.float-lg-right .float-left:not(.margin-right-12){
  transform:translateY(-18px)!important;
}
.topbar .col-md-3.padding-left-60.float-lg-right .font-weight-600{
  font-size:20px!important;
  line-height:28px!important;
  white-space:nowrap!important;
}
.topbar .col-md-3.padding-left-60.float-lg-right img.float-left{
  width:42px!important;
  height:42px!important;
  object-fit:contain!important;
}

/* Hero: consistent banner proportion and stable image crop. */
.pics_wrap{
  height:clamp(390px,34vw,600px)!important;
  min-height:390px!important;
  max-height:600px!important;
  overflow:hidden!important;
  background:#f2f2f2!important;
}
.pics_wrap:before{
  background-size:cover!important;
  background-position:center center!important;
}
.pics_wrap #html5zoo-1,
.pics_wrap #html5zoo-1 .html5zoo-slides,
.pics_wrap #html5zoo-1 .html5zoo-slides li,
.pics_wrap #html5zoo-1 .html5zoo-slides img{
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
}
.pics_wrap #html5zoo-1 .html5zoo-slides img{
  width:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}
.pics_wrap .font-box{
  height:100%!important;
}

/* Keep important proof and contact images proportional. */
img[src*="/upload/cert/"],
.ch-cert-card img{
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  max-height:620px!important;
  object-fit:contain!important;
  object-position:center center!important;
}
.ch-cert-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
.navleft-code img.codes,
img[src*="/upload/chxpdg/weixin"]{
  width:92px!important;
  height:92px!important;
  object-fit:contain!important;
  object-position:center center!important;
}
.index-partner .swiper-slide:not(.swiper-slide-duplicate) img{
  width:auto!important;
  height:auto!important;
  max-width:82%!important;
  max-height:82px!important;
  object-fit:contain!important;
}

/* Product thumbnails: stable square boxes without distortion. */
.home-product-zs img[src*="/upload/chxpdg/p"]{
  aspect-ratio:1/1!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#fff!important;
}

/* Factory/process pictures: use cover in their existing layout boxes. */
img[src*="advx_"],
img[src*="home_about_"],
img[src*="local-production"],
img[src*="local-injection"],
img[src*="local-factory"]{
  object-fit:cover!important;
  object-position:center center!important;
}

@media(max-width:991px){
  .topbar{height:auto!important;min-height:0!important;}
  .pics_wrap{height:420px!important;min-height:360px!important;max-height:420px!important;}
}
@media(max-width:575px){
  .pics_wrap{height:320px!important;min-height:300px!important;max-height:340px!important;}
  .pics_wrap .font-box .font1{font-size:22px!important;line-height:1.25!important;}
}
/* CODEX-VISUAL-HARMONY-FIX-END */
/* CODEX-TOPBAR-FOREIGN-FIX-START */
.topbar .col-md-3[class*="float-lg-right"]{
  height:112px!important;
  min-height:112px!important;
  padding-top:20px!important;
  overflow:visible!important;
}
.topbar .col-md-3[class*="float-lg-right"] .float-left:not(.margin-right-12){
  transform:translateY(-18px)!important;
}
.topbar .col-md-3[class*="float-lg-right"] .font-weight-600{
  font-size:20px!important;
  line-height:28px!important;
  white-space:nowrap!important;
}
.topbar .col-md-3[class*="float-lg-right"] img.float-left{
  width:42px!important;
  height:42px!important;
  object-fit:contain!important;
}
/* CODEX-TOPBAR-FOREIGN-FIX-END */

/* CODEX-HOTLINE-EMAIL-FIX-START */
@media (min-width:1000px){
  .topbar .col-md-3[class*="float-lg-right"]{height:115px!important;min-height:115px!important;padding-top:0!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;overflow:visible!important;}
  .topbar .col-md-3[class*="float-lg-right"] img.float-left{width:42px!important;height:42px!important;padding-top:0!important;margin-top:0!important;flex:0 0 auto!important;}
  .topbar .col-md-3[class*="float-lg-right"] .float-left:not(.margin-right-12){transform:none!important;line-height:1.35!important;max-width:205px!important;padding-top:0!important;}
  .topbar .col-md-3[class*="float-lg-right"] .float-left:not(.margin-right-12)>div:first-child{font-size:13px!important;line-height:18px!important;white-space:nowrap!important;color:#555!important;}
  .topbar .col-md-3[class*="float-lg-right"] .font-weight-600{display:block!important;font-size:20px!important;line-height:24px!important;white-space:nowrap!important;margin-top:1px!important;}
  .topbar .col-md-3[class*="float-lg-right"] .font-weight-600::after{content:"Email: 916117821@qq.com";display:block;font-size:13px;line-height:18px;font-weight:400;color:#555;margin-top:2px;white-space:nowrap;}
}
@media (max-width:999px){.topbar .col-md-3[class*="float-lg-right"] .font-weight-600::after{content:"";display:none;}}
/* CODEX-HOTLINE-EMAIL-FIX-END */
/* CODEX-QR-FIX-START */
.navleft-code{align-items:center!important;gap:12px!important;}
.navleft-code img.codes{width:150px!important;height:150px!important;max-width:none!important;object-fit:contain!important;object-position:center center!important;background:#fff!important;padding:4px!important;border:1px solid #ececec!important;border-radius:4px!important;}
.codeimg-right{display:flex!important;flex-direction:column!important;justify-content:center!important;row-gap:4px!important;padding-left:0!important;}
.codeimg-right span{text-align:left!important;font-size:15px!important;line-height:1.55!important;word-break:break-word!important;}
footer img[src*="/upload/chxpdg/weixin"],.foot img[src*="/upload/chxpdg/weixin"],.footer img[src*="/upload/chxpdg/weixin"]{width:160px!important;height:160px!important;max-width:none!important;object-fit:contain!important;object-position:center center!important;background:#fff!important;padding:4px!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:4px!important;}
@media (max-width:767px){
  .navleft-code img.codes{width:130px!important;height:130px!important;}
  footer img[src*="/upload/chxpdg/weixin"],.foot img[src*="/upload/chxpdg/weixin"],.footer img[src*="/upload/chxpdg/weixin"]{width:130px!important;height:130px!important;}
}
/* CODEX-QR-FIX-END */

