@charset "utf-8";
body,html{font-family:'Poppins',sans-serif,"Roboto","Helvetica Neue",Helvetica,Arial;width:100%;height:100%;background: #fff;}
.number-text{font-family: Segoe UI, Tahoma, Geneva, Verdana,"Microsoft YaHei", "PingFang SC",sans-serif;}
.select2 .select2-selection--single{height: 100%;}
.select2 .select2-selection--single .select2-selection__rendered {line-height: 36px;}
.select2 .select2-selection--single .select2-selection__arrow{height: 36px;}
.select2 .select2-selection,.select2-dropdown,.select2-search__field{border-color: var(--tblr-border-color)!important;}
.select2-results{box-shadow: 0 0.5rem 1rem rgba(var(--tblr-body-color-rgb),.15)!important;}
.input-group>.select2{flex: 1 1 auto;}
.input-group>.select2 .select2-selection{border-color: var(--tblr-border-color)!important;}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) + .select2 .select2-selection{border-top-left-radius: 0;border-bottom-left-radius: 0;}
.input-group>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) + .select2 .select2-selection{border-top-right-radius: 0!important;border-bottom-right-radius: 0!important;}
.codegroup .form-control.is-valid, .was-validated .codegroup .form-control:valid,.codegroup .form-control.is-invalid, .was-validated .codegroup .form-control:invalid,.datepicker.is-valid,.was-validated .datepicker:valid,.datepicker.is-invalid,.was-validated .datepicker:invalid{padding-right: .75rem;background-image:none;}
.was-validated .form-select:invalid + .select2,.was-validated .form-select:valid + .select2{z-index: 4;}
.was-validated .form-select:invalid + .select2 .select2-selection{border-color: var(--tblr-danger)!important;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d63939' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");background-repeat: no-repeat;padding-right: 2rem;background-position: right 0.75rem center,center right 2.25rem;background-size: 18px 18px;}
.was-validated .form-select:valid + .select2 .select2-selection{border-color: var(--tblr-success)!important;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");background-repeat: no-repeat;padding-right: 2rem;background-position: right 0.75rem center,center right 2.25rem;background-size: 18px 18px;}
.select2-container--default .select2-selection--single .select2-selection__clear{height: 36px;}
.select2-container .disabled,.opt-label.disabled,.related-unavailable {opacity: .5;position: relative;}
.select2-container .select2-selection.form-select-lg{padding-top: .25rem;padding-bottom: .25rem;padding-left: .5rem;border-radius: 8px;}
.select2 .select2-selection--single.form-select-lg .select2-selection__arrow{top:5px;}
.section{width:100%;height:auto;float:left;}
.shiro{display:none}
#carouselpro .carousel-indicators{position: static;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)}

.header{background-color: transparent;padding:0px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.header .navbar-nav .nav-link{color: #fff;}
.header .navbar-nav .hvr-underline-from-left{overflow:initial;}
.header .navbar-nav .dropdown-menu{min-width: auto;width: auto;transition: all 0.9s 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;transition: all 0.9s;}
.header .navbar-nav .nav-item .dropdown-menu .dropdown-item{min-width: 8rem;font-size: .9rem;}
.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;}

:root{
  --tblr-a-hover-color: rgba(30,112,209,1);/*#1e70d1*/
  --tblr-theme1-color:rgba(1,118,187,1);/*#0176bb*/
  --tblr-theme1-color-hover:rgba(1,118,187,.8);
  --tblr-theme2-color:rgba(134,192,47,1);/*#86c02f*/
  --tblr-theme2-color-hover:rgba(134,192,47,.8);
  --tblr-theme3-color:rgba(240,247,255,1);/*#f0f7ff*/
  --tblr-theme3-color-hover:rgba(240,247,255,.8);
}

a{color:var(--tblr-text-color);text-decoration: none;cursor: pointer;}
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;}
.a:hover{text-decoration: underline;cursor: pointer;}
.btn-theme{
  --tblr-btn-border-color: transparent;
  --tblr-btn-hover-border-color: transparent;
  --tblr-btn-active-border-color: transparent;
  --tblr-btn-color: #fff;
  --tblr-btn-bg: rgba(230,4,19,1);
  --tblr-btn-hover-color: #fff;
  --tblr-btn-hover-bg: rgba(230,4,19,.8);
  --tblr-btn-active-color: #609cef;
  --tblr-btn-active-bg: rgba(230,4,19,.8);
  --tblr-btn-disabled-bg: rgba(230,4,19,1);
  --tblr-btn-disabled-color: rgba(230,4,19,1);
  --tblr-btn-box-shadow: var(--tblr-shadow-button),var(--tblr-shadow-button-inset);
  transition: all 0.4s;
}
.text-grey{color:#666;}
.text-grey-min{color:#888;}
.text-grey-max{color:#333;}
.bg-f9{background: #f9f9f9;}
.bg-f7{background: #f7f7f7;}
.bg-f5{background: #f5f5f5;}
.bg-f3{background: #f3f3f3;}
.bg-f2{background: #f2f2f2;}
.bg-f1{background: #f1f1f1;}
.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%;}
.a-text{color:#000;transition: all 0.3s;text-decoration: revert;}
.a-text:hover{color:#d7161a;transition: all 0.3s;text-decoration: revert;}
.text-theme1{color:var(--tblr-theme1-color);}
.text-theme2{color:var(--tblr-theme2-color);}
.text-theme3{color:var(--tblr-theme3-color);}
.bg-theme1{background: var(--tblr-theme1-color);}
.bg-theme2{background: var(--tblr-theme2-color);}
.bg-theme3{background: var(--tblr-theme3-color);}
.bg-jbcolor1{background: linear-gradient(to right,#94df37,#0476bc);}
.text-jbcolor1{background: linear-gradient(90deg,#94df37,#0476bc);background-clip: text;-webkit-background-clip: text;color: transparent;}
.a-box .btn-border-white{background:rgba(250,250,250,0);border:1px solid rgba(255,255,255,1);color:#fff;transition: all 0.3s;}
.a-box .btn-border-white:hover{background:var(--tblr-theme1-color);border:1px solid var(--tblr-theme1-color);color:#fff;transition: all 0.3s;}
.a-box .a-btn{padding:.7rem 2rem;}
.a-box .a-btn svg{width: 18px;fill:#ffffff;height: 18px;margin-left: .3rem;transition: all 0.3s;}
.a-box .a-btn:hover svg{margin-left: .6rem;transition: all 0.3s;}
.w-80{width: 80%;}
.mt-n1{margin-top: -.5rem;}
.mt-n2{margin-top: -1rem;}
.title h2{font-size: 2rem;font-weight: 500;color:#333;line-height: 2.4rem;}
.title p{font-size: 1rem;color:#666;line-height: 1.4rem;}
.fw-500{font-weight: 500;}
.fw-bold{font-weight: 500 !important;}

.balle{border:1px solid #eee;}
.ball-theme1{border:1px solid var(--tblr-theme1-color);}
.btope{border-top: 1px solid #eee;}
.btopf{border-top: 1px solid #fff;}
.brtlr{border-radius: 10px 10px 0 0;}
.brblr{border-radius: 0 0 10px 10px ;}
.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;}
/*start*/

/*--- nav ----*/
.header{position: fixed;left: 0;top: 0;background: #fff;z-index: 200;transition: all 0.3s;/* border-bottom: 1px solid rgb(158 165 173 / 33%); */}
.header .navtop{opacity: 1;background-color: rgb(30 30 30);-webkit-transform: translateY(0);transform: translateY(0);transition: all 0.3s;height: 40px;line-height: 40px;position: relative;}
.header .navtop dl dd .a{color:#fff;font-size: .85rem;display: flex;align-items: center;}
.header .navtop dl dd .a i{color:#fff;font-size: 1rem;}
.header .navtop dl dd .a svg{fill:#ffffff;width: 18px;height: 18px;}
.header .navtop dl dd .a:hover span{color:var(--tblr-theme2-color);transition: all 0.3s;}
.header .navtop .sm a{width: 30px;height: 30px;line-height: 30px; border:none;background: #422828;border-radius: 50px;transition: all 0.3s;}
.header .navtop .sm a:hover{background: var(--tblr-theme2-color);transition: all 0.3s;}
.header .navtop .sm a i{font-size: .95rem !important;transition: all 0.3s;}
.header .navcon{background: #303030;border-bottom: 1px solid #404040;}
.header .navcon a img{width: 15%;}
.lang .dropdown-toggle:after{display: none;}
.lang .dropdown-toggle{font-weight: initial;cursor: pointer;}
.dropdown-menu-right a{padding: 0.6rem 1rem;color: #333;font-size: 15px;width: 100%;border-bottom: 1px solid #eee;}
.dropdown-menu-right a:last-child{border-bottom: none;margin-bottom: 0;}
.header .navbox{background: #303030;}

/*.inner .header{background: #fff !important;}
.inner .header .navbar-nav li .nav-link{color:#333;}
.inner .header .navbar-nav .nav-item:hover .nav-link{color:var(--tblr-theme1-color);text-decoration: underline;}
.inner .header .nav-item .nav-link svg{fill:var(--tblr-theme2-color);}
.index .header:hover{background: #fff !important;}
.index .header:hover .navbar-nav li .nav-link{color:#333;}
.index .header:hover .navbar-nav .nav-item:hover .nav-link{color:var(--tblr-theme1-color);text-decoration: underline;}
.index .header:hover .nav-item .nav-link svg{fill:#333;}*/

.header{background:rgba(255,255,255,1);z-index: 200;transition: all 0.3s;}
.header .navbar-nav{min-height: initial;}
.header .navbar-nav li{position: relative;display: inline-block;margin:0;box-shadow:none;}
.header .navbar-nav li .nav-link{color:#fff;white-space: nowrap;font-size: 1rem;padding:1rem 1.5rem 1rem 2rem;cursor: pointer;}
.header .navbar-nav li:hover .nav-link,.header .navbar-nav .active .nav-link{color:var(--tblr-theme2-color) !important;}
.header .navbar-nav .nav-item-page .nav-link{background: rgb(163 219 77 / 0%);transition: all 0.3s;}
.header .navbar-nav .nav-item-page:hover .nav-link{background: rgb(163 219 77 / 6%);border-radius: 0;transition: all 0.3s;}
.header .nav-item0,.header .nav-item-page{position: relative;overflow: hidden;}
.header .navbar-nav .nav-item0 .nav-link{color:var(--tblr-theme2-color);transition: all 0.3s;}
.header .nav-item0:before{content: "";position: absolute;bottom: 0;width: 50%;background: var(--tblr-theme2-color);height: 4px;left: 30%;transition: all 0.3s;}
.header .navbar-nav:hover .nav-item0 .nav-link{color:#fff;transition: all 0.3s;}
.header .navbar-nav:hover .nav-item0:before{left: 100%;transition: all 0.3s;}
.header .nav-item-page:before{content: "";position: absolute;bottom: 0;width: 50%;background: var(--tblr-theme2-color);height: 4px;left: 100%;transition: all 0.3s;}
.header .navbar-nav:hover .nav-item0:hover:before,.header .navbar-nav .nav-item-page:hover:before{left:25%;transition: all 0.3s;}
.header .navbar-nav li .hvr-underline-from-left{overflow: hidden;background: rgb(163 219 77 / 0%);transition: all 0.3s;}
.header .navbar-nav li:hover .hvr-underline-from-left{background: rgb(163 219 77 / 6%);border-radius: 0;transition: all 0.3s;}
.header .navbar-nav .hvr-underline-from-left:before{background: var(--tblr-theme2-color);width: 0%;left: 100%;width: 60%;transition: all 0.3s;}
.header .navbar-nav li:hover .hvr-underline-from-left:before{left: 20%;transition: all 0.3s;}


.header .navbar-nav li .dropdown-menu .dropdown-item{color: #333;font-size: .95rem;}
.header .nav-item .nav-link svg{transform: rotate(270deg);transition: all 0.3s;}
.header .nav-item .nav-link:hover svg{transform: rotate(630deg);transition: all 0.3s;}
.header .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 / 50%);margin-top: 0;}
.header .nav-item .dropdown-menu a{color:#333;padding: .8rem 2rem;font-size: .875rem;border-bottom: 1px solid #eee;}
.header .nav-item .dropdown-menu a:last-child{border:none;}

/*full*/
.navbar .navbar-nav .nav-item-full{position: inherit !important;transform:none;}
.navbar .navbar-nav .nav-item-full:before{display: none;}
.navbar .navbar-nav .nav-item-full .dropdown-menu-full{width: 100%; display: none;max-height: 73vh;position: absolute;left:0;padding: 0;background: rgb(255, 255, 255);max-height: 0px;min-height: 0px;overflow: hidden;transition: max-height ease-out 0.-fulls;}
.navbar .navbar-nav .nav-item-full:hover .dropdown-menu-full{border-top:1px solid #404040; padding-bottom: -full.5rem !important;max-height: 90vh;display: block;transition: max-height ease-in 0.-fulls;border-radius: 0;box-shadow:0 2px 2px 0 rgba(0,0,0,.05);}
.navbar .navbar-nav .nav-item-full a svg{transform: rotate(0deg);transition: all 0.3s;}
.navbar .navbar-nav .nav-item-full a:hover svg{transform: rotate(360deg);transition: all 0.3s;margin-right: .3rem;}
.navbar .navbar-nav .dropdown-menu-full .full-a{color:#333 !important;}
.navbar .navbar-nav .dropdown-menu-full .full-a:hover{color:#88c333 !important;}
/*full*/
.dropdown-menu-full .tab-content .context{display: none;}
.dropdown-menu-full .tab-content .context:nth-child(1){display: block;}
.header .navbar-nav .nav-item6{overflow:initial;}
.header .navbar-nav .nav-item6:before{display: none;}
.header .navbar-nav .nav-item6 .obox{position: relative; overflow: hidden;}
.header .navbar-nav .nav-item6 .obox:before{content: "";position: absolute;bottom: 0;width: 50%;background: var(--tblr-theme2-color);height: 4px;left: 100%;transition: all 0.3s;}
.header .navbar-nav .nav-item6 .obox:hover:before{left:25%;transition: all 0.3s;}

.navbar .dropdown-menu-full .col-lg-3.bg-303030{padding-left: 8% !important;}
.navbar .dropdown-menu-full .col-lg-3.bg-303030 .nav li .nav-link{position: relative;border:none !important;padding:1rem 0;}
.navbar .dropdown-menu-full .col-lg-3.bg-303030 .nav li .active{background: none !important;}
.navbar .dropdown-menu-full .col-lg-3.bg-303030 .nav li .nav-link span{position: relative;}
.navbar .dropdown-menu-full .col-lg-3.bg-303030 .nav li .nav-link span:before{content: ""; position: absolute;bottom: -1px;left: 0;width: 0;height: 2px;background: var(--tblr-theme2-color);z-index: 3;transition: all 0.3s;}
.navbar .dropdown-menu-full .col-lg-3.bg-303030 .nav li:hover .nav-link span:before,.navbar .dropdown-menu-full .col-lg-3.bg-303030 .nav li:hover .active span:before,.navbar .dropdown-menu-full .col-lg-3.bg-303030 .nav li .active span:before{width: 100%;transition: all 0.3s;}
.navbar .dropdown-menu-full .col-lg-3.bg-303030 .nav li .nav-link svg{width: 30px;height: 30px; opacity: 0;display: none;transition: all 0.3s;transform: rotate(0deg);}
.navbar .dropdown-menu-full .col-lg-3.bg-303030 .nav li:hover .nav-link svg,.navbar .dropdown-menu-full .col-lg-3.bg-303030 .nav li:hover .active svg,.navbar .dropdown-menu-full .col-lg-3.bg-303030 .nav li .active svg{opacity: 100%;display: inline-block; fill:var(--tblr-theme2-color);color:var(--tblr-theme2-color);transition: all 0.3s;}
.navbar .dropdown-menu-full .nav-contact{border-left: 1px solid #ebebeb;}
.navbar .dropdown-menu-full .nav-contact span{background: #d0e525;width: 56px;height: 55px;text-align: center;line-height: 43px;}
.navbar .dropdown-menu-full .nav-contact span svg{width: 30px;height: 30px;}
.bg-none{background: none;}
.bg-303030{background: #303030;}
.toptwo{background: rgba(255, 255, 255, 1) !important;
  -webkit-animation: fadeInDown 300ms ease-in-out 0s normal none 1 running;
  animation: fadeInDown 300ms ease-in-out 0s normal none 1 running;
  box-shadow: 0px 20px 40px rgba(37, 9, 62, 0.1);
  backdrop-filter: blur(16px);transition: all 0.3s;}

/*.toptwo .navtop{opacity: 0;width: 100%;z-index: 20; -webkit-transform: translateY(.5rem);transform: translateY(.5rem);transition: all 0.2s;}
.header .navbox{top: 40px; transition: all 0.5s;}
.toptwo .navbox{position: absolute !important;background: #fff; width: 100%;top: 0;left: 0; transition: all 0.3s;z-index: 300;}*/
.search-pc{background: #414040;transition: all 0.3s;}
.search-pc:hover{background: #4b4848;transition: all 0.3s;}
.search-pc input{height: 30px;background: none;border:none;color:#fff !important;}
.search-pc button{height: 30px;display: inline-block;background: none;border:none;box-shadow: none;}
.search-pc button svg{fill:#fff;}
.search-box{display: none;}
/*--- nav ----*/

.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 .title{font-size: 3rem;color:#fff;line-height: 3.5rem;}
.banner .carousel-inner .carousel-item .txt{font-size: 1rem;color:#eee;}
.banner .zzbg{background: linear-gradient(to right,rgb(0 0 0 / 30%),#00050200);background: rgb(0 0 0 / 20%); position: absolute;width: 100%;height:100%;left: 0;top:0;}
.banner .ban-btn{background: rgb(255 255 255 / 40%);transition: all 0.3s;}
.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 .video-wrapper{position: relative;z-index: 1;width: 100%;padding-bottom: 38%;height: 0;}
.banner .video-wrapper video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.banner .carousel-control-next,.banner .carousel-control-prev,.banner .carousel-indicators{z-index: 10;}
.banner button span{width: 70px;height: 70px;line-height: 51px;background: rgb(255 255 255 / 30%);}

.solutions-series .hvr h3 a{position: relative;}
.solutions-series .hvr h3 a:before{content: "";position: absolute;bottom:-3px;left: 0;width: 90%;height: 2px;background: var(--tblr-theme1-color);transition: all 0.3s;z-index: 4;}
.solutions-series .hvr:hover h3 a:before{width: 100%;transition: all 0.3s;}
.solutions-series .hvr h3 a:hover:after{content: "";position: absolute;bottom:-3px;left: 0;width: 20%;height: 2px;background: var(--tblr-theme2-color);z-index: 5;animation-name:gifline;animation-timing-function:ease-in;animation-duration: 2s;animation-iteration-count:infinite;animation-direction: alternate;}
.solutions-series .hvr h3 a svg{margin-left: .2rem;transition: all 0.3s;}
.solutions-series .hvr h3 a:hover svg{margin-left: .6rem; transition: all 0.3s;}
.h-solutions .swiper-slide{padding:0 .5rem;}
.h-solutions .swiper-slide .bg-black{opacity: .3;transition: all .3s;}
.h-solutions .swiper-slide:hover .bg-black{opacity: .1;transition: all .3s;}
.h-solutions .swiper-slide p{left: 10%;bottom: 1rem;transition: all .3s;}
.h-solutions .swiper-slide:hover p{bottom: 1.5rem;transition: all .3s;}

.h-about .bg-black{background: #24293d !important;}
.h-new .hvr h3 a svg{margin-left: .2rem;transition: all 0.3s;}
.h-new .hvr h3 a:hover svg{margin-left: .6rem; transition: all 0.3s;}
.h-new .hvr h3 a:hover{text-decoration: underline; transition: all 0.3s;}
.h-new .hvr:hover h3 a{color:var(--tblr-theme1-color);transition: all 0.3s;}
.h-new .hvr a{color:#333;}
.all-form{background:url(../allimg/img/all-form.webp) bottom center no-repeat;background-size: cover;}


.a-btn-style1{--main-color:rgb(46,213,115);--main-bg-color:rgba(46,213,116,0.36);--pattern-color:rgba(46,213,116,0.073);filter:hue-rotate(0deg);cursor:pointer;text-transform:uppercase;letter-spacing:0.5rem;background:radial-gradient(circle,var(--main-bg-color)0%,rgba(0,0,0,0)95%),linear-gradient(var(--pattern-color)1px,transparent 1px),linear-gradient(to right,var(--pattern-color)1px,transparent 1px);background-size:cover,15px 15px,15px 15px;background-position:center center,center center,center center;border-image:radial-gradient(circle,var(--main-color)0%,rgba(0,0,0,0)100%)1;border-width:1px 0 1px 0;color:var(--main-color);padding:1rem 3rem;font-weight:700;font-size:1.5rem;transition:background-size 0.2s ease-in-out}
.a-btn-style1:hover{background-size:cover,10px 10px,10px 10px;}
.a-btn-style1:active{filter: hue-rotate(250deg);}

.position-sticky{position: sticky !important;top: 7.8vh;z-index: 99;left: 0;}
.solutions .conbox .hvr a .bg-black{opacity: .3;transition: all 0.3s;}
.solutions .conbox .hvr:hover a .bg-black{opacity: .6;transition: all 0.3s;}
.solutions .conbox .hvr a .a-btn-style1{letter-spacing: 20px;opacity: 0;-webkit-transform: translateY(1rem);transform: translateY(1rem);transition: all 0.3s ease;}
.solutions .conbox .hvr:hover a .a-btn-style1{letter-spacing: 2px;opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);transition: all 0.3s ease;}
.solutions .conbox .hvr a .a-btn-style1:hover{filter: hue-rotate(250deg);transition: all 0.3s;}
.solutions-box p{font-size: 1rem;color: #555;line-height: 1.5rem;}
.support .oem ul,.support .odm ul{margin:0;}
.support .oem ul li,.support .odm ul li{font-size: 1rem; margin-bottom: 2rem;color:#666;}
.support .oem ul li strong,.support .odm ul li strong{font-size: 1.2rem;color:#333; display: block;margin-bottom: .4rem;}

.global{width: 66%;left: 14%;bottom:0;}
.about .culture{background:url(../allimg/img/company-culture-bg.webp) center center no-repeat;background-size: cover;}
.about .culture .col span{display: inline-block;width: 70px;height: 70px;line-height: 70px;text-align: center;}
.about .culture .col span img{width: 40px;height: 40px;}
.factory .swiper-slide{padding:0 1rem;}
.factory .swiper-slide .bg-black{opacity: .3;transition: all .3s;}
.factory .swiper-slide:hover .bg-black{opacity: .1;transition: all .3s;}
.factory .swiper-slide p{left: 10%;bottom: 1rem;transition: all .3s;}
.factory .swiper-slide:hover p{bottom: 1.5rem;transition: all .3s;}
.history .swiper-wrapper .swiper-slide{padding-top: 3.5rem;border-top: 1px solid var(--tblr-theme1-color);}
.history .swiper-wrapper .swiper-slide:after{content: "";position: absolute;z-index: 5; top: -1px;transition: all 1s;left: 0;height: 1px;width: 0%;background: var(--tblr-theme2-color);}
.history .swiper-wrapper .swiper-slide:before{content: "";z-index: 6;position: absolute;left: 10%;top: -10px;width: 20px;height: 20px;border-radius: 50px;background: var(--tblr-theme1-color);}
.history .swiper-wrapper .swiper-slide-active:after{transition: all 1.5s;width: 110%;}
.history .swiper-wrapper .swiper-slide-active:before{transition: all 0.4s;background: var(--tblr-theme2-color);}
.history .swiper-button-prev{left: 1rem;margin-top: 6px;color:#fff;top: 0;transition: all .4s;background: #fff;}
.history .swiper-button-next{right:1rem;margin-top: 6px;color:#fff;top: 0;transition: all .4s;background: #fff;}
.certificate .box{border:5px solid #f9f9f9;transition: all 0.4s;}
.certificate .box:hover{border:5px solid var(--tblr-theme1-color);transition: all 0.4s;}

.support .accordion .accordion-item{margin-bottom: 1.5rem;border:1px solid #ddd;background: #f9f9f9;}
.support .accordion .accordion-item:last-child{margin-bottom: 0;}
.support .accordion h3,.support .accordion .accordion-item button{font-size: 1.3rem;color:#333;font-weight: 500;padding: .8rem 1rem;}
.support .accordion .accordion-body{padding:0 2rem 1rem 2rem; font-size: .95rem;color:#666;}
.support .accordion .accordion-body p{font-size: .95rem;color:#666;}
.support-form input,.support-form textarea,.support-form select,.support-form .input-group-text{background: #fff !important;}
.download .col-md-12 a{border:1px solid #ddd;}
.download .hvr-sweep-to-right:before{background:linear-gradient(to right, #e2ffbd, #38a1e1);}
.download .col-md-12 a svg{width: 30px;height: 30px;fill:var(--tblr-theme1-color);}
.download .col-md-12 a:hover svg{fill:#fff;}
.download .downarr{width: 25px !important;height: 25px !important;position: absolute;right: 2rem;top: 30%;}


.listpro .pronav h2{padding:1rem;}
.listpro .pronav ul{padding: 0;margin:0;list-style: none;}
.listpro .pronav ul li{cursor: pointer;position: relative;border-bottom: 1px solid #ddd;padding: 0;background: #fff;transition: all 0.3s;}
.listpro .pronav ul .active:before{top:30%;background:var(--tblr-theme1-color);transition: all 0.3s;}
.listpro .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;}
.listpro .pronav ul li:hover:before{content: "";position: absolute;z-index: 5; left: 0;width: 3px;height: 40%;background:var(--tblr-theme1-color) ;top:30%;transition: all 0.3s;}
.listpro .pronav ul li svg{transform: rotate(270deg);margin-right:-.7rem;fill:#333;transition: all 0.3s;}
.listpro .pronav ul li a{padding: 1rem 2rem;font-size: 0.88rem;font-weight: 600;transition: all 0.3s;background: #fff;color:#333;}
.listpro .pronav ul li:last-child{border-bottom: none;}
.listpro .pronav ul li:hover,.listpro .pronav ul li.active a{background: #ffffff;color:var(--tblr-theme1-color) !important;transition: all 0.3s;}
/*.listpro .pronav ul li:last-child svg{fill:var(--tblr-theme1-color) ;transition: all 0.3s;margin-left: 0;transform: rotate(0deg);}*/
.listpro .pronav ul li.active a,.listpro .pronav ul li:hover a{color:var(--tblr-theme1-color);font-weight: 600;transition: all 0.3s;}
.listpro .pronav dl dd{margin-bottom: .4rem;}
.listpro .pronav dl dd:last-child a{border-bottom: none !important;padding-bottom: 0.4rem !important;}
.listpro .pronav dl dd a{padding:.8rem ;padding-left: 2rem; background: none;}
.listpro .pronav dl dd a:hover{background: none;}
.listpro .pronav ul li:last-child{background: #fbfbfb;}
.listpro .pronav ul li:last-child a{color:#333;}
.listpro .pronav dl dd.active a,.listpro .pronav dl dd:hover a{color:var(--tblr-theme1-color);}
.listpro .col-md-9 a:hover{color:var(--tblr-theme1-color);}
.listpro .pronav ul li dl{display: none;transition: all 0.3s;background: #f2f7ff;}
.listpro .pronav ul li:hover dl,.listpro .pronav ul .active dl{display: block;transition: all 0.3s;overflow: hidden;}
.listpro .pronav ul li svg{transform: rotate(270deg);transition: all 0.3s;}
.listpro .pronav ul li:hover svg,.listpro .pronav ul .active svg{transform: rotate(630deg);transition: all 0.3s;}
.listpro .pronav ul li dl dd{margin-bottom: 0;}
.listpro .pronav ul li dl dd a{background: #fff !important;font-weight: initial !important; color:#333 !important;padding:.5rem;padding-left: 2.5rem;}
.listpro .pronav ul li dl dd:first-child a{padding-top: .8rem;}
.listpro .pronav ul li dl dd:last-child a{padding-bottom: .8rem;}
.listpro .pronav ul .active dl dd a,.listpro .pronav ul li:hover dl dd a{background: #fff6f6 !important;color: rgb(143 15 15 / 70%) !important;border-bottom: 1px solid #f9e7e7; }
.listpro .pronav ul li dl dd:last-child a{display: none;}
.listpro .pronav ul li dl dd:hover a{padding-left: 3.5rem;transition: all 0.3s;}
.listpro .pronav ul li dl dd:hover a{background: #f7e5e5 !important;color: rgb(227 0 0) !important;font-weight: 600 !important;}
.listpro .pronav ul .active .arr28 svg,.listpro .pronav ul .active .arr29 svg,.listpro .pronav ul .active .arr30 svg,.listpro .pronav ul .active .arr80 svg,.listpro .pronav ul .active:hover .arr28 svg,.listpro .pronav ul .active:hover .arr29 svg,.listpro .pronav ul .active:hover .arr30 svg,.listpro .pronav ul li:hover .arr28 svg,.listpro .pronav ul li:hover .arr29 svg,.listpro .pronav ul li:hover .arr30 svg,.listpro .pronav ul li:hover .arr80 svg{transform: rotate(0deg);}
.listpro .hvr:before{height: 1px;}
.listpro .hvr:hover h3{color:var(--tblr-theme1-color); transition: all 0.3s;}
.listpro .hvr:hover{border:1px solid rgb(255 191 190);transition: all 0.3s;}

.artpro .col-xl-6 .a-box .a-btn svg{fill:#ffffff;}
.artpro .ban .position{left: 50%;top: 1.5rem;}
.artpro .scrollspy-example p{font-size: 1rem;color:#555;line-height: 1.6rem;}
.artpro .scrollspy-example .text-grey-max{color:#333;}
.artpro .scrollspy-example h3{font-size: 1.8rem;}
.artpro .scrollspy-example h4{font-size: 1.4rem;margin-top: 2rem; line-height: 1.7rem;color:var(--tblr-theme1-color);}
.artpro .scrollspy-example h5{font-size: .9rem;line-height:2rem;margin-top: 1rem; color:#333;}
.position-sticky{top: 8.8vh;z-index: 99;left: 0;}
.artpro #carouselpro .carousel-indicators{justify-content: center;}

.artpro .proicon{height: 35px;}
.artpro #navbar-example{background: #f3f4f8;}
.artpro #navbar-example dl{margin-bottom: 0;}
.artpro #navbar-example dl dd{margin-bottom: 0;}
.artpro #navbar-example dl dd a{display: inline-block; background: #f3f4f8;padding:1rem 1.5rem;transition: all .4s;color:#333;}
.artpro #navbar-example dl dd .active{background:  var(--tblr-theme2-color);transition: all .4s;color:#fff;}
.artpro .desp ul li{font-size:1rem; color:#333;margin-bottom: .5rem;line-height: 1.4rem;}
.artpro #features ul{margin: 0;margin-left: -.5rem;margin-top: 1rem;}
.artpro #features ul li strong{color:#333;}
.artpro #features ul li{font-size:1rem; color:#555;margin-bottom: .5rem;line-height: 1.4rem;}
.artpro #features ul li b{color:#333;}
.artpro #features ul li:last-child{margin-bottom: 0;}
.artpro #applications img{width: 60%;margin:auto;}
.artpro .spec table{width: 100%;margin-bottom: 3rem;}
.artpro .spec table:last-child{margin-bottom: 0;}
.artpro .spec table tr:first-child td{background: #f5f5f5;font-size: 1rem; font-weight: bold;}
.artpro .spec table tr td{font-size: .85rem;color:#333;padding:.6rem 1rem;border: 1px solid #ccc;}
.artpro .application p{color:#333;}
.artpro .dimensions table{width: 100%; margin-top: 3rem;}
.artpro .dimensions table tr:first-child td{background: #f6f9ff;font-size: 1.2rem;border-bottom: none; font-weight: bold;}
.artpro .dimensions table tr td{font-size: .85rem;color:#333;padding:.6rem 1rem;border-bottom: 1px solid #f6f9ff;}.artpro .dimensions table tr td{font-size: .95rem;color:#333;padding: 1rem 2rem;border-bottom: 1px solid #cfd7e9;}
.artpro .related .hvr{border:1px solid #ebf2ff;}
.multiply .overflow-hidden{background: linear-gradient(to bottom,rgb(255 255 255 / 20%),#faf8f8);background: #f9f9f9;mix-blend-mode: multiply;}
.multiply .overflow-hidden img{mix-blend-mode: multiply;}
.multiply-f5 .overflow-hidden{background: linear-gradient(to bottom,rgb(255 255 255 / 20%),#faf8f8);background: #f5f5f5;mix-blend-mode: multiply;}
.multiply-f5 .overflow-hidden img{mix-blend-mode: multiply;}


.contact .ctop .row img{width: 50px;}

.footer{background: #303030;}
.footer a{font-weight: initial;color:#c0c0c0;transition: all .3s;font-size: 1rem;}
.footer dl dd{margin-bottom: .7rem;}
.footer dl dd:last-child{margin-bottom: 0;}
.footer .col-md-4 h3{color:#fff;font-size: 1.2rem;}
.footer .col-md-4 p{color:#c0c0c0;transition: all .3s;}
.footer a:hover{color:#fff;opacity: 1; transition: all .3s;}
.bt-3b3b3b{border-top: 1px solid #3b3b3b;}
.aborder{text-transform: none;transition: all 0.3s;}
.aborder:hover{text-decoration: underline;transition: all 0.3s;}

.formshiro input,.formshiro textarea,.formshiro select{color: #333;font-size: 1rem;padding: .7rem 1rem;border-color: #ebebeb;background: #ebebeb;transition: all .3s;}
.formshiro input:hover,.formshiro textarea:hover,.formshiro .input-group:hover{border-color: #e3bebe;transition: all .3s;}
.formshiro .select2-container--default .select2-selection--single{border-color: #bbbbbb !important;}
.formshiro input::-webkit-input-placeholder,.formshiro textarea::-webkit-input-placeholder{color:#777;font-size: .9rem;}
.formshiro .input-group .input-group-text{border: 1px solid #ebebeb;border-right: none;background-color: #f3d5d5;}
.formshiro .form-check-input{width: 14px;height: 13px;border-radius: 3px;margin-top: 3px;}
.formshiro select{font-size: .9rem;}

.form-contact .formshiro input,.form-contact .formshiro textarea,.form-contact .formshiro select{background: #f9f9f9;}
.form-contact .formshiro .input-group-text{background: var(--tblr-theme1-color);color: #fff; border: 1px solid var(--tblr-theme1-color);}

.swiper-next-prev-style1 .swiper-button-prev{left:0;position: relative;background: rgb(237 237 237 / 70%); right:auto;border-radius: 30px 0 0px 30px;transition: all .3s;}
.swiper-next-prev-style1 .swiper-button-prev:hover{left: 0; box-shadow:none;background: rgb(249 249 249 / 80%);transition: all .3s;}
.swiper-next-prev-style1 .swiper-button-next{right: 0; position: relative;background: rgb(237 237 237 / 70%);left:auto;border-radius: 30px 0 0px  30px;transition: all .3s;}
.swiper-next-prev-style1 .swiper-button-next:hover{right:0;box-shadow: none;background: rgb(249 249 249 / 80%);transition: all .3s;}

.column{position: relative;}
.column img{width: 100%;}
.column h1{font-size: 2.2rem !important;font-weight: bold;}
.column 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;}

.column-navs dl{border-bottom: 1px solid #eee;}
.column-navs dl dd{margin:0 2rem;}
.column-navs dl dd a{position: relative; display: inline-block;padding:1.2rem 0; color:#333;font-weight: 400;}
.column-navs dl dd a:before{content: "";position: absolute;z-index: -1;left: 0;right: 100%;bottom: -2px;background: var(--tblr-theme1-color);height: 4px;-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-navs dl dd a.active:before,.column-nav dl dd a:hover:before{right: 0;z-index: 1;}
.column-navs dl dd a.active{color:var(--tblr-theme1-color);}

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

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

.gif-img{ transform:scale(1.3,1.3);-webkit-transform:scale(1.3,1.3);-moz-transform:scale(1.3,1.3); opacity:1; transition: all 2.4s ease-in-out; }
.delighter.gif-img.started{transform:scale(1.0,1.0);-webkit-transform:scale(1.0,1.0);-moz-transform:scale(1.0,1.0); opacity:1;}
.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);}
}
.gif-line{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%;}}
.delighter.splash {transition: all 2s ease-out;}
.delighter.splash.ended {background: #fff;}
.delighter.right { transform:translate(-100%); opacity:0; transition: all .75s ease-out; }
.delighter.right.started { transform:none; opacity:1; }
.delighter.left { transform:translate(100%); opacity:0; transition: all .75s ease-out; }
.delighter.left.started { transform:none; opacity:1; }
.delighter.bottom { transform:translatey(40%); opacity:0; transition: all .75s ease-out; }
.delighter.bottom.started { transform:none; opacity:1; }
.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;}
.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: #a3a3a3;margin: 0;padding:0;}
.sm a{display: inline-block;width: 40px;margin-right: .6rem;height: 40px;text-align: center;line-height: 40px;border: none;transition: all 0.3s;background: #2b2b2b;border-radius: 50px;}
.sm a:last-child{margin-right: 0;}
.sm a:hover{background: linear-gradient(to right,#94df37,#0476bc);transition: all 0.3s;}
.sm a:hover i{color:#fff;}
.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;}
.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);}
.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;}
.lh-smmd{line-height: 1rem;}
.lh-mdlg{line-height: 1.4rem;}
.lh-lgxl{line-height: 2.2rem;}
.hvr-opacity{transition: all 0.3s;}
.hvr-opacity:hover{opacity: 100% !important;transition: all 0.3s;}
.hvr-line1{position: relative;display: inline-block; padding-bottom: .1rem;}
.hvr-line1:before{content: "";position: absolute;bottom: 0; left: 0;width: 40%;height: 1px;background: var(--tblr-theme1-color);transition: all 0.3s;}
.hvr-line1:hover{color:var(--tblr-theme1-color-hover);transition: all 0.3s;}
.hvr-line1:hover:before{width: 100%;transition: all 0.3s;}
.mr-last0 div:last-child,.mr-last0 li:last-child,.mr-last0 dd:last-child{margin-right: 0!important;}
.swiper-next-prev-style1 .swiper-button-prev{height: 40px; left:0;position: relative;background: rgb(237 237 237 / 70%); right:auto;border-radius: 30px 0 0px 30px;transition: all .3s;}
.swiper-next-prev-style1 .swiper-button-prev:hover{left: 0; box-shadow:none;background: rgb(249 249 249 / 80%);transition: all .3s;}
.swiper-next-prev-style1 .swiper-button-next{height: 40px;right: 0; position: relative;background: rgb(237 237 237 / 70%);left:auto;border-radius: 30px 0 0px  30px;transition: all .3s;}
.swiper-next-prev-style1 .swiper-button-next:hover{right:0;box-shadow: none;background: rgb(249 249 249 / 80%);transition: all .3s;}

.popbtn{cursor: pointer;}
.pop-media{position: fixed;right: 1px;z-index: 999; bottom:40%;}
.pop-media dd{-webkit-transform: translateX(25px);transform: translateX(25px);transition: all 0.3s ease;}
.pop-media dd:hover{-webkit-transform: translateX(2px);transform: translateX(2px);transition: all 0.3s ease;}
.pop-media .a{padding: 6px;display: inline-block;border-radius: 30px 0 0 30px;background: #f7f7f7;width: 66px;transition: all 0.3s ease;}
.pop-media .a span{display: inline-block;width: 34px;height: 34px;line-height: 38px;text-align: center;background: var(--tblr-theme1-color);border-radius: 50px;transform: rotate(0deg);transition: all 0.3s;}
.pop-media .a span i{color:#fff;font-size: 1rem;}
.pop-media dd:hover .a span,.pop-media dd:hover .a button{transform: rotate(360deg);transition: all 0.3s;}
.gotop{border:none;width: 34px;height: 34px;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;}

.display-5d5{font-size: 2.5rem;}
@media (min-width:992px){
	.container{width: 82%;max-width: 1800px;margin:auto;}
	.container-nav{width: 88%;margin:auto;}
	.nav-toptwo{margin-top:15vh;}
	.navbar-expand-lg{display: flex;}
	.header .navbar-brand{width:50%;-webkit-transform: translateX(4px);transform: translateX(4px);transition: all 0.3s ease;}
  .toptwo .navbar-brand{width: 50%;-webkit-transform: translateX(-5px);transform: translateX(-5px);transition: all 0.3s ease;}
	.app-down{display: none;}
	.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-toggler{display: none !important;}
	.carousel svg{width: 2rem;height: 2rem;}
	.modal .modal-dialog{max-width: 800px;}
  .app-nav{display: none;}
  .position-sticky{top:17.8vh;z-index: 99;left: 0;}

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


	.h-110{width: 100%;height: 110px;object-fit: cover;}
  .h-150{width: 100%;height: 150px;object-fit: cover;}
	.h-250{width: 100%;height: 250px;object-fit: cover;}
	.h-300{width: 100%;height: 300px;object-fit: cover;}
	.h-350{width: 100%;height: 350px;object-fit: cover;}
  .h-400{width: 100%;height: 400px;object-fit: cover;}
	.h-500{width: 100%;height: 500px;object-fit: cover;}
	.w-lg-90{width: 90%;}
	.w-lg-80{width: 80%;}
	.w-lg-70{width: 70%;}
	.w-lg-60{width: 60%;}
	.w-lg-50{width: 50%;}
	.w-lg-40{width: 40%;}
	.w-lg-30{width: 30%;}
	.w-lg-20{width: 20%;}
	.w-lg-10{width: 10%;}
	.p-3d5{padding:1.5rem !important;}
  .p-lg-4d5{padding:3rem !important;}
	.mt-3d5{margin-top:1.5rem !important;}
	.mt-4d5{margin-top:3rem !important;}

  .solutions-box .container{max-width: 1200px;}
  .artpro .dimensions img{width: 70%;margin:0 auto;}
}
@media (min-width:768px){
	.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%;}
}
@media (min-width:1920px){
  .nav-toptwo {margin-top: 12vh;}
}
@media (min-width:1500px){
	.py-md-5{padding-top: 5rem !important;padding-bottom: 5rem !important;}
	.p-xxl-4d5{padding:3rem !important;}
	.py-xxl-5{padding:5rem 0!important;}
  .banner img{max-width: 101% !important;}
  .solutions-series .hvr p{width: 94%;}
  .modal .modal-dialog{max-width:1000px;}
  .artpro .conbox .container{}
  .w-xxl-90{width: 90% !important;}
}

@media screen and (min-width: 1300px) and (max-width: 1499px){
  .container-nav{width: 92%;}
  .nav-toptwo{margin-top:16vh;}
  .container{width: 88%;}
  .header .navbar-nav li .nav-link{padding: 1rem 1.5rem;}
  .h-350{width: 100%;height: 300px;object-fit: cover;}
}

@media screen and (min-width: 1200px) and (max-width: 1299px){
	.container-nav{width: 92%;}
	.container{width: 88%;}
	.nav-toptwo{margin-top:13vh;}
	.p-lg-3d5{padding:1.5rem !important;}
	.p-lg-4d5{padding:3rem !important;}
	.d-xxl-none{display: none !important;}
  .h-350{width: 100%;height: 280px;object-fit: cover;}

  .navbar .dropdown-menu-full .col-lg-3.bg-303030{padding-left: 3% !important;}
  .navbar .dropdown-menu-full .col-lg-3.bg-303030 .nav li .nav-link {padding-top: .8rem !important;padding-bottom: .8rem !important;}
  .navbar .dropdown-menu-full .col-lg-3.bg-303030 .nav li .nav-link span{font-size: .9rem !important;}
  .navbar .dropdown-menu-full .col-lg-3 dl{margin-left: 1rem;}
}

@media screen and (min-width: 992px) and (max-width: 1199px){
	.container-nav{width: 94%;}
	.container{width: 90%;}
  .navbox .container{width: 94%;}
	.nav-toptwo{margin-top:13vh;}
  .h-350{width: 100%;height: 260px;object-fit: cover;}
	.p-lg-3d5{padding:1.5rem !important;}
	.p-lg-4d5{padding:3rem !important;}
  .dropdown-menu-full .h-110{height: 90px;}
  .header .navbar-nav li .nav-link{padding:1rem;}
  .nav-item5 .hover-box .hvr img, .nav-item5 .hover-box .hvr .overflow-hidden img{width: 70% !important;}
  .navbar .dropdown-menu-full .col-lg-3.bg-303030{padding-left: 1% !important;}
  .navbar .dropdown-menu-full .col-lg-3.bg-303030 .nav li .nav-link span{font-size: .9rem !important;}
  .navbar .dropdown-menu-full .tab-content .hvr a{font-size: .8rem !important;line-height: .9rem !important;}
  .navbar .dropdown-menu-full .nav-contact{padding-left: 2%;}
  .navbar .dropdown-menu-full .nav-contact dl{margin-left: 10%;}
  .navbar .dropdown-menu-full .nav-contact dl dd{display: block !important;}
  .navbar .dropdown-menu-full .nav-contact dl dd .txt{width: 100% !important;margin-left: 0 !important;}
}

@media screen and (min-width: 769px) and (max-width: 991px){
	
}

@media screen and (min-width: 769px) and (max-width: 991px){
	.container-nav{width: 98%; margin:auto;}
  .container{width: 90%;max-width: 880px;}
  .nav-toptwo{margin-top:7vh;}
  .hvr-buzz-out,.hvr-icon-spin,.hvr-underline-from-left,.hvr-underline-from-center:before,.hvr-underline-from-left:before,.hvr-radial-in{transform: none;}
  .header .navbar-brand{width: 36%;}
  .navbar .navbar-toggler{fill:#fff;color:#fff;}
  .app-email svg{width: 28px;height: 28px;}
  .navtop .app-dg{justify-content: space-between !important;width: 100%;}
  .navbar-expand-lg .app-nav{display: flex;justify-content: space-between ;align-items: center;width: 100%;}
  .navtop{display: flex;padding: 0 1rem;}
  .navtop dl dd{margin-right: .5rem;}
  .navtop dl dd i{font-size: 1.4rem !important;}
  .navtop dl dd svg{width: 21px !important;height: 21px !important;}
  .navtop .sm a{margin-left: .5rem;background: #a90e0e !important;}
  .navtop .sm a i{color:#fff;}
  .pop-media dd{display: none;}
  .search-btn{cursor: pointer;}
  .search-box{width: 96%;right: 2%;position: absolute;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;}

  .header .navbar-nav .nav-item .nav-link svg{transform: rotate(-90deg) !important;right: 1rem;width: 14px;height: 14px;position: absolute;}
  .header .navbar-nav .nav-item.on .nav-link svg{transform: rotate(360deg) !important;transition: all 0.3s;}
  .header .navbar-nav .dropdown-menu{background: #f7f7f7 !important;box-shadow: none;}
  .header .navbar-nav .nav-item:hover .dropdown-menu,.header .navbar-nav .nav-item a:hover+.dropdown-menu,.header .navbar-nav .nav-item.on:hover .dropdown-menu{display: none;}
  .header .navbar-nav .nav-item.on .dropdown-menu{display: block !important;}
  .header .navbar-nav li{margin:0;border-bottom: 1px solid #555;}
  .header .navbar-nav .nav-item .nav-link{padding: 1rem !important;font-size: 1rem;text-transform: uppercase;}
  .header .navbar-nav .nav-item .dropdown-menu .dropdown-item{border-bottom: 1px solid #efe4e4;}
  .header .navbar-nav .nav-item .dropdown-menu .dropdown-item:last-child{border-bottom: none;}
  .header .nav-item .dropdown-menu a:hover{color:#333 !important;background: #f7f7f7;}
  
  .a-box .a-btn{padding: .7rem 1rem;}
  .column img{width: 100%;height: 180px;object-fit: cover;}
  .column h1{font-size: 2rem;}
  .column p{font-size: 1rem;padding: 0 1rem;}
  .banner .carousel-inner .carousel-item .btitle{font-size: 1.6rem;line-height: 1.8rem;}
  .banner .carousel-caption{right: 2rem;left: 2rem;}
  .banner button svg{width: 30px;height: 30px;}
  
  
  .app-dg{display: none;}
  .header .navbox{padding-bottom: .5rem;}
  .lang .dropdown-toggle svg{width:25px;height:25px;}
  .navbar .dropdown-menu{left:auto; right: 0;}
  .navtop ol{width: 100%;justify-content: space-between;}
  .header .nav-item0:before{display: none;}
  .banner .carousel-inner .carousel-item .title{font-size: 2rem;color:#fff;line-height: 2.5rem;}
  .banner .video-wrapper{padding-bottom: 50%;}
  .banner button span{width: 50px;height: 50px;line-height: 39px;}
  .banner button svg{width: 25px;height: 25px;}
  .banner .carousel-control-next, .banner .carousel-control-prev{width: 20%;}
}


@media (max-width:768px){
	.container-nav{width: 98%; margin:auto;}
  .container{padding-left:1rem;padding-right:1rem;}
	.nav-toptwo{margin-top:6vh;}
  .hvr-sweep-to-right,.hvr-float,.hvr-buzz-out,.hvr-icon-spin,.hvr-underline-from-left,.hvr-underline-from-center:before,.hvr-underline-from-left:before,.hvr-radial-in,.hvr-forward,.hvr-backward{transform: none;}
	.header .navbar-brand{width: 36%;}
  .navbar .navbar-toggler{fill:#fff;color:#fff;}
	.app-email svg{width: 28px;height: 28px;}
	.navtop .app-dg{justify-content: space-between !important;width: 100%;}
	.navbar-expand-lg .app-nav{display: flex;justify-content: space-between ;align-items: center;width: 100%;}
	.navtop{display: flex;padding: 0 1rem;}
	.navtop dl dd{margin-right: .5rem;}
	.navtop dl dd i{font-size: 1.4rem !important;}
	.navtop dl dd svg{width: 21px !important;height: 21px !important;}
	.navtop .sm a{margin-left: .5rem;background: #a90e0e !important;}
	.navtop .sm a i{color:#fff;}
	.pop-media dd{display: none;}
  .search-btn{cursor: pointer;}
  .search-box{width: 96%;right: 2%;position: absolute;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;}

	.header .navbar-nav .nav-item .nav-link svg{transform: rotate(-90deg) !important;right: 1rem;width: 14px;height: 14px;position: absolute;}
	.header .navbar-nav .nav-item.on .nav-link svg{transform: rotate(360deg) !important;transition: all 0.3s;}
	.header .navbar-nav .dropdown-menu{background: #f7f7f7 !important;box-shadow: none;}
	.header .navbar-nav .nav-item:hover .dropdown-menu,.header .navbar-nav .nav-item a:hover+.dropdown-menu,.header .navbar-nav .nav-item.on:hover .dropdown-menu{display: none;}
	.header .navbar-nav .nav-item.on .dropdown-menu{display: block !important;}
	.header .navbar-nav li{margin:0;border-bottom: 1px solid #555;}
	.header .navbar-nav .nav-item .nav-link{padding: 1rem !important;font-size: 1rem;text-transform: uppercase;}
	.header .navbar-nav .nav-item .dropdown-menu .dropdown-item{border-bottom: 1px solid #efe4e4;}
	.header .navbar-nav .nav-item .dropdown-menu .dropdown-item:last-child{border-bottom: none;}
	.header .nav-item .dropdown-menu a:hover{color:#333 !important;background: #f7f7f7;}
	
	.a-box .a-btn{padding: .7rem 1rem;}
	.column img{width: 100%;height: 200px;object-fit: cover;}
	.column h1{font-size: 2rem;}
	.column p{font-size: 1rem;padding: 0 1rem;}
	.banner .carousel-inner .carousel-item .btitle{font-size: 1.6rem;line-height: 1.8rem;}
	.banner .carousel-caption{right: 2rem;left: 2rem;}
	.banner button svg{width: 30px;height: 30px;}
	.footer dl dd{display: inline-block;margin-right: .5rem;}
  .footer dl dd a{padding: .3rem .6rem;background: #ffffff;font-size: .85rem;color: #000000;}
  
  .app-dg{display: none;}
  .header .navbox{padding-bottom: .5rem;}
  .lang .dropdown-toggle svg{width:25px;height:25px;}
  .navbar .dropdown-menu{left:auto; right: 0;}
  .navtop ol{width: 100%;justify-content: space-between;}
  .header .nav-item0:before{display: none;}
  .banner .carousel-inner .carousel-item .title{font-size: 2rem;color:#fff;line-height: 2.5rem;}
  .banner .video-wrapper{padding-bottom: 96%;}
  .banner button span{width: 50px;height: 50px;line-height: 39px;}
  .banner button svg{width: 25px;height: 25px;}
  .banner .carousel-control-next, .banner .carousel-control-prev{width: 20%;}

  .h-pro .row .col h3 a{font-size: 1rem !important;}
  .h-about .a-box{margin-top: 2rem !important;margin-bottom: 2rem !important;}
  .column h1{font-size: 1.5rem !important;}
  .navbar .navbar-nav .nav-item-full .dropdown-menu-full{overflow: inherit;position: relative;}
  .navbar .navbar-nav .nav-item-full .dropdown-menu-full .col-lg-6,.navbar .navbar-nav .nav-item-full .dropdown-menu-full .col-lg-3{display: none;}
  .navbar .navbar-nav .on .dropdown-menu-full .bg-303030{display: block;}
  .navbar .dropdown-menu-full .bg-303030 .nav li .nav-link span{font-size: .9rem;}
  .navbar .navbar-nav .on .dropdown-menu{height: auto;width: 100%;visibility: visible;max-height: 100vh;}
  .header .navbar-nav .hvr-underline-from-left:before{display: none;}
  .header .navbar-nav .nav-item .dropdown-menu .dropdown-item{border-bottom: 1px solid #515151;color:#fff;}
  .navbar .navbar-nav .nav-item-page .dropdown-menu{background: #393939 !important; }
  .navbar .navbar-nav .nav-item-full:hover .dropdown-menu-full{border-top:none;}
  .listpro .row .col h3 a{font-size: .9rem !important;line-height: 1.2rem;}
  .artpro #navbar-example dl{padding: 1rem 1rem .4rem 1rem;display: block !important;}
  .artpro #navbar-example dl dd{margin-bottom: .5rem;display: inline-block;margin-right: .5rem;}
  .artpro #navbar-example dl dd a{display: inline-block; background: #e2e4ed;padding: .5rem;transition: all .4s;color:#333;}
  .artpro #navbar-example {position: relative !important;top: 0;}
  .col-md-12 .a-box{margin-top: 2rem !important;margin-bottom: 2rem;}
  .artpro #applications img{width: 100%;}
  .artpro .conbox .application .row .col{flex: 1 0 50%;}
  .artpro .scrollspy-example p{line-height: 1.2rem;}
  .artpro .related .hvr .px-3{padding-bottom: .5rem;}
  .listnew .row .col-md-7 h3{font-size: 1.2rem !important;}
  .listnew .row .col-md-7 p{font-size: .9rem !important;line-height: 1.2rem !important;}
  .new-article h1{font-size: 1.2rem !important;}
  .column p{padding:0;}
  .column-navs dl{display: flex;flex-wrap: wrap;border-bottom: none;}
  .column-navs dl dd{flex: 1 0 50%;margin:0;text-align: center;}
  .column-navs dl dd a{padding: .8rem 0 !important;width: 100%;background: #f5f5f5;border: 2px solid #ffffff;}
  .column-navs dl dd a:before{display: none;}
  .column-navs dl dd .active{background: var(--tblr-theme1-color);color:#fff !important;}
  .title h2{font-size: 1.6rem;line-height: 2rem;}
  .support .custom-solutions,.support .oem,.support .odm{padding:.8rem !important;}
  .download .downarr{width: 16px !important;height: 16px !important;}
  .support h3{font-size: 1.1rem !important;}
  .support .accordion h3, .support .accordion .accordion-item button{font-size: 1.1rem !important;}
}