@charset "utf-8";
body,button,dd,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:"Microsoft JhengHei","Source Han Sans CN","PingFang SC","Source Han Serif SC","Microsoft YaHei",sans-serif}
body{font:12px "Microsoft JhengHei","Source Han Sans CN","PingFang SC","Source Han Serif SC","Microsoft YaHei",sans-serif;color:#333;line-height:1.5;overflow-x:hidden}
li,ol,ul{list-style-type:none;vertical-align:middle}
img{vertical-align:top;border:0}
button,input,select,textarea{vertical-align:middle}
input,textarea{text-indent:10px}
button,input[type=button],input[type=submit]{text-indent:0;text-align:center;cursor:pointer}
a,button,label{cursor:pointer}
b,em,i,ins{text-decoration:none;font-style:normal}
button,input:focus,select:focus,textarea:focus{outline:0}
input::-moz-input-placeholder,input::-webkit-input-placeholder,textarea::-moz-textarea-placeholder,textarea::-webkit-textarea-placeholder{color:#999;-webkit-transition:color .5s;transition:color .5s}
input:focus::-moz-input-placeholder,input:focus::-webkit-input-placeholder,input:hover::-moz-input-placeholder,input:hover::-webkit-input-placeholder,textarea:focus::-moz-input-placeholder,textarea:focus::-webkit-input-placeholder,textarea:hover::-moz-input-placeholder,textarea:hover::-webkit-input-placeholder{color:#c2c2c2}
table{border-collapse:collapse;border-spacing:0;font:inherit}
a{color:inherit;text-decoration:none;outline:0}
a[href]{cursor:pointer}
a:hover{text-decoration:none;cursor:pointer}
a:focus{background-color:transparent}
em,h1,h2,h3,h4,h5,h6{font-weight:400}
a,b,button,div,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,i,input,label,legend,li,p,pre,small,span,strong,td,textarea,th{font-size:14px}
span{display:inline-block}
p{line-height:2}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
body{-webkit-tap-highlight-color:transparent}
a:focus,div:focus,input:focus,p:focus{-webkit-tap-highlight-color:transparent}
img:not([src]),img[src=""]{opacity:0}
font{font-size:inherit;font-weight:inherit;color:inherit;font-family:inherit;font-style:inherit;text-transform:inherit}
body,html{height:100%}
body::-webkit-scrollbar,html::-webkit-scrollbar{width:4px;background-color:#eee}
body::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{border:solid 1px #008755;width:3px;border-radius:4px;background-color:#008755}
body::-webkit-scrollbar-corner,html::-webkit-scrollbar-corner{background-color:#eee}
body::-webkit-scrollbar:horizontal,html::-webkit-scrollbar:horizontal{height:9px}
body::-webkit-selection,html::-webkit-selection{background:#008755;color:#fff}
body::-moz-selection,html::-moz-selection{background:#008755;color:#fff}
body::selection,html::selection{background:#008755;color:#fff}
.disable-hover{pointer-events:none}
.scroll-animate.animated{visibility:hidden}
.font-fadeIn font{display:inline-block}
.scrolly{transition:all .5s cubic-bezier(0,0,0,1);-webkit-transition:all .5s cubic-bezier(0,0,0,1);-moz-transition:all .5s cubic-bezier(0,0,0,1);-o-transition:all .5s cubic-bezier(0,0,0,1);-ms-transition:all .5s cubic-bezier(0,0,0,1)}
.fl{float:left}
.fr{float:right}
.cl::after{content:'\20';display:block;height:0;line-height:0;font-size:0;clear:both;visibility:hidden}
.hide{display:none}
.show{display:block}
.text_overflow{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-ahref]{cursor:pointer}
.over-2{line-height:24px;height:48px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.over-3{line-height:24px;height:72px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
html{font-size:100px}
@font-face{font-family:en;src:url(font/Nexa-Book.otf)}
.en{font-family:en}
@font-face{font-family:en_l;src:url(font/NexaThin.otf)}
.en_l{font-family:en_l}
@font-face{font-family:en_b;src:url(font/Nexa-Bold.otf)}
.en_b{font-family:en_b}
.mc{color:#008755}
.fc{color:#26d07c}
.wc{color:#fff}
.grc{color:#eee}
.d-gc{color:#8e8e8e}
.rc{color:#ff231c}
.oc{color:#ffb11e}
.yc{color:#fff714}
.gc{color:#8aff3c}
.bc{color:#4060ff}
p{color:#090b0a}
.transi{transition:all .3s cubic-bezier(0,0,0,1);-webkit-transition:all .3s cubic-bezier(0,0,0,1);-moz-transition:all .3s cubic-bezier(0,0,0,1);-o-transition:all .3s cubic-bezier(0,0,0,1);-ms-transition:all .3s cubic-bezier(0,0,0,1)}
.linear-bg{background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#03aedb),to(#137acc));background:linear-gradient(0deg,#03aedb 0,#137acc 100%)}
.linear-txt{background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#03aedb),to(#137acc));background:linear-gradient(0deg,#03aedb 0,#137acc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.max-wid{width:84%;max-width:1600px;margin:auto}
.full{position:absolute;width:100%;height:100%;top:0;left:0}
.cursor--group{position:absolute;display:none;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;margin:0 auto;min-height:100vh;pointer-events:none;opacity:0}
.cursor--group .cursor{position:fixed;left:0;top:0;pointer-events:none;border-radius:50%}
.cursor--group .cursor--inner{width:5px;height:5px;left:-2.5px;top:-2.5px;z-index:11000;background-color:rgba(255,255,255,0)}
.cursor--group .cursor--outer{width:50px;height:50px;border:3px solid rgba(255,255,255,.9);z-index:12000;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-shadow:0 0 12px -2px #fff,0 0 1px #fff,0 0 6px inset #fff;box-shadow:0 0 12px -2px #fff,0 0 1px #fff,0 0 6px inset #fff}
.pic{background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden;position:relative}
.pic .img-w{position:absolute!important;width:100%!important;min-height:100%!important;top:50%!important;transform:translateY(-50%)!important;-ms-transform:translateY(-50%)!important;-moz-transform:translateY(-50%)!important;-webkit-transform:translateY(-50%)!important;-o-transform:translateY(-50%)!important;display:block}
.pic .img-h{position:absolute!important;height:100%!important;min-width:100%!important;left:50%!important;transform:translateX(-50%)!important;-ms-transform:translateX(-50%)!important;-moz-transform:translateX(-50%)!important;-webkit-transform:translateX(-50%)!important;-o-transform:translateX(-50%)!important;display:block}
.pic img.w-h{width:100%;max-width:100%;opacity:0}
.pic img.lazy{position:absolute;left:0;top:0;width:100%;height:100%;transition:all .1s cubic-bezier(0,0,0,1);-webkit-transition:all .1s cubic-bezier(0,0,0,1);-moz-transition:all .1s cubic-bezier(0,0,0,1);-o-transition:all .1s cubic-bezier(0,0,0,1);-ms-transition:all .1s cubic-bezier(0,0,0,1)}
.layout-btn{display:inline-block;position:relative}
.layout-btn svg{position:relative;width:.7rem;stroke:rgba(0,135,85,.3);stroke-width:2px;stroke-linecap:butt;stroke-linejoin:miter;fill:rgba(0,135,85,0);stroke-dasharray:400%;stroke-dashoffset:0;-webkit-transition:fill .8s ease,stroke-dashoffset 2s ease;transition:fill .8s ease,stroke-dashoffset 2s ease}
.layout-btn i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);top:46%;color:#008755;font-size:12px;transition:color .8s cubic-bezier(0,0,0,1);-webkit-transition:color .8s cubic-bezier(0,0,0,1);-moz-transition:color .8s cubic-bezier(0,0,0,1);-o-transition:color .8s cubic-bezier(0,0,0,1);-ms-transition:color .8s cubic-bezier(0,0,0,1)}
.layout-btn.arrLeft i{padding-left:20%}
.layout-btn.arrRight i{padding-right:20%}
.layout-btn:hover>svg{fill:#008755;stroke-dashoffset:400%}
.layout-btn:hover i{color:#fff}
.layout-btn-2{display:inline-block;position:relative;overflow:hidden;width:100%;height:100%}
@media screen and (orientation:landscape){
.layout-btn-2{-webkit-transition:border-color .6s ease-in-out,-webkit-transform .6s ease-in-out;transition:border-color .6s ease-in-out,-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out,border-color .6s ease-in-out;transition:transform .6s ease-in-out,border-color .6s ease-in-out,-webkit-transform .6s ease-in-out}
}
.layout-btn-2:after{content:"";background-color:#008755;border-radius:1rem;position:absolute;width:100%;height:100%;top:0;left:0}
@media screen and (orientation:landscape){
.layout-btn-2:after{-webkit-transition:.5s cubic-bezier(.165,.84,.44,1);transition:.5s cubic-bezier(.165,.84,.44,1)}
}
.layout-btn-2>span{position:relative;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:1;text-align:center;border-radius:0;color:#fff;font-weight:700;font-size:12px;text-transform:uppercase;text-decoration:none}
.layout-btn-2>span.mc{color:#008755}
@media screen and (orientation:landscape){
.layout-btn-2>span{-webkit-transition:.7s ease-in-out;transition:.7s ease-in-out}
}
.layout-btn-2>span>i{margin-right:.2rem;font-size:.16rem;display:inline-block;-webkit-transition:color .5s ease-out,-webkit-transform .4s cubic-bezier(.165,.84,.44,1);transition:color .5s ease-out,-webkit-transform .4s cubic-bezier(.165,.84,.44,1);transition:transform .4s cubic-bezier(.165,.84,.44,1),color .5s ease-out;transition:transform .4s cubic-bezier(.165,.84,.44,1),color .5s ease-out,-webkit-transform .4s cubic-bezier(.165,.84,.44,1)}
.layout-btn-2>span>small{font-size:inherit;color:inherit;position:relative;overflow:visible;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;letter-spacing:1px}
.layout-btn-2>span>small>em{display:inline-block;position:relative;font-size:inherit;color:inherit;-webkit-transition:color .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:color .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1),color .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1),color .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);min-width:.13rem;font-family:en_b;font-size:.2rem;text-align:center}
.layout-btn-2>span>small>em:before{content:attr(data-word);display:block;text-align:center;position:absolute;top:110%;z-index:3;font-family:en_b;font-size:inherit;color:rgba(255,255,255,0);-webkit-transition:color .3s cubic-bezier(.645,.045,.355,1);transition:color .3s cubic-bezier(.645,.045,.355,1)}
.layout-btn-2>span>small>em.mc:before{color:rgba(0,135,85,0)}
.layout-btn-2>span>small>em:nth-of-type(1){-webkit-transition-delay:0s;transition-delay:0s}
.layout-btn-2>span>small>em:nth-of-type(1):before{-webkit-transition-delay:0s;transition-delay:0s}
.layout-btn-2>span>small>em:nth-of-type(2){-webkit-transition-delay:.03s;transition-delay:.03s}
.layout-btn-2>span>small>em:nth-of-type(2):before{-webkit-transition-delay:.03s;transition-delay:.03s}
.layout-btn-2>span>small>em:nth-of-type(3){-webkit-transition-delay:.06s;transition-delay:.06s}
.layout-btn-2>span>small>em:nth-of-type(3):before{-webkit-transition-delay:.06s;transition-delay:.06s}
.layout-btn-2>span>small>em:nth-of-type(4){-webkit-transition-delay:.09s;transition-delay:.09s}
.layout-btn-2>span>small>em:nth-of-type(4):before{-webkit-transition-delay:.09s;transition-delay:.09s}
.layout-btn-2>span>small>em:nth-of-type(5){-webkit-transition-delay:.12s;transition-delay:.12s}
.layout-btn-2>span>small>em:nth-of-type(5):before{-webkit-transition-delay:.12s;transition-delay:.12s}
.layout-btn-2>span>small>em:nth-of-type(6){-webkit-transition-delay:.15s;transition-delay:.15s}
.layout-btn-2>span>small>em:nth-of-type(6):before{-webkit-transition-delay:.15s;transition-delay:.15s}
.layout-btn-2>span>small>em:nth-of-type(7){-webkit-transition-delay:.18s;transition-delay:.18s}
.layout-btn-2>span>small>em:nth-of-type(7):before{-webkit-transition-delay:.18s;transition-delay:.18s}
.layout-btn-2>span>small>em:nth-of-type(8){-webkit-transition-delay:.21s;transition-delay:.21s}
.layout-btn-2>span>small>em:nth-of-type(8):before{-webkit-transition-delay:.21s;transition-delay:.21s}
.layout-btn-2>span>small>em:nth-of-type(9){-webkit-transition-delay:.24s;transition-delay:.24s}
.layout-btn-2>span>small>em:nth-of-type(9):before{-webkit-transition-delay:.24s;transition-delay:.24s}
.layout-btn-2>span>small>em:nth-of-type(10){-webkit-transition-delay:.27s;transition-delay:.27s}
.layout-btn-2>span>small>em:nth-of-type(10):before{-webkit-transition-delay:.27s;transition-delay:.27s}
@media screen and (orientation:landscape){
.layout-btn-2>span:hover>i{transform:translateX(-3px);-webkit-transform:translateX(-3px);-moz-transform:translateX(-3px);-o-transform:translateX(-3px);-ms-transform:translateX(-3px)}
.layout-btn-2>span:hover>small>em{transform:translateY(-100%);-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%);color:rgba(255,255,255,0)}
.layout-btn-2>span:hover>small>em:before{color:#fff}
.layout-btn-2>span:hover>small>em.mc:before{color:#008755}
}
.layout-btn-2>img{position:absolute;bottom:calc(100% + .18rem);width:2rem;left:0;right:0;margin:0 auto;opacity:0;pointer-events:none;-webkit-box-shadow:0 -2px 6px rgba(0,0,0,.3);box-shadow:0 -2px 6px rgba(0,0,0,.3);-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}
@media screen and (orientation:landscape){
.layout-btn-2:hover{transform:translateY(-5px);-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);-ms-transform:translateY(-5px)}
.layout-btn-2:hover>img{opacity:1}
}
.layout-inputBox{display:inline-block}
.layout-inputBox>h5{height:.32rem;line-height:.32rem}
.layout-inputBox .input-text{height:40px;margin-bottom:20px;position:relative;width:100%}
.layout-inputBox .input-text>input{width:100%;height:100%;background-color:#fff;border:solid 1px #d4d4d4;font-weight:400;padding:0 10px;position:relative;z-index:10}
.layout-inputBox .input-text>input:focus{background-color:transparent;border-color:transparent}
.layout-inputBox .input-text>input:focus~.input-border{background-color:#fff}
.layout-inputBox .input-text>input:focus~.input-border:first-of-type:before{-webkit-transition:.15s ease-in-out all;transition:.15s ease-in-out all;-webkit-transition-delay:0s;transition-delay:0s;width:100%}
.layout-inputBox .input-text>input:focus~.input-border:first-of-type:after{height:100%;-webkit-transition:.15s ease-in-out all;transition:.15s ease-in-out all;-webkit-transition-delay:.15s;transition-delay:.15s}
.layout-inputBox .input-text>input:focus~.input-border:last-of-type{background:0 0}
.layout-inputBox .input-text>input:focus~.input-border:last-of-type:before{-webkit-transition:.15s ease-in-out all;transition:.15s ease-in-out all;-webkit-transition-delay:.3s;transition-delay:.3s;width:100%}
.layout-inputBox .input-text>input:focus~.input-border:last-of-type:after{height:100%;-webkit-transition:.15s ease-in-out all;transition:.15s ease-in-out all;-webkit-transition-delay:.45s;transition-delay:.45s;top:0}
.layout-inputBox .input-text .input-border{bottom:0;display:block;left:0;position:absolute;top:0;width:100%;height:100%}
.layout-inputBox .input-text .input-border:after,.layout-inputBox .input-text .input-border:before{bottom:0;content:'';display:block;position:absolute;top:0;width:0;background-color:#5b4c5c;-webkit-transition:.3s ease-in-out all;transition:.3s ease-in-out all}
.layout-inputBox .input-text .input-border:first-of-type:before{height:2px;left:0;top:0;width:0}
.layout-inputBox .input-text .input-border:first-of-type:after{height:0;right:0;top:0;width:2px}
.layout-inputBox .input-text .input-border:last-of-type:before{background-color:#01afd1;height:2px;top:calc(100% - 2px);right:0;width:0}
.layout-inputBox .input-text .input-border:last-of-type:after{background-color:#01afd1;height:0;top:calc(100% - 2px);left:0;width:2px}
.layout-adr{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.layout-adr .parent{display:inline-block;position:relative;font-size:14px;margin:0 15px;text-decoration:none;cursor:default;padding-bottom:10px}
.layout-adr .parent .con{position:relative;min-width:120px;padding:0 26px 0 8px;height:36px;line-height:36px;background-color:#fff;border:1px solid #dedede;border-radius:3px}
.layout-adr .parent .con span{display:inline;padding:5px 12px;border-radius:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:top;transition:all .3s cubic-bezier(0,0,0,1);-webkit-transition:all .3s cubic-bezier(0,0,0,1);-moz-transition:all .3s cubic-bezier(0,0,0,1);-o-transition:all .3s cubic-bezier(0,0,0,1);-ms-transition:all .3s cubic-bezier(0,0,0,1)}
.layout-adr .parent .adr-down{position:absolute;display:none;width:100%;top:100%}
.layout-adr .parent .adr-down>ul{line-height:36px;position:relative;margin:0;padding:0;background:#fff;z-index:999999999;overflow-y:auto;overflow-x:hidden;border:1px solid #dedede;border-top:0;max-height:220px}
.layout-adr .parent .adr-down>ul>li{padding-left:8px;background:#fff;transition:all .3s cubic-bezier(0,0,0,1);-webkit-transition:all .3s cubic-bezier(0,0,0,1);-moz-transition:all .3s cubic-bezier(0,0,0,1);-o-transition:all .3s cubic-bezier(0,0,0,1);-ms-transition:all .3s cubic-bezier(0,0,0,1);margin:0;list-style:none;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.layout-adr .parent .adr-down>ul>li:hover{background-color:#008755;color:#fff}
.layout-adr .parent .adr-down:after{content:"◆";position:absolute;top:0;left:50%;right:0;text-align:center;font-size:20px;line-height:8px;margin-top:-5px;color:#fff;height:10px;overflow:hidden;background:rgba(0,0,0,0)}
.layout-adr .parent .adr-down.on{display:block}
.layout-adr .parent:after{content:"";pointer-events:none;position:absolute;top:16px;right:8px;display:block;border:6px solid #999;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid transparent}
.layout-adr.adr-inline .parent .con{padding-left:4px}
.layout-adr.adr-inline .parent .con span:hover{background-color:#008755;color:#fff}
.component{margin:0 auto;position:relative;margin-bottom:.4rem;max-width:100%}
.component>ul{width:100%;max-width:100%;height:100%;position:relative;list-style:none;padding:0;margin:0 auto}
.component>ul>li{width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:none;opacity:0;z-index:9;background-position:center;background-repeat:no-repeat;background-size:cover}
.component>ul>li>img{display:block;max-width:100%;opacity:0;max-height:100%}
.component>ul>li:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),to(rgba(0,0,0,.8)));background:linear-gradient(180deg,rgba(0,0,0,0) 50%,rgba(0,0,0,.8) 100%)}
.component>ul .current{opacity:1;pointer-events:auto;z-index:10}
.component nav>a{position:absolute;width:50px;height:50px;line-height:50px;color:#5b4c5c;outline:0;overflow:visible;text-align:center;top:50%;z-index:1100;color:#fff;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.component nav .moveNext{right:0}
.component .Tcon{position:absolute;width:80%;height:90%;top:0;bottom:0;margin:auto;left:0;right:0;z-index:11}
.component .Tcon>small{color:#fff;position:absolute;left:0;right:0;margin:auto;top:0;width:-webkit-max-content;width:-moz-max-content;width:max-content}
.component .Tcon>small>.Tpage{color:#fff;font-size:.2rem}
.component .Tcon .txtChange{position:relative;height:100%;width:100%}
.component .Tcon .txtChange>[data-txt]{opacity:0;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:50%;height:-webkit-max-content;height:-moz-max-content;height:max-content;color:#fff;text-align:center;font-size:.24rem;pointer-events:none;-webkit-transition:all .4s;transition:all .4s;-webkit-perspective:1600px;perspective:1600px}
.component .Tcon .txtChange>[data-txt].on{opacity:1;pointer-events:auto}
.component .Tcon .txtChange>[data-txt].txtHide{-webkit-animation:scaleUp 1.5s forwards cubic-bezier(.7,0,.3,1);animation:scaleUp 1.5s forwards cubic-bezier(.7,0,.3,1)}
.component .Tcon .txtChange>[data-txt].txtShow{-webkit-animation:scaleDownUp 1.5s forwards cubic-bezier(.7,0,.3,1);animation:scaleDownUp 1.5s forwards cubic-bezier(.7,0,.3,1)}
.component .Tcon .pageChange{position:absolute;width:-webkit-max-content;width:-moz-max-content;width:max-content;bottom:0;left:0;right:0;margin:auto;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}
.component .Tcon .pageChange>li{background-color:#fff;display:inline-block;float:left;width:.3rem;height:.1rem;line-height:.1rem;margin:.2rem .2rem;transition:all .3s cubic-bezier(0,0,0,1);-webkit-transition:all .3s cubic-bezier(0,0,0,1);-moz-transition:all .3s cubic-bezier(0,0,0,1);-o-transition:all .3s cubic-bezier(0,0,0,1);-ms-transition:all .3s cubic-bezier(0,0,0,1)}
.component .Tcon .pageChange>li.on{background-color:#000}
.component-small{width:650px;height:290px}
.component-small>ul{width:450px}
.component-fullwidth{width:100%;height:100%;margin-bottom:0;background:0 0}
.component-fullwidth>ul{overflow:hidden}
.component-fullwidth>ul>li{overflow:hidden}
.component-fullwidth>ul>li>img{min-width:100%;max-width:none;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.component-transparent{width:900px;height:500px}
.component-transparent>ul{width:112px}
.webGL-slider{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;margin:0 auto;z-index:5}
.webGL-slider>img{width:100%;max-width:100%;position:relative;top:0;left:0;z-index:0;opacity:0}
.webGL-slider canvas{position:absolute;z-index:2}
.webGL-slider .pagination{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:5vw;z-index:6}
.webGL-slider .pagination>[data-slide]{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;width:16px;height:16px;background-color:#fff;border-radius:100%;padding:0;margin:30px 0;cursor:pointer;position:relative;opacity:.2;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;outline:0}
.webGL-slider .pagination>[data-slide].on{opacity:1}
.webGL-slider a.move-prev{position:absolute;bottom:100%;width:36px;height:36px;line-height:36px;text-align:center;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);margin:0;color:#fff;background-color:transparent;font-size:24px;opacity:.6;transition:all .3s cubic-bezier(0,0,0,1);-webkit-transition:all .3s cubic-bezier(0,0,0,1);-moz-transition:all .3s cubic-bezier(0,0,0,1);-o-transition:all .3s cubic-bezier(0,0,0,1);-ms-transition:all .3s cubic-bezier(0,0,0,1)}
.webGL-slider a.move-prev:hover{opacity:1}
.webGL-slider a.move-next{position:absolute;top:100%;width:36px;height:36px;line-height:36px;text-align:center;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);margin:0;color:#fff;background-color:transparent;font-size:24px;opacity:.6;transition:all .3s cubic-bezier(0,0,0,1);-webkit-transition:all .3s cubic-bezier(0,0,0,1);-moz-transition:all .3s cubic-bezier(0,0,0,1);-o-transition:all .3s cubic-bezier(0,0,0,1);-ms-transition:all .3s cubic-bezier(0,0,0,1)}
.webGL-slider a.move-next:hover{opacity:1}
.webGL-slider .txt-item{position:absolute;width:100%;height:100%;top:0;left:0;z-index:5}
.webGL-slider .txt-item>li{position:absolute;top:50%;left:10vw;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%)}
.webGL-slider .txt-item>li>a{position:absolute;display:inline-block;top:30vh;left:0}
.webGL-slider .txt-item>li>a>i{font-size:32px;opacity:0;vertical-align:middle;display:inline-block;-webkit-animation:fadeInLeftSmall 1.5s ease forwards;animation:fadeInLeftSmall 1.5s ease forwards;-webkit-animation-delay:1s;animation-delay:1s}
.dialog{position:fixed;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;pointer-events:none;visibility:hidden;width:100%;height:100%;top:0;left:0;z-index:1000}
.dialog .dialog_mask{width:100%;height:100%;top:0;left:0;position:absolute;z-index:1001;background:rgba(55,58,71,.6);opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s;-webkit-backface-visibility:hidden}
.dialog .dialog_content{width:50%;max-width:560px;min-width:290px;background:#fff;padding:4em;text-align:center;position:relative;z-index:1005;opacity:0}
.dialog.dialog--close,.dialog.dialog--open{visibility:visible}
.dialog.dialog--close .dialog_mask,.dialog.dialog--open .dialog_mask{opacity:1;pointer-events:auto}
.dialog.dialog--close .dialog_content,.dialog.dialog--open .dialog_content{opacity:1;pointer-events:auto}
.dialog.dialog--close .dialog_mask{opacity:0}
.inter{position:relative;display:inline-block}
.inter>span{padding:6px 20px;background-color:#fff;border-radius:50px}
.inter .items{position:absolute;visibility:hidden;bottom:99%;opacity:0;-webkit-transform:translateY(5px);transform:translateY(5px);transition:all .3s cubic-bezier(0,0,0,1);-webkit-transition:all .3s cubic-bezier(0,0,0,1);-moz-transition:all .3s cubic-bezier(0,0,0,1);-o-transition:all .3s cubic-bezier(0,0,0,1);-ms-transition:all .3s cubic-bezier(0,0,0,1);left:-25px}
.inter .items>img{border:4px solid #008755}
.inter .items>ul{border-radius:5px;overflow:hidden}
.inter .items>ul>li{background-color:#fff}
.inter .items>ul>li>a{display:inline-block;line-height:45px;width:100%;text-align:center;transition:all .3s cubic-bezier(0,0,0,1);-webkit-transition:all .3s cubic-bezier(0,0,0,1);-moz-transition:all .3s cubic-bezier(0,0,0,1);-o-transition:all .3s cubic-bezier(0,0,0,1);-ms-transition:all .3s cubic-bezier(0,0,0,1);white-space:nowrap;padding:0 .2rem}
.inter .items>ul>li>a:hover{color:#008755;text-decoration:underline}
.inter .items>span{height:20px;line-height:20px;position:relative;width:100%;display:block}
.inter .items>span:after{content:"";width:0;height:0;position:absolute;border-style:solid;border-width:6px;border-color:#008755 transparent transparent transparent;left:32px;top:0}
@media screen and (min-width:800px){
.inter:hover .items{opacity:1;-webkit-transform:none;transform:none;visibility:visible}
}
@media screen and (max-width:800px){
.inter{cursor:pointer}
.inter.on .items{opacity:1;-webkit-transform:none;transform:none;visibility:visible}
}
.inter_left{position:relative;display:inline-block;cursor:pointer}
.inter_left>a{background-color:#fff;border-radius:50px;font-size:.2rem;width:.56rem;height:.56rem;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}
.inter_left .items{position:absolute;visibility:hidden;right:99%;opacity:0;-webkit-transform:translateX(-5px) translateY(-50%);transform:translateX(-5px) translateY(-50%);transition:all .3s cubic-bezier(0,0,0,1);-webkit-transition:all .3s cubic-bezier(0,0,0,1);-moz-transition:all .3s cubic-bezier(0,0,0,1);-o-transition:all .3s cubic-bezier(0,0,0,1);-ms-transition:all .3s cubic-bezier(0,0,0,1);top:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.inter_left .items .imgBox{display:-webkit-box;display:-ms-flexbox;display:flex;-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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:2px solid #008755}
.inter_left .items .imgBox>img{max-width:1.5rem}
.inter_left .items>img{border:2px solid #fff;max-width:1.5rem}
.inter_left .items>ul{border-radius:5px;overflow:hidden}
.inter_left .items>ul>li{background-color:#fff}
.inter_left .items>ul>li>a{display:inline-block;line-height:45px;width:100%;text-align:center;transition:all .3s cubic-bezier(0,0,0,1);-webkit-transition:all .3s cubic-bezier(0,0,0,1);-moz-transition:all .3s cubic-bezier(0,0,0,1);-o-transition:all .3s cubic-bezier(0,0,0,1);-ms-transition:all .3s cubic-bezier(0,0,0,1);white-space:nowrap;padding:0 .2rem}
.inter_left .items>ul>li>a:hover{color:#008755;text-decoration:underline}
.inter_left .items>span{position:relative;width:20px;display:block;height:1rem}
.inter_left .items>span:after{content:"";width:0;height:0;position:absolute;border-style:solid;border-width:6px;border-color:transparent transparent transparent #008755;left:0;top:0;bottom:0;margin:auto 0}
.inter_left:hover .items{opacity:1;-webkit-transform:translateX(0) translateY(-50%);transform:translateX(0) translateY(-50%);visibility:visible}
.inter_left.on .items{opacity:1;-webkit-transform:translateX(0) translateY(-50%);transform:translateX(0) translateY(-50%);visibility:visible}
.dropdown{text-align:left;width:220px;display:inline-block;position:relative}
.dropdown select{display:none}
.dropdown>ul{margin:0;padding:0;list-style:none;opacity:0;visibility:hidden;position:absolute;max-height:calc(336px);top:42px;left:0;z-index:1;right:0;background:#151924;border-radius:6px;overflow-x:hidden;overflow-y:auto;-webkit-transform-origin:0 0;transform-origin:0 0;transition:opacity .2s ease,visibility .2s ease,-webkit-transform .3s cubic-bezier(.4,.6,.5,1.32);-webkit-transition:opacity .2s ease,visibility .2s ease,-webkit-transform .3s cubic-bezier(.4,.6,.5,1.32);transition:opacity .2s ease,visibility .2s ease,transform .3s cubic-bezier(.4,.6,.5,1.32);transition:opacity .2s ease,visibility .2s ease,transform .3s cubic-bezier(.4,.6,.5,1.32),-webkit-transform .3s cubic-bezier(.4,.6,.5,1.32);-webkit-transform:scale(.8) translate(0,4px);transform:scale(.8) translate(0,4px);border:1px solid #cdd9ed}
.dropdown>ul>li{opacity:0;-webkit-transform:translate(6px,0);transform:translate(6px,0);-webkit-transition:all .3s ease;transition:all .3s ease}
.dropdown>ul>li>a{cursor:pointer;display:block;padding:10px 16px;color:#cdd9ed;text-decoration:none;outline:0;position:relative;-webkit-transition:all .3s ease;transition:all .3s ease}
.dropdown>ul>li>a:hover{color:#eee}
.dropdown>ul>li.active>a{color:#fff;background-color:#000}
.dropdown>span{cursor:pointer;padding:9px 16px;border-radius:6px;display:block;position:relative;color:#cdd9ed;border:1px solid #2f3545;background-color:#151924}
.dropdown>span:before{content:'';display:block;position:absolute;width:8px;height:2px;border-radius:1px;top:50%;right:15px;background:#99a3ba;-webkit-transition:all .3s ease;transition:all .3s ease;margin-right:4px;-webkit-transform:scale(.96,.8) rotate(50deg);transform:scale(.96,.8) rotate(50deg)}
.dropdown>span:after{content:'';display:block;position:absolute;width:8px;height:2px;border-radius:1px;top:50%;right:15px;background:#99a3ba;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transform:scale(.96,.8) rotate(-50deg);transform:scale(.96,.8) rotate(-50deg)}
.dropdown.open>ul{opacity:1;visibility:visible;-webkit-transform:scale(1) translate(0,12px);transform:scale(1) translate(0,12px);transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(.4,.6,.5,1.32);-webkit-transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(.4,.6,.5,1.32);transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.4,.6,.5,1.32);transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.4,.6,.5,1.32),-webkit-transform .3s cubic-bezier(.4,.6,.5,1.32)}
.dropdown.open>ul>li{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}
.dropdown.open>span:before{-webkit-transform:scale(.96,.8) rotate(-50deg);transform:scale(.96,.8) rotate(-50deg)}
.dropdown.open>span:after{-webkit-transform:scale(.96,.8) rotate(50deg);transform:scale(.96,.8) rotate(50deg)}
.dropdown.open ul li:nth-child(1){-webkit-transition-delay:80ms;transition-delay:80ms}
.dropdown.open ul li:nth-child(2){-webkit-transition-delay:160ms;transition-delay:160ms}
.dropdown.open ul li:nth-child(3){-webkit-transition-delay:240ms;transition-delay:240ms}
.dropdown.open ul li:nth-child(4){-webkit-transition-delay:320ms;transition-delay:320ms}
.dropdown.open ul li:nth-child(5){-webkit-transition-delay:.4s;transition-delay:.4s}
.dropdown.open ul li:nth-child(6){-webkit-transition-delay:480ms;transition-delay:480ms}
.dropdown.open ul li:nth-child(7){-webkit-transition-delay:560ms;transition-delay:560ms}
.dropdown.open ul li:nth-child(8){-webkit-transition-delay:640ms;transition-delay:640ms}
.dropdown.open ul li:nth-child(9){-webkit-transition-delay:720ms;transition-delay:720ms}
.dropdown.open ul li:nth-child(10){-webkit-transition-delay:.8s;transition-delay:.8s}
.f-light{font-weight:lighter}
.f-bold{font-weight:700}
.f-500{font-weight:500}
.f-left{text-align:left}
.f-center{text-align:center}
.f-right{text-align:right}
.up-word{text-transform:uppercase}
.v-show{visibility:visible}
.v-hide{visibility:hidden}
.pr{position:relative}
.pa{position:absolute}
.back-cover{background-size:cover}
.back-contain{background-size:contain}
.wid-10{width:10%}
.wid-15{width:15%}
.wid-20{width:20%}
.wid-25{width:25%}
.wid-30{width:30%}
.wid-35{width:35%}
.wid-40{width:40%}
.wid-45{width:45%}
.wid-50{width:50%}
.wid-55{width:55%}
.wid-60{width:60%}
.wid-65{width:65%}
.wid-70{width:70%}
.wid-75{width:75%}
.wid-80{width:80%}
.wid-85{width:85%}
.wid-90{width:90%}
.wid-95{width:95%}
.wid-100{width:100%}
.op-0{opacity:0}
.op-1{opacity:.1}
.op-2{opacity:.2}
.op-3{opacity:.3}
.op-4{opacity:.4}
.op-5{opacity:.5}
.op-6{opacity:.6}
.op-7{opacity:.7}
.op-8{opacity:.8}
.op-9{opacity:.9}
.op-10{opacity:1}
.layout-middle{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}
.layout-v-middle{position:absolute;top:0;bottom:0;margin:auto}
.layout-h-middle{position:absolute;left:0;right:0;margin:auto}
.pa-rb{position:absolute;right:0;bottom:0}
.pa-rt{position:absolute;right:0;top:0}
.pa-lt{position:absolute;left:0;top:0}
.pa-lb{position:absolute;left:0;bottom:0}
.pa-v{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%)}
.pa-h{position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%)}
.pa-mid{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.mt-1{margin-top:1px}
.mt-2{margin-top:2px}
.mt-3{margin-top:3px}
.mt-4{margin-top:4px}
.mt-5{margin-top:5px}
.mt-6{margin-top:6px}
.mt-7{margin-top:7px}
.mt-8{margin-top:8px}
.mt-9{margin-top:9px}
.mt-10{margin-top:10px}
.mt-12{margin-top:12px}
.mt-14{margin-top:14px}
.mt-16{margin-top:16px}
.mt-18{margin-top:18px}
.mt-20{margin-top:20px}
.mt-22{margin-top:22px}
.mt-24{margin-top:24px}
.mt-26{margin-top:26px}
.mt-28{margin-top:28px}
.mt-30{margin-top:30px}
.mt-32{margin-top:32px}
.mt-34{margin-top:34px}
.mt-36{margin-top:36px}
.mt-38{margin-top:38px}
.mt-40{margin-top:40px}
.mt-42{margin-top:42px}
.mt-44{margin-top:44px}
.mt-46{margin-top:46px}
.mt-48{margin-top:48px}
.mt-50{margin-top:50px}
.mt-60{margin-top:60px}
.mt-70{margin-top:70px}
.mt-80{margin-top:80px}
.mt-90{margin-top:90px}
.mt-100{margin-top:100px}
.mb-1{margin-bottom:1px}
.mb-3{margin-bottom:3px}
.mb-4{margin-bottom:4px}
.mb-5{margin-bottom:5px}
.mb-6{margin-bottom:6px}
.mb-7{margin-bottom:7px}
.mb-8{margin-bottom:8px}
.mb-9{margin-bottom:9px}
.mb-10{margin-bottom:10px}
.mb-12{margin-bottom:12px}
.mb-14{margin-bottom:14px}
.mb-16{margin-bottom:16px}
.mb-18{margin-bottom:18px}
.mb-20{margin-bottom:20px}
.mb-22{margin-bottom:22px}
.mb-24{margin-bottom:24px}
.mb-26{margin-bottom:26px}
.mb-28{margin-bottom:28px}
.mb-30{margin-bottom:30px}
.mb-32{margin-bottom:32px}
.mb-34{margin-bottom:34px}
.mb-36{margin-bottom:36px}
.mb-38{margin-bottom:38px}
.mb-40{margin-bottom:40px}
.mb-42{margin-bottom:42px}
.mb-44{margin-bottom:44px}
.mb-46{margin-bottom:46px}
.mb-48{margin-bottom:48px}
.mb-50{margin-bottom:50px}
.mb-60{margin-bottom:60px}
.mb-70{margin-bottom:70px}
.mb-80{margin-bottom:80px}
.mb-90{margin-bottom:90px}
.mb-100{margin-bottom:100px}
.ml-1{margin-left:1px}
.ml-3{margin-left:3px}
.ml-4{margin-left:4px}
.ml-5{margin-left:5px}
.ml-6{margin-left:6px}
.ml-7{margin-left:7px}
.ml-8{margin-left:8px}
.ml-9{margin-left:9px}
.ml-10{margin-left:10px}
.ml-12{margin-left:12px}
.ml-14{margin-left:14px}
.ml-16{margin-left:16px}
.ml-18{margin-left:18px}
.ml-20{margin-left:20px}
.ml-22{margin-left:22px}
.ml-24{margin-left:24px}
.ml-26{margin-left:26px}
.ml-28{margin-left:28px}
.ml-30{margin-left:30px}
.ml-32{margin-left:32px}
.ml-34{margin-left:34px}
.ml-36{margin-left:36px}
.ml-38{margin-left:38px}
.ml-40{margin-left:40px}
.ml-42{margin-left:42px}
.ml-44{margin-left:44px}
.ml-46{margin-left:46px}
.ml-48{margin-left:48px}
.ml-50{margin-left:50px}
.ml-60{margin-left:60px}
.ml-70{margin-left:70px}
.ml-80{margin-left:80px}
.ml-90{margin-left:90px}
.ml-100{margin-left:100px}
.mr-1{margin-right:1px}
.mr-3{margin-right:3px}
.mr-4{margin-right:4px}
.mr-5{margin-right:5px}
.mr-6{margin-right:6px}
.mr-7{margin-right:7px}
.mr-8{margin-right:8px}
.mr-9{margin-right:9px}
.mr-10{margin-right:10px}
.mr-12{margin-right:12px}
.mr-14{margin-right:14px}
.mr-16{margin-right:16px}
.mr-18{margin-right:18px}
.mr-20{margin-right:20px}
.mr-22{margin-right:22px}
.mr-24{margin-right:24px}
.mr-26{margin-right:26px}
.mr-28{margin-right:28px}
.mr-30{margin-right:30px}
.mr-32{margin-right:32px}
.mr-34{margin-right:34px}
.mr-36{margin-right:36px}
.mr-38{margin-right:38px}
.mr-40{margin-right:40px}
.mr-42{margin-right:42px}
.mr-44{margin-right:44px}
.mr-46{margin-right:46px}
.mr-48{margin-right:48px}
.mr-50{margin-right:50px}
.mr-60{margin-right:60px}
.mr-70{margin-right:70px}
.mr-80{margin-right:80px}
.mr-90{margin-right:90px}
.mr-100{margin-right:100px}
.pt-1{padding-top:1px}
.pt-3{padding-top:3px}
.pt-4{padding-top:4px}
.pt-5{padding-top:5px}
.pt-6{padding-top:6px}
.pt-7{padding-top:7px}
.pt-8{padding-top:8px}
.pt-9{padding-top:9px}
.pt-10{padding-top:10px}
.pt-12{padding-top:12px}
.pt-14{padding-top:14px}
.pt-16{padding-top:16px}
.pt-18{padding-top:18px}
.pt-20{padding-top:20px}
.pt-22{padding-top:22px}
.pt-24{padding-top:24px}
.pt-26{padding-top:26px}
.pt-28{padding-top:28px}
.pt-30{padding-top:30px}
.pt-32{padding-top:32px}
.pt-34{padding-top:34px}
.pt-36{padding-top:36px}
.pt-38{padding-top:38px}
.pt-40{padding-top:40px}
.pt-42{padding-top:42px}
.pt-44{padding-top:44px}
.pt-46{padding-top:46px}
.pt-48{padding-top:48px}
.pt-50{padding-top:50px}
.pt-60{padding-top:60px}
.pt-70{padding-top:70px}
.pt-80{padding-top:80px}
.pt-90{padding-top:90px}
.pt-100{padding-top:100px}
.pb-1{padding-bottom:1px}
.pb-3{padding-bottom:3px}
.pb-4{padding-bottom:4px}
.pb-5{padding-bottom:5px}
.pb-6{padding-bottom:6px}
.pb-7{padding-bottom:7px}
.pb-8{padding-bottom:8px}
.pb-9{padding-bottom:9px}
.pb-10{padding-bottom:10px}
.pb-12{padding-bottom:12px}
.pb-14{padding-bottom:14px}
.pb-16{padding-bottom:16px}
.pb-18{padding-bottom:18px}
.pb-20{padding-bottom:20px}
.pb-22{padding-bottom:22px}
.pb-24{padding-bottom:24px}
.pb-26{padding-bottom:26px}
.pb-28{padding-bottom:28px}
.pb-30{padding-bottom:30px}
.pb-32{padding-bottom:32px}
.pb-34{padding-bottom:34px}
.pb-36{padding-bottom:36px}
.pb-38{padding-bottom:38px}
.pb-40{padding-bottom:40px}
.pb-42{padding-bottom:42px}
.pb-44{padding-bottom:44px}
.pb-46{padding-bottom:46px}
.pb-48{padding-bottom:48px}
.pb-50{padding-bottom:50px}
.pb-60{padding-bottom:60px}
.pb-70{padding-bottom:70px}
.pb-80{padding-bottom:80px}
.pb-90{padding-bottom:90px}
.pb-100{padding-bottom:100px}
.pl-1{padding-left:1px}
.pl-3{padding-left:3px}
.pl-4{padding-left:4px}
.pl-5{padding-left:5px}
.pl-6{padding-left:6px}
.pl-7{padding-left:7px}
.pl-8{padding-left:8px}
.pl-9{padding-left:9px}
.pl-10{padding-left:10px}
.pl-12{padding-left:12px}
.pl-14{padding-left:14px}
.pl-16{padding-left:16px}
.pl-18{padding-left:18px}
.pl-20{padding-left:20px}
.pl-22{padding-left:22px}
.pl-24{padding-left:24px}
.pl-26{padding-left:26px}
.pl-28{padding-left:28px}
.pl-30{padding-left:30px}
.pl-32{padding-left:32px}
.pl-34{padding-left:34px}
.pl-36{padding-left:36px}
.pl-38{padding-left:38px}
.pl-40{padding-left:40px}
.pl-42{padding-left:42px}
.pl-44{padding-left:44px}
.pl-46{padding-left:46px}
.pl-48{padding-left:48px}
.pl-50{padding-left:50px}
.pl-60{padding-left:60px}
.pl-70{padding-left:70px}
.pl-80{padding-left:80px}
.pl-90{padding-left:90px}
.pl-100{padding-left:100px}
.pr-1{padding-right:1px}
.pr-3{padding-right:3px}
.pr-4{padding-right:4px}
.pr-5{padding-right:5px}
.pr-6{padding-right:6px}
.pr-7{padding-right:7px}
.pr-8{padding-right:8px}
.pr-9{padding-right:9px}
.pr-10{padding-right:10px}
.pr-12{padding-right:12px}
.pr-14{padding-right:14px}
.pr-16{padding-right:16px}
.pr-18{padding-right:18px}
.pr-20{padding-right:20px}
.pr-22{padding-right:22px}
.pr-24{padding-right:24px}
.pr-26{padding-right:26px}
.pr-28{padding-right:28px}
.pr-30{padding-right:30px}
.pr-32{padding-right:32px}
.pr-34{padding-right:34px}
.pr-36{padding-right:36px}
.pr-38{padding-right:38px}
.pr-40{padding-right:40px}
.pr-42{padding-right:42px}
.pr-44{padding-right:44px}
.pr-46{padding-right:46px}
.pr-48{padding-right:48px}
.pr-50{padding-right:50px}
.pr-60{padding-right:60px}
.pr-70{padding-right:70px}
.pr-80{padding-right:80px}
.pr-90{padding-right:90px}
.pr-100{padding-right:100px}
.f-110{font-size:1.1rem}
.f-80{font-size:.8rem}
.f-70{font-size:.7rem}
.f-66{font-size:.66rem}
.f-60{font-size:.6rem}
.f-56{font-size:.56rem}
.f-54{font-size:.54rem}
.f-52{font-size:.52rem}
.f-50{font-size:.5rem}
.f-48{font-size:.48rem}
.f-46{font-size:.46rem}
.f-44{font-size:.44rem}
.f-42{font-size:.42rem}
.f-40{font-size:.4rem}
.f-38{font-size:.38rem}
.f-36{font-size:.36rem}
.f-34{font-size:.34rem}
.f-32{font-size:.32rem}
.f-30{font-size:.3rem}
.f-28{font-size:.28rem}
.f-26{font-size:26px}
.f-24{font-size:24px}
.f-22{font-size:22px}
.f-20{font-size:20px}
.f-18{font-size:18px}
.f-16{font-size:16px}
.f-14{font-size:14px}
.f-12{font-size:12px}
@media screen and (max-width:1700px){
html{font-size:90px}
.f-20{font-size:18px}
}
@media screen and (max-width:1600px){
html{font-size:75px}
.f-26{font-size:22px}
.f-24{font-size:20px}
.f-22{font-size:18px}
.f-20{font-size:18px}
.f-18{font-size:17px}
.f-16{font-size:15px}
.f-14{font-size:14px}
.f-12{font-size:12px}
}
@media screen and (max-width:1500px){
html{font-size:70px}
}
@media screen and (max-width:1366px){
html{font-size:60px}
a,b,button,div,em,fieldset,form,h1,h2,h3,h4,h5,h6,i,input,label,legend,li,p,pre,small,span,strong,td,textarea,th{font-size:14px}
p{font-size:14px;line-height:1.8}
.f-110{font-size:.9rem}
.f-26{font-size:20px}
.f-24{font-size:18px}
.f-22{font-size:18px}
.f-20{font-size:16px}
.f-18{font-size:15px}
.f-16{font-size:14px}
.f-14{font-size:13px}
.f-12{font-size:12px}
}
@media screen and (max-width:1280px){
html{font-size:55px}
p{font-size:14px;line-height:1.6}
.f-26{font-size:18px}
.f-24{font-size:16px}
.f-22{font-size:16px}
.f-20{font-size:14px}
.f-18{font-size:13px}
.f-16{font-size:13px}
.f-14{font-size:12px}
.f-12{font-size:12px}
}
@media screen and (max-width:700px){
html{font-size:50px}
p{font-size:13px;line-height:180%}
small,span{font-size:13px}
.f-110{font-size:1.1rem}
.f-80{font-size:.8rem}
.f-66{font-size:.66rem}
.f-60{font-size:.6rem}
.f-56{font-size:.56rem}
.f-54{font-size:.54rem}
.f-52{font-size:.52rem}
.f-50{font-size:.5rem}
.f-48{font-size:.48rem}
.f-46{font-size:.46rem}
.f-44{font-size:.44rem}
.f-42{font-size:.42rem}
.f-40{font-size:.4rem}
.f-38{font-size:.38rem}
.f-36{font-size:.36rem}
.f-34{font-size:.34rem}
.f-32{font-size:.32rem}
.f-30{font-size:.3rem}
.f-28{font-size:.28rem}
.f-26{font-size:20px}
.f-24{font-size:18px}
.f-22{font-size:16px}
.f-20{font-size:15px}
.f-18{font-size:14px}
.f-16{font-size:14px}
.f-14{font-size:12px}
.f-12{font-size:12px}
.mt-1{margin-top:1px}
.mt-3{margin-top:3px}
.mt-4{margin-top:4px}
.mt-5{margin-top:4px}
.mt-6{margin-top:4px}
.mt-7{margin-top:4px}
.mt-8{margin-top:4px}
.mt-9{margin-top:4px}
.mt-10{margin-top:6px}
.mt-12{margin-top:6px}
.mt-14{margin-top:6px}
.mt-16{margin-top:6px}
.mt-18{margin-top:6px}
.mt-20{margin-top:8px}
.mt-22{margin-top:8px}
.mt-24{margin-top:8px}
.mt-26{margin-top:8px}
.mt-28{margin-top:10px}
.mt-30{margin-top:10px}
.mt-32{margin-top:10px}
.mt-34{margin-top:10px}
.mt-36{margin-top:12px}
.mt-38{margin-top:12px}
.mt-40{margin-top:12px}
.mt-42{margin-top:14px}
.mt-44{margin-top:14px}
.mt-46{margin-top:16px}
.mt-48{margin-top:16px}
.mt-50{margin-top:18px}
.mt-60{margin-top:18px}
.mt-70{margin-top:20px}
.mt-80{margin-top:22px}
.mt-90{margin-top:26px}
.mt-100{margin-top:30px}
.mb-1{margin-bottom:1px}
.mb-3{margin-bottom:3px}
.mb-4{margin-bottom:4px}
.mb-5{margin-bottom:4px}
.mb-6{margin-bottom:4px}
.mb-7{margin-bottom:4px}
.mb-8{margin-bottom:4px}
.mb-9{margin-bottom:4px}
.mb-10{margin-bottom:6px}
.mb-12{margin-bottom:6px}
.mb-14{margin-bottom:6px}
.mb-16{margin-bottom:6px}
.mb-18{margin-bottom:6px}
.mb-20{margin-bottom:8px}
.mb-22{margin-bottom:8px}
.mb-24{margin-bottom:8px}
.mb-26{margin-bottom:8px}
.mb-28{margin-bottom:10px}
.mb-30{margin-bottom:10px}
.mb-32{margin-bottom:10px}
.mb-34{margin-bottom:10px}
.mb-36{margin-bottom:12px}
.mb-38{margin-bottom:12px}
.mb-40{margin-bottom:12px}
.mb-42{margin-bottom:14px}
.mb-44{margin-bottom:14px}
.mb-46{margin-bottom:16px}
.mb-48{margin-bottom:16px}
.mb-50{margin-bottom:18px}
.mb-60{margin-bottom:18px}
.mb-70{margin-bottom:20px}
.mb-80{margin-bottom:22px}
.mb-90{margin-bottom:26px}
.mb-100{margin-bottom:30px}
.ml-1{margin-left:1px}
.ml-3{margin-left:3px}
.ml-4{margin-left:4px}
.ml-5{margin-left:4px}
.ml-6{margin-left:4px}
.ml-7{margin-left:4px}
.ml-8{margin-left:4px}
.ml-9{margin-left:4px}
.ml-10{margin-left:6px}
.ml-12{margin-left:6px}
.ml-14{margin-left:6px}
.ml-16{margin-left:6px}
.ml-18{margin-left:6px}
.ml-20{margin-left:8px}
.ml-22{margin-left:8px}
.ml-24{margin-left:8px}
.ml-26{margin-left:8px}
.ml-28{margin-left:10px}
.ml-30{margin-left:10px}
.ml-32{margin-left:10px}
.ml-34{margin-left:10px}
.ml-36{margin-left:12px}
.ml-38{margin-left:12px}
.ml-40{margin-left:12px}
.ml-42{margin-left:14px}
.ml-44{margin-left:14px}
.ml-46{margin-left:16px}
.ml-48{margin-left:16px}
.ml-50{margin-left:18px}
.ml-60{margin-left:18px}
.ml-70{margin-left:20px}
.ml-80{margin-left:22px}
.ml-90{margin-left:26px}
.ml-100{margin-left:30px}
.mr-1{margin-right:1px}
.mr-3{margin-right:3px}
.mr-4{margin-right:4px}
.mr-5{margin-right:4px}
.mr-6{margin-right:4px}
.mr-7{margin-right:4px}
.mr-8{margin-right:4px}
.mr-9{margin-right:4px}
.mr-10{margin-right:6px}
.mr-12{margin-right:6px}
.mr-14{margin-right:6px}
.mr-16{margin-right:6px}
.mr-18{margin-right:6px}
.mr-20{margin-right:8px}
.mr-22{margin-right:8px}
.mr-24{margin-right:8px}
.mr-26{margin-right:8px}
.mr-28{margin-right:10px}
.mr-30{margin-right:10px}
.mr-32{margin-right:10px}
.mr-34{margin-right:10px}
.mr-36{margin-right:12px}
.mr-38{margin-right:12px}
.mr-40{margin-right:12px}
.mr-42{margin-right:14px}
.mr-44{margin-right:14px}
.mr-46{margin-right:16px}
.mr-48{margin-right:16px}
.mr-50{margin-right:18px}
.mr-60{margin-right:18px}
.mr-70{margin-right:20px}
.mr-80{margin-right:22px}
.mr-90{margin-right:26px}
.mr-100{margin-right:30px}
.pt-1{padding-top:1px}
.pt-3{padding-top:3px}
.pt-4{padding-top:4px}
.pt-5{padding-top:4px}
.pt-6{padding-top:4px}
.pt-7{padding-top:4px}
.pt-8{padding-top:4px}
.pt-9{padding-top:4px}
.pt-10{padding-top:6px}
.pt-12{padding-top:6px}
.pt-14{padding-top:6px}
.pt-16{padding-top:6px}
.pt-18{padding-top:6px}
.pt-20{padding-top:8px}
.pt-22{padding-top:8px}
.pt-24{padding-top:8px}
.pt-26{padding-top:8px}
.pt-28{padding-top:10px}
.pt-30{padding-top:10px}
.pt-32{padding-top:10px}
.pt-34{padding-top:10px}
.pt-36{padding-top:12px}
.pt-38{padding-top:12px}
.pt-40{padding-top:12px}
.pt-42{padding-top:14px}
.pt-44{padding-top:14px}
.pt-46{padding-top:16px}
.pt-48{padding-top:16px}
.pt-50{padding-top:18px}
.pt-60{padding-top:18px}
.pt-70{padding-top:20px}
.pt-80{padding-top:22px}
.pt-90{padding-top:26px}
.pt-100{padding-top:30px}
.pb-1{padding-bottom:1px}
.pb-3{padding-bottom:3px}
.pb-4{padding-bottom:4px}
.pb-5{padding-bottom:4px}
.pb-6{padding-bottom:4px}
.pb-7{padding-bottom:4px}
.pb-8{padding-bottom:4px}
.pb-9{padding-bottom:4px}
.pb-10{padding-bottom:6px}
.pb-12{padding-bottom:6px}
.pb-14{padding-bottom:6px}
.pb-16{padding-bottom:6px}
.pb-18{padding-bottom:6px}
.pb-20{padding-bottom:8px}
.pb-22{padding-bottom:8px}
.pb-24{padding-bottom:8px}
.pb-26{padding-bottom:8px}
.pb-28{padding-bottom:10px}
.pb-30{padding-bottom:10px}
.pb-32{padding-bottom:10px}
.pb-34{padding-bottom:10px}
.pb-36{padding-bottom:12px}
.pb-38{padding-bottom:12px}
.pb-40{padding-bottom:12px}
.pb-42{padding-bottom:14px}
.pb-44{padding-bottom:14px}
.pb-46{padding-bottom:16px}
.pb-48{padding-bottom:16px}
.pb-50{padding-bottom:18px}
.pb-60{padding-bottom:18px}
.pb-70{padding-bottom:20px}
.pb-80{padding-bottom:22px}
.pb-90{padding-bottom:26px}
.pb-100{padding-bottom:30px}
.pl-1{padding-left:1px}
.pl-3{padding-left:3px}
.pl-4{padding-left:4px}
.pl-5{padding-left:4px}
.pl-6{padding-left:4px}
.pl-7{padding-left:4px}
.pl-8{padding-left:4px}
.pl-9{padding-left:4px}
.pl-10{padding-left:6px}
.pl-12{padding-left:6px}
.pl-14{padding-left:6px}
.pl-16{padding-left:6px}
.pl-18{padding-left:6px}
.pl-20{padding-left:8px}
.pl-22{padding-left:8px}
.pl-24{padding-left:8px}
.pl-26{padding-left:8px}
.pl-28{padding-left:10px}
.pl-30{padding-left:10px}
.pl-32{padding-left:10px}
.pl-34{padding-left:10px}
.pl-36{padding-left:12px}
.pl-38{padding-left:12px}
.pl-40{padding-left:12px}
.pl-42{padding-left:14px}
.pl-44{padding-left:14px}
.pl-46{padding-left:16px}
.pl-48{padding-left:16px}
.pl-50{padding-left:18px}
.pl-60{padding-left:18px}
.pl-70{padding-left:20px}
.pl-80{padding-left:22px}
.pl-90{padding-left:26px}
.pl-100{padding-left:30px}
.pr-1{padding-right:1px}
.pr-3{padding-right:3px}
.pr-4{padding-right:4px}
.pr-5{padding-right:4px}
.pr-6{padding-right:4px}
.pr-7{padding-right:4px}
.pr-8{padding-right:4px}
.pr-9{padding-right:4px}
.pr-10{padding-right:6px}
.pr-12{padding-right:6px}
.pr-14{padding-right:6px}
.pr-16{padding-right:6px}
.pr-18{padding-right:6px}
.pr-20{padding-right:8px}
.pr-22{padding-right:8px}
.pr-24{padding-right:8px}
.pr-26{padding-right:8px}
.pr-28{padding-right:10px}
.pr-30{padding-right:10px}
.pr-32{padding-right:10px}
.pr-34{padding-right:10px}
.pr-36{padding-right:12px}
.pr-38{padding-right:12px}
.pr-40{padding-right:12px}
.pr-42{padding-right:14px}
.pr-44{padding-right:14px}
.pr-46{padding-right:16px}
.pr-48{padding-right:16px}
.pr-50{padding-right:18px}
.pr-60{padding-right:18px}
.pr-70{padding-right:20px}
.pr-80{padding-right:22px}
.pr-90{padding-right:26px}
.pr-100{padding-right:30px}
}
@-webkit-keyframes fadeInLeftSmall{
from{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeftSmall{
from{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInLeftSmall{-webkit-animation-name:fadeInLeftSmall;animation-name:fadeInLeftSmall}
@-webkit-keyframes fadeInRightSmall{
from{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRightSmall{
from{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInRightSmall{-webkit-animation-name:fadeInRightSmall;animation-name:fadeInRightSmall}
@-webkit-keyframes fadeInDownSmall{
from{opacity:0;-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDownSmall{
from{opacity:0;-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInDownSmall{-webkit-animation-name:fadeInDownSmall;animation-name:fadeInDownSmall}
@-webkit-keyframes fadeOutDownSmall{
from{opacity:1;-webkit-transform:none;transform:none}
to{opacity:0;-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
}
@keyframes fadeOutDownSmall{
from{opacity:1;-webkit-transform:none;transform:none}
to{opacity:0;-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
}
.fadeOutDownSmall{-webkit-animation-name:fadeOutDownSmall;animation-name:fadeOutDownSmall}
@-webkit-keyframes fadeInUpSmall{
from{opacity:0;-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUpSmall{
from{opacity:0;-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUpSmall{-webkit-animation-name:fadeInUpSmall;animation-name:fadeInUpSmall}
@-webkit-keyframes scaleIn{
0%{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-filter:brightness(3);filter:brightness(3)}
50%{-webkit-filter:brightness(3);filter:brightness(3)}
100%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-webkit-filter:brightness(1);filter:brightness(1)}
}
@keyframes scaleIn{
0%{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-filter:brightness(3);filter:brightness(3)}
50%{-webkit-filter:brightness(3);filter:brightness(3)}
100%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-webkit-filter:brightness(1);filter:brightness(1)}
}
.scaleIn{-webkit-animation-name:scaleIn;animation-name:scaleIn}
@-webkit-keyframes fontUp{
0%{transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-o-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0)}
100%{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
}
@keyframes fontUp{
0%{transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-o-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0)}
100%{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
}
.fontUp{-webkit-animation-name:fontUp;animation-name:fontUp}
@-webkit-keyframes fontOut{
0%{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
100%{transform:translate3d(0,-120%,0);-webkit-transform:translate3d(0,-120%,0);-moz-transform:translate3d(0,-120%,0);-o-transform:translate3d(0,-120%,0);-ms-transform:translate3d(0,-120%,0)}
}
@keyframes fontOut{
0%{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
100%{transform:translate3d(0,-120%,0);-webkit-transform:translate3d(0,-120%,0);-moz-transform:translate3d(0,-120%,0);-o-transform:translate3d(0,-120%,0);-ms-transform:translate3d(0,-120%,0)}
}
.fontOut{-webkit-animation-name:fontOut;animation-name:fontOut}
@media screen and (orientation:landscape){
[data-scroll]{will-change:transform}
}
#bloc .contactTree{position:fixed;right:0;height:.9rem;-webkit-box-shadow:0 7px .4rem -.1rem rgba(29,48,48,.25);box-shadow:0 7px .4rem -.1rem rgba(29,48,48,.25);border-top-left-radius:24px;border-bottom-left-radius:24px;background-color:rgba(255,255,255,.75);top:0;bottom:0;margin:auto 0;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:center;-ms-flex-pack:center;justify-content:center;z-index:10;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:65px}
#bloc .contactTree>a,#bloc .contactTree>li{padding:.14rem 0;width:100%;text-align:center}
#bloc .contactTree>a>i,#bloc .contactTree>li>i{color:#008755;font-size:.32rem;line-height:1;display:block;cursor:pointer;position:relative;padding-bottom:22px}
#bloc .contactTree>a>i:after,#bloc .contactTree>li>i:after{content:attr(data-note);position:absolute;bottom:0;left:0;width:100%;text-align:center;font-size:14px}
#bloc header{position:fixed;width:100%;left:0;top:0;z-index:100}
#bloc header .pc-nav{width:100%;position:relative;opacity:0;height:.8rem;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}
#bloc header .pc-nav .left{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0 .6rem;position:relative;z-index:10;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}
#bloc header .pc-nav .left>a{display:inline-block}
#bloc header .pc-nav .left>a img{height:.32rem}
#bloc header .pc-nav .mid{position:relative;z-index:10;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}
#bloc header .pc-nav .mid .items{height:.8rem;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}
#bloc header .pc-nav .mid .items>li{height:100%;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;position:relative}
#bloc header .pc-nav .mid .items>li>a{padding:.2rem .3rem;display:block;opacity:.4;font-weight:600;position:relative;-webkit-transition:color .5s ease,opacity .5s ease;transition:color .5s ease,opacity .5s ease}
#bloc header .pc-nav .mid .items>li>a>span{color:inherit;font-size:inherit;position:relative;z-index:2;text-shadow:0 1px 1px rgba(0,135,85,.3)}
#bloc header .pc-nav .mid .items>li>a:hover{opacity:1}
#bloc header .pc-nav .mid .items>li>ol{position:absolute;top:calc(100% - .1rem);width:100%;padding:.1rem 0;border-radius:.2rem;background-color:rgba(255,255,255,.9);pointer-events:none;opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-webkit-box-shadow:0 5px .2rem -3px rgba(0,0,0,.06);box-shadow:0 5px .2rem -3px rgba(0,0,0,.06);-webkit-transition:opacity .5s ease-in-out,-webkit-transform .5s ease-in-out;transition:opacity .5s ease-in-out,-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out,opacity .5s ease-in-out;transition:transform .5s ease-in-out,opacity .5s ease-in-out,-webkit-transform .5s ease-in-out}
#bloc header .pc-nav .mid .items>li>ol>li a{display:block;position:relative;text-align:center;padding:.08rem .1rem}
#bloc header .pc-nav .mid .items>li>ol>li a>span{font-size:16px;-webkit-transition:color .3s ease;transition:color .3s ease;color:rgba(0,0,0,.7);font-weight:600}
#bloc header .pc-nav .mid .items>li>ol>li a:hover>span{color:#008755}
#bloc header .pc-nav .mid .items>li.on>a{opacity:1}
#bloc header .pc-nav .mid .items>li:hover>ol{opacity:1;pointer-events:auto;-webkit-transform:none;transform:none}
#bloc header .pc-nav .right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;z-index:10;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}
#bloc header .pc-nav .right .shop{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;margin-right:.7rem}
#bloc header .pc-nav .right .shop>li>a{transition:color .5s cubic-bezier(0,0,0,1);-webkit-transition:color .5s cubic-bezier(0,0,0,1);-moz-transition:color .5s cubic-bezier(0,0,0,1);-o-transition:color .5s cubic-bezier(0,0,0,1);-ms-transition:color .5s cubic-bezier(0,0,0,1)}
#bloc header .pc-nav .right .shop>li svg{width:.12rem;margin:auto .25rem}
#bloc header .pc-nav .right .shop>li svg path{fill:rgba(255,255,255,.4);stroke:none;transition:fill .5s cubic-bezier(0,0,0,1);-webkit-transition:fill .5s cubic-bezier(0,0,0,1);-moz-transition:fill .5s cubic-bezier(0,0,0,1);-o-transition:fill .5s cubic-bezier(0,0,0,1);-ms-transition:fill .5s cubic-bezier(0,0,0,1)}
#bloc header .pc-nav .right .search{width:1rem;height:.8rem;position:relative}
#bloc header .pc-nav .right .search .mask{width:100%;height:100%;overflow:hidden}
#bloc header .pc-nav .right .search .mask svg{width:3.2rem;position:absolute;bottom:-1px;left:0}
#bloc header .pc-nav .right .search .mask svg path{fill:#fff;transition:fill .5s cubic-bezier(0,0,0,1);-webkit-transition:fill .5s cubic-bezier(0,0,0,1);-moz-transition:fill .5s cubic-bezier(0,0,0,1);-o-transition:fill .5s cubic-bezier(0,0,0,1);-ms-transition:fill .5s cubic-bezier(0,0,0,1)}
#bloc header .pc-nav .right .search>a{position:absolute;top:0;bottom:0;margin:auto;height:.25rem;right:.3rem;line-height:1;transition:color .5s cubic-bezier(0,0,0,1);-webkit-transition:color .5s cubic-bezier(0,0,0,1);-moz-transition:color .5s cubic-bezier(0,0,0,1);-o-transition:color .5s cubic-bezier(0,0,0,1);-ms-transition:color .5s cubic-bezier(0,0,0,1)}
#bloc header .pc-nav .right .search>a.searchClose_{opacity:0;pointer-events:none;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}
#bloc header .pc-nav .right .search>a.searchClose_.on{opacity:1;pointer-events:auto}
#bloc header .pc-nav .right .search>a.searchClose_.on+.searchGo{color:rgba(0,135,85,0);pointer-events:none}
#bloc header .pc-nav .rop{position:absolute;z-index:2;width:100%;opacity:0;height:100%;background-color:rgba(255,255,255,.9);-webkit-clip-path:polygon(0 0,100% 0,100% 80%,calc(100% - .9rem) 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 80%,calc(100% - .9rem) 100%,0 100%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-webkit-box-shadow:0 5px .4rem -1px rgba(0,0,0,.1);box-shadow:0 5px .4rem -1px rgba(0,0,0,.1);-webkit-transition:opacity .7s ease-in-out;transition:opacity .7s ease-in-out}
#bloc header .pc-nav.mbg .mid .items>li.on>a{color:#008755}
#bloc header .pc-nav.mbg a.wc{color:#000}
#bloc header .pc-nav.mbg a.mc{color:#fff}
#bloc header .pc-nav.mbg .right a.wc{color:#008755}
#bloc header .pc-nav.mbg path.wc{fill:#008755!important}
#bloc header .pc-nav.mbg .svgC{fill:#008755!important}
#bloc header .pc-nav.mbg .rop{opacity:1}
#bloc header .pc-nav.nbg .left{opacity:0}
#bloc header .pc-nav.nbg .mid{opacity:0}
#bloc header .pc-nav.nbg .right{opacity:0}
#bloc header nav.app-nav{position:fixed;left:0;top:0;z-index:2000;width:100vw;height:50px;pointer-events:auto;-webkit-transition:all .5s ease;transition:all .5s ease}
#bloc header nav.app-nav .inner_top{-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;height:68px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
#bloc header nav.app-nav .inner_top .topic{padding:0 5%;height:50px;width:100%;border-bottom:1px solid rgba(255,255,255,0);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#bloc header nav.app-nav .inner_top .topic #app-menu{display:inline-block;position:relative;z-index:10}
#bloc header nav.app-nav .inner_top .topic #app-menu .line{display:block;padding-top:3px;padding-bottom:3px;-webkit-transition:all .4s ease;transition:all .4s ease}
#bloc header nav.app-nav .inner_top .topic #app-menu .line:before{content:'';display:block;height:2px;width:22px;background-color:#fff;border-top-right-radius:2px;border-bottom-left-radius:2px;-webkit-transition:background-color .5s ease 0s,-webkit-transform .4s ease .2s;transition:background-color .5s ease 0s,-webkit-transform .4s ease .2s;transition:transform .4s ease .2s,background-color .5s ease 0s;transition:transform .4s ease .2s,background-color .5s ease 0s,-webkit-transform .4s ease .2s}
#bloc header nav.app-nav .inner_top .topic #app-menu .line:nth-of-type(2):before{width:15px;margin-left:7px}
#bloc header nav.app-nav .inner_top .topic .app-logo{position:relative;z-index:10;-webkit-box-flex:1;-ms-flex:1;flex:1}
#bloc header nav.app-nav .inner_top .topic .app-logo>a{display:inline-block;height:25px;position:relative}
#bloc header nav.app-nav .inner_top .topic .app-logo>a>img{position:relative;height:100%;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}
#bloc header nav.app-nav .inner_top .topic .app-logo>a>img.black{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0}
#bloc header nav.app-nav .inner_top .topic .app-search{position:relative;margin-right:.4rem;z-index:10;display:inline-block}
#bloc header nav.app-nav .inner_top .topic .app-search>i{color:#fff;font-size:18px}
#bloc header nav.app-nav .inner_top .other-nav{position:absolute;top:0;z-index:10;left:0;transform:translate3d(0,-100%,0);-webkit-transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);-o-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);width:100%;height:100%;background-color:#fff;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;opacity:0;transition:all .3s cubic-bezier(0,0,0,1);-webkit-transition:all .3s cubic-bezier(0,0,0,1);-moz-transition:all .3s cubic-bezier(0,0,0,1);-o-transition:all .3s cubic-bezier(0,0,0,1);-ms-transition:all .3s cubic-bezier(0,0,0,1)}
#bloc header nav.app-nav .inner_top .other-nav .search-in{border:none;border-bottom:1px solid #008755;background-color:transparent;width:4rem;line-height:.3rem}
#bloc header nav.app-nav .inner_top .other-nav .sub{color:#008755;background-color:transparent;border:none;padding:12px}
#bloc header nav.app-nav .inner_top .other-nav.on{opacity:1;pointer-events:auto;transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none}
#bloc header nav.app-nav .inner_top.on{height:50px;background-color:#fff;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}
#bloc header nav.app-nav .inner_top.on .topic{border-bottom:1px solid rgba(0,0,0,.1)}
#bloc header nav.app-nav .inner_top.on .topic #app-menu .line:before{background-color:#333}
#bloc header nav.app-nav .inner_top.on .topic .app-logo>a .white{opacity:0}
#bloc header nav.app-nav .inner_top.on .topic .app-logo>a .black{opacity:1}
#bloc header nav.app-nav .inner_top.on .topic .app-search>i{color:#333}
#bloc header nav.app-nav .inner_top.bc{height:50px;background-color:#fff;-webkit-box-shadow:0 10px 20px rgba(0,0,0,.05);box-shadow:0 10px 20px rgba(0,0,0,.05)}
#bloc header nav.app-nav .inner_top.bc .topic{border-bottom:1px solid rgba(0,0,0,.1)}
#bloc header nav.app-nav .inner_top.bc .topic #app-menu .line:before{background-color:#333}
#bloc header nav.app-nav .inner_top.bc .topic .app-logo>a .white{opacity:0}
#bloc header nav.app-nav .inner_top.bc .topic .app-logo>a .black{opacity:1}
#bloc header nav.app-nav .inner_top.bc .topic .app-search>i{color:#333}
#bloc header nav.app-nav .inner_top.active{height:50px}
#bloc header nav.app-nav .inner_top.active .topic #app-menu .line:before{background-color:#333}
#bloc header nav.app-nav .inner_top.active .topic .app-logo>a .white{opacity:0}
#bloc header nav.app-nav .inner_top.active .topic .app-logo>a .black{opacity:1}
#bloc header nav.app-nav .inner_top.active .topic .app-search>i{color:#333}
#bloc header nav.app-nav .inner_mid{position:absolute;top:50px;background-color:#fff;left:0;width:100%;height:calc(100% - 50px);overflow:hidden}
#bloc header nav.app-nav .inner_mid .nav-items>.child_first>.firstList{padding:0 5% 0 5%;position:relative;-webkit-transition:background-color .5s ease;transition:background-color .5s ease}
#bloc header nav.app-nav .inner_mid .nav-items>.child_first>.firstList>a{color:#333;height:70px;line-height:70px;font-size:16px;white-space:nowrap;display:block;font-weight:700;border-bottom:1px solid rgba(0,0,0,.09)}
#bloc header nav.app-nav .inner_mid .nav-items>.child_first>.firstList>i{right:calc(5% - 5px);top:0;font-size:24px;position:absolute;display:inline-block;width:70px;height:70px;line-height:70px;text-align:center;text-align:right;color:#333;-webkit-transition:-webkit-transform .5s ease-in-out;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}
#bloc header nav.app-nav .inner_mid .nav-items>.child_first>.firstList.active{background-color:rgba(0,135,85,.05)}
#bloc header nav.app-nav .inner_mid .nav-items>.child_first>.firstList.active>i{-webkit-transform:scaleY(-1);transform:scaleY(-1)}
#bloc header nav.app-nav .inner_mid .nav-items>.child_first .child_second{background-color:rgba(0,135,85,.05);max-height:0;-webkit-transition:all .5s ease;transition:all .5s ease;overflow:hidden}
#bloc header nav.app-nav .inner_mid .nav-items>.child_first .child_second>li{padding:0 9% 0 9%;position:relative}
#bloc header nav.app-nav .inner_mid .nav-items>.child_first .child_second>li>a{padding:12px 0 12px 0;display:block;font-weight:700}
#bloc header nav.app-nav .inner_mid .nav-items>.child_first .child_second>li>i{opacity:0;right:calc(5% - 5px);top:0;font-size:24px;position:absolute;display:inline-block;width:48px;height:48px;line-height:48px;text-align:center;text-align:right;color:#333}
#bloc header nav.app-nav .inner_mid .nav-items>.child_first .child_second>li.active{background-color:#f0f1f2}
#bloc header nav.app-nav .inner_mid .nav-items>.child_first .child_second.active{max-height:100vh}
#bloc header nav.app-nav .inner_mid .nav-items>.child_first .child_three{background-color:#f0f1f2;max-height:0;-webkit-transition:all .5s ease;transition:all .5s ease;overflow:hidden}
#bloc header nav.app-nav .inner_mid .nav-items>.child_first .child_three>li{padding:0 14% 0 14%}
#bloc header nav.app-nav .inner_mid .nav-items>.child_first .child_three>li>a{padding:10px 0 10px 0;display:block}
#bloc header nav.app-nav .inner_mid .nav-items>.child_first .child_three.active{max-height:100vh}
#bloc header nav.app-nav.on{height:100vh}
#bloc header nav.app-nav.on .inner_top .topic #app-menu .line:nth-of-type(1){transform:translate3d(0,8px,0);-webkit-transform:translate3d(0,8px,0);-moz-transform:translate3d(0,8px,0);-o-transform:translate3d(0,8px,0);-ms-transform:translate3d(0,8px,0)}
#bloc header nav.app-nav.on .inner_top .topic #app-menu .line:nth-of-type(1):before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
#bloc header nav.app-nav.on .inner_top .topic #app-menu .line:nth-of-type(2){opacity:0}
#bloc header nav.app-nav.on .inner_top .topic #app-menu .line:nth-of-type(3){transform:translate3d(0,-8px,0);-webkit-transform:translate3d(0,-8px,0);-moz-transform:translate3d(0,-8px,0);-o-transform:translate3d(0,-8px,0);-ms-transform:translate3d(0,-8px,0)}
#bloc header nav.app-nav.on .inner_top .topic #app-menu .line:nth-of-type(3):before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
#bloc #load{position:fixed;width:100%;height:100%;z-index:200;left:0;top:0;background-color:#fff;-webkit-transition:background-color 1s ease-in-out;transition:background-color 1s ease-in-out}
#bloc #load.op{background-color:transparent;pointer-events:none}
#bloc #load .inner{position:absolute;width:100%;height:100%;top:0;left:0;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;background-size:cover}
#bloc #load .inner .box{position:relative;z-index:7;overflow:hidden}
#bloc #load .inner .box>.mask{position:absolute;width:100%;height:100%;top:0;left:0;z-index:8;height:300%;pointer-events:none;background:-webkit-gradient(linear,left bottom,left top,color-stop(30%,rgba(255,255,255,0)),color-stop(60%,#fff));background:linear-gradient(0deg,rgba(255,255,255,0) 30%,#fff 60%);-webkit-transition:-webkit-transform 1.2s cubic-bezier(0,0,0,1);transition:-webkit-transform 1.2s cubic-bezier(0,0,0,1);transition:transform 1.2s cubic-bezier(0,0,0,1);transition:transform 1.2s cubic-bezier(0,0,0,1),-webkit-transform 1.2s cubic-bezier(0,0,0,1);-webkit-transition:transform 1.2s cubic-bezier(0,0,0,1);-moz-transition:transform 1.2s cubic-bezier(0,0,0,1);-o-transition:transform 1.2s cubic-bezier(0,0,0,1);-ms-transition:transform 1.2s cubic-bezier(0,0,0,1);-webkit-transition-delay:.5s;transition-delay:.5s}
#bloc #load .inner .box .lazy{position:relative;z-index:7}
#bloc #load .inner .box.active .mask{transform:translateY(-90%);-webkit-transform:translateY(-90%);-moz-transform:translateY(-90%);-o-transform:translateY(-90%);-ms-transform:translateY(-90%)}
#bloc #load .inner .group{position:absolute;width:100%;height:100%;top:0;left:0;z-index:5;visibility:hidden}
#bloc #load .inner .group .left{width:12.125rem;position:absolute;top:34.4%;right:59.3%;z-index:2}
#bloc #load .inner .group .left .st0{fill:none;stroke:rgba(0,135,85,.15);stroke-width:3px;stroke-dasharray:150%;stroke-dashoffset:0;-webkit-transition:stroke-dashoffset 1.5s ease-in-out;transition:stroke-dashoffset 1.5s ease-in-out}
#bloc #load .inner .group .right{width:12.125rem;position:absolute;top:34%;left:59%;z-index:2}
#bloc #load .inner .group .right .st0{fill:none;stroke:rgba(0,135,85,.15);stroke-width:3px;stroke-dasharray:150%;stroke-dashoffset:0;-webkit-transition:stroke-dashoffset 1.5s ease-in-out;transition:stroke-dashoffset 1.5s ease-in-out}
#bloc #load .inner .group .mid{width:10.4rem;top:-3%;position:absolute;left:0;right:0;margin:auto;z-index:2;-webkit-transition:opacity .5s ease,-webkit-transform 1.2s cubic-bezier(0,0,0,1);transition:opacity .5s ease,-webkit-transform 1.2s cubic-bezier(0,0,0,1);transition:transform 1.2s cubic-bezier(0,0,0,1),opacity .5s ease;transition:transform 1.2s cubic-bezier(0,0,0,1),opacity .5s ease,-webkit-transform 1.2s cubic-bezier(0,0,0,1);-webkit-transition-delay:1.2s;transition-delay:1.2s}
#bloc #load .inner .group .mid path{stroke:rgba(0,135,85,.1);fill:none;stroke-width:3px;stroke-linecap:butt;stroke-linejoin:miter}
#bloc #load .inner .group .mask{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}
#bloc #load .inner .group .mask #mv1{-webkit-transform-origin:0 94.6%;transform-origin:0 94.6%}
#bloc #load .inner .group .mask #mv2{-webkit-transform-origin:0 94.6%;transform-origin:0 94.6%}
#bloc #load .inner .group .mask .getNull{-webkit-transform:translate(0,-3%) scale(1.36);transform:translate(0,-3%) scale(1.36);-webkit-transform-origin:50.6% 50%;transform-origin:50.6% 50%;-webkit-transition:-webkit-transform 1.2s cubic-bezier(0,0,0,1);transition:-webkit-transform 1.2s cubic-bezier(0,0,0,1);transition:transform 1.2s cubic-bezier(0,0,0,1);transition:transform 1.2s cubic-bezier(0,0,0,1),-webkit-transform 1.2s cubic-bezier(0,0,0,1);-webkit-transition-delay:1.2s;transition-delay:1.2s}
#bloc #load .inner .group.active .left .st0{stroke-dashoffset:-150%}
#bloc #load .inner .group.active .right .st0{stroke-dashoffset:150%}
#bloc #load .inner .group.active .mid{-webkit-transform:translateY(-50%) scale(.8);transform:translateY(-50%) scale(.8);opacity:0}
#bloc #load .inner .group.active .mask .getNull{-webkit-transform:translate(0,-50%) scale(.9);transform:translate(0,-50%) scale(.9)}
#bloc #load .inner .frame__load{position:absolute;width:100%;height:100%;top:0;left:0;z-index:6}
#bloc #load .inner .btm{position:absolute;bottom:.7rem;left:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;z-index:7;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 3.2%}
#bloc #load .inner .btm>p{letter-spacing:1px;line-height:2;opacity:.8}
#bloc #load .inner .btm>div em{margin-right:.12rem}
#bloc footer{position:relative;overflow:hidden;z-index:2}
#bloc footer .bg{position:absolute;width:100%;height:120%;top:-10%;left:0;pointer-events:none}
#bloc footer .bg .pic{position:absolute;width:100%;height:100%;top:0;left:0}
#bloc footer .mid{height:7rem;width:100vw;position:relative;z-index:10;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:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
#bloc footer .mid .inner{width:100%;pointer-events:none}
#bloc footer .mid .inner .box{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;height:3.6rem;padding-top:1rem}
#bloc footer .mid .inner .box>img{max-width:4.26rem}
#bloc footer .mid .items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 auto;max-width:1600px;width:83.33%;padding-bottom:.2rem}
#bloc footer .mid .items>li{width:19%;position:relative;padding-bottom:10px;padding-top:.2rem}
#bloc footer .mid .items>li>a{color:rgba(255,255,255,.5);display:block;position:relative;z-index:10}
#bloc footer .mid .items>li .line{position:absolute;left:0;bottom:0;height:20px;width:94%;border-bottom-right-radius:.1rem;border-bottom:1px solid rgba(255,255,255,.5)}
#bloc footer .mid .items>li>ol{position:absolute;width:100%;bottom:100%;left:0;display:none;-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:end;-ms-flex-pack:end;justify-content:flex-end}
#bloc footer .mid .items>li>ol>li{height:.4rem;line-height:.4rem;width:100%}
#bloc footer .mid .items>li>ol>li>a{display:block}
#bloc footer .mid .items>li>ol>li>a>span{color:rgba(255,255,255,.5);font-size:16px;display:block;-webkit-transition:color .5s ease-in-out;transition:color .5s ease-in-out}
#bloc footer .mid .items>li>ol>li>a:hover>span{color:#fff}
#bloc footer .mid .items>li:hover>ol{display:-webkit-box;display:-ms-flexbox;display:flex}
#bloc footer .mid .btm{width:100%;height:1rem;padding:0 3%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#bloc footer .mid .btm p{font-size:12px;letter-spacing:1px;width:30%}
#bloc footer .mid .btm>a i{display:inline-block}
#bloc footer .mid .btm>a span{white-space:nowrap;margin-left:.18rem}
#bloc footer .mid .btm ol{width:35%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#bloc footer .mid .btm ol>li{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}
#bloc footer .mid .btm ol>li>.iconfont{color:rgba(255,255,255,.5)}
#bloc footer .mid .btm ol>li svg{width:.12rem;margin:0 .2rem .05rem .2rem}
#bloc footer .mid .btm ol>li svg path{stroke:rgba(255,255,255,.8)}
#bloc footer .mid .btm ol>li:last-of-type{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:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:.6rem;height:.6rem;margin-left:.1rem;margin-right:.2rem;cursor:pointer}
#bloc footer .mid .btm ol>li:last-of-type svg{width:.15rem}
#bloc footer .mid .btm ol>li:last-of-type svg path{stroke:transparent;fill:#008755}
#home{pointer-events:none}
#home .alanNone{display:none!important}
#home .alanNone .scroll-animate{opacity:0}
#home.on{pointer-events:auto}
#home.on .alanNone{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}
#home #main .row{min-height:100vh;width:100%}
#home #main #banner{background-color:#000;overflow:hidden;width:100vw;position:relative}
#home #main #banner .photo{background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#000;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;width:100vw}
#home #main #banner .photo.next{-webkit-animation-name:scaleIn;animation-name:scaleIn;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-timing-function:cubic-bezier(.38,0,0,1);animation-timing-function:cubic-bezier(.38,0,0,1)}
#home #main #banner canvas{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2}
#home #main #banner .left{position:absolute;z-index:12;left:3.2%;bottom:4%;width:40vw;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
#home #main #banner .left .pager{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#home #main #banner .left .pager>li{position:relative;cursor:pointer}
#home #main #banner .left .pager>li svg{display:block;width:.6rem;transform:rotate(16deg) translate(-3px,3px);-webkit-transform:rotate(16deg) translate(-3px,3px);-moz-transform:rotate(16deg) translate(-3px,3px);-o-transform:rotate(16deg) translate(-3px,3px);-ms-transform:rotate(16deg) translate(-3px,3px);-webkit-transition:-webkit-transform .8s cubic-bezier(0,0,0,1);transition:-webkit-transform .8s cubic-bezier(0,0,0,1);transition:transform .8s cubic-bezier(0,0,0,1);transition:transform .8s cubic-bezier(0,0,0,1),-webkit-transform .8s cubic-bezier(0,0,0,1);-webkit-transition:transform .8s cubic-bezier(0,0,0,1);-moz-transition:transform .8s cubic-bezier(0,0,0,1);-o-transition:transform .8s cubic-bezier(0,0,0,1);-ms-transition:transform .8s cubic-bezier(0,0,0,1)}
#home #main #banner .left .pager>li svg path{stroke:#26d07c;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;fill:none;stroke-dasharray:400%;stroke-dashoffset:400%;transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1);-webkit-transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1);-moz-transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1);-o-transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1);-ms-transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1)}
#home #main #banner .left .pager>li em{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;width:100%;height:100%;top:0;left:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;transition:color .8s cubic-bezier(0,0,0,1);-webkit-transition:color .8s cubic-bezier(0,0,0,1);-moz-transition:color .8s cubic-bezier(0,0,0,1);-o-transition:color .8s cubic-bezier(0,0,0,1);-ms-transition:color .8s cubic-bezier(0,0,0,1)}
#home #main #banner .left .pager>li.on svg{transform:rotate(0) translate(-3px,3px);-webkit-transform:rotate(0) translate(-3px,3px);-moz-transform:rotate(0) translate(-3px,3px);-o-transform:rotate(0) translate(-3px,3px);-ms-transform:rotate(0) translate(-3px,3px);-webkit-transition-delay:.5s;transition-delay:.5s}
#home #main #banner .left .pager>li.on svg path{stroke-dashoffset:88%;-webkit-transition-delay:.5s;transition-delay:.5s}
#home #main #banner .left .pager>li.on em{color:#26d07c}
#home #main #banner .left .add{font-size:11px;color:rgba(255,255,255,.5);line-height:2;letter-spacing:1px}
#home #main #banner .right{position:absolute;bottom:4%;right:3.2%;z-index:12;overflow:hidden}
#home #main #banner .right .line{height:1.2rem;width:3px;overflow:hidden;background-color:rgba(255,255,255,.1)}
#home #main #banner .right .line>span{height:50%;position:absolute;width:100%;bottom:100%;left:0;background:#008755;opacity:0;-webkit-animation:rightFn 4s linear infinite;animation:rightFn 4s linear infinite}
#home #main #banner .right .line:after{content:"";height:35%;position:absolute;width:100%;top:-35%;left:0;background:#008755;-webkit-animation:rightFn 2.2s linear infinite;animation:rightFn 2.2s linear infinite}
#home #main #banner .inner{position:absolute;width:100%;height:100%;top:0;left:0;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:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:10;text-align:center}
#home #main #banner .inner .msgLists{display:none;-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-box-pack:center;-ms-flex-pack:center;justify-content:center}
#home #main #banner .inner .msgLists.on{display:-webkit-box;display:-ms-flexbox;display:flex}
#home #main #banner .inner h1{line-height:1;margin-bottom:.02rem;font-weight:700;letter-spacing:2px;position:relative;z-index:3}
@media screen and (orientation:portrait){
#home #main #banner .inner h1{letter-spacing:0}
}
#home #main #banner .inner p{line-height:1.3;position:relative;z-index:3;font-weight:600}
#home #main #banner .inner .box{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;pointer-events:none}
#home #main #banner .inner .box .light{position:absolute;left:49%;bottom:46%;width:92vw;-webkit-mask:linear-gradient(45deg,#000 0,rgba(0,0,0,0) 40%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:left bottom;mask-position:left bottom;-webkit-mask-size:0 0;mask-size:0 0;-webkit-animation:lightFn 1.2s ease;animation:lightFn 1.2s ease;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
#home #main #r1{position:relative}
#home #main #r1 .bg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2}
#home #main #r1 .bg .w1{position:absolute;width:67vw;right:0;top:10%;left:46.4%}
#home #main #r1 .bg .w2{position:absolute;width:54vw;left:-28vw;top:69.5%}
#home #main #r1 .c1{width:100%;height:100%;position:relative;z-index:5;padding-left:8.2%;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:center;-ms-flex-pack:center;justify-content:center}
#home #main #r1 .c1 .group{width:35%;max-width:6.4rem}
#home #main #r1 .c1 .group h2{line-height:.82;margin:.6rem 0 .7rem 0}
#home #main #r1 .c1 .group h2 b{color:inherit;font-size:inherit}
#home #main #r1 .c1 .group p em{color:#008755;font-size:inherit;font-family:en_b}
#home #main #r1 .c1 .group p b{font-size:inherit;font-weight:700}
#home #main #r1 .c1 .group a{display:block;margin-top:1rem;-webkit-transition:letter-spacing .3s ease-in-out;transition:letter-spacing .3s ease-in-out}
#home #main #r1 .c1 .group a:hover{letter-spacing:2px}
#home #main #r1 .c2{position:absolute;height:100%;z-index:5;width:100%;right:0;bottom:0;overflow:hidden;pointer-events:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
#home #main #r1 .c2 .imgBox{width:64vw;height:84%;position:relative;-webkit-mask:linear-gradient(125deg,#000 0,#000 10%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:left top;mask-position:left top;-webkit-mask-size:0 0;mask-size:0 0;-webkit-transition:-webkit-mask-size .5s ease;transition:-webkit-mask-size .5s ease;transition:mask-size .5s ease;transition:mask-size .5s ease,-webkit-mask-size .5s ease;visibility:visible}
#home #main #r1 .c2 .imgBox .imgWrap{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;left:20px;top:20px;-webkit-mask-image:url(../img/mask.png);mask-image:url(../img/mask.png);-webkit-mask-position:top left;mask-position:top left;-webkit-mask-size:104vw;mask-size:104vw;-webkit-transform-origin:0 0;transform-origin:0 0;height:120%;width:110%}
#home #main #r1 .c2 .imgBox .imgWrap .pic{position:absolute;width:100%;height:100%;top:0;left:0}
#home #main #r1 .c2 .imgBox .imgWrap .pic>div{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform-origin:0 0;transform-origin:0 0;width:84%;height:90%;background-size:85vw;background-position:left top;background-repeat:no-repeat}
#home #main #r1 .c2 .imgBox.imgClip .imgWrap .pic{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);width:120%;height:120%}
#home #main #r1 .c2 .imgBox.go{-webkit-mask-size:800% 800%;mask-size:800% 800%;-webkit-transition-delay:.5s;transition-delay:.5s;-webkit-transition-duration:1.6s;transition-duration:1.6s}
#home #main .r2{position:relative;background-color:#000;width:100vw;height:78.125vw;z-index:5;overflow:hidden}
#home #main .r2 .bg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;overflow:hidden}
#home #main .r2 .bg .group{position:absolute;width:100%;height:100%;top:0;left:0}
#home #main .r2 .bg .group .pic{position:absolute;width:100%;height:100%;top:0;left:0}
#home #main .r2 .bg .btm{position:absolute;bottom:.8rem;left:0;width:100%;z-index:10;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:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
#home #main .r2 .bg .btm .pager{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#home #main .r2 .bg .btm .pager>li{position:relative;cursor:pointer;margin:0 5px}
#home #main .r2 .bg .btm .pager>li svg{display:block;width:.6rem;transform:rotate(16deg) translate(-3px,3px);-webkit-transform:rotate(16deg) translate(-3px,3px);-moz-transform:rotate(16deg) translate(-3px,3px);-o-transform:rotate(16deg) translate(-3px,3px);-ms-transform:rotate(16deg) translate(-3px,3px);-webkit-transition:-webkit-transform .8s cubic-bezier(0,0,0,1);transition:-webkit-transform .8s cubic-bezier(0,0,0,1);transition:transform .8s cubic-bezier(0,0,0,1);transition:transform .8s cubic-bezier(0,0,0,1),-webkit-transform .8s cubic-bezier(0,0,0,1);-webkit-transition:transform .8s cubic-bezier(0,0,0,1);-moz-transition:transform .8s cubic-bezier(0,0,0,1);-o-transition:transform .8s cubic-bezier(0,0,0,1);-ms-transition:transform .8s cubic-bezier(0,0,0,1)}
#home #main .r2 .bg .btm .pager>li svg path{stroke:#26d07c;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;fill:none;stroke-dasharray:300%;stroke-dashoffset:300%;transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1);-webkit-transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1);-moz-transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1);-o-transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1);-ms-transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1)}
#home #main .r2 .bg .btm .pager>li em{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;width:100%;height:100%;top:0;left:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;transition:color .8s cubic-bezier(0,0,0,1);-webkit-transition:color .8s cubic-bezier(0,0,0,1);-moz-transition:color .8s cubic-bezier(0,0,0,1);-o-transition:color .8s cubic-bezier(0,0,0,1);-ms-transition:color .8s cubic-bezier(0,0,0,1)}
#home #main .r2 .bg .btm .pager>li.on svg{transform:rotate(0) translate(-3px,3px);-webkit-transform:rotate(0) translate(-3px,3px);-moz-transform:rotate(0) translate(-3px,3px);-o-transform:rotate(0) translate(-3px,3px);-ms-transform:rotate(0) translate(-3px,3px);-webkit-transition-delay:.5s;transition-delay:.5s}
#home #main .r2 .bg .btm .pager>li.on svg path{stroke-dashoffset:0;-webkit-transition-delay:.5s;transition-delay:.5s}
#home #main .r2 .bg .btm .pager>li.on em{color:#26d07c}
#home #main .r2 .bg .btm p{color:rgba(255,255,255,.5);text-align:center;max-width:50%;margin:.4rem auto 0 auto;line-height:1.8}
#home #main .r2 .inner{width:83.33%;max-width:1600px;margin:0 auto;height:50%;position:relative;z-index:10;padding-top:2.8rem;text-align:right;-webkit-transform-origin:0 0;transform-origin:0 0;font-size:1rem}
#home #main .r2 .inner .topic{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;font-size:1rem}
#home #main .r2 .inner .topic .group{font-size:1em;-webkit-transform-origin:0 50%;transform-origin:0 50%}
#home #main .r2 .inner .topic .group h2{line-height:1;text-transform:uppercase;text-align:left;font-size:1.1em}
#home #main .r2 .inner .topic .group h2 b{font-size:inherit;font-weight:400;font-family:en_b;color:inherit}
#home #main .r2 .inner .topic p{text-align:right;line-height:1.5;font-weight:100;font-size:.6em}
#home #main .r2 .inner .topic p b{font-size:inherit;color:inherit}
#home #main .r2 .inner .note{display:inline-block;font-weight:100;margin-top:4em;text-align:right;font-size:.24em}
#home #main .r3{position:relative;width:100vw;height:100%;overflow:hidden}
#home #main .r3 .group{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}
#home #main .r3 .group .bgVideo_before{position:absolute;width:100%;height:100%;top:0;left:0;-o-object-fit:cover;object-fit:cover;z-index:2}
#home #main .r3 .group .bgVideo_after{position:absolute;width:100%;height:100%;top:0;left:0;-o-object-fit:cover;object-fit:cover;z-index:3}
#home #main .r3 .group #vParent{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:3;width:140%;left:-20%;top:.8rem}
#home #main .r3 .group #vParent .video-parent{width:100%;height:72.8vw;position:absolute;top:0;bottom:0;margin:auto}
#home #main .r3 .group #vParent .video-parent .cv{position:absolute;width:100%;height:100%;top:0;left:0}
#home #main .r3 .group .inner{position:absolute;width:100%;height:100%;top:0;left:0;z-index:20}
#home #main .r3 .group .inner .child{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}
#home #main .r3 .group .inner .child .proItems{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;opacity:0;-webkit-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out}
#home #main .r3 .group .inner .child .proItems>li{position:absolute;left:0;top:0;cursor:pointer}
#home #main .r3 .group .inner .child .proItems>li .layout-btn-2{width:1.6rem;height:.54rem}
#home #main .r3 .group .inner .child .proItems>li .cir{width:1.2rem;display:block;position:relative;z-index:1;opacity:0;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}
#home #main .r3 .group .inner .child .proItems>li .pro{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:1rem;height:1rem;border-radius:50%;line-height:1rem;text-align:center;font-size:.3rem;background-color:#fff;color:#008755;z-index:6;display:block;-webkit-box-shadow:0 .1rem .5rem -.1rem rgba(75,77,79,.2);box-shadow:0 .1rem .5rem -.1rem rgba(75,77,79,.2);-webkit-transition:background-color .5s ease-in-out,color .5s ease-in-out;transition:background-color .5s ease-in-out,color .5s ease-in-out;background-position:center;background-size:contain;background-repeat:no-repeat}
#home #main .r3 .group .inner .child .proItems>li .msg{height:.8rem;position:absolute;top:0;bottom:0;margin:auto;z-index:2;border-radius:1rem;left:.15rem;background-color:#fff;padding:0 .6rem 0 1.2rem;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-transform-origin:10% 0;transform-origin:10% 0;transform:scaleX(.3);-webkit-transform:scaleX(.3);-moz-transform:scaleX(.3);-o-transform:scaleX(.3);-ms-transform:scaleX(.3);opacity:0;-webkit-transition:opacity .3s ease-in-out,-webkit-transform .5s ease-in-out;transition:opacity .3s ease-in-out,-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out,opacity .3s ease-in-out;transition:transform .5s ease-in-out,opacity .3s ease-in-out,-webkit-transform .5s ease-in-out}
#home #main .r3 .group .inner .child .proItems>li .msg small{color:#008755;white-space:nowrap;font-size:18px;display:block}
#home #main .r3 .group .inner .child .proItems>li.on .cir,#home #main .r3 .group .inner .child .proItems>li:hover .cir{opacity:1}
#home #main .r3 .group .inner .child .proItems>li.on .pro,#home #main .r3 .group .inner .child .proItems>li:hover .pro{color:#fff}
#home #main .r3 .group .inner .child .proItems>li.on .msg,#home #main .r3 .group .inner .child .proItems>li:hover .msg{transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;opacity:1}
#home #main .r3 .group .inner .child .proItems.on{-webkit-transition-delay:2s;transition-delay:2s;pointer-events:auto;opacity:1}
#home #main .r3 .group .inner .child.on{pointer-events:auto}
#home #main .r3 .group .hoverImg{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:30}
#home #main .r3 .group .hoverImg .getChild{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}
#home #main .r3 .group .hoverImg .getChild>img{position:absolute;width:100%;height:100%;top:0;left:0;-o-object-fit:cover;object-fit:cover;opacity:0;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}
#home #main .r3 .group .hoverImg .getChild>img.on{opacity:1}
#home #main .r3 .group .hoverImg .getChild.on{opacity:1}
#home #main .r3 .mid{position:absolute;width:100%;height:100%;top:0;left:0;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:center;-ms-flex-align:center;align-items:center;padding-top:1.2rem;z-index:10;pointer-events:none}
#home #main .r3 .mid .topic{width:100%;padding:0 8%}
#home #main .r3 .mid .topic .msgList{display:none}
#home #main .r3 .mid .topic .msgList h2{line-height:1.125;margin-bottom:.2rem;font-size:.76rem;opacity:0}
#home #main .r3 .mid .topic .msgList p{line-height:1;opacity:0}
#home #main .r3 .mid .topic .msgList a{opacity:0}
#home #main .r3 .mid .topic .msgList.on{display:block}
#home #main .r3 .mid .box{width:100%;padding:0 8%;pointer-events:auto}
#home #main .r3 .mid .box .items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;width:100%}
#home #main .r3 .mid .box .items>li{width:15vw;text-align:center;padding-top:1.1rem;padding-bottom:.9rem;position:relative;cursor:pointer}
#home #main .r3 .mid .box .items>li .child{position:absolute;width:100%;bottom:99%;-webkit-transition:opacity 1s cubic-bezier(0,0,0,1),-webkit-transform 1s cubic-bezier(0,0,0,1);transition:opacity 1s cubic-bezier(0,0,0,1),-webkit-transform 1s cubic-bezier(0,0,0,1);transition:transform 1s cubic-bezier(0,0,0,1),opacity 1s cubic-bezier(0,0,0,1);transition:transform 1s cubic-bezier(0,0,0,1),opacity 1s cubic-bezier(0,0,0,1),-webkit-transform 1s cubic-bezier(0,0,0,1);transform:translateY(-20px);-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-o-transform:translateY(-20px);-ms-transform:translateY(-20px);opacity:0;pointer-events:none}
#home #main .r3 .mid .box .items>li .child .type{position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);padding:.2rem .3rem;border-radius:.15rem;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;background-color:rgba(255,255,255,.8);border:1px solid #fff}
#home #main .r3 .mid .box .items>li .child .type>a,#home #main .r3 .mid .box .items>li .child .type>li{display:block;text-align:center;white-space:nowrap;padding:0 .12rem;color:rgba(17,18,18,.6);cursor:pointer;opacity:0;transform:translateY(15px);-webkit-transform:translateY(15px);-moz-transform:translateY(15px);-o-transform:translateY(15px);-ms-transform:translateY(15px);-webkit-transition:opacity .7s cubic-bezier(0,0,0,1),color .3s cubic-bezier(0,0,0,1),-webkit-transform .7s cubic-bezier(0,0,0,1);transition:opacity .7s cubic-bezier(0,0,0,1),color .3s cubic-bezier(0,0,0,1),-webkit-transform .7s cubic-bezier(0,0,0,1);transition:transform .7s cubic-bezier(0,0,0,1),opacity .7s cubic-bezier(0,0,0,1),color .3s cubic-bezier(0,0,0,1);transition:transform .7s cubic-bezier(0,0,0,1),opacity .7s cubic-bezier(0,0,0,1),color .3s cubic-bezier(0,0,0,1),-webkit-transform .7s cubic-bezier(0,0,0,1)}
#home #main .r3 .mid .box .items>li .child .type>a:nth-of-type(1),#home #main .r3 .mid .box .items>li .child .type>li:nth-of-type(1){-webkit-transition-delay:.3s;transition-delay:.3s}
#home #main .r3 .mid .box .items>li .child .type>a:nth-of-type(2),#home #main .r3 .mid .box .items>li .child .type>li:nth-of-type(2){-webkit-transition-delay:.4s;transition-delay:.4s}
#home #main .r3 .mid .box .items>li .child .type>a:nth-of-type(3),#home #main .r3 .mid .box .items>li .child .type>li:nth-of-type(3){-webkit-transition-delay:.5s;transition-delay:.5s}
#home #main .r3 .mid .box .items>li .child .type>a:nth-of-type(4),#home #main .r3 .mid .box .items>li .child .type>li:nth-of-type(4){-webkit-transition-delay:.6s;transition-delay:.6s}
#home #main .r3 .mid .box .items>li .child .type>a:nth-of-type(5),#home #main .r3 .mid .box .items>li .child .type>li:nth-of-type(5){-webkit-transition-delay:.7s;transition-delay:.7s}
#home #main .r3 .mid .box .items>li .child .type>a:nth-of-type(6),#home #main .r3 .mid .box .items>li .child .type>li:nth-of-type(6){-webkit-transition-delay:.8s;transition-delay:.8s}
#home #main .r3 .mid .box .items>li .child .type>a:hover,#home #main .r3 .mid .box .items>li .child .type>li:hover{color:#008755}
#home #main .r3 .mid .box .items>li .child .type:after{content:"";width:0;height:0;position:absolute;left:0;right:0;margin:auto;top:100%;border-width:10px;border-style:solid;border-color:rgba(255,255,255,.7) transparent transparent transparent}
#home #main .r3 .mid .box .items>li .child .type.pn{pointer-events:none}
#home #main .r3 .mid .box .items>li .txt{pointer-events:auto}
#home #main .r3 .mid .box .items>li .txt>img{width:.5rem;display:inline-block;position:relative;z-index:6}
#home #main .r3 .mid .box .items>li .txt h4{line-height:1;margin-top:.3rem;text-align:center;font-weight:600;position:relative;z-index:6;white-space:nowrap;color:rgba(20,22,21,.5);transition:color .5s cubic-bezier(0,0,0,1);-webkit-transition:color .5s cubic-bezier(0,0,0,1);-moz-transition:color .5s cubic-bezier(0,0,0,1);-o-transition:color .5s cubic-bezier(0,0,0,1);-ms-transition:color .5s cubic-bezier(0,0,0,1)}
#home #main .r3 .mid .box .items>li .txt:hover h4{color:#008755}
#home #main .r3 .mid .box .items>li .txt:hover+.mask .light{-webkit-mask-size:100% 100%;mask-size:100% 100%}
#home #main .r3 .mid .box .items>li .mask{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;pointer-events:none}
#home #main .r3 .mid .box .items>li .mask .light{position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);bottom:-20%;width:34.8vw;-webkit-mask:-webkit-gradient(linear,left bottom,left top,color-stop(0,#000),color-stop(64%,rgba(0,0,0,0)));-webkit-mask:linear-gradient(0deg,#000 0,rgba(0,0,0,0) 64%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center bottom;mask-position:center bottom;-webkit-mask-size:100% 10%;mask-size:100% 10%;-webkit-transition:-webkit-mask-size 1.2s cubic-bezier(0,0,0,1);transition:-webkit-mask-size 1.2s cubic-bezier(0,0,0,1);transition:mask-size 1.2s cubic-bezier(0,0,0,1);transition:mask-size 1.2s cubic-bezier(0,0,0,1),-webkit-mask-size 1.2s cubic-bezier(0,0,0,1);-webkit-transition:mask-size 1.2s cubic-bezier(0,0,0,1);-moz-transition:mask-size 1.2s cubic-bezier(0,0,0,1);-o-transition:mask-size 1.2s cubic-bezier(0,0,0,1);-ms-transition:mask-size 1.2s cubic-bezier(0,0,0,1)}
#home #main .r3 .mid .box .items>li .tab{position:absolute;left:100%;bottom:0;width:60vw;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;height:68%;pointer-events:none;padding-left:1rem}
#home #main .r3 .mid .box .items>li .tab:after{content:"";position:absolute;left:0;bottom:.6rem;width:.5rem;height:.8rem;background-size:contain;background-position:center;background-repeat:no-repeat;background-image:url(../img/sline.png)}
#home #main .r3 .mid .box .items>li .tab>li{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;position:relative;width:15vw;height:100%}
#home #main .r3 .mid .box .items>li .tab>li div{-webkit-transition:color .5s ease-in-out;transition:color .5s ease-in-out}
#home #main .r3 .mid .box .items>li .tab>li .light{position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);bottom:-20%;width:34.8vw;-webkit-mask:-webkit-gradient(linear,left bottom,left top,color-stop(0,#000),color-stop(64%,rgba(0,0,0,0)));-webkit-mask:linear-gradient(0deg,#000 0,rgba(0,0,0,0) 64%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center bottom;mask-position:center bottom;-webkit-mask-size:100% 10%;mask-size:100% 10%;pointer-events:none;-webkit-transition:-webkit-mask-size 1.2s cubic-bezier(0,0,0,1);transition:-webkit-mask-size 1.2s cubic-bezier(0,0,0,1);transition:mask-size 1.2s cubic-bezier(0,0,0,1);transition:mask-size 1.2s cubic-bezier(0,0,0,1),-webkit-mask-size 1.2s cubic-bezier(0,0,0,1);-webkit-transition:mask-size 1.2s cubic-bezier(0,0,0,1);-moz-transition:mask-size 1.2s cubic-bezier(0,0,0,1);-o-transition:mask-size 1.2s cubic-bezier(0,0,0,1);-ms-transition:mask-size 1.2s cubic-bezier(0,0,0,1)}
#home #main .r3 .mid .box .items>li .tab>li.on div,#home #main .r3 .mid .box .items>li .tab>li:hover div{color:#008755}
#home #main .r3 .mid .box .items>li .tab>li.on .light,#home #main .r3 .mid .box .items>li .tab>li:hover .light{-webkit-mask-size:100% 100%;mask-size:100% 100%}
#home #main .r3 .mid .box .items>li .tab .return{position:absolute;left:-20vw;bottom:.6rem}
#home #main .r3 .mid .box .items>li .tab .return svg{position:relative;width:.7rem;stroke:rgba(0,135,85,.3);stroke-width:2px;stroke-linecap:butt;stroke-linejoin:miter;fill:rgba(0,135,85,0);stroke-dasharray:400%;stroke-dashoffset:0;-webkit-transition:fill .8s ease,stroke-dashoffset 2s ease;transition:fill .8s ease,stroke-dashoffset 2s ease}
#home #main .r3 .mid .box .items>li .tab .return i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);top:46%;padding-left:20%;color:#008755;font-size:12px;transition:color .8s cubic-bezier(0,0,0,1);-webkit-transition:color .8s cubic-bezier(0,0,0,1);-moz-transition:color .8s cubic-bezier(0,0,0,1);-o-transition:color .8s cubic-bezier(0,0,0,1);-ms-transition:color .8s cubic-bezier(0,0,0,1)}
#home #main .r3 .mid .box .items>li .tab .return:hover>svg{fill:#008755;stroke-dashoffset:400%}
#home #main .r3 .mid .box .items>li .tab .return:hover i{color:#fff}
#home #main .r3 .mid .box .items>li .tab.on{display:-webkit-box;display:-ms-flexbox;display:flex;pointer-events:auto}
#home #main .r3 .mid .box .items>li.on .child .type>li.on{color:#008755}
#home #main .r3 .mid .box .items>li.on h4{color:#008755}
#home #main .r3 .mid .box .items>li.on .mask .light{-webkit-mask-size:100% 100%;mask-size:100% 100%}
#home #main .r3 .mid .box .items>li.swiper-slide-active .child{transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;opacity:1;pointer-events:auto}
#home #main .r3 .mid .box .items>li.swiper-slide-active .child .type>li{opacity:1;transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none}
#home #main .r3 .mid .box .items>li.swiper-slide-active .child .type>li.on{color:#008755}
#home #main .r3 .mid .box .items>li.swiper-slide-active h4{color:#008755}
#home #main .r3 .mid .box .items>li.swiper-slide-active .mask .light{-webkit-mask-size:100% 100%;mask-size:100% 100%}
@media screen and (orientation:landscape){
#home #main .r3 .mid .box .items>li:hover.on .child{transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;opacity:1;pointer-events:auto}
#home #main .r3 .mid .box .items>li:hover.on .child .type>li{opacity:1;transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none}
}
#home #main .r3 .mid .box .items>li.hideEvt{pointer-events:none}
#home #main .r3 .mid .box .items>li.hideEvt .txt{pointer-events:none}
#home #main .r3 .pop{position:absolute;z-index:20;width:100%;right:0;top:0;height:100%;opacity:0;transform:translateX(7rem);-webkit-transform:translateX(7rem);-moz-transform:translateX(7rem);-o-transform:translateX(7rem);-ms-transform:translateX(7rem);-webkit-transition:opacity .7s ease-in-out,-webkit-transform .7s ease-in-out;transition:opacity .7s ease-in-out,-webkit-transform .7s ease-in-out;transition:opacity .7s ease-in-out,transform .7s ease-in-out;transition:opacity .7s ease-in-out,transform .7s ease-in-out,-webkit-transform .7s ease-in-out;pointer-events:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#home #main .r3 .pop .mask{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}
#home #main .r3 .pop .pMain{width:7rem;height:100%;position:relative;z-index:6;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;background-color:#fff;-webkit-box-shadow:0 .4rem 1.2rem -.2rem rgba(54,82,72,.15);box-shadow:0 .4rem 1.2rem -.2rem rgba(54,82,72,.15)}
#home #main .r3 .pop .pMain .vc{height:42%;width:100%;position:relative;z-index:6}
#home #main .r3 .pop .pMain .vc video{position:absolute;width:100%;height:100%;top:0;left:0;-o-object-fit:cover;object-fit:cover}
#home #main .r3 .pop .pMain .vc .pic{position:absolute;width:100%;height:100%;top:0;left:0;z-index:10;height:101%}
#home #main .r3 .pop .pMain .part{width:100%;height:58%;position:relative;z-index:5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-bottom:.6rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
#home #main .r3 .pop .pMain .part .topic{width:100%;padding:8% 6% 5% 6%}
#home #main .r3 .pop .pMain .part #sw{width:100%;padding-left:8%;cursor:all-scroll;padding-bottom:20%}
#home #main .r3 .pop .pMain .part #sw .swiper-wrapper .swiper-slide{width:2.3rem}
#home #main .r3 .pop .pMain .part #sw .swiper-wrapper .swiper-slide .box{width:100%;display:block}
#home #main .r3 .pop .pMain .part #sw .swiper-wrapper .swiper-slide .box .photo{width:100%;position:relative;padding-bottom:80%}
#home #main .r3 .pop .pMain .part #sw .swiper-wrapper .swiper-slide .box .photo .pic{position:absolute;width:100%;height:100%;top:0;left:0;background-size:contain}
#home #main .r3 .pop .pMain .part #sw .swiper-wrapper .swiper-slide .box h3{color:#008755;text-align:center}
#home #main .r3 .pop .pMain .part #swBar{width:92%;height:5px;margin-left:8%;background-color:rgba(0,135,85,.1);border-radius:.2rem;position:absolute;bottom:.9rem;left:0;pointer-events:none}
#home #main .r3 .pop .pMain .part #swBar>span{border-radius:.2rem;background:-webkit-gradient(linear,left top,right top,from(#26d07c),to(#008755));background:linear-gradient(90deg,#26d07c,#008755)}
#home #main .r3 .pop .pMain .part #swBar:after{content:attr(data-more);width:100%;position:absolute;top:calc(100% + .1rem);color:#131413;font-size:16px;font-family:en_l}
#home #main .r3 .pop.on{opacity:1;transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;pointer-events:auto}
#home #main .r4{position:relative;width:100vw;height:100%;overflow:hidden;background-color:#000}
#home #main .r4 .inner{position:absolute;width:100%;height:100%;top:0;left:0}
#home #main .r4 .inner .mask{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2}
#home #main .r4 .inner .mask .mk_l{position:absolute;width:50%;height:100%;left:0;top:0;background-color:#008755}
#home #main .r4 .inner .mask .mk_r{position:absolute;width:50%;height:100%;right:0;top:0;background-color:#307fe2;transition:background-color 1.5s cubic-bezier(0,0,0,1);-webkit-transition:background-color 1.5s cubic-bezier(0,0,0,1);-moz-transition:background-color 1.5s cubic-bezier(0,0,0,1);-o-transition:background-color 1.5s cubic-bezier(0,0,0,1);-ms-transition:background-color 1.5s cubic-bezier(0,0,0,1)}
#home #main .r4 .inner #slider{position:absolute;width:100%;height:100%;top:0;left:0;z-index:10;-webkit-clip-path:polygon(0 0,100% 0,100% 71.8%,91.6% 100%,15.46% 100%,0 36.3%,0 0);clip-path:polygon(0 0,100% 0,100% 71.8%,91.6% 100%,15.46% 100%,0 36.3%,0 0)}
#home #main .r4 .inner .group{position:absolute;width:100%;height:100%;top:0;left:0;z-index:13}
#home #main .r4 .inner .group .pager{position:absolute;top:0;bottom:0;margin:auto;height:100px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 4%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#home #main .r4 .inner .group .pager .slider--btn{position:relative}
#home #main .r4 .inner .group .pager .slider--btn svg{position:relative;width:.75rem;stroke:#fff;stroke-width:2px;stroke-linecap:butt;stroke-linejoin:miter;fill:none}
#home #main .r4 .inner .group .pager .slider--btn i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);top:46%;color:#fff;font-size:12px}
#home #main .r4 .inner .group .pager .slider--btn:nth-of-type(1) i{padding-left:20%}
#home #main .r4 .inner .group .pager .slider--btn:nth-of-type(2) i{padding-right:20%}
#home #main .r4 .inner .group .msg{position:absolute;z-index:3;width:100%;bottom:1rem;padding:0 4%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
#home #main .r4 .inner .group .msg .col.left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
#home #main .r4 .inner .group .msg .col.left>span{line-height:.85}
#home #main .r4 .inner .group .msg .col.left>svg{fill:rgba(255,255,255,.6);margin:0 .35rem;width:.47rem}
#home #main .r4 .inner .group .msg .col.left .items{position:relative}
#home #main .r4 .inner .group .msg .col.left .items .slider--list{display:none}
#home #main .r4 .inner .group .msg .col.left .items .slider--list span{color:rgba(255,255,255,.7);margin-bottom:.1rem;line-height:1}
#home #main .r4 .inner .group .msg .col.left .items .slider--list h4{line-height:1}
#home #main .r4 .inner .group .msg .col.left .items .slider--list.on{display:block}
#home #main .r4 .inner .group .msg .col.right{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:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding-right:.6rem}
#home #main .r4 .inner .group .msg .col.right em{line-height:1}
#home #main .r4 .inner .group .msg .col.right span{font-family:en_l;color:rgba(255,255,255,.6);line-height:1}
#home #main .r4 .inner .group .msg .col.right span:nth-of-type(1){margin:10px 0}
#home #main .r4 .inner .group .box{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;pointer-events:none}
#home #main .r4 .inner .group .box .light{position:absolute;right:50%;top:50%;width:92vw;-webkit-mask:linear-gradient(225deg,#000 0,rgba(0,0,0,0) 40%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:right top;mask-position:right top;-webkit-mask-size:0 0;mask-size:0 0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-timing-function:ease;animation-timing-function:ease}
#home #main .r4 .inner .group .box .light.go{-webkit-animation-name:lightFn;animation-name:lightFn}
#home #main .r5{position:relative;width:100vw}
#home #main .r5 .inner{height:100%;padding-top:1rem;width:100%;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:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background-size:cover}
#home #main .r5 .inner .mid{height:4.8rem;width:83.33%;position:relative;max-width:1600px;margin:0 auto}
#home #main .r5 .inner .mid .box{border-radius:.1rem;overflow:hidden}
#home #main .r5 .inner .mid .box .swiper{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:.1rem;overflow:hidden}
#home #main .r5 .inner .mid .box .swiper .swiper-wrapper .swiper-slide{background-color:#000}
#home #main .r5 .inner .mid .box .swiper .swiper-wrapper .swiper-slide .photo{position:absolute;width:100%;height:100%;top:0;left:0;background-position:center;background-repeat:no-repeat;background-size:cover;padding:5% 7%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
#home #main .r5 .inner .mid .box .swiper .swiper-wrapper .swiper-slide .photo .top{color:#fff;position:relative;z-index:10}
#home #main .r5 .inner .mid .box .swiper .swiper-wrapper .swiper-slide .photo .con{position:relative;z-index:10}
#home #main .r5 .inner .mid .box .swiper .swiper-wrapper .swiper-slide .photo .con small{font-weight:100;color:#fff;display:inline-block;line-height:2}
#home #main .r5 .inner .mid .box .swiper .swiper-wrapper .swiper-slide .photo .con h3{color:#fff}
#home #main .r5 .inner .mid .box .swiper .swiper-wrapper .swiper-slide .photo:after{content:"";pointer-events:none;width:100%;height:100%;top:0;left:0;position:absolute;z-index:2;background:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,.7)),color-stop(40%,rgba(0,0,0,.1)),to(rgba(0,0,0,.1)));background:linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.1) 40%,rgba(0,0,0,.1) 100%)}
#home #main .r5 .inner .mid .box .mask{position:absolute;width:100%;height:100%;top:0;left:0;z-index:10;pointer-events:none}
#home #main .r5 .inner .mid .box .mask .light{position:absolute;right:0;top:.5rem;width:39vw;-webkit-mask:linear-gradient(225deg,#000 0,rgba(0,0,0,0) 90%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:right top;mask-position:right top;-webkit-mask-size:0 0;mask-size:0 0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-timing-function:ease;animation-timing-function:ease}
#home #main .r5 .inner .mid .box .mask .light.go{-webkit-animation-name:lightFn;animation-name:lightFn}
#home #main .r5 .inner .mid .box .mask .msg{position:absolute;left:0;top:0;width:100%;height:100%}
#home #main .r5 .inner .mid .box .mask .msg .list{padding:3% 7% 5% 7%;position:absolute;width:100%;height:100%;top:0;left:0;display:none;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
#home #main .r5 .inner .mid .box .mask .msg .list .top{color:#fff;position:relative;z-index:10;display:block;text-align:right;width:100%}
#home #main .r5 .inner .mid .box .mask .msg .list .con{position:relative;z-index:10}
#home #main .r5 .inner .mid .box .mask .msg .list .con small{font-weight:100;color:#fff;display:inline-block;line-height:2}
#home #main .r5 .inner .mid .box .mask .msg .list .con h3{color:#fff;font-weight:600}
#home #main .r5 .inner .mid .box .mask .msg .list.on{display:-webkit-box;display:-ms-flexbox;display:flex}
#home #main .r5 .inner .mid .box:nth-of-type(1){position:absolute;width:25%;left:0;top:.6rem;padding-bottom:16.68%;background-color:#000}
#home #main .r5 .inner .mid .box:nth-of-type(2){position:absolute;width:37.5%;left:3%;right:0;margin:0 auto;bottom:0;padding-bottom:22.875%}
#home #main .r5 .inner .mid .box:nth-of-type(2) .swiper{width:91%}
#home #main .r5 .inner .mid .box:nth-of-type(2) .swiper .swiper-wrapper .swiper-slide .photo .top{opacity:0}
#home #main .r5 .inner .mid .box:nth-of-type(2) .swiper .swiper-wrapper .swiper-slide .photo .con{opacity:0}
#home #main .r5 .inner .mid .box:nth-of-type(2) .mask .msg{width:91%}
#home #main .r5 .inner .mid .box:nth-of-type(2) .mask .msg .list .con small{font-size:.24rem}
#home #main .r5 .inner .mid .box:nth-of-type(2) .mask .msg .list .con h3{font-size:.24rem}
#home #main .r5 .inner .mid .box:nth-of-type(3){position:absolute;width:25%;right:0;top:0;padding-bottom:16.68%;background-color:#000}
#home #main .r5 .inner .mid .box:nth-of-type(3) .swiper{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:.1rem;overflow:hidden}
#home #main .r5 .inner .mid .box:nth-of-type(3) .swiper .swiper-wrapper{-webkit-transition-timing-function:ease;transition-timing-function:ease}
#home #main .r5 .inner .mid .box:nth-of-type(3) .swiper .swiper-wrapper .swiper-slide .photo{position:absolute;width:100%;height:100%;top:0;left:0;background-position:center;background-repeat:no-repeat;background-size:cover}
#home #main .r5 .inner .btm{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding:0 8.5%;margin-top:.8rem}
#home #main .r5 .inner .btm .col.left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
#home #main .r5 .inner .btm .col.left>span{line-height:.75;text-transform:uppercase}
#home #main .r5 .inner .btm .col.left>svg{fill:rgba(0,135,85,.5);margin:0 .35rem;width:.47rem}
#home #main .r5 .inner .btm .col.left>p{color:#008755;line-height:1.2;position:relative}
#home #main .r5 .inner .btm .col.right{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}
#home #main .r5 .inner .btm .col.right .slider--btn{position:relative;display:inline-block}
#home #main .r5 .inner .btm .col.right .slider--btn svg{position:relative;width:.7rem;stroke:rgba(0,135,85,.3);stroke-width:2px;stroke-linecap:butt;stroke-linejoin:miter;fill:rgba(0,135,85,0);stroke-dasharray:400%;stroke-dashoffset:0;-webkit-transition:fill .8s ease,stroke-dashoffset 2s ease;transition:fill .8s ease,stroke-dashoffset 2s ease}
#home #main .r5 .inner .btm .col.right .slider--btn i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);top:46%;color:#008755;font-size:12px;transition:color .8s cubic-bezier(0,0,0,1);-webkit-transition:color .8s cubic-bezier(0,0,0,1);-moz-transition:color .8s cubic-bezier(0,0,0,1);-o-transition:color .8s cubic-bezier(0,0,0,1);-ms-transition:color .8s cubic-bezier(0,0,0,1)}
#home #main .r5 .inner .btm .col.right .slider--btn:nth-of-type(1) i{padding-left:20%}
#home #main .r5 .inner .btm .col.right .slider--btn:nth-of-type(2){margin-bottom:.3rem;margin-left:.48rem}
#home #main .r5 .inner .btm .col.right .slider--btn:nth-of-type(2) i{padding-right:20%}
#home #main .r5 .inner .btm .col.right .slider--btn:hover>svg{fill:#008755;stroke-dashoffset:400%}
#home #main .r5 .inner .btm .col.right .slider--btn:hover i{color:#fff}
.afterInner #main #container{position:absolute;z-index:2;height:100vh;left:0;width:100%;top:0;pointer-events:none}
.afterInner #main #banner{overflow:hidden;z-index:3;width:100vw;position:relative;min-height:100vh}
.afterInner #main #banner>.photo{background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#000;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;width:100vw;-o-object-fit:cover;object-fit:cover}
.afterInner #main #banner .left{position:absolute;z-index:12;left:3.2%;bottom:4%;width:40vw;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.afterInner #main #banner .left .pager{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.afterInner #main #banner .left .pager>li{position:relative;cursor:pointer}
.afterInner #main #banner .left .pager>li svg{display:block;width:.6rem;transform:rotate(16deg) translate(-3px,3px);-webkit-transform:rotate(16deg) translate(-3px,3px);-moz-transform:rotate(16deg) translate(-3px,3px);-o-transform:rotate(16deg) translate(-3px,3px);-ms-transform:rotate(16deg) translate(-3px,3px);-webkit-transition:-webkit-transform .8s cubic-bezier(0,0,0,1);transition:-webkit-transform .8s cubic-bezier(0,0,0,1);transition:transform .8s cubic-bezier(0,0,0,1);transition:transform .8s cubic-bezier(0,0,0,1),-webkit-transform .8s cubic-bezier(0,0,0,1);-webkit-transition:transform .8s cubic-bezier(0,0,0,1);-moz-transition:transform .8s cubic-bezier(0,0,0,1);-o-transition:transform .8s cubic-bezier(0,0,0,1);-ms-transition:transform .8s cubic-bezier(0,0,0,1)}
.afterInner #main #banner .left .pager>li svg path{stroke:#26d07c;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;fill:none;stroke-dasharray:400%;stroke-dashoffset:400%;transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1);-webkit-transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1);-moz-transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1);-o-transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1);-ms-transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1)}
.afterInner #main #banner .left .pager>li em{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;width:100%;height:100%;top:0;left:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;transition:color .8s cubic-bezier(0,0,0,1);-webkit-transition:color .8s cubic-bezier(0,0,0,1);-moz-transition:color .8s cubic-bezier(0,0,0,1);-o-transition:color .8s cubic-bezier(0,0,0,1);-ms-transition:color .8s cubic-bezier(0,0,0,1)}
.afterInner #main #banner .left .pager>li.on svg{transform:rotate(0) translate(-3px,3px);-webkit-transform:rotate(0) translate(-3px,3px);-moz-transform:rotate(0) translate(-3px,3px);-o-transform:rotate(0) translate(-3px,3px);-ms-transform:rotate(0) translate(-3px,3px);-webkit-transition-delay:.5s;transition-delay:.5s}
.afterInner #main #banner .left .pager>li.on svg path{stroke-dashoffset:88%;-webkit-transition-delay:.5s;transition-delay:.5s}
.afterInner #main #banner .left .pager>li.on em{color:#26d07c}
.afterInner #main #banner .left .add{font-size:11px;color:rgba(255,255,255,.5);line-height:2;letter-spacing:1px}
.afterInner #main #banner .right{position:absolute;bottom:4%;right:3.2%;z-index:12;overflow:hidden}
.afterInner #main #banner .right .line{height:1.2rem;width:3px;overflow:hidden;background-color:rgba(255,255,255,.1)}
.afterInner #main #banner .right .line>span{height:50%;position:absolute;width:100%;bottom:100%;left:0;background:#008755;opacity:0;-webkit-animation:rightFn 4s linear infinite;animation:rightFn 4s linear infinite}
.afterInner #main #banner .right .line:after{content:"";height:35%;position:absolute;width:100%;top:-35%;left:0;background:#008755;-webkit-animation:rightFn 2.2s linear infinite;animation:rightFn 2.2s linear infinite}
.afterInner #main #banner .inner{position:absolute;width:100%;height:100%;top:0;left:0;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:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:10;text-align:center}
.afterInner #main #banner .inner h1{line-height:1;margin-bottom:.3rem;font-weight:700;letter-spacing:2px;position:relative;z-index:3}
.afterInner #main #banner .inner p{max-width:7.5rem;line-height:1.3;position:relative;z-index:3}
.afterInner #main #banner .inner .box{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;pointer-events:none}
.afterInner #main #banner .inner .box .light{position:absolute;left:49%;top:49%;width:92vw;-webkit-mask:linear-gradient(140deg,#000 0,rgba(0,0,0,0) 38%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:left top;mask-position:left top;-webkit-mask-size:0 0;mask-size:0 0;-webkit-animation:lightFn 1.2s ease;animation:lightFn 1.2s ease;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.afterInner #main .row{position:relative}
.afterInner #main .row .bg{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}
.afterInner #main .row .bg .pic{position:absolute;width:100%;height:100%;top:0;left:0}
#news #main #container{position:absolute;z-index:2;height:100vh;left:0;width:100%;top:0;pointer-events:none}
#news #main #banner{overflow:hidden;z-index:3;width:100vw;position:relative;min-height:100vh}
#news #main #banner .photo{background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#000;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;width:100vw;-o-object-fit:cover;object-fit:cover}
#news #main #banner .left{position:absolute;z-index:12;left:3.2%;bottom:4%;width:40vw;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
#news #main #banner .left .pager{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#news #main #banner .left .pager>li{position:relative;cursor:pointer}
#news #main #banner .left .pager>li svg{display:block;width:.6rem;transform:rotate(16deg) translate(-3px,3px);-webkit-transform:rotate(16deg) translate(-3px,3px);-moz-transform:rotate(16deg) translate(-3px,3px);-o-transform:rotate(16deg) translate(-3px,3px);-ms-transform:rotate(16deg) translate(-3px,3px);-webkit-transition:-webkit-transform .8s cubic-bezier(0,0,0,1);transition:-webkit-transform .8s cubic-bezier(0,0,0,1);transition:transform .8s cubic-bezier(0,0,0,1);transition:transform .8s cubic-bezier(0,0,0,1),-webkit-transform .8s cubic-bezier(0,0,0,1);-webkit-transition:transform .8s cubic-bezier(0,0,0,1);-moz-transition:transform .8s cubic-bezier(0,0,0,1);-o-transition:transform .8s cubic-bezier(0,0,0,1);-ms-transition:transform .8s cubic-bezier(0,0,0,1)}
#news #main #banner .left .pager>li svg path{stroke:#26d07c;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;fill:none;stroke-dasharray:400%;stroke-dashoffset:400%;transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1);-webkit-transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1);-moz-transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1);-o-transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1);-ms-transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1)}
#news #main #banner .left .pager>li em{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;width:100%;height:100%;top:0;left:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;transition:color .8s cubic-bezier(0,0,0,1);-webkit-transition:color .8s cubic-bezier(0,0,0,1);-moz-transition:color .8s cubic-bezier(0,0,0,1);-o-transition:color .8s cubic-bezier(0,0,0,1);-ms-transition:color .8s cubic-bezier(0,0,0,1)}
#news #main #banner .left .pager>li.on svg{transform:rotate(0) translate(-3px,3px);-webkit-transform:rotate(0) translate(-3px,3px);-moz-transform:rotate(0) translate(-3px,3px);-o-transform:rotate(0) translate(-3px,3px);-ms-transform:rotate(0) translate(-3px,3px);-webkit-transition-delay:.5s;transition-delay:.5s}
#news #main #banner .left .pager>li.on svg path{stroke-dashoffset:88%;-webkit-transition-delay:.5s;transition-delay:.5s}
#news #main #banner .left .pager>li.on em{color:#26d07c}
#news #main #banner .left .add{font-size:11px;color:rgba(255,255,255,.5);line-height:2;letter-spacing:1px}
#news #main #banner .right{position:absolute;bottom:4%;right:3.2%;z-index:12;overflow:hidden}
#news #main #banner .right .line{height:1.2rem;width:3px;overflow:hidden;background-color:rgba(255,255,255,.1)}
#news #main #banner .right .line>span{height:50%;position:absolute;width:100%;bottom:100%;left:0;background:#008755;opacity:0;-webkit-animation:rightFn 4s linear infinite;animation:rightFn 4s linear infinite}
#news #main #banner .right .line:after{content:"";height:35%;position:absolute;width:100%;top:-35%;left:0;background:#008755;-webkit-animation:rightFn 2.2s linear infinite;animation:rightFn 2.2s linear infinite}
#news #main #banner .inner{position:absolute;width:100%;height:100%;top:0;left:0;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:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:10;text-align:center}
#news #main #banner .inner h1{line-height:1;margin-bottom:.3rem;font-weight:700;letter-spacing:2px;position:relative;z-index:3}
#news #main #banner .inner p{max-width:7.5rem;line-height:1.3;position:relative;z-index:3}
#news #main #banner .inner .box{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;pointer-events:none}
#news #main #banner .inner .box .light{position:absolute;left:49%;top:49%;width:92vw;-webkit-mask:linear-gradient(135deg,#000 0,rgba(0,0,0,0) 40%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:left top;mask-position:left top;-webkit-mask-size:0 0;mask-size:0 0;-webkit-animation:lightFn 1.2s ease;animation:lightFn 1.2s ease;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
#news #main .r1{padding:2.5rem 8% 1.5rem 8%;min-height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
#news #main .r1 .left{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:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
#news #main .r1 .left h2{font-size:1.2rem;line-height:1;position:relative;margin-bottom:.3rem;overflow:hidden}
#news #main .r1 .left h2 .letter{font-size:inherit;color:inherit;font-weight:inherit;min-width:.2em;-webkit-transform-origin:0 0;transform-origin:0 0}
#news #main .r1 .left .inner{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}
#news #main .r1 .left .inner:before{content:"";position:absolute;top:-4px;left:-5px;z-index:4;width:11px;height:11px;border-radius:50%;line-height:11px;text-align:center;background-color:#008755}
#news #main .r1 .left .inner .bar{height:100%;width:1px;position:relative;background-color:rgba(0,135,85,.2)}
#news #main .r1 .left .inner .bar .line{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#008755;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-animation-name:lineAni;animation-name:lineAni}
#news #main .r1 .left .inner .pager{position:absolute;top:0;bottom:0;margin:auto;left:-9vw;width:18vw;height:18vw}
#news #main .r1 .left .inner .pager svg{width:100%;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg)}
#news #main .r1 .left .inner .pager svg circle{fill:none;stroke:rgba(0,135,85,.06);stroke-dashoffset:300%;stroke-dasharray:300%;-webkit-transition:stroke-dashoffset 2s ease-in-out;transition:stroke-dashoffset 2s ease-in-out}
#news #main .r1 .left .inner .pager svg circle.go{stroke-dashoffset:50%}
#news #main .r1 .left .inner .pager .total{position:absolute;width:100%;height:100%;top:0;left:0;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}
#news #main .r1 .left .inner .pager .total span{width:1rem}
#news #main .r1 .left .inner .pager .total span:nth-of-type(1){padding-right:.2rem;text-align:right}
#news #main .r1 .left .inner .pager .total span:nth-of-type(2){padding-left:.2rem}
#news #main .r1 .left .btm{position:relative}
#news #main .r1 .left .btm>img{display:block;margin:0 auto;width:1.24rem}
#news #main .r1 .left .btm>div{margin-top:.1rem}
#news #main .r1 .left .btm>div small{display:block;text-align:center}
#news #main .r1 .left .btm>div span{display:block;text-align:center;line-height:1.8}
#news #main .r1 .right{width:64%;position:relative}
#news #main .r1 .right .search{position:absolute;right:0;top:-.2rem;z-index:5;width:43.96%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #333}
#news #main .r1 .right .search>input[type=text]{background-color:transparent;border:none;line-height:2;text-indent:0;padding:.1rem 0}
#news #main .r1 .right .search>input[type=submit]{background-color:transparent;border:none}
#news #main .r1 .right .box{width:100%;position:relative}
#news #main .r1 .right .box .items{width:100%;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;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
#news #main .r1 .right .box .items .col{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:1.2rem;margin-top:-1.2rem}
#news #main .r1 .right .box .items .col:nth-of-type(1){margin-bottom:0;margin-top:0}
#news #main .r1 .right .box .items .col:nth-of-type(2){margin-top:0}
#news #main .r1 .right .box .items .col>div{width:43.96%;position:relative}
#news #main .r1 .right .box .items .col>div:nth-of-type(2){margin-top:1.3rem}
#news #main .r1 .right .box .items .col>div .photo{width:100%;height:15.625vw;pointer-events:none;position:relative;border-radius:.1rem;overflow:hidden;-webkit-transition:-webkit-box-shadow .5s cubic-bezier(0,0,0,1);transition:-webkit-box-shadow .5s cubic-bezier(0,0,0,1);transition:box-shadow .5s cubic-bezier(0,0,0,1);transition:box-shadow .5s cubic-bezier(0,0,0,1),-webkit-box-shadow .5s cubic-bezier(0,0,0,1)}
#news #main .r1 .right .box .items .col>div .photo figure{width:100%;height:calc(100% + 0px);top:0;left:0;position:absolute;margin:0;pointer-events:none;z-index:5;-webkit-animation-duration:2.4s;animation-duration:2.4s}
#news #main .r1 .right .box .items .col>div .photo figure img{position:absolute;width:100%;height:100%;top:0;left:0;border-radius:.1rem;overflow:hidden;height:auto}
#news #main .r1 .right .box .items .col>div .photo figure img.js-image{opacity:0}
#news #main .r1 .right .box .items .col>div .photo figure video{position:absolute;width:100%;height:100%;top:0;left:0;-o-object-fit:cover;object-fit:cover}
#news #main .r1 .right .box .items .col>div .photo:after{content:"";z-index:10;position:absolute;width:100%;height:100%;top:0;left:0;background:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,.7)),color-stop(60%,rgba(0,0,0,0)));background:linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(0,0,0,0) 60%)}
#news #main .r1 .right .box .items .col>div .msg{position:absolute;top:0;left:0;z-index:10;width:calc(100% + .5rem);border-radius:.1rem;overflow:hidden;height:100%;cursor:pointer;padding:3% 0 6% 0;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}
#news #main .r1 .right .box .items .col>div .msg .light{position:absolute;right:0;top:.5rem;pointer-events:none;width:39vw;-webkit-mask:linear-gradient(225deg,#000 0,rgba(0,0,0,0) 90%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:right top;mask-position:right top;-webkit-mask-size:0 0;mask-size:0 0;opacity:0;-webkit-transition:opacity .7s ease-in-out,-webkit-mask-size .8s cubic-bezier(0,0,0,1);transition:opacity .7s ease-in-out,-webkit-mask-size .8s cubic-bezier(0,0,0,1);transition:mask-size .8s cubic-bezier(0,0,0,1),opacity .7s ease-in-out;transition:mask-size .8s cubic-bezier(0,0,0,1),opacity .7s ease-in-out,-webkit-mask-size .8s cubic-bezier(0,0,0,1)}
#news #main .r1 .right .box .items .col>div .msg span{position:relative;z-index:3;padding:0 6%;display:block;width:calc(100% - .5rem);text-align:right}
#news #main .r1 .right .box .items .col>div .msg>div{position:relative;z-index:3;display:block;width:calc(100% - .5rem);padding:0 6%}
#news #main .r1 .right .box .items .col>div .msg>div small{display:block}
#news #main .r1 .right .box .items .col>div .msg>div p{font-weight:600;width:calc(100% - 50px);line-height:.32rem;max-height:.64rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
#news #main .r1 .right .box .items .col>div .msg>div>i{height:36px;position:absolute;bottom:0;color:#fff;font-size:12px;right:3%;line-height:36px;opacity:0;transform:translateX(10px);-webkit-transform:translateX(10px);-moz-transform:translateX(10px);-o-transform:translateX(10px);-ms-transform:translateX(10px);-webkit-transition:opacity .7s ease-in-out,-webkit-transform .7s ease-in-out;transition:opacity .7s ease-in-out,-webkit-transform .7s ease-in-out;transition:opacity .7s ease-in-out,transform .7s ease-in-out;transition:opacity .7s ease-in-out,transform .7s ease-in-out,-webkit-transform .7s ease-in-out}
#news #main .r1 .right .box .items .col>div:hover .photo{-webkit-box-shadow:0 10px .5rem -2px rgba(0,0,0,.4);box-shadow:0 10px .5rem -2px rgba(0,0,0,.4)}
#news #main .r1 .right .box .items .col>div:hover .msg .light{opacity:1;-webkit-mask-size:100% 100%;mask-size:100% 100%}
#news #main .r1 .right .box .items .col>div:hover .msg>div>i{opacity:1;transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none}
#news #main .r1 .right .set{position:absolute;bottom:.5rem;left:0;width:42.9%;height:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 4%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#news #main .r1 .right .set .slider--btn{position:relative;display:inline-block}
#news #main .r1 .right .set .slider--btn svg{position:relative;width:.7rem;stroke:rgba(0,135,85,.3);stroke-width:2px;stroke-linecap:butt;stroke-linejoin:miter;fill:rgba(0,135,85,0);stroke-dasharray:400%;stroke-dashoffset:0;-webkit-transition:fill .8s ease,stroke-dashoffset 2s ease;transition:fill .8s ease,stroke-dashoffset 2s ease}
#news #main .r1 .right .set .slider--btn i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);top:46%;color:#008755;font-size:12px;transition:color .8s cubic-bezier(0,0,0,1);-webkit-transition:color .8s cubic-bezier(0,0,0,1);-moz-transition:color .8s cubic-bezier(0,0,0,1);-o-transition:color .8s cubic-bezier(0,0,0,1);-ms-transition:color .8s cubic-bezier(0,0,0,1)}
#news #main .r1 .right .set .slider--btn:nth-of-type(1) i{padding-left:20%}
#news #main .r1 .right .set .slider--btn:nth-of-type(2){margin-bottom:.3rem;margin-left:.48rem}
#news #main .r1 .right .set .slider--btn:nth-of-type(2) i{padding-right:20%}
#news #main .r1 .right .set .slider--btn:hover>svg{fill:#008755;stroke-dashoffset:400%}
#news #main .r1 .right .set .slider--btn:hover i{color:#fff}
#history{min-height:100vh;background-color:#000}
#history #main{height:100vh}
#history #main #container{opacity:.3;position:absolute;z-index:2;height:100vh;left:0;width:100%;top:0;pointer-events:none}
#history #main #banner{overflow:hidden;z-index:3;width:100vw;position:relative;min-height:100vh}
#history #main #banner>.photo{background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#000;opacity:.3;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;width:100vw;-o-object-fit:cover;object-fit:cover}
#history #main #banner .inner{display:inline-block;-webkit-animation-duration:1.2s;animation-duration:1.2s;opacity:0;white-space:nowrap;position:relative;z-index:10}
#history #main #banner .inner .content{display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;padding-bottom:.8rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
#history #main #banner .inner .content .gallery{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:22vw;padding-right:0}
#history #main #banner .inner .content .gallery .gallery__items{width:3rem;margin:0 .8rem}
#history #main #banner .inner .content .gallery .gallery__items:nth-of-type(2n+2){padding-top:.6rem}
#history #main #banner .inner .content .gallery .gallery__items:nth-of-type(2n+1){padding-bottom:.6rem}
#history #main #banner .inner .content .gallery .gallery__items .image{width:100%;position:relative}
#history #main #banner .inner .content .gallery .gallery__items .image .photo{width:100%;height:10vw;pointer-events:none;z-index:2;position:relative;overflow:hidden;border:2px solid #008755;-webkit-transition:-webkit-box-shadow .5s cubic-bezier(0,0,0,1);transition:-webkit-box-shadow .5s cubic-bezier(0,0,0,1);transition:box-shadow .5s cubic-bezier(0,0,0,1);transition:box-shadow .5s cubic-bezier(0,0,0,1),-webkit-box-shadow .5s cubic-bezier(0,0,0,1)}
#history #main #banner .inner .content .gallery .gallery__items .image .photo figure{width:100%;height:calc(100% + 100px);top:-50px;left:0;position:absolute;margin:0;pointer-events:none;z-index:5;-webkit-animation-duration:2.4s;animation-duration:2.4s}
#history #main #banner .inner .content .gallery .gallery__items .image .photo figure img{position:absolute;width:100%;height:100%;top:0;left:0;-o-object-fit:cover;object-fit:cover}
#history #main #banner .inner .content .gallery .gallery__items .image .sum{font-size:.72rem;line-height:.5rem;position:absolute;bottom:-.25rem;z-index:6;left:-.3rem}
#history #main #banner .inner .content .gallery .gallery__items .msg{margin-top:.6rem;width:100%}
#history #main #banner .inner .content .gallery .gallery__items .msg h3{width:100%;line-height:1.6;white-space:normal;height:.7rem}
#history #main #banner .inner .content .gallery .gallery__items .msg h3 b{font-size:inherit;color:inherit}
#history #main #banner .group{position:absolute;bottom:.6rem;left:0;z-index:20;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 8%;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#history #main #banner .group .left{margin-right:.8rem}
#history #main #banner .group .left h1{font-size:1.1rem;line-height:1.2}
#history #main #banner .group .left p{color:rgba(255,255,255,.5);font-size:12px}
#history #main #banner .group .right{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;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:center;-ms-flex-pack:center;justify-content:center;margin-top:.3rem}
#history #main #banner .group .right:before{content:"";position:absolute;top:-5px;left:-5px;z-index:4;width:11px;height:11px;border-radius:50%;line-height:11px;text-align:center;background-color:#008755}
#history #main #banner .group .right .bar{width:100%;height:1px;position:relative;background-color:rgba(255,255,255,.2)}
#history #main #banner .group .right .bar .line{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#008755;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-animation-name:lineAni_hen;animation-name:lineAni_hen;-webkit-animation-timing-function:linear;animation-timing-function:linear}
#history #main #banner .group .right>ul{position:absolute;top:calc(100% + .24rem);width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#history #main #banner .group .right>ul>li{font-size:13px;color:rgba(255,255,255,.2);transition:color .3s cubic-bezier(0,0,0,1);-webkit-transition:color .3s cubic-bezier(0,0,0,1);-moz-transition:color .3s cubic-bezier(0,0,0,1);-o-transition:color .3s cubic-bezier(0,0,0,1);-ms-transition:color .3s cubic-bezier(0,0,0,1)}
#history #main #banner .group .right>ul>li.on{color:#fff}
#join #main #container{position:absolute;z-index:2;height:100vh;left:0;width:100%;top:0;pointer-events:none}
#join #main #banner{overflow:hidden;position:relative;z-index:3;width:100vw;min-height:100vh}
#join #main #banner .photo{background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#000;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;width:100vw;-o-object-fit:cover;object-fit:cover}
#join #main #banner .left{position:absolute;z-index:12;left:3.2%;bottom:4%;width:40vw;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
#join #main #banner .left .pager{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#join #main #banner .left .pager>li{position:relative;cursor:pointer}
#join #main #banner .left .pager>li svg{display:block;width:.6rem;transform:rotate(16deg) translate(-3px,3px);-webkit-transform:rotate(16deg) translate(-3px,3px);-moz-transform:rotate(16deg) translate(-3px,3px);-o-transform:rotate(16deg) translate(-3px,3px);-ms-transform:rotate(16deg) translate(-3px,3px);-webkit-transition:-webkit-transform .8s cubic-bezier(0,0,0,1);transition:-webkit-transform .8s cubic-bezier(0,0,0,1);transition:transform .8s cubic-bezier(0,0,0,1);transition:transform .8s cubic-bezier(0,0,0,1),-webkit-transform .8s cubic-bezier(0,0,0,1);-webkit-transition:transform .8s cubic-bezier(0,0,0,1);-moz-transition:transform .8s cubic-bezier(0,0,0,1);-o-transition:transform .8s cubic-bezier(0,0,0,1);-ms-transition:transform .8s cubic-bezier(0,0,0,1)}
#join #main #banner .left .pager>li svg path{stroke:#26d07c;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;fill:none;stroke-dasharray:400%;stroke-dashoffset:400%;transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1);-webkit-transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1);-moz-transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1);-o-transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1);-ms-transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1)}
#join #main #banner .left .pager>li em{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;width:100%;height:100%;top:0;left:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;transition:color .8s cubic-bezier(0,0,0,1);-webkit-transition:color .8s cubic-bezier(0,0,0,1);-moz-transition:color .8s cubic-bezier(0,0,0,1);-o-transition:color .8s cubic-bezier(0,0,0,1);-ms-transition:color .8s cubic-bezier(0,0,0,1)}
#join #main #banner .left .pager>li.on svg{transform:rotate(0) translate(-3px,3px);-webkit-transform:rotate(0) translate(-3px,3px);-moz-transform:rotate(0) translate(-3px,3px);-o-transform:rotate(0) translate(-3px,3px);-ms-transform:rotate(0) translate(-3px,3px);-webkit-transition-delay:.5s;transition-delay:.5s}
#join #main #banner .left .pager>li.on svg path{stroke-dashoffset:88%;-webkit-transition-delay:.5s;transition-delay:.5s}
#join #main #banner .left .pager>li.on em{color:#26d07c}
#join #main #banner .left .add{font-size:11px;color:rgba(255,255,255,.5);line-height:2;letter-spacing:1px}
#join #main #banner .right{position:absolute;bottom:4%;right:3.2%;z-index:12;overflow:hidden}
#join #main #banner .right .line{height:1.2rem;width:3px;overflow:hidden;background-color:rgba(255,255,255,.1)}
#join #main #banner .right .line>span{height:50%;position:absolute;width:100%;bottom:100%;left:0;background:#008755;opacity:0;-webkit-animation:rightFn 4s linear infinite;animation:rightFn 4s linear infinite}
#join #main #banner .right .line:after{content:"";height:35%;position:absolute;width:100%;top:-35%;left:0;background:#008755;-webkit-animation:rightFn 2.2s linear infinite;animation:rightFn 2.2s linear infinite}
#join #main #banner .inner{position:absolute;width:100%;height:100%;top:0;left:0;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:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:10;text-align:center;padding-top:.8rem}
#join #main #banner .inner h1{line-height:1;margin-bottom:.3rem;font-weight:700;letter-spacing:2px;position:relative;z-index:3}
#join #main #banner .inner .box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-top:1.2rem}
#join #main #banner .inner .box .col{width:4rem;height:1.5rem;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:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:.1rem;overflow:hidden;margin:0 .75rem;background-color:#fff;cursor:pointer;transition:background-color .3s cubic-bezier(0,0,0,1);-webkit-transition:background-color .3s cubic-bezier(0,0,0,1);-moz-transition:background-color .3s cubic-bezier(0,0,0,1);-o-transition:background-color .3s cubic-bezier(0,0,0,1);-ms-transition:background-color .3s cubic-bezier(0,0,0,1)}
#join #main #banner .inner .box .col .mc{transition:color .3s cubic-bezier(0,0,0,1);-webkit-transition:color .3s cubic-bezier(0,0,0,1);-moz-transition:color .3s cubic-bezier(0,0,0,1);-o-transition:color .3s cubic-bezier(0,0,0,1);-ms-transition:color .3s cubic-bezier(0,0,0,1)}
#join #main #banner .inner .box .col p{color:inherit;line-height:1.5;margin-top:.1rem}
#join #main #banner .inner .box .col h4{color:inherit}
#join #main #banner .inner .box .col.on{background-color:#008755}
#join #main #banner .inner .box .col.on .mc{color:#fff}
#join #main .r1 .inner{text-align:center;padding-top:1.8rem;position:relative}
#join #main .r1 .inner>.bg{z-index:-1;left:0;top:0;position:absolute;width:100vw;height:100vh;-webkit-mask:-webkit-gradient(linear,left top,left bottom,color-stop(0,#000),color-stop(40%,#000),color-stop(80%,rgba(0,0,0,0)));-webkit-mask:linear-gradient(180deg,#000 0,#000 40%,rgba(0,0,0,0) 80%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center bottom;mask-position:center bottom}
#join #main .r1 .inner>.bg .left{width:12.125rem;position:absolute;top:34.4%;right:59.3%;z-index:2}
#join #main .r1 .inner>.bg .left .st0{fill:none;stroke:rgba(0,135,85,.15);stroke-width:3px;stroke-dasharray:150%;stroke-dashoffset:100%;-webkit-transition:stroke-dashoffset 2.5s ease-in-out 1s;transition:stroke-dashoffset 2.5s ease-in-out 1s}
#join #main .r1 .inner>.bg .left.go .st0{stroke-dashoffset:0}
#join #main .r1 .inner>.bg .right{width:12.125rem;position:absolute;top:34%;left:59%;z-index:2}
#join #main .r1 .inner>.bg .right .st0{fill:none;stroke:rgba(0,135,85,.15);stroke-width:3px;stroke-dasharray:150%;stroke-dashoffset:100%;-webkit-transition:stroke-dashoffset 2.5s ease-in-out 1s;transition:stroke-dashoffset 2.5s ease-in-out 1s}
#join #main .r1 .inner>.bg .right.go .st0{stroke-dashoffset:0}
#join #main .r1 .inner>.bg .mid{width:12rem;top:-3%;position:absolute;left:0;right:0;margin:auto;z-index:2}
#join #main .r1 .inner>.bg .mid path{stroke:rgba(0,135,85,.1);fill:none;stroke-width:3px;stroke-linecap:butt;stroke-linejoin:miter}
#join #main .r1 .inner h3{color:#090b0a;line-height:1.8}
#join #main .r1 .inner p{-webkit-animation-duration:1.2s;animation-duration:1.2s}
#join #main .r1 .inner>img{display:block;margin:.4rem auto;-webkit-box-shadow:0 .4rem 1rem -.1rem rgba(13,78,54,.4);box-shadow:0 .4rem 1rem -.1rem rgba(13,78,54,.4);margin-bottom:1.6rem}
#join #main .r1 .inner .group{position:relative;padding-bottom:2.4rem;background-size:cover}
#join #main .r1 .inner .group h2{font-size:1.2rem;color:#008755;line-height:1;margin-bottom:.9rem;position:relative;z-index:6}
#join #main .r1 .inner .group h2 b{font-size:inherit;color:inherit;font-family:en_b}
#join #main .r1 .inner .group .mid{height:26vw;width:100%;position:relative;margin:0 auto 0 auto;z-index:6}
#join #main .r1 .inner .group .mid .box{border-radius:.1rem}
#join #main .r1 .inner .group .mid .box .swiper{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:.1rem;overflow:hidden}
#join #main .r1 .inner .group .mid .box .swiper .swiper-wrapper .swiper-slide{background-color:#000}
#join #main .r1 .inner .group .mid .box .swiper .swiper-wrapper .swiper-slide .photo{position:absolute;width:100%;height:100%;top:0;left:0;background-position:center;background-repeat:no-repeat;background-size:cover;padding:5% 7%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
#join #main .r1 .inner .group .mid .box .swiper .swiper-wrapper .swiper-slide .photo .top{color:#fff;position:relative;z-index:10}
#join #main .r1 .inner .group .mid .box .swiper .swiper-wrapper .swiper-slide .photo .con{position:relative;z-index:10}
#join #main .r1 .inner .group .mid .box .swiper .swiper-wrapper .swiper-slide .photo .con small{font-weight:100;color:#fff;display:inline-block;line-height:2}
#join #main .r1 .inner .group .mid .box .swiper .swiper-wrapper .swiper-slide .photo .con h3{color:#fff}
#join #main .r1 .inner .group .mid .box .swiper .swiper-wrapper .swiper-slide .photo:after{content:"";pointer-events:none;width:100%;height:100%;top:0;left:0;position:absolute;z-index:2;background:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,.7)),color-stop(30%,rgba(0,0,0,0)),to(rgba(0,0,0,0)));background:linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 100%)}
#join #main .r1 .inner .group .mid .box .mask{position:absolute;width:100%;height:100%;top:0;left:0;z-index:10}
#join #main .r1 .inner .group .mid .box .mask .msg{position:absolute;left:0;top:0;width:100%;height:100%}
#join #main .r1 .inner .group .mid .box .mask .msg .list{padding:5% 7%;position:absolute;width:100%;height:100%;top:0;left:0;display:none;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
#join #main .r1 .inner .group .mid .box .mask .msg .list .top{color:#fff;position:relative;z-index:10}
#join #main .r1 .inner .group .mid .box .mask .msg .list .con{position:relative;z-index:10}
#join #main .r1 .inner .group .mid .box .mask .msg .list .con small{font-weight:100;color:#fff;display:inline-block;line-height:2}
#join #main .r1 .inner .group .mid .box .mask .msg .list .con h3{color:#fff}
#join #main .r1 .inner .group .mid .box .mask .msg .list.on{display:-webkit-box;display:-ms-flexbox;display:flex}
#join #main .r1 .inner .group .mid .box:nth-of-type(1){position:absolute;width:39%;right:83.33%;top:0;padding-bottom:26%;background-color:#000}
#join #main .r1 .inner .group .mid .box:nth-of-type(2){position:absolute;width:39%;left:0;right:0;margin:0 auto;top:0;padding-bottom:26%}
#join #main .r1 .inner .group .mid .box:nth-of-type(2) .swiper{width:100%}
#join #main .r1 .inner .group .mid .box:nth-of-type(2) .swiper .swiper-wrapper .swiper-slide .photo .top{opacity:0}
#join #main .r1 .inner .group .mid .box:nth-of-type(2) .swiper .swiper-wrapper .swiper-slide .photo .con{opacity:0}
#join #main .r1 .inner .group .mid .box:nth-of-type(2) .mask .msg{width:100%}
#join #main .r1 .inner .group .mid .box:nth-of-type(2) .mask .msg .list .con small{font-size:.24rem}
#join #main .r1 .inner .group .mid .box:nth-of-type(2) .mask .msg .list .con h3{font-size:.24rem}
#join #main .r1 .inner .group .mid .box:nth-of-type(2) .col{position:absolute;width:100%;height:100%;top:0;left:0;z-index:5;pointer-events:none;width:calc(100% + 18vw);left:-9vw;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}
#join #main .r1 .inner .group .mid .box:nth-of-type(2) .col .slider--btn{position:relative;display:inline-block;pointer-events:auto}
#join #main .r1 .inner .group .mid .box:nth-of-type(2) .col .slider--btn svg{position:relative;width:.7rem;stroke:rgba(0,135,85,.3);stroke-width:2px;stroke-linecap:butt;stroke-linejoin:miter;fill:rgba(0,135,85,0);stroke-dasharray:400%;stroke-dashoffset:0;-webkit-transition:fill .8s ease,stroke-dashoffset 2s ease;transition:fill .8s ease,stroke-dashoffset 2s ease}
#join #main .r1 .inner .group .mid .box:nth-of-type(2) .col .slider--btn i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);top:46%;color:#008755;font-size:12px;transition:color .8s cubic-bezier(0,0,0,1);-webkit-transition:color .8s cubic-bezier(0,0,0,1);-moz-transition:color .8s cubic-bezier(0,0,0,1);-o-transition:color .8s cubic-bezier(0,0,0,1);-ms-transition:color .8s cubic-bezier(0,0,0,1)}
#join #main .r1 .inner .group .mid .box:nth-of-type(2) .col .slider--btn:nth-of-type(1) i{padding-left:20%}
#join #main .r1 .inner .group .mid .box:nth-of-type(2) .col .slider--btn:nth-of-type(2){margin-bottom:.3rem;margin-left:.48rem}
#join #main .r1 .inner .group .mid .box:nth-of-type(2) .col .slider--btn:nth-of-type(2) i{padding-right:20%}
#join #main .r1 .inner .group .mid .box:nth-of-type(2) .col .slider--btn:hover>svg{fill:#008755;stroke-dashoffset:400%}
#join #main .r1 .inner .group .mid .box:nth-of-type(2) .col .slider--btn:hover i{color:#fff}
#join #main .r1 .inner .group .mid .box:nth-of-type(2) .col .pager{position:absolute;width:100%;top:calc(100% + .4rem);left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center}
#join #main .r1 .inner .group .mid .box:nth-of-type(3){position:absolute;width:39%;left:83.33%;top:0;padding-bottom:26%;background-color:#000}
#join #main .r1 .inner .group .mid .box:nth-of-type(3) .swiper{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:.1rem;overflow:hidden}
#join #main .r1 .inner .group .mid .box:nth-of-type(3) .swiper .swiper-wrapper{-webkit-transition-timing-function:ease;transition-timing-function:ease}
#join #main .r1 .inner .group .mid .box:nth-of-type(3) .swiper .swiper-wrapper .swiper-slide .photo{position:absolute;width:100%;height:100%;top:0;left:0;background-position:center;background-repeat:no-repeat;background-size:cover}
#join #main footer{position:relative;z-index:56}
#duty #main #container{position:absolute;z-index:2;height:100vh;left:0;width:100%;top:0;pointer-events:none}
#duty #main #banner{overflow:hidden;z-index:3;width:100vw;position:relative;min-height:100vh}
#duty #main #banner .photo{background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#000;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;width:100vw;-o-object-fit:cover;object-fit:cover}
#duty #main #banner .left{position:absolute;z-index:12;left:3.2%;bottom:4%;width:40vw;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
#duty #main #banner .left .pager{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#duty #main #banner .left .pager>li{position:relative;cursor:pointer}
#duty #main #banner .left .pager>li svg{display:block;width:.6rem;transform:rotate(16deg) translate(-3px,3px);-webkit-transform:rotate(16deg) translate(-3px,3px);-moz-transform:rotate(16deg) translate(-3px,3px);-o-transform:rotate(16deg) translate(-3px,3px);-ms-transform:rotate(16deg) translate(-3px,3px);-webkit-transition:-webkit-transform .8s cubic-bezier(0,0,0,1);transition:-webkit-transform .8s cubic-bezier(0,0,0,1);transition:transform .8s cubic-bezier(0,0,0,1);transition:transform .8s cubic-bezier(0,0,0,1),-webkit-transform .8s cubic-bezier(0,0,0,1);-webkit-transition:transform .8s cubic-bezier(0,0,0,1);-moz-transition:transform .8s cubic-bezier(0,0,0,1);-o-transition:transform .8s cubic-bezier(0,0,0,1);-ms-transition:transform .8s cubic-bezier(0,0,0,1)}
#duty #main #banner .left .pager>li svg path{stroke:#26d07c;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;fill:none;stroke-dasharray:400%;stroke-dashoffset:400%;transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1);-webkit-transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1);-moz-transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1);-o-transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1);-ms-transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1)}
#duty #main #banner .left .pager>li em{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;width:100%;height:100%;top:0;left:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;transition:color .8s cubic-bezier(0,0,0,1);-webkit-transition:color .8s cubic-bezier(0,0,0,1);-moz-transition:color .8s cubic-bezier(0,0,0,1);-o-transition:color .8s cubic-bezier(0,0,0,1);-ms-transition:color .8s cubic-bezier(0,0,0,1)}
#duty #main #banner .left .pager>li.on svg{transform:rotate(0) translate(-3px,3px);-webkit-transform:rotate(0) translate(-3px,3px);-moz-transform:rotate(0) translate(-3px,3px);-o-transform:rotate(0) translate(-3px,3px);-ms-transform:rotate(0) translate(-3px,3px);-webkit-transition-delay:.5s;transition-delay:.5s}
#duty #main #banner .left .pager>li.on svg path{stroke-dashoffset:88%;-webkit-transition-delay:.5s;transition-delay:.5s}
#duty #main #banner .left .pager>li.on em{color:#26d07c}
#duty #main #banner .left .add{font-size:11px;color:rgba(255,255,255,.5);line-height:2;letter-spacing:1px}
#duty #main #banner .right{position:absolute;bottom:4%;right:3.2%;z-index:12;overflow:hidden}
#duty #main #banner .right .line{height:1.2rem;width:3px;overflow:hidden;background-color:rgba(255,255,255,.1)}
#duty #main #banner .right .line>span{height:50%;position:absolute;width:100%;bottom:100%;left:0;background:#008755;opacity:0;-webkit-animation:rightFn 4s linear infinite;animation:rightFn 4s linear infinite}
#duty #main #banner .right .line:after{content:"";height:35%;position:absolute;width:100%;top:-35%;left:0;background:#008755;-webkit-animation:rightFn 2.2s linear infinite;animation:rightFn 2.2s linear infinite}
#duty #main #banner .inner{position:absolute;width:100%;height:100%;top:0;left:0;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:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:10;text-align:center}
#duty #main #banner .inner h1{line-height:1;margin-bottom:.3rem;font-weight:700;letter-spacing:2px;position:relative;z-index:3}
#duty #main #banner .inner p{max-width:7.5rem;line-height:1.3;position:relative;z-index:3}
#duty #main #banner .inner .box{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;pointer-events:none}
#duty #main #banner .inner .box .light{position:absolute;left:49%;top:49%;width:92vw;-webkit-mask:linear-gradient(135deg,#000 0,rgba(0,0,0,0) 40%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:left top;mask-position:left top;-webkit-mask-size:0 0;mask-size:0 0;-webkit-animation:lightFn 1.2s ease;animation:lightFn 1.2s ease;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
#duty #main .r1{padding:2rem 8% 1.5rem 8%}
#duty #main .r1 .inner>img{display:block;margin:0 auto}
#duty #main .r1 .inner h2{margin-bottom:.5rem;margin-top:.4rem;text-align:center}
#duty #main .r1 .inner h2 b{font-size:inherit}
#duty #main .r1 .inner p{color:#090b0a;width:8rem;margin:0 auto;text-align:center}
#duty #main .r1 .group{position:relative;padding:1.5rem 0}
#duty #main .r1 .group .photo{margin:0 auto;position:absolute;width:7.2rem;height:4.22rem;-webkit-transition:opacity 1s ease-in-out,-webkit-transform 3s cubic-bezier(0,0,0,1);transition:opacity 1s ease-in-out,-webkit-transform 3s cubic-bezier(0,0,0,1);transition:transform 3s cubic-bezier(0,0,0,1),opacity 1s ease-in-out;transition:transform 3s cubic-bezier(0,0,0,1),opacity 1s ease-in-out,-webkit-transform 3s cubic-bezier(0,0,0,1);opacity:0}
#duty #main .r1 .group .photo .add{width:100%;height:100%;position:relative;border-radius:.1rem;overflow:hidden}
#duty #main .r1 .group .photo .add .pic{width:120%;height:120%;left:-10%;top:-10%;position:absolute;margin:0}
#duty #main .r1 .group .photo .add .pic>img{position:absolute;width:100%;height:100%;top:0;left:0;-o-object-fit:cover;object-fit:cover}
#duty #main .r1 .group .photo .add .mask{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:90%;height:90%;background-size:100% 100%}
@media screen and (orientation:landscape){
#duty #main .r1 .group .photo:nth-of-type(1){position:relative;z-index:10;transform:scale(1.2) translateY(300px);-webkit-transform:scale(1.2) translateY(300px);-moz-transform:scale(1.2) translateY(300px);-o-transform:scale(1.2) translateY(300px);-ms-transform:scale(1.2) translateY(300px)}
#duty #main .r1 .group .photo:nth-of-type(1) .add{-webkit-box-shadow:0 .6rem 2rem -.2rem rgba(16,17,15,.6);box-shadow:0 .6rem 2rem -.2rem rgba(16,17,15,.6)}
#duty #main .r1 .group .photo:nth-of-type(2){-webkit-transform-origin:0 0;transform-origin:0 0;transform:scale(.5) translateY(500px);-webkit-transform:scale(.5) translateY(500px);-moz-transform:scale(.5) translateY(500px);-o-transform:scale(.5) translateY(500px);-ms-transform:scale(.5) translateY(500px);top:-.48rem;left:0}
#duty #main .r1 .group .photo:nth-of-type(2) .add{-webkit-box-shadow:0 1.2rem 1.5rem -.6rem rgba(16,17,15,.3);box-shadow:0 1.2rem 1.5rem -.6rem rgba(16,17,15,.3)}
#duty #main .r1 .group .photo:nth-of-type(3){-webkit-transform-origin:0 0;transform-origin:0 0;transform:scale(.57) translateY(500px);-webkit-transform:scale(.57) translateY(500px);-moz-transform:scale(.57) translateY(500px);-o-transform:scale(.57) translateY(500px);-ms-transform:scale(.57) translateY(500px);top:25%;left:10%}
#duty #main .r1 .group .photo:nth-of-type(3) .add{border-radius:.3rem}
#duty #main .r1 .group .photo:nth-of-type(4){-webkit-transform-origin:0 100%;transform-origin:0 100%;transform:scale(.65) translateY(400px);-webkit-transform:scale(.65) translateY(400px);-moz-transform:scale(.65) translateY(400px);-o-transform:scale(.65) translateY(400px);-ms-transform:scale(.65) translateY(400px);bottom:0;left:-2%}
#duty #main .r1 .group .photo:nth-of-type(5){-webkit-transform-origin:0 100%;transform-origin:0 100%;transform:scale(.47) translateY(500px);-webkit-transform:scale(.47) translateY(500px);-moz-transform:scale(.47) translateY(500px);-o-transform:scale(.47) translateY(500px);-ms-transform:scale(.47) translateY(500px);bottom:-8%;left:18%}
#duty #main .r1 .group .photo:nth-of-type(5) .add{border-radius:.3rem;-webkit-box-shadow:0 1.2rem 1.5rem -.75rem rgba(16,17,15,.3);box-shadow:0 1.2rem 1.5rem -.75rem rgba(16,17,15,.3)}
#duty #main .r1 .group .photo:nth-of-type(6){-webkit-transform-origin:100% 100%;transform-origin:100% 100%;transform:scale(.7) translateY(300px);-webkit-transform:scale(.7) translateY(300px);-moz-transform:scale(.7) translateY(300px);-o-transform:scale(.7) translateY(300px);-ms-transform:scale(.7) translateY(300px);bottom:3%;right:2%}
#duty #main .r1 .group .photo:nth-of-type(7){-webkit-transform-origin:100% 0;transform-origin:100% 0;transform:scale(.4) translateY(500px);-webkit-transform:scale(.4) translateY(500px);-moz-transform:scale(.4) translateY(500px);-o-transform:scale(.4) translateY(500px);-ms-transform:scale(.4) translateY(500px);top:13%;right:10%}
#duty #main .r1 .group .photo:nth-of-type(7) .add{border-radius:.3rem}
#duty #main .r1 .group .photo:nth-of-type(8){-webkit-transform-origin:100% 0;transform-origin:100% 0;transform:scale(.5) translateY(400px);-webkit-transform:scale(.5) translateY(400px);-moz-transform:scale(.5) translateY(400px);-o-transform:scale(.5) translateY(400px);-ms-transform:scale(.5) translateY(400px);top:24%;right:-2%}
#duty #main .r1 .group .photo:nth-of-type(8) .add{border-radius:.3rem;-webkit-box-shadow:0 1.2rem 1.5rem -.75rem rgba(16,17,15,.3);box-shadow:0 1.2rem 1.5rem -.75rem rgba(16,17,15,.3)}
#duty #main .r1 .group .photo:nth-of-type(9){-webkit-transform-origin:100% 0;transform-origin:100% 0;transform:scale(.5) translateY(400px);-webkit-transform:scale(.5) translateY(400px);-moz-transform:scale(.5) translateY(400px);-o-transform:scale(.5) translateY(400px);-ms-transform:scale(.5) translateY(400px);top:-20%;right:-16%}
#duty #main .r1 .group .photo:nth-of-type(9) .add{border-radius:.2rem}
#duty #main .r1 .group .photo.go{opacity:1}
#duty #main .r1 .group .photo.go:nth-of-type(1){transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none}
#duty #main .r1 .group .photo.go:nth-of-type(2){transform:scale(.34);-webkit-transform:scale(.34);-moz-transform:scale(.34);-o-transform:scale(.34);-ms-transform:scale(.34)}
#duty #main .r1 .group .photo.go:nth-of-type(3){transform:scale(.27);-webkit-transform:scale(.27);-moz-transform:scale(.27);-o-transform:scale(.27);-ms-transform:scale(.27)}
#duty #main .r1 .group .photo.go:nth-of-type(4){transform:scale(.55);-webkit-transform:scale(.55);-moz-transform:scale(.55);-o-transform:scale(.55);-ms-transform:scale(.55)}
#duty #main .r1 .group .photo.go:nth-of-type(5){transform:scale(.27);-webkit-transform:scale(.27);-moz-transform:scale(.27);-o-transform:scale(.27);-ms-transform:scale(.27)}
#duty #main .r1 .group .photo.go:nth-of-type(6){transform:scale(.625);-webkit-transform:scale(.625);-moz-transform:scale(.625);-o-transform:scale(.625);-ms-transform:scale(.625)}
#duty #main .r1 .group .photo.go:nth-of-type(7){transform:scale(.27);-webkit-transform:scale(.27);-moz-transform:scale(.27);-o-transform:scale(.27);-ms-transform:scale(.27)}
#duty #main .r1 .group .photo.go:nth-of-type(8){transform:scale(.34);-webkit-transform:scale(.34);-moz-transform:scale(.34);-o-transform:scale(.34);-ms-transform:scale(.34)}
#duty #main .r1 .group .photo.go:nth-of-type(9){transform:scale(.48);-webkit-transform:scale(.48);-moz-transform:scale(.48);-o-transform:scale(.48);-ms-transform:scale(.48)}
}
#duty #main .r2{padding:.5rem 8% 3rem 8%;position:relative;z-index:5;overflow:hidden}
#duty #main .r2 .bg{width:100%;position:absolute;bottom:0;left:0;z-index:0}
#duty #main .r2 .inner{position:relative;z-index:4}
#duty #main .r2 .inner>img{display:block;margin:0 auto}
#duty #main .r2 .inner h2{margin-bottom:.5rem;margin-top:.4rem;text-align:center}
#duty #main .r2 .inner h2 b{font-size:inherit}
#duty #main .r2 .inner p{color:#090b0a;width:11rem;margin:0 auto;text-align:center}
#duty #main .r2 .group{margin-top:.8rem;margin-bottom:2.8rem;position:relative;z-index:4;width:100%}
#duty #main .r2 .group>ul{display:-webkit-box;display:-ms-flexbox;display:flex;white-space:nowrap;width:1000vw;margin-left:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
#duty #main .r2 .group>ul>li{border-radius:.1rem;overflow:hidden;width:4rem;margin-right:.8rem}
#duty #main .r2 .group>ul>li .pic{width:100%;padding-bottom:58.5%}
#duty #main .r2 .btm{position:relative;z-index:8}
#duty #main .r2 .btm>img{display:block;margin:0 auto;width:3rem}
#duty #main .r2 .btm h2{margin-bottom:.4rem;margin-top:.7rem;text-align:center;line-height:2}
#duty #main .r2 .btm h2 b{font-size:inherit}
#duty #main .r2 .btm p{color:rgba(9,11,10,.3);width:8rem;margin:0 auto;text-align:center}
#duty #main footer{position:relative;z-index:10}
#about #main #container{position:absolute;z-index:2;height:100vh;left:0;width:100%;top:0;pointer-events:none}
#about #main #banner{overflow:hidden;position:relative;z-index:3;width:100vw;min-height:100vh}
#about #main #banner .photo{background-repeat:no-repeat;background-position:center center;background-size:cover;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;width:100vw;-o-object-fit:cover;object-fit:cover}
#about #main #banner .left{position:absolute;z-index:12;left:3.2%;bottom:4%;width:40vw;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
#about #main #banner .left .pager{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#about #main #banner .left .pager>li{position:relative;cursor:pointer}
#about #main #banner .left .pager>li svg{display:block;width:.6rem;transform:rotate(16deg) translate(-3px,3px);-webkit-transform:rotate(16deg) translate(-3px,3px);-moz-transform:rotate(16deg) translate(-3px,3px);-o-transform:rotate(16deg) translate(-3px,3px);-ms-transform:rotate(16deg) translate(-3px,3px);-webkit-transition:-webkit-transform .8s cubic-bezier(0,0,0,1);transition:-webkit-transform .8s cubic-bezier(0,0,0,1);transition:transform .8s cubic-bezier(0,0,0,1);transition:transform .8s cubic-bezier(0,0,0,1),-webkit-transform .8s cubic-bezier(0,0,0,1);-webkit-transition:transform .8s cubic-bezier(0,0,0,1);-moz-transition:transform .8s cubic-bezier(0,0,0,1);-o-transition:transform .8s cubic-bezier(0,0,0,1);-ms-transition:transform .8s cubic-bezier(0,0,0,1)}
#about #main #banner .left .pager>li svg path{stroke:#26d07c;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;fill:none;stroke-dasharray:400%;stroke-dashoffset:400%;transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1);-webkit-transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1);-moz-transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1);-o-transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1);-ms-transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1)}
#about #main #banner .left .pager>li em{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;width:100%;height:100%;top:0;left:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;transition:color .8s cubic-bezier(0,0,0,1);-webkit-transition:color .8s cubic-bezier(0,0,0,1);-moz-transition:color .8s cubic-bezier(0,0,0,1);-o-transition:color .8s cubic-bezier(0,0,0,1);-ms-transition:color .8s cubic-bezier(0,0,0,1)}
#about #main #banner .left .pager>li.on svg{transform:rotate(0) translate(-3px,3px);-webkit-transform:rotate(0) translate(-3px,3px);-moz-transform:rotate(0) translate(-3px,3px);-o-transform:rotate(0) translate(-3px,3px);-ms-transform:rotate(0) translate(-3px,3px);-webkit-transition-delay:.5s;transition-delay:.5s}
#about #main #banner .left .pager>li.on svg path{stroke-dashoffset:88%;-webkit-transition-delay:.5s;transition-delay:.5s}
#about #main #banner .left .pager>li.on em{color:#26d07c}
#about #main #banner .left .add{font-size:11px;color:rgba(255,255,255,.5);line-height:2;letter-spacing:1px}
#about #main #banner .right{position:absolute;bottom:4%;right:3.2%;z-index:12;overflow:hidden}
#about #main #banner .right .line{height:1.2rem;width:3px;overflow:hidden;background-color:rgba(255,255,255,.1)}
#about #main #banner .right .line>span{height:50%;position:absolute;width:100%;bottom:100%;left:0;background:#008755;opacity:0;-webkit-animation:rightFn 4s linear infinite;animation:rightFn 4s linear infinite}
#about #main #banner .right .line:after{content:"";height:35%;position:absolute;width:100%;top:-35%;left:0;background:#008755;-webkit-animation:rightFn 2.2s linear infinite;animation:rightFn 2.2s linear infinite}
#about #main #banner .inner{position:absolute;width:100%;height:100%;top:0;left:0;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:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:10;text-align:center}
#about #main #banner .inner h1{line-height:1;margin-bottom:.3rem;font-weight:700;letter-spacing:2px;position:relative;z-index:3;opacity:0}
#about #main #banner .inner p{position:relative;z-index:3}
#about #main #banner .inner .box{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;pointer-events:none}
#about #main #banner .inner .box .light{position:absolute;left:49%;top:49%;width:92vw;-webkit-mask:linear-gradient(135deg,#000 0,rgba(0,0,0,0) 40%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:left top;mask-position:left top;-webkit-mask-size:0 0;mask-size:0 0;-webkit-animation:lightFn 1.2s ease;animation:lightFn 1.2s ease;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
#about #main .row{position:relative}
#about #main .row .bg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;overflow:hidden}
#about #main .row .inner{z-index:4;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;position:relative}
#about #main .row .inner .col{width:50%}
#about #main .row .inner .col .til p{font-weight:100;line-height:1.2}
#about #main .row .inner .col:nth-of-type(2){padding:0 10% 0 5%}
#about #main .row .process{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;pointer-events:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
#about #main .row .process .bar{height:100%;width:1px;position:relative;background-color:rgba(0,135,85,.2)}
#about #main .row .process .bar .line{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#008755;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-animation-name:lineAni;animation-name:lineAni}
#about #main .r1 .bg .add1{position:absolute;top:-18%;right:-24%}
#about #main .r1 .bg .add2{position:absolute;bottom:-26%;right:-9%}
#about #main .r1 .inner{padding:2.6rem 0 25vw 0}
#about #main .r1 .inner .img{position:absolute;bottom:-11vw;left:-5%;width:74vw;max-width:1400px}
#about #main .r1 .inner .col{width:50%;overflow:hidden}
#about #main .r1 .inner .col:nth-of-type(1) .til{visibility:hidden}
#about #main .r1 .inner .col:nth-of-type(1) .til p{font-weight:100;line-height:1.2}
#about #main .r1 .inner .col:nth-of-type(1) h2{line-height:1;margin:.6rem 0 .4rem 0;margin-left:10vw;font-size:1.7rem;font-family:en_l;white-space:nowrap;color:#008755}
#about #main .r1 .inner .col:nth-of-type(1) h2 b{font-size:inherit;font-family:en_b;color:inherit}
#about #main .r1 .inner .col:nth-of-type(2){padding:0 10% 0 5%}
#about #main .r1 .inner .col:nth-of-type(2) .til p{font-weight:100;line-height:1.2}
#about #main .r1 .inner .col:nth-of-type(2) h2{line-height:1;margin:.6rem 0 .4rem 0;margin-left:-45vw;font-size:1.7rem;font-family:en_l;white-space:nowrap;color:#008755}
#about #main .r1 .inner .col:nth-of-type(2) h2 b{font-size:inherit;font-family:en_b;color:inherit}
#about #main .r1 .inner .col:nth-of-type(2) .pt{line-height:1.8}
#about #main .r1 .inner .col:nth-of-type(2) .pt b{font-size:inherit}
#about #main .r1 .process{padding-top:2.6rem}
#about #main .r1 .process .bar:before{content:"";position:absolute;top:-4px;left:-5px;z-index:4;width:11px;height:11px;border-radius:50%;line-height:11px;text-align:center;background-color:#008755}
#about #main .r2 .bg{overflow:hidden}
#about #main .r2 .bg .pic{position:absolute;width:100%;left:0;height:calc(100% + 3rem);top:-1.5rem}
#about #main .r2 .inner{height:100%;width:100%;padding:1.2rem 0 2rem 0}
#about #main .r2 .inner .col{height:100%;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}
#about #main .r2 .inner .col h2{padding:0 10% 0 0;text-align:right;width:100%;line-height:1;margin:.6rem 0 .4rem 0;text-transform:uppercase;font-size:1.2rem;font-family:en_l;white-space:nowrap;color:#fff}
#about #main .r2 .inner .col h2 b{font-size:inherit;font-family:en_b;color:inherit;text-transform:uppercase}
#about #main .r2 .inner .col .msg h4{font-size:.54rem;font-weight:600;line-height:1;margin-bottom:.6rem}
#about #main .r2 .inner .col .msg p{font-weight:100}
#about #main .r2 .process .bar{background-color:rgba(255,255,255,.2)}
#about #main .r3 .bg{overflow:hidden}
#about #main .r3 .bg .pic{position:absolute;width:100%;height:100%;top:0;left:0}
#about #main .r3 .inner{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
#about #main .r3 .inner .col:nth-of-type(1){position:absolute;height:100%;left:0;top:0;overflow:hidden}
#about #main .r3 .inner .col:nth-of-type(1) .cirBg{position:absolute;width:66vw;left:-33vw;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%)}
#about #main .r3 .inner .col:nth-of-type(1) .items{position:absolute;width:100%;height:100%;top:0;left:0;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:start;-ms-flex-pack:start;justify-content:flex-start}
#about #main .r3 .inner .col:nth-of-type(1) .items .slide-list{width:50vw;height:28vw;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}
#about #main .r3 .inner .col:nth-of-type(1) .items .slide-list .box{width:25vw;margin:0 10% 0 40%;position:relative}
#about #main .r3 .inner .col:nth-of-type(1) .items .slide-list .box .pic{width:100%;padding-bottom:118%;position:relative;background-size:68%}
#about #main .r3 .inner .col:nth-of-type(1) .swiper{position:absolute;height:5.4rem;width:100%;bottom:0;left:0}
#about #main .r3 .inner .col:nth-of-type(1) .swiper .swiper-slide{width:50vw;height:50vw;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}
#about #main .r3 .inner .col:nth-of-type(1) .swiper .swiper-slide .box{width:92%;margin:0 4%;position:relative}
#about #main .r3 .inner .col:nth-of-type(1) .swiper .swiper-slide .box .pic{width:100%;padding-bottom:118%;position:relative;background-size:68%;-webkit-transform-origin:50% 120%;transform-origin:50% 120%}
#about #main .r3 .inner .col:nth-of-type(1) .swiper .swiper-slide .box h3{position:absolute;opacity:0;pointer-events:none;top:100%;width:calc(100% + 20vw);left:-10vw;text-align:center;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}
#about #main .r3 .inner .col:nth-of-type(1) .swiper .swiper-slide.swiper-slide-active .box h3{opacity:1}
#about #main .r3 .inner .col:nth-of-type(2){max-height:66vw;padding-top:1rem;padding-bottom:1rem;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}
#about #main .r3 .inner .col:nth-of-type(2) .group{margin:1.6rem 0 1rem 0;height:4.2rem;overflow:hidden;-webkit-mask-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,0)),color-stop(10%,#000),color-stop(90%,#000),to(rgba(0,0,0,0)));-webkit-mask-image:linear-gradient(0deg,rgba(0,0,0,0) 0,#000 10%,#000 90%,rgba(0,0,0,0) 100%);mask-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,0)),color-stop(10%,#000),color-stop(90%,#000),to(rgba(0,0,0,0)));mask-image:linear-gradient(0deg,rgba(0,0,0,0) 0,#000 10%,#000 90%,rgba(0,0,0,0) 100%)}
#about #main .r3 .inner .col:nth-of-type(2) .group>ul{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:start;-ms-flex-pack:start;justify-content:flex-start}
#about #main .r3 .inner .col:nth-of-type(2) .group>ul>li{font-size:.38rem;line-height:1.4;font-weight:100;color:#008755;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;height:1.4rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
#about #main .r3 .inner .col:nth-of-type(2) .group>ul>li span{width:100%;transform:scale(.6);-webkit-transform:scale(.6);-moz-transform:scale(.6);-o-transform:scale(.6);-ms-transform:scale(.6);-webkit-transform-origin:0 50%;transform-origin:0 50%;font-size:inherit;font-weight:inherit;opacity:.8;-webkit-transition:font-weight .5s ease-in-out,opacity .5s ease-in-out,-webkit-transform .5s ease-in-out;transition:font-weight .5s ease-in-out,opacity .5s ease-in-out,-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out,font-weight .5s ease-in-out,opacity .5s ease-in-out;transition:transform .5s ease-in-out,font-weight .5s ease-in-out,opacity .5s ease-in-out,-webkit-transform .5s ease-in-out}
#about #main .r3 .inner .col:nth-of-type(2) .group>ul>li.cur{font-weight:600}
#about #main .r3 .inner .col:nth-of-type(2) .group>ul>li.cur span{transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;opacity:1}
#about #main .r3 .inner .col:nth-of-type(2) .btm{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
#about #main .r3 .inner .col:nth-of-type(2) .btm .slider--btn{position:relative;display:inline-block}
#about #main .r3 .inner .col:nth-of-type(2) .btm .slider--btn svg{position:relative;width:.7rem;stroke:rgba(0,135,85,.3);stroke-width:2px;stroke-linecap:butt;stroke-linejoin:miter;fill:rgba(0,135,85,0);stroke-dasharray:400%;stroke-dashoffset:0;-webkit-transition:fill .8s ease,stroke-dashoffset 2s ease;transition:fill .8s ease,stroke-dashoffset 2s ease}
#about #main .r3 .inner .col:nth-of-type(2) .btm .slider--btn i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);top:46%;color:#008755;font-size:12px;transition:color .8s cubic-bezier(0,0,0,1);-webkit-transition:color .8s cubic-bezier(0,0,0,1);-moz-transition:color .8s cubic-bezier(0,0,0,1);-o-transition:color .8s cubic-bezier(0,0,0,1);-ms-transition:color .8s cubic-bezier(0,0,0,1)}
#about #main .r3 .inner .col:nth-of-type(2) .btm .slider--btn:nth-of-type(1) i{padding-left:20%}
#about #main .r3 .inner .col:nth-of-type(2) .btm .slider--btn:nth-of-type(2){margin-bottom:.3rem;margin-left:.48rem}
#about #main .r3 .inner .col:nth-of-type(2) .btm .slider--btn:nth-of-type(2) i{padding-right:20%}
#about #main .r3 .inner .col:nth-of-type(2) .btm .slider--btn:hover>svg{fill:#008755;stroke-dashoffset:400%}
#about #main .r3 .inner .col:nth-of-type(2) .btm .slider--btn:hover i{color:#fff}
#about #main .r4 .bg{overflow:hidden}
#about #main .r4 .bg .pic{position:absolute;width:100%;height:100%;top:0;left:0;background-size:100% 100%}
#about #main .r4 .inner{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
#about #main .r4 .inner .col:nth-of-type(1){position:absolute;height:100%;left:0;top:0;padding-top:1rem;padding-bottom:1rem;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:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
#about #main .r4 .inner .col:nth-of-type(1) .map{width:100%;position:relative}
#about #main .r4 .inner .col:nth-of-type(1) .map .mapImg{display:block;margin:0 auto;width:6.6rem}
#about #main .r4 .inner .col:nth-of-type(1) .map .dot{position:absolute;left:0;right:0;margin:auto;top:0;width:6.6rem;margin:0 auto;z-index:5}
#about #main .r4 .inner .col:nth-of-type(1) .map .ripple{position:absolute;left:0;right:0;margin:auto;height:100%;width:6.6rem;top:0;margin:0 auto;z-index:2}
#about #main .r4 .inner .col:nth-of-type(1) .map .ripple>span{position:absolute;left:38%;top:29%;transform:scale(.01);-webkit-transform:scale(.01);-moz-transform:scale(.01);-o-transform:scale(.01);-ms-transform:scale(.01);width:4rem;height:4rem;border-radius:50%;line-height:4rem;text-align:center;opacity:.2;background-color:#008755;-webkit-animation:ripple 5s ease-in-out infinite;animation:ripple 5s ease-in-out infinite}
#about #main .r4 .inner .col:nth-of-type(1) .map .ripple>span:nth-of-type(1){-webkit-animation-delay:0s;animation-delay:0s}
#about #main .r4 .inner .col:nth-of-type(1) .map .ripple>span:nth-of-type(2){-webkit-animation-delay:1.4s;animation-delay:1.4s}
#about #main .r4 .inner .col:nth-of-type(1) .map .ripple>span:nth-of-type(3){-webkit-animation-delay:3s;animation-delay:3s}
#about #main .r4 .inner .col:nth-of-type(1) .msg{padding:5% 7% 0 7%;width:100%}
#about #main .r4 .inner .col:nth-of-type(1) .msg h3{font-size:1.2rem;line-height:1;text-align:right}
#about #main .r4 .inner .col:nth-of-type(1) .msg h3 b{font-family:en_b;font-size:inherit}
#about #main .r4 .inner .col:nth-of-type(2){padding-top:1rem;padding-bottom:1rem;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}
#about #main .r4 .inner .col:nth-of-type(2) .group{margin-top:1.8rem}
#about #main .r4 .inner .col:nth-of-type(2) .group h2{line-height:1.3;font-weight:600;margin-bottom:.5rem}
#about #main .r4 .inner .col:nth-of-type(2) .group p{line-height:1.8}
#about #main .r4 .inner .col:nth-of-type(2) .btm{width:48vw;height:6.4rem;padding-bottom:1rem;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;position:relative}
#about #main .r4 .inner .col:nth-of-type(2) .btm .data{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;position:relative;z-index:5}
#about #main .r4 .inner .col:nth-of-type(2) .btm .data>li{margin-right:1.1rem}
#about #main .r4 .inner .col:nth-of-type(2) .btm .data>li>span{margin-bottom:.1rem}
#about #main .r4 .inner .col:nth-of-type(2) .btm .data>li>span .sum{display:inline-block;margin-right:.1rem;font-weight:400;line-height:1}
#about #main .r4 .inner .col:nth-of-type(2) .btm .data>li p{white-space:nowrap}
#about #main .r4 .inner .col:nth-of-type(2) .btm .box{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;pointer-events:none}
#about #main .r4 .inner .col:nth-of-type(2) .btm .box .light{position:absolute;left:-8%;top:16%;width:20rem}
#about #main footer{position:relative;z-index:56}
#service #container{position:absolute;z-index:2;height:100vh;left:0;width:100%;top:0;pointer-events:none}
#service #banner{overflow:hidden;z-index:3;width:100vw;position:relative;min-height:100vh}
#service #banner .photo{background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#000;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;width:100vw;-o-object-fit:cover;object-fit:cover}
#service #banner .left{position:absolute;z-index:12;left:3.2%;bottom:4%;width:40vw;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
#service #banner .left .pager{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#service #banner .left .pager>li{position:relative;cursor:pointer}
#service #banner .left .pager>li svg{display:block;width:.6rem;transform:rotate(16deg) translate(-3px,3px);-webkit-transform:rotate(16deg) translate(-3px,3px);-moz-transform:rotate(16deg) translate(-3px,3px);-o-transform:rotate(16deg) translate(-3px,3px);-ms-transform:rotate(16deg) translate(-3px,3px);-webkit-transition:-webkit-transform .8s cubic-bezier(0,0,0,1);transition:-webkit-transform .8s cubic-bezier(0,0,0,1);transition:transform .8s cubic-bezier(0,0,0,1);transition:transform .8s cubic-bezier(0,0,0,1),-webkit-transform .8s cubic-bezier(0,0,0,1);-webkit-transition:transform .8s cubic-bezier(0,0,0,1);-moz-transition:transform .8s cubic-bezier(0,0,0,1);-o-transition:transform .8s cubic-bezier(0,0,0,1);-ms-transition:transform .8s cubic-bezier(0,0,0,1)}
#service #banner .left .pager>li svg path{stroke:#26d07c;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;fill:none;stroke-dasharray:400%;stroke-dashoffset:400%;transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1);-webkit-transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1);-moz-transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1);-o-transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1);-ms-transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1)}
#service #banner .left .pager>li em{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;width:100%;height:100%;top:0;left:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;transition:color .8s cubic-bezier(0,0,0,1);-webkit-transition:color .8s cubic-bezier(0,0,0,1);-moz-transition:color .8s cubic-bezier(0,0,0,1);-o-transition:color .8s cubic-bezier(0,0,0,1);-ms-transition:color .8s cubic-bezier(0,0,0,1)}
#service #banner .left .pager>li.on svg{transform:rotate(0) translate(-3px,3px);-webkit-transform:rotate(0) translate(-3px,3px);-moz-transform:rotate(0) translate(-3px,3px);-o-transform:rotate(0) translate(-3px,3px);-ms-transform:rotate(0) translate(-3px,3px);-webkit-transition-delay:.5s;transition-delay:.5s}
#service #banner .left .pager>li.on svg path{stroke-dashoffset:88%;-webkit-transition-delay:.5s;transition-delay:.5s}
#service #banner .left .pager>li.on em{color:#26d07c}
#service #banner .left .add{font-size:11px;color:rgba(255,255,255,.5);line-height:2;letter-spacing:1px}
#service #banner .mid{position:absolute;left:0;right:0;margin:auto;bottom:4%;width:50%;z-index:12}
#service #banner .mid a{display:block;text-align:center;line-height:1}
#service #banner .mid p{display:block;text-align:center;line-height:1;margin-top:.15rem}
#service #banner .right{position:absolute;bottom:4%;right:3.2%;z-index:12;overflow:hidden}
#service #banner .right>img{width:.76rem;margin-bottom:.1rem}
#service #banner .right>span{display:block;text-align:center}
#service #banner .inner{position:absolute;width:100%;height:100%;top:0;left:0;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:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:10;text-align:center}
#service #banner .inner h1{line-height:1;margin-bottom:.4rem;font-weight:700;letter-spacing:2px;position:relative;z-index:3}
#service #banner .inner p{max-width:7.5rem;line-height:1.3;position:relative;z-index:3;letter-spacing:.3rem}
#service #banner .inner .box{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;pointer-events:none}
#service #banner .inner .box .light{position:absolute;left:49%;top:49%;width:92vw;-webkit-mask:linear-gradient(135deg,#000 0,rgba(0,0,0,0) 40%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:left top;mask-position:left top;-webkit-mask-size:0 0;mask-size:0 0;-webkit-animation:lightFn 1.2s ease;animation:lightFn 1.2s ease;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
#service .r1{overflow:visible;position:relative;-webkit-transition:-webkit-transform 1s cubic-bezier(.56,.12,.42,.99);transition:-webkit-transform 1s cubic-bezier(.56,.12,.42,.99);transition:transform 1s cubic-bezier(.56,.12,.42,.99);transition:transform 1s cubic-bezier(.56,.12,.42,.99),-webkit-transform 1s cubic-bezier(.56,.12,.42,.99)}
#service .r1 .inner{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:0 7% 0 0;height:100%}
#service .r1 .inner .col{width:50%;overflow:hidden}
#service .r1 .inner .col:nth-of-type(1){position:relative;overflow:visible;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:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-left:12%}
#service .r1 .inner .col:nth-of-type(1) .rect{width:29vw;height:33vw;margin:0 auto;position:relative;z-index:6}
#service .r1 .inner .col:nth-of-type(1) .rect .pic{width:120%;height:120%;left:-10%;top:-10%;position:absolute;margin:0;-webkit-mask-image:url(../img/rect.png);mask-image:url(../img/rect.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:78%;mask-size:78%;-webkit-mask-position:center;mask-position:center}
#service .r1 .inner .col:nth-of-type(1) .rect .pic>img{position:absolute;width:100%;height:100%;top:0;left:0;-o-object-fit:cover;object-fit:cover}
#service .r1 .inner .col:nth-of-type(1) .box{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;pointer-events:none}
#service .r1 .inner .col:nth-of-type(1) .box .light{position:absolute;right:12%;bottom:10%;width:58vw;-webkit-mask:linear-gradient(300deg,rgba(255,255,255,.2) 0,rgba(0,0,0,0) 50%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:bottom right;mask-position:bottom right;-webkit-mask-size:0 0;mask-size:0 0;-webkit-animation:lightFn 1.2s ease;animation:lightFn 1.2s ease;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
#service .r1 .inner .col:nth-of-type(2){height:100%;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:center;-ms-flex-pack:center;justify-content:center}
#service .r1 .inner .col:nth-of-type(2) .msg{position:relative;width:100%;padding-left:.8rem}
#service .r1 .inner .col:nth-of-type(2) .msg h2{font-weight:600;line-height:1;margin-bottom:.8rem}
#service .r1 .inner .col:nth-of-type(2) .msg .note h3{font-weight:600;margin-bottom:.25rem}
#service .r1 .inner .col:nth-of-type(2) .msg .note>ul>li{padding-left:.35rem;position:relative;line-height:.4rem}
#service .r1 .inner .col:nth-of-type(2) .msg .note>ul>li:after{content:"";top:.15rem;left:0;position:absolute;width:.1rem;height:.1rem;line-height:.1rem;text-align:center;border-radius:50%;border:2px solid #008755}
#service .r1 .inner .col:nth-of-type(2) .msg .note>p{margin-top:.5rem;color:rgba(0,0,0,.5);line-height:1.8}
#service .r1 .inner .col:nth-of-type(2) .msg .other{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-top:1.4rem}
#service .r1 .inner .col:nth-of-type(2) .msg .other .layout-btn{display:block;margin-left:.35rem}
#service .r1 .inner:hover .rect{will-change:transform}
#service .r1 .inner:hover .rect .pic img{will-change:transform}
#service .r1 .otherInner{position:absolute;top:0;width:100%;height:100%;left:100%;padding:0 8%;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:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-size:100% 100%}
#service .r1 .otherInner .topic{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#service .r1 .otherInner .topic h2{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0;-webkit-transition:opacity 1.6s ease-in-out,-webkit-transform 1.6s ease-in-out;transition:opacity 1.6s ease-in-out,-webkit-transform 1.6s ease-in-out;transition:transform 1.6s ease-in-out,opacity 1.6s ease-in-out;transition:transform 1.6s ease-in-out,opacity 1.6s ease-in-out,-webkit-transform 1.6s ease-in-out}
#service .r1 .otherInner .topic .tab{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0;-webkit-transition:opacity 1.8s ease-in-out,-webkit-transform 1.8s ease-in-out;transition:opacity 1.8s ease-in-out,-webkit-transform 1.8s ease-in-out;transition:transform 1.8s ease-in-out,opacity 1.8s ease-in-out;transition:transform 1.8s ease-in-out,opacity 1.8s ease-in-out,-webkit-transform 1.8s ease-in-out}
#service .r1 .otherInner .topic .tab>li{min-width:1.5rem;height:.7rem;position:relative;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;padding:0 .3rem;margin-left:.1rem}
#service .r1 .otherInner .topic .tab>li>span{color:rgba(0,0,0,.6);position:relative;z-index:5;-webkit-transition:color .3s ease-in-out;transition:color .3s ease-in-out}
#service .r1 .otherInner .topic .tab>li:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;border-radius:1rem;background-color:#008755;opacity:0;transform:scaleX(1.1) translateY(5px);-webkit-transform:scaleX(1.1) translateY(5px);-moz-transform:scaleX(1.1) translateY(5px);-o-transform:scaleX(1.1) translateY(5px);-ms-transform:scaleX(1.1) translateY(5px);-webkit-transition:opacity .5s ease-in-out,-webkit-transform .5s ease-in-out;transition:opacity .5s ease-in-out,-webkit-transform .5s ease-in-out;transition:opacity .5s ease-in-out,transform .5s ease-in-out;transition:opacity .5s ease-in-out,transform .5s ease-in-out,-webkit-transform .5s ease-in-out}
#service .r1 .otherInner .topic .tab>li.on>span,#service .r1 .otherInner .topic .tab>li:hover>span{color:#fff}
#service .r1 .otherInner .topic .tab>li.on:after,#service .r1 .otherInner .topic .tab>li:hover:after{opacity:1;transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none}
#service .r1 .otherInner .mid{width:100%;margin:.6rem 0 .4rem 0;min-height:40vh}
#service .r1 .otherInner .mid>div{display:none}
#service .r1 .otherInner .mid>div.on{display:block}
#service .r1 .otherInner .mid table{width:100%;table-layout:fixed;border-top:1px solid #008755;border-left:1px solid #008755;-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0;-webkit-transition:opacity 2s ease-in-out,-webkit-transform 2s ease-in-out;transition:opacity 2s ease-in-out,-webkit-transform 2s ease-in-out;transition:transform 2s ease-in-out,opacity 2s ease-in-out;transition:transform 2s ease-in-out,opacity 2s ease-in-out,-webkit-transform 2s ease-in-out}
#service .r1 .otherInner .mid table th{text-align:center;height:.6rem;border-right:1px solid #008755;border-bottom:1px solid #008755;color:rgba(0,135,85,.5);font-size:18px;background-color:rgba(0,135,85,.03)}
#service .r1 .otherInner .mid table td{text-align:center;height:.6rem;border-right:1px solid #008755;border-bottom:1px solid #008755;color:#008755;font-size:18px;padding:0 4%;font-weight:600;background-color:rgba(0,135,85,.03)}
#service .r1 .otherInner .mid table .f-14{font-size:14px;font-weight:400}
#service .r1 .otherInner .mid table .f-30{font-size:.3rem}
#service .r1 .otherInner .btm{position:relative;height:1rem;width:100%;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}
#service .r1 .otherInner .btm>a{position:absolute;bottom:0;left:0}
#service .r1 .otherInner .btm p{color:rgba(0,0,0,.8)}
#service .r1.open{transform:translateX(-100%);-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-o-transform:translateX(-100%);-ms-transform:translateX(-100%)}
#service .r1.open .otherInner .topic h2{transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;opacity:1}
#service .r1.open .otherInner .topic .tab{transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;opacity:1}
#service .r1.open .otherInner .mid>div.on table{transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;opacity:1}
#service .r2{background:#f1fbf8}
#service .r2 .bg .pic{background-size:8rem;opacity:.03}
#service .r2 .inner{padding-top:1.2rem;position:relative;z-index:10}
#service .r2 .inner h2{text-align:center;font-size:1.2rem;line-height:1;margin-bottom:.2rem}
#service .r2 .inner .group{width:65%;max-width:1240px;margin:0 auto .3rem auto;overflow:hidden}
#service .r2 .inner .group .list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:.25rem 0}
#service .r2 .inner .group .list .left{width:calc(100% - 1rem);cursor:pointer;position:relative}
#service .r2 .inner .group .list .left h3{width:100%;text-align:left;font-weight:100;line-height:1.6;height:.7rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
#service .r2 .inner .group .list .left .p-msg{position:relative;width:100%;display:block;overflow:hidden}
#service .r2 .inner .group .list .left .p-msg p{font-weight:600;-webkit-transition:height .5s ease-in-out;transition:height .5s ease-in-out}
#service .r2 .inner .group .list .left:after{content:"";position:absolute;width:calc(100% + 1rem);left:0;top:calc(100% + .25rem);height:1px;background-color:rgba(0,135,85,.2)}
#service .r2 .inner .group .list .btn{width:.7rem;height:.7rem;line-height:.7rem;text-align:center;border-radius:50%;border:1px solid rgba(0,135,85,.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-transition:background-color .5s ease-in-out;transition:background-color .5s ease-in-out}
#service .r2 .inner .group .list .btn svg{width:.22rem;display:block;-webkit-transition:-webkit-transform .5s ease-in-out;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}
#service .r2 .inner .group .list .btn svg path{fill:#008755;-webkit-transition:fill .5s ease-in-out;transition:fill .5s ease-in-out}
#service .r2 .inner .group .list .btn.on{background-color:#008755}
#service .r2 .inner .group .list .btn.on svg{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
#service .r2 .inner .group .list .btn.on svg path{fill:#fff}
#service .r2 .inner .group .list:last-of-type{border-bottom:none}
#service .r2 .inner .btm{text-align:center}
#service .r2 .inner .btm>a{width:1.6rem;height:.6rem;display:block;margin:0 auto}
#service .r3{background-color:#f1fbf8;margin-top:-1vw}
#service .r3 .bg .rect{width:77%;height:100%;position:relative;-webkit-mask-image:url(../img/mask3.png);mask-image:url(../img/mask3.png);-webkit-mask-position:center left;mask-position:center left;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%;z-index:1;-webkit-clip-path:inset(0 0 10px 0);clip-path:inset(0 0 10px 0)}
#service .r3 .bg .rect .pic:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,.1)),to(rgba(0,0,0,.6)));background:linear-gradient(90deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.6) 100%)}
#service .r3 .bg .mask{position:absolute;bottom:-5px;z-index:0;left:0;width:100%;height:50%;background-color:#fff}
#service .r3 .bg:after{content:"";position:absolute;top:-5px;z-index:2;left:0;width:77%;height:10px;background-color:#f1fbf8}
#service .r3 .inner{position:relative;z-index:10;padding-left:20%;width:100%}
#service .r3 .inner>img{width:100%}
#service .r3 .inner .group{position:absolute;width:80%;left:20%;top:0;bottom:0;margin:auto 0;height:48%;padding-bottom:2vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-right:8vw}
#service .r3 .inner .group h3{font-size:1rem;line-height:1;margin-bottom:.3rem}
#service .r3 .inner .group .box .topic{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#service .r3 .inner .group .box .topic .inBox{width:4.5rem;height:.8rem;margin-left:.5rem;padding:0 .3rem;margin-right:.4rem;background-color:#fff;border-radius:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;z-index:10}
#service .r3 .inner .group .box .topic .inBox .select{text-align:center;width:100%;text-indent:-.2rem;cursor:pointer;border:none;background-color:transparent;color:#008755;font-size:20px;font-weight:600;height:100%;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}
#service .r3 .inner .group .box .topic .inBox input[type=submit]{width:.8rem;height:.8rem;border-radius:50%;line-height:.8rem;text-align:center;position:absolute;right:-.4rem;top:0;background-color:#26d07c;color:#fff;font-size:24px;border:none}
#service .r3 .inner .group .box .topic .inBox .line{position:absolute;width:calc(100% - .3rem);z-index:10;height:.12rem;top:100%;left:0}
#service .r3 .inner .group .box .topic .inBox .items{background-color:#fff;pointer-events:none;width:calc(100% - .6rem);position:absolute;top:calc(100% + .1rem);left:.3rem;border-radius:.1rem;transform:scale(.9);-webkit-transform:scale(.9);-moz-transform:scale(.9);-o-transform:scale(.9);-ms-transform:scale(.9);-webkit-transform-origin:0 0;transform-origin:0 0;opacity:0;-webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;max-height:3rem;overflow:auto}
#service .r3 .inner .group .box .topic .inBox .items::-webkit-scrollbar{width:4px;background-color:rgba(255,255,255,.1)}
#service .r3 .inner .group .box .topic .inBox .items::-webkit-scrollbar-thumb{border:solid 1px #26d07c;width:3px;border-radius:4px;background-color:#26d07c}
#service .r3 .inner .group .box .topic .inBox .items::-webkit-scrollbar:horizontal{height:3px}
#service .r3 .inner .group .box .topic .inBox .items>ul{display:none}
#service .r3 .inner .group .box .topic .inBox .items>ul.on{display:block}
#service .r3 .inner .group .box .topic .inBox .items .list{height:.6rem;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:0 .3rem;width:100%;-webkit-transition:background-color .3s ease-in-out;transition:background-color .3s ease-in-out}
#service .r3 .inner .group .box .topic .inBox .items .list>span{font-size:18px;width:calc(100% - .6rem);display:block;cursor:pointer}
#service .r3 .inner .group .box .topic .inBox .items .list>a{width:.3rem;height:.3rem;line-height:.3rem;text-align:center;font-size:20px;margin-right:-.15rem;visibility:hidden;-webkit-transition:color .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:color .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:color .3s ease-in-out,transform .3s ease-in-out;transition:color .3s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out}
#service .r3 .inner .group .box .topic .inBox .items .list>a:hover{color:#008755;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg)}
#service .r3 .inner .group .box .topic .inBox .items .list:hover{background-color:rgba(0,135,85,.1)}
#service .r3 .inner .group .box .topic .inBox .items .list.on{background-color:rgba(0,135,85,.2)}
#service .r3 .inner .group .box .topic .inBox .items .list.on>a{visibility:visible}
#service .r3 .inner .group .box .topic .inBox:hover{will-change:transform}
#service .r3 .inner .group .box .topic .inBox.on .items{pointer-events:auto;transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;opacity:1}
#service .r3 .inner .group .box>.mid{overflow:auto;height:3.8rem;padding-right:.4rem;margin-right:-.4rem;margin-top:.5rem;width:7rem;-webkit-mask:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,0)),color-stop(60%,#000));-webkit-mask:linear-gradient(0deg,rgba(0,0,0,0) 0,#000 60%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-position:center bottom;mask-position:center bottom;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
#service .r3 .inner .group .box>.mid::-webkit-scrollbar{width:4px;background-color:rgba(255,255,255,.1)}
#service .r3 .inner .group .box>.mid::-webkit-scrollbar-thumb{border:solid 1px #26d07c;width:3px;border-radius:4px;background-color:#26d07c}
#service .r3 .inner .group .box>.mid::-webkit-scrollbar:horizontal{height:3px}
#service .r3 .inner .group .box>.mid .list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid rgba(255,255,255,.2);padding:.2rem 0}
#service .r3 .inner .group .box>.mid .list:last-of-type{border-bottom:none;margin-bottom:1.2rem}
#service .r3 .inner .group .box>.mid .list>i{margin-right:.2rem}
#service .r3 .inner .group .box>.mid .list p{text-align:right;-webkit-box-flex:1;-ms-flex:1;flex:1;line-height:1.6;padding-left:6%}
#service .r3>.mid{overflow:auto;height:3.8rem;padding-right:.4rem;margin-right:-.4rem;margin-top:.5rem;width:7rem;-webkit-mask:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,0)),color-stop(60%,#000));-webkit-mask:linear-gradient(0deg,rgba(0,0,0,0) 0,#000 60%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-position:center bottom;mask-position:center bottom;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
#service .r3>.mid::-webkit-scrollbar{width:4px;background-color:rgba(255,255,255,.1)}
#service .r3>.mid::-webkit-scrollbar-thumb{border:solid 1px #26d07c;width:3px;border-radius:4px;background-color:#26d07c}
#service .r3>.mid::-webkit-scrollbar:horizontal{height:3px}
#service .r3>.mid .list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid rgba(255,255,255,.2);padding:.2rem 0}
#service .r3>.mid .list:last-of-type{border-bottom:none;margin-bottom:1.2rem}
#service .r3>.mid .list>i{margin-right:.2rem}
#service .r3>.mid .list p{text-align:right;-webkit-box-flex:1;-ms-flex:1;flex:1;line-height:1.6}
#service .r4 .bg>img{width:100%;position:absolute;bottom:0;left:-.5%;-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,color-stop(30%,#000),to(rgba(0,0,0,0)));-webkit-mask-image:linear-gradient(180deg,#000 30%,rgba(0,0,0,0) 100%);mask-image:-webkit-gradient(linear,left top,left bottom,color-stop(30%,#000),to(rgba(0,0,0,0)));mask-image:linear-gradient(180deg,#000 30%,rgba(0,0,0,0) 100%)}
#service .r4 .inner{padding:.3rem 8% 0 8%}
#service .r4 .inner .box{text-align:center;width:64vw;margin:0 auto;position:relative;padding-bottom:2.3rem}
#service .r4 .inner .box .note{position:absolute;height:100%;left:0;top:0;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:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-bottom:2.5rem}
#service .r4 .inner .box .note h2{font-weight:600;margin-bottom:.6rem}
#service .r4 .inner .box .media{position:relative;display:inline-block}
#service .r4 .inner .box .media>.img{width:2.8rem;position:relative;z-index:10}
#service .r4 .inner .box .media .video-parent,#service .r4 .inner .box .media video{width:calc(100% - 8px);height:calc(100% - 10px);position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;border-radius:.3rem;z-index:3}
#service .r4 .inner .box .media .video-parent .cv,#service .r4 .inner .box .media video .cv{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}
#service .r4 .inner .box .media .video-parent .cv.on,#service .r4 .inner .box .media video .cv.on{opacity:1}
#service .r4 .inner .box .media .add{position:absolute;width:calc(100% + 30vw);left:-15vw;top:calc(100% + .6rem);color:#008755;font-weight:400}
#service .r4 .inner .box .media .sd{position:absolute;right:0;top:0;width:5.6rem}
#service .r4 .inner .other{border-top:1px solid rgba(0,135,85,.2);height:2.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#service .r4 .inner .other .left{-webkit-box-flex:1;-ms-flex:1;flex:1}
#service .r4 .inner .other .left .iconfont{font-size:20px;margin-right:.25rem}
#service .r4 .inner .other .left h3{margin-top:.1rem;line-height:1}
#service .r4 .inner .other .mid>img{width:.8rem;margin-bottom:.1rem}
#service .r4 .inner .other .mid>span{display:block;text-align:center;font-weight:600}
#service .r4 .inner .other .right{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#service .r4 .inner .other .right>a{width:3.6rem;height:1rem;overflow:visible}
#service .r4 .inner .other .right>a .iconfont{font-weight:400;position:relative;z-index:10;font-size:.3rem;margin-right:.2rem}
#service .r4 .inner .other .right>a>span>small>em{font-size:24px}
.banner_logo{display:block;width:4.5rem}
@media screen and (orientation:portrait){
.banner_logo{width:3.5rem}
}
#healthy .a_on,#healthy .at_on,#healthy .det_on{visibility:hidden;opacity:0}
#healthy #main #container{position:absolute;z-index:2;height:100vh;left:0;width:100%;top:0;pointer-events:none}
#healthy #main #banner{overflow:hidden;position:relative;z-index:3;width:100vw;min-height:100vh}
#healthy #main #banner .photo{background-repeat:no-repeat;background-position:center center;background-size:cover;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;width:100vw;-o-object-fit:cover;object-fit:cover}
#healthy #main #banner .left{position:absolute;z-index:12;left:3.2%;bottom:4%;width:40vw;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
#healthy #main #banner .left .pager{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#healthy #main #banner .left .pager>li{position:relative;cursor:pointer}
#healthy #main #banner .left .pager>li svg{display:block;width:.6rem;transform:rotate(16deg) translate(-3px,3px);-webkit-transform:rotate(16deg) translate(-3px,3px);-moz-transform:rotate(16deg) translate(-3px,3px);-o-transform:rotate(16deg) translate(-3px,3px);-ms-transform:rotate(16deg) translate(-3px,3px);-webkit-transition:-webkit-transform .8s cubic-bezier(0,0,0,1);transition:-webkit-transform .8s cubic-bezier(0,0,0,1);transition:transform .8s cubic-bezier(0,0,0,1);transition:transform .8s cubic-bezier(0,0,0,1),-webkit-transform .8s cubic-bezier(0,0,0,1);-webkit-transition:transform .8s cubic-bezier(0,0,0,1);-moz-transition:transform .8s cubic-bezier(0,0,0,1);-o-transition:transform .8s cubic-bezier(0,0,0,1);-ms-transition:transform .8s cubic-bezier(0,0,0,1)}
#healthy #main #banner .left .pager>li svg path{stroke:#26d07c;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;fill:none;stroke-dasharray:400%;stroke-dashoffset:400%;transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1);-webkit-transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1);-moz-transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1);-o-transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1);-ms-transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1)}
#healthy #main #banner .left .pager>li em{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;width:100%;height:100%;top:0;left:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;transition:color .8s cubic-bezier(0,0,0,1);-webkit-transition:color .8s cubic-bezier(0,0,0,1);-moz-transition:color .8s cubic-bezier(0,0,0,1);-o-transition:color .8s cubic-bezier(0,0,0,1);-ms-transition:color .8s cubic-bezier(0,0,0,1)}
#healthy #main #banner .left .pager>li.on svg{transform:rotate(0) translate(-3px,3px);-webkit-transform:rotate(0) translate(-3px,3px);-moz-transform:rotate(0) translate(-3px,3px);-o-transform:rotate(0) translate(-3px,3px);-ms-transform:rotate(0) translate(-3px,3px);-webkit-transition-delay:.5s;transition-delay:.5s}
#healthy #main #banner .left .pager>li.on svg path{stroke-dashoffset:88%;-webkit-transition-delay:.5s;transition-delay:.5s}
#healthy #main #banner .left .pager>li.on em{color:#26d07c}
#healthy #main #banner .left .add{font-size:11px;color:rgba(255,255,255,.5);line-height:2;letter-spacing:1px}
#healthy #main #banner .right{position:absolute;bottom:4%;right:3.2%;z-index:12;overflow:hidden}
#healthy #main #banner .right .line{height:1.2rem;width:3px;overflow:hidden;background-color:rgba(255,255,255,.1)}
#healthy #main #banner .right .line>span{height:50%;position:absolute;width:100%;bottom:100%;left:0;background:#008755;opacity:0;-webkit-animation:rightFn 4s linear infinite;animation:rightFn 4s linear infinite}
#healthy #main #banner .right .line:after{content:"";height:35%;position:absolute;width:100%;top:-35%;left:0;background:#008755;-webkit-animation:rightFn 2.2s linear infinite;animation:rightFn 2.2s linear infinite}
#healthy #main #banner .inner{position:absolute;width:100%;height:100%;top:0;left:0;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:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:10;text-align:center}
#healthy #main #banner .inner h1{line-height:1;margin-bottom:.3rem;font-weight:700;letter-spacing:2px;position:relative;z-index:3;opacity:0}
#healthy #main #banner .inner .box{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;pointer-events:none}
#healthy #main #banner .inner .box .light{position:absolute;left:49%;top:49%;width:92vw;-webkit-mask:linear-gradient(135deg,#000 0,rgba(0,0,0,0) 40%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:left top;mask-position:left top;-webkit-mask-size:0 0;mask-size:0 0;-webkit-animation:lightFn 1.2s ease;animation:lightFn 1.2s ease;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
#healthy #main .row{position:relative}
#healthy #main .row .bg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;overflow:hidden}
#healthy #main .row .inner{z-index:4;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;position:relative}
#healthy #main .row .inner .col{width:50%}
#healthy #main .row .inner .col .til p{font-weight:400;line-height:1.2}
#healthy #main .row .inner .col:nth-of-type(2){padding:0 10% 0 5%}
#healthy #main .row .process{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;pointer-events:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
#healthy #main .row .process .bar{height:100%;width:1px;position:relative;background-color:rgba(0,135,85,.2)}
#healthy #main .row .process .bar .line{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#008755;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-animation-name:lineAni;animation-name:lineAni}
#healthy #main .r1{position:relative}
#healthy #main .r1 .bg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2}
#healthy #main .r1 .bg .pic{position:absolute;width:100%;height:100%;top:0;left:0}
#healthy #main .r1 .c1{width:50%;height:100%;position:relative;z-index:5;padding-top:2.75rem;padding-bottom:1.3rem;padding-left:4.1%;margin-left:50%;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:center;-ms-flex-pack:center;justify-content:center}
#healthy #main .r1 .c1 .group{width:100%;max-width:7.2rem}
#healthy #main .r1 .c1 .group .note{font-size:.54rem;line-height:1.333;margin-top:calc((-.16666em - .14rem));font-weight:600;margin-bottom:.4rem}
#healthy #main .r1 .c1 .group .note div{font:inherit;font-weight:400}
#healthy #main .r1 .c1 .group h2{line-height:.82;margin:.6rem 0 .7rem 0}
#healthy #main .r1 .c1 .group h2 b{color:inherit;font-size:inherit}
#healthy #main .r1 .c1 .group p{font-weight:400}
#healthy #main .r1 .c1 .group p em{color:#008755;font-size:inherit;font-family:en_b}
#healthy #main .r1 .c1 .group p b{font-size:inherit;font-weight:700}
#healthy #main .r1 .c1 .group a{display:block;margin-top:1rem}
#healthy #main .r1 .c2{position:absolute;height:100%;z-index:5;width:50%;left:-4vw;bottom:0;overflow:hidden;pointer-events:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
#healthy #main .r1 .c2 .imgBox{width:64vw;height:86%;position:relative;-webkit-mask:linear-gradient(225deg,#000 0,#000 10%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:right top;mask-position:right top;-webkit-mask-size:0 0;mask-size:0 0;-webkit-transition:-webkit-mask-size .5s ease;transition:-webkit-mask-size .5s ease;transition:mask-size .5s ease;transition:mask-size .5s ease,-webkit-mask-size .5s ease;visibility:visible}
#healthy #main .r1 .c2 .imgBox .imgWrap{position:absolute;width:100%;height:100%;left:0;overflow:hidden;right:0;top:0;-webkit-mask-image:url(../img/light2.png);mask-image:url(../img/light2.png);-webkit-mask-position:-43vw -12%;mask-position:-43vw -12%;-webkit-mask-size:92vw;mask-size:92vw;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-transform-origin:100% 0;transform-origin:100% 0;height:120%;width:110%}
#healthy #main .r1 .c2 .imgBox .imgWrap .pic{position:absolute;width:100%;height:100%;top:0;left:0}
#healthy #main .r1 .c2 .imgBox .imgWrap .pic>div{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform-origin:100% 0;transform-origin:100% 0;width:84%;height:90%;background-size:82vw;background-position:left top;background-repeat:no-repeat}
#healthy #main .r1 .c2 .imgBox.imgClip .imgWrap .pic{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);width:120%;height:120%}
#healthy #main .r1 .c2 .imgBox.go{-webkit-mask-size:800% 800%;mask-size:800% 800%;-webkit-transition-delay:.5s;transition-delay:.5s;-webkit-transition-duration:1.6s;transition-duration:1.6s}
#healthy #main .r1 .process{padding-top:2.77rem}
#healthy #main .r1 .process .bar:before{content:"";position:absolute;top:-4px;left:-5px;z-index:4;width:11px;height:11px;border-radius:50%;line-height:11px;text-align:center;background-color:#008755}
#healthy #main .hint_d{width:1rem;height:1rem;margin-top:1.2rem;position:relative}
#healthy #main .hint_d.hintd_r img{-webkit-transform:translate(-50%,-50%) rotate(-90deg);transform:translate(-50%,-50%) rotate(-90deg)}
#healthy #main .hint_d svg{width:100%;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
#healthy #main .hint_d svg circle{stroke:rgba(0,135,85,.2);stroke-width:1px;fill:transparent}
#healthy #main .hint_d svg circle:nth-child(2){stroke:#008755;stroke-dashoffset:315%;stroke-dasharray:315%;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
#healthy #main .hint_d:hover svg{width:100%}
#healthy #main .hint_d:hover svg circle:nth-child(2){stroke-dashoffset:0}
#healthy #main .hint_d img{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:.27rem;display:block;z-index:3}
#healthy #main .pub_img_box{position:relative;overflow:hidden}
#healthy #main .pub_img_box::before{content:'';display:block;width:100%;margin-top:100%}
#healthy #main .pub_img_box img{display:block;position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;left:0;top:0}
#healthy #main .r2 .process .bar{background-color:rgba(255,255,255,.2)}
#healthy #main .r2 .vh_box{height:100%}
#healthy #main .r2 .vh_box .vw_box{height:100%;position:relative;overflow:hidden}
#healthy #main .r2 .vh_box .vw_box .swiper-pagination{right:1.6rem;left:auto;width:auto;position:absolute;z-index:5;pointer-events:none;top:50%;bottom:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
#healthy #main .r2 .vh_box .vw_box .swiper-pagination span{display:block;text-align:right;color:rgba(255,255,255,.8);font-size:.18rem;line-height:1;font-family:en_l}
#healthy #main .r2 .vh_box .vw_box .swiper-pagination span:nth-child(1){font-family:en_b;color:#fff}
#healthy #main .r2 .vh_box .vw_box .swiper-pagination span:nth-child(2){margin:.1rem 0}
#healthy #main .r2 .vh_box .vw_box .swiper-pagination span.on{font-size:.48rem}
#healthy #main .r2 .vh_box .vw_box .swiper-container{height:100%}
#healthy #main .r2 .vh_box .vw_box .swiper-container .swiper-wrapper{height:100%}
#healthy #main .r2 .vh_box .vw_box .swiper-container .swiper-wrapper .swiper-slide{height:100%}
#healthy #main .r2 .vh_box .vw_box .swiper-container .swiper-wrapper .swiper-slide .pub_img_box{height:100%}
#healthy #main .r2 .vh_box .vw_box .swiper-container .swiper-wrapper .swiper-slide .pub_img_box::after{content:'';display:block;background-color:rgba(0,0,0,.2);position:absolute;left:0;top:0;width:100%;height:100%}
#healthy #main .r2 .vh_box .vw_box .swiper-container .swiper-wrapper .swiper-slide .pub_img_box::before{display:none}
#healthy #main .r2 .vh_box .vw_box .heal_src2_tex_box{z-index:3;position:absolute;width:100%;bottom:0;height:50%;display:-webkit-box;display:-ms-flexbox;display:flex;pointer-events:none}
#healthy #main .r2 .vh_box .vw_box .heal_src2_tex_box>div{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:.54rem;margin-top:-1.333em}
#healthy #main .r2 .vh_box .vw_box .heal_src2_tex_box .heal_src2_tex{text-align:right;padding-right:.96rem;-webkit-transition:-webkit-transform .6s ease-out;transition:-webkit-transform .6s ease-out;transition:transform .6s ease-out;transition:transform .6s ease-out,-webkit-transform .6s ease-out}
#healthy #main .r2 .vh_box .vw_box .heal_src2_tex_box .heal_src2_tex .heal_src2_con{padding-bottom:.73rem;-webkit-transition:opacity .6s ease-out;transition:opacity .6s ease-out}
#healthy #main .r2 .vh_box .vw_box .heal_src2_tex_box .heal_src2_tex .heal_src2_con:nth-child(2){opacity:.4}
#healthy #main .r2 .vh_box .vw_box .heal_src2_tex_box .heal_src2_tex .heal_src2_con:nth-child(3){opacity:.2}
#healthy #main .r2 .vh_box .vw_box .heal_src2_tex_box .heal_src2_tex .heal_src2_con:nth-child(4){opacity:.1}
#healthy #main .r2 .vh_box .vw_box .heal_src2_tex_box .heal_src2_tex .heal_src2_con.on{opacity:1!important}
#healthy #main .r2 .vh_box .vw_box .heal_src2_tex_box .heal_src2_tex .heal_src2_con.on .heal_n{font-size:.54rem;line-height:1.333;font-weight:400}
#healthy #main .r2 .vh_box .vw_box .heal_src2_tex_box .heal_src2_tex .heal_src2_con.on .heal_n>div{color:#26d07c;height:auto;max-height:999px;font-weight:600}
#healthy #main .r2 .vh_box .vw_box .heal_src2_tex_box .heal_src2_tex .heal_src2_con.on .heal_i{margin-top:.18rem;max-height:99px}
#healthy #main .r2 .vh_box .vw_box .heal_src2_tex_box .heal_src2_tex .heal_src2_con .heal_n{color:#fff;font-size:16px;line-height:1;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}
#healthy #main .r2 .vh_box .vw_box .heal_src2_tex_box .heal_src2_tex .heal_src2_con .heal_n>div{font:inherit;height:0;max-height:0;overflow:hidden;-webkit-transition:max-height .5s ease-out;transition:max-height .5s ease-out}
#healthy #main .r2 .vh_box .vw_box .heal_src2_tex_box .heal_src2_tex .heal_src2_con .heal_i{color:#fff;line-height:1.5;margin-top:0;height:3em;max-height:0;-webkit-transition:max-height .5s ease-out;transition:max-height .5s ease-out;display:-webkit-box;overflow:hidden;font-weight:400;text-overflow:ellipsis;work-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2}
#healthy #main .r2 .vh_box .vw_box .heal_src2_tex_box .heal_r{padding-left:.8rem}
#healthy #main .r2 .vh_box .vw_box .heal_src2_tex_box .heal_r .heal_m{line-height:1.333;color:#fff;font-weight:400}
#healthy #main .r2 .vh_box .vw_box .heal_src2_tex_box .heal_r .heal_m>div{font:inherit;font-weight:600}
#healthy #main .r2 .vh_box .vw_box .heal_src2_tex_box .heal_src4_nav{position:absolute;bottom:.4rem;pointer-events:auto;width:2.4rem;height:1.44rem;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#healthy #main .r2 .vh_box .vw_box .heal_src2_tex_box .heal_src4_nav a{display:block;width:1rem;height:1rem;background-image:none;margin:0}
#healthy #main .r2 .vh_box .vw_box .heal_src2_tex_box .heal_src4_nav a svg{width:100%;fill:transparent;stroke:#26d07c;stroke-dashoffset:0}
#healthy #main .r2 .vh_box .vw_box .heal_src2_tex_box .heal_src4_nav a i{position:absolute;display:block;line-height:1;top:53%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:12px}
#healthy #main .r2 .vh_box .vw_box .heal_src2_tex_box .heal_src4_nav a::after{display:none}
#healthy #main .r2 .vh_box .vw_box .heal_src2_tex_box .heal_src4_nav.fir_on a:nth-child(2){display:none}
#healthy #main .r2 .vh_box .vw_box .heal_src2_tex_box .heal_src4_nav.fir_on a:nth-child(1){display:-webkit-box;display:-ms-flexbox;display:flex}
#healthy #main .r3 .heal_src3_block{padding-top:2.18rem;padding-bottom:1.75rem;position:relative}
#healthy #main .r3 .heal_src3_block .heal_src3_page{position:absolute;top:calc(50.43%);left:.6rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#008755;line-height:1.33}
#healthy #main .r3 .heal_src3_block .heal_src3_con{width:35%;margin-left:auto;margin-right:auto;position:relative}
#healthy #main .r3 .heal_src3_block .heal_src3_con svg{width:100%;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
#healthy #main .r3 .heal_src3_block .heal_src3_con svg circle{fill:none;stroke:rgba(0,135,85,.07);stroke-dashoffset:323%;stroke-dasharray:323%;-webkit-transition:stroke-dashoffset 2s ease-in-out;transition:stroke-dashoffset 2s ease-in-out}
#healthy #main .r3 .heal_src3_block .heal_src3_con svg circle.go{stroke-dashoffset:50%}
#healthy #main .r3 .heal_src3_block .heal_src3_con .heal_src3_n{position:absolute;width:80%;text-align:center;top:50%;left:10%;z-index:3;color:#008755;line-height:1.636;margin-top:-1.636em;font-weight:400}
#healthy #main .r3 .heal_src3_block .heal_src3_con .heal_src3_n>div{font:inherit;font-weight:600}
#healthy #main .r3 .heal_src3_block .heal_src3_con_box{position:absolute;z-index:4;left:0;top:0;width:100%;height:100%}
#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period{opacity:0;-webkit-transform:translateY(.8rem);transform:translateY(.8rem);-webkit-transition:all .5s ease-out;transition:all .5s ease-out;width:25%;margin-top:-12.5%;position:absolute}
#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period:nth-child(1) .heal_src3_img,#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period:nth-child(5) .heal_src3_img,#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period:nth-child(6) .heal_src3_img{-webkit-transform-origin:75% 50%;transform-origin:75% 50%}
#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period:nth-child(1) .heal_src3_name,#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period:nth-child(5) .heal_src3_name,#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period:nth-child(6) .heal_src3_name{-webkit-transform-origin:100% 50%;transform-origin:100% 50%;right:140%;text-align:right}
#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period:nth-child(1) .heal_src3_mes_box,#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period:nth-child(5) .heal_src3_mes_box,#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period:nth-child(6) .heal_src3_mes_box{left:auto;right:3%}
#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period:nth-child(1) .heal_src3_mes_box::before,#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period:nth-child(5) .heal_src3_mes_box::before,#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period:nth-child(6) .heal_src3_mes_box::before{left:auto;right:15%}
#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period:nth-child(2) .heal_src3_img,#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period:nth-child(3) .heal_src3_img,#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period:nth-child(4) .heal_src3_img{-webkit-transform-origin:25% 50%;transform-origin:25% 50%}
#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period:nth-child(2) .heal_src3_name,#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period:nth-child(3) .heal_src3_name,#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period:nth-child(4) .heal_src3_name{-webkit-transform-origin:0 50%;transform-origin:0 50%;left:140%;text-align:left}
@media screen and (orientation:landscape){
#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period:nth-child(4) .heal_src3_mes_box,#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period:nth-child(5) .heal_src3_mes_box{bottom:110%;top:auto}
#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period:nth-child(4) .heal_src3_mes_box::before,#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period:nth-child(5) .heal_src3_mes_box::before{bottom:auto;top:calc(100% - 1px);margin-top:-.1rem;margin-bottom:0}
}
#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period:nth-child(1){top:12%;left:14%}
#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period:nth-child(2){top:12%;right:14%}
#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period:nth-child(6){top:50%;left:-8%}
#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period:nth-child(3){top:50%;right:-7%}
#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period:nth-child(3) .heal_src3_mes_box{top:140%}
#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period:nth-child(5){top:87%;left:14%}
#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period:nth-child(4){top:84%;right:14%}
#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period:nth-child(4) .heal_src3_mes_box{left:104%}
#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period .heal_src3_name{position:absolute;line-height:1.666;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);min-width:100%}
#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period .heal_src3_name>div{color:rgba(0,0,0,.5);white-space:nowrap;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}
#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period .heal_src3_mes_box{position:absolute;top:105%;left:27%;width:31.771vw;border-radius:.1rem;-webkit-box-shadow:0 .3rem 1.8rem 0 rgba(30,92,69,.15);box-shadow:0 .3rem 1.8rem 0 rgba(30,92,69,.15);background-color:#fff;pointer-events:none;opacity:0;-webkit-transition:opacity .5s ease-out;transition:opacity .5s ease-out;padding:.05rem .34rem .25rem}
#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period .heal_src3_mes_box::before{content:'';display:block;position:absolute;bottom:calc(100% - 1px);width:.2rem;height:.2rem;margin-bottom:-.1rem;background-color:#fff;-webkit-transform:rotate(60deg) skewX(30deg);transform:rotate(60deg) skewX(30deg);left:15%}
#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period .heal_src3_mes_box>div{display:none}
#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period .heal_src3_mes_box>div .heal_src3_t{line-height:1.666;font-weight:600;color:#008755;padding:.24rem 0;border-bottom:1px solid rgba(0,0,0,.05)}
#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period .heal_src3_mes_box>div .heal_src3_t_n{line-height:1.666;margin-top:.24rem}
#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period .heal_src3_mes_box>div .heal_src3_i_box{margin-top:.1rem}
#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period .heal_src3_mes_box>div .heal_src3_i_box .heal_src3_i{color:rgba(0,0,0,.8);line-height:2.14;padding-left:.2rem;position:relative}
#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period .heal_src3_mes_box>div .heal_src3_i_box .heal_src3_i::before{content:'';position:absolute;font-size:inherit;top:1.07em;left:0;margin-top:-.025rem;width:.05rem;height:.05rem;border-radius:100%;background-color:#008755}
#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period .heal_src3_img{-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out,-webkit-transform .5s ease-out}
#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period .heal_src3_img img{display:block;width:100%}
#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period.on{z-index:4}
#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period.on .heal_src3_img{-webkit-transform:scale(1.4);transform:scale(1.4)}
#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period.on .heal_src3_name>div{font-size:.36rem;color:#008755;font-weight:600}
#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period.on .heal_src3_mes_box{pointer-events:all;opacity:1}
#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period.on .heal_src3_mes_box>div{display:block}
#healthy #main .r3 .heal_src3_block .heal_src3_con_box.go .heal_src3_period{opacity:1;-webkit-transform:none;transform:none}
#healthy #main .r3 .heal_src3_block .heal_src3_con_box.go .heal_src3_period:nth-child(1){-webkit-transition:all 1s ease-out 2s;transition:all 1s ease-out 2s}
#healthy #main .r3 .heal_src3_block .heal_src3_con_box.go .heal_src3_period:nth-child(2){-webkit-transition:all 1s ease-out 2.2s;transition:all 1s ease-out 2.2s}
#healthy #main .r3 .heal_src3_block .heal_src3_con_box.go .heal_src3_period:nth-child(3){-webkit-transition:all 1s ease-out 2.4s;transition:all 1s ease-out 2.4s}
#healthy #main .r3 .heal_src3_block .heal_src3_con_box.go .heal_src3_period:nth-child(4){-webkit-transition:all 1s ease-out 2.6s;transition:all 1s ease-out 2.6s}
#healthy #main .r3 .heal_src3_block .heal_src3_con_box.go .heal_src3_period:nth-child(5){-webkit-transition:all 1s ease-out 2.8s;transition:all 1s ease-out 2.8s}
#healthy #main .r3 .heal_src3_block .heal_src3_con_box.go .heal_src3_period:nth-child(6){-webkit-transition:all 1s ease-out 3s;transition:all 1s ease-out 3s}
#healthy #main .r3 .heal_src3_block>.heal_src3_con_box{display:none}
#healthy #main .slider--btn{position:relative;display:inline-block;margin:0;left:auto;top:auto;right:auto}
#healthy #main .slider--btn svg{position:relative;width:.7rem;stroke:rgba(0,135,85,.3);stroke-width:2px;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:400%;fill:#008755;stroke-dashoffset:400%}
#healthy #main .slider--btn i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);top:46%;color:#fff;font-size:12px;transition:color .8s cubic-bezier(0,0,0,1);-webkit-transition:color .8s cubic-bezier(0,0,0,1);-moz-transition:color .8s cubic-bezier(0,0,0,1);-o-transition:color .8s cubic-bezier(0,0,0,1);-ms-transition:color .8s cubic-bezier(0,0,0,1)}
#healthy #main .slider--btn:nth-of-type(1) i{padding-left:20%}
#healthy #main .slider--btn:nth-of-type(2){margin-bottom:.3rem;margin-left:.48rem}
#healthy #main .slider--btn:nth-of-type(2) i{padding-right:20%}
#healthy #main footer{position:relative;z-index:56}
#healthy #main .pub_case{width:83.333%;margin:0 auto}
#healthy #main .r4{background:#f3fffb}
#healthy #main .r4 .process{z-index:1}
#healthy #main .r4 .heal_src4_block{position:relative;z-index:2;-webkit-transform:translateX(50%);transform:translateX(50%)}
#healthy #main .r4 .heal_src4_block .heal_src4_con_box{padding:2.15rem 0}
#healthy #main .r4 .heal_src4_block .heal_src4_con_box .heal_src4_l{color:#008755;line-height:1;padding-right:.8rem;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding-top:.9rem}
#healthy #main .r4 .heal_src4_block .heal_src4_con_box .heal_src4_l .heal_src4_n{font-size:.54rem;font-weight:600}
#healthy #main .r4 .heal_src4_block .heal_src4_con_box .heal_src4_l .heal_src4_en{margin-top:.3rem}
#healthy #main .r4 .heal_src4_block .heal_src4_con_box .heal_src4_l .hint_d{margin-top:.8rem;cursor:pointer}
#healthy #main .r4 .heal_src4_block .heal_src4_con_box>.heal_src4_l{display:none;width:100%;padding-top:0}
#healthy #main .r4 .heal_src4_block .heal_src4_con_box .heal_src4_r{position:relative}
#healthy #main .r4 .heal_src4_block .heal_src4_con_box .heal_src4_r .heal_src4_nav{position:absolute;top:50%;width:1.27rem;height:1.44rem;margin-top:-.72rem;margin-right:-.635rem;right:0}
#healthy #main .r4 .heal_src4_block .heal_src4_con_box .heal_src4_r .heal_src4_nav a{display:block;position:absolute;width:100%;height:100%;background-image:none;margin:0}
#healthy #main .r4 .heal_src4_block .heal_src4_con_box .heal_src4_r .heal_src4_nav a svg{width:100%}
#healthy #main .r4 .heal_src4_block .heal_src4_con_box .heal_src4_r .heal_src4_nav a i{position:absolute;display:block;line-height:1;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:12px}
#healthy #main .r4 .heal_src4_block .heal_src4_con_box .heal_src4_r .heal_src4_nav a::after{display:none}
#healthy #main .r4 .heal_src4_block .heal_src4_con_box .heal_src4_r .heal_src4_nav a:first-child{display:none}
#healthy #main .r4 .heal_src4_block .heal_src4_con_box .heal_src4_r .heal_src4_nav.fir_on a:nth-child(2){display:none}
#healthy #main .r4 .heal_src4_block .heal_src4_con_box .heal_src4_r .heal_src4_nav.fir_on a:nth-child(1){display:-webkit-box;display:-ms-flexbox;display:flex}
#healthy #main .r4 .heal_src4_block .heal_src4_con_box .heal_src4_r .swiper-container{overflow:visible;margin:0;width:89.4%}
#healthy #main .r4 .heal_src4_block .heal_src4_con_box .heal_src4_r .swiper-slide{width:auto}
#healthy #main .r4 .heal_src4_block .heal_src4_con_box .heal_src4_r .swiper-slide.active .heal_src4_con .heal_src4_tex{display:-webkit-box;display:-ms-flexbox;display:flex}
@media screen and (orientation:landscape){
#healthy #main .r4 .heal_src4_block .heal_src4_con_box .heal_src4_r .swiper-slide.active+.swiper-slide .heal_src4_con .heal_src4_tex{display:-webkit-box;display:-ms-flexbox;display:flex}
}
#healthy #main .r4 .heal_src4_block .heal_src4_con_box .heal_src4_con{width:8.5rem;position:relative;overflow:hidden;z-index:0;border-radius:.2rem}
#healthy #main .r4 .heal_src4_block .heal_src4_con_box .heal_src4_con .pub_img_box{background-color:#000}
#healthy #main .r4 .heal_src4_block .heal_src4_con_box .heal_src4_con .pub_img_box img{opacity:.8}
#healthy #main .r4 .heal_src4_block .heal_src4_con_box .heal_src4_con .pub_img_box::before{margin-top:58.824%}
#healthy #main .r4 .heal_src4_block .heal_src4_con_box .heal_src4_con .pub_img_box::after{content:'';height:60%;width:100%;bottom:-1px;left:0;position:absolute;display:block;background:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,.7)),to(rgba(0,0,0,0)));background:linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(0,0,0,0) 100%);z-index:1}
#healthy #main .r4 .heal_src4_block .heal_src4_con_box .heal_src4_con .heal_src4_tex{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;display:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff}
#healthy #main .r4 .heal_src4_block .heal_src4_con_box .heal_src4_con .heal_src4_tex .heal_src4_c_t{font-size:.54rem;line-height:1;font-weight:600;margin-bottom:.4rem}
#healthy #main .r4 .heal_src4_block .heal_src4_con_box .heal_src4_con .heal_src4_tex .heal_src4_c_i{position:absolute;bottom:0;left:13%;line-height:1.7;width:74%;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:5.1em;margin-bottom:.41rem}
#healthy #main .r4.n_r4 .heal_src4_block .heal_src4_con_box .heal_src4_con .heal_src4_tex{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
#healthy #main .r4.n_r4 .heal_src4_block .heal_src4_con_box .heal_src4_con .heal_src4_tex .heal_src4_c_t{font-size:.3rem;line-height:1.3;text-align:center;margin-bottom:0}
#healthy #main .r4.n_r4 .heal_src4_block .heal_src4_con_box .heal_src4_con .heal_src4_tex>img{font-size:.3rem;position:absolute;width:8em;left:50%;top:15%;margin-left:-4em}
#healthy #main .r5 .process .bar{background-color:transparent}
#healthy #main .r5 .heal_src5_block .heal_src5_con{position:relative}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_bg_box .pub_img_box{height:100vh;background-color:#000}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_bg_box .pub_img_box::before{display:none}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_bg_box .pub_img_box img{opacity:.8}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src_l{position:absolute;z-index:2;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%;left:0}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src_l .heal_src4_n{font-weight:600;font-size:.54rem;line-height:1;color:#fff;margin-bottom:.25rem}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src_l .heal_src4_en{color:rgba(255,255,255,.5);line-height:1}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:4.5rem;height:4.5rem;border-radius:100%;border:1px solid rgba(255,255,255,.2);z-index:4}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .heal_src5_c_dot{position:relative}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .heal_src5_c_dot span{height:50%;width:1px;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;position:absolute;top:0;left:50%;margin-left:-.5px;display:block;-webkit-transition:-webkit-transform 1.5s ease-out;transition:-webkit-transform 1.5s ease-out;transition:transform 1.5s ease-out;transition:transform 1.5s ease-out,-webkit-transform 1.5s ease-out}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .heal_src5_c_dot span::before{z-index:2;border-radius:100%;width:.15rem;height:.15rem;border:.05rem solid #fff;position:absolute;content:'';display:block;top:0;left:50%;margin-left:-.075rem;margin-top:-.075rem}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .heal_src5_c_dot svg{display:block;width:100%;opacity:.5;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .heal_src5_c_dot svg circle{fill:transparent;stroke:#fff;stroke-dashoffset:-315%;stroke-dasharray:315%;-webkit-transition:stroke-dashoffset 1.5s ease-out;transition:stroke-dashoffset 1.5s ease-out}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .heal_src5_c_dot.go span{-webkit-transform:rotate(-230deg);transform:rotate(-230deg)}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .heal_src5_c_dot.go svg circle{stroke-dashoffset:-114%}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .heal_src5_img{width:170%;height:170%;border-radius:100%;left:-35%;top:-35%;border:1px solid rgba(255,255,255,.15);position:absolute;-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out,-webkit-transform .5s ease-out;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .heal_src5_img .heal_src5_btn{position:absolute;right:0;-webkit-transform:translate(50%,-50%) rotate(-45deg);transform:translate(50%,-50%) rotate(-45deg);cursor:pointer;width:1.3rem;border-radius:50%;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .heal_src5_img .heal_src5_btn:nth-child(1){top:15%;right:14%}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .heal_src5_img .heal_src5_btn:nth-child(2){top:50%}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .heal_src5_img .heal_src5_btn:nth-child(3){top:85%;right:14%}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .heal_src5_img .heal_src5_btn>span{display:block;height:1px;background-color:#fff;position:absolute;right:75%;top:50%;margin-top:-.5px;z-index:5;width:0;-webkit-transition:width .5s ease-out;transition:width .5s ease-out}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .heal_src5_img .heal_src5_btn>span::after,#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .heal_src5_img .heal_src5_btn>span::before{content:'';display:block;position:absolute;background-color:#fff;width:7px;height:7px;border-radius:100%;top:50%;margin-top:-3.5px;-webkit-transition:opacity .5s ease-out;transition:opacity .5s ease-out;opacity:0}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .heal_src5_img .heal_src5_btn>span::before{left:0}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .heal_src5_img .heal_src5_btn>span::after{right:0}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .heal_src5_img .heal_src5_btn .heal_src5_nav_n{position:absolute;width:120%;top:100%;text-align:center;left:-10%;line-height:1;color:#fff}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .heal_src5_img .heal_src5_btn .heal_src5_nav_n>div{-webkit-transition:all .5s ease-out;transition:all .5s ease-out;font-weight:600}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .heal_src5_img .heal_src5_btn .heal_src5_nav_n>div:nth-child(1){margin-bottom:.11rem;margin-top:-.5em}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .heal_src5_img .heal_src5_btn .heal_src5_n_img{border-radius:100%;overflow:hidden}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .heal_src5_img .heal_src5_btn::after,#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .heal_src5_img .heal_src5_btn::before{content:'';display:block;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;z-index:-1;width:100%;height:100%;background-color:rgba(255,255,255,.3);border-radius:100%}
@media screen and (orientation:landscape){
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .heal_src5_img .heal_src5_btn.on{border:5px solid #1ed87c;width:2.2rem}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .heal_src5_img .heal_src5_btn.on>span{width:100%}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .heal_src5_img .heal_src5_btn.on>span::after,#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .heal_src5_img .heal_src5_btn.on>span::before{opacity:1}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .heal_src5_img .heal_src5_btn.on .heal_src5_nav_n>div:nth-child(1){margin-bottom:.2rem;font-size:.36rem}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .heal_src5_img .heal_src5_btn.on .heal_src5_nav_n>div:nth-child(2){font-size:.2rem}
}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .heal_src5_img .heal_src5_btn.on::before{-webkit-animation:dotL 2s ease-out infinite 1s;animation:dotL 2s ease-out infinite 1s}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .heal_src5_img .heal_src5_btn.on::after{-webkit-animation:dotL 2s ease-out infinite;animation:dotL 2s ease-out infinite}
#healthy #main .r5 .heal_src5_block .heal_src5_con #r5Sw{position:relative;margin:.8rem auto 0;width:80%;left:0;top:0;-webkit-transform:none;transform:none;border:none;height:2.2rem;overflow:visible}
#healthy #main .r5 .heal_src5_block .heal_src5_con #r5Sw .swiper-slide{width:60%}
#healthy #main .r5 .heal_src5_block .heal_src5_con #r5Sw .swiper-slide .heal_src5_btn{width:1.6rem;margin:0 auto;cursor:pointer;border-radius:50%;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}
#healthy #main .r5 .heal_src5_block .heal_src5_con #r5Sw .swiper-slide .heal_src5_btn>span{display:block;height:1px;background-color:#fff;position:absolute;right:75%;top:50%;margin-top:-.5px;z-index:5;width:0;-webkit-transition:width .5s ease-out;transition:width .5s ease-out}
#healthy #main .r5 .heal_src5_block .heal_src5_con #r5Sw .swiper-slide .heal_src5_btn>span::after,#healthy #main .r5 .heal_src5_block .heal_src5_con #r5Sw .swiper-slide .heal_src5_btn>span::before{content:'';display:block;position:absolute;background-color:#fff;width:7px;height:7px;border-radius:100%;top:50%;margin-top:-3.5px;-webkit-transition:opacity .5s ease-out;transition:opacity .5s ease-out;opacity:0}
#healthy #main .r5 .heal_src5_block .heal_src5_con #r5Sw .swiper-slide .heal_src5_btn>span::before{left:0}
#healthy #main .r5 .heal_src5_block .heal_src5_con #r5Sw .swiper-slide .heal_src5_btn>span::after{right:0}
#healthy #main .r5 .heal_src5_block .heal_src5_con #r5Sw .swiper-slide .heal_src5_btn .heal_src5_nav_n{position:absolute;width:120%;top:100%;text-align:center;left:-10%;line-height:1;color:#fff}
#healthy #main .r5 .heal_src5_block .heal_src5_con #r5Sw .swiper-slide .heal_src5_btn .heal_src5_nav_n>div{-webkit-transition:all .5s ease-out;transition:all .5s ease-out;font-weight:600}
#healthy #main .r5 .heal_src5_block .heal_src5_con #r5Sw .swiper-slide .heal_src5_btn .heal_src5_nav_n>div:nth-child(1){margin-bottom:.11rem;margin-top:-.5em}
#healthy #main .r5 .heal_src5_block .heal_src5_con #r5Sw .swiper-slide .heal_src5_btn .heal_src5_n_img{border-radius:100%;overflow:hidden;-webkit-transform-origin:50% 90%;transform-origin:50% 90%;border:2px solid transparent;-webkit-transition:border .5s ease-out,-webkit-transform .5s ease-out;transition:border .5s ease-out,-webkit-transform .5s ease-out;transition:transform .5s ease-out,border .5s ease-out;transition:transform .5s ease-out,border .5s ease-out,-webkit-transform .5s ease-out}
@media screen and (orientation:landscape){
#healthy #main .r5 .heal_src5_block .heal_src5_con #r5Sw .swiper-slide .heal_src5_btn.on{border:5px solid #1ed87c;width:2.2rem}
#healthy #main .r5 .heal_src5_block .heal_src5_con #r5Sw .swiper-slide .heal_src5_btn.on>span{width:100%}
#healthy #main .r5 .heal_src5_block .heal_src5_con #r5Sw .swiper-slide .heal_src5_btn.on>span::after,#healthy #main .r5 .heal_src5_block .heal_src5_con #r5Sw .swiper-slide .heal_src5_btn.on>span::before{opacity:1}
#healthy #main .r5 .heal_src5_block .heal_src5_con #r5Sw .swiper-slide .heal_src5_btn.on .heal_src5_nav_n>div:nth-child(1){margin-bottom:.2rem;font-size:.36rem}
#healthy #main .r5 .heal_src5_block .heal_src5_con #r5Sw .swiper-slide .heal_src5_btn.on .heal_src5_nav_n>div:nth-child(2){font-size:.2rem}
}
#healthy #main .r5 .heal_src5_block .heal_src5_con #r5Sw .swiper-slide .heal_src5_btn.on::before{-webkit-animation:dotL 2s ease-out infinite 1s;animation:dotL 2s ease-out infinite 1s}
#healthy #main .r5 .heal_src5_block .heal_src5_con #r5Sw .swiper-slide .heal_src5_btn.on::after{-webkit-animation:dotL 2s ease-out infinite;animation:dotL 2s ease-out infinite}
#healthy #main .r5 .heal_src5_block .heal_src5_con #r5Sw .swiper-slide.swiper-slide-active .heal_src5_n_img{border-color:#008755;-webkit-transform:scale(1.4);transform:scale(1.4)}
#healthy #main .r6 .at_on{opacity:1!important;visibility:visible!important}
#healthy #main .r7{position:relative}
#healthy #main .r7 .r7_text_box{width:100%;position:absolute;padding-left:1rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);line-height:1;color:#fff}
#healthy #main .r7 .r7_text_box .heal_src7_i{font-size:.58rem;margin-bottom:.58rem;letter-spacing:.473em;font-weight:300}
#healthy #main .r7 .r7_text_box .heal_src7_n{font-size:.96rem;font-weight:800;letter-spacing:.18em;text-shadow:-1px 1px 1px rgba(0,0,0,.5)}
#healthy #main .r8{position:relative}
#healthy #main .r8 .r8_con_case{position:absolute;width:calc(95.8%);left:2.1rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);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}
#healthy #main .r8 .r8_con_case .r8_left,#healthy #main .r8 .r8_con_case .r8_right{width:4.2rem;height:4.2rem;border-radius:50%;background-color:rgba(255,211,133,.05);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;position:relative;border:1px solid rgba(255,211,133,.5)}
#healthy #main .r8 .r8_con_case .r8_left>img,#healthy #main .r8 .r8_con_case .r8_right>img{position:absolute;width:5.2rem;left:50%;top:50%;margin-left:-2.6rem;margin-top:-2.6rem;z-index:0}
@media screen and (orientation:portrait){
#healthy #main .row .process{display:none}
#healthy #main .hint_d{display:none}
#healthy #main .r1{padding:1.5rem 10%}
#healthy #main .r1 .c1{width:100%;padding-top:0;margin-left:0;padding-bottom:.8rem;text-align:center;padding-left:0}
#healthy #main .r1 .c1 .group .note{font-size:.48rem}
#healthy #main .r1 .c2{position:relative;width:100vw;left:-10vw}
#healthy #main .r1 .c2 .imgBox{height:87.3vw;width:100vw}
#healthy #main .r1 .c2 .imgBox .imgWrap{-webkit-mask-size:143.75vw;mask-size:143.75vw}
#healthy #main .r1 .c2 .imgBox .imgWrap .pic>div{background-size:143.75vw}
#healthy #main .r2{height:auto!important}
#healthy #main .r2 .vh_box .vw_box .swiper-container .swiper-wrapper .swiper-slide .pub_img_box{height:auto}
#healthy #main .r2 .vh_box .vw_box .swiper-container .swiper-wrapper .swiper-slide .pub_img_box::before{display:block;margin-top:52.1%}
#healthy #main .r2 .vh_box .vw_box .swiper-pagination{right:.3rem}
#healthy #main .r2 .vh_box .vw_box .heal_src2_tex_box{position:relative;width:80%;margin:.6rem auto;-webkit-transform:none;transform:none;left:0;top:0;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;pointer-events:auto}
#healthy #main .r2 .vh_box .vw_box .heal_src2_tex_box>div{margin-top:0}
#healthy #main .r2 .vh_box .vw_box .heal_src2_tex_box .heal_src2_tex{margin-top:.5rem;padding-right:0;text-align:left}
#healthy #main .r2 .vh_box .vw_box .heal_src2_tex_box .heal_src2_tex .heal_src2_con{display:none}
#healthy #main .r2 .vh_box .vw_box .heal_src2_tex_box .heal_src2_tex .heal_src2_con.on{display:block}
#healthy #main .r2 .vh_box .vw_box .heal_src2_tex_box .heal_src2_tex .heal_src2_con.on .heal_n{font-size:.48rem}
#healthy #main .r2 .vh_box .vw_box .heal_src2_tex_box .heal_src2_tex .heal_src2_con .heal_i,#healthy #main .r2 .vh_box .vw_box .heal_src2_tex_box .heal_src2_tex .heal_src2_con .heal_n{color:#000}
#healthy #main .r2 .vh_box .vw_box .heal_src2_tex_box .heal_r{padding-left:0}
#healthy #main .r2 .vh_box .vw_box .heal_src2_tex_box .heal_r .heal_m{color:#000}
#healthy #main .r3 .heal_src3_block{padding-top:0;padding-bottom:1rem}
#healthy #main .r3 .heal_src3_block .heal_src3_page{display:none}
#healthy #main .r3 .heal_src3_block .heal_src3_con{width:80%;margin:0 auto}
#healthy #main .r3 .heal_src3_block .heal_src3_con heal_src3_n{font-size:.4rem}
#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period .heal_src3_name>div{display:none}
#healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period .heal_src3_mes_box{display:none}
#healthy #main .r3 .heal_src3_block>.heal_src3_con_box{display:block;margin:.8rem auto 0;width:80%;position:relative}
#healthy #main .r3 .heal_src3_block>.heal_src3_con_box .heal_src3_period{position:relative;left:auto!important;right:auto!important;top:auto!important;width:100%;margin-bottom:.5rem;margin-top:0}
#healthy #main .r3 .heal_src3_block>.heal_src3_con_box .heal_src3_period .heal_src3_mes_box{display:block;width:100%;position:relative;top:auto!important;left:0!important;right:auto!important;opacity:1;pointer-events:all}
#healthy #main .r3 .heal_src3_block>.heal_src3_con_box .heal_src3_period .heal_src3_mes_box::before{display:none}
#healthy #main .r3 .heal_src3_block>.heal_src3_con_box .heal_src3_period .heal_src3_mes_box>div{display:block}
#healthy #main .r3 .heal_src3_block>.heal_src3_con_box .heal_src3_period .heal_src3_mes_box>div .heal_src3_t span{margin-right:.1rem;font-size:inherit}
#healthy #main .r4 .heal_src4_block{-webkit-transform:none;transform:none}
#healthy #main .r4 .heal_src4_block .heal_src4_con_box{padding:1rem 10%}
#healthy #main .r4 .heal_src4_block .heal_src4_con_box>.heal_src4_l{width:100%;display:block;margin-bottom:.6rem;text-align:center}
#healthy #main .r4 .heal_src4_block .heal_src4_con_box>.heal_src4_l .hintd_r{display:none}
#healthy #main .r4 .heal_src4_block .heal_src4_con_box>.heal_src4_l .heal_src4_n{font-size:.48rem;font-weight:600}
#healthy #main .r4 .heal_src4_block .heal_src4_con_box .heal_src4_r{width:100%}
#healthy #main .r4 .heal_src4_block .heal_src4_con_box .heal_src4_r .swiper-container{width:100%}
#healthy #main .r4 .heal_src4_block .heal_src4_con_box .heal_src4_r .swiper-slide{width:100%}
#healthy #main .r4 .heal_src4_block .heal_src4_con_box .heal_src4_r .heal_src4_nav{position:relative;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;right:auto;top:auto;-webkit-transform:none;transform:none;margin:.5rem auto 0;width:100%;height:auto}
#healthy #main .r4 .heal_src4_block .heal_src4_con_box .heal_src4_r .heal_src4_nav a{position:relative;margin:0 .1rem;left:auto;top:auto;width:.8rem;height:auto}
#healthy #main .r4 .heal_src4_block .heal_src4_con_box .heal_src4_r .heal_src4_nav a:first-child{display:block;font-size:.12rem}
#healthy #main .r4 .heal_src4_block .heal_src4_con_box .heal_src4_con{width:100%}
#healthy #main .r4 .heal_src4_block .heal_src4_con_box .heal_src4_con .heal_src4_tex .heal_src4_c_t{font-size:.48rem;margin-bottom:1rem}
#healthy #main .r4 .heal_src4_block .heal_src4_con_box .heal_src4_con .heal_src4_tex .heal_src4_c_i{width:90%;left:5%;bottom:5%;margin-bottom:0;line-height:1.5;height:4.5em}
#healthy #main .r5{padding:1rem 0}
#healthy #main .r5 .heal_src5_block .heal_src5_con .pub_case{width:100%}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src_l{position:relative;text-align:center;-webkit-transform:none;transform:none;top:auto;left:auto;padding:0 10%;margin-bottom:.6rem}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src_l .heal_src4_n{font-size:.48rem;color:#008755}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src_l .heal_src4_en{color:#008755}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_bg_box .pub_img_box{height:auto}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_bg_box .pub_img_box::before{margin-top:67.71%;display:block}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u{position:relative;margin:.8rem auto 0;width:80%;left:0;top:0;-webkit-transform:none;transform:none;border:none;height:2.2rem}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .heal_src5_c_dot{display:none}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .heal_src5_img{width:100%;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;height:auto;position:relative;left:0;top:0;-webkit-transform:none;transform:none}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .heal_src5_img .heal_src5_btn{position:relative;-webkit-transform:none;transform:none;left:auto!important;right:auto!important;top:auto!important}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .heal_src5_img .heal_src5_btn.on{border:2px solid #008755;-webkit-transform:scale(1.5);transform:scale(1.5)}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .heal_src5_img .heal_src5_btn span{display:none}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .heal_src5_img .heal_src5_btn .heal_src5_nav_n{color:#008755}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .heal_src5_img .heal_src5_btn .heal_src5_nav_n>div:first-child{font-size:.24rem;margin-top:.2rem}
#healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .heal_src5_img .heal_src5_btn .heal_src5_nav_n>div:nth-child(2){font-size:.18rem}
}
@-webkit-keyframes dotL{
0%{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
100%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(1.4);transform:translate(-50%,-50%) scale(1.4)}
}
@keyframes dotL{
0%{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
100%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(1.4);transform:translate(-50%,-50%) scale(1.4)}
}
#investment #main .r1 .inner{padding-top:1.3rem;padding-bottom:1.2rem;position:absolute;width:100%;top:0;left:0}
#investment #main .r1 .inner:hover{will-change:transform}
#investment #main .r1 .inner .topic{margin-bottom:.5rem;position:relative;text-align:center}
#investment #main .r1 .inner .topic h2{font-weight:600;line-height:1;margin-bottom:.2rem;text-align:center}
#investment #main .r1 .inner .topic .tree{position:absolute;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#investment #main .r1 .inner .topic .tree>span{line-height:1;margin-right:.2rem}
#investment #main .r1 .inner .topic .tree>span .sum{font-size:.3rem;font-family:en_b}
#investment #main .r1 .inner .topic .tree .line{width:2.4rem;margin-top:5px;height:3px;position:relative;background:#eee}
#investment #main .r1 .inner .topic .tree .line>span{position:absolute;left:0;top:0;height:100%;width:100%;background-color:#008755;transform:scaleX(.001);-webkit-transform:scaleX(.001);-moz-transform:scaleX(.001);-o-transform:scaleX(.001);-ms-transform:scaleX(.001);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-animation-name:lineAni_hen;animation-name:lineAni_hen}
#investment #main .r1 .inner .topic .tree .line.on>span{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transition-duration:5s;transition-duration:5s;transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-o-transform:scaleX(1);-ms-transform:scaleX(1)}
#investment #main .r1 .inner .group{height:29vw;width:100%;padding-left:28vw;position:relative}
#investment #main .r1 .inner .group .items{white-space:nowrap;-webkit-animation-name:slideX1;animation-name:slideX1;-webkit-animation-timing-function:linear;animation-timing-function:linear;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
#investment #main .r1 .inner .group .items .box{width:44vw;margin-right:2.5vw;position:relative}
#investment #main .r1 .inner .group .items .box .photo{width:44vw;height:26vw;border-radius:.2rem;overflow:hidden;position:relative}
#investment #main .r1 .inner .group .items .box .photo .pic{position:absolute;opacity:1;-webkit-animation-name:adFn2;animation-name:adFn2;width:calc(100% + 140px);height:calc(100% + 140px);left:-70px;top:-70px}
#investment #main .r1 .inner .group .items .box .msg{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;left:0;right:0;margin:0 auto;width:44vw;top:.6rem;height:100%;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-animation-name:adFn;animation-name:adFn}
#investment #main .r1 .inner .group .items .box .msg p{text-align:center}
#investment #main .r1 .inner .group #appSw .swiper-wrapper .swiper-slide{width:68vw}
#investment #main .r1 .inner .group #appSw .swiper-wrapper .swiper-slide .box{width:62vw;position:relative;margin:0 auto}
#investment #main .r1 .inner .group #appSw .swiper-wrapper .swiper-slide .box .photo{width:100%;height:45vw;border-radius:.2rem;overflow:hidden;position:relative}
#investment #main .r1 .inner .group #appSw .swiper-wrapper .swiper-slide .box .photo .pic{position:absolute;opacity:1;-webkit-animation-name:adFn2;animation-name:adFn2;width:calc(100% + 140px);height:calc(100% + 140px);left:-70px;top:-70px}
#investment #main .r1 .inner .group #appSw .swiper-wrapper .swiper-slide .box .msg{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;left:0;right:0;margin:0 auto;width:44vw;top:.6rem;height:100%;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-animation-name:adFn;animation-name:adFn}
#investment #main .r1 .inner .group #appSw .swiper-wrapper .swiper-slide .box .msg p{text-align:center}
#investment #main .r1 .inner .group .tree{position:absolute;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;bottom:-.6rem;padding:0 8%}
#investment #main .r1 .inner .group .tree>span{line-height:1;margin-right:.2rem}
#investment #main .r1 .inner .group .tree>span .sum{font-size:.3rem;font-family:en_b}
#investment #main .r1 .inner .group .tree .line{width:2.4rem;margin-top:5px;height:3px;position:relative;background:#eee}
#investment #main .r1 .inner .group .tree .line>span{position:absolute;left:0;top:0;height:100%;width:100%;background-color:#008755;transform:scaleX(.001);-webkit-transform:scaleX(.001);-moz-transform:scaleX(.001);-o-transform:scaleX(.001);-ms-transform:scaleX(.001);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-animation-name:lineAni_hen;animation-name:lineAni_hen}
#investment #main .r1 .inner .group .tree .line.on>span{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transition-duration:5s;transition-duration:5s;transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-o-transform:scaleX(1);-ms-transform:scaleX(1)}
#investment #main .r2{background:#f1fbf8;z-index:5}
#investment #main .r2 .wrap{position:relative;overflow:hidden}
#investment #main .r2 .wrap>.bg .cirBg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);width:86vw;height:86vw;border-radius:50%;line-height:86vw;text-align:center;border:1px solid rgba(0,135,85,.1)}
#investment #main .r2 .wrap>.bg>div{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);width:73vw}
#investment #main .r2 .wrap>.bg>div>img{width:100%;-webkit-animation:roll 12s linear infinite;animation:roll 12s linear infinite}
#investment #main .r2 .wrap>.inner{padding-top:1.2rem;position:relative;z-index:10;padding-bottom:2.2rem}
#investment #main .r2 .wrap>.inner h2{text-align:center;line-height:1;margin-bottom:.6rem}
#investment #main .r2 .wrap>.inner .group{height:6.4rem;position:relative}
#investment #main .r2 .wrap>.inner .group .con{position:absolute;left:0;top:0;width:100%;height:100%;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;padding:0 15vw;z-index:13}
#investment #main .r2 .wrap>.inner .group .con #clock{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;z-index:30;width:5.5rem;height:5.5rem;transition:all 1s cubic-bezier(0,0,0,1);-webkit-transition:all 1s cubic-bezier(0,0,0,1);-moz-transition:all 1s cubic-bezier(0,0,0,1);-o-transition:all 1s cubic-bezier(0,0,0,1);-ms-transition:all 1s cubic-bezier(0,0,0,1)}
#investment #main .r2 .wrap>.inner .group .con #clock .cir{position:absolute;width:5.5rem;height:5.5rem;border-radius:50%;line-height:5.5rem;text-align:center;border:1px solid rgba(0,135,85,.2)}
#investment #main .r2 .wrap>.inner .group .con #clock .time-box{pointer-events:none;z-index:5;position:absolute;width:calc(100% + 44px);height:calc(100% + 44px);top:-22px;left:-22px}
#investment #main .r2 .wrap>.inner .group .con #clock .time-box>ul{width:0;position:absolute}
#investment #main .r2 .wrap>.inner .group .con #clock .time-box>ul.time-num{-webkit-transform:scale(1.2);transform:scale(1.2);bottom:55%;left:50%;height:50%}
#investment #main .r2 .wrap>.inner .group .con #clock .time-box>ul.time-num>li>i{transition:all .3s cubic-bezier(0,0,0,1);-webkit-transition:all .3s cubic-bezier(0,0,0,1);-moz-transition:all .3s cubic-bezier(0,0,0,1);-o-transition:all .3s cubic-bezier(0,0,0,1);-ms-transition:all .3s cubic-bezier(0,0,0,1)}
#investment #main .r2 .wrap>.inner .group .con #clock .time-box>ul.time-num>li.on>i{opacity:1}
#investment #main .r2 .wrap>.inner .group .con #clock .time-box>ul>li{height:calc(100% + 7.5px);position:absolute;top:-8px;left:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}
#investment #main .r2 .wrap>.inner .group .con #clock .time-box>ul>li i{position:absolute;opacity:.5;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
#investment #main .r2 .wrap>.inner .group .con #clock .time-box>ul>li:nth-of-type(1){-webkit-transform:rotate(36deg);transform:rotate(36deg)}
#investment #main .r2 .wrap>.inner .group .con #clock .time-box>ul>li:nth-of-type(1) i{-webkit-transform:translateX(-50%) rotate(-36deg);transform:translateX(-50%) rotate(-36deg)}
#investment #main .r2 .wrap>.inner .group .con #clock .time-box>ul>li:nth-of-type(2){-webkit-transform:rotate(108deg);transform:rotate(108deg)}
#investment #main .r2 .wrap>.inner .group .con #clock .time-box>ul>li:nth-of-type(2) i{-webkit-transform:translateX(-50%) rotate(-108deg);transform:translateX(-50%) rotate(-108deg)}
#investment #main .r2 .wrap>.inner .group .con #clock .time-box>ul>li:nth-of-type(3){-webkit-transform:rotate(180deg);transform:rotate(180deg)}
#investment #main .r2 .wrap>.inner .group .con #clock .time-box>ul>li:nth-of-type(3) i{-webkit-transform:translateX(-50%) rotate(-180deg);transform:translateX(-50%) rotate(-180deg)}
#investment #main .r2 .wrap>.inner .group .con #clock .time-box>ul>li:nth-of-type(4){-webkit-transform:rotate(252deg);transform:rotate(252deg)}
#investment #main .r2 .wrap>.inner .group .con #clock .time-box>ul>li:nth-of-type(4) i{-webkit-transform:translateX(-50%) rotate(-252deg);transform:translateX(-50%) rotate(-252deg)}
#investment #main .r2 .wrap>.inner .group .con #clock .time-box>ul>li:nth-of-type(5){-webkit-transform:rotate(324deg);transform:rotate(324deg)}
#investment #main .r2 .wrap>.inner .group .con #clock .time-box>ul>li:nth-of-type(5) i{-webkit-transform:translateX(-50%) rotate(-324deg);transform:translateX(-50%) rotate(-324deg)}
#investment #main .r2 .wrap>.inner .group .con #clock .time-box>ul>li:nth-of-type(6){-webkit-transform:rotate(360deg);transform:rotate(360deg)}
#investment #main .r2 .wrap>.inner .group .con #clock .time-box>ul>li:nth-of-type(6) i{-webkit-transform:translateX(-50%) rotate(-360deg);transform:translateX(-50%) rotate(-360deg)}
#investment #main .r2 .wrap>.inner .group .con #clock .time-box>ul.time-cir{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;bottom:50%;left:50%;height:50%}
#investment #main .r2 .wrap>.inner .group .con #clock .time-box>ul.time-cir>li>i{width:60px;height:60px;border-radius:50%;line-height:60px;text-align:center;transition:all .3s cubic-bezier(0,0,0,1);-webkit-transition:all .3s cubic-bezier(0,0,0,1);-moz-transition:all .3s cubic-bezier(0,0,0,1);-o-transition:all .3s cubic-bezier(0,0,0,1);-ms-transition:all .3s cubic-bezier(0,0,0,1);border:2px solid;opacity:.8;cursor:pointer;pointer-events:auto;border-color:transparent}
@media screen and (max-width:600px){
#investment #main .r2 .wrap>.inner .group .con #clock .time-box>ul.time-cir>li>i{width:6px;height:6px;border-radius:50%;line-height:6px;text-align:center}
}
#investment #main .r2 .wrap>.inner .group .con #clock .time-box>ul.time-cir>li>i>span{width:16px;height:16px;line-height:16px;text-align:center;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;border-radius:50%;background-color:#008755;transition:all .3s cubic-bezier(0,0,0,1);-webkit-transition:all .3s cubic-bezier(0,0,0,1);-moz-transition:all .3s cubic-bezier(0,0,0,1);-o-transition:all .3s cubic-bezier(0,0,0,1);-ms-transition:all .3s cubic-bezier(0,0,0,1);transform:scale(.5);-webkit-transform:scale(.5);-moz-transform:scale(.5);-o-transform:scale(.5);-ms-transform:scale(.5)}
@media screen and (max-width:600px){
#investment #main .r2 .wrap>.inner .group .con #clock .time-box>ul.time-cir>li>i>span{width:8px;height:8px;border-radius:50%;line-height:8px;text-align:center}
}
#investment #main .r2 .wrap>.inner .group .con #clock .time-box>ul.time-cir>li>i>a{position:absolute;height:100%;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}
#investment #main .r2 .wrap>.inner .group .con #clock .time-box>ul.time-cir>li>i>a em{white-space:nowrap;display:block;line-height:1;color:rgba(0,0,0,.4);font-size:20px;-webkit-transition:color .5s ease-in-out;transition:color .5s ease-in-out}
#investment #main .r2 .wrap>.inner .group .con #clock .time-box>ul.time-cir>li.on{pointer-events:none}
#investment #main .r2 .wrap>.inner .group .con #clock .time-box>ul.time-cir>li.on>i{opacity:1;pointer-events:none;border-color:#008755}
#investment #main .r2 .wrap>.inner .group .con #clock .time-box>ul.time-cir>li.on>i>a>em{color:#008755}
#investment #main .r2 .wrap>.inner .group .con #clock .time-box>ul.time-cir>li:nth-child(1)>i>a{left:calc(100% + .6rem)}
#investment #main .r2 .wrap>.inner .group .con #clock .time-box>ul.time-cir>li:nth-child(2)>i>a{left:calc(100% + .6rem)}
#investment #main .r2 .wrap>.inner .group .con #clock .time-box>ul.time-cir>li:nth-child(3)>i>a{width:calc(100% + 2rem);top:125%;left:-1rem}
#investment #main .r2 .wrap>.inner .group .con #clock .time-box>ul.time-cir>li:nth-child(4)>i>a{right:calc(100% + .6rem)}
#investment #main .r2 .wrap>.inner .group .con #clock .time-box>ul.time-cir>li:nth-child(5)>i>a{right:calc(100% + .6rem)}
#investment #main .r2 .wrap>.inner .group .con #clock .time-move{z-index:4;position:absolute;width:calc(100% + 6px);height:calc(100% + 6px);left:-3px;top:-3px}
@media screen and (min-width:600px){
#investment #main .r2 .wrap>.inner .group .con #clock .time-move canvas{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:100%;height:100%}
}
@media screen and (max-width:600px){
#investment #main .r2 .wrap>.inner .group .con #clock .time-move canvas{width:100%}
}
#investment #main .r2 .wrap>.inner .group .con #clock .msg-box{position:absolute;width:100%;height:100%;top:0;left:0;z-index:10;pointer-events:none;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}
#investment #main .r2 .wrap>.inner .group .con #clock .msg-box>img{width:1.8rem}
#investment #main .r2 .wrap>.inner .group .con.on{opacity:1;pointer-events:auto}
#investment #main .r2 .other{position:relative;margin-top:-2vw}
#investment #main .r2 .other>.bg .rect{width:88%;height:100%;position:relative;-webkit-mask-image:url(../img/mask3.png);mask-image:url(../img/mask3.png);-webkit-mask-position:center left;mask-position:center left;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;z-index:1}
#investment #main .r2 .other>.bg .rect .pic:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,.2)),to(rgba(0,0,0,.7)));background:linear-gradient(90deg,rgba(0,0,0,.2) 0,rgba(0,0,0,.7) 100%)}
#investment #main .r2 .other>.bg .mask{position:absolute;bottom:-5px;z-index:0;left:0;width:100%;height:50%;background-color:#fff}
#investment #main .r2 .other>.bg:after{content:"";position:absolute;top:-2px;z-index:2;left:0;width:88%;height:4px;background-color:#f1fbf8}
#investment #main .r2 .other>.bg:before{content:"";position:absolute;bottom:-4px;z-index:4;left:0;width:88%;height:8px;background-color:#fff}
#investment #main .r2 .other>.inner{position:relative;z-index:10;padding-left:30%;width:100%}
#investment #main .r2 .other>.inner .til{max-width:6.5rem;position:absolute;left:8vw;bottom:12%}
#investment #main .r2 .other>.inner .til h3{margin-bottom:.4rem;font-weight:600}
#investment #main .r2 .other>.inner>img{width:100%}
#investment #main .r2 .other>.inner .group{position:absolute;width:80%;left:20%;top:0;bottom:0;margin:auto 0;height:48%;padding-bottom:2vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-right:8vw}
#investment #main .r2 .other>.inner .group h3{font-size:1rem;line-height:1;margin-bottom:.1rem}
#investment #main .r2 .other>.inner .group p{line-height:1}
#investment #main .r2 .other>.inner .group .box{margin-top:.5rem}
#investment #main .r2 .other>.inner .group .box .topic{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#investment #main .r2 .other>.inner .group .box .topic .inBox{width:4.5rem;height:.8rem;padding:0 .3rem;margin-right:.4rem;background-color:#fff;border-radius:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;z-index:10}
#investment #main .r2 .other>.inner .group .box .topic .inBox .select{text-align:center;width:100%;text-indent:-.2rem;cursor:pointer;border:none;background-color:transparent;color:#008755;font-size:20px;font-weight:600}
#investment #main .r2 .other>.inner .group .box .topic .inBox input[type=submit]{width:.8rem;height:.8rem;border-radius:50%;line-height:.8rem;text-align:center;position:absolute;right:-.4rem;top:0;background-color:#26d07c;color:#fff;font-size:24px;border:none}
#investment #main .r2 .other>.inner .group .box .topic .inBox .line{position:absolute;width:calc(100% - .3rem);z-index:10;height:.12rem;top:100%;left:0}
#investment #main .r2 .other>.inner .group .box .topic .inBox .items{background-color:#fff;pointer-events:none;width:calc(100% - .6rem);position:absolute;top:calc(100% + .1rem);left:.3rem;border-radius:.1rem;transform:scale(.9);-webkit-transform:scale(.9);-moz-transform:scale(.9);-o-transform:scale(.9);-ms-transform:scale(.9);-webkit-transform-origin:0 0;transform-origin:0 0;opacity:0;-webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;max-height:3rem;overflow:auto}
#investment #main .r2 .other>.inner .group .box .topic .inBox .items::-webkit-scrollbar{width:4px;background-color:rgba(255,255,255,.1)}
#investment #main .r2 .other>.inner .group .box .topic .inBox .items::-webkit-scrollbar-thumb{border:solid 1px #26d07c;width:3px;border-radius:4px;background-color:#26d07c}
#investment #main .r2 .other>.inner .group .box .topic .inBox .items::-webkit-scrollbar:horizontal{height:3px}
#investment #main .r2 .other>.inner .group .box .topic .inBox .items li{height:.6rem;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:0 .3rem;width:100%;-webkit-transition:background-color .3s ease-in-out;transition:background-color .3s ease-in-out}
#investment #main .r2 .other>.inner .group .box .topic .inBox .items li>span{font-size:18px;width:calc(100% - .6rem);display:block;cursor:pointer}
#investment #main .r2 .other>.inner .group .box .topic .inBox .items li>a{width:.3rem;height:.3rem;line-height:.3rem;text-align:center;font-size:20px;margin-right:-.15rem;visibility:hidden;-webkit-transition:color .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:color .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:color .3s ease-in-out,transform .3s ease-in-out;transition:color .3s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out}
#investment #main .r2 .other>.inner .group .box .topic .inBox .items li>a:hover{color:#008755;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg)}
#investment #main .r2 .other>.inner .group .box .topic .inBox .items li:hover{background-color:rgba(0,135,85,.1)}
#investment #main .r2 .other>.inner .group .box .topic .inBox .items li.on{background-color:rgba(0,135,85,.2)}
#investment #main .r2 .other>.inner .group .box .topic .inBox .items li.on>a{visibility:visible}
#investment #main .r2 .other>.inner .group .box .topic .inBox:hover{will-change:transform}
#investment #main .r2 .other>.inner .group .box .topic .inBox.on .items{pointer-events:auto;transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;opacity:1}
#investment #main .r2 .other>.inner .group .box .mid{overflow:auto;max-height:3.8rem;padding-right:.4rem;margin-right:-.4rem;margin-top:.3rem;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-position:center bottom;mask-position:center bottom;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
#investment #main .r2 .other>.inner .group .box .mid::-webkit-scrollbar{width:4px;background-color:rgba(255,255,255,.1)}
#investment #main .r2 .other>.inner .group .box .mid::-webkit-scrollbar-thumb{border:solid 1px #26d07c;width:3px;border-radius:4px;background-color:#26d07c}
#investment #main .r2 .other>.inner .group .box .mid::-webkit-scrollbar:horizontal{height:3px}
#investment #main .r2 .other>.inner .group .box .mid .list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid rgba(255,255,255,.2);padding:.2rem 0}
#investment #main .r2 .other>.inner .group .box .mid .list:last-of-type{border-bottom:none}
#investment #main .r2 .other>.inner .group .box .mid .list h4{width:calc(100% - 1.5rem);font-weight:600}
#investment #main .r2 .other>.inner .group .box .mid .list p{text-align:right;line-height:1.6}
#investment #main .r2 .other>.mid{overflow:auto;max-height:3.8rem;padding-right:.4rem;margin-right:-.4rem;margin-top:.3rem;-webkit-mask:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,0)),color-stop(60%,#000));-webkit-mask:linear-gradient(0deg,rgba(0,0,0,0) 0,#000 60%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-position:center bottom;mask-position:center bottom;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
#investment #main .r2 .other>.mid::-webkit-scrollbar{width:4px;background-color:rgba(255,255,255,.1)}
#investment #main .r2 .other>.mid::-webkit-scrollbar-thumb{border:solid 1px #26d07c;width:3px;border-radius:4px;background-color:#26d07c}
#investment #main .r2 .other>.mid::-webkit-scrollbar:horizontal{height:3px}
#investment #main .r2 .other>.mid .list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid rgba(255,255,255,.2);padding:.2rem 0}
#investment #main .r2 .other>.mid .list:last-of-type{border-bottom:none}
#investment #main .r2 .other>.mid .list h4{width:calc(100% - 1.5rem);font-weight:600}
#investment #main .r2 .other>.mid .list p{text-align:right;line-height:1.6}
#investment #main .r3 .bg{pointer-events:none}
#investment #main .r3 .bg .a1{position:absolute;bottom:0;left:-36vw;width:60vw}
#investment #main .r3 .bg .a2{position:absolute;top:-4vw;right:-30vw;width:60vw}
#investment #main .r3 .inner{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;width:100%}
#investment #main .r3 .inner .col{width:80%}
#investment #main .r3 .inner .col:nth-of-type(1){padding-top:1.2rem;padding-bottom:1rem;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:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#investment #main .r3 .inner .col:nth-of-type(1) h3{margin-bottom:.45rem}
#investment #main .r3 .inner .col:nth-of-type(1) .map{width:100%;position:relative}
#investment #main .r3 .inner .col:nth-of-type(1) .map .mapImg{display:block;margin:0 auto;width:6.6rem}
#investment #main .r3 .inner .col:nth-of-type(1) .map .dot{position:absolute;left:0;right:0;margin:auto;top:0;width:6.6rem;margin:0 auto;z-index:5}
#investment #main .r3 .inner .col:nth-of-type(1) .map .ripple{position:absolute;left:0;right:0;margin:auto;height:100%;width:6.6rem;top:0;margin:0 auto;z-index:2}
#investment #main .r3 .inner .col:nth-of-type(1) .map .ripple>span{position:absolute;left:38%;top:29%;transform:scale(.01);-webkit-transform:scale(.01);-moz-transform:scale(.01);-o-transform:scale(.01);-ms-transform:scale(.01);width:4rem;height:4rem;border-radius:50%;line-height:4rem;text-align:center;opacity:.2;background-color:#008755;-webkit-animation:ripple 5s ease-in-out infinite;animation:ripple 5s ease-in-out infinite}
#investment #main .r3 .inner .col:nth-of-type(1) .map .ripple>span:nth-of-type(1){-webkit-animation-delay:0s;animation-delay:0s}
#investment #main .r3 .inner .col:nth-of-type(1) .map .ripple>span:nth-of-type(2){-webkit-animation-delay:1.4s;animation-delay:1.4s}
#investment #main .r3 .inner .col:nth-of-type(1) .map .ripple>span:nth-of-type(3){-webkit-animation-delay:3s;animation-delay:3s}
#investment #main .r3 .inner .col:nth-of-type(1) .msg{text-align:center;margin-top:-.4rem}
#investment #main .r3 .inner .col:nth-of-type(1) .msg p b{font-family:en_b;color:#008755;font-size:.36rem;line-height:1}
#investment #main .r4{background-color:#f1fbf8}
#investment #main .r4 .inner{padding-top:1.1rem}
#investment #main .r4 .inner .group{position:relative;padding-bottom:2rem;background-size:cover}
#investment #main .r4 .inner .group .tab{margin-bottom:.8rem;position:relative;z-index:6;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}
#investment #main .r4 .inner .group .tab>li{margin:0 .3rem;cursor:pointer}
#investment #main .r4 .inner .group .tab>li h2{color:rgba(0,0,0,.2);font-size:.54rem;line-height:1;-webkit-transition:color .5s ease-in-out;transition:color .5s ease-in-out;font-weight:600;text-align:center}
#investment #main .r4 .inner .group .tab>li.on h2,#investment #main .r4 .inner .group .tab>li:hover h2{color:#008755}
#investment #main .r4 .inner .group .wrap{position:relative}
#investment #main .r4 .inner .group .wrap .mid{height:26vw;width:100%;position:relative;margin:0 auto 0 auto;z-index:6;opacity:0;pointer-events:none;-webkit-transition:opacity .8s ease-in-out;transition:opacity .8s ease-in-out}
#investment #main .r4 .inner .group .wrap .mid.on{opacity:1;pointer-events:auto}
#investment #main .r4 .inner .group .wrap .mid#m2{position:absolute;width:100%;height:100%;top:0;left:0;height:32vw}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;z-index:30;width:5.5rem;height:5.5rem;transition:all 1s cubic-bezier(0,0,0,1);-webkit-transition:all 1s cubic-bezier(0,0,0,1);-moz-transition:all 1s cubic-bezier(0,0,0,1);-o-transition:all 1s cubic-bezier(0,0,0,1);-ms-transition:all 1s cubic-bezier(0,0,0,1)}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .cir{position:absolute;width:5.5rem;height:5.5rem;border-radius:50%;line-height:5.5rem;text-align:center;border:1px solid rgba(0,135,85,.2)}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box{pointer-events:none;z-index:5;position:absolute;width:calc(100% + 44px);height:calc(100% + 44px);top:-22px;left:-22px}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box>ul{width:0;position:absolute}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box>ul.time-num{-webkit-transform:scale(1.2);transform:scale(1.2);bottom:55%;left:50%;height:50%}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box>ul.time-num>li>i{transition:all .3s cubic-bezier(0,0,0,1);-webkit-transition:all .3s cubic-bezier(0,0,0,1);-moz-transition:all .3s cubic-bezier(0,0,0,1);-o-transition:all .3s cubic-bezier(0,0,0,1);-ms-transition:all .3s cubic-bezier(0,0,0,1)}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box>ul.time-num>li.on>i{opacity:1}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box>ul>li{height:calc(100% + 7.5px);position:absolute;top:-8px;left:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box>ul>li i{position:absolute;opacity:.5;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box>ul>li:nth-of-type(1){-webkit-transform:rotate(0);transform:rotate(0)}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box>ul>li:nth-of-type(1) i{-webkit-transform:translateX(-50%) rotate(0);transform:translateX(-50%) rotate(0)}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box>ul>li:nth-of-type(2){-webkit-transform:rotate(40deg);transform:rotate(40deg)}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box>ul>li:nth-of-type(2) i{-webkit-transform:translateX(-50%) rotate(-40deg);transform:translateX(-50%) rotate(-40deg)}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box>ul>li:nth-of-type(3){-webkit-transform:rotate(80deg);transform:rotate(80deg)}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box>ul>li:nth-of-type(3) i{-webkit-transform:translateX(-50%) rotate(-80deg);transform:translateX(-50%) rotate(-80deg)}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box>ul>li:nth-of-type(4){-webkit-transform:rotate(120deg);transform:rotate(120deg)}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box>ul>li:nth-of-type(4) i{-webkit-transform:translateX(-50%) rotate(-120deg);transform:translateX(-50%) rotate(-120deg)}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box>ul>li:nth-of-type(5){-webkit-transform:rotate(160deg);transform:rotate(160deg)}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box>ul>li:nth-of-type(5) i{-webkit-transform:translateX(-50%) rotate(-160deg);transform:translateX(-50%) rotate(-160deg)}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box>ul>li:nth-of-type(6){-webkit-transform:rotate(200deg);transform:rotate(200deg)}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box>ul>li:nth-of-type(6) i{-webkit-transform:translateX(-50%) rotate(-200deg);transform:translateX(-50%) rotate(-200deg)}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box>ul>li:nth-of-type(7){-webkit-transform:rotate(240deg);transform:rotate(240deg)}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box>ul>li:nth-of-type(7) i{-webkit-transform:translateX(-50%) rotate(-240deg);transform:translateX(-50%) rotate(-240deg)}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box>ul>li:nth-of-type(8){-webkit-transform:rotate(280deg);transform:rotate(280deg)}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box>ul>li:nth-of-type(8) i{-webkit-transform:translateX(-50%) rotate(-280deg);transform:translateX(-50%) rotate(-280deg)}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box>ul>li:nth-of-type(9){-webkit-transform:rotate(320deg);transform:rotate(320deg)}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box>ul>li:nth-of-type(9) i{-webkit-transform:translateX(-50%) rotate(-320deg);transform:translateX(-50%) rotate(-320deg)}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box>ul.time-cir{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;bottom:50%;left:50%;height:50%}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box>ul.time-cir>li>i{width:60px;height:60px;border-radius:50%;line-height:60px;text-align:center;transition:all .3s cubic-bezier(0,0,0,1);-webkit-transition:all .3s cubic-bezier(0,0,0,1);-moz-transition:all .3s cubic-bezier(0,0,0,1);-o-transition:all .3s cubic-bezier(0,0,0,1);-ms-transition:all .3s cubic-bezier(0,0,0,1);border:2px solid;opacity:.8;cursor:pointer;pointer-events:auto;border-color:transparent}
@media screen and (max-width:600px){
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box>ul.time-cir>li>i{width:6px;height:6px;border-radius:50%;line-height:6px;text-align:center}
}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box>ul.time-cir>li>i>span{width:16px;height:16px;line-height:16px;text-align:center;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;border-radius:50%;background-color:#008755;transition:all .3s cubic-bezier(0,0,0,1);-webkit-transition:all .3s cubic-bezier(0,0,0,1);-moz-transition:all .3s cubic-bezier(0,0,0,1);-o-transition:all .3s cubic-bezier(0,0,0,1);-ms-transition:all .3s cubic-bezier(0,0,0,1);transform:scale(.5);-webkit-transform:scale(.5);-moz-transform:scale(.5);-o-transform:scale(.5);-ms-transform:scale(.5)}
@media screen and (max-width:600px){
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box>ul.time-cir>li>i>span{width:8px;height:8px;border-radius:50%;line-height:8px;text-align:center}
}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box>ul.time-cir>li>i>a{position:absolute;height:100%;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}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box>ul.time-cir>li>i>a em{white-space:nowrap;display:block;line-height:1;color:rgba(0,0,0,.4);font-size:.2rem;-webkit-transition:color .5s ease-in-out;transition:color .5s ease-in-out}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box>ul.time-cir>li.on{pointer-events:none}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box>ul.time-cir>li.on>i{opacity:1;pointer-events:none;border-color:#008755}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box>ul.time-cir>li.on>i>a>em{color:#008755}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box>ul.time-cir>li:nth-child(1)>i>a{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:calc(100% + 0rem)}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box>ul.time-cir>li:nth-child(2)>i>a{left:calc(100% + .6rem)}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box>ul.time-cir>li:nth-child(3)>i>a{left:calc(100% + .6rem)}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box>ul.time-cir>li:nth-child(4)>i>a{left:calc(100% + .6rem)}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box>ul.time-cir>li:nth-child(5)>i>a{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:calc(100% + .1rem)}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box>ul.time-cir>li:nth-child(6)>i>a{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:calc(100% + .1rem)}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box>ul.time-cir>li:nth-child(7)>i>a{right:calc(100% + .6rem)}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box>ul.time-cir>li:nth-child(8)>i>a{right:calc(100% + .6rem)}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box>ul.time-cir>li:nth-child(9)>i>a{right:calc(100% + .6rem)}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-move{z-index:4;position:absolute;width:calc(100% + 6px);height:calc(100% + 6px);left:-3px;top:-3px}
@media screen and (min-width:600px){
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-move canvas{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:100%;height:100%}
}
@media screen and (max-width:600px){
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-move canvas{width:100%}
}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .msg-box{position:absolute;width:100%;height:100%;top:0;left:0;z-index:10;pointer-events:none;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}
#investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .msg-box>img{width:1.8rem}
#investment #main .r4 .inner .group .wrap .mid .box{border-radius:.1rem}
#investment #main .r4 .inner .group .wrap .mid .box .grc{color:rgba(0,0,0,.5)}
#investment #main .r4 .inner .group .wrap .mid .box .swiper{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:.1rem;overflow:hidden}
#investment #main .r4 .inner .group .wrap .mid .box .swiper .swiper-wrapper .swiper-slide{background-color:#000}
#investment #main .r4 .inner .group .wrap .mid .box .swiper .swiper-wrapper .swiper-slide .photo{position:absolute;width:100%;height:100%;top:0;left:0;background-position:center;background-repeat:no-repeat;background-size:cover;padding:5% 7%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
#investment #main .r4 .inner .group .wrap .mid .box .swiper .swiper-wrapper .swiper-slide .photo .top{color:#fff;position:relative;z-index:10}
#investment #main .r4 .inner .group .wrap .mid .box .swiper .swiper-wrapper .swiper-slide .photo .con{position:relative;z-index:10}
#investment #main .r4 .inner .group .wrap .mid .box .swiper .swiper-wrapper .swiper-slide .photo .con small{font-weight:100;color:#fff;display:inline-block;line-height:2}
#investment #main .r4 .inner .group .wrap .mid .box .swiper .swiper-wrapper .swiper-slide .photo .con h3{color:#fff;font-weight:600}
#investment #main .r4 .inner .group .wrap .mid .box .mask{position:absolute;width:100%;height:100%;top:0;left:0;z-index:10;top:1rem}
#investment #main .r4 .inner .group .wrap .mid .box .mask .msg{position:absolute;left:0;top:0;width:100%;height:100%}
#investment #main .r4 .inner .group .wrap .mid .box .mask .msg .list{padding:5% 7%;position:absolute;width:100%;height:100%;top:0;left:0;display:none;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
#investment #main .r4 .inner .group .wrap .mid .box .mask .msg .list .top{color:#fff;position:relative;z-index:10}
#investment #main .r4 .inner .group .wrap .mid .box .mask .msg .list .con{position:relative;z-index:10;width:100%}
#investment #main .r4 .inner .group .wrap .mid .box .mask .msg .list .con h3{text-align:center;font-size:24px;font-weight:600}
#investment #main .r4 .inner .group .wrap .mid .box .mask .msg .list.on{display:-webkit-box;display:-ms-flexbox;display:flex}
#investment #main .r4 .inner .group .wrap .mid .box .mask>span.num{position:absolute;color:#008755;text-align:center;width:100%;bottom:-.36rem;left:0}
#investment #main .r4 .inner .group .wrap .mid .box .mask>span.num .sum{color:#008755}
#investment #main .r4 .inner .group .wrap .mid .box:nth-of-type(1){position:absolute;width:39%;right:83.33%;top:0;padding-bottom:26%;background-color:#000}
#investment #main .r4 .inner .group .wrap .mid .box:nth-of-type(1) .photo:after{content:"";pointer-events:none;width:100%;height:100%;top:0;left:0;position:absolute;z-index:2;background:rgba(0,0,0,.5)}
#investment #main .r4 .inner .group .wrap .mid .box:nth-of-type(2){position:absolute;width:39%;left:0;right:0;margin:0 auto;top:0;padding-bottom:26%;-webkit-box-shadow:0 .4rem 1rem -.5rem rgba(91,93,94,.4);box-shadow:0 .4rem 1rem -.5rem rgba(91,93,94,.4)}
#investment #main .r4 .inner .group .wrap .mid .box:nth-of-type(2) .swiper{width:100%}
#investment #main .r4 .inner .group .wrap .mid .box:nth-of-type(2) .swiper .swiper-wrapper .swiper-slide .photo .top{opacity:0}
#investment #main .r4 .inner .group .wrap .mid .box:nth-of-type(2) .swiper .swiper-wrapper .swiper-slide .photo .con{opacity:0}
#investment #main .r4 .inner .group .wrap .mid .box:nth-of-type(2) .swiper .swiper-wrapper .swiper-slide .photo:after{content:"";pointer-events:none;width:100%;height:100%;top:0;left:0;position:absolute;z-index:2;background:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,.7)),color-stop(30%,rgba(0,0,0,.1)),to(rgba(0,0,0,.1)));background:linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.1) 30%,rgba(0,0,0,.1) 100%)}
#investment #main .r4 .inner .group .wrap .mid .box:nth-of-type(2) .col{position:absolute;width:100%;height:100%;top:0;left:0;z-index:5;width:calc(100% + 18vw);left:-9vw;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}
#investment #main .r4 .inner .group .wrap .mid .box:nth-of-type(2) .col .slider--btn{position:relative;display:inline-block}
#investment #main .r4 .inner .group .wrap .mid .box:nth-of-type(2) .col .slider--btn svg{position:relative;width:.7rem;stroke:rgba(0,135,85,.3);stroke-width:2px;stroke-linecap:butt;stroke-linejoin:miter;fill:rgba(0,135,85,0);stroke-dasharray:400%;stroke-dashoffset:0;-webkit-transition:fill .8s ease,stroke-dashoffset 2s ease;transition:fill .8s ease,stroke-dashoffset 2s ease}
#investment #main .r4 .inner .group .wrap .mid .box:nth-of-type(2) .col .slider--btn i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);top:46%;color:#008755;font-size:12px;transition:color .8s cubic-bezier(0,0,0,1);-webkit-transition:color .8s cubic-bezier(0,0,0,1);-moz-transition:color .8s cubic-bezier(0,0,0,1);-o-transition:color .8s cubic-bezier(0,0,0,1);-ms-transition:color .8s cubic-bezier(0,0,0,1)}
#investment #main .r4 .inner .group .wrap .mid .box:nth-of-type(2) .col .slider--btn:nth-of-type(1) i{padding-left:20%}
#investment #main .r4 .inner .group .wrap .mid .box:nth-of-type(2) .col .slider--btn:nth-of-type(2){margin-bottom:.3rem;margin-left:.48rem}
#investment #main .r4 .inner .group .wrap .mid .box:nth-of-type(2) .col .slider--btn:nth-of-type(2) i{padding-right:20%}
#investment #main .r4 .inner .group .wrap .mid .box:nth-of-type(2) .col .slider--btn:hover>svg{fill:#008755;stroke-dashoffset:400%}
#investment #main .r4 .inner .group .wrap .mid .box:nth-of-type(2) .col .slider--btn:hover i{color:#fff}
#investment #main .r4 .inner .group .wrap .mid .box:nth-of-type(3){position:absolute;width:39%;left:83.33%;top:0;padding-bottom:26%;background-color:#000}
#investment #main .r4 .inner .group .wrap .mid .box:nth-of-type(3) .swiper{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:.1rem;overflow:hidden}
#investment #main .r4 .inner .group .wrap .mid .box:nth-of-type(3) .swiper .swiper-wrapper{-webkit-transition-timing-function:ease;transition-timing-function:ease}
#investment #main .r4 .inner .group .wrap .mid .box:nth-of-type(3) .swiper .swiper-wrapper .swiper-slide .photo{position:absolute;width:100%;height:100%;top:0;left:0;background-position:center;background-repeat:no-repeat;background-size:cover}
#investment #main .r4 .inner .group .wrap .mid .box:nth-of-type(3) .swiper .swiper-wrapper .swiper-slide .photo:after{content:"";pointer-events:none;width:100%;height:100%;top:0;left:0;position:absolute;z-index:2;background:rgba(0,0,0,.5)}
#investment #main .r4 .inner .other{height:2.5rem;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}
#investment #main .r4 .inner .other .left{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}
#investment #main .r4 .inner .other .left>span{position:relative;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}
#investment #main .r4 .inner .other .left>span .iconfont{font-size:.34rem;margin-right:.1rem}
#investment #main .r4 .inner .other .left>span small{line-height:1.2}
#investment #main .r4 .inner .other .left .line{width:1px;margin:0 .7rem;height:.35rem;background:#008755}
#investment #main .r4 .inner .other .left h3{line-height:1}
#investment #main .r4 .inner .other .right{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#investment #main .r4 .inner .other .right>a{width:3.6rem;height:1rem}
#investment #main .r4 .inner .other .right>a .iconfont{font-weight:400;position:relative;z-index:10;font-size:.3rem;margin-right:.2rem}
#investment #main .r4 .inner .other .right>a>span>small>em{font-size:24px}
#business .grayB{background-color:#919388}
#business .backB{background-color:#919388}
#business .purseB .fillB{fill:rgba(147,50,142,.9)}
#business .purseB .backB{background-color:#93328e}
#business .purseB .colorB{color:#93328e}
#business .orgB .fillB{fill:rgba(164,116,73,.9)}
#business .orgB .backB{background-color:#a47449}
#business .orgB .colorB{color:#a47449}
#business .blueB .fillB{fill:rgba(48,127,226,.9)}
#business .blueB .backB{background-color:#307fe2}
#business .blueB .colorB{color:#307fe2}
#business .yellowB .fillB{fill:rgba(252,215,87,.9)}
#business .yellowB .backB{background-color:#fcd757}
#business .yellowB .colorB{color:#fcd757}
#business #main .r1{position:relative;z-index:1;margin-top:-5px}
#business #main .r1 .bg{background-color:#000;height:100vh}
#business #main .r1 .bg .m1{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:50vh;height:50vh;border-radius:50%;line-height:50vh;text-align:center;z-index:5;background-size:100vw 200%;background-position:center}
#business #main .r1 .bg .m1 canvas{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);z-index:6}
#business #main .r1 .bg .m1 .mask{z-index:2;border-radius:50%;position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0);-webkit-animation-name:bg;animation-name:bg}
#business #main .r1 .bg .m2{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}
#business #main .r1 .bg .m2 canvas{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);z-index:6}
#business #main .r1 .bg .m2 .mask{z-index:2;position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.4)}
#business #main .r1 .bg .line{position:absolute;width:50%;z-index:10;bottom:0;right:0;height:50%;-webkit-animation-name:lineOut;animation-name:lineOut}
#business #main .r1 .bg .line>span{-webkit-transform:skewX(45deg);transform:skewX(45deg);-webkit-transform-origin:0 0;transform-origin:0 0;position:absolute;width:100%;height:100%;top:0;left:0;border-left:2px solid #008755}
#business #main .r1 .bg .line:after{content:"";position:absolute;left:-.07rem;top:-.07rem;width:.15rem;height:.15rem;border-radius:50%;line-height:.15rem;text-align:center;background-color:#008755}
#business #main .r1 .bg .group{position:absolute;width:100%;height:100%;top:0;left:0;z-index:12}
#business #main .r1 .bg .group .col{position:absolute;width:50%;left:50%;bottom:50%;padding-right:8%;padding-left:1.1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;pointer-events:auto;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
#business #main .r1 .bg .group .col>img{margin-bottom:.5rem;max-width:2.6rem;position:relative;z-index:5}
#business #main .r1 .bg .group .col>img.wt{position:absolute;left:1.1rem;top:0;z-index:2}
#business #main .r1 .bg .group .col>img.bt{-webkit-animation-name:lineOut;animation-name:lineOut}
#business #main .r1 .bg .group .col h2{font-weight:600;margin-bottom:.5rem;line-height:1;-webkit-animation-name:txtOut1;animation-name:txtOut1}
#business #main .r1 .bg .group .col p{-webkit-animation-name:txtOut;animation-name:txtOut}
#business #main .r1 .bg .group .col p b{font-size:inherit;font-weight:600;color:inherit}
#business #main .r1 .bg .group .goDown{position:absolute;right:8%;bottom:8%;width:1rem;height:1rem}
#business #main .r1 .bg .group .goDown .st0{fill:#008755;-webkit-animation-name:fillFn;animation-name:fillFn}
#business #main .r1 .bg .group .goDown .st1{stroke:#008755;-webkit-animation-name:strokeFn;animation-name:strokeFn}
#business #main .r1 .bg .group .goDown .cir{width:100%}
#business #main .r1 .bg .group .goDown .cir circle{fill:transparent;opacity:.2}
#business #main .r1 .bg .group .goDown .arrow{width:.28rem;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}
#business #main .r2{z-index:2;position:relative;min-height:100vh;background-color:#f1f5f8;margin-top:-3px}
#business #main .r2 .inner{padding-top:1.5rem;padding-bottom:1rem}
#business #main .r2 .inner .topic{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#business #main .r2 .inner .topic h2{font-weight:600}
#business #main .r2 .inner .topic p{width:50%;padding-left:1rem;padding-right:1.5%}
#business #main .r2 .inner .mid{width:100%}
#business #main .r2 .inner .mid .space{width:100%;position:relative}
#business #main .r2 .inner .mid .space .wrap{height:8rem;width:100%;position:relative}
#business #main .r2 .inner .mid .space .wrap .img{-o-object-fit:cover;object-fit:cover;position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);max-width:100vw;bottom:0;max-height:9rem}
#business #main .r2 .inner .mid .space .wrap .img>img{-o-object-fit:cover;object-fit:cover;height:100%;max-height:10rem;position:absolute;left:0;top:0;opacity:0;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}
#business #main .r2 .inner .mid .space .wrap .img>img:nth-of-type(1){position:relative}
#business #main .r2 .inner .mid .space .wrap .img>img.on{opacity:1}
#business #main .r2 .inner .mid .space .wrap .tree{position:absolute;width:100%;height:100%;top:0;left:0}
#business #main .r2 .inner .mid .space .wrap .tree>li{position:absolute;left:0;top:0;cursor:pointer}
#business #main .r2 .inner .mid .space .wrap .tree>li .cir{width:1rem;display:block;position:relative;z-index:1}
#business #main .r2 .inner .mid .space .wrap .tree>li .iconfont{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:.7rem;height:.7rem;border-radius:50%;line-height:.7rem;text-align:center;font-size:.3rem;background-color:#fff;color:#008755;z-index:6;-webkit-box-shadow:0 .1rem .5rem -.1rem rgba(75,77,79,.2);box-shadow:0 .1rem .5rem -.1rem rgba(75,77,79,.2);-webkit-transition:background-color .5s ease-in-out,color .5s ease-in-out;transition:background-color .5s ease-in-out,color .5s ease-in-out}
#business #main .r2 .inner .mid .space .wrap .tree>li .msg{height:.6rem;position:absolute;top:0;bottom:0;margin:auto;z-index:2;border-radius:1rem;left:.15rem;background-color:#fff;padding:0 .3rem 0 1rem;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-transform-origin:10% 0;transform-origin:10% 0;transform:scaleX(.3);-webkit-transform:scaleX(.3);-moz-transform:scaleX(.3);-o-transform:scaleX(.3);-ms-transform:scaleX(.3);opacity:0;-webkit-transition:opacity .3s ease-in-out,-webkit-transform .5s ease-in-out;transition:opacity .3s ease-in-out,-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out,opacity .3s ease-in-out;transition:transform .5s ease-in-out,opacity .3s ease-in-out,-webkit-transform .5s ease-in-out}
#business #main .r2 .inner .mid .space .wrap .tree>li .msg small{color:#008755;white-space:nowrap;font-size:18px;display:block}
#business #main .r2 .inner .mid .space .wrap .tree>li.on .iconfont,#business #main .r2 .inner .mid .space .wrap .tree>li:hover .iconfont{background-color:#008755;color:#fff}
#business #main .r2 .inner .mid .space .wrap .tree>li.on .msg,#business #main .r2 .inner .mid .space .wrap .tree>li:hover .msg{transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;opacity:1}
#business #main .r2 .inner .mid .space .group{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%;margin-top:-1.2rem}
#business #main .r2 .inner .mid .space .group .left{width:2.8rem}
#business #main .r2 .inner .mid .space .group .left>ul{position:relative;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:center;-ms-flex-pack:center;justify-content:center}
#business #main .r2 .inner .mid .space .group .left>ul .mask{position:absolute;top:0;height:.6rem;width:1.5rem;z-index:1;pointer-events:none}
#business #main .r2 .inner .mid .space .group .left>ul .mask em{display:none;width:0;height:0;position:absolute;top:0;bottom:0;margin:auto;right:.4rem;border-style:solid;border-width:5px;z-index:5;border-color:#008755 transparent transparent transparent;opacity:0;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}
#business #main .r2 .inner .mid .space .group .left>ul .mask:after{content:"";position:absolute;top:0;bottom:0;margin:auto;left:0;width:100%;height:.6rem;background-color:#fff;border-radius:.1rem;-webkit-box-shadow:0 .3rem .9rem -.1rem rgba(54,82,72,.15);box-shadow:0 .3rem .9rem -.1rem rgba(54,82,72,.15)}
#business #main .r2 .inner .mid .space .group .left>ul .mask.on em{opacity:1}
#business #main .r2 .inner .mid .space .group .left>ul>li{height:.6rem;width:1.8rem;position:relative;padding:.2rem .4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;z-index:5;cursor:pointer}
#business #main .r2 .inner .mid .space .group .left>ul>li span{width:100%}
#business #main .r2 .inner .mid .space .group .left>ul>li em{display:none;width:0;height:0;position:absolute;top:0;bottom:0;margin:auto;right:.4rem;border-style:solid;border-width:5px;z-index:5;border-color:#008755 transparent transparent transparent;opacity:0;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}
#business #main .r2 .inner .mid .space .group .right{width:calc(100% - 2.8rem)}
#business #main .r2 .inner .mid .space .group .right .tabCon{width:100%;display:none}
#business #main .r2 .inner .mid .space .group .right .tabCon .items{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
#business #main .r2 .inner .mid .space .group .right .tabCon .items .box{position:relative;background-color:#fff;border-radius:.1rem;margin:0 1.5%;width:22%;padding-bottom:22%;cursor:pointer;margin-bottom:2vw;overflow:hidden;height:0;-webkit-transition:-webkit-box-shadow .6s ease-in-out;transition:-webkit-box-shadow .6s ease-in-out;transition:box-shadow .6s ease-in-out;transition:box-shadow .6s ease-in-out,-webkit-box-shadow .6s ease-in-out}
#business #main .r2 .inner .mid .space .group .right .tabCon .items .box:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;background-image:url(../img/iBox.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;-webkit-transform:scaleX(1.4);transform:scaleX(1.4);-webkit-transition:opacity .4s ease-in-out,-webkit-transform 1s ease-in-out;transition:opacity .4s ease-in-out,-webkit-transform 1s ease-in-out;transition:opacity .4s ease-in-out,transform 1s ease-in-out;transition:opacity .4s ease-in-out,transform 1s ease-in-out,-webkit-transform 1s ease-in-out}
#business #main .r2 .inner .mid .space .group .right .tabCon .items .box .photo{width:100%;padding-bottom:80%;height:0;position:absolute;left:0;top:0;z-index:5;background-size:68%;background-repeat:no-repeat;background-position:center}
#business #main .r2 .inner .mid .space .group .right .tabCon .items .box .photo>img{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0}
#business #main .r2 .inner .mid .space .group .right .tabCon .items .box h3{position:absolute;left:0;right:0;margin:0 auto;width:90%;top:80%;line-height:1;z-index:5;color:#008755;font-size:18px;text-align:center;font-weight:600}
#business #main .r2 .inner .mid .space .group .right .tabCon .items .box:hover{-webkit-box-shadow:0 .2rem 2vw -.1rem rgba(54,82,72,.2);box-shadow:0 .2rem 2vw -.1rem rgba(54,82,72,.2)}
#business #main .r2 .inner .mid .space .group .right .tabCon .items .box:hover:after{opacity:1;transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none}
#business #main .r2 .inner .mid .space .group .right .tabCon .btm{margin-top:.4rem}
#business #main .r2 .inner .mid .space .group .right .tabCon .btm>a{width:1.6rem;height:.6rem;display:block;margin:0 auto}
#business #main .r2 .inner .mid .space .group .right .tabCon .btm>a:after{background-color:transparent;border:1px solid #008755}
#business #main .r2 .inner .mid .space .group .right .tabCon .btm>a:hover>span>small>em.mc:before{color:#fff}
#business #main .r2 .inner .mid .space .group .right .tabCon .btm>a:hover i{color:#fff}
#business #main .r2 .inner .mid .space .group .right .tabCon .btm>a:hover:after{background-color:#008755}
#business #main .r2 .inner .mid .space .group .right .tabCon.on{display:block}
#business #main .r3{position:relative;width:100vw;height:100%;overflow:hidden;background-color:#000;z-index:2}
#business #main .r3 .inner{position:absolute;width:100%;height:100%;top:0;left:0}
#business #main .r3 .inner .mask{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2}
#business #main .r3 .inner .mask .mk_l{position:absolute;width:50%;height:100%;left:0;top:0}
#business #main .r3 .inner .mask .mk_r{position:absolute;width:50%;height:100%;right:0;top:0}
#business #main .r3 .inner #slider{position:absolute;width:100%;height:100%;top:0;left:0;z-index:10;-webkit-clip-path:polygon(0 0,100% 0,100% 71.8%,91.6% 100%,15.46% 100%,0 36.3%,0 0);clip-path:polygon(0 0,100% 0,100% 71.8%,91.6% 100%,15.46% 100%,0 36.3%,0 0)}
#business #main .r3 .inner #slider:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;bottom:0;background:-webkit-gradient(linear,left top,left bottom,color-stop(60%,rgba(0,0,0,0)),to(rgba(0,0,0,.4)));background:linear-gradient(180deg,rgba(0,0,0,0) 60%,rgba(0,0,0,.4) 100%)}
#business #main .r3 .inner .group{position:absolute;width:100%;height:100%;top:0;left:0;z-index:13}
#business #main .r3 .inner .group .pager{position:absolute;top:0;bottom:0;margin:auto;height:100px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 4%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#business #main .r3 .inner .group .pager .slider--btn{position:relative}
#business #main .r3 .inner .group .pager .slider--btn svg{position:relative;width:.75rem;stroke:#fff;stroke-width:2px;stroke-linecap:butt;stroke-linejoin:miter;fill:none}
#business #main .r3 .inner .group .pager .slider--btn i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);top:46%;color:#fff;font-size:12px}
#business #main .r3 .inner .group .pager .slider--btn:nth-of-type(1) i{padding-left:20%}
#business #main .r3 .inner .group .pager .slider--btn:nth-of-type(2) i{padding-right:20%}
#business #main .r3 .inner .group .msg{position:absolute;z-index:3;width:100%;bottom:1rem;padding:0 4%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
#business #main .r3 .inner .group .msg .col.left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
#business #main .r3 .inner .group .msg .col.left>span{line-height:.85}
#business #main .r3 .inner .group .msg .col.left>svg{fill:rgba(255,255,255,.6);margin:0 .35rem;width:.47rem}
#business #main .r3 .inner .group .msg .col.left .items{position:relative}
#business #main .r3 .inner .group .msg .col.left .items .slider--list{display:none}
#business #main .r3 .inner .group .msg .col.left .items .slider--list span{color:rgba(255,255,255,.7);margin-bottom:.1rem;line-height:1}
#business #main .r3 .inner .group .msg .col.left .items .slider--list h4{line-height:1}
#business #main .r3 .inner .group .msg .col.left .items .slider--list.on{display:block}
#business #main .r3 .inner .group .msg .col.right{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:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding-right:.6rem}
#business #main .r3 .inner .group .msg .col.right em{line-height:1}
#business #main .r3 .inner .group .msg .col.right span{font-family:en_l;color:rgba(255,255,255,.6);line-height:1}
#business #main .r3 .inner .group .msg .col.right span:nth-of-type(1){margin:10px 0}
#business #main .r3 .inner .group .box{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;pointer-events:none}
#business #main .r3 .inner .group .box .light{position:absolute;right:50%;top:50%;width:92vw;-webkit-mask:linear-gradient(225deg,#000 0,rgba(0,0,0,0) 40%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:right top;mask-position:right top;-webkit-mask-size:0 0;mask-size:0 0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-timing-function:ease;animation-timing-function:ease}
#business #main .r3 .inner .group .box .light.go{-webkit-animation-name:lightFn;animation-name:lightFn}
#business #main .r4{position:relative;z-index:4;background:#fff}
#business #main .r4 .inner{padding-top:1.3rem;padding-bottom:1.2rem;position:absolute;width:100%;top:0;left:0}
#business #main .r4 .inner:hover{will-change:transform}
#business #main .r4 .inner .bg{position:absolute;width:100%;height:100%;top:0;left:0}
#business #main .r4 .inner .bg .pic{position:absolute;width:100%;height:100%;top:0;left:0}
#business #main .r4 .inner .topic{margin-bottom:.8rem;position:relative;z-index:10}
#business #main .r4 .inner .topic h2{font-weight:600;line-height:1;margin-bottom:.2rem}
#business #main .r4 .inner .topic p{line-height:1}
#business #main .r4 .inner .topic .tree{position:absolute;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#business #main .r4 .inner .topic .tree>span{line-height:1;margin-right:.2rem}
#business #main .r4 .inner .topic .tree>span .sum{font-size:.3rem;font-family:en_b}
#business #main .r4 .inner .topic .tree .line{width:2.4rem;margin-top:5px;height:3px;position:relative;background:#eee}
#business #main .r4 .inner .topic .tree .line>span{position:absolute;left:0;top:0;height:100%;width:100%;background-color:#008755;transform:scaleX(.001);-webkit-transform:scaleX(.001);-moz-transform:scaleX(.001);-o-transform:scaleX(.001);-ms-transform:scaleX(.001);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-animation-name:lineAni_hen;animation-name:lineAni_hen}
#business #main .r4 .inner .topic .tree .line.on>span{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transition-duration:5s;transition-duration:5s;transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-o-transform:scaleX(1);-ms-transform:scaleX(1)}
#business #main .r4 .inner .group{height:29vw;width:100%;padding-left:28vw;position:relative;z-index:10}
#business #main .r4 .inner .group .items{white-space:nowrap;-webkit-animation-name:slideX;animation-name:slideX;-webkit-animation-timing-function:linear;animation-timing-function:linear;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
#business #main .r4 .inner .group .items .box{width:44vw;margin-right:2.5vw;position:relative}
#business #main .r4 .inner .group .items .box .photo{width:44vw;height:26vw;border-radius:.2rem;overflow:hidden;position:relative;background-color:#000}
#business #main .r4 .inner .group .items .box .photo .pic{position:absolute;opacity:.6;-webkit-animation-name:adFn1;animation-name:adFn1;width:calc(100% + 140px);height:calc(100% + 140px);left:-70px;top:-70px}
#business #main .r4 .inner .group .items .box .msg{position:absolute;width:100%;height:100%;top:0;left:0;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:center;-ms-flex-align:center;align-items:center;padding:4%;-webkit-animation-name:adFn;animation-name:adFn}
#business #main .r4 .inner .group .items .box .msg h3{font-weight:600}
#business #main .r4 .inner .group .items .box .msg p{text-align:center;max-width:84%;margin:0 auto;line-height:1.6;white-space:normal;font-size:20px}
#business #main .r4 .inner .group #appSw .swiper-wrapper .swiper-slide{width:68vw}
#business #main .r4 .inner .group #appSw .swiper-wrapper .swiper-slide .box{width:62vw;position:relative;margin:0 auto}
#business #main .r4 .inner .group #appSw .swiper-wrapper .swiper-slide .box .photo{width:100%;height:45vw;border-radius:.2rem;overflow:hidden;position:relative;background-color:#000}
#business #main .r4 .inner .group #appSw .swiper-wrapper .swiper-slide .box .photo .pic{position:absolute;opacity:.6;-webkit-animation-name:adFn1;animation-name:adFn1;width:calc(100% + 140px);height:calc(100% + 140px);left:-70px;top:-70px}
#business #main .r4 .inner .group #appSw .swiper-wrapper .swiper-slide .box .msg{position:absolute;width:100%;height:100%;top:0;left:0;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:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:4%;width:calc(100% + 28vw);left:-14vw;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out;opacity:0;height:auto}
#business #main .r4 .inner .group #appSw .swiper-wrapper .swiper-slide .box .msg h3{font-weight:600;color:#333;font-size:16px;margin-bottom:10px}
#business #main .r4 .inner .group #appSw .swiper-wrapper .swiper-slide .box .msg p{text-align:center;max-width:100%;margin:0 auto;line-height:1.6;white-space:normal;font-size:14px;color:#333}
#business #main .r4 .inner .group #appSw .swiper-wrapper .swiper-slide.swiper-slide-active .msg{opacity:1}
#business #main .r5{overflow:hidden;z-index:4;background:#fff}
#business #main .r5 .bg .pic video{position:absolute;width:100%;height:100%;top:0;left:0;-o-object-fit:cover;object-fit:cover}
#business #main .r5 .bg .pic .video-parent{position:absolute;width:100%;height:100%;top:0;left:0}
#business #main .r5 .bg .pic .video-parent .cv{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}
#business #main .r5 .bg .pic .video-parent .cv.on{opacity:1}
#business #main .r5 .inner{position:absolute;left:0;right:0;margin:auto;bottom:10%}
#business #main .r5 .inner .msg{text-align:right}
#business #main .r5 .inner .msg i{font-size:.9rem;line-height:1;margin-bottom:.4rem;display:inline-block}
#business #main .r5 .inner .msg h3{color:#fff;text-align:right;font-weight:100}
#business #main .r5 .inner .msg h3 b{font-weight:600;color:#fff;font-size:inherit;display:block;text-align:right}
#business #main .r6{position:relative;overflow:hidden;background:#fff;z-index:6}
#business #main .r6 .bg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2}
#business #main .r6 .bg .w1{position:absolute;width:67vw;right:0;top:10%;left:46.4%}
#business #main .r6 .bg .w2{position:absolute;width:77.5vw;left:0;top:69.5%}
#business #main .r6 .c1{width:100%;height:100%;position:relative;z-index:5;padding-left:8.2%;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:center;-ms-flex-pack:center;justify-content:center}
#business #main .r6 .c1 .group{width:35%;max-width:6.4rem;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:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
#business #main .r6 .c1 .group h4{font-weight:600;margin-bottom:.2rem;line-height:1}
#business #main .r6 .c1 .group .tree{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:1.6rem}
#business #main .r6 .c1 .group .tree>span{line-height:1;margin-right:.2rem}
#business #main .r6 .c1 .group .tree>span .sum{font-size:.3rem;font-family:en_b}
#business #main .r6 .c1 .group .tree .line{width:1.6rem;margin-top:5px;height:3px;position:relative;background:#eee}
#business #main .r6 .c1 .group .tree .line>span{position:absolute;left:0;top:0;height:100%;width:100%;background-color:#008755;transform:scaleX(.001);-webkit-transform:scaleX(.001);-moz-transform:scaleX(.001);-o-transform:scaleX(.001);-ms-transform:scaleX(.001);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-animation-name:lineAni_hen;animation-name:lineAni_hen}
#business #main .r6 .c1 .group .tree .line.on>span{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transition-duration:5s;transition-duration:5s;transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-o-transform:scaleX(1);-ms-transform:scaleX(1)}
#business #main .r6 .c2{position:absolute;height:100%;z-index:5;width:100%;right:0;bottom:0;overflow:hidden;pointer-events:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
#business #main .r6 .c2 .imgBox{width:76vw;height:84%;position:relative;-webkit-mask:linear-gradient(125deg,#000 0,#000 10%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:left top;mask-position:left top;-webkit-mask-size:0 0;mask-size:0 0;-webkit-transition:-webkit-mask-size .5s ease;transition:-webkit-mask-size .5s ease;transition:mask-size .5s ease;transition:mask-size .5s ease,-webkit-mask-size .5s ease;visibility:visible}
#business #main .r6 .c2 .imgBox .imgWrap{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;left:20px;top:20px;-webkit-mask-image:url(../img/mask.png);mask-image:url(../img/mask.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:top left;mask-position:top left;-webkit-mask-size:104vw;mask-size:104vw;-webkit-transform-origin:0 0;transform-origin:0 0;height:120%;width:110%}
#business #main .r6 .c2 .imgBox .imgWrap .pic{position:absolute;width:100%;height:100%;top:0;left:0}
#business #main .r6 .c2 .imgBox .imgWrap .pic .box{position:absolute;width:100%;height:100%;top:0;left:0}
#business #main .r6 .c2 .imgBox .imgWrap .pic .box:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:-webkit-gradient(linear,left top,left bottom,color-stop(30%,rgba(0,0,0,0)),to(rgba(0,0,0,.7)));background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.7) 100%)}
#business #main .r6 .c2 .imgBox .imgWrap .pic .box>div.img{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform-origin:0 0;transform-origin:0 0;width:84%;height:90%;background-size:85vw;background-position:left top;background-repeat:no-repeat}
#business #main .r6 .c2 .imgBox.imgClip .imgWrap .pic{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);width:120%;height:120%}
#business #main .r6 .c2 .imgBox.go{-webkit-mask-size:800% 800%;mask-size:800% 800%;-webkit-transition-delay:.5s;transition-delay:.5s;-webkit-transition-duration:1.6s;transition-duration:1.6s}
#business #main .r6 .c2 .msg{position:absolute;width:46%;bottom:7%;right:2%;height:20%}
#business #main .r6 .c2 .msg>li{position:absolute;width:100%;right:0;bottom:0;opacity:0}
#business #main .r6 .c2 .msg>li .note{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
#business #main .r6 .c2 .msg>li .note h5{font-weight:600;white-space:nowrap;line-height:1.4}
#business #main .r6 .c2 .msg>li .note .line{width:1px;margin:8px .6rem;height:55px;border:1px solid rgba(255,255,255,.5)}
#business #main .r6 .c2 .msg>li .note p{line-height:1.8}
#newDetail #main>div #container{background-color:#000}
#newDetail #main>div #container canvas{opacity:.6}
#newDetail #main .max-wid{max-width:1000px}
#newDetail #main #banner{min-height:66vh}
#newDetail #main #banner .photo{opacity:.6}
#newDetail #main #banner .inner{text-align:left;right:0;margin:0 auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
#newDetail #main #banner .inner h1{margin:.5rem 0;line-height:1.4}
#newDetail #main #banner .inner .slider--btn{position:relative;display:inline-block}
#newDetail #main #banner .inner .slider--btn svg{position:relative;width:.7rem;stroke:rgba(0,135,85,.3);stroke-width:2px;stroke-linecap:butt;stroke-linejoin:miter;fill:#008755;stroke-dasharray:400%;stroke-dashoffset:400%;-webkit-transition:fill .8s ease,stroke-dashoffset 2s ease;transition:fill .8s ease,stroke-dashoffset 2s ease}
#newDetail #main #banner .inner .slider--btn i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);top:46%;color:#fff;font-size:12px;transition:color .8s cubic-bezier(0,0,0,1);-webkit-transition:color .8s cubic-bezier(0,0,0,1);-moz-transition:color .8s cubic-bezier(0,0,0,1);-o-transition:color .8s cubic-bezier(0,0,0,1);-ms-transition:color .8s cubic-bezier(0,0,0,1)}
#newDetail #main #banner .inner .slider--btn:nth-of-type(1) i{padding-left:20%}
#newDetail #main .row{position:relative;z-index:10}
#newDetail #main .r1{background-color:#fff;padding-top:1.3rem;padding-bottom:1.6rem}
#newDetail #main .r1 #detail p{font-size:16px}
#newDetail #main .r1 #detail img{height:auto!important;display:block;margin:.6rem auto;max-width:100%}
#newDetail #main .r1 #detail .pro_title{font-size:.2rem;color:#008f59;margin-bottom:.4rem;font-weight:700;text-align:center}
#newDetail #main .r1 #detail .pro_table{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
#newDetail #main .r1 #detail .pro_table>div{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
#newDetail #main .r1 #detail .pro_table>div>div{width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #fff}
#newDetail #main .r1 #detail .pro_table>div>div>span{height:.5rem;line-height:.5rem}
#newDetail #main .r1 #detail .pro_table>div>div>span:nth-of-type(1){width:40%;padding:0 .1rem;background-color:#008755;color:#fff}
#newDetail #main .r1 #detail .pro_table>div>div>span:nth-of-type(2){width:60%;padding:0 .1rem;background-color:#e7e4e4}
#download .max-wid{max-width:1200px}
#download #main .r1{background-color:#f7fefc;padding-top:1.2rem;padding-bottom:1.6rem}
#download #main .r1 .inner{position:relative;z-index:10;background-color:#fff;-webkit-box-shadow:0 .2rem 1.2rem -.05rem rgba(73,91,84,.08);box-shadow:0 .2rem 1.2rem -.05rem rgba(73,91,84,.08)}
#download #main .r1 .inner .group{margin:auto .6rem}
#download #main .r1 .inner .group .list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:.45rem 0 .25rem 0;border-bottom:1px solid rgba(0,135,85,.2)}
#download #main .r1 .inner .group .list .left{width:calc(100% - 1rem)}
#download #main .r1 .inner .group .list .left h3{width:100%;text-align:left;font-weight:600;line-height:1.6;height:.7rem;margin-bottom:.2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-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-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;cursor:pointer;-webkit-transition:color .5s ease-in-out;transition:color .5s ease-in-out}
#download #main .r1 .inner .group .list .left h3 span{display:block}
#download #main .r1 .inner .group .list .left h3:hover{color:#008755}
#download #main .r1 .inner .group .list .left .p-msg{position:relative;width:100%;display:block;overflow:hidden}
#download #main .r1 .inner .group .list .left .p-msg .p-bg{width:100%;-webkit-transition:height .5s ease-in-out;transition:height .5s ease-in-out}
#download #main .r1 .inner .group .list .left .p-msg .p-bg>ul{width:100%;padding-top:.25rem;padding-bottom:.5rem}
#download #main .r1 .inner .group .list .left .p-msg .p-bg>ul>li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-bottom:.15rem}
#download #main .r1 .inner .group .list .left .p-msg .p-bg>ul>li>span{font-size:16px;color:#343434}
#download #main .r1 .inner .group .list .left .p-msg .p-bg>ul>li>span:nth-of-type(1){white-space:nowrap}
#download #main .r1 .inner .group .list>a{width:1.4rem;height:.48rem;display:block;margin:0 auto;margin-top:.1rem}
#download #main .r1 .inner .group .list>a:after{background-color:transparent;border:2px solid #008755}
#download #main .r1 .inner .group .list>a>span>small>em.mc:before{color:rgba(255,255,255,0)}
#download #main .r1 .inner .group .list>a i{font-size:20px;margin-right:.1rem}
#download #main .r1 .inner .group .list>a em{font-size:16px}
@media screen and (orientation:landscape){
#download #main .r1 .inner .group .list>a:hover>span>small>em.mc:before{color:#fff}
#download #main .r1 .inner .group .list>a:hover i{color:#fff}
#download #main .r1 .inner .group .list>a:hover:after{background-color:#008755}
}
#download #main .r1 .inner .group .list:last-of-type{border-bottom:none}
#download #main .r1 .inner .btm{text-align:center;padding:.6rem 0 .8rem 0}
#download #main .r1 .inner .btm>ul{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}
#download #main .r1 .inner .btm>ul>a,#download #main .r1 .inner .btm>ul>li{display:block;width:.6rem;height:.6rem;line-height:.6rem;text-align:center;font-size:16px;color:#999;font-family:en_l;cursor:pointer;-webkit-transition:color .5s ease-in-out;transition:color .5s ease-in-out}
#download #main .r1 .inner .btm>ul>a.on,#download #main .r1 .inner .btm>ul>li.on{color:#008755;font-weight:600}
#search #main #banner{padding-bottom:150px}
#search #main #banner .left .add{color:#008755}
#search #main #banner .inner{right:0;position:relative}
#search #main #banner .inner>img{width:120vw;position:absolute;bottom:0;left:0}
#search #main #banner .inner .group{position:relative;z-index:10}
#search #main #banner .inner .group h1{font-size:1rem;margin-bottom:.8rem}
#search #main #banner .inner .group form .topic{position:relative;width:9rem}
#search #main #banner .inner .group form .topic input[type=text]{width:100%;background-color:transparent;height:.6rem;border:none;padding:0;border-bottom:1px solid #fff;color:#fff;font-size:24px;font-weight:600;text-indent:0}
#search #main #banner .inner .group form .topic input[type=text]::-webkit-input-placeholder{color:rgba(255,255,255,.7)}
#search #main #banner .inner .group form .topic input[type=text]:-ms-input-placeholder{color:rgba(255,255,255,.7)}
#search #main #banner .inner .group form .topic input[type=text]::-ms-input-placeholder{color:rgba(255,255,255,.7)}
#search #main #banner .inner .group form .topic input[type=text]::placeholder{color:rgba(255,255,255,.7)}
#search #main #banner .inner .group form .topic>i{position:absolute;right:0;bottom:0;font-size:.28rem;height:.6rem;line-height:.6rem}
#search #main #banner .inner .group form .topic>input[type=submit]{position:absolute;right:0;bottom:0;font-size:.28rem;height:.6rem;line-height:.6rem;background-color:transparent;border:none}
#search #main #banner .inner .group form .note{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}
#search #main #banner .inner .group form .note a,#search #main #banner .inner .group form .note span{display:inline-block;color:rgba(255,255,255,.6);margin-right:.5rem;font-size:16px;line-height:.6rem}
#search #main #banner .wrap{max-width:1200px;padding-top:.5rem}
#search #main #banner .wrap .list{margin-bottom:.8rem}
#search #main #banner .wrap .list h2{font-size:.6rem;font-weight:600;margin-bottom:.3rem}
#search #main #banner .wrap .list .items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap}
#search #main #banner .wrap .list .items .proBox{position:relative;background-color:#fff;border-radius:.1rem;margin:0 3% 0 0;width:22%;padding-bottom:22%;margin-bottom:2vw;overflow:hidden;-webkit-transition:-webkit-box-shadow .6s ease-in-out;transition:-webkit-box-shadow .6s ease-in-out;transition:box-shadow .6s ease-in-out;transition:box-shadow .6s ease-in-out,-webkit-box-shadow .6s ease-in-out;-webkit-box-shadow:0 .2rem 2vw -.1rem rgba(54,82,72,.2);box-shadow:0 .2rem 2vw -.1rem rgba(54,82,72,.2)}
#search #main #banner .wrap .list .items .proBox:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;background-image:url(../img/iBox.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;-webkit-transform:scaleX(1.4);transform:scaleX(1.4);-webkit-transition:opacity .4s ease-in-out,-webkit-transform 1s ease-in-out;transition:opacity .4s ease-in-out,-webkit-transform 1s ease-in-out;transition:opacity .4s ease-in-out,transform 1s ease-in-out;transition:opacity .4s ease-in-out,transform 1s ease-in-out,-webkit-transform 1s ease-in-out}
#search #main #banner .wrap .list .items .proBox .photo{width:100%;padding-bottom:80%;height:0;position:absolute;left:0;top:0;z-index:5;background-size:contain;background-repeat:no-repeat;background-position:center}
#search #main #banner .wrap .list .items .proBox .photo>img{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0}
#search #main #banner .wrap .list .items .proBox h3{position:absolute;left:0;right:0;margin:0 auto;width:90%;top:80%;line-height:1;z-index:5;color:#008755;font-size:18px;text-align:center;font-weight:600}
#search #main #banner .wrap .list .items .proBox:hover:after{opacity:1;transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none}
#search #main #banner .wrap .list .items .newBox{width:43.96%;position:relative;margin-right:5%;margin-bottom:5%}
#search #main #banner .wrap .list .items .newBox .photo{width:100%;height:15.625vw;pointer-events:none;position:relative;border-radius:.1rem;overflow:hidden;-webkit-transition:-webkit-box-shadow .5s cubic-bezier(0,0,0,1);transition:-webkit-box-shadow .5s cubic-bezier(0,0,0,1);transition:box-shadow .5s cubic-bezier(0,0,0,1);transition:box-shadow .5s cubic-bezier(0,0,0,1),-webkit-box-shadow .5s cubic-bezier(0,0,0,1)}
#search #main #banner .wrap .list .items .newBox .photo figure{width:100%;height:calc(100% + 100px);top:-50px;left:0;position:absolute;margin:0;pointer-events:none;z-index:5;-webkit-animation-duration:2.4s;animation-duration:2.4s}
#search #main #banner .wrap .list .items .newBox .photo figure img{position:absolute;width:100%;height:100%;top:0;left:0;-o-object-fit:cover;object-fit:cover}
#search #main #banner .wrap .list .items .newBox .photo figure img.js-image{opacity:0}
#search #main #banner .wrap .list .items .newBox .photo figure video{position:absolute;width:100%;height:100%;top:0;left:0;-o-object-fit:cover;object-fit:cover}
#search #main #banner .wrap .list .items .newBox .photo:after{content:"";z-index:10;position:absolute;width:100%;height:100%;top:0;left:0;background:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,.7)),color-stop(60%,rgba(0,0,0,0)));background:linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(0,0,0,0) 60%)}
#search #main #banner .wrap .list .items .newBox .msg{position:absolute;top:0;left:0;z-index:10;width:calc(100% + .5rem);border-radius:.1rem;overflow:hidden;height:100%;cursor:pointer;padding:6% 0;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}
#search #main #banner .wrap .list .items .newBox .msg .light{position:absolute;right:0;top:.5rem;pointer-events:none;width:39vw;-webkit-mask:linear-gradient(225deg,#000 0,rgba(0,0,0,0) 90%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:right top;mask-position:right top;-webkit-mask-size:0 0;mask-size:0 0;opacity:0;-webkit-transition:opacity 1.1s ease-in-out,-webkit-mask-size 1.2s cubic-bezier(0,0,0,1);transition:opacity 1.1s ease-in-out,-webkit-mask-size 1.2s cubic-bezier(0,0,0,1);transition:mask-size 1.2s cubic-bezier(0,0,0,1),opacity 1.1s ease-in-out;transition:mask-size 1.2s cubic-bezier(0,0,0,1),opacity 1.1s ease-in-out,-webkit-mask-size 1.2s cubic-bezier(0,0,0,1)}
#search #main #banner .wrap .list .items .newBox .msg span{position:relative;z-index:3;padding:0 6%;display:block;width:calc(100% - .5rem)}
#search #main #banner .wrap .list .items .newBox .msg>div{position:relative;z-index:3;display:block;width:calc(100% - .5rem);padding:0 6%}
#search #main #banner .wrap .list .items .newBox .msg>div small{display:block}
#search #main #banner .wrap .list .items .newBox .msg>div p{line-height:36px;font-weight:600;width:calc(100% - 50px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#search #main #banner .wrap .list .items .newBox .msg>div>i{height:36px;position:absolute;bottom:0;color:#fff;font-size:12px;right:6%;line-height:36px;opacity:0;transform:translateX(10px);-webkit-transform:translateX(10px);-moz-transform:translateX(10px);-o-transform:translateX(10px);-ms-transform:translateX(10px);-webkit-transition:opacity .7s ease-in-out,-webkit-transform .7s ease-in-out;transition:opacity .7s ease-in-out,-webkit-transform .7s ease-in-out;transition:opacity .7s ease-in-out,transform .7s ease-in-out;transition:opacity .7s ease-in-out,transform .7s ease-in-out,-webkit-transform .7s ease-in-out}
#search #main #banner .wrap .list .items .newBox:hover .photo{-webkit-box-shadow:0 10px .5rem -2px rgba(0,0,0,.4);box-shadow:0 10px .5rem -2px rgba(0,0,0,.4)}
#search #main #banner .wrap .list .items .newBox:hover .msg .light{opacity:1;-webkit-mask-size:100% 100%;mask-size:100% 100%}
#search #main #banner .wrap .list .items .newBox:hover .msg>div>i{opacity:1;transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none}
#law #main .r1 .max-wid{max-width:1200px}
#law #main .r1 .inner{padding-top:2rem;padding-bottom:2rem}
#law #main .r1 .inner h2{text-align:center;font-weight:600;padding-bottom:.3rem;margin-bottom:.2rem;border-bottom:1px solid rgba(0,0,0,.2)}
#law #main .r1 .inner h3{font-size:16px;font-weight:600;color:#008755;margin-bottom:.1rem}
#law #main .r1 .inner p{font-size:16px;color:#666;margin-bottom:.4rem}
.proPop{position:fixed;width:100%;height:100%;left:0;top:0;z-index:200;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;pointer-events:none;opacity:0;visibility:hidden;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}
.proPop .mask{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;background-color:rgba(0,0,0,.3)}
.proPop .inner{position:relative;overflow:auto;background-color:#fff;z-index:20;width:10rem;padding:2.5%;border-top-left-radius:.15rem;border-top-right-radius:.15rem}
.proPop .inner::-webkit-scrollbar{width:0;background-color:rgba(255,255,255,.1)}
.proPop .inner::-webkit-scrollbar-thumb{border:solid 0 #008755;width:0;border-radius:4px;background-color:#008755}
.proPop .inner::-webkit-scrollbar:horizontal{height:3px}
.proPop .inner .top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:.8rem;font-size:14px;font-weight:600}
.proPop .inner .top em{color:rgba(0,0,0,.2);display:inline-block;margin:0 .2rem}
.proPop .inner .mid{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.proPop .inner .mid .col{width:50%}
.proPop .inner .mid .col>img{display:block;margin:0 auto;max-width:90%}
.proPop .inner .mid .col.c2{padding:5% 0 5% 8%}
.proPop .inner .mid .col h2{margin-bottom:.3rem}
.proPop .inner .mid .col ul{line-height:1.8;font-size:18px}
.proPop .inner .mid .col ul li{line-height:.4rem}
.proPop .inner .btm{margin-top:.2rem}
.proPop .inner .btm h3{margin-bottom:.3rem}
.proPop .inner .btm>img{max-width:100%;display:block;margin:0 auto}
.proPop .closeBtn{position:absolute;right:calc(50% - 5rem - 1.5rem);top:14%;z-index:3;width:.7rem;height:.7rem;border-radius:50%;line-height:.7rem;text-align:center;border:1px solid #fff;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-transition:-webkit-transform .5s ease-in-out;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}
.proPop .closeBtn>img{width:.2rem}
.proPop .closeBtn:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.proPop.on{visibility:visible;opacity:1;pointer-events:auto}
@-webkit-keyframes fn3{
0%{opacity:0;-webkit-transform:matrix(1,-.1,0,1,0,-20);transform:matrix(1,-.1,0,1,0,-20)}
100%{opacity:1;-webkit-transform:matrix(1,0,0,1,0,0);transform:matrix(1,0,0,1,0,0)}
}
@keyframes fn3{
0%{opacity:0;-webkit-transform:matrix(1,-.1,0,1,0,-20);transform:matrix(1,-.1,0,1,0,-20)}
100%{opacity:1;-webkit-transform:matrix(1,0,0,1,0,0);transform:matrix(1,0,0,1,0,0)}
}
.fn3{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-animation:fn3 1.2s cubic-bezier(.49,.54,.16,1);animation:fn3 1.2s cubic-bezier(.49,.54,.16,1);-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes fn4{
0%{opacity:0;-webkit-transform:matrix(1,.1,0,1,0,20);transform:matrix(1,.1,0,1,0,20)}
100%{opacity:1;-webkit-transform:matrix(1,0,0,1,0,0);transform:matrix(1,0,0,1,0,0)}
}
@keyframes fn4{
0%{opacity:0;-webkit-transform:matrix(1,.1,0,1,0,20);transform:matrix(1,.1,0,1,0,20)}
100%{opacity:1;-webkit-transform:matrix(1,0,0,1,0,0);transform:matrix(1,0,0,1,0,0)}
}
.fn4{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-animation:fn4 1.2s cubic-bezier(.49,.54,.16,1);animation:fn4 1.2s cubic-bezier(.49,.54,.16,1);-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes lightFn{
0%{-webkit-mask-size:0 0;mask-size:0 0}
100%{-webkit-mask-size:100% 100%;mask-size:100% 100%}
}
@keyframes lightFn{
0%{-webkit-mask-size:0 0;mask-size:0 0}
100%{-webkit-mask-size:100% 100%;mask-size:100% 100%}
}
@-webkit-keyframes lightFn_2{
0%{-webkit-mask-size:0 0;mask-size:0 0}
100%{-webkit-mask-size:100% 100%;mask-size:100% 100%}
}
@keyframes lightFn_2{
0%{-webkit-mask-size:0 0;mask-size:0 0}
100%{-webkit-mask-size:100% 100%;mask-size:100% 100%}
}
@-webkit-keyframes rightFn{
0%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0)}
100%{transform:translateY(1.5rem);-webkit-transform:translateY(1.5rem);-moz-transform:translateY(1.5rem);-o-transform:translateY(1.5rem);-ms-transform:translateY(1.5rem)}
}
@keyframes rightFn{
0%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0)}
100%{transform:translateY(1.5rem);-webkit-transform:translateY(1.5rem);-moz-transform:translateY(1.5rem);-o-transform:translateY(1.5rem);-ms-transform:translateY(1.5rem)}
}
@-webkit-keyframes bright{
0%{-webkit-filter:brightness(4);filter:brightness(4)}
100%{-webkit-filter:brightness(1);filter:brightness(1)}
}
@keyframes bright{
0%{-webkit-filter:brightness(4);filter:brightness(4)}
100%{-webkit-filter:brightness(1);filter:brightness(1)}
}
@-webkit-keyframes scaleInImg{
0%{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2)}
100%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1)}
}
@keyframes scaleInImg{
0%{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2)}
100%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1)}
}
.scaleInImg{-webkit-animation-name:scaleInImg;animation-name:scaleInImg}
@-webkit-keyframes lineAni{
0%{transform:scaleY(.001);-webkit-transform:scaleY(.001);-moz-transform:scaleY(.001);-o-transform:scaleY(.001);-ms-transform:scaleY(.001)}
100%{transform:scaleY(1);-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-o-transform:scaleY(1);-ms-transform:scaleY(1)}
}
@keyframes lineAni{
0%{transform:scaleY(.001);-webkit-transform:scaleY(.001);-moz-transform:scaleY(.001);-o-transform:scaleY(.001);-ms-transform:scaleY(.001)}
100%{transform:scaleY(1);-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-o-transform:scaleY(1);-ms-transform:scaleY(1)}
}
@-webkit-keyframes lineAni_hen{
0%{transform:scaleX(.001);-webkit-transform:scaleX(.001);-moz-transform:scaleX(.001);-o-transform:scaleX(.001);-ms-transform:scaleX(.001)}
100%{transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-o-transform:scaleX(1);-ms-transform:scaleX(1)}
}
@keyframes lineAni_hen{
0%{transform:scaleX(.001);-webkit-transform:scaleX(.001);-moz-transform:scaleX(.001);-o-transform:scaleX(.001);-ms-transform:scaleX(.001)}
100%{transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-o-transform:scaleX(1);-ms-transform:scaleX(1)}
}
@-webkit-keyframes ripple{
0%{transform:scale(.01);-webkit-transform:scale(.01);-moz-transform:scale(.01);-o-transform:scale(.01);-ms-transform:scale(.01);opacity:.12}
100%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);opacity:0}
}
@keyframes ripple{
0%{transform:scale(.01);-webkit-transform:scale(.01);-moz-transform:scale(.01);-o-transform:scale(.01);-ms-transform:scale(.01);opacity:.12}
100%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);opacity:0}
}
@-webkit-keyframes roll{
0%{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);opacity:1}
25%{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);opacity:0}
50%{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);opacity:1}
75%{transform:rotate(270deg);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-o-transform:rotate(270deg);-ms-transform:rotate(270deg);opacity:0}
100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);opacity:1}
}
@keyframes roll{
0%{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);opacity:1}
25%{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);opacity:0}
50%{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);opacity:1}
75%{transform:rotate(270deg);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-o-transform:rotate(270deg);-ms-transform:rotate(270deg);opacity:0}
100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);opacity:1}
}
@-webkit-keyframes bg{
0%{background-color:rgba(0,0,0,0)}
70%{background-color:rgba(0,0,0,.4)}
100%{background-color:rgba(0,0,0,.4)}
}
@keyframes bg{
0%{background-color:rgba(0,0,0,0)}
70%{background-color:rgba(0,0,0,.4)}
100%{background-color:rgba(0,0,0,.4)}
}
@-webkit-keyframes lineOut{
0%{opacity:1}
70%{opacity:0}
100%{opacity:0}
}
@keyframes lineOut{
0%{opacity:1}
70%{opacity:0}
100%{opacity:0}
}
@-webkit-keyframes txtOut{
0%{color:#090b0a}
15%{color:#090b0a}
70%{color:#fff}
100%{color:#fff}
}
@keyframes txtOut{
0%{color:#090b0a}
15%{color:#090b0a}
70%{color:#fff}
100%{color:#fff}
}
@-webkit-keyframes txtOut1{
0%{color:#008755}
15%{color:#008755}
70%{color:#fff}
100%{color:#fff}
}
@keyframes txtOut1{
0%{color:#008755}
15%{color:#008755}
70%{color:#fff}
100%{color:#fff}
}
@-webkit-keyframes strokeFn{
0%{stroke:#008755}
15%{stroke:#008755}
70%{stroke:#fff}
100%{stroke:#fff}
}
@keyframes strokeFn{
0%{stroke:#008755}
15%{stroke:#008755}
70%{stroke:#fff}
100%{stroke:#fff}
}
@-webkit-keyframes fillFn{
0%{fill:#008755}
15%{fill:#008755}
70%{fill:#fff}
100%{fill:#fff}
}
@keyframes fillFn{
0%{fill:#008755}
15%{fill:#008755}
70%{fill:#fff}
100%{fill:#fff}
}
@-webkit-keyframes slideX{
0%{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0)}
6%{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0)}
94%{transform:translateX(calc(-100% + 47vw));-webkit-transform:translateX(calc(-100% + 47vw));-moz-transform:translateX(calc(-100% + 47vw));-o-transform:translateX(calc(-100% + 47vw));-ms-transform:translateX(calc(-100% + 47vw))}
100%{transform:translateX(calc(-100% + 47vw));-webkit-transform:translateX(calc(-100% + 47vw));-moz-transform:translateX(calc(-100% + 47vw));-o-transform:translateX(calc(-100% + 47vw));-ms-transform:translateX(calc(-100% + 47vw))}
}
@keyframes slideX{
0%{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0)}
6%{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0)}
94%{transform:translateX(calc(-100% + 47vw));-webkit-transform:translateX(calc(-100% + 47vw));-moz-transform:translateX(calc(-100% + 47vw));-o-transform:translateX(calc(-100% + 47vw));-ms-transform:translateX(calc(-100% + 47vw))}
100%{transform:translateX(calc(-100% + 47vw));-webkit-transform:translateX(calc(-100% + 47vw));-moz-transform:translateX(calc(-100% + 47vw));-o-transform:translateX(calc(-100% + 47vw));-ms-transform:translateX(calc(-100% + 47vw))}
}
@-webkit-keyframes slideX1{
0%{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0)}
6%{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0)}
94%{transform:translateX(calc(-100% + 40vw));-webkit-transform:translateX(calc(-100% + 40vw));-moz-transform:translateX(calc(-100% + 40vw));-o-transform:translateX(calc(-100% + 40vw));-ms-transform:translateX(calc(-100% + 40vw))}
100%{transform:translateX(calc(-100% + 40vw));-webkit-transform:translateX(calc(-100% + 40vw));-moz-transform:translateX(calc(-100% + 40vw));-o-transform:translateX(calc(-100% + 40vw));-ms-transform:translateX(calc(-100% + 40vw))}
}
@keyframes slideX1{
0%{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0)}
6%{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0)}
94%{transform:translateX(calc(-100% + 40vw));-webkit-transform:translateX(calc(-100% + 40vw));-moz-transform:translateX(calc(-100% + 40vw));-o-transform:translateX(calc(-100% + 40vw));-ms-transform:translateX(calc(-100% + 40vw))}
100%{transform:translateX(calc(-100% + 40vw));-webkit-transform:translateX(calc(-100% + 40vw));-moz-transform:translateX(calc(-100% + 40vw));-o-transform:translateX(calc(-100% + 40vw));-ms-transform:translateX(calc(-100% + 40vw))}
}
@-webkit-keyframes adFn{
0%{opacity:0;transform:translateX(.4rem);-webkit-transform:translateX(.4rem);-moz-transform:translateX(.4rem);-o-transform:translateX(.4rem);-ms-transform:translateX(.4rem)}
10%{opacity:0}
30%{opacity:1}
70%{opacity:1}
90%{opacity:0}
100%{opacity:0;transform:translateX(-.4rem);-webkit-transform:translateX(-.4rem);-moz-transform:translateX(-.4rem);-o-transform:translateX(-.4rem);-ms-transform:translateX(-.4rem)}
}
@keyframes adFn{
0%{opacity:0;transform:translateX(.4rem);-webkit-transform:translateX(.4rem);-moz-transform:translateX(.4rem);-o-transform:translateX(.4rem);-ms-transform:translateX(.4rem)}
10%{opacity:0}
30%{opacity:1}
70%{opacity:1}
90%{opacity:0}
100%{opacity:0;transform:translateX(-.4rem);-webkit-transform:translateX(-.4rem);-moz-transform:translateX(-.4rem);-o-transform:translateX(-.4rem);-ms-transform:translateX(-.4rem)}
}
@-webkit-keyframes adFn1{
0%{opacity:1;transform:translateX(-.7rem);-webkit-transform:translateX(-.7rem);-moz-transform:translateX(-.7rem);-o-transform:translateX(-.7rem);-ms-transform:translateX(-.7rem)}
10%{opacity:1}
30%{opacity:.6}
70%{opacity:.6}
90%{opacity:1}
100%{opacity:1;transform:translateX(.7rem);-webkit-transform:translateX(.7rem);-moz-transform:translateX(.7rem);-o-transform:translateX(.7rem);-ms-transform:translateX(.7rem)}
}
@keyframes adFn1{
0%{opacity:1;transform:translateX(-.7rem);-webkit-transform:translateX(-.7rem);-moz-transform:translateX(-.7rem);-o-transform:translateX(-.7rem);-ms-transform:translateX(-.7rem)}
10%{opacity:1}
30%{opacity:.6}
70%{opacity:.6}
90%{opacity:1}
100%{opacity:1;transform:translateX(.7rem);-webkit-transform:translateX(.7rem);-moz-transform:translateX(.7rem);-o-transform:translateX(.7rem);-ms-transform:translateX(.7rem)}
}
@-webkit-keyframes adFn2{
0%{opacity:1;transform:translateX(-.7rem);-webkit-transform:translateX(-.7rem);-moz-transform:translateX(-.7rem);-o-transform:translateX(-.7rem);-ms-transform:translateX(-.7rem)}
100%{opacity:1;transform:translateX(.7rem);-webkit-transform:translateX(.7rem);-moz-transform:translateX(.7rem);-o-transform:translateX(.7rem);-ms-transform:translateX(.7rem)}
}
@keyframes adFn2{
0%{opacity:1;transform:translateX(-.7rem);-webkit-transform:translateX(-.7rem);-moz-transform:translateX(-.7rem);-o-transform:translateX(-.7rem);-ms-transform:translateX(-.7rem)}
100%{opacity:1;transform:translateX(.7rem);-webkit-transform:translateX(.7rem);-moz-transform:translateX(.7rem);-o-transform:translateX(.7rem);-ms-transform:translateX(.7rem)}
}
#esg .a_on,#esg .at_on,#esg .det_on{visibility:hidden;opacity:0}
#esg .pub_img_box{position:relative;overflow:hidden}
#esg .pub_img_box::before{content:'';display:block;width:100%;margin-top:100%}
#esg .pub_img_box>img{display:block;position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;left:0;top:0}
#esg #main{color:#090b0a}
#esg #main .pub_case{width:83.333%;margin:0 auto}
#esg #main #container{position:absolute;z-index:2;height:100vh;left:0;width:100%;top:0;pointer-events:none}
#esg #main #banner{overflow:hidden;position:relative;z-index:3;width:100vw;min-height:100vh}
#esg #main #banner .photo{background-repeat:no-repeat;background-position:center center;background-size:cover;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;width:100vw;-o-object-fit:cover;object-fit:cover}
#esg #main #banner .left{position:absolute;z-index:12;left:3.2%;bottom:4%;width:40vw;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
#esg #main #banner .left .pager{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#esg #main #banner .left .pager>li{position:relative;cursor:pointer}
#esg #main #banner .left .pager>li svg{display:block;width:.6rem;transform:rotate(16deg) translate(-3px,3px);-webkit-transform:rotate(16deg) translate(-3px,3px);-moz-transform:rotate(16deg) translate(-3px,3px);-o-transform:rotate(16deg) translate(-3px,3px);-ms-transform:rotate(16deg) translate(-3px,3px);-webkit-transition:-webkit-transform .8s cubic-bezier(0,0,0,1);transition:-webkit-transform .8s cubic-bezier(0,0,0,1);transition:transform .8s cubic-bezier(0,0,0,1);transition:transform .8s cubic-bezier(0,0,0,1),-webkit-transform .8s cubic-bezier(0,0,0,1);-webkit-transition:transform .8s cubic-bezier(0,0,0,1);-moz-transition:transform .8s cubic-bezier(0,0,0,1);-o-transition:transform .8s cubic-bezier(0,0,0,1);-ms-transition:transform .8s cubic-bezier(0,0,0,1)}
#esg #main #banner .left .pager>li svg path{stroke:#26d07c;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;fill:none;stroke-dasharray:400%;stroke-dashoffset:400%;transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1);-webkit-transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1);-moz-transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1);-o-transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1);-ms-transition:stroke-dashoffset .8s cubic-bezier(0,0,0,1)}
#esg #main #banner .left .pager>li em{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;width:100%;height:100%;top:0;left:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;transition:color .8s cubic-bezier(0,0,0,1);-webkit-transition:color .8s cubic-bezier(0,0,0,1);-moz-transition:color .8s cubic-bezier(0,0,0,1);-o-transition:color .8s cubic-bezier(0,0,0,1);-ms-transition:color .8s cubic-bezier(0,0,0,1)}
#esg #main #banner .left .pager>li.on svg{transform:rotate(0) translate(-3px,3px);-webkit-transform:rotate(0) translate(-3px,3px);-moz-transform:rotate(0) translate(-3px,3px);-o-transform:rotate(0) translate(-3px,3px);-ms-transform:rotate(0) translate(-3px,3px);-webkit-transition-delay:.5s;transition-delay:.5s}
#esg #main #banner .left .pager>li.on svg path{stroke-dashoffset:88%;-webkit-transition-delay:.5s;transition-delay:.5s}
#esg #main #banner .left .pager>li.on em{color:#26d07c}
#esg #main #banner .left .add{font-size:11px;color:rgba(255,255,255,.5);line-height:2;letter-spacing:1px}
#esg #main #banner .right{position:absolute;bottom:4%;right:3.2%;z-index:12;overflow:hidden}
#esg #main #banner .right .line{height:1.2rem;width:3px;overflow:hidden;background-color:rgba(255,255,255,.1)}
#esg #main #banner .right .line>span{height:50%;position:absolute;width:100%;bottom:100%;left:0;background:#008755;opacity:0;-webkit-animation:rightFn 4s linear infinite;animation:rightFn 4s linear infinite}
#esg #main #banner .right .line:after{content:"";height:35%;position:absolute;width:100%;top:-35%;left:0;background:#008755;-webkit-animation:rightFn 2.2s linear infinite;animation:rightFn 2.2s linear infinite}
#esg #main #banner .inner{position:absolute;width:100%;height:100%;top:0;left:0;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:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:10;text-align:center}
#esg #main #banner .inner h1{line-height:1.2;margin-bottom:.3rem;font-weight:700;letter-spacing:2px;position:relative;z-index:3;opacity:0}
#esg #main #banner .inner p{position:relative;z-index:3}
#esg #main #banner .inner .box{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;pointer-events:none}
#esg #main #banner .inner .box .light{position:absolute;left:49%;top:49%;width:92vw;-webkit-mask:linear-gradient(135deg,#000 0,rgba(0,0,0,0) 40%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:left top;mask-position:left top;-webkit-mask-size:0 0;mask-size:0 0;-webkit-animation:lightFn 1.2s ease;animation:lightFn 1.2s ease;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
#esg #main .hint_d{width:.9rem;height:.9rem;margin-top:.58rem;position:relative;margin-left:auto}
#esg #main .hint_d.hintd_r img{-webkit-transform:translate(-50%,-50%) rotate(-90deg);transform:translate(-50%,-50%) rotate(-90deg)}
#esg #main .hint_d svg{width:100%;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
#esg #main .hint_d svg circle{stroke:rgba(0,135,85,.2);stroke-width:1px;fill:transparent}
#esg #main .hint_d svg circle:nth-child(2){stroke:#008755;stroke-dashoffset:315%;stroke-dasharray:315%;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
@media screen and (orientation:landscape){
#esg #main .hint_d:hover svg{width:100%}
#esg #main .hint_d:hover svg circle:nth-child(2){stroke-dashoffset:0}
}
#esg #main .hint_d img{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:.27rem;display:block;z-index:3}
#esg #main .bg{position:absolute;pointer-events:none;z-index:0;width:100%;height:100%;left:0;top:0}
#esg #main .bg>img{position:absolute;width:53.75%}
#esg #main h2{color:#008755;font-weight:700;line-height:1}
#esg #main h2>div{font-weight:400;margin-bottom:.13rem}
#esg #main .row{position:relative}
#esg #main .row p{line-height:1.888;margin-top:.32rem}
#esg #main .row p b{font-size:inherit}
#esg #main .r1{padding-top:2.2rem;overflow:hidden}
#esg #main .r1 .bg .img_t{left:0;top:0;-webkit-transform:translate(-64%,-40%);transform:translate(-64%,-40%)}
#esg #main .r1 .bg .img_b{right:0;top:0;-webkit-transform:translate(46%,-20%);transform:translate(46%,-20%)}
#esg #main .r1 .inner{position:relative;z-index:2;padding-bottom:1.84rem;border-bottom:1px solid rgba(0,135,85,.2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
#esg #main .r1 .inner .pub_img_box{width:50%}
#esg #main .r1 .inner .pub_img_box::before{margin-top:66.125%}
#esg #main .r1 .inner .group{width:37.5%;margin-right:5%}
#esg #main .r2{padding-top:1.8rem;padding-bottom:1.7rem}
#esg #main .r2 .group{text-align:center}
#esg #main .r2 .r2_box_con{margin:2.1rem auto 0;width:40.125%;position:relative;border-radius:100%;-webkit-box-shadow:0 0 200px 200px rgba(0,135,85,.1);box-shadow:0 0 200px 200px rgba(0,135,85,.1)}
#esg #main .r2 .r2_box_con::before{content:'';width:136%;height:136%;position:absolute;display:block;border-radius:50%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:url(/templates/dist/img/1103/dot_case.png) no-repeat center;background-size:98%;z-index:2}
#esg #main .r2 .r2_box_con .pub_img_box{text-align:center;border-radius:100%;z-index:3}
#esg #main .r2 .r2_box_con .pub_img_box>img{height:calc(100% + 60px);margin-top:-50px}
#esg #main .r2 .r2_box_con .pub_img_box.on>img{-webkit-filter:blur(10px);filter:blur(10px);-webkit-transition:-webkit-filter 1s ease .5s;transition:-webkit-filter 1s ease .5s;transition:filter 1s ease .5s;transition:filter 1s ease .5s,-webkit-filter 1s ease .5s}
#esg #main .r2 .r2_box_con .pub_img_box.on .r2_txt_box{opacity:1;-webkit-transform:none;transform:none;-webkit-transition:opacity .4s ease 1.2s,-webkit-transform .4s ease 1.2s;transition:opacity .4s ease 1.2s,-webkit-transform .4s ease 1.2s;transition:opacity .4s ease 1.2s,transform .4s ease 1.2s;transition:opacity .4s ease 1.2s,transform .4s ease 1.2s,-webkit-transform .4s ease 1.2s}
#esg #main .r2 .r2_box_con .pub_img_box .r2_txt_box{z-index:3;position:absolute;left:0;top:0;width:100%;height:100%;padding-bottom:.5rem;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;color:#fff;opacity:0;-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}
#esg #main .r2 .r2_box_con .pub_img_box .r2_txt_box>img{width:.86rem}
#esg #main .r2 .r2_box_con .pub_img_box .r2_txt_box h2{margin-top:.1rem;color:#fff;margin-bottom:.76rem;position:relative}
#esg #main .r2 .r2_box_con .pub_img_box .r2_txt_box h2::before{content:'';display:block;position:absolute;left:50%;margin-left:-.09rem;bottom:-.38rem;width:.18rem;height:.04rem;background-color:#fff}
#esg #main .r2 .r2_box_con .pub_img_box .r2_txt_box .esg_info{line-height:1}
#esg #main .r2 .r2_box_con .pub_img_box .r2_txt_box .esg_info div{margin-top:.2rem;font-weight:700}
#esg #main .r2 .r2_box_con .r2_txt_block{position:absolute;z-index:1;width:136%;height:136%;left:-18%;top:-18%}
#esg #main .r2 .r2_box_con .r2_txt_block .r2_txt_me{position:absolute}
#esg #main .r2 .r2_box_con .r2_txt_block .r2_txt_me .r2_t_left{background-color:#fff;border-radius:100%;width:1.3rem;height:1.3rem;position:relative;-webkit-box-shadow:0 0 .3rem .3rem rgba(0,135,85,.05);box-shadow:0 0 .3rem .3rem rgba(0,135,85,.05);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}
#esg #main .r2 .r2_box_con .r2_txt_block .r2_txt_me .r2_t_left::before{content:'';display:block;width:1.6rem;height:1.6rem;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;border-radius:100%;background:url(/templates/dist/img/1103/dot_l.png) no-repeat center;background-size:100% 100%}
#esg #main .r2 .r2_box_con .r2_txt_block .r2_txt_me .r2_t_left img{width:.38rem;height:.38rem;display:block}
#esg #main .r2 .r2_box_con .r2_txt_block .r2_txt_me .r2_t_left span{color:#008755;margin-top:10px;font-weight:700}
#esg #main .r2 .r2_box_con .r2_txt_block .r2_txt_me .r2_t_right{margin-left:.48rem}
#esg #main .r2 .r2_box_con .r2_txt_block .r2_txt_me .r2_t_right h4{color:#008755;font-weight:700}
#esg #main .r2 .r2_box_con .r2_txt_block .r2_txt_me .r2_t_right p{margin-top:.12rem;color:#141615;line-height:1.5}
@media screen and (orientation:landscape){
#esg #main .r2 .r2_box_con .r2_txt_block .r2_txt_me{margin-top:-.65rem}
#esg #main .r2 .r2_box_con .r2_txt_block .r2_txt_me .r2_t_right{position:absolute;left:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:18vw}
#esg #main .r2 .r2_box_con .r2_txt_block .r2_txt_me:nth-child(4),#esg #main .r2 .r2_box_con .r2_txt_block .r2_txt_me:nth-child(5),#esg #main .r2 .r2_box_con .r2_txt_block .r2_txt_me:nth-child(6){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
#esg #main .r2 .r2_box_con .r2_txt_block .r2_txt_me:nth-child(4) .r2_t_right,#esg #main .r2 .r2_box_con .r2_txt_block .r2_txt_me:nth-child(5) .r2_t_right,#esg #main .r2 .r2_box_con .r2_txt_block .r2_txt_me:nth-child(6) .r2_t_right{margin-left:0;margin-right:.48rem;text-align:right;right:100%;left:auto}
#esg #main .r2 .r2_box_con .r2_txt_block .r2_txt_me:nth-child(1){left:80%;top:17%}
#esg #main .r2 .r2_box_con .r2_txt_block .r2_txt_me:nth-child(2){left:93%;top:50%}
#esg #main .r2 .r2_box_con .r2_txt_block .r2_txt_me:nth-child(3){left:80%;top:83%}
#esg #main .r2 .r2_box_con .r2_txt_block .r2_txt_me:nth-child(6){right:80%;top:17%}
#esg #main .r2 .r2_box_con .r2_txt_block .r2_txt_me:nth-child(5){right:93%;top:50%}
#esg #main .r2 .r2_box_con .r2_txt_block .r2_txt_me:nth-child(4){right:80%;top:83%}
}
#esg #main .r3{-webkit-mask-image:url(/templates/dist/img/1103/sha_mark.png);mask-image:url(/templates/dist/img/1103/sha_mark.png);-webkit-mask-position:0 -35vw;mask-position:0 -35vw;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
#esg #main .r3.on{-webkit-mask-position:0 0;mask-position:0 0;-webkit-transition:-webkit-mask-position 1s ease;transition:-webkit-mask-position 1s ease;transition:mask-position 1s ease;transition:mask-position 1s ease,-webkit-mask-position 1s ease}
#esg #main .r3 .r3_case{padding-top:1rem;padding-bottom:1.9rem;background-position:center bottom;background-size:100% auto;text-align:center;background-repeat:no-repeat}
#esg #main .r3 .r3_con_case{margin-top:.78rem}
#esg #main .r3 .r3_con_case .r3_con_t{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
#esg #main .r3 .r3_con_case .r3_con_t .r3_t_l,#esg #main .r3 .r3_con_case .r3_con_t .r3_t_r{width:calc(((100% - 9em)/ 2));overflow:hidden;font-size:inherit}
#esg #main .r3 .r3_con_case .r3_con_t .r3_t_l span,#esg #main .r3 .r3_con_case .r3_con_t .r3_t_r span{display:block;border-top:1px solid #008755;height:.775em;font-size:inherit}
#esg #main .r3 .r3_con_case .r3_con_t .r3_t_l span{border-left:1px solid #008755;border-radius:.3rem 0 0 0}
#esg #main .r3 .r3_con_case .r3_con_t .r3_t_r span{border-right:1px solid #008755;border-radius:0 .3rem 0 0}
#esg #main .r3 .r3_con_case .r3_con_t>div:nth-child(2){font-weight:700;line-height:1.55;color:#008755}
#esg #main .r3 .r3_con_case .r3_con_c{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:.4rem}
#esg #main .r3 .r3_con_case .r3_con_c img{width:32.5%}
#esg #main .r3 .r3_con_case .r3_con_b{margin-top:-4.375%;padding-top:11.875%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
#esg #main .r3 .r3_con_case .r3_con_b::before{content:'';display:block;width:100%;height:calc(100% - 1.35rem);left:0;top:0;border:1px solid #008755;border-top:none;border-radius:0 0 .3rem .3rem;position:absolute;z-index:0}
#esg #main .r3 .r3_con_case .r3_con_b>div{width:2.7rem;height:2.7rem;border-radius:100%;background-color:#3f7b67;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;color:#fff;margin:0 .34rem;position:relative;z-index:2;overflow:hidden}
#esg #main .r3 .r3_con_case .r3_con_b>div:nth-child(2)::before{content:'';display:block;position:absolute;width:1px;height:1px;border-radius:100%;background-color:rgba(0,0,0,.2);-webkit-box-shadow:0 0 .6rem .6rem rgba(0,0,0,.2);box-shadow:0 0 .6rem .6rem rgba(0,0,0,.2);top:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
#esg #main .r3 .r3_con_case .r3_con_b>div i{line-height:1}
#esg #main .r3 .r3_con_case .r3_con_b>div span{margin-top:.25rem;font-weight:700}
@media screen and (orientation:landscape){
#esg #main .r3 .r3_con_case .r3_con_b>div span br{display:none}
}
#esg #main .r4{padding-top:2.65rem;padding-bottom:1rem;z-index:3}
#esg #main .r4 .r4_top{position:absolute;left:8.3335%;top:2rem}
#esg #main .r4 .r4_top h2 div{margin-bottom:0;margin-top:.13rem}
@media screen and (orientation:landscape){
#esg #main .r4 .r4_top p{width:65%;margin-top:.98rem}
}
#esg #main .r4 .r4_bottom{position:relative}
#esg #main .r4 .r4_bottom img{display:block;width:106.6%;position:absolute;left:0;top:0;margin-left:-3.3%}
#esg #main .r4 .r4_bottom img:first-child{position:relative}
@-webkit-keyframes dissociate{
0%{-webkit-transform:translate(0);transform:translate(0)}
20%{-webkit-transform:translate(.05rem,.05rem);transform:translate(.05rem,.05rem)}
40%{-webkit-transform:translate(.07rem,.02rem);transform:translate(.07rem,.02rem)}
60%{-webkit-transform:translate(.05rem,-.01rem);transform:translate(.05rem,-.01rem)}
80%{-webkit-transform:translate(-.01rem,-.05rem);transform:translate(-.01rem,-.05rem)}
100%{-webkit-transform:translate(0);transform:translate(0)}
}
@keyframes dissociate{
0%{-webkit-transform:translate(0);transform:translate(0)}
20%{-webkit-transform:translate(.05rem,.05rem);transform:translate(.05rem,.05rem)}
40%{-webkit-transform:translate(.07rem,.02rem);transform:translate(.07rem,.02rem)}
60%{-webkit-transform:translate(.05rem,-.01rem);transform:translate(.05rem,-.01rem)}
80%{-webkit-transform:translate(-.01rem,-.05rem);transform:translate(-.01rem,-.05rem)}
100%{-webkit-transform:translate(0);transform:translate(0)}
}
#esg #main .r5 .bg{z-index:3}
#esg #main .r5 .bg .i_top{left:0;top:0;-webkit-transform:translate(-15%,-65%);transform:translate(-15%,-65%);mix-blend-mode:screen}
#esg #main .r5 .bg .i_bottom{right:0;bottom:0;-webkit-transform:translate(45%,30%);transform:translate(45%,30%);mix-blend-mode:screen}
#esg #main .r5 .bg .i_w{opacity:0}
#esg #main .r5 .bg .r5_copy_box{width:83.333%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);padding-bottom:.8rem;bottom:0;position:absolute;z-index:3;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;-webkit-transition:color .5s ease;transition:color .5s ease;color:#008755}
#esg #main .r5 .bg .r5_copy_box .r5_c_l{line-height:1.2}
#esg #main .r5 .bg .r5_copy_box .r5_c_l span{display:block}
#esg #main .r5 .bg.on .i_w{opacity:1}
#esg #main .r5 .bg.on .i_b{opacity:0}
#esg #main .r5 .bg.on .r5_copy_box{color:#fff}
#esg #main .r5 .r5_con_box{position:relative}
#esg #main .r5 .r5_con_box .r5_img_case{position:absolute;left:8.334%;top:0;width:41.666%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:3}
#esg #main .r5 .r5_con_box .r5_img_case .r5_img_box{border-radius:.1rem;overflow:hidden;width:100%;position:relative}
#esg #main .r5 .r5_con_box .r5_img_case .r5_img_box::before{content:'';display:block;width:100%;margin-top:68.75%}
#esg #main .r5 .r5_con_box .r5_img_case .r5_img_box .pub_img_box{position:absolute;-webkit-transform:translateY(100.2%);transform:translateY(100.2%);left:0;top:0;width:100%;height:100.2%}
#esg #main .r5 .r5_con_box .r5_img_case .r5_img_box .pub_img_box::before{display:none}
#esg #main .r5 .r5_con_box .r5_img_case .r5_img_box .pub_img_box:nth-child(1){height:100%;-webkit-transform:translateY(-1px);transform:translateY(-1px)}
#esg #main .r5 .r5_con_box .r5_txt_box .r5_txt_block .pub_case{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
#esg #main .r5 .r5_con_box .r5_txt_box .r5_txt_block .pub_case .r5_t_case{width:43.125%}
#esg #main .r5 .r5_con_box .r5_txt_box .r5_txt_block .pub_case .r5_t_case .r5_time_box{margin-top:.67rem}
#esg #main .r5 .r5_con_box .r5_txt_box .r5_txt_block .pub_case .r5_t_case .r5_time_box .en_b{padding-top:.75rem;line-height:.75;position:relative;color:#008755}
#esg #main .r5 .r5_con_box .r5_txt_box .r5_txt_block .pub_case .r5_t_case .r5_time_box .en_b::before{content:"";display:block;left:0;top:0;width:.18rem;height:.03rem;position:absolute;background-color:#008755}
#esg #main .r5 .r5_con_box .r5_txt_box .r5_txt_block .pub_case .r5_t_case .r5_time_box h3{margin-top:.05rem;margin-bottom:.58rem;font-weight:700}
#esg #main .r5 .r5_con_box .r5_txt_box .r5_txt_block .pub_case .r5_t_case .r5_time_box p{margin-bottom:.05rem;margin-top:0;padding-left:.32rem;position:relative}
#esg #main .r5 .r5_con_box .r5_txt_box .r5_txt_block .pub_case .r5_t_case .r5_time_box p::before{content:"";position:absolute;left:0;font-size:inherit;top:.944em;width:.12rem;height:.12rem;margin-top:-.06rem;border:.03rem solid #008755;border-radius:50%}
#esg #main .r5 .r5_con_box .r5_txt_box .r5_txt_block:first-child .pub_case .r5_t_case .r5_time_box{margin-top:.53rem}
#esg #main .r5 .r5_con_box .r5_txt_box .r5_txt_block:first-child .pub_case .r5_t_case .r5_time_box p{padding-left:0}
#esg #main .r5 .r5_con_box .r5_txt_box .r5_txt_block:first-child .pub_case .r5_t_case .r5_time_box p::before{display:none}
#esg #main .r5 .r5_con_box .r5_txt_box .r5_txt_block:nth-child(2){background-color:#73ac66;color:#fff}
#esg #main .r5 .r5_con_box .r5_txt_box .r5_txt_block:nth-child(2) h2,#esg #main .r5 .r5_con_box .r5_txt_box .r5_txt_block:nth-child(2) p{color:#fff}
#esg #main .r5 .r5_con_box .r5_txt_box .r5_txt_block:nth-child(2) .pub_case .r5_t_case .r5_time_box .en_b{color:#fff}
#esg #main .r5 .r5_con_box .r5_txt_box .r5_txt_block:nth-child(2) .pub_case .r5_t_case .r5_time_box .en_b::before{background-color:#fff}
#esg #main .r5 .r5_con_box .r5_txt_box .r5_txt_block:nth-child(2) .pub_case .r5_t_case .r5_time_box p::before{border-color:#fff}
#esg #main .r5 .r5_con_box .r5_txt_box .r5_txt_block:nth-child(3){background-color:#8db2c4;color:#fff}
#esg #main .r5 .r5_con_box .r5_txt_box .r5_txt_block:nth-child(3) h2,#esg #main .r5 .r5_con_box .r5_txt_box .r5_txt_block:nth-child(3) p{color:#fff}
#esg #main .r5 .r5_con_box .r5_txt_box .r5_txt_block:nth-child(3) .pub_case .r5_t_case .r5_time_box .en_b{color:#fff}
#esg #main .r5 .r5_con_box .r5_txt_box .r5_txt_block:nth-child(3) .pub_case .r5_t_case .r5_time_box .en_b::before{background-color:#fff}
#esg #main .r5 .r5_con_box .r5_txt_box .r5_txt_block:nth-child(3) .pub_case .r5_t_case .r5_time_box p::before{border-color:#fff}
#esg #main .r6{text-align:center;padding-top:1.6rem;padding-bottom:1.75rem}
#esg #main .r6 .r6_con{margin:.8rem auto 0;width:88.75%}
#esg #main .r6 .r6_con .swiper .swiper-wrapper{-webkit-transition-timing-function:linear;transition-timing-function:linear}
@media screen and (orientation:landscape){
#esg #main .r6 .r6_con .swiper .swiper-wrapper .swiper-slide{opacity:.6;-webkit-transition:opacity .5s ease 1s;transition:opacity .5s ease 1s}
#esg #main .r6 .r6_con .swiper .swiper-wrapper .swiper-slide.active{opacity:1}
#esg #main .r6 .r6_con .swiper .swiper-wrapper .swiper-slide.active+.swiper-slide{opacity:1}
#esg #main .r6 .r6_con .swiper .swiper-wrapper .swiper-slide.active+.swiper-slide+.swiper-slide{opacity:1}
}
#esg #main .r6 .r6_con .r6_con_block{width:100%;height:5rem;border:1px solid rgba(152,218,195,.8);border-radius:.1rem;padding:.3rem}
#esg #main .r6 .r6_con .r6_con_block>img{display:block;width:1.38rem;margin:.3rem auto 0}
#esg #main .r6 .r6_con .r6_con_block h4{margin-top:.39rem;font-weight:700;color:#008755}
#esg #main .r6 .r6_con .r6_con_block p{height:4.5em;line-height:1.5;font-weight:700}
#esg #main .r6 .r6_con .r6_con_block .r6_hint{color:#20332a}
#esg #main .r7{padding-top:1.6rem;padding-bottom:2.35rem;text-align:center}
#esg #main .r7 .pub_img_box{width:100%;height:100%}
#esg #main .r7 .pub_img_box::before{display:none}
#esg #main .r7 .r7_top_box p{color:#008755}
#esg #main .r7 .r7_con{margin-top:1.94rem}
#esg #main .r7 .r7_con h3{color:#fff;font-weight:700;text-shadow:0 0 .38rem rgba(255,255,255,.41)}
#esg #main .r7 .r7_con .r7_con_case{margin-top:.17rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}
#esg #main .r7 .r7_con .r7_con_case .r7_txt_block{margin-top:.2rem;width:calc((100% - .4rem)/ 3);height:3.1rem;border:1px solid rgba(255,255,255,.2);background-color:rgba(0,0,0,.2);overflow:hidden;position:relative}
#esg #main .r7 .r7_con .r7_con_case .r7_txt_block .r7_bg{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transition:background-color .5s ease-in;transition:background-color .5s ease-in}
#esg #main .r7 .r7_con .r7_con_case .r7_txt_block .r7_bg i{font-size:1.6rem;color:rgba(0,0,0,.2);position:absolute;right:0;top:0;-webkit-transform:translate(10%,-10%);transform:translate(10%,-10%);-webkit-transition:opacity .5s ease-in;transition:opacity .5s ease-in;line-height:1}
#esg #main .r7 .r7_con .r7_con_case .r7_txt_block .r7_bg .icon_i{width:36.15%;position:absolute;right:0;top:0;-webkit-transition:opacity .5s ease-in;transition:opacity .5s ease-in;display:block}
#esg #main .r7 .r7_con .r7_con_case .r7_txt_block .r7_bg>img:not(.icon_i){width:109.43%;position:absolute;left:-4%;bottom:-5%;opacity:.2;-webkit-transition:height .5s ease-in;transition:height .5s ease-in;height:0}
#esg #main .r7 .r7_con .r7_con_case .r7_txt_block .r7_txt{width:100%;height:100%;z-index:3;position:relative;padding:.5rem .36rem .36rem .5rem;color:#fff;text-align:left;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:end;-ms-flex-pack:end;justify-content:flex-end}
#esg #main .r7 .r7_con .r7_con_case .r7_txt_block .r7_txt h4{letter-spacing:-.04em;font-weight:700;line-height:1.2;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scale(.88);transform:scale(.88);-webkit-transition:color .2s ease-in,-webkit-transform .3s ease-in;transition:color .2s ease-in,-webkit-transform .3s ease-in;transition:transform .3s ease-in,color .2s ease-in;transition:transform .3s ease-in,color .2s ease-in,-webkit-transform .3s ease-in}
#esg #main .r7 .r7_con .r7_con_case .r7_txt_block .r7_txt div:nth-child(2){margin-top:.05rem;color:rgba(255,255,255,.5);overflow:hidden;-webkit-transition:max-height .2s ease-in;transition:max-height .2s ease-in}
#esg #main .r7 .r7_con .r7_con_case .r7_txt_block .r7_txt p{line-height:1.71;margin-top:0;max-height:0;overflow:hidden}
@media screen and (orientation:landscape){
#esg #main .r7 .r7_con .r7_con_case .r7_txt_block:hover .r7_bg{background-color:#fff}
#esg #main .r7 .r7_con .r7_con_case .r7_txt_block:hover .r7_bg .icon_i,#esg #main .r7 .r7_con .r7_con_case .r7_txt_block:hover .r7_bg i{opacity:0}
#esg #main .r7 .r7_con .r7_con_case .r7_txt_block:hover .r7_bg>img{height:auto}
#esg #main .r7 .r7_con .r7_con_case .r7_txt_block:hover .r7_txt{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
#esg #main .r7 .r7_con .r7_con_case .r7_txt_block:hover .r7_txt h4{color:#008755;-webkit-transform:none;transform:none}
#esg #main .r7 .r7_con .r7_con_case .r7_txt_block:hover .r7_txt div:nth-child(2){max-height:0;display:none}
#esg #main .r7 .r7_con .r7_con_case .r7_txt_block:hover .r7_txt p{margin-top:.37rem;max-height:999px}
}
#esg #main .r8{position:relative;width:100vw}
#esg #main .r8 .inner{height:100%;padding-top:1rem;width:100%;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:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background-size:cover}
#esg #main .r8 .inner .mid{height:25vw;width:83.33%;position:relative;margin:0 auto}
#esg #main .r8 .inner .mid .box{border-radius:.1rem;overflow:hidden}
#esg #main .r8 .inner .mid .box .swiper{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:.1rem;overflow:hidden}
#esg #main .r8 .inner .mid .box .swiper .swiper-wrapper .swiper-slide{background-color:#000}
#esg #main .r8 .inner .mid .box .swiper .swiper-wrapper .swiper-slide .photo{position:absolute;width:100%;height:100%;top:0;left:0;background-position:center;background-repeat:no-repeat;background-size:cover;padding:5% 7%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
#esg #main .r8 .inner .mid .box .swiper .swiper-wrapper .swiper-slide .photo .top{color:#fff;position:relative;z-index:10}
#esg #main .r8 .inner .mid .box .swiper .swiper-wrapper .swiper-slide .photo .con{position:relative;z-index:10}
#esg #main .r8 .inner .mid .box .swiper .swiper-wrapper .swiper-slide .photo .con small{font-weight:100;color:#fff;display:inline-block;line-height:2}
#esg #main .r8 .inner .mid .box .swiper .swiper-wrapper .swiper-slide .photo .con h3{color:#fff}
#esg #main .r8 .inner .mid .box .swiper .swiper-wrapper .swiper-slide .photo:after{content:"";pointer-events:none;width:100%;height:100%;top:0;left:0;position:absolute;z-index:2;background:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,.7)),color-stop(40%,rgba(0,0,0,.1)),to(rgba(0,0,0,.1)));background:linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.1) 40%,rgba(0,0,0,.1) 100%)}
#esg #main .r8 .inner .mid .box .mask{position:absolute;width:100%;height:100%;top:0;left:0;z-index:10;pointer-events:none}
#esg #main .r8 .inner .mid .box .mask .light{position:absolute;right:0;top:.5rem;width:39vw;-webkit-mask:linear-gradient(225deg,#000 0,rgba(0,0,0,0) 90%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:right top;mask-position:right top;-webkit-mask-size:0 0;mask-size:0 0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-timing-function:ease;animation-timing-function:ease}
#esg #main .r8 .inner .mid .box .mask .light.go{-webkit-animation-name:lightFn;animation-name:lightFn}
#esg #main .r8 .inner .mid .box .mask .msg{position:absolute;left:0;top:0;width:100%;height:100%}
#esg #main .r8 .inner .mid .box .mask .msg .list{padding:3% 7% 5% 7%;position:absolute;width:100%;height:100%;top:0;left:0;display:none;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
#esg #main .r8 .inner .mid .box .mask .msg .list .top{color:#fff;position:relative;z-index:10;display:block;text-align:right;width:100%}
#esg #main .r8 .inner .mid .box .mask .msg .list .con{position:relative;z-index:10}
#esg #main .r8 .inner .mid .box .mask .msg .list .con small{font-weight:100;color:#fff;display:inline-block;line-height:2}
#esg #main .r8 .inner .mid .box .mask .msg .list .con h3{color:#fff;font-weight:600}
#esg #main .r8 .inner .mid .box .mask .msg .list.on{display:-webkit-box;display:-ms-flexbox;display:flex}
#esg #main .r8 .inner .mid .box:nth-of-type(1){position:absolute;width:25%;left:0;top:.6rem;padding-bottom:16.68%;background-color:#000}
#esg #main .r8 .inner .mid .box:nth-of-type(2){position:absolute;width:37.5%;left:3%;right:0;margin:0 auto;bottom:0;padding-bottom:22.875%}
#esg #main .r8 .inner .mid .box:nth-of-type(2) .swiper{width:91%}
#esg #main .r8 .inner .mid .box:nth-of-type(2) .swiper .swiper-wrapper .swiper-slide .photo .top{opacity:0}
#esg #main .r8 .inner .mid .box:nth-of-type(2) .swiper .swiper-wrapper .swiper-slide .photo .con{opacity:0}
#esg #main .r8 .inner .mid .box:nth-of-type(2) .mask .msg{width:91%}
#esg #main .r8 .inner .mid .box:nth-of-type(2) .mask .msg .list .con small{font-size:.24rem}
#esg #main .r8 .inner .mid .box:nth-of-type(2) .mask .msg .list .con h3{font-size:.24rem}
#esg #main .r8 .inner .mid .box:nth-of-type(3){position:absolute;width:25%;right:0;top:0;padding-bottom:16.68%;background-color:#000}
#esg #main .r8 .inner .mid .box:nth-of-type(3) .swiper{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:.1rem;overflow:hidden}
#esg #main .r8 .inner .mid .box:nth-of-type(3) .swiper .swiper-wrapper{-webkit-transition-timing-function:ease;transition-timing-function:ease}
#esg #main .r8 .inner .mid .box:nth-of-type(3) .swiper .swiper-wrapper .swiper-slide .photo{position:absolute;width:100%;height:100%;top:0;left:0;background-position:center;background-repeat:no-repeat;background-size:cover}
#esg #main .r8 .inner .btm,#esg #main .r8 .inner .r8_top{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;width:83.33%;position:relative;margin:0 auto}
#esg #main .r8 .inner .btm .col.left,#esg #main .r8 .inner .r8_top .col.left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
#esg #main .r8 .inner .btm .col.left>span,#esg #main .r8 .inner .r8_top .col.left>span{line-height:.75;text-transform:uppercase}
#esg #main .r8 .inner .btm .col.left>svg,#esg #main .r8 .inner .r8_top .col.left>svg{fill:rgba(0,135,85,.5);margin:0 .35rem;width:.47rem}
#esg #main .r8 .inner .btm .col.left>p,#esg #main .r8 .inner .r8_top .col.left>p{color:#008755;line-height:1.2;position:relative}
#esg #main .r8 .inner .btm .col.right,#esg #main .r8 .inner .r8_top .col.right{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;margin-left:auto}
#esg #main .r8 .inner .btm .col.right .slider--btn,#esg #main .r8 .inner .r8_top .col.right .slider--btn{position:relative;display:inline-block}
#esg #main .r8 .inner .btm .col.right .slider--btn svg,#esg #main .r8 .inner .r8_top .col.right .slider--btn svg{position:relative;width:.7rem;stroke:rgba(0,135,85,.3);stroke-width:2px;stroke-linecap:butt;stroke-linejoin:miter;fill:rgba(0,135,85,0);stroke-dasharray:400%;stroke-dashoffset:0;-webkit-transition:fill .8s ease,stroke-dashoffset 2s ease;transition:fill .8s ease,stroke-dashoffset 2s ease}
#esg #main .r8 .inner .btm .col.right .slider--btn i,#esg #main .r8 .inner .r8_top .col.right .slider--btn i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);top:46%;color:#008755;font-size:12px;transition:color .8s cubic-bezier(0,0,0,1);-webkit-transition:color .8s cubic-bezier(0,0,0,1);-moz-transition:color .8s cubic-bezier(0,0,0,1);-o-transition:color .8s cubic-bezier(0,0,0,1);-ms-transition:color .8s cubic-bezier(0,0,0,1)}
#esg #main .r8 .inner .btm .col.right .slider--btn:nth-of-type(1) i,#esg #main .r8 .inner .r8_top .col.right .slider--btn:nth-of-type(1) i{padding-left:20%}
#esg #main .r8 .inner .btm .col.right .slider--btn:nth-of-type(2),#esg #main .r8 .inner .r8_top .col.right .slider--btn:nth-of-type(2){margin-bottom:.3rem;margin-left:.48rem}
#esg #main .r8 .inner .btm .col.right .slider--btn:nth-of-type(2) i,#esg #main .r8 .inner .r8_top .col.right .slider--btn:nth-of-type(2) i{padding-right:20%}
#esg #main .r8 .inner .btm .col.right .slider--btn:hover>svg,#esg #main .r8 .inner .r8_top .col.right .slider--btn:hover>svg{fill:#008755;stroke-dashoffset:400%}
#esg #main .r8 .inner .btm .col.right .slider--btn:hover i,#esg #main .r8 .inner .r8_top .col.right .slider--btn:hover i{color:#fff}
#esg #main footer{position:relative;z-index:56}
#esg #main footer .bg{height:120%}
#esg #main .esg_r9{overflow:hidden;-webkit-mask-image:url(/templates/dist/img/1103/sha_mark.png);mask-image:url(/templates/dist/img/1103/sha_mark.png);-webkit-mask-position:0 -35vw;mask-position:0 -35vw;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0;mask-position:0 0;-webkit-transition:-webkit-mask-position 1s ease;transition:-webkit-mask-position 1s ease;transition:mask-position 1s ease;transition:mask-position 1s ease,-webkit-mask-position 1s ease}
#esg #main .esg_r9 .swiper{overflow:visible}
#esg #main .esg_r9 .esg_r9_case{padding-top:1.6rem;padding-bottom:2.4rem;background-position:center bottom;background-size:100% auto;text-align:center;background-repeat:no-repeat}
#esg #main .esg_r9 .r9_con_case{margin-top:.78rem;position:relative}
#esg #main .esg_r9 .r9_con_case .esg_r9_img .pub_img_box{background-color:#000}
#esg #main .esg_r9 .r9_con_case .esg_r9_img .pub_img_box::after{content:'';display:block;width:100%;height:50%;position:absolute;bottom:0;left:0;border-radius:50%;background:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,.6)),to(rgba(0,0,0,0)));background:linear-gradient(to top,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 100%);z-index:3;pointer-events:none}
#esg #main .esg_r9 .r9_con_case .esg_r9_img .pub_img_box img{opacity:.5;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}
#esg #main .esg_r9 .r9_con_case .esg_r9_img .pub_img_box span{font-size:.4rem;line-height:1;text-align:center;z-index:4;width:100%;left:0;bottom:.58rem;font-weight:700;position:absolute;-webkit-transform:scale(.6);transform:scale(.6);-webkit-transform-origin:50% 200%;transform-origin:50% 200%;-webkit-transition:-webkit-transform .5s ease-in-out;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;color:#fff}
#esg #main .esg_r9 .r9_con_case .esg_r9_img .swiper-slide{width:3.3rem;border-radius:100%;overflow:hidden;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;cursor:pointer}
#esg #main .esg_r9 .r9_con_case .esg_r9_img .swiper-slide.active{width:4.5rem;-webkit-box-shadow:0 60px 120px 0 rgba(153,165,159,.72);box-shadow:0 60px 120px 0 rgba(153,165,159,.72)}
#esg #main .esg_r9 .r9_con_case .esg_r9_img .swiper-slide.active .pub_img_box img{opacity:1}
#esg #main .esg_r9 .r9_con_case .esg_r9_img .swiper-slide.active .pub_img_box span{-webkit-transform:scale(1);transform:scale(1)}
@media screen and (orientation:landscape){
#esg #main .esg_r9 .r9_con_case .esg_r9_img .swiper-wrapper{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
#esg #main .esg_r9 .r9_con_case .esg_r9_img .swiper-wrapper .swiper-slide:nth-child(1){margin-right:.25rem;margin-top:.63rem;margin-left:-1.13rem}
#esg #main .esg_r9 .r9_con_case .esg_r9_img .swiper-wrapper .swiper-slide:nth-child(2){margin-top:1.32rem}
#esg #main .esg_r9 .r9_con_case .esg_r9_img .swiper-wrapper .swiper-slide:nth-child(3){margin-left:-.16rem}
#esg #main .esg_r9 .r9_con_case .esg_r9_img .swiper-wrapper .swiper-slide.active+.swiper-slide{width:2.67rem}
#esg #main .esg_r9 .r9_con_case .esg_r9_img[data-type="0"] .swiper-wrapper .swiper-slide:nth-child(1){margin-left:.2rem;margin-right:-.29rem;margin-top:.48rem}
#esg #main .esg_r9 .r9_con_case .esg_r9_img[data-type="0"] .swiper-wrapper .swiper-slide:nth-child(2){margin-top:3.38rem}
#esg #main .esg_r9 .r9_con_case .esg_r9_img[data-type="0"] .swiper-wrapper .swiper-slide:nth-child(3){width:3.41rem;margin-top:.58rem;margin-left:-.83rem}
#esg #main .esg_r9 .r9_con_case .esg_r9_img[data-type="0"] .swiper-wrapper .swiper-slide.active+.swiper-slide{width:2.67rem}
#esg #main .esg_r9 .r9_con_case .esg_r9_img[data-type="2"] .swiper-wrapper .swiper-slide:nth-child(1){width:2.67rem;margin-left:-1.38rem;margin-right:-.13rem;margin-top:2.07rem}
#esg #main .esg_r9 .r9_con_case .esg_r9_img[data-type="2"] .swiper-wrapper .swiper-slide:nth-child(2){margin-top:3.18rem}
#esg #main .esg_r9 .r9_con_case .esg_r9_img[data-type="2"] .swiper-wrapper .swiper-slide:nth-child(3){width:4.5rem;margin-top:.13rem;margin-left:-.55rem}
}
#esg #main .esg_r9 .r9_con_case .esg_r9_txt{margin-top:.7rem}
#esg #main .esg_r9 .r9_con_case .esg_r9_txt .esg_r9_swiper{opacity:0;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;pointer-events:none;display:none}
#esg #main .esg_r9 .r9_con_case .esg_r9_txt .esg_r9_swiper:nth-child(2){position:absolute;width:100%;display:block}
#esg #main .esg_r9 .r9_con_case .esg_r9_txt .esg_r9_swiper:nth-child(2).on{position:relative}
#esg #main .esg_r9 .r9_con_case .esg_r9_txt .esg_r9_swiper.on{opacity:1;pointer-events:auto;display:block}
#esg #main .esg_r9 .r9_con_case .esg_r9_txt .swiper{width:4.65rem}
#esg #main .esg_r9 .r9_con_case .esg_r9_txt .swiper .swiper-wrapper{-webkit-transition-timing-function:linear;transition-timing-function:linear}
#esg #main .esg_r9 .r9_con_case .esg_r9_txt .swiper-slide{padding-inline:.5rem}
#esg #main .esg_r9 .r9_con_case .esg_r9_txt .esg_r9_block{text-align:left}
#esg #main .esg_r9 .r9_con_case .esg_r9_txt .esg_r9_block h4{color:#008755;line-height:1;font-weight:700}
#esg #main .esg_r9 .r9_con_case .esg_r9_txt .esg_r9_block h4 i{margin-right:18px;font-weight:400}
#esg #main .esg_r9 .r9_con_case .esg_r9_txt .esg_r9_block .dot_sty{margin-top:.3rem}
#esg #main .esg_r9 .r9_con_case .esg_r9_txt .esg_r9_block .dot_sty p{margin-bottom:.05rem;margin-top:0;padding-left:.32rem;position:relative}
#esg #main .esg_r9 .r9_con_case .esg_r9_txt .esg_r9_block .dot_sty p::before{content:"";position:absolute;left:0;font-size:inherit;top:.944em;width:.12rem;height:.12rem;margin-top:-.06rem;border:.03rem solid #008755;border-radius:50%}
#esg #main .esg_r9 .r9_con_case .esg_r9_txt .esg_r9_block p{color:#20332a}
@media screen and (orientation:landscape){
#esg #main .esg_r9 .r9_con_case .esg_r9_txt .esg_r9_swiper01,#esg #main .esg_r9 .r9_con_case .esg_r9_txt .esg_r9_swiper03{position:absolute;top:0;text-align:left}
#esg #main .esg_r9 .r9_con_case .esg_r9_txt .esg_r9_swiper01 .swiper-slide,#esg #main .esg_r9 .r9_con_case .esg_r9_txt .esg_r9_swiper03 .swiper-slide{padding-inline:0}
#esg #main .esg_r9 .r9_con_case .esg_r9_txt .esg_r9_swiper01 .swiper-wrapper,#esg #main .esg_r9 .r9_con_case .esg_r9_txt .esg_r9_swiper03 .swiper-wrapper{display:block}
#esg #main .esg_r9 .r9_con_case .esg_r9_txt .esg_r9_swiper01{left:-2.5%;top:-3%}
#esg #main .esg_r9 .r9_con_case .esg_r9_txt .esg_r9_swiper01 .swiper{padding-top:.1rem}
#esg #main .esg_r9 .r9_con_case .esg_r9_txt .esg_r9_swiper01 .swiper-slide{margin-bottom:4.6875vw;width:16.85vw}
#esg #main .esg_r9 .r9_con_case .esg_r9_txt .esg_r9_swiper01 .swiper-slide:nth-child(1),#esg #main .esg_r9 .r9_con_case .esg_r9_txt .esg_r9_swiper01 .swiper-slide:nth-child(3){margin-left:.5rem}
#esg #main .esg_r9 .r9_con_case .esg_r9_txt .esg_r9_swiper01 .swiper-slide:nth-child(3){width:19.71vw}
#esg #main .esg_r9 .r9_con_case .esg_r9_txt .esg_r9_swiper03{right:1%}
#esg #main .esg_r9 .r9_con_case .esg_r9_txt .esg_r9_swiper03 .swiper{width:14.0625vw;padding-top:0}
#esg #main .esg_r9 .r9_con_case .esg_r9_txt .esg_r9_swiper03 .swiper-slide{width:16.85vw;margin-top:7.8125vw}
#esg #main .esg_r9 .r9_con_case .esg_r9_txt .esg_r9_swiper03 .swiper-slide:first-child{margin-top:4.1667vw}
#esg #main .esg_r9 .r9_con_case .esg_r9_txt .esg_r9_swiper03 .swiper-slide:nth-child(2){margin-left:-.4rem}
#esg #main .esg_r9 .r9_con_case .esg_r9_txt .esg_r9_swiper02 .swiper{width:100%;margin-inline:auto}
#esg #main .esg_r9 .r9_con_case .esg_r9_txt .esg_r9_swiper02 .swiper .swiper-slide{width:24.22vw;padding-inline:.4rem}
}
@media screen and (max-width:1440px) and (orientation:landscape){
#esg #main .esg_r9 .r9_con_case .esg_r9_txt .esg_r9_swiper03 .swiper-slide{width:20vw;margin-top:4.8125vw}
#esg #main .esg_r9 .r9_con_case .esg_r9_txt .esg_r9_swiper01{top:-3vw}
#esg #main .esg_r9 .r9_con_case .esg_r9_txt .esg_r9_swiper01 .swiper-slide{width:17.5vw}
}
#esg #main .esg_r10{padding-top:138px;padding-bottom:138px;overflow:hidden;text-align:center}
#esg #main .esg_r10 h2+p{color:#008755;margin-top:12px}
#esg #main .esg_r10 .esg_r10_con{margin-top:.38rem}
#esg #main .esg_r10 .esg_r10_con .swiper{overflow:visible;width:49.5625%;margin-inline:auto}
#esg #main .esg_r10 .esg_r10_con .swiper .esg_r10_block{overflow:hidden;border-radius:.1rem;background:#000;-webkit-box-shadow:0 .57rem 1.63rem 0 rgba(32,36,29,.2);box-shadow:0 .57rem 1.63rem 0 rgba(32,36,29,.2);cursor:pointer}
#esg #main .esg_r10 .esg_r10_con .swiper .esg_r10_block .pub_img_box{opacity:.5;-webkit-transition:opacity .5s ease;transition:opacity .5s ease}
#esg #main .esg_r10 .esg_r10_con .swiper .esg_r10_block .pub_img_box:before{margin-top:calc(65.40880503%)}
#esg #main .esg_r10 .esg_r10_con .swiper .esg_r10_block .pub_img_box img{-o-object-fit:contain;object-fit:contain}
#esg #main .esg_r10 .esg_r10_con .swiper .esg_r10_block .pub_img_box h4{position:absolute;width:100%;line-height:1.3;padding:.54rem .2rem;color:#fff;z-index:4;bottom:0;left:0;font-weight:700}
#esg #main .esg_r10 .esg_r10_con .swiper .active .esg_r10_block .pub_img_box{opacity:1}
#esg #main .esg_r10 .esg_r10_con .btm{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;position:relative;margin:.66rem auto 0}
#esg #main .esg_r10 .esg_r10_con .btm .col.right{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}
#esg #main .esg_r10 .esg_r10_con .btm .col.right .slider--btn{position:relative;display:inline-block}
#esg #main .esg_r10 .esg_r10_con .btm .col.right .slider--btn svg{position:relative;width:.7rem;stroke:rgba(0,135,85,.3);stroke-width:2px;stroke-linecap:butt;stroke-linejoin:miter;fill:rgba(0,135,85,0);stroke-dasharray:400%;stroke-dashoffset:0;-webkit-transition:fill .8s ease,stroke-dashoffset 2s ease;transition:fill .8s ease,stroke-dashoffset 2s ease}
@media screen and (orientation:portrait){
#esg #main .esg_r10 .esg_r10_con .btm .col.right .slider--btn svg{width:1rem}
}
#esg #main .esg_r10 .esg_r10_con .btm .col.right .slider--btn i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);top:46%;color:#008755;font-size:12px;transition:color .8s cubic-bezier(0,0,0,1);-webkit-transition:color .8s cubic-bezier(0,0,0,1);-moz-transition:color .8s cubic-bezier(0,0,0,1);-o-transition:color .8s cubic-bezier(0,0,0,1);-ms-transition:color .8s cubic-bezier(0,0,0,1)}
#esg #main .esg_r10 .esg_r10_con .btm .col.right .slider--btn:nth-of-type(1) i{padding-left:20%}
#esg #main .esg_r10 .esg_r10_con .btm .col.right .slider--btn:nth-of-type(2){margin-bottom:.3rem;margin-left:.48rem}
#esg #main .esg_r10 .esg_r10_con .btm .col.right .slider--btn:nth-of-type(2) i{padding-right:20%}
#esg #main .esg_r10 .esg_r10_con .btm .col.right .slider--btn:hover>svg{fill:#008755;stroke-dashoffset:400%}
#esg #main .esg_r10 .esg_r10_con .btm .col.right .slider--btn:hover i{color:#fff}
@media screen and (orientation:portrait){
#esg #main .esg_r9{-webkit-mask-image:none;mask-image:none}
#esg #main .esg_r9 .esg_r9_case{padding-top:0;padding-bottom:1.6rem}
#esg #main .esg_r9 .r9_con_case{margin-top:.78rem;position:relative}
#esg #main .esg_r9 .r9_con_case .esg_r9_img .swiper{width:70%;margin-inline:auto}
#esg #main .esg_r9 .r9_con_case .esg_r9_img .pub_img_box{-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
#esg #main .esg_r9 .r9_con_case .esg_r9_img .pub_img_box span{font-size:.4rem;bottom:.58rem;-webkit-transform:scale(1);transform:scale(1)}
#esg #main .esg_r9 .r9_con_case .esg_r9_img .swiper-slide{width:100%;-webkit-transform:scale(.7);transform:scale(.7)}
#esg #main .esg_r9 .r9_con_case .esg_r9_img .swiper-slide.active{width:100%;-webkit-transform:scale(1);transform:scale(1)}
#esg #main .esg_r9 .r9_con_case .esg_r9_img .swiper-slide.active .pub_img_box{background-color:transparent}
#esg #main .esg_r9 .r9_con_case .esg_r9_img .swiper-slide.active .pub_img_box img{opacity:1}
#esg #main .esg_r9 .r9_con_case .esg_r9_txt{margin-top:.7rem;position:relative}
#esg #main .esg_r9 .r9_con_case .esg_r9_txt .esg_r9_swiper{display:block;position:absolute;width:100%}
#esg #main .esg_r9 .r9_con_case .esg_r9_txt .esg_r9_swiper.on{position:relative}
#esg #main .esg_r9 .r9_con_case .esg_r9_txt .swiper{width:100%}
#esg #main .esg_r9 .r9_con_case .esg_r9_txt .swiper-slide{padding-inline:.2rem}
#esg #main .esg_r9 .r9_con_case .esg_r9_txt .esg_r9_block h4{font-size:.4rem}
#esg #main .esg_r9 .r9_con_case .esg_r9_txt .esg_r9_block h4 i{margin-right:.18rem;font-size:.4rem}
#esg #main .esg_r10{padding-top:1.6rem;padding-bottom:1.6rem}
#esg #main .esg_r10 h2+p{margin-top:.3rem}
#esg #main .esg_r10 .esg_r10_con{margin-top:.38rem}
#esg #main .esg_r10 .esg_r10_con .swiper{width:100%}
#esg #main .esg_r10 .esg_r10_con .swiper .esg_r10_block .pub_img_box h4{padding:.54rem .2rem}
#esg #main .esg_r10 .esg_r10_con .swiper .active .esg_r10_block .pub_img_box{opacity:1}
#esg #main .esg_r10 .esg_r10_con .btm{margin:.66rem auto 0}
}
@media screen and (orientation:portrait){
#esg #main{overflow:hidden}
#esg #main #banner{min-height:30vw;max-height:100vw}
#esg #main #banner h1{font-size:.46rem}
#esg #main #banner .left .add{display:none}
#esg #main .row .process{display:none}
#esg #main .hint_d{display:none}
#esg #main .pub_case{width:100%;padding-left:5%;padding-right:5%;margin:0 auto}
#esg #main h2{font-size:.6rem;line-height:1.2}
#esg #main h2>div{line-height:1.3;font-size:.28rem;margin-bottom:.05rem}
#esg #main .row p{font-size:.28rem}
#esg #main .row p br{display:none}
#esg #main .r1{padding-top:1.4rem}
#esg #main .r1 .bg .img_t{left:0;top:0;-webkit-transform:translate(-64%,-40%);transform:translate(-64%,-40%)}
#esg #main .r1 .bg .img_b{right:0;top:0;-webkit-transform:translate(46%,-20%);transform:translate(46%,-20%)}
#esg #main .r1 .inner{padding-bottom:1.2rem;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}
#esg #main .r1 .inner .pub_img_box{width:100%;margin-top:.6rem}
#esg #main .r1 .inner .group{width:100%;margin-right:0;text-align:center}
#esg #main .r2{padding-top:1.3rem;padding-bottom:1.3rem}
#esg #main .r2 .esg_info{font-size:.28rem}
#esg #main .r2 .r2_box_con{margin-top:1rem;width:100%;-webkit-box-shadow:none;box-shadow:none}
#esg #main .r2 .r2_box_con::before{height:auto;width:100%;padding-top:100%;top:0;left:0;-webkit-transform:translateY(-7.5%);transform:translateY(-7.5%);border:1px dashed rgba(0,135,85,.2);background:0 0}
#esg #main .r2 .r2_box_con .pub_img_box{width:85%;margin-left:auto;margin-right:auto;-webkit-box-shadow:0 0 .4rem .4rem rgba(0,135,85,.1);box-shadow:0 0 .4rem .4rem rgba(0,135,85,.1)}
#esg #main .r2 .r2_box_con .pub_img_box .r2_txt_box>img{width:.86rem}
#esg #main .r2 .r2_box_con .pub_img_box .r2_txt_box h2{margin-top:.1rem;color:#fff;margin-bottom:.76rem;position:relative}
#esg #main .r2 .r2_box_con .pub_img_box .r2_txt_box h2::before{content:'';display:block;position:absolute;left:50%;margin-left:-.09rem;bottom:-.38rem;width:.18rem;height:.04rem;background-color:#fff}
#esg #main .r2 .r2_box_con .pub_img_box .r2_txt_box .esg_info{line-height:1}
#esg #main .r2 .r2_box_con .pub_img_box .r2_txt_box .esg_info div{margin-top:.2rem;font-weight:700}
#esg #main .r2 .r2_box_con .r2_txt_block{position:relative;margin-top:1rem;width:100%;height:auto;left:0;top:0}
#esg #main .r2 .r2_box_con .r2_txt_block .r2_txt_me{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:.4rem}
#esg #main .r2 .r2_box_con .r2_txt_block .r2_txt_me .r2_t_left img{width:.48rem;height:.48rem}
#esg #main .r2 .r2_box_con .r2_txt_block .r2_txt_me .r2_t_left span{font-size:.28rem;margin-top:0}
#esg #main .r2 .r2_box_con .r2_txt_block .r2_txt_me .r2_t_right{margin-left:0;padding-left:.4rem;width:calc(100% - 1.3rem)}
#esg #main .r2 .r2_box_con .r2_txt_block .r2_txt_me .r2_t_right h4{font-size:.4rem}
#esg #main .r3{-webkit-mask-image:none;mask-image:none;-webkit-mask-position:0 -200vw;mask-position:0 -200vw;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
#esg #main .r3 h2{font-size:.52rem}
#esg #main .r3 .r3_case{padding-top:1rem;padding-bottom:1rem;background-size:150% 80%;background-image:none;background-color:#e6f1ec}
#esg #main .r3 .r3_con_case{margin-top:.78rem}
#esg #main .r3 .r3_con_case .r3_con_t{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
#esg #main .r3 .r3_con_case .r3_con_t .r3_t_l,#esg #main .r3 .r3_con_case .r3_con_t .r3_t_r{width:calc(((100% - 9em)/ 2))}
#esg #main .r3 .r3_con_case .r3_con_t .r3_t_l span,#esg #main .r3 .r3_con_case .r3_con_t .r3_t_r span{height:.775em}
#esg #main .r3 .r3_con_case .r3_con_t .r3_t_l span{border-radius:.3rem 0 0 0}
#esg #main .r3 .r3_con_case .r3_con_t .r3_t_r span{border-radius:0 .3rem 0 0}
#esg #main .r3 .r3_con_case .r3_con_t>div:nth-child(2){font-size:.48rem;-webkit-transform:translateY(5%);transform:translateY(5%)}
#esg #main .r3 .r3_con_case .r3_con_c{margin-top:0;border-left:1px solid #008755;border-right:1px solid #008755;padding-top:2.4%}
#esg #main .r3 .r3_con_case .r3_con_c img{width:32.1739%}
#esg #main .r3 .r3_con_case .r3_con_b{margin-top:0;padding-top:5.5%}
#esg #main .r3 .r3_con_case .r3_con_b::before{height:calc(100% - 11.15vw)}
#esg #main .r3 .r3_con_case .r3_con_b>div{width:22.3vw;height:22.3vw;margin:0 .03rem}
#esg #main .r3 .r3_con_case .r3_con_b>div i{font-size:4.8vw}
#esg #main .r3 .r3_con_case .r3_con_b>div span{font-size:2.133vw;width:100%;margin-top:.9em;line-height:1.2}
#esg #main .r4{padding-top:1.3rem;padding-bottom:0}
#esg #main .r4 .r4_top{position:relative;left:0;top:0;text-align:center}
#esg #main .r4 .r4_bottom{position:relative;margin-top:.65rem}
#esg #main .r4 .r4_bottom img{width:100%;margin-left:0}
#esg #main .r4 .r4_bottom img:first-child{position:relative}
#esg #main .r5 .bg .r5_copy_box{width:90%;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding-bottom:.8rem}
#esg #main .r5 .bg.f_det{position:fixed}
#esg #main .r5 .bg.s_det{position:absolute;top:auto;bottom:0}
#esg #main .r5 .r5_con_box{position:relative}
#esg #main .r5 .r5_con_box .r5_img_case{position:absolute;left:0;top:0;width:100%;height:auto!important;padding:1.2rem 5%}
#esg #main .r5 .r5_con_box .r5_img_case.f_det{position:fixed}
#esg #main .r5 .r5_con_box .r5_img_case.s_det{position:absolute;top:auto;bottom:9vw}
#esg #main .r5 .r5_con_box .r5_img_case .r5_img_box{-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease;transition:opacity .3s ease,transform .3s ease,-webkit-transform .3s ease}
#esg #main .r5 .r5_con_box .r5_img_case.on .r5_img_box{-webkit-transform:scale(.66);transform:scale(.66);opacity:.2}
#esg #main .r5 .r5_con_box .r5_txt_box .r5_txt_block{height:auto!important;min-height:100vh}
#esg #main .r5 .r5_con_box .r5_txt_box .r5_txt_block .pub_case{position:relative}
#esg #main .r5 .r5_con_box .r5_txt_box .r5_txt_block .pub_case .r5_t_case{width:100%;position:relative}
#esg #main .r5 .r5_con_box .r5_txt_box .r5_txt_block .pub_case .r5_t_case .r5_time_box{margin-top:.67rem}
#esg #main .r5 .r5_con_box .r5_txt_box .r5_txt_block .pub_case .r5_t_case .r5_time_box .en_b::before{height:3px}
#esg #main .r6{overflow:hidden;padding-top:1rem;padding-bottom:1.3rem}
#esg #main .r6 .r6_con{margin-top:.7rem;width:100%}
#esg #main .r6 .r6_con .r6_con_block{height:auto;padding:.5rem .45rem 1rem}
#esg #main .r6 .r6_con .r6_con_block h4{font-size:.6rem}
#esg #main .r6 .r6_con .r6_con_block p{font-size:.32rem}
#esg #main .r7{padding-top:1.6rem;padding-bottom:1.6rem}
#esg #main .r7 .r7_con{margin-top:.6rem}
#esg #main .r7 .r7_con h3{color:#008755}
#esg #main .r7 .r7_con .r7_con_case{margin-top:.2rem}
#esg #main .r7 .r7_con .r7_con_case .r7_txt_block{margin-top:.3rem;width:100%;height:auto}
#esg #main .r7 .r7_con .r7_con_case .r7_txt_block .r7_bg{background-color:#fff}
#esg #main .r7 .r7_con .r7_con_case .r7_txt_block .r7_bg .icon_i{width:20%}
#esg #main .r7 .r7_con .r7_con_case .r7_txt_block .r7_bg>img:not(.icon_i){display:none}
#esg #main .r7 .r7_con .r7_con_case .r7_txt_block .r7_txt{padding:.5rem .36rem .36rem .5rem;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
#esg #main .r7 .r7_con .r7_con_case .r7_txt_block .r7_txt h4{color:#008755;letter-spacing:0;-webkit-transform:none;transform:none;font-size:.4rem}
#esg #main .r7 .r7_con .r7_con_case .r7_txt_block .r7_txt div:nth-child(2){margin-top:.05rem;color:rgba(0,0,0,.5);font-size:.28rem}
#esg #main .r7 .r7_con .r7_con_case .r7_txt_block .r7_txt p{max-height:none;margin-top:.4rem}
#esg #main .r8{overflow:hidden;width:100vw}
#esg #main .r8 .inner{background-size:30rem;background-position:0 50vw;padding-bottom:1rem}
#esg #main .r8 .inner .mid .box .swiper .swiper-wrapper .swiper-slide{border-radius:.2rem;overflow:hidden}
#esg #main .r8 .inner .btm .col.left>span{margin-bottom:.3rem;font-size:1rem}
#esg #main .r8 .inner .btm .col.left{-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}
#esg #main .r8 .inner .btm .col.left>svg{display:none}
#esg #main .r8 .inner .mid{height:100vw;margin-bottom:1.5rem}
#esg #main .r8 .inner .mid .box:nth-of-type(1){width:60vw;padding-bottom:100%;left:-55vw;top:0}
#esg #main .r8 .inner .mid .box:nth-of-type(2){width:60vw;padding-bottom:100%}
#esg #main .r8 .inner .mid .box:nth-of-type(3){width:60vw;padding-bottom:100%;right:-55vw}
#esg #main .r8 .inner .mid .box .mask .light{width:120vw;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:rotate(-15deg);transform:rotate(-15deg);right:.1rem}
#esg #main .r8 .inner .btm .col.right .slider--btn svg{width:1rem}
#esg #main .r8 .inner .btm .col.left>p{font-weight:600}
#esg #main .r8 .inner .mid .box:nth-of-type(2) .mask .msg .list .con h3{font-size:16px;line-height:24px;height:48px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
#esg #main .r8 .inner .mid .box .swiper .swiper-wrapper .swiper-slide .photo .con h3{font-size:18px}
#esg #main .r8 .inner .mid .box .mask{border-radius:.2rem;overflow:hidden}
#esg #main .r8 .inner .btm .col.right .slider--btn:nth-of-type(2){margin-bottom:0}
#esg #main .r8 .inner .btm,#esg #main .r8 .inner .r8_top{width:90%}
#esg #main .r8 .inner .r8_top{margin-bottom:.8rem}
}
@media (orientation:portrait) and (max-width:400px){
#esg #main h2{font-size:.56rem}
#esg #main .r3 h2{font-size:.48rem}
}
.layer-pop{position:fixed;width:100%;height:100%;top:0;left:0;z-index:3000;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;pointer-events:none;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;visibility:hidden}
.layer-pop.on{-webkit-transform:none;transform:none;visibility:inherit;opacity:1;pointer-events:auto}
.layer-pop.on .wrap{-webkit-animation:pop-in .8s ease-in-out backwards;animation:pop-in .8s ease-in-out backwards}
@media screen and (orientation:portrait){
.layer-pop.on .wrap{-webkit-animation:pop-in-app .8s ease-in-out backwards;animation:pop-in-app .8s ease-in-out backwards}
}
.layer-pop.on+.bg{opacity:1;pointer-events:auto}
.layer-pop .wrap{width:100%;height:100%;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;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.7);pointer-events:auto;z-index:10}
.layer-pop .wrap .part{width:60%;position:relative;margin:0 auto;-webkit-box-shadow:0 .2rem .8rem -.1px rgba(28,80,157,.18);box-shadow:0 .2rem .8rem -.1px rgba(28,80,157,.18)}
.layer-pop .wrap .part video{width:100%;-o-object-fit:cover;object-fit:cover;display:block}
.layer-pop .wrap .part .closeIcon{position:absolute;left:calc(100% + .54rem);top:0;width:.6rem;cursor:pointer;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;color:#fff;-webkit-transition:color .5s ease-in-out;transition:color .5s ease-in-out}
.layer-pop .wrap .part .closeIcon i{font-size:.6rem;line-height:1;display:block}
@media screen and (orientation:landscape){
.layer-pop .wrap .part .closeIcon:hover{color:#008755}
}
@media screen and (orientation:portrait){
.layer-pop#popImg .wrap{background-color:#000}
}
.layer-pop#popImg .wrap .part{width:52vw}
@media screen and (orientation:landscape){
.layer-pop#popImg .wrap .part{min-width:800px}
}
@media screen and (orientation:portrait){
.layer-pop#popImg .wrap .part{width:100vw}
}
.layer-pop#popImg .wrap .part .img_box{width:100%;height:80vh}
@media screen and (orientation:portrait){
.layer-pop#popImg .wrap .part .img_box{height:auto}
}
.layer-pop#popImg .wrap .part img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}
@media screen and (orientation:portrait){
.layer-pop .wrap .part{width:70%}
.layer-pop .wrap .part .closeIcon{left:auto;right:.45rem;bottom:calc(100% + .4rem);top:auto;width:.7rem}
}