@charset "utf-8";

/*初始化样式*/
:root {  
    --font-color:#191919;
    --main-color:#cc1424;
    --main-rgb:204,20,36;
    --skew-deg:-24.3045deg;
    --skew-deg1:24.3045deg;
    --padding-60:0.6rem;
    --padding-70:0.7rem;
    --padding-90:0.9rem;
    --padding-100:1rem;
    --padding-110:1.1rem;
    --padding-120:1.2rem;
}
@media only screen and (max-width:768px){
    :root {
        --padding-60:0.39rem;
        --padding-70:0.42rem;
        --padding-90:0.585rem;
        --padding-100:0.65rem;
        --padding-110:0.715rem;
        --padding-120:0.78rem;
    }
}
*{-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.03rem;height:0.12rem;background-color:rgba(0, 0, 0, 0.05);}
    ::-webkit-scrollbar-thumb{background-color:var(--main-color);border-radius:0.015rem;}
}
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:768px){

    /*768px*/
    html{font-size:calc(150vw/7.68);}
}
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 'Barlow','Sans-serif'; overflow-x:hidden;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;}
.w1030 {max-width:10.3rem;}
.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:''; display: block;}
.figure .img {position: absolute; left:0; top:0; width: 100%; height: 100%; object-fit: cover; display: block; transition: all .3s;}
.figure .contain{object-fit: contain;}
/*table*/
.table {display: table; table-layout: fixed;width: 100%;}
.table .td {display: table-cell; vertical-align: middle;}
/*clearfix*/
.clearfix{clear:both;width: 100%; overflow: hidden;}
.clearfix:after {display: block; content:''; width:100%; clear:both;}
/*entry*/
.entry img{height:auto!important;}
.entry blockquote{padding:1em;background-color:rgba(229,228,228,0.6); padding:0.25rem 0.35rem; color:var(--font-color);}
.entry hr{border:none;clear:both;border-bottom:0.01rem solid #e6e6e6;}
/*scale*/
.scale:hover img {transform: scale(1.05);}
/*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;scrollbar-width: none;-ms-overflow-style: none;}
.popup::-webkit-scrollbar{display: none;}
.popup .wrap {width: 100%;min-height: 100%;justify-content: center;align-items: center;padding: 2vh 0;display: flex;}
.popup .box {position: relative;}
/*vpopup*/
.vpopup video {display: block;width: auto;max-width: 90vw;height: auto;max-height: 90vh;}
/*img-popup*/
.img-popup {cursor: pointer;}
.img-popup img {display: block; width: auto; max-width: 90vw; height: auto; max-height: 90vh; object-fit: contain; cursor: default;}
/*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*="mfc"]{color:#231815;}
[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-style*/
[data-font*=italic]{font-style:italic;}
/*font-weight*/
[data-font*=lighter]{font-weight: 300;}
[data-font*=normal]{font-weight: normal;}
[data-font*=medium]{font-weight: 500;}
[data-font*=semi]{font-weight: 600;}
[data-font*=bold]{font-weight: bold;}
/*font-family*/
[data-font*=zqk]{font-family: 'ZQK';}
[data-font*=barlow]{font-family: 'Barlow';}
[data-font*=montserrat]{font-family: 'Montserrat';}
[data-font*=Poppins]{font-family: 'Poppins';}
/*font-size*/
[data-font*=fs16]{font-size: 0.16rem; line-height: 1.875em;}
[data-font*=fs18]{font-size: 0.18rem; line-height: 1.667em;}
[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.5em;}
[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.445em;}
[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;}
[data-font*=fs50]{font-size: 0.5rem; line-height: 1.35em;}
[data-font*=fs52]{font-size: 0.52rem; line-height: 1.35em;}
[data-font*=fs54]{font-size: 0.54rem; line-height: 1.35em;}
[data-font*=fs56]{font-size: 0.56rem; line-height: 1.35em;}
[data-font*=fs58]{font-size: 0.58rem; line-height: 1.35em;}
[data-font*=fs60]{font-size: 0.6rem; 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="5"] .item {width: 20%;}
@media only screen and (max-width:1024px){
    [data-cols="3"] .item {width: 50%;}
    [data-cols="4"] .item {width: 33.333%;}
}
@media only screen and (max-width:768px){    
    [data-cols="4"] .item {width: 50%;}
    [data-cols="3"] .item,
    [data-cols="2"] .item {width: 100%;}
    [data-cols="5"] .item {width: 33.33%;}
}
/*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;}
#header .inner{position:relative;}
#header:not(.fixed)#header:not(.white){background-color:transparent;}

/*logo*/
#logo{width:1.29rem;position:relative;padding:0.2rem 0;}
#logo a{display:block;overflow:hidden;padding-bottom:38.75968992%;position:relative;}
#logo i,#logo img{position:absolute;width:100%;height:100%;display:block;left:0;top:0;object-fit:contain;}
#logo i{text-indent:-99999em;overflow:hidden;}
#header:not(.fixed)#header:not(.white) #logo{filter:invert(1) brightness(100);}
@media only screen and (max-width:768px){
    #logo{padding:0.1rem 0;}
}

/*button*/
#button{position:relative;width:1.8rem;gap:0.4rem;}
#button:before{content:'';display:block;position:absolute;left:0;top:0;height:100%;width:300%;transform:skew(var(--skew-deg));background-color:var(--main-color);}
#button > *{position:relative;z-index:2;}
@media only screen and (max-width:1024px){
    #button{width:2.2rem;align-items: center;}
}
@media only screen and (max-width:768px){
    #button{width:1.9rem;gap:0.3rem;}
}

/*language*/
#language{transform:translateY(0.1em);}
#language span {display:block;color:#fff;background:url(../images/language_01.png) no-repeat left 0.13em;background-size:1em auto;padding-left:1.35em;font-style:italic; cursor: pointer;}
#language ul {font-size:0.9em;line-height:2em; position: absolute; top: calc(100% + 0.28rem); left:50%; min-width: 100%; --x:-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; transition: all 0.3s;}
#language li:not(:last-child) {border-bottom: 1px solid rgba(0,0,0,0.1);}
#language li a {white-space: nowrap; display: block; padding:0.5em; font-weight:bold; }
#language li a:not(:hover){color:#333;}
@media only screen and (min-width:1025px){
#language ul{ visibility:hidden; opacity:0; top:100%;}
#language:hover ul{visibility: visible; opacity:1;}
}
@media only screen and (max-width:768px){
    #language ul {top: calc(100% + 0.18rem);}
}
/*search-button*/
#search-button{width:0.2rem;height:100%;background:url(../images/search_01.png) no-repeat center center;background-size:contain;display:block;cursor:pointer;}
#search-form{position:absolute;right:0;top:100%;font-size:0.18rem;width:4rem;box-shadow:0px 0.1rem 0.1rem 0px rgba(0,0,0,0.1);background-color:#fff;}
#search-form .input{position:relative;}
#search-form .text{display:block;width:100%;height:3em;line-height:1.77777778em;padding:0.61111111em 3em 0.61111111em 1.11111111em;}
#search-form .go{display:block;position:absolute;right:0;top:0;height:100%;width:3em;cursor:pointer;background:url(../images/search_01.png) no-repeat center center;background-size:auto 37.03703704%;filter:invert(1);}
@media only screen and (max-width:768px){
    #search-form{width:100%;}
}

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

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

/*navi*/
#navi{width:calc(100% - 3.1rem);line-height:2.77777778em;padding:0 0.45rem;--y:0;font-style:italic;}
#navi a{display:block;position:relative;transform:translateY(0.05em);}
#navi .parent{position:relative;}
#navi .drop{display:none;}
#navi .child{font-size:0.9em;line-height:2em;}
#navi .list .figure{width:0.6rem;max-width:100%;}
#navi .list .figure:after{padding-bottom:100%;}
#navi .list .img{object-fit:contain;transition: all .8s;transform:scale(.95);}
#navi .list a:hover .img{transform:scale(1.02);}
#navi .list a{flex-direction:column;display:flex;align-items:center;}
@media only screen and (min-width:1025px){
    #navi{opacity:1;visibility:visible;transform:none;}
    #navi .menu{gap:5.2%;}
    #navi .parent > a{color:#231815;position:relative;padding:0.18rem 0 0.1645rem;transition:all 0.3s;}
    #navi .parent > a:after{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:0.15em;transform:skew(var(--skew-deg));background-color:var(--main-color);opacity:0;transition:inherit;}
    #navi .on > a,#navi .cur > a{color:var(--main-color);}
    #navi .on > a:after,#navi .cur > a:after{opacity:1;}
    #navi .static{position:static;}
    #navi .drop{position:absolute;top:100%;left:50%;min-width:100%;transform:translateX(-50%);z-index:5;background-color:#fff;box-shadow:0px 0.1rem 0.1rem 0px rgba(0,0,0,0.1);}
    #navi .child{text-align:center;}
    #navi .child li:not(:last-child){border-bottom:0.01rem solid rgba(35,24,21,0.1);}
    #navi .child a{white-space:nowrap;padding:0.5em 1em;}
    #navi .list{font-style:normal;width:102vw;border-top:0.01rem solid rgba(35,24,21,0.1);}
    #navi .list ul{gap:0.2rem;padding:0.6rem 0 0.55rem;}
    #navi .list .figure{width:0.96rem;}
    #header:not(.fixed)#header:not(.white) #navi .parent a{color:#fff;}
}
@media only screen and (max-width:1024px){

    /*1024px*/
    #navi{position:fixed;width:100%;max-width:30em;height:calc(100% - 0.9rem);background-color:#fff;z-index:9;right:0;top:0.9rem;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0.5rem 0;transition:all 0.3s;border-top:0.01rem solid rgba(35,24,21,0.1);}
    #navi:not(.active){opacity:0;--x:100%;}
    #navi .menu{display:block;}
    #navi .parent{padding:0 0.5rem;line-height:2em;position:relative;}
    #navi .parent > a{padding:1em 0;border-bottom:1px solid #e4e4e4;}
    #navi em{display:block;position:absolute;right:0.3rem;width:4.05em;height:4.05em;z-index:2;top:0;cursor:pointer;}
    #navi em:after{width:0.6em;height:0.6em;border-right:0.05em solid var(--font-color);border-bottom:0.05em solid var(--font-color);content:'';display:block;position:absolute;top:50%;left:50%;transform:rotate(-45deg);background-color:transparent;margin:-0.35em 0 0 -0.35em;transition:inherit;}
    #navi .on{background-color:#f9f9f9;}
    #navi .on > em:after{transform:rotate(45deg);}
    #navi .drop{position:static;background-color:transparent;box-shadow:none;}
    #navi .child{padding:1em 0 1em 2em;}
    #navi .child a{padding:0.5em 0;}
    #navi .list{padding:1em 0;font-size:0.9em;}
    #navi .list ul{display:block;}
    #navi .list .name{width:calc(100% - 0.75rem);}
    #navi .list a{flex-direction:row;padding:0.5em 0;justify-content:space-between;font-weight:700;}
}
@media only screen and (max-width:768px){
    #navi{top:0.7rem;height:calc(100% - 0.7rem);}
}

/*footer*/
#footer{background-color:#1b120f;}

/*copyright*/
#copyright{padding:0.25rem 0;color:rgba(255,255,255,0.4);}
#copyright a:not(:hover){color:rgba(255,255,255,0.4);}
#copyright .page i{display:block;width:0.01rem;height:0.875em;background-color:rgba(255,255,255,0.2);margin:0 0.625em;}
#copyright .page i:last-child{display:none;}
#copyright .text a{display:inline-block;}
@media only screen and (max-width:768px){

    /*768px*/
    #copyright .inner{flex-direction:column;text-align:center;justify-content:center;align-items:center;gap:0.1rem;}
}

/*bottom*/
#bottom{border-bottom:1px solid rgba(255,255,255,0.1);padding:1.13rem 0 0.8rem;}
@media only screen and (max-width:768px){
    #bottom{padding:0.5rem 0;}
    #bottom .inner{flex-direction:column;align-items:center;gap:0.35rem;}
}

/*site*/
#site{width:2.06rem;max-width:100%;transform:translateY(-0.2rem);}
@media only screen and (max-width:768px){
    #site{transform:none;}
}

/*infor*/
#infor{width:2.35rem;}
#infor .meta{margin-bottom:0.43rem;gap:0.15rem;}
#infor .meta .name{color:rgba(255,255,255,0.6);line-height:1.5em;}
#infor .social ul{gap:0.3rem;}
#infor .social li{position:relative;}
#infor .social .icon{display:block;width:auto;height:0.2rem;}
#infor .social a{display:block;overflow:hidden;transition:all 0.3s;}
#infor .social a:not(:hover){opacity:0.4;}
#infor .social .qrcode{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);overflow:visible;}
#infor .social .qrcode:after{border-top:0.08rem solid #fff;border-left:0.08rem solid transparent;border-right:0.08rem solid transparent;content:'';display:block;position:absolute;left:50%;transform:translateX(-50%);top:100%;}
@media only screen and (max-width:768px){

    /*768px*/
    #infor{width:100%;}
    #infor .meta{flex-direction:row;gap:2%;margin-bottom:0.3rem;}
    #infor .meta .item{width:49%;}
    #infor .social ul{justify-content:center;}
}

/*menu*/
#menu{width:4.4rem;}
#menu a{display:block;position:relative;transition:all 0.3s;}
#menu a:not(:hover){color:#fff;}
#menu .parent{line-height:1.5em;gap:0.5em;padding-right:0.8rem;margin-right:0.6rem;position:relative;}
#menu .parent:after{width:0.01rem;height:100%;background-color:rgba(255,255,255,0.1);content:'';display:block;position:absolute;right:0;top:0.5em;}
#menu .parent li{width:6.8em;}
#menu .parent a{padding-right:0.75em;}
#menu .parent a:after{width:0.35em;height:0.6em;background:url(../images/arrow_right_01.svg) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);opacity:0;transition:inherit;}
#menu .parent a:hover:after{opacity:1;}
#menu .parent ul{display:none;}
#menu .child a:not(:hover){color:rgba(255,255,255,0.8);}
@media only screen and (max-width:768px){
    #menu{display:none;}
}

/*swiper-pages*/
.swiper-pages{display:flex;justify-content:center;gap:1em;}
.swiper-pages.swiper-pagination-bullets .swiper-pagination-bullet{display:block;margin:0;width:auto;height:auto;border-radius:0;background-color:transparent;opacity:0.3;}
.swiper-pages.swiper-pagination-bullets .swiper-pagination-bullet-active{opacity:1;}

/*swiper-process*/
.swiper-process .swiper-pagination.swiper-pagination-progressbar{position:relative;width:100%;height:0.04rem;border-radius:0.02rem;background-color:rgba(96,96,96,0.1);}
.swiper-process .swiper-pagination .swiper-pagination-progressbar-fill{background-color:var(--main-color);}

/*swiper-arrows*/
.swiper-arrows{gap:0.2rem;}
.swiper-arrows .arrow{font-size:0.16rem;width:3.0625em;height:3.1875em;background-color:rgba(0,0,0,0.2);transform:skew(var(--skew-deg));position:relative;display:flex;align-items:center;justify-content:center;transition:all 0.3s;cursor:pointer;}
.swiper-arrows .arrow:after{width:22.44897959%;height:39.21568627%;background:no-repeat center center;background-size:contain;display:block;content:'';transform:skew(calc(-1 * var(--skew-deg)));}
.swiper-arrows .arrow:hover{background-color:var(--main-color);}
.swiper-arrows .prev:after{background-image:url(../images/swiper_prev_01.svg);}
.swiper-arrows .next:after{background-image:url(../images/swiper_next_01.svg);}
.swiper-arrows .abs{position:absolute;top:50%;transform:skew(var(--skew-deg)) translateY(-50%);z-index:5;}
.swiper-arrows .abs.prev{left:0;}
.swiper-arrows .abs.next{right:0;}
@media only screen and (max-width:768px){
    .swiper-arrows .arrow{font-size:0.12rem;}
}

/*slides*/
#slides{color:#fff;}
#slides .figure{padding-bottom:9.6rem;}
#slides .img{transform:scale(1.5);transition-duration:3s;}
#slides .text{position:absolute;bottom:17.91666667%;left:0;width:100%;z-index:2;opacity:0;transition:all 2s;transform:translateY(1rem);}
#slides .intro{font-size:0.8rem;line-height:1.2em;text-transform:uppercase;}
#slides .control{position:absolute;left:0;bottom:0;width:100%;z-index:5;}
#slides .control .inner{border-top:0.01rem solid rgba(255,255,255,0.1);padding:0.5rem 0;}
#slides .swiper-pages{color:#fefefe;width:auto;}
#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(0);opacity:1;}
@media only screen and (max-width:1280px){
    #slides .figure{padding-bottom:50%;}
}
@media only screen and (max-width:1024px){
    #slides .intro{font-size:0.6rem;}
}
@media only screen and (max-width:768px){
    #slides .figure{padding-bottom:93.75%;}
    #slides .intro{font-size:0.3rem;}
}

/*Pages*/
.Pages{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;font-size:0.2rem;}
.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;gap:0.5em;}
.Pages .num{display:flex;flex-wrap:wrap;justify-content:center;font-style:normal;gap:0.5em;}
.Pages a{display:flex;align-items:center;justify-content:center;min-width:2.5em;height:2.5em;position:relative;transition:all 0.3s;color:#666;background-color:rgba(0,0,0,0.06);padding:0 0.5em;transform:skew(var(--skew-deg));}
.Pages a i{transform:skew(calc(-1 * var(--skew-deg)));display:block;font-style:normal;}
.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:after,.Pages .a_next:after{width:0.45em;height:0.8em;background:no-repeat center center;background-size:98% auto;content:'';display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) skew(calc(-1 * var(--skew-deg)));}
.Pages .a_prev:hover:after,.Pages .a_next:hover:after{filter:brightness(100);}
.Pages .a_prev:after{background-image:url(../images/page_prev.svg);}
.Pages .a_next:after{background-image:url(../images/page_next.svg);}

/*inbar*/
#inbar{background-color:#efefef;padding:0.25rem 0;}

/*breadcrumb*/
.breadcrumb a:first-child{background:url(../images/breadcrumb_home.svg) no-repeat left center;background-size:0.83333333em auto;padding-left:1.66666667em;}
.breadcrumb a:not(:hover){color:#888;}

/*wrapper*/
#wrapper{padding:1rem 0 1.2rem;min-height:50vh;}
#wrapper.hidden{overflow:hidden;}
@media only screen and (max-width:768px){
    #wrapper{padding:0.6rem 0 0.65rem;}
}

/*details-page*/
.details-page #header:not(.fixed)#header:not(.white){background-color:#000;}
.details-page .header-blank{height:0.9rem;width:100%;overflow:hidden;clear:both;}
@media only screen and (max-width:768px){
    .details-page .header-blank{height:0.7rem;}
}

/*details-wrap*/
.details-wrap{background:url(../images/details_bg_01.png) no-repeat right top;background-size:50.98958333% auto;}

/*double-line*/
.double-line{border-bottom:0.03rem solid #e5e4e4;position:relative;}
.double-line:after{content:'';display:block;position:absolute;left:0;bottom:0.08rem;width:100%;background-color:#e5e4e4;height:0.01rem;transition:inherit;}

/*button-more*/
.button-more .more{color:#231815;font-weight:600;font-size:0.18rem;width:12em;height:3.44444444em;transform:skew(var(--skew-deg));display:flex;align-items:center;justify-content:center;position:relative;transition:all 0.3s;}
.button-more .more:before,.button-more .more:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;transition:inherit;}
.button-more .more:before{border:solid 0.11111111em #231815;}
.button-more .more:after{background-color:var(--main-color);width:0;z-index:1;}
.button-more .more:hover{color:#fff;border-color:transparent;}
.button-more .more:hover:after{width:100%;}
.button-more .more:hover .arrow:after{filter:invert(1) brightness(100);}
.button-more i{transform:skew(calc(-1 * var(--skew-deg)));display:block;font-style:normal;position:relative;z-index:2;}
.button-more .arrow{padding-right:1.22222222em;}
.button-more .arrow:after{width:0.38888889em;height:0.66666667em;background:url(../images/button_more_arrow_01.svg) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);}
.button-more .white{background-color:#fff;}
.button-more .white:before{border:none;}
.button-more .gray{background-color:#f0f0f0;}
.button-more .gray:before{border:none;}
.button-more .red{background-color:var(--main-color);color:#fff;}
.button-more .red:before{display:none;}
.button-more .msg{padding-left:1.77777778em;background:url(../images/product_icon_01.png) no-repeat left center;background-size:auto 1em;}
@media only screen and (max-width:768px){
    .button-more .more{font-size:0.16rem;}
}

/*news-details*/
#news-details .top{padding-bottom:0.42rem;margin-bottom:0.4rem;}
#news-details .meta{gap:3.88349515%;margin-top:0.2rem;}
#news-details .entry{padding-bottom:5.82524272%;padding-bottom:0.6rem;}
#news-details .btm{padding-top:0.5rem;}
#news-details .post{width:calc(100% - 3rem);max-width:6.4rem;}
#news-details .post a:not(:hover){color:hsl(0, 0%, 40%);}
@media only screen and (max-width:768px){
    #news-details .title{font-size:0.26rem;}
    #news-details .btm{flex-direction:column;gap:0.2rem;}
    #news-details .post{width:100%;max-width:none;}
}

/*skew-name*/
.skew-name{transform:skew(var(--skew-deg));position:relative;line-height:1em;padding-left:0.11666667em;margin-left:0.15em;}
/* .skew-name:before{background-color:var(--main-color);content:'';display:block;position:absolute;bottom:0.2em;left:0;z-index:-1;width:0.34958em;height:0.85em;} */
.skew-name i{ position: absolute; left: 3px; top: 0; 
    color:var(--main-color);
      /* transform: skew(-15deg); */
        font-style: initial;  z-index: -1;}
.skew-name[data-font*="mfc"] i{display: none;}

/* .skew-name.colored i{color:var(--main-color);} */
/*banner*/
#banner{position:relative;}
#banner .figure{padding-bottom:6rem;}
#banner .text{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;z-index:2;}
#banner .bar{position:absolute;left:0;bottom:0;width:100%;z-index:2;}
#banner .bar .inner{border-top:0.01rem solid rgba(255,255,255,0.2);padding:0.2rem 0;}
#banner .breadcrumb{filter:brightness(100);}
@media only screen and (max-width:1280px){
    #banner .figure{padding-bottom:31.25%;}
}
@media only screen and (max-width:768px){
    #banner .figure{padding-bottom:60%;}
    #banner .bar .inner{flex-direction:column;align-items:flex-start;gap:0.15rem;}
}

/*columnname*/
.columnname{text-transform:uppercase;}
@media only screen and (max-width:768px){
    .columnname{font-size:0.5rem;}
    .columnintro{font-size:0.28rem;}
}

/*news-list*/
#news-list{--margin:0.28rem;margin-bottom:0.1rem;overflow:hidden;}

/*news-item*/
.news-item{margin-bottom:2.86103542%;}
.news-item .figure{padding-bottom:56.39913232%;margin-bottom:0.23rem;}
.news-item .date{color:#999;margin-bottom:0.15rem;}
.news-item .title{font-size:0.2rem;line-height:1.6em;max-height:4.8em;font-weight:600;}
.news-item a{display:block;overflow:hidden;padding-bottom:0.67rem;position:relative;height:100%;transition:all 0.3s;}
.news-item a:hover{border-bottom-color:var(--main-color);}
.news-item a:hover:after{background-color:var(--main-color);}
@media only screen and (max-width:768px){
    .news-item a{padding-bottom:0.35rem;}
}

/*swiper-dots*/
.swiper-dots .line{position:relative;}
.swiper-dots .line:before{width:100%;height:0.01rem;background-color:#e5e4e4;content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-0.01rem);}
.swiper-dots .pagination{gap:0.45rem;}
.swiper-dots .pagination.swiper-pagination-bullets .swiper-pagination-bullet{width:0.12rem;height:0.12rem;background-color:#4a4a4a;transition:all 0.3s;border-radius:0;opacity:1;transform:skew(var(--skew-deg));position:relative;z-index:2;margin:0;}
.swiper-dots .pagination.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color:var(--main-color);}

/*news-top*/
#news-top{margin-bottom:8.33333333%;}
#news-top .figure{width:50%;}
#news-top .figure:after{display:block;padding-bottom:56.25%;}
#news-top .text{width:50%;padding:0 4.16666667%;background:url(../images/news_top_bg.png) no-repeat right center;background-size:72.36111111% auto;}
#news-top .date{margin-bottom:0.1rem;color:#999;}
#news-top .title{font-size:0.36rem;line-height:1.33333333em;font-weight:600;max-height:4em;margin-bottom:0.72222222em;}
#news-top .excerpt{font-size:0.18rem;line-height:1.66666667em;max-height:5em;color:#555;}
#news-top .info{background-color:#f7f7f7;overflow:hidden;}
#news-top .pagination{margin-top:4.16666667%;bottom:auto;}
@media only screen and (max-width:1024px){
    #news-top .title{font-size:0.3rem;}
}
@media only screen and (max-width:768px){
    #news-top{margin-bottom:0.5rem;}
    #news-top .figure{width:100%;}
    #news-top .text{width:100%;padding:0.3rem;}
    #news-top .title{font-size:0.24rem;}
    #news-top .pagination{margin-top:0.4rem;}
}

/*contact-info*/
#contact-info{padding:var(--padding-100) 0;overflow:hidden;}
#contact-info .figure{width:6rem;z-index:2;}
#contact-info .figure:after{padding-bottom:90%;}
#contact-info .text{width:calc(100% - 6rem);position:relative;padding:6.94444444% 0 6.94444444% 5.13888889%;min-height:7.4rem;}
#contact-info .text:before,#contact-info .text:after{content:'';display:block;position:absolute;}
#contact-info .text:before{background-color:#f6f6f6;transform:skew(var(--skew-deg));left:-30.95238095%;top:0;height:100%;width:100vw;}
#contact-info .text:after{background:url(../images/contact_info_bg.png) no-repeat center center;background-size:contain;width:130%;padding-bottom:41.19047619%;bottom:0;right:-28.57142857%;}
#contact-info .box{position:relative;z-index:2;}
#contact-info .section-name{margin-bottom:0.32rem; transform: none;}
#contact-info .meta .item{background:no-repeat left 0.22222222em;background-size:1.22222222em auto;margin-bottom:0.2rem;}
#contact-info .meta .item:last-child{margin-bottom:0;}
#contact-info .meta .add{background-image:url(../images/contact_add.png);}
#contact-info .meta .tel{background-image:url(../images/contact_tel.png);}
#contact-info .meta .fax{background-image:url(../images/contact_fax.png);}
#contact-info .meta .mail{background-image:url(../images/contact_mail.png);}
#contact-info .meta .url{background-image:url(../images/contact_url.png);}
#contact-info .meta p{margin-left:1.72222222em;border-bottom:0.01rem solid rgba(0,0,0,0.1);padding-bottom:0.2rem;}
@media only screen and (max-width:768px){
    #contact-info .inner{flex-direction:column;}
    #contact-info .figure{width:100%;}
    #contact-info .text{width:100%;background-color:#f6f6f6;min-height:0;padding:0.4rem 0.35rem;}
    #contact-info .text:before{display:none;}
}

/*triangle-before*/
.triangle-before{position:relative;overflow:hidden;}
.triangle-before:before{content:'';display:block;position:absolute;left:0;top:0;font-size:0.2rem;width:7em;padding-bottom:15.75em;background:url(../images/double_left_top_triangle_01.png) no-repeat center;background-size:contain;z-index:2;}
.triangle-after{position:relative;overflow:hidden;}
.triangle-after:after{font-size:0.2rem;content:'';display:block;position:absolute;right:0;bottom:0;width:7.3em;padding-bottom:16.45em;background:url(../images/double_right_bottom_triangle_01.png) no-repeat center;background-size:contain;z-index:2;}
@media only screen and (max-width:1024px){
    .triangle-before:before,.triangle-after:after{font-size:1.3671875vw;}
}

/*button-submit*/
.button-submit{font-weight:600;font-size:0.18rem;color:#fff;background-color:var(--main-color);transform:skew(var(--skew-deg));height:3.44444444em;display:flex;align-items:center;justify-content:center;width:9.88888889em;margin:0 0.77777778em;cursor:pointer;transition:all 0.3s;overflow:hidden;}
.button-submit:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;transform:translateX(-100%);transition:inherit;background-color:rgba(255,255,255,0.2);}
.button-submit i{display:block;font-style:normal;transform:skew(calc(-1 * var(--skew-deg)));}
.button-submit:hover:before{transform:translateX(0);}
@media only screen and (max-width:768px){
    .button-submit{font-size:0.16rem;}
}

/*contact-form*/
#contact-form{background:url(../images/contact_form_bg.jpg) no-repeat center bottom;background-size:cover;padding:1.2rem 0 1.7rem;}
#contact-form .section-name{margin-bottom:0.42rem; transform: none;}
#contact-form .item{margin-bottom:1.04166667%;}
#contact-form .text{border:solid 0.01rem #e5e5e5;height:3.75em;line-height:1.875em;padding:0.9375em 1.25em;display:block;width:100%;background-color:#fff;}
#contact-form textarea.text{height:10em;}
#contact-form .col2{display:flex;justify-content:space-between;flex-wrap:wrap;}
#contact-form .col2 .item{width:49.30555556%;}
#contact-form .button-submit{margin-top:2.43055556%;}
@media only screen and (max-width:768px){
    #contact-form{padding:0.75rem 0;}
    #contact-form .item{margin-bottom:0.1rem;}
    #contact-form .col2 .item{width:100%;}
}

/*home-section*/
.home-section{position:relative;overflow:hidden;}
.home-section .bg{position:absolute;left:0;top:0;width:100%;height:100%;}
.home-section .inner{position:relative;z-index:2;}

/*contact*/
#contact{padding:var(--padding-100) 0;}
#contact .skew-name i{display: none;}
#contact .text{width:calc(100% - 3rem);}
#contact .columnname{margin-bottom:0.06666667em;}
#contact .columnname:before{background-color:rgba(255,255,255,0.2);}
#contact .intro{line-height:1.5em;margin-left:0.83333333em;}
@media only screen and (max-width:768px){
    #contact .inner{flex-direction:column;gap:0.3rem;}
    #contact .text{width:100%;display:flex;align-items:center;flex-direction:column;}
    #contact .intro{font-size:0.2rem;}
}

/*about*/
#about{position:relative;overflow:hidden;}

#about .skew-name {transform: none; margin-left: 0; padding-left: 0;}
#about .skew-name i{display: none;}
#about .figure{width:5.22rem;mask:url(../images/home_about_mask@2x.png) no-repeat center center;mask-size:cover;-webkit-mask:url(../images/home_about_mask@2x.png) no-repeat center center;-webkit-mask-size:cover;}
#about .figure:after{padding-bottom:184.09961686%;}
#about .text{position:absolute;left:0;top:0;height:100%;width:100%;z-index:2;}
#about .top{max-width:5.52rem;margin-bottom:3.125%;}
#about .entry{max-width:37.22222222em;}
#about .button-more{margin-top:5.20833333%;margin-left:0.83333333em;}
#about .data{position:absolute;right:1.43rem;top:0;height:100%;z-index:3;}
#about .data:after{width:0.01rem;height:100%;background-color:#231815;opacity:0.2;transform:skew(var(--skew-deg));content:'';display:block;position:absolute;right:2.2rem;top:0;}
#about .data ul{height:100%;position:relative;width:3.6rem;}
#about .data li{border-bottom:0.01rem solid rgba(35,24,21,0.2);padding:0 0.4rem 0.22rem;margin-bottom:1rem;transform:translateX(-1.47rem);position:relative;z-index:4;}
#about .data li:nth-child(2){transform:translateX(-2.49rem);}
#about .data li:nth-child(3){transform:translateX(-3.5rem);}
#about .data li:last-child{margin-bottom:0;}
#about .data li:after{width:0.2rem;height:0.21rem;background-color:var(--main-color);transform:skew(var(--skew-deg)) translate(75%,60%);content:'';display:block;position:absolute;right:0;bottom:0;}
#about .data .num{font-family:'ZQK';font-weight:bold;font-size:0.36rem;}
#about .data .num span{color:var(--main-color);font-size:2em;line-height:1em;display:inline-block;transform:translateY(0.11em);}
#about .data .num sup{display:inline-block;vertical-align:top;line-height:1.5em;}
@media only screen and (max-width:1024px){
    #about{display:block;padding-top:var(--padding-100);}
    #about .text,#about .data{position:relative;left:auto;right:auto;top:auto;height:auto;margin-bottom:var(--padding-100);}
    #about .top,#about .entry{max-width:none;}
    #about .data{padding:0 3.125%;}
    #about .data:after{display:none;}
    #about .data ul{width:auto;flex-direction:row;justify-content:space-between;}
    #about .data li{margin-bottom:0;width:33.333%;}
    #about .data li:nth-child(n+1){transform:none;}
    #about .data li:after{width:0.15rem;height:0.15rem;transform:skew(var(--skew-deg)) translate(30%,55%);}
    #about .data .num{font-size:0.2rem;}
    #about .figure{mask:none;-webkit-mask:none;width:100%;}
    #about .figure:after{padding-bottom:50%;}
}
@media only screen and (max-width:768px){
    #about .data li{width:auto;padding:0 1em 0.5em 0;}
}

/*panorama*/
#panorama{padding-bottom:6rem;}
@media only screen and (max-width:1280px){
    #panorama{padding-bottom:31.25%;}
}

/*products*/
#products{background-color:#231815;padding:var(--padding-120) 0;}
#products .top{margin-bottom:0.3rem;}
#products .btm{transform:translateX(-5%);}
#products .swiper{overflow:visible;}
#products .figure{width:95.8%;margin-left:-20.169675%;margin-bottom:0.38rem;}
#products .figure:after{padding-bottom:76.41509434%;}
#products .img{left:auto;right:0;width:auto;}
#products .text{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;transform:translateX(96%);width:45%;}
#products .title{font-size:0.2rem;line-height:1.5em;color:rgba(255,255,255,0.6);margin-bottom:0.05rem; width: 100%;}
#products .more{font-size:0.18rem;color:var(--main-color);font-weight:600;background:url(../images/arrow_right_01.svg) no-repeat right center;background-size:0.38888889em auto;padding-right:1.27777778em;opacity:0;transition:all 0.3s;}
#products .info{width:140.25316456%;margin:0 -20.12658228%;padding-bottom:0.42rem;position:relative;display:block;
    mask:url(../images/home_product_mask1.svg) no-repeat center center;
    mask-size:100% 100%;-webkit-mask:url(../images/home_product_mask1.svg) no-repeat center center;-webkit-mask-size:100% 100%;}
#products .info:before{width:57%;height:100%;content:'';display:block;position:absolute;
    left:22%;top:0;transform:skew(var(--skew-deg1));background-image:linear-gradient(180deg,rgba(255,255,255,0.3),transparent);}
#products .info:hover .more{opacity:1;}
#products .info:hover:before{background-image:linear-gradient(180deg,var(--main-color),transparent);}
#products .box{transform:skew(calc(-1 * var(--skew-deg)));}
#products .swiper-process{width:calc(100% - 1.78rem);}
@media only screen and (max-width:768px){#products .figure#products .figure
    #products .btm{transform:translateX(10%);}
}

/*main*/
#main{width:77.08333333%;overflow:hidden;}
@media only screen and (max-width:1024px){
    #main{width:100%;}
}

/*product-list*/
#product-list{--margin:4.685%;margin-bottom:0.14rem;}
@media only screen and (max-width:768px){
    #product-list .item {width: 50%;}
}
/*product-item*/
.product-item{padding-bottom:3.96396396%;}
.product-item .figure{width:100%;margin-bottom:0.12rem;}
.product-item .figure:after{padding-bottom:100%;}
.product-item .title{font-size:0.16rem;line-height:1.5em;font-weight:600;text-align:center;margin-bottom:1em;width: 100%;}/*-

.product-item .more{font-size:0.14rem;height:3em;width:7.85714286em;}
.product-item a{display:flex;flex-direction:column;align-items:center;transition:all 0.3s;}
.product-item a:not(:hover){color:#231815;}
.product-item a:hover .more:after{width:100%;}
.product-item a:hover .more {color:#fff;}

/*categories*/
#categories{width:20.83333333%;background-color:#fafafa;padding:0.3rem 0.3rem 0.9rem;}
#categories .name{font-style:italic;margin-bottom:0.1rem;}
#categories li{padding:0.75em 0;line-height:1.35em;}
#categories li a{color:#231815;display:block;}
#categories li a:hover{color:var(--main-color);}
#categories li.link a{color:#231815; display: inline-block; background: url(../images/link.png) no-repeat left center;background-size:0.2rem auto;padding-left:0.3rem; text-decoration:underline; text-underline-offset: 5px;/*距离*/
text-decoration-thickness: 1px; /*粗细*/} 
#categories .child{font-weight:normal;font-size:0.8em;padding-top:0.1rem;display:none;}
#categories .child li{padding:0.1875em 0;line-height:1.875em;}
#categories .current .child{display:block;}
#categories .current > a{color:var(--main-color);}
#categories .parent_cate{
    position: relative;
    cursor: pointer;
}
#categories .switch{
    width: .13rem;
    height: .1rem;
    position: absolute;
    right: 0;
    top: .1rem;
    display: none;
    z-index: 2;
}
#categories li.node .switch:after{
    display: inline-block;
    width: 0.6em;
    height: 0.35em;
    background: url(../images/category_arrow_top_01.svg) no-repeat center center;
    background-size: contain;
    content: '';
    vertical-align: middle;
    transform: rotate(180deg);
    filter: invert(1) brightness(0);
    position: absolute;
    top: 0;
}
#categories li.current .switch,
#categories li.node .switch{
    display: block;
    cursor: pointer;
}
#categories .switch.current::after{
    transform: rotate(0deg);
}
#categories li.current .switch::after{
    transform: rotate(0deg);
}
#categories li.node .parent_cate a{
    pointer-events: none;
}

#categories .node.current > a:after{transform:rotate(0deg);filter:none;}
@media only screen and (max-width:1024px){
    #categories{width:100%;margin-bottom:0.5rem;padding-bottom:0.3rem;}
    #categories li{padding:0.5em 0;}
}

/*product-top*/
#product-top{padding:var(--padding-120) 0;overflow:hidden;background-color:#f7f7f7;}
@media only screen and (max-width:768px){
    #product-top .inner{flex-direction:column;gap:0.35rem;}
}

/*product-gallery*/
.product-gallery{width:44.44444444%;}
.product-gallery .figure{padding-bottom:100%;background-color:#fff;}
.product-gallery .large{width:79.6875%;}
.product-gallery .small{width:18.75%;position:relative;}
.product-gallery .small .swiper{position:absolute;width:100%;height:100%;}
.product-gallery .small .swiper-slide{cursor:pointer;}
.product-gallery .small .figure:after{position:absolute;left:0;top:0;width:100%;height:100%;border:solid 0.02rem #cc1424;opacity:0;transition:all 0.3s;}
.product-gallery .small .swiper-slide-thumb-active .figure:after{opacity:1;}
@media only screen and (max-width:768px){
    .product-gallery{width:100%;}
}
@media only screen and (max-width:768px){
    .proname{font-size:0.32rem;}
}

/*product-info*/
.product-info{width:51.38888889%;}
.product-info .proname{border-bottom:0.01rem solid rgba(0,0,0,0.1);padding-bottom:0.47619048em;margin-bottom:0.61904762em;}
.product-info .meta{line-height:2.22222222em;}
.product-info .meta strong{font-weight:600;}
.product-info .button-more{margin-left:0.77777778em;margin-top:8.78378378%;}
@media only screen and (max-width:768px){
    .product-info{width:100%;}
}

/*product-features*/
#product-features{background-color:#fff;padding:var(--padding-70) 0;}
#product-features .proname{margin-bottom:0.14rem;}

/*product-parameter*/
#product-parameter{background-color:#f7f7f7;padding:var(--padding-60) 0;}
#product-parameter .proname{margin-bottom:0.45rem;}
#product-parameter .info{ overflow-x:auto; max-height: 8.5rem;   -webkit-overflow-scrolling:touch;}
#product-parameter .info::-webkit-scrollbar {width: 0.08rem;height: 0.08rem;}
#product-parameter table{min-width:7rem;}
#product-parameter tr{transition:all 0.3s;}
#product-parameter th,#product-parameter td{border:0.01rem solid rgba(35,24,21,0.1);padding:0.4em 0.625em;}
#product-parameter .head{background-color:var(--main-color);color:#fff;font-size:0.18rem;line-height:1.33333333em;position: sticky;top: 0;}
#product-parameter .head td{padding:1em 0.44444444em;}
#product-parameter .meta:hover{background-color:var(--main-color);color:#fff;}
#product-parameter .meta:hover a{color:#fff;}
#product-parameter .meta a:hover{text-decoration:underline;}
/*product-meta*/
#product-meta{background-color:#f7f7f7;padding:var(--padding-120) 0;}
#product-meta .media{width:35.41666667%;gap:0.48rem;}
#product-meta .media .picture{padding-bottom:100%;}
#product-meta .media figcaption{color:#231815;font-weight:bold;font-size:0.24rem;line-height:1.66666667em;margin-bottom:0.83333333em;}
#product-meta .text{width:58.33333333%;}
#product-meta .proname{border-bottom:0.01rem solid rgba(0,0,0,0.1);padding-bottom:0.47619048em;margin-bottom:0.9047619em;}
#product-meta .title{margin-bottom:0.05rem;}
#product-meta .info{line-height:1.5em;}
#product-meta .info td{border-bottom:0.01rem solid rgba(0,0,0,0.1);width:50%;padding:0.75em 0;}
#product-picture{padding:0 0 var(--padding-60) 0;}
#product-picture .picture_editor{/* margin-top: .35rem; */}
@media only screen and (max-width:768px){
    #product-meta .inner{flex-direction:column;gap:0.5rem;}
    #product-meta .media{width:100%;}
    #product-meta .text{width:100%;}
}

/*submenu*/
.submenu ul{gap:0.7rem;}
.submenu a{color:#dddddd;display:block;white-space:nowrap;position:relative;line-height:1.66666667em;transition:all 0.3s;}
.submenu a:before{content:'';display:block;position:absolute;left:0;top:-0.21rem;width:100%;background-color:#cc1424;height:0.03rem;opacity:0;transition:all 0.3s;}
.submenu .active a,.submenu a:hover{color:#e70012;}
.submenu .active a:before,.submenu a:hover:before{opacity:1;}
@media only screen and (max-width:768px){
    .submenu ul{font-size:0.16rem;gap:0.25rem;}
}

/*about-section*/
.about-section{overflow:hidden;background:no-repeat center center;background-size:cover;position:relative;}
.about-section .skew-name{font-style:italic;transform:none;padding-left:0.08em;}
.about-section .skew-name:before{bottom:auto;top:0;height:0.95238095em;width:0.47619048em;transform:skew(var(--skew-deg));}
.about-section .skew-name i{transform: skew(-15deg);}
.about-section .bg{position:absolute;left:0;top:0;width:100%;height:100%;}
.about-section .inner{position:relative;z-index:2;}
@media only screen and (max-width:1024px){
    .about-section .skew-name{font-size:0.38rem;}
}
@media only screen and (max-width:768px){
    .about-section .skew-name{font-size:0.36rem;}
}

/*about-hgroup*/
.about-hgroup{margin-bottom:var(--padding-60);position:relative;z-index:2;}

/*partners*/
#partners{background-image:url(../images/partner_bg.jpg);}
#partners:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(0deg,#f7acb2,transparent);opacity:0.6;}
#partners .wrap{padding:var(--padding-120) 0;}
#partners .wrap:before,#partners .wrap:after{content:'';display:block;position:absolute;top:0;width:10%;height:100%;opacity:0.3;z-index:5;background-image:linear-gradient(90deg,#f7acb2,transparent);pointer-events:none;}
#partners .wrap:before{left:0;}
#partners .wrap:after{right:0;background-image:linear-gradient(270deg,#f7acb2,transparent);}
#partners .inner{position:relative;z-index:2;}
#partners .gallery{position:relative;z-index:2;}
#partners .gallery .list{display:flex;}
#partners .gallery .list:nth-child(2n){justify-content:flex-end;}
#partners .gallery ul{width:max-content;display:flex;}
#partners .gallery li{width:2.69rem;padding:0.1rem 0.07rem;}
#partners .gallery a{padding-bottom:48.62745098%;position:relative;overflow:hidden;display:block;background-color:#fff;}
#partners .gallery img{display:block;width:100%;height:100%;object-fit:contain;position:absolute;left:0;top:0;}
@media only screen and (max-width:768px){
    #partners .gallery li{width:1.8rem;padding:0.05rem;}
}

/*scroll-y*/
.scroll-y{padding-right:0.27rem;overflow-y:auto;-webkit-overflow-scrolling:touch;}

/*profile*/
#profile{height:10.28rem;background:url(../images/profile_triangle_right.png) no-repeat right top;background-size:auto 100%;}
#profile .alias{color:#231815;opacity:0.04;font-size:1.6rem;line-height:1em;font-style:italic;font-weight:900;position:absolute;left:0.4rem;bottom:0.72rem;}
#profile .inner{padding:1.55rem 0;background:url(../images/profile_text_bg.png) no-repeat left 0.6rem;background-size:78.33333333% auto;}
#profile .skew-name{max-width:15.61904762em;margin-bottom:1.11904762em;}
#profile .entry{max-width:42.5em;max-height:25em;}
#profile .data{position:absolute;right:0.54rem;top:0;height:100%;z-index:3;}
#profile .data:after{width:0.01rem;height:100%;background-color:#231815;opacity:0.2;transform:skew(var(--skew-deg));content:'';display:block;position:absolute;right:2.2rem;top:0;}
#profile .data ul{height:100%;position:relative;width:3.6rem;padding-top:1.32rem;}
#profile .data li{border-bottom:0.01rem solid rgba(35,24,21,0.2);padding:0 0.4rem 0.22rem;margin-bottom:1rem;transform:translateX(-1.05rem);position:relative;z-index:4;}
#profile .data li:nth-child(2){transform:translateX(-2.05rem);}
#profile .data li:nth-child(3){transform:translateX(-3.08rem);}
#profile .data li:last-child{margin-bottom:0;}
#profile .data li:after{width:0.2rem;height:0.21rem;background-color:var(--main-color);transform:skew(var(--skew-deg)) translate(75%,60%);content:'';display:block;position:absolute;right:0;bottom:0;}
#profile .data .num{font-family:'ZQK';font-weight:bold;font-size:0.36rem;}
#profile .data .num span{color:var(--main-color);font-size:2em;line-height:1em;display:inline-block;transform:translateY(0.11em);font-style:italic;}
#profile .data .num sup{display:inline-block;vertical-align:top;line-height:1.5em;}
@media only screen and (max-width:1280px){
    #profile .alias{font-size:1.2rem;}
}
@media only screen and (max-width:1024px){
    #profile{height:auto;padding-bottom:var(--padding-120);}
    #profile .inner{padding:0;background-position:center 3.125%;background-size:200% auto;padding-top:var(--padding-100);}
    #profile .data{position:relative;right:auto;top:auto;height:auto;padding:5% 3.125%;}
    #profile .data:after{display:none;}
    #profile .data ul{width:auto;flex-direction:row;justify-content:space-between;padding:0;}
    #profile .data li{margin-bottom:0;width:33.333%;}
    #profile .data li:nth-child(n+1){transform:none;}
    #profile .data li:after{width:0.15rem;height:0.15rem;transform:skew(var(--skew-deg)) translate(30%,55%);}
    #profile .data .num{font-size:0.2rem;}
    #profile .alias{font-size:0.8rem;bottom:0.25rem;left:3.125%;}
}
@media only screen and (max-width:768px){
    #profile .data li{width:auto;padding:0 1em 0.5em 0;}
    #profile .alias{font-size:0.5rem;}
}

/*introduction*/
#introduction{min-height:7.6rem;padding:var(--padding-110) 0;}
#introduction .inner{position:relative;z-index:2;}
#introduction .skew-name{margin-bottom:0.95238095em;}

/*business*/
#business{background:url(../images/business_bg.png) no-repeat right top;background-size:auto 7rem;padding:var(--padding-120) 0;}
#business .item{width:25%;flex-grow:1;transition:all 0.3s;}
#business .figure{padding-bottom:5.4rem;}
#business .text{position:absolute;left:0;bottom:0;width:100%;z-index:4;color:#fff;padding:0.3rem 0.4rem;}
#business .title{font-size:0.24rem;line-height:1.125em;}
#business .intro{font-size:0.18rem;line-height:1.66666667em;color:#ddd;padding:0.1rem 0;}
#business .info{display:block;position:relative;overflow:hidden;}
#business .info:after{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:50%;background-image:linear-gradient(0deg,rgba(0,0,0,0.8),transparent);}
@media only screen and (min-width:769px){
    #business .intro{display:none;}
    #business .active{width:50%;}
    #business .active .intro{display:block;}
}
@media only screen and (max-width:1024px){
    #business {background-size: auto 5.5rem;}
    #business .text{padding:0.2rem 0.25rem;}
    #business .title{font-size:0.2rem;}
}
@media only screen and (max-width:768px){
    #business {background-size: auto 2.5rem;}
    #business .inner{flex-direction:column;}
    #business .item{width:100%;}
    #business .figure{padding-bottom:75%;}
}

/*qualification*/
#qualification{background-color:#e9e9e9;padding:var(--padding-120) 0 var(--padding-90);}
#qualification .tab{gap:0.28rem;}
#qualification .tab span{cursor:pointer;}
#qualification .name{line-height:1.5em;}
#qualification .frame{padding:8.48765432% 8.95061728%;position:relative;margin-bottom:0.23rem;display: block;}
#qualification .frame:before,#qualification .frame:after{content:'';display:block;position:absolute;bottom:0;background:no-repeat center center;background-size:contain;}
#qualification .frame:before{width:100%;left:0;height:100%;background-image:url(../images/qualification_frame.png);}
#qualification .frame:after{width:111.11111111%;padding-bottom:31.79012346%;background-image:url(../images/qualification_frame_shadow.png);left:50%;transform:translateX(-50%);top:91%;}
#qualification .figure:after{padding-bottom:140.22556391%;}
#qualification .controls{margin-top:var(--padding-60);}
#qualification .swiper-process{width:calc(100% - 1.78rem);}
@media only screen and (max-width:1024px){
    #qualification .tab{gap:0.2rem;}
    #qualification .tab span{font-size:0.16rem;}
}
@media only screen and (max-width:768px){
    #qualification .about-hgroup{flex-direction:column;gap:0.2rem;}
    #qualification .swiper-process{width:calc(100% - 1.3rem);}
}

/*history*/
#history{padding:var(--padding-120) 0;min-height:9.3rem;}
#history .skew-name{margin-bottom:0.45rem;}
#history .list{position:relative;}
#history .list:before{width:100vw;height:0.01rem;background-color:rgba(255,255,255,0.2);left:50%;transform:translateX(-50%);top:1.97rem;content:'';display:block;position:absolute;}
#history .swiper{width:6.46rem;max-width:100%;overflow:visible;}
#history .info{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;}
#history .year{font-size:1.3rem;color:#fff;line-height:1em;font-style:italic;margin-bottom:0.5rem;visibility:hidden;opacity:0;transition:all 0.5s;}
#history .dot{font-size:0.36rem;transition:all 0.5s;display:flex;align-items:center;color:#999;height:1em;line-height:1em;font-weight:600;gap:0.72222222em;margin-bottom:0.33rem;}
#history .dot:before{width:0.30555556em;height:0.30555556em;transform:skew(var(--skew-deg));background-color:#a8a8a8;transition:inherit;display:block;content:'';}
#history .dot i{font-style:normal;}
#history .intro{font-size:0.18rem;line-height:1.66666667em;text-align:center;max-width:25em;margin:0 auto;visibility:hidden;opacity:0;transition:all 0.5s;}
#history .arrow{transform:skew(var(--skew-deg)) translateY(33%);}
#history .prev{left:auto;right:100%;}
#history .next{right:auto;left:100%;}
#history .current .year,#history .current .intro{opacity:1;visibility:visible;}
#history .current .dot:before{width:0.55555556em;height:0.58333333em;background-color:var(--main-color);}
#history .current .dot i{display:none;}
@media only screen and (max-width:768px){
    #history{min-height:8rem;}
    #history .list{padding:0 0.5rem;}
    #history .list:before{top:1.52rem;}
    #history .year{font-size:1rem;margin-bottom:0.35rem;}
    #history .arrow{transform:skew(var(--skew-deg)) translateY(2%);}
}

#product-top.no-thumbs .small {
    display: none;
}
.no-thumbs .product-gallery {justify-content: flex-end;}
@media only screen and (max-width:640px){
    #product-top.no-thumbs .large {
        width: 100%;
    }
}

.fancybox-stage p{
    display: none;
}