@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap);
body{font-family:'Open Sans',sans-serif;font-size:16px;line-height:1.8;color:#333}
@media (min-width:992px){body{font-size:16px}
}
.h1,h1{font-size:2em;line-height:1.15}
.h2,h2{font-size:1.666666em;line-height:1.2}
.h3,h3{font-size:1.333333em;line-height:1.4}
.h4,h4{font-size:1em}
.h1,.h2,.h3,.h4,.h5,.h6,b,h1,h2,h3,h4,h5,h6,strong{font-weight:500}
p{margin-top:5px;margin-bottom:15px}
.iconfont{line-height:1}
.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-email:before{content:"\e689"}
.icon-caidan:before{content:"\e790"}
.icon-chahao:before{content:"\e60c"}
.icon-pinterest:before{content:"\e697"}
.icon-adress:before{content:"\e612"}
.icon-youxiang:before{content:"\e605"}
.icon-linkedin:before{content:"\e726"}
.icon-twi:before{content:"\e622"}
.icon-dianhua:before{content:"\e600"}
.icon-Facebook:before{content:"\e601"}
.icon-e-mailletterenvelopepostmail:before{content:"\e643"}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0;background-color:#fff}
main{display:block}
h1{font-size:2em;margin:.67em 0}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent}
abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;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{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]{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}
html{font-size:16px;-webkit-tap-highlight-color:transparent;box-sizing:border-box;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
*,:after,:before{box-sizing:inherit}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
a{text-decoration:none}
a:hover{text-decoration:underline;color:#d12022}
button{background:0 0;border:0;padding:0}
ol,ul{margin:0;padding:0;list-style:none}
img{max-width:100%;vertical-align:middle}
.region{display:block;width:100%;max-width:1920px;margin:0 auto;padding:0}
.region--top{display:none;position:fixed;top:0;left:0}
.region--bottom{display:none;position:fixed;left:0;bottom:0}
/*!

 * .layout-stage 类用于限定宽度

 */.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:1140px}
}
@media (min-width:1450px){.stage{max-width:1400px}
}
.cell,.grid{display:block;box-sizing:border-box}
.grid{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:stretch;margin:0;padding:0;list-style:none}
.cell{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--border{padding-top:1px}
.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--auto>.cell{width:0;max-width:none;min-width:100%}
@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)}
}
@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% - 10px);margin:0 20px 20px 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)}
}
@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)}
}
@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)}
}
@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 20px}
.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% - 10px);margin:0 20px 20px 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% - 10px)}
.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% - 13.333px);margin:0 20px 20px 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% - 13.333px)}
.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% - 15px);margin:0 20px 20px 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% - 15px)}
.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% - 16px);margin:0 20px 20px 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% - 16px)}
.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% - 16.67px);margin:0 20px 20px 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% - 16.67px)}
}
@-webkit-keyframes fadeIn{from{opacity:0}
to{opacity:1}
}
@keyframes fadeIn{from{opacity:0}
to{opacity:1}
}
@-webkit-keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}
to{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}
to{opacity:1;transform:translate3d(0,0,0)}
}
@-webkit-keyframes fadeInUp{from{opacity:0;transform:translate3d(0,100%,0)}
to{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,100%,0)}
to{opacity:1;transform:translate3d(0,0,0)}
}
@-webkit-keyframes fadeInUpSmall{from{opacity:0;transform:translate3d(0,25%,0)}
to{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes fadeInUpSmall{from{opacity:0;transform:translate3d(0,25%,0)}
to{opacity:1;transform:translate3d(0,0,0)}
}
@-webkit-keyframes fadeOutDown{from{opacity:1}
to{opacity:0;transform:translate3d(0,100%,0)}
}
@keyframes fadeOutDown{from{opacity:1}
to{opacity:0;transform:translate3d(0,100%,0)}
}
@-webkit-keyframes fadeOutDownSmall{from{opacity:1}
to{opacity:0;transform:translate3d(0,25%,0)}
}
@keyframes fadeOutDownSmall{from{opacity:1}
to{opacity:0;transform:translate3d(0,25%,0)}
}
@-webkit-keyframes fadeOutUp{from{opacity:1}
to{opacity:0;transform:translate3d(0,-100%,0)}
}
@keyframes fadeOutUp{from{opacity:1}
to{opacity:0;transform:translate3d(0,-100%,0)}
}
@-webkit-keyframes slideInDown{from{transform:translate3d(0,-100%,0);visibility:visible}
to{transform:translate3d(0,0,0)}
}
@keyframes slideInDown{from{transform:translate3d(0,-100%,0);visibility:visible}
to{transform:translate3d(0,0,0)}
}
@-webkit-keyframes slideInUp{from{transform:translate3d(0,100%,0);visibility:visible}
to{transform:translate3d(0,0,0)}
}
@keyframes slideInUp{from{transform:translate3d(0,100%,0);visibility:visible}
to{transform:translate3d(0,0,0)}
}
.animated{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s}
.animated-fast{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:360ms;animation-duration:360ms}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.fadeInDowm{-webkit-animation-name:fadeInDowm;animation-name:fadeInDowm}
.fadeInUpSmall{-webkit-animation-name:fadeInUpSmall;animation-name:fadeInUpSmall}
.fadeOutDownSmall{-webkit-animation-name:fadeOutDownSmall;animation-name:fadeOutDownSmall}
.region--header{background:rgba(255,255,255,1);box-shadow:0 10px 30px 0 rgba(102,102,102,.1);position:fixed;z-index:7;top:0;max-width:100%}
.region--header a:hover{text-decoration:none}
.region--header .stage{display:flex;justify-content:space-between;align-items:center}
.region--header .logo{height:50px;margin:20px 0;transition:all .25s ease-in-out}
.region--header.activate .logo{height:40px;margin:10px 0;transition:all .25s ease-in-out}
.region--header .logo img{max-height:100%}
.region--header .headnav{flex-grow:1}
.region--header .stage .headnav__icon{margin-left:20px;padding-left:10px;border-left:1px solid rgba(228,228,228,1)}
.region--header .stage>div>ul{display:flex;justify-content:flex-end;align-items:center;padding:0;list-style:none}
.region--header .stage>div>ul>li{position:relative}
.region--header .stage>div>ul>li>a{display:block;font-size:20px;font-weight:400;line-height:1.33;color:#333;padding:31px 25px 31px;transition:all .25s ease-in-out}
.region--header .stage>.headnav>ul>li>a:after{content:"";display:block;height:3px;width:0;background:#d12022;position:absolute;bottom:-1px;left:50%;right:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .25s ease-in-out}
.region--header.activate .stage>div>ul>li>a{padding:20px 30px 17px;transition:all .25s ease-in-out;font-size:18px}
.region--header .stage>div>ul>li>a i{font-size:14px;vertical-align:middle}
.region--header .stage .headnav__icon ul li{padding-left:20px}
.region--header .stage .headnav__icon ul li i{font-size:20px;font-weight:700;cursor:pointer}
.region--header .stage .headnav__icon ul li a,.region--header.activate .stage .headnav__icon ul li a{padding:0;line-height:1}
.region--header .stage>div>ul>li.is-active>a,.region--header .stage>div>ul>li>a:hover{color:#d12022;transition:all .25s ease-in-out}
.region--header .stage>.headnav>ul>li.is-active>a:after{width:80%}
.headnav--menu,.headnav>div{display:none}
.shade{display:none;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:8;background:rgba(0,0,0,.38)}
.region--header .stage .headnav__icon ul li i:hover{color:#d12022}
@media(max-width:1199px){.region--header .stage>div>ul>li>a{padding:35px 15px 27px}
.region--header.activate .stage>div>ul>li>a{padding:20px 15px 17px;transition:all .25s ease-in-out}
}
@media(max-width:991px){.region--header .stage>div>ul>li.is-active>a{color:#d12022}
.region--header .logo{height:30px;margin:15px 0}
.region--header.activate .logo{height:30px;margin:10px 0;transition:all .25s ease-in-out}
.shade.activate{display:block}
.headnav--menu{display:block}
.headnav{position:absolute;top:0;left:-360px;width:320px;background:#fff;height:99vh;z-index:9;overflow:hidden;box-shadow:2px 2px 10px 0 rgba(0,0,0,.38);transition:all .25s ease-in-out}
.headnav.activate{left:0;transition:all .25s ease-in-out}
.headnav.activate>div{display:block;height:40px;margin-top:20px;padding:5px 15px}
.headnav.activate>div img{max-height:100%}
.headnav.activate>div>i{float:right;width:30px;height:30px;font-size:25px;text-align:center;line-height:30px;font-weight:700;cursor:pointer}
.headnav.activate>div>i:hover{color:#d12022}
.region--header .stage .headnav>ul{flex-direction:column;align-items:flex-start;justify-content:flex-start;height:calc(100% - 40px);padding-top:10px;overflow-x:hidden;overflow-y:auto;padding-bottom:50px}
.region--header .stage .headnav>ul>li{display:block;width:100%;border-bottom:1px solid rgba(0,0,0,.15)}
.region--header .stage .headnav>ul>li>a>i{display:none}
.region--header .stage>div>ul>li>a{padding:10px 15px!important;font-size:14px}
.headnav__icon .sjicon{display:none}
.region--header .stage .headnav__icon{margin-left:0;padding-left:0;border-left:0}
.region--header .stage>.headnav>ul>li>a:after{display:none}
.region--header .stage>.headnav>ul>li.activate>a{color:#d12022}
}
/*! about*/.region--about{margin-top:82px;padding-top:70px}
#about{background-color:#fafafa}
.about-main{display:flex}
.about-main>div{width:50%}
.about--img{display:flex;flex-direction:column;justify-content:center;align-items:center}
.about--con{display:flex;flex-direction:column;justify-content:center}
.about--text h1{font-size:45px;color:#d12022;line-height:1.2;font-weight:700;margin-top:0;margin-bottom:5px}
.about--text p{color:#b7b7b7;font-size:20px;line-height:1.4}
.about--text p+p{font-size:18px;color:#333;line-height:1.8;margin-top:20px}
.bevelT{background:url(/img/bevel.svg) no-repeat;background-size:100% 100%;height:120px;width:100%;-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1)}
#scaffolding{position:relative}
.scaffolding-main{display:flex;flex-direction:row-reverse;padding-top:30px}
.scaffolding-main>div{width:50%}
.scaffolding--img{display:flex;justify-content:center}
.p-tit-top{color:#ececec;font-size:54px;line-height:1.2;padding-bottom:5px;position:relative;display:inline-block;margin-bottom:20px}
.p-tit-top:before{position:absolute;content:"";background-color:#ececec;height:3px;width:100%;left:0;bottom:0}
.p-tit{color:#d12022;line-height:1.2;font-size:45px;margin-bottom:20px;max-width:450px}
a.more{color:#d12022;display:inline-block;margin-top:40px;text-transform:uppercase}
.scaffolding--text{padding-left:90px}
a.more:after{font-family:iconfont;content:"\e67b";padding-left:10px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s}
a.more:hover:after{padding-left:20px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s}
.bevelBP{position:absolute;left:0;bottom:0;background:url(/img/bevel.svg) no-repeat;background-size:100% 100%;height:120px;width:100%;-moz-transform:scale(-1,-1);-webkit-transform:scale(-1,-1);-o-transform:scale(-1,-1);transform:scale(-1,-1)}
.bevelB{background:url(/img/bevel.svg) no-repeat;background-size:100% 100%;height:120px;width:100%;-moz-transform:scale(-1,-1);-webkit-transform:scale(-1,-1);-o-transform:scale(-1,-1);transform:scale(-1,-1)}
.bevelB-B{background:url(/img/bevel.svg) no-repeat;background-size:100% 100%;height:120px;width:100%;-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);z-index:2;position:relative}
.gray{background-color:#fafafa}
.pro-main{display:flex;padding:50px 0 70px}
.pro-main>div{width:50%}
.pro--con{padding-right:90px}
.white--pro .pro-main{flex-direction:row-reverse}
.white--pro .pro--con{padding-right:0;padding-left:90px}
.plaster-main{padding:60px 0 100px;position:relative;z-index:2}
.plaster--con{width:70%}
.region--plaster{position:relative;background:url(/img/plaster-mesh.jpg) no-repeat top right;background-size:cover}
.region--plaster:after{content:"";background:linear-gradient(271deg,rgba(254,254,254,0) 0,rgba(254,254,254,.49) 20%,rgba(255,255,255,1) 100%);position:absolute;z-index:0;width:100%;height:100%;left:0;top:0}
#map{width:100%;height:510px}
#contact-mail *{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
#contact-mail form{margin-top:20px}
#contact-mail form:after{content:".";clear:both;height:0;overflow:hidden;visibility:hidden;display:block}
#contact-mail form>div{margin-bottom:20px}
.input-group>input,.input-group>textarea{border:1px solid #a9a9a9}
#contact-mail form>div.half{width:49%;margin-top:15px}
#contact-mail form .half{width:49%;float:left}
#contact-mail form input{width:100%;float:left;border-radius:3px}
#contact-mail form>div{position:relative;width:100%;float:left}
#contact-mail form input,#contact-mail form textarea{font-size:16px;padding:6px 10px 6px 45px;line-height:26px;position:relative;border:solid 1px #f9f9f9;background-color:#efefef}
#contact-mail .form-name:before{background-image:url(/img/name.png);background-repeat:no-repeat;background-position:8px center;display:block;position:absolute;width:40px;height:40px;left:0;top:0;content:"";z-index:1}
#contact-mail form .half+.half{margin-left:2%}
#contact-mail .form-email:before{background-image:url(/img/email.png);background-repeat:no-repeat;background-position:8px center;display:block;position:absolute;width:40px;height:40px;left:0;top:0;content:"";z-index:1}
#contact-mail .form-phone:before{background-image:url(/img/phone.png);background-repeat:no-repeat;background-position:8px center;display:block;position:absolute;width:40px;height:40px;left:0;top:0;content:"";z-index:1}
#contact-mail .form-message:before{background-image:url(/img/message.png);background-repeat:no-repeat;background-position:8px center;display:block;position:absolute;width:40px;height:40px;left:0;top:0;content:"";z-index:1}
#contact-mail form textarea{width:100%;height:260%}
#contact-mail form .form-message{margin-bottom:15px}
#contact-mail form .input{background-color:#d12022;border:solid 1px #d12022;color:#fff;text-transform:uppercase;line-height:1;padding:10px 30px;display:inline-block;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s;cursor:pointer;margin-top:10px}
#contact-mail form>div:last-child{width:auto}
#contact-mail form .input:hover{background:#fff;border:solid 1px #d12022;color:#d12022}
input[name=track_report]{display:none}
@media (max-width:767px){#contact-mail form>div.half{width:100%}
#contact-mail form>div.half:nth-child(2){width:100%;margin-top:0}
#contact-mail form .half{width:100%}
#contact-mail form .half+.half{margin-left:0}
}
.textfield__label{color:rgba(0,0,0,.55);font-weight:400;left:45px;pointer-events:none;position:absolute;top:6px;transition:all .2s ease;background:unset;padding:0 5px;font-size:15px}
.input-group>input .textfield__label,.input-group>input:focus~.textfield__label,.input-group>textarea:focus~.textfield__label{color:rgba(0,0,0,.55);font-size:12px;top:-15px}
.nonoen+span{color:rgba(0,0,0,.55);font-size:12px;top:-15px;background-color:#fff}
.nonoen:focus{background-color:#fff}
#form_request input.nonoen,#form_request input:focus,#form_request textarea.nonoen,#form_request textarea:focus{outline:0;background-color:#fff;border:solid 1px #c3c3c3}
#form_request input:focus-within{background-color:#fff}
#form_request input.input:focus{background:#fff;border:solid 1px #d12022;color:#d12022;}
#contact{padding:120px 0}
.contact--main{display:flex;justify-content:space-between}
.contact--main>div{width:46%}
.contact--right{position:relative;padding-right:50px}
.contact--right:before{content:"";background-color:#d12022;width:160px;height:50%;top:-50px;right:0;display:block;position:absolute}
.footer{display:flex;position:relative;z-index:2}
.footer>div{width:33.333%;display:flex;padding:100px 0;padding-right:100px;color:#fff;line-height:1.6}
.footer>div i{font-size:60px;color:#d12022;display:flex;flex-direction:column;justify-content:center}
.region--footer{background:url(/img/footer.jpg) no-repeat center center;background-size:cover;position:relative}
.region--footer:before{position:absolute;left:0;top:0;height:100%;width:100%;content:"";background-color:rgba(0,0,0,.6);z-index:1}
.footer>div span{display:block;font-weight:600;margin:0;padding-bottom:5px}
.footer>div p{padding-left:20px;margin:0;display:flex;flex-direction:column;justify-content:center}
.footer>div p a{color:#fff}
.copyright{background-color:#222;text-align:center;line-height:1.2;padding:25px 0;color:#8e8e8e;position:relative;z-index:2;margin:0}
@media (max-width:1399px){a.more{color:#d12022;display:inline-block;margin-top:20px}
.about--text p+p{font-size:16px}
.about--text h1,.p-tit{font-size:40px}
.bevelB,.bevelB-B,.bevelBP,.bevelT{height:80px}
#contact{padding:80px 0}
.footer>div{padding-right:20px}
}
@media (max-width:1199px){.about--text h1,.p-tit{font-size:36px}
.scaffolding--text{padding-left:40px}
.bevelB,.bevelB-B,.bevelBP,.bevelT{height:50px}
.pro--img{display:flex;flex-direction:column;justify-content:center}
.pro--con{padding-right:40px}
.white--pro .pro--con{padding-right:0;padding-left:40px}
.region--header.activate .stage>div>ul>li>a{font-size:16px}
.plaster-main{padding:0 0 50px;z-index:2}
#scaffolding{padding-bottom:50px}
.pro-main{padding:30px 0 50px}
#contact{padding:50px 0}
.contact--right{position:relative;padding-right:0}
.footer>div{padding:50px 0;padding-right:20px}
.footer>div p{font-size:15px}
.footer>div i{font-size:40px}
}
@media (max-width:991px){.white--pro .pro--con{padding-right:0;padding-left:0}
.region--about{margin-top:60px;padding-top:40px;padding-bottom:20px}
.about-main{display:block}
.about-main>div{width:100%}
.about--img{display:none}
.scaffolding-main{display:block}
.scaffolding-main>div{width:100%;padding:0}
.p-tit{max-width:100%}
.about--text h1,.p-tit{font-size:30px}
a.more{margin-top:0}
.scaffolding--img{max-width:480px;margin-top:20px}
.scaffolding--text{padding-left:0}
.scaffolding-main{padding-top:0}
.p-tit-top{font-size:40px}
.pro-main{display:block}
.pro-main>div{width:100%;padding:0}
.pro-main .pro--img{padding-top:20px;max-width:480px}
.white--pro .pro-main{padding-top:0}
.contact--main{display:block}
.contact--main>div{width:100%}
.contact--right:before{width:100%;top:-10px}
.contact--right{margin-top:30px}
#contact-mail form .input{margin-top:0}
.footer{display:block;padding:50px 0}
.footer>div{width:100%;padding-right:0;padding:0;margin-bottom:20px}
.footer>div:last-child{margin-bottom:0}
.plaster--con{width:100%}
}
@media (max-width:767px){body{font-family:'Open Sans',sans-serif;font-size:14px;line-height:1.6}
.about--text p+p{font-size:14px;line-height:1.6;margin-top:10px}
.about--text h1,.p-tit{font-size:20px;font-weight:600}
.about--text p{font-size:16px}
p{margin-top:5px;margin-bottom:10px}
.p-tit-top{font-size:30px;margin-bottom:15px}
.p-tit{margin-bottom:10px}
a.more{font-weight:600;font-size:12px;text-transform:inherit}
.pro-main{padding:10px 0 20px}
#contact{padding:30px 0}
.footer{padding:30px 0}
.footer>div span{margin:0;padding-bottom:0}
.footer>div p,.footer>div span{font-size:14px}
#map{height:400px}
#contact-mail form input,#contact-mail form textarea{font-size:14px}
.textfield__label{font-size:14px}
}
@media (max-width:575px){.bevelB,.bevelB-B,.bevelBP,.bevelT{height:30px}
.about--text p+p,.footer>div p,.footer>div span,body{font-size:12px}
#map{height:350px}
.about--text p{font-size:14px}
.about--text h1,.p-tit{font-size:16px}
.plaster-main{padding:0 0 20px}
.copyright{line-height:1.4;padding:15px 0}
.contact--right{margin-top:20px}
.contact--right:before{display:none}
.footer{padding:25px 0}
.footer>div i{font-size:30px}
#contact-mail form input,#contact-mail form textarea{font-size:12px}
.textfield__label{font-size:12px}
.textfield__label{top:10px}
.input-group>input .textfield__label,.input-group>input:focus~.textfield__label,.input-group>textarea:focus~.textfield__label,.nonoen+span{font-size:10px;top:-10px}
}
.form-test-1,input[name=formtest]{display:none!important;}