/* 技术支持 开元（重庆）科技有限公司 */
body,div,span,h1,h2,h3,h4,h5,h6,hr,p,blockquote,strong,var,b,u,i,center,dl,dt,dd,ul,ol,li,prea,address,fieldset,form,fieldset,label,legend,button,input,textarea,th,td, header, footer{margin:0;padding:0;}
body{color:#132C8C; font-size:12px; font-family:"Montserrat",Jost,sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; height:100%; background:#fff; word-wrap: break-word; /*word-break:break-all;*/}
ul,ol{list-style-type:none;}
i {font-style:normal}
select,input,img,select,button,textarea{vertical-align:middle; font-family:Arial,'Microsoft YaHei'; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); outline:none;}
input {/*-webkit-appearance: none;*/ border-radius:0}
li{list-style-type:none;vertical-align:top;}
img{vertical-align:middle;border:0px;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:100%; font-weight:normal;}
address,cite,dfn,em,var{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
a img{border:0; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
del{text-decoration:line-through;}
em{font-style:normal;}
.vimg-align{vertical-align:middle;}
legend{color:#222;}
fieldset,img{border:0;}
a{text-decoration:none; transition: color .1s,border-color .1s,opacity .1s,text-decoration-color .1s;}
.fl{ float:left; display:block;}
.fr{ float:right; display:block;}
.pr{position: relative;}
.marA {margin:auto;}
.clr{display:block;overflow: hidden;clear: both;height: 0;line-height: 0;font-size: 0;}
.clear{display:block;clear: both;}
.ovh{overflow:hidden;}
.tac{text-align:center;}
.tar{text-align:right;}
.imgW100{width:100%;}
span:focus {
    outline: none;
}
a{color:#ffffff;}
a:hover{color:#00D4FF;}
img{max-width: 100%;}
.pr{position: relative;}
.body_wrapper{width:90%; max-width: 1336px; margin:0 auto;}
.disflex{display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;}
.disflex_1{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;}
.content{width: 100%;}
.header_section{min-height: 84px;}
.header_section.home{min-height: 0;}
.header_sticky{position: relative; width: 100%;}
.home .header_sticky{position:absolute; top: 0; left: 0; width: 100%; z-index:59;}
.sticky {position:fixed !important;top:0 !important;left:0;width:100%;z-index:100;transition:all 0.9s;background-color:#0F0B2E;box-shadow:0px 4px 25px rgba(0, 0, 0, 0.06);-webkit-animation:500ms ease-in-out 0s normal none 1 running fadeInDown;animation:500ms ease-in-out 0s normal none 1 running fadeInDown;z-index:69;}

.header-main .logo, .footer-section .footer_logo{width: 134px;}
.header-main {display:flex;align-items:center;justify-content:space-between;padding:10px 0;}
.header-main .main-menu ul {margin-bottom:0;}
.header-main .main-menu ul li {list-style:none;display:inline-block;margin-inline-end:40px;}
.header-main .main-menu ul li:last-child {margin-inline-end:0;}
.header-main .main-menu ul li a {display:inline-block;font-size:16px; color:#fff;padding:20px 0;text-align:left;position:relative;text-transform:capitalize;transition:all 0.4s ease-in-out;}
.header-main .main-menu ul li a:hover, .header-main .main-menu ul li:hover > a, .header-main .main-menu ul li.on > a{color:#00D4FF;}
.header-main .main-menu ul li a:hover:after, .header-main .main-menu ul li:hover > a:after, .header-main .main-menu ul li.on > a:after{content: ''; position: absolute; left: 50%; bottom: 10px; transform: translateX(-50%); width: 32px; height: 2px; border-radius: 2px; background: #00D4FF;}
.header-main .main-menu ul li .submenu {position:absolute;top:100%;inset-inline-start:0;min-width:100%;background:#0F0B2E;z-index:99999;visibility:hidden;opacity:0;transform-origin:top center;color:#fff;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);transform:translateY(10px);transition:all 0.4s ease-in-out; display: flex; justify-content: center; padding:20px 0;}
.header-main .main-menu ul li .submenu li {display:inline-block;margin:0 30px;padding:0;}
.header-main .main-menu ul li .submenu li a{font-size: 14px;}
.header-main .main-menu ul li .submenu li a:hover:after, .header-main .main-menu ul li:hover .submenu li > a:after{display: none;}
.header-main .main-menu ul li:hover > .submenu {visibility:visible;opacity:1;transform:translateY(0px);}
.header-main .sidebar__toggle {cursor:pointer;font-size:20px; display: none;}


.offcanvas__info {background:#0F0B2E none repeat scroll 0 0;border-left:2px solid rgba(255,255,255,0.2);position:fixed;right:0;top:0;width:400px;height:100%;-webkit-transform:translateX(calc(100% + 80px));-moz-transform:translateX(calc(100% + 80px));-ms-transform:translateX(calc(100% + 80px));-o-transform:translateX(calc(100% + 80px));transform:translateX(calc(100% + 80px));-webkit-transition:transform 0.45s ease-in-out,opacity 0.45s ease-in-out;-moz-transition:transform 0.45s ease-in-out,opacity 0.45s ease-in-out;transition:transform 0.45s ease-in-out,opacity 0.45s ease-in-out;z-index:99;overflow-y:scroll;overscroll-behavior-y:contain;scrollbar-width:none;}
.offcanvas__info::-webkit-scrollbar {display:none;}
.offcanvas__info.info-open {opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);}
.offcanvas__logo a img {max-width:120px;}
.offcanvas__wrapper {position:relative;height:100%;padding:30px 30px;}
.offcanvas__wrapper .offcanvas__content{display: flex; flex-direction: column; min-height: 100%;}
.offcanvas__wrapper .offcanvas__content .offcanvas__close {width:40px;height:40px;text-align:center;border-radius:50%;background-color:#00D4FF;position:relative;z-index:9;cursor:pointer;}
.offcanvas__wrapper .offcanvas__content .offcanvas__close i {width:40px;height:40px;display: block; position: relative;-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.offcanvas__wrapper .offcanvas__content .offcanvas__close i:after, .offcanvas__wrapper .offcanvas__content .offcanvas__close i:before{content: ''; position: absolute; top: 50%; left: 50%;  -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background:#fff;}
.offcanvas__wrapper .offcanvas__content .offcanvas__close i:after{ width: 2px;height: 20px;}
.offcanvas__wrapper .offcanvas__content .offcanvas__close i:before{ width: 20px;height: 2px;}
.offcanvas__overlay {position:fixed;height:100%;width:100%;background:#000;z-index:90;top:0;opacity:0;visibility:hidden;right:0;}
.offcanvas__overlay.overlay-open {opacity:0.8;visibility:visible;}
.offcanvas__wrapper .offcanvas__content .header-search{margin-top: auto; margin-bottom: 30px;}
.offcanvas__wrapper .offcanvas__content .header-search .header-search-inp{width: 100%;}

@media (max-width:450px) {
	.offcanvas__info {width:300px;}
}
@media (max-width:575px) {
	.offcanvas__wrapper {padding:20px;}
}
.mean-container .mean-nav {background:none;margin-top:0;}
.mean-container .mean-bar {padding:0;min-height:auto;background:none;}
.mean-container .mean-nav > ul {padding:0;margin:0;width:100%;list-style-type:none;display:block !important;}
.mean-container a.meanmenu-reveal {display:none !important;}
.mean-container .mean-nav ul li a {width:100%;padding:10px 0;color:#fff;font-size:16px;line-height:1.5;text-transform:capitalize;border-bottom:1px solid rgba(255,255,255,0.2) !important;border:none;}
.mean-container .mean-nav ul li a:hover {color:#00D4FF;}
.mean-container .mean-nav ul li a:last-child {border-bottom:0;}
.mean-container .mean-nav ul li a.mean-expand {padding:0 !important; margin-top: 6px;}
.mean-container .mean-nav ul li > a > i {display:none;}
.mean-container .mean-nav ul li > a.mean-expand i {display:inline-block;width: 12px; height: 12px; position: relative;}
.mean-container .mean-nav ul li > a.mean-expand i:after, .mean-container .mean-nav ul li > a.mean-expand i:before{content: ''; position: absolute; top: 50%; left: 50%;  -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background:#fff;}
.mean-container .mean-nav ul li > a.mean-expand i:after{ width: 2px;height: 12px;}
.mean-container .mean-nav ul li > a.mean-expand i:before{ width: 12px;height: 2px;}
.mean-container .mean-nav > ul > li:first-child > a {border-top:0;}
.mean-container .mean-nav ul li a.mean-expand.mean-clicked i {transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transition:all 0.4s ease-in-out;}


.header-right {gap:25px;}
.header-search{border: 1px solid rgba(255, 255, 255, 0.1);background:rgba(255, 255, 255, 0.08); padding:0 15px; gap:10px; border-radius: 40px;}
.header-search-inp{width: 130px; height: 40px; line-height: 40px; border:0 none; background: none; color: #fff; font-size: 14px;}
input::-webkit-input-placeholder {color: #C9D2E1;}
input::-moz-placeholder { color: #C9D2E1;}
input:-ms-input-placeholder { color: #C9D2E1;}
.header-search-inp::placeholder{color: #C9D2E1;}
.header-login-trigger{font-size: 14px;}
.header-login-trigger a{color: #fff;}
.header-cart-trigger{position: relative;}
.header-cart-trigger a{display: block; padding:0 5px;}
.header-cart-trigger em{position: absolute; top: -8px; right: -8px;background: #FF6B6B; color: #fff; line-height: 16px; border-radius:16px; display: inline-block; padding:0 5px;}
.header-login-dropdown{position: relative;}
.header-login-dropdown-toggle{gap:5px; color: #fff; font-size: 14px; line-height: 40px;}
.header-login-dropdown-toggle i{width: 0; height: 0; border-width: 6px; border-style: solid; border-color:transparent transparent transparent #D1D5DB; border-radius: 3px;}
.header-login-dropdown-toggle.show i{transform: rotate(-90deg); margin-top: -6px;}
.header-login-dropdown .dropdown-menu{max-width: 110px; min-width: 110px; text-align: center;background: #0F0B2E; padding:10px; box-sizing:border-box;}
.header-login-dropdown .dropdown-menu li{}
.header-login-dropdown .dropdown-menu li a{color: #fff; line-height: 28px; font-size: 14px; display: block;}
.header-login-dropdown .dropdown-menu li a.header-login-exit{background: rgba(255, 255, 255, 0.14);border-radius: 8px; margin-top: 5px;}

@media (max-width:1024px) {
	.header-main .sidebar__toggle{display: block;}
	.header-main .header-middle{ order: 3; margin-left:20px;}
	.header-main .logo, .footer-section .footer_logo{width: 110px;}
	.header-main .header-right{gap:15px;}
	.header-main .header-search{display: none !important;}
}

.footer-section{background: #0F0B2E; border-top:1px solid rgba(255, 255, 255, 0.1); font-size: 14px;}
.footer-container{padding:15px 0 45px 0;}
.footer_about{margin-right:20px;}
.footer_txt{color: #C9D2E1; line-height: 1.6; margin-top: 20px;}
.footer_social{gap:10px; margin-top:20px;}
.footer_social a{width: 36px; height: 36px; border-radius: 8px; background: rgba(255, 255, 255, 0.05);display: flex;justify-content: center;align-items: center;}
.footer_about, .footer_widget{margin-top:30px;}
.footer_widget h3{font-weight: bold; font-size: 16px; padding-bottom: 10px;}
.footer_widget ul li, .footer_widget dl{margin-top:15px;}
.footer_widget ul li a{color: #C9D2E1;}
.footer_widget ul li a:hover{color: #00D4FF;}
.footer_widget dl{display: flex; align-items: center; gap:10px;}
.footer_widget dl dd p{color: #6B7280; font-size: 12px;}
.footer_widget dl dd h4{font-size: 14px;}
.footer-bottom, .footer-bottom a{color: #6B7280;}
.footer-bwrapper{ border-top:1px solid rgba(255, 255, 255, 0.1);padding:30px 0; gap:20px;}
.footer_link{display: flex; gap:20px; flex-wrap: wrap;}

@media (max-width:1024px) {
	.footer-section .footer-bwrapper{flex-wrap: wrap; justify-content: center!important;}
	.header_section{min-height: 62px;}
}