@charset "utf-8";
body,html{font-family:"Poppins",sans-serif;width:100%;height:100%;background: #fff;font-size: 16px;}
.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}
div,p,span,h1,h2,h3,h4,h5,h6{color: #333;}
#carouselpro .carousel-indicators{position: static;flex-wrap: wrap;justify-content: flex-start;}
#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)}

.hover-box .hvr img,.hover-box .hvr .overflow-hidden img{transition: all 0.4s;}
.hover-box .hvr:hover img,.hover-box .hvr:hover .overflow-hidden img{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transition: all 0.4s;}

:root{
  --tblr-a-hover-color: rgba(30,112,209,1);/*#1e70d1*/
  --tblr-theme1-color: rgba(230,0,19,1);/*#e60013*/
  --tblr-theme1-color-hover:rgba(230,0,19,.8);
  --tblr-theme2-color:rgba(0,159,235,1);/*#009feb*/
  --tblr-theme2-color-hover:rgba(0,159,235,.8);
}

a:hover{color:var(--tblr-a-hover-color);text-decoration: none;cursor: pointer;}
.a{color:var(--tblr-a-hover-color);text-decoration: none;cursor: pointer;transition: all 0.4s;}
.a:hover{text-decoration: underline;transition: all 0.4s;}
.text-grey{color:#666;}
.text-grey-min{color:#888;}
.text-grey-max{color:#333;}
.text-theme1{color:var(--tblr-theme1-color);}
.text-theme2{color:var(--tblr-theme2-color);}
.text-theme3{color: var(--tblr-a-hover-color);}
.bg-theme1{background: var(--tblr-theme1-color);}
.bg-theme2{background: var(--tblr-theme2-color);}
.bg-theme3{background: var(--tblr-a-hover-color);}

.a-box .btn-bg-theme1{padding:.8rem 1.5rem;background:var(--tblr-theme1-color);color:#fff;transition: all 0.3s;}
.a-box .btn-bg-theme1:hover{background:var(--tblr-theme2-color-hover);transition: all 0.3s;}
.a-box .btn-bg-theme2{padding:.8rem 1.5rem;background:var(--tblr-theme1-color);color:#fff;transition: all 0.3s;}
.a-box .btn-bg-theme2:hover{background:var(--tblr-theme2-color-hover);transition: all 0.3s;}
.a-box .btn-bg-white{padding:.8rem 1.5rem;background:rgba(255,255,255,1);color:#333;transition: all 0.3s;}
.a-box .btn-bg-white:hover{color:var(--tblr-theme1-color); transition: all 0.3s;}
.a-box .btn-bg-black{padding:.8rem 1.5rem;background:rgba(0,0,0,1);color:#fff;transition: all 0.3s;}
.a-box .btn-bg-black:hover{background:rgba(0,0,0,.8);transition: all 0.3s;}
.a-box .btn-border-theme1{padding:.8rem 1.5rem;background:rgba(250,250,250,0);border:1px solid var(--tblr-theme1-color);color:var(--tblr-theme1-color);transition: all 0.3s;}
.a-box .btn-border-theme1 svg{margin-bottom: 3px; fill:var(--tblr-theme1-color);}
.a-box .btn-border-theme1:hover{margin-bottom: 3px;background:var(--tblr-theme1-color);border:1px solid var(--tblr-theme1-color);color:#fff;transition: all 0.3s;}
.a-box .btn-border-theme1:hover svg{fill:#ffffff;}
.a-box .btn-border-theme2{padding:.8rem 1.5rem;background:rgba(250,250,250,0);border:1px solid var(--tblr-theme2-color);color:var(--tblr-theme2-color);transition: all 0.3s;}
.a-box .btn-border-theme2:hover{background:var(--tblr-theme2-color);border:1px solid var(--tblr-theme2-color);color:#fff;transition: all 0.3s;}
.a-box .btn-border-black{padding:.8rem 1.5rem;background:rgba(250,250,250,0);border:1px solid rgba(0,0,0,1);color:#000;transition: all 0.3s;}
.a-box .btn-border-black:hover{background:var(--tblr-theme1-color);border:1px solid var(--tblr-theme1-color);color:#fff;transition: all 0.3s;}
.a-box a svg{margin-left: .7rem;transition: all 0.3s;}
.a-box a:hover svg{margin-left: 1.2rem;transition: all 0.3s;}

.hvr-underline-from-center:before,.hvr-underline-from-left:before,.hvr-radial-in{background: var(--tblr-theme1-color);z-index: 5;}
.hvr-reveal:before{border-color:var(--tblr-theme1-color);}

.lh-mg{line-height: 1.4rem;}
.lh-gl{line-height: 1.8rem;}
.bbome{border-bottom: 1px solid #eee;}
.bbomd{border-bottom: 1px solid #ddd;}
.bbomc{border-bottom: 1px solid #ccc;}
.bbomf9{border-bottom:1px solid #f9f9f9;}
.btope{border-top: 1px solid #eee;}
.btopd{border-top: 1px solid #ddd;}
.btopc{border-top: 1px solid #ccc;}
.btopf9{border-top:1px solid #f9f9f9;}
.d-hidden-1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.d-hidden-2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.d-hidden-3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.d-hidden-4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.bg-f9{background: #f9f9f9;}
.bg-f7{background: #f7f7f7;}
.bg-f5{background: #f5f5f5;}
.bg-f3{background: #f3f3f3;}
.bg-f2{background: #f2f2f2;}
.bg-f1{background: #f1f1f1;}
.h-250{width: 100%;height: 250px;object-fit: cover;}
.h-300{width: 100%;height: 300px;object-fit: cover;}
.h-400{width: 100%;height: 400px;object-fit: cover;}
.h-500{width: 100%;height: 500px;object-fit: cover;}
.mh-400{width: 100%;max-height: 400px;object-fit: cover;}
.mh-500{width: 100%;max-height: 500px;object-fit: cover;}
.w-90{width: 90%;}.w-80{width: 80%;}.w-70{width: 70%;}.w-60{width: 60%;}.w-50{width: 50%;}.w-40{width: 40%;}.w-30{width: 30%;}.w-20{width: 20%;}.w-10{width: 10%;}.w-5{width: 5%;}
.ltcolor{background: linear-gradient(90deg, #77ac32, #212fff);
background-clip: text;
-webkit-background-clip: text;
color: transparent;}
.transform-0{transform: rotate(0deg) !important;}
.radius-ltb0{border-top-left-radius: 0 !important;border-bottom-left-radius: 0 !important;}
.radius-rtb0{border-top-right-radius: 0 !important;border-bottom-right-radius: 0 !important;}
.radius-tlr0{border-top-left-radius: 0 !important;border-top-right-radius: 0 !important;}
.radius-blr0{border-bottom-left-radius: 0 !important;border-bottom-right-radius: 0 !important;}

.swiper-box{width: 100%;position: relative;overflow: hidden;}
.swiper-container{margin-left: auto;margin-right: auto;position: relative;overflow: hidden;z-index: 1}
.swiper-container-no-flexbox .swiper-slide {float: left}
.swiper-container-vertical>.swiper-wrapper {-webkit-box-orient: vertical;-moz-box-orient: vertical;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column}
.swiper-wrapper {position: relative;width: 10%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.swiper-wrapper {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate(0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.swiper-slide {-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%;position: relative;padding: 0 1rem;}
.swiper-button-next,.swiper-button-prev{position: absolute;top: 50%;width: calc(var(--swiper-navigation-size)/ 44 * 27);height: var(--swiper-navigation-size);margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);z-index: 10;cursor: pointer;display: flex;align-items: center;justify-content: center;color: var(--swiper-navigation-color,var(--swiper-theme-color));}
.swiper-button-prev,.swiper-button-next{background-color: var(--tblr-theme1-color);border-radius: 50%;width: 37px;height: 37px;top: 51%;text-align: center;line-height: 34px;}
.swiper-button-prev::after,.swiper-button-next::after{content: "";}
.swiper-button-prev{margin-top: -1rem;left:0; color:#fff;}
.swiper-button-next{margin-top:-1rem;right:0;transform: rotate(180deg);color:#fff;}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity: .65;}

.faq-ul li .cbox .box-h{font-size: 1.2rem;color:#333;margin-bottom: 1rem;padding: .8rem 1rem;font-weight: bold;background: #fbf6e7;}
.faq-ul li .cbox h3{font-size: 1.2rem;color:#333;}
.faq-ul li .cbox h4{font-size: 1rem;color:var(--tblr-theme1-color); margin-top: 1rem;margin-bottom: 0;}
.faq-ul li .cbox p{font-size: .95rem;color:#666;margin-bottom:1rem;}
.faq-ul li .cbox p:last-child{margin-bottom: 0;}
.faq-ul li .cbox ul{margin-top: 1rem;}
.faq-ul li .cbox ul li{background: none;border:none;font-size: 1rem;color:#666;}
.faq-ul li .cbox ul li strong,.faq-ul p strong{color:#333;}
.faq-ul{list-style: none;margin:0;padding:0;position:relative; z-index: 15;}
.faq-ul li{cursor: pointer;position: relative;z-index: 15;margin-bottom: 1.5rem;}
.faq-ul li:last-child{margin-bottom: 0;}
.faq-ul li .arrsvg svg:nth-child(2),.faq-ul .active .arrsvg svg:nth-child(1){display: none;transition: all 0.4s;}
.faq-ul .active .arrsvg svg:nth-child(2){display: inline-block;transition: all 0.4s;color:#ddd;}
.faq-ul li svg{fill:#aaa;width: 20px;height: 20px;}
.faq-ul .active svg{fill:#666;}
.faq-ul li .h6{padding: 1.2rem 0;margin-bottom: 0;}
.faq-ul li .cbox{display: none;padding:1.5rem;background: #ededed;}
.faq-ul li:first-child .cbox{display: block;}
.faq .fbox{background: #ededf7;border: 1px solid rgb(225 225 235);}

/*--- nav ----*/
.navbar{position: fixed;width: 100%; left: 0;top: 0;background:rgba(255,255,255,1);z-index: 200;transition: all 0.3s;}
.navbar{background:rgba(255,255,255,1);z-index: 200;transition: all 0.3s;}
.navbar .navbar-nav{min-height: initial;}
.navbar .navbar-nav li{position: relative;display: inline-block;margin:0 1.5rem;box-shadow:none;}
.navbar .navbar-nav li .nav-link{color:#333;font-size: 1rem;padding: 1.7rem 0;cursor: pointer;}
.navbar .navbar-nav li:hover a,.navbar .navbar-nav .active .nav-link{color:var(--tblr-theme1-color-hover);}
.navbar .navbar-nav li .dropdown-menu .dropdown-item{color: #333;font-size: .95rem;}
.navbar .nav-item .nav-link svg{transform: rotate(0deg);transition: all 0.3s;}
.navbar .nav-item .nav-link:hover svg{transform: rotate(360deg);transition: all 0.3s;}
.navbar .nav-item.open .dropdown-menu{display: block;border: none;position: fixed;border-radius: 0;background: rgb(255 255 255);padding: 0;z-index: 200;box-shadow: 0px -41px 21px -49px rgb(129 124 208 / 45%);border:#eee;padding:0;margin: 0;box-shadow: 0px 6px 23px -5px rgb(33 33 33 / 50%);margin-top: 0;}
.navbar .nav-item.open .dropdown-menu a{color:#333;padding: .8rem 2rem;font-size: .875rem;border-bottom: 1px solid #eee;}

.toptwo{border-bottom: 1px solid rgb(158 165 173 / 33%);}

.search-btn{cursor: pointer;}
.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 button{border:none;background: none;padding:2px; padding-right: 10px;height: 25px;outline:none;}
.search-box button img{width: 80%;margin-top: -5px;}
.search-box input{border:none;background: none;padding:2px 5px;font-size: 14px;color: #333;height: 25px;outline:none;width: 80%;}
.search-box input::-webkit-input-placeholder{color:#ccc;font-size: 14px;outline:none;}
.search-box .input-group{border-bottom: 1px solid #eee;}
/*--- nav ----*/

.banner .carousel-caption{justify-content: flex-start;}
.banner .box{text-align: left;margin-top: -5rem;}
.banner .carousel-inner .tbsdiv{ transform:translatey(100%); opacity:0; transition: all 1.4s ease-in-out; }
.banner .active .delighter.tbsdiv.started{transform:none; opacity:1;}
.banner .carousel-inner .carousel-item .btitle{font-size: 3.2rem;color:#fff;text-shadow: 0px 0px 39px hsl(0deg 0% 0% / 60%);line-height: 3.8rem;}
.banner .carousel-inner hr{background: hsl(0deg 0% 100% / 60%);width: 66%;height: 2px;border: none;opacity: 1;margin:1rem auto;}
.banner .carousel-inner .carousel-item .btxt{font-size: 2.4rem;color:#eee;font-weight: 500;}

.banner .carousel-indicators{bottom:5%;z-index: 21;}
.banner .carousel-indicators button{margin:0 5px;width: 10px;height: 10px;background: none;opacity: 1;border: 1px solid #fff;border-radius: 50px;transition: all 0.4s;}
.banner .carousel-indicators .active{background-color:#fff;transition: all 0.3s;}
.banner .zzbg{background: linear-gradient(to bottom, rgb(0 0 0 / 20%) 0%, rgb(0 0 0 / 5%) 10%);position: absolute;z-index: 15;width: 100%;height: 100%;left: 0;top:0;}
.banner .carousel-caption{z-index: 20;}
.banner .a-box a{padding: .6rem 2rem;border:none;color:#fff;}
.banner .a-box a svg{width: 20px;height:20px;fill:#fff;}
.banner .a-box a span{color:#333;}
.banner .a-box a span:hover{color:#5da0f0;}
.banner .a-box a:nth-child(2){margin-left: 1rem;}



.popform .row .popform-box {padding: 3rem;}
.popform .btn-close {color: #666;border: 1px solid #666; width: 1.8rem; height: 1.8rem; top: 1rem; right: 1rem;}
.popform .formshiro input {background: #f5f6f7;border-radius: 1px;border: 0;}
.popform .formshiro label {color: #707070;}
.popform .formshiro textarea {background: #f5f6f7;border-radius: 1px;border: 0;}
.navbar .navbar-nav .nav-link {min-height: 4.9rem;}
.btn-ldczcom{background: #e60013;color: #fff;border: 1px solid #e60013;}
.btn-ldczcom:hover,.btn-ldczcom:active{background: #009feb;color: #fff;border: 1px solid #009feb;}
.text-ldczcom{color: #e60013;}
.hvr-shutter-out-horizontal:active, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:hover {color: #fff!important;border: 1px solid #019fe8;}

.index-products-category .product-bottom-content{width: 100%;bottom: 0%;padding: 1rem 0;background: #c8c8c6;color: #fff;font-size: 22px;}
.index-products-category .product-box:hover .product-bottom-content{background: #ff00006e;}
.index-products-category .product-box:hover .product-bottom-content span{text-transform: capitalize!important;}
.index-solution .card{background: #fff;color: #333;transition: all 0.3s;}
.index-solution .card:hover{background: #e70016;color: #fff;transition: all 0.3s;}
.index-solution .card-title{font-size: 25px;}
.index-solution .card-line{border-bottom: 1px solid #999;}
.index-solution .card:hover .card-line{border-bottom: 1px solid #fff;}
.index-solution .card .card-ico{position: relative;}
.index-solution .card .card-ico img:nth-child(1){position: relative;z-index: 3; opacity:1;transition: all 0.3s;}
.index-solution .card .card-ico img:nth-child(2){position: absolute;left: 0;top: 0; z-index: 2;opacity:0;transition: all 0.3s;}
.index-solution .card:hover img:nth-child(1){opacity: 0;z-index: 2;transition: all 0.3s;}
.index-solution .card:hover img:nth-child(2){opacity: 1;z-index: 3;transition: all 0.3s;}

.index-solution .card .card-text{color: #666;}
.index-solution .card:hover .card-text{color: #fff!important;}
.index-solution .card.active{background: #e70016;color: #fff!important;}
.index-solution .card.active .card-text{color: #fff!important;}
.index-solution .card.active .card-line{border-bottom: 1px solid #fff;}
.index-solution{background: url(/web/allimg/home/bg-index-solution.webp) no-repeat; background-size: cover;}
.index-solution .col-md-6:first-child .card .card-ico .card-ico-hover{display: block;}
.index-company-introduction{background: url(/web/allimg/home/index-company-profile.webp) no-repeat;background-size: cover;}
.index-company-introduction .btn-ldczcom{font-weight: 500;}
.index-company-introduction p{color: #dadada;}
.index-company-introduction .col-md-5 .num{font-size: 50px;font-weight: 500;line-height: 1.2;}
.index-company-introduction .col-md-5 .block-line{border: 1px solid #e70016;width: 26%;}
.index-company-introduction .col-md-5 .w-100{padding-left: 60%;}
.index-product-recommendations .card{background: #f7f7f7;}
.index-product-recommendations .card .card-title{font-size: 18px;font-weight: 600;}
.index-product-recommendations .card .card-describe{color: #666;}
.index-product-recommendations .card .card-text{padding: 2rem 1rem;}
.index-product-recommendations .card .card-img{border-radius: 0;}
.index-advantage{background: url(/web/allimg/home/bg-index-advantage.webp) no-repeat;background-size: cover;}
.index-advantage .advantage-ico img{min-width: 24px;}
.index-advantage .advantage-text h3{font-size: 16px;}
.index-advantage .advantage-text p{color: #666;}
.index-advantage .col-md-6:last-child{padding-right: 10%;}
.index-advantage .col-md-6 .advantage-btn a{margin-left: 22px;}
.index-advantage .col-md-6 .overflow-hidden{border-radius: 0 33px 33px 0;}
.index-industry-solution .col-md-4 .industry-solution-card .card-text{bottom: 7%;left: 0;transition: all 0.3s;}
.index-industry-solution .col-md-4:hover .industry-solution-card .card-text{bottom: 9%;transition: all 0.3s;}
.index-industry-solution .col-md-4 .industry-solution-card .card-text span{font-size: 24px;}
.index-industry-solution .industry-solution-card img{width: 100%;}
.index-generative-capacity .generative-capacity-card::before,.index-industry-solution .industry-solution-card::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);opacity: 0;transition: opacity 0.3s ease;pointer-events: none;}
.index-generative-capacity .generative-capacity-card:hover::before,.index-industry-solution .industry-solution-card:hover::before{opacity: 1;}
.index-partner h2{line-height: 1 !important;}
.index-partner .swiper-box img{width: 70%;}
.index-generative-capacity h2{line-height: 1.23 !important;}
.index-generative-capacity .generative-capacity-card .card-text{bottom: 13%;transition: all 0.3s;}
.index-generative-capacity .generative-capacity-card:hover .card-text{bottom: 18%;transition: all 0.3s;}
.index-generative-capacity .generative-capacity-card .card-text span{padding: .8rem !important;background: #ff002863; opacity: .6;transition: all 0.3s;}
.index-generative-capacity .generative-capacity-card:hover .card-text span{opacity: 1;transition: all 0.3s;}
.index-news .card h3{font-size: 22px;font-size: 22px;}
.index-news .card a{color: #666;font-weight: 600;font-size: 15px;}
.index-news .card a:before{height: 2px;}
.index-news{background: #f5f5f5;}
.index-form input,.index-form textarea,.index-form select{background: #f5f5f5;border: 0;border-radius: 2px;padding:.9rem 1rem;}
.mescon input::-webkit-input-placeholder,.mescon textarea::-webkit-input-placeholder,.flist select option{color:#333;font-size: 1rem;}
.index-form textarea::placeholder{color: #333;font-size: 15px;}
.index-form h2{font-size: 35px;line-height: 1.05;}
.index-form textarea::placeholder:focus{color: #666;}



.bg-420000{background: #420000;}
.overflow-x-auto .row{flex-wrap: inherit;}
.title h2 span{position: relative;z-index: 1;}
.title h2 span:before{content:'';position: absolute;z-index: -1;width: 40%;background: var(--tblr-theme1-color);height: 8px;bottom: 8px;left: 30%;}
.about .profile{background: url(/web/allimg/img/about-data-bg.webp) no-repeat;background-size: cover;}
.databox hr{margin:.3rem 0 .1rem 0;height: 3px;width: 25%;opacity: 1; background: var(--tblr-theme1-color);display: block;border:none;}
.about .corporate-culture-concept{background: url(/web/allimg/img/corporate-culture-bg.webp) no-repeat;background-size: cover;}
.about .corporate-culture-concept .box{background: #014160;}
.about .patents a{color:#fff;font-weight: bold;}
.about .social-responsibility img{width: 12%;}

.industry .polyester-industry table tr td{padding: .8rem 2rem;color:#333;border-bottom: 1px solid #ccc;}
.industry .polyester-industry table tr td:first-child{padding-left: 0;}
.table-3 td{width: 33.3333333%;}
.table-4 td{width: 25%;}
.table-4-3 td{width: 22%;}
.table-4-3 td:nth-child(3){width: 34%;}
.table-5 td{width: 20%;}
.table-6 td{width: 16.6666666%;}

.industry .faq .h6{padding:1.5rem 0;}
.industry .faq .h6 b{font-size: 1.1rem !important;}
.industry .faq li{border-bottom: 1px solid #ddd;margin-bottom: 0;}
.btn-popup{cursor: pointer;}


.list-pro .pronav h2{padding:1rem;}
.list-pro .pronav ul{padding: 0;margin:0;list-style: none;}
.list-pro .pronav ul li{cursor: pointer;position: relative;border-bottom: 1px solid #ddd;padding: 0;background: #fff;transition: all 0.3s;}
.list-pro .pronav ul li:before{content: "";position: absolute;left: 0;width: 3px;height: 40%;background:rgb(46 43 123 / 0%);top:0%;transition: all 0.3s;}
.list-pro .pronav ul li:hover:before{content: "";position: absolute;left: 0;width: 3px;height: 40%;background:var(--tblr-theme1-color) ;top:30%;transition: all 0.3s;}
.list-pro .pronav ul li svg{transform: rotate(270deg);margin-right:-.5rem;fill:#333;transition: all 0.3s;}
.list-pro .pronav ul li a{padding: 1rem 2rem;font-size: 0.88rem;font-weight: 600;transition: all 0.3s;background: #f9f9f9;color:#333;}
.list-pro .pronav ul li:last-child{border-bottom: none;}
.list-pro .pronav ul li:hover,.list-pro .pronav ul li.active a{background: rgb(230 0 19 / 11%); color:var(--tblr-theme1-color) !important;transition: all 0.3s;}
/*.list-pro .pronav ul li:last-child svg{fill:var(--tblr-theme1-color) ;transition: all 0.3s;margin-left: 0;transform: rotate(0deg);}*/
.list-pro .pronav ul li.active a,.list-pro .pronav ul li:hover a{color:var(--tblr-theme1-color);font-weight: 600;transition: all 0.3s;}
.list-pro .pronav dl dd{margin-bottom: .4rem;}
.list-pro .pronav dl dd:last-child{margin-bottom: 0;}
.list-pro .pronav dl dd a{padding:.8rem ;padding-left: 2rem; background: none;}
.list-pro .pronav dl dd a:hover{background: none;}
.list-pro .pronav ul li:last-child{background: #fbfbfb;}
.list-pro .pronav ul li:last-child a{color:#333;}
.list-pro .pronav dl dd.active a,.list-pro .pronav dl dd:hover a{color:var(--tblr-theme1-color);}
.list-pro .col-md-9 a:hover{color:var(--tblr-theme1-color);}
.list-pro .tbox h2{font-size: 1.5rem;color:#333;}
.list-pro .tbox h3{font-size: 1.2rem;color:#333;}
.list-pro .tbox p{font-size: .85rem;color:#666;line-height: 1.3rem;}
.list-pro .tbox ul{margin:0;padding: 0;list-style: none; margin-top: .5rem;}
.list-pro .tbox ul li{margin-bottom: .3rem;color:#555;font-size: .85rem;line-height: 1.3rem;} 
.list-pro .tbox ul li strong{color:#333;}
.artpro .desp table{width: 100%;}
.artpro .desp table tr td{padding: 1rem 1.5rem;border-bottom: 1px solid #ddd;}
.artpro .desp table tr td:first-child{padding-left: 0;font-weight: bold;}
.artpro .conbox p{line-height: 1.6rem;}
.artpro .conbox table{width: 100%;border-top:1px solid #ddd;border-left:1px solid #ddd;margin-top:1.4rem;margin-bottom: 2.4rem;}
.artpro .conbox table tr td{padding: .8rem 1.5rem;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd; text-align: center;color:#333;font-size: .95rem;}


.footer a,.footer span,.footer p{color: #b1b1b1;display: block;}
.footer h3{color: #fff;font-size: 20px;}
.footer .footer-contact-information,.footer .footer-customer-hotline{line-height: 2;}
.footer .footer-contact-information a,.footer .footer-customer-hotline a,.footer .footer-contact-information p{line-height: 1.6rem;}

.footer ul{line-height: 2;}
.footer .footer-a a{border: 1px solid #b1b1b1;padding: .5rem 1.5rem;}
.footer .footer-line{border-bottom:2px solid;}
.footer a:hover,.footer p:hover,.footer span:hover{color: #0484c0c4;}
.btop-706f6f{border-top: 1px solid #706f6f;}
ul{list-style-type: none;}
.footer{background: #222;}
.text-justify{text-align: justify;}
.btn-line{position: relative;color: #444;font-weight: 500;font-size: 15px;}
.btn-line:before{content: " ";position: absolute;width: 100%;height: 1px;background: #e70016;bottom: 24%;}
a,a:hover,a:visited{text-decoration: none;}
.text-666{color: #666;}
.card:hover .card-img img{transform: scale(1.2);}
.card .card-img{overflow: hidden;}
.scroll-to-top-btn{position: fixed;bottom: 10%;right: 1%;background: #ecececa1;width: 45px;height: 45px;display: flex;justify-content: center;align-items: center;border-radius: 3px;cursor: pointer;}
.scroll-to-top-btn:hover{background: #d4d4d4a3;}


.column{position: relative;}
.column h1{font-size: 2.5rem !important;font-weight: bold;}
.column h1 span{height: .3rem;width: 3rem}
.column-nav dl{margin:0;padding:0;list-style: none;}
.column-nav dl dd{margin:0 1rem;}
.column-nav dl dd a{position: relative; display: inline-block;padding:1.2rem 0; color:#333;font-weight: initial !important;}
.column-nav dl dd a:before{content: "";position: absolute;z-index: -1;left: 0;right: 100%;bottom: 0;background: var(--tblr-theme1-color);height: 2px;-webkit-transition-property: right;transition-property: right;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.column-nav dl dd a.active:before,.column-nav dl dd a:hover:before{right: 0;z-index: 1;}
.column-nav dl dd a.active{color:#000;font-weight: bold !important;}
.column-nav{border-bottom: 1px solid #eee;}


.position svg{width: 20px;height: 20px;margin-top: -2px;}
.position ul{display: flex;justify-content: center;list-style: none;padding:0;margin:0;}
.position li{margin-right: 6px;}
.position li::before{font-family: monospace; content:">";display: inline-block;font-size: 14px;}
.position li:nth-child(1)::before{display: none;}
.position li a{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;color: #666;font-size:.8rem;transition: all 0.3s;}
.position ul li:nth-child(1) a{font-weight: bold;color:#333 !important;}
.position li a:hover{color: var(--tblr-theme1-color) !important;transition: all 0.3s;text-decoration: revert;letter-spacing: 0.4px;}
.breadcrumb-item+.breadcrumb-item::before{font-family: monospace; content: ">";color:#333;font-size: 12px;margin-right: 5px;}

.prenext{padding:0;font-size: 1rem;list-style: none;}
.prenext li{font-size: 1rem;font-weight: bold;color:#333;}
.prenext a{color: #777;text-decoration: none;font-size: 0.9rem !important;margin-left: .5rem; font-weight: initial;}
.prenext a:hover{color: var(--tblr-theme1-color);text-decoration: underline;}

.gif-bg{animation-name:banimg;animation-timing-f3unction:ease-in;animation-duration: 10s;animation-iteration-count:infinite;}
@keyframes banimg{
0% {transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);}
50% {transform:scale(1.0,1.0);-webkit-transform:scale(1.0,1.0);-moz-transform:scale(1.0,1.0);}
100% {transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);}
}
.apptable{vertical-align: middle;width: 100%;overflow-y: auto;_overflow: auto;margin: 0 0 1em;}
@media (min-width:992px){
	.container{width: 80%;max-width: 1400px;margin:auto;}
	.container-nav{width: 92%;max-width: 1600px;margin:auto;}
	.nav-toptwo{margin-top:8.5vh;}
	.jc-start{display: flex;justify-content: flex-start;}
	.jc-end{display: flex;justify-content: flex-end;}
	.jc-center{display: flex;justify-content: center;}
	.jc-between{display: flex;justify-content: space-between;}
	.ai-center{display: flex;align-items: center;}

	.header{padding:0px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
	.header .navbar-nav .nav-link{color: #fff;}
	.header .navbar-nav .hvr-underline-from-left{overflow:initial;}
	.header .navbar-nav .dropdown-menu{min-width: auto;width: auto;transition: all 0.3s ease-out;display: block;max-height: 0px;height:0px;visibility: hidden;overflow: hidden;padding: 0;}
	.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:.8rem 1.5rem;border-bottom: 1px solid #eee;}
	.header .navbar-nav .nav-item .dropdown-menu .dropdown-item:last-child{border:none;}
	.header .navbar-nav .nav-item .dropdown-menu .dropdown-item:focus, .header .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover{background-color: var(--tblr-theme1-color);color: #fff;}
	.header .navbar-nav .dropdown-menuu{display: none;}
	.header .navbar-nav .dropdown-menuu.show{display: block;}
	.header-language-select .dropdown-menu{top:2.3rem;}

	.hover-box .showl{margin-left: 0rem;transition: all 0.5s ease;}
	.hover-box .tab-content .show .showl,.hover-box .show:hover .showl,.hover-box .carousel-item.active .show .showl{margin-left: 1rem !important;transition: all 0.5s ease;}
	.hover-box .showr{margin-right: 0rem;transition: all 0.5s ease;}
	.hover-box .tab-content .show .showr,.hover-box .show:hover .showr,.hover-box .carousel-item.active .show .showr{margin-right: 1rem !important;transition: all 0.5s ease;}
	.hover-box .showt{display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
	.hover-box .tab-content .show .showt,.hover-box .show:hover .showt,.hover-box .carousel-item.active .show .showt{-webkit-transform: translateY(-8px);transform: translateY(-8px);}
	.hover-box .op .opbox{opacity: 1;transition: all 0.5s ease;}
	.hover-box .op:hover .opbox{opacity: .5;transition: all 0.5s ease;}
	.hover-box .circle .circlebox{transform: rotate(0deg);transition: all 0.4s;}
	.hover-box .circle:hover .circlebox{transform: rotate(360deg);transition: all 0.4s;}

	.hvr-float{display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
	.hvr-float:active,.hvr-float:focus,.hvr-float:hover{-webkit-transform: translateY(-8px);transform: translateY(-8px);}
	.hvr-float-yy{box-shadow: 0px 0px 13px -5px rgb(193 188 205 / 81%);transition: all 0.4s;}
	.hvr-float-yy:hover{box-shadow: 0px 7px 19px -7px rgb(157 154 165 / 76%);transition: all 0.4s;}

	.w-md-90{width: 90%;}
	.w-md-80{width: 80%;}
	.w-md-70{width: 70%;}
	.w-md-60{width: 60%;}
	.w-md-50{width: 50%;}
	.w-md-40{width: 40%;}
	.w-md-30{width: 30%;}
	.w-md-20{width: 20%;}
	.w-md-10{width: 10%;}

	.navbar  .logo{width: 8%;margin:0;padding:0;}
	.position-sticky{top:8.5vh;z-index: 99;left: 0;}
	.p-md-3d4{padding:1.5rem !important;}

}

@media (min-width:1170px){
	.p-lg-4d5{padding: 3rem !important;}
	.display-6d5{font-size: 2.5rem;line-height: 3rem;}
}

@media (min-width:1500px){
	.p-lg-4d5{padding: 3rem !important;}
	.display-6d5{font-size: 2.5rem;line-height: 3rem;}
	.fs-3{font-size: .9rem !important;line-height: 1.4rem;}
	.navbar.lcn .navbar-nav li{margin: 0 2.4rem;}
	.navbar.lcn .navbar-nav li .nav-link{font-size: 1rem;}
}



@media screen and (min-width: 1300px) and (max-width: 1500px){
	.navbar .navbar-nav li{margin: 0 .8rem}
	.navbar.lcn .navbar-nav li{margin: 0 1.6rem;}
	.navbar .navbar-nav li .nav-link{font-size: .9rem;}
	.navbar.lcn .navbar-nav li .nav-link{font-size: 1rem;}
}


@media screen and (min-width: 1171px) and (max-width: 1299px){
	.container{width: 86%;}
	.navbar .navbar-nav li{margin: 0 .78rem}
	.navbar .navbar-nav li .nav-link{font-size: .85rem;}
	.navbar .ps-lg-5{padding-left: 2rem !important;}

	.index-partner{position: relative;overflow: hidden;}
	.index-partner .col-md-6 img{position: absolute;top: 20%;}
	.pe-md-5{padding-right: 3rem !important;}
	.about .w-md-80{width: 90%;}
	.patents .container{width: 96%;}

}

@media screen and (min-width: 992px) and (max-width: 1170px){
	.container{width: 92%;}
	.navbar .navbar-nav li{margin: 0 .5rem}
	.navbar .navbar-nav li .nav-link{font-size: .78rem;padding:1.5rem 0;}
	.navbar .ps-lg-5{padding-left: .5rem !important;}
	.navbar-nav .nav-item .header-language-select .btn-group span:nth-child(1){display: none;}
	.btn-popup{font-size: .75rem !important;}
	.company-profile .container-fluid{padding:0 5rem 3rem 5rem !important;}
	.company-profile .row{margin-top: 0 !important;}
	.company-profile .col-md-6{width: 100%;}
	.company-profile .jc-end{justify-content: start;}
	.patents .container{width: 96%;}
	.list-pro .w-md-90{width: 100% !important;}
	.artpro .carousel{width: 80%;}
	.industry .w-md-80{width: 100%;}
	.polyester-industry{padding-bottom: 2rem !important;}
	.polyester-industry .pe-md-5{padding-right: 2rem !important;}
	.faq{margin-top: 1rem !important;padding-top: 2rem !important;padding-bottom: 3rem !important; margin-bottom: 0 !important;}


}
@media screen and (min-width: 769px) and (max-width: 991px){
	.dropdown-menu[data-bs-popper]{right:0;left: auto;}
	.dropdown-toggle:after{margin-right: .5em;margin-left: 0.1em;}
}

@media (max-width:768px){
	.app-header .navbar-brand{margin-left: 0rem;}
	.navbar .navbar-nav .nav-link {min-height: auto;}
	.app-header .navbar-nav .nav-link .icon{display: none;}
	.app-header .app-search-box {width: 98%;position: absolute;right: 1%;left:1%;bottom: -60px;z-index: 100;padding: 15px 25px;background: #fff;display: none;box-shadow: 0px 0px 35px -20px rgb(0 0 0 / 0.5);}
	.app-header .app-search-box .input-group {border-bottom: 1px solid #eee;}
	.app-header .app-search-box button {border: none;background: none;padding: 2px;padding-right: 10px; height: 25px;outline: none;}
	.app-header .app-search-box input {border: none;background: none;padding: 2px 5px;font-size: 14px;color: #333;height: 25px;outline: none;width: 80%;}
	.app-header .navbar-nav li:first-child .nav-link{padding: .5rem calc(var(--tblr-content-padding) / 2);}
	.app-header .navbar-nav .nav-link .app-icon{display: block;border: 1px solid;padding: 2px;}
	.app-header .navbar-nav .nav-link span {width: 100%;display: flex;justify-items: center;justify-content: space-between;border-bottom: 0;}
	.app-header .navbar-nav .nav-link:hover span {border-bottom: 0;}
	.app-header .navbar-nav .app-nav{border-bottom: 1px solid #ececec;min-height: 3.5rem;}
	.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item {padding-left: calc(calc(var(--tblr-content-padding) / 2) + 1.2rem);}
	.banner .text-box .text-item .text-title h1 {font-size: 26px;}
	.banner .text-box .text-item .text-title p {font-size: 15px;}
	.text-h2{font-size: 30px;}
	.index-company-introduction .col-md-5 .w-100 {padding-left: 0;}
	.index-company-introduction .col-md-5{display: flex;flex-wrap: wrap;margin-top: 2rem;}
	.index-company-introduction .col-md-5 .w-100 {width: 50%!important;}
	.index-form .form-box{padding: 2rem 0;}
	.footer .col-md-6.d-flex{justify-content: start!important;padding-top: 1rem;padding-bottom: 1rem;}
	.footer .col-md-6 .footer-a{justify-content: start!important;padding-top: 1rem;padding-bottom: .5rem;}

	.container{width: 96%;max-width: 1400px;margin:auto;}
	.container-nav{width: 98%;max-width: 1600px;margin:auto;}
	.nav-toptwo{margin-top:8vh;}
	.logo{width: 36%;margin:.5rem 0 .5rem 2rem;}
	.app-email svg{width: 28px;height: 28px;}
	.banner .carousel-inner .carousel-item .btitle{font-size: 1.8rem;line-height:2rem;}
	.banner .carousel-inner .carousel-item .btxt{font-size: 1.4rem;}
	.carousel-caption{left: 5%;right: 5%;}
	.index-generative-capacity .row .col-md-3{margin-bottom: .5rem;}
	.index-form h2{font-size: 1.5rem;line-height: 1.8rem;}
	.footer ul li{display: inline-block; margin-right: .5rem;margin-bottom: .5rem;}
	.footer ul li a{padding:.4rem .8rem;background: #993038;font-size: .9rem;}
	.list-pro .pronav{margin-bottom: 1rem;}
	.column .bg{height:160px;object-fit: cover; }
	.column .w-20{width: 50% !important;}
	.column p{display: none;}
	.column h1{font-size: 1.8rem !important;}

	.industry .polyester-industry .row .w-90{width: 100%;}
	.dropdown-menu[data-bs-popper]{right:0;left: auto;}
	.dropdown-toggle:after{margin-right: .5em;margin-left: 0.1em;}

}
@media (min-width:1860px){
	.header .navbar-collapse .navbar-nav{margin-left: 3.3rem;}
	.header .navbar-collapse{width: 66%;}
	.header .header-popover{width: 9%;}
	.header .logo-box{padding-left: 4.8rem;width: 25%;}
}
@media screen and (min-width: 1801px) and (max-width: 1859px){
	.header .navbar-collapse{width: 66%;}
	.header .header-popover{width: 9%;}
	.header .logo-box{padding-left: 4.8rem;width: 25%;}
}
@media screen and (min-width: 1700px) and (max-width: 1800px){
	.header .logo-box {padding-left: 3.3rem; width: 23%;}
	.header .navbar-collapse {width: 68%;}
	.header .navbar-collapse .navbar-nav.me-md-5{margin-right: 2.2rem !important;}
}
@media screen and (min-width: 1600px) and (max-width: 1699px){
	.header .logo-box {padding-left: 3rem; width: 20%;}
	.header .navbar-collapse {width: 71%;}
	.header .navbar-collapse .navbar-nav.me-md-5{margin-right: 2rem !important;}
	.header .header-language-select.ms-md-4{margin-left: 1rem !important;}
}
@media screen and (min-width: 1500px) and (max-width: 1599px){
	.header .logo-box {padding-left: 3rem; width: 19%;}
	.header .navbar-collapse {width: 72%;}
	.header .navbar-collapse .navbar-nav.me-md-5{margin-right: 1rem !important;}
	.header .header-language-select.ms-md-4{margin-left: 1rem !important;}
	.header .navbar-nav .nav-link {font-size: 15px;}
	.header .header-language-select select, .header .header-language-select option {font-size: 15px;}
	.header .header-popover a {font-size: 15px;}
}
@media screen and (min-width: 1400px) and (max-width: 1499px){
	.header .logo-box {padding-left: 2rem; width: 17%;}
	.header .navbar-collapse {width: 74%;}
	.header .navbar-collapse .navbar-nav.me-md-5{margin-right: 1rem !important;}
	.header .header-language-select.ms-md-4{margin-left: 1.2rem !important;}
	.header .navbar-nav .nav-link {font-size: 14px;}
	.header .header-language-select select, .header .header-language-select option {font-size: 14px;}
	.header .header-popover a {font-size: 14px;}
}
@media screen and (min-width: 1300px) and (max-width: 1399px){
	.header .logo-box {padding-left: 2rem; width: 16%;}
	.header .navbar-collapse {width: 75%;}
	.header .navbar-collapse .navbar-nav.me-md-5{margin-right: 1rem !important;}
	.header .header-language-select.ms-md-4{margin-left: 1.2rem !important;}
	.header .navbar-nav .nav-link {font-size: 14px;padding: 0 1.5rem 0 0;}
	.header .header-language-select select, .header .header-language-select option {font-size: 14px;}
	.header .header-popover a {font-size: 14px;}
}
@media screen and (min-width: 1200px) and (max-width: 1299px){
	.header .logo-box {padding-left: 1.8rem; width: 12%;}
	.header .navbar-collapse {width: 77%;}
	.header .navbar-collapse .navbar-nav.me-md-5{margin-right: 0rem !important;}
	.header .header-language-select.ms-md-4{margin-left: .5rem !important;}
	.header .header-language-select select, .header .header-language-select option {font-size: 14px;}
	.header .header-popover a {font-size: 14px;}
	.header .navbar-nav .nav-link {padding: 0 1.2rem 0 0;font-size: 14px;}
	.header .navbar-collapse .navbar-nav{padding-left: 1.2rem;}
	.header .header-popover {width: 11%;}
}
@media screen and (min-width: 1223px) and (max-width: 1299px){
	.header .navbar-collapse .navbar-nav {padding-left: 1rem;}
	.header .navbar-collapse .header-search-click{margin-left: 1rem;}
}
@media screen and (min-width: 1100px) and (max-width: 1199px){
	.header .logo-box {padding-left: 1.2rem; width: 10%;}
	.header .navbar-collapse {width: 79%;}
	.header .navbar-collapse .navbar-nav.me-md-5{margin-right: 0rem !important;}
	.header .header-language-select.ms-md-4{margin-left: .5rem !important;}
	.header .header-language-select select, .header .header-language-select option {font-size: 13px;}
	.header .header-popover a {font-size: 13px;}
	.header .navbar-nav .nav-link {padding: 0 1.2rem 0 0;font-size: 13px;}
	.header .navbar-collapse .navbar-nav{padding-left: .5rem;}
	.header .header-popover {width: 11%;}
}
@media screen and (min-width: 1000px) and (max-width: 1099px){
	.header .logo-box {padding-left: 1rem; width: 9%;}
	.header .navbar-collapse {width: 81%;}
	.header .navbar-collapse .navbar-nav.me-md-5{margin-right: 0rem !important;}
	.header .header-language-select.ms-md-4{margin-left: .5rem !important;}
	.header .header-language-select select, .header .header-language-select option {font-size: 12px;}
	.header .header-popover a {font-size: 12px;}
	.header .navbar-nav .nav-link {padding: 0 1rem 0 0;font-size: 12px;}
	.header .navbar-collapse .navbar-nav{padding-left: .8rem;}
	.header .header-popover {width: 10%;}
	.header .header-search-click.icon {--tblr-icon-size: 1.2rem;}
}
@media screen and (min-width: 1050px) and (max-width: 1099px){
	 .header .navbar-collapse .navbar-nav { padding-left: 1rem;}
	 .header .navbar-nav .nav-link {font-size: 13px;}
	 .header .header-language-select select, .header .header-language-select option {font-size: 13px;}
	 .header .header-popover a {font-size: 13px;}
}
@media screen and (min-width: 992px) and (max-width: 999px){
	.header .logo-box {padding-left: 1rem; width: 9%;}
	.header .navbar-collapse {width: 81%;}
	.header .navbar-collapse .navbar-nav.me-md-5{margin-right: 0rem !important;}
	.header .header-language-select.ms-md-4{margin-left: .5rem !important;}
	.header .header-language-select select, .header .header-language-select option {font-size: 12px;}
	.header .header-popover a {font-size: 12px;}
	.header .navbar-nav .nav-link {padding: 0 1rem 0 0;font-size: 12px;}
	.header .navbar-collapse .navbar-nav{padding-left: .8rem;}
	.header .header-popover {width: 10%;}
	.header .header-search-click.icon {--tblr-icon-size: 1.2rem;}
}

@media (min-width: 768px) {
  .text-h2{font-size: 2.6rem;}
}
.text-describe{font-size:15px;line-height: 1.8;color: #777;}

@media (min-width: 1900px) {
	.px-md-9 {padding-right: 9.8rem !important;padding-left: 9.8rem !important;}
}
@media screen and (min-width: 1000px) and (max-width: 1400px){
	.index-solution .card-title {
    font-size: 20px;
	}
	.index-solution .g-md-4{
    --tblr-gutter-x: 1rem;
  }
  .text-h2{
  	font-size: 38px;
  }
  .banner .text-box .text-item .text-title h1 {
    font-size: 45px;
	}
	.index-solution .mx-md-5 {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
  }
  .index-solution .card-text.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
	}
	.banner .text-box .text-item .text-title p {
    font-size: 31px;
  }
  .index-company-introduction .col-md-5 .w-100 {
    padding-left: 40%;
	}
}

@media screen and (min-width: 1000px) and (max-width: 1200px){
	.index-company-introduction .col-md-5 .w-100 {padding-left: 35%;}
	.index-company-introduction .col-md-5 .num {font-size: 45px;}
	.index-company-introduction  .container.px-md-5{padding-right: 2rem !important;padding-left: 2rem !important;}
}

@media screen and (min-width: 768px) and (max-width: 999px){
	.banner .text-box .text-item .text-title h1 {font-size: 38px;}
	.banner .text-box .text-item .text-title p {font-size: 27px;}
	.index-company-introduction  .container.px-md-5{padding-right: 0 !important;padding-left: 0 !important;}
	.index-company-introduction p.mt-md-4,.index-company-introduction h3.mt-md-4{margin-top: 1rem !important;}
	.index-company-introduction p.pt-md-3,.index-company-introduction h3.pt-md-3 {padding-top: 0rem !important;}
	.index-company-introduction .col-md-5 .num {font-size: 40px;}
	.index-company-introduction .col-md-5 .w-100 {padding-left: 25%;}
	.index-company-introduction.py-md-5 {padding-top: 2rem !important;padding-bottom: 2rem !important;}
	.index-company-introduction h3.fs-1 {font-size: 18px !important;}
	.index-products-category .row.mt-md-5 {margin-top: 1rem !important;}
	.index-products-category .text-h2 {font-size: 33px;}
	.index-solution .row.mx-md-5 {margin-right: 0rem !important; margin-left: 0rem !important;}
	.index-solution .row.g-md-4{--tblr-gutter-x: .8rem;}
	.index-products-category .product-bottom-content {padding: .8rem 0;font-size: 16px;}
	.index-products-category .text-describe {font-size: 14px;}
	.text-h2{font-size: 38px;}
}
@media screen and (min-width: 1500px) and (max-width: 1899px){
	.px-md-9 {padding-right: 6rem !important;padding-left: 6rem !important;}
}
@media @media screen and (min-width: 1000px) and (max-width: 1499px){
	.px-md-9 {padding-right: 3rem !important;padding-left: 3rem !important;}
}
@media (max-width:1900px){
	.index-solution .container-fluid.px-md-9 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .index-advantage .col-md-6:last-child{
  	padding-top: 1rem !important;
  }
}
@media (max-width:1599px){
	.index-advantage .col-md-6:last-child {
    padding-right: 0;
	}
	.index-advantage .col-md-6 .advantage-block.mt-xxl-5{
		margin-top: 2rem !important;
	}
	.index-advantage .col-md-6 .advantage-btn.pt-xxl-5 {
    padding-top: 2rem !important;
  }
  .index-advantage .col-md-6 .text-h2 {
    font-size: 39px;
  }
  .index-advantage .col-md-6 .advantage-btn:nth-child(2), .index-advantage .col-md-6 .advantage-btn:nth-child(3){
    padding-top: 0 !important;
  }
}

@media screen and (min-width: 1600px) and (max-width: 1800px){
	.index-advantage .col-md-6 .advantage-btn.pt-xxl-5 {
    padding-top: 2rem !important;
  }
  .index-advantage .col-md-6 .advantage-block.mt-xxl-5{
		margin-top: 2rem !important;
	}
}

@media (max-width:1430px){
	.index-advantage .col-md-6.ps-md-5{
		padding-left: 2rem !important;
	}
	.index-advantage .col-md-6 .advantage-block.mt-xxl-5 {
    margin-top: 1.5rem !important;
  }
  .index-advantage .col-md-6 .advantage-block2{
  	margin-top: 0 !important;
  }
  .index-advantage .col-md-6 .advantage-btn.pt-xxl-5 {
    padding-top: 1.5rem !important;
  }
}
.fadeIn{animation: fadeIn 2s ease-in-out forwards;}
.fadeInSection{animation: fadeIn 1.5s ease-in-out forwards;}
.scaleDraw{animation: scaleDraw .5s linear;}
.scaleDrawBottom{animation: scaleDrawBottom .8s ease-out forwards;}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes scaleDraw{
	0% {
	  transform: scale(1.1);
	}
	100% {
	  transform: scale(1);
	}
}
@keyframes scaleDrawBottom{
	0% {
	  opacity: 0;
  	transform: translateY(100px);
	}
	100% {
	  opacity: 1;
  	transform: translateY(0);
	}
}
@media screen and (min-width: 769px) and (max-width:1500px){
	.index-partner .ps-md-5{
    padding-left: 0rem !important;
	}
	.index-partner .row:last-child.px-md-5.mt-md-5.pt-md-4.mx-md-5{
		padding-right: 0rem !important;
    padding-left: 0rem !important;
    margin-right: 0rem !important;
    margin-left: 0rem !important;
	}
}
@media screen and (min-width: 769px) and (max-width: 1720px){
	.index-news .px-xxl-5{padding-right: 0rem !important;padding-left: 0rem !important;}
}
@media screen and (min-width: 769px) and (max-width:1600px){
	.index-form .form-box.p-md-5{padding: 2rem !important;}
}
@media screen and (min-width: 769px) and (max-width:1700px){
	.footer .px-xxl-5{padding-right: 0rem !important;padding-left: 0rem !important;}
}
@media screen and (min-width: 769px) and (max-width:1270px){
	.index-form h2 {font-size: 30px;}
}