@charset "utf-8";
body,html{font-family:"Roboto","Helvetica Neue",Helvetica,Arial,"Microsoft YaHei","微软雅黑";width:100%;height:100%;background: #fff;font-size: 1rem;}
.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)}

.border-grey{border:1px solid #666 !important;}
.text-grey{color:#666 !important;}
.text-grey-sm{color:#888 !important;}
.text-grey iframe{width: 100%; height: 500px;}
.text-blue{color:#364fa9 !important;}
.text-a{color:#2d92db !important;}
.text-bm{color:rgba(25,121,255,1) !important;}
.btn-bm{
	--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(25,121,255,1);
	--tblr-btn-hover-color: #fff;
	--tblr-btn-hover-bg: rgba(25,121,255,.8);
	--tblr-btn-active-color: #609cef;
	--tblr-btn-active-bg: rgba(25,121,255,.8);
	--tblr-btn-disabled-bg: rgba(25,121,255,1);
	--tblr-btn-disabled-color: rgba(25,121,255,1);
	--tblr-btn-box-shadow: var(--tblr-shadow-button),var(--tblr-shadow-button-inset);
}
.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!important;}
.bg-f7{background: #f7f7f7!important;}
.bg-f5{background: #f5f5f5!important;}
.bg-f3{background: #f3f3f3!important;}
.overflow-hidden-tlr{border-top-left-radius: 10px;border-top-right-radius:10px; }
.overflow-hidden-blr{border-bottom-left-radius: 10px;border-bottom-right-radius:10px; }
.hover-box .hvr img,.hover-box .hvr .overflow-hidden img{transition: all 0.4s;}
.hover-box .hvr:hover img,.hover-box .hvr:hover .overflow-hidden img{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transition: all 0.4s;}
a,a:hover{text-decoration: none;}
.a-box .a-btn{background: linear-gradient(to left,#099fea,#005aa3);padding: .8rem 1.5rem;border-radius: 5px;color:#fff;font-size: 15px;text-transform: uppercase;transition: all 0.3s;}
.a-box .a-btn1{border:none;background: none;color:#fff;}
.a-box .a-btn:hover{background: linear-gradient(to left,#19acf5,#003089);transition: all 0.3s;}
.a-box .a-btn1 svg{margin-left: .2rem;transition: all 0.3s;}
.a-box .a-btn1:hover svg{margin-left: .4rem;transition: all 0.3s;}
.a-box .a-btn span{display: inline-block;width: 25px;height: 25px;line-height: 22px;text-align: center;border:1px solid #fff;border-radius: 50px;margin-left: .5rem;}
.a-box .a-btn svg,.a-box .a-btn i{margin-left: .2rem;transition: all 0.3s;}
.a-box .a-btn span svg{margin-left: 0;}
.a-box .a-btn:hover svg,.a-box .a-btn:hover i{margin-left: .4rem;transition: all 0.3s;}
.titlebox .title{font-size: 40px;color:#000;font-weight: bold;margin-bottom: 1.5rem;line-height: 40px;}
.titlebox .title-desc{font-size: 1rem;color:#666;line-height: 24px;}
.box .title,.textbox .title{font-size: 20px;color:#333;}
.box .text,.textbox .text,.textbox p{font-size: 15px;color:#666;line-height: 22px;}


.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;}
.nav-item6 .nav-link svg,.dropdown-menu6{display: none !important;}

/*nav*/
.navbox{position: fixed;left: 0;top: 0;background: #fff0;z-index: 200;transition: all 0.3s;}
.navbox .nav-top{background: #080520;}
.navbox .media dd{margin: 0;padding-left: 1.5rem;margin-left: 1.5rem; border-left: 1px solid #7e8ec7;}
.navbox .media dd:first-child{border-left: none;}
.navbox .media a{color:#fff;display: inline-block;font-size: 12px;}
.navbox .media svg{fill:#fff;}
/*.navbox .media .sm span{width: 26px;height: 26px;line-height: 29px;text-align: center;border-radius: 5px;display: inline-block;background: #fff;}*/
.navbox .media .sm a{margin-left: 1.5rem;}
.navbox .media .sm a:first-child{margin-left: 0;}
.navbox .media .sm i{color:#fff;font-size: 1rem;}

.search-dd{width:13%;}
.search-btn{cursor: pointer;}
.search-box{background: #fff0;}
.search-box button{border:none;background: none;padding: 0;padding-right: 5px;height: 25px;outline:none;}
.search-box button img{width: 80%;margin-top: -5px;}
.search-box input{border:none;background: none;padding: 2px 5px;padding-left: 0; font-size: 14px;color: #fff;height: 26px;outline:none;width: 70%;}
.search-box input::-webkit-input-placeholder{color:#ddd;font-size: 14px;outline:none;}
.navbox .navbar .navbar-nav li{position: relative;display: inline-block;}
.navbox .navbar .navbar-nav li .nav-link{color:#333;font-size: 1.2rem;padding: 1.8rem 1.5rem;}
.navbox .navbar .navbar-nav .nav-item{display: block;}
.navbox .navbar .navbar-nav .nav-item:hover a{color:#4471ce;}
.navbox .hvr-underline-from-left:before{height: 2px;background: #fff;}
.navbox .navbar .navbar-nav .nav-item6,.navbox .navbar .navbar-nav .nav-item6 a{padding-right: 0 !important;}
.navbox .navbar .navbar-nav .nav-item .app-down{transform: rotate(0deg);transition: all 0.3s;}
.navbox .navbar .navbar-nav .nav-item:hover .app-down{transform: rotate(360deg);transition: all 0.3s;}
.navbox .navbar .navbar-nav .active .nav-link{color: #364fa9;}
.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;}
.navbox .nav-item.dropdown.open>.dropdown-menu{display: block;padding:0;margin: 0;}
.navbox .nav-item.dropdown.open>.dropdown-menu a{color:#333;}
.navbox .dropdown.open>.dropdown-menu .dropdown-item{padding: 0.8rem 2rem;color: #333;font-size: 1rem;width: 100%;border-bottom: 1px solid #eee;}
.navbox .dropdown.open>.dropdown-menu .dropdown-item:last-child{border-bottom: none;}
.navbox .dropdown.open>.dropdown-menu .dropdown-item:hover{color:#fff;background: linear-gradient(to left,#099fea,#005aa3);border:#263f9c;}
.navbox .hvr-underline-from-left{z-index: 1;overflow: initial;transition: all 0.1s;}
.toptwo{background: #fff;box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);transition: all 0.3s;}
.toptwo .navbar .navbar-nav li .nav-link{color:#333;}
.toptwo .navbar .navbar-nav .nav-item:hover a{color:#364fa9;}
.navbox .ofimg2,.app-down6,.toptwo .ofimg1,.navbar-toggler,.app-email{display: none;}
.toptwo .ofimg2{display: inline-block;}
.toptwo .hvr-underline-from-left:before{height: 2px;background: #364fa9;}
.dropdown-menu-right a{padding: 0.6rem 1rem;color: #333;font-size: 15px;width: 100%;border-bottom: 1px solid #eee;}
.dropdown-menu-right a:last-child{border-bottom: none;margin-bottom: 0;}
/*nav*/
.nav-item7 a svg,.dropdown-menu7,.nav-item27 a svg,.dropdown-menu27,.nav-item28 a svg,.dropdown-menu28{display: none !important;}
.navbar-nav li .rounded-pill i{font-style: inherit;}

.lang .dropdown-toggle:after{display: none;}
.lang img{width: 25px;}
.lang a{font-size: 12px;letter-spacing: 2px;}
.lang .dropdown-item{color:#333 !important;font-size: 12px !important;}
.navbar-nav .a-box .a-btn{border-radius: 0;text-transform: capitalize;font-size: 1rem;}
.navbar-nav .a-box .a-btn:hover{background: linear-gradient(to left,#1cadf5,#0b73c7);transition: all 0.3s;}
.banner .btitle{font-size: 50px;}
.banner .btxt{font-size: 18px;width: 50%;}
.banner .a-btn{text-transform: capitalize;padding: 1.2rem;font-size: 1rem;}
.banner .a-btn svg{height: 16px !important;width: 16px !important;}
.banner .text-start{margin-top: -3rem;}
.home-product{background: #fafafa;}
.home-product .overflow-hidden{border-top-right-radius: 5px;border-top-left-radius: 5px;}

.home-about{background:url(/wp-content/uploads/h-about-bg.webp) no-repeat center 0;color:#fff;padding:8rem 0;}
.home-about .data{margin-top: 12rem;}
.home-about .title-desc{padding:0 10rem;}
.home-about .a-btn{color:#fff;}

.home-industries .conbox{position: relative;}
.home-industries .tbox{position: absolute;width: 100%;left: 0;top:0;z-index: 11;background: rgb(0 0 0 / 60%);}
.home-industries .tbox ul{border-bottom: none;}
.home-industries .tbox ul li{width: 16.66666667%;}
.home-industries .tbox ul li button{display: inline-block;width: 100%; height: 100%; border:0;border-radius: 0; padding: 2rem;text-align: center;color:#fff;font-size: 1rem;}
.home-industries .tbox ul li .active{background: linear-gradient(to left,#099fea,#005aa3);color:#fff;}
.home-industries .tab-content{position: relative;z-index: 10;}
.home-industries .tab-content .tab-pane{position: relative;}
.home-industries .tab-content .tab-pane .card{ position: absolute;transition: all 0.3s;bottom:8rem;left: 20rem;min-width: 25%;max-width: 30%; z-index: 11;}
.home-industries .tab-content .tab-pane:hover .card{margin-left: 2rem; transition: all 0.3s;}

.h-industries{position: relative;}
.h-industries .carousel-item img{position: relative;z-index: 3;}
.h-industries .zzbg{position: absolute;width: 100%;height: 100%;z-index:4;left: 0;top:0;background:rgba(0,0,0,.4);-webkit-backdrop-filter: blur(2px);backdrop-filter: blur(0px);}
.h-industries .box{position: absolute;z-index: 5;left: 0;top:0;}
.h-industries .carousel-indicators{z-index: 6;}
.h-industries .carousel-control-prev,.h-industries .carousel-control-next{z-index: 6;}
.h-industries .carousel-item .h-title .text-title{color:#fff;font-size: 2.5rem;margin-bottom: 1.5rem;font-weight: bold;}
.h-industries .carousel-item .h-title p{color:#fff;font-size: 1rem;}
.h-industries .carousel-indicators{bottom:6%;left:20%;margin:0;z-index: 7;width: 60%;}
.h-industries .carousel-indicators dd{transition: all 0.4s;background: rgba(255,255,255,.1); position: relative;opacity: 1;flex: 1 0 0%;height: auto;margin: 0;text-indent: inherit;overflow: hidden;border: none;}
.h-industries .carousel-indicators dd .tbox svg{width: 50px;height: 50px; fill:#ccc;}
.h-industries .carousel-indicators .active .tbox svg{fill:#fff;color:#fff;}
.h-industries .carousel-indicators .active{flex: 1.5 0 0%;transition: all 0.4s;}
.h-industries .carousel-indicators dd .tbox{background: rgba(255,255,255,.1);text-align: center;padding:1rem;}
.h-industries .carousel-indicators .active .tbox{background:rgba(25,121,255,.6);}
.h-industries .carousel-indicators dd .imgbox{background: #fff;opacity: 0;}
.h-industries .carousel-indicators dd h4{color:#ccc; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;}
.h-industries .carousel-indicators dd p{color:#ccc;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;}
.h-industries .carousel-indicators dd .col-md-8{padding-left:2rem;}
.h-industries .carousel-indicators .active .tbox h4{color:#fff;}
.h-industries .carousel-indicators .active .tbox p{color:#fff;}
.h-industries .carousel-control-next,.h-industries .carousel-control-prev{width: 10%;}
.h-industries button svg{width: 30px;height: 30px;}
.h-industries .card{background: none;}
.h-industries .display-5{font-size: 2.5rem;}




.home-adv{background:url(../allimg/img/h-adv-bg.jpg) no-repeat right bottom;padding:6rem 0;}
.home-adv .col-md-6{padding:1rem;}
.home-adv .cbox{padding:3rem;background: #fff;height: 100%;position: relative;box-shadow: 0px 0px 10px 0px rgb(197 197 197 / 16%);}
.home-adv .cbox svg{fill:#1950a0;width: 60px;height: 60px;}
.home-adv .cbox h3{font-size: 1.5625rem;color:#333;}
.home-adv .cbox p{font-size: 1rem;line-height: 22px;}
.home-adv .cbox:hover{background: #1950a0;}
.home-adv .cbox:hover svg{fill:#fff;}
.home-adv .cbox:hover h3,.home-adv .cbox:hover p{color:#fff;}
.home-adv .num{font-size:60px;font-weight: bold;position: absolute;top: 1rem;right: 2rem;color: #ebf1f9;}
.home-adv .cbox:hover .num{color:#fff;}

.home-flowpath{background:url(../allimg/img/flowpath-bg.jpg) no-repeat right bottom;padding:8rem 0;}
.home-flowpath ul{list-style: none;margin:0;padding:0;}
.home-flowpath ul li{padding-top:0;padding-left: 4rem;padding-bottom: 4rem; position: relative;}
.home-flowpath ul li:before{content: "";width: 2px;position: absolute;left: -1px;top:0;background: #006dc3;}
.home-flowpath ul li span{position: absolute;left: -20px;top: -10px;border-radius: 50px; display: inline-block;width: 40px;height: 40px;background: linear-gradient(to left,#099fea,#005aa3);color:#fff;text-align: center;line-height: 40px;font-size: 1rem;font-weight: bold;}
.home-flowpath ul li .textbox .title{font-size: 1.5625rem;margin-bottom: 1rem;}
.home-flowpath ul li:last-child{padding-bottom: 0;}
.home-flowpath ul li:last-child:before{display: none;}
.delighter.border-left:before{ height: 0%; transition: all 1s ease-out; }
.delighter.border-left.started:before{ transform:none; height: 100%; }
.home-flowpath .a-box{padding-left: 4rem;}
.home-factory{background: #e5ecff;}
.home-technology{padding:7rem 0;}
.sticky{padding:0px;position: -webkit-sticky;position: sticky;top:21vh;}
.home-partner{background:url(../allimg/img/partner-bg.jpg) no-repeat right bottom;padding:6rem 0;}
.partner-box{width: 100%;position: relative;overflow: hidden;}
.partner-box hr{border:none;background: #efeff0;height: 2px;width: 98%; margin:2rem auto;}
.partner-box p{color:#efeff0;font-size: 1rem;line-height: 23px;}

.home-blog .col-md-4{padding:1rem;}
.home-blog .textbox .title{font-size: 22px;font-weight: bold;}

.industries .overflow-hidden{max-height: 350px; border-top-left-radius: 8px;border-top-right-radius: 8px;}

.artbox h1 span{display: block;width: 4rem;height: .4rem;margin-top: 1rem;background: #364fa9;}
.artbox ul{padding:0;margin:0;list-style: none;}
.artbox ul li b{font-size: 1.25rem;}
.artbox ul li{margin-bottom: 1rem;}
.artbox ul li a{color:#666;font-size: 1rem;}
.artbox ul li .active{color:#4471ce;}
.artbox .conbox b,.artbox .conbox strong{color:#000;font-size: 1.2rem;}
.artbox table{width: 100%;margin:2rem 0;}
.artbox table tr{border-bottom: 1px solid #eee;}
.artbox table tr td{padding:1rem;font-size: 0.9375;color:#888;}
.artbox table tr:first-child td{font-size: 1.125rem;color:#333;font-weight: bold;}
.artbox .row .bg-f9{border:1px solid #eee;}
.artbox .fs-1.lh-md{line-height: 2rem;}
.artnew,.artnew p{font-size: 0.9375rem;color:#666;line-height: 1.5rem;}
.artnew iframe{width: 100%; height: 800px;}
.listnew .card span{background: #eaf8ff;color:#666;}
.listnew .overflow-hidden{min-height: 260px;max-height: 280px;}

.solutions .banbox{background:linear-gradient(to right,#000b21,#00213d);padding:7rem 0;}
.solutions .card{background: none;}
.gifimg{animation-name:banimg;animation-iteration-count:infinite;animation-timing-f3unction:ease-in;animation-duration: 15s;}
@keyframes banimg{
0% {transform:scale(1.0,1.0);-webkit-transform:scale(1.0,1.0);-moz-transform:scale(1.0,1.0);}
50% {transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);}
100% {transform:scale(1.0,1.0);-webkit-transform:scale(1.0,1.0);-moz-transform:scale(1.0,1.0);}
}
.solutions .bg-blue{background: #f2f7fc !important;}
.solutions .conbox-2 .col-md-4 .card{width: 80%;}
.solutions .conbox-7 .overflow-hidden{height: 300px;object-fit: cover;}
.solutions .partner-box .swiper-button-prev,.solutions .partner-box .swiper-button-next{margin-top: -1rem;}
.solutions .faq-ul .active{background: #f9f9f9 !important;}
.ofbox{display: none;}

.about .topbox{position: relative;overflow: hidden;}
.about .topbox .container{position: relative;z-index: 5;}
.about .topbox .cbg{position: absolute;z-index: 4;bottom: -20rem;left: 0;opacity: .8;}
.about .topbox .card{background: none;}
.about .conbox .imgbox{position: relative;background:url(/wp-content/uploads/about-c2.webp) no-repeat center right; height: 450px;}
.about .conbox .imgbox img{width: 150px;height: 150px;border:5px solid #fff;}

.about .certificate{background:url(/wp-content/uploads/certificate-bg.webp) no-repeat center;padding:6rem 0; padding-bottom: 8rem;}
.about .certificate .carousel-indicators{bottom:-5rem;}
.about .carousel-control-prev,.about  .carousel-control-next{width: 6%;}
.carousel svg{width: 30px;height: 30px;}
.history span{display: inline-block;width: 40px;position: absolute;right: -20px;top:37%;z-index: 5; height: 40px;border-radius: 40px;text-align: center;line-height:38px; background: linear-gradient(to left,#099fea,#005aa3);}
.history span img{width: 18px;height: 18px;}
.history .row .col-md-6{padding:2rem;margin: 0;position: relative;z-index: 4;}
.history .row .col-md-6:nth-child(even){border-left: 1px solid #ddd;position: relative;z-index: 3;}
.history .row .col-md-6:nth-child(odd) h4{width: 100%; text-align: right;margin-right: 1rem;}
.history .row .col-md-6:nth-child(even) h4{margin-left: 1rem;}
.history .row .col-md-6:nth-child(even) span{right: auto;left: -20px;}
.history .card p{background: #f6faf2;}

.faq-ul{list-style: none;margin:0;padding:0;position:relative; z-index: 15;}
.faq-ul li{cursor: pointer;padding:2rem 1rem; position: relative;z-index: 15; margin-bottom: 0 !important;padding-bottom:2rem !important; border-bottom: 1px solid #ccc;}
.faq-ul .active{background: #f5f5f5;}
.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 .cbox{display: none;margin-top: 1.5rem;max-width: 90%;}
.faq-ul li:first-child .cbox{display: block;}
.downpdf .card a{display: inline-block;width: 40px;height: 40px;line-height: 40px;border:1px solid #000;border-radius: 50px;text-align: center;transition: all 0.2s;}
.downpdf .card a svg{color:#000;transition: all 0.2s;}
.downpdf .card:hover a{background: #005aa3;border:1px solid #005aa3;transition: all 0.2s;}
.downpdf .card:hover a svg{color:#fff;transition: all 0.2s;}
.downpdf .card .tbox{width: 80%;}
.contact .top ul{list-style: none;margin:0;padding:0;}
.contact .top  .col-md-6 img{width: 40%;margin:auto;}
.contact .top  .col-md-4 img{width: 50px;opacity: .5;}
.contact .top  .col-md-4{position: relative;}
.contact .flist{background:url(../allimg/img/contact-c2-bg.jpg) no-repeat center;}
.contact .flist .card{background: rgba(255,255,255,.85);}
.contact .flist .col-md-8{border-left: 1px solid #eee;}

.footer{background:url(/wp-content/uploads/footbg.webp) no-repeat right bottom;padding-top:4rem;}
.footer .top{margin-bottom: 2rem;border-bottom: 1px solid #262334;padding-bottom: 2rem;}
.footer .top ul li a{display: inline-block;padding:.5rem 1rem;border:1px solid #373640;border-radius: 5px;}
.footer h3{font-size: 18px;color:#fff;}
.footer a{color:#c2c2c4;}
.footer a:hover{color:#fff;}
.footer ul{list-style: none;margin:0;padding:0;}
.footer .bottom ul li{margin-bottom: .5rem;}
.footer .powerby{margin-top: 1.5rem;border-top: 1px solid #262334;padding-top: 1.5rem;}
.footer .powerby h4{font-size: 1rem;font-weight: initial;color:#c2c2c4;}
.footer .footer-contact a{margin-left: 1rem;transition: all 0.4s; border-radius: 50px; display: inline-block;width: 30px;height: 30px;line-height: 34px;text-align: center; background: #fff;}
.footer .footer-contact a i{color:#333;font-size: 15px;transition: all 0.4s;}
.footer .footer-contact a:hover{background: #1cadf5;color:#fff;transition: all 0.2s;}
.footer .footer-contact a:hover i{color:#fff;transition: all 0.2s;}

.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: rgb(163 163 163 / 60%);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;}
.partner-box .swiper-button-prev,.partner-box .swiper-button-next{margin-top: -3rem;}
.swiper-box .swiper-slide-active a{border:1px solid #000;}


.formshiro .col-md-12 .d-flex h5{width: 22%;}
.formshiro .col-md-12 .d-flex input{width: 40%;}
.formshiro label{color:#777;}
.formshiro input::-webkit-input-placeholder,.formshiro textarea::-webkit-input-placeholder,.flist select option{color:#666;font-size:1rem;}
.formshiro textarea{min-height: 6rem !important;}
.quote label{font-size:1rem;}
.quote h4{background: #162930;}
.quote .modal-content{border-top-left-radius: 15px;border-top-right-radius: 15px;}
.quote textarea{min-height: 6rem !important;}
.quote .upfile{display: inline-block;cursor: pointer;margin-top: -10px;position: relative;z-index: 4;}
.quote #fileInput{position: absolute;cursor: pointer;color:#bbb; left:;top: 60%;cursor: pointer;z-index: 5;}
.quote #fileInput::file-selector-button{display: none;}
.quote .hvr-radial-out:hover #fileInput,.quote .hvr-radial-out:hover .upfile{color:#fff;}


.sticky{padding: 0px;position: -webkit-sticky;position: sticky;top: 15vh;}
.position ul{display: flex;justify-content: center;list-style: none;padding:0;margin:0;}
.position li{margin-right: 6px;margin-bottom: 0;}
.position li::before{content:"/";display: inline-block;font-size: 1rem;margin: 2px 5px;}
.position li:nth-child(1)::before{display: none;}
.position li:nth-child(1) a{font-weight: bold;color:#333 !important;}
.position li a{display: inline-block;text-decoration: none;color: #a1a1a1;font-size: 1rem !important;transition: all 0.3s;}
.position li a:hover{color: #4471ce;transition: all 0.3s;text-decoration: revert;letter-spacing: 0.4px;}
.breadcrumb-item+.breadcrumb-item::before{content: ">";color:#bbb;font-family: 'Manrope', sans-serif;margin-top: -2px;font-size: 1rem;}

.prenext{margin-top: 1rem;padding:0;padding-top: 2%;border-top: 1px solid #eee;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;}

.column{position: relative;}
.column .container{position: relative;z-index: 6;}
.column .textbox{position: absolute;z-index: 6;}
.column .textbox h2 span,.column .textbox h1 span{display: block;height: 5px;background: #fff;width: 3%;margin:auto;margin-top: 1rem;}
.column .textbox svg{width: 40px;height: 40px;color: #0026e3;}
.column .bg{position:absolute;left: 0:top:0;width: 100%;height: 100%;background: rgb(87 92 100 / 30%); z-index: 5;}
.column .img{position:relative;z-index: 4;}

.hvr-float{display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;-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{transition: all 0.4s;}
.hvr-float-yy:hover{box-shadow: 0px 20px 10px -10px rgb(230 225 225 / 80%);transition: all 0.4s;}
.container-sm{width: 60%;max-width: 1400px;margin:auto;}
@media (min-width:768px){
	.container{width: 70%;max-width: 1400px;margin:auto;}
	.container-nav{width: 86%;margin:auto;}
	.logo{position: relative;margin-top: 10px;z-index: 55;}
	.logo img{width: 85%;margin-top: 0px;}
	.nav-toptwo{margin-top:11vh;}
	.app-down{display: none;}
	.row-lr6 .col-md-6:nth-child(odd),.row-lr6 .col-lg-6:nth-child(odd){padding:3rem;padding-left: 0;}
	.row-lr6 .col-md-6:nth-child(even),.row-lr6 .col-lg-6:nth-child(even){padding:3rem;padding-right: 0;}
	.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;}
	.lang .dropdown-menu{width: 60px;margin-left: -60px !important;margin-top: 1rem !important;}
	
}

@media screen and (min-width: 1200px) and (max-width: 1500px){
	.container{width: 80%;max-width: 1400px;margin:auto;}
	.container-sm{width: 80%;}
	.navbox .navbar .navbar-nav li .nav-link{font-size: 1rem;}
	.home-about{padding:6rem 0;}
	.home-about .data{margin-top: 5rem;}
	.h-industries .box{left: 8rem;top: -5rem;}
	.h-industries  #carouselHotService .col-lg-6{width: 80%;}
	.home-flowpath ul li{padding-left: 2rem;padding-bottom: 2rem;}
	.home-technology{padding:4rem 0;}
	.footer .top ul li a{font-size: .8rem;}
	.footer .top.row .ps-lg-5,.footer .bottom.row .ps-lg-5{padding-left: 2rem!important;}
	.ps-lg-5{padding-left: 3rem !important;}
	.pe-lg-5{padding-right: 3rem !important;}
	.banner .btitle{font-size: 40px;}
	.home-adv .cbox{padding:2rem;}
	.listnew .overflow-hidden{min-height: 210px;max-height: 240px;}
	.about .topbox .cbg{bottom:0;}
	.about .cbox .row .col-md-6{width: 100%;margin-bottom: 1rem;}
}

@media screen and (min-width: 992px) and (max-width: 1199px){
	.container{width: 90%;max-width: 1400px;margin:auto;}
	.container-nav{width: 90%;margin:auto;}
	.container-sm{width: 86%;}
	.logo{width: 10%;margin-top: 15px;}
	.logo img{width: 100%;}
	.navbox .navbar .navbar-nav li .nav-link{font-size: 1rem;padding: 1.8rem 1rem;}
	.home-about{padding:6rem 0;}
	.home-about .data{margin-top: 5rem;}
	.h-industries .box{left: 8rem;top: -5rem;}
	.h-industries  #carouselHotService .col-lg-6{width: 80%;}
	.home-flowpath ul li{padding-left: 2rem;padding-bottom: 2rem;}
	.home-technology{padding:4rem 0;}
	.footer .top ul li a{font-size: .8rem;}
	.footer .top.row .ps-lg-5,.footer .bottom.row .ps-lg-5{padding-left: 2rem!important;}
	.banner .btitle{font-size: 32px;margin-bottom: 1rem !important;}
	.banner .col-md-10{width: 100%;}
	.banner .btxt{width: 80%;margin-bottom: 2.5rem !important;}
	.home-flowpath ul .fs-1{font-size: 1rem !important;}
	.ps-lg-5{padding-left: 2rem !important;}
	.pe-lg-5{padding-right: 2rem !important;}
	.lh-lg{line-height: 1.5rem !important;}
	.h-industries .carousel-indicators{bottom:6%;left: 10%;margin:0;z-index: 7;width: 80%;}
	.h-industries .carousel-indicators dd h4{margin-top: .5rem !important;font-size: .9rem !important;}
	.h-industries .carousel-indicators dd .tbox svg{width: 40px;height: 40px;}
	.h-industries .carousel-item img{min-height: 500px;object-fit: cover;}
	.h-industries .display-5{font-size: 2rem;margin-bottom: 1rem !important;}
	.h-industries .a-box{margin-top:1rem !important;}
	.home-adv .cbox{padding:2rem;}
	.home-partner{padding:4rem 0;}
	.listnew .overflow-hidden{min-height: 190px;max-height: 220px;}
	.listnew .card .mt-4{margin-top: 1rem !important;}
	.about .topbox .cbg{bottom:0;}
	.about .cbox .row .col-md-6{width: 100%;margin-bottom: 1rem;}
	.footer .top ul li a{padding:.5rem .6rem;}
	.column .display-6{font-size: 2rem !important;}
	.about .topbox .cbg{bottom:0;}
	.about .cbox .row .col-md-6{width: 100%;margin-bottom: 1rem;}
	
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.container{width: 92%;max-width: 1400px;margin:auto;}
	.container-nav{width: 94%;margin:auto;}
	.container-sm{width: 90%;}
	.navbox .navbar .navbar-nav li .nav-link{font-size: .9rem;padding: 1rem 0.6rem;}
	.navbar-nav li .rounded-pill{padding:.3rem .4rem !important;font-size: .85rem;}
	.navbar-nav li .rounded-pill i{display: none;}
	.navbox .dropdown.open>.dropdown-menu .dropdown-item{font-size: .9rem;padding:.6rem 1rem;}
	.navbox .media a{font-size: .8rem !important;}
	.navbox .media dd{padding-left: 1.2rem !important;margin-left: 1.2rem !important;}
	.logo{width: 9%;margin-top: 12px;}
	.logo img{width: 100%;}
	.banner .btitle{font-size: 30px;margin-bottom: 1rem !important;}
	.banner .col-md-10{width: 100%;}
	.banner img{min-height: 410px;object-fit: cover;}
	.banner .btxt{width: 80%;margin-bottom: 2.5rem !important;}
	.py-md-5{padding-top: 3rem !important;padding-bottom: 3rem !important;}

	.lh-lg{line-height: 1.5rem !important;}
	.home-about{padding:3rem 0;}
	.home-about .data{margin-top: 3rem;}
	.h-industries .box{left: 3rem;top: -5rem;}
	.h-industries .box .row .col-md-8{width: 86%;}
	.h-industries .carousel-indicators{bottom:6%;left: 10%;margin:0;z-index: 7;width: 80%;}
	.h-industries .carousel-indicators dd h4{margin-top: .5rem !important;font-size: .9rem !important;}
	.h-industries .carousel-indicators dd .tbox svg{width: 40px;height: 40px;}
	.h-industries .carousel-item img{min-height: 500px;object-fit: cover;}
	.h-industries .display-5{font-size: 2rem;margin-bottom: 1rem !important;}
	.h-industries .a-box{margin-top:1rem !important;}
	.home-adv{padding:2rem 0;}
	.home-adv .cbox{padding:2rem;}
	.home-adv p{margin-bottom: 0;}
	.home-technology{padding:2rem 0;}
	.home-technology .col-md-6{width: 100%;margin-top: 2rem;}
	.home-partner{padding:3rem 0;}
	.solutions .banbox{padding:4rem 0;}
	.solutions .banbox h4{margin-top: 2rem !important;}
	.home-flowpath ul .fs-1{font-size: 1rem !important;}
	.listnew .overflow-hidden{min-height: 230px;max-height: 260px;}
	.column .display-6{font-size: 2rem !important;}
	.about .topbox .cbg{bottom:0;}
	.about .cbox .row .col-md-6{width: 100%;margin-bottom: 1rem;}

	.footer .top ul{flex-wrap: wrap;}
	.footer .top ul li{width: 50%;flex: 0 0 auto;margin-right: 0 !important;padding:.2rem;}
	.footer .top ul li a{width: 100%;text-align: center;font-size: .9rem;}

}

@media (max-width:768px){
	.container,.container{width: 94%;margin:auto;}
	.a-box .a-btn{padding:.6rem 1.5rem;font-size:0.9rem;}
	.container-sm{width: 90%;}
	.navbox{background:#fff;}
	.logo{width: 100%;padding:10px;display: flex; justify-content: space-between;align-items: center;}
	.logo svg{width: 25px;height: 25px;}
	.logo .ai-center{width: 28%;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;}
	.container-article{width: 92%;margin:auto;max-width: 1800px;}
	.h-title h2,.h-about .textbox h2{font-size: 30px;}
	.textbox h3{margin-bottom: 1rem;}
	.nav-toptwo{margin-top: 8vh;}
	.practice .box{padding: 2rem;}
	.navbar{min-height: auto;--tblr-navbar-padding-y: 0;}
	.textbox p{line-height: 22px;}
	
	.ofnbox{display: inline-block;}
	.ofnbox svg:nth-child(1){display:inline-block;}
	.ofnbox svg:nth-child(2){display:none;}
	.ofnbox.active svg:nth-child(1){display:none;}
	.ofnbox.active 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 .navbar .navbar-nav .nav-item svg{display: none;}
	.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-down7,.app-down6{display: none;}
	.f-media{margin-top: 1rem;}
	.f-media dd{margin:0 0.5rem;}
	.f-media dd i{font-size:20px;}

	.banner img{height: 350px !important;}
	.banner .btitle{font-size:1.5rem;}
	.banner .btitle br{display: none;}
	.banner .btxt{width: 100%;font-size: 1rem;margin:1rem 0;}
	.home-about{padding:3rem 0;}
	.home-about .data{margin-top: 2rem;}
	.home-about .data .col-md-3{margin-bottom: 1rem;}
	.h-industries .carousel-item img{height: 500px;object-fit: cover;}
	.h-industries .carousel-indicators{left:10%;width: 80%;}
	.h-industries .carousel-indicators dd h4{display: none;}
	.h-industries .carousel-indicators dd .tbox svg{width: 30px;height: 30px;}
	.h-industries .box {top:-3rem;}
	.h-industries .display-5{font-size: 2.2rem;}
	.h-industries .card p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden;}
	.home-adv{padding:2rem 0;}
	.home-adv h2 br{display: none;}
	.home-flowpath ul li{padding-left: 2rem;padding-bottom: 2rem;}
	.home-flowpath ul{width: 80%;margin-left: 8%;}
	.home-technology{padding:3rem 0;}
	.home-partner{padding:4rem 0;}
	.solutions .banbox{padding:3rem 0;}
	.solutions .banbox .col-md-6:nth-child(2){margin-top: 2rem;}
	.solutions .conbox .col-md-6,.industry .conbox .col-md-6,.about .conbox .col-md-6,.solutions .conbox .col-md-3,.solutions .conbox .col-md-4,.industry .conbox .col-md-4{margin-bottom: 1rem;}
	.solutions .home-flowpath .fs-1{font-size: 1.2rem !important;}
	.solutions .home-flowpath .a-box{margin: 2rem 0 !important;}
	.industry .app-h3{font-size: 1.3rem;font-weight: initial !important;}
	.industry .app-h4{font-size: 1rem !important; line-height: 1.6rem !important;}
	.industry .app-h3 br{display: none;}
	.about .certificate{padding:3rem 0;}
	.history .row{width: 90%;margin-left: 6%;}
	.history .row .col-md-6:nth-child(odd) h4{text-align: left;}
	.history .row .col-md-6{padding:0;}
	.history span{right: auto;left: -20px;top:0;}
	.history .row .col-md-6:nth-child(even) h4{margin-left: 0 !important;}
	.history .card{margin-left: 24px;width: 100%;padding-top: 0.5rem !important;padding-bottom: 3rem !important;}
	.history .row .col-md-6:nth-child(odd){border-left: 1px solid #ddd;position: relative;z-index: 3;}
	.history .row .col-md-6:last-child{border:none;}
	.quality{padding:1rem;}
	.contact .flist .col-md-8{border:none;}
	.certificate .col-6{margin-bottom: 1rem;}
	
	.column h1{font-size: 2rem !important;margin-bottom: 0 !important; }
	.column h1 span{width: 16% !important;height: 4px !important;}
	.column img{height: 200px;}
	.position li a{font-size: .8rem !important;}
	
	.quote h3{font-size: 1.2rem;}
	.quote h3 b{font-size: 1.8rem;}
	.form-floating>label{padding:.6rem;}
	.formshiro .select select{padding-top: 0 !important;padding-bottom: 0!important;}
	.formshiro .select label{display: none;}
	.formshiro .form-control{height: 45px;}
	.formshiro .col-md-12 .d-flex h5{width: 35%;}
	.formshiro .col-md-12 .d-flex input{width: 60%;}
	.mescon .col-md-6,.mescon .col-md-12{margin-bottom: 1rem;}
	.quote .row .col-md-12 .row .col-md-4 span{height: 70px !important;margin-bottom: 1rem;}
	.formshiro .a-box button{padding:.6rem 0!important;}

	.footer{text-align: center;}
	.footer .top .col-md-3 img{margin-bottom: 1rem;}
	.footer .top .col-md-9{display: block !important; }
	.footer .top .col-md-9 ul{    display: flex;flex-wrap: wrap;}
	.footer .top .col-md-9 ul li{flex: 0 0 auto;width: 50%;margin-right: 0 !important;padding:.4rem;}
	.footer .top ul li a{width: 100%;}
	.footer h3{padding: .4rem;}
	.footer .bottom .col-md-8{display: none;}
	.footer .powerby .container{display: block !important;}
	.footer .powerby .sm{justify-content:center !important;}
	.footer .footer-contact{margin-top: 1rem;}
	.footer .footer-contact a:first-child{margin-left: 0;}


}