@charset "utf-8";
/*body,html{font-family:"Roboto","Helvetica Neue",Helvetica,Arial;width:100%;height:100%}*/

body,html{font-family: sans-serif, Arial; sans-serif;width:100%;height:100%;font-weight: 500;}
body{background-color: #fff;color: #111;}
.bg-hisign{background-color: #FF6800;}
.text-hisign{color: #ee560c!important;}
.text-666{color: #666;}
.btn-hisign{background-color: #FF6800;color: #000000;}
.btn-hisign:hover{background-color: #ee560c;color: #000000;}
a{color: #000;}
a:hover{text-decoration: none;}
ul{list-style: none;}

.select2 .select2-selection--single{height: 100%;}
.select2 .select2-selection--single .select2-selection__rendered {line-height: 36px;}
.select2 .select2-selection--single .select2-selection__arrow{height: 36px;}
.select2 .select2-selection,.select2-dropdown,.select2-search__field{border-color: var(--tblr-border-color)!important;}
.select2-results{box-shadow: 0 0.5rem 1rem rgba(var(--tblr-body-color-rgb),.15)!important;}
.input-group>.select2{flex: 1 1 auto;}
.input-group>.select2 .select2-selection{border-color: var(--tblr-border-color)!important;}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) + .select2 .select2-selection{border-top-left-radius: 0;border-bottom-left-radius: 0;}
.input-group>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) + .select2 .select2-selection{border-top-right-radius: 0!important;border-bottom-right-radius: 0!important;}
.codegroup .form-control.is-valid, .was-validated .codegroup .form-control:valid,.codegroup .form-control.is-invalid, .was-validated .codegroup .form-control:invalid,.datepicker.is-valid,.was-validated .datepicker:valid,.datepicker.is-invalid,.was-validated .datepicker:invalid{padding-right: .75rem;background-image:none;}
.was-validated .form-select:invalid + .select2,.was-validated .form-select:valid + .select2{z-index: 4;}
.was-validated .form-select:invalid + .select2 .select2-selection{border-color: var(--tblr-danger)!important;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d63939' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");background-repeat: no-repeat;padding-right: 2rem;background-position: right 0.75rem center,center right 2.25rem;background-size: 18px 18px;}
.was-validated .form-select:valid + .select2 .select2-selection{border-color: var(--tblr-success)!important;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");background-repeat: no-repeat;padding-right: 2rem;background-position: right 0.75rem center,center right 2.25rem;background-size: 18px 18px;}
.select2-container--default .select2-selection--single .select2-selection__clear{height: 36px;}
.select2-container .disabled,.opt-label.disabled,.related-unavailable {opacity: .5;position: relative;}
.select2-container .select2-selection.form-select-lg{padding-top: .25rem;padding-bottom: .25rem;padding-left: .5rem;border-radius: 8px;}
.select2 .select2-selection--single.form-select-lg .select2-selection__arrow{top:5px;}
.section{width:100%;height:auto;float:left;}
.shiro{display:none}
#carouselpro .carousel-indicators{position: static;}
#carouselpro .carousel-indicators li{width: 80px;height: 80px;text-indent: 0;box-sizing: border-box;position: relative;}
#carouselpro .carousel-indicators li img{width: 80px;height: 80px;}
#carouselpro .carousel-indicators li.cvideo:before{font-family: var(--fa-style-family,"Font Awesome 6 Free");content: "\f144";font-weight: 400;font-size: 36px; position: absolute;top: 50%;left: 50%;z-index: 1;margin-top: -18px;margin-left: -18px;color: #fff;text-shadow: #333 2px 2px;}
#carouselpro .carousel-indicators li.active img{border-color: var(--tblr-dark);}
.covervideo{position: relative;display: inline-block;}
.covervideo:hover:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .3);}
.covervideo:after{font-family: var(--fa-style-family,"Font Awesome 6 Free");content: "\f144";font-weight: 400;font-size: 60px;position: absolute;top: 50%;left: 50%;z-index: 1;margin-top: -45px;margin-left: -30px;color: #fff;text-shadow: #333 2px 2px;}
.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:1rem;text-align:center}
.empty-header{margin:0 0 1rem;font-size:4rem;font-weight:var(--tblr-font-weight-light);line-height:1;color:var(--tblr-muted)}
.empty-title{font-size:1.25rem;line-height:1.75rem;font-weight:var(--tblr-font-weight-bold)}
.header{background-color: transparent;padding:0px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.header .navbar-nav .nav-link{color: #000000;font-size: 15px;font-weight: 600;padding-top: 15px;padding-bottom: 15px;}
.header .navbar-nav .hvr-underline-from-left{overflow:initial;}
.header .navbar-nav .dropdown-menu{min-width: auto;width: auto;display: block;top:100%;max-height: 0px;height:0px;visibility: hidden;overflow: hidden;padding: 0;width: 100%;position: absolute;background: #fff;left: 0;border-radius: 0;position: absolute;padding: 2rem 7% 4rem;}
/*transition: all 0.3s ease-out;*/
.header .navbar-nav .nav-item:hover .dropdown-menu,.header .navbar-nav .nav-item a:hover+.dropdown-menu{display: block;visibility: visible;max-height: 100vh;height: auto;}
.header .navbar-nav .nav-item .dropdown-menu .dropdown-item{min-width: 8rem;font-size: .9rem;padding: 0; margin-top: 15px;font-size: 18px;font-weight: 900;color: #000;}
.header .navbar-nav .nav-item .dropdown-menu2 .dropdown-item{white-space: normal;}
/*.header .navbar-nav .nav-item .dropdown-menu .dropdown-item:focus, .header .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover{background-color: var(--tblr-indigo);color: #fff;}*/
.header-contact-information .icon{width: 35px;height: 35px;}
.header-social_media span{width: 42px;height: 42px;background: #ffebe2;display: flex;justify-content: center;align-items: center;border-radius: 50%;}
.header-social_media span svg{color: #ee560c;}
.header-social_media a{margin-right: 10px;}
.header-pop a{padding: .8rem 1.6rem;}
.header-contact-information p{margin-bottom: 0}
.header .line{width: 2px;height: 10px;background: #c2c2c245;margin: 0 6px;}
.header .col-md-12.bg-white{padding-top: 12px;padding-bottom: 12px;}
.header .navbar-nav .nav-item .dropdown-menu a:hover{color:#ee560c;text-decoration: underline;text-decoration-color: #ee560c;}
.header .navbar-nav .dropdown-menu.width-auto{width: auto;padding: 0;border: 0;}
.header .navbar-nav .nav-item .dropdown-menu.width-auto .dropdown-item {margin-top: 0;padding: 0.55rem 0.75rem;}
.header .navbar-nav .nav-item .dropdown-menu.width-auto .dropdown-item:hover {background: #ee560c;color: #fff;}
.dropdown-item:hover{background-color: transparent;}
.banner{margin-top: 120px;}
.banner .text-box .text-title h2{text-transform: uppercase;line-height: 1.2;}
.banner .text-box .text-title h1{text-transform: uppercase;line-height: 1.2;}
.carousel-indicators [data-bs-target] {width: 20px;height: 20px;border-radius: 50%;margin: 0 10px;}

/*.navbar-nav .nav-item{position: relative;}*/
.navbar-nav .nav-item .icon{width: 26px;height: 26px;}
.navbar .navbar-nav .nav-link::before{content: ' ';position: absolute;top: 50%;transform: translateY(-50%);right: 0;background-color: #ffffff1c;height: 20px;width: 1px;}
.navbar .navbar-nav .nav-link:hover {color: #fff;}
.navbar .navbar-nav .nav-item:last-child .nav-link::before{display: none;}
.index-num .col-4 span{font-weight: 900;padding-right: 12px;}
.index-num .col-4 span::before{content: '+';position: absolute;right: -6px;bottom: 1px;font-size: 30px;}
.index-num .col-4 p{font-size: 15px;font-weight: 600;margin-bottom: 0;}
.index-video .video-block__text{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 90%;}
.index-video h2{font-size: 50px;}
.index-brand-identity{background-color: #010c1e;}
.index-questions .accordion-button{background: #f6f7fa;font-size: 16px;font-weight: 900;padding: 1.2rem 1.8rem;}
.index-questions .accordion-item{border-bottom: 0;margin-bottom: 10px;}
.index-saying .swiper-button-next,.index-saying .swiper-button-prev{width: calc(var(--swiper-navigation-size) / 45 * 50);}
.index-saying {background: #f7f7f7;}
.index-saying .swiper-button-next{right: var(--swiper-navigation-sides-offset, -75px);}
.index-saying .swiper-button-prev{left: var(--swiper-navigation-sides-offset, -75px);}
.index-saying .bg-box{background: #fff;padding: 3.3rem 1rem;border-radius: 15px;}
.index-saying .bg-box:hover{border: 2px solid #ee560c;}
.index-news .card-time{color: #666;}
.index-video .video-block img{margin: 0 auto;width: 70%;transition: width .8s ease;}
.header .navbar-nav .nav-link:hover{opacity: .7;}
#popForm{background-color: #fff;}
#popForm .popform{box-shadow: 1px 1px 9px 5px #33333312;padding: 2rem;border-radius: 10px;margin-top: 20px;}
#popForm .form-floating>.form-control{border-radius: 0;}
#popForm .modal-dialog {max-width: 60%;}
#popForm  .form-floating>label {color: #000;}
.popForm .btn-close {color: #666;border: 1px solid #666;width: 2rem;height: 2rem;top: 15px;right: 15px;}
.headline{font-weight: 900;}
.subheading{font-size: 1rem;}
.fw-900{font-weight: 900;}
.play-btn svg{ width: 50px;height: 50px;opacity: .5;}
.font-18{font-size: 18px;}
.lh-xl{line-height: 2;}
.text-333{color: #333;}
.video-lazy {position: relative;}
.index-digital-signage .card-link a{padding: .6rem 1.2rem;}
.text-ellipsis{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.index-project .text-block{top: 50%;left: 50%;transform: translate(-50%,-50%);}
.page-banner{margin-top: 120px;}
.solutions_cases h3{font-size: 35px;line-height: 1.2;}
.solution-flow .circle{width: 15px;height: 15px;border-radius: 50%;border: 2px solid #ee560c;}
.solution-flow .line{border-top: 2px solid #ee560c;width: 100%;}
.solution-flow .container-fluid{background: #fefaf7;}
.mobile-solution-flow .circle{width: 15px;height: 15px;border-radius: 50%;border: 2px solid #ee560c;}
.mobile-solution-flow .line{height: 40px;width: 2px;display: block;background: #ee560c;margin: 0 auto;}
.mobile-solution-flow{background-color: #fefaf7;}
.formFile{height: 100%;padding: 1rem 1rem;background: #efefef;border-radius: 3px;}
#formFileLg{top: 0;left: 0;opacity: 0;}
.formFile-contect{color: #666;font-size: 16px;font-weight: 700;}
.solutions-from label{color: #666;font-weight: 700;}
.solutions-from button{padding: .75rem 2.5rem;}
.banner-image-text .text-block{top: 50%;left: 50%;transform: translate(-50%, -50%);}
.materials-technologies h3{font-size: 38px;}
.page-nav li{position: relative;}
.page-nav li:hover a{color: #ee560c;font-weight: 900;}
.page-nav li:hover::before{content: ' ';position: absolute;background: #ee560c;height: 3px;width: 90px;bottom: 0;left: 50%;transform: translateX(-50%);}
.btn-dark {--tblr-btn-border-color: #111111;--tblr-btn-hover-border-color: #111111;--tblr-btn-active-border-color: #111111;--tblr-btn-color: var(--tblr-dark-fg);--tblr-btn-bg: #111111;--tblr-btn-hover-color: var(--tblr-dark-fg);--tblr-btn-hover-bg: #111111;--tblr-btn-active-color: var(--tblr-dark-fg);--tblr-btn-active-bg: #111111;--tblr-btn-disabled-bg: #111111;}
.support-download .btn{padding: .8rem 1.8rem;font-weight: 400;}
.support-download h3{font-size: 22px;}
.breadcrumb-item{list-style: none;}
.breadcrumb-item::marker {display: none;}
.breadcrumb-item::before {display: none;}
.list-product .subheading{padding-left: 16%;padding-right: 16%;}
.oem-process .dot{width: 8px;height: 8px;border-radius: 50%;background: #222;}
.oem-process .line{width: 1px;height: 100%;background: #6666665e;margin: 0 auto;}
.dot-line{height: 100%;}
.oem-process .col-md-2{display: flex;justify-content: center;height: 120px;}

/*动画*/
.fade-section {opacity: 0;transition: opacity 1.5s ease;}
.fade-section.visible {opacity: 1;}
.zoom-img {transition: transform 0.5s ease;}
.zoom-img:hover{transform: scale(1.05); }
/*.animated-text {opacity: 0;transform: translateY(40px);transition: all 1s ease;}
.animated-text.visible {opacity: 1;transform: translateY(0);}*/
.footer-social_media span {width: 42px;height: 42px;background: #5a5a5a;display: flex;justify-content: center; align-items: center;border-radius: 50%;}
.footer-social_media span svg{color: #fff;}
.footer-social_media a { margin-right: 15px;}
.footer-social_media a span:hover{background-color: #ee560c;}
.footer p,.footer a{color: #A1A1A1;}
.footer-submit p{color: #c0c0c0;}
.footer .input-group input{background: #fff;border: 0;padding: 1rem 1.2rem;border-radius: 0;border: 1px solid #3b3b3b;}
.footer .input-group .btn{background: #ee560c;border: 1px solid #ee560c;border-radius: 0;margin-left: 5px!important;}
.footer dl dd:hover a{text-decoration: underline;}
.footer{background-color: #121212;}
.back-to-top_block{position: fixed;bottom: 10%;right: 3%;background: #ee560c;padding: .8rem 1.2rem;border-radius: 5px;z-index: 999;display: none;}
.bg-f6f7fa{background: #f6f7fa;}
.bg-f7f7f7{background: #f7f7f7;}
.fw-700{font-weight: 700;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.index-product-delivery .card img{height: 46px;}
.about-assurance .card img{height: 45px;}
.support-partnerships .text-block{bottom: 15%;left: 10%;}
.support-partnerships .image-block:hover{background-color: #afadad;}
.image-block img{mix-blend-mode: multiply;}
.distributor-for .text-block{top: 13%;}
.distributor-for .card:hover{background-color: #afadad;}
.distributor-benefits h3{font-weight: 700;}
.distributor-guide .text-block{top: 50%;transform: translateY(-50%);left: 10%;}
.oem-us p{margin-bottom: 1.2rem;display: flex;align-items: center;}
.index-cases .select-option{width: 30%;}
.index-cases .btn{padding: 13px 25px;}
.about-haichen .counter{font-size: 42px!important;}
.about-haichen .col-md-3:last-child .num-block::before{display: none;}
.about-culture .bc:first-child .card{background: #f6e2da;}
.about-culture .bc:nth-child(2) .card{background: #f5edea;}
.about-culture .bc:last-child .card{background: #f7f3d8;}
.about-team .col-md-4 .detailed-information{display: none;}
.about-team .col-md-4:hover .detailed-information{display: block;}
.about-history .nav-link.active{font-size: 28px;font-weight: 700;}
.broadside-history-item h2{font-size: 40px;font-weight: 900;margin-right: 35px;}
.btn-black{background: #000;color: #fff;}

.list-product{margin-top: 130px;}
.three-level_product{margin-top: 80px!important;}
.article-product{margin-top: 160px;}
.article-product h1{font-size: 40px;line-height: 1.2;}
.btn-product-block a {padding: .8rem 1.6rem;}
.contact-information .row{background: #f3f3f4;padding: 3rem 2rem;}
.contact-num {display: flex;width: 95px;height: 95px;background: #f6f7fa;font-size: 30px;align-items: center;justify-content: center;
    border-radius: 50%;color: #666;}
.about-history-nav .nav-link{font-size: 18px;color: #111;}
.about-history-nav .nav-link{margin-bottom: 2rem;}
.broadside-history-item{padding-bottom: 2.5rem;margin-bottom: 2rem;border-bottom: 1px solid #66666621;}
.header .col-md-12.bg-white, .header .navbar-nav .nav-link{transition: padding 0.2s ease;}
.accordion-body{line-height: 1.7;}
.page-nav li.active{font-weight: 900;}
.page-nav li.active a{color: #ee560c;}
.page-nav li.active::before{content: ' ';position: absolute;background: #ee560c;height: 3px;width: 90px;bottom: 0;left: 50%;transform: translateX(-50%);}
.list-product-choose .icon-text-block p{display: flex;align-items: center;}
.relevant-cases h2{font-size: 30px;}
.relevant-cases .btn{padding: .8rem 1.5rem;}
.contact-form label{color: #666;font-weight: 500;}
.contact-form .form-check label{color: #333;}
.index-cases .cases-box li.active{background: #ee560c;}
.index-cases .cases-box li.active a{color: #fff;}
.contact-form .form-check-input{color: #fff;}

#thumb-list {display: flex;white-space: nowrap;padding: 0;margin: 0;}
#thumb-list li { flex: 0 0 auto;}
.carousel-nav-wrapper{display: flex;overflow: hidden;}
.solutions_case .btn{font-size: 15px; padding: .8rem 1rem;}
.solutions_case .btn svg{margin-right: 0;}
.solutions-related-products p,.list-product-options p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.list-product .list-box p{font-size: 15px;}
.article-case p{font-size: 18px;line-height: 1.7; margin-top: 1rem;}
.article-case,.article-blog{margin-top: 8rem;}
.article-blog p{font-size: 16px;line-height: 1.7;}
.related-blog h2{font-size: 30px;}
.index .banner .text-box .btn{background: #ee560c;border-radius: 40px;box-shadow: none;color: #fff; font-size: 16px;padding-top: .7rem;padding-bottom: .7rem;}
.big-headline{opacity: 0;transform: translateY(-80px);transition: all 1s ease;}
.big-headline.showUp{opacity: 1;transform: translateY(0);}
.faq .nav .nav-item button{background: #f4f4f4; padding: .8rem 1.6rem;border-radius: 30px;margin-left: 7px;margin-right: 7px;color: #333;font-weight: 700;font-size: 16px;}
.faq .nav .nav-item button.active{background: #ee560c; color: #fff;}
.faq .faq-title span{display: inline-block;background: #ee560c;color: #fff;padding: 4px 10px;font-size: 17px;font-weight: 700;border-radius: 4px;}
.faq .faq-contect span{display: inline-block;background: #000000;color: #fff;padding: 4px 9px;font-size: 17px;font-weight: 700;border-radius: 4px;}
.faq .faq-box{background: #f4f4f4;padding-top: 2.5rem;padding-bottom: 2.5rem;padding-left: 6%;padding-right: 6%;height: 100%;}
.faq .faq-title h3{font-size: 17px;}
.faq .faq-box .faq-btn{position: relative;margin-left: 38px;}
.faq .faq-box .faq-btn::before{content: ' ';position: absolute;width: 60%;bottom: 0;height: 1px;background: #333;}
.faq .faq-box .faq-btn:hover{font-weight: 900;}
.faq .faq-box .faq-btn:hover::before{width: 100%;}
.faq .faq-box p{color: #333;}
.faq .faq-btn{color: #333;}
.faq p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.faq p.expand{ -webkit-line-clamp: unset;overflow: visible;}
.privacy-policy{margin-top: 150px;}
.single-page .section{color: #222;line-height: 1.5;}
.single-page h2,.single-page h3{font-weight: 900;}
.index .banner .btn .icon{width: auto;min-width: auto;height: 21px;margin-right: 0;margin-left: .2rem;}
.index-solution h2{line-height: 1.3!important;}
.banner .carousel-item .video-wrapper{position: relative;z-index: -1;width: 100%;padding-bottom: 41%;height: 0;}
.banner .video-wrapper video {position: absolute;top: 0;left: 0;width: 100%; height: 100%;object-fit: cover;}
.faq .tab-content .faq-box:hover{border: 1px solid #ee560c;}
.certificates-border{border: 6px #fd9b6b solid;height: 100%; padding: 1rem;display: flex;align-items: center;}
.banner .carousel-item{position: relative;}
/*.banner .carousel-item::before{content: ' ';position: absolute;width: 100%;height: 100%;background-color: #000;opacity: .6;z-index: 0;}*/
.index-business{background: #f4f4f4;}
.index-business{font-size: 15px;}
.index-business .text-card{padding: 1rem  8% 3rem;}
.index-business .icon-text{font-size: 14px;}
.index-partners h2{line-height: 1.4!important;}
.index-partners .text-iamge-card{background: #fff;padding: 2rem 10%; position: relative;}
.index-partners .text-iamge-card:hover{background: #f76b05; color: #fff;}
.index-partners .subheading{padding-left: 9%;padding-right: 9%;}
.index-partners .text-iamge-card:hover a{color: #fff;}
.index-partners .text-iamge-card:hover .image span{display: none;}
.index-partners .text-iamge-card:hover a svg{color: #fff;}
.index-partners .text-iamge-card:hover .hover-icon{display: block;}
.index-partners .image .hover-icon{display: none;position: absolute; right: 0; top: 0;}
.index-partners .image span{color: #ee560c;font-style: oblique;}
.index-num .col-4:last-child span::before {display: none;}
.index-popup .modal-dialog{top: 50%;transform: translateY(-50%)!important;}
.index-popup .modal-body {padding: 1.5rem 10% 3rem; --tblr-modal-border-radius: 15px;}
.index-popup .num{font-size: 58px;font-weight: 900;color: #ee560c;}
.text-1414{color: #141414;}
.index-brand-identity{background-image: url(/web/allimg/page/bg-brand-identity.webp);background-repeat: no-repeat;background-size: cover;}
.service-process{background: #f6f8fa;}
.about-manufacturer{background-image: url(/web/allimg/page/bg-about-manufacturer.webp);background-repeat: no-repeat;background-size: cover;}
.about-manufacturer span{font-size: 50px; font-weight: 900;}
.step-card { background: #fff;border-radius: 1rem;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);padding: 0rem 1.5rem 3.5rem; position: relative;transition: all 0.3s;display: flex;flex-direction: column;justify-content: center;align-items: center;overflow: hidden; width: 90%;height: 100%;}
.step-number { position: absolute;bottom: -8%;left: 50%;transform: translateX(-50%);font-size: 80px;font-weight: 900;color: #595959;line-height: 1;}
.service-process .arrow {font-size: 3rem;color: #ccc;align-self: center; width: 10%;margin-left: 3%;}
.service-process .step-title{text-align: center;font-weight: 900;}
.step-card:hover .step-number{color: #ee560c;}
.search-box {width: 40%;position: absolute;right: 8%;bottom: -60px; z-index: 100;padding: 15px 25px;background: #fff;display: none;box-shadow: 0px 0px 35px -20px rgb(0 0 0 / 0.5);}
.search-box input {border: none;background: none;padding: 2px 5px;font-size: 14px;color: #333;height: 25px;outline: none;width: 80%;}
.search-box button {border: none;background: none;padding: 2px;padding-right: 10px;height: 25px;outline: none;}
.search-box .input-group {border-bottom: 1px solid #eee;}
.section.search{margin-top: 130px;}
.header-search {margin-right: 3%;}
.product-details-btn{position: relative;}
.product-details-btn::before{content: ' ';position: absolute;width: 60%;bottom: 0;height: 1px;background: #333;}
.product-details-btn:hover{font-weight: 900;}
.product-details-btn:hover::before{width: 100%;}
.article-experience .col-md-7 p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.article-experience .col-md-7 p.expand{ -webkit-line-clamp: unset;overflow: visible;}
.article-experience .container-fluid.px-md-6{ padding-right: 3%;padding-left: 3%;}
.brand-box{border: 1px #ddd solid;overflow: hidden;}
.brand-box img{ transition: all .5s ease-in-out;}
.brand-box img:hover{transform: scale(1.2);}
.cooperative-brand .nav-link{border: 1px solid #ddd;border-radius: 0;padding-left: 1rem;padding-right: 1rem;margin-right: .4rem;text-transform: capitalize;}
.cooperative-brand .nav-pills .nav-link.active{background-color: #ee560c;border: 1px solid #ee560c; color: #fff;}
.article-blogs .article-blog  ul{list-style: disc;line-height: 1.7;}
.article-blogs .article-blog img{margin-bottom: 1.5rem;}
.article-blogs .article-blog h1,.article-blogs .article-blog h2,.article-blogs .article-blog h3,.article-blogs .article-blog h4,.article-blogs .article-blog h5,.article-blogs .article-blog h6{font-weight: 900;}
.index-news .col-md-4{margin-bottom: 1.5rem;}
.mySwiper3 {padding: 0 20%; }
.mySwiper3 img {width: 100%;}
/*.mobile-menu-btn{background: #e9e9e9;width: 34px;height: 34px; display: flex;justify-content: center;align-items: center;border-radius: 50%;}*/
.index-saying .evaluate-box .icon{--tblr-icon-size: 2.5rem;}
.banner .text-icon.py-md-4 {padding-top: 1rem !important; padding-bottom: 0rem !important;}
.banner .carousel-caption {left: 8%;}
.banner .text-title p{font-size: 18px;}
.index-cases .cases-box .cases-item{background: #e2e2e2;padding: .8rem 1.6rem;border-radius: 30px;margin-left: 7px;margin-right: 7px;color: #333;font-weight: 700;font-size: 16px;}
.index-cases .cases-box .cases-item:hover{background: #ee560c;}
.index-cases .cases-box .cases-item:hover a{color: #fff;}
.banner .text-box h1,.banner .text-box h2{font-family: sans-serif, Arial;font-optical-sizing: auto;font-weight: 500;font-style: normal;}
.banner .banner-title,.banner .text-box p,.banner .text-btn {visibility:hidden;transform: translateY(-30px);transition: all 0.8s cubic-bezier(0.25, 0.8, 0.4, 1);}
.banner .visible {visibility:visible;transform: none!important;}
.index-cases ul{padding-left: 0;}
.index-partners{background-image: url(/web/allimg/index/bg-index-partners.webp);background-repeat: no-repeat;background-size: cover;}
.banner .text-btn .btn { position: relative;overflow: hidden;transition: color 0.25s ease, transform 0.15s ease;border:0;z-index: 2;}
.banner .text-btn .btn::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(90deg, #121212 0%, #121212 100%);transform: scaleX(0);transform-origin: left center;transition: transform 0.45s cubic-bezier(.2,.9,.2,1);z-index: 1;}
.banner .text-btn .btn:hover::before {transform: scaleX(1);}
.banner .text-btn .btn:hover{z-index: 2;}
.banner .text-btn .btn.btn-primary:hover span{z-index: 3;}
.carousel-indicators [data-bs-target]{background-color: #0d6efd;}
.service-process .step-icon img{width: 135px;}
.index-business{background-image: url(/web/allimg/index/bg-index-business.webp);background-repeat: no-repeat;background-size: cover;}
.index-feature {background: #f7f7f7;z-index: -2;}
.index-feature .bg-ball{width: 40%;height: 50%;bottom: 38%;right: 0;z-index: -1;}
.index-feature .solution-block{background: #fffaf7;height: 100%;}
.index-feature h3{margin-bottom: 0;}
.index-num .col-md-12 img{width: 100%;}
.contact-form .formFile-contect .d-block .icon{ --tblr-icon-size: 2.5rem;}
.index-feature .solution-block p{margin-bottom: 0;}
.materials-supplier .supplier-box{border: 1px #ddd solid;}
.header .navbar-nav .nav-link:visited {color: #000000;}
.header .navbar-nav .nav-link:active {color: #000000;}
.header .navbar-nav .nav-link:focus {color: #000000;}
.index-num .video-box {position: relative;width: 100%;padding-top: 56.25%;height: 0;overflow: hidden;}
.index-num .video-box iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.product-nav .nav-top{background: linear-gradient(to bottom, #ee560c, #f8b400);color: #fff; padding: .6rem 1.5rem; font-size: 16px;font-weight: 600;}
.product-nav .nav-top .open .icon{ --tblr-icon-size: 1.8rem;}
.product-nav .son-box { background: #f2f2f2;padding-top: 10px;padding-bottom: 10px;list-style: disc;padding-left: 3rem;text-indent: -0.4em;}
.product-nav .son-box .son-item .son-link{color: #727272;font-weight: 600;line-height: 25px;}
.product-nav .son-box .son-item:hover .son-link{color: #ee560c;}
.product-nav .son-box .son-item:hover::marker{color: #ee560c;}
.product-nav .son-box .son-item::marker{color: #727272;padding-left: 0;}
.product-nav .son-box .son-item.active .son-link{color: #ee560c;text-decoration: underline;}
.product-nav .son-box .son-item.active::marker{color: #ee560c;}

.pagination .active>.page-link, .page-link.active {background-color: #ee560c;border-color: #ee560c;}
.pagination .page-link:hover {background-color: #ee560c;border-color: #ee560c;border:1px solid #000;}
.pagination .page-link:focus {border-color: #ee560c;box-shadow: none;}
.header .col-md-12:first-child .navbar-toggler{display: none;}
.about-history .row{padding-top: 3rem;padding-bottom: 3rem;}
.btn-black{font-size: 18px;padding: .8rem 2rem;text-transform: uppercase;}
.about-history .btn-black .icon{--tblr-icon-size: 2rem;width: 2rem;height: 2rem;}
.about-history .btn-black:hover .icon path{fill: #000;}
.about-history .year-num {font-size: 2.4rem;}
.about-history .col-md-6 p.lh-lg{font-size: 1rem;}
.three-level_product .sidebar-product{border: 1px solid #e1e3e1;padding-top: 1.9rem;padding-bottom: 1.9rem;}
.three-level_product .sidebar-product_title{padding-left: 1.5rem;padding-right: 1.5rem;}
.three-level_product .sidebar-list{padding-left: .5rem;padding-right: .5rem;}
.three-level_product .sidebar-item_top{background: #ee560c;padding: .8rem 1rem;}
.three-level_product .sidebar-son_list{padding-left: 1rem;padding-right: 1rem;margin-top: .5rem;}
.three-level_product .sidebar-son_item{padding-top: .3rem;padding-bottom: .3rem;}
.three-level_product ul{margin-bottom: 0;}
.three-level_product .list-title{line-height: 1.4;}
.three-level_product .sidebar-item{margin-top: .5rem;margin-bottom: .5rem;}
.three-level_product .sidebar-son_item:hover a{text-decoration: underline;text-decoration-color: #ee560c;color: #ee560c;}
.three-level_product .sidebar-item_top a{color: #fff;}
.three-level_product .sidebar-item_top:hover a{color: #222;}
#productList .modal-dialog{height: 100%;margin: 0;}
#productList .modal-content{height: 100%;width: 80%;border-radius: 0;border: 0;}
#productList ul{padding-left: 0;}
#productList a{color: #444;}
#productList .sidebar-item{margin-bottom: .5rem;}
#productList .sidebar-item_top a{font-size: 15px;}
#productList .sidebar-item_top{align-items: center;}
#productList .sidebar-son_list{margin-top: .5rem;margin-bottom: .5rem;}
#productList .sidebar-item .icon{--tblr-icon-size: 1.8rem;}
.search button{border-radius: 0;}
.search input{height: 100%;}
.search input:focus {outline: none; box-shadow: none;}
.search .card{border-radius: 0;}
.search .card .card-img-top{border-radius: 0;}
#productList .sidebar-item{border-bottom: 1px solid #e6e7e9;padding-bottom: .5rem;padding-left: .5rem;}
#productList .modal-body{padding: 1.5rem 1rem;background: #fff;}
#productList .sidebar-item_top a{color: #131313;}
.about-brand-story{background-image: url(/web/allimg/page/bg-about-brand-story.webp);background-repeat: no-repeat;background-size: cover;}
.about-haichen .row{border-top:1px solid  #e6e7e9;padding-top: 1rem;padding-bottom: 2rem;}
.about-haichen .row:first-child{border-top:0;}
.about-haichen .row:last-child{border-bottom:1px solid  #e6e7e9;}
.details-our-history{margin-top: 145px;}
.our-history-cut .swiper-slide .our-history_num{font-size: 18px;position: relative;}
.our-history-cut .swiper-slide{display: flex;align-items: center;}
.our-history-cut .swiper-slide.swiper-slide-thumb-active .our-history_num{font-size: 23px;font-weight: 900;}
.our-history-cut{padding:0 20%;}
.about-team .team-img{position: relative;border-radius: 1rem;z-index: 0;}
.about-team .team-img:hover::before{content: ' ';background: #000;opacity: .4;position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.about-team .team-img:hover img{transform: scale(1.1);transition: transform 0.3s ease;z-index: 0;}
.about-certificates .line{height: 4px;background: #ee560c;flex: auto;}
.about-feature{background-image: url(/web/allimg/page/bg-about-feature.webp);background-repeat: no-repeat;background-size: cover;color: #fff;position: relative;z-index: -1;}
.about-feature h3{font-size: 22px;}
.about-feature .solution-block{position: relative; z-index: 2;padding: 3rem 0;}
.about-feature p{font-size: 16px;}
.about-feature::before{content: ' ';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .5;z-index: 0;}
.solutions-overall .overall-item{border: 2px solid #ee560c; padding: .8rem 1.2rem;display: inline-block;font-weight: 600; margin: .5rem .5rem;}
.solutions-table table {width: 100%;border-collapse: collapse;font-size: 15px;border: 2px solid #444;}
.solutions-table  th, .solutions-table  td {border: 1px solid #666;padding: 10px 12px;text-align: left;}
.solutions-table  th:hover, .solutions-table  td:hover{background: #ee560c;color: #fff;}
.solutions-table th {background: #f2f2f2;font-weight: bold;}
.overall-item:hover{background: #ee560c;color: #fff;}
.solutions_cases ul{ list-style: disc;}
.solutions-table .table-box{overflow: scroll;}
.history-years{background: url(/web/allimg/page/dot.gif) left 35px repeat-x;}
.year-item {background: url(/web/allimg/page/biggerdot.png) center bottom no-repeat;}
.details-our-history p{font-size: 16px;}
.three-level_product .sidebar-son_item.active a{text-decoration: underline;text-decoration-color: #ee560c;color: #ee560c;}
.three-level_product .open svg.rotate {transform: rotate(90deg); transition: transform 0.3s ease;}
.article-product-advantages ul{list-style: disc;font-size: 1rem;line-height: 2;}
.article-product-structure .col-md-6.d-flex.align-items-center{align-items: start!important;}
.article-product-models table {width: 100%;border-collapse: collapse;text-align: center;font-family: Arial, sans-serif;}
.article-product-models table, .article-product-models th, .article-product-models td {border: 1px solid #121212;padding: .8rem;}
.article-product-models th{font-size: 18px;}
.article-product-models td{font-size: 15px;}
.article-product-models .ref-img  img{height: 15rem;}
.article-product-models .article-product-models_table{overflow: scroll;}
.header svg{color: #000000;}
.header .search .btn svg{color: inherit;}
.header .search-box .input-group svg{color: #121212;}
.index-digital-signage span{display: flex;align-items: center;}
.index-digital-signage svg{width: 16px!important;height: 16px!important;}
.index-partners svg{width: 17px;height: 17px;color: #ee560c;}
.index-saying .swiper-button-next svg,.index-saying .swiper-button-prev svg{color: #222;}
.index-saying .symbol svg{color: #666;}
.index-news svg{width: 17px!important;height: 17px!important;}
.footer-submit svg{color: #fff;}
.three-level_product .sidebar-link{font-weight: 700;}
.three-level_product .open svg{color: #fff;}
.details-our-history .swiper svg{color: #222;}
#carousel-saying .quote svg{width: 40px;height: 40px; color: rgba(0, 0, 0, 0.3);}
#carousel-saying .carousel-control-next, #carousel-saying .carousel-control-prev{width: 24px;}
#carousel-saying .carousel-control-prev{left:-10px;}
#carousel-saying .carousel-control-next{right:-10px;}
#carousel-saying .carousel-control-prev-icon,#carousel-saying .carousel-control-next-icon{background:none!important;color: #000;}

.youtube-lazy {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.youtube-lazy img {
  display: block;
  width: 100%;
  height: auto;
}
.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: red;
  text-shadow: 0 0 10px rgba(0,0,0,0.8);
}
.play-button svg{width: 50px;height: 50px;}

.history-header {position: relative;}
.nav-arrow {background: none;border: none;font-size: 28px;cursor: pointer;padding: 0 15px;color: #333;}
.history-years {overflow: hidden;  }
.year-item {position: relative;font-size: 22px;font-weight: 600;cursor: pointer;padding-bottom: 10px;color: #222;opacity: 0.6;flex-shrink: 0;  /* 防止自动压缩 */text-align: center;}
.year-item.active {opacity: 1;}
.years-list{display: flex;gap: 18%;white-space: nowrap;overflow-x: scroll;scrollbar-width: none;/* Firefox 隐藏滚动条 */ -ms-overflow-style: none;/* IE/Edge 隐藏滚动条 */}
.years-list::-webkit-scrollbar {display: none;/* Chrome 隐藏滚动条 */}
.details-our-history p span {font-size: 1.25rem;font-weight: 900;}
.search .form-control {padding: .7rem .75rem;}

@media screen and (min-width: 1000px) and (max-width: 1499px) {
    .about-feature .container-fluid.px-md-5{padding-left: 2% !important; padding-right: 2% !important;}
    .about-feature h3 {font-size: 18px;}
    .about-feature p {font-size: 14px;}
}


@media (min-width: 769px) {
    .px-md-6{padding-right: 8%;padding-left: 8%;}
    .reverse .col-md-6:first-child{order: 2;}
    .reverse .col-md-6:last-child{order: 1;}
    .materials-technologies .reverse .area:first-child{order: 2;}
    .materials-technologies .reverse .area:last-child{order: 1;}
    .solutions_cases .col-md-6.mt-4{margin-top: 0!important;}
    .process-block .row{margin-top: 3rem;}
    .process-block .row:first-child{margin-top: 0;}
    .process-block .row .col-md-6:last-child{padding-left: 3%;}
    .process-block .row.opposite .col-md-6:first-child{order: 2;}
    .process-block .row.opposite .col-md-6:last-child{order: 1;padding-right: 3%;padding-left: 0;}
    .videos{margin-top: 110px;}
    .dropdown-menu2 .dropdown-menu__three{display: none;}
    .header-pop svg{width: 24px;height: 24px;}
}

@media (min-width: 1799px) {
    .header-tel {margin-left: 6rem;}
    .header-contact-information{padding-left: 11rem;}
    .header .navbar-nav .nav-link {padding-left: 27px;padding-right: 27px;}
    .header .navbar-nav .nav-item:first-child .nav-link{padding-left: 0;}
    .banner .text-box .text-title h2{font-size: 55px;}
    .banner .text-box .text-title h1{font-size: 55px;}
    .headline{font-size: 45px;}
    .index-num .col-4 span{font-size: 48px;}
    .big-headline{font-size: 80px;}
    .footer .col-md-5{padding-right: 12%;}
    .index-video h2 {font-size: 55px;}
    .broadside-history-item h2 { margin-right: 5rem;padding-top: 5px;}
    .about-history-nav .nav-link {font-size: 22px;} 
    .index-business .text-card {padding: 1rem 10% 4rem;}
    .index-popup .num {font-size: 80px;}
    .banner .text-title{margin-top: 4rem}
    .step-card {padding: 1.2rem 1.5rem 3.5rem;}
    .index-feature.py-md-5 {padding-top: 5rem !important;padding-bottom: 5rem !important;}
    .about-history .row .col-md-6{padding-right: 10%!important;}
    .about-brand-story .brand-story-block{padding: 3rem 7%;}
}


@media screen and (min-width: 1000px) and (max-width: 1798px){
    .header-tel {margin-left: 3rem;}
    .header-contact-information{padding-left: 5rem;}
    .banner .text-box .text-title h2{font-size: 40px;}
    .banner .text-box .text-title h1{font-size: 40px;}
    .headline{font-size: 35px;}
    .index-num .col-4 span{font-size: 38px;}
    .big-headline{font-size: 50px;}
    .footer .col-md-5{padding-right: 10%;}
    .about-haichen .counter{font-size: 45px!important;}
    .about-culture .card.p-md-5 {padding: 2rem !important;}
    .three-level_product .col-md-2{width: 25%;}
    .three-level_product .col-md-10{width: 75%;}
    .about-brand-story .brand-story-block{padding: 2.5rem 6%;}
}

@media screen and (min-width: 1000px) and (max-width: 1499px){
    .header-tel {margin-left: 3rem;}
    .px-md-6 {padding-right: 5%;padding-left: 5%;}
    .mx-md-5 {margin-right: 1rem !important;margin-left: 1rem !important;}
    .index-news .px-md-5 {padding-right: 1rem !important;padding-left: 1rem !important;}
    .container-fluid.px-md-5,.container.px-md-5{padding-left: 0!important;padding-right: 0!important;}
    .font-18 {font-size: 16px;}
    .mt-md-5 {margin-top: 2rem !important;}
    .pt-md-4{padding-top: 1rem !important;}
    .index-video h2 {font-size: 40px;line-height: 1.3 !important;}
    .index-video iframe{height: 500px;}
    .index-saying .container-fluid.px-md-5 {padding-left: 2rem !important;padding-right: 2rem !important;}
    .index-saying .swiper-button-prev {left: var(--swiper-navigation-sides-offset, -55px);}
    .index-saying .swiper-button-next {right: var(--swiper-navigation-sides-offset, -55px);}
    .step-card {padding: .2rem 0rem 3rem;}
    .process-block{margin-top: 3.5rem!important;}
}

@media screen and (min-width: 769px) and (max-width: 999px){
    .px-md-6 {padding-right: 3%;padding-left: 3%;}
    .header-contact-information{padding-left: 22px;}
    .banner .text-box .text-title h1{font-size: 38px;}
    .headline{font-size: 25px;}
    .header.bg-hisign.py-md-0 {padding-top: 5px !important;padding-bottom: 5px !important;}
    .navbar .navbar-toggler {color: #101010;}
    .header-contact-information .icon {width: 22px;height: 22px;}
    .header-social_media .fab:before {font-size: 19px;}
    .header-social_media span {width: 35px;height: 35px;}
    .header .header-contact-information .fs-3 {font-size: 15px !important;}
    .header-contact-information p{ margin-bottom: 0;font-size: 12px;}
    .header .me-md-3 {margin-right: 10px !important;}
    .header .navbar-brand img{width: 135px;height: auto;}
    .header .px-md-6 {padding-right: 1%;padding-left: 1%;}
    .header-pop .icon{width: 18px;height: 18px;}
    .header .header-pop .fs-3 {font-size: 14px !important;}
    .header-pop a {padding: .5rem 1rem;}
    .header-social_media a {margin-right: 5px;}
    .header .container-fluid{--tblr-gutter-x: 0;--tblr-gutter-y: 0; padding-right: 0; padding-left: 0;margin-right: 0;margin-left: 0;}
    .header .container-fluid .row{margin-right: 0;margin-left: 0;width: 100%;}
    .index-num .col-4 span{font-size: 38px;}
    .big-headline{font-size: 30px;}
    .footer .col-md-5{padding-right: 8%;}
    .about-haichen .counter{font-size: 38px!important;}
    .index-video iframe{height: 400px;}
    .about-history .row .col-md-6{padding-right: 6%!important;}
    .three-level_product .col-md-2{width: 35%;}
    .three-level_product .col-md-10{width: 65%;}
    .three-level_product .col-md-10 .col-md-4 {width: 50%;}
    .about-brand-story .row .col-md-7{width: 90%;}
    .about-brand-story .brand-story-block{padding: 2.5rem 6%;}
}


@media (max-width:768px){
    .banner .text-box .text-title h1{font-size: 25px;}
    .banner .text-box {width: 100%!important;}
    .banner {margin-top: 65px;}
    .headline{font-size: 25px;}
    .big-headline{font-size: 30px;}
    .header-contact-information,.header-social_media{display: none!important;}
    .header .navbar-brand img{width: 100px;height: 31.55px;}
    .navbar .navbar-toggler {color: #101010;}
    .header .container-fluid{--tblr-gutter-x: 0;--tblr-gutter-y: 0; padding-right: 0; padding-left: 0;margin-right: 0;margin-left: 0;}
    .header .container-fluid .row{margin-right: 0;margin-left: 0;width: 100%;}
    .header-pop a{padding: .6rem 1rem;font-size: 14px !important;}
    .header .col-md-12.bg-white{padding-top: 8px;padding-bottom: 8px;}
    .index-solution .px-md-6{padding-right: 5%;padding-left: 5%;}
    .index-saying{background: #f7f7f7;}
    .index-saying .bg-box {padding: 2.5rem .8rem;}
    
    .index-video h2 .video-block__text{width: 100%;}
    .index-video h2 {font-size: 23px;}
    .index-num .col span{font-size: 35px;}
    .index-num .col{flex: 1 0 50%;}
    .index-num .col:last-child{max-width: 50%;}
    .index-num .text-start{text-align: center!important;}
    .play-btn svg {width: 35px;height: 35px;opacity: .5;}
    .index-saying .swiper-button-next,.index-saying .swiper-button-prev{position: static;}
    .index-questions .accordion-button {padding: 1rem 1rem;}
    .index-saying .mobile-box{display: flex !important;justify-content: center;margin-top: 3rem;}
    .section.py-3{padding-top: 3rem !important;padding-bottom: 3rem !important;}
    .index-saying .position-relative{padding-top: 3rem !important;padding-bottom: 3rem !important;}
    .solutions_cases h3 {font-size: 20px;}
    .banner-image-text .text-block {width: 98%;}

    .font-18 {font-size: 1rem;}
    .fs-1{font-size: 18px !important;}
    .distributor-benefits .text-block{margin-top: 12px;}
    .distributor-benefits .d-flex{display: block !important;text-align: center;}
    .oem-us .font-18 {font-size: 14px;}
    .oem-us .row.py-5 {padding-top: 3rem !important;padding-bottom: 3rem !important;}
    .materials-technologies h3 {font-size: 22px;}
    .materials-technologies .fs-3 {font-size: 14px !important;}
    .index-project .text-block {width: 100%;}
    .index-cases .form-select {width: 60%;}

    .footer .footer-brand img {width: 150px;height: 46.65px;}
    .footer-social_media span {width: 38px;height: 38px;}
    .footer-social_media .fab:before {font-size: 18px;}
    .footer .col{flex: 1 0 100%;margin-top: 0}
    .footer .col-md-5{margin-bottom: 1rem;}
    .footer .footer-title{display: flex;justify-content: space-between;border-bottom: 1px solid #c1c1c117;padding: .8rem 0;margin-bottom: 0;}
    .footer .footer-menu{padding-left: 1rem;display: none;}
    .footer-copyright-information{display: block !important;border-top: 0 !important;}
    .footer .row {--tblr-gutter-x: 0;--tblr-gutter-y: 0;margin-right: 0;margin-left: 0;}
    .index-video .video-block__text { width: 90%;}
    .chain-stores_brand .font-18{font-size: 13px;}
    .about-haichen .counter{font-size: 30px!important;}
    .about-haichen .num-block::before{display: none;}
    .list-product .subheading{padding-left: 0%;padding-right: 0%;}
    .navbar .navbar-nav .nav-link::before {display: none;}
    .btn-group.ms-1 {margin-left: .7rem !important;margin-bottom: .5rem;}
    .mobile-menu-btn .close-menu {display: none;}
    .dropdown-menu.hidden {display: none;}
    .nav-item.nav-item2,.nav-item.nav-item3{position: relative;}
    .header .navbar-nav .dropdown-menu{padding: 1rem;}
    .dropdown-menu img{display: none;}
    .dropdown-menu__small-icon{display: none;}
    .dropdown-menu .row{padding-left: 0;padding-right: 0;}
    .header .navbar-nav .dropdown-menu{position: static;}
    .header .navbar-nav .dropdown-menu {padding: 0;}
    p{font-size: 0.75rem;}
    .article-product {margin-top: 40px;}
    .article-product h1 {font-size: 24px;margin-top: .75rem;}
    .formFile {width: 38%;}
    .btn-product-block a {padding: .7rem 1rem;font-size: 14px !important;}
    .btn-product-block.mt-3 {margin-top: 1.5rem !important;}
    .subheading {font-size: .75rem;}
    .solutions-from label {font-size: .75rem;}
    #popForm .modal-dialog {max-width: 100%;}
    .modal .btn-hisign{font-size: 14px !important;}
    .modal .row { margin-right: 0;margin-left: 0;}
    .modal .row>* {padding-right: 0; padding-left: 0;}
    .index-questions .accordion-button {font-size: 14px;line-height: 1.7;}
    .accordion-body {padding: 1rem;font-size: 12px;line-height: 1.7;}
    .chain-stores_signage .btn{padding-top: .75rem !important;padding-bottom: .75rem !important;font-size: 14px !important;border: 0;}
    .chain-stores_signage .btn .icon{width: 15px;height: 15px;margin: 0;margin-left: .1rem !important;}
    .index-num .col p{font-size: 12px;}
    .index-num .col span::before {content: '+';position: absolute;right: 0px;bottom: 0px;font-size: 20px;}
    .list-product-choose .font-18{font-size: 0.75rem;}
    .pagination{margin: 0;margin-top: 0!important;}
    .pagination .page-item{display: block!important;}
    .list-product{margin-top: 35px;}
    .about-culture .bc{flex: 1 0 100%;}
    .about-assurance.py-3{ padding-top: 0rem !important;padding-bottom: 0rem !important;}
    .page-nav .about-nav-block{flex-wrap: wrap;gap: 1%;margin-top: 15px;}
    .page-nav .about-nav-block li{flex: 0 0 49%;text-align: center;margin-bottom: 5px;background: #f4f4f4;border-radius: 3px;}
    .page-nav .col-md-2,.page-nav .col-md-3{padding-top: 14px;padding-bottom: 14px;}
    .page-nav .me-3{margin-right: 0rem !important;}
    .page-nav li::before {display: none;}
    .page-nav .about-nav-block li.active{flex: 49%;border: 1px solid #ee560c;text-align: center;margin-bottom: 5px;background: #ee560c;}
    .page-nav .about-nav-block li.active a{color: #fff;}
    .about-history .d-flex {display: block!important;}
    .broadside-history-item h2 {margin-bottom: 1.5rem;}
    .about-history .nav-item{flex: 33.33%;}
    .about-history .nav{display: flex;flex-direction: row!important;margin-bottom: 1rem;}
    .about-history-nav .nav-link {margin-bottom: 1rem;text-align: center;display: block;border-radius: 30px;border: 1px solid #666;margin-left: 5px;margin-right: 5px;}
    .contact-map iframe{height: 400px;}
    .contact-information .contact-content{display: block!important;}
    .contact-information .row {background: #f3f3f4;padding: 2rem 1rem;}
    .display-6{font-size: 1.5rem;}
    .contact-form h2{margin-top: 20px;}
    .contact-num {width: 50px;height: 50px; font-size: 20px;}
    .oem-process .col-md-2{display: none;}
    .index-product .font-18{font-size: 14px;}
    .index-video iframe{height: 300px;}
    .article-case, .article-blog {margin-top: 6rem;}
    .article-blog .display-5{ font-size: 1.5rem;}
    .article-blog p {font-size: 14px;}
    .support .banner-image-text .fs-3 {font-size: 14px !important;}
    .faq .nav{justify-content: start !important; gap: .5rem;padding: 0 2%;}
    .faq .nav .nav-item{width: 49%;}
    .faq .nav .nav-item button{border-radius: 5px;font-size: 14px;display: block; width: 100%;margin-left: 0;margin-right: 0;padding: 1rem .5rem;}
    .certificates-border {padding: .6rem;}
    .index-num .col-4 span {  font-size: 25px;}
    .index-num .col-4 span::before {right: 0px;font-size: 18px;}
    .service-process .arrow {display: none;}
    .step-card {width: 100%;}
    .banner .carousel-item .video-wrapper {padding-bottom: 100%;}
    .index-num .col-4 p {font-size: 13px;}
    .index-business .icon-text.fs-3 {font-size: 14px !important;}
    .banner .text-box .text-title h2 {font-size: 25px;}
    .index .banner .btn .icon {height: 16px;}
    .index .banner .text-box .btn {padding-left: 1.5rem;padding-right: 1.5rem;font-size: 14px;padding-top: .5rem;
    padding-bottom: .5rem;}
    .mySwiper3 {padding: 0;}
    .about-team .text-block {bottom: -1%;}
    .header .navbar-nav .nav-link {color: #101010;}
    .header .col-md-12.bg-hisign {background-color: #fcfcfc;padding-left: 1rem;padding-right: 1rem;}
    .header .col-md-12:first-child { border-bottom: 1px solid #f1f1f1;}
    .header .navbar-nav .nav-item {border-top: 1px solid #ddd;padding-top: .3rem;padding-bottom: .3rem;}
    .header .navbar-nav .dropdown-menu{background: #fcfcfc;box-shadow: none!important;}
    .header .navbar-nav .nav-item .mobile-menu-btn .icon{width: 13px;height: 13px;}
    .header .dropdown-menu__three{display: none;}
    .header .navbar-nav .nav-item .dropdown-menu.width-auto .dropdown-item {padding: 0.1rem 0.75rem;font-size: 14px !important;color: #7f7f7f;font-weight: 500 !important;}
    .header .dropdown-menu__two{margin-top: 0px!important;}
    .header .navbar-nav .nav-item .dropdown-menu .dropdown-item {margin-top: 0px;font-size: 14px;font-weight: 500;color: #7f7f7f;}
    .index-cases .select-option{width: 65%;}
    .index-cases ul{flex-wrap: wrap;justify-content: start !important;}
    .index-cases .cases-box .cases-item { padding: .8rem 1rem; border-radius: 0; margin-left: 2px;margin-right: 2px;font-weight: 700;font-size: 13px;flex: 48%;margin-top: 4px;text-align: center;}
    .banner .text-title p {font-size: 14px;}
    .banner .text-box .text-title .text-black{color: #fff!important;}
    .banner .text-box p{color: #fff!important;}
    .banner .carousel-item::before{content: ' ';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .5;z-index: 1;}
    .banner .text-box{z-index: 2;}
    .process-block .row h3{margin-top: 1rem;}
    .index-feature .bg-ball{display: none;}
    .index-feature .icon-title.d-flex{display: block!important;}
    .index-feature h3{margin-top: 10px;}
    .videos{margin-top: 65px;}
    .header .navbar-nav .nav-link:visited {color: #101010;}
    .header .col-md-12:last-child .navbar-toggler{display: none;}
    .header .col-md-12:last-child.py-2{padding-top: 0!important;padding-bottom: .8rem!important;}
    .header .col-md-12:first-child .navbar-toggler{display: block;}
    .header .navbar-nav .nav-item:first-child{border-top: none;}
    .three-level_product .col-md-10{margin-top: 2rem;}
    .list-product.three-level_product{margin-top: 0;}
    .section.search {margin-top: 40px;}
    .header .dropdown-menu .col-md-8{padding-left: 0;padding-right: 0;}
    .header .navbar-nav .nav-item:hover .dropdown-menu {padding-bottom: .5rem;}
    .header .btn-group{margin-top: .8rem;}
    .header .btn-group a{color: #101010 !important;}
    .about-brand-story .brand-story-block{padding: 1rem;}
    .btn-black {font-size: 14px;padding: .8rem 1.5rem;}
    .about-history .btn-black .icon { --tblr-icon-size: 1rem;width: 1.2rem;height: 1.2rem;}
    .about-history .year-num {font-size: 1.5rem;}
    .about-history .col-md-6 p.lh-lg{font-size: 14px;}
    .about-history .row {padding-top: 2rem;padding-bottom: 1rem;}
    .about-feature .solution-block {padding: 1rem 0;}
    .chain-stores_solutions .overflow-hidden{margin-top: 1rem;}
    .chain-stores_solutions .card-title{margin-bottom: .5rem;}
    .solutions-overall .overall-item {font-size: 14px !important; margin: .2rem .2rem;}
    .article-product-models .ref-img img {height: auto;}
}


@media screen and (min-width: 1099px) and (max-width: 1336px){
    .navbar .px-md-6 {padding-right: 2%;padding-left: 2%;}
    .header-contact-information {padding-left: 1rem;}
    .header-contact-information .icon {width: 28px;height: 28px;}
    .header-social_media .fab:before {font-size: 20px;}
    .header .navbar-nav .nav-link {font-size: 14px;}
    .banner .text-box .text-title h1 {font-size: 38px;}
    .navbar-brand{width: 140px;}
    .header-pop .icon{width: 18px;height: 18px;}
    .header-tel {margin-left: 1.3rem;}
    .header-pop a {padding: .7rem 1.5rem;}
    .banner{margin-top: 108px;}
    .index-product-delivery .px-md-6{padding-right: 0%;padding-left: 0%;}
    .pe-md-4 {padding-right: 0 !important;}
    .px-md-4 {padding-right: 0rem !important;padding-left: 0rem !important;}
    .btn.px-md-4 {padding-right: 1.5rem !important;padding-left: 1.5rem !important;}
}
@media screen and (min-width: 992px) and (max-width: 1098px){
    .navbar .px-md-6 {padding-right: 1%;padding-left: 1%;}
    .header-contact-information {padding-left: 1rem;}
    .header-contact-information .icon {width: 25px;height: 25px;}
    .header-social_media .fab:before {font-size: 18px;}
    .header .navbar-nav .nav-link {font-size: 12px;}
    .banner .text-box .text-title h2 {font-size: 38px;}
    .banner .text-box .text-title h1 {font-size: 38px;}
    .navbar-brand{width: 140px;}
    .header-pop .icon{width: 18px;height: 18px;}
    .header-tel {margin-left: 1.3rem;}
    .header-pop a {padding: .5rem 1rem;}
    .header-contact-information .fs-3 {font-size: 14px !important;}
    .banner{margin-top: 108px;}
    .navbar-nav.me-auto{ margin-right: 10px !important;}
    .navbar .btn-group a{font-size: 12px;}
    .navbar .btn-hisign{font-size: 14px !important;}
    .index-product-delivery .px-md-6{padding-right: 0%;padding-left: 0%;}
    .pe-md-4 {padding-right: 0 !important;}
    .index-product-delivery .px-md-4 {padding-right: 0rem !important;padding-left: 0rem !important;}
    .headline {font-size: 28px;}
    .index-project .mt-md-4 { margin-top: .75rem !important;}
    .display-6 {font-size: 1.5rem;}
    .fs-1 {font-size: 1.18rem !important;}
    .font-18{font-size: .9375rem;}
}

@media screen and (min-width: 999px) and (max-width: 1200px){
    .px-md-6 {padding-right: 1%;padding-left: 1%;}
    .solutions_cases .mt-md-5 {margin-top: 4rem !important;}
}

@media screen and (min-width: 768px) and (max-width: 998px){
    .px-md-6 {padding-right: 1%; padding-left: 1%;}
    .inner .px-md-5 {padding-right: 2rem !important;padding-left: 2rem !important;}
    .font-18 {font-size: 15px;}
}
@media screen and (min-width: 769px) and (max-width: 1299px){
    .solutions_cases .col-md-6.px-md-5 {padding-right: 3% !important;padding-left: 3% !important;}
    .px-md-5 {padding-right: 1rem !important;padding-left: 1rem !important;}
    .solutions_cases .col-md-6.mt-4{margin-top: 0rem !important;}
    .fs-3{font-size: 14px!important;}
    .solutions_cases .mt-md-4 {margin-top: 1rem !important;}
    .solutions_cases h3 {font-size: 28px;}
}

@media screen and (min-width: 1300px) and (max-width: 1499px){
    .inner .px-md-5 {padding-right: 2rem !important;padding-left: 2rem !important;}
    .inner .mt-md-5 {margin-top: 4rem !important;}
    .article-experience .px-md-4 {padding-right: 1rem !important;padding-left: 1rem !important;}
    .article-experience .mt-md-5 {margin-top: 2rem !important;}
}
@media screen and (min-width: 769px) and (max-width: 1499px){
    .solutions_cases  .pb-md-5 {padding-bottom: 1rem !important;}
    .solutions-from{padding-top: 0!important;}
    .solutions_cases{padding-bottom: 0!important;}
    .article-experience{padding-top: 2rem !important;padding-bottom: 3rem !important;}
    .banner-image-text .text-block {width: 80%;}
}

@media screen and (min-width: 769px) and (max-width: 1799px){
    .index-num .col-md-6.pe-md-5{
        padding-right: 0%;
    }
    .about-history .row .col-md-6{padding-right: 8%!important;}
}

@media screen and (min-width: 769px) and (max-width: 1460px){
    .faq .row.px-md-5{padding-right: 0rem !important; padding-left: 0rem !important;}
    .header-search {margin-right: 1%;}
}

@media screen and (min-width: 769px) and (max-width: 1660px){
    .page-nav .container-fluid.px-md-5{padding-right: 1rem !important;padding-left: 1rem !important;}
    .page-nav .col-md-9 {width: 70%;}
    .page-nav .col-md-3 {width: 30%; }
}

@media screen and (min-width: 990px) and (max-width: 1199px){
    .container-fluid.px-md-5, .container.px-md-5 {
        padding-left: 2% !important;
        padding-right: 2% !important;
    }
}


@media screen and (min-width: 992px) and (max-width: 1299px){
    .about-partners .row.g-md-4{--tblr-gutter-y: 1rem;--tblr-gutter-x: 1rem;}
    .about-assurance .row.mx-md-5{margin-right: 2rem !important;margin-left: 2rem !important;}
    .row.g-md-4{--tblr-gutter-y: 1rem;--tblr-gutter-x: 1rem;}
    .header-tel { margin-left: 1rem;}
    .about-culture .card.p-md-5{padding: 2rem !important;}
    .index-saying .swiper-button-prev {left: var(--swiper-navigation-sides-offset, -30px);}
    .index-saying .swiper-button-next {right: var(--swiper-navigation-sides-offset, -30px);}
}

@media screen and (min-width: 999px) and (max-width: 1020px){
    .header-social_media span { width: 36px;height: 36px;}
}
@media screen and (min-width: 1098px) and (max-width: 1299px){
    .header .navbar-nav .nav-link {font-size: 13px;}
}

@media screen and (min-width: 1336px) and (max-width: 1395px){
    .header .navbar-nav .nav-link {font-size: 14px;}
}

@media screen and (min-width: 1500px) and (max-width: 1520px){
    .px-md-6 {padding-right: 7%;padding-left: 7%;}
}

@media screen and (min-width: 1337px) and (max-width: 1357px){
    .header-tel{margin-left: 2rem;}
}

@media screen and (min-width: 1114px) and (max-width: 1199px){
    .navbar-expand-lg .navbar-nav .nav-link{padding-right: 7px;padding-left: 7px;}
    .navbar .navbar-nav .nav-link::before {display: none;}
}

@media screen and (min-width: 1000px) and (max-width: 1113px){
    .navbar-expand-lg .navbar-nav .nav-link{padding-right: 4px;padding-left: 4px;}
    .navbar .navbar-nav .nav-link::before {display: none;}
}
@media screen and (min-width: 1000px) and (max-width: 1299px){
    .banner .text-box .text-title h2 {font-size: 35px;}
    .banner .text-box .text-title h1 {font-size: 35px;}
    .banner .text-title p {font-size: 15px;}
    .index .banner .text-box .btn {font-size: 14px;}
    .index .banner .btn .icon {height: 14px;}
    .banner .text-icon.py-md-4 {padding-top: .5rem !important;padding-bottom: 0rem !important;}
}

@media screen and (min-width: 1700px) and (max-width: 1799px){
    .navbar-expand-lg .navbar-nav .nav-link {padding-right: 1rem;padding-left: 1rem;}
}
@media screen and (min-width: 1600px) and (max-width: 1699px){
    .navbar-expand-lg .navbar-nav .nav-link {padding-right: .9rem; padding-left: .9rem;}
}

@media screen and (min-width: 1500px) and (max-width: 1599px){
    .navbar-expand-lg .navbar-nav .nav-link {padding-right: .9rem;padding-left: .9rem;}
    .px-md-6 {padding-right: 6%;padding-left: 6%; }
    .header-search {margin-right: 1%;}
}


@media (min-width: 2767px) {
    .navbar .container-fluid{ padding-left: 0;padding-right: 0;}
    .navbar .row{min-width: 100%;--tblr-gutter-x: 0;}
}

@media (min-width: 1920px) {
    .solutions_cases .image-block img{width: 100%;}
    .index-project img{width: 100%;}
    .about-team img{width: 100%;}
    .index-news img{width: 100%;}
    .index-brand-identity img{width: 100%;}
    .index-digital-signage img{width: 100%;}
}


@media screen and (min-width: 1500px) and (max-width: 1660px){
    .product-nav .col-lg-2 {width: 20%!important;}
    .product-nav .col-lg-10 { width: 80%!important;}
}   

@media screen and (min-width: 1400px) and (max-width: 1499px){
    .product-nav .col-lg-2 {width: 23%!important;}
    .product-nav .col-lg-10 { width: 77%!important;}
}  

@media screen and (min-width: 1000px) and (max-width: 1399px){
    .product-nav .col-lg-2 {width: 23%!important;}
    .product-nav .col-lg-10 { width: 77%!important;}
    .product-nav .container-fluid.px-md-5, .container.px-md-5{padding-left: 1% !important; padding-right: 1% !important;}
    .article-product .col-md-6.ps-md-5 { padding-left: 2rem !important;}
    .article-product {margin-top: 150px;}
}   

@media screen and (min-width: 1000px) and (max-width: 1299px){
    .article-product {margin-top: 125px;}
}

@media screen and (min-width: 1800px) and (max-width: 1915px){
    .three-level_product .col-md-2{width: 18%;}
    .three-level_product .col-md-10{width: 82%;}
}

@media screen and (min-width: 1400px) and (max-width: 1599px){
    .about-brand-story .row .col-md-7{width: 70%;}
}
@media screen and (min-width: 1000px) and (max-width: 1399px){
    .about-brand-story .row .col-md-7{width: 80%;}
}
.about-history .row:first-child .col-md-6 {padding-right: 0% !important;}
.about-history .row .col-md-6 p.font-18{padding-top: .3rem;}