@charset "utf-8";
body{top:0 !important;}
body,html{font-family:'Poppins',sans-serif,"Roboto","Helvetica Neue",Helvetica,Arial,"Microsoft YaHei","微软雅黑";width:100%;height:100%;font-size: 16px; background: #fff;}
.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;}
#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: rgb(51 51 51 / 60%) 2px 2px;}
#carouselpro .carousel-indicators li.active img{border-color: var(--tblr-dark);border: 3px solid #deebf7;}
.covervideo{position: relative;display: inline-block;}
.covervideo:hover:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .3);}
.covervideo:after{font-family: var(--fa-style-family,"Font Awesome 6 Free");content: "\f144";font-weight: 400;font-size: 60px;position: absolute;top: 50%;left: 50%;z-index: 1;margin-top: -45px;margin-left: -30px;color: #fff;text-shadow: #333 2px 2px;}

.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:1rem;text-align:center}
.empty-header{margin:0 0 1rem;font-size:4rem;font-weight:var(--tblr-font-weight-light);line-height:1;color:var(--tblr-muted)}
.empty-title{font-size:1.25rem;line-height:1.75rem;font-weight:var(--tblr-font-weight-bold)}

.header{background-color: transparent;padding:0px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.header .navbar-nav .nav-link{color: #fff;}
.header .navbar-nav .hvr-underline-from-left{overflow:initial;}
.header .navbar-nav .dropdown-menu{min-width: auto;width: auto;transition: all 0.3s ease-out;display: block;top:50px;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;}

.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-grey-min-color: rgba(136,136,136,1);/*#888*/
  --tblr-grey-color: rgba(102,102,102,1);/*#666*/
  --tblr-grey-max-color: rgba(51,51,51,1);/*#333*/
  --tblr-theme1-color:rgba(5,55,132,1);/*#053784*/
  --tblr-theme1-color-hover:rgba(2,96,247,.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);
}
.apptable{vertical-align: middle;width: 100%;overflow-y: auto;_overflow: auto;margin: 0 0 1em;}
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:var(--tblr-grey-color);}
.text-grey-min{color:var(--tblr-grey-min-color);}
.text-grey-max{color:var(--tblr-grey-max-color);}
.text-theme1{color:var(--tblr-theme1-color);}
.text-theme2{color:var(--tblr-theme2-color);}
.text-jbcolor1{background: linear-gradient(to right,#87adeb,#07ae92);-webkit-background-clip: text;color: transparent;}
.text-jbcolor2{background: linear-gradient(to right,#063688,#08a997);-webkit-background-clip: text;color: transparent;}
.text-jbcolor3{background: linear-gradient(to right,#005dfd,#00cb9d);-webkit-background-clip: text;color: transparent;}
.bg-theme1{background: var(--tblr-theme1-color);}
.bg-theme2{background: var(--tblr-theme2-color);}
.bg-theme3{background: var(--tblr-theme3-color);}
.bg-jbcolor1{background: linear-gradient(to right,#87adeb,#07ae92);}
.bg-jbcolor2{background: linear-gradient(to right,#063688,#08a997);}
.bg-jbcolor3{background: linear-gradient(to right,#005dfd,#00cb9d);}
.btn-theme{
  --tblr-btn-border-color: transparent;
  --tblr-btn-hover-border-color: transparent;
  --tblr-btn-active-border-color: transparent;
  --tblr-btn-color: #fff;
  --tblr-btn-bg: rgba(0,93,176,1);
  --tblr-btn-hover-color: #fff;
  --tblr-btn-hover-bg: rgba(215,25,24,.8);
  --tblr-btn-active-color: #609cef;
  --tblr-btn-active-bg: rgba(215,25,24,.8);
  --tblr-btn-disabled-bg: rgba(0,93,176,1);
  --tblr-btn-disabled-color: rgba(0,93,176,1);
  --tblr-btn-box-shadow: var(--tblr-shadow-button),var(--tblr-shadow-button-inset);
  transition: all 0.4s;
}
.btn-theme2{padding:.6rem 1.5rem; background: #000;color:#fff;transition: all 0.3s;cursor: pointer;}
.btn-theme2:hover{background: #d7161a;color:#fff;transition: all 0.3s;}
.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-white{padding:.8rem 1.5rem;background:rgba(250,250,250,0);border:1px solid rgba(255,255,255,1);color:#fff;transition: all 0.3s;}
.a-box .btn-border-white:hover{background:var(--tblr-theme1-color);border:1px solid var(--tblr-theme1-color);color:#fff;transition: all 0.3s;}
.a-box .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-text{color:#000;transition: all 0.3s;text-decoration: revert;}
.a-text:hover{color:#d7161a;transition: all 0.3s;text-decoration: revert;}
.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-7{width: 7%;}
.w-5{width: 5%;}
.fw-900{font-weight: 900;}
.mt-n1{margin-top: -.3rem;}
.mt-n2{margin-top: -.5rem;}
.mt-n3{margin-top: -1rem;}
.mt-n4{margin-top: -2rem;}
.mt-n5{margin-top: -3rem;}
.lh-mg{line-height: 1.4rem;}
.lh-gl{line-height: 1.8rem;}
.no-click{pointer-events: none;cursor: default;}
.lh-3rem{line-height: 3rem;}
.nolistyle{list-style: none;}
.balle{border:1px solid #eee;}
.balld{border:1px solid #ddd;}
.ballc{border:1px solid #ccc;}
.ballf9{border:1px solid #f9f9f9;}
.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;}
.border-y2{border:2px;}

.d-hidden-1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.d-hidden-2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.d-hidden-3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.d-hidden-4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.bg-f9{background: #f9f9f9;}
.bg-f7{background: #f7f7f7;}
.bg-f5{background: #f5f5f5;}
.bg-f3{background: #f3f3f3;}
.bg-f2{background: #f2f2f2;}
.bg-f1{background: #f1f1f1;}
.h-250{width: 100%;height: 250px;object-fit: cover;}
.h-300{width: 100%;height: 300px;object-fit: cover;}
.h-400{width: 100%;height: 400px;object-fit: cover;}
.h-500{width: 100%;height: 500px;object-fit: cover;}
.mh-400{width: 100%;max-height: 400px;object-fit: cover;}
.mh-500{width: 100%;max-height: 500px;object-fit: cover;}
.lh-title{line-height: 1.8rem;}
.ltcolor{background: linear-gradient(90deg, #77ac32, #212fff);background-clip: text;-webkit-background-clip: text;color: transparent;}
.transform-0{transform: rotate(0deg) !important;}
.a-btn{padding:.6rem 3rem;}
.a-box .a-btn{padding:.8rem 2rem;}
.a-box .a-btn2{padding:.8rem 2rem;border:1px solid #333;}
.a-box .a-btn svg{width: 18px;height: 18px;}
.lh-md{line-height: 1.2rem;}
.a-box a .svg{width: 14px;height: 14px;fill:#ffffff !important;}


.black1-blur1{background: rgba(0, 0, 0, 0.1);-webkit-backdrop-filter: blur(1px);backdrop-filter: blur(1px);}
.black1-blur2{background: rgba(0, 0, 0, 0.1);-webkit-backdrop-filter: blur(2px);backdrop-filter: blur(2px);}
.black1-blur3{background: rgba(0, 0, 0, 0.1);-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);}
.black1-blur5{background: rgba(0, 0, 0, 0.1);-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);}
.black1-blur7{background: rgba(0, 0, 0, 0.1);-webkit-backdrop-filter: blur(7px);backdrop-filter: blur(7px);}
.black3-blur1{background: rgba(0, 0, 0, 0.3);-webkit-backdrop-filter: blur(1px);backdrop-filter: blur(1px);}
.black3-blur2{background: rgba(0, 0, 0, 0.3);-webkit-backdrop-filter: blur(2px);backdrop-filter: blur(2px);}
.black3-blur3{background: rgba(0, 0, 0, 0.3);-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);}
.black3-blur5{background: rgba(0, 0, 0, 0.3);-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);}
.black3-blur7{background: rgba(0, 0, 0, 0.3);-webkit-backdrop-filter: blur(7px);backdrop-filter: blur(7px);}
.black5-blur1{background: rgba(0, 0, 0, 0.5);-webkit-backdrop-filter: blur(1px);backdrop-filter: blur(1px);}
.black5-blur2{background: rgba(0, 0, 0, 0.5);-webkit-backdrop-filter: blur(2px);backdrop-filter: blur(2px);}
.black5-blur3{background: rgba(0, 0, 0, 0.5);-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);}
.black5-blur5{background: rgba(0, 0, 0, 0.5);-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);}
.black5-blur7{background: rgba(0, 0, 0, 0.5);-webkit-backdrop-filter: blur(7px);backdrop-filter: blur(7px);}
.black7-blur1{background: rgba(0, 0, 0, 0.7);-webkit-backdrop-filter: blur(1px);backdrop-filter: blur(1px);}
.black7-blur2{background: rgba(0, 0, 0, 0.7);-webkit-backdrop-filter: blur(2px);backdrop-filter: blur(2px);}
.black7-blur3{background: rgba(0, 0, 0, 0.7);-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);}
.black7-blur5{background: rgba(0, 0, 0, 0.7);-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);}
.black7-blur7{background: rgba(0, 0, 0, 0.7);-webkit-backdrop-filter: blur(7px);backdrop-filter: blur(7px);}


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

/*header*/
.navbox{position: fixed;left: 0;top: 0;background: rgb(9 33 70 / 24%);z-index: 200;transition: all 0.3s;/* border-bottom: 1px solid rgb(158 165 173 / 33%); */}
.inner .navbox{border-bottom: 1px solid rgb(255 255 255 / 33%);}
.navbox .nav-top {background: #f8f8f8;}
.navbox .nav-top .top{padding:10px 0;}
.navbox .media dl dd a{color:#fff;font-size: .9rem;transition: all 0.3s;cursor: pointer;}
.navbox .media dl dd a:hover{transition: all 0.3s;color:var(--tblr-theme1-color-hover);}
.navbox .media dl dd i{color:#fff;}
.navbox .media .sm a{color:#fff;display: inline-block;font-size: 1rem;margin-left: 1.5rem;text-align: center;}
.navbox .media .sm a:first-child{margin-left: 0;color:var(--tblr-theme1-color-hover);}
.navbox .media .sm i{color:#fff;font-size:1rem;transition: all 0.3s;}
.navbox .media .sm i:hover{color:var(--tblr-theme1-color-hover);transition: all 0.3s;}
.navbar-toggler,.app-email{display: none;}

.navbox .navbar .navbar-nav li{position: relative;display: inline-block;margin:0 1rem;}
.navbox .navbar .navbar-nav li .nav-link{color:#fff;font-size: 1rem;padding: 1.5rem 0rem;cursor: pointer;}
.navbox .navbar .navbar-nav .nav-item{display: block;}
.navbox .navbar .navbar-nav .nav-item:hover .nav-link,.navbox .navbar .navbar-nav .active .nav-link{color:#fff;}
.navbox .navbar .navbar-nav .nav-item:before{background: #fff;height: 3px;}
.navbox .navbar .navbar-nav .active:before{right: 0;}
.navbox .dropdown.open>.dropdown-menu{display: block;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;margin-top: 6px !important;}
.navbox .nav-item.dropdown.open>.dropdown-menu{display: block;padding:0;margin: 0;box-shadow: 0px 6px 23px -5px rgb(33 33 33 / 50%);}
.navbox .nav-item.dropdown.open>.dropdown-menu a{color:#333;padding: .8rem 2rem;font-size: .875rem;border-bottom: 1px solid #eee;}
.navbox .nav-item .dropdown-menu a{color:#333 !important;}
.navbox .nav-item .dropdown-menu a:hover{color:#fff !important;background: var(--tblr-theme1-color-hover);}
.navbox .nav-item .nav-link svg{fill:#fff; transform: rotate(0deg);transition: all 0.3s;}
.navbox .navbar .navbar-nav .nav-item:hover .nav-link svg{transform: rotate(360deg);transition: all 0.3s;color:#333;}
.navbox .hvr-underline-from-left{z-index: 1;overflow: initial;transition: all 0.1s;}

.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 .navbar-nav li .nav-link{color:#333;}
.toptwo .navbar .navbar-nav li:hover .nav-link,.toptwo .navbar .navbar-nav .active .nav-link{color:var(--tblr-theme1-color) !important;}
.toptwo .navbar .navbar-nav li:hover:before,.toptwo .navbar .navbar-nav .active:before{background: var(--tblr-theme1-color) !important;;bottom:-1px;}
.toptwo .nav-item .nav-link svg{fill:#333;}

.navbox .navtop{background: #0d2e63;}
.navbox .navtop dl dd a{color:#fff;font-size: .85rem;}
.navbox .navtop .sm a{width: 30px;height: 30px;line-height: 30px; border:none;}
.navbox .navtop .sm a i{font-size: .95rem !important;}
.inner .navbox{background: #fff !important;}
.inner .navbox .navbar .navbar-nav li .nav-link{color:#333;}
.inner .navbox .navbar .navbar-nav .nav-item:hover .nav-link{color:var(--tblr-theme1-color);text-decoration: underline;}
.inner .navbox .nav-item .nav-link svg{fill:#333;}
.index .navbox:hover{background: #fff !important;}
.index .navbox:hover .navbar .navbar-nav li .nav-link{color:#333;}
.index .navbox:hover .navbar .navbar-nav .nav-item:hover .nav-link{color:var(--tblr-theme1-color);text-decoration: underline;}
.index .navbox:hover .nav-item .nav-link svg{fill:#333;}

/*full*/
.navbar .navbar-nav .nav-item-full{position: inherit !important;transform:none;}
.navbar .navbar-nav .nav-item-full:before{display: none;}
.navbar .navbar-nav .nav-item-full .dropdown-menu-full{border-top:1px solid #eee; width: 80%; display: none;max-height: 73vh;position: absolute;left:0%;padding: 0;background: rgb(255, 255, 255);max-height: 0px;min-height: 0px;overflow: hidden;transition: max-height ease-out 0.-fulls;}
.navbar .navbar-nav .nav-item-full:hover .dropdown-menu-full{max-height: 90vh;display: block;border-radius: 0;margin-top: 5px;box-shadow: 0px 20px 40px rgba(37, 9, 62, 0.1);}
.navbar .navbar-nav .nav-item-full .full-a svg{width: 18px;height: 18px; transform: rotate(0deg);transition: all 0.3s;margin-top: -2px;}
.navbar .navbar-nav .nav-item-full .full-a:hover svg{transform: rotate(360deg);transition: all 0.3s;margin-right: .3rem;}
.navbar .navbar-nav .dropdown-menu-full .full-a{color:#333 !important;}
.navbar .navbar-nav .dropdown-menu-full .full-a:hover{color:#bd8e00 !important;}
.navbar .navbar-nav .nav-item-full .full-box{padding-left:2rem;}
.navbar .navbar-nav .nav-item-full .full-box a{color: #abaa69 !important;display: inline-block;padding:.4rem 2rem;text-align: center;background: #ffebd1;margin-right: 1rem;}
/*full*/
.navbar .navbar-nav .nav-item-full .hvr .bg-black{opacity: .2;transition: all 0.5s;}
.navbar .navbar-nav .nav-item-full .hvr:hover .bg-black{opacity: .5;transition: all 0.5s;}
.navbar .navbar-nav .nav-item-full .hvr img{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);transition: all 1.5s;}
.navbar .navbar-nav .nav-item-full .active img{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transition: all 1.5s;}
.navbar .navbar-nav .nav-item-full .hvr .txt{padding:0 3rem; opacity: 0;-webkit-transform: translateY(0rem);transform: translateY(0rem);transition: all 0.5s;}
.navbar .navbar-nav .nav-item-full .active .txt{opacity: 1;-webkit-transform: translateY(1.5rem);transform: translateY(1.5rem);transition: all 0.5s;}
.navbar .navbar-nav .nav-item-full .hvr:hover .txt{-webkit-transform: translateY(0rem);transform: translateY(0rem);transition: all 0.5s;}
.navbar .navbar-nav .nav-item-full .hvr a{opacity: 0;-webkit-transform: translateY(1rem);transform: translateY(1rem);transition: all 0.5s;}
.navbar .navbar-nav .nav-item-full .hvr a svg{fill:#ffffff;width: 16px;height: 16px;margin-bottom: .1rem;}
.navbar .navbar-nav .nav-item-full .hvr:hover a{opacity: 1;-webkit-transform: translateY(.3rem);transform: translateY(.3rem);transition: all 0.5s;}
.navbar .navbar-nav .nav-item-full .hvr a:hover{text-decoration: underline;}
.navbar .navbar-nav .nav-item-full .dropdown-menu-full .col-md-8 h3{position: relative;overflow: hidden;}
.navbar .navbar-nav .nav-item-full .dropdown-menu-full .col-md-8 h3:before{content: "";position: absolute;bottom: 0;left: 0;height: 2px;background: #eee;width: 100%;z-index: 2;}
.gif-line:after{content: '';position: absolute;width: 10%;height: 2px;bottom:0; background:var(--tblr-theme1-color);z-index: 5;animation-name:gifline;animation-timing-function:ease-in;animation-duration:8s;animation-iteration-count:infinite;}
@keyframes gifline{
0% {left: 0;}
100% {left: 100%;}
}
.navbar .navbar-nav .nav-item-full .dropdown-menu-full ol{list-style: none;}
.navbar .navbar-nav .nav-item-full .dropdown-menu-full ol svg{width: 28px;height: 28px;}

.article .navbox{border-bottom: 1px solid #eee;background: #fff;}
.article .navbox .navbar .navbar-nav li .nav-link{color:#333;}
.article .navbox .nav-item .nav-link svg{fill:#333;}
.article .navbox .navbar .navbar-nav .nav-item:hover .nav-link{color:var(--tblr-theme1-color);}
.article .navbox .logoimg img:nth-child(1){display:none;}
.article .navbox .logoimg img:nth-child(2){display:inline-block;opacity: 1;position: relative;}


.navbox .logoimg img:nth-child(1){display:inline-block;transform:translatex(.2rem); opacity: 1;z-index: 2;transition: all 0.3s;}
.navbox .logoimg img:nth-child(2),.inner .navbox .logoimg img:nth-child(1){opacity:0;transform:translatex(.2rem);position: absolute;left: 0;top:0; z-index: 1;transition: all 0.3s;}
.toptwo .logoimg img:nth-child(1){opacity: 0;transform:translatex(.2rem);z-index: 1;transition: all 0.3s;}
.toptwo .logoimg img:nth-child(2),.inner .navbox .logoimg img:nth-child(2){opacity:1; transform:translatex(-.2rem);z-index: 2;transition: all 0.3s;}
.index .navbox:hover .logoimg img:nth-child(1){opacity:0;}
.index .navbox:hover .logoimg img:nth-child(2){opacity:1;}

.navbox .ofimg2,.app-down6,.toptwo .ofimg1,.navbar-toggler,.app-email{display: none;}
.nav-item4 .nav-link svg,.dropdown-menu4,.nav-item6 .nav-link svg,.dropdown-menu6,.nav-item5 .nav-link svg,.dropdown-menu5,.nav-item8 .nav-link svg,.dropdown-menu8{display: none;}
.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;}

.formshiro .a-box .a-btn{padding:1rem;}
.mescon .form-control{padding:.7rem;color:#333;font-size: 1rem;}
.mescon input::-webkit-input-placeholder,.mescon textarea::-webkit-input-placeholder,.flist select option{color:#aaa;font-size: 1rem;}


.banner .carousel-caption{justify-content: flex-start;}
.banner .box{text-align: left;margin-top: -5rem;}
.banner .carousel-inner .tbsdiv{ transform:translatey(100%); opacity:0; transition: all 1.4s ease-in-out; }
.banner .active .delighter.tbsdiv.started{transform:none; opacity:1;}
.banner .carousel-inner .carousel-item .btitle{font-size: 2.6rem;color:#fff;line-height: 3.5rem;}
.banner .carousel-inner .carousel-item .btxt{font-size: 1rem;color:#eee;}

.banner .carousel-indicators{bottom:5%;}
.banner .carousel-indicators button{margin:0 5px;width: 10px;height: 10px;background: none;opacity: 1;border: 1px solid #fff;border-radius: 50px;transition: all 0.4s;}
.banner .carousel-indicators .active{background-color:#fff;transition: all 0.3s;}
.banner .zzbg{background: linear-gradient(to bottom, rgb(0 0 0 / 20%) 0%, rgb(0 0 0 / 5%) 10%);position: absolute;z-index: 15;width: 100%;height: 100%;left: 0;top:0;}
.banner .carousel-caption{z-index: 20;}
.banner .a-box a{padding: .6rem 2rem;border:1px solid #fff;background: none; color:#fff;}
.banner .a-box a svg{width: 20px;height:20px;fill:#fff;}
.banner .a-box a span{color:#333;}
.banner .a-box a span:hover{color:#5da0f0;}
.banner .a-box a:nth-child(2){margin-left: 1rem;}

.h-about{background:url(../allimg/img/j-r-technology-bg.webp) center bottom;position: relative;}
.h-about .d-flex img{width: 4%;}



.h-pro .dbg1{width: 50%;right: 0;bottom:0;}
.h-pro .dbg2{width: 28%;right: -3%;bottom: -35%;}
.h-pro .a-box{padding-bottom: 1rem;}
.h-pro .carousel-item .active-img{width: 80%;-webkit-transform: translateX(3rem);transform: translateX(3rem);opacity: 0; transition: all .3s ease-in-out;}
.h-pro .carousel-item.active .active-img{-webkit-transform: translateX(1rem);transform: translateX(1rem);opacity: 1;transition: all .3s ease-in-out;}
.h-pro .carousel-indicators{bottom:-4rem;display: block;margin-left: 0rem;margin-right: auto;}
.h-pro .carousel-indicators button{margin-right:2px;width: 20px;height: 8px;background: #eee;opacity: 1;border: 1px solid #eee;transition: all 0.4s;}
.h-pro .carousel-indicators .active{background-color:var(--tblr-theme1-color);transition: all 0.3s;}



.h-video{background:url(../allimg/img/global-communications-bg.webp) center bottom;position: relative;}
.h-video .textbox svg{opacity: .4;}
.h-video .textbox svg:hover{opacity: 1;transition: all 0.3s;}
/*.h-video .ratio-16x9{border: 15px solid rgb(58 68 93 / 33%);}*/

.h-solution .tbox{padding-left: 11%;}
.h-solution .swiper-box{padding-left: 2%;transform: translateX(9.5rem);}
.h-solution .swiper-button-next{right: 11rem;}
.h-solution .swiper-button-next:hover{right: 12rem !important;}
.h-solution .swiper-slide .txt{transform: translateY(4rem);transition: all 0.3s;}
.h-solution .swiper-slide:hover .txt{transform: translateY(-4rem);transition: all 0.3s;}
.h-solution .swiper-slide .txt p{opacity: 0;margin-top: 0; transition: all 0.3s;}
.h-solution .swiper-slide:hover .txt p{opacity: 1;margin-top: 1rem; transition: all 0.3s;}
.h-solution .swiper-slide .txt p span{text-decoration: underline;}
.h-solution .swiper-slide:hover .bg-black{opacity: 50% !important;transition: all 0.3s;}
.h-solution .swiper-button-prev svg,.h-solution .swiper-button-next svg{width: 25px;height: 25px;}


.h-customer{background:url(../allimg/img/innovative-bg.webp) center bottom;position: relative;}
.h-customer .box{padding:3rem;border-radius: 30px;z-index: 1;border: 1px solid transparent;border-image: linear-gradient(to bottom, rgb(173 186 205 / 70%), rgb(173 186 205 / 0%)) 1;}
.h-customer .box p{color:#adbacd;}

.h-case{background:#fafafa;}
.h-case .swiper-box .hvr{box-shadow: 0px 0px 15px -9px rgb(194 179 235 / 48%);transition: all 0.3s;}
.h-case .swiper-box .hvr:hover{box-shadow: 0px 7px 15px -9px rgb(194 179 235 / 60%);transition: all 0.3s;}

.h-join{background:#f3f4f8;padding: 6rem 0;}
.h-join .h4{color:#19a892;}
.h-partner .row .col-md-3 img{width: 60%;margin:auto;}

.solution .row .col-lg-4 .hvr .txt{transform: translateY(0rem);transition: all 0.3s;}
.solution .row .col-lg-4 .hvr:hover .txt{transform: translateY(-2rem);transition: all 0.3s;}
.solution .row .col-lg-4 .hvr .bg-black{opacity: 40%;transition: all 0.3s;}
.solution .row .col-lg-4 .hvr:hover .bg-black{opacity: 60%;transition: all 0.3s;}
.solution .design .box .overflow-hidden{width: 90px;height: 90px;}
.solution .system-features p strong{color:#333;}
.solution .system-features .row .col-md-6:nth-child(1),.solution .system-features .row .col-md-6:nth-child(5),.solution .system-features .row .col-md-6:nth-child(9){display: flex; justify-content: flex-end;}
.solution .system-features .row .col-md-6 .active{background: var(--tblr-theme2-color);}
.solution .system-features .row .col-md-6 .overflow-hidden{width: 150px;height: 150px;}
.solution .system-features .row .col-md-6 .num{font-size: 2.8rem;color: #ccc;transition: all 0.3s;}
.solution .system-features .row .col-md-6:hover .num{color: var(--tblr-theme1-color);transition: all 0.3s;}
.solution .system-features .row .col-md-6 a{position: absolute;z-index: 6; top:30%; display: inline-block; width: 20px;height: 20px;border-radius: 50px;background: #000;transition: all 0.3s;}
.solution .system-features .row .col-md-6:last-child:after{content: "";z-index: 5; position: absolute;bottom:0;left:0;width: 1px;height: 70%;background: #fff;}
.solution .system-features .row .col-md-6:nth-child(2):after{content: "";z-index: 5; position: absolute;top:0;left:0;width: 1px;height: 30%;background: #fff;}
.solution .system-features .row .col-md-6:nth-child(even) a{left: -10px; }
.solution .system-features .row .col-md-6:nth-child(even):before{content: "";z-index: 4; position: absolute;top:0;left:0;width: 1px;height: 100%;background: #ccc;}
.solution .system-features .row .col-md-6:nth-child(odd) a{right: -10px; }
.solution .system-features .row .col-md-6{padding:2.5rem 2rem;position: relative;}
.solution .fabrics-craftsmanship .row .col-md-6:nth-child(1),.solution .fabrics-craftsmanship .row .col-md-6:nth-child(5),.solution .fabrics-craftsmanship .row .col-md-6:nth-child(9){padding-left: 10%;}
.solution .fabrics-craftsmanship .row .col-md-6:nth-child(4),.solution .fabrics-craftsmanship .row .col-md-6:nth-child(8){padding:0 5%;}
.solution p b{color:#333;}
.solution .system .overflow-hidden img{width: 80%;}
.artsolution .cbox ul{list-style: none;margin: 0;padding:0;}
.artsolution .cbox ul li{font-size: .9rem;color:#555;line-height: 1.4rem;margin-bottom: 1rem;}
.artsolution .cbox ul li:last-child{margin-bottom: 10;}
.border-bl-36{border-bottom-left-radius: 8rem;}

.artsolution .multiply-grey{ mix-blend-mode: multiply;}
.artsolution .multiply-grey img{mix-blend-mode: multiply;}


.about .company-profile h2 img{width: 6%;}
.about .enterprise-advantages .topbox{background: #f8f9fd;}
.about .enterprise-advantages .bombox{background:url(../allimg/img/about-adv-bg.webp) center center;position: relative;}
.about .factory .carousel-control-prev span,.about .factory .carousel-control-next span{display: inline-block;width: 50px;height: 50px;padding: 5px;border-radius: 100px;line-height: 30px;background: var(--tblr-theme1-color);}
.about .factory .carousel-control-prev svg,.about .factory .carousel-control-next svg{width: 20px;height: 20px;}
.about .certificate .tabs-nav .nav  button{background: #f6f6f6;border:none; padding:.8rem 2rem; text-align: center;color:#333;transition: all 0.3s;}
.about .certificate .tabs-nav .nav li{margin-right: .3rem;}
.about .certificate .tabs-nav .nav li:last-child{margin-right: 0;}
.about .certificate .col{text-align: center;}
.about .certificate .col .overflow-hidden{width: 80%;margin:auto;}
.about .certificate .tabs-nav .nav .active,.about .certificate .tabs-nav .nav button:hover{background: var(--tblr-theme1-color);transition: all 0.3s;color:#fff;}
.about .certificate p a svg{fill:var(--tblr-theme1-color);width: 18px;height: 18px;transition: all 0.4s;}

.about .partner{background: #f8f9fd;}
.about .partner .ofnbtn{cursor: pointer;transition: all 0.4s;}
.about .partner .ofnbtn svg{fill:var(--tblr-theme1-color);width: 18px;height: 18px;transition: all 0.4s;}
.about .partner .ofnbtn.active svg{transform: rotate(180deg);transition: all 0.4s;}
.about .partner #ofnbox{display: none;}
.about .partner img{width: 80%;}

.bg-f6f9ff{background: #f6f9ff;}
.support .advantages{background:url(../allimg/img/advantages-bg.webp) center center;position: relative;}
.support .technical-support .key{background:url(../allimg/img/advantages-bg.webp) center center;position: relative;}
.support .download .nav li{padding:0 1rem;border-bottom: 1px solid #ccc;}
.support .download .nav li:first-child{padding-left: 0;}
.support .download .nav li:last-child{padding-right: 0;}
.support .download .nav li button{background: none;border:none;position: relative; padding: .8rem 0;color:#666;font-size: .95rem;}
.support .download .nav li .active{color:#333;transition: all 0.4s;}
.support .download .nav li .active:before{content: "";bottom: -2px;height: 3px;background: #333; width: 100%;position: absolute;left:0;}
.support .download .tab-content .hvr-float{box-shadow: 0px 0px 5px 0px rgb(233 233 233 / 81%);transition: all 0.4s;}
.support .download .tab-content .hvr-float:hover{transition: all 0.4s;box-shadow: 0px 18px 16px -17px rgb(193 193 193 / 81%);}
.support .download .tab-content .hvr-float img{width: 20%;}
.support .download .tab-content .hvr-float .plogo{width: 20%;right: 1rem;top:1.5rem;opacity: 10%;transition: all 0.4s;}
.support .download .tab-content .hvr-float:hover .plogo{opacity: 90%;transition: all 0.4s;}
.support .download .tab-content .hvr-float a svg{fill:#ffffff;width: 18px;height: 18px;}
.support .download .tab-content .hvr-float p span{padding: .4rem 1rem;color:#333; background: #ededed;font-size: .8rem;}
.support .download .tab-content .hvr-float p span svg{width: 13px;height: 13px;margin-bottom: .3rem;fill: #333;}

.list-pro .pronav h2{padding:1rem;}
.list-pro .pronav ul{padding: 0;margin:0;list-style: none;}
.list-pro .pronav ul li{cursor: pointer;position: relative;border-bottom: 1px solid #ddd;padding: 0;background: #fff;transition: all 0.3s;}
.list-pro .pronav ul li:before{content: "";position: absolute;left: 0;width: 3px;height: 40%;background:rgb(46 43 123 / 0%);top:0%;transition: all 0.3s;}
.list-pro .pronav ul li:hover:before{content: "";position: absolute;z-index: 5; left: 0;width: 3px;height: 40%;background:var(--tblr-theme1-color) ;top:30%;transition: all 0.3s;}
.list-pro .pronav ul li svg{transform: rotate(270deg);margin-right:-.7rem;fill:#333;transition: all 0.3s;}
.list-pro .pronav ul li a{padding: 1rem 2rem;font-size: 0.88rem;font-weight: 600;transition: all 0.3s;background: #fff;color:#333;}
.list-pro .pronav ul li:last-child{border-bottom: none;}
.list-pro .pronav ul li:hover,.list-pro .pronav ul li.active a{background: #e8f0ff; color:var(--tblr-theme1-color) !important;transition: all 0.3s;}
/*.list-pro .pronav ul li:last-child svg{fill:var(--tblr-theme1-color) ;transition: all 0.3s;margin-left: 0;transform: rotate(0deg);}*/
.list-pro .pronav ul li.active a,.list-pro .pronav ul li:hover a{color:var(--tblr-theme1-color);font-weight: 600;transition: all 0.3s;}
.list-pro .pronav dl dd{margin-bottom: .4rem;}
.list-pro .pronav dl dd:last-child{margin-bottom: 0;}
.list-pro .pronav dl dd a{padding:.8rem ;padding-left: 2rem; background: none;}
.list-pro .pronav dl dd a:hover{background: none;}
.list-pro .pronav ul li:last-child{background: #fbfbfb;}
.list-pro .pronav ul li:last-child a{color:#333;}
.list-pro .pronav dl dd.active a,.list-pro .pronav dl dd:hover a{color:var(--tblr-theme1-color);}
.list-pro .col-md-9 a:hover{color:var(--tblr-theme1-color);}
.list-pro .pronav ul li dl{display: none;transition: all 0.3s;background: #f2f7ff;}
.list-pro .pronav ul li:hover dl,.list-pro .pronav ul .active dl{display: block;transition: all 0.3s;}
.list-pro .pronav ul li svg{transform: rotate(0deg);transition: all 0.3s;}
.list-pro .pronav ul li:hover svg,.list-pro .pronav ul .active svg{transform: rotate(450deg);transition: all 0.3s;}
.list-pro .pronav ul li dl dd{margin-bottom: 0;}
.list-pro .pronav ul li dl dd a{background: #fff !important;font-weight: initial !important; color:#333 !important;padding:.5rem;padding-left: 2.5rem;}
.list-pro .pronav ul li dl dd:first-child a{padding-top: .8rem;}
.list-pro .pronav ul li dl dd:last-child a{padding-bottom: .8rem;}
.list-pro .pronav ul .active dl dd a,.list-pro .pronav ul li:hover dl dd a{background: #f2f7ff !important;color:rgb(5 55 132 / 70%) !important;}
.list-pro .pronav ul li dl dd:hover a{background: #f2f7ff !important;color:rgb(5 55 132 / 1) !important;font-weight: 600 !important;}
.list-pro .pronav ul .active .arr28 svg,.list-pro .pronav ul .active .arr29 svg,.list-pro .pronav ul .active .arr30 svg,.list-pro .pronav ul .active .arr80 svg,.list-pro .pronav ul .active:hover .arr28 svg,.list-pro .pronav ul .active:hover .arr29 svg,.list-pro .pronav ul .active:hover .arr30 svg,.list-pro .pronav ul li:hover .arr28 svg,.list-pro .pronav ul li:hover .arr29 svg,.list-pro .pronav ul li:hover .arr30 svg,.list-pro .pronav ul li:hover .arr80 svg{transform: rotate(0deg);}

.list-pro .descbox{font-size:.9rem;color:#333;}
.list-pro .descbox p{font-size:.9rem;color:#333;margin-bottom: .8rem;}
.list-pro .descbox p:last-child{margin-bottom: 0;}
.list-pro .descbox .ofnbox{display: none;margin-top: .8rem;}
.list-pro .descbox .ofnbtn{display: inline-block;padding: .2rem .5rem;cursor: pointer;font-size: .95rem;color:var(--tblr-theme1-color);}

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

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

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


.f-contant{background:url(../allimg/img/f-contant-bg.jpg) center bottom;position: relative;padding:6rem 0;}




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

.all-form .row .col-md-6.d-flex{background:url(../allimg/img/form-bg.webp) center center;position: relative;}
.all-form .row .col-md-12{margin-top: 1.5rem;}
.all-form .row .col-md-6 .fbox{background: #293243;padding:5rem;}
.all-form .fbox .g-3{--tblr-gutter-y: 2rem ;--tblr-gutter-x: 2rem;}
.all-form .fbox input{border:1px solid #394768;background: none;color:#c0cee9;}
.all-form .fbox textarea{background: none;border:1px solid #394768;color:#c0cee9;}
.all-form .fbox h3{color:#fff !important;font-size: 1rem; }
.all-form .fbox select{background: none;border:1px solid #394768;color:#c0cee9;}
.all-form .fbox option{background: #293243;}
.all-form .fbox .input-group-text{background: none;border:1px solid #394768;color:#c0cee9;}
.all-form .fbox input::-webkit-input-placeholder,.all-form .fbox textarea::-webkit-input-placeholder,.all-form .fbox select option{color:#8f9ab1;font-size: 1rem;}
.all-form .fbox .a-box .a-btn{background: none;color:#394768 !important;border: 2px solid #576993 !important;border-radius: 50px !important;text-align: center;color: #a3b3d7 !important;} 
.all-form .fbox .a-box .a-btn:hover{border:2px solid #c0cee9 !important;color:#c0cee9 !important;transition: all 0.3s;}

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

.listnew .col-md-9 .row .hvr{padding-bottom: 3rem;margin-bottom: 1.5rem;border-bottom: 1px solid #ddd;}
.listnew .col-md-9 .row .hvr:last-child{border-bottom: 0;}
.listnew .card span{height: 2px;z-index: 4;background: #eee;transition: all 0.4s;position: relative;}
.listnew .card span:before{content: ""; position: absolute;z-index: 5; height: 2px; left: 0;top:0;background: linear-gradient(to right,#408dd1,#50b28c);width: 0;transition: all 0.4s;}
.listnew .card:hover span:before{width: 100%;transition: all 0.4s;}
.listnew .card p{height: 40px;line-height: 20px !important;}
.listnew .a-box .a-btn svg{width: 16px;width: 16px;fill:#ffffff;}

.new-article h1{font-size:1.5rem;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 table{width: 100%;}
.new-article table tr td{border:2px solid #fff;font-size: 1rem;padding: .8rem 1.2rem;}
.new-article table tr:nth-child(odd) td{background: #ccd7e8;}
.new-article table tr:nth-child(even) td{background: #eaeef7;}
.new-article table tr:first-child td{color:#fff;font-weight: bold;font-size: 1.1rem; background: linear-gradient(to right, #7d80ed, #7dcbe9, #f4f5de);}

.policy-terms,.policy-terms p{font-size: .95rem;color:#555;line-height: 1.5rem;}
.policy-terms h3{font-size: 1.3rem;color:#333;line-height: 1.7rem;margin-top: 1rem;}
.policy-terms ul{list-style: none;margin:0;padding:0;}
.policy-terms ul li{font-size: .95rem;color:#555;line-height: 1.5rem; margin-top: .7rem;}
.policy-terms ul li:last-child{margin-top: 0;}


.multiply .overflow-hidden{background: linear-gradient(to bottom,rgb(255 255 255 / 20%),#faf8f8);background: #f9f9f9;mix-blend-mode: multiply;}
.multiply .overflow-hidden img{mix-blend-mode: multiply;}
.multiply-f5 .overflow-hidden{background: linear-gradient(to bottom,rgb(255 255 255 / 20%),#faf8f8);background: #f5f5f5;mix-blend-mode: multiply;}
.multiply-f5 .overflow-hidden img{mix-blend-mode: multiply;}


.language-btn img,.language-box img{width: 20px;}
.language-box{display: none;min-width: 440px;max-width: 800px;position: absolute;right: 0;margin-top: 1rem; z-index: 100;padding: 1rem;background: #fff;box-shadow: 0px 0px 35px -20px rgb(0 0 0 / 0.5);}
.language-box .ignore{cursor: pointer;font-size: .875rem;color:#333 !important;margin-left: .5rem;}
.language-box .hvr-push{cursor: pointer; padding:.2rem .5rem;}

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

.prenext{margin-top: 1rem;padding:0;padding-top: 2%;border-top: 1px solid #ddd;font-size: 1rem;list-style: none;}
.prenext li{font-size: 1rem;font-weight: bold;color:#333;}
.prenext a{color: #777;text-decoration: none;font-size: 0.9rem !important;margin-left: .5rem; font-weight: initial;}
.prenext a:hover{color: #334ca6;text-decoration: underline;}

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


.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:banimg;animation-timing-f3unction:ease-in;animation-duration: 10s;animation-iteration-count:infinite;}
@keyframes banimg{
0% {transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);}
50% {transform:scale(1.0,1.0);-webkit-transform:scale(1.0,1.0);-moz-transform:scale(1.0,1.0);}
100% {transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);}
}

.gotop{position: fixed;right: 1px;z-index: 999; bottom:2rem;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;}

.footer{background: #0d2e63; padding-top: 5rem;}
.footer dl dd{margin-bottom: .8rem;}
.footer h3{font-size: 1.4rem;color:#fff}
.footer a,.footer p,.footer dl dd{font-size:.95rem;color:#8dadd6;transition: all 0.4s;}
.footer .text-theme2{color:#6280c3;}
.footer a:hover{color:#fff;transition: all 0.4s;}
.footer .cbox h3 span{display: block;width: 10%;margin-top: 1.5rem;margin-bottom: 1.5rem; height: 2px;background: #fff;}
.footer .powerby{margin-top: 1.5rem;padding-top: 1.5rem;border-top:1px solid #4f6e9a;}
.footer .powerby ul{list-style: none;margin: 0;padding:0;}
.footer .powerby ul li{margin-bottom: 0;color:#deebff; margin-right: 3rem;position: relative;}
.footer .powerby ul li:last-child{margin-right: 0;}
.footer .powerby ul li:last-child:before{display: none;}
.footer .powerby ul li a{color:#deebff;transition: all 0.4s;}
.footer .powerby ul li a:hover{color:#fff;transition: all 0.4s;}
.footer .powerby ul li:before{content: "";position: absolute;z-index: 1;right: -1.5rem;top: 20%;width: 2px;height: 60%;background: #355584;}
.footer .powerby .hvr-underline-from-center:before{background: #3e649b;height: 1px;}



.sm i{font-size: 16px;color: #8dadd6;margin: 0;padding:0;}
.sm a{display: inline-block;width: 40px;margin-right: .6rem;height: 40px;text-align: center;line-height: 40px;border: 1px solid #6c8db8;transition: all 0.3s;background: none;}
.sm a:last-child{margin-right: 0;}
.sm a:hover{background: var(--tblr-theme1-color);transition: all 0.3s;}
.sm a:hover i{color:#fff;}


.tc_box{position: fixed;bottom:30%;right:0;z-index: 99;}
.tc_box .media_box{list-style: none;margin:0;padding:0;position: relative;right: 0; z-index: 55;transition: all 0.3s;}
.tc_box .media_box.off{right:-44px;transition: all 0.3s;}
.tc_box ul li{position: relative;cursor: pointer;width: 44px;height:44px;line-height: 42px; text-align: center; background: #005db0;}
.tc_box ul li:hover{background: #3752b5;transition: all 0.3s;}
.tc_box ul li img,.tc_box #click-ofn img{width: 18px;height:18px;transition: all 0.2s;}
.tc_box ul li i{font-size: 16px;color:#fff;}
.tc_box ul li .cbox h3{color:#999;font-weight: initial;font-size: .95rem;margin-bottom: 0;}
.tc_box ul li .cbox p{margin-bottom: 0;}
.tc_box ul li .cbox a{font-size: .875rem;word-break:break-all;}
.tc_box ul li .cbox{left: -250px;transform: scale(0); transition: all 0.2s; position: absolute;top:0;background: #fff;width: 240px;padding: 1rem;z-index: 95;box-shadow: 0 1px 3px rgb(18 18 18 / 10%);}
.tc_box #click-ofn{position: absolute;right:0; cursor: pointer;margin-top:2px; display: inline-block; width: 44px;height:44px;line-height: 42px; text-align: center; background: #005db0;}
.tc_box ul li.on .cbox{ left: -240px;transform: scale(100%);transition: all 0.2s;}
.tc_box #click-ofn:hover{background: #3752b5;transition: all 0.3s;}
.tc_box #click-ofn.active{right:0;width: 34px;height:34px;line-height: 32px;transition: all 0.2s;}
.tc_box #click-ofn img{transform: rotate(0deg);}
.tc_box #click-ofn.active img{width: 15px;height:15px;transition: all 0.2s;transform: rotate(180deg);}

#translateSelectLanguage{display: none;}
.multiply-f6f9ff{background: linear-gradient(to bottom,rgb(255 255 255 / 20%),#faf8f8);background: #f6f9ff;mix-blend-mode: multiply;}
.multiply-f6f9ff img{mix-blend-mode: multiply;}

.applications .lightense-wrap{background: #fff !important;}
.applications .lightense-wrap img{width: 70% !important;margin:auto;}
.btn-popup{cursor: pointer;}
.popform{border-radius: 20px !important;}
.popform .hbox{border-top-left-radius: 15px;border-top-right-radius: 15px;}


.overflow-x-auto{scrollbar-color: auto !important;}
.overflow-x-auto .rbox{flex-wrap: inherit;}
.overflow-x-auto::-webkit-scrollbar{width: 12px;}
.overflow-x-auto::-webkit-scrollbar-thumb{background-color: darkgrey;border-radius: 10px;border: 2px solid orange;}
.overflow-x-auto::-webkit-scrollbar-track{background: #f1f1f1;}

.language-btn img,.language-box img{width: 20px;}
.language-box{display: none;min-width: 440px;max-width: 800px;position: absolute;right: 0;margin-top: 1rem; z-index: 100;padding: 1rem;margin:.5rem 0 0 4rem !important;background: #fff;box-shadow: 0px 0px 35px -20px rgb(0 0 0 / 0.5);}
.language-box .ignore{cursor: pointer;font-size: .875rem;color:#333 !important;margin-left: .5rem;}
.language-box .hvr-push{cursor: pointer; padding:.2rem .5rem;}
@media (min-width:992px){
	.container{width: 76%;max-width: 1400px;margin:auto;}
	.container-nav{width: 88%;margin:auto;}
  .nav-toptwo{margin-top:11vh !important; }
	.logo{width: 12%;}
  .logo .logoimg{width: 100%;top: 20%;}
	.nav-toptwo{margin-top:2vh;}
	.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;}
	.navbar-toggler{display: none !important;}
	.carousel svg{width: 2rem;height: 2rem;}
	.banner .carousel-item .col-md-12{margin-top: 5rem;}
	.banner .carousel-caption{left: 0;right: 0;}
	.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;}
	.mh-400{width: 100%;max-height: 400px;object-fit: cover;}
	.mh-500{width: 100%;max-height: 500px;object-fit: cover;}

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

  .about .toptwo,.solution .toptwo{box-shadow: 0px 0px 4px rgba(37, 9, 62, 0.1);}
  .position-sticky{top:12.6vh;z-index: 99;left: 0;}
  .banner{margin-top: 2vh;}
  .h-pro .col-md-7{padding-right: 5rem;}
  .artpro #applications h4{padding: 0 5rem;text-align: center;}
  .exampleModal .modal-dialog{min-width: 800px;}


}

@media (min-width:1500px){
	.p-lg-45{padding:3rem !important;}
	.py-md-5{padding:5rem 0!important;}
  
  .solution .design .row{width: 90%;margin:auto;}
  .solution .design .row .col-md-6{margin-bottom: 1.5rem;}
  .solution .design .box p{width: 80%;}
  .artpro #applications h4{padding: 0 8rem;text-align: center;}

  /*.artpro #carouselpro .carousel-indicators{min-height: 400px;max-height: 480px;overflow-y: scroll;scrollbar-color: auto;}*/
  .artpro #carouselpro .carousel-indicators li{margin-right: 0;}
  .artpro #carouselpro .carousel-indicators::-webkit-scrollbar{width: 4px;}
  .artpro #carouselpro .carousel-indicators::-webkit-scrollbar-thumb{background-color: #f8ea88;border-radius: 10px;border: 1px solid #d5ca7b;}
  .artpro #carouselpro .carousel-indicators::-webkit-scrollbar-track{background: #f5f5f5;}
  
  .artpro #carouselpro button{display: inline-block;width: 50px;height:50px;line-height: 18px; top:43%;border-radius: 80px;background: rgb(171 171 171 / 43%);}
  .artpro #carouselpro button svg{width: 18px;height: 18px;}
  .artpro #carouselpro .carousel-control-prev{left:1rem;}
  .artpro #carouselpro .carousel-control-next{right:1rem;}
  .exampleModal .modal-dialog{min-width: 1300px;}

}

@media screen and (min-width: 1300px) and (max-width: 1500px){
  .container{width: 88%;}
  .navbox .navbar .navbar-nav li{margin: 0 0.7rem;}
  .navbox .navbar .navbar-nav li .nav-link{font-size: .95rem;}
  .h-100{width: 100%;height: 160px;object-fit: cover;}
  .h-250{width: 100%;height: 180px;object-fit: cover;}
  .h-300{width: 100%;height: 220px;object-fit: cover;}
  .h-400{width: 100%;height: 240px;object-fit: cover;}
  .h-500{width: 100%;height: 400px;object-fit: cover;}

  .column h1{width: 80%;}
  .column p{width: 70%;}
  .navbar .navbar-nav .nav-item-full .dropdown-menu-full{width: 100%;left: -10%;}

  .artpro #applications h4{padding: 0 6rem;text-align: center;}
  .list-pro .pronav ul li a{padding:1rem 1.5rem;}
  .exampleModal .modal-dialog{min-width: 1100px;}
  /*.artpro #carouselpro .carousel-indicators{min-height: 380px;max-height: 440px;overflow-y: scroll;scrollbar-color: auto;}*/
  

}

@media screen and (min-width: 1171px) and (max-width: 1299px){
  .container-nav{width: 92%;}
  .container{width: 90%;}
	.navbox .navbar .navbar-nav li{margin: 0 0.7rem;}
	.navbox .navbar .navbar-nav li .nav-link{font-size: .95rem;}
	.h-100{width: 100%;height: 160px;object-fit: cover;}
	.h-250{width: 100%;height: 180px;object-fit: cover;}
	.h-300{width: 100%;height: 220px;object-fit: cover;}
	.h-400{width: 100%;height: 240px;object-fit: cover;}
	.h-500{width: 100%;height: 400px;object-fit: cover;}

  .column h1{width: 80%;margin:auto; margin-top: 0 !important;}
  .column p{width: 80%;margin:auto;}
  .navbar .navbar-nav .nav-item-full .dropdown-menu-full{width: 100%;left: -5%;}
  .exampleModal .modal-dialog{min-width: 950px;}

	

}

@media screen and (min-width: 992px) and (max-width: 1170px){
	.container{width: 90%;}
	.container-nav{width: 94%;margin:auto;}
	.nav-toptwo{margin-top:11vh !important; }
	.a-box .a-btn{padding: 0.6rem 1rem;}
	.fs-2{font-size: 1rem !important;}
	.banner .carousel-item .col-md-12{margin-top: -2rem;}
	.h-100{width: 100%;height: 160px;object-fit: cover;}
	.h-250{width: 100%;height: 180px;object-fit: cover;}
	.h-300{width: 100%;height: 220px;object-fit: cover;}
	.h-400{width: 100%;height: 240px;object-fit: cover;}
	.h-500{width: 100%;height: 280px;object-fit: cover;}
	.h-solutions .row .col-lg-6:nth-child(1){padding: 0 5rem;padding-right: 3rem;}
	
	.logo img{height:40px;}
	.navbox .navbar .navbar-nav li{margin: 0 0.5rem;}
	.navbox .navbar .navbar-nav li .nav-link{font-size: .95rem;}
	.banner .col-md-6.tbsbox{width:42%;}
	.banner .carousel-inner .carousel-item .btitle{font-size: 2rem;color:#fff;line-height: 2.4rem;}


  .navbar .navbar-nav .nav-item-full .dropdown-menu-full{width: 100%;left: -5%;}
  .exampleModal .modal-dialog{min-width: 900px;}
}



@media screen and (min-width: 769px) and (max-width: 991px){
  .nav-toptwo{margin-top:11vh !important; }
	p{line-height: 1.5rem;}
	.h-300{width: 100%;height:200px;object-fit: cover;}
	.display-6{font-size: 1.8rem;}
	.container-nav{width: 98%; margin:auto;}
	.container{width: 92%; margin:auto;max-width: 1200px;}
	.logo{padding:10px;display: flex; justify-content: space-between;align-items: center;}
  .logo svg{width: 25px;height: 25px;}
  .logo a img{height: 40px;}
  .logo a span{font-size: 1.2rem;font-weight: bold;color: #000;}
  .logo .ai-center{width: 35%;margin:0 auto;padding: 0;}
  .logo .app-email{fill:#333;display: inline-block;text-align: center;}
	.navbox .logo .ofimg2,.navbar-toggler{display: inline-block;text-align: center;}
	.navbox .logo .ofimg1{display:none;}
  .inner .navbox .logoimg img:nth-child(2){display: inline-block;position: relative;}
	.navbar{min-height:initial;}
	.ofnbox{display: inline-block;}
	.ofnbox svg:nth-child(1){display:inline-block;}
	.ofnbox svg:nth-child(2){display:none;}
	.navbar-toggler.active .ofnbox svg:nth-child(1){display:none;}
	.navbar-toggler.active .ofnbox svg:nth-child(2){display:inline-block;}
	.app-down{display: block;position: absolute;z-index: 99;right: 10px;top: 10px;font-size: 10px;background: #f5f7ff;padding: 4px 6px;border: 1px solid #3650aa;color: #3650aa;}
	.app-down i{display: block;color: #3650aa;font-size: 12px;}
	.navbox .dropdown.open>.dropdown-menu{position: relative;display: block !important;}
	.navbox .navbar-nav .nav-item .nav-link{position: relative;z-index: 95;color: #000!important;padding:1rem !important;font-size: 15px;text-transform: uppercase;border-bottom: 1px solid #eee;}
	.nav-search{flex-direction: initial !important;justify-content: start !important;}
	.navbox .lang a{padding: 5px;font-size: 14px;margin-bottom: .2rem;}
	.navbox .lang .dropdown-menu.show{top:12px !important;}
	.navbar-nav .nav-item .dropdown-item{position:relative;color:#333 !important;font-size: 16px !important;display: block !important;padding: 5px 10px !important;background: #f5f7ff;margin-bottom: 5px;border-left: 2px solid #3650aa;padding-left: 1rem !important;}
	.navbox .navbar-nav .hvr-underline-from-left:before{display: none;}
	.navbar-expand-md .navbar-collapse .dropdown-menu{padding:1rem;}
	.app-down19,.app-down2,.app-down3,.app-down4,.app-down6{display: none;}
	.search-box{width: 100%;bottom: -56px;right: inherit;}

  .navbox{background: #fff;}
  .navbox .logoimg img:nth-child(2){opacity: 1;}
  .navbox .dropdown.open>.dropdown-menu{box-shadow:none !important;}
  .navbox .navbar .navbar-nav li{margin:0;border-bottom: 1px solid #eee;}
  .navbox .nav-item .dropdown-menu a:hover{color:#333 !important;background: #f9f9f9;}
  .navbar-nav .dropdown-menu{padding:1rem !important;overflow-y: scroll;max-height: 400px;background: #f9f9f9 !important;}
  .navbox .navbar-nav .nav-item .nav-link{position: relative;z-index: 95;color: #000!important;padding: 1rem !important;font-size: 15px;text-transform: uppercase;}
  .nav-search{flex-direction: initial !important;justify-content: start !important;}
  .navbox .lang a{padding: 5px;font-size: 14px;margin-bottom: .2rem;}
  .navbox .lang .dropdown-menu.show{top:12px !important;}
  .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;}
  .navbar-nav .nav-item .dropdown-item:last-child{border:0;}
  .navbox .navbar-nav .hvr-underline-from-left:before{display: none;}
  .navbar-expand-md .navbar-collapse .dropdown-menu{padding:1rem;}
  .search-box{width: 100%;bottom: -56px;right: inherit;}
  
  .navbar .navbar-nav .nav-item-full .dropdown-menu-app{display: none; position: relative;max-height: initial;width: 100%;box-shadow: none !important;background: #f9f9f9 !important;border: none !important;margin-top: 0 !important;}
  .navbar .navbar-nav .nav-item-full .dropdown-menu-app .col-md-4{display: none;}
  .navbar .navbar-nav .nav-item-full .dropdown-menu-app .col-md-8 h3{display: none !important;}

  .artpro .ban .col-md-2,.artpro .ban .col-md-10{width: 100%;}
  .artpro #navbar-example dl dd a{display: inline-block;background: #f3f4f8;padding: 1rem;font-size: .85rem !important;transition: all .4s;color:#333;text-align: center;}
}


@media (max-width:768px){
	.container-nav{width: 98%; margin:auto;}
	.container{padding-left:1rem;padding-right:1rem;}
	p{line-height: 1.4rem;}
	.h-300{width: 100%;height:130px;object-fit: cover;}
	.display-6{font-size: 1.8rem;}
	.fs-2{font-size: 1rem !important;}
	.fs-4{font-size:0.75rem  !important;}
	.nav-toptwo{margin-top:7.2vh;}
	.logo{padding:10px;display: flex; justify-content: space-between;align-items: center;}
	.logo svg{width: 25px;height: 25px;}
	.logo a img{height: 40px;}
	.logo a span{font-size: 1.2rem;font-weight: bold;color: #000;}
	.logo .ai-center{width: 35%;margin:0 auto;padding: 0;}
	.logo .app-email{fill:#333;display: inline-block;text-align: center;}
	.navbox .logo .ofimg2,.navbar-toggler{display: inline-block;text-align: center;}
	.navbox .logo .ofimg1{display:none;}
	.navbar{min-height:initial;}
	.ofnbox{display: inline-block;}
	.ofnbox svg:nth-child(1){display:inline-block;}
	.ofnbox svg:nth-child(2){display:none;}
	.navbar-toggler.active .ofnbox svg:nth-child(1){display:none;}
	.navbar-toggler.active .ofnbox svg:nth-child(2){display:inline-block;}
	.app-down{display: block;position: absolute;z-index: 99;right: 10px;top: 16px;font-size: 10px;background: #f5f7ff;padding: 4px 6px;border: 1px solid #3650aa;color: #3650aa;}
	.app-down i{display: block;color: #3650aa;font-size: 12px;}
	.app-down5,.dropdown-menu5,.app-down7,.dropdown-menu7,.app-down8,.dropdown-menu8{display: none;}
	.navbox .navbar .navbar-nav .nav-item .nav-link svg{transform: rotate(0deg) !important;right: 1rem;width: 14px;height: 14px;position: absolute;}
	.navbox .navbar .navbar-nav .nav-item.on .nav-link svg{transform: rotate(360deg) !important;transition: all 0.3s;}

	.navbox .dropdown.open>.dropdown-menu{box-shadow:none !important;}
	.navbox .navbar .navbar-nav li{margin:0;border-bottom: 1px solid #eee;}
	.navbox .nav-item .dropdown-menu a:hover{color:#333 !important;background: #f9f9f9;}
	.navbar-nav .dropdown-menu{padding:1rem !important;overflow-y: scroll;max-height: 400px;background: #f9f9f9 !important;}
	.navbox .navbar-nav .nav-item .nav-link{position: relative;z-index: 95;color: #000!important;padding: 1rem !important;font-size: 15px;text-transform: uppercase;}
	.nav-search{flex-direction: initial !important;justify-content: start !important;}
	.navbox .lang a{padding: 5px;font-size: 14px;margin-bottom: .2rem;}
	.navbox .lang .dropdown-menu.show{top:12px !important;}
	.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;}
	.navbar-nav .nav-item .dropdown-item:last-child{border:0;}
	.navbox .navbar-nav .hvr-underline-from-left:before{display: none;}
	.navbar-expand-md .navbar-collapse .dropdown-menu{padding:1rem;}
	.search-box{width: 100%;bottom: -56px;right: inherit;}

  .navbar .navbar-nav .nav-item-full .dropdown-menu-app{display: none; position: relative;max-height: initial;width: 100%;}
  .navbar .navbar-nav .nav-item-full .dropdown-menu-app .col-md-4{display: none;}
  .navbar .navbar-nav .nav-item-full .dropdown-menu-app .col-md-8 h3{display: none !important;}

	.banner img{height: 360px;object-fit: cover; }
	.banner .carousel-caption{left: 5%;right: 5%;}
	.banner .carousel-item .col-md-12{margin-top: 0;}
	.h-about .col-md-6.ps-md-4 div,.h-about .col-md-6.ps-md-4 span{display: none;}
	.nav-search svg{fill:#333;}
	.navbar-toggler{width: auto;height: auto;}
	.logo svg{width: 22px;height: 22px;}

  .navbox .position-relative{background: #fff;}
  .navbox .logoimg img:nth-child(1){display:none;}
  .navbox .logoimg img:nth-child(2){display:inline-block;opacity: 1;position: relative;}
  .banner{margin-top:7.2vh;}
  .sm a{display: inline-block;width: 30px;margin-right: .6rem;height: 30px;text-align: center;line-height: 30px;border: 1px solid #cbdcf1;transition: all 0.3s;background: none;}
  .navbox .nav-item .nav-link svg{fill:#333;}



	.banner .carousel-inner .carousel-item .btitle{font-size: 1.6rem;margin-bottom: 1rem;line-height: 2.4rem;}
	.banner .carousel-item .col-md-12{margin-top: 0;}
	.banner .carousel-item .col-md-6{padding:2rem;background: rgb(27 47 182 / 90%);}
  .banner .carousel-inner .btitle{font-size: 1.3rem !important;line-height: 1.5rem !important;}
  .banner .carousel-inner .btitle br{display: none;}
  .banner .carousel-inner .btxt{font-size: .85rem !important;}
  .banner .a-box a{padding:.6rem 1rem;}
  .banner .carousel-indicators{bottom:0;}

	.column img{width: 100%;height:150px;object-fit: cover;}
	.column h1{text-align: center; margin-bottom: 0 !important;font-size: 2rem !important;padding: 0 3rem;}
	.column p,.column h1 span{display: none !important;}
  
  .display-5{font-size: 2rem !important;}
  .h-pro .dbg1{width: 114%;right: -8px;bottom: -1px;}
  .h-pro .dbg2{width: 60%;right: -4%;bottom: -12%;}
  .h-pro .carousel-indicators button{margin-right:2px;width: 20px;height: 8px;background: #8fa6d9;opacity: 1;border: 1px solid #ffffff;transition: all 0.4s;}
  .h-pro .carousel-indicators{bottom: -2rem;display: inline-flex;margin-left: 0rem;margin-right: auto;}
  .h-video img{width: 100%;height: 320px;object-fit: cover;}
  .h-solution .swiper-box{padding-left: 0;transform: translateX(0rem);}
  .h-solution .swiper-button-prev{left: 2rem;}
  .h-solution .swiper-button-next{right: 2rem;}
  .h-solution .tbox{padding-left: 7%;}
  .h-customer .box{padding:1rem;}
  .h-customer .box .fs-2{font-size: 1.1rem !important;}
  .h-case .w-90{width: 98%;margin:auto;}
  .h-join{padding:3rem 0;}
  .all-form .tbox,.all-form .row .col-md-6 .fbox{padding:2rem;}
  
  .footer{padding-top: 2rem;}
  .footer dl dd{display: inline-block;margin-right: .8rem;}
  .footer dl dd a{padding: .3rem .6rem;background: #1e427d;font-size: .8rem;}
  .footer .col-md-3 img{width: 60%;}
  .powerby{display: block !important;}
  .footer .powerby ul{text-align: center;display: flex;flex-wrap: wrap;}
  .footer .powerby ul li{flex: 0 0 auto;font-size: .9rem; width: 33%;margin-right: 0;padding: .3rem;}
  .footer .powerby ul li:before{display: none;}
  .footer .powerby ul li:first-child{width: 100%;}
  .footer .powerby .sm{margin-top: .8rem; justify-content: center !important;}
  .footer .powerby .hvr-underline-from-center{transform:none;background: #2d599f;padding: .3rem .1rem;font-size: .8rem;display: block;}


}