/* 全局样式 */
body{font-family:Nunito,sans-serif;font-size:12px;color:#233049;margin:0;background-color:#fff;font-weight:400;position:relative;line-height:1.6;scroll-behavior:smooth;width:100%;margin:auto;max-width:1920px}
@media (min-width:577px){body{font-size:13px}
}
@media (min-width:768px){body{font-size:14px}
}
@media (min-width:992px){body{font-size:15px}
}
@media (min-width:1200px){body{font-size:16px}
}
*{margin: 0;padding: 0;}
ol,ul{padding:0;margin:0}
ol li,ul li{list-style-type:none}
i{font-style:normal}
em{font-style:italic}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{-webkit-tap-highlight-color:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;scroll-behavior:smooth;background-color:#f1f1f1}
main{display:block}
hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
b,strong{font-weight:bold}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub{bottom:-.25em}
sup{top:-.5em;display:inline-block;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}
img{border-style:none}
iframe{border:0;height:100%;width:100%}
.write{color: #fff;}
.black{color: #333;}
.hiddenbox{overflow:hidden}
p{margin:5px 0 15px}
.iconfont{line-height: 1;}
.text-white-space{white-space:nowrap}
.text-center{text-align:center}
.lazyload{z-index:-1}
.lazyload.loaded{z-index:0}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.25;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
template{display:none}
[hidden]{display:none}
*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}
:after,:before{font-style:normal}
:focus{outline:0}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
a{color:#f24259;text-decoration:none;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s}
a:hover{text-decoration:none;background-color:transparent;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s;color: #a61c38;}
button{background:0 0;border:0;padding:0}
.region{display:block;width:100%;max-width:1920px;margin:0 auto;padding:0;background-color:#fff;scroll-margin-top: 71px;}
  
.region--hidden{overflow:hidden}
.region--top{display:none;position:fixed;top:0;left:0}
.region--bottom{display:none;position:fixed;left:0;bottom:0}
.stage{width:100%;margin-right:auto;margin-left:auto;padding-left:20px;padding-right:20px}
@media (min-width:576px){.stage{max-width:540px}
}
@media (min-width:768px){.stage{max-width:720px}
}
@media (min-width:992px){.stage{max-width:960px}
}
@media (min-width:1200px){.stage{max-width:1160px}
}
@media (min-width:1480px){.stage{max-width:1440px}
}

/* 占位图 */
.img--18,.img--27,.img--33-42,.img--35,.img--38-6,.img--41-6,.img--48,.img--43,.img--50,.img--52,.img--54,.img--57,.img--59,.img--65,.img--66,.img--75,.img--82,.img--85,.img--85-4,.img--90,.img--91,.img--95,.img--100,.img--133,.img--134,.img--140,.img--266{position:relative;width:100%;overflow:hidden;display:block;background:url(/images/logo.png) no-repeat center center;background-color:#f9f9f9;background-size:40%}
.img--18{padding-bottom: 18%;}
.img--27{padding-bottom: 27%;}
.img--33-42{padding-bottom: 33.42%;}
.img--35{padding-bottom: 35%;}
.img--38-6{padding-bottom:38.6%}
.img--41-6{padding-bottom:41.6%}
.img--43{padding-bottom:43%}
.img--48{padding-bottom:48%}
.img--50{padding-bottom:50%}
.img--52{padding-bottom:52%}
.img--54{padding-bottom:54%}
.img--57{padding-bottom:57%}
.img--59{padding-bottom:59%}
.img--65{padding-bottom:65%}
.img--66{padding-bottom:66%}
.img--75{padding-bottom:75%}
.img--82{padding-bottom:82%}
.img--85{padding-bottom:85%}
.img--85-4{padding-bottom:85.4%}
.img--90{padding-bottom:90%}
.img--91{padding-bottom:91%}
.img--95{padding-bottom:95%}
.img--100{padding-bottom:100%}
.img--133{padding-bottom:133%}
.img--134{padding-bottom:134%}
.img--140{padding-bottom:140%}
.img--266{padding-bottom:266%}
.img--18 img,.img--35 img,.img--33-42 img,.img--27 img,.img--41-6 img,.img--38-6 img,.img--43 img,.img--48 img,.img--50 img,.img--52 img,.img--54 img,.img--57 img,.img--59 img,.img--65 img,.img--66 img,.img--75 img,.img--85 img,.img--85-4 img,.img--82 img,.img--91 img,.img--90 img,.img--95 img,.img--100 img,.img--133 img,.img--134 img,.img--140 img,.img--266 img{position:absolute;top:50%;left:50%;max-width:100%;width:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);background-color:#fff}
.img--100 a[data-lightbox],.img--50 a[data-lightbox],.img--75 a[data-lightbox]{position:initial}

/* 列表 */
.cell,.grid{display:block;-webkit-box-sizing:border-box;box-sizing:border-box}
.grid{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;-webkit-box-pack:start;justify-content:flex-start;-ms-flex-align:stretch;-webkit-box-align:stretch;align-items:stretch;margin:0;padding:0;list-style:none;margin-top:10px}
.cell{-ms-flex:1 1 auto;-webkit-box-flex:1;flex:1 1 auto;width:100%;max-width:100%;margin:0;border-width:1px!important;border-color:#ebebeb;border-style:none}
.cell:last-child{margin-right:0!important}
.grid.gridcenter{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.grid--border{padding-top:1px}
.grid.grid--center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.grid--border>.cell{border-style:solid;margin:0 0 -1px -1px}
.grid--gutter{padding-top:0}
.grid--gutter>.cell{margin:0 0 20px 0}
.grid--center>.cell{text-align:center}
.grid--auto>.cell{width:0;max-width:none;min-width:100%}
.gridB-0{margin-bottom:-10px}
@media (min-width:576px){.cell{max-width:50%;margin:0}
.grid--border>.cell{max-width:calc(50% + .5px);margin:-1px -1px 0 0}
.grid--gutter>.cell{max-width:calc(50% - 10px);margin:0 20px 20px 0}
.cell:nth-child(2n){margin-right:0}
.grid--auto>.cell{max-width:none;min-width:50%}
.grid--auto.grid--gutter>.cell{min-width:calc(50% - 10px)}
.gridB-0{margin-bottom:-20px}
.grid{margin-top:10px}
}
@media (min-width:768px){.cell{max-width:33.333333%;margin:0}
.grid--border>.cell{max-width:calc(33.333333% + .67px);margin:-1px -1px 0 0}
.grid--gutter>.cell{max-width:calc(33.333333% - 13.333px);margin:0 20px 20px 0}
.cell:nth-child(3n){margin-right:0}
.grid--auto>.cell{max-width:none;min-width:33.333333%}
.grid--auto.grid--gutter>.cell{min-width:calc(33.333333% - 13.333px)}
}
.grid--1>.cell{max-width:100%;margin:0}
.grid--1.grid--border>.cell{margin:-1px 0 0}
.grid--1.grid--gutter>.cell{margin:0 0 20px}
.grid--2>.cell{max-width:50%;margin:0}
.grid--2.grid--border>.cell{max-width:calc(50% + .5px);margin:-1px -1px 0 0}
.grid--2.grid--gutter>.cell{max-width:calc(50% - 5px);margin:0 10px 10px 0}
.grid--2>.cell:nth-child(2n){margin-right:0}
.grid--2.grid--auto>.cell{max-width:none;min-width:50%}
.grid--2.grid--auto.grid--gutter>.cell{min-width:calc(50% - 10px)}
.grid--3>.cell{max-width:33.333333%;margin:0}
.grid--3.grid--border>.cell{max-width:calc(33.333333% + .67px);margin:-1px -1px 0 0}
.grid--3.grid--gutter>.cell{max-width:calc(33.333333% - 13.333px);margin:0 20px 20px 0}
.grid--3>.cell:nth-child(3n){margin-right:0}
.grid--3.grid--auto>.cell{max-width:none;min-width:33.333333%}
.grid--3.grid--auto.grid--gutter>.cell{min-width:calc(33.333333% - 13.333px)}
.grid--4>.cell{max-width:25%;margin:0}
.grid--4.grid--border>.cell{max-width:calc(25% + .75px);margin:-1px -1px 0 0}
.grid--4.grid--gutter>.cell{max-width:calc(25% - 15px);margin:0 20px 20px 0}
.grid--4>.cell:nth-child(4n){margin-right:0}
.grid--4.grid--auto>.cell{max-width:none;min-width:25%}
.grid--4.grid--auto.grid--gutter>.cell{min-width:calc(25% - 15px)}
.grid--5>.cell{max-width:20%;margin:0}
.grid--5.grid--border>.cell{max-width:calc(20% + .8px);margin:-1px -1px 0 0}
.grid--5.grid--gutter>.cell{max-width:calc(20% - 16px);margin:0 20px 20px 0}
.grid--5>.cell:nth-child(5n){margin-right:0}
.grid--5.grid--auto>.cell{max-width:none;min-width:20%}
.grid--5.grid--auto.grid--gutter>.cell{min-width:calc(20% - 16px)}
.grid--6>.cell{max-width:16.666667%;margin:0}
.grid--6.grid--border>.cell{max-width:calc(16.666667% + .83px);margin:-1px -1px 0 0}
.grid--6.grid--gutter>.cell{max-width:calc(16.666667% - 16.67px);margin:0 20px 20px 0}
.grid--6>.cell:nth-child(6n){margin-right:0}
.grid--6.grid--auto>.cell{max-width:none;min-width:16.666667%}
.grid--6.grid--auto.grid--gutter>.cell{min-width:calc(16.666667% - 16.67px)}
@media (min-width:576px){.grid--sm-1>.cell{max-width:100%;margin:0}
.grid--sm-1.grid--border>.cell{margin:-1px 0 0}
.grid--sm-1.grid--gutter>.cell{margin:0 0 20px}
.grid--sm-2>.cell{max-width:50%;margin:0}
.grid--sm-2.grid--border>.cell{max-width:calc(50% + .5px);margin:-1px -1px 0 0}
.grid--sm-2.grid--gutter>.cell{max-width:calc(50% - 10px);margin:0 20px 20px 0}
.grid--sm-2>.cell:nth-child(2n){margin-right:0}
.grid--sm-2.grid--auto>.cell{max-width:none;min-width:50%}
.grid--sm-2.grid--auto.grid--gutter>.cell{min-width:calc(50% - 10px)}
.grid--sm-3>.cell{max-width:33.333333%;margin:0}
.grid--sm-3.grid--border>.cell{max-width:calc(33.333333% + .67px);margin:-1px -1px 0 0}
.grid--sm-3.grid--gutter>.cell{max-width:calc(33.333333% - 13.333px);margin:0 20px 20px 0}
.grid--sm-3>.cell:nth-child(3n){margin-right:0}
.grid--sm-3.grid--auto>.cell{max-width:none;min-width:33.333333%}
.grid--sm-3.grid--auto.grid--gutter>.cell{min-width:calc(33.333333% - 13.333px)}
.grid--sm-4>.cell{max-width:25%;margin:0}
.grid--sm-4.grid--border>.cell{max-width:calc(25% + .75px);margin:-1px -1px 0 0}
.grid--sm-4.grid--gutter>.cell{max-width:calc(25% - 15px);margin:0 20px 20px 0}
.grid--sm-4>.cell:nth-child(4n){margin-right:0}
.grid--sm-4.grid--auto>.cell{max-width:none;min-width:25%}
.grid--sm-4.grid--auto.grid--gutter>.cell{min-width:calc(25% - 15px)}
.grid--sm-5>.cell{max-width:20%;margin:0}
.grid--sm-5.grid--border>.cell{max-width:calc(20% + .8px);margin:-1px -1px 0 0}
.grid--sm-5.grid--gutter>.cell{max-width:calc(20% - 16px);margin:0 20px 20px 0}
.grid--sm-5>.cell:nth-child(5n){margin-right:0}
.grid--sm-5.grid--auto>.cell{max-width:none;min-width:20%}
.grid--sm-5.grid--auto.grid--gutter>.cell{min-width:calc(20% - 16px)}
.grid--sm-6>.cell{max-width:16.666667%;margin:0}
.grid--sm-6.grid--border>.cell{max-width:calc(16.666667% + .83px);margin:-1px -1px 0 0}
.grid--sm-6.grid--gutter>.cell{max-width:calc(16.666667% - 16.67px);margin:0 20px 20px 0}
.grid--sm-6>.cell:nth-child(6n){margin-right:0}
.grid--sm-6.grid--auto>.cell{max-width:none;min-width:16.666667%}
.grid--sm-6.grid--auto.grid--gutter>.cell{min-width:calc(16.666667% - 16.67px)}
.grid{margin-top:20px}
}
@media (min-width:768px){.grid--md-1>.cell{max-width:100%;margin:0}
.grid--md-1.grid--border>.cell{margin:-1px 0 0}
.grid--md-1.grid--gutter>.cell{margin:0 0 20px}
.grid--md-2>.cell{max-width:50%;margin:0}
.grid--md-2.grid--border>.cell{max-width:calc(50% + .5px);margin:-1px -1px 0 0}
.grid--md-2.grid--gutter>.cell{max-width:calc(50% - 10px);margin:0 20px 20px 0}
.grid--md-2>.cell:nth-child(2n){margin-right:0}
.grid--md-2.grid--auto>.cell{max-width:none;min-width:50%}
.grid--md-2.grid--auto.grid--gutter>.cell{min-width:calc(50% - 10px)}
.grid--md-3>.cell{max-width:33.333333%;margin:0}
.grid--md-3.grid--border>.cell{max-width:calc(33.333333% + .67px);margin:-1px -1px 0 0}
.grid--md-3.grid--gutter>.cell{max-width:calc(33.333333% - 13.333px);margin:0 20px 20px 0}
.grid--md-3>.cell:nth-child(3n){margin-right:0}
.grid--md-3.grid--auto>.cell{max-width:none;min-width:33.333333%}
.grid--md-3.grid--auto.grid--gutter>.cell{min-width:calc(33.333333% - 13.333px)}
.grid--md-4>.cell{max-width:25%;margin:0}
.grid--md-4.grid--border>.cell{max-width:calc(25% + .75px);margin:-1px -1px 0 0}
.grid--md-4.grid--gutter>.cell{max-width:calc(25% - 15px);margin:0 20px 20px 0}
.grid--md-4>.cell:nth-child(4n){margin-right:0}
.grid--md-4.grid--auto>.cell{max-width:none;min-width:25%}
.grid--md-4.grid--auto.grid--gutter>.cell{min-width:calc(25% - 15px)}
.grid--md-5>.cell{max-width:20%;margin:0}
.grid--md-5.grid--border>.cell{max-width:calc(20% + .8px);margin:-1px -1px 0 0}
.grid--md-5.grid--gutter>.cell{max-width:calc(20% - 16px);margin:0 20px 20px 0}
.grid--md-5>.cell:nth-child(5n){margin-right:0}
.grid--md-5.grid--auto>.cell{max-width:none;min-width:20%}
.grid--md-5.grid--auto.grid--gutter>.cell{min-width:calc(20% - 16px)}
.grid--md-6>.cell{max-width:16.666667%;margin:0}
.grid--md-6.grid--border>.cell{max-width:calc(16.666667% + .83px);margin:-1px -1px 0 0}
.grid--md-6.grid--gutter>.cell{max-width:calc(16.666667% - 16.67px);margin:0 20px 20px 0}
.grid--md-6>.cell:nth-child(6n){margin-right:0}
.grid--md-6.grid--auto>.cell{max-width:none;min-width:16.666667%}
.grid--md-6.grid--auto.grid--gutter>.cell{min-width:calc(16.666667% - 16.67px)}
.content{padding:0}
}
@media (min-width:992px){.grid--lg-1>.cell{max-width:100%;margin:0}
.grid--lg-1.grid--border>.cell{margin:-1px 0 0}
.grid--lg-1.grid--gutter>.cell{margin:0 0 20px}
.grid--lg-2>.cell{max-width:50%;margin:0}
.grid--lg-2.grid--border>.cell{max-width:calc(50% + .5px);margin:-1px -1px 0 0}
.grid--lg-2.grid--gutter>.cell{max-width:calc(50% - 10px);margin:0 20px 20px 0}
.grid--lg-2>.cell:nth-child(2n){margin-right:0}
.grid--lg-2.grid--auto>.cell{max-width:none;min-width:50%}
.grid--lg-2.grid--auto.grid--gutter>.cell{min-width:calc(50% - 10px)}
.grid--lg-3>.cell{max-width:33.333333%;margin:0}
.grid--lg-3.grid--border>.cell{max-width:calc(33.333333% + .67px);margin:-1px -1px 0 0}
.grid--lg-3.grid--gutter>.cell{max-width:calc(33.333333% - 13.333px);margin:0 20px 20px 0}
.grid--lg-3>.cell:nth-child(3n){margin-right:0}
.grid--lg-3.grid--auto>.cell{max-width:none;min-width:33.333333%}
.grid--lg-3.grid--auto.grid--gutter>.cell{min-width:calc(33.333333% - 13.333px)}
.grid--lg-4>.cell{max-width:25%;margin:0}
.grid--lg-4.grid--border>.cell{max-width:calc(25% + .75px);margin:-1px -1px 0 0}
.grid--lg-4.grid--gutter>.cell{max-width:calc(25% - 15px);margin:0 20px 20px 0}
.grid--lg-4>.cell:nth-child(4n){margin-right:0}
.grid--lg-4.grid--auto>.cell{max-width:none;min-width:25%}
.grid--lg-4.grid--auto.grid--gutter>.cell{min-width:calc(25% - 15px)}
.grid--lg-5>.cell{max-width:20%;margin:0}
.grid--lg-5.grid--border>.cell{max-width:calc(20% + .8px);margin:-1px -1px 0 0}
.grid--lg-5.grid--gutter>.cell{max-width:calc(20% - 16px);margin:0 20px 20px 0}
.grid--lg-5>.cell:nth-child(5n){margin-right:0}
.grid--lg-5.grid--auto>.cell{max-width:none;min-width:20%}
.grid--lg-5.grid--auto.grid--gutter>.cell{min-width:calc(20% - 16px)}
.grid--lg-6>.cell{max-width:16.666667%;margin:0}
.grid--lg-6.grid--border>.cell{max-width:calc(16.666667% + .83px);margin:-1px -1px 0 0}
.grid--lg-6.grid--gutter>.cell{max-width:calc(16.666667% - 16.67px);margin:0 20px 20px 0}
.grid--lg-6>.cell:nth-child(6n){margin-right:0}
.grid--lg-6.grid--auto>.cell{max-width:none;min-width:16.666667%}
.grid--lg-6.grid--auto.grid--gutter>.cell{min-width:calc(16.666667% - 16.67px)}
.content{padding:0 30px}
.gridB-0{margin-bottom:-20px}
}
@media (min-width:1200px){.grid--xl-1>.cell{max-width:100%;margin:0}
.grid--xl-1.grid--border>.cell{margin:-1px 0 0}
.grid--xl-1.grid--gutter>.cell{margin:0 0 30px}
.grid--xl-2>.cell{max-width:50%;margin:0}
.grid--xl-2.grid--border>.cell{max-width:calc(50% + .5px);margin:-1px -1px 0 0}
.grid--xl-2.grid--gutter>.cell{max-width:calc(50% - 15px);margin:0 30px 30px 0}
.grid--xl-2>.cell:nth-child(2n){margin-right:0}
.grid--xl-2.grid--auto>.cell{max-width:none;min-width:50%}
.grid--xl-2.grid--auto.grid--gutter>.cell{min-width:calc(50% - 15px)}
.grid--xl-3>.cell{max-width:33.333333%;margin:0}
.grid--xl-3.grid--border>.cell{max-width:calc(33.333333% + .67px);margin:-1px -1px 0 0}
.grid--xl-3.grid--gutter>.cell{max-width:calc(33.333333% - 20px);margin:0 30px 30px 0}
.grid--xl-3>.cell:nth-child(3n){margin-right:0}
.grid--xl-3.grid--auto>.cell{max-width:none;min-width:33.333333%}
.grid--xl-3.grid--auto.grid--gutter>.cell{min-width:calc(33.333333% - 20px)}
.grid--xl-4>.cell{max-width:25%;margin:0}
.grid--xl-4.grid--border>.cell{max-width:calc(25% + .75px);margin:-1px -1px 0 0}
.grid--xl-4.grid--gutter>.cell{max-width:calc(25% - 22.5px);margin:0 30px 30px 0}
.grid--xl-4>.cell:nth-child(4n){margin-right:0}
.grid--xl-4.grid--auto>.cell{max-width:none;min-width:25%}
.grid--xl-4.grid--auto.grid--gutter>.cell{min-width:calc(25% - 22.5px)}
.grid--xl-5>.cell{max-width:20%;margin:0}
.grid--xl-5.grid--border>.cell{max-width:calc(20% + .8px);margin:-1px -1px 0 0}
.grid--xl-5.grid--gutter>.cell{max-width:calc(20% - 24px);margin:0 30px 30px 0}
.grid--xl-5>.cell:nth-child(5n){margin-right:0}
.grid--xl-5.grid--auto>.cell{max-width:none;min-width:20%}
.grid--xl-5.grid--auto.grid--gutter>.cell{min-width:calc(20% - 24px)}
.grid--xl-6>.cell{max-width:16.666667%;margin:0}
.grid--xl-6.grid--border>.cell{max-width:calc(16.666667% + .83px);margin:-1px -1px 0 0}
.grid--xl-6.grid--gutter>.cell{max-width:calc(16.666667% - 25px);margin:0 30px 30px 0}
.grid--xl-6>.cell:nth-child(6n){margin-right:0}
.grid--xl-6.grid--auto>.cell{max-width:none;min-width:16.666667%}
.grid--xl-6.grid--auto.grid--gutter>.cell{min-width:calc(16.666667% - 25px)}
.gridB-0{margin-bottom:-30px}
}
@media (min-width:1480px){.grid--xxl-1>.cell{max-width:100%;margin:0}
.grid--xxl-1.grid--border>.cell{margin:-1px 0 0}
.grid--xxl-1.grid--gutter>.cell{margin:0 0 30px}
.grid--xxl-2>.cell{max-width:50%;margin:0}
.grid--xxl-2.grid--border>.cell{max-width:calc(50% + .5px);margin:-1px -1px 0 0}
.grid--xxl-2.grid--gutter>.cell{max-width:calc(50% - 20px);margin:0 40px 40px 0}
.grid--xxl-2>.cell:nth-child(2n){margin-right:0}
.grid--xxl-2.grid--auto>.cell{max-width:none;min-width:50%}
.grid--xxl-2.grid--auto.grid--gutter>.cell{min-width:calc(50% - 10px)}
.grid--xxl-3>.cell{max-width:33.333333%;margin:0}
.grid--xxl-3.grid--border>.cell{max-width:calc(33.333333% + .67px);margin:-1px -1px 0 0}
.grid--xxl-3.grid--gutter>.cell{max-width:calc(33.333333% - 26.666666px);margin:0 40px 40px 0}
.grid--xxl-3>.cell:nth-child(3n){margin-right:0}
.grid--xxl-3.grid--auto>.cell{max-width:none;min-width:33.333333%}
.grid--xxl-3.grid--auto.grid--gutter>.cell{min-width:calc(33.333333% - 13.333px)}
.grid--xxl-4>.cell{max-width:25%;margin:0}
.grid--xxl-4.grid--border>.cell{max-width:calc(25% + .75px);margin:-1px -1px 0 0}
.grid--xxl-4.grid--gutter>.cell{max-width:calc(25% - 30px);margin:0 40px 40px 0}
.grid--xxl-4>.cell:nth-child(4n){margin-right:0}
.grid--xxl-4.grid--auto>.cell{max-width:none;min-width:25%}
.grid--xxl-4.grid--auto.grid--gutter>.cell{min-width:calc(25% - 15px)}
.grid--xxl-5>.cell{max-width:20%;margin:0}
.grid--xxl-5.grid--border>.cell{max-width:calc(20% + .8px);margin:-1px -1px 0 0}
.grid--xxl-5.grid--gutter>.cell{max-width:calc(20% - 24px);margin:0 30px 30px 0}
.grid--xxl-5>.cell:nth-child(5n){margin-right:0}
.grid--xxl-5.grid--auto>.cell{max-width:none;min-width:20%}
.grid--xxl-5.grid--auto.grid--gutter>.cell{min-width:calc(20% - 16px)}
.grid--xxl-6>.cell{max-width:16.666667%;margin:0}
.grid--xxl-6.grid--border>.cell{max-width:calc(16.666667% + .83px);margin:-1px -1px 0 0}
.grid--xxl-6.grid--gutter>.cell{max-width:calc(16.666667% - 16.67px);margin:0 20px 20px 0}
.grid--xxl-6>.cell:nth-child(6n){margin-right:0}
.grid--xxl-6.grid--auto>.cell{max-width:none;min-width:16.666667%}
.grid--xxl-6.grid--auto.grid--gutter>.cell{min-width:calc(16.666667% - 16.67px)}
.gridB-0{margin-bottom:-30px}
}

/*多语言*/
.nav-lang-multiple{position: relative;cursor: pointer;height: 40px;display: flex;align-items: center;}
.nav-lang-multiple i{font-size: 24px;}
.nav-lang-multiple ul{position: absolute;top: 40px;background: rgb(255 255 255 / 100%);box-shadow: 0 0 10px 1px #ccc;padding: 10px 15px;border-radius: 5px;display: none;z-index: 999;left: 50%;transform: translateX(-50%);}
.nav-lang-multiple li{height: 32px;line-height: 32px;width: 100%;list-style: none;}
.nav-lang-multiple li a{display: flex;font-size: 14px;color: #333;align-items: center;}
.nav-lang-multiple li a img{width: 18px;height: 18px;margin-right: 5px;border: 1px solid #efefef;border-radius: 50%;}
.nav-lang-multiple li a span{margin-top: 3px;}
.nav-lang-multiple:hover ul{display: block;}
.nav-lang-multiple li a:hover{color: #f24259;}
@media(max-width: 991px){
    .nav-lang-multiple ul{top: 40px;padding: 10px;}
}

/* 轮播图swiper */
.fixed-top{margin-top: 71px;}
.swiper{width:100%;position:relative;-webkit-box-sizing:content-box;box-sizing:content-box;overflow: hidden;}
.swiper-container{overflow:hidden}
.swiper .swiper-wrapper{opacity:0;display:flex;flex-wrap:wrap;width:-webkit-max-content;width:-moz-max-content;width:max-content}
.swiper-cell{display:none;position:relative}
.swiper-01.swiper-cell{display:flex}
.swiper .swiper-wrapper .swiper-cell{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:flex}
.swiper .swiper-wrapper .swiper-cell img{width:100%;display:block;max-width:100%}
.swiper .swiper-button-prev{top:0;left:0;cursor:pointer;position:absolute}
.swiper .swiper-button-next{top:0;right:0;cursor:pointer;position:absolute}
.swiper .swiper-button-next.disabled,.swiper .swiper-button-prev.disabled{opacity:.5}
.swiper .swiper-pagination{right:0;bottom:10px;position:absolute}
.swiper .swiper-pagination ul{display:flex}
.swiper .swiper-pagination ul li{padding:5px;list-style:none}
.swiper .swiper-pagination ul li span{width:10px;height:10px;display:block;cursor:pointer;background:grey;border-radius:50%}
.swiper .swiper-pagination ul li.active span{background:#f24259}
.swiper-cell>a[data-lightbox=lightbox-demo]{display:block;width:100%;height:100%}
.next,.prev{width:30px;height:30px;border-radius:50%;background-color:rgba(255,255,255,.4);display:flex;cursor:pointer;align-items:center;justify-content:center;transition:all .3s;position:absolute;top:50%;transform:translateY(-50%);z-index:1}
.next{right:10px}
.prev{left:10px}
.next.disabled,.prev.disabled{opacity:0}
.next:hover,.prev:hover{background-color:#f24259;transition:all .3s;}
.next:after{content:"\e6d1";font-size:12px;font-family:iconfont;line-height:1;cursor:pointer;font-style:normal;display:block;transition:all .3s;color:#323232}
.prev:after{content:"\e6d1";font-size:12px;font-family:iconfont;line-height:1;cursor:pointer;font-style:normal;display:block;transition:all .3s;color:#323232;transform:scaleX(-1)}
.next:hover:after,.prev:hover:after{color:#fff}
.swiper-dots{position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:2;bottom:15px}
.swiper-dots ul{display:flex}
.swiper-dots ul li{margin:0 2px}
.swiper-dots ul li span{width:8px;height:8px;background-color:#8d99ae;border-radius:50%;display:flex;cursor:pointer;border:solid 2px #fff;transition:all .3s}
.swiper-dots ul li.active span{background-color:#f24259}
.region--index-1{overflow:hidden;width:100%}
.swiper-1--img{position:relative;display:block;padding-bottom:52.17%;width:100%;z-index:2}
.swiper-1--img:after{position:absolute;left:0;top:0;width:100%;height:100%;content:"";background:linear-gradient(91deg,#000 0,#000 10%,rgba(255,255,255,.1) 100%);opacity:.35}
.swiper-1--img img{position:absolute;top:50%;left:50%;width:100%;max-width:100%;transform:translate(-50%,-50%)}
.swiper-1--main{position:absolute;left:0;top:0;width:100%;height:100%}
.swiper-1--main .stage{height:100%;padding:0}
.swiper-1--con{display:flex;width:100%;height:100%;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:4;color:#fff;text-align:center;padding:0 40px;text-shadow:2px 2px 6px rgba(0,0,0,.5)}
.swiper-1--tit{font-weight:700;font-size:17px;line-height:1.2;margin-bottom:20px}
.swiper-1--tit-1{font-size:12px;font-weight:300;margin-top:10px;padding-bottom:10px;position:relative}
.swiper-1--con p{font-size:13px;margin-top:10px;line-height:1.6;display:none}
.swiper-1-more{display:inline-block}
.swiper-1-more a{display:flex;font-size:12px;text-decoration:underline;font-weight:400;color:#fff;line-height:1;font-weight:400;align-items:center}
.swiper-1-more a:after{content:"\e6a6";vertical-align:middle;font-family:iconfont;line-height:1;cursor:pointer;font-style:normal;margin-left:5px;font-size:12px}
.swiper-1-more a:hover{color:#a61c38}
.swiper-1--con-img{margin:10px 0}
.swiper-1--con-img img{width:auto;height:14px}
.swiper-1--con.swiper-1--left{align-items:flex-start;text-align:left}
.swiper-1--con.swiper-1--right{align-items:flex-end;text-align:right}
.swiper .swiper-wrapper .swiper-cell .swiper-1--img img{width:auto;display:block;max-width:none;height:100%}
.swiper-nav{position: absolute;top: 50%;width: 100%;}
@media (min-width:576px){.swiper-1--tit{font-size:18px;margin-bottom:0}
.swiper-1--tit-1{font-size:14px;margin-top:15px;padding-bottom:15px}
.swiper-1--con p{font-size:16px;margin-top:15px;display:block}
.swiper-1--con-img img{height:15px}
.swiper-1--img{padding-bottom:54.68%}
.swiper-dots ul li span{margin:0 2px}
.swiper-1--con{padding:0}
.swiper-1--con{display:flex;width:80%}
}
@media (min-width:768px){.swiper-1--tit{font-size:22px}
.swiper-1--tit-1{font-size:16px}
.swiper-1--con p{font-size:17px;font-weight:400}
.swiper-1--con-img img{height:17px}
.swiper-1-more{margin-top:10px}
.swiper-1-more a{font-size:13px}
.swiper-1--img{padding-bottom:45.36%}
.swiper-dots{bottom:20px}
.next,.prev{width:35px;height:35px}
.next:after,.prev:after{font-size:16px}
.next{right:20px}
.prev{left:20px}
.swiper-1--con{width:600px}
}
@media (min-width:992px){.swiper-1--tit{font-size:26px}
.swiper-1--tit-1{font-size:17px}
.swiper-1--con p{font-size:18px;font-weight:300}
.swiper-1--con-img img{height:24px}
.swiper-1-more a{font-size:14px}
.swiper-1--img{padding-bottom:37.5%}
.swiper-dots ul li span{margin:0 3px;width:10px;height:10px}
}
@media (min-width:1200px){.swiper-1--tit{font-size:30px}
.swiper-1--tit-1{font-size:18px}
.swiper-1--con p{font-size:20px}
.swiper-1--con-img img{height:25px}
.swiper-1-more a{font-size:15px}
.swiper-1--img{padding-bottom:33.333%}
.swiper-dots{bottom:30px}
.next,.prev{width:45px;height:45px}
.next:after,.prev:after{font-size:18px}
.swiper .swiper-wrapper .swiper-cell .swiper-1--img img{width:101%;display:block;max-width:101%}
}
@media (min-width:1480px){.swiper-1-more a{font-size:15px}
.swiper-1--tit{font-size:33px}
.swiper-1--tit-1{font-size:20px;margin-top:20px;padding-bottom:20px}
.swiper-1--con p{font-size:20px;margin-top:25px}
.swiper-1--con-img img{height:30px}
.swiper-1-more a{font-size:16px}
.swiper-1-more{margin-top:15px}
}

/*!popup--message*/.popup--main{position:relative}
.popup--message__tit{position:fixed;right:0;bottom:0;z-index:500;line-height:1;cursor:pointer;color:#fff;font-weight:600;background-color:#f24259;border-radius:10px 0 0 0;padding:12px 20px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s;border-top:solid 1px #fff;border-left:solid 1px #fff;font-size:15px}
.popup--message__tit:hover{-webkit-box-shadow:0 30px 40px 0 rgba(0,0,0,.2);box-shadow:0 30px 40px 0 rgba(0,0,0,.2);-webkit-transform:translateY(-6px);-ms-transform:translateY(-6px);transform:translateY(-6px)}
.popup--message__tit i{font-size:22px;padding-right:10px;vertical-align:middle}
.popup--message__tit img{max-width:100%;line-height:1}
.popup--message__main{position:fixed;right:0;bottom:0;z-index:300;overflow:auto;background:#fff;border:1px solid #e9e9e9;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.16);box-shadow:0 5px 10px rgba(0,0,0,.16);border-radius:10px;width:440px}
.popup--message__tit+.popup--message__main{visibility:hidden;height:0;opacity:0;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s}
.popup--message__tit-1{padding:5px 20px;background-color:#f24259;color:#fff;font-weight:600;font-size:15px}
.popup--message__p{display:flex;padding:10px;background-color:#f5f5f5}
.popup--message__p img{height:35px}
.popup--message__p p{margin:0;padding-top:5px;padding-left:10px;color:#444;font-weight:700;font-size:15px}
.popup--message__p-1{padding:10px 15px 10px;font-size:15px;color:#575a5d;line-height:1.5}
#contactform ul{margin-top:0;padding:0 15px 10px}
#contactform ul li{display:flex;list-style-type:none;-ms-flex-wrap:wrap;flex-wrap:wrap}
#contactform ul li label{margin-top:5px;width:100%;font-size:14px}
#contactform ul li button,#contactform ul li input,#contactform ul li textarea{padding:6px;width:100%;font-size:14px;font-weight:300;border: 1px solid #e9e9e9;border-radius: 5px;}
#contactform ul li .red{color:red}
#contactform ul li.buttons input{display:inline-block;margin:18px 0 10px;padding:8px 30px;border:0;background-color:#f24259;color:#fff;font-weight:500;font-size:14px;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s;letter-spacing:.6px;border:solid 2px #f24259;width:auto}
#contactform ul li.buttons input:hover{border:solid 2px #f24259;color:#f24259;background-color:#fff}
.popup--message__tit.message-opened img{display:none}
.popup--message__tit.message-opened{position:absolute;z-index:300;background-color:#f24259}
.popup--message__tit.message-opened+.popup--message__main{visibility:visible;height:auto;opacity:1}
.close-message{position:absolute;top:5px;right:10px;color:#fff;font-size:22px;line-height:1;cursor:pointer}
.close-message:hover{color:#eee}
.app--popup span{font-size:0}
.app--popup{position:fixed;right:10px;bottom:10px;z-index:301;display:none;line-height:1}
.app--popup i{color:#3199fa;font-size:50px}
.app--popup:hover i{color:#f24259}
.app--popup a:hover{text-decoration:none}
.form-test1,input.form_required{display:none}
@media(max-width:1399px){.popup--message__tit{font-size:0;width:60px;height:60px;border-radius:50%;line-height:1;padding:0;right:15px;bottom:15px}
.popup--message__tit i{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding-right:0;font-size:30px}
}
@media(max-width:575px){.popup--message__main{width:90%}
#contactform ul li button,#contactform ul li input,#contactform ul li label,#contactform ul li textarea,#contactform ul li.buttons input,.popup--message__p-1{font-size:12px}
.popup--message__tit{width:40px;height:40px;right:10px;bottom:10px}
.popup--message__tit i{padding-right:0;font-size:20px}
}


/* 首页顶部email */
.region--email{background-color: #312b2c;padding: 8px 0;height: 40px;}
.top--email{display: flex;align-items: center;justify-content: flex-end;}
.top--email a{color: rgba(255,255,255,.7);font-size: 14px;display: flex;align-items: center;}
.top--email a .iconfont{font-size: 20px;line-height: 1;margin-right: 5px;}
.top--email a:hover{color: #fff;}


/* 首页导航 */
.region--nav{border-bottom:1px solid #eee;position:fixed;top:40px;z-index: 999;transition: all .3s;box-shadow: 0 2px 10px rgba(0,0,0,.1);}
.region--nav.fixed{top: 0;}
.region--nav-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:15px 0}
.region--logo{line-height:1}
.region--logo img{height:40px;display:block}
.region--nav-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px}
.nav--menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}
.nav-menu--item{position:relative}
.nav-menu--item>a{padding:10px;color:#323232;font-weight:600;position:relative;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.nav-menu--item>a:hover{color:#f24259}
.nav-menu--item>a::after,.nav-menu--item>a:before{content:'';width:10px;height:10px;position:absolute;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.nav-menu--item>a:before{border-top:2px solid transparent;border-left:2px solid transparent;top:16px;left:12px}
.nav-menu--item>a::after{border-bottom:2px solid transparent;border-right:2px solid transparent;right:12px;bottom:16px}
.nav-menu--item>a:hover::after,.nav-menu--item>a:hover:before{border-color:#f24259}
.nav-menu--item>a:hover:before{left:0;top:8px}
.nav-menu--item>a:hover::after{right:0;bottom:8px}
.nav-menu--item>a .iconfont{font-size:12px}
.nav-menu--item.active>a{color:#f24259}
.nav-menu--item.active>a::after,.nav-menu--item.active>a::before{border-color:#f24259}
.nav-menu--item.active>a:before{left:0;top:8px}
.nav-menu--item.active>a::after{right:0;bottom:8px}
.nav--btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}
.region--search{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #dadada;padding:4px 10px;border-radius:5px}
.region--search form{position:relative}
.region--search input[type=text]{border:0;width:calc(100% - 22px);height: 26px;}
.region--search button[type=submit]{cursor: pointer;}
.region--search .iconfont{font-size:16px;color:#f24259;font-weight:600}
.dropdown{position:absolute;width:260px;left:-60%;top:90%;background-color:#fff;padding:10px;border-radius:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5px;opacity:0;visibility:hidden;z-index:999;-webkit-transition:all.3s;-o-transition:all.3s;transition:all.3s;box-shadow: 0 2px 10px rgba(0,0,0,.1);}
.dropdown__item>a{padding:8px 12px;display:block;color:#323232;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-radius:5px;line-height: 1.3;}
.dropdown__item.active>a,.dropdown__item:hover>a,.dropdown__item>a.active{background-color:#f24259;color:#fff}
.dropdown__item>a .iconfont{font-size:12px;margin-right:5px}
.nav-menu--item:hover .dropdown{top:39px;opacity:1;visibility:visible}
.dropdown--cell{position:absolute;top:0;left:90%;background-color:#fff;width:700px;padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;border-radius:5px;-webkit-box-shadow:0 0 10px 1px #ddd;box-shadow:0 0 10px 1px #ddd;opacity:0;visibility:hidden;-webkit-transition:all.3s;-o-transition:all.3s;transition:all.3s;align-content: flex-start;min-height: 300px;}
.nav-menu--item .dropdown__item.active .dropdown--cell{left:100%;opacity:1;visibility:visible}
.dropdown__item:hover .dropdown--cell{left:100%;opacity:1;visibility:visible}
.dropdown--cell a{width:calc(50% - 10px);font-size:14px;color:#323232;padding:8px 12px;line-height: 1.3;}
.dropdown--cell a:hover,.dropdown--cell a.active{color: #f24259;}
.app--nav{display:none}
.close-open,.open-menu{line-height:1;font-size:20px}
.close-open .iconfont,.open-menu .iconfont{font-size:24px}
@media (max-width:1479px){.region--logo img{height:30px}
.region--search{width:140px}
.nav-menu--item>a{padding:6px}
}
@media (max-width:1399px){.nav-menu--item>a:hover:before,.nav-menu--item.active>a:before{top: 4px;}
.nav-menu--item>a:hover::after,.nav-menu--item.active>a:after{bottom: 4px;}
.dropdown--cell{width: 600px;}
}
@media (max-width:1199px){.dropdown__item>a .iconfont{transform: rotate(90deg);}
.nav--menu{opacity:0;visibility:hidden;position:fixed;width:100%;left:0;top:80px;background-color:#fff;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:0;height:calc(100vh - 110px);overflow:auto;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.nav--menu.active{top:90px;opacity:1;visibility:visible}
.region--nav.fixed .nav--menu.active{top: 60px;}
.nav-menu--item>a{font-size:14px;border-bottom:1px solid #eee}
.nav-menu--item:last-child>a{border-bottom:0}
.nav-menu--item>a::after,.nav-menu--item>a:before{display:none}
.region--nav-box{position:inherit;padding:10px 0}
.app--nav{display:block}
.close-open{display:none}
.region--search{width:inherit}
.nav-menu--item{width:100%}
.nav-menu--item>a{width:100%;font-weight:400;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:6px 15px}
.dropdown{position:inherit;width:100%;-webkit-box-shadow:none;box-shadow:none;opacity:0;visibility:hidden;background-color:transparent;padding:0;border-radius:0;gap:0;height:0;top:0;overflow:hidden}
.dropdown__item>a{padding:8px 25px;border-bottom:1px solid #e3e3e3;background-color:#f9f9f9;border-radius:0;color:#666}
.dropdown--cell{position:inherit;width:100%;opacity:1;visibility:visible;border-radius:0;background-color:transparent;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:0;height:0;overflow:hidden;min-height: auto;}
.dropdown--cell a{background-color:#f0f0f0;width:100%;border-bottom:1px solid #e3e3e3;padding:8px 35px;color:#777}
.nav-menu--item:hover .dropdown{top:0}
.nav-menu--item.active .dropdown{height:auto;left: 0;transition: none;opacity: 1;visibility: visible;}
.dropdown__item.active .dropdown--cell{height:auto}
.dropdown__item>a:hover{background-color:#f5f5f5;color:#666}
.dropdown__item.active>a{background-color:#f24259;color:#fff}
.nav--btn{gap:20px}
}
@media (max-width:991px){.region--email{padding:5px 0;height: 30px;}
.top--email a{font-size:12px}
.top--email a .iconfont{font-size:16px}
.region--nav{top: 30px;}
.region--logo img{height:30px}
.region--search form{height:24px;position:relative}
.region--search .iconfont{font-size:14px}
.close-open .iconfont,.nav-lang-multiple i,.open-menu .iconfont{font-size:20px}
.fixed-top{margin-top: 61px;}
}
@media (max-width:767px){.region--nav-box{padding:5px 0}
.nav--menu{top:80px}
.nav--menu.active{top:80px}
.region--nav.fixed .nav--menu.active{top: 50px;}
.nav-menu--item a{font-size:12px}
.region--search form{height: 20px;}
.region--search input[type=text]{height: 20px;}
.fixed-top{margin-top: 51px;}
}
@media (max-width:575px){.region--logo img{height:25px}
.nav--btn{gap:15px}
.region--search form{width:100px}
}


/* swiper */
.swiper-img{width:100%;position:relative;padding-bottom:33%}
.swiper-img img{position:absolute;top:0;left:0;height:auto}
.swiper-con{position:absolute;width:100%;height:100%;z-index:9;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.swiper-1 .swiper-cell::after{position:absolute;content:'';width:100%;height:100%;background-color:rgba(0,0,0,.38);z-index:8}
.swiper-con__tit{font-size:40px;margin-bottom:30px;color:#fff}
.swiper-con .icon-nut-icon-angle-double-right{font-size:30px;margin-left:20px}
.swiper-con__tit{font-weight:600;line-height:1}
.swiper-con__tit:hover,.swiper-con__tit:hover .icon-angle-double-right{color:#f24259}
.swiper-con p{color:#fff;font-size:18px;margin-top:0;margin-bottom:0}
.swiper-cell.swiper-active .swiper-con__tit{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:.5s;animation-delay:.5s}
.swiper-cell.swiper-active .swiper-con p{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:.5s;animation-delay:.5s}
@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeIn{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@media (max-width:1399px){.swiper-con__tit{font-size:36px;margin-bottom:25px}
}
@media (max-width:1199px){.swiper-con__tit{font-size:32px;margin-bottom:20px}
.swiper-con .icon-nut-icon-angle-double-right{font-size:26px}
.swiper-img{padding-bottom:40%}
.fixed-top{margin-top:61px}
}
@media (max-width:991px){.swiper-con__tit{font-size:26px}
.swiper-con .icon-nut-icon-angle-double-right{font-size:22px}
.swiper-con p{font-size:16px}
.swiper-img{padding-bottom:50%}
}
@media (max-width:767px){.swiper-con__tit{font-size:22px}
.swiper-con .icon-nut-icon-angle-double-right{margin-left:10px}
.swiper-con p{font-size:14px}
.fixed-top{margin-top:51px}
}

/* back to top */
.back-to-top{position:fixed;bottom:90px;right:20px;width:50px;height:50px;background-color:#f24259;color:#fff;border-radius:50%;text-align:center;line-height:50px;cursor:pointer;opacity:0;visibility:hidden;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.2);box-shadow:0 2px 5px rgba(0,0,0,.2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index: 100;}
.back-to-top:hover{background-color:#fff;color: #f24259;}
.back-to-top.show{opacity:1;visibility:visible}
.back-to-top .iconfont{font-size:20px}
@media screen and (max-width:1199px){.back-to-top{bottom:100px;right:20px}
}
@media screen and (max-width:575px){.back-to-top{width:40px;height:40px;right:10px;bottom:80px}
.back-to-top .iconfont{font-size:16px}
}

/* 分页器 */
.pagination-container{margin-top:30px;display: none;}
.pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px;margin-top:20px}
.pagination a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid #f24259;text-decoration:none;}
.pagination .pages a{border: 1px solid #ddd;color: #333;line-height: 1;}
.pagination>a{font-size:0}
.pagination a.active{background:#f24259;color:#fff;border-color:#f24259}
.pagination a.disabled{opacity:.5;pointer-events:none;border-color:#ddd}
.data-item{padding:10px;border-bottom:1px solid #eee}
.pages-next,.pages-prev{position:relative}
.pages-next::before,.pages-prev::before{content:'\e769';position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-family:iconfont;font-size:16px}
.pages-prev::before{content:'\eea3'}
.pages-next::before{content:'\e6d1'}
.pages{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px}
@media (max-width:1399px){.pagination a{width:35px;height:35px;font-size:14px}
.pages-next::before,.pages-prev::before{font-size:14px}
}
@media (max-width:1199px){.pagination a{width:30px;height:30px}
.technology-page-date{margin:20px 0;}
}
@media screen and (max-width:991px){.technology-page-date{font-size:12px}
}
@media (max-width:767px){.technology-page-date{margin:15px 0;}}
@media (max-width:575px){.pagination a{width:25px;height:25px;font-size:12px}
.pages-next::before,.pages-prev::before{font-size:12px}
.pagination-container{margin-top:10px}
.technology-page-date{margin-bottom:10px}
}

/*! lightbox*/[data-lightbox]{position:relative;display:block;line-height:0}
html.lb-disable-scrolling{position:fixed;overflow:hidden;width:100vw;height:100vh}
.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;opacity:.8}
.lightbox{position:absolute;left:0;z-index:10000;width:100%;text-align:center;font-weight:400;line-height:0}
.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border:4px solid #fff;border-radius:3px}
.lightbox a img{border:none}
.lb-outerContainer{position:relative;margin:0 auto;width:250px;height:250px;border-radius:4px;background-color:#fff}
.lb-outerContainer:after{clear:both;display:table;content:""}
.lb-loader{position:absolute;top:43%;left:0;width:100%;height:25%;text-align:center;line-height:0}
.lb-cancel{display:block;margin:0 auto;width:32px;height:32px;background:url(../images/loading.gif) no-repeat}
.lb-nav{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%}
.lb-container>.nav{left:0}
.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}
.lb-next,.lb-prev{display:block;height:100%;cursor:pointer}
.lb-nav a.lb-prev{left:0;float:left;width:34%;background:url(../images/prev.png) left 48% no-repeat;transition:opacity .6s}
.lb-nav a.lb-prev:hover{opacity:1}
.lb-nav a.lb-next{right:0;float:right;width:64%;background:url(../images/next.png) right 48% no-repeat;transition:opacity .6s}
.lb-nav a.lb-next:hover{opacity:1}
.lb-dataContainer{position:relative;margin:0 auto;padding-top:5px;width:100%;border-bottom-right-radius:4px;border-bottom-left-radius:4px}
.lb-dataContainer:after{clear:both;display:table;content:""}
.lb-data{padding:0 4px;color:#ccc}
.lb-data .lb-details{margin:0 auto;margin-top:8px;width:85%;text-align:center;line-height:1.1em}
.lb-data .lb-caption{font-weight:600;font-size:16px;line-height:1.25}
.lb-data .lb-caption a{color:#4ae}
.lb-data .lb-number{clear:left;display:block;padding-bottom:1em;color:#999;font-size:12px}
.lb-data .lb-close{position:absolute;top:0;right:0;float:right;display:block;width:30px;height:30px;outline:0;background:url(../images/close.png) top right no-repeat;text-align:right;opacity:.7;transition:opacity .2s}
.lb-data .lb-close:hover{opacity:1;cursor:pointer}
[data-lightbox]:after{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,103,184,.4) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23ffffff' d='M1024 0v416L864 256 672 448l-96-96 192-192L608 0zM448 672L256 864l160 160H0V608l160 160 192-192z'/%3E%3C/svg%3E") no-repeat center;background-size:0 0;content:'';opacity:0;transition:all .2s ease-in-out}
[data-lightbox]:hover:after{background-size:32px 32px;opacity:1}

/* 各种标题大小 */
.h1-tit{font-size:34px;color: #f24259;line-height: 1.3;}
.h2-tit{font-size:30px;font-weight: 600;}
.h3-tit{font-size:26px;font-weight: 600;color: #f24259;}
.h3-tit .iconfont{color: #f24259;font-size: 24px;margin-right: 10px;}
.h4-tit{font-size:20px;font-weight: 600;}
.page-h1-tit{font-size:34px;line-height: 1.3;color: #333;}

@media (max-width:1199px){
    .h1-tit,.page-h1-tit{font-size:30px}
    .h2-tit{font-size:26px}
    .h3-tit,.h3-tit .iconfont{font-size:22px}
}

@media (max-width:991px){
    .h1-tit,.page-h1-tit{font-size:26px}
    .h2-tit{font-size:24px}
    .h3-tit,.h3-tit .iconfont{font-size:20px}
    .h4-tit{font-size:18px}
}

@media (max-width:767px){
    .h1-tit,.page-h1-tit{font-size:22px}
    .h2-tit{font-size:20px}
    .h3-tit,.h3-tit .iconfont{font-size:18px}
    .h3-tit .iconfont{margin-right: 5px}
    .h4-tit{font-size:16px}
}
@media (max-width:575px){
    .h1-tit,.page-h1-tit{font-size:18px}
    .h2-tit{font-size:16px}
    .h3-tit,.h3-tit .iconfont{font-size:16px}
}

/* 404 */
.error-page{display:flex;justify-content:space-between;margin-top:40px;margin-bottom:40px;align-items: center;}
.error-page-left{width:40%;text-align:center}
.error-page-p1{line-height:1.2;color:#f24259;margin-bottom:18px;margin-top:20px;text-transform:uppercase;background:url(../img/404-bg.webp) repeat-x;background-position:center bottom;padding-bottom:14px;font-size:44px;font-weight:700;letter-spacing:7px;width:80%}
p.error-page-p2{background-position:right 5px;margin-bottom:5px;padding-right:15px;line-height:30px;font-weight:700;font-size:17px;width:80%}
.pape-1{display:flex;margin-top:40px}
.pape-1 a{margin-right:20px;padding:12px 30px;border:1px solid #f24259;border-radius:5px;background:#f24259;color:#fff;font-weight:600;text-transform:uppercase;text-decoration:none;line-height:1}
.pape-1 a.homemail{background:#fff;color:#f24259}
.pape-1 a:hover{background-color: #a61c38;color: #fff;text-decoration: none;}
.pape-1 a.homemail:hover{background-color:#f24259;color:#fff;border:solid 1px #f24259;text-decoration: none;}
.error-page-right{padding-left:40px;width:60%}
.error-page-left img{max-width:100%}
p.h2--page.page-choose{margin-top:40px;margin-bottom:0;font-size:24px}
p.h2--page.page-choose+p{margin-bottom:-100px}
.region--page p+ol,.region--page p+ul{margin-top:0}
.region--pape .pape-1 .home404{color:#fff}
@media(max-width:1479px){.error-page-p1,p.error-page-p2{width:100%}
}
@media(max-width:1199px){.error-page-p1,p.error-page-p2{width:100%}
.error-page-p1{font-size:36px;font-weight:700;letter-spacing:0;width:100%}
}
@media(max-width:991px){p.h2--page.page-choose{font-size:18px}
.pape-1{margin-top:20px}
p.error-page-p2{font-size:14px}
}
@media(max-width:767px){.error-page{margin-top: 0px;}
.error-page-left{display:none}
.error-page-right{width:100%;padding-left:0}
}
@media(max-width:575px){p.h2--page.page-choose{margin-top:20px;margin-bottom:0;font-size:16px}
p.h2--page.page-choose+p{margin-bottom:-10px}
.error-page-p1{font-size:20px;margin-bottom: 0;}
.error-page{margin-top:0;margin-bottom:20px}
p.error-page-p2{font-size:13px;line-height:1.6;text-transform:lowercase}
}



/* 首页内容 */
.home-services .cell{-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1);padding:40px;border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:30px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.home-services .cell .iconfont{font-size:26px;color:#f24259}
.services--tit{font-weight:600;font-size:18px;margin-bottom:10px}
.services--con p{margin:0;line-height:1.4}
.home-services-images .cell{border:1px solid #eee;border-radius:10px;text-align:center;overflow:hidden}
.home-services-images .cell p{margin:10px;font-size:14px}
.home-products .cell{background-color:#233049;color:#fff;padding:50px;border-radius:10px}
.home-products .cell p{margin:0}
.home-products .cell b{color:#f24259;}

@media (max-width:1199px){
.home-services .cell{padding:30px}
.home-products .cell{padding:40px}
}
@media (max-width:991px){
.home-services .cell{padding:20px;gap:20px}
.home-services .cell .iconfont{font-size:22px}
.services--tit{font-size:16px;margin-bottom:5px}
.home-products .cell{padding:30px}
}
@media (max-width:767px){
.services--tit{font-size:14px;margin-bottom:5px}
.home-services-images .cell p{margin:5px 0;font-size:12px}
}

.region--contact{background:url(/images/subscribebg.jpg) no-repeat center/cover;position:relative}
.region--contact::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(35,48,73,.9);z-index:1}
.home-contact--con{position:relative;z-index:2;padding:40px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#fff}
.home-contact--con p{width:75%;margin:0}
.home-contact--con .icon-envelope{font-size:60px;margin-left:5%;margin-right:8%}
.home-contact--con a:hover{color:#fff}
.swiper.swiper-2{padding-bottom:60px}
.swiper-2 .swiper-wrapper{padding:10px 0}
.swiper.swiper-2 .swiper-wrapper .swiper-cell{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.05);box-shadow:0 2px 10px rgba(0,0,0,.05);border-radius:10px}
.home-products--con{height:100%;padding:20px 30px 30px 30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.homePro-tit a{font-size:20px;font-weight:600}
.home-products--con p{color:#888;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;padding: 10px 0;}
.more-btn{background-color:#f24259;color:#fff;padding:6px 25px;border-radius:5px;font-weight:600;display:inline-block;margin-top:20px;border:2px solid transparent;font-size: 14px;}
.more-btn:hover{border-color:#f24259;background-color:#fff;color:#f24259}
.swiper.swiper-2 .swiper-pagination{right:inherit;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:0}
.swiper.swiper-2 .swiper-pagination ul li span{width:25px;height:8px;border-radius:5px}
@media screen and (max-width:1199px){
.home-products--con{padding:20px}
.homePro-tit a{font-size:18px}
.more-btn{padding:5px 20px;margin-top:0px}
.swiper.swiper-2{padding-bottom:50px}
}
@media screen and (max-width:991px){
    .more-btn{font-size: 12px;}
}
@media screen and (max-width:767px){.homePro-tit a{font-size:16px}
.swiper.swiper-2{padding-bottom:40px}
.swiper.swiper-2 .swiper-pagination ul li span{width:18px;height:6px}
.more-btn{padding: 4px 15px;}
}
@media screen and (max-width:575px){
.homePro-tit a{font-size:14px}
.swiper.swiper-2{padding-bottom:30px}
}

/* Home Technology */

.technology-grid .cell{background-color:#fff;padding:30px;border-radius:10px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.05);box-shadow:0 2px 10px rgba(0,0,0,.05);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.technology-tit{font-size:20px;font-weight:600;line-height:1.3}
.technology-grid .cell p{margin:15px 0;color:#888}
@media screen and (max-width:1399px){.technology-grid.cell{padding:20px}
}
@media screen and (max-width:1199px){.technology-tit{font-size:18px}}
@media screen and (max-width:991px){.technology-tit{font-size:16px}
.technology-grid.cell{padding:15px}
}
@media screen and (max-width:575px){.technology-tit{font-size:14px}
.technology-grid .cell p{margin:10px 0}
}

/* Home Review */
.swiper-3 .swiper-cell{border-radius:15px;padding:40px;color:#233049;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;border:1px solid rgba(35,48,73,.3);background-color:rgba(35,48,73,.1)}
.customer-msg{margin-bottom:30px}
.customer-msg--img{width:60px;height:60px;border-radius:50%;overflow:hidden;border:2px solid #fff;margin:0 auto 20px auto}
.customer-msg--name{font-size:14px}
.customer-msg--name span{font-size:16px;font-weight:600;color:#f24259;margin-right:5px}
.customer-msg--tit{font-size:20px;font-weight:600;color:#f24259;margin-bottom:10px;text-align:center}
.swiper.swiper-3 .swiper-pagination{right:inherit;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:0}
.swiper-3 .swiper-container{padding-bottom:40px}
@media (max-width:1199px){.customer-msg--tit{line-height:1.3;font-size:18px}
}
@media (max-width:991px){.customer-msg{margin-bottom:20px}
}
@media (max-width:575px){.customer-msg--name{font-size:12px}
.customer-msg--name span{font-size:14px}
.customer-msg{margin-bottom:10px}
.customer-msg--tit{font-size:16px}
}

.region--footer{background-color:#233049}
.footer-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:60px}
.footer-company,.footer-contact{width:calc(40% - 30px)}
.footer-logo{width:186px}
.footer-logo img{display:block;width:100%}
.footer-company--con{color:#fff;margin:30px 0}
.web-pages ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}
.web-pages ul li{list-style-type:none;width:calc(50% - 10px)}
.web-pages ul li a{color:#c3c3c3;padding-left:20px}
.web-pages ul li a:hover{color:#f24259}
.footer-contact{background-color:#f24259;padding:40px;border-radius:15px}
.footer-company .h4-tit{color: #fff;}
.footer-contact--cell{margin-bottom:20px}
.footer-contact--cell:last-child{margin-bottom:0}
.footer-contact--tit{color:#fff;opacity:.6;padding-bottom:10px;border-bottom:1px solid #a61c38;margin-bottom:15px}
.footer-contact--con p,.footer-contact--con p .iconfont,.footer-contact--con p a{color:#fff;font-size:14px;margin-bottom: 0;}
.footer-contact--con p a:hover{color:#233049}
.region--copyright{background-color:#18202e;padding:15px 0;color:#c3c3c3;font-size:14px;}
.copyright-con{display: flex;align-items: center;justify-content: center; gap: 30px;text-align: center;}
.copyright-con--link{display: flex;align-items: center;gap: 15px;}
.copyright-con--link a{color: #888;}
.copyright-con--link a:hover{color: #fff;}

@media (max-width:1399px){.footer-company,.footer-contact{width:calc(50% - 30px)}}
@media (max-width:1199px){.footer-main{gap:40px}
.footer-contact{width:calc(50% - 20px);padding:30px}

.footer-company--con{margin:20px 0}
.footer-logo{width:170px}
}
@media (max-width:991px){.footer-main{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:30px}
.footer-company,.footer-contact{width:100%}
.footer-company--con{margin:15px 0}
.footer-contact{padding:25px}
.copyright-con{flex-direction: column;gap: 5px;}
}
@media (max-width:767px){.footer-logo{width:150px}
.region--copyright{padding:10px 0}
.copyright-con{font-size:12px}
}
@media (max-width:575px){.footer-contact{padding:20px}
.footer-contact--con p,.footer-contact--con p .iconfont,.footer-contact--con p a{font-size:12px}
.footer-contact--tit{padding-bottom:5px;margin-bottom:10px}
}


.breadcrumb--bg,.region--breadcrumb{position:relative}
.breadcrumb--bg::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(35,48,73,.8);z-index:1}
.breadcrumb--con{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.breadcrumb--tit{color:#fff;font-size:36px;font-weight:600;margin-bottom:10px}
.breadcrumb--link{color:#fff;font-size:14px;font-weight:600;padding: 0 20px;}
.breadcrumb--link .iconfont{margin-right:5px}
.breadcrumb--link a{position: relative;margin-right: 5px;}
.breadcrumb--link a::after{content: '\e6d1';font-family: "iconfont"!important;font-size: 12px;margin-left: 5px;}
.about-company{padding:40px;background-color:#212b35;border-radius:15px;position:relative;margin-top:100px}
.about-company--top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-bottom:40px}
.company-top--video{position:absolute;top:-40px;left:40px;width:40%;aspect-ratio:4/3;border-radius:30px;z-index:1;overflow:hidden}
.company-top--con{color:#fff;width:calc(60% - 80px);padding-top:30px}
.company-top--tit{text-transform:uppercase;background-color:#f24259;padding:20px;position:absolute;right:20px;top:-35px;border-radius:10px}
.company-bot--grid .cell{border-radius:15px;overflow:hidden;position:relative;}
.company-bot--grid .cell p{color:#fff;position:absolute;left:0;bottom:-70px;width:100%;margin:0;padding:10px;text-align:center;background-color:rgba(242,66,89,.9);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.company-bot--grid .cell:hover p{bottom:0}
@media (max-width:1479px){.company-top--video{width:45%}
.company-top--con{width:calc(55% - 80px);padding-top:20px}
.company-top--tit{padding:15px;top:-30px}
}
@media (max-width:1199px){.about-company{margin-top:80px}
.breadcrumb--tit{font-size:32px}
.company-top--video{position:inherit}
.about-company--top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.company-top--con,.company-top--video{width:100%}
}
@media (max-width:991px){.breadcrumb--tit{font-size:24px;line-height:1.3}
.about-company{margin-top:70px}
.company-top--tit{padding:10px 15px;top:-20px}
.breadcrumb--link{font-weight:400}
.about-company--top{padding-bottom:30px}
.company-top--video{border-radius:20px}
}
@media (max-width:767px){.breadcrumb--tit{font-size:22px}
.about-company{margin-top:60px;padding:30px}
.company-top--tit{padding:5px 10px;border-radius:5px;top:-15px}
.breadcrumb--link{font-size:12px}
.about-company--top{padding-bottom:20px}
.company-top--video{border-radius:15px}
}
@media (max-width:575px){.about-company{margin-top:40px;padding:20px}
.about-company--top{padding-bottom:15px}
.breadcrumb--tit{font-size:18px}
}
.main-products{padding:40px;background-color:#212b35;border-radius:15px;position:relative}
.main-products p{color:#fff;line-height:1.3}
.red-con{color:#f24259;font-weight:600}
.grid-tit{background-color:#a87732;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;color:#f9f9f9;font-size:28px}
@media (max-width:1199px){.grid-tit{font-size:24px;padding:10px 0}
}
@media (max-width:767px){.grid-tit{font-size:20px}
}
@media (max-width:575px){.grid-tit{font-size:16px}
}

/* Products List */
.products-box{margin-top:50px}
.product-category{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:20px;margin-bottom:50px;padding:30px;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.1);box-shadow:0 2px 4px 0 rgba(0,0,0,.1);border-radius:10px}
.filter-btn{padding:10px;cursor:pointer;-webkit-box-shadow:1px 1px 2px rgba(0,0,0,.2);box-shadow:1px 1px 2px rgba(0,0,0,.2);border-radius:5px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.filter-btn.active{background-color:#f24259;color:#fff;border-radius:5px}
.filter-btn:hover{-webkit-box-shadow:2px 3px 8px rgba(0,0,0,.15);box-shadow:2px 3px 8px rgba(0,0,0,.15)}
.products-list{display: flex;flex-wrap: wrap;gap: 30px;}
.product-card{width:calc(25% - 22.5px);-webkit-box-shadow:0 4px 6px 0 rgba(0,0,0,.1);box-shadow:0 4px 6px 0 rgba(0,0,0,.1);border-radius:10px;overflow:hidden;margin-bottom:24px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;display: flex;flex-direction: column;}

.product-card:hover{-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,.2);box-shadow:0 2px 10px 0 rgba(0,0,0,.2)}
.product-card.hide{display:none}
.products-content{padding:20px;display: flex;flex-direction: column;height: 100%;justify-content: space-between;align-items: flex-start;}
.products-content--tit{font-size:20px;line-height:1.3;font-weight:600}
.products-content p{color:#888;margin:10px 0}
@media (max-width:1399px){
.product-category{padding:25px;margin-bottom:40px}
.filter-btn,.filter-btn .iconfont{font-size:14px}
.product-card{width: calc(33.333333% - 20px);}

}
@media (max-width:1199px){.products-box{margin-top:35px}
.product-category{padding:20px;margin-bottom:30px}
.products-content--tit{font-size:18px}
}
@media (max-width:991px){
.product-card{width: calc(50% - 15px);}
}
@media (max-width:767px){.products-box{margin-top:25px}
.product-category{overflow-x:auto;-webkit-box-shadow:initial;box-shadow:initial;padding:5px 0;gap:0;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling: touch; /* iOS平滑滚动 */}
.product-category::-webkit-scrollbar{display:none}
.filter-btn{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;font-size:12px;margin-right:10px}
.products-content--tit{font-size:16px}
}
@media (max-width:575px){
.filter-btn,.filter-btn .iconfont{font-size:12px}
.product-category{margin-bottom:20px}
.products-list{-webkit-column-count:1;-moz-column-count:1;column-count:1}
.filter-btn{padding:7px}
}

@media (max-width:419px){
    .product-card{width: 100%;}
}

/* Technology List */
.technology--box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:40px;margin-top:50px}
.technology--cell{padding:30px;width:calc(50% - 20px);border-radius:15px;overflow:hidden;border:1px solid #e3e3e3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.technology--cell:hover{border-color:#f24259;-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,.1);box-shadow:0 2px 10px 0 rgba(0,0,0,.1)}
.technology--tit{font-size:22px;font-weight:600;margin-bottom:10px;line-height:1.3}
.technology--tit .iconfont{margin-right:10px;font-size:22px;color:#f24259}
.technology--date{color:#888;font-size:14px;margin-bottom:15px;font-style:italic}
.technology--date .iconfont{margin-right:10px}
.technology--cell p{color:#888}
@media (max-width:1399px){.technology--tit{font-size:20px}
}
@media (max-width:1199px){.technology--box{margin-top:40px}
.more-btn .iconfont{font-size:14px}
}
@media (max-width:991px){.technology--box{margin-top:30px;gap:20px}
.technology--cell{padding:20px;width:100%}
.technology--tit,.technology--tit .iconfont{font-size:18px}
.technology--date,.technology--date .iconfont{font-size:12px}
.technology--date{margin-bottom:10px}
.more-btn .iconfont{font-size:12px;}
}
@media (max-width:767px){
    .technology--box{margin-top:25px}
}
@media (max-width:575px){.technology--tit,.technology--tit .iconfont{font-size:14px}
.technology--tit .iconfont{margin-right:5px}
}

/* workshop */
.workshop .cell{border-radius:15px;overflow:hidden}

/* dwonloads */
.dwonloads--list .cell{border-radius:15px;overflow:hidden;position:relative}
.dwonloads--list .cell p{margin:0;padding:10px 0;position:absolute;left:0;bottom:0;background-color:rgba(242,66,89,.85);color:#fff;width:100%;text-align:center}

/* contact */
#map{height:800px}
.contact-main{position:relative}
.contact-main--con{position:absolute;left:15%;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:600px;background-color:#f24259;border-radius:30px;padding:30px}
.contact-main--con form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.contact-main--con form label{margin-bottom:10px;color:rgba(255,255,255,.6)}
.contact-main--con form input,.contact-main--con form textarea{padding:10px 20px;border-radius:5px;border:none;margin-bottom:30px;background-color:#fff;outline:0}
.contact-main--con form button{padding:10px 20px;border-radius:5px;border:none;color:#fff;background-color:#cc2d47;outline:0;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.contact-main--con form button:hover{background-color:#fff;color:#f24259}
@media (max-width:1199px){#map{height:700px}
.contact-main--con form input,.contact-main--con form textarea{margin-bottom:20px;font-size:14px;padding:8px 15px}
}
@media (max-width:991px){
.contact-main--con{padding:20px}
.contact-main--con form label{font-size:14px;margin-bottom:5px}
}
@media (max-width:767px){#map{height:400px}
.contact-main--con{position:inherit;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);margin-top:30px;width:100%;border-radius:20px}
}
@media (max-width:575px){
.contact-main--con form input,.contact-main--con form label,.contact-main--con form textarea{font-size:12px}
.contact-main--con form input,.contact-main--con form textarea{margin-bottom:15px}
.contact-main--con{padding:15px}
}
/* calculator */
.calculator--tit{font-size:24px;font-weight:600;line-height:1.2}
.calculator-grid .cell{border:1px solid #e3e3e3;padding:40px;border-radius:30px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.calculator-grid .cell p{margin:15px 0;color:#888}
.calculator-grid .cell:hover{background-color:#f9f9f9}
@media (max-width:1199px){.calculator--tit{font-size:20px}
.calculator-grid .cell{padding:30px}
.calculator-grid .cell p{margin:10px 0}
}
@media (max-width:991px){.calculator-grid .cell{padding:20px;border-radius:20px}
.calculator--tit{font-size:18px}
}
@media (max-width:575px){.calculator-grid .cell{padding:15px;border-radius:10px}
.calculator--tit{font-size:16px}
}

/* goods details */
.wrap-ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.wrap-ul li{width:calc(33.333333% - 38.333333px)}
.page--grid .cell{border-radius:15px;overflow:hidden;border:1px solid #e3e3e3;background-color: #fff;}
.page--grid .cell p{text-align:center;margin:0px;padding: 15px;line-height: 1.3;}
.categories--grid .cell{background-color:#fff;border-radius:20px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border: 1px solid #e3e3e3;}
.categories--con{padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;height:100%}
.page-tit{font-size:20px;font-weight:600;line-height:1.2;margin-bottom:20px}
.categories--con p{color:#888}
@media (max-width:1199px){
.page-tit{font-size:18px;margin-bottom:15px}
}
@media (max-width:575px){
.wrap-ul li{width:calc(50% - 35px)}
.page-tit{font-size:16px;margin-bottom:10px}
}

.page-grid{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:50px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.page-grid--left{width:calc(60% - 50px)}
.page-grid--right{width:40%;border-radius:20px;overflow:hidden;border:1px solid #e3e3e3;background-color:#fff}
.page-grid--right p{text-align:center;margin:0;padding:15px;border-top:1px solid #e3e3e3}
.table,.table-1{overflow:auto;margin: 20px 0 0;}
.table table,.table-1 table{width:100%;border-collapse:collapse;background-color:#fff}
.table table caption{text-align:center;padding:10px;background-color:#f24259;border:1px solid #e3e3e3;font-weight:600;border-bottom:0;color:#fff}
.table table td,.table table th,.table-1 table td,.table-1 table th{padding:10px;border:1px solid #e3e3e3;text-align:center}
.table-1 table th{background-color:#f3f3f3;text-align: right;padding-right: 20px;}
.table-1 table td{text-align: left;padding-left: 20px;}
.table-1 table td .grid .cell{
    margin-bottom: 20px;
}
.table table td.td-left{text-align: left;}
.table-1 em,.table em,em{margin-top: 10px;display: block;font-size: 14px;color: #888;}
@media (max-width:1199px){.page-grid{gap:30px}
.page-grid--left{width:calc(60% - 40px)}
.page-grid--right{width:40%}
}
@media (max-width:767px){.page-grid{gap:20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.page-grid--left,.page-grid--right{width:100%}
}
@media (max-width:575px){.page-grid{gap:20px}
}

.technology--step{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px}
.technology--step-cell{width:calc(33.333333% - 20px);border:1px solid #e3e3e3;border-radius:15px;overflow:hidden}
.step--num{width:130px;height:60px;background-color:#f24259;color:#fff;padding-bottom:10px;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:24px;position:absolute;font-size:14px;left:-40px;top:-10px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.step--img{position:relative}
.step--img p{min-width:100px;max-width:80%;text-align:left;margin:0;padding:8px 10px;position:absolute;right:0;bottom:0;background-color:rgba(242,66,89,.85);color:#fff;border-top-left-radius:10px;font-size:14px;line-height:1.3}
.step--cell-con{padding:20px}
.step--tit{font-size:20px;color:#f24259;font-weight:600;margin-bottom:10px;line-height:1.3}
.step--cell-con p{color:#888;margin:10px 0 0}
.step--cell-con ul li{color:#888}
@media (max-width:1199px){.technology--step-cell{width:calc(50% - 15px)}
}
@media (max-width:991px){.step--num{left:-45px;top:-10px}
.step--img p{font-size:12px}
.step--tit{font-size:18px}
}
@media (max-width:767px){.technology--step-cell{width:100%}
.step--tit{font-size:16px}
.step--cell-con{padding:15px}
}
@media (max-width:575px){.step--num{font-size:12px;top:-15px;left:-50px}
}
.tech-grid{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:40px}
.tech-grid--cell{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:40px}
.tech-grid--cell:nth-child(even){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.tech-grid--cell--left{width:30%;border-radius:15px;overflow:hidden}
.tech-grid--cell--right{width:calc(70% - 40px)}
.tech-grid--cell--right p{color:#888}
@media (max-width:991px){.tech-grid,.tech-grid--cell{gap:30px}
.tech-grid--cell--left{width:40%}
.tech-grid--cell--right{width:calc(60% - 30px)}
}
@media (max-width:767px){.tech-grid,.tech-grid--cell{gap:20px}
.tech-grid--cell,.tech-grid--cell:nth-child(even){-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.tech-grid--cell--left,.tech-grid--cell--right{width:100%}
}

.new-download-pdf{display:-ms-grid;display:grid;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff;padding:8px 15px;display:inline-block;line-height:1;border-radius:5px;border:2px solid #f24259;background-color: #f24259;}
.new-download-pdf .iconfont{margin-right:5px}
.new-download-pdf:hover{color:#f24259}
.step-type2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:30px}
.step-type2--cell{padding:30px;border-radius:15px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.05);box-shadow:0 0 10px rgba(0,0,0,.05);position:relative;z-index:1}
.step-type2--num{position:absolute;color:#e3e3e3;font-size:60px;right:10px;top:10px;line-height:1;z-index:-1}
.page--grid .pro-ul{padding:0 20px}
@media (max-width:1199px){.step-type2--num{font-size:50px}
}
@media (max-width:991px){.step-type2--cell{padding:20px}
.step-type2--num{font-size:40px}
.step-type2{gap:20px}
}
@media (max-width:767px){.new-download-pdf{padding:5px 10px;margin-top:0}
}
@media (max-width:575px){.step-type2--num{font-size:30px}
.new-download-pdf,.new-download-pdf .iconfont{font-size:12px}
}

/* tabs */
.page-tabs--btn{padding:20px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.05);box-shadow:0 0 10px rgba(0,0,0,.05);border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:30px}
.tabs--btn-cell{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding:8px 15px;border:1px solid #e3e3e3;border-radius:10px;cursor:pointer;text-align:center;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.tabs--btn-cell.is-active,.tabs--btn-cell:hover{background-color:#f24259;color:#fff;border-color:#f24259}
.tabs--con-cell{display:none}
.tabs--con-cell.is-active{display:block}
@media screen and (max-width:1479px){.page-tabs--btn{padding:15px;gap:20px}
.tabs--btn-cell{padding:5px 15px}
}
@media screen and (max-width:1199px){.page-tabs--btn{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;overflow:auto;scrollbar-width:none;-ms-overflow-style:none;padding:10px}
.tabs--btn-cell{padding:5px 10px;line-height:1.3;border-radius:8px}
.page-tabs--btn::-webkit-scrollbar{display:none}
}
@media screen and (max-width:767px){.page-tabs--btn{gap:10px}
.tabs--btn-cell{border-radius:5px}
}

.category--list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:40px}
.category--item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:40px;background-color:#fff;padding:30px;border-radius:15px}
.category--item-left{width:40%}
.category--item-right{width:calc(60% - 40px)}
@media (max-width:1199px){.category--item,.category--list{gap:30px}
.category--item-left{width:30%}
.category--item-right{width:calc(70% - 40px)}
.table table caption,.table table td,.table table th{padding:8px}
}
@media (max-width:991px){.category--list{gap:20px}
.category--item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px;padding:20px}
.category--item-left{width:80%}
.category--item-right{width:100%}
}

/* Calculator */
.new-check,.new-check-btn,.new-jisuan-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.new-unit-tit{display:block;font-weight:700;font-size:18px;width:135px;text-align:right}
.new-check,.new-jisuan-flex{gap:20px}
.new-check-btn{gap:10px;line-height:1}
.new-jisuan-flex{margin-bottom:20px}
.waiquan{width:20px;height:20px;display:block;border:1px solid #ccc;border-radius:50%;cursor:pointer;position:relative}
.neiquan{width:12px;height:12px;border-radius:50%;background-color:#f24259;display:block;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.new-check-btn .neiquan{display:none}
.new-check-btn.active .waiquan{border-color:#f24259}
.new-check-btn.active .neiquan{display:block}
.new-jisuan-data{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.new-jisuan-data .new-unit-tit{margin-right:10px}
.new-unit-input{border-bottom:1px solid #ccc}
.new-unit-input input{width:80px;height:27px;border:0;background-color:#f9f9f9;text-align:center;font-size:16px}
.new-unit-input input[type=number]::-webkit-inner-spin-button,.new-unit-input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.new-unit-input input[type=number]{-moz-appearance:textfield}
.new-jisuan-unit{width:70px;background-color:#fff;border:1px solid #d6d6d6;border-radius:5px;margin-left:5px;padding:0 8px;cursor:pointer;position:relative}
.new-jisuan-unit::before{position:absolute;content:'\eea4';font-family:iconfont!important;right:5px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:#888;font-size:14px}
.new-jisuan-unit ul{position:absolute;background-color:#fff;width:100%;left:0;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:5px;overflow:hidden;z-index:9}
.new-jisuan-unit ul li{padding:0 8px}
.new-jisuan-unit ul li:hover{background-color:#f24259;color:#fff}
.new-jisuan-tips{width:60px;font-size:14px;color:#e72328;text-align:center}
.new-jisuan-result{font-weight:700}
.new-result-show{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.new-result-box{width:160px;border-bottom:1px solid #888;text-align:right}
.new-result-box span{margin-right:5px}
.error .new-unit-input{border-bottom-color:#e72328}
.error .new-jisuan-unit{border-color:#e72328}
@media (max-width:1199px){.new-unit-tit{font-size:16px}
.waiquan{width:18px;height:18px}
.neiquan{width:10px;height:10px}
}
@media (max-width:767px){.waiquan{width:16px;height:16px}
.neiquan{width:10px;height:10px}
.new-jisuan-flex.new-jisuan-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:10px}
.new-unit-tit{font-size:14px}
.new-jisuan-unit::before{font-size:12px}
}
@media (max-width:419px){.new-jisuan-unit{width:60px}
}

/* 搜索结果页面 */
#search-bar{position:relative;margin-bottom:30px;padding:10px 15px;width:100%}
.search{position:relative}
.search[name=topsearch]{margin:0 -15px;height:60px;line-height:58px}
.search[name=searchbar]{width:100%;max-width:500px;margin:0 auto}
.search input{border:0}
.search input[name=keywords]{padding:4px 15px;width:100%;height:45px;border:2px solid rgba(242,66,89,.8);border-radius:25px;background:#fff;font-size:20px;line-height:26px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.search input[name=keywords]:focus{border:2px solid #f24259;-webkit-box-shadow:#f24259 0 0 6px;box-shadow:#f24259 0 0 6px}
.search button[type=submit]{position:absolute;top:50%;right:20px;margin:0;padding:0 2px;background:0 0;color:#f24259;font-size:20px;cursor:pointer;-webkit-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%);font-weight:600}
#search-switch{display:none}
#search-result{overflow:hidden;width:100%;border:1px solid #d6d6d6;border-radius:15px;background:#fff;border-top:0}
#search-result>ul{position:relative;margin:0;padding-left:0}
#search-result>ul:after{clear:both;display:block;content:" "}
#search-result>ul>li{list-style:none}
#result-tabs>li{float:left;margin:0;padding:18px 6px;width:50%;background-color:#eceeef;color:#5e5e5e;text-align:center;font-size:18px;line-height:1;cursor:pointer;font-weight:600}
#result-tabs>li.active{background:#f24259;color:#fff}
#result-content>li{position:absolute;top:0;left:0;z-index:0;padding:15px 10px 30px;width:100%;height:100%;min-height:360px;opacity:0}
#result-content>li li{padding:0 5px}
#result-content>li.active{position:relative;z-index:1;opacity:1}
#result-content ol{padding-left:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px}
#result-content ol li{list-style-type:decimal;width:calc(50% - 15px);padding:5px 0}
@media (max-width:1199px){.search input[name=keywords]{font-size:18px}
#result-tabs>li{padding:14px 6px;font-size:16px}
}
@media (max-width:991px){#result-tabs>li{padding:12px 6px;font-size:14px}
}
@media (max-width:767px){.search input[name=keywords]{font-size:16px;height:40px}
#result-tabs>li{padding:12px 6px;font-size:12px}
#result-content ol{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
#result-content ol li{width:100%}
}












/* 全局元素间距、有序及无序列表 */
.paddingTB-120{padding:120px 0}
.paddingTB-80{padding:80px 0}
.paddingTB-60{padding:60px 0}
.paddingT-60{padding-top:60px}
.paddingB-60{padding:0 0 60px}
.paddingT40-B80{padding:40px 0 80px}
.paddingT60-B80{padding:60px 0 80px}
.paddingTB-100{padding:100px 0}
.marginT-60{margin-top:60px}
.marginT-50{margin-top:50px}
.marginT-40{margin-top:40px}
.marginT-30{margin-top:30px}
.marginL-60{margin-left: 60px;}
.pro-ol,.pro-ul{margin:5px 0 15px}
.pro-ul li{list-style-type:disc;margin-left:25px}
.pro-ul li::marker{color:#f24259}
.pro-ol li{margin-left:25px;list-style-type:inherit}
.pro-ul li+li{margin-top:5px}
.pro-ol li+li{margin-top:5px}
.pro-ul li li{list-style-type:inherit}
.pro-ol ol,.pro-ol ul,.pro-ul ol,.pro-ul ul{margin-top:5px}
.gray{background-color: #f9f9f9;}
@media (max-width:1479px){.paddingTB-80{padding:70px 0}
.paddingTB-120{padding:100px 0}
.paddingT40-B80{padding:30px 0 70px}
.paddingT60-B80{padding:50px 0 70px}
.paddingT-60{padding-top:50px}
.paddingTB-100{padding:80px 0}
.marginT-60{margin-top:50px}
}
@media (max-width:1199px){.paddingTB-80{padding:60px 0}
.paddingTB-120{padding:80px 0}
.paddingTB-60{padding:50px 0}
.paddingB-60{padding:0 0 50px}
.paddingT40-B80{padding:30px 0 60px}
.paddingT60-B80{padding:50px 0 60px}
.paddingTB-100{padding:60px 0}
.marginT-50{margin-top:30px}
.marginT-40{margin-top:30px}
}
@media (max-width:991px){.paddingTB-100{padding:50px 0}
.paddingTB-80{padding:50px 0}
.paddingTB-60{padding:40px 0}
.paddingT-60{padding-top:40px}
.paddingB-60{padding:0 0 40px}
.paddingT40-B80{padding:20px 0 50px}
.paddingT60-B80{padding:40px 0 50px}
.pro-ol li+li,.pro-ul li+li{margin-top:4px}
.marginT-60{margin-top:40px}
.marginT-50{margin-top:20px}
.marginT-40{margin-top:20px}
.marginT-30{margin-top:20px}
}
@media (max-width:767px){.paddingTB-80{padding:40px 0}
.paddingTB-120{padding:40px 0}
.paddingTB-60{padding:30px 0}
.paddingT-60{padding-top:30px}
.paddingB-60{padding:0 0 30px}
.paddingT40-B80{padding:20px 0 40px}
.paddingT60-B80{padding:30px 0 40px}
.paddingTB-100{padding:45px 0}
.marginT-60{margin-top:30px}
.marginL-60{margin-left: 0px;}
}
@media (max-width:575px){.paddingTB-80{padding:30px 0}
.paddingTB-120{padding:30px 0}
.paddingTB-60{padding:30px 0}
.paddingT-60{padding-top:20px}
.paddingB-60{padding:0 0 20px}
.paddingT40-B80{padding:20px 0 30px}
.paddingT60-B80{padding:20px 0 30px}
.paddingTB-100{padding:30px 0}
.marginT-60{margin-top:20px}
.marginT-30{margin-top:15px}
p{margin:5px 0 10px}
.pro-ol li+li,.pro-ul li+li{margin-top:3px}
}