@font-face{font-family:'alt';src:url(../fonts/Altinn-DIN.eot);src:url(../fonts/Altinn-DIN.eot) format('embedded-opentype'),url(../fonts/Altinn-DIN.woff2) format('woff2'),url(../fonts/Altinn-DIN.woff) format('woff'),url(../fonts/Altinn-DIN.ttf) format('truetype'),url(../fonts/Altinn-DIN.svg) format('svg')}
@font-face{font-family:'alt-b';src:url(../fonts/Altinn-DIN-Bold.eot);src:url(../fonts/Altinn-DIN-Bold.eot) format('embedded-opentype'),url(../fonts/Altinn-DIN-Bold.woff2) format('woff2'),url(../fonts/Altinn-DIN-Bold.woff) format('woff'),url(../fonts/Altinn-DIN-Bold.ttf) format('truetype'),url(../fonts/Altinn-DIN-Bold.svg) format('svg')}


/*<<<<<<<<<<<<<<<<<<<<<< 公共样式 >>>>>>>>>>>>>>>>>>>>>>>*/
html,body{font-family:'alt',sans-serif,ui-sans-serif,PingFangSC-Regular,'Msyh(Microsoft YaHei)',Verdana,Arial,Helvetica;}

@media only screen and (max-width:1024px){ /* 移动端 */
	html{max-width: 750px; margin-left: auto !important; margin-right: auto !important;}
	body,html{-webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
	.div_pc{display: none !important;}
}
@media only screen and (min-width:1024px){/* PC端 */
	.div_m{display: none !important;}
}

.wrem156{width: 15.6rem;}
.wrem128{width: 12.8rem;}
@media only screen and (max-width:1024px){ /* 移动端 */
	.wrem156{width: 100%;}
	.wrem128{width: 100%;}
}


/*<<<<<<<<<<<<<<<<<<<<<< 头部+底部 >>>>>>>>>>>>>>>>>>>>>>>*/
.header{position: sticky; position: -webkit-sticky; top: 0; width: 100%; z-index: 99999999; padding: 0 .7rem; background-color: #0F1423;}/*  background-color: rgba(15, 20, 35, .5); backdrop-filter: blur(2px);*/
.head .logo{display: inline-block; font-size: 0; height: 0.4rem;}
.head .nav>li{position: relative; z-index: 2;}
.head .nav>li:nth-child(n+2){margin-left: 0.6rem;}
.head .nav>li .nav-top{position: relative; z-index: 1; padding-right: 0.2rem;}
.head .nav>li .nav-top a{display: block; font-size: 0.16rem; font-family: 'alt-b'; line-height: 0.7rem;}
.head .nav>li .nav-top::after{content: ''; display: block; width: 0.12rem; height: 0.12rem; background: url(../images/icon1.svg) no-repeat center; background-size: contain; position: absolute; right: 0; top: 50%; margin-top: -0.08rem; z-index: 1; transition: all 0.3s;}
.head .nav>li.li-ing .nav-top a{color: #ED3333;}
.head .nav>li.li-ing .nav-top::after{background: url(../images/icon2.svg) no-repeat center; background-size: contain;}
.head .nav>li .nav_two{min-width: 2rem; position: absolute; left: 50%; transform: translate(-50%,0); top: 100%; z-index: 1;}
@-webkit-keyframes tsy1 {
  from {opacity: 0;-webkit-transform: translate3d(0, 10%, 0);transform: translate3d(0, 10%, 0);}
  to {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes tsy1 {
  from {opacity: 0;-webkit-transform: translate3d(0, 10%, 0);transform: translate3d(0, 10%, 0);}
  to {opacity: 1;-webkit-transform: none;transform: none;}
}
.head .nav>li .nav_two ul{display: block; margin-top: 0.05rem; padding: 0.2rem 0.3rem; background-color: #FFF; border-radius: 0.05rem; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.head .nav>li.menu2-ing .nav_two ul{-webkit-animation-name: tsy1; animation-name: tsy1;}
.head .nav>li .nav_two ul li:nth-child(n+2){margin-top: 0.1rem;}
.head .nav>li .nav_two ul li a{display: block; font-size: 0.16rem; line-height: 2; color: #0F1423; white-space: nowrap; transition:all 0.35s; -moz-transition:all 0.35s; -webkit-transition:all 0.35s; -o-transition:all 0.35s;}
.head .nav>li .nav_two ul li.li-ing a{color: #ED3333;}
.head .head-r .search{position: relative;}
.head .head-r .search .keyword{outline: none; font-size: 0.16rem; padding: 0.05rem 0.6rem 0.05rem 0.15rem; width: 2rem; height: 0.35rem; border: none; background: url(../images/icon1.png) no-repeat center; background-size: 100% 100%;}
.head .head-r .search .keyword::-webkit-input-placeholder{color: #FFF;}/* WebKit browsers，webkit内核浏览器 */
.head .head-r .search .keyword:-moz-placeholder{color: #FFF;}/* Mozilla Firefox 4 to 18 */
.head .head-r .search .keyword::-moz-placeholder{color: #FFF;}/* Mozilla Firefox 19+ */
.head .head-r .search .keyword:-ms-input-placeholder{color: #FFF;}/* Internet Explorer 10+ */
.head .head-r .search .submit{outline: none; cursor: pointer; font-size: 0; border: none; background: url(../images/icon3.svg) no-repeat center; background-size: 50%; position: absolute; right: 0.05rem; top: 0; width: 0.35rem; height: 0.35rem;}
.head .head-r .search .keyword:focus{width: 2.5rem; background: url(../images/icon2.png) no-repeat center; background-size: 100% 100%;}

.head .head-r .login{display: inline-block; font-size: 0.18rem; line-height: 0.35rem; font-family: 'alt-b'; color: #FFF; background-color: #ED3333; border-radius: 0.02rem; padding: 0 0.15rem; margin-right: 0.3rem; text-transform: uppercase;}
.head .nav>li.lis-full{position: static;}
.nav_full{width: 100vw; height: 100vh; position: absolute; left: 0; top: 100%; z-index: 1;}
.nav_full .full-boxs{padding-top: 0.4rem; height: 100%; position: relative;}
.nav_full .full-boxs::after{content: attr(data-name); font-size: 4rem; font-family: 'alt-b'; text-transform: uppercase; color: #0F1423; opacity: 0.03; position: absolute; left: 50%; top: 50%; transform: translate3d(-50%,-50%,0); z-index: 0;}
.full-boxs .aside{width: 4rem; position: absolute; left: 0; top: 1rem; z-index: 9;}
.full-boxs .aside .li{margin-top: 0.25rem; font-size: 0.26rem; font-family: 'alt-b'; line-height: 0.6rem; background: transparent; text-transform: uppercase; padding-left: 9.375vw; clip-path: polygon(0 0,92% 0,100% 100%,0 100%); cursor: pointer;}
.full-boxs .aside .li.li-ing{color: #FFF; background-color: #ED3333;}
.full-boxs .aside .li:hover{background-color: #ED3333; color: #FFF;}
.full-boxs .head-swiper .pag{width: auto; display: inline-block; border-bottom: 1px solid #0F1423; position: absolute; right: 0; top: 0; z-index: 9; bottom: auto; left: auto;}
.full-boxs .head-swiper .pag span{display: inline-block; font-size: 0.22rem; font-family: 'alt-b'; line-height: 2; border-bottom: 4px solid transparent; border-radius: 0; width: auto; height: auto; background: transparent; margin: auto; padding: 0 0.2rem; opacity: 1; transition: all 0.3s;}
.full-boxs .head-swiper .pag span:nth-child(n+2){margin-left: 0.2rem;}
.full-boxs .head-swiper .pag span.swiper-pagination-bullet-active{border-color: #ED3333;}
.full-boxs .head-swiper .swiper-but{position: absolute; bottom: 0; z-index: 8; display: block; width: 0.6rem; height: 0.6rem; cursor: pointer; background-color: rgba(0,0,0,0.52); border-radius: 50%; overflow: hidden; transition: all 0.35s;}
.full-boxs .head-swiper .swiper-but.h-prev{left: 0; background-image: url(../images/h-prev.svg); background-repeat: no-repeat; background-position: center; background-size: contain;}
.full-boxs .head-swiper .swiper-but.h-next{right: 0; background-image: url(../images/h-next.svg); background-repeat: no-repeat; background-position: center; background-size: contain;}
.full-boxs .head-swiper .swiper-slide{text-align: center;}
.full-boxs .head-swiper .swiper-slide .imgbox{width: 100%; height: 0; padding-bottom: 40%; position: relative; overflow: hidden;}
.full-boxs .head-swiper .swiper-slide .imgbox img{position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; object-fit: contain;}
.full-boxs .head-swiper .swiper-slide h1{font-size: 0.4rem; font-family: 'alt-b'; text-transform: uppercase;}
.full-boxs .head-swiper .swiper-slide .get-more{margin-top: 0.25rem; position: relative; z-index: 9; font-size: 0.2rem; text-transform: uppercase; display: inline-block; padding: 0.2rem 0.6rem; border: 1px solid #0F1423; border-radius: 1000px;}
.full-boxs .head-swiper .swiper-slide .get-more:hover{color: #ED3333; border-color: #ED3333; transform: translateY(-5px);}
.full-boxs .head-swiper .swiper-slide .tig{position: absolute; right: 0; top: 0.8rem; z-index: 7; font-size: 0.22rem;}


.footer{padding-top: 1.5rem;}
.footer .foot1 .uls ul li a{font-size: 0.18rem; line-height: 1.5; opacity: 0.8;}
.footer .foot1 .uls ul li a:hover{color: #ED3333; opacity: 1;}
.footer .foot1 .uls ul li.li-top a{font-size: 0.22rem; font-family: 'alt-b'; opacity: 1; text-transform: uppercase;}
.footer .foot1 .uls ul li.li-top{margin-bottom: 0.4rem;}
.footer .foot1 .uls ul li:not(:last-child,.li-top){margin-bottom: 0.15rem;}
.footer .foot1 .hrefs{margin-top: 1rem;}
.footer .foot1 .hrefs .li{display: inline-block; font-size: 0; width: 0.3rem; height: 0.3rem; margin-right: 0.1rem; border-radius: 100%;}
.footer .foot2-container{border-top: 1px solid rgba(255,255,255,0.2); margin-top: 0.2rem; padding: 0.2rem 0;}
.footer .foot2 .foot2l{font-size: 0.18rem; font-family: 'alt-b';}
.footer .foot2 .foot2r .label{display: inline-block; font-size: 0.16rem; margin-right: 0.2rem;}
.footer .foot2 .foot2r .link{display: inline-block; font-size: 0; height: 0.28rem;}
.footer .foot2 .foot2r .link:not(:last-child){margin-right: 0.3rem;}

@media only screen and (any-hover: hover){
	.head .nav>li:hover .nav-top a{color: #ED3333;}
	.head .nav>li:hover .nav-top::after{transform: rotate(180deg); background: url(../images/icon2.svg) no-repeat center; background-size: contain;}
	.head .nav>li .nav_two ul li a:hover{color: #ED3333;}
	.head .head-r .login:hover{background-color: #FFF; color: #ED3333;}
	.head .head-r .search .submit:hover{background: url(../images/icon4.svg) no-repeat center; background-size: 50%;}
	.full-boxs .head-swiper .swiper-but:hover{background-color: #ED3333;}
	.foot .intro1 .ps .sp a.pt:hover{color: #FFF;}
	.foot .intro2 a:hover{color: #22A058;}
}
@media only screen and (max-width:1024px){	/* 移动端 */
	.header{max-width: 750px; padding: 0.3rem;}
	.header .head{justify-content: flex-start;}
	.head .head-r{margin-left: auto;}
	.head .head-r .login{font-size: 0.26rem; line-height: 0.5rem;}
	.head .logo{height: 0.5rem;}
	.head .nav{display: none; padding: 0.3rem; position: absolute; left: 0; top: 100%; z-index: 3; width: 100%; height: calc(100vh - 1.1rem); background-color: #0F1423; overflow-y: auto;}
	.head .nav::-webkit-scrollbar {display: none;}
	.head .nav::-moz-scrollbar {display: none;}
	.head .search{display: none;}
	.head .nav>li{float: none; margin: auto;}
	.head .nav>li:nth-child(n+2){margin-left: auto;}
	.head .nav>li .nav-top{padding: 0.2rem 0;}
	.head .nav>li .nav-top::after{width: 0.2rem; height: 0.2rem; margin-top: -0.1rem;}
	.head .nav>li.li-open .nav-top::after{transform: rotate(180deg);}
	.head .nav>li .nav-top a{font-size: 0.32rem; display: block; line-height: 2; padding: 0;}
	.head .nav>li.lis .nav-top a{display: inline-block;}
	.head .nav>li .nav_two{position: static; width: 100%; min-width: auto; padding-top: 0; transform: translate3d(0,0,0);}
	.head .nav>li .nav_two ul{margin-top: auto; padding:0 0.3rem 0.1rem; background: transparent;}
	.head .nav>li .nav_two ul li{margin: 0.1rem auto;}
	.head .nav>li .nav_two ul li a{font-size: 0.28rem; color: #FFF; line-height: 2; padding: 0.1rem 0;}

	.nav_full{top: 0; z-index: 9;}
	.head .navBox.fullbutn{flex-shrink: 0; width: 0.6rem; height: 0.6rem; background: url(../images/off.svg) no-repeat center; background-size: contain;}
	.head .navBox.fullbutn .menu{display: none;}
	.nav_full .full-boxs{padding: 0;}
	.full-boxs .aside{position: static; width: 100%; padding: 0 0.3rem; background: #F6F6F6; display: flex; overflow-x: auto;}
	.full-boxs .aside::-webkit-scrollbar {display: none;}
	.full-boxs .aside::-moz-scrollbar {display: none;}
	.full-boxs .aside .li{font-size: 0.28rem; flex-shrink: 0; padding: 0 0.3rem; min-width: 1.6rem; word-wrap: nowrap; line-height: 0.9rem; margin: auto; text-align: center; clip-path: polygon(10% 0,100% 0,90% 100%,0 100%);}
	.nav_full .full-boxs{height: auto; max-height: 100%;}
	.nav_full .full-boxs .section{padding: 0.3rem;}
	.nav_full .full-boxs::after{font-size: 1.55rem;}
	.full-boxs .head-swiper .pag{position: static;}
	.full-boxs .head-swiper .pag span{font-size: 0.28rem; border-bottom: 0.04rem solid transparent;}
	.full-boxs .head-swiper .swiper-wrapper{margin-top: 0.8rem;}
	.full-boxs .head-swiper .swiper-slide .imgbox{padding-bottom: 66.66666666666667%;}
	.full-boxs .head-swiper .swiper-slide h1{font-size: 0.5rem; margin-top: 0.4rem;}
	.full-boxs .head-swiper .swiper-slide .get-more{font-size: 0.26rem;}
	.full-boxs .head-swiper .swiper-slide .tig{left: 0; top: auto; bottom: calc(100% + 0.3rem); text-align: left; font-size: 0.26rem;}
	.full-boxs .head-swiper .swiper-but{width: 0.8rem; height: 0.8rem;}

	.navBox{cursor: pointer;}
	.navBox .menu{display: block; width: 0.6rem; height: 0.45rem; position: relative; z-index: 99; transition-duration: 0.3s;}
	.burger_lin .icon{height: 3px; width: 100%; top: calc(50% - 1.5px); background-color: #FFF; border-radius: 20px; position: absolute; transition-duration: 0.3s;transition-delay: 0.5s;}
	.burger_lin .icon:before {content: ""; width: 0.6rem; height: 100%; position: absolute; left: 0; top: calc(-0.21rem + 1.5px); background-color: #FFF; border-radius: 50px; transition: transform 0.3s, top 0.3s 0.3s; transition-delay: 0.5s;}
	.burger_lin .icon:after {content: ""; width: 0.6rem; height: 100%; position: absolute; left: 0; top: calc(0.21rem - 1.5px); background-color: #FFF; border-radius: 50px; transition: transform 0.3s, top 0.3s 0.3s; transition-delay: 0.5s;}
	.burger_lin.open .icon {transition-duration: 0.1s;transition-delay: 0.3s;background: transparent;width: 0;}
	.burger_lin.open .icon:before {transition: top 0.3s, transform 0.3s 0.3s;top: 0;transform: rotateZ(-45deg);}
	.burger_lin.open .icon:after {transition: top 0.3s, transform 0.3s 0.3s;top: 0;transform: rotateZ(45deg);}

	.footer{padding: 0.8rem 0.3rem 0;}
	.footer .foot1 .uls{display: none;}
	.footer .foot1 .hrefs{margin-top: 0; text-align: center;}
	.footer .foot1 .hrefs .li{width: 0.6rem; height: 0.6rem;}
	.footer .foot2-container{margin-top: 0.4rem; padding: 0.4rem 0;}
	.footer .foot2{flex-direction: column;}
	.footer .foot2 .foot2l{font-size: 0.26rem;}
	.footer .foot2 .foot2r{margin-top: 0.2rem;}
	.footer .foot2 .foot2r .label{font-size: 0.24rem;}
	.footer .foot2 .foot2r .link{height: 0.4rem;}
}

/*<<<<<<<<<<<<<<<<<<<<<< 首页内容 >>>>>>>>>>>>>>>>>>>>>>>*/
/* 首页banner */
.banner{width: 100%; height: 100vh; overflow: hidden;}
.banner .h-banner{width: 100%; height: 100%; overflow: hidden;}
.banner .h-banner .swiper-slide .img{width: 100%; height: 100%;}
/*.banner .h-banner .swiper-slide img{transition: 1s linear 2s; transform: scale(1.1);}*/
/*.banner .h-banner .swiper-slide-active img,.banner .h-banner .swiper-slide-duplicate-active img{ transition: 6s linear; transform: scale(1);}*/
.banner .h-banner .h-page{position: absolute; bottom: 0.6rem; z-index: 1;}
.banner .h-banner .h-page span{width: 0.6rem; height: 4px; border-radius: 100px; margin: auto 0.1rem; background-color: #D8D8D8; opacity: 0.5; transition: all 0.35s;}
.banner .h-banner .h-page span.swiper-pagination-bullet-active{width: 1.2rem; opacity: 1; background-color: #FFF;}

/* 首页 - 经销商 - Global Distributor */
.title1 h1{font-family: 'alt-b'; font-size: 0.7rem; text-transform: uppercase;}
.title1 .t1{display: inline-block; padding-right: 0.35rem; position: relative;}
.title1 .t1::after{content: ''; display: block; width: 0.32rem; height: 0.32rem; background: url(../images/icon5.svg) no-repeat center; background-size: contain; position: absolute; right: 0; top: -0.1rem; z-index: 1;}
.title1 .t2{margin-top: 0.1rem;}
.hom1-container{background: #FFF url(../images/h1-bg.png) no-repeat center bottom; background-size: 100% auto; padding: 0.7rem 0 1.1rem;}
.hom1 .h1-1{position: relative;}
.hom1 .h1-1 .title1{position: absolute; left: 0; top: 0.6rem; z-index: 1;}
.hom1 .h1-1 .h1-href{display: inline-block; padding: 0.2rem 0.25rem; font-size: 0.2rem; line-height: 1.5; text-transform: uppercase; margin-bottom: 1rem;}
.hom1 .h1-1 .h1-href span{display: inline-block; padding-left: 0.3rem; background: url(../images/icon6.svg) no-repeat left 30%; background-size: 0.2rem;}
.hom1 .h1-1 .h1-href:hover{box-shadow: 0 10px 20px rgba(1,29,17,0.2); transform: translateY(-5px);}
.hom1 .h1-1 .img{width: 12.35rem;}
.hom1 .h1-2 ul li:not(:last-child){margin-right: 2rem;}
.hom1 .h1-2 ul li .num{font-size: 0.6rem; font-family: 'alt-b';}
.hom1 .h1-2 ul li .num .n2{font-size: 0.4rem;}
.hom1 .h1-2 ul li .num-t{font-size: 0.2rem;}
.hom1 .h1-2 .ps{margin-top: 0.15rem;}
.hom1 .h1-2 .ps p{font-size: 0.24rem; line-height: 1.5;}

/* AODES FAMILY */
.hom2{margin-top: 1rem;}
.hom2 .top .top-l p{font-size: 0.24rem; font-family: 'alt-b'; margin-top: 0.3rem;}
.hom2 .top .top-r{width: 5.7rem;}
.hom2 .video-box{margin-top: 0.2rem; position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 56.25%; background-color: #FFF;}
.hom2 .video-box video{position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover;}

/* Global Partners. */
.hom3{margin-top: 0.6rem;}
.hom3 .hom3-tit{font-size: 0.28rem; font-family: 'alt-b';}
.hom3 .h3menu{margin-top: 0.15rem;}
.hom3 .h3menu .tog{border-bottom: 2px solid #000; font-size: 0.24rem; font-family: 'alt-b'; padding: 0.18rem 0.35rem; position: relative; cursor: pointer;}
.hom3 .h3menu .tog::after{content: ''; font-size: 0; display: block; position: absolute; left: 0; bottom: 0; z-index: -1; transition: all 0.35s; width: 100%; height: 0; background-color: #ED3333; clip-path: polygon(8% 0, 100% 0, 92% 100%, 0 100%);}
.hom3 .h3menu .tog.tog-ing{color: #FFF;}
.hom3 .h3menu .tog.tog-ing::after{height: 100%;}
.hom3 section{margin-top: 0.4rem;}
.hom3 section .section .swiper-container{width: 100%;}
.hom3 section .section .swiper-container .swiper-slide{width:9.6rem; transition-timing-function:linear;}
.hom3 section .section .swiper-container .swiper-slide .img{width: 100%; height: 0; padding-bottom: 56.25%; position: relative; z-index: 0; overflow: hidden; background-color: #000;}
.hom3 section .section .swiper-container .swiper-slide .img img{position: absolute; left: 0; top: 0; z-index: 1; opacity: 0.7; transition: all 0.35s;}
.hom3 section .section .swiper-container .swiper-slide.swiper-slide-active .img img{opacity: 1;}
.hom3 .swiper-but{display: block; width: 0.6rem; height: 0.6rem; cursor: pointer; background-color: rgba(0,0,0,0.52); border-radius: 50%; overflow: hidden; position: absolute; top: 50%; transform: translateY(-50%); z-index: 9; transition: all 0.35s;}
.hom3 .swiper-but.h-prev{left: 10%; background-image: url(../images/h-prev.svg); background-repeat: no-repeat; background-position: center; background-size: contain;}
.hom3 .swiper-but.h-next{right: 10%; background-image: url(../images/h-next.svg); background-repeat: no-repeat; background-position: center; background-size: contain;}
@media only screen and (any-hover: hover){
	.hom3 .h3menu .tog:not(.tog-ing):hover{color: #ED3333;}
	.hom3 .swiper-but:hover{background-color: #ED3333;}
}
/* NEWS & EVENTS */
.hom4-container{margin-top: 1.2rem; padding: 1rem 0; background: linear-gradient(#F5F5F5 0%, #FFF 100%);}
.more1{font-size: 0.2rem; text-transform: uppercase; display: inline-block; padding: 0.25rem 0.4rem; background-color: #ED3333;}
.more1 span{display: inline-block; padding-right: 0.35rem; background: url(../images/icon10.svg) no-repeat right center; background-size: 0.2rem;}
.more1:hover{box-shadow: 0 10px 20px rgba(1,29,17,0.2); transform: translateY(-5px);}
.more1:hover span{padding-right: 0.5rem;}
.hom4 .ul{margin-top: 0.5rem;}
.hom4 .ul .li{width: 31%; position: relative; overflow: hidden;}
.hom4 .ul .li .img{width: 100%; height: 0; padding-bottom: 133.33333333333%; position: relative; overflow: hidden;}
.hom4 .ul .li .img img{position: absolute; left: 0; top: 0; z-index: 1;}
.hom4 .ul .li .txt{position: absolute; left: 0; bottom: 0; z-index: 2; background: linear-gradient(rgba(0,0,0,0),#000 40%); padding: 0.5rem 0.35rem 0.25rem;}
.hom4 .ul .li .txt::after{content: ''; display: block; font-size: 0; width: 100%; height: 0; background: #FFF; position: absolute; left: 0; bottom: 0; z-index: -1; transition: all 0.35s;}
.hom4 .ul .li .txt .time{position: absolute; left: 0; bottom: 97%; transform: translateX(-100%); padding: 0.1rem 0.25rem; border-radius: 0 100px 0 0;}
.hom4 .ul .li .txt .title{font-size: 0.24rem; font-family: 'alt-b'; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.hom4 .ul .li .txt .smalltext{margin-top: 0.2rem; font-size: 0.22rem; line-height: 1.5; height: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.hom4 .ul .li .txt .icon{fill: currentColor; color: #FFF;}
.hom4 .ul .li:hover .img img{transform: scale(1.05);}

/* Become A Distributor */
.hom5-container{padding: 1.1rem 0 1rem; background: url(../images/h5-bg.jpg) no-repeat center; background-size: cover;}
.hom5 .txt h5{font-size: 0.28rem; font-family: 'alt-b';}
.hom5 .txt h1{font-size: 0.6rem; margin-top: 0.1rem; font-family: 'alt-b';}
.hom5 .txt p{font-size: 0.22rem; margin-top: 0.36rem;}
.hom5 .hom5-form{position: relative;}
.hom5 .hom5-form .country{font-size: 0.2rem; width: 6.2rem; padding: 0 2.6rem 0 0.3rem; height: 0.6rem; border: 2px solid #0F1423; outline: none; background: transparent; border-radius: 1000px;}
.hom5 .hom5-form .country:focus{background: rgba(255,255,255,0.5);}
.hom5 .hom5-form .country::-webkit-input-placeholder{color: #0F1423;}/* WebKit browsers，webkit内核浏览器 */
.hom5 .hom5-form .country:-moz-placeholder{color: #0F1423;}/* Mozilla Firefox 4 to 18 */
.hom5 .hom5-form .country::-moz-placeholder{color: #0F1423;}/* Mozilla Firefox 19+ */
.hom5 .hom5-form .country:-ms-input-placeholder{color: #0F1423;}/* Internet Explorer 10+ */
.hom5 .hom5-form .sub{font-size: 0.2rem; outline: none; background: #0F1423; color: #FFF; border: 2px solid #0F1423; position: absolute; right: 0; top: 0; width: 2.5rem; cursor: pointer; height: 100%; border-radius: 1000px;}
@media only screen and (any-hover: hover){
	.hom4 .ul .li:hover .txt{padding-left: 0; padding-right: 0;}
	.hom4 .ul .li:hover .txt::after{height: 100%;}
	.hom4 .ul .li:hover .txt .time{transform: translateX(0);}
	.hom4 .ul .li:hover .txt .title{color: #0F1423;}
	.hom4 .ul .li:hover .txt .smalltext{height: 0.66rem;}
	.hom4 .ul .li:hover .txt .icon{color: #0F1423; margin-top: 0.2rem;}
	.hom5 .hom5-form .sub:hover{background: #FFF; color: #ED3333;}
}
@media only screen and (max-width:1024px){	/* 移动端 */
	.banner{height: 8.5rem;}
	.title1 h1{font-size: 0.6rem;}
	.more1{font-size: 0.28rem;}
	.hom1-container{padding: 1rem 0.3rem 1.2rem;}
	.hom1{position: relative; padding-bottom: 1.5rem;}
	.hom1 .h1-1{display: block; position: static;}
	.hom1 .h1-1 .title1{position: static;}
	.hom1 .h1-1 .h1-href{font-size: 0.26rem; position: absolute; left: 0; bottom: 0; z-index: 1; margin-bottom: auto;}
	.hom1 .h1-1 .img{width: 100%;}
	.hom1 .h1-2 ul li:not(:last-child){margin-right: 0.6rem;}
	.hom1 .h1-2 ul li .num{font-size: 0.6rem;}
	.hom1 .h1-2 ul li .num-t{font-size: 0.26rem;}
	.hom1 .h1-2 .ps{margin-top: 0.5rem;}
	.hom1 .h1-2 .ps p{font-size: 0.28rem; font-family: 'alt-b';}

	.hom2{padding: 0 0.3rem;}
	.hom2 .top .top-r{display: none;}
	.hom2 .top .top-l p{font-size: 0.32rem; line-height: 1.5;}
	.hom2 .swiper-section .h2-v-att{display: none;}

	.hom3{margin-top: 1rem; padding: 0 0.3rem;}
	.hom3 .hom3-tit{font-size: 0.32rem;}
	.hom3 .h3menu{width: 100%; overflow-x: auto;}
	.hom3 .h3menu::-webkit-scrollbar {display: none;}
	.hom3 .h3menu::-moz-scrollbar {display: none;}
	.hom3 .h3menu .tog{font-size: 0.28rem; white-space: nowrap;}
	.hom3 .swiper-but.h-prev{left: 0;}
	.hom3 .swiper-but.h-next{right: 0;}

	.hom4-container{padding: 1rem 0.3rem;}
	.hom4{position: relative; padding-bottom: 1.5rem;}
	.hom4 .top .hom4-more{position: absolute; left: 0; bottom: 0; z-index: 1;}
	.hom4 .ul{flex-direction: column;}
	.hom4 .ul .li{width: 100%;}
	.hom4 .ul .li:nth-child(n+2){margin-top: 0.6rem;}
	.hom4 .ul .li .img{padding-bottom: 66.66666666666667%;}
	.hom4 .ul .li .txt{position: relative; z-index: 1; background: transparent; padding: 0.4rem 0;}
	.hom4 .ul .li .txt .time{transform: translate3d(0,0,0); font-size: 0.26rem; padding: 0.2rem 0.3rem;}
	.hom4 .ul .li .txt .title{color: #0F1423; font-size: 0.32rem;}
	.hom4 .ul .li .txt .smalltext{display: none;}
	.hom4 .ul .li .txt .icon{color: #0F1423; margin-top: 0.2rem; width: 0.5rem;}

	.hom5-container .hom5{padding: 0 0.3rem; flex-direction: column; align-items: flex-start; justify-content: flex-start;}
	.hom5 .txt h5{font-size: 0.32rem;}
	.hom5 .txt h1{font-size: 0.5rem; text-transform: uppercase;}
	.hom5 .txt p{font-size: 0.32rem;}
	.hom5 .hom5-form{margin-top: 0.5rem; width: 100%;}
	.hom5 .hom5-form .country{width: 100%; font-size: 0.28rem; height: 0.8rem;}
	.hom5 .hom5-form .sub{font-size: 0.32rem;}
}

/*<<<<<<<<<<<<<<<<<<<<<< 内页 >>>>>>>>>>>>>>>>>>>>>>>*/
.nbanner{position: relative; overflow: hidden;}
.nbanner .nbanner-txt{width: 7.2rem; position: absolute; left: 50%; top: 50%; transform: translate3d(-50%,-50%,0); z-index: 1;}

@media only screen and (max-width:1024px){	/* 移动端 */
	.nbanner .nbanner-txt{width: 100%;}
}

/*<<<<<<<<<<<<<<<<<<<<<< 关于我们 - About Us >>>>>>>>>>>>>>>>>>>>>>>*/
.about1{margin-top: 1.3rem;}
.about1 .ps{margin-top: 0.4rem; font-size: 0.2rem; line-height: 2;}
.about1 ul{margin-top: 0.4rem;}
.about1 ul li{width: 3.8rem;}
.about1 ul li .icon{width: 0.6rem; height: auto;}
.about1 ul li h3{font-size: 0.24rem; font-family: 'alt-b'; margin-top: 0.1rem;}
.about1 ul li p{font-size: 0.2rem; margin-top: 0.1rem; line-height: 1.5;}
.about1 .video-box{margin-top: 0.8rem; width: 100%; height: 0; padding-bottom: 56.25%; position: relative; overflow: hidden;}
.about1 .video-box video{width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; z-index: 1;}
.about1 .ps2{margin-top: 1.3rem;}
.about1 .img-box{margin-top: 1.3rem;}
.about1 .down{margin-top: 1rem;}
.down a{display: inline-block; font-size: 0.2rem; text-transform: uppercase; padding: .2rem .6rem; clip-path: polygon(8% 0,100% 0,92% 100%,0 100%);}
.down a span{display: inline-block; color: #FFF; padding-left: 0.3rem; background: url(../images/icon14.svg) no-repeat left center; background-size: 0.16rem;}
.down a:hover{box-shadow: 0 10px 20px rgba(1,29,17,0.2); transform: translateY(-5px); clip-path: polygon(0 0,100% 0,100% 100%,0 100%);}
.about2{margin-top: 1.3rem;}
.about2 .top-container{padding: 1.3rem 0;}
.about2 .top-container .about2-top .ps{font-size: 0.2rem; line-height: 2; margin-top: 0.4rem;}
.about2 .ul{max-width: 1920px; margin-left: auto; margin-right: auto;}
.about2 .ul .li{margin-top: 1rem;}
.about2 .ul .li .img{width: 47.39583333333333%; flex-shrink: 0;}
.about2 .ul .li .txt{flex: 1; font-size: 0.2rem; line-height: 2;}
.about2 .ul .li:nth-child(odd) .txt{padding: 0 16.66666666666667% 0 5.20833333333333%;}
.about2 .ul .li:nth-child(even) .txt{padding: 0 5.20833333333333% 0 16.66666666666667%;}
.about3{margin-top: 1.3rem; margin-bottom: 1.4rem;}
.about3 .abo3-smalltext{margin-top: 0.15rem; font-size: 0.2rem;}
.about3 .forms{margin-top: 0.6rem; padding: 0.6rem;}
.about3 .forms .top h3{font-size: 0.32rem; font-family: 'alt-b';}
.about3 .forms .top .tip{font-size: 0.16rem;}
.about3 .forms .col-2{margin-top: 0.4rem;}
.about3 .forms .col-2 .inp{width: 48.69565217391304%;}
.about3 .forms .col-1{margin-top: 0.3rem;}
.about3 .forms .agreement{margin-top: 0.3rem;}
.about3 .forms .btn-box{margin-top: 0.4rem;}
.about3 .forms .btn-box button{font-size: 0.2rem; text-transform: uppercase; height: 0.65rem; padding: 0 0.4rem; background: #ED3333; clip-path: polygon(0 0,100% 0,100% 100%,0 100%); cursor: pointer; border: none; outline: none;}
.about3 .forms .btn-box button svg{fill: currentColor; width: 0.22rem; height: auto; margin-left: 0.1rem;}
.about3 .forms .btn-box button:hover{box-shadow: 0 10px 20px rgba(1,29,17,0.2); transform: translateY(-5px); clip-path: polygon(8% 0,100% 0,92% 100%,0 100%);}

@media only screen and (max-width:1024px){	/* 移动端 */
	.about1{padding: 0 0.3rem; margin-top: 1rem;}
	.about1 .ps{font-size: 0.28rem; line-height: 1.8;}
	.about1 ul{flex-direction: column; align-items: center;}
	.about1 ul li{width: 100%;}
	.about1 ul li:nth-child(n+2){margin-top: 0.7rem;}
	.about1 ul li .icon{width: 1.2rem;}
	.about1 ul li h3{margin-top: 0.3rem; font-size: 0.32rem;}
	.about1 ul li p{font-size: 0.28rem;}
	.about1 .ps2{margin-top: 0.7rem;}
	.about1 .img-box{margin-top: 0.7rem;}
	.about1 .down{margin-top: 0.8rem;}
	.down a{font-size: 0.26rem; padding: 0.3rem 0.6rem;}

	.about2 .top-container{padding: 1rem 0.3rem;}
	.about2 .top-container .about2-top .ps{font-size: 0.28rem; line-height: 1.8;}
	.about2 .ul{padding: 0 0.3rem; margin-top: 1rem;}
	.about2 .ul .li{margin-top: 0.8rem;}
	.about2 .ul .li:nth-child(even){flex-direction: column;}
	.about2 .ul .li:nth-child(odd){flex-direction: column-reverse;}
	.about2 .ul .li .img{width: 100%; margin-top: 0.3rem;}
	.about2 .ul .li .txt{font-size: 0.28rem; line-height: 1.8;}
	.about2 .ul .li:nth-child(odd) .txt{padding: 0;}
	.about2 .ul .li:nth-child(even) .txt{padding: 0;}

	.about3{margin-top: 1rem; margin-bottom: 1.2rem; padding: 0 0.3rem;}
	.about3 .abo3-smalltext{margin-top: 0.4rem; font-size: 0.28rem; line-height: 1.8;}
	.about3 .forms{margin-top: 0.6rem; padding: 0.6rem 0.25rem;}
}

/*<<<<<<<<<<<<<<<<<<<<<< Products - 产品页面 >>>>>>>>>>>>>>>>>>>>>>>*/
.product-top{padding: 1.7rem 0 1.1rem; background: #FFF url(../images/pro-bg.png) no-repeat left bottom; background-size: auto 100%;}
.product .infors{text-align: center;}
.product .infors h1{font-size: 0.8rem; font-family: 'alt-b'; text-transform: uppercase;}
.product .infors h2{font-size: 0.26rem; font-family: 'alt-b'; margin-top: 0.1rem;}
.product .infors .smalltext{margin-top: 0.2rem; font-size: 0.22rem; line-height: 1.5;}
.product .series{margin-top: 0.5rem;}
.product .series .aside{flex-wrap: wrap; width: 46.875%; flex-shrink: 0;}
.product .series .aside .li{width: calc((100% - 0.4rem) / 3); margin-right: 0.2rem; margin-bottom: 0.25rem; cursor: pointer;}
.product .series .aside .li:nth-child(3n){margin-right: 0;}
.product .series .aside .li .img{width: 100%; height: 0; padding-bottom: 66.66666666666667%; position: relative; overflow: hidden;}
.product .series .aside .li .img img{position: absolute; left: 0; top: 0; z-index: 1;}
.product .series .aside .li .img-tit{margin-top: 0.1rem; text-align: center; font-size: 0.14rem; text-transform: uppercase; font-family: 'alt-b';}
.product .series section{flex-shrink: 0; width: 46.875%;}
.product .series section .masts .mast .img{width: 100%; height: 0; padding-bottom: 66.66666666666667%; position: relative; overflow: hidden;}
.product .series section .masts .mast .img img{position: absolute; left: 0; top: 0; z-index: 1;}
.product .series section .masts .mast .img-tit{font-size: 0.24rem; margin-top: 0.2rem; font-family: 'alt-b'; text-transform: uppercase;}
.product .series section .color{font-size: 0; margin-top: 0.2rem;}
.product .series section .color .li{font-size: 0; display: inline-block; width: 0.2rem; height: 0.2rem; border-radius: 100%; position: relative;}
.product .series section .color .li:not(:last-child){margin-right: 0.15rem;}
.product .series section .color .li.li-ing::after{content: ''; display: block; width: 130%; height: 130%; border: 2px solid #ED3333; border-radius: 100%; position: absolute; left: 50%; top: 50%; transform: translate3d(-50%,-50%,0); z-index: 0;}

.product .link-box{margin-top: 0.8rem;}
.product .link-box .go-href{margin-top: 0.3rem;}
.product .link-box .go-href a{display: inline-block; font-size: 0.2rem; text-transform: uppercase; padding-right: 0.3rem; background: url(../images/icon15.svg) no-repeat right center; background-size: 0.22rem;}
.product .link-box .go-href a:hover{padding-right: 0.4rem;}
.product .link-box .tip{margin-top: 0.1rem; font-size: 0.18rem;}
.product-ul .product-ul-t{font-size: 0.6rem; font-family: 'alt-b'; text-transform: uppercase;}
.product-ul{margin-top: 1.3rem; margin-bottom: 1.4rem;}
.product-ul .li{margin-top: 1rem;}
.product-ul .li h1{font-size: 0.5rem; line-height: 1.2; text-transform: uppercase; font-family: 'alt-b';}
.product-ul .li .ps{font-size: 0.2rem; line-height: 2; margin-top: 0.2rem;}
.product-ul .li .img{margin-top: 0.3rem;}
.product-ul .down{margin-top: 0.8rem;}

.gallery{margin-bottom: 1rem;}
.gallery .gallery-t{font-size: 0.6rem; font-family: 'alt-b'; text-transform: uppercase;}
.gallery .gallery-swiper{margin-top: 0.6rem;}
.gallery .gallery-swiper .swiper-slide .img{width: 100%; height: 0; padding-bottom: 43.75%; overflow: hidden; position: relative;}
.gallery .gallery-swiper .swiper-slide .img img{position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover;}
.gallery .gallery-swiper .swiper-but{position: absolute; top: calc(50% - 0.25rem); z-index: 9; display: inline-block; width: 0.5rem; height: 0.5rem; cursor: pointer; background-color: rgba(0,0,0,0.52); border-radius: 50%; overflow: hidden; transition: all 0.35s;}
.gallery .gallery-swiper .swiper-but.h-prev{left: 0.5rem; margin-right: 0.2rem; background-image: url(../images/h-prev.svg); background-repeat: no-repeat; background-position: center; background-size: contain;}
.gallery .gallery-swiper .swiper-but.h-next{right: 0.5rem; background-image: url(../images/h-next.svg); background-repeat: no-repeat; background-position: center; background-size: contain;}
.gallery .gallery-swiper .swiper-but:hover{background-color: #ED3333;}
.gallery .down{margin-top: 0.5rem;}

.related-container{padding: 1rem 0;}
.related .related-t{font-size: 0.5rem; font-family: 'alt-b'; text-transform: uppercase;}
.related .ul{margin-top: 0.8rem;}
.related .ul .li{width: 23%; flex-shrink: 0; padding: 0.2rem;}
.related .ul .li .img-box{width: 100%; height: 0; padding-bottom: 100%; position: relative; overflow: hidden;}
.related .ul .li .img-box img{position: absolute; left: 0; top: 0; z-index: 1;}
.related .ul .li h2{font-size: 0.18rem; line-height: 1.5; text-transform: uppercase; font-family: 'alt-b';}
.related .ul .li:hover{box-shadow: 0 10px 20px rgba(1,29,17,0.2); transform: translateY(-5px);}
.related .more2{margin-top: 1rem;}
.more2 .more{display: inline-block; font-size: 0.2rem; text-transform: uppercase; line-height: 0.6rem; padding: 0 0.5rem; border: #0F1423 solid 1px;}
.more2 .more span{display: inline-block; margin-right: 0.1rem;}
.more2 .more svg{fill: currentColor;}
.more2 .more:hover{box-shadow: 0 10px 20px rgba(1,29,17,0.2); transform: translateY(-5px); color: #FFF; border-color: #ED3333; background-color: #ED3333;}
@media only screen and (max-width:1024px){ /* 移动端 */
	.product-top{padding: 1rem 0.3rem 1.2rem;}
	.product .infors{text-align: left;}
	.product .infors h1{font-size: 0.7rem;}
	.product .infors h2{font-size: 0.32rem;}
	.product .infors .smalltext{font-size: 0.28rem;}
	.product .series{flex-direction: column-reverse;}
	.product .series section{width: 100%;}
	.product .series section .masts .mast .img-tit{font-size: 0.42rem;}
	.product .series section .color .li{width: 0.3rem; height: 0.3rem;}
	.product .series .aside{width: 100%; margin-top: 0.5rem;}
	.product .series .aside .li{width: calc((100% - 0.3rem) / 4); margin-right: 0.1rem;}
	.product .series .aside .li:nth-child(3n){margin-right: 0.1rem;}
	.product .series .aside .li:nth-child(4n){margin-right: 0;}
	.product .series .aside .li .img-tit{font-size: 0.26rem;}
	.product .link-box .go-href a{font-size: 0.26rem;}
	.product .link-box .tip{font-size: 0.24rem; text-align: left; margin-top: 0.3rem;}
	
	.product-ul{padding: 0 0.3rem;}
	.product-ul .product-ul-t{font-size: 0.5rem;}
	.product-ul .li h1{font-size: 0.42rem;}
	.product-ul .li .ps{font-size: 0.28rem; line-height: 1.5;}
	
	.gallery .gallery-t{font-size: 0.5rem;}
	
	.related-container{padding: 1.2rem 0.3rem 1.5rem;}
	.related .ul{margin-top: 0.6rem; flex-wrap: wrap;}
	.related .ul .li{width: 48.5%; margin-bottom: 0.2rem;}
	.related .ul .li h2{font-size: 0.26rem; margin-top: 0.1rem;}
	.related .more2{margin-top: 0.6rem;}
	
	.more2 .more{font-size: 0.26rem;}
	.more2 .more svg{width: 0.3rem;}
}


/*<<<<<<<<<<<<<<<<<<<<<< AFTER MARKETS - 配件列表 >>>>>>>>>>>>>>>>>>>>>>>*/
/* 列表 */
.markets{max-width: 100%;}
.markets aside{display: block; width: 6.5rem; padding-top: 1.2rem; padding-bottom: 1.2rem; padding-left: 16.66666666666667vw;}
.markets aside .menu{margin-left: auto; margin-right: 0;}
.markets aside .menu .li:not(:last-child){border-bottom: 1px solid #DDDDDD;}
.markets aside .menu .li .li-top a{display: block; font-size: 0.24rem; line-height: 0.8rem; text-transform: uppercase; font-family: 'alt-b';}
.markets aside .menu .li.lis .li-top{position: relative; cursor: pointer;}
.markets aside .menu .li.lis .li-top::after{content: ''; font-size: 0; display: block; width: 0.2rem; height: 0.2rem; background: url(../images/icon16.svg) no-repeat center; background-size: contain; position: absolute; right: 0.15rem; top: calc(50% - 0.1rem); z-index: 1; transition: all 0.35s;}
.markets aside .menu .li.li-ing .li-top a{color: #ED3333;}
.markets aside .menu .li.lis.li-ing .li-top::after{transform: rotate(180deg);}
.markets aside .menu .li.lis .li-top a{display: inline-block;}
.markets aside .menu .li.lis .li-down a{display: block; font-size: 0.2rem; padding: 0.15rem 0;}
.markets aside .menu .li.lis .li-down a span{display: block;}
.markets aside .menu .li.lis .li-down a.down-ing{background: #F6F6F6; padding-left: 0.2rem;}
.markets aside .menu .li.lis .li-down a.down-ing span{padding-left: 0.3rem; background: url(../images/icon17.svg) no-repeat left center; background-size: 0.13rem;}
@media only screen and (any-hover: hover){
	.markets aside .menu .li .li-top:hover{background-color: #D8D8D8; padding-left: 0.2rem;}
	.markets aside .menu .li.lis .li-down a:hover{background: #F6F6F6; padding-left: 0.2rem;}
}
.markets section{flex-shrink: 0; padding: 1.2rem 0; width: 47.39583333333333vw; margin-left: 0.4rem;}
.markets section .ul{flex-wrap: wrap;}
.markets section .ul .li{width: calc((100% - 0.4rem) / 3); padding: 0.2rem; margin-right: 0.2rem; margin-bottom: 0.2rem;}
.markets section .ul .li:nth-child(3n){margin-right: 0;}
.markets section .ul .li .img-box{width: 100%; height: 0; padding-bottom: 100%; position: relative; overflow: hidden;}
.markets section .ul .li .img-box img{position: absolute; left: 0; top: 0; z-index: 1;}
.markets section .ul .li h2{font-size: 0.18rem; line-height: 1.5; text-transform: uppercase; font-family: 'alt-b';}
.markets section .ul .li:hover{box-shadow: 0 10px 20px rgba(1,29,17,0.2); transform: translateY(-5px);}

/* 详情 */
.market{margin-top: 0.8rem;}
.market .market-swiper{width: calc(100% - 2.4rem);}
.market .market-swiper .swiper-slide{padding: 0 1.5rem;}
.market .market-swiper .swiper-slide .img{width: 100%; height: 0; padding-bottom: 66.66666666666667%; overflow: hidden; position: relative;}
.market .market-swiper .swiper-slide .img img{width: 100%; height: 100%; object-fit: contain; position: absolute; left: 0; top: 0; z-index: 1;}
.market .market-swiper .swiper-but{position: absolute; top: calc(50% - 0.25rem); z-index: 9; display: inline-block; width: 0.5rem; height: 0.5rem; cursor: pointer; background-color: rgba(0,0,0,0.52); border-radius: 50%; overflow: hidden; transition: all 0.35s;}
.market .market-swiper .swiper-but.h-prev{left: 0; margin-right: 0.2rem; background-image: url(../images/h-prev.svg); background-repeat: no-repeat; background-position: center; background-size: contain;}
.market .market-swiper .swiper-but.h-next{right: 0; background-image: url(../images/h-next.svg); background-repeat: no-repeat; background-position: center; background-size: contain;}
.market .market-swiper .swiper-but:hover{background-color: #ED3333;}
.market .market-swiper .page{margin-top: 0.2rem;}
.market .market-swiper .page span.swiper-pagination-bullet-active{background-color: #ED3333;}
.market .infors{margin-top: 0.5rem;}
.market .infors .name{font-size: 0.5rem; font-family: 'alt-b';}
.market .infors .tig{margin-top: 0.3rem;}
.market .infors .tig .code{font-size: 0.2rem; text-decoration: underline; margin-right: 0.3rem;}
.market .infors .tig .down a{padding: 0.15rem 0.4rem;}
.market .infors .smalltext{font-size: 0.2rem; margin-top: 0.2rem;}
.market .fit{margin-top: 0.5rem; border: 1px solid #DDD;}
.market .fit h1{font-size: 0.18rem; font-family: 'alt-b'; text-transform: uppercase; line-height: 0.52rem;}
.market .fit ul{padding: 0.25rem; flex-wrap: wrap;}
.market .fit ul li{width: calc((100% - 1.6rem) / 5); margin-right: 0.4rem; margin-top: 0.2rem;}
.market .fit ul li:nth-child(5n){margin-right: 0;}
.market .fit ul li .img{width: 100%; height: 0; padding-bottom: 66.66666666666667%; position: relative; overflow: hidden;}
.market .fit ul li .img img{position: absolute; left: 0; top: 0; z-index: 1;}
.market .fit ul li h6{font-size: 0.18rem; margin-top: 0.1rem;}

.features-container{padding-top: 0.8rem; margin-top: 1rem;}
.features{padding-bottom: 1.2rem; border-bottom: 1px solid #DDD;}
.features h1{font-size: 0.4rem; font-family: 'alt-b'; text-transform: uppercase;}
.features .txt{font-size: 0.2rem; line-height: 2; margin-top: 0.3rem;}
.features .txt p{padding-left: 0.15rem; margin-top: 0.15rem; position: relative;}
.features .txt p::before{content: ''; font-size: 0; position: absolute; left: 0; top: 0.15rem; display: inline-block; width: 0.08rem; height: 0.08rem; background-color: #0F1423; border-radius: 100%;}

@media only screen and (max-width:1024px){ /* 移动端 */
	.markets{flex-direction: column;}
	.markets aside{width: 100%; padding: 0;}
	.markets aside .menu{display: flex;position: relative;}
	.markets aside .menu .li:not(:last-child){border: none;}
	.markets aside .menu .li .li-top{padding: 0 0.3rem;}
	.markets aside .menu .li.lis .li-top{padding-right: 0.4rem;}
	.markets aside .menu .li.lis .li-top a{pointer-events: none;}
	.markets aside .menu .li .li-top a{font-size: 0.28rem; line-height: 1rem;}
	.markets aside .menu .li.lis .li-down{background-color: #FFF; white-space: nowrap; font-size: 0; position: absolute; left: 0; top: 100%; width: 100%; overflow-y: auto;}
	.markets aside .menu .li.lis .li-down::-webkit-scrollbar {display: none;}
	.markets aside .menu .li.lis .li-down::-moz-scrollbar {display: none;}
	.markets aside .menu .li.lis .li-down a{display: inline-block; font-size: 0.28rem;padding: 0.25rem 0.3rem;}
	.markets aside .menu .li.lis .li-down a.down-ing{padding-left: 0.25rem;}
	.markets aside .menu .li.lis .li-down a.down-ing span{padding-left: 0; background: none;}
	.markets section{width: 100%; margin-left: 0; padding: 1.5rem 0.3rem;}
	.markets section .ul .li{width: calc((100% - 0.4rem) / 2); margin-right: 0.4rem; margin-bottom: 0.4rem;}
	.markets section .ul .li:nth-child(3n){margin-right: 0.4rem;}
	.markets section .ul .li:nth-child(2n){margin-right: 0;}
	.markets section .ul .li h2{font-size: 0.26rem;}
	.market{padding: 0 0.3rem; margin-top: 0.6rem;}
	.market .market-swiper{width: 100%;}
	.market .infors .name{font-size: 0.42rem;}
	.market .infors .tig{flex-direction: column;}
	.market .infors .tig .code{font-size: 0.26rem;}
	.market .infors .tig .down{margin-top: 0.3rem;}
	.market .infors .smalltext{font-size: 0.28rem; margin-top: 0.4rem; text-align: left;}
	.market .fit h1{font-size: 0.26rem; line-height: 0.66rem;}
	.market .fit ul{padding: 0.3rem 0.2rem;}
	.market .fit ul li{width: calc((100% - 0.4rem) / 3); margin-right: 0.2rem;}
	.market .fit ul li:nth-child(5n){margin-right: 0.2rem;}
	.market .fit ul li:nth-child(3n){margin-right: 0;}
	.market .fit ul li h6{font-size: 0.24rem;}
	.features-container{margin-top: 1.2rem; padding: 1.2rem 0.3rem;}
	.features h1{font-size: 0.36rem;}
	.features .txt{font-size: 0.28rem; line-height: 1.8;}
	.features .txt p{padding-left: 0.25rem;}
	.features .txt p::before{width: 0.14rem; height: 0.14rem; top: 0.16rem;}
}

/*<<<<<<<<<<<<<<<<<<<<<< GLOBAL DISTRIBUTOR NETWORK 地图-国家 >>>>>>>>>>>>>>>>>>>>>>>*/
.network{margin-top: 1rem; margin-bottom: 1.5rem;}
.network .map{margin-top: 0.2rem; position: relative;}
.network .map .li{position: absolute; left: var(--x); top: var(--y); z-index: 1; cursor: pointer;}
.network .map .li svg{width: 0.18rem; height: auto; fill: currentColor;}
.network .map .li h6{font-size: 0.18rem; margin-top: 0.05rem; font-family: 'alt-b'; text-transform: uppercase;}
.network .map .li.li-ing,
.network .map .li:hover{color: #ED3333;}
@media only screen and (max-width:1024px){ /* 移动端 */
	.network{padding: 0 0.3rem;}
	.network .title1{width: 90%; margin: auto;}
	.network .map .li h6{font-size: 0.24rem; margin-top: auto;}
}

.nation-container{margin-top: -2rem; margin-bottom: 2rem; padding: 0.45rem 0.2rem; border: 1px solid #DDD; position: relative; z-index: 1; background-color: rgba(255,255,255,0.5);}
.nation{flex-wrap: wrap;}
.nation .li{width: calc((100% - 1rem) / 6); margin-right: 0.2rem; margin-bottom: 0.4rem;}
.nation .li:nth-child(6n){margin-right: 0;}
.nation .li .flag{flex-shrink: 0; width: 0.6rem; height: 0.4rem; margin-right: 0.1rem; font-size: 0;}
.nation .li .flag img{width: 100%; height: 100%; object-fit: contain;}
.nation .li span{font-size: 0.2rem;}
.nation .li:hover{color: #ED3333;}
@media only screen and (max-width:1024px){ /* 移动端 */
	.nation-container{margin: auto;}
	.nation .li{width: calc((100% - 0.3rem) / 2); margin-right: 0.3rem;}
	.nation .li:nth-child(2n){margin-right: 0;}
	.nation .li .flag{width: 1.2rem; height: 0.8rem;}
	.nation .li span{font-size: 0.26rem;}
}

.looking-container{position: relative;}
.looking{position: absolute; left: 50%; transform: translate3d(-50%,0,0); top: 1.4rem; z-index: 1;}
.looking form{margin-top: 0.5rem;}
.looking form .inp-box{display: inline-block; position: relative;}
.looking form .inp{width: 6.8rem; font-size: 0.2rem; line-height: 2; border: 1px solid #DDD; border-radius: 0.06rem; outline: none; padding: 0.15rem 0.8rem 0.15rem 0.3rem;}
.looking form .sub{outline: none; cursor: pointer; font-size: 0; border: none; background: url(../images/icon18.svg) no-repeat center; background-size: contain; position: absolute; right: 0.3rem; top: calc(50% - 0.16rem); width: 0.32rem; height: 0.32rem;}
.looking form .inp:focus{border-color: #ED3333;}
.looking form .sub:hover{background: url(../images/icon19.svg) no-repeat center; background-size: contain;}
.looking .nodata{margin-top: 0.8rem;}
.looking .nodata .tig{font-size: 0.2rem;}
.looking .nodata .more1{margin-top: 0.2rem; padding: 0.2rem 0.4rem;}
@media only screen and (max-width:1024px){ /* 移动端 */
	.looking{padding: 0 0.3rem;}
	.looking .title1{width: 60%; margin: auto;}
	.looking form .inp-box{width: 100%;}
	.looking form .inp{width: 100%; font-size: 0.28rem;}
}

/* WHY AODES */
.why-box1{max-width: 1920px; margin-top: 1.3rem; margin-left: auto; margin-right: auto;}
.title2 .t1{font-size: 0.7rem; font-family: 'alt-b'; text-transform: uppercase;}
.title2 .t2{font-size: 0.5rem; font-family: 'alt-b'; text-transform: uppercase;}
.title2 .t3{font-size: 0.3rem; font-family: 'alt-b'; text-transform: uppercase;}
.why-box1 .why-box{margin-top: 0.5rem;}
.why-box1 .why-box ul{padding-left: 16.66666666666667%; flex: 1;}
.why-box1 .why-box .img-box{width: 44.27083333333333%; margin-left: 5%;}
.why-box1 .why-box ul li{padding: 0.2rem 0;}
.why-box1 .why-box ul li:not(:first-child){border-top: 1px solid #DDD;}
.why-box1 .why-box ul li .top{font-size: 0.4rem; line-height: 2; font-family: 'alt-b'; cursor: pointer; position: relative;}
.why-box1 .why-box ul li .top::after{content: '+'; display: block; font-size: 0.4rem; line-height: 2; position: absolute; right: 0; top: 0; z-index: 1;}
.why-box1 .why-box ul li.li-ing .top{color: #ED3333;}
.why-box1 .why-box ul li.li-ing .top::after{content: '-';}
.why-box1 .why-box ul li .li-down{font-size: 0.22rem; line-height: 2; display: none;}
.why-box2{background: url(../images/011302.jpg) no-repeat center; background-size: cover; margin-top: 1.5rem; padding: 1.9rem 0 1.5rem;}
.why-box2 h1{font-size: 0.5rem; font-family: 'alt-b'; text-transform: uppercase;}
.why-box2 .more1{margin-top: 0.3rem;}
.why-box3{margin-top: 1.5rem;}
.why-box3 .box{margin-top: 0.7rem;}
.why-box3 .box .img{width: 46.875%; flex-shrink: 0;}
.why-box3 .box .txt{flex: 1;}
.why-box3 .box.box1 .txt{margin-right: 0.8rem;}
.why-box3 .box.box2 .txt{margin-left: 0.8rem;}
.why-box3 .box .txt h2{font-size: 0.4rem; font-family: 'alt-b'; text-transform: uppercase;}
.why-box3 .box .txt ul{margin-top: 0.15rem;}
.why-box3 .box .txt ul li{font-size: 0.22rem; line-height: 2; padding-left: 0.2rem; position: relative;}
.why-box3 .box .txt ul li::before{content: '·'; font-size: 0.5rem; line-height: 0.44rem; display: block; color: #0F1423; position: absolute; left: 0; top: 0; z-index: 1;}
@media only screen and (max-width:1024px){ /* 移动端 */
	.title2 .t2{font-size: 0.6rem;}
	.why-box1{padding: 0 0.3rem; margin-top: 1rem;}
	.why-box1 .why-box ul{padding-left: 0; width: 100%;}
	.why-box1 .why-box{flex-direction: column;}
	.why-box1 .why-box ul li.li-ing .top{color: #0F1423;}
	.why-box1 .why-box ul li .top::after{display: none;}
	.why-box1 .why-box ul li .li-down{display: block !important; font-size: 0.28rem;}
	.why-box1 .why-box .img-box{width: 100%; margin-left: auto; margin-top: 0.5rem;}
	.why-box2{padding: 1.2rem 0 1rem;}
	.why-box2 h1{font-size: 0.42rem;}
	.why-box3{padding: 0 0.3rem; margin-top: 1rem;}
	.why-box3 .box1{flex-direction: column;}
	.why-box3 .box2{flex-direction: column-reverse;}
	.why-box3 .box .txt{width: 100%;}
	.why-box3 .box .txt h2{font-size: 0.42rem;}
	.why-box3 .box.box1 .txt{margin-right: 0;}
	.why-box3 .box.box2 .txt{margin-left: 0;}
	.why-box3 .box .txt ul li{font-size: 0.28rem;}
	.why-box3 .box .txt ul li::before{font-size: 0.8rem; line-height: 0.56rem;}
	.why-box3 .box .img{width: 100%; margin-top: 0.3rem;}
}

.fqa-container{padding: 1.4rem 0 1.5rem; background-color: #F6F6F6; margin-top: 1.5rem;}
.fqa h2{font-size: 0.4rem; font-family: 'alt-b'; text-transform: uppercase;}
.fqa .ul{margin-top: 0.6rem;}
.fqa .ul .li{cursor: pointer; background-color: #FFF; border-radius: 0.1rem; padding: 0.25rem 0.3rem; margin-bottom: 0.2rem;}
.fqa .ul .li .li-top .icon{display: inline-block; font-family: Arial, Helvetica, sans-serif; flex-shrink: 0; width: 0.24rem; height: 0.24rem; text-align: center; line-height: 0.24rem; background-color: #ED3333; color: #FFF; margin-right: 0.2rem;}
.fqa .ul .li .li-top h1{flex: 1; font-size: 0.22rem; color: #0F1423; font-family: 'alt-b'; padding-right: 0.3rem; position: relative;}
.fqa .ul .li .li-top h1::after{content: ''; display: block; position: absolute; right: 0; top: calc(50% - 0.1rem); z-index: 1; width: 0.2rem; height: 0.2rem; background: url(../images/icon21.svg) no-repeat center; background-size: contain; transition: all 0.3s;}
.fqa .ul .li .resp{display: none; margin-top: 0.3rem;}
.fqa .ul .li .resp .icon{display: inline-block; font-family: Arial, Helvetica, sans-serif; margin-top: 0.04rem; width: 0.24rem; height: 0.24rem; text-align: center; line-height: 0.24rem; background: #D6D6D6; color: #FFF; margin-right: 0.2rem;}
.fqa .ul .li .resp .cont{font-size: 0.2rem; color: #0F1423; line-height: 2; width: calc(100% - 0.5rem);}
.fqa .ul .li.li-ing .li-top h1::after{transform: rotate(180deg);}
@media only screen and (max-width:1024px){ /* 移动端 */
	.fqa-container{margin-top: 1rem; padding: 1rem 0.3rem;}
	.fqa h2{font-size: 0.42rem;}
	.align5{padding: 0 0.3rem;}
	.fqa .ul{margin-top: 0.4rem;}
	.fqa .ul .li .li-top .icon{width: 0.32rem; height: 0.32rem; line-height: 0.32rem; font-size: 0.15rem;}
	.fqa .ul .li .li-top h1{font-size: 0.3rem;}
	.fqa .ul .li .resp .icon{width: 0.32rem; height: 0.32rem; overflow: hidden; line-height: 0.32rem; font-size: 0.15rem; font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;}
	.fqa .ul .li .resp .cont{width: calc(100% - 0.62rem); font-size: 0.28rem; line-height: 1.5;}
}

@media only screen and (any-hover: hover){
	.why-box1 .why-box ul li .top:hover{background-color: #F6F6F6;}
	.fqa .ul .li:hover{box-shadow: 0 0 0.1rem rgba(0,0,0,0.08);}
}

/* AODES TEAM WILL RESPOND TO YOUR INQUIRY ASAP 表单提交 */
.inquiry-top{padding: 1.3rem 0 1rem;}
.inquiry-top .tip{font-size: 0.2rem; text-transform: uppercase; margin-top: 0.4rem;}
.inquiry-container{padding: 0.8rem 0 2rem;}
.inquiry .infors h1{flex: 1; font-size: 0.3rem; font-family: 'alt-b'; text-transform: uppercase;}
.inquiry .infors .inps{width: 67.1875%; flex-shrink: 0;}
.inquiry .infors .inps .li{align-items: center;}
.inquiry .infors1 .inps .li label{width: 2rem; flex-shrink: 0; text-align: right; margin-right: 0.3rem;}
.inquiry .infors .li label{font-size: 0.22rem; line-height: 1.5; color: #555;}
.inquiry .infors label i{color: #ED3333;}
.inquiry .infors .inps .li .layui-input{flex: 1;}
.inquiry .infors .inps .li .layui-unselect{flex: 1;}
.inquiry .img{margin-top: 1rem;}
.inquiry .infors2{margin-top: 1rem;}
.inquiry .infors2 .tip{font-size: 0.2rem; margin-top: 0.3rem; text-transform: uppercase;}
.inquiry .infors2 .li{margin-top: 0.15rem; background-color: #FFF; padding: 0.3rem 0.5rem; border-radius: 0.08rem;}
.inquiry .infors2 .li label{display: block;}
.inquiry .infors2 .li textarea,
.inquiry .infors2 .li .layui-unselect{margin-top: 0.1rem;}
.inquiry .btn-box{margin-top: 0.7rem;}
.inquiry .btn-box button{font-size: 0.2rem; text-transform: uppercase; height: 0.65rem; padding: 0 1rem; background: #ED3333; clip-path: polygon(0 0,100% 0,100% 100%,0 100%); cursor: pointer; border: none; outline: none;}
.inquiry .btn-box button:hover{box-shadow: 0 10px 20px rgba(1,29,17,0.2); transform: translateY(-5px); clip-path: polygon(8% 0,100% 0,92% 100%,0 100%);}
@media only screen and (max-width:1024px){	/* 移动端 */
	.inquiry-top{padding: 1rem 0.3rem;}
	.inquiry-top .tip{font-size: 0.28rem;}
	.inquiry-container{padding: 1rem 0.3rem 1.5rem;}
	.inquiry .infors1{flex-direction: column;}
	.inquiry .infors h1{font-size: 0.42rem;}
	.inquiry .infors .inps{width: 100%; margin-top: 0.4rem;}
	.inquiry .infors .li label{font-size: 0.26rem;}
	.inquiry .infors1 .inps .li label{width: 2.1rem; white-space: nowrap; margin-right: 0.1rem;}
	.inquiry .img{margin-top: 0.8rem;}
	.inquiry .infors2 .tip{font-size: 0.28rem;}
	.inquiry .btn-box button{font-size: 0.28rem;}
}

/*<<<<<<<<<<<<<<<<<<<<<< Company News 新闻列表 >>>>>>>>>>>>>>>>>>>>>>>*/
.news{margin-top: 1.3rem; margin-bottom: 2rem;}
.news .ul{flex-wrap: wrap;}
.news .ul .li{width: calc((100% - 0.7rem) / 3); margin-right: 0.35rem; margin-bottom: 0.35rem;}
.news .ul .li:nth-child(3n){margin-right: 0;}
.news-detail{margin-top: 1rem; margin-bottom: 1.5rem;}
.news-detail .infors{border-bottom: 1px solid #DDD; padding-bottom: 0.2rem;}
.news-detail .infors h1{font-size: 0.54rem; line-height: 1.5; font-family: 'alt-b'; text-transform: uppercase;}
.news-detail .infors .tigs{margin-top: 0.3rem; font-size: 0.2rem; font-family: 'alt-b';}
.news-detail .container{margin-top: 0.2rem; font-size: 0.2rem; line-height: 2;}
.news-detail .container img,
.news-detail .container video{max-width: 100%; margin:0.3rem auto;}
@media only screen and (max-width:1024px){	/* 移动端 */
	.news{padding: 0 0.3rem; margin-top: 1rem;}
	.news .ul .li{width: 100%; margin-right: 0; margin-bottom: 0.5rem; background-color: #F6F6F6;}
	.news .ul .li .txt{padding: 0.4rem 0.3rem;}
	.news-detail{padding: 0 0.3rem;}
	.news-detail .infors h1{font-size: 0.6rem; line-height: 1.2; text-align: center;}
	.news-detail .infors .tigs{text-align: center; font-size: 0.26rem;}
	.news-detail .container{margin-top: 0.4rem; font-size: 0.28rem; line-height: 1.8;}
}


/*<<<<<<<<<<<<<<<<<<<<<< PHOTOS 图片下载页面 >>>>>>>>>>>>>>>>>>>>>>>*/
.photos{margin-top: 1.3rem; margin-bottom: 2rem;}
.photos .ul{margin-top: 0.5rem; flex-wrap: wrap;}
.photos .ul .li{width: calc((100% - 0.7rem) / 3); position: relative; border-bottom: 1px solid #DDD; padding-bottom: 0.15rem; margin-right: 0.35rem; margin-bottom: 0.35rem;}
.photos .ul .li:nth-child(3n){margin-right: 0;}
.photos .ul .li .img{width: 100%; height: 0; padding-bottom: 56.25%; position: relative; overflow: hidden;}
.photos .ul .li .img img{position: absolute; left: 0; top: 0; z-index: 1;}
.photos .ul .li .txt{margin-top: 0.2rem;}
.photos .ul .li .txt .title{font-size: 0.24rem; font-family: 'alt-b'; line-height: 1.5; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
.photos .ul .li .txt .a-box{margin-top: 0.1rem;}
.photos .ul .li .txt .download{display: inline-block; padding-left: 0.3rem; background: url(../images/icon20.svg) no-repeat left center; background-size: 0.2rem;}
.photos .ul .li .txt .download::after{content: ''; display: block; font-size: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9;}
.photos .ul .li:hover{border-color: #ED3333;}
.photos .ul .li:hover img{transform: scale(1.05);}
.photos .ul .li:hover .txt .title{color: #ED3333;}
@media only screen and (max-width:1024px){	/* 移动端 */
	.photos{padding: 0 0.3rem; margin-top: 1rem;}
	.photos .ul .li{width: 100%; margin-bottom: 0.8rem; margin-right: 0; border: 1px solid #D8D8D8;}
	.photos .ul .li .txt{padding: 0.1rem 0.3rem;}
	.photos .ul .li .txt .title{font-size: 0.32rem;}
	.photos .ul .li .txt .download{font-size: 0.26rem;}
}

/*<<<<<<<<<<<<<<<<<<<<<< 查询页面 >>>>>>>>>>>>>>>>>>>>>>>*/
.retrieve{margin-top: 1rem; margin-bottom: 2rem;}
.retrieve .ul{margin-top: 0.5rem; flex-wrap: wrap;}
.retrieve .ul .li{width: calc((100% - 0.7rem) / 3); position: relative; padding-bottom: 0.15rem; margin-right: 0.35rem; margin-bottom: 0.35rem;}
.retrieve .ul .li:nth-child(3n){margin-right: 0;}
.retrieve .ul .li .img{width: 100%; height: 0; padding-bottom: 66.66666666666667%; position: relative; overflow: hidden;}
.retrieve .ul .li .img img{position: absolute; left: 0; top: 0; z-index: 1;}
.retrieve .ul .li .title{font-size: 0.24rem; font-family: 'alt-b'; margin-top: 0.1rem; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.retrieve .ul .li:hover{box-shadow: 0 10px 20px rgba(1,29,17,0.2); transform: translateY(-5px);}
.retrieve .ul .li:hover img{transform: scale(1.05);}
.retrieve .ul .li:hover .title{color: #ED3333; padding: 0 0.1rem;}

/* 分页 */
.nations{text-align: center; margin-top: 50px;}
.nations>b,
.nations>a{display: inline-block; text-align: center; font-size: 15px; min-width: 40px; padding: 0 16px; border: #E4E4E4 solid 1px; line-height: 40px; margin: 10px; color: #666; transition: all 0.35s; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s;}
.nations>b{background: rgba(0, 78, 162,0.2); text-align: center; color: #1263AA; border: transparent solid 1px;}
@media (any-hover: hover){
	.nations>a:hover{background: rgba(0, 78, 162,0.2); color: #1263AA; border: transparent solid 1px;}
}
@media only screen and (max-width:1024px){	/* 移动端 */
	.nations{margin-top: 0.6rem;}
	.nations>b, .nations>a{font-size: 0.26rem; min-width: 0.6rem; line-height: 0.6rem; padding: 0 0.15rem; margin: 0.15rem;}
}



/* 固定在页面右下角 */
        .lanaguage {
            bottom: 10px;
            right: 10px;
            position: fixed;
            z-index: 99999;
        }

        /* 语言选择项的样式 */
        .lanage_item {
            background: #fff linear-gradient(180deg, #efefef 0%, #fff 70%);
            position: relative;
            border: 1px solid #ccc;
            color: #666;
            padding: 3px 5px;
            width: 117px;
            height: 41px;
            font-size: 17px;
        }

        .lanage_item a {
            display: flex;
            gap: 10px;
            align-items: center;
            width: 117px;
            height: 41px;
            margin-top: -3px;
            cursor: pointer;
            position: relative;
        }

        /* 菜单箭头 */
        .lanage_item a::after {
            height: 24px;
            display: inline-block;
            position: absolute;
            right: 10px;
            width: 15px;
            background-position: 50%;
            background-size: 11px;
            background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 285 285'><path d='M282 76.5l-14.2-14.3a9 9 0 0 0-13.1 0L142.5 174.4 30.3 62.2a9 9 0 0 0-13.2 0L3 76.5a9 9 0 0 0 0 13.1l133 133a9 9 0 0 0 13.1 0l133-133a9 9 0 0 0 0-13z' style='fill:%23666'/></svg>");
            background-repeat: no-repeat;
            content: "";
            transition: all .2s;
        }

        /* 控制显示/隐藏选项 */
        .lanage_option {
            display: none;
            overflow-y: scroll;
            height: 60px;
            position: relative;
            z-index: 9998;
            border-left: 1px solid #ccc;
            border-right: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            background-color: #eee;
            width: 115px;
            max-height: 198px;
            box-sizing: content-box;
            overflow-y: auto;
            overflow-x: hidden;
            transition: height 0.5s ease-in-out;
            font-size: 20px;
        }
        .lanage_option a{
            display: flex;
            gap: 10px;
            align-items: center;
            width: 115px;
            height: 41px;
            margin-top: -3px;
            cursor: pointer;
            position: relative;
            padding-left: 4px;
        }
        .lanage_option a:hover{
            background-color: #ccc;
        }
        /* 改变箭头的方向 */
        .lanage_item.open a::after {
            transform: rotate(180deg);
        }