@charset "utf-8";
body,html{font-family:'Poppins',sans-serif,"Roboto","Helvetica Neue",Helvetica,Arial,"Microsoft YaHei","微软雅黑";width:100%;height:100%;background: #fff;font-size: 16px;}
.select2 .select2-selection--single{height: 100%;}
.select2 .select2-selection--single .select2-selection__rendered {line-height: 40px;}
.select2 .select2-selection--single .select2-selection__arrow{height: 40px;}
.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: 40px;}
.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;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)}

:root{
  --tblr-a-hover-color: rgba(30,112,209,1);/*#1e70d1*/
  --tblr-theme1-color:rgba(26,26,26,1);/*#1a1a1a*/
  --tblr-theme1-color-hover:rgba(26,26,26,.8);
  --tblr-theme2-color:rgba(173,36,36,1);/*#ad2424*/
  --tblr-theme2-color-hover:rgba(173,36,36,.8);
}

.text-style p{font-size: .95rem;color:#666;line-height: 1.5rem;}
.title{font-size: 2.4rem ;font-weight: 400 ;color:#333;line-height: 2.6rem;}
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 !important;}
.text-theme1{color:var(--tblr-theme1-color);}
.text-theme2{color:var(--tblr-theme2-color);}
.bg-theme1{background: var(--tblr-theme1-color);}
.bg-theme2{background: var(--tblr-theme2-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 svg{fill:#000 !important; transition: all 0.3s;}
.a-box .btn-bg-white:hover{background:var(--tblr-theme1-color); color:#fff !important; transition: all 0.3s;}
.a-box .btn-bg-white:hover svg{fill:#ffffff !important; transition: all 0.3s;}
.a-box .btn-bg-black{padding:.8rem 1.5rem;background:rgba(0,0,0,1);color:#fff; border:1px solid #000;transition: all 0.3s;}
.a-box .btn-bg-black:hover{background:rgba(255,255,255,1);border:1px solid #333; color:#333 !important; transition: all 0.3s;}
.a-box .btn-bg-black svg{fill:#fff !important; transition: all 0.3s;}
.a-box .btn-bg-black:hover svg{fill:#000 !important; 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 .btn-border-ccc{padding:.8rem 1.5rem;background:rgba(250,250,250,0);border:1px solid #ccc;color:#444;transition: all 0.3s;}
.a-box .btn-border-ccc:hover{background:var(--tblr-theme1-color);border:1px solid var(--tblr-theme1-color);color:#fff;transition: all 0.3s;}
.a-box .btn-border-ccc svg{fill:#444;}
.a-box .btn-border-ccc:hover svg{fill:#fff;}
.a-box a svg{margin-left: .7rem;transition: all 0.3s;}
.a-box a:hover svg{margin-left: 1.2rem;transition: all 0.3s;}
.a-box .a-btn{padding:.6rem 1rem;}
.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);}
.hvr-bounce-to-right:before{background: var(--tblr-theme2-color);}
.hvr-underline-from-left:before{height: 1px;}

.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;}
.ltcolor{background: linear-gradient(90deg, #77ac32, #212fff);
background-clip: text;
-webkit-background-clip: text;
color: transparent;}
.transform-0{transform: rotate(0deg) !important;}
.fw-300{font-weight: 300 !important;}
.fw-400{font-weight: 400 !important;}
.fw-500{font-weight: 500 !important;}



.swiper-box{width: 100%;position: relative;overflow: hidden;z-index: 5;}
.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: rgb(247 247 247 / 70%);border-radius: 50%;width: 50px;height: 50px;top: 51%;text-align: center;line-height: 34px;}
.swiper-button-prev::after,.swiper-button-next::after{content: "";}
.swiper-button-prev{margin-top: -1rem;left:.5rem; color:#fff;transition: all 0.4s;}
.swiper-button-next{margin-top:-1rem;right:.5rem;transform: rotate(180deg);color:#fff;transition: all 0.4s;}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity: .95;transition: all 0.4s;}
.swiper-button-prev svg,.swiper-button-next svg{width: 25px;height: 25px;fill:rgb(0 0 0 / 70%);height: 30px;width: 30px;transition: all 0.4s;}
.swiper-button-prev:hover{left:1rem;background-color: rgb(247 247 247 / 100%);transition: all 0.4s;}
.swiper-button-next:hover{right:1rem;background-color: rgb(245 245 245);transition: all 0.4s;box-shadow: 0px -2px 12px -1px rgb(161 158 158 / 70%);}
.swiper-button-prev:hover svg,.swiper-button-next:hover svg{fill:rgb(0 0 0 / 100%);transition: all 0.4s;}
/*--- nav ----*/
.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;box-shadow:none;}
.navbar .navbar-nav li .nav-link{color:#333;position: relative;font-size: 1rem;border-radius: 0; padding: 1.4rem 1.5rem;cursor: pointer;}
.navbar .navbar-nav li:hover .nav-link{background: #fff5f5;transition: all 0.3s;}
.navbar .navbar-nav li:hover a,.navbar .navbar-nav .active .nav-link{color:var(--tblr-theme1-color-hover);}
.navbar .navbar-nav li .nav-link span{position: relative;}
.navbar .navbar-nav li .nav-link span:before{content: "";left: 0;position: absolute;bottom:0;width: 0;height: 1px;background: var(--tblr-theme2-color);transition: all 0.3s;}
.navbar .navbar-nav li:hover .nav-link span:before,.navbar .navbar-nav li.active .nav-link span:before{width: 100%;transition: all 0.3s;}
.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;}
.nav-item4 a svg,.nav-item6 a svg,.nav-item7 a svg{display: none;}

.navbar-nav .nav-item .dropdown-menu{border-radius: 0;background: rgb(255 255 255);border:#eee;padding:0;margin: 0;box-shadow: 0px 6px 23px -5px rgb(33 33 33 / 14%);margin-top: 0;}
.navbar-nav .nav-item .dropdown-menu a{color:#000;padding: .8rem 2rem;font-size: .875rem;border-bottom: 1px solid #eee;}
.navbar-nav .nav-item .dropdown-menu a:last-child{border:none;}
.navbar-nav .nav-item .dropdown-menu .dropdown-item:hover{color:var(--tblr-theme1-color);}


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

p{font-weight: 300;}
.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.5rem;font-weight: 300;color:#fff;line-height: 4rem;}
.banner .carousel-inner .carousel-item .btxt{font-size: 1rem;font-weight: 300;color:#eee;line-height: 1.6rem;}

.banner .carousel-indicators{bottom:5%;}
.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%);background: rgb(0 0 0 / 28%);position: absolute;z-index: 15;width: 100%;height: 100%;left: 0;top:0;}
.banner .carousel-caption{z-index: 20;}
/*.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;}
.banner .gif-bg2{animation-name:banimg2;animation-timing-function:ease;animation-duration: 6s;}
@keyframes banimg2{
0% {transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);}
100% {transform:scale(1.0,1.0);-webkit-transform:scale(1.0,1.0);-moz-transform:scale(1.0,1.0);}
}
.sm i{font-size: 18px;color:#fff;margin: 0;padding:0;}
.sm a{display: inline-block;width: 36px;margin-right: .6rem; height: 40px;text-align: center;line-height: 40px;border-radius: 2px; background: var(--tblr-theme1-color);transition: all 0.3s;}
.sm .search-btn{display: inline-block;width: 36px;margin-right: .6rem; height: 40px;text-align: center;line-height:29px;border-radius: 2px; background: var(--tblr-theme1-color);transition: all 0.3s;}
.sm .search-btn svg{fill:#fff;}
.sm a:last-child{margin-right: 0;}
.sm a:hover,.sm .search-btn:hover{background: var(--tblr-theme2-color);transition: all 0.3s;}

.h-system .imgbox .bg-black{opacity: .5;transition: all 0.3s;}
.h-system .imgbox:hover .bg-black{opacity: .3;transition: all 0.3s;}
.h-system .imgbox .txt{bottom:22%;left: 8%;transition: all 0.3s;}
.h-system .imgbox:hover .txt{bottom:25%;transition: all 0.3s;}
.h-video svg{cursor: pointer;}
.h-video .tbg{top: 10%;left: 0;}
.h-projects .hvr .boxa{position: absolute;z-index: 3; left: 0;top: 40%;transition: all 0.3s;}
.h-projects .hvr .overflow-hidden{transition: all 0.3s;}
.h-projects .hvr:hover .overflow-hidden{border-radius: 1rem;transition: all 0.3s;}
.h-projects .hvr:hover .boxa{top: 44%;transition: all 0.3s;}
.h-projects .hvr .bg-black{opacity: 0;transition: all 0.3s;}
.h-projects .hvr:hover .bg-black{opacity: 0.3;transition: all 0.3s;}
.h-projects .hvr .boxa a{opacity: 0; border:1px solid #fff;font-size: .95rem;color:#fff;padding:.6rem 1rem;transition: all 0.3s;}
.h-projects .hvr:hover .boxa a{opacity: .8;}
.h-projects .hvr .boxa a:hover{opacity: 1; background: rgb(182 205 62 / 25%);transition: all 0.3s;}
.h-projects .hvr .boxa a svg{fill:#fff;transition: all 0.3s;}
.h-projects .hvr .boxa a:hover svg{margin-left: .5rem !important;transition: all 0.3s;}

.h-why dl dd svg{width: 25px;height: 25px;}
.h-faq .accordion-item{border:none;border-bottom: 1px solid #ddd;}
.h-faq .accordion-item button{padding-left: 0;padding-right: 0;font-size: 1rem;}
.h-faq .accordion-item .collapsed{color:#666;}

.slimsline table{border:1px solid #ddd;}
.slimsline table td{padding:.5rem;font-size: .9rem;color:#666;border:1px solid #eee;}
.slimsline table tr td:nth-child(1){padding:.5rem;font-size: .9rem;color:#333;}
.support-faq h3 button{font-size: 1rem;}
.support-faq p{font-size: .9rem;}
.support-faq .accordion-item{border:0;background: #f7f7f7;margin-bottom: 1rem;}
.support-faq .accordion-collapse{background: #fff;}
.column-navs .a-box .a-btn{padding:.5rem 2rem !important;}
.column-navs .a-box .a-btn:hover{color:#fff !important;}
.column-navs .a-box .btn-style-3:hover{color:#000 !important;}

.download .column-navs dl dd .active{background: #000;color:#fff;}
.download .conbox .row:last-child{border-bottom:none !important;}
.download .conbox .row .col-2 img{transition: all 0.3s ease;}
.download .conbox .row:hover .col-2 img{webkit-transform: translateX(1rem);transform: translateX(1rem);transition: all 0.3s ease;}
.download .a-box a svg{width: 16px;height: 16px;}
.solutions .adv{background:url(../allimg/img/adv-bg.webp) center center no-repeat;background-size: cover;}
.solutions .adv .hvr span{width: 60px; height: 60px;line-height: 60px;transform: rotate(0deg);transition: all 0.4s;}
.solutions .adv .hvr:hover span{transform: rotate(360deg);transition: all 0.4s;}
.solutions .adv .hvr span img{width: 50%;}
.solutions .adv .hvr:before{background: var(--tblr-theme2-color);height: 5px;}

.about .silence{background:url(../allimg/img/silence-bg.webp) center center no-repeat;background-size: cover;padding:6rem 0;}
.about .silence .hvr-float{background: #03060f;border:1px solid #484848;}
.about .design .hvr .bg-black{opacity: .3;transition: all 0.4s;}
.about .design .hvr:hover .bg-black{opacity: .2;transition: all 0.4s;}
.about .design .hvr:hover .txt{top:25%;transition: all 0.4s;}
.about .design .hvr .txt{top:27%;width: 80%;text-align: center;left: 10%;transition: all 0.4s;}
.about .design .hvr .txt span{background: rgb(255 255 255 / 60%);display: inline-block;width: 70px;height: 70px;line-height: 70px;text-align: center;border-radius: 100px;}
.about .all-form{background: #f7f7f7;border:none;}

.all-form .hvr .overflow-hidden{border-bottom-right-radius: 20%;}
.all-form .a-box .a-btn{padding:.8rem 1.5rem;}
.all-form input,.all-form select,.all-form textarea,.all-form .input-group-text{border:1px solid #f1f1f1;border-radius: 5px;padding:1rem;background: #f5f5f5;}
.all-form .input-group-text{border:1px solid #f1f1f1; padding:1rem;background: #fbfbfb;}
.all-form .box{border-top-right-radius: 20px;border-bottom-right-radius: 20px; box-shadow:28px -15px 75px -48px rgb(187 187 187 / 30%);}
.all-form .box .col-lg-7{border-top-right-radius: 20px;border-bottom-right-radius: 20px;}
.all-form  input::-webkit-input-placeholder,.all-form  textarea::-webkit-input-placeholder{color:#333;font-size: .95rem;}

.artpro .a-box svg{fill:#fff;}
.carousel-control-prev svg,.carousel-control-next svg{width: 30px;height: 30px;}
.product-series .row{margin-bottom: 3rem;padding-bottom: 3rem;border-bottom: 1px solid #ddd;}
.product-series .row:last-child{border-bottom: none;}
.product-series .overflow-hidden{text-align: center;padding: 2rem 1rem;height: 100%;display: flex;align-items: center;justify-content: center;}
.product-series .overflow-hidden img{width: 40%;}
.product-series h3{font-size: 1.4rem;color:#333;margin-bottom: 1rem;}
.product-series h6{font-weight: 400;line-height: 1.4rem; font-size: .95rem;color:#666;margin-bottom: 1rem;padding-bottom: 1rem;border-bottom: 1px solid #ddd;}
.product-series h4{font-size: 1.1rem;color:#333;margin-top:1.5rem; margin-bottom: 1rem;}
.product-series ol{padding-left: 0;}
.product-series ul{padding-left: 1rem;}
.product-series ol,.product-series ul,.product-series p{font-size: .9rem;color:#666;line-height: 1.2rem;}
.product-series ol{list-style: none;}
.product-series ol li{padding: .5rem .5rem .5rem 0;}
.product-series ul li{margin-bottom: .7rem;}
.product-series ul li:last-child{border-bottom: 0;}
.product-series strong{color:#333;margin-right: 1rem;}


.new-article .conbox img{margin-top: 1rem;}
.new-article .conbox .row img{margin-top: 0;}
.new-article .conbox h2{font-size:1.5rem;color:#000; margin-top: 2rem;font-weight: 500;}
.new-article .conbox h5{font-size: 1rem;font-weight: 500;color:#999;font-weight: initial; margin-bottom: 2rem;padding-bottom: 1rem;border-bottom: 1px solid #ddd;}
.new-article .conbox h3{font-size:1.3rem;color:#000;font-weight: 500;margin-bottom: 1rem;margin-top: 2rem;}
.new-article .conbox p{font-size: .9rem;color:#666;line-height: 1.6rem;}
.new-article .conbox ul li{margin-bottom: .5rem;font-size: .9rem;color:#666;}
.new-article .conbox ul li:last-child{margin-bottom: 0;}
.new-article .conbox strong{color:#333;}
.new-article .conbox a{color:var(--tblr-a-hover-color);position: relative; overflow: hidden;}
.new-article .conbox a:before{content: "";width: 100%;height: 1px;background: rgb(192 218 249); position: absolute;bottom: -1px;left: 0;z-index: 2;}
.new-article .conbox a:hover:after{content: "";width: 20%;height: 1px;background: var(--tblr-a-hover-color); position: absolute;bottom: -1px;left: 0;z-index: 3;animation-name:gifline;animation-timing-function:ease-in;animation-duration: 2s;animation-iteration-count:infinite;animation-direction: alternate;}
@keyframes gifline{0% {left: 0;}100% {left:100%;}}

.footer{background: #1a1a1a;border: none;}
.footer .a{color:#fff;margin-left:0transition: all 0.5s ease;}
.footer .a:hover{margin-left: .2rem;transition: all 0.5s ease;}
.footer dl dd a{opacity: .8;transition: all 0.4s ease;font-weight: 300;}
.footer dl dd a:hover{opacity: 1;transition: all 0.4s ease;}
.footer .inoput-box{width: 100%; height: 40px;border-radius: 0;}
.footer .inoput-box input{border:none; height: 40px;border-radius:3px;background: rgb(255 255 255 / 10%);color:#fff;}
.footer .button-box{width: 45px;height: 40px;border-radius: 0;}
.footer .button-box button{border:none;overflow: hidden;display: inline-block;border-radius: 3px;width: 45px;height: 40px;text-align: center;line-height: 20px; background: #fff;}
.footer .inoput-box input::-webkit-input-placeholder{color:#666;}
.footer .button-box button svg{width: 16px;height: 16px;}
.footer .button-box button:hover svg{fill:#fff;}
.powerby{border-top: 1px solid #383838;}
.powerby .sm a{background: rgb(255 255 255 / 10%);border: none;color:#fff;transition: all 0.3s ease;}
.powerby .sm a:hover{background: var(--tblr-theme2-color);transition: all 0.3s ease;}
.powerby .sm a span i{color:#fff;}

/* From Uiverse.io by reglobby */ 
.user-profile {font-size: .9rem; width: 140px;height: 46px;cursor: pointer;transition: 0.3s ease;background: linear-gradient(to bottom right,#2e8eff 0%,rgba(46, 142, 255, 0) 30%);background-color: rgba(46, 142, 255, 0.2);}
.user-profile span{font-size: .9rem;font-weight: 400;}
.user-profile:hover,.user-profile:focus {background-color: rgba(46, 142, 255, 0.7);box-shadow: 0 0 10px rgba(46, 142, 255, 0.5);outline: none;}
.user-profile-inner {width: 138px;height: 42px;border-radius: 13px;background-color: #1a1a1a;display: flex;align-items: center;justify-content: center;gap: 8px;color: #fff;font-weight: 600;}
.user-profile-inner svg {width: 20px;height: 20px;fill: #fff;}

.btn-style-3,.btn-style-3-white{ cursor: pointer; position: relative; z-index: 1; overflow: hidden; }
.btn-style-3:hover,.btn-style-3-white:hover{ color: black; }
.btn-style-3:after,.btn-style-3-white:after{ content: ""; background: white; position: absolute; z-index: -1; left: -20%; right: -20%; top: 0; bottom: 0; transform: skewX(-45deg) scale(0, 1); transition: all 0.5s; }
.btn-style-3-white:after{background: #000;}
.btn-style-3:hover:after,.btn-style-3-white:hover:after{ transform: skewX(-45deg) scale(1, 1); -webkit-transition: all 0.5s; transition: all 0.5s; }

.position ul{display: flex;justify-content: center;list-style: none;padding:0;margin:0;}
.position li{margin-right: 6px;}
.position li::before{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: #6826c9 !important;transition: all 0.3s;text-decoration: revert;letter-spacing: 0.4px;}
.breadcrumb-item+.breadcrumb-item::before{content: "/";color:#333;font-size: 12px;margin-right: 5px;}
.position svg{width: 18px;height: 18px;}
.position-white li a{color:#fff !important;opacity: .9;}
.position-white ul li:nth-child(1) a{color:#fff !important;opacity: 1;}
.position-white  li a:hover{color:#fff !important;opacity: 1;}
.position-white .breadcrumb-item::before{color:#fff;}


.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;}
.no-click{pointer-events: none;cursor: default;}
.nolistyle{list-style: none;}
.transform-0{transform: rotate(0deg) !important;}
.btn-popform{cursor: pointer;}
.popform{border-radius: 20px !important;}
.popform .hbox{border-top-left-radius: 15px;border-top-right-radius: 15px;}
.sm i{font-size: 16px;color: #8dadd6;margin: 0;padding:0;}
.sm a{display: inline-block;width: 40px;margin-right: .6rem;height: 40px;text-align: center;line-height: 40px;border: 1px solid #6c8db8;transition: all 0.3s;background: none;}
.sm a:last-child{margin-right: 0;}
.sm a:hover{background: var(--tblr-theme1-color);transition: all 0.3s;}
.sm a:hover i{color:#fff;}
.gotop{position: fixed;right: 1px;z-index: 999; bottom:6rem;border:none;width: 40px;height: 40px;background: var(--tblr-theme1-color);color:#fff;transition: all 0.4s;}
.gotop svg{fill:#fff;width: 20px;height:20px;transition: all 0.4s;}
.gotop:hover{background: var(--tblr-theme1-color);transition: all 0.4s;}
.new-article .conbox a{color:var(--tblr-a-hover-color);position: relative; overflow: hidden;}
.new-article .conbox a:before{content: "";width: 100%;height: 1px;background: rgb(192 218 249); position: absolute;bottom: -1px;left: 0;z-index: 2;}
.new-article .conbox a:hover:after{content: "";width: 20%;height: 1px;background: var(--tblr-a-hover-color); position: absolute;bottom: -1px;left: 0;z-index: 3;animation-name:gifline;animation-timing-function:ease-in;animation-duration: 2s;animation-iteration-count:infinite;animation-direction: alternate;}




.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;}
.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);}

.prenext{margin-top: 1rem;padding:0;padding-top: 2%;border-top: 1px solid #ddd;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: #334ca6;text-decoration: underline;}

.lh-smmd{line-height: 1rem;}
.lh-mdlg{line-height: 1.4rem;}
.lh-lgxl{line-height: 2.2rem;}

.gif-bg{animation-name:gifbg;animation-timing-f3unction:ease-in;animation-duration: 10s;animation-iteration-count:infinite;}
@keyframes gifbg{
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);}
}

.row-order-66:nth-child(even) .col-md-6,.row-order-66:nth-child(even) .col-lg-6{order: 2 ;}
.row-order-66:nth-child(odd) .col-md-6,.row-order-66:nth-child(odd) .col-lg-6{order: 1 ;}
.search input{color:#333 !important;}
.multiply-f7 .overflow-hidden{background: #f7f7f7;mix-blend-mode: multiply;}
.multiply-f7 .overflow-hidden img{mix-blend-mode: multiply;}
.w-90{width:90% !important;}.w-80{width:80% !important;}.w-70{width:70% !important;}.w-60{width:60% !important;}.w-50{width:50% !important;}.w-40{width:40% !important;}.w-30{width:30% !important;}.w-20{width:20% !important;}.w-10{width:10% !important;}.w-5{width:5% !important;}
@media (min-width:992px){
	
	.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{display: block;opacity: 0; visibility: hidden;overflow: hidden;padding: 0;border: none;webkit-transform: translateY(-1rem);transform: translateY(-1rem);transition: all 0.3s ease;}
	.header .navbar-nav .nav-item:hover .dropdown-menu,.header .navbar-nav .nav-item a:hover+.dropdown-menu{display: block;visibility: visible;opacity: 1; webkit-transform: translateY(0);transform: translateY(0);transition: all 0.3s ease;}
	.header .navbar-nav .nav-item .dropdown-menu .dropdown-item{min-width: 8rem;font-size: .9rem;transition: all 0.3s ease;}
	.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;padding-left: 2.5rem;transition: all 0.3s ease;}

	.container{width: 76%;max-width: 1400px;margin:auto;}
	.container-nav{width: 92%;max-width: 1600px;margin:auto;}
	.nav-toptwo{margin-top:7vh;}
	.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;}

	.w-md-90,.w-lg-90{width: 90%;}
	.w-md-80,.w-lg-80{width: 80%;}
	.w-md-70,.w-lg-70{width: 70%;}
	.w-md-60,.w-lg-60{width: 60%;}
	.w-md-50,.w-lg-50{width: 50%;}
	.w-md-40,.w-lg-40{width: 40%;}
	.w-md-30,.w-lg-30{width: 30%;}
	.w-md-20,.w-lg-20{width: 20%;}
	.w-md-10,.w-lg-10{width: 10%;}

	.hover-box .showl{-webkit-transform: translateX(1.5rem);transform: translateX(1.5rem);transition: all 0.5s ease;}
	.hover-box .tab-content .show .showl,.hover-box .show:hover .showl,.hover-box .carousel-item.active .show .showl,.hover-box .tab-pane.active .showl{-webkit-transform: translateX(0rem);transform: translateX(0rem);transition: all 0.5s ease;}
	.hover-box .showr{-webkit-transform: translateX(-1rem);transform: translateX(-1rem);transition: all 0.5s ease;}
	.hover-box .tab-content .show .showr,.hover-box .show:hover .showr,.hover-box .carousel-item.active .show .showr,.hover-box .tab-pane.active .showr{-webkit-transform: translateX(.5rem);transform: translateX(.5rem);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,.hover-box .tab-pane.active .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 5px 13px -6px rgb(204 204 204 / 35%);transition: all 0.4s;}
	.hvr-float-yy:hover{box-shadow: 0px 13px 13px -6px rgb(204 204 204 / 70%);transition: all 0.4s;}

	.navbar-brand{width: 10%;}
	.modal.show .modal-dialog{max-width: 900px;}
	.h-certificate .swiper-slide {padding: 0 2rem;}

	.solutions .conbox .row:nth-child(even) .col-md-7{order: 2 ;}
	.solutions .conbox .row:nth-child(even) .col-md-5{order: 1 ;}

}

@media (min-width:1500px){
	.navbar .container-fluid{padding: 0 5rem;}
	.container{width: 80%;max-width: 1500px;margin:auto;}
	.w-xxl-90{width: 90%;}
	.w-xxl-80{width: 80%;}
	.w-xxl-70{width: 70%;}
	.w-xxl-60{width: 60%;}
	.w-xxl-50{width: 50%;}
	.w-xxl-40{width: 40%;}
	.w-xxl-30{width: 30%;}
	.w-xxl-20{width: 20%;}
	.w-xxl-10{width: 10%;}
}

@media screen and (min-width: 1301px) and (max-width: 1499px){
	.navbar .container-fluid{padding: 0 2rem;}
	.container{width: 88%;max-width: 1500px;margin:auto;}
	.title{font-size: 2.5rem ;font-weight: 300 ;color:#333;line-height: 3rem;}
	.w-xl-90{width: 90%;}
	.w-xl-80{width: 80%;}
	.w-xl-70{width: 70%;}
	.w-xl-60{width: 60%;}
	.w-xl-50{width: 50%;}
	.w-xl-40{width: 40%;}
	.w-xl-30{width: 30%;}
	.w-xl-20{width: 20%;}
	.w-xl-10{width: 10%;}
	.modal.show .modal-dialog{max-width: 800px;}
	.navbar .navbar-nav li .nav-link{padding:1.4rem 1.3rem;}
	.py-md-5{padding-top: 3rem !important;padding-bottom: 3rem !important;}
	.h-300,.h-400{width: 100%;height: 200px;object-fit: cover;}
	.listpro .h-400{width: 100%;height: 300px;object-fit: cover;}
	.h-projects .hvr h3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
	.h-why{padding:2rem 0;}
	.h-why dl .mx-md-4{margin-right: .5rem !important;margin-left: .5rem !important;}
	.h-why .txt{width: 100% !important;}
	.h-factory{padding-bottom: 0 !important;}
	.h-new .hvr p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
	.h-faq .overflow-hidden img{width: 100%;height: 400px;object-fit: cover;}
	.about .p-lg-5{padding-top: 0 !important;padding-bottom: 0 !important;}
	.about .design .hvr .txt{top: 6%;width: 90%;left: 5%;}
	.about .design .hvr:hover .txt{top:4%;}
	.about .design .hvr .txt p{font-size: .85rem !important;}
	.all-form .col-lg-7{padding-top: 2rem;padding-bottom: 2rem;}
	.support .w-lg-80{width: 90% !important;}
}


@media screen and (min-width: 1171px) and (max-width: 1300px){
	.container{width: 90%;max-width: 1500px;margin:auto;}
	.navbar .container-fluid{padding: 0 1rem;}
	.title{font-size: 2.2rem ;font-weight: 300 ;color:#333;line-height: 2.8rem;}
	
	.navbar .navbar-nav li .nav-link{padding:1.4rem 1rem;font-size: .95rem;}
	.h-300,.h-400{width: 100%;height: 200px;object-fit: cover;}
	.banner .carousel-inner .carousel-item .btitle{font-size: 3rem;font-weight: 300;color:#fff;line-height: 3.4rem;}
	.h-projects .hvr h3,.h-new .hvr h3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
	.h-why{padding:2rem 0;}
	.h-why dl .mx-md-4{margin-right: .5rem !important;margin-left: .5rem !important;}
	.h-why .txt{width: 100% !important;}
	.h-factory{padding-bottom: 0 !important;}
	.h-new .hvr p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
	.h-faq .overflow-hidden img{width: 100%;height: 400px;object-fit: cover;}
	.py-md-5{padding-top: 2rem !important;padding-bottom: 2rem !important;}
	.h-video .col-md-6{width: 100%;padding-right: 0 !important;}
	.h-video .col-md-6:nth-child(1){order:2 !important;}
	.h-video .col-md-6:nth-child(2){order:1!important;margin-bottom: 2rem;}
	.h-video .col-md-6 .overflow-hidden img{width: 100%;height: 300px;object-fit: cover;}
	.py-md-5{padding-top: 3rem !important;padding-bottom: 3rem !important;}
	.listpro .h-400{width: 100%;height: 300px;object-fit: cover;}
	.about .p-lg-5{padding-top: 0 !important;padding-bottom: 0 !important;}
	.about .design .hvr .txt{top: 6%;width: 90%;left: 5%;}
	.about .design .hvr .txt p{font-size: .85rem !important;}
	.about .silence .hvr-float{padding:1.5rem !important;}
	.about .design .hvr .txt span{width: 50px;height: 50px;line-height: 50px;}
	.about .design .hvr .txt span img{width: 20px;}
	.about .design .hvr .txt h3{margin-top: 1rem !important;}
	.about .design .hvr:hover .txt{top:4%;}

	.all-form .col-lg-7{padding-top: 2rem;padding-bottom: 2rem;}
	.support .w-lg-80{width: 90% !important;}
	.h-system{padding-top: 0 !important;}

}


@media screen and (min-width: 992px) and (max-width: 1170px){
	.navbar .container-fluid{padding: 0 .5rem;}
	.container{width: 94%;max-width: 1500px;margin:auto;}
	.title{font-size: 2rem ;font-weight: 300 ;color:#333;line-height: 2.8rem;}
	.navbar .navbar-nav li .nav-link{padding:1.4rem .7rem;font-size: .9rem;}
	.h-300,.h-400{width: 100%;height: 160px;object-fit: cover;}
	.banner .carousel-inner .carousel-item .btitle{font-size: 3rem;font-weight: 300;color:#fff;line-height: 3.4rem;}
	.h-projects .hvr h3,.h-new .hvr h3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
	.h-why{padding:2rem 0;}
	.h-why dl .mx-md-4{margin-right: .5rem !important;margin-left: .5rem !important;}
	.h-why .txt{width: 100% !important;}
	.h-factory{padding-bottom: 0 !important;}
	.h-new .hvr p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
	.h-faq .overflow-hidden img{width: 100%;height: 500px;object-fit: cover;}
	.py-md-5{padding-top: 2rem !important;padding-bottom: 2rem !important;}
	.h-video .col-md-6{width: 100%;padding-right: 0 !important;}
	.h-video .col-md-6:nth-child(1){order:2 !important;}
	.h-video .col-md-6:nth-child(2){order:1!important;margin-bottom: 2rem;}
	.h-video .col-md-6 .overflow-hidden img{width: 100%;height: 300px;object-fit: cover;}
	.py-md-5{padding-top: 3rem !important;padding-bottom: 3rem !important;}
	.listpro .h-400{width: 100%;height: 300px;object-fit: cover;}
	.about .p-lg-5{padding-top: 0 !important;padding-bottom: 0 !important;}
	.about .design .hvr .txt{top: 6%;width: 90%;left: 5%;}
	.about .design .hvr .txt p{font-size: .85rem !important;}
	.about .silence .hvr-float{padding:1.5rem !important;}
	.about .design .hvr .txt span{width: 50px;height: 50px;line-height: 50px;}
	.about .design .hvr .txt span img{width: 20px;}
	.about .design .hvr .txt h3{margin-top: 1rem !important;}
	.about .design .hvr:hover .txt{top:4%;}
	.h-faq .container-all{padding:0 !important;}

	.all-form .col-lg-7{padding-top: 2rem;padding-bottom: 2rem;}
	.support .w-lg-80{width: 90% !important;}
	.h-system,.h-faq{padding-top: 0 !important;}
	.h-factory .w-lg-90{width: 100% !important;}
	.display-5{font-size: 2.5rem !important;}
	.banner .carousel-inner .carousel-item .btitle{font-size: 2.3rem !important;line-height: 2.8rem;}

}

@media screen and (min-width: 769px) and (max-width: 991px){
	.nav-toptwo{margin-top:5rem; }
	.container{width: 90%;max-width: 1500px;margin:auto;}
	.navbar .container-fluid{padding: 0 1rem;}
	.title{font-size: 2.2rem ;font-weight: 300 ;color:#333;line-height: 2.8rem;}

	.navbar .navbar-nav li .nav-link{padding:1.4rem 1rem;font-size: .95rem;}
	.h-300,.h-400{width: 100%;height: 200px;object-fit: cover;}
	.banner .carousel-inner .carousel-item .btitle{font-size: 3rem;font-weight: 300;color:#fff;line-height: 3.4rem;}
	.banner .carousel-inner img{height: 500px !important;}
	.h-projects .hvr h3,.h-new .hvr h3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
	.h-why{padding:2rem 0;}
	.h-why dl .mx-md-4{margin-right: .5rem !important;margin-left: .5rem !important;}
	.h-why .txt{width: 100% !important;}
	.h-factory{padding-bottom: 0 !important;}
	.h-new .hvr p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
	.h-faq .overflow-hidden img{width: 100%;height: 400px;object-fit: cover;}
	.py-md-5{padding-top: 2rem !important;padding-bottom: 2rem !important;}
	.h-video .col-md-6{width: 100%;padding-right: 0 !important;}
	.h-video .col-md-6:nth-child(1){order:2 !important;}
	.h-video .col-md-6:nth-child(2){order:1!important;margin-bottom: 2rem;}
	.h-video .col-md-6 .overflow-hidden img{width: 100%;height: 300px;object-fit: cover;}
	.py-md-5{padding-top: 3rem !important;padding-bottom: 3rem !important;}
	.listpro .h-400{width: 100%;height: 300px;object-fit: cover;}
	.about .p-lg-5{padding-top: 0 !important;padding-bottom: 0 !important;}
	.about .design .hvr .txt{top: 6%;width: 90%;left: 5%;}
	.about .design .hvr .txt p{font-size: .85rem !important;}
	.about .silence .hvr-float{padding:1.5rem !important;}
	.about .design .hvr .txt span{width: 50px;height: 50px;line-height: 50px;}
	.about .design .hvr .txt span img{width: 20px;}
	.about .design .hvr .txt h3{margin-top: 1rem !important;}
	.about .design .hvr:hover .txt{top:4%;}

	.all-form .col-lg-7{padding-top: 2rem;padding-bottom: 2rem;}
	.support .w-lg-80{width: 90% !important;}
	.h-system{padding-top: 0 !important;}
	.display-5{font-size: 2rem !important;}
	.h-new,.h-faq{padding-top: 0 !important;}

}
@media (max-width:768px){
	.nav-toptwo{margin-top:4rem;}
	.container{width: 96%;margin:auto;}
	.navbar-brand{width: 42%;}
	.app-email svg{width: 30px;height: 30px;fill:#333;}
	
	.navbar-nav .dropdown-menu{padding: 0 1rem !important;overflow-y: scroll;max-height: 400px;background: #fbfbfb !important;}
	.navbar .navbar-nav li{margin:0;}
	.navbar .navbar-nav li{margin:0;border-bottom: 1px solid #eee;}
	.navbar .nav-item .dropdown-menu a:hover{color:#333 !important;background: #f9f9f9;}
	.navbar .navbar-nav .nav-item .nav-link{position: relative;z-index: 95;color: #000!important;padding: 1rem !important;font-size: 15px;text-transform: uppercase;}
	.navbar-nav .nav-item .dropdown-item{margin: 0;position:relative;color:#666 !important;font-size: .875rem !important;display: block !important;padding: 8px 0 !important;margin-bottom: 5px;border-bottom: 1px solid #eee;}
	.search-box{width: 90%;left: 5%;}


	.modal.show .modal-dialog{max-width: 500px;}
	.solutions .conbox .row .col-md-5{margin-top: 0 !important;}
	.banner .carousel-inner img{height: 400px !important;}
	.banner .carousel-inner .carousel-item .btitle{font-size: 2rem;line-height: 2.4rem;}
	.banner .carousel-inner .carousel-item .btitle br{display: none;}
	.carousel-caption{left: 8%;right: 8%;}
	.banner .carousel-inner .carousel-item .btxt{font-size: .9rem;font-weight: 300;color:#eee;line-height: 1.3rem;}
	.banner .a-box{margin-top: 1.5rem;}
	.title{font-size: 2rem;font-weight: 400;color:#333;line-height: 2.2rem;}

	.h-system .gif-bg{height: 300px;object-fit: cover;}
	.h-system .imgbox .txt{width: 90%;left:5%;}
	.h-300,.h-400{width: 100%;height: 200px;object-fit: cover;}
	.h-projects h3{font-size: 1rem !important;}
	.h-why .txt{margin-top: 1rem !important;}
	.display-5{font-size: 2rem !important;}
	.h-faq{border-top: 1px solid #eee;}
	.footer dl dd{display: inline-block; margin-right: .4rem;}
	.footer dl dd a{padding:.3rem .5rem;text-align: center;background: rgb(65 65 65 / 90%);}
	.column img{height: 200px;object-fit: cover;}
	.artpro .a-box{display: block !important;}
	.artpro .a-box a{width: 100%;text-align: center;padding:1rem .5rem !important;margin-top: .8rem;}
	.article .display-6{font-size: 1.5rem !important;}
	.new-article .conbox h2{font-size: 1.2rem !important;}
	.new-article .conbox h3{font-size: 1rem !important;}
	.ratio-21x9{--tblr-aspect-ratio: 75%;}
	.about .design .hvr .txt{top: 6%;width: 90%;left: 5%;}
	.about .design .hvr .txt p{font-size: .85rem !important;}
	.support .container-fluid{padding-left: 0 !important;padding-right: 0 !important;}
	.support-faq .btope{margin-top: 2rem !important;padding-top: 2rem !important;}
	.support-faq #faqSupport{margin-top: 2rem !important;}
	.navbar-nav .nav-item .dropdown-menu{box-shadow: none;}
	
	.hvr-buzz-out,.hvr-underline-from-left,.hvr-underline-from-center:before,.hvr-underline-from-left:before,.hvr-radial-in{transform: none;}
	.a-box .btn-bg-theme1{padding:.6rem 1rem;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:.6rem 1rem;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:.6rem 1rem;background:rgba(255,255,255,1);color:#333;transition: all 0.3s;}
	.a-box .btn-bg-white svg{fill:#000 !important; transition: all 0.3s;}
	.a-box .btn-bg-white:hover{background:var(--tblr-theme1-color); color:#fff !important; transition: all 0.3s;}
	.a-box .btn-bg-white:hover svg{fill:#ffffff !important; transition: all 0.3s;}
	.a-box .btn-bg-black{padding:.6rem 1rem;background:rgba(0,0,0,1);color:#fff; border:1px solid #000;transition: all 0.3s;}
	.a-box .btn-bg-black:hover{background:rgba(255,255,255,1);border:1px solid #333; color:#333 !important; transition: all 0.3s;}
	.a-box .btn-bg-black svg{fill:#fff !important; transition: all 0.3s;}
	.a-box .btn-bg-black:hover svg{fill:#000 !important; transition: all 0.3s;}
	.a-box .btn-border-theme1{padding:.6rem 1rem;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:.6rem 1rem;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:.6rem 1rem;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 .btn-border-ccc{padding:.6rem 1rem;background:rgba(250,250,250,0);border:1px solid #ccc;color:#444;transition: all 0.3s;}
	.a-box .btn-border-ccc:hover{background:var(--tblr-theme1-color);border:1px solid var(--tblr-theme1-color);color:#fff;transition: all 0.3s;}
	.a-box .btn-border-ccc svg{fill:#444;}
	.a-box .btn-border-ccc:hover svg{fill:#fff;}
	.a-box a svg{margin-left: .5rem;transition: all 0.3s;}
	.a-box a:hover svg{margin-left: .8rem;transition: all 0.3s;}
	.a-box .a-btn,.a-box a{padding:.6rem 1rem;font-size: .9rem !important;}

}