@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: 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;}
.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: rgb(54 79 169 / 10%);color: #fff;}

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

.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;}
a,a:hover{text-decoration: none;}
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;}
.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;}
.apptable{vertical-align: middle;width: 100%;overflow-y: auto;_overflow: auto;margin: 0 0 1em;}
.a-box .a-btn{padding:.7rem 1.5rem; border-radius: 30px;color:#fff;font-size: 15px;text-transform: uppercase;transition: all 0.3s;}
.a-box .a-btn1{border: 1px solid #1eab88;background: none;color: #1eab88;}
.a-box .a-btn:hover{background: var(--tblr-theme1-color-hover);transition: all 0.3s;}
.a-box .a-btn1:hover{color:#fff;}
.a-box .a-btn svg,.a-box .a-btn i{margin-left: .2rem;transition: all 0.3s;}
.a-box .a-btn:hover svg,.a-box .a-btn:hover i{margin-left: .4rem;transition: all 0.3s;}
.title h2{color:#000;font-weight: bold;font-family: 'Nunito Sans', sans-serif;}
.nunito-sans{font-weight: bold;font-family: 'Nunito Sans', sans-serif;}
.h-title p{font-size: 16px;color:#666;}
.box h3{font-size: 20px;color:#333;}
.box p{font-size: 15px;color:#666;}
.textbox h3{font-size: 20px;color:#333;}
.textbox p{font-size: 14px;color:#666;line-height: 22px;}
.nolistyle{list-style: none;}
.bg-none{background: none !important;}
.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;}
/*start 定义式*/
:root{
  --tblr-a-hover-color: rgba(30,112,209,1);/*#1e70d1*/
  --tblr-theme1-color:rgba(30,171,136,1);/*#1eab88*/
  --tblr-theme1-color-hover:rgba(30,171,136,.8);
  --tblr-theme2-color:rgba(48,144,254,1);/*#ba8e02*/
  --tblr-theme2-color-hover:rgba(48,144,254,.8);
  --tblr-theme3-color:rgba(11,173,149,1);/*#faf5ef*/
  --tblr-theme3-color-hover:rgba(11,173,149,.8);
}
/*start 定义式*/
.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);}

.w-10{width: 10%;}
.w-20{width: 20%;}
.w-30{width: 30%;}
.w-40{width: 40%;}
.w-50{width: 50%;}
.w-60{width: 60%;}
.w-70{width: 70%;}
.w-80{width: 80%;}
/*--- 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:#1eab88;position: relative;}
.navbar .media dd{margin: 0;padding-left: 1.5rem;margin-left: 1.5rem; border-left: 1px solid #24c9a0;}
.navbar .media dd:first-child{border-left: none;}
.navbar .media a{color:#fff;display: inline-block;font-size: 14px;}
.navbar .media .sm span{width: 26px;height: 26px;line-height: 29px;text-align: center;border-radius: 5px;display: inline-block;background: #fff;}
.navbar .media .sm a{margin-left: .5rem;}
.navbar .media .sm a:first-child{margin-left: 0;}
.navbar .media .sm i{color:#1eab88;font-size: 16px;}
.navbar .media .sm svg{fill:#1eab88;width: 16px;height: 16px;vertical-align: text-top;}

.header .navtop .search-dd{width:13%;}
.header .navtop .search-btn,.app-email{cursor: pointer;}
.header .navtop .search-box{background: #fff0;}
.header .navtop .search-box button{border:none;background: none;padding: 0;padding-right: 5px;height: 25px;outline:none;}
.header .navtop .search-box button img{width: 80%;margin-top: -5px;}
.header .navtop .search-box input{border:none;background: none;padding: 2px 5px;padding-left: 0; font-size: 14px;color: #fff;height: 26px;outline:none;width: 70%;}
.header .navtop .search-box input::-webkit-input-placeholder{color:#ddd;font-size: 14px;outline:none;}
.header{background:rgba(255,255,255,0);z-index: 200;transition: all 0.3s;}
.header .navbar-nav{min-height: initial;}
.header .navbar-nav li{position: relative;display: inline-block;margin:0 1.5rem;box-shadow:none;}
.header .navbar-nav li .nav-link{color:#fff;font-size: 1rem;padding: 1.8rem 0;cursor: pointer;white-space: nowrap;}
.header .navbar-nav li:hover .nav-link{color:#fff  !important;}
.inner .header .navbar-nav li:hover .nav-link{color:var(--tblr-theme1-color) !important;}
.header .navbar-nav .active .nav-link{color:#fff;}
.header .navbar-nav li .dropdown-menu .dropdown-item{color: #000;font-size: .95rem;}
.header .navbar-nav .nav-item .nav-link svg{transform: rotate(0deg);transition: all 0.3s;}
.header .navbar-nav .nav-item .nav-link:hover svg{transform: rotate(360deg);transition: all 0.3s;}
.header .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 / 50%);margin-top: 0;}
.header .navbar-nav .nav-item .dropdown-menu a{color:#000;padding: .8rem 2rem;font-size: .875rem;border-bottom: 1px solid #eee;}
.header .navbar-nav .nav-item .dropdown-menu a:last-child{border:none;}
.header .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover{color:var(--tblr-theme1-color);}
.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 .navbar-nav li .nav-link,.inner .navbar-nav li .nav-link{color:#000;transition: all 0.3s;}
.toptwo .navbar-nav .nav-item .nav-link svg,.inner .navbar-nav .nav-item .nav-link svg{fill:#333;}
.toptwo .navbar-nav .nav-item:hover .nav-link{color:var(--tblr-theme1-color) !important;transition: all 0.3s;}
/*nav*/
.inner .header{background: #fff;}

.title h2{font-size: 2.8rem;line-height: 3rem; color:#333;}
.title p{font-size: 1.2rem;color:#666;line-height: 1.6rem;}


.banner .btitle{font-size: 45px;color:#fff;font-weight: bold;}
.banner .btitle span{display: block;width: 10%;height: 8px;background: #fff;margin-top: 1.5rem;}
.banner .btxt{font-size: 15px;line-height: 26px;}
.banner .row .col-md-6{margin-top: 5rem;}
.banner .carousel-indicators{bottom:2rem;}
.banner .carousel-indicators button{margin:0 5px; width: 10px;height: 10px;background-color: #fff;opacity: 1;transition: all 0.4s;}
.banner .carousel-indicators .active{width: 25px;background-color:#1eab88;transition: all 0.3s;}
.banner  .banpro{margin-bottom: -5rem;}
.banner .carousel{z-index: 99;}
.banner .carousel-item{position: relative;}
.carousel button svg{width: 40px;height: 40px;}
.banner .carousel-caption.align-items-start .text-box{margin-top: 5rem;}


.h-adv{position: relative;}
.h-adv .container{position: relative;z-index: 5;}
.h-adv .bg{position: absolute;bottom:0;left:0;z-index: 4;}
.h-about{background:url(../allimg/img/h-about-bg.webp) center/cover no-repeat;color:#fff;padding:5rem 0;}

.h-about .box{padding:4rem;background: #fff;width: 100%;border-top-right-radius: 0 !important;border-bottom-right-radius: 0 !important;}
.h-about .box p{line-height: 26px;}
.h-about .title h2 span{display: block;width: 40%; height: 2px;background: #000;margin-left: 1rem;}
.title .a-btn{display: inline-block;width: 40px;height: 40px;line-height: 40px;color:#fff;text-align: center;background: var(--tblr-theme1-color);border-radius: 50px;}
.h-product .col-lg-3{padding:0 2rem;}
.h-product .overflow-hidden{background: #f5f5f5;}
.h-product a{display: block;color:#333;width: 100%;}
.h-product a span{height: 4px;background: #1d459c;width: 0%;display: block;transition: all 0.8s;}
.h-product a:hover span{transition: all 0.8s;width: 100%;}
.h-product a h3{font-size: 18px;}
.h-product a p{color:#666;font-size: 14px;}
.h-clients img{width: 60px;height: 60px;}
.h-case{position: relative;overflow: hidden;}
.h-case .container{position: relative;z-index: 5;}
.h-case .bg{position: absolute;left: 0;top:0;z-index: 4;}
.h-why-choose{background:url(../allimg/img/h-casebg.webp) center/cover no-repeat;}

.hot-product .carousel-item img{position: relative;z-index: 4;}
.hot-product .box{position: absolute;z-index: 5;left: 0;top:0;}
.hot-product .carousel-indicators{z-index: 6;}
.hot-product .carousel-control-prev,.hot-product .carousel-control-next{z-index: 6;}
.hot-product .h-title .text-title{color:#fff;}
.hot-product .h-title p{color:#eee;}
.hot-product .carousel-indicators{bottom:0;left:0;margin:0;z-index: 7;}
.hot-product .carousel-indicators dd{position: relative;opacity: 1; flex: 0 0 auto;width: 25%;height: auto;margin: 0;margin-right: 2px;margin-bottom: 2px;text-indent: inherit;overflow: hidden;border: none;}
.hot-product .carousel-indicators dd .imgbox{position: relative;z-index: 4;}
.hot-product .carousel-indicators dd .tbox{position: absolute;left: 0;top:0;z-index: 5;}
.hot-product .carousel-indicators dd .tbox h3{color:#fff;font-size: 16px;font-weight: bold;}
.hot-product .carousel-indicators dd .tbox p{font-size: 14px;color:#ddd;}
.hot-product .carousel-indicators dd .tbox img{width: 90%;margin:auto;}
.hot-product .carousel-indicators dd .imgbox{background: #fff;opacity: 0;}
.hot-product .carousel-indicators dd .txt h3{color:#333;font-weight: bold;}
.hot-product .carousel-indicators dd .txt p{color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;}
.hot-product .carousel-indicators dd .col-md-8{padding-left:2rem;}
.hot-product .carousel-indicators .active .imgbox{opacity: 1;}
.hot-product .carousel-indicators .active .txt h3{color:#fff;}
.hot-product .carousel-indicators .active .txt p{color:#fff;} 

.support h2{font-size: 2.4rem;color:#333;font-weight: bold;}
.support .technical-support{background:url(../allimg/img/service-center-bg.webp) no-repeat center 0;}
.support .technical-support .col-md-6{background: #fff;padding:0rem}
.support .technical-support .col-md-6 img{width: 50%;}
.support .technical-support .box{background:url(../allimg/img/technical-support-box-bg2.webp) no-repeat center center;height: 100%; padding:5rem;color:#fff;}
.support .technical-support .textbox h3{font-size: 25px;color:#fff;}
.support .technical-support .textbox p{color:#fff;}
.support .technical-support .textbox a{color:#eee;}
.support .technical-support .icon{background: #fff;display: inline-block; border-radius: 50px;width: 50px;height: 50px;margin-right: 2rem;line-height: 50px;text-align: center;}
.support .technical-support .icon svg{color:#333;}
.support .after{background:url(../allimg/img/after-sales-bg.webp) no-repeat center center;padding-top: 3rem;padding-bottom: 8em;}
.support #carouselAfter .textbox{width: 86%;padding:2rem;background: #fff;border-radius: 10px;margin:auto;}
.support #carouselAfter .textbox p{text-align: center;}
.support #carouselAfter .textbox span{width: 50px;height: 50px;display: inline-block; background: var(--tblr-theme1-color);padding:1rem;border-radius: 50px;margin:auto;}
.support #carouselAfter .carousel-indicators{bottom:-5rem;}
.support .download .col-md-6{padding:1rem;}
.support .download .col-md-6 a{display: block;width: 100%; padding:3rem;background: #f3f3f3;border-radius: 10px;}
.support .download .col-md-6 a:hover{width: 100%;display: block;background:url(../allimg/img/downbg.webp) no-repeat center bottom;transition: all 0.3s;}
.support .download .col-md-6 a h4{font-size: 18px;color:#333;margin-bottom: 0;transition: all 0.3s;}
.support .download .col-md-6 a:hover h4{color:#fff;transition: all 0.3s;}
.support .download a span{width: 50px;height: 50px;color:#333;border-radius: 50px;border:1px solid #333;transition: all 0.3s;}
.support .download a:hover span{background: #fff;border:1px solid #fff;transition: all 0.3s;}


.index-pro .conbox h3{font-size: 30px;}
.listpro .navlast .col-md-4{background: #3650aa;}
.listpro .navlast .navtitle{color: #fff;font-size: 30px;padding:3rem 2rem;font-weight:bold;}
.listpro .navlast .box a{cursor: pointer; display: inline-block;padding:.6rem 2rem;font-size: 14px; color:#333;background: #f5f5f5;border:2px solid #f5f5f5;transition: all 0.4s;}
.listpro .navlast .box a:hover{border:2px solid #d9d9d9;transition: all 0.4s;}
.listpro .navlast .box .active{background: #3650aa;color:#fff;transition: all 0.4s;border:2px solid #3650aa;}
.listpro a{color:#333; margin-bottom: 2rem !important;padding-bottom: 2rem; border-bottom:1px solid #a0ffe8;}
.listpro .col-md-12 .overflow-hidden{background: #f5f5f5;padding:2rem;}
.listpro .col-md-12 .textbox{margin-left: 5rem;}
.art-product .on{display: flex;}
.art-product .off{display: none;}
/*.art-product .artpro{background:url(../allimg/img/pronav-bg.jpg) no-repeat center center;padding:5rem 0;}*/
.art-product .artpro .proimg{width: 90%;object-fit: cover; }
.art-product .artpro h1{font-size: 36px;font-weight: bold;color:#fff;line-height: 2.5rem;}
.art-product .artpro h5{color:#fff;font-size: 14px;font-weight: initial;}
.art-product .artpro hr{width: 10%;height: 5px;background: #fff;opacity: 1;border:none;}
.art-product .artpro .protxt{font-size: 15px;line-height: 22px; color:#fff;}
.art-product .artpro .row.text-center{margin-left: -8%;}
.art-product .artpro span{display: inline-block;background: #fff;border-radius: 60px;width: 60px;padding: .7rem;height: 60px;text-align: center;}
.gif-bg{animation-name:banimg;animation-iteration-count:infinite;animation-timing-f3unction:ease-in;animation-duration: 10s;}
@keyframes banimg{
0% {transform:scale(1.0,1.0);-webkit-transform:scale(1.0,1.0);-moz-transform:scale(1.0,1.0);}
50% {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);}
}
.art-product h2{text-align: center;font-size: 30px;margin-bottom: 1rem;}
.art-product h6{text-align: center;font-size: 15px; font-weight: initial;line-height: 22px;}
.art-product .applications .appbox .col-lg-4,.art-product .applications .appbox .col-md-4{padding:1rem 1.5rem;}
.art-product .carousel-indicators{bottom:-4rem;}
.art-product .carousel-indicators button{margin:0 5px; width: 10px;height: 10px;background-color: #a5b3e5;opacity: 1;transition: all 0.4s;}
.art-product .carousel-indicators .active{width: 25px;background-color:#364fa9;transition: all 0.3s;}
.art-product .applications .appbox:nth-child(1){padding-top: 4rem;}
.art-product .applications .appbox:nth-child(2){background: #f6f6f6;padding:4rem 0;padding-bottom: 6rem; margin-top: 2rem; }
.art-product .parameter{padding:4rem 0;}
.art-product .parameter table{border: 10px solid #efecec;width: 70%;margin: auto;}
.art-product .parameter table td{vertical-align: middle;padding: 10px 20px;font-size: 14px;color: #666;padding-left: 3%;border: 1px solid #e8eaf3;}
.art-product .parameter table td p{margin:0;}
.art-product .parameter table .title{background: #fff !important;font-weight: bold !important;}
.art-product .parameter table tr td:first-child{font-weight: initial;background: #f9f9f9;width: 25%;}

.art-product .procase{padding:4rem 0;background: #f6f6f6;}
.art-product .procase a{color:#333;}
.art-product .procase a p{font-size: 16px;color:#333;}
.art-product .procase .col-md-4{padding:1rem;}
.art-product .procase .overflow-hidden{min-height: 200px;max-height: 280px;}

.art-product .features p{background: #f9f9f9;height: 100%;padding: 1.5rem 2rem;margin-bottom: 0;}

.column{position: relative;}
.column img{width: 100%;}
.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;}

.about .textbox h3{margin-bottom: 2rem;font-size: 30px;font-weight: bold;}
.about .textbox h3 span{display: block;width: 10%;height: 5px;background: #0057b8;margin-top: 1rem;}
.company-introduction{position: relative;}
.company-introduction p{font-size: 1rem;}
.company-introduction .dbg{position: absolute;left: 0;top:0;z-index: 5;width: 37%;}
.company-introduction .container{position: relative;z-index: 6;}
.company-introduction .imgbox .overflow-hidden{position: relative;z-index: 55;}
.company-introduction .imgbox{display: flex;align-items: center;justify-content: center;}
.company-introduction .imgbox button{position: absolute;z-index: 56;display: inline-block;border-radius: 50%;border:1px solid #fff;padding:8px;transition: all 0.4s;background: none;border:none;box-shadow: none;}
.company-introduction .imgbox button span{width: 60px;height: 60px;transition: all 0.4s;line-height: 60px;text-align: center; background: #fff;display: inline-block;border-radius: 50%;}
.company-introduction .imgbox button span i{color: #6b74a2;font-size: 13px;}
.company-introduction .imgbox button:hover{border:1px solid rgb(255 255 255 / 0.6);transition: all 0.4s;}
.company-introduction .imgbox button:hover span{background: rgb(255 255 255 / 0.6);transition: all 0.4s;}
.company-history{background:url(../allimg/img/honor-bg.webp) no-repeat center center;padding:5rem 0 !important;}
.company-history h2{font-size: 50px;color:#fff;font-weight: initial;letter-spacing: 1px;}
.company-history #carouselHonor span{display: inline-block;font-size: 38px;color:#fff;margin-right: 2rem;letter-spacing: 1px;}
.company-history #carouselHonor p{width: 24%;color:#fff;line-height: 30px;font-size: 15px;margin-bottom: 0;}
.company-history .swiper-box .swiper-slide .box{padding:1rem;border-radius: 100px;background: #eee;}
.company-history .swiper-box .swiper-slide .box span{display: inline-block;width: 100px;border-radius: 100px;height: 100px;padding: 1rem;background:var(--tblr-theme1-color);color:#fff;font-size: 32px;margin-right: 2rem;}
.company-history .swiper-box .swiper-slide .box p{margin-bottom: 0;font-size: 14px;color:#333;}

.certifications h2{font-size: 30px;font-weight: bold;}
.certifications .col-md-2{padding:1.5rem;transition: all 0.4s;}
.certifications .col-md-2 .imgbox{background: #eee;padding:1rem;transition: all 0.4s;}
.certifications .col-md-2 .imgbox img{transition: all 0.4s;}
.certifications .col-md-2:hover .imgbox img{transition: all 0.4s;box-shadow: 0px 20px 10px -10px rgb(230 225 225 / 80%);transition: all 0.4s;}
.certifications .col-md-2:hover .imgbox{background: #ccc; transition: all 0.4s;}
.factory-introduction{background: #f6f6f6;}


.column-nav .sticky input::-webkit-input-placeholder{color:#aaa;font-size: 13px;padding-left: .5rem;}
.column-nav .sticky input {outline:none;}
.column-nav .search-box{background: #fff;padding:1rem 1.5rem;margin-bottom: 1rem;padding:1rem;}
.column-nav .search-box input{width: 85%; padding:.5rem;color:#333;border:none;background: #f5f5f5;border-radius: 0;}
.column-nav .search-box button{width: 15%; padding:.5rem;color:#fff;border:none;background: #1eab88;border-radius: 0;}
.column-nav .hot{background: #fff;padding:1rem 1.5rem;}
.column-nav .hot h3{padding:1rem 0;margin-bottom: 1rem}
.column-nav .hot .col-md-12{padding:0;padding-bottom:1rem;margin-bottom: 1rem;border-bottom: 1px solid #eee;}
.column-nav .hot .col-md-12 a{display: block;}
.column-nav .hot .col-md-12 h4{font-size: 14px;color:#333;margin-bottom: 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.column-nav .hot .col-md-12 p{font-size: 12px;color:#777;margin-bottom: 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.column-nav .hvr-float{display: block;width: 100%;}
.column-nav .textbox{margin-top: 1rem;}
.column-nav .textbox h3{font-size: 22px;color:#333;margin-bottom: 1rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.column-nav .textbox p{font-size: 14px;line-height: 25px;color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.column-nav .textbox h4{margin-top: 1rem;font-size: 12px;color:#666;}
.column-nav .col-lg-3{padding-right: 2rem;}
.column-nav .col-lg-9{padding-left: 0;}
.column-nav .h3{background: #fff;font-weight: bold; border-bottom: 1px solid #eee;margin-bottom: 0;padding:1rem 1.5rem;font-size: 20px;color:#333;}
.column-nav dl{list-style: none;background: #fff;padding:0 1.5rem;margin-bottom: 0;}
.column-nav dl dd a{padding:.8rem 0;border-bottom: 1px solid #eee;  display: block;color:#999;font-size: 14px;transition: all 0.2s;}
.column-nav dl dd a.active{color:#333;transition: all 0.2s;}
.column-nav dl dd a svg{width: 13px;height: 13px; margin-right: .4rem;transition: all 0.2s;color: #999;}
.column-nav dl dd a.active svg{color:#333;transition: all 0.2s;color: #333;}

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


.list-case{background: #fbfbfb;}
.list-case .overflow-hidden{min-height: 240px;max-height: 250px;}
.list-case .col-lg-4{padding:1.5rem;}
.list-case a{color:#333;font-size: 15px;border:1px solid #eee;}
.list-case a .textbox{padding:1rem;}
.list-case a .textbox h3{padding-bottom: 1rem;margin-bottom: 1rem;border-bottom: 1px solid #ddd;font-weight: bold;}
.list-case a .textbox h5{color:#bbb;font-size: 13px;font-weight: initial;}
.list-case a .textbox svg{color:var(--tblr-theme1-color);width: 30px;height: 30px;}
.listnew .col-md-12 .overflow-hidden{padding:0;}
.new-article .conbox{font-size: .95rem; color: #666; line-height: 24px;}
.case-article table{border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;}
.case-article table td{padding:1rem; border-top: 1px solid #ddd;border-left: 1px solid #ddd;}

.column{position: relative;}
.column .container{position: relative;z-index: 6;}
.column .textbox{position: absolute;z-index: 6;}
.column .textbox h1{font-size: 36px;color:#fff;font-weight: bold;}
.column .textbox h1 b{font-size: 2.8rem;display: block;margin-bottom: 1.5rem;color:#000;}
.column .textbox svg{width: 40px;height: 40px;color: #1eab88;}
.column .bg{position:relative;z-index: 5;}

.contact h2{font-size: 36px;color:#333;font-weight: bold;}
.contact .flist .col-md-6.d-flex{padding:0rem 5rem;padding-right: 7%;}
.contact .mescon input,.contact .mescon textarea{border:1px solid #ddd;border-radius: 5px;padding:.8rem;}
.contact .information .col-md-6{padding:1rem 2rem;}
.contact .information svg{width: 25px;height: 25px;margin-bottom: 1rem;}
.contact .information h3{font-size: 20px;margin-bottom: .5rem;}
.contact .a-btn{background: var(--tblr-theme1-color);color:#fff !important;width: 100%;display: block;border-radius: 0;padding: 1rem !important;font-size: 16px !important;}
.contact .a-btn i{color:#fff !important;}
.contact .a-btn:hover{transition: all 0.4s;}


.footer{background: #282828;position: relative;overflow: hidden;border: none;}
.footer .bg{position: absolute;left:0;bottom:0;z-index: 4;width:40%;opacity: 0.5;}
.footer .container{position: relative;z-index: 5;}
.footer .col-md-3{padding-right: 2rem;}
.footer .col-md-9{border-left: 1px solid rgb(49 49 49 / 0.7);}
.footer h3{font-size: 20px;color:#fff;margin-bottom: .8rem;}
.footer ul{list-style: none;margin: 0;padding:0;}
.footer ul li{margin-bottom: .4rem;}
.footer .cont b{color:#fff;font-weight: initial;}
.footer ul a,.footer .cont a,.footer .a{color:#cfcfcf;text-decoration: none;}
.footer ul a:hover,.footer .cont a:hover,.footer .a:hover{color:#fff;}
.footer .footer-contact{margin-top: 1rem;padding-top: 2rem;border-top: 1px solid rgb(49 49 49 / 0.7);}
.footer .footer-contact h3{margin-bottom: 0;margin-right: 2rem;}
.footer .footer-contact .sm span{display: inline-block;margin-right: 1rem;text-align: center; width: 35px;height: 35px;line-height: 38px;background: #404040;transition: all 0.4s;}
.footer .footer-contact .sm span i{color:var(--tblr-theme1-color);transition: all 0.4s;font-size: 18px;}
.footer .footer-contact .sm span svg{fill:var(--tblr-theme1-color);transition: all 0.4s;width: 18px;height: 18px;vertical-align: text-top;}
.footer .footer-contact .sm span:hover i{color:#fff;transition: all 0.4s;}
.footer .footer-contact .sm span:hover svg{fill:#fff;transition: all 0.4s;}
.footer .cbox{background: var(--tblr-theme1-color);}
.footer .cbox h3{text-transform: uppercase;}
.footer h5{color:#fff;font-size: 12px;font-weight: initial;}

.footer .formshiro .a-box .a-btn{color:var(--tblr-theme1-color) !important;background: #FFF!important;}

/*start 功能型*/
.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(100%); opacity:0; transition: all .75s ease-out; }
.delighter.bottom.started { transform:none; opacity:1; }

.delighter .colbox { opacity: 0; transform: translatey(400%); transition: all 3s ease-out; }
.delighter.started .colbox{ opacity: 0; transform: none; }
.delighter.started .colbox:nth-child(1) {opacity: 1; transition: all 1s ease-out .2s; }
.delighter.started .colbox:nth-child(2) {opacity: 1; transition: all 1s ease-out .6s; }
.delighter.started .colbox:nth-child(3) {opacity: 1; transition: all 1s ease-out 1s; }
.delighter.started .colbox:nth-child(4) {opacity: 1; transition: all 1s ease-out 1.4s; }
.delighter.started .colbox:nth-child(5) {opacity: 1; transition: all 1s ease-out 1.8s; }
.delighter.started .colbox:nth-child(6) {opacity: 1; transition: all 1s ease-out 2.2s; }
.delighter.started .colbox:nth-child(7) {opacity: 1; transition: all 1s ease-out 2.6s; }

.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-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;}
/*start 功能型*/



/*start 其他*/
.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;}

.bg-dae8f3{background: #dae8f3;}
.multiply-f5{background: #f9f9f9;mix-blend-mode: multiply;}
.multiply-f5 img{mix-blend-mode: multiply;}
.multiply-dae8f3{background: #fff;mix-blend-mode: multiply;}
.multiply-dae8f3 img{mix-blend-mode: multiply;}
.multiply-theme1{background: var(--tblr-theme1-color);mix-blend-mode: multiply;}
.multiply-theme1 img{mix-blend-mode: multiply;}
.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;}

.gotop{position: fixed;right: 1rem;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;}
.new-article .conbox ul{list-style: none;padding:0;margin:0;}
.new-article .conbox ul h3{font-size: 1.1rem;color:#333;}
.new-article .conbox ul li{margin-bottom: .8rem;}
.new-article .conbox ul li:last-child{margin-bottom: 0;}
.new-article .conbox ul li p{font-size: 1rem;color:#666;margin-bottom: 0;}

.new-article h1{font-size:1.5rem;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%;}}
.new-article h2{font-size:1.4rem;color:#333;}
.new-article h5{font-size: 1rem;color:#999;font-weight: initial; margin-bottom: 2rem;padding-bottom: 1rem;border-bottom: 1px solid #ddd;}
.new-article h3{font-size:1.3rem;color:#333;margin-bottom: 1rem;margin-top: 2rem;}
.new-article .hot h3{margin-top: 0;}
.new-article,.new-article p{font-size: 0.9375rem;color:#666;line-height: 1.5rem;}
.new-article ul{margin: 0;margin-left: -.5rem;}
.new-article ul li{margin-bottom: 1rem;}
.new-article .conbox strong{color:#000;}
.new-article .table-line{border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
.new-article .table-line td{border-top:1px solid #ccc;vertical-align: middle;border-left:1px solid #ccc;font-size: 1rem;color:#666;}
.new-article .table-p3 td{padding:1rem .8rem;}
.new-article .table-line p{margin-bottom: 0;}


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

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


.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: var(--tblr-theme1-color) !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: 16px;height: 16px;}

.pagination li{font-size:13px !important;}
.pagination li .page-link{position: relative;display: block;border-radius:0;padding: .5rem .75rem;margin-left: -1px;line-height: 1.25;color: #333;background-color: #fff;border: 1px solid #1eab88;}
.pagination .active .page-link{font-size: 15px;background: #1eab88;border-color: #1eab88;color:#fff;font-weight: initial;}
.pagination li .pageinfo{position: relative;display: block;padding: .5rem .75rem;margin-left: -1px;line-height: 1.25;color: #6c757d;background-color: #fff;border: 1px solid #dee2e6;}
.pagination li.disabled .page-link{font-size: 15px;color: #333;pointer-events: none;cursor: auto;background-color: #fff;border-color: #1eab88;}

.prenext{margin-top: 3%;padding:0;padding-top: 2%;border-top: 1px solid #eee;font-size: 16px;list-style: none;}
.prenext li{font-size: 16px;font-weight: bold;color:#333;}
.prenext a{color: #777;text-decoration: none;font-size: 15px; font-weight: initial;}
.prenext a:hover{color: #334ca6;text-decoration: underline;}

.listpro .textbox h4{word-break:break-all;}
.whatsapp{position: fixed;z-index: 999; color:#fff; bottom: 1rem;right: 1rem;width: 50px;height: 50px;line-height: 50px;text-align: center; }
.whatsapp button{position: relative;display: inline-block;background: #40c351;width: 50px;height: 50px;font-size: 28px;}
.whatsapp:hover button{color:#fff;}
.whatsapp .rounded-circle .i1{opacity: 1;font-size: 24px;color: #fff;transition: all 0.4s;transform: rotate(0deg);}
.whatsapp .rounded-circle .i2{opacity: 0;position: absolute;left: 18px;top: 15px;font-size: 20px;color: #fff;transition: all 0.4s;transform: rotate(0deg);}
.whatsapp .rounded-circle.active .i1{opacity: 0;transition: all 0.4s;transform: rotate(360deg);}
.whatsapp .rounded-circle.active .i2{opacity: 1;transition: all 0.4s;transform: rotate(360deg);}
.whatsapp .box{  opacity: 0;visibility: hidden;transition: all 0.6s ease; position: absolute; width: 400px; right: 0;bottom: 63px;z-index: 199;box-shadow: 0 10px 10px 4px rgba(0, 0, 0, .04);-webkit-transform: translateY(3rem);transform: translateY(3rem);}
.whatsapp .box .txt{text-align: left;}
.whatsapp .box p{line-height: 1rem;}
.whatsapp .box a svg,.whatsapp .box a span{width: 55px;height: 55px;}
.whatsapp .box.active{opacity: 1;visibility: visible; -webkit-transform: translateY(0);transform: translateY(0);transition: all 0.6s ease;}

.rounded-tlr3{border-top-right-radius: .7rem;border-top-left-radius: .7rem;}
.rounded-blr3{border-bottom-right-radius: .7rem;border-bottom-left-radius: .7rem;}

.bg-whatsapp{background: #2db742;}
.border-left-whatsapp{border-left:2px solid #2db742;}
.text-whatsapp{color:#2db742;}

.listcase .navbar{border: 1px solid #efefef;}
.listcase .toptwo{border:none;}
.p-3d5{padding: 1.3rem !important;}
@media (min-width:768px){
	.container{width: 82%;max-width: 1500px;margin:auto;}
	.container-nav{width: 88%;margin:auto;}
	.navbar-expand-lg{display: flex;}
	.header .navbar-brand{width:68%;-webkit-transform: translateX(4px);transform: translateX(4px);transition: all 0.3s ease;}
  .toptwo .navbar-brand{width: 68%;-webkit-transform: translateX(-3px);transform: translateX(-3px);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: 700px;}
	.navbar .ofimg2,.toptwo .ofimg1,.inner .ofimg1{display: none;}
	.toptwo .ofimg2,.inner .ofimg2{display: inline-block;}
  .nav-item4 a svg,.nav-item4 .dropdown-menu{display: none !important;}

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

	.container-art{width: 70%;margin:auto;max-width: 1800px;}
	.nav-toptwo{margin-top: 6vh;}
	.inner .nav-toptwo{margin-top: 15vh;}
	.app-down{display: none;}
	.art-solution .conbox .descbox .col-md-6{margin-bottom: 1.5rem;}
	.art-solution .conbox .textbox p{width: 96%;}
	.after .carousel-control-next, .after .carousel-control-prev{width: 5%;}
	.row-lr6 .col-md-6:nth-child(odd),.row-lr6 .col-lg-6:nth-child(odd){padding:3rem;padding-left: 0;}
	.row-lr6 .col-md-6:nth-child(even),.row-lr6 .col-lg-6:nth-child(even){padding:3rem;padding-right: 0;}
	.art-product .artpro .col-lg-7{padding-right: 3rem;}
	.art-product .artpro .col-lg-5{padding-left: 3rem;}
	.art-product h6,.procase h6{padding:0 5rem;}
  .h-80{width: 100%;height: 80px;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-400{width: 100%;height: 400px;object-fit: cover;}
	.h-500{width: 100%;height: 500px;object-fit: cover;}
  .p-md-4d5{padding: 3rem !important;}
  
  .nav-item5 .nav-link svg{display:none;}

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

@media screen and (min-width: 1700px) and (max-width: 1920px){
	.container{width: 86%;max-width: 1800px;margin:auto;}
  .w-xxl-80{width: 80%;}
  .navbar-toggler,.app-email{display: none;}
  .banner .carousel-caption.align-items-start .text-box{margin-top: 7rem;}
  .h-about{padding: 4rem 0;}
  .modal .modal-dialog{max-width: 960px;}
  .support #carouselAfter .textbox p{width: 80%;margin:auto;text-align: center;}
  
}
@media screen and (min-width: 1500px) and (max-width: 1699px){
   .container{width: 90%;max-width: 1500px;margin:auto;}
  .w-xxl-80{width: 80%;}
  .navbar-toggler,.app-email{display: none;}
  .h-about{padding: 3rem 0;}
  .modal .modal-dialog{max-width: 960px;}
  .footer-contact .cont .col-xxl-4 a,.footer-contact .cont .col-xxl-8 a{white-space: nowrap;}
}

@media screen and (min-width: 1300px) and (max-width: 1499px){
  .container{width: 86%;}
  .navbox{padding-left: 2rem !important;padding-right: 2rem !important;}
  .navbox .px-lg-5{padding-left: 1rem !important;padding-right: 1rem !important;}
  .header .navtop .search-dd{width: 25%;}
  .navbar-toggler,.app-email{display: none;}
  .h-about{padding:4rem 0;}
  .modal .modal-dialog{max-width: 830px;}
  .footer-contact .cont .col-xxl-4,.footer-contact .cont .col-xxl-8{width: 100%;}
}
@media screen and (min-width: 1170px) and (max-width: 1299px){
  .container{width: 90%;max-width: 1100px;margin:auto;}
  .navbox,.navbox .px-lg-5{padding-left: 1rem !important;padding-right: 1rem !important;}
  .header .navbar-nav li{margin:0 1rem;}
  .header .navtop .search-dd{width: 25%;}
  .navbar-toggler,.app-email{display: none;}
  .h-about{padding:3rem 0;}
  .modal .modal-dialog{max-width: 830px;}
  .footer .cont .col-xxl-8 a{white-space: nowrap;width: 80%;padding-right: 15px;}
}

@media screen and (min-width: 992px) and (max-width: 1169px){
  .header .navtop .search-dd{width: 26%;}
  .navbar-expand-lg{padding:0!important;}
  .navbox,.navtop{padding-right: .4rem !important;padding-left: .4em !important;}
  .solutions .conbox .w-lg-80{padding:2rem 0;}
  .header .navbar-brand{width: 62%;}
  .header .navbar-nav li{margin: 0 1rem;}
  .navbar-toggler,.app-email{display: none;}
  .art-product .artpro .proimg{width: auto;}
  .h-about{padding:3rem 0;}
  .footer .cont .col-xxl-8 a{white-space: nowrap;width: 80%;padding-right: 15px;}
}
@media screen and (min-width: 769px) and (max-width: 991px){
  
  .header .navtop .search-dd{width: 30%;}
  .container-nav{width: 98%; margin:auto;}
  .container{width: 96%;}
  .nav-toptwo{margin-top:13vh;}
  .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: 20%;}
  .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;}
  .header{background: rgba(255, 255, 255, 1);}
  .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 .nav-item .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 #eee;}
  .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;}
  .header .navtop .search-dd{width: 90%;}
  .header .media{justify-content: space-between !important;}
  .navbar .media dd{margin: 0;padding-left: 0rem;margin-left: 0;margin-right: 1.5rem;padding-right: 1.5rem; border-right: 1px solid #7e8ec7;border-left:none;}
  .navbar .media dd:first-child{border-right: none;}
  .navbar .ofimg1{display: none;}
  .navbar .ofimg2{display: inline-block;}
  .header .navbar-nav li .nav-link{color:#000;font-weight: bold;}
  .header .navbar-nav li:hover .nav-link{color:var(--tblr-theme1-color)!important;}

  .banner .carousel-item,.banner .carousel-item img{width: 100%;height: 400px;object-fit: cover;}
  .banner br{display: none;}
  .banner .btitle{font-size: 2rem;line-height: 2.2rem;}
  .banner .row .col-md-6{margin-top: 8rem;}
  .banner .carousel-caption{left:10%;right:10%;bottom:0rem;}
  .banner .carousel-indicators{bottom:0;}
  .banner .a-box{margin-top: 1.5rem;}
  .banner .text-box{padding: 0 1rem;}
  .banner .btitle span{margin-top: .5rem;}
  .banner .btxt{margin-top: 1.5rem;}

  .navbar-expand-lg{display: block;}  
  .navbar-expand-lg .navbar-collapse .navbar-nav{width: 100%;}
  .footer .cont b{word-break: break-all;}
  .art-product .artpro .proimg{width: auto;}
  .contact .flist .col-md-6.d-flex{padding: 1rem 3rem;padding-right: 3%;}
  .h-about{padding:4rem 0;}
}
@media (max-width:768px){
	.container-nav{width: 98%; margin:auto;}
  .container{padding-left:1rem;padding-right:1rem;}
	.nav-toptwo{margin-top:12vh;}
  .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: 50%;}
	.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;}
	.navtop .sm a i{color:#fff;}
	.pop-media dd{display: none;}
	.header{background: rgba(255, 255, 255, 1);}
	.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 .nav-item .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 #eee;}
	.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;}
	.header .navtop .search-dd{width: 90%;}
	.header .media{justify-content: space-between !important;display: none;}
	.navbar .media dd{margin: 0;padding-left: 0rem;margin-left: 0;margin-right: 1.5rem;padding-right: 1.5rem; border-right: 1px solid #7e8ec7;border-left:none;}
	.navbar .media dd:first-child{border-right: none;}
	.navbar .ofimg1{display: none;}
	.navbar .ofimg2{display: inline-block;}
	.header .navbar-nav li .nav-link{color:#000;font-weight: bold;}
	.header .navbar-nav li:hover .nav-link{color:var(--tblr-theme1-color)!important;}

	.banner .carousel-item,.banner .carousel-item img{width: 100%;height: 400px;object-fit: cover;}
	.banner br{display: none;}
	.banner .btitle{font-size: 2rem;line-height: 2.2rem;}
	.banner .row .col-md-6{margin-top: 8rem;}
	.banner .carousel-caption{left:10%;right:10%;bottom:0rem;}
	.banner .carousel-indicators{bottom:0;}
	.banner .a-box{margin-top: 1.5rem;}
	.banner .text-box{padding: 0 1rem;}
	.banner .btitle span{margin-top: .5rem;}
	.banner .btxt{margin-top: 1rem;word-break:break-all;line-height: 1.1rem;}
  /*.banner .a-box{display: block !important;}*/
  .banner .a-box .a-btn{white-space: nowrap;text-align: center;display: block !important;margin-top: .5rem;}
  .py-5{padding-top: 3rem !important;padding-bottom: 3rem !important;}
  .title h2{font-size: 2.2rem;line-height: 2.3rem;color:#333;}
  .title p{font-size: 1rem;color:#666;line-height: 1.3rem;}
  .h-about{padding:2rem 0;}
  .column .textbox h2{font-size: 1.2rem;color:#fff;margin-bottom: .5rem !important;font-weight: bold;margin-top: .5rem;}
  .column .textbox h2 b{font-size: 2rem;display: block;margin-bottom: .8rem;color:#000;}
  .column .bg{object-fit: cover; height: 150px;}
  .listpro .col-md-12 .textbox{margin-left: 0rem;padding-top: 1rem;}
  .art-product .artpro h1{word-break:break-all;}
  .art-product .applications .appbox:nth-child(2){padding-bottom: 2rem;}
  .column-nav dl{padding:0;}
  .artbox .column-nav .col-lg-9{padding: 1rem;}
  .contact .flist .col-md-6.d-flex{padding: 0;padding-right: inherit;}
  .contact .flist .col-md-6 .textbox{padding:2rem;}
  .contact h2{font-size: 2rem;color:#333;line-height: 2.2rem;font-weight: bold;}
  .whatsapp .box{width: 340px;}
  .support .technical-support .box{padding:3rem 1rem;display: block !important;text-align: center;}
  .support .technical-support .textbox{margin-top: 1rem;}
  .support .technical-support .icon{margin-right: 0;}
  .support .technical-support .textbox p{font-size: 1rem;}
  .support .technical-support .textbox a{font-size: .95rem !important;}
  .support h2{font-size: 2rem;color:#333;line-height: 2.4rem;font-weight: bold;}
  .support .accordion h3, .support .accordion .accordion-item button{font-size: 1.2rem;}
  .support .accordion .accordion-body p{font-size: 1rem;}
  .company-history h2{font-size: 2.2rem;color:#fff;font-weight: initial;text-align: center;letter-spacing: 1px;line-height: 2.6rem;}
  .h-why-choose .col p{font-size: .95rem;}
  .column .textbox h1,.column .textbox h1 b{font-size: 2.2rem;}
  .index-pro .column .textbox h1,.index-pro  .column .textbox h1 b{font-size:1.5rem; text-align: center;}
  .header .media{padding:.5rem 0 !important;}
  .column .container{display: flex;align-items: center;justify-content: center;}
  .about .column .container{display: flex;align-items: center;justify-content: end;}
  .navbar .media a{font-size: 18px;}
  .solutions .conbox .col-md-6 .w-lg-50{width: 70%;margin:auto; margin-bottom: 1rem;}
  .footer .row .col-md-6:nth-child(1){padding-bottom: 1rem !important;}
  .footer .row .col-md-6:nth-child(2){padding-top: 1rem !important;}
  .solutions .row .col-md-6 .overflow-hidden,.solutions .row .col-md-6 .overflow-hidden .h-100{height: auto !important;border-radius: 0 !important;}
  .solutions .row .col-md-6 .app-300{height: 450px !important;}
  .solutions .row .col-md-6 .app-300 .h-100{width: 100%;height: 450px !important;object-fit: cover;}
  .app-block{display: block;width: 100%;}
}