@charset "utf-8";
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
body,html{font-family:"Poppins","Assistant","Helvetica Neue",Helvetica,Arial;width:100%;height:100%;font-size:
 14px;letter-spacing: .05em!important;} body{top: 0 !important;}
@keyframes bgAnim{0%{background-position:right bottom}50%{background-position:left bottom}100%{background-position:right bottom}}
.bgAnim{color:transparent;background-clip:text;-webkit-background-clip:text;background-repeat:no-repeat;background-position:left bottom;animation:bgAnim 10s infinite ease-in-out;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#fff;filter:drop-shadow(0 0 5px #000);}
.z-4{z-index: 4!important;}
.z-5{z-index: 5!important;}
.z-6{z-index: 6!important;}
.poppins{font-family: 'Poppins', sans-serif !important;}
a,a:hover{text-decoration: none;}
p,.p{line-height: 1.7142857143!important;}
.section{width:100%;height:auto;float:left;}
.shiro{display:none}
.carousel-control-next, .carousel-control-prev{height: 100px;width: 35px;top: 50%;}
.carousel-control-next:hover, .carousel-control-prev:hover{background-color: rgba(0, 0, 0, .7);}
.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;}*/
div.searchtop{background-color: #fff;z-index: 1040;top: -80px;transition: all
 ease-out .4s;}
 div.langtop{background-color: #fff;z-index: 1040;top: -150px;transition: all
 ease-out .4s;}
div.langtop .language a {display: flex;align-items: center; padding-left: 10px; color: #2b2b2b;}
div.langtop .hvr-float{margin-right: 1rem;margin-left: 1rem;}
div.langtop .language a:hover{color: rgb(25, 95, 180);}
div.langtop .language a::before {content: '';display: inline-block;width: 30px;height: 30px; background-image: url('/web/img/lang.webp'); background-size: 120px 120px; background-repeat: no-repeat;margin-right: 10px; border-radius: 50%;}
.com::before { background-position: 0 0; }
.sa::before { background-position: -30px 0; }
.ru::before { background-position: -60px 0; }
.jp::before { background-position: -90px 0; }
.kr::before { background-position: 0 -30px; }
.in::before { background-position: -30px -30px; }
.es::before { background-position: -60px -30px; }
.fr::before { background-position: -90px -30px; }
.tw::before { background-position: 0 -60px; }
.searchtop img{height: 40px;}
.table-title{background-color: rgba(255, 203, 203, 1.0) !important;}
.table-left{background-color: rgba(211, 211, 211, 1.0) !important;}
.table-right{background-color: rgba(229, 229, 229, 1.0) !important;}
.logo-bold {font-weight: 900 !important;}
.logo-blue {color: rgb(25, 95, 180);}
.logo-orange {color: rgb(214, 156,22);}
.logo-fines {font-weight: 300 !important;}
.logo-metals{color: #ffd700 !important;}
.text-grey1{color: rgb(103, 103, 103) !important;}
.title-golden{color: rgb(237, 182, 58);}
.icon-ty {width: 100px;height: 100px;}
.icon-body{fill: none;stroke: rgb(0, 0, 0);stroke-width: 6;
stroke-linecap: round;}
.bg-f7{background-color: #f7f7f7;}
.text-hidden{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.textjust{text-align: justify;}
.textjust::after{content: "";flex-grow: 1;}
.leftpro{padding-left: 30px;}
.logo{width: 120px;height: 50px;}
.lgcolor{fill:#2f69b3;}
.header{background-color: transparent;padding:0px;transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;color: #fff;}
.header .navbar-brand img{height: 40px;}
.header .navbar-toggler{color: #fff;}
.header .navbar-toggler:focus{box-shadow: none;}
.headerbg .navbar-toggler, .inner .header .navbar-toggler{color: rgba(0, 0, 0, .85);}
.header .navbar,.header .navbar .navbar-nav{min-height: 1rem;margin: 0;padding:0;}
.header .navbar{padding: 2px 0;}
.header .navbar-nav>.nav-item>.nav-link{color: #fff;font-size: 1rem;position: relative;}
.header .navbar-nav>.nav-item>.nav-link:before{content: "";display: inline-block;width:0px;height: 2px;position: absolute;left: 0;bottom: 0;background-color:rgba(0, 0, 0, .85);transition: all ease-out .3s;}
.header .navbar-nav>.nav-item:hover>.nav-link:before{width: 100%;}

.header .icon{color: #ffffff;display: inline-block;text-align: center;line-height: 30px;border-radius: 100%;}
.header .support{color: #ffffff;display: inline-block;text-align: center;line-height: 30px;border-radius: 100%;}


.header a.icon{color: #ffffff;display: inline-block;width: 30px;height: 30px;text-align: center;line-height: 30px;border-radius: 100%;}
.header a:hover.icon{background-color:rgba(255, 255, 255, .15);}
.header #googlelang .goog-te-gadget-simple{font-size: 1rem;background-color: transparent;color: #fff;border-radius: 4px;border:none;}
.header #googlelang .goog-te-gadget-simple *{color: #fff;}
.header #googlelang .goog-te-gadget-icon{margin-left: 2px;margin-right: 2px;width: 19px;height: 19px;border: none;vertical-align: middle;}
.header #googlelang .goog-te-menu-value *,.header #googlelang .goog-te-gadget-simple>span>a *{display: none;}
.header #googlelang .goog-te-menu-value span:first-child,.header #googlelang .goog-te-gadget-simple>span>a>span:first-child{display: inline-block;font-size: 14px;overflow: hidden; text-indent: -0px;margin-top: 8px;}
.header .navbar-nav .nav-item>.dropdown-menu{display: none;position: absolute;top:42px;z-index: 2;}
.header .navbar-nav .nav-item:hover>.dropdown-menu,.header .navbar-nav .nav-item .nav-link:hover+.dropdown-menu,.header .navbar-nav .nav-item a:hover.nav-link+.dropdown-menu{display: block;}
.header .navbar-nav .nav-item .navsub{width: 100%;height: auto;max-height: 0; background-color: #fff;position: absolute;left: 0;top:55px;color: #333;transition: all ease-in .3s;overflow: hidden;padding: 0;visibility: hidden;}
.header .navbar-nav .nav-item:hover .navsub,.header .navbar-nav .nav-item a:hover.nav-link+.navsub,.header .navbar-nav .nav-item .nav-link:hover+.navsub{max-height: 100vh;visibility: visible;overflow: auto;padding: 3rem 0;}
.header .navbar-nav .nav-item .navsub a{color: rgba(var(--tblr-dark-rgb),var(--tblr-bg-opacity))!important;}
.header .navbar-nav .nav-item .navsub h3{font-size: 1.1rem;width: 100%;height: auto;white-space: nowrap;overflow: hidden;}
.header .navbar-nav .nav-item .navsub .navdes{font-size: 1rem;line-height: 1rem;height: 3rem;overflow: hidden;}
.header .navbar-nav .nav-item .navsub .list-group .lides{font-size: .8rem;line-height: 1rem;margin-bottom: 0;font-style: italic;}
.header .navbar-nav .nav-item .navsub .bg-light{background-color: rgba(0, 0, 0, .05)!important;}
.header .navbar-nav .nav-item .navsub .nav-tabs>.nav-item>.nav-link{background-color: transparent;color: #333;position: relative;padding:.9rem 0;}
.header .navbar-nav .nav-item .navsub .nav-tabs>.nav-item>.active{font-weight: bold;}
.header .navbar-nav .nav-item .navsub .nav-tabs>.nav-item>.nav-link:before{background: rgba(0, 0, 0, .85);height: 2px;}
.header .navbar-nav .nav-item .navsub .nav-tabs>.nav-item>a:hover.nav-link:before,.header .navbar-nav .nav-item .navsub .nav-tabs>.nav-item>.nav-link:hover:before,.header .navbar-nav .nav-item .navsub .nav-tabs>.nav-item>.active:before{left: 0;right: 0;}
.header .navbar-nav .nav-item .fa-caret-down{display: none;}
.header .navbar-nav .nav-item .fa-caret-up{display: none;}
.headerbg,.inner .header{background-color: #fff;color: rgba(0,0,0,.85);box-shadow: 0 0.125rem 0.25rem rgba(var(--tblr-body-color-rgb),.075)!important;}
.header .navbar-nav .nav-item .navsub dl{margin: 2rem 0 0 .5rem;}
.header .navbar-nav .nav-item .navsub dl dd{margin:1rem 0;}
.header .navbar-nav .nav-item .navsub dl dd a{font-size: 1rem;position: relative;}
.header .navbar-nav .nav-item .navsub dl dd a:before{display: inline-block;position: absolute;content: "";width: 0;height: 1px;background-color: #2098D1;left: 0;bottom: 0;transition: all ease-out .3s;}
.header .navbar-nav .nav-item .navsub dl dd a:hover{width: 100%;}
.header .list-group-item{padding: .5rem 1rem; border-bottom: none;}
.header .logo .lgcolor{fill:#ffffff;}
.headerbg .logo .lgcolor,.inner .header .logo .lgcolor{fill:#2f69b3;}
.headerbg .navbar-nav>.nav-item>.nav-link,.inner .header .navbar-nav>.nav-item>.nav-link{color: rgba(var(--tblr-dark-rgb),var(--tblr-bg-opacity))!important;}
.headerbg a.icon,.inner .header a.icon{color: #333;}

.headerbg .icon,.inner .header .icon{color: #333;}
.headerbg .support,.inner .header .support{color: #333;}

.headerbg #googlelang .goog-te-gadget-simple *,.inner .header #googlelang .goog-te-gadget-simple *{color: #333;}
.header .nav-item5 .col-lg-3:nth-of-type(4) dd:last-child,
.header .nav-item5 .col-lg-3:nth-of-type(4) dd:nth-last-child(2){color: var(--tblr-yellow);}
/*mobilenav*/
.mobile-nav-item{list-style: none;}
.mobile-navsub{visibility: hidden;max-height: 0;overflow: hidden;transition: max-height 0.5s, visibility 0.5s;text-align: left;padding-left: 10px;padding-bottom: 10px;}
.mobile-navsub.active{visibility: visible;max-height: 200px;transition: max-height 0.5s;overflow-y: auto;}
.mobile-navsub .mobile-text{display: flex;flex-direction: column;color: rgb(138, 138, 138);font-size: 16px;margin-top: 10px;}
.header .navbar-collapse .navbar-nav .mobile-nav-title{color: rgb(108, 108, 108);font-size: 20px;font-weight: 400;}
.header .navbar-collapse .navbar-nav .mobile-nav-title:after{content: "";display: block;height: 1px;background-color: rgba(0, 0, 0, 0.1);margin-top: 15px;}
/*--*/
/*table bgcolor*/
.table-white{background-color: rgba(248, 250, 252, 1.0) !important;}
.table-dark1{background-color: rgb(239, 239, 239) !important;}
.table{--tblr-table-striped-bg: none !important;}
.banner{height: 100vh;overflow: hidden;}
.banner .carousel-caption h2{color:transparent;background-clip:text;-webkit-background-clip:text;background-repeat:no-repeat;background-position:left bottom;animation:bgAnim 10s infinite ease-in-out;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#fff;filter:drop-shadow(0 0 5px #000);}
.banner .canvas{width: 100%;height: 100%;position: absolute;top: 0;}
.banner .canvas canvas{width: 100%;height: 100%;}
#carouselpro .carousel-indicators{position: static;flex-wrap: wrap;}
#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);}
.skiptranslate iframe{display: none!important;}
.isolution .card{position: relative;}
.isolution .card .card-body{position: absolute;color: #fff;bottom: 0;width: 100%;transition: all ease-out .3s;background-color: rgba(0, 0, 0, .5);}
.isolution .card:hover .card-body{background:linear-gradient(to bottom right, red, rgba(173, 216, 230, 0));}
.ban .img-fluid{object-fit: cover;object-position: center bottom; width:100%;height: 40vh;}
.ban .bandesc{width: 100%;height: auto;position: absolute;bottom: 10%;color: #eee;}
.ban .banbox h1,.ban .banbox h2 {text-align: center;margin-bottom: 0;color: #fff;margin-bottom: 10px;text-transform: uppercase;word-wrap: break-word;
    word-break: break-all;};
.ban .banbox .px-3 {font-size: 46px;text-align: center;margin-top: 0;color: #fff;margin-top: 10px;}
.ban .banbox .innerxhx {width: 115px;height: 1px;color: white;background-color: white;margin: 0 auto;}
.ban .banbox .breadcrumb .breadcrumb-item a{color: #eee;}
.ban .banbox .breadcrumb .breadcrumb-item a:hover{color: #fff;text-decoration: underline;}
.pcollect .row>.col-md-12:nth-child(even) .col-md-6:first-child{order: 2;}
.pcollect .row>.col-md-12:nth-child(even) .col-md-6:last-child{order: 1;padding-left: 30px !important;}
.promenu{top: 55px;color: #fff;padding: 11px 0;font-size: 16px;}
.promenu .nav-pills .nav-item .nav-link{color: #eee;}
.promenu .nav-pills .nav-item .nav-link.active{background-color: transparent;color: #fff;}
.pro-tabs .tab-pane{padding-top: 90px;}
#pronav .nav-tabs{border-bottom: none;flex-wrap: nowrap;}
#pronav .nav-tabs .nav-item .nav-link{border: none;font-size: 1rem;background-color: transparent;color: #333;border-radius: 0;padding: .6rem 1rem;}
#pronav .nav-tabs .nav-item .nav-link.active{border-bottom: var(--tblr-secondary) 2px solid;color: #fff;background-color:rgb(25, 95, 181);}
.inews .nav-pills .nav-link{color: var(--tblr-dark);}
.inews .nav-pills .nav-link.active, .inews .nav-pills .show>.nav-link{background-color: var(--tblr-secondary);color: white;}
.inews .tab-content .card span {color: black !important;}
.inews .nav-item .active {background-color: rgb(28, 115, 173);color: #fff;}
/*footer*/
.footer a{color: rgba(255, 255, 255, .5);transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.footer a:hover{color: rgba(255, 255, 255, 1);}
.footer h5 a{color: var(--tblr-yellow);}
.footer .border-bottom,.footer .border-top{border-color: rgba(255, 255, 255, .12) !important;}
.footer .d-flex .mb-0 a{margin-left: 10px;}
.footer .d-flex .mb-0 a::before{content: "";display: inline-block;width: 8px;height: 8px;border-radius: 50%;background-color: rgba(142, 147, 157, .6);margin-right: 5px; }
.input-group>.form-control:focus, .input-group>.form-floating:focus-within, .input-group>.form-select:focus{z-index: 1;}
.page-user{width: 100%;height: auto;min-height: 100vh;background:url(/web/allimg/230809/4-230P9110FKA.jpg) center no-repeat;background-size: cover;position: relative;}
 .page-user .big-circle {width: 80px;height: 80px;
    background-image: radial-gradient(circle, rgba(255, 255, 0, 0.8), rgba(255, 223, 0, 0.6), rgba(218, 165, 32, 0.4));border-radius: 50%;display: flex;justify-content: center;align-items: center;box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);position: absolute;top: 70px;left: 770px;}
 .page-user .small-circle {width: 20px;height: 20px;
     background-image: radial-gradient(circle, #FFFFFF, #87CEEB, #87CEEB, #FFFFFF);border-radius: 50%;position: absolute;animation: pageorbit 6s linear infinite;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);top: 100px;left: 800px;}
  @keyframes pagerotate {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}}
.page-user .circle {width: 80px;height: 80px;
  border: 3px dashed #3498db;border-radius: 50%;animation: pagerotate 5s linear infinite, pagebordercolor 5s linear infinite alternate;position: absolute;top: 80px;left: 300px;}
  .page-user .circle1 {width: 70px;height: 70px;
  border: 3px dashed #3498db;border-radius: 50%;animation: pagerotate 4s linear infinite, pagebordercolor 4s linear infinite alternate;position: absolute;top: 50px;left: 70%;}
  .page-user .circle2 {width: 60px;height: 60px;
  border: 3px dashed #3498db;border-radius: 50%;animation: pagerotate 3s linear infinite, pagebordercolor 3s linear infinite alternate;position: absolute;top: 280px;left: 50%;}
  @keyframes pagebordercolor {
  0% {border-color: #FFFFFF;}
  100% {border-color: #0000FF}}
@keyframes pageorbit {
  0% {transform: rotate(0deg) translateX(80px) rotate(0deg);}
  100% {transform: rotate(360deg) translateX(80px) rotate(-360deg);}}
.page-user .login .object-fit-cover{object-position: center;}
.page-user .user .card{min-height: 60vh;height: calc(100vh - 16rem);}
.page-user .user .list-group .list-group-item{background:rgb(249 249 249 / 63%);}
.page-user .user .list-group .list-group-item.active,.page-user .user .list-group .list-group-item:hover{background: rgb(55,100,255);color: #fff;border-color: var(--tblr-list-group-border-color);}
.page-user .form-floating .form-control{border: 0;border-bottom: 1px solid #ced4da;box-shadow: none;border-radius: 0;}
.page-user .form-floating .form-control:focus{border-bottom: 1px solid rgb(36, 72, 220);}
.page-user .login .card{border-top-left-radius: 70px;border-bottom-right-radius: 70px;}
.page-user .login h2{position: relative;}
.page-user .login h2::after{content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 75px;height: 1px;background-color: rgba(130, 130, 130, 1.0);bottom: -10px;}
.page-user .signup .card{border-top-left-radius: 70px;border-bottom-right-radius: 70px;}
.page-user .signup h2{position: relative;}
.page-user .signup h2::after{content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 75px;height: 1px;background-color: rgba(130, 130, 130, 1.0);bottom: -10px;}
/*.page-user .col-md-9 .table tr td{background-color: rgb(241, 241, 241);border-radius: 5px;padding-left: 10px;}*/
.page-user .user .justify-content-between {border-bottom: 1px solid rgb(215 212 212 / 80%);}
.page-user .col-md-9 .table tr th,
.page-user .col-md-9 .table tr td strong{color: rgb(26 26 26);font-weight: 300;}
.page-user .col-md-9 .table-bordered{border-color: #e9e9e9 !important;}
.page-user .user .col-lg-10 .card{border-top-left-radius: 70px;
    border-bottom-right-radius: 70px;}
.page-user .user .col-md-9 .card-body{background-color: rgb(249 249 249);}
.page-user .user .col-md-9 .card-body .text-end button{color: #494949;}
.page-user .user .col-md-9 .card-body .text-end button:hover{color: #df0303;}
.page-user .user .col-md-9 .card-body .us-head .modelst{font-weight: 600;color: #fff;background-color: #246ef7;padding: 4px;border-radius: 4px;margin-left: 5px;}
.page-user .user .border-end{background-color: rgba(249, 249, 249, 1.0);}
.page-user .user .col-md-9 .us-head td{vertical-align: middle;}

.page .mt-3 h4 {font-size: 18px;line-height: 1.5;}
/*.border-dashed:hover{border: 2px dashed black;}*/
.pagination .active>.page-link, .pagination .page-link.active{background-color: rgb(27, 94, 181); border-color: var(--tblr-secondary);color: #fff;}
/*.pagination{font-family: 'Roboto',sans-serif;}*/
#cookiemodal,.cookie{font-size: 16px;}
.breadcrumb .breadcrumb-item a{color: var(--tblr-dark);}
.hvr-overline-from-center:before,.hvr-underline-from-center:before{background: var(--tblr-secondary);}
.hvr-fade:active, .hvr-fade:focus, .hvr-fade:hover{background-color: var(--tblr-light);}
.sticky-top .list-group .list-group-item{padding: .5rem 1rem;}
/*?ҳ*/
.national svg{width: 60px;height: 60px;}
.Support-right img {width: 28px;height: 28px;}
.circle-icon {font-size: 20px;position: relative;top: 0;left: 0;display: flex;justify-content: center;align-items: center;width: 1.8em;height: 1.8em;border: 2px solid rgb(255, 255, 255);border-radius: 50%;
transition: border-color 0.2s ease, color 0.2s ease;padding: 10px;background-color: white;}
.circle-icon i {transition: color 0.2s ease;}
.footer .circle-icon:hover {border-color: black;color: rgb(0, 0, 8);}
.footer .fa-facebook {color: rgb(1, 102, 255);}
.footer .fa-youtube {color: rgb(255, 0, 0);}
.footer .fa-linkedin {color: rgb(3, 102, 195);}
.footer .fa-x-twitter{color: black;}
.footer .fa-pinterest {color: rgb(231, 0, 30);}
.footer .fa-instagram {color: rgb(255, 0, 105);}
.footer .fa-tiktok {color: rgb(0, 0, 5);}
.social {display: block;text-align: center;font-family: 'poppins', sans-serif;color: rgb(118, 124, 136); font-size: 12px;font-weight: 600;margin-top: 5px;line-height: 1.5}
.proseries .col-md-12:nth-child(odd) .col-md-6{order: 2;}
.proseries .col-md-12:nth-child(odd) .col-md-6:nth-child(2){order: 1;}
.proseries .col-md-12:nth-child(even) .col-md-6{order: 2;}
.proseries .col-md-12:nth-child(even) .col-md-6:nth-child(1){order: 1;}
.h2title {font-family: 'poppins',sans-serif;color: rgba(31, 126, 182, 1.0);}
.ptext {color: rgba(2, 53, 145, .8);}
.catalogtitle span {color: #000000 !important;}
.product-Catalog .carousel-inner img{height: 540px;width: 100%;}
.productindex a{color: black;}
.colorp{color: #727272 !important;}
.productindex .badge-subtle {background-color: rgb(245, 245, 245);color: #2F4F4F;}
.page-contact .px-3 {letter-spacing: 0px;}
.pcollect .rounded-pill {background-color: rgb(245, 245, 245);}
.pcollect .rounded-pill:hover{background-color: rgb(28, 115, 173);}
.pcollect .badge {aspect-ratio: 1/1;
  border-radius: 50% !important;height: 100%;transform: translate(-50%, -50%) !important;top: 50% !important;right: 0;padding-top: 9px;padding-right: 20px;padding-left: 0px;}
.pcollect .col-md-3 a:hover {color: rgb(250, 250, 250);}
.pcollect .col-md-6 .display-5 a:hover{color: rgb(112, 17, 244);}
.pcollect .col-md-6 h2,h3,p{letter-spacing: 0px;}
.indexsolu .card p{display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;color: #8B8B8B;font-family: 'Poppins';}
.soluxhx {width: 40px;height: 2px;background-color:rgb(102, 102, 102); }
.indexsolu .card-body h5 span{color: rgb(55, 55, 55) !important;}
.cardboder {width: 1px;height: 400px;background-color: rgb(102, 102, 102);top: 50px;right: 0px;z-index: 1;}
.isolution .h-40 h5{font-size: 1.5em;}
.btn-outline-dark {font-family: 'poppins',sans-serif;position: relative;}
.border-dashed{border: 1;font-family: 'poppins',sans-serif;font-size: 20px;}
/*isolution*/
.soluicon {width: 35px;height: 35px;
   background: radial-gradient(circle, rgba(0, 0, 255, 0.8), rgba(0, 0, 123, 0.6));border-radius: 50%;position: relative;animation: pulse 1s infinite alternate;}
.soluicon::before {content: "";width: 10px;height: 10px;background-color: white;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}


.solum{display: none;}
.isolutionm{display: none;}
.isolution{background: linear-gradient(to bottom right, #f7f7f7, #00217f);}
 .outsolution .btnnext,
 .insolution .btnnext{position: absolute;right: 15%;top: 5%;z-index: 1;}
  .btnnext {display: inline-block;padding: 10px 20px;margin-top: -20px; opacity: 0; animation: fadeInDowns 0.5s ease-in-out 0.5s forwards;top: 50px;right: 200px;}

        @keyframes fadeInDowns {
            from {
                opacity: 0;
                transform: translateY(-20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

.sprite{width: 180px;height: 120px;background-image: url(/web/img/solujlt.jpg);}
 .mapdiv .card-body{padding: 10px;}
.sprite1{background-position: 0px 0px;}
.sprite2{background-position: -180px 0px;}
.sprite3{background-position: -360px 0px;}
.sprite4{background-position: -520px 0px;}
.sprite5{background-position: 0px -121px;}
.sprite6{background-position: -179px -120px;}
.sprite7{background-position: -360px -121px;}
.sprite8{background-position: -520px -121px;}
.sprite9{background-position: 0px -240px;}
.sprite10{background-position: -180px -240px;}
.sprite11{background-position: -360px -240px;}
.sprite12{background-position: -540px -240px;}
.sprite13{background-position: 0px -360px;}
.sprite14{background-position: -180px -360px;}
 .mapdiv .card-header h3{font-weight: bold;font-size: 26px;}
 .mapdiv .card{border-radius: 10px;}
 .outolution map area:first-of-type{background-color: #000;}
.insolution map area:first-of-type{background-color: #000;}
.mapdiv{width: 200px;height: 100px;position: absolute;}
.mapdiv .card-header .card-top{background-color:rgb(128, 119, 255); border-radius: 5px;}

/*index slider*/
.productindex .index-product-owl{background:conic-gradient(from 45deg, rgb(230,230,230), rgb(234,234,234), rgb(238,238,238), rgb(240,240,240)); }
.index-product-owl h4{position: relative;}
.index-product-owl h4::after{   content: "";
    position: absolute;
    bottom: -10%;
    left: 30%;
    transform: translateX(-50%);
    width: 100px;
    height: 5px;
    background: linear-gradient(to right, #007bff, #00bfff);
    border-radius: 4px; 
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.4);}
.productindex .index-product-owl .owl-dots .owl-dot.active span{width: 20px;background-color: #435cdf !important;transition: all 0.5s;}
.productindex .owl-nav{opacity: 1 !important;}
.productindex .owl-prev,
.productindex .owl-next {position: absolute;width: 50px !important;height: 50px !important;display: grid;place-items: center;color: #000 !important;border-radius: 100px !important;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);font-size: 28px !important;}
.productindex .owl-prev {left: 0;}
.productindex .owl-next {right: 0;}
.productindex .owl-prev:hover,
.productindex .owl-next:hover {background-color: #3382c7 !important;}
.productindex #project-slider .owl-next,
.productindex #project-slider .owl-prev {background-color: rgba(255, 255, 255, 0.5);}
.productindex #project-slider .owl-next:hover,
.productindex #project-slider .owl-prev:hover {background-color: #ff4d29;}
.productindex .project {position: relative;}
.productindex .linka:hover svg{transform: translateX(5px);}
.productindex svg{transition: transform 0.3s ease;}
.productindex .linka:hover{color: #ffd700 !important;}
.productindex .linka{color: #4d4d4d;
  transition: color 0.5s ease;font-size: 18px;}
.productindex .project .colorp{  display: -webkit-box;
  -webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

.productindex .product-tops{padding-left: 5vw;padding-right: 5vw;}
.productindex .index-product-owl img{height: auto !important;}
.productindex .product-tops .product-topsbox{background: conic-gradient(from 45deg, rgb(230,230,230), rgb(234,234,234), rgb(238,238,238), rgb(240,240,240));width: 100%;border-radius: 10px;overflow: hidden;transition: background-color 0.3s ease, transform 0.3s ease;}
.productindex .product-tops .product-topsbox:hover {
    background: conic-gradient(from 45deg, rgb(143 138 221), rgb(120 134 227), rgb(214 221 233), rgb(200 148 247)); 
}
.productindex .product-tops .product-topsbox:hover img {
    transform: scale(1.05); 
}
.productindex .product-tops .product-topsbox img {
    transition: transform 0.7s ease; 
}
.product-right-top {height: 80.5vh;}
.product-bottom-right{height: 80.5vh;}
.product-left-top{height: 40vh;}
.product-content-left{height: 80vh;}
.product-content-right{height: 80vh;}
.product-bottom{height: 40vh;}
.product-left-top img,
.product-bottom img{width: 350px;}
.product-content-left img,
.product-content-right img{width: 380px;}
.productindex .product-topsbox .stretched-link::after{position: relative !important;}

/*hover*/
.hvr-float-shadow:hover {box-shadow: 0px 20px 10px -10px rgb(230 225 225 / 80%);transition: all 0.4s;}
.hvr-float:active, .hvr-float:focus, .hvr-float:hover {-webkit-transform: translateY(-8px);transform: translateY(-8px);}
.hvr-float-shadow {transition: all 0.4s;}
.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;}
/*showcases*/
.indexcase h6 span {color: black !important;font-size: 18px;}
.indexcase .card .col-md-12 .btn{width: 180px;font-family: 'poppins';letter-spacing: 0;font-size: 14px;}
.indexcase .card-body .hvr-icon-forward{color: #8b8b8b;font-family: 'poppins', sans-serif;}
.indexcase .card-body .hvr-icon-forward:hover{color: rgb(0, 103, 169);}
.indexcase .form-control{border-radius: 25px !important;}
/*aboutenbon*/
.page-enbon .order-1 {position: relative;}
.page-enbon .order-1 .pageebsj{position: absolute;left: 0;
  top: 0px;display: inline-block;width: 10px;height: 10px;border-radius: 50%;border: 1px solid rgb(222, 171, 30);position: relative;margin-right: 2px;margin-bottom: 0px;}
.page-enbon .order-1 p{font-size: 16px;font-weight: 300;}
.page-enbon .order-1 .hvr-underline-from-left:before{height: 2px !important;}
.page-enbon .order-1 .mb-4{font-size: 18px;font-family: "poppins",sans-serif;}
.page-enbon .pageebbg img{width: 620px;}
.pageebbg{background-color: rgb(51, 69, 105);}
.pgmaerial .display-6{position: relative;padding-left: 20px;}
.pgmaerial h4::before{content: '';width: 3px;display: inline-block;height: 70px;background-color: rgb(222, 171, 30);vertical-align: middle;position: absolute;top: 5px;left: 0;}
.page-enbon .lh-lg {font-size: 18px !important;line-height: 2;letter-spacing: 0.5px;color: black;}
/*.page-enbon .align-items-stretch img {width: 114px;}*/
.page-enbon table tr{padding-top: 10px;padding-bottom: 10px;display: block;}
.page-enbon .abouttopimg .col-md-6 img{border-top-left-radius: 70px;border-bottom-right-radius: 70px;}
/*about???*/
 #aboutbanner{list-style: none;position: relative;padding: 0;left: 0;right: 0;bottom: 0;top: -80px;margin: auto;width: 1200px;height: 300px;margin-top: calc(50vh - 250px);cursor: pointer;}
 #aboutbanner li{float: left;position: absolute;left: 0;transition-duration: 0.4s;}
 #aboutbanner div{width: 30px;height: 10px;border: 1px solid rgb(156, 156, 156);bottom: -80px;position: absolute;background-color: black;}
 #aboutbanner .cur_img{width: 500px;height: 250px;border-radius: 10px;}
 #aboutbanner .img_Public{position: absolute;top: 0;bottom: 0;margin: auto;z-index: 100;}
 #aboutbanner .abt-left{left: 0;}
 #aboutbanner .abt-right{right: 0;}
.abtzs .card {min-height: 400px;display: flex;justify-content: center;align-items: center;border-radius: 10px;}
.abtzs p{font-size: 20px;margin-top: 5px;}
/*???֧??*/
.page-support .align-items-stretch .d-inline{background-color: rgb(237, 237, 237);border-radius: 5px;color: #727272;width: 78px;height: 23px;margin: auto;display: block;font-family: "Roboto", sans-serif;}
.page-support .align-items-stretch .d-flex img{width: 100px;height: 100px;}
.page-support .align-items-stretch p{font-family: "Roboto", sans-serif;}
.page-support .card .col-md-8 a{font-family: "Roboto", sans-serif;}
.page-support .card .col-md-8 p{font-family: "Roboto", sans-serif;}
.page-support .card .col-md-8 a:hover{color: white !important;}
.page-support .section .nav-tabs .nav-link{font-family: "Roboto", sans-serif;color: rgb(126, 126, 126);font-size: 16px;}
.page-support .section .nav-tabs .active{font-weight: 600;border: 1px dashed;}
.page-support .section .tab-content h4 a{color: #727272;font-size: 16px !important;}
/*inner-product*/
.inner .five-inner ol{padding-left: 0; font-family: "poppins", sans-serif;margin-bottom: 20px;font-weight: 300;}
.inner .five-inner ol li{list-style: none;position: relative;padding-left: 20px;margin-bottom: 3px;font-size: 16px;}
.inner .five-inner ol li::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 5px;height: 5px;background-color: black;border-radius: 50%;}
.inner .five-inner .badge1{width: 100px;background-color: rgb(223, 224, 226);border-radius: 15px;font-family: "poppins", sans-serif;color: #726363;font-weight: 300;text-align: center;}
.inner-product .text-center p{width: 60px;height: 2px;display: block;background-color: rgb(26, 96, 182);margin: 0 auto;margin-bottom: 18px;}
.inner #rekated .card a:hover{color: white;}
.inner-product .artags {display: flex;flex-wrap: wrap;}
.inner-product .five-inner .fs-3 span{width: 80px;}
/*aboutbrand*/
.page-about .brandbg{background-image: url(/web/allimg/230518/4-23051Q1063JO.jpg);}
.line1{width: 60px;height: 2px;background-color: #4e57d4;margin: 0 auto;}
.page-about .border-right{border-right: 1px solid darkgray;}
.page-about .icon1{ width: 38px;height: 38px;border-radius: 50%;background-color: rgba(220, 155, 63, 0.7);z-index: -1;}
/*  listsolu*/
.listsolu .card-body h5 span{color: black !important;}
.listsolu .card-body p{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
/*articlesolu*/
.articlesolu .card-title span{color: rgb(103, 103, 103) !important;overflow: hidden;
  text-overflow: ellipsis;}
.articlesolu .section .border-0 .col-md-2 a{background-color: rgb(233, 233, 233);color: rgb(103, 103, 103);}
.articlesolu .section .border-0 .col-md-2 a:hover{background-color: rgb(126, 126, 126);color: white;}
/*newcenter*/
.newcenter .topcard {width: 100%;height: 100%;border-top-left-radius: 70px;border-bottom-right-radius: 70px;
  overflow: hidden;}
.newcenter .card .btn{width: 63px;height: 25px;border-color: rgb(233, 233, 233);border-radius:15px;color:black;font-weight: 100 !important;}
.newcenter .Myriad .justify-content-between .badge{background-color: #C0C0C0 !important;color: white;font-weight: 100 !important;font-family: "Roboto",sans-serif;width: 100px;}
.newcenter .col-md-4 .card-title span{color: black !important;}
.newcenter .col-md-4 .card{
  border-top-left-radius: 50px;border-bottom-right-radius: 50px;
  overflow: hidden;}
.newcenter .col-md-6 .mt1-auto{margin-top: 120px ;}
.newcenter .justify-content-between small{color: #a9a9a9;}
.social-share-buttons {display: flex;justify-content: flex-end;}
.social-share-buttons a {display: flex;align-items: center;justify-content: center;width: 33px;height: 33px;border-radius: 50%;background-color: #ffffff;margin-left: 5px;transition: background-color 0.3s ease-in-out;margin-bottom: 5px;}
.social-share-buttons a:hover {background-color: #e0e0e0;}
.social-share-buttons i {color: #333; font-size: 22px; transition: color 0.3s ease-in-out;}
.social-share-buttons a:hover i {color: #007bff; }
/*productioncap*/
.page-capacity .cap1 .card .border-0{position: relative;height: 135px;}
.page-capacity .cap1 .card .border-0::after{content: "";position: absolute;top: 38px;right: 0;height: 100%;width: 2px;background-color: rgb(89, 89, 89);}
.page-capacity .cap1 img{border-top-left-radius: 50px;border-bottom-right-radius: 50px;}
.page-capacity tbody tr{font-size: 1rem !important;font-weight: 600 !important;color: rgb(102, 102, 102);}
.page-capacity tbody td{padding: 1rem;padding-right: 2rem;padding-left: 2rem;}
.page-capacity table tr:nth-child(even){background-color: rgb(255, 255, 255);box-shadow:0 4px 4px rgba(0, 0, 0, 0.1);}
/*pagematerial*/
.page-material .pagemte1 .card{border-top-left-radius: 60px;border-bottom-right-radius: 60px;overflow: hidden;}
.page-material .pagemte1 img{width: 170px;}
.page-material .col-md-4 .card{height: 485px;width: 100%;margin-top: 35px;}
.page-material .col-md-4 .card p{font-weight: 300;overflow: hidden;overflow-y: scroll;max-height: 195px;}.page-material .col-md-4 .card h2{font-family: "Roboto", sans-serif;}
/*Quality Certification*/
.page-cert .section .col-md-12 h2::after{
content: "";position: absolute;left: 0;bottom: -15px;width: 87px;height: 2px;background-color: black;}
.page-cert .col-md-6 .fs-2{line-height: 1.4 !important;}
/*PATENTCERTIFICATION*/
.page-patent .card-patent{border-top-left-radius: 50px;border-bottom-right-radius: 50px;min-height: 555px;}
.page-patent .btn-patent{background-color: rgb(241, 244, 249);color: rgb(103, 103, 103);}
.page-patent .patenta .nav-pills .active{background-color: rgb(0, 102, 203);color: white;}
.page-patent .patenta .fs-2{line-height: 1.3 !important;}
.page-patent .patenta .tab-content p{height: 140px;overflow: hidden;overflow-y: scroll;font-family: "Roboto", sans-serif !important;color: rgb(103, 103, 103) !important;}
.page-patent .patenta .tab-content .col-md-3 {text-align: center;}
/* page*/
.page .row-cols-md-5 .card:hover{animation:  move 1s;}
.page .page-icon1 .card:hover{animation:  move 1s;}
.page .row-cols-md-5 .card{border-radius: 50%;height: 220px !important;width: 220px !important;}
.page .row-cols-md-5 .card .icon-ty{width: 60px;height: 60px;}
.page .page-icon1 .hvr-sweep-to-top::before{background-color: #206bc4;}
.page .page-icon1 .card:hover .icon-body{stroke: rgb(255, 255, 255);}
.page .page-icon1 .card{border-top-left-radius: 50px;border-bottom-right-radius: 50px;overflow: hidden;}
.page .page-icon2 .card{position: relative;}
.page .page-icon2 .card .pageicon2-img{position: absolute;top: 0;left: 0;z-index: 1;overflow: hidden;transition: 0.5s ease-in-out;width: 100%;height: 100%;background-color: rgba(237, 237, 237, 1.0);}
.page .page-icon2 .card:hover .pageicon2-img{
    width: 150px;height: 150px;left: -75px;top: calc(50% - 75px);transition: 0.5s ease-in-out;background-color: rgba(131, 178, 255, 1.0);border-radius: 10px;color: white;padding: 10px;padding-top: 0;}
.page .page-icon2 .card .pageicon2-img:before{content: attr(data-text);position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;text-align: center;font-size: 22px;color: rgba(0, 0, 0, 1.0);font-weight: 700;padding-top: 110px;}
.page .page-icon2 .card .pageicon2-img .icon-ty{
    min-width: 100px;transition: 0.5s ease-in-out;padding-top: 20px;}
.page .page-icon2 .card:hover .pageicon2-img .icon-ty{
    min-width: 75px;
}
.page .page-icon2 .card .content{right: 0;width: calc(100% - 0px);height: 100%;padding: 20px;justify-content: center;align-items: center;padding-left: 100px;}      
/*job*/
.page-job .jobbody .active{color: blue;}
.page-job .jobbody .jobtitle{height: 85px;border-radius: 5px;background-color: rgb(27, 94, 181);}
.page-job .card-job{background-color:rgb(245, 245, 245);}
.page-job .jobbody .card-header{display: block !important;}
.page-job .jobbody ul li{font-weight: 300;font-size: 16px;line-height: 1.2;margin-bottom: 8px;}
.page-job .jobbody .icon{font-size: 16px;margin-left: 3px;}
.page-job .jobbody h3{font-weight: 300 !important;font-size: 22px;}
/*Product Support*/
.prosupport .col-md-3 .card{
  background-color: rgb(27, 94, 181) !important;border-radius: 20px;}
.prosupport .col-md-3 .card .active{font-weight: 600 !important;}
.prosupport .col-md-3 .card .active::after{content: "";position: absolute; bottom: 0px; width: 218px;height: 2px;background-color: #fff;}
.prosupport .col-md-9 a:hover{color: rgb(27, 94, 181);}
.listproduct .card-title1 a span{color: black !important;font-family: 'poppins', sans-serif;font-size: 16px;}
.prosupport .col-md-9 .card a span{color: #4a4a4a !important;}
/*ͼƬ?Ŵ????*/
.scaleimg{overflow: hidden;}
.scaleimg img{transition: transform 0.5s ease;}
.scaleimg img:hover{transform: scale(1.1);}
.hvr-overline-from-center:before{z-index: 3;}
/*??????˵?*/
/*ͼ???*/
.icon1-mb{fill: none;stroke: black;stroke-width: 6;stroke-linecap: round;}
.icon1-mbb{fill: none;stroke: white;stroke-width: 8;stroke-linecap: round;}
.icon1-zs{fill: none;stroke: rgb(25, 95, 181);stroke-width: 8;stroke-linecap: round;}
    @keyframes move {0%{stroke-dasharray: 0, 600px;}100%{stroke-dasharray: 600px, 0;} }
    .page-support .align-items-stretch .col-md-3 .position-relative:hover{animation: move 1s;}
    .icon-mb{width: 100px;height: 100px;}
    .icon-mba{width: 164px;height: 164px;}
    .icon-mba:hover{animation:  move 1s;}
    .icon-mbb{width: 114px;}
    .page-enbon .align-items-stretch .col-12:hover{animation:  move 1s;}
    .icon-mbc:hover{animation:  move 1s;}
    .icon-zs{height: 100px;color: #195fb4;}
    .single-agency .zsicon .card:hover{animation:  move 1s;}
    .page-contact .Support-right .col-6:hover{animation:  move 1s;}
/*    ????*/
  .page-download .col-md-8 .link-dark span{color: black !important;font-size: 20px;}
/*  single-agency*/
    .single-agency .agency-bg{background: url(/web/allimg/231109/4-2311091551155E.webp) no-repeat;height: 70vh;background-size: cover;}
    .single-agency .nav-item p.active{color: rgb(27, 95, 180) !important;font-weight: 600 !important;}
    .single-agency .nav-item p.active::after{content: "";display: block;height: 1px;background-color: rgba(27, 95, 180, 1.0);position: relative;top: 2px;}
    .single-agency .zsicon .display-6 {font-size: 1.8rem;line-height: 1.2;}
     .single-agency .indexsolu .tab-content>.active{display: block;opacity: 1;}
     .single-agency .form-floating1 p{text-align: left !important;margin-bottom: 0 !important;padding-bottom: 0 !important;font-family: 'roboto', sans-serif;padding-left: 13px;}
     .single-agency .pt-3{padding-top: 1.5rem !important;}
    .single-agency .Enterprise{width: 100%;background: url(/web/allimg/230803/4-230P31P55UO.webp) center no-repeat;min-height: 110vh;background-size: cover;}
    .single-agency .bg-info-subtle{background: url(/web/allimg/230803/4-230P31P623421.webp) center no-repeat;background-size: cover;width: 100%;}
    .single-agency .hvr-sweep-to-top:hover .icon1-zs{stroke:rgb(255, 255, 255);stroke-width: 15;}
    .single-agency .hvr-sweep-to-top .icon1-zs{fill: none;stroke: rgb(25, 95, 181);stroke-width: 15;stroke-linecap: round;}
    .single-agency .white-box img{width: 120px;height: 120px;}
    .single-agency .white-box .icon-zs2{width: 120px;height: 120px;}
    .single-agency .white-box .icon1-zs{fill: none;stroke: rgb(105, 172, 255);stroke-width: 15;stroke-linecap: round;}
    .single-agency .zstxt1 .col-md-6 h5{ position: relative;display: inline-block;padding: 0.5em 1em;color: white;z-index: 1;font-size: 16px;}
    .single-agency .zstxt1 .col-md-6 h5::before,
    .single-agency .zstxt1 .col-md-6 h5::after {content: '';position: absolute;top: 0;bottom: 0;width: 170px;background-color: rgba(39, 117, 215, 1.0);z-index: -1;}
    .single-agency .zstxt1 .col-md-6 h5::before {left: 0;border-top-left-radius: 999px;border-bottom-left-radius: 999px;}
    .single-agency .zstxt1 .col-md-6 h5::after {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white);}
.single-agency .zstxt1 p{letter-spacing: -.5px}
.single-agency .Enterprise .col-md-3 p{line-height:1.25 !important;}
.single-agency .section:nth-child(5) .card{min-height: 0px;}
.single-agency .hvr-sweep-to-top:before{
    background-color: #206bc4;}
.single-agency .hvr-sweep-to-top:hover .display-3{color:white !important; }
.single-agency .hvr-sweep-to-top:active .fa-fw, .hvr-sweep-to-top:focus .fa-fw, .hvr-sweep-to-top:hover .fa-fw{color: #fff!important;}
.single-agency .bg-gradient{font-family: 'poppins',sans-serif;}
.single-agency .hvr-sweep-to-top:hover .icon-zs{animation:  move 1s;}
.single-agency .Enterprise .icon-zs2:hover{animation:  move 1s;}
/*    contact*/
   .page-contact .col-md-6 strong{font-size: 16px;}
   .page-contact .enbon-map .col-md-5 .p-1 img {visibility: hidden;transform: translateY(-50%);opacity: 0;transition: visibility 0.6s, opacity 0.6s, transform 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);}
   .page-contact .enbon-map .col-md-5:hover .p-1 img {visibility: visible;opacity: 1;transform: translateY(0);}
   .page-contact .enbon-map .col-md-5 .p-3 {transform: translateY(-100%);line-height: 100%;transition: transform 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);}
   .page-contact .enbon-map .col-md-5:hover .p-3 {
      transform: translateY(10px);}
   .page-contact .enbon-map .col-md-5 .p-3 .fs-2{color: rgb(93 92 92);font-size: 20px !important;line-height: 1.5;
    font-weight: 100;}
   /*   page agent*/
   .page-agent .agentbg1{background: url(/web/allimg/230731/4-230I11IA0161.jpg) no-repeat;height: 100vh;background-size: cover;width: 100%;position: relative;}
   .page-agent .agentbg1 .position-absolute{top: 40%;}
/*   listsoft*/
 .list-soft .col-md-9 .card-title span{color: black !important;}
 .list-group-i {position: relative;}
.list-group-i::after {
  content: "";position: absolute;bottom: 0;left: 0;
  right: 0;height: 1px;background: linear-gradient(to right, rgba(211, 211, 211, 0), rgba(211, 211, 211, 1), rgba(211, 211, 211, 0));}
/*  article-content*/
.article-content img{border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;width: 100%;}
    .article-content span{color: #3f3f3f !important;}
/*articlesolu*/
.articlesolu .text-a ol{font-size: 22px;list-style-type: none;}
.articlesolu .text-a ol li{color: rgb(130, 130, 130);margin-top: 10px;}
.articlesolu .text-a ol li::before{ content: "";display: inline-block;width: 5px;height: 5px; background-color:rgb(140, 140, 140);border-radius: 50%;margin-right: 5px;margin-bottom: 5px;}
/*article*/
.article .col-md-3 .icons::before{content: "";position: absolute;left: 5px;top: 50%;transform: translateY(-50%);width: 5px;height: 5px;background-color: black;border-radius: 50%;}
/*solution_stage*/
.slstage .ban_1 {width: 100%;height: 80vh;background: url(/web/img/stagebg.webp) no-repeat;background-size: cover;}

.solution_tongyong .ban_2 .slider_box1 .slider_imgs{background: url(/web/img/az.webp) no-repeat;background-size: cover;height: 60vh;position: relative;}
.solution_tongyong .ban_2 .slider_box2 .slider_imgs{background: url(/web/img/duibi.webp) no-repeat;background-size: cover;height: 60vh;position: relative;}
.solution_tongyong .ban_2 .slider_box3 .slider_imgs{background: url(/web/img/fangshui.webp) no-repeat;background-size: cover;height: 60vh;position: relative;}
.slstage .ban_3  .container3 {width: 100%;height: 400vh;margin: 0;padding: 0;position: relative;}
.slstage .ban_3 .st_watch {position: sticky;top: 0;left: 0;height: 100vh;background-size: cover;background-position: center;transition: background-image 0.1s;}
.slstage .ban_3 .fade-in-text {opacity: 0;font-size: 14px;transition: opacity 0.5s ease, font-size 0.5s ease;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 100;color: white;}
.slstage .ban_3 .fade-in-text.active {opacity: 1;font-size: 36px;z-index: 100;}
.slstage #stageCanvas{position: relative;}
/*solutiontongyong*/
.solution_tongyongindoor .ban_5 .service-item .align-items-center{padding: 2rem !important;}
.solution_tongyong .ban_2 .slider_box{  display: none;animation: fadeInOut 1s ease;
}
.solution_tongyong .ban_2 .slider_box.active{ display: block;animation: fadeInOut 1s ease;
    }
@keyframes fadeInOut {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}
.solution_tongyong .ban_5 .display-6{font-weight: 500;}
.solution_tongyong .ban_2 .card{background: rgba(255, 255, 255, 1);}
.solution_tongyong .ban_2 ul {height: 100%;margin-bottom: 0 !important;}
.solution_tongyong .ban_2 ul li {list-style: none;background-color: rgba(255, 255, 255, 1.0); border-right: 1px solid rgba(241, 235, 235, .9);display: flex; align-items: center; justify-content: center;height: 100px; }
.solution_tongyong .ban_2 ul li p{color:rgba(18, 55, 176, 1.0); }
.solution_tongyong .ban_2 .hvr-sweep-to-right:before {background:rgba(18, 55, 176, 1.0);}
.solution_tongyong .ban_2 ul li:hover .left_nav p {color: white !important;}
.solution_tongyong .ban_6 h5 span{color: #676161 !important;}
.solution_tongyong .ban_s img{height: 600px;}
.solution_tongyong .ban_s{background-color: rgba(35, 35, 35, 1.0);}
.solution_tongyong .ban_s .col-md-8 .card{border-radius: 15px !important;}
.solution_tongyong .ban_s .col-md-8 .card img{border-radius: 15px;}

/*solution_3d*/
.naked .ban_1 {width: 100%;height: 80vh;background: url(/web/img/ly3dbg-1.webp) no-repeat;background-size: cover;}
.solu-hover-img {position: relative; height: 700px;overflow: hidden; }
.solu-hover-img img {position: absolute; top: 0;left: 0;width: 100%; height: 100%; transition: transform 0.3s ease; }
.naked .ban_3:hover .naked-img2 {animation: shakes 1s infinite; }
@keyframes shakes {0% {transform: translateY(-2px);}
        50% {transform: translateY(2px);}
        100% {transform: translateY(-2px); }}

/*solution_mall*/
.slmall .ban_1{width: 100%;height: 80vh;background: url(/web/img/sc1.webp) no-repeat;background-size: cover;}
.slmall .ban_3 .col-md-6 {left: 15%;}
/*slbuilding*/
.slbuilding .ban_1{width: 100%;height: 80vh;background: url(/web/img/ldbg-4.webp) no-repeat;background-size: cover;}
/*slstadium*/
.slstadium .ban_1{width: 100%;height: 80vh;background: url(/web/img/tycgbg-1.webp) no-repeat;background-size: cover;}
/*slbillboard*/
.slbillboard .ban_1{width: 100%;height: 80vh;background: url(/web/img/ggpbg-1.webp) no-repeat;background-size: cover;}
/*slcar*/
.slcar .ban_1{width: 100%;height: 80vh;background: url(/web/img/czbg-1.webp) no-repeat;background-size: cover;}
.church .ban_1{width: 100%;height: 80vh;background: url(/web/allimg/solu-indoor/church-bg.webp) no-repeat;background-size: cover;}
.solution_tongyongindoor .ban_2 .slider_box3 .slider_imgs{background: url(/web/allimg/solu-indoor/energy.webp) no-repeat;background-size: cover;height: 60vh;position: relative;background-position: center;}
.drama .ban_1{width: 100%;height: 80vh;background: url(/web/allimg/solu-indoor/drama-bg.webp) no-repeat;background-size: cover;}
.speech .ban_1{width: 100%;height: 80vh;background: url(/web/allimg/solu-indoor/fbh-bg.webp) no-repeat;background-size: cover;}
.inmall .ban_1{width: 100%;height: 80vh;background: url(/web/allimg/solu-indoor/inmall-bg.webp) no-repeat;background-size: cover;}
.xr .ban_1{width: 100%;height: 80vh;background: url(/web/allimg/solu-indoor/xrbg.webp) no-repeat;background-size: cover;}
.traffic .ban_1{width: 100%;height: 80vh;background: url(/web/allimg/solu-indoor/traffic3.webp) no-repeat;background-size: cover;}
.project {position: relative;}
.project .overlay {background: linear-gradient(to bottom, rgba(9, 32, 50, 0.0), rgba(9, 32, 50, 0.8));position: absolute;width: 100%;height: 240px;bottom: 0;left: 0;}
.project .content {position: absolute;width: 100%;bottom: 0;left: 0;padding: 32px;}
.project h1,
.project h6 {
color: #fff;}
.project h6 {font-size: 14px;text-transform: uppercase;letter-spacing: 1px;}
.project h6:before {content: '';height: 2px;width: 24px;background-color: #ff4d29;display: inline-block;vertical-align: middle;margin-right: 12px;}
.project img {height: 400px;background-size: cover;background-position: center;}
.project-slider .owl-nav{opacity:0;}

/*article-cases*/
.article-cases .carousel-inner::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0);transition: background-color 0.3s ease;}
.article-cases .carousel-inner:hover::before {background-color: rgba(0, 0, 0, 0.8);z-index: 1;}
.article-cases .carousel-inner h2 {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: white;font-size: 32px;font-weight: 100;line-height: 1.5;
opacity: 0;transition: opacity 0.3s ease;z-index: 20;}
.article-cases .carousel-inner:hover h2 {opacity: 1;}
.article-cases .col-md-6 i{color: #8b8b8b;}
.article-cases .carousel button{z-index: 99;}
.article-cases .carousel-inner img{height: 500px;}
.article-cases .icon-cases{width: 100px;height: 100px;}
.article-cases .card-body .col-md-4:hover{animation:  move 1s;}
/*ceo*/
.ceo .photo{background: url(/web/img/ceotop.webp);background-size: cover;background-position: center;height: 220px;width: 100%;}
.ceo .ban_1{margin-top: 70px !important;}
.ceo .photoimg .ceo-imgs{width: 163px;height: 163px;border-radius: 50%;border: 5px solid rgb(56, 90, 255);}
.ceo .headphotos{top: 60%;right: 40%;}
.ceo .photoimg .enbonlogo img{width: 50px;height: 50px;border-radius: 50%;border: 5px solid rgb(255, 255, 255);}
.ceo .social-Media .ceo-ico{width: 40px;height: 40px;}
.ceo .social-Media .icon {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;border-radius: 50%;background-color: #7c84e3;transition: background-color 0.3s ease; }
.ceo .social-Media .icon i{color: white;}
.ceo .social-Media .icon:hover {
  background-color: #007acc; }
.ceo .ceo-body{padding-top: 7rem !important;}
.ceo .ceo-foot img{border-radius: 10px;margin: 10px;}
.ceo .social-Media .col-md{margin: 5px;}
.product-x .card-tops{border-top-left-radius: 70px;
border-bottom-right-radius: 70px;overflow: hidden;}
.product-x .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
color: #ffffff;
background-color: rgb(8 83 173 / 80%);}
.product-x .nav-pills .nav-link:hover{color: #ffffff;
background-color: rgb(8 83 173 / 80%);}
.product-x .display-6{color: rgb(25, 95, 180);}
.product-x .ban_1{background: url(/web/allimg/enbon-x/product-x-bg.webp);background-size: cover;background-position: center;height: 80vh;width: 100%;}
.blog .bg-f7 .col-md-4 h5 a:hover{color: rgb(33, 93, 168);}
.index .carousel-indicators [data-bs-target] {box-sizing: content-box;flex: 0 1 auto;width: 15px !important;height: 10px !important;padding: 0;margin-right: 3px;margin-left: 3px;text-indent: -999px;cursor: pointer;background-color: #fff;background-clip: padding-box;border: 0;border-radius: 15px !important;opacity: .5;transition: opacity .6s ease;}
.index .carousel-indicators .active {opacity: 1;width: 25px !important;background-color: rgb(25, 95, 180);transition: all 0.5s;}
.index .carousel-control-next, .carousel-control-prev {height: 50px;width: 50px;top: 50%;border-radius: 50%;background: #ffffff1f;}
.index .carousel-indicators{z-index: 1;}
.noban{height: 80px;}

@media (max-width: 1789px) {
  .product-left-top img,
  .product-bottom img{width: 250px;}
  .product-content-left img,
  .product-content-right img{width: 280px;}
  .product-right-top img,
  .product-bottom-right img{width: 280px;}
}
@media (max-width:991px){
  .header a.icon{width: auto;height: auto;line-height: auto;padding: 0 1rem!important;}
  .header a.icon i{font-size: 2rem;}
  .ceo .headphotos{top: 60%;right: 32%;}
  #aboutbanner .cur_img{width: 300px;height: 280px;}
  /*  head nav*/
  .header .sonav{width: 100%; justify-content:center;border-radius: 5px; margin-top: 10vh;padding-bottom: 40px;}
  .header #navheader{overflow: auto;height: calc(100vh - 40px);padding: 0;position: relative;}
  .header .navbar-collapse .navbar-nav{padding-left: 60px;padding-top: 30px;width: 100%;margin-right: 0px !important;padding-right: 40px;}
  .header .navbar-collapse .navbar-nav .me-auto{margin-right: 0 !important;}
  .header .navbar .mobile-nav-logo{width: 100% !important;margin-top: 0;}
  .header .navbar .mobile-nav-logo1{display: flex;align-items: center; width: 100% !important;}
  .ban .img-fluid{height: 55vh;}
  .nav-item1{display: none !important;}
  .nav-item2{display: none !important;}
  .nav-item3{display: none !important;}
  .nav-item4{display: none !important;}
  .nav-item5{display: none !important;}
  .nav-item33{display: none !important;}
  /*   foot*/
  .footer .col-6{text-align: center;}
  .footer .col-6 .mb-4{margin-bottom: 1rem!important;text-align: left;padding-left: 20px;}
  .footer .col-4{margin-bottom: 10px;}
  .footer .border-top{padding-bottom: 20px;display: block !important;text-align: center;}
  /*   inner-product*/
  .inner-product .justify-content-center {margin-top: 20px;}
  .inner-product .mt-5{margin-top: 1rem!important;}
  .inner-product h1{margin-top: 0px;margin-bottom: 5px !important;}
  .inner-product .pt-4{padding-top: 1rem!important;}
  .inner-product .five-inner .mb-4{margin-bottom: 1.25rem!important;}
  .inner-product .five-inner .fs-3{font-size: 1.25rem!important;margin-top: 5px;line-height: 1;}
  .inner-product .table-mobile-title{text-align: center;}
  .inner .five-inner ol li{list-style: none;position: relative;padding-left: 20px;margin-bottom: 3px;font-size: 16px;}
  .inner .five-inner ol li::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 3px;height: 3px;background-color: black;border-radius: 50%;}
  #carouselpro .carousel-indicators {display: flex !important;flex-direction: row !important;flex-wrap: nowrap;}
}
@media (max-width:768px){
  .product-x .p-4{padding: 1rem !important;}
  .ceo .headphotos{top: 60%;right: 26%;}
  .py-5{padding-top: 2rem!important;
  padding-bottom: 2rem!important;}
  .px-5 {
  padding-right: 2rem !important;
  padding-left: 2rem !important;}
  .pcollect .row>.col-md-12:nth-child(even) .col-md-6:first-child{order: 1;}
  .pcollect .row>.col-md-12:nth-child(even) .col-md-6:last-child{order: 2;}
  .page-user .user .card{height: calc(100vh - 4.5rem);}
  .page-user .user .list-group{flex-direction: row;overflow-x:auto;}
  .page-user .user .list-group .list-group-item{padding: .5rem;}
  .page-user .user .list-group .list-group-item .fa-2x{font-size: 1rem;}
  .page-user .user .list-group .list-group-item h5{font-size: 1rem;}
  .page-user .user .col-md-9 .us-head td{text-align: center;}
  .page-user .user .border-end .p-3{text-align: center;}
  .page-user .user .border-end .p-3 img{height: 60px;}
  .page-user .user .px-3{padding-right: 0.75rem!important;
  padding-left: 0.75rem!important;}
  .page-user .user .py-5{padding-top: 2rem!important;
  padding-bottom: 2rem!important;}
  /*   index*/
  .index .slider-inpro .leftpro{margin-top: 2rem !important;}
  .index .inews .mt-4{margin-top: 0 !important;}
  .slider-inpro {max-height: none;height: 1600px;}
  .index .inews .nav-pills li{margin-right: 5px;}
  .index .inews .nav-pills button{margin: 0 !important;padding: 5px 7px 7px;font-size: 12px;}

  .productindex .product-tops{padding-left: 5vw;padding-right: 5vw;}
  .productindex .product-tops .product-topsbox{background: conic-gradient(from 45deg, rgb(230,230,230), rgb(234,234,234), rgb(238,238,238), rgb(240,240,240));width: 100%;border-radius: 10px;overflow: hidden;transition: background-color 0.3s ease, transform 0.3s ease;}
  .productindex .product-tops .product-topsbox:hover {
  background: conic-gradient(from 45deg, rgb(143 138 221), rgb(120 134 227), rgb(214 221 233), rgb(200 148 247)); 
  }
  .productindex .product-tops{padding-left: 1vw;padding-right: 1vw;}
  .product-right-top {height: 49vh;width: 49% !important;margin-right: 10px;}
  .product-bottom-right{height: 49vh;width: 49% !important;margin-left: 10px;}
  .product-left-top{height: 25vh;}
  .product-content-left{height: 49vh;}
  .product-content-right{height: 49vh;}
  .product-bottom{height: 25vh;}
  .product-left-top img,
  .product-bottom img{width: 130px;}
  .product-content-left img,
  .product-content-right img{width: 130px;}
  .product-topsbox h5{font-size: 12px !important;}
  .product-topsbox .display-5{font-size: 1.5rem !important;}
  .product-tops .col-md-4{display: flex;margin-top: 20px;margin-bottom: 20px;}
  .product-topsbox .linka{color: #858585;font-size: 14px;}
  .product-topsbox .pt-4,
  .product-topsbox .pt-5{padding-top: 1rem !important;}

  .page-capacity .cap1 .card .border-0::after{content: "";position: absolute;top: 120%;left: 30%;height: 2px;width: 135px;background-color: rgb(89, 89, 89);}
  .page-capacity tbody td{padding: 0;padding-right: 0;padding-left: 0;}
  .point{position: absolute;}
  .btnnext{top: 20px;right: 10px;}
  .pc{display: none;}
   .slbgm{width: 100%;height: 80vh;}
   .solum{display: block;}
  .solubox1{top: 45%;left: 4%;}
  .solubox2{top: 73%;left: 34%;}
  .solubox3{top: 89%;left: 44%;}
  .solubox4{top: 20%;left: 17%;}
  .solubox5{top: 38%;left: 48.5%;}
  .solubox6{top: 7%;left: 64.5%;}
  .solubox7{top: 28%;left: 68.5%;}
  .solubox8{top: 52%;right: 5%;}
  .solubox9{top: 60%;left: 25%;}
  .solubox10{top: 60%;left: 65%;}
  .solubox11{top: 33%;left: 25%;}
  .solubox12{top: 45%;left: 49%;}
  .solubox13{top: 18%;left: 50%;}
  .solubox14{top: 73%;left: 40%;}
  .outsolution .btnnext,
  .insolution .btnnext{right: 5%;top: 0%;}
  /*about???*/
  #aboutbanner .cur_img{width: 300px;height: 200px;}
  #aboutbanner{list-style: none;position: relative;padding: 0;left: 0;right: 0;bottom: 0;top: -100px;margin: auto;width: 300px;height: 200px;margin-top: calc(50vh - 250px);cursor: pointer;overflow: hidden;}
  .abtzs .card{height: 480px;}
  .inner-product .Myriad .col-md-3 .carousel-indicators{flex-direction: row !important;}
  .inner-product .artags {display: flex;flex-wrap: wrap;}
  .inner-product .artags .badge1{white-space: normal;width: 85px;text-align: center;font-size: 12px;}
  .header .navbar{font-family: "poppins", sans-serif;}
  .header .navbar .navbar-nav .navtitle{font-size: 1.2rem!important;font-weight: 600 !important;}
  /*  about*/
  .page-enbon .col-md-6 .display-5{margin-top: 10px;}
  .page-enbon .order-1 .pageebsj {position: absolute;left: 0;top: 0px;display: inline-block;width: 10px;height: 10px;
  border-radius: 50%;border: 1px solid rgb(222, 171, 30);position: relative;margin-right: 2px;margin-bottom: 0px;}
  .page-enbon .col-md-12 .logo-fines{line-height: 1.25 !important;}
  .page-enbon .lh-lg {line-height: 1.5 !important;padding-left: 15px;padding-right: 15px;}
  .page-enbon .pageebbg .icon-mbb{width: 90px;height: 120px;}
  .page-about .ord-1{order: 1 !important;}
  .page-about .ord-2{order: 2 !important;}
  .page-about .ord-3{order: 3 !important;}
  .page-about .ord-4{order: 4 !important;}
  .page-about .ord-5{order: 5 !important;}
  .page-about .ord-6{order: 6 !important;}
  .page-about .ord-7{order: 7 !important;}
  .page-about .ord-8{order: 8 !important;}
  .page-about .ord-9{order: 9 !important;}
  .page-about .ord-10{order: 10 !important;}
  .page-about .ord-11{order: 11 !important;}
  .page-about .ord-12{order: 12 !important;}
  .page-about .py-md-5 img{margin-top: 15px;margin-bottom: 15px;}
  /* header new start */
  .header .navbar .navbar-collapse.collapse.show{display: flex;}
  .ban .img-fluid{height: 40vh;}
  .prosupport .col-md-9 .ps-4{
  padding-left: 0px !important;margin-top: 10px !important;}
  .display-5{font-size: 1.8rem !important;}
  .jobbody .fs-1{font-size: 1rem !important;}
  .jobbody h3{font-size: 14px !important;}
  .jobbody .col-3{padding-left: 0.5rem;padding-right: 0.5rem;padding-bottom: 0.5rem;padding-top: 0.5rem;}
  .jobbody .card-header{padding: 0 !important;}
  .productindex .slide1 .mt1-sm-2{margin-top: 13px;}
  .indexcase .p-4{padding: 0 !important;}
  .indexcase .service-item .col-md-12 a{margin-left: 10px !important; margin-right: 3px !important; margin-top: 2px !important; padding: 5px !important;}
  .indexcase .card .col-md-12 .btn{width: auto;font-size: 12px;}
  .indexcase .card .col-md-12{display: grid;grid-template-columns: 1fr 1fr;}
  .pcollect .badge {aspect-ratio: 1/1;
  border-radius: 50% !important;height: 100%;transform: translate(-50%, -50%) !important;top: 50% !important;right: 0;padding-top: 9px;padding-right: 0px !important;padding-left: 0px !important;}
  .pcollect .btn-outline-dark {width: 95px;}
  .inner-product .five-inner .align-items-center .badge{padding-right: 1rem !important;font-size: .75rem!important;}
  .listproduct .card .card-body .fs-3{ display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
  .display-6{font-size: 1.5rem;}
  .fs-2{font-size: 1.1rem !important;}
  .newcenter .col-md-6 .mt1-auto{margin-top: 30px;}
  .newcenter .col-md-4 .card-title span{font-size: 18px;}
  .nav-item1{display: none !important;}
  .nav-item2{display: none !important;}
  .nav-item3{display: none !important;}
  .nav-item4{display: none !important;}
  .nav-item5{display: none !important;}
  .nav-item33{display: none !important;}
  .nav-item17{display: none !important;}
  /*   foot*/
  .footer .col-6 dl{text-align: left;padding-left: 15px;font-size: 12px;}
  .footer .col-6 h5{text-align: left;padding-left: 15px;}
  /*  Support*/
  .page-support .card .col-md-8{text-align: center;}
  .page-support .section .nav-tabs .nav-link{font-size: 14px;}
  /*  brand*/
  .page-about .brandbg h2{text-align: center;margin-top: 0.5rem !important;}
  .page-about .brandbg .line1{margin: 0 auto !important;}
  .page-about .brandbg .mb-3{margin-top: 1rem !important;} 
  .page-about .story .text-center {margin-bottom: 0.5rem !important;}
  .page-about .border-right img{width: 300px !important;}
  .page-about .py-md-4 .px-3{text-align: center !important;}
  /*  single-agency*/
  .single-agency .agency-bg .display-2{font-size: 2.5rem;}
  .single-agency .agency-bg .img-circle {width: 50px;height: 50px;border-radius: 50%;border: 2px solid white;overflow: hidden;display: flex;justify-content: center;text-align: center;margin-top: 10px;}
  .single-agency .pt-5{padding-top: 2rem !important;}
  .single-agency .nav-pills .nav-item .me-5{margin-right: 0.5rem !important;}
  .single-agency .py-5{padding-top: 2rem !important;padding-bottom: 1rem !important;}
  .single-agency .patenta .mt-4{margin-top: 1rem !important;margin-bottom: 1rem !important;}
  .single-agency .card .col-md-4 .p-5{padding: 2rem !important;}
  /*    .single-agency .white-box{width: 100px;height: 100px;}*/
  .single-agency .white-box img{width: 100px;height: 100px;}
  .single-agency .Enterprise {min-height: 130vh;}
  .single-agency .section:nth-child(10) .col-md-4{padding-right: 0.5rem !important;padding-top: 0.5rem !important;}
  .single-agency .section:nth-child(5) .card{min-height: 210px;margin-bottom: 5px;}
  .single-agency .section:nth-child(9) .card{margin-bottom: 10px}
  .single-agency .agency-bg .top-50 {top: 300px !important;}
  .single-agency .py-md-5 .fs-1{font-size: 1.2rem !important;}
  .single-agency .agency-bg{background: url(/web/allimg/230725/4-230H5110Q4934.webp) center;
  height: 70vh;
  background-size: cover;}
  .single-agency .single-title{text-align: left !important;}
  .single-agency .agicons .display-3{font-size: 2rem;}
  .single-agency .zstxt1 .card>.d-flex{flex-direction: column;}
  .single-agency .zsicon .display-6{font-size: 1.4rem;}
  .footer .d-flex .mb-0{display: grid;grid-template-columns: 1fr 1fr;gap: 0px;text-align: center;padding-left: 10px;}
  .footer .d-flex .mb-0 .me-3{margin-right: 0px !important;}
  .footer .d-flex .mb-0 a{text-align: left;margin-bottom: 5px;margin-left: 0px;}
  .articlesolu .actbody .col-md-10 .row{margin-top: 0 !important;}
  /*    page*/
  .page .page-icon2 .card{
  flex-direction: column;height: auto;padding: 0 !important;}
  .page .page-icon2 .card .pageicon2-img{position: relative;}
  .page .page-icon2 .card .pageicon2-img,
  .page .page-icon2 .card:hover .pageicon2-img{width: 100%;left: 0;}
  .page .page-icon2 .card .pageicon2-img .icon-ty,
  .page .page-icon2 .card:hover .pageicon2-img .icon-ty{
      min-width: 100px;}
  .page .page-icon2 .card .content{position: relative;width: 100%;padding: 10px;}
  .page .row-cols-md-5 .card {border-radius: 50%;height: 150px !important;width: 150px !important;}
  .page .page-icon2 .card .pageicon2-img:before{content: attr(data-text);position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;text-align: center;font-size: 26px;color: rgba(0, 0, 0, 1.0);font-weight: 700;padding-top: 150px;}
  .page .row-cols-md-5 .display-6{font-size: 1.1rem;}
  .page .col-md-12 .fs-1 {font-size: 1.3rem !important;}
   /*   page agent*/
  .page-agent .agentbg1{background: url(/web/allimg/230802/4-230P2104J4145.jpg);height: 100vh;background-size: cover;width: 100%;position: relative;}
  .page-agent .agentbg1 .position-absolute{top: 15%;padding: 20px !important;}
  /*   page-contact*/
  .page-contact .col-md-8 .card { margin-bottom: 1rem!important; }
   .page-contact .enbon-map .col-md-5 .p-1 img {visibility: visible;transform: translateY(0%);opacity: 1;transition: visibility 0.6s, opacity 0.6s, transform 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);}
  .page-contact .enbon-map .col-md-5 .p-3 {transform: translateY(0%);line-height: 100%;transition: transform 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);}
  /*  solution_stage*/
  .solution_tongyong .display-4{font-size: 35px;}
  .solution_tongyong .ban_2 ul {padding: 0;}
  .slstage .ban_3 .fade-in-text.active {font-size: 26px;}
  .slstage .ban_1{background: url(/web/img/stagebgm.webp) no-repeat;background-size: cover;}
  .slstage .ban_5 .col-md-6{padding: 20px;}
  .solution_tongyong .ban_2 .slider_box2 .slider_imgs{background: url(/web/img/duibim.webp) no-repeat;background-size: cover;}
  .solution_tongyong .ban_2 .slider_box3 .slider_imgs{background: url(/web/img/fangshuim.webp) no-repeat;background-size: cover;}
  .solution_tongyongindoor .ban_2 .slider_box3 .slider_imgs{background: url(/web/allimg/solu-indoor/energym.webp) no-repeat;background-size: cover;}
  .article-cases .carousel-inner img{height: 250px;}
  .article-cases .card-body .col-md-6 .fa-5x{font-size: 2em;}
  .article-cases .card-body .px-5{padding-right: 0.5rem!important;padding-left: 0.5rem!important;}

  .naked .solu-hover-img{height: 300px;}
  .solution_tongyong .display-4{font-size: 2rem;}
  .solution_tongyong .ban_2{padding-top: 0 !important;}
  .naked .ban_1 {width: 100%;height: 80vh;background: url(/web/img/ly3dbg-2m.jpg) no-repeat;background-size: cover;}
  .slmall .ban_3 .col-md-6{position: relative !important;padding: 10px;left: 0;}
  .slmall .ban_3 .col-md-6 h2{color: rgb(25, 95, 180) !important;}
  .slmall .ban_3 .col-md-6 p{color: #8b8b8b !important;}
  .slbuilding .ban_1{width: 100%;height: 80vh;background: url(/web/img/dlbg-4m.jpg) no-repeat;background-size: cover;}
  .slbuilding .ban_1 p{color: white !important;}
  .slbillboard .ban_1 {width: 100%;height: 80vh;background: url(/web/img/ggpbg-1m.jpg) no-repeat;background-size: cover;}
  .slcar .ban_1 {width: 100%;height: 80vh;background: url(/web/img/czbg-1m.jpg) no-repeat;background-size: cover;}
  .solution_tongyong .ban_s img{height: 250px;}
  .product-x h5{font-size:20px;line-height:1;}
  .article .biaoqian{display: block !important;}
  .fb-share-button i{font-size: 20px;}
  div.langtop{background-color: #fff;z-index: 1040;top: -300px;transition: all
  ease-out .4s;}
  div.langtop .language{flex-wrap: wrap;}
  div.langtop .hvr-float {width: 50%;margin-bottom: 10px;margin-right: 0;margin-left: 0;}
}