@charset "utf-8";
@font-face{
    font-family:'ZQKfreefont';
    src:url('../fonts/ZQKfreefont-bold.ttf') format('truetype');
    font-style:normal;
    font-weight:bold;
    font-display:swap;
}
@font-face{
    font-family:'Barlow';
    src:url('../fonts/Barlow-Light.ttf') format('truetype');
    font-style:normal;
    font-weight:lighter;
    font-display:swap;
}
@font-face{
    font-family:'Barlow';
    src:url('../fonts/Barlow-Regular.ttf') format('truetype');
    font-style:normal;
    font-weight:normal;
    font-display:swap;
}
@font-face{
    font-family:'Barlow';
    src:url('../fonts/Barlow-Medium.ttf') format('truetype');
    font-style:normal;
    font-weight:500;
    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;
}
@font-face{
    font-family:'Barlow';
    src:url('../fonts/Barlow-Bold.ttf') format('truetype');
    font-style:normal;
    font-weight:bold;
    font-display:swap;
}
/*初始化样式*/
:root {  
    --font-color:#222;
    --main-color:#e70012;
    --r:231;
    --g:0;
    --b:18;
}
*{-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;height:0.1rem;background-color:#eee;}
    ::-webkit-scrollbar-thumb{background-color:var(--main-color);border-radius:0.05rem;}
}
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(100vw/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 'Barlow','Sans-serif'; overflow-x:hidden;word-wrap:break-word;  /*overflow-wrap: break-word;hyphens: auto;*/scroll-behavior: initial;}
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{color:#999;}
input:-moz-placeholder{color:#999;}
input::-webkit-input-placeholder{color:#999;}
input:-ms-input-placeholder{color:#999;}
textarea::-moz-placeholder{color:#999;}
textarea:-moz-placeholder{color:#999;}
textarea::-webkit-input-placeholder{color:#999;}
textarea:-ms-input-placeholder{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:14.4rem;margin:0 auto;}
.w1680 {max-width: 16.8rem;}
.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 *{line-height:1.75em;}
.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:1px solid #e6e6e6;}
/*rows*/
[class*=rows_]{display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.rows_1{display: block; white-space: nowrap;}
.rows_2{-webkit-line-clamp:2; line-clamp:2;}
.rows_3{-webkit-line-clamp:3; line-clamp:3;}
.rows_4{-webkit-line-clamp:4; line-clamp:4;}
.rows_5{-webkit-line-clamp:5;line-clamp:5;}
.rows_6{-webkit-line-clamp:6;line-clamp:6;}
.rows_7{-webkit-line-clamp:7;line-clamp:7;}
.rows_8{-webkit-line-clamp:8;line-clamp:8;}
/*flex*/
[class*=flex]{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;}
[class*=_fdrr]{flex-direction:row-reverse;}
[class*=_fdc]{flex-direction:column;}
[class*=_fdcr]{flex-direction:column-reverse;}
[class*=_fww]{flex-wrap:wrap;}
[class*=_fwn]{flex-wrap:nowrap;}
[class*=_jcsb]{justify-content:space-between;}
[class*=_jcsa]{justify-content:space-around;}
[class*=_jcse]{justify-content:space-evenly;}
[class*=_jcfs]{justify-content:flex-start;}
[class*=_jcc]{justify-content:center;}
[class*=_jcfe]{justify-content:flex-end;}
[class*=_aifs]{align-items:flex-start;}
[class*=_aic]{align-items:center;}
[class*=_aife]{align-items:flex-end;}
/*col*/
[class*=col_] {--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;}
[class*=col_] .item {--padding:0.2rem; padding-right: var(--padding);}
.col_2 .item {width: 50%;}
.col_3 .item {width: 33.333%;}
.col_4 .item {width: 25%;}
.col_5 .item {width: 20%;}
@media only screen and (max-width:1024px){
    .col_3 .item,
    .col_4 .item {width: 50%;}
    .col_2 .item {width: 100%;}
}
@media only screen and (max-width:750px){
    .col_3 .item,
    .col_4 .item {width: 100%;}
}
/*effect*/
.delay { --property:all; --duration:0.3s; transition: var(--property) var(--duration);}
/*font*/
.font-color-666 {color:#666;}
.font-color-f00 {color:var(--main-color);}
.font-color-fff {color:#fff;}
.font-color-000 {color:#000;}
.font-color-222 {color:#222;}
.font-color-333 {color:#333;}
.font-color-555 {color:#555;}
.font-color-999 {color:#999;}
/*font-family*/
.font-zqk {font-family:'ZQKfreefont';}
/*font-center*/
.font-center {text-align: center;}
.font-right {text-align: right;}
/*font-weight*/
.font-bold {font-weight:bold;}
/*skew*/
.skew{--deg:-16.2602deg;transform:skew(var(--deg));}
.skew .skew{--deg:16.2602deg;}

/*button-more*/
.button-more a{background-color:var(--main-color);color:#fff;font-size:0.18rem;width:10.55555556em;height:2.77777778em;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;}
.button-more a:before{content:'';display:block;position:absolute;left:0;top:0;width:0;height:100%;background-color:rgba(255,255,255,0.3);transition:width 0.2s;}
.button-more a:hover:before{width:100%;}
.button-more i{background:url(../images/button_more_arrow_white.svg) no-repeat right center;background-size:0.33333333em auto;padding-right:1.22222222em;display:block;position:relative;z-index:2;}
.button-more .gray{background-color:#f0f0f0;}
.button-more .gray:before{background-color:var(--main-color);}
.button-more .gray:not(:hover){color:#333;}
.button-more .gray:not(:hover) i{background-image:url(../images/button_more_arrow_gray.svg);}
@media only screen and (max-width:1024px){
    .button-more a{font-size:0.16rem;}
}

/*header*/
#header{position:fixed;top:0;width:100%;z-index:8;padding-top:0.3rem;}
#header.active,#header.fixed{background-color:#fff;}
#header.active [data-filter="brightness"],#header.fixed [data-filter="brightness"]{filter:none;}
#header.active #navi a,#header.fixed #navi a{color:var(--font-color);}
#header.active #find:after,#header.fixed #find:after,#header.white #find:after {filter: none;}
#header.hide{transform:translateY(-100%);opacity:0;}
#header.fixed{box-shadow:0 0 0.1rem 0 rgba(0,0,0,0.1);}
@media only screen and (max-width:1024px){
    #header{padding-top:0;}
    #header.white{background-color:#fff;}
    #header.white [data-filter="brightness"]{filter:none;}
}

/*logo*/
.social a{display:block;overflow:hidden;filter:brightness(100);}
.social a:hover{filter:none;}
.social a:hover .icon:nth-child(1){display:none;}
.social a:hover .icon:nth-child(2){display:block;}
.social .icon{display:block;width:auto;height:0.18rem;max-width:none;}
.social .icon:nth-child(2){display:none;}
.social li{margin-right:0.28rem;position:relative;}
.social li:last-child{margin-right:0;}
.social .qr{position:absolute;left:50%;top:100%;transform:translateX(-50%);margin-top:1em;background-color:#fff;border-radius:0.05rem;padding:0.06rem;width:1.2rem;box-shadow:0px 0px 0.1rem rgba(175,185,203,0.36);display:none;}
.social .qr:after{border-bottom: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%);bottom:100%;}
.social .qr img{display:block;width:100%;height:auto;}
@media only screen and (max-width:750px){
    .social li{margin-right:0.2rem;}
}

/*logo*/
#logo{width:2rem;position:absolute;z-index:10;padding:0.2rem 0;left:50%;bottom:0;transform:translateX(-50%);}
#logo a{display:block;overflow:hidden;padding-bottom:18.5%;position:relative;}
#logo i{position:absolute;width:100%;height:100%;text-indent:-99999em;display:block;overflow:hidden;background:no-repeat left center;background-size:contain;}
#logo i:nth-child(2){opacity:0;}
@media only screen and (max-width:1024px){
    #logo{position:static;transform:none;}
}
@media only screen and (max-width:750px){
    #logo{width:1.8rem;}
}

/*top-social*/
#top-social li{padding:0.2rem 0;}

/*button*/
#button{width:1.41rem;}
#button .btn{margin-right:0.28rem; position: relative;}
#button .btn:last-child{margin-right:0;}
@media only screen and (max-width:750px){
    #button{width:1.17rem;}
}

/*lang*/
#lang{padding:0.2rem 0;cursor:pointer;position:relative;}
#lang span{display:block;width:0.2rem;height:0.2rem;background:url(../images/language_01@2x.png) no-repeat center center;background-size:contain;filter:brightness(100);}
#lang ul{line-height:2em;font-size:0.18rem;position:absolute;top:100%;left:50%;min-width:0.6rem;transform:translateX(-50%);z-index:5;background-color:#fff;box-shadow:0px 0px 0.1rem 0px rgba(0,0,0,0.1);text-align:center;font-weight:bold;padding:0.09rem 0;display:none;}
#lang ul:before{border-bottom:0.09rem solid #fff;border-left:0.09rem solid transparent;border-right:0.09rem solid transparent;content:'';display:block;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);}
#lang ul a{white-space:nowrap;display:block;padding:0 1em;}
#lang.active span{background-image:url(../images/language_02@2x.png);filter:none;}

/*find*/
#find{padding:0.2rem 0;cursor:pointer;}
#find:after {width: 0.01rem; height:0.8em; background-color: #999; filter:brightness(100); display: block; content: ''; position: absolute; left: -0.14rem; top:50%; transform: translateY(-50%);}
#find span{display:block;width:0.2rem;height:0.2rem;filter:brightness(100);background:url(../images/search_01@2x.png) no-repeat center center;background-size:contain;}
#find.active span{background-image:url(../images/search_02@2x.png);filter:none;}

/*search*/
#search{background-color:#ccc;box-shadow:0px 0px 0.1rem 0px rgba(0,0,0,0.1);position:absolute;left:0;top:100%;width:100%;padding:0.6rem 0;display:none;}
#search .input{position:relative;padding-right:1.6rem;box-shadow:0px 0px 0.1rem 0px rgba(0,0,0,0.1);}
#search .text{display:block;width:100%;font-size:0.18rem;height:3.33333333em;line-height:1.66666667em;padding:0.83333333em 1.66666667em;background-color:#fff;}
#search .submit{position:absolute;right:0;top:0;height:100%;width:1.6rem;cursor:pointer;background-color:var(--main-color);color:#fff;}
#search .submit i{font-style:normal;display:block;background:url(../images/search_01@2x.png) no-repeat right center;background-size:1.125em auto;filter:brightness(100);padding-right:2em;}
@media only screen and (max-width:750px){
    #search{padding:0.35rem 0;}
    #search .input{padding-right:1.2rem;}
    #search .submit{width:1.2rem;}
}

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

    /*1024*/
    #menu{position:relative;cursor:pointer;width:0.2rem;height:0.2rem;transition:all 0.3s;display:block;z-index:10;overflow:hidden;filter:brightness(100);}
    #menu:before,#menu:after,#menu i{width:100%;height:0.03rem;background-color:var(--font-color);display:block;position:absolute;left:0;transition:all 0.3s;border-radius:0.015rem;content:'';}
    #menu:before{top:0.01rem;}
    #menu:after{bottom:0.01rem;}
    #menu i{top:50%;transform:translateY(-50%);}
    #menu.active{overflow:visible;filter:none;}
    #menu.active:before{transform:rotate(45deg);top:50%;background-color:var(--main-color);}
    #menu.active:after{transform:rotate(-45deg);bottom:auto;top:50%;background-color:var(--main-color);}
    #menu.active i{opacity:0;}
}

/*navi*/
#navi{font-size:0.2rem;line-height:1em;font-style:italic;}
#navi a{display:block;position:relative;}
#navi .parent{padding:0.24rem 0.53rem 0.16rem;position:relative;}
#navi .drop{line-height:2em;display:none;}
@media only screen and (min-width:1025px){
    #navi a{color:#fff;}
    #navi a:hover{color:var(--font-color);}
    #navi .parent > a:after{width:0%;height:0.03rem;background-color:var(--main-color);content:'';display:block;position:absolute;left:0;bottom:-0.16rem;transition:all 0.2s;}
    #navi .on > a:after,#navi .cur > a:after{width:100%;}
    #navi .parent:nth-child(2){margin-right:3.34rem;}
}
@media only screen and (max-width:1024px){

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

/*menu-drop*/
#menu-drop{position:absolute;left:0;top:100%;width:100%;z-index:9;color:#fff;display:none;--duration:0.5s;}
#menu-drop .list{height:6.73rem;width:100%;background-color:rgba(0,0,0,0.88);}
#menu-drop .item{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;flex-grow:1;width:25%;height:100%;font-style:italic;padding-bottom:0.7rem;}
#menu-drop .item:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(180deg,rgba(255,255,255,0.1),transparent);opacity:0;transition:all 0.2s;}
/* #menu-drop .item:last-child{width:28.89908257%;padding-right:3.125%;}
#menu-drop .item:first-child{width:28.89908257%;padding-left:3.125%;} */
#menu-drop .item.cur:before{opacity:1;}
#menu-drop a{display:block;position:relative;z-index:2;}
#menu-drop .name{font-size:0.42rem;line-height:1.5em;position:relative;}
#menu-drop .name:before{background-color:var(--main-color);width:0.29166667em;height:0.875em;transform:skew(-16.2602deg);content:'';display:block;position:absolute;left:0.04166667em;top:0.13541667em;}
#menu-drop .name a{color:#f6f9fd;}
#menu-drop ul{display:none;}
#menu-drop li{font-size:0.24rem;line-height:2em;font-weight:600;}
#menu-drop li a{color:#f6f9fd;}
#menu-drop li a:after{width:0;height:1px;background-color:var(--main-color);content:'';display:block;position:absolute;left:0;bottom:0;transition:all 0.3s;}
#menu-drop li a:hover{color:var(--main-color);}
#menu-drop li a:hover:after{width:100%;}
#menu-drop .cur .name:before{opacity:0;}
#menu-drop .cur .name a{color:var(--main-color);}

/*footer*/
#footer{background:#222 url(../images/footer_right_bg.png) no-repeat right bottom;background-size:48.54166667% auto;color:#fff;position:relative;overflow:hidden;}
#footer a{color:#fff;transition:color 0.2s;}
#footer a:hover{color:rgba(255,255,255,0.5);}

/*backtop*/
#backtop{background-color:var(--main-color);position:absolute;top:0;right:2.23958333%;width:0.5rem;height:0.5rem;cursor:pointer;}
#backtop i{background:url(../images/backtop_01.svg) no-repeat center center;background-size:contain;display:block;width:36%;padding-bottom:40%;}
.main-about-wrapper #backtop{right: calc(2.23958333% + 0.5rem);}

/*bottom*/
#bottom{width:56.94444444%;padding:1.5rem 0 0.5rem;}
@media only screen and (max-width:1024px){
    #bottom{width:100%;padding:0.5rem 0;}
}

/*subscribe*/
.subscribe{padding:0 0.06rem 0 0.18rem;margin-bottom:0.55rem;}
.subscribe .hgroup{padding:0 0.12rem;margin-bottom:0.25rem;}
.subscribe .title{font-weight:600;font-style:italic;font-size:0.24rem;line-height:1.25em;}
.subscribe .intro{font-size:0.18rem;font-style:italic;line-height:1.75em;}
.subscribe .input{background-color:rgba(255,255,255,0.1);position:relative;width:41.20603015%;}
.subscribe .label{display:none;color:#999;position:absolute;left:0;top:0;line-height:2.5em;padding:0 0.75em;font-style:italic;}
.subscribe .label i{font-style:normal;color:var(--main-color);}
.subscribe .text{display:block;width:100%;line-height:1.25em;padding:0.625em 0.75em;position:relative;font-style:italic;color:#fff;}
.subscribe .submit{width:14.8241206%;background-color:var(--main-color);color:#fff;font-weight:600;height:2.5em;}
.subscribe .submit i{display:block;}
@media only screen and (max-width:1024px){
    .subscribe{padding-left:0.06rem;}
}
@media only screen and (max-width:750px){
    .subscribe{margin-bottom:0.4rem;}
    .subscribe .input{width:100%;margin-bottom:0.12rem;}
    .subscribe .submit{width:100%;}
}

/*catalog*/
#catalog dl{margin-bottom:0.12rem;}
#catalog dt{font-size:0.2rem;line-height:1.35em;font-style:italic;margin-bottom:0.03rem;}
#catalog dd{font-style:italic;font-weight:lighter;}
#catalog dd a{color:rgba(255,255,255,0.5);}
#catalog dd a:hover{color:#fff;}
@media only screen and (max-width:750px){
    #catalog{display:none;}
}

/*follow*/
#follow{padding-right:0.12rem;}
#follow .social .icon{height:0.22rem;}
#follow .book{width:3.8rem;max-width:100%;}
#follow .book .pic{position:absolute;left:0;top:50%;transform:translateY(-50%);width:1.33rem;z-index:2;}
#follow .book .pic i{display:block;overflow:hidden;padding-bottom:84.96240602%;background:no-repeat center center;background-size:contain;}
#follow .book .text{background-color:rgba(255,255,255,0.1);padding:0.15rem 0.3rem 0.2rem 0.5rem;font-style:italic;}
#follow .book .info:after{width:0.2rem;height:0.2rem;background:url(../images/download_01.svg) no-repeat center center;background-size:contain;display:block;content:'';}
#follow .book .title{font-size:0.18rem;line-height:1.33333333em;width:100%;}
#follow .book .intro{font-size:0.18rem;line-height:1.33333333em;}
#follow .book a{display:block;position:relative;padding:0.17rem 0 0.17rem 1rem;}
#follow .book a:hover{color:#fff;}
#follow .book a:hover .text{background-color:rgba(var(--r),var(--g),var(--b),0.9);}
@media only screen and (max-width:750px){
    #follow{flex-direction:column;align-items:center;}
    #follow .social{margin-bottom:0.3rem;}
}

/*infor*/
#infor{width:39.58333333%;padding:1.5rem 15.27777778% 0.52rem 0;position:relative; margin-left:-0.005rem;}
#infor:before{content:'';display:block;position:absolute;right:0;top:0;width:8.2rem;height:100%;background:url(../images/footer_left_bg.png) no-repeat right center;background-size:auto 100%;}
#infor .box{position:relative;z-index:2;}
#infor .logo{width:100%;margin-bottom:0.5rem;}
#infor .logo img{display:block;height:0.37rem;width:auto;max-width:100%;object-fit:contain;}
#infor .logo a {display: block; overflow: hidden;}
#infor .meta{font-style:italic;margin-bottom:0.75rem;width:100%;}
#infor .meta .title{font-size:0.24rem;line-height:1.5em;font-weight:500;margin-bottom:0.03rem;}
#infor .meta li{line-height:1.75em;}
#infor .meta .last{margin-top:0.35rem;}
#infor .meta span{display:block;}
#infor .meta .name{white-space:nowrap;}
#infor .language{font-size:0.18rem;position:relative;width:10em;cursor:pointer;font-weight:500;margin-bottom:0.1rem;}
#infor .language span{border:1px solid rgba(255,255,255,0.5);padding:0 0.83333333em;height:2.33333333em;line-height:2em;display:flex;align-items:center;background:url(../images/language_arrow_01.svg) no-repeat 90% center;background-size:0.61111111em auto;padding-right:1em;width:100%;}
#infor .language ul{position:absolute;left:0;top:100%;width:100%;background-color:#fff;padding:0.07rem 0;display:none;}
#infor .language li a{display:block;color:var(--font-color);padding:0 0.83333333em;line-height:2.22222222em;}
#infor .language li a:hover{color:var(--main-color);}
#infor .copyright{color:rgba(255,255,255,0.5);}
#infor .copyright a{color:rgba(255,255,255,0.5);}
#infor .copyright a:hover{color:#fff;}
@media only screen and (max-width:1024px){
    #infor{width:100%;padding:0.5rem 0;}
    #infor:before{width:110vw;right:50%;transform:translateX(50%);background-position:left center;background-size:130% auto;}
    #infor .box{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:space-between;align-items:center;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
    #infor .logo{margin-bottom:0.25rem;}
    #infor .meta{margin-bottom:0.35rem;}
    #infor .meta ul{display:flex;justify-content:space-between;flex-wrap:wrap;gap:0.1rem;}
    #infor .meta .last{margin-top:0;width:100%;}
    #infor .language{margin-bottom:0;}
    #infor .language ul{top:auto;bottom:100%;}
}
@media only screen and (max-width:750px){
    #infor{padding-bottom:0.3rem;}
    #infor:before{background-size:150% auto;}
    #infor .box{display:block;}
    #infor .language{width:100%;margin-bottom:0.2rem;}
    #infor .copyright{text-align:center;}
}

/*swiper-dots*/
.swiper-dots .swiper-pagination-bullet{width:0.24rem;height:0.24rem;background-color:transparent;border-radius:0;opacity:0.5;display:block;border:0.02rem solid transparent;position:relative;transform:skew(-16.2602deg);}
.swiper-dots .swiper-pagination-bullet:after{width:50%;height:50%;border:0.02rem solid #fff;content:'';display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.swiper-dots .swiper-pagination-bullet-active{border-color:var(--main-color);opacity:1;margin:0 0.1rem;}
.swiper-dots .swiper-pagination-bullet-active:after{border-color:#ff4e4e;background-color:#ff4e4e;}

/*slides*/
#slides{color:#fff;}
#slides .figure{padding-bottom:50%;}
#slides .img{transform:scale(1.5);transition-duration:2s;}
#slides .info{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;z-index:3;}
#slides .fadeup{transform:translateY(50%);opacity:0;--duration:1.5s;}
#slides .title{font-size:0.72rem;line-height:1.2em;font-style:italic;}
#slides .text{width:38.19444444%;transform:translateX(-50%);opacity:0;--duration:1.5s;}
#slides .text .title{font-size:0.6rem;line-height:1em;}
#slides .intro{font-size:0.18rem;line-height:1.125em;font-weight:bold;max-width:18.33333333em;font-style:italic;}
#slides .button-more{margin-top:0.6rem;}
#slides .image{width:61.11111111%;transform:translateX(50%);opacity:0;--duration:1.5s;}
#slides .image i{display:block;overflow:hidden;padding-bottom:61.36363636%;background:no-repeat center center;background-size:contain;}
#slides .video{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;}
#slides video{display:block;width:100%;height:100%;object-fit:cover;}
#slides .swiper-pagination{left:50%;transform:translateX(-50%);bottom:5%;}
#slides .swiper-slide-active .fadeup{transform:translateY(-50%);opacity:1;}
#slides .swiper-slide-active .img{transform:scale(1);}
#slides .swiper-slide-active .text,#slides .swiper-slide-active .image{opacity:1;transform:translateX(0);}
@media only screen and (max-width:1024px){
    #slides .title{font-size:0.4rem!important;}
    #slides .image{width:50%;}
    #slides .text{width:45%;}
    #slides .text .title{font-size:0.36rem;}
    #slides .intro{font-size:0.16rem;}
}
@media only screen and (max-width:750px){
    #slides .figure{padding-bottom:100%;}
    #slides .inner{flex-direction:column-reverse;align-items:center;}
    #slides .text{width:100%;align-items:center;margin-top:0.15rem;}
    #slides .font-right{text-align:center;}
    #slides .button-more{margin-top:0.2rem;}
}

/*mouse*/
@keyframes mouse{
    0%{transform:translateY(0%);opacity:2;}
    100%{transform:translateY(80%);opacity:0.5;}
}
.mouse{position:absolute;left:6.25%;bottom:3.125%;z-index:5;width:0.2rem;height:0.3rem;border:0.02rem solid #fff;border-radius:0.1rem;}
.mouse:after{width:0.02rem;height:0.05rem;background-color:#fff;border-radius:0.01rem;content:'';display:block;position:absolute;left:50%;top:0.07rem;margin-left:-0.01rem;animation:mouse 1s ease-out 0s infinite;}

/*home-box*/
.home-box{overflow:hidden;position:relative;}

/*module-name*/
.module-name{font-size:0.40rem;position:relative;font-style:italic;line-height:1.35em;margin:0;}
.module-name:before{width:0.28333333em;height:0.83333333em;background-color:var(--main-color);content:'';display:block;position:absolute;left:-0.06em;top:0.15em;transform:skew(-20deg);}
.module-name span{position:relative;z-index:2; display:block; padding-right:0.1rem;}
.module-name.ml{margin-left:0.25em;}

/*module-title*/
.module-title{font-size:0.36rem;line-height:1.1em;font-style:italic;}

/*module-intro*/
.module-intro{font-size:0.18rem;line-height:1.33333333em;font-style:italic;}
@media only screen and (max-width:750px){
    .module-name{font-size:0.4rem;}
    .module-title{font-size:0.28rem;}
}

/*skew-image*/
.skew-image{overflow:hidden;position:relative;z-index:2;  /**/  /**/

/**/}
.skew-image:before{display:block;content:'';}
.skew-image .skew-figure{position:absolute;left:0;top:0;height:100%;width:100%;}
.skew-image .skew-img{width:100%;height:100%;object-fit:cover;display:block;}
.skew-image .skew-box{width:124.2%;margin-left:-12.1%;position:absolute;left:0;top:0;height:100%;}
.skew-image .skew-bg{width:100%;height:100%;background:no-repeat center center;background-size:cover;transition:all 0.3s;display:block;}

/*news*/
#news{padding:1.7rem 0 1.3rem;padding:8.85416667% 0 6.77083333%;}
#news .module-hgroup{margin-bottom:-0.25rem;}
#news .module-intro{max-width:17.22222222em;}
#news .tag{background-color:var(--main-color);}
#news .tag i{font-style:normal;padding:0 1em;}
#news .title{font-size:0.24rem;line-height:1.25em;font-weight:500;}
#news .istop{margin-bottom:0.6rem;padding-right:0.33rem;}
#news .istop .swiper,#news .istop .swiper-slide{overflow:visible;will-change:transform;}
#news .istop .swiper-wrapper{will-change:transform;}
#news .istop .skew-image{width:43.5985%;}
#news .istop .skew-image:before{padding-bottom:82.8%;}
#news .istop .skew-image:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:0.5;transition:all 0.2s;}
#news .istop .text{width:57%;position:relative;padding:0.35rem 0.4rem 0.43rem 0;}
#news .istop .text:before{background-color:#eee;content:'';display:block;position:absolute;top:0;height:100%;right:-20%;width:100vw;}
#news .istop .box{position:relative;z-index:2;}
#news .istop .tag{margin-bottom:0.18rem;}
#news .istop .title{font-weight:bold;max-height:3.75em;margin-bottom:0.17rem;}
#news .istop .excerpt{font-size:0.18rem;line-height:1.33333333em;min-height:calc(1.33333333 * 3em);margin-bottom:0.16rem;max-width:6.3rem;}
#news .istop .date{font-size:0.18rem;line-height:1.66666667em;}
#news .istop a{padding-right:4.86111111%;}
#news .istop a:hover .skew-bg{transform:scale(1.05);}
#news .istop .swiper-slide-active .skew-image:after{opacity:0;}
#news .list{margin-bottom:0.1rem;}
#news .list .item{border-bottom:1px solid #ddd;padding-bottom:0.22rem;margin-bottom:0.5rem;}
#news .list .tag{margin-right:0.18rem;display:inline-block;}
#news .list .date{position:absolute;right:0;top:0;}
#news .list a{padding-left:0.06rem;padding-right:1rem;position:relative;}
#news .swiper-slide-prev {z-index: 100!important;}
@media only screen and (max-width:1024px){
    #news .module-hgroup{margin-bottom:0.4rem;}
    #news .istop .title{max-height:2.5em;-webkit-line-clamp:2;line-clamp:2;}
    #news .excerpt{max-height:2.66666667;-webkit-line-clamp:2;line-clamp:2;}
    #news .skew-image,#news .text{width:50%;}
}
@media only screen and (max-width:750px){
    #news{padding:0.8rem 0;}
    #news .istop{padding-right:0;margin-bottom:0.4rem;}
    #news .istop .text{width:100%;background-color:#eee;padding:0.3rem;}
    #news .istop .text:before{display:none;}
    #news .istop .skew-image{width:100%;transform:none;}
    #news .istop .skew-box{transform:none;width:100%;margin-left:0;}
    #news .istop a{flex-wrap:wrap;}
    #news .list .item{margin-bottom:0.35rem;}
    #news .list span{display:block;}
    #news .list .title{margin-top:0.15rem;}
    #news .list a{white-space:normal;padding-right:0;}
}

/*certicon*/
#certicon{background-color:#eee;min-height:7rem;}
#certicon .module-name{margin-bottom:0.67rem;}
@media only screen and (max-width:1024px){
    #certicon .module-name{margin-bottom:0.5rem;}
}

/*swiper-arrows*/
.swiper-arrows{position:relative;}
.swiper-arrows .arrow{width:0.5rem;height:0.5rem;background-color:rgba(45,44,44,0.2);display:flex;justify-content:center;align-items:center;cursor:pointer;}
.swiper-arrows .arrow:hover{background-color:var(--main-color);}
.swiper-arrows i{display:block;width:22%;padding-bottom:40%;background:no-repeat center center;background-size:contain;}
.swiper-arrows .prev{margin-right:0.21rem;}
.swiper-arrows .prev i{background-image:url(../images/swiper_prev_01.svg);}
.swiper-arrows .next i{background-image:url(../images/swiper_next_01.svg);}
.swiper-arrows .swiper-button-disabled{cursor:default;background-color:rgba(45,44,44,0.1);}
.swiper-arrows .swiper-button-disabled:hover{background-color:rgba(45,44,44,0.1);}
@media only screen and (max-width:750px){
    .swiper-arrows .arrow{width:0.4rem;height:0.4rem;}
}

/*partner*/
#partner{width:46.94%;padding:1.4rem 2.4rem 1rem 0.8rem;}
#partner .list{width:6rem;max-width:100%;}
#partner .swiper-slide{display: flex;flex-wrap: wrap;}
#partner .figure{padding-bottom:calc(70 / 581 * 100%); margin-bottom: 0.6rem; width: calc((100% - 0.1rem * 2) / 3);}
#partner .figure:not(:nth-child(3n)) {margin-right: 0.1rem;}
#partner .img {filter:grayscale(100%); object-fit: contain;} 
#partner .img:hover {filter: grayscale(0);}
#partner .swiper-arrows{margin-top:0.4rem;}
#partner .swiper-button-disabled {display:none;}
@media only screen and (max-width:1280px){
    #partner{width:46%;padding-right:5%;}
}
@media only screen and (max-width:1024px){
    #partner{width:100%;padding:0.7rem 3.125%;}
    #partner .list{width:auto;}
}

/*certs*/
#certs{width:53.06%;margin-left:-5.5%;padding-left:5.5%;position:relative;overflow:hidden;}
#certs .bg{position:absolute;left:0;top:0;width:100%;width:110.29411765%;height:100%;background:no-repeat center center;background-size:cover;}
#certs .bg:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(34,34,34,0.8);}
#certs .info{padding:1.4rem 1.48rem 1rem 2.3rem;}
#certs .list{--margin:0.1rem;}
#certs .item{margin-bottom:0.6rem;--padding:0.1rem;}
#certs .figure{padding-bottom:41.17647059%;}
#certs .img{object-fit:contain;}
@media only screen and (max-width:1280px){
    #certs{width:54%;margin-left:-6.99%;padding-left:6.99%;}
    #certs .bg{width:112%;}
    #certs .info{padding-left:0.7rem;}
}
@media only screen and (max-width:1024px){
    #certs{width:100%;width:115.625%;margin:0 -7.8125%;padding:0 7.8125%;}
    #certs .bg{width:100%;}
    #certs .info{padding:0.7rem 3.125% 0.5rem;}
    #certs .item{width:20%;}
}
@media only screen and (max-width:750px){
    #certs{width:150%;margin:0 -25%;padding:0 25%;}
    #certs .item{width:33.333%;}
}

/*mask-box*/
.mask-box{width:100%;height:100%;position:absolute;left:0;top:0;z-index:5;pointer-events:none;}
.mask-box .mask{width:100%;height:100%;position:absolute;left:0;top:0;will-change:transform;}
.mask-box .mask-color{background-color:var(--main-color);transform:scale(0.9);}
.mask-box .mask-logo{background:url(../images/mask_logo.svg) no-repeat center center;background-size:cover;z-index:2;transform:scale(1.05);}
@media only screen and (max-width:750px){
    .mask-box .mask-logo{background-size:100% auto;}
    .mask-box .mask-logo:before,.mask-box .mask-logo:after{width:100%;height:40%;content:'';display:block;position:absolute;left:0;background-color:#fff;}
    .mask-box .mask-logo:before{top:0;}
    .mask-box .mask-logo:after{bottom:0;}
}

/*about*/
#about{position:relative;}
#about .video{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;}
#about video{width:100%;height:100%;object-fit:cover;display:block;}
#about .inner{position:relative;z-index:5;}
#about .text{min-height:9.6rem;width:63.47222222%;max-width:6.72rem;}
#about .module-title{max-width:10.38888889em;margin-top:0.77777778em;}
#about .intro{font-size:0.18rem;line-height:1.66666667em;margin-top:0.3rem;}
#about .button-more{margin-top:0.55rem;}
#about .data{width:44.44444444%;background-color:var(--main-color);height:100%;min-height:9.6rem;margin-right:-2.65rem;padding-right:1.45rem;padding-left:1.35rem;}
#about .data .box{width:100%;}
#about .data li{border-bottom:1px solid rgba(255,255,255,0.5);font-weight:500;line-height:1.5em;padding-bottom:0.24rem;margin-bottom:0.85rem;position:relative;}
#about .data li:last-child{margin-bottom:0;}
#about .data li:after{content:'';display:block;position:absolute;left:0;bottom:-1px;background-color:#fff;width:0;height:1px;}
#about .data .num{font-size:0.72rem;line-height:0.8em;}
#about .data sup{font-size:0.66666667em;line-height:1em;margin-left:0.05rem;}
#about .active li:after{width:33.333%;transition:all 1s;}
@media only screen and (max-width:1280px){
    #about .data{margin-right:-1.65rem;padding-right:1.65rem;}
}
@media only screen and (max-width:1024px){
    #about .wrap{min-height:100vh;padding:0.7rem 0;display:flex;align-items:center;}
    #about .text{max-width:none;width:100%;min-height:0;margin-bottom:0.7rem;}
    #about .data{width:100%;margin-right:0;padding:0.7rem 0.5rem;min-height:0;transform:none;}
    #about .data .box{transform:none;}
    #about .data ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
    #about .data li{width:30%;margin-bottom:0;}
}
@media only screen and (max-width:750px){
    #about .text{margin-bottom:0.5rem;}
    #about .intro{margin-top:0.2rem;}
    #about .button-more{margin-top:0.35rem;}
    #about .data{padding:0.35rem;}
    #about .data li{width:100%;margin-bottom:0.35rem;}
    #about .data .num{font-size:0.4rem;}
}

/*skew-product*/
.skew-product .skew-image{background-image:linear-gradient(180deg,#e0e0e0 0%,#ffffff 100%);}
.skew-product .skew-image:before{padding-bottom:145%;}
.skew-product .skew-figure{width:81.03448276%;height:85.61236623%;left:7.63888889%;top:7.14285714%;}
.skew-product .skew-img{object-fit:contain;}
.skew-product .text{position:relative;z-index:2;}
.skew-product .name{font-size:0.18rem;line-height:1.35em;}
.skew-product .num{font-size:0.16rem;line-height:1.875em;font-weight:500;}
.skew-product .intro{line-height:1.5em;max-height:12em;margin-top:0.2rem;visibility:hidden;opacity:0;}
.skew-product .intro p{position:relative;padding-left:0.75em;}
.skew-product .intro p:before{border-left:0.3125em solid #666;border-top:0.3125em solid transparent;border-bottom:0.3125em solid transparent;content:'';display:block;position:absolute;left:0;top:0.5625em;}
.skew-product .tag{color:#fff;background-color:var(--main-color);display:block;margin:0 0.06rem;font-weight:600;position:absolute;top:0.1rem;right:-16.66666667%;z-index:9;}
.skew-product .tag i{display:block;padding:0 0.75em;}
.skew-product .info{position:relative;display:block;}
.skew-product .info:hover .skew-img{transform:scale(1.05);}
.skew-product .info:hover .name{color:var(--main-color);}

/*swiper-controls*/
.swiper-controls .swiper-pagination-progressbar.swiper-pagination{width:6rem;max-width:calc(100% - 1.65rem);position:relative;left:auto;top:auto;height:0.04rem;background-color:#eee;border-radius:0.02rem;margin-right:0.45rem;overflow:hidden;}
.swiper-controls .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color:var(--main-color);border-radius:0.03rem;}

/*product*/
#product{padding:5.98958333% 0 8.59375%;}
#product .module-title{max-width:8.75em;}
#product .list {user-select: none;}
#product .swiper{width:4.2rem;max-width:100%;overflow:visible;padding:0 0.65rem;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
#product .swiper-slide{overflow:visible;}
#product .swiper-slide-active .name{color:var(--main-color);}
#product .swiper-slide-active .intro{visibility:visible;opacity:1;}
#product .swiper-controls{margin-top:0.48rem;}
#product .tag {right:0.05rem;--deg:0;}
#product .skew-image {-webkit-user-select:none; user-select: none;}
@media only screen and (max-width:750px){
    #product{padding:0.7rem 0;}
    #product .module-hgroup{margin-bottom:0.5rem;}
}

/*bottom-bar*/
#bottom-bar{position:fixed;left:0;bottom:0;width:100%;z-index:8;background-color:rgba(238,238,238,0.9);transform:translateY(0);}
#bottom-bar.ishide{transform:translateY(100%);opacity:0;visibility:hidden;}
#bottom-bar .info{margin-bottom:0;padding:0;}
#bottom-bar .hgroup{width:4.6rem;color:#fff;font-style:italic;position:relative;margin-bottom:0;padding:0.15rem 0.6rem 0.15rem 0;text-align:right;}
#bottom-bar .hgroup:before{content:'';display:block;position:absolute;right:0;width:50vw;top:0;height:100%;background-color:var(--main-color);--deg:-16.2602deg;transform:skew(var(--deg));}
#bottom-bar .hgroup:before .skew{--deg:16.2602deg;}
#bottom-bar .hgroup .title,#bottom-bar .hgroup .intro{font-size:0.16rem;line-height:1.15em;position:relative;z-index:2;}
#bottom-bar .hgroup .intro{font-weight:500;}
#bottom-bar .form{width:calc(100% - 4.6rem);padding:0.15rem 0.2rem 0.15rem 0.6rem;}
#bottom-bar .form .input{background-color:#fff;width:31.8098604%;}
#bottom-bar .form .submit{width:31.8098604%;}
#bottom-bar .close{position:absolute;right:0;top:0;background:url(../images/close_01.svg) no-repeat center center;background-size:contain;z-index:2;width:0.2rem;height:0.2rem;cursor:pointer;right:0.15rem;top:0.15rem;}
#bottom-bar .subscribe .text {color:var(--font-color);}
@media only screen and (max-width:1024px){
    #bottom-bar .form{padding-left:0.35rem;}
}
@media only screen and (max-width:750px){
    #bottom-bar .hgroup{width:100%;text-align:left;padding:0.15rem 0.4rem 0.15rem 0;}
    #bottom-bar .hgroup:before{transform:translateX(50%);width:100vw;right:50%;}
    #bottom-bar .form{width:100%;padding:0.15rem 0;}
    #bottom-bar .form .submit{width:25%;}
    #bottom-bar .form .input{width:35%;}
    #bottom-bar .close{filter:brightness(100);}
}

/*banner*/
#banner{background:no-repeat center center;background-size:cover;padding-bottom:35.41666667%;position:relative;}
#banner:after{width:8.48958333%;padding-bottom:28.22916667%;background:url(../images/banner_triangle.svg) no-repeat right bottom;background-size:contain;content:'';display:block;position:absolute;right:0;bottom:0;z-index:2;}
#banner .swiper{position:absolute;left:0;top:0;width:100%;height:100%;}
#banner .figure{height:100%;}
#banner .swiper-slide .banner-text{transform:translateY(0);}
#banner .swiper-slide-duplicate-active .banner-text,#banner .swiper-slide-active .banner-text{transform:translateY(-50%);--duration:1s;}
#banner .swiper-pagination{position:absolute;left:50%;transform:translateX(-50%);bottom:1rem;}
#banner .module-name {font-size:0.48rem;}
@media only screen and (max-width:1024px){
    #banner{padding-bottom:75%;}
}
@media only screen and (max-width:750px){
    #banner .module-name{font-size:0.36rem;}
    #banner .swiper-pagination{bottom:0.8rem;}
}

/*banner-text*/
.banner-text{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;z-index:2;color:#fff;}
.banner-text .intro{font-size:0.18rem;line-height:1.66666667em;margin-top:0.1rem;}

/*banner-bar*/
.banner-bar{position:absolute;left:0;bottom:0;width:100%;z-index:5;}
.banner-bar:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:1px;background-color:rgba(255,255,255,0.1);}

/*submenu*/
.submenu{position:relative;z-index:2;overflow-x:auto;-webkit-overflow-scrolling:touch;color:#fff;padding:0 0.125rem;}
.submenu ul{width:max-content;}
.submenu li{font-size:0.18rem;line-height:2em;}
.submenu a{display:block;white-space:nowrap;color:#fff;padding:0.22rem 1.38888889em;}
.submenu i{display:block;}
.submenu .cur a,.submenu a:hover{background-color:var(--main-color);}
@media only screen and (max-width:750px){
    .submenu a{padding:0.15rem 1em;}
}

/*wrapper*/
#wrapper{overflow:hidden;position:relative;padding:6.25% 0;}
#wrapper.spt {padding-top: 3.5%;}
#wrapper:before,#wrapper:after{content:'';display:block;position:absolute;background:no-repeat center center;background-size:contain;}
#wrapper:before{left:0;bottom:0;width:38.75%;padding-bottom:50%;background-image:url(../images/wrapper_before.png);}
#wrapper:after{right:0;top:0;width:16.5625%;padding-bottom:25.98958333%;background-image:url(../images/wrapper_after.png);}
#wrapper.no-before:before{display:none;}
#wrapper > .inner{position:relative;z-index:2;}
@media only screen and (max-width:750px){
    #wrapper{padding:0.7rem 0;}
    #wrapper.spt {padding-top: 0.35rem;}
}

/*pagenavi*/
#pagenavi{font-weight:500;}
#pagenavi span,#pagenavi a{display:flex;height:3.125em;align-items:center;justify-content:center;color:#555;min-width:3.125em;margin:0.3125em;transition:all 0.2s;}
#pagenavi i{font-style:normal;display:block;}
#pagenavi a:hover,#pagenavi .a_cur{background-color:var(--main-color);color:#fff;}
#pagenavi .a_prev,#pagenavi .a_next{background-color:rgba(45,44,44,0.2);}
#pagenavi .a_prev i,#pagenavi .a_next i{width:20%;padding-bottom:40%;background:no-repeat center center;background-size:contain;text-indent:-9999em;}
#pagenavi .a_prev{margin-right:1.125em;}
#pagenavi .a_prev i{background-image:url(../images/swiper_prev_01.svg);}
#pagenavi .a_next{margin-left:1.125em;}
#pagenavi .a_next i{background-image:url(../images/swiper_next_01.svg);}
@media only screen and (max-width:750px){
    #pagenavi span,#pagenavi a{margin:0.15em;}
    #pagenavi .a_prev{margin-right:0.15em;}
    #pagenavi .a_next{margin-left:0.15em;}
}

/*newslist*/
#newslist{overflow:hidden;margin-bottom:0.25rem;--margin:0.45rem;}
#newslist .item{--padding:0.45rem;}

/*itag*/
.itag{color:#fff;background-color:var(--main-color);display:block;margin:0 0.06rem;}
.itag i{display:block;padding:0 1em;}

/*nitem*/
.nitem{margin-bottom:0.6rem;}
.nitem .figure{padding-bottom:66.66666667%;}
.nitem .itag{position:absolute;right:0.2rem;bottom:0.15rem;}
.nitem .text{position:relative;margin-top:0.2rem;}
.nitem .title{font-size:0.24rem;line-height:1.41666667em;height:2.66666667em;font-weight:500;margin-bottom:0.17rem;}
.nitem .excerpt{font-size:0.18rem;line-height:1.33333333em;height:2.66666667em;margin-bottom:0.24rem;}
.nitem a{display:block;overflow:hidden;}
.nitem a:hover .img{transform:scale(1.05);}
@media only screen and (max-width:750px){
    .nitem{margin-bottom:0.4rem;}
}

/*newstop*/
#newstop{margin-bottom:6.94444444%;position:relative;}
#newstop .figure{width:50%;}
#newstop .figure a{padding-bottom:66.66666667%;}
#newstop .figure a:hover .img{transform:scale(1.05);}
#newstop .text{width:44.44444444%;}
#newstop .itag{float:left;margin-bottom:0.18rem;}
#newstop .title{font-size:0.36rem;line-height:1.22222222em;font-weight:600;height:2.44444444em;margin-bottom:0.22rem;}
#newstop .excerpt{font-size:0.18rem;line-height:1.33333333em;height:4em;margin-bottom:0.18rem;}
#newstop .date{font-size:0.2rem;line-height:1.5em;font-weight:500;font-style:italic;margin-bottom:0.5rem;}
#newstop .button-more{margin-left:0.06rem;}
#newstop .swiper-pagination{left:auto;right:0;bottom:0;margin-bottom:4.375%;}
#newstop .swiper-pagination-bullet:after{border-color:#666;}
#newstop .swiper-pagination-bullet-active:after{border-color:var(--main-color);}
@media only screen and (max-width:1024px){
    #newstop .figure{width:100%;margin-bottom:0.35rem;}
    #newstop .text{width:100%;}
    #newstop .excerpt{height:2.66666667em;-webkit-line-clamp:2;line-clamp:2;}
    #newstop .date{margin-bottom:0.3rem;}
    #newstop .swiper-pagination{margin-bottom:0;bottom:0.11rem;}
}
@media only screen and (max-width:750px){
    #newstop{margin-bottom:0.5rem;}
    #newstop .title{font-size:0.3rem;}
}

/*noban*/
.noban #header{background-color:#fff;}
.noban #header [data-filter="brightness"]{filter:none;}
.noban #header #navi a{color:var(--font-color);}

/*minbar*/
#minbar{background-color:#f4f4f4;border-bottom:1px solid #ddd;overflow:hidden;}

/*breadcrumb*/
.breadcrumb{font-size:0.18rem;line-height:2em;padding:0.12rem 0;color:#666;}
.breadcrumb a:not(:hover){color:#666;}
.breadcrumb span{font-weight:600;color:#222;}
.breadcrumb i{font-style:normal;margin:0 0.1rem;}

/*minwrap*/
#minwrap{overflow:hidden;position:relative;background:#fff url(../images/minwrap_bg.png) no-repeat left bottom;background-size:48.80208333% auto;padding:4.42708333% 0 6.25%;min-height:100vh;}
#minwrap:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#fff url(../images/minwrap_before.png) no-repeat center top;background-size:100% auto;z-index:2;}
#minwrap.pdt{padding:0.6rem 0;}
#minwrap .inner{position:relative;z-index:3;}
@media only screen and (max-width:750px){
    #minwrap{padding:0.6rem 0 0.8rem;}
}

/*npost*/
#npost .title{font-size:0.36rem;line-height:1.22222222em;font-weight:600;margin-bottom:0.2rem;}
#npost .meta{font-size:0.2rem;line-height:1.5em;font-weight:500;font-style:italic;margin-bottom:0.25rem;}
#npost .meta span{display:block;margin:0 1em;}
#npost .entry{font-size:0.18rem;line-height:1.66666667em;overflow:hidden;}
#npost .tags span{display:block;background-color:#e6e6e6;margin:0.06rem;}
#npost .tags i{display:block;padding:0 0.7em;}
#npost .other{border-top:1px solid #ddd;margin-top:0.75rem;padding-top:0.35rem;}
#npost .pnavi{max-width:calc(100% - 3rem);}
#npost .pnavi a{font-weight:500;}
@media only screen and (max-width:750px){
    #npost .title{font-size:0.28rem;}
    #npost .meta{margin-bottom:0.1rem;}
    #npost .other{flex-direction:column;}
    #npost .pnavi{max-width:100%;margin-bottom:0.25rem;}
}

/*category*/
.category{margin-bottom:4.86111111%;}
.category .tab{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0;font-size:0.18rem;color:#333;line-height:2.77777778em;width:10.55555556em;margin-right:0.32rem;margin-bottom:0.1rem;cursor:pointer;}
.category .tab:last-child{margin-right:0;}
.category i{display:block;}
.category .tab:hover,.category .cur{background-color:var(--main-color);color:#fff;}
@media only screen and (max-width:750px){
    .category{margin-bottom:0.5rem;}
    .category .tab{width:8em;margin-right:0.1rem;}
}

/*ritem*/
.ritem{margin-bottom:6.94444444%;}
.ritem:last-child{margin-bottom:0;}
.ritem .figure{width:48.61111111%;}
.ritem .figure:after{display:block;padding-bottom:66.57142857%;}
.ritem .text{width:46.52777778%;}
.ritem .intro{font-size:0.18rem;line-height:1.66666667em;margin-top:0.34rem;}
.ritem:nth-child(2n){flex-direction:row-reverse;}
.ritem:hover .img{transform:scale(1.05);}
@media only screen and (max-width:1024px){
    .ritem .figure{width:100%;margin-bottom:0.35rem;}
    .ritem .text{width:100%;}
    .ritem .intro{margin-top:0.15rem;}
}
@media only screen and (max-width:750px){
    .ritem{margin-bottom:0.5rem;}
}

/*prolist*/
#prolist{margin-top:0.3rem;margin-bottom:0.15rem;}
@media only screen and (min-width:750px){
    #prolist{--margin:0.3rem;margin-top:0.43rem;}
    #prolist .item{--padding:0.3rem;}
}

/*button-compare*/
.button-compare{position:relative;z-index:5;}
.button-compare .add{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,0.1);color:#333;height:2.5em;cursor:pointer;width:7.5em;}
.button-compare i{display:block;}
.button-compare .add:hover,.button-compare .disable{background-color:var(--main-color);border-color:var(--main-color);color:#fff;}

/*pitem*/
.pitem{padding-bottom:0.17rem;}
.pitem .box{background-image:linear-gradient(180deg,#e0e0e0 0%,#ffffff 80%);padding:12.90801187%;overflow:hidden;}
.pitem .info{display:block;}
.pitem .itag {position: absolute; right: 15%; top:0.2rem;}
.pitem .figure{margin-bottom:0.22rem;padding-bottom:100%;overflow: visible;}
.pitem .figure .img {object-fit: contain;}
.pitem .title{font-size:0.18rem;line-height:1.66666667em;}
.pitem .button-compare{margin-top:0.11rem;}
.pitem .box:hover .title{color:var(--main-color);}
.pitem .box:hover .img{transform:scale(1.05);}
@media only screen and (max-width:750px){
    .pitem.item{width:50%;}
}

/*jobtop*/
.jobtop{margin-bottom:0.45rem;}
.jobtop .module-name{white-space:nowrap;}
.jobtop .search{border-bottom:1px solid #ddd;width:100%;padding:0.09rem 0.2rem;}
.jobtop .input{width:3.2rem;max-width:100%;position:relative;padding-right:0.3rem;}
.jobtop .text{height:1.875em;line-height:1.875em;display:block;width:100%;}
.jobtop .submit{width:0.3rem;height:100%;background:url(../images/search_01@2x.png) no-repeat center center;background-size:60% auto;position:absolute;right:0;top:0;}
.jobtop input::-moz-placeholder{opacity:1;color:#555;}
.jobtop input:-moz-placeholder{opacity:1;color:#555;}
.jobtop input::-webkit-input-placeholder{opacity:1;color:#555;}
.jobtop input:-ms-input-placeholder{opacity:1;color:#555;}
.jobtop textarea::-moz-placeholder{opacity:1;color:#555;}
.jobtop textarea:-moz-placeholder{opacity:1;color:#555;}
.jobtop textarea::-webkit-input-placeholder{opacity:1;color:#555;}
.jobtop textarea:-ms-input-placeholder{opacity:1;color:#555;}
@media only screen and (max-width:750px){
    .jobtop{flex-direction:column;}
    .jobtop .search{margin-top:0.1rem;}
    .jobtop .input{width:100%;}
}

/*jobbtm*/
.jobbtm .entry{font-size:0.18rem;line-height:1.66666667em;}
.jobbtm .box{padding:0.17rem 0;}
.jobbtm .name{font-size:0.24rem;line-height:1.25em;font-weight:600;margin-bottom:0.1rem;}
.jobbtm .button-more{margin-top:0.55rem;margin-left:0.1rem;}
@media only screen and (max-width:1024px){
    .jobbtm .button-more{margin-top:0.25rem;}
}

/*joblist*/
.joblist{width:47.22222222%;}
@media only screen and (max-width:1024px){
    .joblist{width:100%;}
}


/*jitem*/
.jitem{background-color:#eee;margin-right:0.3rem;position:relative;margin-bottom:0.3rem;}
.jitem .cont{display:none;}
.jitem .title{font-weight:500;font-size:0.24rem;line-height:1.66666667em;cursor:pointer;padding:1.25em 2.08333333em 1.25em 1.25em;position:relative;}
.jitem .arrow{background-color:var(--main-color);width:0.5rem;height:0.5rem;position:relative;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;position:absolute;right:-0.23rem;top:50%;margin-top:-0.25rem;}
.jitem .arrow i{display:block;width:22%;padding-bottom:40%;background:url(../images/arrow_right_01.svg) no-repeat center center;background-size:contain;filter:brightness(100);}
.jitem:hover .title,.jitem.active .title{background-color:var(--main-color);color:#fff;}
.jitem:hover .arrow,.jitem.active .arrow{background-color:#eeeeee;}
.jitem:hover .arrow i,.jitem.active .arrow i{filter:none;}
@media only screen and (max-width:1024px){
    .jitem{margin-right:0;}
    .jitem .arrow{display:none;}
    .jitem .title{font-size:0.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0.25rem;}
    .jitem .cont{padding:0.15rem 0.25rem 0.3rem;}
    .jitem.active .title{white-space:normal;}
}

/*jobcont*/
.jobcont{width:50%;padding:4.86111111% 5.55555556% 5.55555556%;background-color:#eeeeee;}
.jobcont .title{font-size:0.48rem;line-height:1.25em;border-bottom:1px solid #ddd;padding-bottom:0.41666667em;margin-bottom:0.14rem;}
@media only screen and (max-width:1024px){
    .jobcont{display:none;}
}

/*boxbar*/
.boxbar{position:relative;margin-bottom:0.5rem;}
.boxbar:after,.boxbar .name:after{content:'';display:block;position:absolute;left:0;height:0.04rem;border-radius:0.02rem;bottom:0;width:100%;background-color:#eee;}
.boxbar .name{font-size:0.18rem;line-height:1.5em;position:relative;padding-bottom:0.88888889em;z-index:2;}
.boxbar .name:after{background-color:var(--main-color);}
@media only screen and (max-width:750px){
    .boxbar{margin-bottom:0.35rem;}
}

/*proapp*/
.proapp ul{--margin:0.3rem;}
.proapp li{--padding:0.3rem;}
.proapp li:nth-child(n+5){padding-top:0.3rem;}
.proapp .figure{padding-bottom:100%;margin-bottom:0.14rem;}
.proapp .title{font-size:0.18rem;line-height:1.33333333em;font-weight:500;}
.proapp .info{display:block;overflow:hidden;}
.proapp .info:hover .img{transform:scale(1.05);}
@media only screen and (max-width:1024px){
    .proapp .item{width:25%;}
}
@media only screen and (max-width:750px){
    .proapp .item{width:50%;}
    .proapp .item:nth-child(n+3){padding-top:0.2rem;}
}

/*promid*/
.promid{overflow:hidden;}
.promid .box{width:48.61111111%;margin-bottom:6.25%;}
@media only screen and (max-width:1024px){
    .promid .box{width:100%;margin-bottom:0.35rem;}
}

/*profeat*/
.profeat .intro{line-height:1.5em; font-size:0.18rem;}
.profeat .intro p{position:relative;padding-left:1.0625em;}
.profeat .intro p:before{background-color:var(--main-color);width:0.3125em;height:0.3125em;--deg:-16.2602deg;transform:skew(var(--deg));content:'';display:block;position:absolute;left:0;top:0.59375em;}
.profeat .intro p:before .skew{--deg:16.2602deg;}
.profeat .intro p:last-child{margin-bottom:0;}

/*prometa*/
.prometa .module-name{font-size:0.24rem;}
.prometa .data{font-size:0.18rem;line-height:1.33333333em;}
.prometa table{table-layout:fixed;}
.prometa td{border-bottom:1px solid #eee;padding:0.05rem 0.05rem 0.05rem 0;height:0.58rem;}
.prometa td:first-child{width:40%;}

/*protop*/
.protop{margin-bottom:7.63888889%;position:relative;}
.protop:after{width:69.375%;padding-bottom:12.91666667%;background:url(../images/product_logo_01.svg) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;bottom:0;right:-2.4rem;}
@media only screen and (max-width:750px){
    .protop{margin-bottom:0.5rem;}
    .protop:after {right:0;}
}

/*proimg*/
.proimg{width:52%;position:relative;z-index:2;}
.proimg .large{margin-bottom:0.32rem;}
.proimg .figure{padding-bottom:62%;}
.proimg .img {object-fit: contain;}
.proimg .small{padding:0 0.3rem;position:relative;}
.proimg .small .figure{background-color:#f0f0f0;cursor:pointer;}
.proimg .arrow{top:0;margin-top:0;width:0.2rem;height:100%;background-color:#f0f0f0;font-weight:bold;}
.proimg .arrow:after{content:'';width:30%;padding-bottom:50%;background:no-repeat center center;background-size:contain;}
.proimg .arrow:hover{background-color:#555555;}
.proimg .arrow:hover:after{filter:brightness(100);}
.proimg .swiper-button-prev{left:0;}
.proimg .swiper-button-prev:after{background-image:url(../images/swiper_prev_02.svg);}
.proimg .swiper-button-next{right:0;}
.proimg .swiper-button-next:after{background-image:url(../images/swiper_next_02.svg);}
@media only screen and (max-width:1024px){
    .proimg{width:48%;}
}
@media only screen and (max-width:750px){
    .proimg{width:100%;margin-bottom:0.5rem;}
}

/*vplay*/
.vplay{background-color:var(--main-color);color:#fff;font-weight:600;font-size:0.18rem;height:2.77777778em;width:6.66666667em;cursor:pointer;margin:0.36rem 0.1rem 0;max-width:calc(100% - 0.2rem);}
.vplay:before{content:'';display:block;position:absolute;left:0;top:0;width:0;height:100%;background-color:rgba(255,255,255,0.3);transition:width 0.2s;}
.vplay:hover:before{width:100%;}
.vplay i{display:block;position:relative;padding-right:1.22222222em;z-index:2;}
.vplay i:after{border-left:0.53125em solid #fff;border-top:0.34375em solid transparent;border-bottom:0.34375em solid transparent;content:'';display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);}

/*protext*/
.protext{width:37.22222222%;position:relative;z-index:2;}
.protext .number{font-weight:500;}
.protext .intro{line-height:1.5em;font-weight:500;margin-top:0.35rem;}
.protext .intro p{position:relative;padding-left:0.8125em;}
.protext .intro p:before{border-left:0.3125em solid #666;border-top:0.3125em solid transparent;border-bottom:0.3125em solid transparent;content:'';display:block;position:absolute;left:0;top:0.5625em;}
@media only screen and (max-width:750px){
    .protext{width:100%;}
}

/*popup*/
.popup{position:fixed;left:0;top:0;width:100%;height:100%;overflow-y:auto;background-color:rgba(0,0,0,0.75);z-index:10;-webkit-overflow-scrolling:touch;display:none;}
.popup .wrap{width:100%;min-height:100%;justify-content:center;align-items:center;padding:1vh 0;display:flex;}
.popup .box {background-color: #fff; width: 7rem; max-width: 90%; position: relative;padding:0.6rem 0.5rem 0.68rem;}
.popup .close {position: absolute; right:0.2rem; top:0.2rem; background: url(../images/close_01.svg) no-repeat center center; background-size: contain; cursor: pointer; width: 0.16rem; height: 0.16rem;}
.popup .box .close{background-image: url(../images/close_02.svg);}
.popup .message:before,.popup .message:after {display: none;}
.popup .message .module-name {margin-bottom: 0;}
.popup .module-intro {margin-left: 0.25rem;}
.popup .form {margin-top: 0.2rem;}
@media only screen and (max-width:750px){
    .popup .box {padding:0.5rem 0.35rem;}
}
/*vpopup*/
.vpopup video{display:block;width:auto;max-width:90vw;height:auto;max-height:90vh;}
.vpopup  iframe{width: 90%;max-width: 10rem;height:90vh;max-height: 7rem;background-color:#000;}
/*download-popup*/
.download-popup {background-color:rgba(0,0,0,0.5);}

/*solution*/
#solution{margin-bottom:7.63888889%;}
#solution .top{margin-bottom:0.32rem;}
#solution .alias{font-size:0.24rem;line-height:1.25em;font-weight:600;margin-bottom:5.20833333%;}
@media only screen and (max-width:750px){
    #solution{margin-bottom:0.5rem;}
    #solution .module-name{font-size:0.34rem;}
    #solution .alias{margin-bottom:0.5rem;}
}

/*sitem*/
.sitem{margin-bottom:5.55555556%;}
.sitem .pic{width:44.16666667%;padding:0 4.375%;}
.sitem .skew-image:before{padding-bottom:82.94117647%;display:block;}
.sitem .text{width:52.08333333%;padding:0 4.16666667%;}
.sitem .title{font-size:0.36rem;line-height:1.12em;font-style:italic;margin-bottom:0.83333333em;}
.sitem .intro{font-size:0.18rem;line-height:1.33333333em;}
.sitem:nth-child(2n){flex-direction:row-reverse;}
.sitem:last-child{margin-bottom:0;}
.sitem:hover .skew-img{transform:scale(1.05);}
@media only screen and (max-width:1024px){
    .sitem .text{padding:0;}
    .sitem .title{font-size:0.3rem;}
}
@media only screen and (max-width:750px){
    .sitem{margin-bottom:0.5rem;}
    .sitem .pic{width:100%;margin-bottom:0.35rem;padding:0 9.8%;}
    .sitem .text{width:100%;}
    .sitem .title{font-size:0.28rem;}
}

/*recommend*/
.recommend .module-name{font-size:0.36rem;margin-bottom:0.5rem;}
.recommend .module-name:before{display:none;}
.recommend .swiper{padding:0 4.51388889%;}
.recommend .swiper-slide{opacity:0;transition:opacity 0.2s;}
.recommend .swiper-slide:hover .skew-img{transform:scale(1.05);}
.recommend .swiper-slide:hover .name{color:var(--main-color);}
.recommend .swiper-slide-visible{opacity:1;}
.recommend .skew-figure{width:86%;padding-bottom:86%;height:auto;left:7%;top:20%;}
.recommend .skew-img{position:absolute;left:0;top:0;width:100%;height:100%;}
.recommend .text{margin-top:-23.80952381%;transform:translateX(-15%);}
.recommend .button-compare{margin-top:0.12rem;transform:translateX(-17%);}
.recommend .swiper-arrows{position:static;}
.recommend .prev{right:100%;}
.recommend .next{left:100%;}
.recommend .arrow{position:absolute;top:50%;z-index:5;margin-top:-0.25rem;}
@media only screen and (max-width:1024px){
    .recommend .swiper{padding:0 6.25%;}
    .recommend .prev{right:auto;left:-0.1rem;}
    .recommend .next{left:auto;right:-0.1rem;}
}
@media only screen and (max-width:750px){
    .recommend .module-name{margin-bottom:0.3rem;}
    .recommend .swiper{padding:0 15.64462245%;}
    .recommend .prev{left:0;}
    .recommend .next{right:0;}
}

/*innovation*/
.innovation{position:relative;z-index:5;margin-bottom:6.25%;}
.innovation .ipost-title{margin-top:0.32rem;}
.innovation .ipost-intro{margin-top:0.2rem;}
@media only screen and (max-width:750px){
    .innovation{margin-bottom:0.5rem;}
}

/*boundless*/
#boundless{background:no-repeat center center;background-size:cover;overflow:hidden;position:relative;z-index:2;color:#fff;}
#boundless:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4);}
#boundless .inner{position:relative;z-index:2;min-height:7.2rem;padding:0.5rem 0;}
#boundless .entry{font-size:0.24rem;line-height:1.66666667em;margin-top:0.4rem;text-align:center;}
@media only screen and (max-width:750px){
    #boundless .inner{padding:0.7rem 0;min-height:5rem;}
}

/*ipost*/
.ipost{margin-bottom:6.94444444%;}
.ipost:last-child{margin-bottom:0;}
@media only screen and (max-width:750px){
    .ipost{margin-bottom:0.6rem;}
}

/*ipost-title*/
.ipost-title{font-size:0.24rem;line-height:1.25em;font-weight:600;}

/*ipost-intro*/
.ipost-intro{font-size:0.18rem;line-height:1.33333333em;}
.ipost-intro *{line-height:1.33333333em;}

/*ipost-top*/
.ipost-top{border-bottom:1px solid #ddd;padding-left:0.07rem;font-size:0.36rem;margin-bottom:4.16666667%;}
.ipost-top .order{background-color:var(--main-color);color:#fff;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;line-height:1em;width:1.38888889em;height:1.38888889em;}
.ipost-top .order i{display:block;margin-top:0.25em;}
.ipost-top .name{font-size:1em;line-height:1.38888889em;font-style:italic;width:calc(100% - 2.223em);}
@media only screen and (max-width:750px){
    .ipost-top{font-size:0.3rem;margin-bottom:0.35rem;}
}

/*vltage*/
.vltage .pic{width:50%;padding:0 4.16666667%;}
.vltage .skew-image:before{padding-bottom:80%;display:block;}
.vltage .text{width:45.83333333%;}
.vltage .item{overflow:hidden;margin-bottom:0.2rem;}
.vltage .item:last-child{margin-bottom:0;}
.vltage .ipost-title{margin-bottom:0.83333333em;}
.vltage .ipost-title span{display:block;border-bottom:0.03rem solid var(--main-color);}
.vltage:hover .skew-img{transform:scale(1.05);}
@media only screen and (max-width:750px){
    .vltage .pic{width:100%;margin-bottom:0.35rem;padding:0 10%;}
    .vltage .text{width:100%;}
}

/*adaptation*/
.adaptation{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.adaptation table{table-layout:fixed;text-align:left;}
.adaptation tr:nth-child(2n){background-color:#f7f7f7;}
.adaptation th{font-size:0.24rem;line-height:1.25em;padding:0 2.77777778% 0.3rem;}
.adaptation td{color:#555;font-size:0.18rem;line-height:1.66666667em;padding:0.15rem 2.77777778%;}
@media only screen and (max-width:750px){
    .adaptation table{min-width:5.2rem;}
}

/*fortress*/
.fortress{--margin:0.4rem;}
.fortress .item{--padding:0.4rem;padding-bottom:0.4rem;}
.fortress .info{background-color:#f7f7f7;padding:0.4rem;}
.fortress .info:hover .img{transform:scale(1.05);}
.fortress .figure{width:2.5rem;margin-bottom:-0.63rem;}
.fortress .figure:after{padding-bottom:133.2%;display:block;}
.fortress .text{width:calc(100% - 3.1rem);}
.fortress .ipost-title{margin-bottom:0.17rem;}
@media only screen and (max-width:750px){
    .fortress .item:last-child{padding-bottom:0;}
    .fortress .figure{width:100%;margin-bottom:0.3rem;}
    .fortress .text{width:100%;}
}

/*engineering*/
.engineering{padding:6.73611111% 0;position:relative;}
.engineering:before{content:'';display:block;position:absolute;--deg:-16.2602deg;transform:skew(var(--deg));right:11.80555556%;top:0;height:100%;width:100vw;background-image:linear-gradient(270deg,#eee,#fff);}
.engineering:before .skew{--deg:16.2602deg;}
.engineering .figure{width:48.61111111%;}
.engineering .figure:after{display:block;padding-bottom:66.57142857%;}
.engineering .text{width:41.66666667%;position:relative;z-index:2;}
.engineering .item{margin-bottom:0.5rem;}
.engineering .item:last-child{margin-bottom:0;}
.engineering .ipost-title{margin-bottom:0.2rem;}
@media only screen and (max-width:1024px){
    .engineering .text{width:46%;}
}
@media only screen and (max-width:750px){
    .engineering{padding:0.5rem 0;}
    .engineering:before{right:1.2rem;}
    .engineering .text{width:75%;margin-bottom:0.5rem;}
    .engineering .figure{width:100%;}
}
/*benchmarking*/
.benchmarking {background: no-repeat center center; background-size: cover; min-height: 4.8rem; padding:0.5rem;}
/*about-intro*/
.about-intro{font-size:0.18rem;line-height:1.66666667em;}

/*responsibility*/
.responsibility{margin-top:6.51041667%;overflow:hidden;}
.responsibility .top{margin-bottom:0.57rem;}
.responsibility .top .title{font-size:0.24rem;line-height:1.25em;font-weight:600;margin-top:0.35rem;}
.responsibility .top .about-intro{margin-top:0.4rem;}
.responsibility .list{background-color:var(--main-color);position:relative;color:#fff;}
.responsibility .list .skew-image{position:absolute;left:0;top:0;width:99.33%;height:100%;}
.responsibility .list .text{position:relative;z-index:2;width:99.33%;}
.responsibility .list .item{flex-grow:1;width:16.666%;background-color:rgba(0,0,0,0.1);border-right:1px solid rgba(255,255,255,0.2);}
.responsibility .list .item:last-child{border:none;}
.responsibility .list .module-name{font-size:0.36rem;}
.responsibility .list .intro{opacity:0.8;margin-top:0.3rem;}
.responsibility .list .active{background-color:rgba(0,0,0,0.4);}
@media only screen and (max-width:1280px){
    .responsibility .list .info{width:4rem;}
    .responsibility .list .text,
    .responsibility .list .skew-image {width:99.6%;}
}
@media only screen and (min-width:1025px){
    .responsibility .list .box{height:5.0rem;position:relative;}
    .responsibility .list .name,.responsibility .list .info{position:absolute;left:50%;top:50%;}
    .responsibility .list .name{font-size:0.24rem;line-height:2em;font-weight:500;white-space:nowrap;transform:translate(-50%,-50%);}
    .responsibility .list .info{width:5rem;transform:translate(-50%,100%);opacity:0;}
    .responsibility .list .active{width:51%;}
    .responsibility .list .active .name{opacity:0;}
    .responsibility .list .active .info{transform:translate(-50%,-50%);opacity:1;}
}
@media only screen and (max-width:1024px){
    .responsibility .top .title{margin-top:0.15rem;}
    .responsibility .top .about-intro{margin-top:0.2rem;}
    .responsibility .list .skew-image {width: 100%;}
    .responsibility .list .text{flex-direction:column; width: 100%;}
    .responsibility .list .item{width:100%;border-right:none;border-bottom:1px solid rgba(255,255,255,0.2);cursor:pointer;}
    .responsibility .list .skew{transform:none;}
    .responsibility .list .box{display:block;}
    .responsibility .list .name{display:none;}
    .responsibility .list .info{width:auto;padding:0.4rem 3.125%;}
    .responsibility .list .module-name{font-size:0.28rem;position:relative;}
    .responsibility .list .module-name:after{content:'';display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);width:0.64285714em;height:0.35714286em;background:url(../images/language_arrow_01.svg) no-repeat center center;background-size:contain;}
    .responsibility .list .intro{display:none;}
}
@media only screen and (max-width:750px){
    .responsibility{margin-top:0.6rem;}
    .responsibility .list .module-name{font-size:0.24rem;}
}

/*honorary*/
.honorary{padding-top:6.25%;overflow:hidden;}
.honorary .module-name{margin-bottom:0.33rem;}
.honorary .category{margin-bottom:3.47222222%;}
.honorary .certs{width:100%;}
.honorary .swiper{overflow:visible;}
.honorary .swiper-slide{opacity:0;transition:opacity 1s;}
.honorary .swiper-slide-visible{opacity:1;}
.honorary .pic{background-image:linear-gradient(45deg,#eee,#fcfcfc);border:0.06rem solid #dedede;padding:0.18rem;margin-bottom:0.22rem;box-shadow:0 0.5rem 0.5rem rgba(0,0,0,0.1);}
.honorary .figure{background-color:#fff;padding:0.12rem;}
.honorary .bg{padding-bottom:137.12121212%;}
.honorary .title{font-size:0.18rem;line-height:1.33333333em;font-weight:500;padding:0 1em;}
.honorary .swiper-controls{margin-top:0.68rem;width:100%;}
.honorary .swiper-button-lock{display:none;}
@media only screen and (max-width:750px){
    .honorary{padding-top:0.6rem;}
    .honorary .category{margin-bottom:0.35rem;}
    .honorary .swiper-controls{margin-top:0.35rem;}
    .honorary .title{padding:0;}
}

/*triangle-left-top*/
[class*=triangle-]{position:relative;overflow:hidden;}
[class*=triangle-]:before{content:'';display:block;position:absolute;background:no-repeat center center;background-size:contain;z-index:2;}
[class*=triangle-] .inner{position:relative;z-index:3;}
.triangle-left-top:before{left:0;top:0;width:8.54166667%;padding-bottom:28.22916667%;background-image:url(../images/triangle_left_top_red_01.svg);}
.triangle-right-bottom:before{right:0;bottom:0;width:11.35416667%;padding-bottom:36.35416667%;background-image:url(../images/triangle_right_bottom_red_01.png);}

/*history*/
.history{background:no-repeat center center;background-size:cover;color:#fff;padding:6.25% 0;}
.history:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);}
.history .list{width:100%;margin-top:0.3rem;}
@media only screen and (max-width:750px){
    .history{padding:0.7rem 0;}
}

/*timeline*/
.timeline{text-align:center;padding:0 0.4rem;font-size:0.36rem;line-height:1em;overflow:hidden;}
.timeline .swiper-slide{cursor:pointer;overflow:hidden;}
.timeline .swiper-slide:before,.timeline .swiper-slide:after{content:'';display:block;position:absolute;height:1px;background-color:rgba(255,255,255,0.5);top:0.045rem;width:calc(50% - 0.15rem);}
.timeline .swiper-slide:before{right:50%;margin-right:0.15rem;}
.timeline .swiper-slide:after{left:50%;margin-left:0.15rem;}
.timeline .dot{margin-bottom:0.3rem;}
.timeline .dot i{width:0.1rem;height:0.1rem;--deg:-16.2602deg;transform:skew(var(--deg));border:0.02rem solid rgba(255,255,255,0.5);display:block;margin:0 auto;}
.timeline .dot i .skew{--deg:16.2602deg;}
.timeline .current,
.timeline .swiper-slide-thumb-active{color:var(--main-color);}
@media only screen and (max-width:750px){
    .timeline{font-size:0.28rem;}
}

/*timeevent*/
.timeevent{padding:0 0.4rem;margin-bottom:0.15rem;}
.timeevent .swiper{overflow:visible;}
.timeevent .text{width:45.58823529%;}
.timeevent .year{font-size:0.6rem;line-height:1em;font-style:italic;margin-bottom:0.1rem;}
.timeevent .pic{width:50.73529412%;padding:0 5.14705882%;padding:3.23529412% 5.14705882%;position:relative;}
.timeevent .pic:before{background-image:linear-gradient(180deg,var(--main-color),transparent);opacity:0.3;content:'';display:block;position:absolute;width:55.07246377%;height:100%;--deg:-16.2602deg;transform:skew(var(--deg));top:0;right:0;}
.timeevent .pic:before .skew{--deg:16.2602deg;}
.timeevent .skew-image{width:100%;}
.timeevent .skew-image:before{padding-bottom:83.18264014%;}
.timeevent .arrow{position:absolute;top:50%;margin-top:-0.25rem;}
.timeevent .prev{left:0;margin-left:-0.5rem;}
.timeevent .next{right:0;margin-right:-0.5rem;}
.timeevent .swiper-button-disabled{opacity:0.5;}
@media only screen and (max-width:1024px){
    .timeevent{padding:0 0.5rem;}
    .timeevent .prev{margin-left:-0.15rem;}
    .timeevent .next{margin-right:-0.15rem;}
}
@media only screen and (max-width:750px){
    .timeevent{margin-bottom:0.35rem;}
    .timeevent .text{width:100%;margin-bottom:0.2rem;}
    .timeevent .pic{width:100%;padding:0.2rem 10%;}
    .timeevent .prev{margin-left:0;}
    .timeevent .next{margin-right:0;}
}

/*culture*/
.culture{background:no-repeat center center;background-size:cover;color:#fff;padding:7.55208333% 0;}
.culture:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);}
.culture .module-name{margin-bottom:0.38333333em;}
.culture .module-title{font-style:normal;max-width:26.52777778em;margin-bottom:1.11111111em;}
.culture .entry{max-width:78.05555556em;margin-bottom:4.51388889%;}
.culture .list{width:100%;}
.culture .list ul{--margin:0.3rem;}
.culture .list li{--padding:0.3rem;padding-top:0.3rem;flex-grow:1;}
.culture .list .box{border-left:1px solid;border-right:1px solid;border-image:linear-gradient(180deg,rgba(255,255,255,0.2),transparent) 1;border-top:1px solid rgba(255,255,255,0.2);}
.culture .list .info{padding:0.45rem;}
.culture .list .tag{background-color:var(--main-color);--deg:-16.2602deg;transform:skew(var(--deg));font-size:0.22rem;line-height:1.125em;height:1.59090909em;width:4.77272727em;margin-left:0.06rem;margin-bottom:0.15rem;}
.culture .list .tag .skew{--deg:16.2602deg;}
.culture .list .tag i{display:block;}
.culture .list .intro{font-size:0.18rem;line-height:1.35em;}
@media only screen and (max-width:1024px){
    .culture .list{padding:0 4%;}
}
@media only screen and (max-width:750px){
    .culture{padding:0.7rem 0;}
    .culture .list{padding:0 6%;}
}

/*introduction*/
.introduction{padding:5.98958333% 0;position:relative;overflow:hidden;}
.introduction:before,.introduction:after{content:'';display:block;position:absolute;background:no-repeat center center;background-size:contain;}
.introduction:before{left:0;bottom:0;width:45.15625%;padding-bottom:34.375%;background-image:url(../images/introduction_before.png);}
.introduction:after{right:0;top:0;width:16.5625%;padding-bottom:25.98958333%;background-image:url(../images/wrapper_after.png);}
.introduction .inner{position:relative;z-index:2;}
.introduction .module-name{margin-bottom:0.1rem;}
.introduction .item{margin-bottom:13.33333333%;}
.introduction .item:last-child{margin-bottom:0;}
.introduction .profile{width:50%;overflow:hidden;}
.introduction .meta{width:45.83333333%;color:#fff;margin-top:1.75em;position:relative;}
.introduction .meta:before{content:'';display:block;position:absolute;left:0;bottom:0;margin-bottom:-11.36363636%;background-image:linear-gradient(180deg,#222,#f9f9f9);opacity:0.1;width:100%;padding-bottom:92.12121212%;--deg:-16.2602deg;transform:skew(var(--deg));}
.introduction .meta:before .skew{--deg:16.2602deg;}
.introduction .meta .data{position:absolute;left:0;top:0;width:100%;height:100%;z-index:3;font-weight:500;line-height:1.125em;}
.introduction .meta .data ul{width:4.19rem;max-width:60%;}
.introduction .meta .data li{border-bottom:1px solid #eee;position:relative;padding-bottom:0.24rem;margin-bottom:0.2rem;}
.introduction .meta .data li:after{content:'';display:block;position:absolute;left:0;bottom:-1px;height:1px;background-color:var(--main-color);width:28.63961814%;}
.introduction .meta .data li:last-child{margin-bottom:0;}
.introduction .meta .data .num{font-size:0.6rem;line-height:1em;}
.introduction .meta .skew-image{margin-left:1.18rem;margin-right:-1.18rem;}
.introduction .meta .skew-image:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4);}
.introduction .meta .skew-image:before{padding-bottom:6.75rem;}
.introduction .meta .skew-box{width:130%;margin:0 -15%;background:no-repeat center center;background-size:cover;}
.introduction .entry{width:43.05555556%;}
.introduction .cont .pic{width:48.54166667%;padding:0 4.73611111%;}
.introduction .cont .skew-image:before{padding-bottom:85.31816566%;display:block;}
@media only screen and (max-width:1280px){
    .introduction .profile{width:43%;}
    .introduction .meta .skew-image{margin:0 0.5rem 0 0;}
    .introduction .meta .skew-box{width:140%;margin:0 -20%;}
}
@media only screen and (max-width:1024px){
    .introduction .profile,.introduction .entry{width:100%;margin-bottom:0.35rem;}
    .introduction .meta{width:100%;margin-top:0;padding:0 10.5%;}
    .introduction .meta .skew-image{margin:0;}
    .introduction .cont .pic{width:100%;padding:0 10%;}
    .introduction .cont .skew-box{width:126%;margin:0 -13%;}
}
@media only screen and (max-width:750px){
    .introduction{padding:0.6rem 0;}
    .introduction .item{margin-bottom:0.35rem;}
    .introduction .meta{padding:0;}
    .introduction .meta .skew{transform:none;}
    .introduction .meta .skew-box{width:100%;margin:0;}
    .introduction .meta .data ul{max-width:80%;}
}

/*message*/
.message{overflow:hidden;position:relative;padding:5.20833333% 0 6.25%;}
.message:before,.message:after{background-color:#f7f7f7;content:'';display:block;position:absolute;left:0;top:0;height:100%;width:74.16666667%;}
.message:before{width:100vw;left:-50%;height:50%;}
.message:after{--deg:-16.2602deg;transform:skew(var(--deg));z-index:1;}
.message:after .skew{--deg:16.2602deg;}
.message .inner{position:relative;z-index:2;}
.message .figure{width:50%;}
.message .figure:after{display:block;padding-bottom:77.77777778%;}
.message .info{width:41.66666667%;}
.message .module-name{font-size:0.36rem;margin-bottom:0.12rem;}
.message .item{margin-bottom:0.08rem;}
.message .label{display:block;font-weight:500;font-size:0.18rem;line-height:2em;}
.message .label i{font-style:normal;}
.message .text{background-color:#fff;border:solid 1px #e5e5e5;font-size:0.18rem;height:2.77777778em;line-height:1.66666667em;padding:0.55555556em 1em;display:block;width:100%;}
.message textarea.text{height:5.55555556em;}
.message .submit{background-color:var(--main-color);color:#fff;font-weight:600;height:3.4375em;width:10.3125em;margin:0.22rem 0.1rem 0;max-width:calc(100% - 0.2rem);}
.message .submit:before{content:'';display:block;position:absolute;left:0;top:0;width:0;height:100%;background-color:rgba(255,255,255,0.3);transition:inherit;}
.message .submit i{display:block;position:relative;z-index:2;}
.message .submit:hover:before{width:100%;}

.message .upload {border: solid 0.01rem #cccccc; background-color: #fff;font-weight:500;font-size: 0.18rem; height: 2.778em; width: 8.8889em; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.message .upload i {font-style: normal; display: block; padding-left: 1.73em; background:url(../images/upload_01.png) no-repeat left center; background-size:0.88889em auto;}
.message .upload:hover {background-color: var(--main-color); border-color:transparent;}
.message .upload:hover i {filter: brightness(100);}
.message .format {width: calc(100% - 9.9em); font-size:0.18rem; line-height: 1.35em;}
.message .upload-file {display: none;}
@media only screen and (max-width:1024px){
    .message .info{width:100%;margin-bottom:0.5rem;}
    .message .figure{width:100%;}
}
@media only screen and (max-width:750px){
    .message{padding:0.7rem 0;}
}

/*advantages*/
.advantages{margin-bottom:8.68055556%;}
.advantages .module-name{margin-bottom:0.2rem;}
.advantages .entry{width:47.56944444%;font-size:0.18rem;line-height:1.33333333em;}
.advantages .entry *{line-height:1.33333333em;}
.advantages .entry h3{font-size:0.24rem;line-height:1.25em;}
.advantages .pic{width:47.22222222%;margin-left:-1.58rem;padding-top:5.83333333%;}
.advantages .pic:before{width:111.17647059%;padding-bottom:89.41176471%;background:url(../images/advantages_pic_bg.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;top:0;right:-27.94117647%;}
.advantages .skew-image:before{padding-bottom:83.52941176%;}
@media only screen and (max-width:1280px){
    .advantages .entry{width:40%;}
    .advantages .pic{width:45%;margin-left:0;}
}
@media only screen and (max-width:1024px){
    .advantages .entry{width:100%;}
    .advantages .pic{width:100%;padding-left:10%;padding-right:10%;margin-bottom:0.2rem;}
}
.process-entry{font-weight:600;font-size:0.24rem;line-height:1.25em;margin-bottom:0.5rem;}
.process-entry *{line-height:1.25em;}

/*process*/
.process{margin-bottom:0.45rem;}
.process .module-name{margin-bottom:0.12rem;}
.process .tips{font-weight:500;font-size:0.2rem;line-height:1.5em;}
.process .list{--margin:0.3rem;}
.process .item{--padding:0.3rem;padding-bottom:0.3rem;flex-grow:1;}
.process .top{margin-bottom:0.3rem;position:relative;}
.process .top:before,.process .top:after{content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);}
.process .top:before{height:0.03rem;left:0;width:100%;background:url(../images/process_dots.svg) repeat-x left center;background-size:auto 100%;}
.process .top:after{background:url(../images/process_arrow_01.png) no-repeat center center;background-size:contain;width:0.36rem;height:0.29rem;right:-0.23rem;}
.process .icon{width:0.72rem;border-radius:50%;overflow:hidden;margin:0 auto;position:relative;z-index:2;}
.process .icon i{display:block;overflow:hidden;padding-bottom:100%;background:var(--main-color) no-repeat center center;background-size:45.83333333% auto;}
.process .text{box-shadow:0px 0px 0.1rem 0px rgba(0,0,0,0.1);background-color:#fff;border-radius:0.05rem;padding:0.35rem 0.24rem 0.6rem;position:relative;margin-top:0.1rem;height:calc(100% - 1.02rem);}
.process .text:before{border-bottom:0.1rem solid #fff;border-left:0.11rem solid transparent;border-right:0.11rem solid transparent;content:'';display:block;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);}
.process .title{font-weight:600;font-size:0.24rem;line-height:1.16666667em;hyphens:initial;margin-bottom:0.18rem;}
.process .intro{font-size:0.18rem;line-height:1.33333333em;}
.process .item:last-child .top:after{display:none;}
@media only screen and (max-width:1024px){
    .process .item{width:33.333%;}
}
@media only screen and (max-width:750px){
    .process .item{width:50%;}
    .process .top:before{height:0.04rem;}
    .process .top:after{right:-0.1em;}
}

/*contact*/
.contact .module-name{margin-bottom:0.12rem;}
.contact .entry{font-weight:600;font-size:0.24rem;line-height:1.25em;margin-bottom:0.5rem;}
.contact .entry *{line-height:1.25em;}
.contact .figure{width:50%;}
.contact .figure:after{display:block;padding-bottom:66.66666667%;}
.contact .figure:hover .img{transform:scale(1.05);}
.contact .text{width:41.31944444%;}
.contact .item{margin-bottom:0.5rem;}
.contact .item:last-child{margin-bottom:0;}
.contact .title{font-size:0.24rem;line-height:1.25em;font-weight:600;font-style:normal;margin-bottom:0.35rem;}
.contact .title:before{width:0.5em;height:1.08333333em;background-color:var(--main-color);content:'';display:block;position:absolute;left:0;top:0.125em;--deg:-16.2602deg;transform:skew(var(--deg));}
.contact .title:before .skew{--deg:16.2602deg;}
.contact .title span{position:relative;z-index:2;padding-left:0.20833333em;}
.contact li{background:no-repeat left 0.16666667em;background-size:1em auto;font-size:0.18rem;line-height:1.33333333em;padding-left:1.94444444em;margin-bottom:0.2rem;}
.contact li:last-child{margin-bottom:0;}
.contact li span{display:block;border-bottom:1px solid rgba(34,34,34,0.1);padding-bottom:0.2rem;}
.contact .addr{background-image:url(../images/contact_addr.svg);}
.contact .tel{background-image:url(../images/contact_tel.svg);}
.contact .mail{background-image:url(../images/contact_mail.svg);}
@media only screen and (max-width:1024px){
    .contact .figure{width:100%;margin-bottom:0.5rem;}
    .contact .text{width:100%;}
}

/*result-relative*/
.result-relative{position:relative;z-index:2;}

/*result-news*/
.result-news .list{--margin:0.45rem;}
.result-news .item{--padding:0.45rem;}

/*result-product*/
.result-product .list{--margin:0.31rem;}
.result-product .item{--padding:0.31rem;}

/*result-box*/
.result-box{margin-bottom:0.2rem;}
.result-box:last-child{margin-bottom:0;}
.result-box .module-name{font-size:0.32rem;margin-bottom:1em;}

/*result-name*/
.result-name{font-size:0.32rem;line-height:1.25em;font-style:italic;margin-bottom:0.35rem;}
@media only screen and (max-width:750px){
    .result-name{margin-bottom:0.2rem;}
}

/*result-bar*/
.result-bar{font-size:0.18rem;font-weight:600;border-bottom:0.04rem solid #eee;line-height:2em;margin-bottom:7.63888889%;}
.result-bar span{display:block;margin-right:0.55rem;position:relative;padding-bottom:0.06rem;cursor: pointer;}
.result-bar span:last-child{margin-right:0;}
.result-bar span:after{content:'';display:block;position:absolute;left:0;bottom:-0.04rem;height:0.04rem;background-color:var(--main-color);width:100%;opacity:0;}
.result-bar .cur a{color:#333;}
.result-bar .cur:after{opacity:1;}
@media only screen and (max-width:750px){
    .result-bar{margin-bottom:0.5rem;}
    .result-bar span{margin-right:0.35rem;}
}

/*result-search*/
.result-search{margin-bottom:0.55rem;}
.result-search .input{overflow:hidden;position:relative;padding-right:1.6rem;box-shadow:0px 0px 0.1rem 0px rgba(0,0,0,0.1);}
.result-search .text{display:block;width:100%;font-size:0.18rem;height:3.33333333em;line-height:1.66666667em;padding:0.83333333em 1.66666667em;background-color:#fff;}
.result-search .submit{position:absolute;right:0;top:0;height:100%;width:1.6rem;cursor:pointer;background-color:var(--main-color);color:#fff;}
.result-search .submit:before{content:'';display:block;position:absolute;left:0;top:0;width:0;height:100%;background-color:rgba(255,255,255,0.3);transition:width 0.2s;}
.result-search .submit:hover:before{width:100%;}
.result-search .submit i{font-style:normal;display:block;background:url(../images/search_01@2x.png) no-repeat right center;background-size:1.125em auto;filter:brightness(100);padding-right:2em;position:relative;z-index:2;}
@media only screen and (max-width:750px){
    .result-search .input{padding-right:1.2rem;}
    .result-search .submit{width:1.2rem;}
}

/*compare-wrap*/
#compare-wrap{padding:0.4rem 0 6.25%;}
@media only screen and (max-width:1280px){
    #compare-wrap .inner {max-width:13.66rem;}
}
@media only screen and (max-width:1024px){
    #compare-wrap .inner {max-width:9rem;}
}
@media only screen and (max-width:750px){
    #compare-wrap{padding-bottom:0.7rem;}
}

/*compare-back*/
.compare-back{font-size:0.18rem;font-style:italic;margin-bottom:0.4rem;}
.compare-back a{background:url(../images/back_01.svg) no-repeat left center;background-size:0.38888889em auto;padding-left:1.11111111em;}
.compare-back a:hover{background-image:url(../images/back_02.svg);}

/*compare-result*/
#compare-result{font-size:0.18rem;line-height:1.66666667em;text-align:left;overflow-x:auto;-webkit-overflow-scrolling:touch;border:0.01rem solid #ddd;}
#compare-result table{table-layout:fixed;min-width:100%;}
#compare-result tr:nth-child(2n) th,#compare-result tr:nth-child(2n) td{background-color:#f7f7f7;}
#compare-result th,#compare-result td{padding:0.125rem 0.3rem;width:2.847rem;border-right:0.01rem solid #ddd;background-color:#fff;vertical-align:top;}
#compare-result th:last-child,#compare-result td:last-child{border-right:none;}
#compare-result th{padding-bottom:1.1rem;padding-top:0.7rem;font-weight:normal;position:relative;}
#compare-result th.first{vertical-align:middle;}
#compare-result .close{width:0.13rem;height:0.13rem;background:url(../images/close_01.svg) no-repeat center center;background-size:contain;position:absolute;top:0.3rem;right:0.3rem;z-index:6;cursor:pointer;}
#compare-result .first{font-weight:bold;width:2rem;position:sticky;left:0;z-index:6;border-right:none;}
#compare-result .first:after{width:0.015rem;height:100%;background-color:#ddd;content:'';display:block;position:absolute;right:0;top:0;}
#compare-result .figure{padding-bottom:100%;margin-bottom:0.3rem;}
#compare-result .title{font-size:0.18rem;line-height:1.11111111em;margin-bottom:0.08rem;}
#compare-result .number{font-weight:500;line-height:1.35em;}
#compare-result .info a{display:block;overflow:hidden;}
#compare-result .info a:hover .title{color:var(--main-color);}
#compare-result .button-compare{position:absolute;bottom:0.42rem;left:0.3rem;max-width:calc(100% - 0.6rem);}
#compare-result .add{border:none;width:10.55555556em;height:2.77777778em;max-width:calc(100% - 0.2rem);margin:0 0.1rem;}
#compare-result .add:not(:hover){background-color:#f0f0f0;}

@media only screen and (max-width:750px){
    #compare-result th,#compare-result td{padding-left:0.15rem;padding-right:0.15rem;width:2rem;}
    #compare-result .first{width:1.5rem;}
    #compare-result .button-compare{left:0.15rem;max-width:calc(100% - 0.3rem);}
}

/*compare-popup*/
.compare-popup{position:absolute;z-index:9;left:0;top:0;width:100%;padding: 0.3rem 0 0 0;box-shadow:0 0 0.1rem 0 rgba(0,0,0,0.1);background-color:#fff;overflow:hidden;visibility:hidden;opacity:0;will-change:transform;}
.compare-popup.active{visibility:visible;opacity:1;}
.compare-popup .inner{position:relative;}
.compare-popup .close{position:absolute;top:0;background:url(../images/close_01.svg) no-repeat center center;background-size:contain;z-index:2;width:0.16rem;height:0.16rem;cursor:pointer;right:0;top:0.1rem;}
.compare-popup .close-box{width:0.11rem;}
.compare-popup .name{font-size:0.36rem;line-height:1.125em;font-style:italic;border-bottom:0.01rem solid #eee;padding-bottom:0.3rem;margin-bottom: 0.3rem;}
.compare-popup .button-more{font-weight:600; position: absolute; right: 0.6rem; top:-0.05rem;}
.compare-popup .list{margin-bottom:0.16rem;overflow:hidden;max-height:calc(100vh - 3.8rem);overflow-y:auto;-webkit-overflow-scrolling:touch;}
.compare-popup .item{margin-bottom:0.2rem;}
.compare-popup .box{position:relative;}
.compare-popup .figure{width:1.3rem;}
.compare-popup .figure:after{display:block;padding-bottom:100%;}
.compare-popup .text{width:calc(100% - 1.45rem);padding:0.15rem 0;}
.compare-popup .title{font-size:0.18rem;line-height:1.35em;margin-bottom:0.05rem;}
.compare-popup .number{font-size:0.16rem;line-height:1.5em;}
@media only screen and (max-width:1024px){
    .compare-popup{padding:0.4rem 0 0.5rem;}
    .compare-popup .name{padding-bottom:0.2rem;margin-bottom:0.3rem;}
}
@media only screen and (max-width:1024px){
    .compare-popup{padding:0.3rem 0;}
    .compare-popup .name{font-size:0.28rem;padding-bottom:0.1 0.5rem;margin-bottom:0.25rem;}
}
@media only screen and (max-width:750px){
    .compare-popup .button-more {right: 0.3rem;}
}
/*content*/
#content{padding-top:0.9rem;}
@media only screen and (max-width:1024px){
    #content{padding-top:0.77rem;}
}
@media only screen and (max-width:750px){
    #content{padding-top:0.733rem;}
}

/*filter*/
.filter .item {border-bottom: 1px solid #e5e5e5; margin-bottom: 0.23rem; margin-right: 0.4rem;}
.filter .item:nth-child(2){margin-right: 0.6rem;}
.filter .item.active {border-bottom: none;}
.filter .name {font-size:0.22rem; font-weight: 500; line-height: 1.75em; padding-bottom: 0.23rem;}
.filter ul {width:calc(100% - 1.9rem); padding-bottom: 0.23rem;}
.filter li {font-size:0.22rem; font-weight: 500; line-height: 1.75em; margin-right: 0.4rem; cursor: pointer;}
.filter .checked {font-weight: bold; color:var(--main-color);}
.filter .drop {display: none; position: relative; width:100%; margin-left: 0.1rem;}
.filter .drop:before {background-color: #fafafa; display: block; content: ''; position: absolute; left:0; transform: skew(-16.2602deg); width:100%; height:100%;border-bottom: 1px solid #e5e5e5;}
.filter .drop.active {display: block;}
.filter .child {display: none; position: relative; z-index: 2;}
.filter .child.active {display: block;}
.filter .child:not(:first-child){border-top: 1px solid #e5e5e5;}
.filter .child ul {padding:0.13rem 0;}
@media only screen and (max-width:1280px){
    .filter .item {margin-right: 1.6rem;}
    .filter .item:nth-child(2) {margin-right: 2rem;}
}
@media only screen and (max-width:750px){
    .filter .item:nth-child(n+1) {margin-right:0;}
    .filter .parent {flex-direction: column; padding:0 0.1rem;}
    .filter .name {padding-bottom: 0; margin-bottom: 0.1rem;}
    .filter .drop {background-color: #fafafa; margin-left: 0;border-bottom: 1px solid #e5e5e5;}
    .filter .drop:before {display: none;}
    .filter ul {width: 100%;}
    .filter li {margin-right: 0.3rem;}
    .filter .child ul {padding:0.13rem 0.15rem;}
    .filter .child li:last-child {margin-right: 0;}
}