:root{
	--text-color: #dfdaed;
	--text-color-active: hsl(256, 35%, 89%, 0.6);

  --container-width: 11.7rem;
  --gn-height: 0.7rem;


	--white: #fff;
	--white-active: hsla(0,0%,100%,0.6);
	--white-0: rgba(255,255,255,0);
  --c0: hsla(0,0%,0%,1);
	--c0-active: hsla(0,0%,0%,0.6);
	--c3: hsla(0,0%,20%,1);
	--c3-active: hsla(0,0%,20%,0.6);
	--c6: hsla(0,0%,40%,1);
	--c6-active: hsla(0,0%,40%,0.6);
	--c8: hsla(0,0%,53%,1);
	--c8-active: hsla(0,0%,53%,0.6);
	--c9: hsla(0,0%,60%,1);
	--c9-active: hsla(0,0%,60%,0.6);
	--bg-active: rgba(0,0,0,0.05);
	--bd: 0.7px solid #eee;
}

*{margin:0; padding:0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0);}
html{font-size: 100px; font-family: "PingFang SC","Segoe UI",Roboto,"Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",SimSun,sans-serif;
}
body{margin: 0 auto; min-width:320px; line-height: 1.5; font-size: 0.12em; color:#666; overflow-x: hidden; -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: 100%!important; -ms-text-size-adjust: 100%!important; text-size-adjust: 100%!important;
}
html, body{scroll-behavior: smooth;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{display: block;}
audio, canvas, progress, video{display: inline-block; vertical-align: baseline;}
audio:not([controls]){display: none; height: 0;}
[hidden], template{display: none;}
svg:not(:root){overflow: hidden;}
mark{background: #ff0; color: #000;}
small{font-size: 80%;}
sub, sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup{top: -0.5em;}
sub{bottom: -0.25em;}

table{border-collapse:collapse;}
ul{ list-style:none;}
img{border: 0; max-width: 100%;}
a img{vertical-align: bottom;}
a{text-decoration: none; color:#666; background-color: transparent; -webkit-tap-highlight-color: transparent;}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0; text-decoration:none;}
h1,h2,h3,h4,h5{font-weight: normal; font-size: 1.2em;}
[v-cloak]{display: none;}

::-webkit-scrollbar{display: none;}

.fl{float: left}
.fr{float: right}
.al{text-align: left;}
.ac{text-align: center;}
.ar{text-align: right;}
.hide{display: none}
.overhide{overflow: hidden;}
.t-hide{-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); overflow: hidden;}

.clear, .clr{display: block; clear: both; height: 0; line-height: 0; font-size: 0; overflow: hidden;}
.clearfix2::before,.clearfix2::after{content:""; display: table;}
.clearfix2::after{clear: both;}
.clearfix2, .clearfix{*zoom:1;}
.clearfix:after{display: block; content: ""; clear: both; height: 0; visibility: hidden;}


.white-bg{background-color: var(--white);}

.mask{position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.5); opacity: 0; visibility: hidden; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}

.block-img{display: block; width: 100%;}
.pos-r-cover-image,
.pos-a-cover-image{display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.pos-r-cover-image{position: relative;}
.pos-a-cover-image{position: absolute; top: 0; left: 0;}
.text-hide{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.hide-el,
.hide-el--input{position: absolute; z-index: 5; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; opacity: 0;}
.hide-el--input::-webkit-calendar-picker-indicator,
.hide-el--input::-webkit-file-upload-button,
.hide-el--input::file-selector-button{width: 100%; height: 100%;}
.nodata{display: block; text-align: center; padding: 0 0.24rem; font-size: 0.13rem; color: #ccc;}

.wbox, .wpbox{margin-bottom: 0.16rem; background-color: #fff; overflow: hidden;}
.wpbox{padding: 0 0.24rem;}

.d-flex, .wb, .flex-row{display: -webkit-box; display: flex;}
.wbc{display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center;}
.align-center{-webkit-box-align: center; align-items: center;}
.flex-1, .wbw, .flex-main{-webkit-box-flex: 1; flex: 1; min-width: 0;}
.flex-side{margin-left: 0.2rem; position: relative; display: block; -webkit-box-flex: 1; flex: 1; min-width: 0; text-align: right;}
.self-top{-webkit-align-self: flex-start; align-self: flex-start;}
.self-center{-webkit-align-self: center; align-self: center;}
.self-end{-webkit-align-self: flex-end; align-self: flex-end;}


ins, .ins{text-decoration: none;}
ins + del{margin-left: 0.1rem;}


::-webkit-input-placeholder{color: #bbb;}
:focus::-webkit-input-placeholder{color: #999;}
::-moz-placeholder{color: #bbb;}
:-ms-input-placeholder{color: #bbb;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none!important; margin: 0;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
input[type="number"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}

/*表单字体*/
input,select,button,textarea,form{font-family: "PingFang SC","Segoe UI",Roboto,"Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",SimSun,sans-serif; }


/*距离*/
.mt0, .my0, .m0{margin-top: 0!important;}.m0,.mb0,.my0{margin-bottom:0!important}.m0,.mx0,.ml0{margin-left:0!important}.m0,.mx0,.mr0{margin-right:0!important}.m10,.mt10,.my10{margin-top:0.1rem!important}.m10,.mb10,.my10{margin-bottom:0.1rem!important}.m10,.mx10,.ml10{margin-left:0.1rem!important}.m10,.mx10,.mr10{margin-right:0.1rem!important}.m20,.mt20,.my20{margin-top:0.2rem!important}.m20,.mb20,.my20{margin-bottom:0.2rem!important}.m20,.mx20,.ml20{margin-left:0.2rem!important}.m20,.mx20,.mr20{margin-right:0.2rem!important}.m30,.mt30,.my30{margin-top:0.3rem!important}.m30,.mb30,.my30{margin-bottom:0.3rem!important}.m30,.mx30,.ml30{margin-left:0.3rem!important}.m30,.mx30,.mr30{margin-right:0.3rem!important}.m40,.mt40,.my40{margin-top:0.4rem!important}.m40,.mb40,.my40{margin-bottom:0.4rem!important}.m40,.mx40,.ml40{margin-left:0.4rem!important}.m40,.mx40,.mr40{margin-right:0.4rem!important}.p0,.pt0,.py0{padding-top:0!important}.p0,.pb0,.py0{padding-bottom:0!important}.p0,.px0,.pl0{padding-left:0!important}.p0,.px0,.pr0{padding-right:0!important}.p10,.pt10,.py10{padding-top:0.1rem!important}.p10,.pb10,.py10{padding-bottom:0.1rem!important}.p10,.px10,.pl10{padding-left:0.1rem!important}.p10,.px10,.pr10{padding-right:0.1rem!important}.p20,.pt20,.py20{padding-top:0.2rem!important}.p20,.pb20,.py20{padding-bottom:0.2rem!important}.p20,.px20,.pl20{padding-left:0.2rem!important}.p20,.px20,.pr20{padding-right:0.2rem!important}.p30,.pt30,.py30{padding-top:0.3rem!important}.p30,.pb30,.py30{padding-bottom:0.3rem!important}.p30,.px30,.pl30{padding-left:0.3rem!important}.p30,.px30,.pr30{padding-right:0.3rem!important}.p40,.pt40,.py40{padding-top:0.4rem!important}.p40,.pb40,.py40{padding-bottom:0.4rem!important}.p40,.px40,.pl40{padding-left:0.4rem!important}.p40,.px40,.pr40{padding-right:0.4rem!important}.m25,.mt25,.my25{margin-top:0.25rem!important}.m25,.mb25,.my25{margin-bottom:0.25rem!important}.m25,.mx25,.ml25{margin-left:0.25rem!important}.m25,.mx25,.mr25{margin-right:0.25rem!important}.p25,.pt25,.py25{padding-top:0.25rem!important}.p25,.pb25,.py25{padding-bottom:0.25rem!important}.p25,.px25,.pl25{padding-left:0.25rem!important}.p25,.px25,.pr25{padding-right:0.25rem!important}

/*-------------------------结束公用样式--------------------------*/



[class*="btn"]:not(:disabled):not(.disabled):hover [class*="ico"],
[class*="button"]:not(:disabled):not(.disabled):hover [class*="ico"],
[class*="btn"]:not(:disabled):not(.disabled):hover [class*="caret"],
[class*="button"]:not(:disabled):not(.disabled):hover [class*="caret"]{opacity: 0.6;}




.container{margin-left: auto; margin-right: auto; width: var(--container-width);}


/*--header--*/
.gn-header,
.gn-header--container{height: var(--gn-height);}
.gn-header{color: var(--white); background-color: var(--c3);}
.gn-header--container{display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center;}
.gn-logo{font-size: 0.24rem; color: var(--white);}
.x1-nav{margin-left: 2.4rem; display: -webkit-box; display: flex;}
.x1-nav--item{padding-left: 0.2rem; padding-right: 0.2rem;}
.x1-nav--name{position: relative; display: block; padding-top: 0.1rem; padding-bottom: 0.1rem; line-height: 0.2rem; font-size: 0.16rem; color: var(--text-color); -webkit-transition: 0.3s; transition: 0.3s;}
.x1-nav--name:visited{color: var(--text-color);}
.x1-nav--name::before{position: absolute; bottom: 0; left: 50%; display: block; content: ""; width: 0; height: 2px; background-color: var(--text-color); -webkit-transition: 0.3s; transition: 0.3s;}
.x1-nav--name:hover::before{left: 0; width: 100%;}
.gn-side{display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-justify-content: end; justify-content: flex-end; -webkit-box-flex: 1; flex: 1; min-width: 0;}
.x1-search--form{position: relative; display: block; width: 2.8rem; height: 0.4rem; overflow: hidden; backface-visibility: hidden; -webkit-backface-visibility: hidden;}
.x1-search--container{position: absolute; left: 0; top: 0; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; width: 100%; height: 100%; -webkit-transform: translateY(110%); transform: translateY(110%); -webkit-transition: 0.3s; transition: 0.3s;}
.show.x1-search .x1-search--container{-webkit-transform: none; transform: none;}
.x1-search--group{display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-flex: 1; flex: 1; min-width: 0; padding-left: 0.05rem; padding-right: 0.05rem; height: 0.4rem; background-color: var(--white); border-radius: 0.2rem;}
.x1-search--input,
.x1-search--submit{color: var(--c3); background-color: var(--white-0); border: none; border-radius: 0; outline: 0; box-shadow: none; -webkit-appearance: none; appearance: none;}
.x1-search--input,
.x1-search--switch-button,
.x1-search--button,
.x1-search--submit{padding: 0.1rem; height: 0.4rem; line-height: 0.2rem; font-size: 0.14rem;}
.x1-search--input{-webkit-box-flex: 1; flex: 1; min-width: 0;}
.x1-search--button,
.x1-search--switch-button,
.x1-search--submit{display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; cursor: pointer;}
.x1-search--button,
.x1-search--switch-button{color: var(--white);}
.x1-search--switch-button{position: absolute; top: 0; right: 0; -webkit-transition: 0.3s; transition: 0.3s;}
.show.x1-search .x1-search--switch-button{-webkit-transform: translateY(-110%); transform: translateY(-110%);}

/* footer */
.global-footer{padding-top: 0.1px; padding-bottom: 0.1px; background-color: #1e1e1e;}
.gf-service,
.gf-spactor,
.gf-about{margin-top: 0.3rem; margin-bottom: 0.3rem;}
.gf-service{display: -webkit-box; display: flex;}
.gf-service .x1-nav--item:first-of-type{padding-left: 0;}
.gf-side{display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-justify-content: end; justify-content: flex-end; -webkit-box-flex: 1; flex: 1; min-width: 0;}
.gf-spactor{display: block; border-top: 1px solid rgba(255,255,255,0.2);}
.gf-about{display: -webkit-box; display: flex; font-size: 0.16rem; color: var(--text-color);}
.gf-about--main{-webkit-box-flex: 1; flex: 1; min-width: 0;}
.gf-about--copyright{margin-left: 0.2rem;}



.contact-main{position: relative; display: block; background-size: cover; background-image: url(../images/contact/bg.jpg);}
.y1-contact{padding: 0.5rem 0.5rem 0.2rem 0.5rem; width: 4.8rem; color: var(--c0); background-color: rgba(255,255,255,0.8);}
.y1-contact--title{margin-bottom: 0.2rem; padding-bottom: 0.1rem; line-height: 0.6rem; font-size: 0.48rem; border-bottom: 1px solid rgba(0,0,0,0.2);}
.y1-contact--text{margin-bottom: 0.2rem; line-height: 1.8; font-size: 0.16rem;}
.y1-contact--section{margin-bottom: 0.4rem;}
.y1-contact--title-2{margin-bottom: 0.15rem; line-height: 0.3rem; font-size: 0.24rem;}
.y1-contact--sku{margin-bottom: 0.15rem;}
.y1-contact--sku-dt{font-size: 0.18rem;}
.y1-contact--sku-dd{font-size: 0.16rem;}
.y1-contact--link,
.y1-contact--link:visited{color: var(--c0); -webkit-transition: 0.3s; transition: 0.3s;}
.y1-contact--link:hover{color: var(--c0-active);}
.t1-qrcode{margin-bottom: 0.4rem; display: block; text-align: center; padding: 0.1rem 0.3rem; width: max-content; background-color: var(--white);}
.t1-qrcode--text{margin-top: 0.05rem; margin-bottom: 0.1rem; line-height: 0.2rem; font-size: 0.12rem; color: var(--c6);}
.t1-qrcode--photo{margin: 0.1rem auto; position: relative; display: block; width: 2.2rem; height: 2.2rem; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); overflow: hidden;}
.t1-qrcode--photo-image{position: relative; display: block; width: 100%; height: 100%;}