@charset "utf-8";
@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;
}
@font-face{
    font-family:'Barlow';
    src:url('../fonts/Barlow-SemiBold.ttf') format('truetype');
    font-style:normal;
    font-weight:600;
    font-display:swap;
}
/*初始化样式*/
:root {  
    --font-color:#000;
    --main-color:#cd131c;
    --r:205;
    --g:19;
    --b:28;
}
*{-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.06rem;height:0.12rem;background-color:#fff;}
	::-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:1280px){
    /*1280px*/
    html{font-size:calc(80vw/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,.set-mp,.set-mp dl, .set-mp dt, .set-mp dd,.set-mp li,.set-mp ul, .set-mp ol, .set-mp p{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-wrap:break-word; overflow-wrap: break-word; hyphens: auto; position: relative;}
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%;}
.set-mp 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:1; color:#999;}
input:-moz-placeholder{opacity:1; color:#999;}
input::-webkit-input-placeholder{opacity:1; color:#999;}
input:-ms-input-placeholder{opacity:1; color:#999;}
textarea::-moz-placeholder{opacity:1; color:#999;}
textarea:-moz-placeholder{opacity:1; color:#999;}
textarea::-webkit-input-placeholder{opacity:1; color:#999;}
textarea:-ms-input-placeholder{opacity:1; color:#999;}
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:16rem;margin:0 auto;}
.w1440 {max-width: 14.4rem;}
.w1300 {max-width: 13rem;}
.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 {overflow: hidden;}
.entry *{line-height:1.875em;}
.entry img{height:auto!important;}
.entry blockquote{margin:0 2em;font-style:italic;opacity:0.95;padding:1em;border:1px solid #e8e8e8;background-color:#f9f9f9;}
.entry hr{border:none;clear:both;border-bottom:0.01rem solid #e6e6e6;}
/*font-color*/
[data-font*="000"]{color:#000;}
[data-font*="222"]{color:#222;}
[data-font*="333"]{color:#333;}
[data-font*="555"]{color:#555;}
[data-font*="666"]{color:#666;}
[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*=semibold]{font-weight: 600;}
[data-font*=bold]{font-weight: bold;}
/*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="5"] .item {width: 20%;}
@media only screen and (max-width:1024px){
    [data-cols="3"] .item {width: 50%;}
    [data-cols="4"] .item,
    [data-cols="5"] .item {width: 33.333%;}
    [data-cols="2"] .item {width: 100%;}    
}
@media only screen and (max-width:750px){    
    [data-cols="4"] .item,
    [data-cols="5"] .item {width: 50%;}
    [data-cols="3"] .item {width: 100%;}
}
/*delay*/
[data-delay] {--property:all; --duration:0.3s; transition: var(--property) var(--duration);}

body:after{content:'';display:block;position:absolute;left:0;bottom:0;width:37.1875%;padding-bottom:61.875%;background:url(../images/symbol.svg) no-repeat center center;background-size:contain;}

/*header*/
#header{position:sticky;top:0;width:100%;z-index:8;transition:all 0.2s;background-color:#fff;box-shadow:0px 0.12rem 0.5rem 0px rgba(0,0,0,0.15);}

/*logo*/
#logo{width:1.6rem;position:absolute;z-index:10;left:0;top:0;}
#logo a{display:block;overflow:hidden;padding-bottom:56.25%;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;}
@media only screen and (max-width:750px){
    #logo{width:1.18518rem;}
}

/*topbar*/
#topbar{background-color:#000000;color:#fff;}
#topbar a:not(:hover){color:#fff;}
@media only screen and (max-width:750px){
    #topbar .inner{height:0.66667rem;align-items:center;}
}

/*language*/
#language{position:relative;padding:0.05rem 0;}
#language span{display:block;background:url(../images/language_01.svg) no-repeat left center;background-size:1.375em auto;padding:0 calc(12em/16) 0 2em;position:relative;color:#fff;white-space:nowrap;cursor:pointer;}
#language span:after{width:calc(7em/16);height:calc(4em/16);background:url(../images/language_arrow_01.svg) no-repeat center center;background-size:contain;position:absolute;right:0;top:50%;transform:translateY(-50%);display:block;content:'';}
#language ul{line-height:2em;position:absolute;top:100%;left:50%;min-width:100%;transform:translateX(-50%);z-index:5;background-color:#fff;box-shadow:0 0.05rem 0.15rem rgba(0,0,0,0.1);text-align:center;padding:0.5em 1.5em;visibility:hidden;opacity:0;}
#language ul.active{visibility:visible;opacity:1;}
#language ul li{border-bottom:1px solid rgba(0,0,0,0.1);}
#language ul li:last-child{border-bottom:none;}
#language ul a{white-space:nowrap;display:block;padding:0.5em;}
#language ul a:not(:hover){color:var(--font-color);}
@media only screen and (max-width:750px){
    #language ul{top:calc(100% + 0.135rem);}
}

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

    /*1024*/
    #navbtn{position:relative;cursor:pointer;width:0.22rem;height:0.2rem;transition:all 0.3s;display:block;z-index:10;overflow:hidden;margin-left:1em;}
    #navbtn:before,#navbtn:after,#navbtn i{width:100%;height:0.02rem;background-color:#fff;display:block;position:absolute;left:0;transition:all 0.3s;content:'';border-radius:0.01rem;}
    #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;}
}

/*navi*/
#navi{padding:0 0.3rem;}
#navi a{display:block;position:relative;}
#navi .parent{padding:0.05rem 0.3rem;position:relative;}
#navi .wap{display:none;}
@media only screen and (max-width:1280px){
    #navi{padding-left:1.32rem;}
}
@media only screen and (max-width:750px){

    /*750px*/
    #navi{position:fixed;width:100%;max-width:20em;height:calc(100% - 0.66667rem);background-color:#fff;z-index:9;right:0;top:0.66667rem;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1em 0;transform:translateX(100%);opacity:0;transition:all 0.3s;}
    #navi.active{transform:translateX(0);opacity:1;}
    #navi a:not(:hover){color:#333;}
    #navi .menu{display:block;}
    #navi .parent{padding:0 0.5rem;line-height:2em;position:relative;}
    #navi .parent > a{padding:1.5em 0;border-bottom:1px solid #e4e4e4;}
    #navi .parent:last-child a{border-bottom:none;}
    #navi .wap{display:block;}
}

/*topbox*/
#topbox{background-color:#fff;}

/*search*/
#search{width:1.8rem;padding:0.075rem 0;}
#search .input{position:relative;border:solid 0.02rem #000000;border-radius:0.17rem;overflow:hidden;}
#search .text{display:block;width:100%;height:1.9375em;line-height:1.5625em;padding:0.1875em 1.9375em 0.1875em 1em;background-color:#fff;}
#search .go{display:block;position:absolute;right:0;top:0;height:100%;width:1.9375em;cursor:pointer;background:url(../images/search_01.png) no-repeat center center;background-size:auto 48.38709677%;}
@media only screen and (max-width:750px){
    #search{position:absolute;left:1.8rem;top:0;z-index:5;padding:0.15834rem 0;}
}

/*series*/
#series{padding:0 0.32rem;}
#series .parent{position:relative;padding:0.1rem 0.32rem;}
#series .parent:after{width:0.01rem;height:0.15rem;background-color:rgba(0,0,0,0.3);content:'';display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);}
@media only screen and (max-width:1280px){
    #series{padding-left:1.32rem;}
}
@media only screen and (max-width:750px){
    #series{display:none;}
}

/*footer*/
#footer{background-image:linear-gradient(0deg,#000000 0%,#222222 100%);color:rgba(255,255,255,0.5);}
#footer a{color:rgba(255,255,255,0.5);}
#footer a:hover{color:#fff;}

/*copyright*/
#copyright{padding:0.2rem 0;font-size:0.15rem;line-height:2.66666667em;position:relative;z-index:5;}
#copyright a{display:inline-block;}
#copyright img{display:inline-block;vertical-align:middle;margin-top:-0.2em;width:auto;height:1.2em;margin-right:0.2em;}

/*bottom*/
#bottom{border-bottom:1px solid rgba(255,255,255,0.1);padding:0.7rem 0 0.4rem;position:relative;z-index:5;}
@media only screen and (max-width:750px){
    #bottom{padding-top:0.4rem;}
}

/*infor*/
#infor{width:3.7rem;}
#infor .logo{width:1.95rem;max-width:100%;margin-bottom:0.3rem;}
#infor .logo img{display:block;width:100%;}
#infor .meta{color:#fff;line-height:2.25em;}
#infor .meta .cont{width:calc(100% - 3em);}
#infor .meta span{font-size:1.25em;line-height:1.8em;}
@media only screen and (max-width:750px){
    #infor{width:100%;flex-direction:column;align-items:center;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;}
}

/*menu*/
#menu{width:calc(100% - 4.5rem);max-width:8.7rem;}
#menu dt{font-size:0.18rem;line-height:2em;margin-bottom:0.08rem;}
#menu dt a{color:#fff;}
#menu dd{line-height:2.25em;}
#menu .column28 {display: none;}
@media only screen and (max-width:750px){
    #menu{display:none;}
}

/*backtop*/
.backtop{background:var(--main-color) url(../images/backtop.png) no-repeat center center;background-size:50% auto;border-radius:50%;width:0.6rem;height:0.6rem;cursor:pointer;position:absolute;bottom:0.5rem;right:4.16666667%;}

/*slides*/
#slides .figure{padding-bottom:45.3125%;}
#slides .img{transform:scale(1.25);transition-duration:2s;}
#slides .scroll{color:rgba(255,255,255,0.6);position:absolute;bottom:0;right:1.6rem;z-index:5;}
#slides .scroll .word{display:block;writing-mode:sideways-rl;margin-bottom:1em;}
#slides .scroll .line{width:0.01rem;height:0.9rem;position:relative;}
#slides .scroll .line:before,#slides .scroll .line:after{content:'';display:block;position:absolute;width:100%;height:100%;background-color:rgba(255,255,255,0.2);left:0;top:0;}
#slides .scroll .line:after{z-index:2;background-color:#fff;height:33.333%;}
#slides .control{position:absolute;left:0;bottom:5.74712644%;width:100%;z-index:5;color:#fff;}
#slides .navigation{width:0.56rem;margin-left:0.25rem;}
#slides .navigation > div{--swiper-navigation-size:0.2rem;color:#fff;line-height:1em;position:relative;left:auto;right:auto;top:auto;margin-top:0;}
#slides .pagination{width:4.4rem;height:0.01rem;background-color:rgba(255,255,255,0.4);position:relative;margin:0 0.16rem;}
#slides .swiper-pagination-progressbar-fill{--swiper-pagination-color:#fff;}
#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(-50%);opacity:1;}
@media only screen and (max-width:1280px){
    #slides .scroll{right:3.125%;}
}
@media only screen and (max-width:750px){
    #slides .figure{padding-bottom:100%;}
    #slides .pagination{width:2rem;}
    #slides .scroll .line{height:0.5rem;}
}

/*module-name*/
.module-name{font-size:0.46rem;margin:0;line-height:1.35em;}
@media only screen and (max-width:750px){
    .module-name{font-size:0.36rem;}
}
/*msg-form*/
.msg-form .item{margin-bottom:0.2rem;}
.msg-form .text{background:#fff no-repeat 1.25em 0.9375em;background-size:auto 1.25em;border-radius:0.05rem;display:block;width:100%;height:3.125em;line-height:1.625em;padding:0.75em 1.25em 0.75em 3.125em;}
.msg-form textarea.text{height:7.5em;background-position:1.25em 1.1em;}
.msg-form .name{background-image:url(../images/msgform_01@2x.png);}
.msg-form .phone{background-image:url(../images/msgform_02@2x.png);}
.msg-form .mail{background-image:url(../images/msgform_03@2x.png);}
.msg-form .cont{background-image:url(../images/msgform_04@2x.png);}
.msg-form .col3 .item{width:30.85714286%;}
.msg-form .submit{width:10em;height:2.875em;border-radius:0.05rem;display:block;background-color:#fff;}
.msg-form .submit i{display:inline-block;font-style:normal;background:url(../images/message_button_arrow_01.png) no-repeat right center;background-size:0.375em auto;padding-right:1.125em;}
.msg-form .submit:hover{background-color:#000;color:#fff;}
.msg-form .submit:hover i{filter:brightness(100);}
@media only screen and (max-width:750px){
    .msg-form .col3 .item{width:100%;}
}

/*section-box*/
.section-box{padding:0.9rem 0 1rem;overflow:hidden;background:no-repeat center center;background-size:cover;position:relative;}
.section-box .inner{position:relative;z-index:3;}
@media only screen and (max-width:750px){
    .section-box{padding:0.6rem 0 0.65rem;}
}

/*message*/
#message{background-color:var(--main-color);color:#fff;}
#message .info{width:3.5rem;}
#message .intro{font-size:0.18rem;line-height:1.66666667em;margin-top:0.23rem;}
#message .form{width:7rem;max-width:calc(100% - 4rem);}
@media only screen and (max-width:750px){
    #message .info{width:100%;margin-bottom:0.35rem;}
    #message .form{width:100%;max-width:none;}
}

/*news*/
#news{background-color:#000;}
#news .module-name{margin-bottom:0.3rem;}
#news .item a:hover .img{transform:scale(1.05);}
#news .figure{border-radius:0.05rem;}
#news .figure:after{padding-bottom:70%;display:block;}
#news .tag{font-size:0.14rem;line-height:1.5em;margin-bottom:0.1rem;}
#news .title{font-size:0.2rem;line-height:1.5em;margin-bottom:0.1rem;}
#news .excerpt{opacity:0.6;font-size:0.16rem;line-height:1.5em;height:3em;margin-bottom:0.2rem;}
#news .top{width:46.15384615%;}
#news .top .figure{margin-bottom:0.38rem;}
#news .top .title{font-size:0.28rem;margin-bottom:0.17rem;}
#news .top .excerpt{font-size:0.18rem;line-height:1.77777778em;height:3.55555556em;margin-bottom:0.15rem;}
#news .top a{display:block;overflow:hidden;}
#news .list{width:47.69230769%;}
#news .list .figure{width:2.38rem;}
#news .list .text{width:calc(100% - 2.68rem);}
#news .list .date{font-size:0.14rem;line-height:1.5em;}
#news .list .item{border-bottom:0.02rem solid #e7e7e7;padding-bottom:0.29rem;margin-bottom:0.29rem;}
#news .list .item:hover{border-bottom-color:var(--main-color);}
#news .list .item:last-child{margin-bottom:0;}
@media only screen and (max-width:750px){
    #news .top{width:100%;margin-bottom:0.5rem;}
    #news .list{width:100%;}
    #news .list .figure{width:1.7rem;}
    #news .list .text{width:calc(100% - 2rem);}
}

/*about-box*/
#about-box{background-color:#fff;position:relative;padding:0.9rem 0 0.6rem;z-index:5;}
@media only screen and (max-width:750px){
    #about-box{padding:0.6rem 0 0.3rem;}
}

/*about*/
#about{margin-bottom:0.9rem;}
#about .entry{font-size:0.18rem;line-height:2em;margin-top:0.12rem;}
#about .entry *{line-height:2em;}
#about .entry p{margin:0.44444444em 0;}
#about .data{margin-top:0.25rem;}
#about .data span{font-size:0.64rem;line-height:1.125em;font-family:'Barlow';}
@media only screen and (max-width:750px){
    #about{margin-bottom:0.5rem;}
}

/*partner*/
#partner{padding:0 0 0.2rem;}
#partner:before,#partner:after{width:14.58333333%;height:100%;content:'';display:block;position:absolute;top:0;z-index:2;}
#partner:before{left:0;background-image:linear-gradient(90deg,#fff,transparent);}
#partner:after{right:0;background-image:linear-gradient(270deg,#fff,transparent);}
#partner .list{margin-top:0.2rem;}
#partner .box{display:flex;}
#partner ul{width:max-content;display:flex;position:relative;}
#partner li{width:2.74rem;padding:0.15rem 0.1rem;}
#partner a{box-shadow:0px 0.06rem 0.24rem 0px rgba(0,0,0,0.12);overflow:hidden;display:block;border-radius:0.1rem;}
#partner .figure{padding-bottom:40.1459854%;}
@media only screen and (max-width:750px){
    #partner li{width:2.2rem;padding-top:0.1rem;padding-bottom:0.1rem;}
}
.skew{--deg:-15deg;transform:skew(var(--deg));}
.skew .skew{--deg:15deg;}

/*skew-more*/
.skew-more a{background-color:var(--main-color);display:flex;align-items:center;justify-content:center;height:2.61111111em;font-size:0.18rem;line-height:1.5em;width:10em;color:#fff;overflow:hidden;}
.skew-more a:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(255,255,255,0.3);transform:translateX(-100%);transition:inherit;}
.skew-more a:hover:before{transform:translateX(0);}
.skew-more i{display:block;font-style:normal;position:relative;z-index:2;}

/*product*/
#product .item{position:relative;overflow:hidden;border-bottom:0.1rem solid #fff;background:no-repeat center center;background-size:cover;background-attachment:fixed;}
#product .item:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.45);z-index:2;}
#product .item:first-child{mask:url(../images/mask_product_01.png) no-repeat center center;mask-size:100% 100%;}
#product .text{height:3.8rem;position:relative;z-index:3;}
#product .intro{font-size:0.22rem;line-height:1.45454545em;margin-top:0.1rem;}
#product .skew-more{margin-top:0.45rem;}
#product .item:nth-child(2n) .inner{align-items:flex-end;}
@media only screen and (max-width:750px){
    #product .item:first-child{mask:none;}
}

/*widget*/
#widget{position:fixed;right:0;top:60%;transform:translateY(-50%);width:0.7rem;z-index:9;box-shadow:0px 0.12rem 0.5rem 0px rgba(0,0,0,0.15);}
#widget li{list-style:none;position:relative;border-bottom:0.02rem solid #eee;}
#widget li:first-child a{border-radius:0.12rem 0.12rem 0 0;}
#widget li:last-child{border-bottom:none;}
#widget li:last-child a{border-radius:0 0 0.12rem 0.12rem;}
#widget .icon{width:0.3rem;overflow:hidden;position:relative;margin:0 auto 0.04rem;}
#widget .icon:after{display:block;content:'';padding-bottom:83.33333333%;}
#widget .icon img{display:block;position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;}
#widget .name{font-size:0.14rem;line-height:1.5em;}
#widget a{display:block;overflow:hidden;padding:0.14rem 0.1rem 0.11rem;position:relative;background-color:#fff;}
#widget .drop{position:absolute;right:120%;top:50%;transform:translateY(-50%);box-shadow:0px 0px 0.3rem 0px rgba(0,0,0,0.1);border-radius:0.1rem;background-color:#fff;margin-right:0.15rem;visibility:hidden;opacity:0;}
#widget .drop:after{display:block;content:'';position:absolute;left:100%;top:50%;transform:translateY(-50%);border-left:0.1rem solid #fff;border-top:0.1rem solid transparent;border-bottom:0.1rem solid transparent;}
#widget .drop.active{right:100%;visibility:visible;opacity:1;}
#widget .tel{color:#000;font-weight:lighter;white-space:nowrap;font-size:0.3rem;padding:0.5em 1em;}
#widget .qr{padding:0.05rem;width:1.5rem;}
#widget .qr img{display:block;width:100%;height:auto;}
#widget .top a{background-color:var(--main-color);height:0.6rem;display:flex;}
#widget .top img{display:block;width:0.3rem;height:0.25rem;object-fit:contain;}

/*breadcrumb*/
.breadcrumb{font-size:0.2rem;line-height:1.5em;color:rgba(255,255,255,0.6);}
.breadcrumb a:not(:hover){color:rgba(255,255,255,0.6);}
.breadcrumb a:first-child{background:url(../images/breadcrumb_01.png) no-repeat left center;background-size:1em auto;padding-left:1.5em;}

/*banner*/
#banner{background:no-repeat center center;background-size:cover;mask:url(../images/mask_banner_01.png) no-repeat center top;mask-size:100% 100%;padding-bottom:20.3125%;position:relative;z-index:4;}
#banner .text{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;z-index:2;}
#banner .name{font-size:0.5rem;line-height:1.35em;margin-bottom:0.13rem;}
@media only screen and (max-width:750px){
    #banner{padding-bottom:75%;mask:none;}
    #banner .name {font-size: 0.42rem;}
}

/*mall*/
#mall{background-color:#fff;overflow:hidden;position:relative;z-index:2;padding:1rem 0;}
#mall .list{--margin:0.52rem;}
#mall .icon{width:1.1rem;margin:0 auto 0.45rem;}
#mall .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:cover;}
#mall .title{font-size:0.22rem;line-height:1.5em;}
#mall a{display:block;overflow:hidden;background-color:#f5f5f5;border-radius:0.05rem;position:relative;height:100%;padding:0.6rem;}
#mall a:hover{text-decoration:underline;}

/*categories*/
.categories{position:relative;z-index:3;}
.categories li{margin-right:0.3rem;}
.categories li:last-child{margin-right:0;}
.categories a{background-color:#f2f2f2;display:block;height:2.8125em;line-height:2.8125em;padding:0 1em;min-width:6.25em;transition:all 0.2s;}
.categories a:hover,.categories .cur a{background-color:var(--main-color);color:#fff;}
@media only screen and (max-width:750px){
    .categories li{margin-top:0.3rem;margin-right:0.2rem;}
    .categories [data-flex*=jcfe]{justify-content:flex-start;}
}

/*wrapper*/
#wrapper{overflow:hidden;padding:0.6rem 0 1rem;position:relative;z-index:3;}

/*newslist*/
#newslist{--margin:0.53rem;}
#newslist .item{padding-bottom:0.8rem;}
#newslist .figure{padding-bottom:64.04494382%;border-radius:0.05rem;margin-bottom:0.3rem;}
#newslist .tag{position:absolute;padding:0.1rem;left:0;top:0;}
#newslist .tag span{background-color:var(--main-color);color:#fff;border-radius:0.02rem;display:block;padding:0 0.5em;}
#newslist .title{font-size:0.24rem;line-height:1.5em;height:3em;margin-bottom:0.23rem;}
#newslist a{display:block;overflow:hidden;position:relative;height:100%;border-bottom:0.04rem solid rgba(241,243,245,0.8);padding-bottom:0.3rem;}
#newslist a:hover{border-bottom-color:var(--main-color);}
#newslist a:hover .img{transform:scale(1.05);}
@media only screen and (max-width:1024px){
    #newslist .item{width:33.333%;}
}
@media only screen and (max-width:750px){
    #newslist .item{width:100%;padding-bottom:0.55rem;}
}

/*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.625em;min-width:3.75em;text-align:center;border-radius:1.875em;height:3.75em;padding:0 0.5em;position:relative;transition:all 0.2s;background:#fff no-repeat center center;background-size:auto 25%;}
.Pages a:hover,.Pages .a_cur{color:#fff;background-color:var(--main-color);}
.Pages .a_prev,.Pages .a_next{text-indent:-99999em;overflow:hidden;}
.Pages .a_prev:hover,.Pages .a_next:hover{background-color:#fff;}
.Pages .a_prev:hover:after,.Pages .a_next:hover:after{filter:brightness(100);}
.Pages .a_prev{background-image:url(../images/page_prev_01.png);}
.Pages .a_prev:hover{background-image:url(../images/page_prev_01_on.png);}
.Pages .a_next{background-image:url(../images/page_next_01.png);}
.Pages .a_next:hover{background-image:url(../images/page_next_01_on.png);}
@media only screen and (max-width:750px){
    .Pages a{min-width:3em;height:3em;line-height:3em;border-radius:1.5em;margin:0.35em;}
}

/*npost*/
#npost #banner{padding-bottom:3.9rem;}
#npost .info .inner,#npost .categories .inner{max-width:10rem;}
#npost .title{font-size:0.42rem;line-height:1.35em;margin-bottom:0.15rem;}
#npost .meta{font-size:0.2rem;line-height:1.5em;}
#npost .info{padding:0.3rem 0 1rem;overflow:hidden;position:relative;z-index:2;}
#npost .entry{font-size:0.18rem;line-height:1.88888889em;}
#npost .entry *{line-height:1.88888889em;}
#npost .other{border-top:0.02rem solid #f1f3f5;font-size:0.18rem;line-height:2em;padding-top:0.27rem;margin-top:0.32rem;}
#npost .other > div{max-width:48%;}
#npost .other span{display:block;}
#npost .other a {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#npost .other a:not(:hover) span{color:#81838a;}
@media only screen and (max-width:750px){
    #npost .title{font-size:0.3rem;}
    #npost .meta{font-size:0.16rem;}
    #npost .other > div{width:100%;max-width:none;text-align:left;}
}

/*battery*/
#battery{--margin:0.6rem;margin-bottom:var(--margin);}
#battery .item{padding-bottom:0.3rem;}
#battery .figure{width:3.4rem;}
#battery .figure:after{padding-bottom:94.11764706%;display:block;}
#battery .text{width:calc(100% - 3.4rem);padding:0.3rem;}
#battery .title{font-size:0.22rem;line-height:1.36363636em;margin-bottom:0.1rem;}
#battery .intro{line-height:1.75em;height:8.75em;margin-bottom:0.3rem;}
#battery .buy{background-color:#f2f2f2;height:2em;width:5em;text-align:center;line-height:2em;border-radius:0.05rem;}
#battery .info{overflow:hidden;position:relative;height:100%;border-radius:0.05rem;background-color:#fff;}
#battery .info:hover{box-shadow:0px 0px 0.15rem 0px rgba(0,0,0,0.2);}
#battery .info:hover .buy{color:#fff;background-color:var(--main-color);}
@media only screen and (max-width:1024px){
    #battery .intro{height:auto;max-height:8.75em;}
}
@media only screen and (max-width:750px){
    #battery .figure{width:100%;}
    #battery .text{width:100%;}
    #battery .intro{height:auto;max-height:8.75em;}
}

/*bxname*/
.bxname{font-size:0.32rem;line-height:1.35em;position:relative;margin-bottom:0.5rem;}
.bxname:after{background-color:var(--main-color);width:1.25em;height:0.125em;border-radius:0.0625em;display:block;content:'';margin-top:0.3125em;}

/*contact*/
#contact .info{width:41.11111111%;border-right:0.02rem solid rgba(221,221,221,0.8);padding-right:5.55555556%;}
#contact .info .title{background:no-repeat left center;background-size:1.875em auto;padding-left:2.5625em;font-size:0.16rem;line-height:1.875em;margin-bottom:0.15rem;}
#contact .info .intro{padding-left:2.05em;font-size:0.2rem;line-height:1.5em;}
#contact .info .intro strong{font-size:1.7em;color:var(--main-color);line-height:1.35em;}
#contact .info .qr{background-color:#fff;border:solid 0.01rem #e0e0e0;width:1.05rem;max-width:100%;padding:0.1rem;}
#contact .info .qr img{display:block;width:100%;height:auto;}
#contact .info .item{border-bottom:0.01rem solid #ddd;padding-bottom:0.44rem;margin-bottom:0.35rem;}
#contact .info .item:last-child{margin-bottom:0;}
#contact .warning{margin-bottom:0.17rem;}
#contact .leave{width:53.47222222%;}
#contact .leave .item{border-bottom:0.02rem solid #ddd;padding:0.1rem 0;margin-bottom:0.66rem;}
#contact .leave .text{display:block;width:100%;background:no-repeat left 0.75em;background-size:1.875em auto;padding:0.8125em 0 0.8125em 2.5em;height:3.125em;line-height:1.5em;}
#contact .leave textarea.text{height:6.25em;}
#contact .leave .name{background-image:url(../images/contact_05.png);}
#contact .leave .phone{background-image:url(../images/contact_01.png);}
#contact .leave .mail{background-image:url(../images/contact_02.png);}
#contact .leave .cont{background-image:url(../images/contact_06.png);}
#contact .leave .col2 .item{width:47.79220779%;}
#contact .leave .submit{background-color:var(--main-color);color:#fff;box-shadow:0px 0px 0.4rem 0px rgba(205,19,28,0.3);display:block;border-radius:0.05rem;width:11.25em;max-width:100%;height:3.4375em;}
@media only screen and (max-width:750px){
    #contact .info{width:100%;border-right:none;padding-right:0;margin-bottom:0.5rem;}
    #contact .leave{width:100%;}
}

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

/*jobitem*/
.jobitem{background-color:#f5f5f5;padding:0.38rem 0.5rem 0.35rem;margin-bottom:0.2rem;}
.jobitem .top{cursor:pointer;}
.jobitem .info{width:calc(100% - 1rem);}
.jobitem .title{font-size:0.24rem;line-height:1.35em;margin-bottom:0.1rem;}
.jobitem .meta span{display:block;margin-right:0.6rem;}
.jobitem .meta span:last-child{margin-right:0;}
.jobitem .more{position:relative;padding-right:1.25em;}
.jobitem .more:after{width:0.75em;height:0.4375em;background:url(../images/job_arrow_01@2x.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);}
.jobitem .btm{overflow:hidden;padding:0.35rem 0 0.55rem;display:none;}
.jobitem .item{margin-bottom:0.25rem;}
.jobitem .name{font-size:0.18rem;line-height:1.77777778em;}
.jobitem .send{margin-top:0.47rem;}
.jobitem .send a{background-color:var(--main-color);color:#fff;font-size:0.18rem;height:3.11111111em;border-radius:0.05rem;padding:0 1.11111111em;line-height:3.11111111em;}
.jobitem .send a:before{width:1.38888889em;height:1.11111111em;background:url(../images/send.png) no-repeat center center;background-size:contain;display:block;content:'';margin-right:0.1rem;}
.jobitem.active .more{color:var(--main-color);}
.jobitem.active .more:after{background-image:url(../images/job_arrow_02@2x.png);}
@media only screen and (max-width:750px){
    .jobitem{padding:0.3rem;}
    .jobitem .info{width:100%;}
    .jobitem .more{display:none;}
    .jobitem .meta{justify-content:space-between;}
    .jobitem .meta span{width:48%;margin-right:0;}
    .jobitem .btm{padding:0.3rem 0;}
    .jobitem .send{margin-top:0.2rem;}
}

/*propage*/
#propage{margin-top:-0.5rem;position:relative;z-index:2;background-color:#fff;overflow:hidden;}
@media only screen and (max-width:750px){
    #propage{margin-top:0;}
}

/*aside*/
.aside{width:3.8rem;position:relative;padding:1rem 0.4rem;}
.aside:before{background-color:#f9f9f9;content:'';display:block;position:absolute;width:7rem;right:0;top:0;height:100%;}
.aside .box{position:relative;z-index:2;}
.aside .name{font-size:0.18rem;line-height:1.66666667em;margin-bottom:0.05rem;}
@media only screen and (max-width:750px){
    .aside{width:100%;padding:0.25rem 0 0.5rem;}
    .aside:before{right:50%;transform:translateX(50%);}
}

/*find*/
.find{padding:0.3rem 0;}
.find .input{position:relative;border-radius:0.05rem;overflow:hidden;font-size:0.14rem;}
.find .text{display:block;width:100%;height:3.07142857em;line-height:1.78571429em;padding:0.64285714em;background-color:#fff;}
.find .go{display:block;position:absolute;right:0;top:0;height:100%;width:3.57142857em;cursor:pointer;background:var(--main-color) url(../images/search_02.png) no-repeat center center;background-size:auto 34.88372093%;}

/*filter*/
.filter{margin-bottom:0.4rem;}
.filter:last-child{margin-bottom:0;}
.filter li{margin-bottom:0.02rem;}
.filter .col1 li{width:100%;}
.filter .col2 li{width:50%;}
.filter .col3 li{width:33.333%;}

/*prolist*/
.prolist{width:calc(100% - 3.8rem);padding:1rem 0 1rem 6.94444444%;}
.prolist .list{--margin:0.15rem;margin-bottom:0.8rem;}
.prolist .Pages{justify-content:flex-start;}
@media only screen and (max-width:750px){
    .prolist{width:100%;padding:0.6rem 0;}
    .prolist .list{margin-bottom:0.1rem;}
    .prolist .Pages{justify-content:center;}
}

/*proitem*/
.proitem{padding-bottom:0.2rem;}
.proitem .figure{width:100%;max-width:100%;margin:0 auto 0.35rem;}
.proitem .figure:after{padding-bottom:57.145%;display:block;}
.proitem .title{font-size:0.22rem;line-height:1.36363636em;margin-bottom:0.05rem;}
.proitem .more{margin: auto; margin-top:0.32rem; display: flex;justify-content: center;}
.proitem .more span{background-color:#f5f5f5;border-radius:0.05rem;height:2.25em;line-height:2.25em;padding: 0 1em}
.proitem a{display:block;overflow:hidden;padding:0.1464rem;border-radius:0.05rem;}
.proitem a:hover{box-shadow:0px 0px 0.15rem 0px rgba(0,0,0,0.2);}
.proitem a:hover .more span{color:#fff;background-color:var(--main-color);}
@media only screen and (max-width:1024px) and (min-width:750px){
.prolist .list[data-cols="3"] .item{ width: 100%;}
}
@media only screen and (max-width:750px){
    .proitem .figure{width:80%;}
    .proitem .meta{display:flex;justify-content:space-between;flex-wrap:wrap;}
    .proitem .meta p{width:48.5%;}
    
}

/*propost*/
#propost{overflow:hidden;position:relative;z-index:2;padding:0.2rem 0 1rem;}

/*protxt*/
.protxt{width:47.91666667%;padding:0.25rem 0;}
.protxt .title{font-size:0.24rem;line-height:1.25em;margin-bottom:0.16rem;}
.protxt .intro{font-size:0.18rem;line-height:1.66666667em;margin-bottom:0.65rem;}
.protxt .name{font-size:0.22rem;line-height:1.36363636em;border-bottom:0.01rem solid rgba(0,0,0,0.1);padding-bottom:0.15rem;margin-bottom:0.2rem;}
.protxt .meta ul{--margin:0.06rem;}
.protxt .buy{display: flex;justify-content: flex-end;padding-top: .2rem}
.protxt .buy a{background-color:var(--main-color);border-radius:0.05rem;height:2.25em;line-height:2.25em;padding: 0 1em;color:#fff;}

@media only screen and (max-width:750px){
    .protxt{width:100%;}
    .protxt .meta li{width:50%;}
}

/*procont*/
.procont{margin-top:0.35rem;}
.procont .name{font-size:0.26rem;line-height:1.15384615em;border-bottom:0.01rem solid rgba(0,0,0,0.15);padding-bottom:0.18rem;margin-bottom:0.45rem;}

/*proimg*/
.proimg{width:44.44444444%;}
.proimg .figure{padding-bottom:75%;}
.proimg .img{object-fit:contain;}
.proimg .arrow{width:0.3rem;background:no-repeat center center;background-size:contain;margin-top:0;transform:translateY(-50%);}
.proimg .arrow:after{content:'';padding-bottom:156.66666667%;}
.proimg .swiper-button-prev{background-image:url(../images/proimg_prev.png);left:0;}
.proimg .swiper-button-next{background-image:url(../images/proimg_next.png);right:0;}
@media only screen and (max-width:750px){
    .proimg{width:100%;}
}

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

/*mask-box*/
.mask-box{mask:no-repeat center center;mask-size:100% 100%;background-color:#000; z-index: 3;}
@media only screen and (max-width:750px){
    #aboutpage .mask-box{mask:none;}
}

/*profile*/
#profile{mask-image:url(../images/mask_profile_01.png);margin-top:-1.1rem;padding:1.55rem 0 1.35rem;}
#profile .entry{font-size:0.18rem;line-height:1.66666667em;}
#profile .entry *{line-height:1.66666667em;}
#profile .data{font-size:0.18rem;line-height:1.66666667em;margin-top:0.3rem;}
#profile .data p{margin-top:0.15rem;}
#profile .data span{font-size:0.62rem;line-height:1em;margin-right:0.15rem;}
#profile .data sub{font-size:1.66666667em;line-height:1.125em;}
@media only screen and (max-width:750px){
    #profile{margin-top:0;padding:0.6rem 0;}
}

/*social*/
#social{padding:1.4rem 0 0.5rem; margin-top: -0.9rem;}
#social .list{--margin:0.48rem;margin-top:0.5rem;}
#social .item{flex-grow:1;}
#social .pic{width:1.1rem;margin:0 auto 0.45rem;max-width:100%;}
#social .pic i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:cover;}
#social .pic .qr {display: none;}
#social .title{font-size:0.22rem;line-height:1.5em;}
#social a{display:block;overflow:hidden;background-color:#f5f5f5;border-radius:0.05rem;position:relative;height:100%;padding:0.6rem;}
#social a:hover{text-decoration:underline;}
#social a:hover .qr {display: block;}
#social a:hover .icon {display: none;}
@media only screen and (max-width:750px){
    #social {padding-top: 0.5rem; margin-top: 0;}
    #social .list{--margin:0.3rem;}
    #social .pic{margin-bottom:0.2rem;}
    #social a{padding:0.35rem;}
}

/*swiper-arrow*/
.swiper-arrow{position:relative;}
.swiper-arrow .btn{width:0.51rem;height:0.51rem;background-color:#fff;display:flex;align-items:center;justify-content:center;margin-top:0;transform:translateY(-50%);}
.swiper-arrow .btn:after{content:'';width:17.64705882%;padding-bottom:29.41176471%;background:no-repeat center center;background-size:contain;}
.swiper-arrow .btn:hover{background-color:var(--main-color);}
.swiper-arrow .btn:hover:after{filter:invert(100%);}
.swiper-arrow .swiper-button-prev{left:-0.8rem;}
.swiper-arrow .swiper-button-prev:after{background-image:url(../images/swiper_prev_01.png);}
.swiper-arrow .swiper-button-next{right:-0.8rem;}
.swiper-arrow .swiper-button-next:after{background-image:url(../images/swiper_next_01.png);}
.swiper-arrow .gray{background-color:rgba(0,0,0,0.3);}
.swiper-arrow .gray:after{filter:invert(100%);}
.swiper-arrow .nob{width:0.32rem;height:0.5rem;background:no-repeat center center;background-size:contain;}
.swiper-arrow .nob:after{display:none;}
.swiper-arrow .nob.swiper-button-prev{background-image:url(../images/swiper_prev_02.png);}
.swiper-arrow .nob.swiper-button-next{background-image:url(../images/swiper_next_02.png);}
.swiper-arrow .nob:hover{background-color:transparent;}
@media only screen and (max-width:1024px){
    .swiper-arrow .swiper-button-prev{left:0.1rem;}
    .swiper-arrow .swiper-button-next{right:0.1rem;}
}
@media only screen and (max-width:750px){
    .swiper-arrow .btn{width:0.35rem;height:0.35rem;}
}

/*responsibility*/
#responsibility{mask-image:url(../images/mask_responsibility_01@2x.png);padding:1.4rem 0 1.8rem;}
#responsibility .inner{position:relative;}
#responsibility .list{margin-top:0.57rem;}
#responsibility .figure{padding-bottom:121.21212121%;}
#responsibility .title{color: #fff; padding:0.15rem;font-size:0.18rem;line-height:1.66666667em;}
#responsibility .info{display:block;overflow:hidden;position:relative;}
#responsibility .info:after{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;padding-bottom:18.18181818%;background-image:linear-gradient(0deg,rgba(0,0,0,0.6),transparent);}
#responsibility .info:hover .img{transform:scale(1.05);}
#responsibility .swiper-arrow{position:absolute;right:0;top:0.05rem;width:1.22rem;}
#responsibility .swiper-arrow .btn{position:static;transform:none;}
@media only screen and (max-width:750px){
    #responsibility{padding:0.6rem 0 0.65rem;}
}

/*honor*/
#honor{padding:1.4rem 0 0.95rem; margin-top: -0.9rem;}
#honor .list{margin-top:0.5rem;}
#honor .figure{padding-bottom:74.84848485%;margin-bottom:0.13rem;}
#honor .title{font-size:0.2rem;line-height:1.5em;}
#honor .info{display:block;overflow:hidden;position:relative;}
@media only screen and (max-width:750px){
    #honor{padding:0.6rem 0; margin-top: 0;}
    #honor .btn{transform:translateY(-150%);}
}

/*culture*/
#culture{mask-image:url(../images/mask_culture_01.png);padding:1.5rem 0;margin-top:-1.2rem;}
#culture:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);}
#culture .inner{position:relative;z-index:2;}
#culture .list{overflow:hidden;}
#culture .item{max-width:4.76rem;overflow:hidden;margin-top:0.45rem;}
#culture .icon{width:0.35rem;float:left;padding:0.05rem 0;}
#culture .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
#culture .text{margin-left:0.45rem;}
#culture .title{font-size:0.3rem;line-height:1.35em;margin-bottom:0.05rem;}
#culture .intro{font-size:0.18rem;line-height:1.66666667em;}
#culture .intro span{font-size:0.88888889em;}
@media only screen and (max-width:750px){
    #culture{padding:0.65rem 0;margin-top:0;}
    #culture .icon{width:0.3rem;}
    #culture .text{margin-left:0.4rem;}
}

/*history*/
#history{padding:0.9rem 0 1.5rem; background-color: #000;}
@media only screen and (max-width:750px){
    #history{padding:0.6rem 0 0.65rem;}
}

/*timeline*/
.timeline{margin-top:0.3rem;}
.timeline .swiper{padding:0.1rem 0;}
.timeline .swiper-slide{width:1rem;cursor:pointer;}
.timeline .swiper-slide:after{display:block;content:'';padding-bottom:100%;}
.timeline span{border-radius:50%;position:absolute;width:100%;height:100%;background-color:#fff;border:0.03rem solid var(--main-color);left:0;top:0;font-size:0.26rem;}
.timeline .swiper-slide-thumb-active span{background-color:var(--main-color);color:#fff;}

/*timeevent*/
.timeevent{margin-top:0.8rem;}
.timeevent .entry{font-size:0.22rem;line-height:2.18181818em;padding:0 7.84722222%;}
.timeevent .entry p{margin:0.4em 0;}
.timeevent .swiper-button-prev{left:0;}
.timeevent .swiper-button-next{right:0;}
@media only screen and (max-width:750px){
    .timeevent{margin-top:0.35rem;}
    .timeevent .entry{padding:0 0.5rem;}
}

/*global*/
#global{padding:1rem 0 0.8rem; margin-top: -0.9rem;}
#global .box{width:13rem;margin:0.6rem auto 0;max-width:100%;/* background:url(../images/global.svg) no-repeat center center;background-size:contain; */position:relative;}
/* #global .box:after{display:block;content:'';padding-bottom:45.92307692%;} */
#global .dot{width:0.16rem;background:url(../images/point_blue.svg) no-repeat center center;background-size:contain;}
#global .dot:after{display:block;content:'';padding-bottom:131.25%;}
#global .info{position:absolute;left:-0.9375em;top:calc(100% + 1.0625em);background-color:#fff;border-radius:0.625em;padding:2.1875em 2.5em 2.5em;width:20.9375em;box-shadow:0 0.25em 2em rgba(0,51,153,0.12);display:none;}
#global .info:before{content:'';display:block;position:absolute;left:1.25em;bottom:100%;border-bottom:0.9375em solid #fff;border-right:0.9375em solid transparent;border-left:0.375em solid transparent;}
#global .title{font-size:1.5em;line-height:1.25em;border-bottom:0.01rem solid #ebebeb;padding-bottom:0.625em;margin-bottom:1.25em;}
#global li{font-size:1.125em;line-height:1.77777778em;padding-left:1.5em;margin-bottom:0.55555556em;background:no-repeat left 0.38888889em;background-size:auto 1em;}
#global li:last-child{margin-bottom:0;}
#global .tel{background-image:url(../images/global_tel.svg);}
#global .add{background-image:url(../images/global_add.svg);}
#global .item{position:absolute;transform:translate(-50%,-50%);cursor:pointer;z-index:2;}
#global .item:nth-child(1){left:75.15384615%;top:32.4120603%;}
#global .item:nth-child(1) .dot{background-image:url(../images/point_red.svg);width:0.2rem;}
#global .item:nth-child(2){left:86.38461538%;top:33.08207705%;}
#global .item:nth-child(3){left:49.69230769%;top:23.61809045%;}
#global .item:nth-child(4){left:74.46153846%;top:10.46901173%;}
#global .item:nth-child(5){left:36.53846154%;top:4.85762144%;}
#global .item:nth-child(6){left:14.07692308%;top:13.73534338%;}
#global .item:nth-child(7){left:18.69230769%;top:20.2680067%;}
#global .item:nth-child(8){left:23.84615385%;top:28.47571189%;}
#global .item:nth-child(9){left:17%;top:34.33835846%;}
#global .item:nth-child(10){left:29.69230769%;top:68.17420436%;}
#global .item:nth-child(11){left:29.53846154%;top:83.91959799%;}
#global .item:nth-child(12){left:54.76923077%;top:61.97654941%;}
#global .item:nth-child(n+10) .info{top:auto;bottom:calc(100% + 1.0625em);}
#global .item:nth-child(n+10) .info:before{bottom:auto;top:100%;border-bottom:none;border-top:0.9375em solid #fff;}
#global .item.active{z-index:5;}
#global .svgs svg{position:absolute;left:0;top:0;width:100%;height:100%;transition:all 3s;}
#global .svgs path{fill:none;stroke-width:0.01rem;stroke:var(--main-color);stroke-linejoin:miter;stroke-linecap:butt;fill-rule:evenodd;}
#global .svgs .line{position:absolute;pointer-events:none;}
#global .svgs .line:after{display:block;content:'';}
#global .svgs .line:nth-child(1){width:1.47rem;left:55%;top:-52%;transform-origin:left center;}
#global .svgs .line:nth-child(1):after{padding-bottom:19.04761905%;}
#global .svgs .line:nth-child(1) svg{stroke-dasharray:155;stroke-dashoffset:147;}
#global .svgs .line:nth-child(2){width:0.11rem;bottom:64%;left:25%;transform-origin:right bottom;}
#global .svgs .line:nth-child(2):after{padding-bottom:1163.63636364%;}
#global .svgs .line:nth-child(2) svg{stroke-dasharray:128;stroke-dashoffset:128;}
#global .svgs .line:nth-child(3){width:3.32rem;bottom:40%;right:50%;transform-origin:right bottom;}
#global .svgs .line:nth-child(3):after{padding-bottom:18.97590361%;}
#global .svgs .line:nth-child(3) svg{stroke-dasharray:335;stroke-dashoffset:335;}
#global .svgs .line:nth-child(4){width:5.03rem;bottom:56%;right:25%;transform-origin:98% bottom;}
#global .svgs .line:nth-child(4):after{padding-bottom:37.77335984%;}
#global .svgs .line:nth-child(4) svg{stroke-dasharray:575;stroke-dashoffset:575;}
#global .svgs .line:nth-child(5){width:7.94rem;bottom:24%;right:35%;transform-origin:99% 92%;}
#global .svgs .line:nth-child(5):after{padding-bottom:20.90680101%;}
#global .svgs .line:nth-child(5) svg{stroke-dasharray:840;stroke-dashoffset:840;}
#global .svgs .line:nth-child(6){width:7.35rem;bottom:24%;right:35%;transform-origin:99% 92%;}
#global .svgs .line:nth-child(6):after{padding-bottom:19.18367347%;}
#global .svgs .line:nth-child(6) svg{stroke-dasharray:780;stroke-dashoffset:780;}
#global .svgs .line:nth-child(7){width:6.67rem;bottom:24%;right:35%;transform-origin:99% 92%;}
#global .svgs .line:nth-child(7):after{padding-bottom:14.84257871%;}
#global .svgs .line:nth-child(7) svg{stroke-dasharray:690;stroke-dashoffset:690;}
#global .svgs .line:nth-child(8){width:7.58rem;bottom:16%;right:40%;transform-origin:99% 92%;}
#global .svgs .line:nth-child(8):after{padding-bottom:16.49076517%;}
#global .svgs .line:nth-child(8) svg{stroke-dasharray:805;stroke-dashoffset:805;}
#global .svgs .line:nth-child(9){width:5.92rem;top:16%;right:40%;transform-origin:99% 1%;}
#global .svgs .line:nth-child(9):after{padding-bottom:37.66891892%;}
#global .svgs .line:nth-child(9) svg{stroke-dasharray:665;stroke-dashoffset:665;}
#global .svgs .line:nth-child(10){width:5.97rem;top:56%;right:40%;transform-origin:98% -1%;}
#global .svgs .line:nth-child(10):after{padding-bottom:51.08877722%;}
#global .svgs .line:nth-child(10) svg{stroke-dasharray:683;stroke-dashoffset:683;}
#global .svgs .line:nth-child(11){width:2.67rem;top:56%;right:40%;transform-origin:99% 1%;}
#global .svgs .line:nth-child(11):after{padding-bottom:64.41947566%;}
#global .svgs .line:nth-child(11) svg{stroke-dasharray:335;stroke-dashoffset:335;}
#global .current .svgs .line:nth-child(n+1) svg{stroke-dashoffset:0;}
@media only screen and (max-width:1024px){
    #global .item:nth-child(-n+3) .info{left:auto;right:-0.9375em;}
    #global .item:nth-child(-n+3) .info:before{left:auto;right:1.25em;border-left-width:0.9375em;border-right-width:0.375em;}
    #global .svgs .line{transform:scale(0.82);}
}
@media only screen and (max-width:750px){
    #global{padding:0.6rem 0 1rem; margin-top: 0;}
    #global .box{margin-top:0.35rem;}
    #global .info{font-size:0.14rem;padding:1.5em 2em 2em;}
    #global .title{margin-bottom:0.7em;}
    #global .svgs .line{transform:scale(0.35);}
}


/*banner 视频*/
.root-swiperVideo .Ispic{height: 100vh;}
.root-swiperVideo .video-inner,
.root-swiperVideo .video-box, 
.root-swiperVideo .video-box video{position: absolute; left: 0;top: 0;width: 100%;height: 100%;}
.root-swiperVideo .video-box video{object-fit: cover;}
.root-swiperVideo .video-inner{z-index: 10;}
.root-swiperVideo .video-box{background-color: var(--black);z-index: 5;}
.root-swiperVideo .open-video{position: absolute; width: 100%; height: 100%;left: 0;top: 0;z-index: 1;visibility: hidden;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzM3NjE1OTM2NDQwIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwODUgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjIxOTkiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjExLjkxNDA2MjUiIGhlaWdodD0iMjAwIj48cGF0aCBkPSJNNTQ2LjkwNDIyOCAxOC4xMDU3M2MtMjc3Ljc2OTE4IDAtNTAyLjk0NTI5IDIyNS4xNzYxMS01MDIuOTQ1MjkgNTAyLjk0NTI5IDAgMjc3Ljc3MTY0IDIyNS4xNzQ4OCA1MDIuOTQ3NzUgNTAyLjk0NTI5IDUwMi45NDc3NSAyNzcuNzY3OTUgMCA1MDIuOTQ1MjktMjI1LjE3NjExIDUwMi45NDUyOS01MDIuOTQ3NzVDMTA0OS44NDk1MTggMjQzLjI4MzA3IDgyNC42NzIxNzggMTguMTA1NzMgNTQ2LjkwNDIyOCAxOC4xMDU3M0w1NDYuOTA0MjI4IDE4LjEwNTczek01NDYuOTA0MjI4IDk3My43MDE2NTljLTI0OS45OTI2MzEgMC00NTIuNjUxODY4LTIwMi42NTkyMzctNDUyLjY1MTg2OC00NTIuNjUxODY4IDAtMjQ5Ljk5MDE3MiAyMDIuNjU5MjM3LTQ1Mi42NDk0MDggNDUyLjY1MTg2OC00NTIuNjQ5NDA4czQ1Mi42NTA2MzggMjAyLjY1OTIzNyA0NTIuNjUwNjM4IDQ1Mi42NDk0MDhDOTk5LjU1NDg2NiA3NzEuMDQyNDIyIDc5Ni44OTY4NTkgOTczLjcwMTY1OSA1NDYuOTA0MjI4IDk3My43MDE2NTlMNTQ2LjkwNDIyOCA5NzMuNzAxNjU5ek03NzUuMjAzOTI0IDQ4NS40MDY0NzhjLTc4LjI2Nzk2Mi01My4yNTU5MS0yMjAuMTkxOS0xMzIuOTY3NjA4LTMwMS4wMDQyMzItMTgyLjM1ODM4OC0zMy4xMzIxNDYtMjAuODkzNTkyLTYwLjk5MzU0OS0xMi41MDI5NTItNjMuNjY3MDQzIDI0LjM5OTYzMy0xLjkzODA5OSA5OC44NDA1ODggMCAyODkuNTUwMjY0IDAgMzkwLjEwMTQ0NSAxLjY4MTA3OSAzNy40NjIxMjUgMzQuNzA5OTI2IDQyLjQwMzI5MyA2My4zNzU1OSAyNy4zNjIxMjEgODAuNzIxMzMtNDguOTA2MjU1IDIxOS40NTY1MDUtMTMyLjk1Nzc3IDMwMC41ODg1NzQtMTgyLjExMjQzNkM3NzMuOTY4MDE3IDU2Mi40NzY2NTYgODM2LjA5Nzg2MiA1MjguMzA1MzY0IDc3NS4yMDM5MjQgNDg1LjQwNjQ3OEw3NzUuMjAzOTI0IDQ4NS40MDY0Nzh6IiBmaWxsPSIjZmZmZmZmIiBwLWlkPSIyMjAwIj48L3BhdGg+PC9zdmc+) no-repeat center center; background-size: 0.5rem auto;}
@media (max-width:1024px) {
  .root-swiperVideo .swiper-wrapper,
  .root-swiperVideo .swiper-slide{height: auto;}
  .root-swiperVideo .open-video{z-index: 10;visibility: visible;}
  .root-swiperVideo .video-box{opacity: 0;visibility: hidden;transition: 0.3s;}
  .root-swiperVideo .video-inner.active .open-video{visibility: hidden;}
  .root-swiperVideo .video-inner.active .video-box{opacity: 1;visibility: visible;}
}