/* 全局样式 */
body{font-family:Roboto;font-size:12px;color:#444;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:600}
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%}
.hiddenbox{overflow:hidden}
p{margin:5px 0 15px}
.iconfont{line-height: 1;}
.text-white-space{white-space:nowrap}
.text-center{text-align:center}
.text-ellipsis{-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.text-uppercase{text-transform: uppercase;}
.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:var(--theme-color);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: var(--theme-hover-color);}
button{background:0 0;border:0;padding:0}
.region{display:block;width:100%;max-width:1920px;margin:0 auto;padding:0;background-color:#fff}
.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--28,.img--32,.img--50,.img--56,.img--62,.img--75,.img--91,.img--100,.img-133-33{position:relative;width:100%;overflow:hidden;display:block;background:url(/images/logo.png) no-repeat center center;background-color:#f9f9f9;background-size:40%}

.img--28{padding-bottom:28%}
.img--32{padding-bottom:32%}
.img--50{padding-bottom:50%}
.img--56{padding-bottom:56%}
.img--62{padding-bottom:62%}
.img--75{padding-bottom:75%}
.img--91{padding-bottom:91%}
.img--100{padding-bottom:100%}
.img--133-33{padding-bottom:133.3333333%}

.img--28 img,.img--32 img,.img--50 img,.img--56 img,.img--62 img,.img--75 img,.img--91 img,.img--100 img,.img-133-33 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--50 a[data-lightbox],.img--75 a[data-lightbox],.img--100 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;margin-left: 40px;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: var(--theme-color);}
@media(max-width: 1199px){
    .nav-lang-multiple{margin-left: 20px;}
}
@media(max-width: 991px){
    .nav-lang-multiple{margin-left: 30px;}
    .nav-lang-multiple ul{top: 40px;padding: 10px;}
}

/* 轮播图swiper */
.fixed-top{margin-top: 60px;}
.swiper{width:100%;position:relative;-webkit-box-sizing:content-box;box-sizing:content-box;}
.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:var(--theme-color)}
.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:var(--theme-color);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:var(--theme-color)}
.region--index-1{overflow:hidden;width:100%}
.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-dots ul li span{margin:0 2px}
}
@media (min-width:768px){
.swiper-dots{bottom:20px}
.next,.prev{width:35px;height:35px}
.next:after,.prev:after{font-size:16px}
.next{right:20px}
.prev{left:20px}
}
@media (min-width:992px){
.fixed-top{margin-top: 70px;}
.swiper-dots ul li span{margin:0 3px;width:10px;height:10px}
}
@media (min-width:1200px){
.fixed-top{margin-top: 80px;}
.swiper-dots{bottom:30px}
.next,.prev{width:45px;height:45px}
.next:after,.prev:after{font-size:18px}
}

/*!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:var(--theme-color);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:var(--theme-color);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 #dedede;border-radius: 5px;transition: all .3s;}
#contactform ul li input:focus,#contactform ul li textarea:focus{box-shadow: 0 0 10px rgba(19, 194, 194, .7);border-color: rgba(19, 194, 194, .5);}
#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:var(--theme-color);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 var(--theme-color);width:auto}
#contactform ul li.buttons input:hover{border:solid 2px var(--theme-color);color:var(--theme-color);background-color:#fff}
.popup--message__tit.message-opened img{display:none}
.popup--message__tit.message-opened{z-index:300;background-color:var(--theme-color)}
.popup--message__tit.message-opened+.popup--message__main{visibility:visible;height:auto;opacity:1}
.close-message{position:absolute;top:2px;right:15px;color:#fff;font-size:30px;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:var(--theme-color)}
.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}
}
/* 多语言 */
.nav-lang-multiple{position: relative;cursor: pointer;margin-left: 40px;height: 40px;display: flex;align-items: center;}
.nav-lang-multiple i{font-size: 24px;color: var(--theme-white-color);}
.nav-lang-multiple ul{position: absolute;top: 100%;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;display: flex;align-items: center;}
.nav-lang-multiple li a{display: flex;font-size: 16px;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{line-height: 1;margin-top: 3px;}
.nav-lang-multiple:hover ul{display: block;}
.nav-lang-multiple li a:hover{color: var(--theme-hover-color);}
@media(max-width: 991px){
    .nav-lang-multiple ul{top: 40px;padding: 10px;}
    .nav-lang-multiple li{height: 28px;line-height: 28px;}
    .nav-lang-multiple li a{font-size: 14px;}
}

/* 通用颜色样式 */
:root{
    --theme-color:#13c2c2;
    --theme-hover-color:#08979c;
    --white-color:#fff;
    --black-color:#333;
    --bg-color:#f5f5f5;
}

h1{font-size: 3em;line-height: 1.4;font-weight: 600;}
h2{font-size: 2.5em;line-height: 1.4;font-weight: 600;}
h3{font-size: 2em;line-height: 1.4;font-weight: 600;}
h4{font-size: 1.5em;line-height: 1.4;font-weight: 600;}
h4+*,h3+*{margin-top: 0.625em;}
.text-white{color: var(--white-color);}
.text-theme{color: var(--theme-color);}
/* 导航 */
#nav{position: fixed;top: 0;z-index: 99999;background-color: var(--white-color);box-shadow: 0 0 10px rgba(0,0,0,.08);}
.nav{position: relative;transition: all .3s;height: 80px;display: flex;align-items: center;}
nav{display: flex;align-items: center;justify-content: space-between;}
.nav-logo{line-height: 1;}
.nav-logo img{width: 200px;}
.nav-right,.nav-icon,.nav-menu{display: flex;align-items: center;gap: 2rem;}
.nav-menu-item{position: relative;}
.nav-menu-item>a{color: var(--black-color);padding: 1em 0;display: flex;align-items: center;gap: 3px;justify-content: space-between;font-size: 1.125em;font-weight: 600;}
.nav-menu-item>a:hover,.nav-menu-item.active>a,.nav-menu-item.active1>a{color: var(--theme-color);}
.nav-menu-item>a>.iconfont{font-size: .85rem;margin-top: 2px;}
.app-menu,.close-menu{display: none;line-height: 1;cursor: pointer;}
.app-menu .iconfont,.close-menu .iconfont{font-size: 1.5rem;}
.dropdown{position: absolute;background-color: #fff;padding: 1.5em;border-radius: 0.5em;display: flex;flex-direction: column;box-shadow: 0 6px 10px rgba(0,0,0,.2);gap: .7em 1.5em;width: 300px;left: 50%;transform: translateX(-50%);border: 1px solid #eee;opacity: 0;visibility: hidden;transition: all .3s;z-index: -1;}
.dropdown a{font-size: 1em;line-height: 1.3;color: #666;display: flex;align-items: center;}
.dropdown a .iconfont{font-size: 0.7em;margin-right: 5px;}
.dropdown a:hover{color: var(--theme-color);transform: translateY(-1px);}
.dropdown a.active{color: var(--theme-color);}
.nav-menu-item:hover .dropdown{opacity: 1;visibility: visible;z-index: 1;}
#nav.region--nav.active{background-color: #fff;box-shadow: 0 0px 6px rgba(0,0,0,.2);}
.region--nav.active .nav{height: 75px;}
@media (max-width:1199px){
    h1{font-size: 2.5em;}
    h2{font-size: 2em;}
    h3{font-size: 1.75em;}
    h4{font-size: 1.3em;}
    .nav{height: 70px;background-color: #fff;}
    .nav-logo img{width: 160px;}
    .nav-right,.nav-menu{gap: 1.5em;}
    .region--nav.active .nav{height: 70px;}
}
@media (max-width:991px){
    .nav{height: 60px;overflow: inherit;}
    .region--nav.active .nav{height: 60px;}
    .nav-logo img{width: 140px;}
    .nav-menu{position: absolute;left: 0;top: 100%;background-color: #fff;width: 100%;border-top: 1px solid #eee;flex-direction: column;gap: 0;align-items: flex-start;opacity: 1;height: 0;transition: all .3s;overflow: auto;}
    .nav-menu>div{width: 100%;}
    .nav-menu>div+div{border-top: 1px solid #eee;}
    .nav-menu-item .dropdown{opacity: 1;visibility: visible;z-index: 1;}
    .nav-menu-item>a{padding: 0.5em 1.42em;}
    .nav-icon{gap: 1.5em;}
    .app-menu{display: block;}
    .dropdown{position: inherit;box-shadow: none;border: 0;padding: 0;background-color: #f3f3f3;border-radius: 0;width: 100%;gap: 0;height: 0;overflow: hidden;}
    .dropdown a{width: 100%;padding: 0.8em 2rem;font-size: 1em;}
    .dropdown a:hover{transform: none;}
    .dropdown a+a{border-top: 1px solid #ddd;}
    .nav-menu.active{z-index: 999;height: calc(100vh - 60px);}
    .nav-menu-item.active .dropdown{height: auto;}
}
@media (max-width:575px){
    .nav-logo img{width: 120px;}
}


/* swiper */
.region--swiper{position: relative;}
.swiper-box{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;align-items: center;z-index: 9;text-align: center;background-color: rgba(0,0,0,.16);}
.swiper-con-tit{color: var(--white-color);font-weight: bold;font-size: 3.75em;text-transform: uppercase;text-shadow: rgba(51,51,51,.8) 2px 2px 1px;line-height: 1.4;}
.swiper-con-desc{color: var(--white-color);font-weight: bold;font-size: 1.75em;text-transform: uppercase;text-shadow: rgba(51,51,51,.8) 2px 2px 1px;line-height: 1.4;margin-top: 1em;}
.more-btn{background-color: var(--theme-color);color: var(--white-color);padding: 1em 2.5em;border-radius: 0.6em;display: inline-block;text-transform: uppercase;font-weight: 700;}
.more-btn:hover{background-color: var(--theme-hover-color);color: var(--white-color);}

@media (max-width: 1199px){
    .swiper-img img{aspect-ratio: 2 / 1;object-fit: cover;}
    .swiper-img.img--28{padding-bottom: 50%;}
}
@media (max-width: 991px){
    .swiper-con-tit{line-height: 1.2;font-size: 3em;}
    .swiper-con-desc{font-size: 1.25em;}
    .more-btn{padding: 0.8em 2em;}
}
@media (max-width: 575px){
    .swiper-img img{aspect-ratio: 16 / 9;}
    .swiper-img.img--28{padding-bottom: 56%;}
    .swiper-con-tit{line-height: 1.2;font-size: 2em;}
    .swiper-con-desc{font-size: 1em;}
}

/* Home content */
.temporary-fencing{padding: 3.75em;background-color: #e6fffb;border-radius: 1.5em;}
.fencing-grid{display: flex;flex-direction: column;gap: 2.5em;}
.fencing-grid__item{display: flex;gap: 2.5em;border-radius: 1.5em;background-color: var(--white-color);padding: 2.5em 2.5em 1.875em;align-items: center;}
.fencing-grid__item:nth-child(even){flex-direction: row-reverse;}
.fencing-grid__item__con{width: calc(58% - 2.5em);}
.fencing-grid__item__img{width: 42%;border-radius: 1em;overflow: hidden;}
.fencing-grid__item ul,.fencing-grid__item ol{margin-bottom: 0;margin-top: 1em;}

@media(max-width:991px){
    h1{font-size: 2em;}
    h2{font-size: 1.75em;}
    h3{font-size: 1.5em;}
    h4{font-size: 1.2em;}
    .temporary-fencing{padding: 3em;}
    .fencing-grid{gap: 2em;}
    .fencing-grid__item{padding: 2em 2em 1.5em;gap: 2em;}
    .fencing-grid__item,.fencing-grid__item:nth-child(even){flex-direction: column;}
    .fencing-grid__item__con,.fencing-grid__item__img{width: 100%;}
}

@media(max-width:575px){
    .temporary-fencing{padding: 1.5em;}
    .fencing-grid{gap: 1em;}
    .fencing-grid__item{padding: 1.5em 1.5em 1em;gap: 1em;}
    .fencing-grid__item,.fencing-grid__item:nth-child(even){flex-direction: column;}
    .fencing-grid__item__con,.fencing-grid__item__img{width: 100%;}
}

/* home products */
.region--products{background-position: center center;background-repeat: no-repeat;background-size: cover;}
.hotpro-grid .cell{background-color:var(--white-color);border-radius: 0.8em;overflow: hidden;transition: all .3s;}
.hotpro-grid .cell:hover{transform: translateY(-2px);}
.hot-pro__con{padding:1.5em;}
.hot-pro__title{font-size: 1.375em;line-height: 1.4;font-weight: 600;}
.hot-pro__desc{color: #888;margin-top:0.8em;}
@media (max-width:575px){
    .hot-pro__con{padding:1.2em;}
}

/* Review */
.swiper-2 .swiper-cell{background-color: #e6fffb;padding: 2em 3em;border-radius: 1em;position: relative;}
.swiper-2 .swiper-cell::before{content: '\e60d';font-family: 'iconfont'!important;position: absolute;left: 2rem;top: 0;font-size: 5em;color: #87e8de;z-index: 0;}
.swiper-main{margin-left: 7em;position: relative;z-index: 2;}
.swiper-main--title{font-size: 1.375em;margin-bottom: 0.625rem;font-weight: 600;}
.swiper-custom{margin-top: 1.5em;display: flex;align-items: center;justify-content: flex-end;gap: 1em;}
.swiper-custom__img{border-radius: 0.6em;overflow: hidden;width: 3.75em;}
.swiper-custom__name{font-weight: bold;}
.swiper-custom__date{color: #888;font-size: 0.75em;margin-top: 0.625em;}
.swiper-2 .swiper-nav{top: inherit;bottom: 20%;}
.swiper-2 .next, .swiper-2 .prev{background-color: var(--theme-color);color: var(--white-color);}
.swiper-2 .next:hover, .swiper-2 .prev:hover{background-color: var(--theme-hover-color);}
.swiper-2 .prev:after,.swiper-2 .next:after{color: var(--white-color);}
.swiper-2 .prev{left: 40px;}
.swiper-2 .next{right: inherit;left: 100px;}

@media (max-width:991px){
    .swiper-2 .prev{left: 35px;}
    .swiper-2 .next{right: inherit;left: 90px;}
}
@media (max-width:991px){
    .swiper-2 .swiper-cell::before{left: 1rem;top: 0;font-size: 4em}
    .swiper-main{margin-left: 4em;}
    .swiper-custom__date{margin-top: 0;}
    .swiper-2 .swiper-nav{bottom: 15%;}
    .swiper-2 .prev{left: 25px;}
    .swiper-2 .next{right: inherit;left: 70px;}
}

@media (max-width:767px){
    .swiper-main{margin-left: 0;}
    .swiper-main--title{margin-bottom: 0.3rem;}
}
@media (max-width:575px){
    .swiper-2 .swiper-cell{
        padding: 1.5em;
    }
    .swiper-2 .prev{left: 20px;}
    .swiper-2 .next{right: inherit;left: 60px;}
}

/* footer */
.region--footer{background-position: center center;background-repeat: no-repeat;background-size: cover;}
.footer-main{display: grid;grid-template-columns: repeat(12, 1fr);gap: 2.5em;}
.footer-main--left{grid-column: span 5;}
.footer-main--mid{grid-column: span 3;}
.footer-main--right{grid-column: span 4;}
.footer-main--left img{width: 12.5em;}
.footer-main--left p{color: #d3d3d3;margin-bottom: 0;}
.region--footer h4{color:var(--white-color);padding-bottom: 0.3em;border-bottom: 3px solid var(--theme-color);margin-bottom: 1em;}
.footer-menu{display: flex;align-items: center;flex-wrap: wrap;gap: 0.5em 1em;}
.footer-menu li{width: calc(50% - 0.5em);}
.footer-menu li a{color: #d3d3d3;}
.footer-menu li a:hover{opacity: 1;color: var(--theme-color);}
.footer--msg p{color: #d3d3d3;}
.footer--msg p:last-child{margin-bottom: 0;}
.footer--msg p a{color: var(--theme-color);}
.footer--msg p a:hover{color: var(--white-color);}

@media (max-width:1199px){
    .footer-main--left{grid-column: span 12;}
    .footer-main--mid{grid-column: span 6;}
    .footer-main--right{grid-column: span 6;}
}
@media (max-width:991px){
    .footer-main{gap: 2em;}
}
@media (max-width:767px){
    .footer-main{grid-template-columns: repeat(1, 1fr);gap: 1.5em;}
    .footer-main--left{grid-column: span 1;}
    .footer-main--mid{grid-column: span 1;}
    .footer-main--right{grid-column: span 1;}
    .region--footer h4{border-bottom-width: 2px;}
}

.region--copyright{background-color: #002329;}
.copyright-main{display: flex;align-items: center;justify-content: center;gap: 2.5em;padding: 1em;font-size: 0.875em;}
.copyright{color: #d3d3d3;text-align: center;}
.other-link{display: flex;align-items: center;gap: 1em;}
.other-link a:hover{color: #fff;}
@media(max-width:767px){
    .copyright-main{flex-direction: column;gap: 0;}
}
@media(max-width:575px){
    .copyright-main{font-size: 1em;}
}

/* back to top */
.back-to-top{position:fixed;bottom:7em;right:1.75em;width:3.125em;height:3.125em;background-color:var(--theme-color);color:var(--white-color);border-radius:50%;text-align:center;line-height:1;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:var(--white-color);color:var(--theme-color)}
.back-to-top.show{opacity:1;visibility:visible}
.back-to-top .iconfont{font-size:1.25em}
@media (max-width:575px){.back-to-top{bottom:6em;right:1em}
}

/* breadcrumb */
.breadcrumb--bg{background-position:center center;background-repeat:no-repeat;overflow:hidden;background-size: cover;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;justify-content: center;}
.breadcrumb--con{position:relative;z-index:3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.breadcrumb--tit{color:var(--white-color);font-size:3em;font-weight: 600;}
.breadcrumb--link{color:var(--white-color);font-size:1em;text-align: center;margin-top: 1.5em;display: flex;align-items: center;}
.breadcrumb--link a{position:relative;color:var(--white-color);display: flex;align-items: center;}
.breadcrumb--link a .iconfont{margin-right:.3em;font-size:1.25em}
.breadcrumb--link a::after{content:'\e6d1';font-family:iconfont!important;font-size:.75em;margin:0 .3em;color:var(--white-color)}
.breadcrumb--link a:hover{color:var(--theme-hover-color)}
.breadcrumb--img img{width: 12.2em;}
.theme-color{color: var(--theme-color);}
@media(max-width:991px){
    .breadcrumb--tit{font-size: 2.5em}
}
@media(max-width:575px){
    .breadcrumb--tit{font-size: 2em}
}


/* about us */
.about-main{background-position: center center;background-repeat: no-repeat;background-size: cover;}
.about-purpose{display: grid;grid-template-columns: repeat(12,1fr);gap: 2.5em;}
.purpose-item{grid-column: span 4;background-color: #e6fffb;border-radius: 1em;display: flex;flex-direction: column;align-items: center;padding: 2.5em;text-align: center;}
.purpose-item p{margin-top: 1.5em;}
.chooser--flex .cell{border: 1px solid #b5f5ec;border-radius: 1em;padding: 2em;transition:all .3s;text-align: center;}
.chooser--flex .cell .iconfont{font-size: 2.5em;color: var(--theme-color);margin-bottom: .5em;display: block;}
.chooser--tit{font-size: 1.3em;font-weight: 600;margin-bottom: .3em;line-height: 1.3;}
.chooser--flex .cell p{color: #666;}

@media (max-width:1199px){
    .about-purpose{gap: 2em;}
    .purpose-item{grid-column: span 6;}
    .purpose-item p{margin-top: 1em;}
}
@media (max-width:767px){
    .purpose-item{grid-column: span 12;padding: 1.5em;}
}

/* product */
.prduct-list .cell{box-shadow: 0 0 10px rgba(0,0,0,.08);}

/* technology */
.nodata--img{max-width: 500px;width: 100%;margin: 0 auto;}

/* contact */
.contact--con{display: grid;grid-template-columns:repeat(12,1fr);gap:2.5em;background-color: #e6fffb;border-radius: 1em;padding: 3em;}
.contact-mes{display: flex;flex-direction: column;gap: 2em;}
.contact--con-left{grid-column:span 7;}
.contact-mes--item{display: flex;align-items: center;gap: 1.5em;}
.contact-mes--item span{width: 48px;height: 48px;display: flex;align-items: center;justify-content:center;background-color: #08979c;border-radius: 50%;color: var(--white-color);}
.contact-mes--item span .iconfont{font-size: 1.3em}
.contact-mes--txt{width: calc(100% - 48px - 1.5em);margin: 0;line-height: 1.4;}
.contact-mes--txt b{margin-bottom: 0.5em;display: block;text-transform: uppercase;}
.contact-mes--txt p,.contact-mes--txt a{margin: 0;font-size: 0.9em;}
.contact--con-right{grid-column:span 5;}
.contact--con-right form{display: flex;flex-direction: column;}
.contact--con-right form input+label{margin-top: 1em;}
.contact--con-right label{color: var(--theme-color);margin-bottom: 0.3em;}
.contact--con-right input,.contact--con-right textarea{border: 0;border-radius: 0.5em;padding: .8em 1em;outline:none;transition: all .3s;}
.contact--con-right button{background-color: var(--theme-color);color: var(--white-color);padding: .8em 1em;border-radius: 0.5em;cursor: pointer;transition:all .3s}
.contact--con-right button:hover{background-color: var(--theme-hover-color);}
.contact--con-right input:focus{box-shadow: 0 0 10px rgba(19, 194, 194, .7);}

@media (max-width:1479px){
    .contact--con{gap: 2em;}
    .contact--con-left, .contact--con-right{grid-column:span 6;}
}
@media (max-width:1199px){
    .contact-mes--item span{width: 40px;height: 40px;}
    .contact-mes--item span .iconfont{font-size: 1.2em;}
    .contact--con{grid-template-columns:repeat(1,1fr)}
    .contact--con-right form{margin-top: 1em;}
    .contact--con-left, .contact--con-right{grid-column:span 1;}
    .contact-mes--txt p,.contact-mes--txt a{font-size: 1em;}
}
@media (max-width:575px){
    .contact-mes--item span{width: 30px;height: 30px;}
    .contact--con{padding: 2em;}
}

/* products details */
.page-grid .cell{border: 1px solid #e3e3e3;border-radius: 1em;overflow: hidden;}
.page-grid .cell p{margin: 0.625em;line-height: 1.4;text-align: center;}
.table{overflow: auto;}
.table table{width: 100%;border-collapse: collapse;background-color: #fff;border-top: 3px solid var(--theme-color);}
.table table caption{padding: .5em 1em;background-color: var(--theme-color);color: var(--white-color);font-weight: 600;}
.table table tr td, .table table tr th{border:1px solid #e3e3e3;padding: .5em 1em;}
.table table tr:nth-child(even){background-color: var(--bg-color);}

.product-grid,.product-grid-1{display: grid;grid-template-columns: repeat(12,1fr);gap: 2.5em;align-items: center;background-color: #b5f5ec;padding: 3em;border-radius: 1em;}
.product-grid-1{align-items: flex-start;background-color: transparent;padding: 0;}
.product-grid--con,.product-grid--con-1{grid-column: span 8;}
.product-grid--img,.product-grid--img-1{grid-column: span 4;overflow: hidden;border-radius: 1em;background-color: var(--bg-color);}
.product-grid--img p,.product-grid--img-1 p{text-align: center;margin: 0.625em;line-height: 1.4;}
@media(max-width:991px){
    .product-grid,.product-grid-1{gap: 1.5em;padding: 2em;}
    .product-grid--con,.product-grid--con-1{grid-column: span 12;}
    .product-grid--img,.product-grid--img-1{grid-column: span 12;}
}
.error-page{display: flex;align-items: center;}
.error-page-left{width:40%;text-align:center}
.error-page-p1{line-height:1.2;color:var(--theme-color);margin-bottom:18px;margin-top:20px;text-transform:uppercase;background:url(/images/404-bg.png) 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:-webkit-box;display:-ms-flexbox;display:flex;margin-top:40px}
.pape-1 a{margin-right:20px;padding:8px 30px;border:1px solid var(--theme-color);border-radius:5px;background:#fff;background:var(--theme-color);color:#fff;font-weight:600;text-transform:uppercase;text-decoration:none}
.pape-1 a.homemail{background:#fff;color:var(--theme-color)}
.pape-1 a:hover{background-color:var(--theme-hover-color);color:#fff;border:solid 1px var(--theme-hover-color)}
.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-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:16px}
.error-page{margin-top:0;margin-bottom:20px}
p.error-page-p2{font-size:13px;line-height:1.6;text-transform:lowercase}
}

/* 全局元素间距、有序及无序列表 */
.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-40{margin-top:40px}
.marginT-30{margin-top:30px}
.marginT-20{margin-top:20px}
.pro-ol,.pro-ul{margin:5px 0 15px}
.pro-ul li{list-style-type:disc;margin-left:25px}
.pro-ul li::marker{color:var(--theme-color)}
.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}
@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-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-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}
}
@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}
.marginT-20{margin-top:10px}
p{margin:5px 0 10px}
.pro-ol li+li,.pro-ul li+li{margin-top:3px}
}