@charset "utf-8";
@font-face{
    font-family:'HarmonyOS';
    src:url('../fonts/HarmonyOS_Sans_SC_Light.ttf') format('truetype');
    font-style:normal;
    font-weight:300;
    font-display:swap;
}
@font-face{
    font-family:'HarmonyOS';
    src:url('../fonts/HarmonyOS_Sans_SC_Regular.ttf') format('truetype');
    font-style:normal;
    font-weight:normal;
    font-display:swap;
}
@font-face{
    font-family:'HarmonyOS';
    src:url('../fonts/HarmonyOS_Sans_SC_Medium.ttf') format('truetype');
    font-style:normal;
    font-weight:500;
    font-display:swap;
}
@font-face{
    font-family:'HarmonyOS';
    src:url('../fonts/HarmonyOS_Sans_SC_Bold.ttf') format('truetype');
    font-style:normal;
    font-weight:bold;
    font-display:swap;
}
/*初始化样式*/
:root {  
    --font-color:#333;
    --main-color:#327cd1;
    --rgba:50,124,209;
    --white:255,255,255;
    --black:0,0,0;
}
*{-webkit-tap-highlight-color:transparent;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
*:before,*:after {box-sizing: border-box;}
@media (min-width:1025px){
    ::-webkit-scrollbar{width:0.04rem;height:0.6rem;background-color:#e8eced;}
    ::-webkit-scrollbar-thumb{background-color:var(--main-color);border-radius:0.2rem;}
}
html {-webkit-text-size-adjust:none; font-size: calc(100vw/19.2); scroll-behavior: initial;}
@media only screen and (max-width:1920px){
    /*1920px*/
    /* html{font-size:100px;} */
}
@media only screen and (max-width:1600px){
    /*1600px*/
    /* html{font-size:calc(100vw/16);} */
}
@media only screen and (max-width:1280px){
    /*1280px*/
    html{font-size:calc(90vw/12.8);}
}
@media only screen and (max-width:1024px){

    /*1024px*/
    html{font-size:calc(90vw/10.24);}
}
@media only screen and (max-width:750px){

    /*750px*/
    html{font-size:calc(150vw/7.5);}
}
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
html,body,div,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,.init,.init dl, .init dt, .init dd,.init li,.init ul, .init ol, .init p, .init h1, .init h2, .init h3, .init h4, .init h5, .init h6 {margin:0;padding:0;}
body{background-color:#fff;color:var(--font-color);font:normal 0.16rem/1.875em 'HarmonyOS','Sans-serif'; overflow-x:hidden;word-break: break-all; word-wrap:break-word; overflow-wrap: break-word; hyphens: auto;}
a{text-decoration:none;outline:none;color:var(--font-color);}
a:focus{outline:none;-moz-outline:none;}
a:hover{color:var(--main-color);}
a img{border:none;}
img {vertical-align:middle; max-width:100%;}
.init li {list-style:none;}
select,input,textarea,button{border-radius:0;-webkit-border-radius:0;background:none;border:none;margin:0;padding:0;outline:none;font-family:inherit; font-size:1em;}
textarea{resize:none;}
input:focus{outline:none;}
input::-moz-placeholder{opacity:0.75; color:inherit;}
input:-moz-placeholder{opacity:0.75; color:inherit;}
input::-webkit-input-placeholder{opacity:0.75; color:inherit;}
input:-ms-input-placeholder{opacity:0.75; color:inherit;}
textarea::-moz-placeholder{opacity:0.75; color:inherit;}
textarea:-moz-placeholder{opacity:0.75; color:inherit;}
textarea::-webkit-input-placeholder{opacity:0.75; color:inherit;}
textarea:-ms-input-placeholder{opacity:0.75; color:inherit;}
table{background-color:transparent;border-spacing:0;border-collapse:collapse;width:100%;box-sizing:border-box;}
table td,table th{box-sizing:border-box;}

/*全局样式*/
.inner{width:93.75%;max-width:14.4rem;margin:0 auto;}
.submit {cursor:pointer;}
/*figure*/
.figure {overflow: hidden; position: relative;}
.figure a {display: block; position: relative; overflow: hidden;}
.figure img {display: block; width: 100%; height: auto; transition: all .3s;}
.figure:after {content:'';}
.figure .img {position: absolute; left:0; top:0; width: 100%; height: 100%; object-fit: cover; display: block; transition: all .3s;}
.figure .bg{background:no-repeat center center;background-size:cover;display:block;transition:all .3s;}
/*table*/
.table {display: table; table-layout: fixed;width: 100%;}
.table .td {display: table-cell; vertical-align: middle;}
/*clearfix*/
.clearfix{clear:both;overflow:hidden;width: 100%;}
.clearfix:after {display: block; content:''; width:100%; clear:both;}
/*entry*/
.entry img{height:auto!important;}
.entry blockquote{margin:0 2em;font-style:italic;opacity:0.95;padding:1em;border:0.01rem solid #e8e8e8;background-color:#f9f9f9;}
.entry hr{border:none;clear:both;border-bottom:0.01rem solid #e6e6e6;}
/*scale*/
.scale:hover img {transform: scale(1.05);}
/*font-color*/
[data-font*="000"]{color:#000;}
[data-font*="111"]{color:#111;}
[data-font*="222"]{color:#222;}
[data-font*="333"]{color:#333;}
[data-font*="444"]{color:#444;}
[data-font*="555"]{color:#555;}
[data-font*="666"]{color:#666;}
[data-font*="777"]{color:#777;}
[data-font*="888"]{color:#888;}
[data-font*="999"]{color:#999;}
[data-font*=fff]{color:#fff;}
[data-font*=color]{color:var(--main-color);}
/*font-center*/
[data-font*=left]{text-align: left;}
[data-font*=center]{text-align: center;}
[data-font*=right]{text-align: right;}
[data-font*=justify]{text-align: justify;}
/*font-weight*/
[data-font*=lighter]{font-weight: 300;}
[data-font*=normal]{font-weight: normal;}
[data-font*=medium]{font-weight: 500;}
[data-font*=bold]{font-weight: bold;}
/*font-size*/
[data-font*=fs16]{font-size: 0.16rem; line-height: 1.875em;}
[data-font*=fs18]{font-size: 0.18rem; line-height: 1.75em;}
[data-font*=fs20]{font-size: 0.20rem; line-height: 1.5em;}
[data-font*=fs22]{font-size: 0.22rem; line-height: 1.35em;}
[data-font*=fs24]{font-size: 0.24rem; line-height: 1.35em;}
[data-font*=fs26]{font-size: 0.26rem; line-height: 1.35em;}
[data-font*=fs28]{font-size: 0.28rem; line-height: 1.35em;}
[data-font*=fs30]{font-size: 0.3rem; line-height: 1.35em;}
[data-font*=fs32]{font-size: 0.32rem; line-height: 1.35em;}
[data-font*=fs34]{font-size: 0.34rem; line-height: 1.35em;}
[data-font*=fs36]{font-size: 0.36rem; line-height: 1.35em;}
[data-font*=fs38]{font-size: 0.38rem; line-height: 1.35em;}
[data-font*=fs40]{font-size: 0.4rem; line-height: 1.35em;}
[data-font*=fs42]{font-size: 0.42rem; line-height: 1.35em;}
[data-font*=fs44]{font-size: 0.44rem; line-height: 1.35em;}
[data-font*=fs46]{font-size: 0.46rem; line-height: 1.35em;}
[data-font*=fs48]{font-size: 0.48rem; line-height: 1.35em;}
/*rows*/
[data-rows] {display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
[data-rows="1"]{display: block; white-space: nowrap;}
[data-rows="2"]{line-clamp:2; -webkit-line-clamp:2;}
[data-rows="3"]{line-clamp:3; -webkit-line-clamp:3;}
[data-rows="4"]{line-clamp:4; -webkit-line-clamp:4;}
[data-rows="5"]{line-clamp:5; -webkit-line-clamp:5;}
/*flex*/
[data-flex]{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;}
[data-flex*=fdrr]{flex-direction:row-reverse;}
[data-flex*=fdc]{flex-direction:column;}
[data-flex*=fdcr]{flex-direction:column-reverse;}
[data-flex*=fww]{flex-wrap:wrap;}
[data-flex*=fwn]{flex-wrap:nowrap;}
[data-flex*=jcsb]{justify-content:space-between;}
[data-flex*=jcsa]{justify-content:space-around;}
[data-flex*=jcse]{justify-content:space-evenly;}
[data-flex*=jcfs]{justify-content:flex-start;}
[data-flex*=jcc]{justify-content:center;}
[data-flex*=jcfe]{justify-content:flex-end;}
[data-flex*=aifs]{align-items:flex-start;}
[data-flex*=aic]{align-items:center;}
[data-flex*=aife]{align-items:flex-end;}
/*col*/
[data-cols] {--margin:0.2rem; width:calc(100% + var(--margin)); display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex; flex-wrap: wrap;}
[data-cols] .item {padding-right: var(--margin);padding-bottom: var(--margin);}
[data-cols="2"] .item {width: 50%;}
[data-cols="3"] .item {width: 33.333%;}
[data-cols="4"] .item {width: 25%;}
[data-cols="6"] .item {width: 16.666%;}
@media only screen and (max-width:1024px){
    [data-cols="3"] .item,
    [data-cols="4"] .item {width: 50%;}
    [data-cols="6"] .item {width: 25%;}
}
@media only screen and (max-width:750px){    
    [data-cols="4"] .item,
    [data-cols="3"] .item,
    [data-cols="2"] .item {width: 100%;}
    [data-cols="6"] .item {width: 50%;}
}
/*delay*/
[data-delay] {--property:all; --duration:0.3s; transition: var(--property) var(--duration);}

/*data-element*/
[data-element] {--x:0; --y:0.1rem; --z:0; visibility: hidden; opacity: 0; transform: translate3D(var(--x),var(--y),var(--z));}
.active[data-element] {visibility: visible; opacity: 1; --y:0;}

/*header*/
#header{position:fixed;top:0;width:100%;z-index:8;background-color:#fff;box-shadow:0px 0px 0.24rem 0px rgba(132,137,139,0.2);}
#header .inner{position:relative;padding:0.15rem 0;}
#header:not(.fixed)#header:not(.white){background-color:transparent;box-shadow:none;}

/**/
.noban #header{position:sticky;}

/*logo*/
#logo{width:1.64rem;position:relative;z-index:10;}
#logo a{display:block;overflow:hidden;padding-bottom:36.58536585%;position:relative;}
#logo i{position:absolute;width:100%;height:100%;text-indent:-99999em;display:block;overflow:hidden;background:no-repeat left center;background-size:contain;}
#logo i:nth-child(2){opacity:0;}
#header:not(.fixed):not(.white) #logo i:nth-child(1){opacity:0;}
#header:not(.fixed):not(.white) #logo i:nth-child(2){opacity:1;}
@media only screen and (max-width:750px){
    #logo{width:1.3rem;}
}

/*search*/
#search span{width:0.22rem;height:0.22rem;background:url(../images/search_01.svg) no-repeat center center;background-size:contain;display:block;cursor:pointer;}
#search .drop{position:absolute;right:0;top:100%;width:4rem;padding-top:0.1rem;}
#search .form{background-color:rgba(var(--white),0.8);border-radius:0.1rem;box-shadow:0 0.05rem 0.15rem rgba(var(--black),0.1);}
#search .input{position:relative;padding-right:0.44rem;}
#search .text{display:block;width:100%;height:2.75em;line-height:1.75em;padding:0.5em 2.75em 0.5em 1.25em;}
#search .go{display:block;position:absolute;right:0;top:0;height:100%;width:2.75em;cursor:pointer;background:url(../images/search_01.svg) no-repeat center center;background-size:auto 45.45454545%;}
#header:not(.fixed):not(.white) #search span{filter:invert(1) brightness(100);}
@media only screen and (max-width:750px){
    #search .drop{padding-top:0.05rem;width:100%;}
}

/*language*/
#language{position:relative;margin-left:0.5rem;}
#language:before{width:0.01rem;height:0.2rem;background-color:rgba(var(--black),0.2);content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);left:-0.245rem;}
#language span{display:block;background:url(../images/language.svg) no-repeat left center;background-size:1.25em auto;padding:0 calc(16em/16) 0 calc(26em/16);position:relative;white-space:nowrap;cursor:pointer;}
#language span:after{width:calc(10em/16);height:calc(7em/16);background:url(../images/language_arrow.png) no-repeat center center;background-size:contain;position:absolute;right:0;top:50%;transform:translateY(-50%);display:block;content:'';}
#language .drop{position:absolute;top:100%;padding-top:0.4rem;left:50%;min-width:100%;--x:-50%;}
#language ul{background-color:rgba(var(--white),0.9);border-radius:0.1rem;line-height:2em;z-index:5;text-align:center;padding:0.5em 1.5em;box-shadow:0 0.05rem 0.15rem rgba(var(--black),0.1);}
#language ul li{border-bottom:0.01rem solid rgba(var(--black),0.1);}
#language ul li:last-child{border-bottom:none;}
#language ul a{white-space:nowrap;display:block;padding:0.5em;}
#header:not(.fixed)#header:not(.white) #language:before{background-color:rgba(var(--white),0.2);}
#header:not(.fixed)#header:not(.white) #language span{filter:brightness(100);}
@media only screen and (max-width:750px){
    #language .drop{padding-top:0.29rem;}
}

/*navbtn*/
#navbtn{display:none;}
@media only screen and (max-width:1024px){

    /*1024*/
    #navbtn{position:relative;cursor:pointer;width:0.25rem;height:0.22rem;display:block;z-index:10;overflow:hidden;margin-left:0.25rem;}
    #navbtn:before,#navbtn:after,#navbtn i{width:100%;height:0.02rem;background-color:#333;display:block;position:absolute;left:0;transition:all 0.3s;content:'';}
    #navbtn:before{top:0.01rem;}
    #navbtn:after{bottom:0.01rem;}
    #navbtn i{top:50%;transform:translateY(-50%);}
    #navbtn.active{overflow:visible;}
    #navbtn.active:before{transform:rotate(45deg);top:50%;}
    #navbtn.active:after{transform:rotate(-45deg);bottom:auto;top:50%;}
    #navbtn.active i{opacity:0;}
    #header:not(.fixed):not(.white) #navbtn{filter:invert(1) brightness(100);}
}

/*navi*/
#navi{width:calc(100% - 3.1rem);line-height:3.33333333em;--y:0;}
#navi a{display:block;position:relative;}
#navi .parent{padding:0 0.28rem;position:relative;}
#navi .drop{line-height:2em;display:none;}
#navi .drop a{padding:0.5em 0;}
@media only screen and (min-width:1025px){
    #navi{opacity:1;visibility:visible;}
    #navi .on > a,#navi .cur > a{color:var(--main-color); font-weight: bold;}
    #navi li > a{position: relative; z-index: 2;}
    #navi li > a:after { position: absolute; content: ''; left: 50%; height: 2px; background-color: var(--main-color); transform: translateX(-50%); transition: 0.3s; bottom: -1px; width: 0; }
    #navi li:hover > a:after, 
    #navi li.on > a:after, 
    #navi li.cur > a:after { width: 100%; }
    #navi .drop{position:absolute;top:100%;left:50%;min-width:100%;transform:translateX(-50%);z-index:5;padding-top:0.25rem;}
    #navi .drop ul{background-color:rgba(var(--white),0.9);text-align:center;padding:0.5em 1.5em;border-radius:0.1rem;box-shadow:0 0.05rem 0.15rem rgba(var(--black),0.1);}
    #navi .drop li{border-bottom:0.01rem solid rgba(var(--black),0.1);}
    #navi .drop li:last-child{border-bottom:none;}
    #navi .drop a{white-space:nowrap;}
    #header:not(.fixed):not(.white) #navi .parent > a{filter:invert(1) brightness(100);}
}
@media only screen and (max-width:1024px){

    /*1024px*/
    #navi{position:fixed;width:93.75%;max-width:30em;height:calc(100% - 1.1rem);background-color:rgba(var(--white),0.9);z-index:9;right:3.125%;top:1rem;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0.5rem 0;border-radius:0.1rem;box-shadow:0 0.05rem 0.15rem rgba(var(--black),0.1);transition:all 0.3s;--x:120%;}
    #navi.active{--x:0;}
    #navi .menu{display:block;}
    #navi a{color:#333;}
    #navi .parent{padding:0 0.5rem;line-height:2em;position:relative;}
    #navi .parent > a{padding:1.5em 0;border-bottom:1px solid #e4e4e4;}
    #navi em{display:block;position:absolute;right:0.3rem;width:3.61111111em;height:5.05555556em;z-index:2;top:0;cursor:pointer;}
    #navi em:after{width:0.66666667em;height:0.66666667em;border-right:0.05555556em solid #333;border-bottom:0.05555556em solid #333;content:'';display:block;position:absolute;top:50%;left:50%;transform:rotate(-45deg);background-color:transparent;margin:-0.38888889em 0 0 -0.38888889em;transition:inherit;}
    #navi .on{background-color:#f9f9f9;}
    #navi .on > em:after{transform:rotate(45deg);}
    #navi .drop{padding:1em 0 1em 2em;}
    #navi .drop a{padding:0.75em 0;}
}
@media only screen and (max-width:750px){
    #navi{padding:0.3rem 0;top:0.83rem;height:calc(100% - 1.03rem);}
}

/*footer*/
#footer{background-color:#06182e;}

/*copyright*/
#copyright{padding:0.24rem 0;color:rgba(var(--white),0.4);line-height:2em;}
#copyright a:not(:hover){color:rgba(var(--white),0.4);}
#copyright .social a{display:block;overflow:hidden;width:0.4rem;height:0.4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.3s;}
#copyright .social a:hover{background-color:rgba(var(--white),0.05);}
#copyright .social a:hover .icon{opacity:1;}
#copyright .social .icon{width:0.2rem;height:0.2rem;object-fit:contain;display:block;opacity:0.4;transition:all 0.3s;}
#copyright .social li{margin-right:0.1rem;position:relative;}
#copyright .social li:last-child{margin-right:0;}
#copyright .social .qr{position:absolute;left:50%;bottom:100%;--x:-50%;margin-bottom:1em;background-color:#fff;border-radius:0.05rem;padding:0.06rem;width:1.4rem;box-shadow:0px 0px 0.1rem rgba(175,185,203,0.36);}
#copyright .social .qr:after{border-top:0.1rem solid #fff;border-left:0.1rem solid transparent;border-right:0.1rem solid transparent;content:'';display:block;position:absolute;left:50%;transform:translateX(-50%);top:100%;margin-top:-1px;}
#copyright .social .qr img{display:block;width:100%;height:auto;}
@media only screen and (max-width:1024px){

    /*1024px*/
    #copyright{flex-direction:column;text-align:center;justify-content:center;align-items:center;}
}

/*bottom*/
#bottom{border-bottom:1px solid rgba(var(--white),0.1);color:rgba(var(--white),0.6);padding:0.9rem 0 0.65rem;}
#bottom a:not(:hover){color:rgba(var(--white),0.6);}
@media only screen and (max-width:750px){
    #bottom{padding:0.55rem 0 0.45rem;}
}

/*infor*/
#infor{width:3.25rem;}
#infor .logo{width:1.64rem;max-width:100%;margin-bottom:0.5rem;}
#infor .logo img{display:block;width:100%;height:auto;}
#infor .meta{line-height:1.625em;}
#infor .meta p{padding-left:2.1875em;margin-bottom:0.875em;background:no-repeat left 0.21875em;background-size:1.1875em auto;}
#infor .meta p:last-child{margin-bottom:0;}
#infor .meta .tel{background-image:url(../images/infor_tel.svg);}
#infor .meta .mail{background-image:url(../images/infor_mail.svg);}
#infor .meta .add{background-image:url(../images/infor_add.svg);}
@media only screen and (max-width:750px){

    /*750px*/
    #infor{width:100%;}
    #infor .logo{margin-bottom:0.3rem;}
}

/*menu*/
#menu{width:calc(100% - 3.25rem);padding:0.18rem 0 0 13.54166667%;}
#menu dt{font-size:0.18rem;font-weight:500;line-height:1.33333333em;margin-bottom:1.11111111em;}
#menu dt:after{width:0.77777778em;height:0.01rem;background-color:var(--main-color);display:block;content:'';margin-top:1em;}
#menu dt a:not(:hover){color:#fff;}
#menu dd{line-height:2em;}
@media only screen and (max-width:1024px){
    #menu{padding-left:7%;}
}
@media only screen and (max-width:750px){
    #menu{display:none;}
}

/*swiper-dots*/
.swiper-dots .swiper-pagination-bullet{width:0.12rem;height:0.12rem;opacity:0.5;background-color:#9aa1a4;margin:0 0.1rem;}
.swiper-dots .swiper-pagination-bullet-active{background-color:var(--main-color);opacity:1;}

/*slides*/
#slides{color:#fff;}
#slides .figure{padding-bottom:9.6rem;}
#slides .img{transform:scale(1.25);transition-duration:2s;}
#slides .text{position:absolute;top:50%;transform:translateY(0);left:0;width:100%;z-index:2;opacity:0;}
#slides .title{font-size:0.56rem;line-height:1.28571429em;margin-bottom:0.16rem;font-weight:500;}
#slides .title span{font-size:1.14285714em;}
#slides .intro{font-size:0.24rem;line-height:1.66666667em;}
#slides .pagination{position:absolute;left:50%;transform:translateX(-50%);bottom:5.20833333%;z-index:5;}
#slides .swiper-slide-duplicate-active .img,#slides .swiper-slide-active .img{transform:scale(1);}
#slides .swiper-slide-duplicate-active .text,#slides .swiper-slide-active .text{transform:translateY(-80%);opacity:1;}
#slides .swiper-pagination-bullet{background-color:#fff;}
@media only screen and (max-width:750px){
    #slides .figure{padding-bottom:100%;}
    #slides .title{font-size:0.3rem;}
    #slides .intro{font-size:0.18rem;}
    #slides .swiper-slide-duplicate-active .text,#slides .swiper-slide-active .text{transform:translateY(-60%);opacity:1;}
}

/*button-more*/
.button-more .go{display:flex;align-items:center;justify-content:center;padding:0 1.75em;height:3.75em;border-radius:1.875em;border:solid 0.02rem #d4d5d6;transition:all 0.3s;cursor:pointer;}
.button-more .go:hover{background-color:var(--main-color);border-color:var(--main-color);}
.button-more .go:hover i{filter:brightness(100);}
.button-more i{display:block;font-style:normal;background:url(../images/button_more_01.svg) no-repeat right center;background-size:0.5625em auto;padding-right:2.25em;position:relative;z-index:2;}
.button-more .white:not(:hover){border-color:rgba(var(--white),0.6);}
.button-more .white:not(:hover) i{filter:brightness(100);}
.button-more .blue{background-color:var(--main-color);border-color:transparent;}
.button-more .blue i{filter:brightness(100);}
.button-more .blue:hover{opacity:0.8;}

/*module-box*/
.module-box{background:#fff no-repeat center center;background-size:cover;overflow:hidden;position:relative;}
.module-box .inner{position:relative;z-index:5;}

/*module-name*/
.module-name{font-size:0.2rem;line-height:1.2em;font-weight:normal;}

/*module-alias*/
.module-alias{font-size:0.48rem;line-height:1.25em;font-weight:500;}
@media only screen and (max-width:750px){
    .module-alias{font-size:0.34rem;}
}

/*module-info*/
.module-info{position:relative;padding-right:2rem;margin-bottom:0.5rem;}
.module-info.npr{padding-right:0;}
.module-info .module-name{margin-bottom:0.12rem;}
.module-info .module-name:last-child{margin-bottom:0;}
.module-info .button-more{position:absolute;bottom:0.4375em;right:0;}
@media only screen and (max-width:750px){
    .module-info{padding-right:0;text-align:center;margin-bottom:0.4rem;}
    .module-info .button-more{position:static;margin-top:0.3rem;}
}

/*particle*/
#particle{position:absolute;left:0;bottom:0;width:100%;padding-bottom:15.625%;opacity:0.2;transform:translateY(30%);}
#particle canvas{position:absolute;left:0;top:0;width:100%!important;height:100%!important;}

/*products*/
#products{padding:0.95rem 0 0.8rem;}
#products .swiper{overflow:visible;}
#products .swiper:before,#products .swiper:after{content:'';display:block;position:absolute;top:0;width:2.4rem;height:100%;z-index:5;}
#products .swiper:before{right:100%;background-image:linear-gradient(90deg,#fff,transparent);}
#products .swiper:after{left:100%;background-image:linear-gradient(-90deg,#fff,transparent);}
#products .swiper-slide{height:auto;width:4.6rem;margin-right:0.3rem;}
#products .pic{background-color:#fff;padding:0.43rem 0 0 0.42rem ;}
#products .title{font-size:0.3rem;font-weight:normal;line-height:1.35em;margin-bottom:0.23rem;}
#products .figure{padding-bottom:68%;margin-bottom:0.3rem;}
#products .img{object-fit:contain;}
#products .txt{padding:0.43rem ;}
#products .intro{line-height:2em;color:#333;margin-bottom:0.4rem;}
#products .intro p{position:relative;padding-left:0.94444444em;}
#products .intro p:before{content:'';display:block;position:absolute;left:0;width:0.27777778em;height:0.27777778em;border-radius:50%;background-color:var(--font-color);top:0.86111111em;}
#products .info{display:block;overflow:hidden;position:relative;height:100%;background-color:#f5f5f5;box-shadow:0px 0.04rem 0.25rem 0px rgba(200,206,209,0.8);transition:all 0.3s;}
#products .pagination{margin-top:0.3rem;}
#products .info:hover {background-color:var(--main-color);}
#products .info:hover .intro{color:#fff;}
#products .info:hover p:before{background-color:#fff;}
#products .info:hover .button-more .go{background-color:#fff;}
#products .info:hover .button-more .go:hover i{ filter:brightness(0);color:var(--main-color); }

@media only screen and (max-width:750px){
    #products{padding:0.65rem 0;}
}

/*about*/
#about{padding:1.17rem 0 1.35rem;}
#about .inner{position:relative;}
#about .play{width:0.79rem;height:0.79rem;background:url(../images/play_01.svg) no-repeat center center;background-size:contain;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;opacity:0.4;cursor:pointer;}
#about .play:hover{opacity:1;}
#about .top{max-width:6.5rem;margin-bottom:17.36111111%;}
#about .module-info{margin-bottom:0.3rem;padding-right:0;}
#about .intro{line-height:1.77777778em;color:rgba(var(--white),0.8);margin-bottom:0.6rem;}
#about .btm .icon{width:0.48rem;margin-right:0.2rem;margin-top:0.09rem;}
#about .btm .icon:after{display:block;padding-bottom:95.83333333%;}
#about .btm .img{object-fit:contain;}
#about .btm .num{font-size:0.64rem;line-height:1em;font-weight:bold;margin-bottom:0.15625em;display:flex;}
#about .btm span{display:block;}
@media only screen and (max-width:1280px){
    #about .top{margin-bottom:10%;}
}
@media only screen and (max-width:1024px){
    #about .btm .num{font-size:0.52rem;}
}
@media only screen and (max-width:750px){
    #about{padding:0.7rem 0 0.8rem;}
    #about .top{margin-bottom:0.35rem;}
    #about .play{position:static;transform:none;margin:0 auto 0.35rem;}
    #about .intro{margin-bottom:0.35rem;}
    #about .btm li{width:48%;margin-top:0.2rem;}
    #about .btm .icon{width:0.4rem;margin-top:0;margin-right:0;}
    #about .btm .data{width:calc(100% - 0.55rem);}
    #about .btm .num{font-size:0.36rem;}
    #about .button-more{justify-content:center;}
}

/*popup*/
.popup{position:fixed;left:0;top:0;width:100%;height:100%;overflow-y:auto;background-color:rgba(0,0,0,0.5);z-index:10;-webkit-overflow-scrolling:touch;display:none;}
.popup .wrap{width:100%;min-height:100%;justify-content:center;align-items:center;padding:1vh 0;display:flex;}
.popup .box{background-color:#fff;position:relative;width:90%;max-width:14.4rem;overflow:hidden;}
.popup .close{width:0.6rem;height:0.6rem;background-color:#f7f9fa;border-radius:50%;position:absolute;right:-0.15rem;top:-0.15rem;cursor:pointer;}
.popup .close:after{width:21.66666667%;padding-bottom:21.66666667%;background:url(../images/close.svg) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;left:0.17rem;bottom:0.17rem;}

/*vpopup*/
.vpopup video{display:block;width:auto;max-width:90vw;height:auto;max-height:90vh;}

/*strength*/
#strength{padding:1.1rem 0;}
#strength .list{--margin:0.3rem;}
#strength .figure{padding-bottom:119.36339523%;}
#strength .text{position:absolute;left:0;bottom:0;padding:0.32rem 0.4rem;z-index:5;}
#strength .num{color:var(--main-color);font-size:0.54rem;line-height:1.2em;}
#strength .name{font-size:0.18rem;line-height:1.77777778em;transition:inherit;}
#strength .info{display:block;overflow:hidden;position:relative;transition:all 0.3s;}
#strength .info:before{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:100%;background-image:linear-gradient(30deg,var(--main-color) 25%,transparent 80%);z-index:2;transition:inherit;opacity:0;}
#strength .info:hover{color:#fff;}
#strength .info:hover:before{opacity:1;}
#strength .info:hover .num{color:#fff;}
#strength .item:nth-child(2n){margin-top:0.6rem;}
@media only screen and (max-width:750px){
    #strength{padding:0.6rem 0;}
    #strength .item:nth-child(2n){margin-top:0;}
}

/*partners*/
#partners{background-color:#f7f9fa;padding:0.95rem 0 1rem;}
#partners .canvas-nest{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;opacity:0.5;}
#partners canvas{position:absolute!important;width:100%;height:100%;}
#partners ul{--margin:0.65rem;width:calc(100% + var(--margin));}
#partners li{width:14.28571429%;padding:0.24rem var(--margin) 0.3rem 0;}
#partners .figure{padding-bottom:50.66666667%;}
#partners .img {object-fit:contain;}
@media only screen and (max-width:1024px){
    #partners ul{--margin:0.4rem;}
    #partners li{width:20%;}
}
@media only screen and (max-width:750px){
    #partners{padding:0.6rem 0;}
    #partners .canvas-nest{opacity:0.2;}
    #partners ul{--margin:0.2rem;}
    #partners li{width:33.33%;}
}

/*banner*/
#banner{position:relative;padding-bottom:35.41666667%;background:no-repeat center center;background-size:cover;}
#banner .text{position:absolute;top:50%;transform:translateY(-35%);left:0;width:100%;}
#banner .name{margin-bottom:0.10416667em;}
@media only screen and (max-width:750px){
    #banner{padding-bottom:75%;}
    #banner .name{font-size:0.36rem;}
    #banner .intro{font-size:0.16rem;}
}

/*inbar*/
#inbar{position:relative;}
#inbar:after{content:'';display:block;position:absolute;left:0;bottom:0;height:0.01rem;width:100%;background-color:#e6e6e6;}
#inbar .inner{position:relative;}
@media only screen and (max-width:750px){
    #inbar .breadcrumb{position:absolute;bottom:100%;left:0;width:100%;padding:0.15rem 0;filter:invert(1) brightness(100);}
}

/*breadcrumb*/
.breadcrumb{padding:0.25rem 0;color:#999;}
.breadcrumb a{display:block;}
.breadcrumb a:first-child{position:relative;padding-left:1.4375em;}
.breadcrumb a:first-child:before{width:0.9375em;height:1em;background:url(../images/breadcrumb.svg) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.breadcrumb a:not(:hover){color:#999;}
.breadcrumb i{display:block;width:0.33333333em;height:0.44444444em;background:url(../images/breadcrumb_arrow.svg) no-repeat center center;background-size:contain;margin:0 0.5em;}
.breadcrumb span{display:block;color:var(--main-color);}

/*submenu*/
.submenu{position:relative;padding-right:0.5rem;opacity:0;}
.submenu .swiper-slide{width:auto;padding:0.25rem 0;}
.submenu .swiper-slide:before{content:'';display:block;position:absolute;left:0;bottom:0;height:0.02rem;width:100%;background-color:var(--main-color);opacity:0;transition:inherit;}
.submenu a{display:block;white-space:nowrap;position:relative;transition:all 0.3s;}
.submenu .cur a{color:var(--main-color);font-weight:normal;}
.submenu .cur:before{opacity:1;}
.submenu .arrow{position:absolute;top:50%;transform:translateY(-50%);width:0.15rem;height:0.13rem;background:no-repeat center center;background-size:contain;cursor:pointer;z-index:5;}
.submenu .arrow:not(:hover){filter:brightness(0);opacity:0.5;}
.submenu .prev{right:0.3rem;background-image:url(../images/submenu_prev.svg);}
.submenu .next{right:0;background-image:url(../images/submenu_next.svg);}
@media only screen and (max-width:750px){
    .submenu{width:100%;}
    .submenu .swiper-slide{padding:0.2rem 0;}
}

/*wrapper*/
#wrapper{padding:1.2rem 0;overflow:hidden;position:relative;}
#wrapper .inner{position:relative;z-index:2;}
@media only screen and (max-width:750px){
    #wrapper{padding:0.6rem 0;}
}

/*contact*/
#contact .figure{width:50%;}
#contact .figure:after{display:block;padding-bottom:75%;}
#contact .text{width:41.66666667%;}
#contact .title{margin-bottom:0.5em;}
#contact .intro{margin-bottom:0.2rem;}
#contact .list{border-bottom:0.01rem solid #ebebeb;line-height:1.66666667em;padding:0.72222222em 0;}
#contact .item{padding:0.44444444em 0;}
#contact .info{width:calc(100% - 1.2rem);padding-right:13.33333333%;}
@media only screen and (max-width:1024px){
    #contact .info{padding-right:0;}
}
@media only screen and (max-width:750px){
    #contact .info{padding-right:0;}
    #contact .figure{width:100%;}
    #contact .text{width:100%;margin-bottom:0.35rem;}
}

/*columnname*/
.columnname{position:relative;margin:0 0 1.02083333em;}
.columnname.border:after{display:block;content:'';width:0.83333333em;height:0.0625em;background-color:var(--main-color);margin-top:0.625em;}
@media only screen and (max-width:750px){
    .columnname{font-size:0.36rem;}
}

/*columninfo*/
.columninfo{margin-bottom:0.5rem;}
.columninfo .columnname{margin-bottom:0.125em;}
.columninfo .columnname:last-child{margin-bottom:0;}
@media only screen and (max-width:750px){
    .columninfo{margin-bottom:0.35rem;}
}

/*philosophy*/
.philosophy{margin-bottom:1.08rem;}
.philosophy .figure{width:50%;}
.philosophy .figure:after{display:block;padding-bottom:62.5%;}
.philosophy .text{width:44.44444444%;}
.philosophy .columnname{margin-bottom:0.66666667em;}
@media only screen and (max-width:750px){
    .philosophy{margin-bottom:0.5rem;}
    .philosophy .figure{width:100%;}
    .philosophy .text{width:100%;margin-bottom:0.35rem;}
}

/*job-item*/
.job-item{background-color:#f7f9fa;padding:0.28rem 0.4rem;position:relative;margin-bottom:0.1rem;}
.job-item:before{content:'';display:block;position:absolute;left:0;top:0;height:0.03rem;background-color:var(--main-color);width:0;transition:all 0.3s;}
.job-item .top{cursor:pointer;}
.job-item .name{font-size:0.22rem;font-weight:500;line-height:2em;width:calc(100% - 0.5rem);transition:all 0.3s;}
.job-item .arrow{width:0.12rem;height:0.1rem;background:url(../images/line_arrow_right.svg) no-repeat center center;background-size:contain;display:block;transition:transform 0.3s;filter:invert(1) brightness(0);}
.job-item .btm{background-color:#f7f9fa;padding:0.07rem 0 0.35rem;display:none;}
.job-item .meta{font-size:0.18rem;line-height:2em;font-weight:lighter;margin-bottom:0.3rem;}
.job-item .meta span{display:block;margin-right:3.67647059%;}
.job-item .meta span:last-child{margin-right:0;}
.job-item .entry{font-weight:lighter;margin-bottom:0.4rem;}
.job-item .entry strong{font-weight:500;}
.job-item.active:before{width:100%;}
.job-item.active .name{color:var(--main-color);}
.job-item.active .arrow{transform:rotate(-45deg);filter:none;}
@media only screen and (max-width:750px){
    .job-item{padding:0.2rem 0.25rem;}
}

/*joblist*/
.joblist .list{overflow:hidden;margin-bottom:0.7rem;}
@media only screen and (max-width:750px){
    .joblist .list{margin-bottom:0.4rem;}
}

/*Pages*/
.Pages{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.Pages .p_jump,.Pages .p_cur,.Pages .p_count,.Pages .p_total,.Pages .a_first,.Pages .a_end{display:none;}
.Pages .p_page{display:flex;justify-content:center;flex-wrap:wrap;}
.Pages .num{display:flex;flex-wrap:wrap;justify-content:center;font-style:normal;}
.Pages a{display:flex;align-items:center;justify-content:center;margin:0 0.3125em;min-width:3.375em;border-radius:1.6875em;height:3.375em;padding:0 0.5em;position:relative;transition:all 0.3s;color:#666;border:solid 0.02rem #e3e4e5;}
.Pages a:hover,.Pages .a_cur{color:#fff;background-color:var(--main-color);border-color:transparent;}
.Pages .a_prev,.Pages .a_next{text-indent:-99999em;overflow:hidden;}
.Pages .a_prev:after,.Pages .a_next:after{width:16%;padding-bottom:28%;background:no-repeat center center;background-size:contain;content:'';display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.Pages .a_prev:hover:after,.Pages .a_next:hover:after{filter:brightness(100);}
.Pages .a_prev{margin-right:1.5625em;}
.Pages .a_prev:after{background-image:url(../images/page_prev.svg);}
.Pages .a_next{margin-left:1.5625em;}
.Pages .a_next:after{background-image:url(../images/page_next.svg);}
@media only screen and (max-width:750px){
    #pagenavi{font-size:0.14rem;}
}

/*after-sales*/
.after-sales{background-color:#f7f9fa;}
.after-sales .figure{width:50%;}
.after-sales .figure:after{display:block;padding-bottom:66.66666667%;}
.after-sales .form{width:50%;padding:0.4rem;}
.after-sales .item{margin-bottom:4.6875%;}
.after-sales .input{overflow:hidden;background-color:#fff;position:relative;}
.after-sales .label{height:3.125em;padding:0 1.25em;line-height:3.125em;position:absolute;left:0;top:0;width:100%;color:#999;display:none;}
.after-sales .text{border:solid 0.01rem #ebeced;display:block;width:100%;height:3.125em;line-height:1.875em;padding:0.625em 1.25em;position:relative;z-index:2;}
.after-sales textarea.text{height:8.75em;}
.after-sales .select{background-color:#fff;}
.after-sales select{display:block;width:100%;height:3.125em;border:solid 0.01rem #ebeced;color:#999;padding:0 1.25em;}
.after-sales select:focus{color:#333;}
.after-sales .submit{background-color:var(--main-color);color:#fff;height:3em;display:block;width:100%;}
.after-sales .submit:hover{opacity:0.9;}
.after-sales .col2 .item{width:48.4375%;}
.after-sales .total{font-size:0.14rem;color:#999;opacity:0.7;position:absolute;bottom:0.71428571em;right:1.42857143em;font-weight:lighter;z-index:5;}
.after-sales .total i{font-style:normal;}
@media only screen and (max-width:750px){
    .after-sales{margin-bottom:0.5rem;}
    .after-sales .figure{width:100%;}
    .after-sales .form{width:100%;padding:0.3rem;}
    .after-sales .col2 .item{width:100%;}
}

/*button-back*/
.button-back a{color:#fff;background-color:var(--main-color);width:10em;height:3.75em;display:flex;align-items:center;justify-content:center;border-radius:1.875em;transition:all 0.3s;}
.button-back a:after{width:1em;height:0.875em;background:url(../images/back_01.svg) no-repeat center center;background-size:contain;display:block;content:'';margin-left:0.9375em;}
.button-back a:hover{opacity:0.8;}

/*details*/
#details{padding:0.35rem 0 1.12rem;}
#details .top{border-bottom:0.01rem solid #ebebeb;padding-bottom:0.4rem;margin-bottom:0.4rem;position:relative;z-index:2;}
#details .meta{line-height:1.66666667em;margin-top:0.72222222em;}
#details .entry{margin-bottom:0.53rem;}
#details .btm{overflow:hidden;border-top:0.01rem solid #ebebeb;padding-top:0.44rem;}
#details .post{width:calc(100% - 2rem);line-height:2em;}
#details .post i{font-style:normal;font-weight:lighter;}
@media only screen and (max-width:750px){
    #details{padding:0.15rem 0 0.6rem;}
    #details .top{padding-bottom:0.3rem;margin-bottom:0.3rem;}
    #details .title{font-size:0.3rem;}
    #details .entry{margin-bottom:0.35rem;}
    #details .btm{padding-top:0.3rem;}
    #details .post{width:100%;margin-bottom:0.2rem;}
    #details .button-back{width:100%;}
}

/*news-top*/
#news-top{margin-bottom:6.94444444%;}
#news-top .figure{width:50%;}
#news-top .figure:after{display:block;padding-bottom:56.25%;}
#news-top .text{width:50%;padding:0 0.6rem;}
#news-top .date{margin-bottom:2.16666667%;}
#news-top .title{margin-bottom:4.5%;}
#news-top .excerpt{line-height:1.77777778em;max-height:3.55555556em;margin-bottom:8.88888889%;}
#news-top .info{background-color:#f7f9fa;overflow:hidden;}
#news-top .pagination{position:absolute;right:0.6rem;bottom:0;margin-bottom:5.83333333%;z-index:5;}
@media only screen and (max-width:1024px){
    #news-top .title{font-size:0.26rem;}
    #news-top .excerpt{margin-bottom:5%;}
    #news-top .pagination{margin-bottom:5%;}
}
@media only screen and (max-width:750px){
    #news-top{margin-bottom:0.5rem;}
    #news-top .figure{width:100%;}
    #news-top .text{width:100%;padding:0.3rem;}
    #news-top .pagination{position:static;margin-bottom:0;margin-top:0.35rem;}
}

/*news-list*/
#news-list{--margin:0.4rem;margin-bottom:0.4rem;}
@media only screen and (max-width:750px){
    #news-list{--margin:0.3rem;margin-bottom:0.25rem;}
}

/*news-item*/
.news-item .figure{padding-bottom:56.07064018%;}
.news-item .text{padding:0.34rem 0.35rem 0.32rem 0.35rem;}
.news-item .title{line-height:1.45454545em;height:2.90909091em;margin-bottom:0.45454545em;}
.news-item .excerpt{height:3.75em;margin-bottom:0.24rem;}
.news-item a{display:block;overflow:hidden;background-color:#f7f9fa;}
@media only screen and (max-width:750px){
    .news-item .text{padding:0.25rem 0.3rem;}
    .news-item .title{font-size:0.2rem;}
}

/*boxname*/
.boxname{margin:0 0 1.16666667em;}
@media only screen and (max-width:750px){
    .boxname{font-size:0.3rem;}
}

/*team*/
#team{padding:1.15rem 0 0.8rem;overflow:hidden;}
#team .list{--margin:0.4rem;}
#team .figure{padding-bottom:75.05518764%;}
#team .text{line-height:1.66666667em;padding:0.28rem 0.7rem 0.28rem 0.4rem;}
#team .info{display:block;overflow:hidden;position:relative;height:100%;background-color:#f7f9fa;}
@media only screen and (max-width:1024px){
    #team .item{width:33.333%;}
    #team .text{padding:0.25rem 0.4rem 0.25rem 0.3rem;}
}
@media only screen and (max-width:750px){
    #team{padding:0.6rem 0 0.4rem;}
    #team .item{width:100%;}
}

/*technology*/
#technology{background:url(../images/technology_bg.jpg) no-repeat center center;background-size:cover;overflow:hidden;padding:1.15rem 0 0.8rem;}
#technology .list{--margin:0.4rem;}
#technology .figure{width:0.6rem;margin-bottom:0.35rem;}
#technology .figure:after{display:block;padding-bottom:100%;}
#technology .img{object-fit:contain;}
#technology .title{font-size:0.24rem;line-height:1.25em;font-weight:500;margin-bottom:0.15rem;}
#technology .title:after{display:block;content:'';background-color:var(--main-color);width:0.83333333em;height:0.08333333em;margin:0.2rem auto 0;}
#technology .info{overflow:hidden;position:relative;height:100%;background-color:#ffffff;box-shadow:0px 0.04rem 0.36rem 0px rgba(200,206,209,0.6);padding:0.55rem 0.5rem 0.47rem;}
@media only screen and (max-width:1024px){
    #technology .item{width:33.333%;}
}
@media only screen and (max-width:750px){
    #technology{padding:0.6rem 0 0.4rem;}
    #technology .item{width:100%;}
}

/*philosophy*/
#highlight{padding:1.2rem 0;overflow:hidden;}
#highlight .figure{width:50%;}
#highlight .figure:after{display:block;padding-bottom:56.25%;}
#highlight .text{width:42.70833333%;}
#highlight .intro{line-height:1.77777778em;}
#highlight .intro p{background:url(../images/arrow_right_01.svg) no-repeat left 0.61111111em;background-size:1em auto;padding-left:1.77777778em;margin:0.75em 0;}
@media only screen and (max-width:750px){
    #highlight{padding:0.6rem 0;}
    #highlight .figure{width:100%;}
    #highlight .text{width:100%;margin-bottom:0.25rem;}
}

/*support*/
#support{--margin:0.3rem;}
#support .box{position:relative;z-index:2;}
#support .figure{width:0.8rem;margin-bottom:0.25rem;}
#support .figure:after{display:block;padding-bottom:100%;}
#support .img{object-fit:contain;}
#support .title{font-size:0.24rem;line-height:1.25em;font-weight:500;margin-bottom:0.17rem;}
#support .title:after{display:block;content:'';background-color:var(--main-color);width:0.83333333em;height:0.08333333em;margin:0.2rem auto 0;}
#support .intro{font-size:0.18rem;line-height:1.66666667em;font-weight:lighter;}
#support .info{overflow:hidden;position:relative;height:100%;background-color:#f7f9fa;padding:0.5rem 0.5rem 0.53rem;text-align:center;transition:all 0.3s;cursor:pointer;}
#support .info:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/support_bg.jpg) no-repeat center center;background-size:cover;opacity:0;transition:all 0.3s;}
#support .info:hover{box-shadow:0px 0.2rem 0.36rem 0px rgba(0,59,127,0.3);}
#support .info:hover:before{opacity:1;}
#support .info:hover .box{filter:invert(1) brightness(100);}

/*support-popup*/
.support-popup .info{padding:0.56rem 0.6rem 0.46rem;}
.support-popup .top{margin-bottom:0.42rem;}
.support-popup .name{margin-bottom:0.12rem;}
.support-popup ul{--margin:0.12rem;}
.support-popup .figure{padding-bottom:85.71428571%;margin-bottom:0.1rem;}
@media only screen and (max-width:750px){
    .support-popup .info{padding:0.35rem 0.35rem 0.25rem;}
    .support-popup .top{margin-bottom:0.25rem;}
    .support-popup .name{font-size:0.28rem;}
}

/*download*/
#download{--margin:0.3rem;margin-bottom:0.5rem;}
@media only screen and (max-width:750px){
    #download{margin-bottom:0.25rem;}
}

/*file-item*/
.file-item .name{font-size:0.22rem;line-height:1.36363636em;font-weight:normal;padding-left:1.40909091em;margin-bottom:2.18181818em;background:no-repeat left 0.15909091em;background-size:0.95454545em auto;margin-right:0.5rem;}
.file-item .name a{transition:all 0.3s;}
.file-item .pdf{background-image:url(../images/file_pdf.png);}
.file-item .meta{font-size:0.18rem;line-height:1.66666667em;font-weight:lighter;}
.file-item .meta a{display:block;margin-right:0.4rem;background:no-repeat left center;background-size:1em auto;padding-left:1.55555556em;transition:all 0.3s;}
.file-item .meta a:last-child{margin-right:0;}
.file-item .meta .view{background-image:url(../images/file_view@2x.png);}
.file-item .meta .down{background-image:url(../images/file_down@2x.png);}
.file-item .info{background-color:#f7f9fa;position:relative;padding:0.55rem 0.4rem 0.3rem;height:100%;}
.file-item .info:before,.file-item .info:after{content:'';display:block;position:absolute;right:0;top:0;}
.file-item .info:before{border-left:0.35rem solid #fff;border-top:0.35rem solid transparent;border-bottom:0.35rem solid transparent;transform:rotate(-45deg);right:-0.05rem;top:-0.22rem;}
.file-item .info:after{width:0.47rem;height:0.47rem;background:url(../images/square_01@2x.png) no-repeat center center;background-size:contain;}

/*equipment*/
#equipment{padding:1.15rem 0 1.2rem;overflow:hidden;}
#equipment .list{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
#equipment table{table-layout:fixed;min-width:8rem;}
#equipment th,#equipment td{border:solid 0.01rem #ededed;line-height:1.66666667em;padding:0.83333333em 0.55555556em;}
#equipment th{font-weight:lighter;background-color:#f7f9fa;}
#equipment th:nth-child(1){width:8.33333333%;}
#equipment th:nth-child(2){width:28.47222222%;}
#equipment th:nth-child(3){width:17.36111111%;}
#equipment th:nth-child(4){width:17.36111111%;}
#equipment tr:nth-child(2n+1) td{background-color:#f7f9fa;}
@media only screen and (max-width:750px){
    #equipment{padding:0.6rem 0 0.65rem;}
}

/*swiper-bar*/
.swiper-bar .swiper-scrollbar.swiper-scrollbar-horizontal{position:relative;margin-top:0.6rem;width:100%;height:0.04rem;background-color:rgba(0,0,0,0.07);left:auto;bottom:auto;border-radius:0;}
.swiper-bar .swiper-scrollbar .swiper-scrollbar-drag{background-color:var(--main-color);border-radius:0;}
@media only screen and (max-width:750px){
    .swiper-bar{margin-top:0.35rem;}
}

/*environment*/
#environment{background-color:#f7f9fa;overflow:hidden;position:relative;padding:1.15rem 0 1.2rem;}
#environment .tab{margin-bottom:0.4rem;}
#environment .tab span{display:flex;align-items:center;border:solid 0.01rem #d4d5d6;background-color:#f7f9fa;height:3.33333333em;border-radius:1.66666667em;padding:0 1em;min-width:8.88888889em;justify-content:center;margin:0 0.05rem;cursor:pointer;transition:all 0.3s;}
#environment .tab span:hover,#environment .tab .active{background-color:var(--main-color);color:#fff;border-color:transparent;}
#environment .swiper{overflow:visible;}
#environment .figure{padding-bottom:75.05518764%;}
@media only screen and (max-width:750px){
    #environment{padding:0.6rem 0 0.65rem;}
    #environment .tab{font-size:0.16rem;}
}

/*product-list*/
#product-list{--margin:0.4rem;margin-bottom:var(--margin);}
@media only screen and (max-width:750px){
    #product-list{--margin:0.25rem;}
}

/*product-item*/
.product-item .figure{padding-bottom:75.05518764%;}
.product-item .img{object-fit:contain;}
.product-item .text{padding:0.1rem 0.2rem 0.2rem;}
.product-item .title{font-weight:500;font-size:0.22rem;line-height:1.63636364em;}
.product-item .title em {font-style:normal;}
.product-item .intro{color:#666;}
.product-item .info{display:block;overflow:hidden;background-color:#f7f9fa;}
.product-item .info:hover{background-color:#fff;box-shadow:0px 0.04rem 0.36rem 0px rgba(200,206,209,0.6);}

/*product-info*/
#product-info{margin-bottom:0.9rem;}
#product-info .gallery{width:47.22222222%;}
#product-info .swiper{background-color:#f7f9fa;}
#product-info .figure{padding-bottom:75%;}
#product-info .pagination{bottom:5.88235294%;position:absolute;left:50%;transform:translateX(-50%);z-index:5;}
#product-info .swiper-pagination-bullet{width:0.1rem;height:0.1rem;margin:0 0.08rem;}
#product-info .text{width:47.22222222%;padding:0.5rem 0 0.6rem;}
#product-info .title{border-bottom:0.01rem solid #ededed;padding-bottom:0.63888889em;position:relative;margin-bottom:0.55555556em;}
#product-info .title:after{content:'';display:block;position:absolute;left:0;bottom:-0.01rem;background-color:var(--main-color);height:0.02rem;width:2.22222222em;}
#product-info .button-back{margin-top:0.3rem;}
@media only screen and (max-width:750px){
    #product-info{margin-bottom:0.5rem;}
    #product-info .gallery{width:100%;margin-bottom:0.35rem;}
    #product-info .text{width:100%;padding:0;}
    #product-info .title{font-size:0.28rem;}
}

/*product-fun*/
#product-fun .icon{margin-bottom: 0.24rem;}
#product-fun .icon img{max-height: 0.5rem;}
#product-fun .tit{font-size:0.26rem;color:#333;;line-height:1.5;font-weight: 500;margin-bottom:0.15rem;}
#product-fun .text{font-weight:lighter;font-size:0.18rem;line-height:1.77777778em;text-align: left;}
#product-fun .num{font-weight:bold;font-size:0.48rem;line-height:0.8em;position:absolute;bottom:0;right:0.54rem;color:var(--main-color);opacity:0.1;}
#product-fun .info{background-color: #f7f9fa;padding: 0.5rem 0.4rem;position:relative;height:100%;text-align: center;}

#product-fun .tab .h1_tab{margin:0;margin-bottom:3%;border-bottom:1px solid #eee;overflow:hidden;font-weight:normal;color:#333;}
#product-fun .tab .h1_tab span{float:left; margin-right: 0.05rem; padding:0 0.3rem;line-height:0.6rem;background-color:#f5f5f5;font-size:0.18rem; font-weight: 500; cursor:pointer;border-radius: 0.1rem 0.1rem 0 0; }
#product-fun .tab .h1_tab span.on{background-color:var(--main-color);color:#fff; }

#product-fun .table_1 th {font-weight: normal;}
#product-fun .table_1 th,
#product-fun .table_1 td{ text-align:left; border:1px solid #eee; border-collapse:collapse; line-height:1.7; padding:0.12rem 0.15rem;font-size:0.18rem;}
#product-fun .table_1 .th_1{ background:var(--main-color);color: #fff}
#product-fun .table_1 tr:nth-child(2n+1){ background: #f8f8f8;}
#product-fun .table_1 tr th{ background:var(--main-color);color: #fff;font-size:0.18rem;}

/*manufacturing*/
#manufacturing{margin-bottom:0.9rem;}
#manufacturing .module-info{padding-right:0;text-align:left;}
#manufacturing .item{width:2.25rem;margin-right:0.22rem;}
#manufacturing .item:last-child{margin-right:0;}
#manufacturing .name{font-size:0.18rem;line-height:1.77777778em;color:#666;font-weight:lighter;margin-bottom:0.44444444em;}
#manufacturing .intro{font-size:0.2rem;line-height:1.6em;}
#manufacturing .icon{position:absolute;bottom:0;right:0;width:80%;opacity:0.1;}
#manufacturing .icon i{display:block;overflow:hidden;padding-bottom:88.88888889%;background:no-repeat center center;background-size:contain;}
#manufacturing .info{display:block;overflow:hidden;position:relative;height:100%;background-color:#f7f9fa;padding:0.4rem 0.25rem 1.05rem;transition:all 0.3s;}
#manufacturing .info:hover{background-color:#327cd1;box-shadow:0px 0.2rem 0.36rem 0px rgba(0,59,127,0.3);}
#manufacturing .info:hover .box{filter:invert(1) brightness(100);}
#manufacturing .info:hover .icon{filter:invert(1) brightness(100);}
@media only screen and (max-width:1024px){
    #manufacturing {flex-direction:column;}
    #manufacturing .list{width:calc(100% + 0.2rem);}
    #manufacturing .item{width:33.333%;margin-right:0;padding-right:0.2rem;padding-bottom:0.2rem;}
    
}
@media only screen and (max-width:750px){
    #manufacturing{margin-bottom:0.5rem;}
    #manufacturing .item{width:100%;}
    #manufacturing .icon{width:45%;}
    #product-fun .table_1{ overflow: auto;}
}

/*proline*/
#proline .item{padding-bottom:0.6rem;position:relative;}
#proline .item:before{width:0.01rem;height:100%;border-left:0.02rem dashed #dfe2e5;content:'';display:block;position:absolute;left:0.3rem;top:0;}
#proline .figure{width:50%;}
#proline .figure:after{display:block;padding-bottom:56.25%;}
#proline .text{width:48.61111111%;}
#proline .icon{width:0.6rem;background-color:#f0f3f7;position:relative;z-index:2;}
#proline .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
#proline .cont{width:calc(100% - 1rem);padding:0.12rem 0;}
#proline .title{font-weight:500;font-size:0.24rem;line-height:1.35em;margin-bottom:0.06rem;}
#proline .intro{font-size:0.18rem;line-height:1.77777778em;font-weight:lighter;}
#proline .data{border-left:0.04rem solid #f0f3f7;font-size:0.18rem;font-weight:lighter;line-height:1.25em;margin-top:0.45rem;padding-left:1.44444444em;}
#proline .data .num{font-size:0.4rem;font-weight:bold;color:var(--main-color);line-height:1.125em;margin-bottom:0.1rem;}
@media only screen and (max-width:750px){
    #proline .text{width:100%;margin-bottom:0.4rem;}
    #proline .cont{width:calc(100% - 0.8rem);}
    #proline .figure{width:calc(100% - 0.8rem);margin-left:0.8rem;}
}

/*about-box*/
.about-box{background:no-repeat center center;background-size:cover;overflow:hidden;position:relative;padding:1.15rem 0 1.2rem;}
@media only screen and (max-width:750px){
    .about-box{padding:0.6rem 0 0.65rem;}
}

/*profile*/
#profile .info{margin-bottom:0.52rem;}
#profile .entry{width:55.55555556%;}
#profile .data{width:37.5%;}
#profile .data .item{border-bottom:0.01rem solid #ebebeb;padding:0.375rem 0;}
#profile .data .icon{width:0.36rem;height:0.36rem;display:block;object-fit:contain;}
#profile .data .left{width:calc(100% - 0.45rem);}
#profile .data strong{color:var(--main-color);font-weight:bold;}
#profile .video{width:55.55555556%;}
#profile .video:after{padding-bottom:56.25%;display:block;}
#profile .play{width:7.5%;padding-bottom:7.5%;background:url(../images/play_01.svg) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);cursor:pointer;}
#profile .play:hover{transform:translate(-50%,-50%) scale(0.96);}
@media only screen and (max-width:750px){
    #profile .info{margin-bottom:0.2rem;}
    #profile .module-info{text-align:left;}
    #profile .entry{width:100%;}
    #profile .data{width:100%;margin-bottom:0.4rem;}
    #profile .video{width:100%;}
}

/*history*/
#history{background-image:url(../images/history_bg.jpg);}
#history .swiper{overflow:visible;position:relative;padding:0.2rem 0;}
#history .swiper:before{content:'';display:block;position:absolute;left:50%;transform:translateX(-50%);top:50%;height:0.01rem;background-color:#d2d4d6;margin-top:-0.005rem;width:100vw;}
#history .swiper-slide{width:2.07rem;height:4.2rem;display:flex;align-items:flex-end;}
#history .swiper-slide:before{width:0.15rem;height:0.15rem;background:url(../images/dots_01@2x.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;left:0;top:50%;transform:translate(-50%,-50%);z-index:5;}
#history .swiper-slide:nth-child(2n){align-items:flex-start;}
#history .swiper-slide:nth-child(2n) .info:after{bottom:auto;top:0;}
#history .info{height:50%;border-left:0.01rem solid #d2d4d6;position:relative;}
#history .info:after{content:'';display:block;position:absolute;left:0;bottom:0;height:0.01rem;background-color:#d2d4d6;width:0.08rem;}
#history .box{width:145.89371981%;padding:0.17rem 0.26rem;}
#history .year{font-size:0.4rem;line-height:1.125em;color:var(--main-color);margin-bottom:0.1rem;}
#history .intro{font-size:0.18rem;font-weight:lighter;line-height:1.77777778em;}
#history .swiper-scrollbar {z-index:2;}
@media only screen and (max-width:1280px){
    #history .swiper {padding-right: 1rem;}
}
@media only screen and (max-width:750px){
    #history .module-alias{font-size:0.3rem;}
}

/*honor*/
#honor{background:#fff url(../images/honor_bg.jpg) no-repeat center bottom;background-size:100% auto;}

/*qualification*/
#qualification{position:relative;margin-bottom:0.78rem;}
#qualification:before{width:100%;background-color:#ebebeb;height:0.01rem;content:'';display:block;position:absolute;left:0;top:0.07rem;}
#qualification .swiper-slide{padding-top:0.48rem;height:auto;}
#qualification .swiper-slide:before{width:0.15rem;height:0.15rem;border-radius:50%;border:solid 0.02rem #327cd1;content:'';display:block;position:absolute;top:0;left:0.4rem;background-color:#fff;}
#qualification .info{position:relative;height:100%;background-color:#f7f9fa;padding:0.55rem 0.3rem 0.58rem 0.4rem;}
#qualification .title{font-size:0.24rem;line-height:1.35em;font-weight:500;margin-bottom:1em;}
#qualification .title span{font-size:0.75em;font-weight:lighter;line-height:1.35em;}
#qualification .intro{font-size:0.18rem;line-height:2.11111111em;font-weight:lighter;padding-right:1em;height:10.83333333em;overflow-y:auto;-webkit-overflow-scrolling:touch;overflow-x:hidden;}
#qualification .intro strong{font-size:1.11111111em;font-weight:bold;color:var(--main-color);line-height:1.9em;}
@media only screen and (max-width:750px){
    #qualification{margin-bottom:0.45rem;}
}

/*certificate*/
#certificate .list {margin-bottom:0.5rem;}
#certificate .list:last-child {margin-bottom:0;}
#certificate .desktop {padding:0 0.85rem 6.80555556%;background:url(../images/honor_ul_bg.png) no-repeat center bottom;background-size:100%;}
#certificate .swiper-slide {padding:0.1rem 0.23rem;}
#certificate .box{background-color:#fff;box-shadow:0 0 0.07rem #999;padding:0.11rem;position:relative;}
#certificate .box:before{content:'';display:block;position:absolute;left:0.02rem;top:0.02rem;width:calc(100% - 0.04rem);height:calc(100% - 0.04rem);border:0.02rem solid #f4f4f4;}
#certificate .figure{padding-bottom:70.21276596%;}
#certificate .vertical {padding-bottom:143.2%;}
@media only screen and (max-width:1024px){
    #certificate .desktop {padding-left:0.35rem;padding-right:0.35rem;}
    #certificate .swiper-slide {padding-left:0.15rem; padding-right:0.15rem;}
}
@media only screen and (max-width:750px){
    #certificate .desktop {padding-left:0.2rem;padding-right:0.2rem;}
}
/*job-popup*/
.job-popup .info {padding:0.56rem 0.8rem 0.63rem;}
.job-popup .title {font-size:0.36rem; line-height:1.25em; font-weight:500;color:#222; margin:0 0 0.15rem;}
.job-popup .meta {font-size:0.18rem; line-height:1.5em; font-weight:lighter; margin-bottom:0.37rem;}
.job-popup .meta span {margin-right:0.5rem; display:inline-block;}
.job-popup .meta span:last-child {margin-right:0;}
.job-popup .item {margin-bottom:0.12rem;}
.job-popup .label {display:block;font-size:0.18rem; line-height:1.5em; font-weight:lighter;margin-bottom:0.07rem;}
.job-popup .label i {font-style:normal;color: #ff0202;}
.job-popup .text {height:3.375em; line-height:1.875em; padding:0.75em 1.25em; display:block; width:100%;background-color: #f8f8f8;}
.job-popup textarea.text {height:5.625em;}
.job-popup .upload {border:0.01rem dashed rgba(0,0,0,0.1); margin-top:0.3rem; margin-bottom:0.38rem; padding:0.4rem 0.2rem; text-align:center;}
.job-popup .upload .tips {color:#999; font-weight:lighter;}
.job-popup .upload .filename {font-size:0.2rem; line-height:1.5em;}
.job-popup .upload .button {color: #327cd1; font-size:0.22rem; width:9.1em; display:flex; justify-content:center; margin:0 auto 0.24rem;background-color: #e2edf9;height:2.636em; border-radius:1.318em; align-items:center;}
.job-popup .upload .button:before {display:block; content:''; width:0.8636em; height:0.81818em; background:url(../images/job_upload_icon_01.svg) no-repeat center center; background-size:contain; margin-right:0.1rem;}
.job-popup .upload input[type="file"]{display:none;}
.job-popup .upload .type strong {cursor:pointer; color:#327cd1;}
.job-popup .col3 {display:flex; flex-wrap:wrap; justify-content:space-between;}
.job-popup .col3 .item {width:31.25%;}
.job-popup .submit {background-color: #327cd1; font-size:0.2rem; color:#fff; height:3.2em; border-radius:1.6em; width:11.2em; align-items:center; display:flex; justify-content:center; margin:0 auto;}
.job-popup .submit:after {display:block; content:''; width:1em; height:1em; background:url(../images/job_submit_icon_01.svg) no-repeat center center; background-size:contain; margin-left:1em;}
.job-popup input::-moz-placeholder{color:#999;}
.job-popup input:-moz-placeholder{color:#999;}
.job-popup input::-webkit-input-placeholder{color:#999;}
.job-popup input:-ms-input-placeholder{color:#999;}
.job-popup textarea::-moz-placeholder{color:#999;}
.job-popup textarea:-moz-placeholder{color:#999;}
.job-popup textarea::-webkit-input-placeholder{color:#999;}
.job-popup textarea:-ms-input-placeholder{color:#999;}
@media only screen and (max-width:750px){
    .job-popup .info {padding:0.25rem 0.3rem 0.4rem;}
    .job-popup .title {font-size:0.32rem;}
    .job-popup .meta {margin-bottom:0.25rem;}
    .job-popup .meta span {margin-right:0.3rem;}
    .job-popup .col3 .item {width:100%;}
    .job-popup .submit,
    .job-popup .upload .button {font-size:0.18rem;}
    .job-popup .upload {padding:0.3rem 0.2rem;}
}
/*result-box*/
.result-box {overflow:hidden; background:no-repeat center center; background-size:cover; padding:0.2rem 0 0.8rem;}
/*result-product*/
.result-product .list{--margin:0.4rem;}
/*result-bar*/
.result-bar {border-bottom:0.01rem solid #eaeaea; margin-bottom:0.3rem; padding-bottom:0.25rem;}
.result-bar .name {margin:0; font-size:0.36rem; line-height:1.25em;color: #1a1a1a; font-weight:normal;}
.result-bar .total {color:#666;}
.result-bar .total span {color:#327cd1; font-size:1.25em;}
@media only screen and (max-width:750px){
    .result-bar {flex-direction:column;}
    .result-bar .total {margin-top:0.5em;}
}
/*result-news*/
.result-news {background-color: #f7f9fa; padding:0.65rem 0 0.74rem;}
.result-news li {background:url(../images/result_news_line_01.png) repeat-x bottom left; background-size:auto 0.01rem; font-size:0.2rem; line-height:1.4em; padding-bottom:1.75em; margin-bottom:1.75em;}
.result-news li:last-child {margin-bottom:0;}
.result-news li a {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-right:5em; position:relative;}
.result-news li strong {font-weight:normal;color: #327cd1;}
.result-news li span {display:block; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.result-news li a:not(:hover) span {color:#666;}
.result-news li:hover {background-image:url(../images/result_news_line_02.png);}
@media only screen and (max-width:750px){
    .result-news {padding:0.5rem 0 0.55rem;}
    .result-news li {font-size:0.18rem;}
}
/*result-files*/
.result-files {padding-top:0.6rem;}
.result-files .item{border-bottom: solid 0.01rem #eaeaea; font-size:0.2rem; line-height:1.4em; padding-bottom:1.75em; margin-bottom:1.75em;}
.result-files .title {width:calc(100% - 10em);}
.result-files .title a {display:block; background:no-repeat left 0.15em; background-size:1em auto; padding-left:2.15em; }
.result-files .title .pdf {background-image: url(../images/file_pdf.png);}
.result-files .title strong {font-weight:normal;color: #327cd1;}
.result-files .meta {font-size:0.9em; width:9.45em;}
.result-files .meta a {display:block; background:no-repeat left center; background-size:1em auto; padding-left:1.56em;}
.result-files .meta .view {background-image: url(../images/file_view@2x.png);}
.result-files .meta .down {background-image: url(../images/file_down@2x.png);}
/*result-search*/
.result-search {margin-bottom:0.75rem;}
.result-search:last-child {margin-bottom:0;}
.result-search .form {max-width:8.7rem; margin:0 auto;}
.result-search .input {background-color: #f8f8f8; border-radius:2.25em; overflow:hidden; position:relative; padding-right:9.375em;}
.result-search .text {height:4.5em; display:block; width:100%; line-height:1.5em; padding:1.5em 3.125em; color:#666;}
.result-search .go {background-color: #327cd1; color:#fff; position:absolute; right:0; top:0; height:100%;border-radius:1.8em; font-size:0.2rem; width:7.5em;cursor:pointer;}
/*swiper-arrows*/
.swiper-arrows{position:relative}
.swiper-arrows .arrow{font-size:0.16rem;width:3.125em;height:3.125em;border-radius:50%;border:solid 0.02rem #333;display:flex;align-items:center;justify-content:center;z-index:5;cursor:pointer}
.swiper-arrows .arrow:after{width:0.875em;height:0.875em;display:block;content:'';transform:rotate(45deg) translate(-15%,15%);}
.swiper-arrows .arrow:hover{background-color:#333;border-color:transparent}
.swiper-arrows .arrow:hover:after{filter:invert(1) brightness(100)}
.swiper-arrows .arrow.abs{position:absolute;top:50%;transform:translateY(-50%)}
.swiper-arrows .arrow.swiper-button-disabled{display:none}
.swiper-arrows .prev:after{border-left:0.01rem solid #333;border-bottom:0.01rem solid #333; transform:rotate(45deg) translate(15%,-15%);}
.swiper-arrows .prev.abs{left:-0.93rem}
.swiper-arrows .next:after{border-top:0.01rem solid #333;border-right:0.01rem solid #333}
.swiper-arrows .next.abs{right:-0.93rem}
@media only screen and (max-width:750px){
    .swiper-arrows .arrow {font-size:0.14rem;}
}