@charset "utf-8";
/*body,html{font-family:"Roboto","Helvetica Neue",Helvetica,Arial;width:100%;height:100%}*/
body,html{font-family:"Manrope", sans-serif;width:100%;height:100%;font-weight: 500;}
body{background-color: #fff;color: #111;}
.bg-hisign{background-color: #ee560c;}
.text-hisign{color: #ee560c!important;}
.text-666{color: #666;}
.btn-hisign{background-color: #ee560c;color: #fff;}
.btn-hisign:hover{background-color: #ee560c;color: #fff;}
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: #fff;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%;}
/*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-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 .fab{color: #ee560c;}
.header-social_media .fab:before{font-size: 22px;}
.header-social_media a{margin-right: 10px;}
.header-pop a{padding: .8rem 1.6rem;}
.header-contact-information p{margin-bottom: 0}
.header .line{width: 3px;height: 15px;background: #c2c2c2;margin: 0 8px;}
.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: 150px;}
.banner .text-box .text-title h1{font-weight: 900;text-transform: uppercase;line-height: 1.2;}
.carousel-indicators [data-bs-target] {width: 10px;height: 10px;border-radius: 50%;}

/*.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-solution .px-md-6{padding-right: 28%;padding-left: 28%;}
.index-num .col span{font-weight: 900;padding-right: 12px;}
.index-num .col span::before{content: '+';position: absolute;right: -6px;bottom: 1px;font-size: 30px;}
.index-num .col p{font-size: 15px;font-weight: 600;margin-top: 10px;}
.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-latest-projects{background-color: #f6f7fa;}
.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  .position-relative{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: #65656578;}
.popForm .btn-close {color: #666;border: 1px solid #666;width: 2rem;height: 2rem;top: 15px;right: 15px;}
.headline{font-weight: 900;}

.subheading{font-size: 15px;}
.fw-900{font-weight: 900;}
.play-btn svg{ width: 50px;height: 50px;opacity: .5;}
.color-111{color: #111;}
.font-18{font-size: 18px;}
.lh-xl{line-height: 2;}

.video-lazy {position: relative;}
.video-lazy .play-btn
.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: 150px;}
.solutions_cases h3{font-size: 35px;}

.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{width: 12%;height: 100%;padding: .5rem 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.2); }
.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 .fab{color: #fff;}
.footer-social_media .fab:before {font-size: 22px;}
.footer-social_media a { margin-right: 15px;}
.footer-social_media a span:hover{background-color: #ee560c;}
.footer p,.footer a{color: #808080;}
.footer-submit p{color: #c0c0c0;}
.footer .input-group input{background: #3b3b3b;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: 10%;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: 60px!important;}
.about-haichen .num-block{position: relative;}
.about-haichen .num-block::before{content: ' ';height: 100%;width: 1px;background: #eeeeee;position: absolute;right: 0;}
.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 .text-block{bottom: 0;left: 0;width: 100%;background: #dbdee6;padding: 1.5rem 2.5rem;}
.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;}

.list-product{margin-top: 130px;}
.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 .select-option{position: relative;}
.index-cases .option-default{border: 1px solid #c1c1c1;padding: .8rem 1.8rem;}
.index-cases .option-box{border: 1px solid #7f7f7f;padding: 0;position: absolute;z-index: 999;width: 100%;background: #fff;display: none;}
.index-cases .option-box li{padding-top: .4rem;padding-bottom: .4rem;}
.index-cases .option-box li:hover{background: #1366cb;}
.index-cases .option-box li a{padding-left: 1.8rem;width: 100%;display: block;}
.index-cases .option-box li:hover a{color: #fff;}
.contact-form .form-check-input{width: 25px;height: 25px;border-radius: 1px; margin-right: .8rem;}

#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;margin-top: 1.5rem;}
.related-blog h2{font-size: 30px;}



@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;}
}

@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{margin-top: 15%;}
	.banner .text-box .text-title h1{font-size: 58px;}
	.headline{font-size: 45px;}
	.index-num .col span{font-size: 60px;}
	.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;}
	
}


@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 h1{font-size: 48px;}
	.headline{font-size: 35px;}
	.index-num .col span{font-size: 48px;}
	.big-headline{font-size: 50px;}
	.footer .col-md-5{padding-right: 10%;}
	.about-haichen .counter{font-size: 50px!important;}
}

@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;}
}

@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: #fff;}
	.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;}
	.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 span{font-size: 45px;}
	.big-headline{font-size: 30px;}
	.footer .col-md-5{padding-right: 8%;}
	.about-haichen .counter{font-size: 40px!important;}
  .index-video iframe{height: 400px;}
}



@media (max-width:768px){
	.banner .text-box .text-title h1{font-size: 25px;}
	.banner .text-box {width: 100%!important;}
	.banner {margin-top: 100px;}
	.headline{font-size: 25px;}
	.big-headline{font-size: 30px;}
	.header-contact-information,.header-social_media{display: none!important;}
	.header .navbar-brand img{width: 100px;}
	.navbar .navbar-toggler {color: #fff;}
	.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: 0;padding-left: 0;}
	.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: 100px;}
	.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: 130px;}
	.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: 100px;}
  .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: 49%;border: 1px solid #333;text-align: center;margin-bottom: 5px;}
  .page-nav .col-md-2,.page-nav .col-md-3{padding-top: 10px;padding-bottom: 10px;}
  .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;margin-top: 1rem;}
}


@media screen and (min-width: 1099px) and (max-width: 1336px){
  .navbar .px-md-6 {padding-right: 1%;padding-left: 1%;}
  .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: 138px;}
	.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 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: 138px;}
	.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;}
}