@charset "utf-8";
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;height: 80px;}
#carouselpro .carousel-indicators li.cvideo:before{font-family: var(--fa-style-family,"Font Awesome 6 Free");content: "\f144";font-weight: 400;font-size: 36px; position: absolute;top: 50%;left: 50%;z-index: 1;margin-top: -18px;margin-left: -18px;color: #fff;text-shadow: #333 2px 2px;}
#carouselpro .carousel-indicators li.active img{border-color: var(--tblr-dark);}
.covervideo{position: relative;display: inline-block;}
.covervideo:hover:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .3);}
.covervideo:after{font-family: var(--fa-style-family,"Font Awesome 6 Free");content: "\f144";font-weight: 400;font-size: 60px;position: absolute;top: 50%;left: 50%;z-index: 1;margin-top: -45px;margin-left: -30px;color: #fff;text-shadow: #333 2px 2px;}

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

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


a,a:hover{text-decoration: none;}
.text-grey{color:#666;}
.text-grey-sm{color:#888;}
.text-grey-max{color:#333;}
.text-blue{color:#364fa9 !important;}
.text-a{color:#2d92db !important;}
.text-theme1{color:rgba(226,210,89,1);}
.text-theme2{color:rgba(32,82,163,1);}
.bg-theme1{background:rgb(89 203 116);}
.bg-theme2{background: rgba(32,82,163,1);}
.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(226,210,89,1);
	--tblr-btn-hover-color: #fff;
	--tblr-btn-hover-bg: rgba(226,210,89,.8);
	--tblr-btn-active-color: #609cef;
	--tblr-btn-active-bg: rgba(226,210,89,.8);
	--tblr-btn-disabled-bg: rgba(226,210,89,1);
	--tblr-btn-disabled-color: rgba(226,210,89,1);
	--tblr-btn-box-shadow: var(--tblr-shadow-button),var(--tblr-shadow-button-inset);
	transition: all 0.4s;
}
.btope{border-top: 1px solid #eee;}
.z-4{z-index: 4;}
.z-5{z-index: 5;}
.z-99{z-index: 99;}
.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;}
.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;}
p{font-size: 1rem;}
.a-btn{padding:.6rem 3rem;}
.a-box .a-btn{padding:.6rem 2rem;}
.a-box .a-btn2{padding:.6rem 2rem;border:1px solid #333;}
.a-box .a-btn svg{width: 18px;height: 18px;}
.a-box a{text-decoration: none;}

a{text-decoration: none;}
.listyle-none{list-style: none;}
ul{list-style: none;}
ul li{margin-bottom: .2rem;}
ul li:last-child{margin-bottom: 0;}
.carousel svg{width: 40px;height: 40px;margin-top: -5rem;}


/*single page*/
#navbar-example{position: fixed;top:0;z-index: 99;background: #fff0;transition: all 0.3s;}
.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);}
#navbar-example dl{margin-bottom: 0;}
#navbar-example dl dd{margin-bottom: 0;padding:0 1rem;}
#navbar-example dl dd a{padding:1.4rem .2rem;text-decoration: none;display: inline-block;color:#fff;transition: all 0.3s;border-radius: 0 !important;opacity: .8;}
#navbar-example dl dd a.active,#navbar-example dl dd a:hover{color:#fff;transition: all 0.3s;opacity: 1;}
#navbar-example dl dd a.text-white{opacity: 1;}
#navbar-example dl dd:last-child a{padding:.4rem 1rem;opacity: 1; border:1px solid #fff;transition: all 0.3s;}
#navbar-example dl dd:last-child a svg{fill:#fff; transition: all 0.3s;}
#navbar-example dl dd:last-child a:hover svg{transition: all 0.3s;}
.single .navbox .logo{width: 11%;-webkit-transform: translateX(-5px);transform: translateX(-5px);transition: all 0.3s ease;}
.single .toptwo .logo{-webkit-transform: translateX(5px);transform: translateX(5px);transition: all 0.3s ease;}
.single .navbox .logo img:nth-child(1){display: inline-block;}
.single .navbox .logo img:nth-child(2),.single .toptwo .logo img:nth-child(1){display: none;}
.single .toptwo .logo img:nth-child(2){display: inline-block;}

.single .conbox .cbox{padding:4rem 0;}
.single .conbox .cbox:nth-child(odd){background: #f7f7f7;}
.single .conbox .cbox:nth-child(even){background: #fff;}

.toptwo{background: rgba(255, 255, 255, 0.9) !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);}
#navbar-example dl{margin-bottom: 0;}
#navbar-example dl dd{margin-bottom: 0;padding:0 1rem;}
#navbar-example dl dd a{padding:1.5rem .2rem;text-decoration: none;display: inline-block;color:#fff;transition: all 0.3s;border-radius: 0 !important;opacity: .8;}
#navbar-example dl dd a.active,#navbar-example dl dd a:hover{color:#fff;transition: all 0.3s;opacity: 1;}
#navbar-example dl dd a.text-white{opacity: 1;}
.toptwo dl dd a{color:#212529 !important;}
.star svg{fill:#f11b1b;}
.text-f11b1b{color: #f11b1b;}

.bg-f11b1b{border:1px solid #fff;transition: all 0.3s;}
.toptwo .bg-f11b1b{border:1px solid #212529 !important;transition: all 0.3s;}
.bg-f11b1b svg{fill:#fff; transition: all 0.3s;}
.bg-f11b1b:hover svg{transition: all 0.3s;}
.toptwo .bg-f11b1b svg{fill:#212529 !important;transition: all 0.3s;}

.zz{background: rgb(0 0 0 / 00%);}
.tbox h3{font-size: 1.2rem;font-weight: bold;color:#333;}
.tbox p,.tbox ul li{color:#666;font-size: .9rem;}
#specifications p{color:#bbb;font-size: 0.86rem;}
#specifications a{cursor: pointer;color: #fff;background: #e60013;padding: .8rem 3rem;border-radius: 0; font-size: .9rem;opacity: 0.8;transition: all 0.4s;}
#specifications a:hover{opacity:1;transition: all 0.4s;}
.nav-a{display: inline-block !important;padding:.4rem 1rem !important;opacity: 1 !important;}
.nav-a svg{width: 18px;height: 18px;}

.navbox .navbar-nav li{margin-bottom: 0;padding: 0 1rem;}
.navbox .navbar-nav a{padding:1.4rem .2rem;text-decoration: none;display: inline-block;color:#fff;transition: all 0.3s;border-radius: 0 !important;opacity: .8;}
.navbox .navbar-nav a.active,.navbox .navbar-nav a:hover{color:#fff;transition: all 0.3s;opacity: 1;}
.navbox .navbar-nav a.text-white{opacity: 1;}
.navbox  .hvr-underline-from-left:before{background: #2098D1;height: 1px;}
.nav-item1 a svg{display: none;}

.toptwo .navbar-nav a,.toptwo .navbar-nav .nav-link,.toptwo .navbar-nav a.text-white{color:#000 !important;}
.toptwo .navbar-nav a:hover{color:#2098D1 !important;}

.navbox .navbar-nav a svg{transform: rotate(0deg);transition: all 0.3s;}
.navbox .navbar-nav li a:hover svg{transform: rotate(360deg);transition: all 0.3s;}

.banner .carousel-inner .carousel-item .btitle{font-size: 2rem;color:#fff;}
.banner .carousel-inner .carousel-item .btxt{font-size: .9rem;color:#fff;width: 70%;margin:auto;}
.banner .gif-bg{animation-name:banimg;animation-timing-f3unction:ease-in;animation-duration: 20s;}
@keyframes banimg{
0% {transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);}
100% {transform:scale(1.0,1.0);-webkit-transform:scale(1.0,1.0);-moz-transform:scale(1.0,1.0);}
}

.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 .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 .zzbg{background: linear-gradient(to right,rgb(0 0 0 / 30%),#00050200);background: rgb(0 0 0 / 25%); position: absolute;z-index: 15;width: 100%;height: 100%;left: 0;top:0;}
.banner .carousel-item{position: relative;}
.banner .carousel-item img{position: relative;z-index: 14;}
.banner .carousel-item .carousel-caption{z-index: 16;}
.banner .carousel-item  .col-md-12{margin-top: -5rem;}
.a-box  a{color: #e5d34d;padding-bottom: .2rem;border-bottom: 1px solid #dccd5c;}
.banner .ban-jzg{margin-top: 7rem;}

#slide1 .tbox{margin-top: 5rem;}
#slide1 .overflow-hidden{border-bottom-right-radius: 0 !important;border-bottom-left-radius: 0 !important;}

#slide1 .fb{border-top: 1px solid #eee;padding-top: 5rem;}
#slide1 h3 span{color:#2775eb;}
#slide1 .fb h3 span{color:#3366b7;}
#slide1 .fb .overflow-hidden{border-radius: 10px !important;}
#slide1 .fb .txt h3{font-size: 1.4rem;color:#333;}
#slide1 .fb .txt h4{font-size: 1.1rem;color:#333;margin-top: 2rem;}
#slide1 .fb .txt p{font-size: 1rem;color:#555;line-height: 1.4rem;margin-top:.8rem;}

#slide2 ul li{margin-top: 3rem;}
#slide2 ul h3{font-size: 1.2rem;color:#333;margin-bottom: 0;}
#slide2 ul p{font-size: 1rem;color:#666;line-height: 1.5rem;margin-top: 1rem;}
.copy-btn{cursor: pointer;}
.footer dl dd a,.footer dl dd span{color:#59cb74;transition: all 0.4s;}
.footer dl dd a:hover{color:#fff;transition: all 0.4s;}

.tbox ul{margin:0;padding:0;margin-top: 1rem;}
.tbox ul li{font-size: 1rem;color:#666;margin-top: .5rem;}
.tbox table td{vertical-align: middle;padding: 10px 20px;font-size: 14px;color: #666;padding-left: 3%;border: 1px solid #e8eaf3;}
.tbox table td p{margin:0;}
.tbox table .td-xiao{text-transform: none;}
.tbox table .td-title{font-size: 16px;font-weight: initial;color:#333;width: 20%;}
.tbox table tr td:first-child{width:30%;}
.tbox table strong{color:#000;font-size: 1rem;}

.faq-ul{list-style: none;margin:0;padding:0;position:relative; z-index: 15;}
.faq-ul li{cursor: pointer;position: relative;z-index: 15;background: #fff;padding: 2rem;margin-bottom: .5rem;}
.faq-ul li .h6{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:#f11b1b;}
.faq-ul li .ubox{display: block;}
.faq-ul li svg{color:#000;}
.faq-ul li .ubox b{color:#000;}
.faq-ul li:first-child .ubox{display: block;}

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

.tel-a{color:#fff;transition: all 0.3s;}
.tel-a:hover{color:#f11b1b;transition: all 0.3s;margin-left: .2rem;}

#cases .bbox{margin-top: 8rem ;padding-top:4rem;border-top: 1px solid #d5d5d5;}

.account  .row svg{width: 45px;margin-right: 1rem;}
#about .svg svg{width:60px;height:60px;}
#about .svg span{display: inline-block;width: 45px;height: 45px;background: #ffdede;top: 0rem;left: 41%;}
#adv .row .col .num{font-size: 1.3rem;font-weight: 900;color: #efefff;background: #9593ff;display: inline-block;width: 80px;height: 80px;line-height: 51px;border-radius: 50px;border: 8px solid #fff;text-align: center;transition: all 0.3s;}
#adv .row .col .num svg{width: 40px;height: 40px;}
#adv .row .col:hover .num{color:#fff;border: 8px solid #f2f2ff;transition: all 0.3s;}
#case{background:url(../allimg/img/case-bg.jpg) no-repeat center 0;color:#fff;padding:5rem 0;}
#case ul li button{font-size: 17px;padding: 0.6rem 1.2rem;}

#cases .carousel-indicators{bottom:-4rem;text-align:center;}
#cases .carousel-indicators button{margin:0 5px;width: 10px;height: 10px;background-color: #c6c6c6;opacity: 1;transition: all 0.4s;border: none;border-radius: 0;}
#cases .carousel-indicators .active{width: 20px;background-color:#364fa9;transition: all 0.3s;}
#blog a span{color:#333;}



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

.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 #ccc;}
.new-article h3{font-size:1.3rem;color:#333;margin-bottom: 1rem;margin-top: 2rem;}
.new-article .conbox img{margin:1.5rem 0;}
.new-article .hot h3{margin-top: 0;}
.new-article,.new-article p{font-size: 0.9375rem;color:#666;line-height: 1.5rem;}


.column h1 span{width: 4rem;height: .3rem;margin: .8rem auto;}

.contact{background:url(../allimg/img/f-contact.jpg) no-repeat center 0;color:#fff;padding:4rem 0;}
/*.footer svg{width: 20px;height: 20px;}
.footer p{color:#666;}
.footer .powerby{margin-top: 1.5rem;padding:1.5rem 0;border-top:1px solid #222;color:#999;}*/
.gif-bg{animation-name:banimg;animation-iteration-count:infinite;animation-timing-f3unction:ease-in;animation-duration: 25s;}


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

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



.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: #0079c3;border-radius: 50%;width: 37px;height: 37px;top: 51%;text-align: center;line-height: 34px;}
.swiper-button-prev::after,.swiper-button-next::after{content: "";}
.swiper-button-prev{margin-top: -1rem;left:0; color:#fff;}
.swiper-button-next{margin-top:-1rem;right:0;transform: rotate(180deg);color:#fff;}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity: .65;}



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

#flow .imgbox .ofhidden{position: relative;z-index: 55;border-radius: 0px;}
#flow .imgbox .ofhidden:before{transition: all 0.4s;border-radius: 10px; background: rgb(15 21 43 / 0.3);content:"";z-index:56;position: absolute;width: 100%;height: 100%;}
#flow .imgbox:hover .ofhidden:before{transition: all 0.4s;background: rgb(15 21 43 / 0.1);}
#flow .imgbox{display: flex;align-items: center;justify-content: center;}
#flow .imgbox a{position: absolute;z-index: 56;display: inline-block;width: 80px;height: 80px;background: rgb(218 12 12 / 0.5);line-height: 80px;border-radius: 50%;padding: 0px;text-align: center;transition: all 0.4s;}
#flow .imgbox a span{width: 24px;height: 24px;transition: all 0.4s;line-height: 24px;text-align: center;background: #fff;position: relative;z-index: 6;display: inline-block;border-radius: 50%;}
#flow .imgbox a span:before{content: "";background: rgb(232 24 23 / 0.95);width: 64px;height: 64px;border-radius: 50px;position: absolute;left: -20px;z-index: 5;top: -20px;}
#flow .imgbox a span i{color: #da0c0c;font-size: 12px;margin-left: 2px;margin-top: 1px;z-index: 7;position: relative;}
#flow .imgbox a span u{width: 24px;height: 24px;background: #fff;border-radius: 50px;line-height: 24px;position: relative;display: inline-block;z-index: 6;}
#flow .imgbox a:hover{background: rgb(218 12 12 / 0.3);transition: all 0.4s;}
#flow .imgbox a span:before{animation-name:jbimg-bg2;animation-iteration-count:infinite;animation-timing-f3unction:ease-in;animation-duration: 3s;}
	@keyframes jbimg-bg2{
	0% {background: rgb(232 24 23 / 0.95);}
	50% {background: rgb(232 24 23 / 0.6);}
	100% {background: rgb(232 24 23 / 0.95);}
}

.allform{position: fixed;left: 1rem;bottom:1rem;background: #fff; height: auto;width: 300px;border-radius: 8px;z-index:55;box-shadow: 0 8px 40px #0006;}
.allform .form-top{background: #59cb74;height: 46px;line-height: 46px;font-size: 14px;background-color: #59cb74;border-top-left-radius: 5px;border-top-right-radius: 5px;cursor: move;padding: 1rem;color: #fff;}
.allform .form-top svg{width: 30px;height: 30px;background: #61bd7700;cursor: pointer;transition: all 0.3s;}
.allform .form-top svg:hover{background: #61bd77;transition: all 0.3s;}
.allform .box{padding:1.5rem 1rem;}
.allform .box input{height: 40px;color: #333;padding-left: 2.5rem;}
.allform .box .inpbox{position:relative;}
.allform .box .inpbox svg{position:absolute;width: 18px;height: 18px;left: .8rem;top: 28%;z-index: 2;}
.allform .a-box .a-btn{padding:.6rem 1rem;border-radius: 3px;background: #59cb74;transition: all 0.3s;}
.allform .a-box .a-btn:hover{background: #64df81;transition: all 0.3s;}
.allform .box.active{display: none;}


.footer .fs-3.mt-3 span{color:#aba9ff;cursor: pointer;}
.footer p span:hover{text-decoration: revert;}
.fform{width: 70%;}
.fform input{height: 40px;color: #333 !important;padding-left: 2.5rem;font-size: .9rem;border:none;width: 100%;}
.fform .inpbox{position:relative;}
.fform .inpbox svg{position:absolute;width: 18px;height: 18px;left: .8rem;top: 28%;z-index: 2;}
.fform .a-btn{padding:.6rem 2rem;border-radius: 3px;background: #59cb74;transition: all 0.3s;}
.fform .a-btn:hover{background: #64df81;transition: all 0.3s;}
.mescon input::-webkit-input-placeholder,.mescon textarea::-webkit-input-placeholder{color:#aaa;font-size: .9rem;}

.gotop{position: fixed;right:20px;bottom: 100px;z-index: 999;cursor: pointer;text-align: center;}
.gotop i{width: 40px;height: 40px;line-height: 40px;border-radius: 50%;color: #fff;font-size: 1rem;background: #9593ff;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease;}
.gotop i:hover{transform: translateY(-5px);box-shadow: 0 5px 20px 0 rgb(32 14 108 / 28%);}
@media (min-width:992px){
	.container{width: 70%;max-width: 1400px;margin:auto;}
	.desp{font-size:1rem;line-height: 1.6rem;color:#666;}
	.pb-md-5, .py-md-5{padding-bottom: 4rem!important;}
	.pt-md-5, .py-md-5{padding-top: 4rem!important;}
	.d-flex{display: flex;} 
	.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;}
	.jc-around{display: flex;justify-content: space-around;}
	.ai-end{display: flex;align-items: flex-end;}
	.ai-center{display: flex;align-items: center;}
  	.navbar-toggler{display:none;}
  	.navbar-brand{margin-top:.4rem;}
}

@media screen and (min-width: 1400px) and (max-width: 1920px){
	.g-lg-5 .col{padding:0 1.5rem;}
}

@media screen and (min-width: 1201px) and (max-width: 1399px){
  	.container{width: 86%;margin:auto;}
	.footer .whatapp-a{width: 100% !important;}
  	.h-400{width: 100%;height: 200px;object-fit: cover;}
}

@media screen and (min-width: 768px) and (max-width: 1200px){
  	.container{width: 90%;margin:auto;}
	.footer .whatapp-a{width: 100% !important;}
  	.h-400{width: 100%;height: 200px;object-fit: cover;}
  	.navbox .logo span{font-size: 1rem;}
  	.banner h1{font-size: 2rem !important;}
}

@media (max-width:992px){

  	.container{width: 94%;margin:auto;}
	.nav-toptwo{margin-top:8vh;}
	.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: 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: 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 .logo span{color:#000;}
	.navbox .container{width: 100% !important;}
	#navbar-example dl dd{padding:0 .5rem;}
	#navbar-example dl dd a{white-space: nowrap;font-size: 1rem !important;opacity: 1;}


	.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-down5,.app-down6,.app-down7,.app-down8,.app-down11,.app-down12,.app-down13,.app-down14{display: none;}
	.navbox .navbar .navbar-nav .nav-item a svg{display: none;}

	.navbox,.toptwo{background: rgba(255, 255, 255, 0.9) !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);}
  	.navbox dl dd a,.navbox dl dd a{color:#212529 !important;}
  	.navbox .bg-f11b1b{border:1px solid #212529 !important;transition: all 0.3s;}
	.navbox .bg-f11b1b svg{fill:#212529 !important;transition: all 0.3s;}
	.banner h1{font-size: 1.6rem;}
	.banner .imgbox{margin:.5rem 0 2rem 0 !important;}
	.article .position ul{width: 100%;display: flex; justify-content: flex-start;margin:0;padding:0;}
	.article .position ul li a{margin-left: .8rem;padding:.5rem; color:#333;}
	.article .position ul li:first-child a{margin-left: 0;margin-right: .8rem;}


	.banner img{height: 300px;}
	.banner .imgbox{margin: 3rem 0;}
	.banner .textbox{padding:0 1rem;}
	.banner .tbox{margin-top: 6rem;}
	.conbox .carousel{width: 100% !important;}
	.conbox .row .col-md-6:nth-child(2){margin-top: 1rem;}
  	.h-400{width: 100%;height: 100px;object-fit: cover;}

  	.appzx{display: inline-block !important; width: 40px;height: 40px;text-align: center;line-height:30px;right: 1.5rem;bottom:3rem;}
 	.appzx svg{fill: #fff;} 	
}