body,html{font-family:微软雅黑,"Roboto","Helvetica Neue",Helvetica,Arial;width:100%;height:100%;background: #fff;}
.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)}
.hover-box .hvr img,.hover-box .hvr .overflow-hidden img{transition: all 0.4s;}
.hover-box .hvr:hover img,.hover-box .hvr:hover .overflow-hidden img{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transition: all 0.4s;}

:root{
  --tblr-a-hover-color: rgba(30,112,209,1);/*#1e70d1*/
  --tblr-theme1-color:rgba(1,70,148,1);/*#014694*/
  --tblr-theme1-color-hover:rgba(1,70,148,.8);
  --tblr-theme2-color:rgba(70,153,222,1);/*#4699de*/
  --tblr-theme2-color-hover:rgba(70,153,222,.8);
  --tblr-theme3-color:rgba(252,157,41,1);/*#fc9d29*/
  --tblr-theme3-color-hover:rgba(252,157,41,.8);
  --tblr-theme4-color:rgba(238,255,16,1);/*#eeff10*/
  --tblr-theme4-color-hover:rgba(238,255,16,.8);
 
}

a:hover{color:var(--tblr-a-hover-color);text-decoration: none;cursor: pointer;}
.a{color:var(--tblr-a-hover-color);text-decoration: none;cursor: pointer;transition: all 0.4s;}
.a:hover{text-decoration: underline;transition: all 0.4s;}
.text-grey{color:#666;}
.text-grey-min{color:#888;}
.text-grey-max{color:#333;}
.text-theme1{color:var(--tblr-theme1-color);}
.text-theme2{color:var(--tblr-theme2-color);}
.text-theme3{color:var(--tblr-theme3-color);}
.text-theme4{color:var(--tblr-theme4-color);}
.bg-theme1{background: var(--tblr-theme1-color);}
.bg-theme2{background: var(--tblr-theme2-color);}
.bg-theme3{background: var(--tblr-theme3-color);}
.bg-theme4{background: var(--tblr-theme4-color);}

.a-box .btn-bg-theme1{padding:.8rem 1.5rem;background:var(--tblr-theme1-color);color:#fff;transition: all 0.3s;}
.a-box .btn-bg-theme1:hover{background:var(--tblr-theme2-color-hover);transition: all 0.3s;}
.a-box .btn-bg-theme2{padding:.8rem 1.5rem;background:var(--tblr-theme1-color);color:#fff;transition: all 0.3s;}
.a-box .btn-bg-theme2:hover{background:var(--tblr-theme2-color-hover);transition: all 0.3s;}
.a-box .btn-bg-white{padding:.8rem 1.5rem;background:rgba(255,255,255,1);color:#333;transition: all 0.3s;}
.a-box .btn-bg-white:hover{color:var(--tblr-theme1-color); transition: all 0.3s;}
.a-box .btn-bg-black{padding:.8rem 1.5rem;background:rgba(0,0,0,1);color:#fff;transition: all 0.3s;}
.a-box .btn-bg-black:hover{background:rgba(0,0,0,.8);transition: all 0.3s;}
.a-box .btn-border-theme1{padding:.8rem 1.5rem;background:rgba(250,250,250,0);border:1px solid var(--tblr-theme1-color);color:var(--tblr-theme1-color);transition: all 0.3s;}
.a-box .btn-border-theme1 svg{margin-bottom: 3px; fill:var(--tblr-theme1-color);}
.a-box .btn-border-theme1:hover{margin-bottom: 3px;background:var(--tblr-theme1-color);border:1px solid var(--tblr-theme1-color);color:#fff;transition: all 0.3s;}
.a-box .btn-border-theme1:hover svg{fill:#ffffff;}
.a-box .btn-border-theme2{padding:.8rem 1.5rem;background:rgba(250,250,250,0);border:1px solid var(--tblr-theme2-color);color:var(--tblr-theme2-color);transition: all 0.3s;}
.a-box .btn-border-theme2:hover{background:var(--tblr-theme2-color);border:1px solid var(--tblr-theme2-color);color:#fff;transition: all 0.3s;}
.a-box .btn-border-black{padding:.8rem 1.5rem;background:rgba(250,250,250,0);border:1px solid rgba(0,0,0,1);color:#000;transition: all 0.3s;}
.a-box .btn-border-black:hover{background:var(--tblr-theme1-color);border:1px solid var(--tblr-theme1-color);color:#fff;transition: all 0.3s;}
.a-box a svg{margin-left: .7rem;transition: all 0.3s;}
.a-box a:hover svg{margin-left: 1.2rem;transition: all 0.3s;}
.a-box .a-btn{padding:.6rem 1.8rem;}
.a-box .bg-theme1 svg,.a-box .bg-theme2 svg,.a-box .bg-theme3 svg{fill:#fff;}


.hvr-underline-from-center:before,.hvr-underline-from-left:before,.hvr-radial-in{background: var(--tblr-theme1-color);z-index: 5;}
.hvr-reveal:before{border-color:var(--tblr-theme1-color);}

.lh-mg{line-height: 1.4rem;}
.lh-gl{line-height: 1.8rem;}
.balle{border: 1px solid #eee;}
.balld{border: 1px solid #ddd;}
.ballc{border: 1px solid #ccc;}
.bbome{border-bottom: 1px solid #eee;}
.bbomd{border-bottom: 1px solid #ddd;}
.bbomc{border-bottom: 1px solid #ccc;}
.bbomf9{border-bottom:1px solid #f9f9f9;}
.btope{border-top: 1px solid #eee;}
.btopd{border-top: 1px solid #ddd;}
.btopc{border-top: 1px solid #ccc;}
.btopf9{border-top:1px solid #f9f9f9;}
.d-hidden-1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.d-hidden-2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.d-hidden-3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.d-hidden-4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.bg-f9{background: #f9f9f9;}
.bg-f7{background: #f7f7f7;}
.bg-f5{background: #f5f5f5;}
.bg-f3{background: #f3f3f3;}
.bg-f2{background: #f2f2f2;}
.bg-f1{background: #f1f1f1;}
.h-250{width: 100%;height: 250px;object-fit: cover;}
.h-300{width: 100%;height: 300px;object-fit: cover;}
.h-400{width: 100%;height: 400px;object-fit: cover;}
.h-500{width: 100%;height: 500px;object-fit: cover;}
.h-600{width: 100%;height: 600px;object-fit: cover;}
.h-700{width: 100%;height: 700px;object-fit: cover;}
.mh-400{width: 100%;max-height: 400px;object-fit: cover;}
.mh-500{width: 100%;max-height: 500px;object-fit: cover;}
.w-90{width: 90%;}.w-80{width: 80%;}.w-70{width: 70%;}.w-60{width: 60%;}.w-50{width: 50%;}.w-40{width: 40%;}.w-30{width: 30%;}.w-20{width: 20%;}.w-10{width: 10%;}.w-5{width: 5%;}
.ltcolor{background: linear-gradient(90deg, #77ac32, #212fff);
background-clip: text;
-webkit-background-clip: text;
color: transparent;}
.transform-0{transform: rotate(0deg) !important;}
.title h2{font-size: 2.5rem;color:#333;line-height: 3.8rem; margin-bottom: 0;}
.title h2 img{width: 20%;margin:auto;display: block;margin-top: -.2rem;}
.title p{font-size: .95rem;line-height: 1.2rem;color:#444;margin-bottom:0;margin-top: .8rem;}
.radius-ltb0{border-top-left-radius: 0 !important;border-bottom-left-radius: 0 !important;}
.radius-rtb0{border-top-right-radius: 0 !important;border-bottom-right-radius: 0 !important;}
.radius-tlr0{border-top-left-radius: 0 !important;border-top-right-radius: 0 !important;}
.radius-blr0{border-bottom-left-radius: 0 !important;border-bottom-right-radius: 0 !important;}

.stroke-block{-webkit-text-stroke: 1px #000000;}

/*--- nav ----*/
.navbar{background:rgba(255,255,255,1);z-index: 200;transition: all 0.3s;}
.navbar .navbar-nav{min-height: initial;}
.navbar .navbar-nav li{position: relative;display: inline-block;margin:0 1.5rem;box-shadow:none;}
.navbar .navbar-nav li .nav-link{color:#333;font-size: 1rem;padding: 1.6rem 0;cursor: pointer;}
.navbar .navbar-nav li:hover a,.navbar .navbar-nav .active .nav-link{color:var(--tblr-theme1-color-hover);}
.navbar .navbar-nav li .dropdown-menu .dropdown-item{color: #333;font-size: .95rem;}
.navbar .nav-item .nav-link svg{transform: rotate(0deg);transition: all 0.3s;}
.navbar .nav-item .nav-link:hover svg{transform: rotate(360deg);transition: all 0.3s;}
.navbar .nav-item.open .dropdown-menu{display: block;border: none;position: fixed;border-radius: 0;background: rgb(255 255 255);padding: 0;z-index: 200;box-shadow: 0px -41px 21px -49px rgb(129 124 208 / 45%);border:#eee;padding:0;margin: 0;box-shadow: 0px 6px 23px -5px rgb(33 33 33 / 50%);margin-top: 0;}
.navbar .nav-item.open .dropdown-menu a{color:#333;padding: .8rem 2rem;font-size: .875rem;border-bottom: 1px solid #eee;}
.nav-item4 a svg,.nav-item6 a svg,.nav-item7 a svg{display: none;}

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

.search-btn{cursor: pointer;}
.search-box{width: 40%;position: absolute;right: 8%;bottom: -60px;z-index: 100;padding: 15px 25px;background: #fff;display: none;box-shadow: 0px 0px 35px -20px rgb(0 0 0 / 0.5);}
.search-box button{border:none;background: none;padding:2px; padding-right: 10px;height: 25px;outline:none;}
.search-box button img{width: 80%;margin-top: -5px;}
.search-box input{border:none;background: none;padding:2px 5px;font-size: 14px;color: #333;height: 25px;outline:none;width: 80%;}
.search-box input::-webkit-input-placeholder{color:#ccc;font-size: 14px;outline:none;}
.search-box .input-group{border-bottom: 1px solid #eee;}
/*--- nav ----*/

.swiper-box{width: 100%;position: relative;overflow: hidden;}
.swiper-container{margin-left: auto;margin-right: auto;position: relative;overflow: hidden;z-index: 1}
.swiper-container-no-flexbox .swiper-slide {float: left}
.swiper-container-vertical>.swiper-wrapper {-webkit-box-orient: vertical;-moz-box-orient: vertical;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column}
.swiper-wrapper {position: relative;width: 10%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.swiper-wrapper {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate(0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.swiper-slide {-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%;position: relative;padding: 0 1rem;}
.swiper-button-next,.swiper-button-prev{position: absolute;top: 50%;width: calc(var(--swiper-navigation-size)/ 44 * 27);height: var(--swiper-navigation-size);margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);z-index: 10;cursor: pointer;display: flex;align-items: center;justify-content: center;color: var(--swiper-navigation-color,var(--swiper-theme-color));}
.swiper-button-prev,.swiper-button-next{background-color: #0079c3;border-radius: 50%;width: 37px;height: 37px;top: 51%;text-align: center;line-height: 34px;}
.swiper-button-prev::after,.swiper-button-next::after{content: "";}
.swiper-button-prev{margin-top: -1rem;left:0; color:#fff;}
.swiper-button-next{margin-top:-1rem;right:0;transform: rotate(180deg);color:#fff;}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity: .65;}


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

.h-solution .carousel-inner .hvr .overflow-hidden{border-top-left-radius: 0 !important;border-bottom-left-radius: 0 !important;}
.h-solution .carousel-indicators button{transition: all 0.3s;width: 80%;margin: 0;padding-right: 4rem; margin-bottom: 1rem; padding:1.5rem;border:1px solid #ddd;color:#333; display: block; transition: all 0.4s;background: rgba(255,255,255,.1); position: relative;opacity: 1;flex: 1 0 0%;height: auto;text-indent: inherit;overflow: hidden;text-align: left;}
.h-solution .carousel-indicators button:last-child{margin-bottom: 0;}
.h-solution .carousel-indicators .active{background: #014694;color:#fff;transition: all 0.3s;}
.h-solution .carousel-indicators button svg{transition: all 0.3s;position: absolute;right: 2rem;top:48%;width: 16;height: 16;opacity: 1;}
.h-solution .carousel-indicators .active svg{opacity: 0;transition: all 0.3s;}
.h-solution .carousel-indicators button .ofn{display: none;transition: all 0.3s;}
.h-solution .carousel-indicators .active .ofn{display: block;transition: all 0.3s;}
.h-solution .col-md-6 .a-box svg{fill:#ffffff;}



.h-adv{background:url(../image/h-advbg.webp) center center;position: relative;}
.h-video{background: #03253c;}
.h-case .col{position: relative;}
.h-case .col:before{content:" ";display: inline-block;width: 59px;height: 44px;position: absolute;z-index:50;top: 10px;right: -29px;background: url(../image/jt-icon.png);background-size: cover;}
.h-case .col:nth-child(odd):before{opacity: 40%;transition: all 0.3s;}
.h-case .col:hover:before{opacity: 100%;transition: all 0.3s;}
.h-fwlc span{width: 90px;height: 90px;line-height: 80px;text-align: center;}
.h-fwlc span img{width: 58%;}

.h-about .row .col-md-6:nth-child(2){background:url(../image/h-aboue-bg.webp) center center;}
.opacity-95{opacity: 95%;}

.h-new .tbox{background: #f4f9ff;}
.h-new .libox .col-md-12 a{color:#333; padding-top: 1.5rem;margin-bottom: 1rem;padding-bottom: 1rem;border-bottom: 1px solid #ddd;}
.h-new .libox .col-md-12 .hvr-underline-from-left:before{height: 1px;}
.h-new dl dd{border:1px solid #eaeaea;transition: all 0.3s;}
.h-new dl dd:hover{border:1px solid #bfaed1;transition: all 0.3s;}
.h-new dl span{display: inline-block; text-align: center;line-height: 28px; width: 28px;height: 28px;font-size: 16px;color:#fff;}


.list-service .row .col-md-12:last-child{margin-bottom: 0 !important;}
.art-service .conbox h3{font-size: 1.5rem;color:#333;margin-bottom: 0;margin-top: 1.5rem;}
.art-service .conbox h4{font-size: 1.2rem;margin-top: 1.5rem;margin-bottom: .6rem;color:#333;}
.art-service .conbox h5{font-size: 1.2rem;margin-top: 1.5rem;margin-bottom: .6rem;color:#333;}
.art-service .conbox p{color:#666;font-size: 1rem;}
.art-service .conbox ul{list-style: none;margin: 0;padding: 0;}
.art-service .conbox ul li{font-size: 1rem;color:#666;margin-bottom: .5rem;}
.art-service .conbox ul li:last-child{margin-bottom: 0;}
.art-service .conbox strong{color:#333;}

.support .support-adv .box{background: #fff;transition: all 0.3s;color:#333;}
.support .support-adv .box:hover{color:#fff; background: var(--tblr-theme1-color);transition: all 0.3s;}



.h-video .swiper-box{padding-top:5%;padding-bottom: 5%; }
.h-video .swiper-container{transform: scale(1.5);}
.h-video .swiper-slide{padding: 0 .2rem;}
.h-video .ratio-16x9{border: 6px solid rgb(0 0 0 / 46%);}
.h-video .swiper-button-prev,.h-video .swiper-button-next{width: 60px;height: 60px;}
.h-video .swiper-button-prev svg,.h-video .swiper-button-next svg{width: 30px;height: 30px;}
.h-video .swiper-button-prev{margin-top: -1rem;left:2rem; color:#fff;}
.h-video .swiper-button-next{margin-top:-1rem;right:2rem;transform: rotate(180deg);color:#fff;}

.faq-ul li .cbox .box-h{font-size: 1.2rem;color:#333;margin-bottom: 1rem;padding: .8rem 1rem;font-weight: bold;background: #fbf6e7;}
.faq-ul li .cbox h3{font-size: 1.2rem;color:#333;}
.faq-ul li .cbox h4{font-size: 1rem;color:var(--tblr-theme1-color); margin-top: 1rem;margin-bottom: 0;}
.faq-ul li .cbox p{font-size: .95rem;color:#666;margin-bottom:1rem;}
.faq-ul li .cbox p:last-child{margin-bottom: 0;}
.faq-ul li .cbox ul{margin-top: 1rem;}
.faq-ul li .cbox ul li{background: none;border:none;font-size: 1rem;color:#666;}
.faq-ul li .cbox ul li strong,.faq-ul p strong{color:#333;}
.faq-ul{list-style: none;margin:0;padding:0;position:relative; z-index: 15;}
.faq-ul li{cursor: pointer;position: relative;z-index: 15;border:1px solid #eee;background: #f7f7f7;margin-bottom: 1.5rem;}
.faq-ul li:last-child{margin-bottom: 0;}
.faq-ul li .arrsvg svg:nth-child(2),.faq-ul .active .arrsvg svg:nth-child(1){display: none;transition: all 0.4s;}
.faq-ul .active .arrsvg svg:nth-child(2){display: inline-block;transition: all 0.4s;color:#ddd;}
.faq-ul li svg{fill:#aaa;width: 20px;height: 20px;}
.faq-ul .active svg{fill:#666;}
.faq-ul li .h6{padding: 1.5rem;margin-bottom: 0;line-height: 1.6rem;}
.faq-ul li .cbox{display: none;padding:1.5rem;background: #fff;}
.faq-ul li:first-child .cbox{display: block;}
.faq .fbox{background: #ededf7;border: 1px solid rgb(225 225 235);}


.about .team{background:url(../image/team-bg.webp) center center;}
.about ul{margin-left: 1.2rem;padding:0;}
.about ul li{margin-bottom: .5rem;}

.art-case .conbox h3{font-size: 1.2rem;color:#333;}
.art-case .conbox ul{list-style: none;margin: 0;padding:0;margin-top: 1rem;margin-left: .8rem;}
.art-case .conbox ul li{font-size: 1rem;color:#666;margin-bottom: .5rem;line-height: 1.8rem;}
.art-case .conbox ul li:last-child{margin-bottom: 0;}


.alltc{position: fixed;z-index: 99;bottom: 40%;right: 0;}
.alltc dd{-webkit-transform: translateX(-5px);margin-bottom:.5rem;transition: all 0.5s ease;}
.alltc dd:last-child{margin-bottom: 0;}
.alltc dd:hover{-webkit-transform: translateX(-20px);transition: all 0.5s ease;}
.alltc dd a{display: inline-block;}
.alltc dd a span{display: inline-block;background: var(--tblr-theme1-color);width: 50px;height: 50px;line-height: 38px;text-align: center; border-radius: 90px;transform: rotate(0deg);transition: all 0.4s;}
.alltc dd:nth-child(1) a span{background: #25d366;}
.alltc dd:nth-child(2) a span{background: var(--tblr-theme2-color);}
.alltc dd a span svg{fill:#fff;width: 26px;height: 26px;}
.alltc dd a span:hover{background: var(--tblr-theme3-color);transform: rotate(360deg);transition: all 0.4s;}

.gif-bg{animation-name:gifbg;animation-timing-function:ease-in;animation-duration: 5s;animation-iteration-count:infinite;animation-direction: alternate;}
@keyframes gifbg{
0% {transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);}
100% {transform:scale(1.0,1.0);-webkit-transform:scale(1.0,1.0);-moz-transform:scale(1.0,1.0);}
}

.gif-icon{animation-name:gificon;animation-timing-function:ease-in;animation-duration: 1s;animation-iteration-count:infinite;animation-direction: alternate;}
@keyframes gificon{
0% {transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);}
100% {transform:scale(1.0,1.0);-webkit-transform:scale(1.0,1.0);-moz-transform:scale(1.0,1.0);}
}

.footer a{font-size: .95rem;color:#fff;opacity: .8;}
.footer a:hover{opacity: 1;}
.footer dl dd{margin-bottom: .8rem;}
.footer dl dd:last-child{margin-bottom: 0;}
.tel{font-size: 1.3rem;text-align: center; width: 100%; display: inline-block;padding:.7rem;color:#fff; background: #4196ea;border-radius: 5px;}
.whatsapp{text-align: center; display: inline-block;font-size: 1.3rem;font-weight: bold; width: 100%;display: inline-block;background: #25d366;padding:.7rem;color:#fff;border-radius: 5px;}
.tel svg,.whatsapp svg{width: 30px;height: 30px;fill:#fff;}
.tel span,.whatsapp span{font-size: 1.3rem;}
.footer .powerby{border-top:1px solid #1262bd;}

.formshiro .col-md-6 svg{position: absolute;right: 1.8rem;top:25%;width: 16px;height: 16px;}

.column{position: relative;}
.column h1{font-size: 2rem !important;font-weight: bold;}
.column h1 span{height: .3rem;width: 3rem}
.column-nav dl{margin:0;padding:0;list-style: none;}
.column-nav dl dd{margin:0 1rem;}
.column-nav dl dd a{position: relative; display: inline-block;padding:1.2rem 0; color:#333;font-weight: initial !important;}
.column-nav dl dd a:before{content: "";position: absolute;z-index: -1;left: 0;right: 100%;bottom: 0;background: var(--tblr-theme1-color);height: 2px;-webkit-transition-property: right;transition-property: right;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.column-nav dl dd a.active:before,.column-nav dl dd a:hover:before{right: 0;z-index: 1;}
.column-nav dl dd a.active{color:#000;font-weight: bold !important;}
.column-nav{border-bottom: 1px solid #eee;}


.formshiro input,.formshiro textarea,.formshiro select{border-color: #bbbbbb;color:#666;font-size: 1rem;}
.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 #666;border-right: none;}
.formshiro .form-check-input{width: 14px;height: 13px;border-radius: 3px;margin-top: 3px;}
.formshiro select{font-size: .9rem;}

.position svg{width: 20px;height: 20px;margin-top: -2px;}
.position ul{display: flex;justify-content: center;list-style: none;padding:0;margin:0;}
.position li{margin-right: 6px;}
.position li::before{font-family: monospace; content:">";display: inline-block;font-size: 14px;}
.position li:nth-child(1)::before{display: none;}
.position li a{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;color: #666;font-size:.8rem;transition: all 0.3s;}
.position ul li:nth-child(1) a{font-weight: bold;color:#333 !important;}
.position li a:hover{color: var(--tblr-theme1-color) !important;transition: all 0.3s;text-decoration: revert;letter-spacing: 0.4px;}
.breadcrumb-item+.breadcrumb-item::before{font-family: monospace; content: ">";color:#333;font-size: 12px;margin-right: 5px;}

.prenext{padding:0;font-size: 1rem;list-style: none;}
.prenext li{font-size: 1rem;font-weight: bold;color:#333;}
.prenext a{color: #777;text-decoration: none;font-size: 0.9rem !important;margin-left: .5rem; font-weight: initial;}
.prenext a:hover{color: var(--tblr-theme1-color);text-decoration: underline;}


.allform .row .d-flex.col-md-6{background:url(../image/allform.webp) center center;}
.allform .text-box{padding:5rem;padding-left: 15rem;}
.allform .box{background: #032c48;padding:3rem;}
.allform .box span{width: 60px;height: 60px;line-height: 50px;text-align: center;}
.allform .box span svg{width: 40px;height: 40px;}
.allform .cbox{padding:5rem;}
.allform .carousel-indicators{bottom: -2rem;}

.sm i{font-size: 18px;color:#fff;margin: 0;padding:0;}
.sm a{display: inline-block;width: 36px;margin-right: .6rem; height: 36px;text-align: center;line-height: 40px;border-radius: 2px; background: var(--tblr-theme1-color);transition: all 0.3s;}
.sm .search-btn{display: inline-block;width: 36px;margin-right: .6rem; height: 36px;text-align: center;line-height:29px;border-radius: 2px; background: var(--tblr-theme1-color);transition: all 0.3s;}
.sm .search-btn svg{fill:#fff;}
.sm a:last-child{margin-right: 0;}
.sm a:hover,.sm .search-btn:hover{background: var(--tblr-theme2-color);transition: all 0.3s;}

.map{background:url(../image/contact-map.png) center center;position: relative;}
.map .mbox{box-shadow: 13px 15px 40px 0 rgba(50,26,9,.08);}


.exampleModal .select2{width: 100% !important;}
.exampleModal .select2-container--default .select2-search--dropdown .select2-search__field{height: 1px;opacity: 0;}
.exampleModal .select2-search--dropdown{height: 0 !important;}

.popbtn{cursor: pointer;}
@media (min-width:992px){
	.header{padding:0px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
	.header .navbar-nav .nav-link{color: #fff;}
	.header .navbar-nav .hvr-underline-from-left{overflow:initial;}
	.header .navbar-nav .dropdown-menu{min-width: auto;width: auto;transition: all 0.3s ease-out;display: block;max-height: 0px;height:0px;visibility: hidden;overflow: hidden;padding: 0;}
	.header .navbar-nav .nav-item:hover .dropdown-menu,.header .navbar-nav .nav-item a:hover+.dropdown-menu{display: block;visibility: visible;max-height: 100vh;height: auto;}
	.header .navbar-nav .nav-item .dropdown-menu .dropdown-item{min-width: 8rem;font-size: .9rem;}
	.header .navbar-nav .nav-item .dropdown-menu .dropdown-item:focus, .header .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover{background-color: var(--tblr-indigo);color: #fff;}

	.container{width: 76%;max-width: 1400px;margin:auto;}
	.container-nav{width: 92%;max-width: 1600px;margin:auto;}
	.nav-toptwo{margin-top:7vh;}
	.jc-start{display: flex;justify-content: flex-start;}
	.jc-end{display: flex;justify-content: flex-end;}
	.jc-center{display: flex;justify-content: center;}
	.jc-between{display: flex;justify-content: space-between;}
	.ai-center{display: flex;align-items: center;}


	.hover-box .showl{-webkit-transform: translateX(1rem);transition: all 0.5s ease;}
	.hover-box .tab-content .show .showl,.hover-box .show:hover .showl{-webkit-transform: translateX(0);transform: translateX(0);transition: all 0.5s ease;}
	.hover-box .showr{-webkit-transform: translateX(0rem);transition: all 0.5s ease;}
	.hover-box .tab-content .show .showr,.hover-box .show:hover .showr{-webkit-transform: translateX(1rem);transform: translateX(1rem);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{-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);}

	.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%;}
  
  .banner .carousel-control-prev,.banner .carousel-control-next,.h-solution .carousel-control-prev,.h-solution .carousel-control-next{top: 45%;border-radius: 100px; background: var(--tblr-theme1-color); width: 60px;height: 60px;z-index: 90;}
  .banner .carousel-control-prev svg,.banner .carousel-control-next svg,.h-solution .carousel-control-prev svg,.h-solution .carousel-control-next svg{width: 30px;height: 30px;}
  .banner .carousel-control-prev,.h-solution .carousel-control-prev{left:2rem; }
  .banner .carousel-control-next,.h-solution .carousel-control-next{right:2rem;}
	.navbar-brand{width: 11%;}

}

@media (min-width:1500px){

}

@media screen and (min-width: 1171px) and (max-width: 1499px){


	.navbar .container-fluid{padding-left: 2rem !important;}
	.navbar .navbar-nav li{margin: 0 1rem;}

}

@media screen and (min-width: 992px) and (max-width: 1170px){
	.navbar .container-fluid{padding-left: 2rem !important;}
	.navbar .navbar-nav li{margin: 0 .8rem;}
	.navbar .navbar-nav li .nav-link{font-size: .9rem;}

}

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

}
@media (max-width:768px){
	.container{width: 96%;margin:auto;}
	.navbar-brand{width: 58%;}
	.app-email svg{width: 30px;height: 30px;fill:#333;}
	.nav-toptwo{margin-top: 7vh;}
	.hvr-wobble-horizontal,.hvr-forward,.hvr-buzz-out,.hvr-bob,.hvr-underline-from-left{-webkit-transform: none;transform: none;}


	.navbar-nav .dropdown-menu{padding: 0 1rem !important;overflow-y: scroll;max-height: 400px;background: #fbfbfb !important;}
	.navbar .navbar-nav li{margin:0;}
	.navbar .navbar-nav li{margin:0;border-bottom: 1px solid #eee;}
	.navbar .nav-item .dropdown-menu a:hover{color:#333 !important;background: #f9f9f9;}
	.navbar .navbar-nav .nav-item .nav-link{position: relative;z-index: 95;color: #000!important;padding: 1rem !important;font-size: 15px;text-transform: uppercase;}
	.navbar-nav .nav-item .dropdown-item{margin: 0;position:relative;color:#666 !important;font-size: .875rem !important;display: block !important;padding: 8px 0 !important;margin-bottom: 5px;border-bottom: 1px solid #eee;}
	.search-box{width: 90%;left: 5%;}


	.h-fwlc .col{flex: 0 0 auto;width: 50%;}
	.allform .text-box{padding: 2rem;padding-left: 2rem;}
	.allform .cbox{padding: 2rem;}
	.title h2{font-size: 2rem;color:#333;line-height: 2.8rem;margin-bottom: 0;}
	.h-solution .carousel-indicators{margin-top: 1rem !important;}
	.h-solution .carousel-indicators button{width: 87%;}
	.a-box .a-btn{padding: .6rem .8rem;}
	.title h2 img{width: 70%;margin:auto;display: block;margin-top: 0rem;}
	.title p{font-size: 1rem;line-height: 1.5rem;color:#444;margin-bottom:0;margin-top: .8rem;}
	.h-service .row{margin: 0}
	.h-video .col{display: none;}
	.h-video .h-600{width: 100%;height: 260px;object-fit: cover;}
	
	.h-solution button{background: #f5f5f5 !important;border:1px solid #f5f5f5 !important;}
	.h-solution button p{color:#333;}
	.h-solution button .ofn{display: block !important;}
	.h-solution button h3 span{color: var(--tblr-theme1-color);letter-spacing: 1px;font-size: 1.6rem;transition: all 0.4s;}
	.h-solution .active h3 span{color: var(--tblr-theme1-color);transition: all 0.4s;}
	
  .banner .carousel-control-prev,.banner .carousel-control-next,.h-solution .carousel-control-prev,.h-solution .carousel-control-next{top: 45%;border-radius: 100px; background: var(--tblr-theme1-color); width: 50px;height: 50px;z-index: 90;}
  .banner .carousel-control-prev svg,.banner .carousel-control-next svg,.h-solution .carousel-control-prev svg,.h-solution .carousel-control-next svg{width: 25px;height: 25px;}
  .banner .carousel-control-prev,.h-solution .carousel-control-prev{left:1rem; }
  .banner .carousel-control-next,.h-solution .carousel-control-next{right:1rem;}



	.h-fwlc .row .col{margin-bottom: 1rem;}
	.h-fwlc .row .col:last-child{margin-bottom: 0;}
	.h-fwlc h3{font-size: 1.2rem !important;margin-bottom: .3rem !important;}
  .h-video .swiper-button-prev,.h-video .swiper-button-next{width: 40px;height: 40px;z-index: 50;top: 50%;}
  .h-video .swiper-button-prev svg,.h-video .swiper-button-next svg{width: 30px;height: 30px;}
  .h-video .swiper-button-prev{margin-top: -1rem;left:1rem; color:#fff;}
  .h-video .swiper-button-next{margin-top:-1rem;right:1rem;transform: rotate(180deg);color:#fff;}
	.h-video .swiper-box{width: 98%;margin:auto;}
	.h-video .swiper-box{padding-top:5%;padding-bottom: 5%; }
	.h-video .swiper-container{transform: scale(1);}
	.h-video .swiper-slide{padding: 0 .2rem;}
	.h-video .ratio-16x9{border: 6px solid rgb(0 0 0 / 46%);}
	.h-new .libox{padding:.8rem;background: #f4f9ff;margin:1rem 0;}
	.allform .box span{width: 78px;}


  .column img{height: 200px;object-fit: cover;}
  .column .justify-content-start{justify-content: center !important;text-align: center;}
  .about .team .col-md-4 .p-3{padding:2rem 3rem 1rem 3rem !important;}
  .art-service .conbox p{color:#555;}
  #carouselpro .carousel-item .h-400{height: auto;}

	.footer dl dd{display: inline-block;margin-right: .8rem;}
  .footer dl dd a{padding: .3rem .6rem;background: #215fa5;font-size: .8rem;}
  .tel,.whatsapp{opacity: 1;}
  .contact .column img{height: 140px;}
  .contact .column h1{font-size: 1.6rem !important;}
  .contact .tbox h2{font-size: 1.5rem !important;}
  .contact .tbox h3{font-size: 1.1rem !important;}
  .contact .tel,.contact .whatsapp{padding:.5rem;}
  .contact .tel span,.contact .whatsapp span{font-size: 1rem;}
  .contact .tel svg,.contact .whatsapp svg{width: 20px;height: 20px;margin-bottom: .2rem;}

  .alltc dd{-webkit-transform: translateX(-5px);margin-bottom:.5rem;transition: all 0.5s ease;}
	.alltc dd:last-child{margin-bottom: 0;}
	.alltc dd:hover{-webkit-transform: translateX(-5px);transition: all 0.5s ease;}

}