@ch#bloc header nav.app-nav .inner_top .topic .app-logo > aarset "utf-8";body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,li,pre,form,fieldset,legend,button,input,textarea,th,td,ol{margin:0;padding:0}
*,::after{box-sizing:border-box;font-family:"PingFang-SC",sans-serif}
body{font:12px "PingFang-SC",sans-serif;color:#333;line-height:1.5;overflow-x:hidden}
ol,ul,li{list-style-type:none;vertical-align:middle}
img{vertical-align:top;border:0}
input,select,textarea,button{vertical-align:middle}
textarea,input{text-indent:10px}
input[type='submit'],input[type='button'],button{text-indent:0;text-align:center;cursor:pointer}
label,button,a{cursor:pointer}
ins,em,b,i{text-decoration:none;font-style:normal}
select:focus,textarea:focus,input:focus,button{outline:none}
input::-webkit-input-placeholder,input::-moz-input-placeholder,textarea::-webkit-textarea-placeholder,textarea::-moz-textarea-placeholder{color:#999;transition:color .5s}
input:focus::-webkit-input-placeholder,input:focus::-moz-input-placeholder,input:hover::-webkit-input-placeholder,input:hover::-moz-input-placeholder,textarea:focus::-webkit-input-placeholder,textarea:focus::-moz-input-placeholder,textarea:hover::-webkit-input-placeholder,textarea:hover::-moz-input-placeholder{color:#c2c2c2}
table{border-collapse:collapse;border-spacing:0;font:inherit}
a{color:inherit;text-decoration:none}
a[href]{cursor:pointer}
a:hover{text-decoration:none;cursor:pointer}
a:focus{background-color:transparent}
h1,h2,h3,h4,h5,h6,em{font-weight:normal}
span{font-size:16px}
p{font-size:16px}
span{display:inline-block}
li{max-width:100%}
p{line-height:2;white-space:normal;max-width:100%}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
body{-webkit-tap-highlight-color:rgba(0,0,0,0)}
a:focus,input:focus,p:focus,div:focus{-webkit-tap-highlight-color:rgba(0,0,0,0)}
img[src=""],img:not([src]){opacity:0}
font{font-size:inherit;font-weight:inherit;color:inherit;font-style:inherit;text-transform:inherit}
body,html{height:100%}
::-webkit-scrollbar{width:9px;background-color:#eaeaea}
::-webkit-scrollbar-thumb{border:solid 2px #eaeaea;width:5px;border-radius:10px;background-color:#ff6900}
::-webkit-scrollbar-corner{background-color:#eaeaea}
::-webkit-scrollbar:horizontal{height:9px}
::-webkit-selection{background:#ff6900;color:#fff}
::-moz-selection{background:#ff6900;color:#fff}
::selection{background:#ff6900;color:#fff}
.disable-hover{pointer-events:none}
.scroll-animate.animated{visibility:hidden}
.font-fadeIn font{display:inline-block}
.scrolly{transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out}
.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:62px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
html{font-size:100px}
h1{margin-bottom:0.3rem;line-height:1.5}
h2{font-weight:520;margin-bottom:0rem;line-height:1.4}
h3{font-weight:540;margin-bottom:0.12rem;line-height:1.2}
h4{font-weight:520;margin-bottom:0.06rem;line-height:1}
@font-face{src:url('../fonts/nexa-xbold.eot');src:url('../fonts/nexa-xbold.woff') format('woff'),url('../fonts/nexa-xbold.ttf') format('truetype'),url('../fonts/nexa-xbold.svg') format('svg');font-weight:normal;font-style:normal}
@font-face{src:url('../fonts/euclidcirculara-regular_0.ttf')}
@font-face{src:url('../fonts/euclidcirculara-medium_0.ttf')}
@font-face{font-family:'en_l';src:url('../fonts/euclidcirculara-light_0.ttf')}
@font-face{src:url('../fonts/euclidcirculara-bold_0.ttf')}
@font-face{font-family:"PingFang-SC";src:url("http://qny.hnrsxw.com/hnrsxw/font/PingFang-SC.ttf")}
@font-face{font-family:"PingFang-SC-Bold";src:url("../fonts/PingFang-SC-Bold.ttf")}
@font-face{font-family:"PingFang-SC-Heavy";src:url("../fonts/PingFang-SC-Heavy.ttf")}
@font-face{font-family:"PingFang-SC-Medium";src:url("http://qny.hnrsxw.com/hnrsxw/font/PingFang-SC-Medium.ttf")}
@font-face{font-family:"PingFang-SC";src:url("http://qny.hnrsxw.com/hnrsxw/font/PingFang-SC.ttf")}
@font-face{font-family:"PingFang-SC-Regular";src:url("../fonts/PingFang-SC-Regular.ttf")}
@font-face{font-family:"font_semibold";src:url("../fonts/POPPINSLATIN-SEMIBOLD.OTF")}
.en_m{}
.en_m1{}
.en_l{}
.en_b{font-weight:520}
.enxa_b{}
.mc{color:#c3ffff}
.fc{color:#6ea97f}
.wc{color:#ffffff}
.grc{color:#999999}
.d-gc{color:#37393d}
.rc{color:#ff6900}
.oc{color:#ffb11e}
.yc{color:#fff714}
.gc{color:#00fdfd}
.bc{color:#ff6900}
.transi{transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out}
.linear-bg{background:linear-gradient(0deg,#03aedb 0%,#137acc 100%)}
.linear-txt{background:linear-gradient(0deg,#03aedb 0%,#137acc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.full{position:absolute;width:100%;height:100%;top:0;left:0}
.bx_rc{box-shadow:0 3px 29px -8px rgba(210,127,132,0.34)}
.alan_delay100{animation-delay:100ms}
.alan_delay200{animation-delay:200ms}
.alan_delay300{animation-delay:300ms}
.alan_delay400{animation-delay:400ms}
.alan_delay500{animation-delay:500ms}
.alan_delay600{animation-delay:600ms}
.alan_delay700{animation-delay:700ms}
.alan_delay900{animation-delay:900ms}
.alan_delay800{animation-delay:800ms}
.alan_delay1000{animation-delay:1000ms}
.fontAni > span{color:inherit;font-weight:inherit;line-height:1.2;overflow:hidden;vertical-align:middle}
.fontAni > span > em{display:inline-block;line-height:inherit;font-size:40px;color:inherit;font-weight:inherit}
.fontAni > span > em.animated{opacity:0}
.fontAni.e2 > span{margin:0 0.2em}
.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 0.1s ease-in-out;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;-ms-transition:all 0.1s ease-in-out}
.layout-btn{padding:10px 30px;background:rgba(0,0,0,0.3);border:2px solid #fff;display:inline-block;color:#fff;border-radius:4px;font-size:16px;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out}
.layout-btn:hover{background:rgba(0,0,0,0.6)}
.layout-btn-1{position:relative;display:inline-block;width:100%;max-width:260px;height:52px;background:#fff;transform:translate3d(0px,0%,0px);text-decoration:none;font-weight:600;font-size:18px;letter-spacing:0.05em;transition-delay:0.6s;overflow:hidden}
.layout-btn-1:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#c3ffff;border-radius:50% 50% 0 0;transform:translateY(100%) scaleY(0.5);transition:all 0.6s ease}
.layout-btn-1:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;border-radius:0;transform:translateY(0) scaleY(1);transition:all 0.6s ease}
.layout-btn-1 > div{position:relative;top:16px;width:100%;height:26px;overflow:hidden}
.layout-btn-1 > div > span{position:absolute;z-index:1;top:0;width:100%;text-align:center;transition:transform 0.5s ease}
.layout-btn-1 > div > span:first-of-type{color:#fff;transform:translateY(24px)}
.layout-btn-1 > div > span:last-of-type{color:#1e0f21;transform:translateY(0)}
.layout-btn-1:hover{background:#c3ffff;transition:background 0.2s linear;transition-delay:0.6s}
.layout-btn-1:hover:before{border-radius:0;transform:translateY(0) scaleY(1);transition-delay:0s}
.layout-btn-1:hover:after{border-radius:0 0 50% 50%;transform:translateY(-100%) scaleY(0.5);transition-delay:0s}
.layout-btn-1:hover > div > span:first-of-type{transform:translateY(0)}
.layout-btn-1:hover > div > span:last-of-type{transform:translateY(-24px)}
.layout-btn-2{width:200px;height:60px;cursor:pointer;perspective:500px;display:inline-block}
.layout-btn-2 > div{height:100%;transform-style:preserve-3d;transition:0.25s}
.layout-btn-2 > div > span{width:100%;height:100%;position:absolute;box-sizing:border-box;border:5px solid #fff;line-height:50px;font-size:17pt;text-align:center;text-transform:uppercase}
.layout-btn-2 > div > span:first-of-type{color:#fff;transform:translate3d(0,0,30px)}
.layout-btn-2 > div > span:last-of-type{color:#737f39;background:#fff;transform:rotateX(90deg) translate3d(0,0,30px)}
.layout-btn-2:hover > div{transform:rotateX(-90deg)}
.layout-btn-3{height:80px;line-height:80px;width:180px;text-align:center;display:inline-block;overflow:hidden;position:relative;padding:10px 0}
.layout-btn-3 > span{display:inline-block;font-size:14px;position:relative;z-index:3;color:#000;width:100%;height:60px;line-height:60px;vertical-align:top;transition:all 0.3s cubic-bezier(0,0.25,0.5,1)}
.layout-btn-3 .Sline{position:absolute;top:0;left:0;z-index:2;fill:#fff;pointer-events:none;transition:all 0.6s cubic-bezier(0,0.25,0.5,1)}
.layout-btn-3:hover > span{color:#fff}
.layout-btn-3:hover .Sline{fill:#c3ffff;transform:translate3d(-66.6%,0,0)}
.layout-btn-4{display:flex;justify-content:center;align-items:center;color:#fff;height:60px;line-height:60px;width:180px;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;position:relative;border:1px solid rgba(255,255,255,0.5);overflow:hidden;text-align:center}
.layout-btn-4 > span{display:inline-block;color:#fff;font-size:14px}
.layout-btn-4:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;background-color:rgba(255,255,255,0.25);transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transform:translate(0,-100%);-webkit-transform:translate(0,-100%);-moz-transform:translate(0,-100%);-o-transform:translate(0,-100%);-ms-transform:translate(0,-100%);-webkit-transition-timing-function:cubic-bezier(0.75,0,0.125,1);transition-timing-function:cubic-bezier(0.75,0,0.125,1)}
.layout-btn-4:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;background-color:rgba(255,255,255,0.25);transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transform:translate(0,-100%);-webkit-transform:translate(0,-100%);-moz-transform:translate(0,-100%);-o-transform:translate(0,-100%);-ms-transform:translate(0,-100%);transition-delay:0.2s;-webkit-transition-timing-function:cubic-bezier(0.75,0,0.125,1);transition-timing-function:cubic-bezier(0.75,0,0.125,1)}
.layout-btn-4:hover:after{transform:translate(0,0)}
.layout-btn-4:hover:before{transform:translate(0,0)}
.layout-inputBox{display:inline-block}
.layout-inputBox > h5{height:0.32rem;line-height:0.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:white;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:white}
.layout-inputBox .input-text > input:focus ~ .input-border:first-of-type:before{-webkit-transition:0.15s ease-in-out all;transition:0.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:0.15s ease-in-out all;transition:0.15s ease-in-out all;-webkit-transition-delay:0.15s;transition-delay:0.15s}
.layout-inputBox .input-text > input:focus ~ .input-border:last-of-type{background:transparent}
.layout-inputBox .input-text > input:focus ~ .input-border:last-of-type:before{-webkit-transition:0.15s ease-in-out all;transition:0.15s ease-in-out all;-webkit-transition-delay:0.3s;transition-delay:0.3s;width:100%}
.layout-inputBox .input-text > input:focus ~ .input-border:last-of-type:after{height:100%;-webkit-transition:0.15s ease-in-out all;transition:0.15s ease-in-out all;-webkit-transition-delay:0.45s;transition-delay:0.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:before,.layout-inputBox .input-text .input-border:after{bottom:0;content:'';display:block;position:absolute;top:0;width:0;background-color:#5b4c5c;-webkit-transition:0.3s ease-in-out all;transition:0.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:flex;justify-content:flex-start;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 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out}
.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:#ffffff;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;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:#c3ffff;color:#fff}
.layout-adr .parent .adr-down:after{content:"◆";position:absolute;top:0px;left:50%;right:0px;text-align:center;font-size:20px;line-height:8px;margin-top:-5px;color:#ffffff;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:#c3ffff;color:#fff}
.component{margin:0 auto;position:relative;margin-bottom:0.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;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;-moz-perspective:1000px;-ms-perspective:1000px;perspective:1000px;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.645,0.045,0.355,1);animation-duration:1.8s}
.component > ul > li > img{display:block;max-width:100%;opacity:0;max-height:100%}
.component > ul .current{opacity:1;pointer-events:auto;z-index:105}
.component nav > a{position:absolute;width:50px;height:50px;line-height:50px;color:#5b4c5c;outline:none;overflow:visible;text-align:center;top:50%;z-index:1100;color:#fff;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.component nav .moveNext{right:0}
.component .Tcon{position:absolute;width:73%;height:calc(100% - 120px);top:0;bottom:0;margin:auto;left:0;right:0;z-index:110;display:flex;align-items:center;justify-content:center}
.component .Tcon > small{color:#fff;position:absolute;left:0;right:0;margin:auto;top:0;width:max-content}
.component .Tcon > small > .Tpage{color:#fff;font-size:0.2rem}
.component .Tcon .txtChange{position:relative;width:100%;display:flex;align-items:center;justify-content:flex-start;min-height:154px}
.component .Tcon .txtChange > [data-txt]{display:none;position:absolute;top:0;left:0;margin:auto;flex-direction:column;justify-content:center;align-items:flex-start;width:50%;color:#fff;text-align:center;font-size:0.24rem;pointer-events:none;transition:all 0.4s;-webkit-perspective:1600px;perspective:1600px}
.component .Tcon .txtChange > [data-txt].on{display:flex;pointer-events:auto}
.component .Tcon .txtChange > [data-txt].txtHide{-webkit-animation:fadeOut 1.5s forwards cubic-bezier(0.7,0,0.3,1);animation:fadeOut 1.5s forwards cubic-bezier(0.7,0,0.3,1)}
.component .Tcon .txtChange > [data-txt].txtShow{-webkit-animation:scaleDownUp 1.5s forwards cubic-bezier(0.7,0,0.3,1);animation:scaleDownUp 1.5s forwards cubic-bezier(0.7,0,0.3,1)}
.component .Tcon .txtChange > small{color:#fff;position:absolute;left:0;margin:auto;bottom:calc(100% + 32px);font-size:14px;display:flex;align-items:flex-start;justify-content:flex-start;overflow:hidden}
.component .Tcon .txtChange > small > .Tpage{color:#fff;line-height:1;text-align:left;overflow:hidden;transform:translate3d(-26%,0,0);-webkit-transform:translate3d(-26%,0,0);-moz-transform:translate3d(-26%,0,0);-o-transform:translate3d(-26%,0,0);-ms-transform:translate3d(-26%,0,0)}
.component .Tcon .txtChange > small > em{display:inline-block;margin:0 10px 0 0;padding-top:4px}
.component .Tcon .txtChange > small > span{padding-top:4px}
.component .Tcon .pageChange{position:absolute;left:6px;bottom:0;margin:auto;display:flex;justify-content:center;align-items:center}
.component .Tcon .pageChange > li{border:2px solid rgba(255,255,255,0.5);display:inline-block;float:left;cursor:pointer;width:0.5rem;line-height:0.1rem;text-align:center;margin-right:0.2rem;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out}
.component .Tcon .pageChange > li.on{border:2px solid #fff}
.component-small{width:650px;height:290px}
.component-small > ul{width:450px}
.component-fullwidth{width:100%;height:100%;margin-bottom:0;background:transparent}
.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%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.component-transparent{width:900px;height:500px}
.component-transparent > ul{width:112px}
.webGL-slider{position:relative;display:flex;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%;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:#FFFFFF;border-radius:100%;padding:0;margin:30px 0;cursor:pointer;position:relative;opacity:0.2;transition:opacity 0.2s ease-in-out;outline:none}
.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:0.6;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out}
.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:0.6;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out}
.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;animation:fadeInLeftSmall 1.5s ease forwards;animation-delay:1s}
.dialog{position:fixed;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content: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,0.6);opacity:0;-webkit-transition:opacity 0.3s;transition:opacity 0.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--open,.dialog.dialog--close{visibility:visible}
.dialog.dialog--open .dialog_mask,.dialog.dialog--close .dialog_mask{opacity:1;pointer-events:auto}
.dialog.dialog--open .dialog_content,.dialog.dialog--close .dialog_content{opacity:1;pointer-events:auto}
.dialog.dialog--close .dialog_mask{opacity:0}
.inter{position:relative;display:inline-block}
.inter > a{width:0.6rem;height:0.6rem;border-radius:50%;line-height:0.6rem;text-align:center;background-color:rgba(55,57,61,0.2);color:#fff;display:inline-block;font-size:24px}
.inter .items{position:absolute;visibility:hidden;left:140%;opacity:0;transform:translateY(5px);transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;bottom:2px}
.inter .items > img{border:4px solid #fff;border-radius:10px;width:1.4rem;max-width:141px}
.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 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;white-space:nowrap;padding:0 0.2rem}
.inter .items > ul > li > a:hover{color:#c3ffff;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:#c3ffff transparent transparent transparent;left:32px;top:0}
@media screen and (min-width:800px){.inter:hover .items{opacity:1;transform:none;visibility:visible}
}
@media screen and (max-width:800px){.inter{cursor:pointer}
.inter:hover .items{opacity:1;transform:none;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 0.2s ease,visibility 0.2s ease,-webkit-transform 0.3s cubic-bezier(0.4,0.6,0.5,1.32);transition:opacity 0.2s ease,visibility 0.2s ease,transform 0.3s cubic-bezier(0.4,0.6,0.5,1.32);transition:opacity 0.2s ease,visibility 0.2s ease,transform 0.3s cubic-bezier(0.4,0.6,0.5,1.32),-webkit-transform 0.3s cubic-bezier(0.4,0.6,0.5,1.32);-webkit-transform:scale(0.8) translate(0,4px);transform:scale(0.8) translate(0,4px);border:1px solid #cdd9ed}
.dropdown > ul > li{opacity:0;-webkit-transform:translate(6px,0);transform:translate(6px,0);transition:all .3s ease}
.dropdown > ul > li > a{cursor:pointer;display:block;padding:10px 16px;color:#cdd9ed;text-decoration:none;outline:none;position:relative;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;transition:all .3s ease;margin-right:4px;-webkit-transform:scale(0.96,0.8) rotate(50deg);transform:scale(0.96,0.8) rotate(50deg)}
.dropdown > span:after{content:'';display:block;position:absolute;width:8px;height:2px;border-radius:1px;top:50%;right:15px;background:#99A3BA;transition:all .3s ease;-webkit-transform:scale(0.96,0.8) rotate(-50deg);transform:scale(0.96,0.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 0.3s ease,visibility 0.3s ease,-webkit-transform 0.3s cubic-bezier(0.4,0.6,0.5,1.32);transition:opacity 0.3s ease,visibility 0.3s ease,transform 0.3s cubic-bezier(0.4,0.6,0.5,1.32);transition:opacity 0.3s ease,visibility 0.3s ease,transform 0.3s cubic-bezier(0.4,0.6,0.5,1.32),-webkit-transform 0.3s cubic-bezier(0.4,0.6,0.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(0.96,0.8) rotate(-50deg);transform:scale(0.96,0.8) rotate(-50deg)}
.dropdown.open > span:after{-webkit-transform:scale(0.96,0.8) rotate(50deg);transform:scale(0.96,0.8) rotate(50deg)}
.dropdown.open ul li:nth-child(1){transition-delay:80ms}
.dropdown.open ul li:nth-child(2){transition-delay:160ms}
.dropdown.open ul li:nth-child(3){transition-delay:240ms}
.dropdown.open ul li:nth-child(4){transition-delay:320ms}
.dropdown.open ul li:nth-child(5){transition-delay:400ms}
.dropdown.open ul li:nth-child(6){transition-delay:480ms}
.dropdown.open ul li:nth-child(7){transition-delay:560ms}
.dropdown.open ul li:nth-child(8){transition-delay:640ms}
.dropdown.open ul li:nth-child(9){transition-delay:720ms}
.dropdown.open ul li:nth-child(10){transition-delay:800ms}
.f-100{font-size:100px}
.f-80{font-size:80px}
.f-72{font-size:72px}
.f-60{font-size:60px}
.f-50{font-size:50px}
.f-48{font-size:48px}
.f-46{font-size:46px}
.f-44{font-size:44px}
.f-42{font-size:64px}
.f-40{font-size:40px}
.f-38{font-size:38px}
.f-36{font-size:32px}
.f-34{font-size:34px}
.f-32{font-size:32px}
.f-30{font-size:30px}
.f-28{font-size:28px}
.f-26{font-size:26px}
.f-24{font-size:24px}
.f-22{font-size:16px}
.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}
.f-light{font-weight:lighter}
.f-bold{}
.f-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:0.1}
.op-2{opacity:0.2}
.op-3{opacity:0.3}
.op-4{opacity:0.4}
.op-5{opacity:0.5}
.op-6{opacity:0.6}
.op-7{opacity:0.7}
.op-8{opacity:0.8}
.op-9{opacity:0.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-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}
@media screen and (max-width:1500px){html{font-size:90px}
.f-100{font-size:90px}
.f-80{font-size:68px}
.f-72{font-size:60px}
.f-60{font-size:58px}
.f-50{font-size:42px}
.f-48{font-size:46px}
.f-46{font-size:44px}
.f-44{font-size:42px}
.f-42{font-size:40px}
.f-40{font-size:38px}
.f-38{font-size:36px}
.f-36{font-size:32px}
.f-34{font-size:32px}
.f-32{font-size:30px}
.f-30{font-size:24px}
.f-28{font-size:24px}
.f-26{font-size:24px}
.f-24{font-size:22px}
.f-20{font-size:18px}
.f-18{font-size:16px}
.f-16{font-size:14px}
.f-14{font-size:12px}
.f-12{font-size:12px}
}
@media screen and (max-width:1440px){html{font-size:85px}
}
@media screen and (max-width:1366px){html{font-size:80px}
a,span,li,b,i,label,p,strong,div,h1,h2,h3,h4,h5,h6,small,em,li,pre,form,fieldset,legend,button,input,textarea,th,td{font-size:14px}
.f-100{font-size:74px}
.f-80{font-size:64px}
.f-72{font-size:58px}
.f-60{font-size:54px}
.f-50{font-size:40px}
.f-48{font-size:40px}
.f-46{font-size:40px}
.f-44{font-size:40px}
.f-42{font-size:40px}
.f-40{font-size:30px}
.f-38{font-size:36px}
.f-36{font-size:32px}
.f-34{font-size:32px}
.f-32{font-size:30px}
.f-30{font-size:22px}
.f-28{font-size:22px}
.f-26{font-size:22px}
.f-24{font-size:20px}
.f-22{font-size:18px}
.f-20{font-size:18px}
.f-18{font-size:16px}
.f-16{font-size:14px}
.f-14{font-size:12px}
.f-12{font-size:12px}
p{font-size:14px;line-height:2}
}
@media screen and (max-width:1280px){html{font-size:70px}
a,span,li,b,i,label,p,strong,div,h1,h2,h3,h4,h5,h6,small,em,li,pre,form,fieldset,legend,button,input,textarea,th,td{font-size:12px}
.f-80{font-size:64px}
.f-72{font-size:50px}
.f-60{font-size:40px}
.f-50{font-size:34px}
.f-48{font-size:32px}
.f-46{font-size:30px}
.f-44{font-size:28px}
.f-42{font-size:26px}
.f-40{font-size:24px}
.f-38{font-size:22px}
.f-36{font-size:20px}
.f-34{font-size:20px}
.f-32{font-size:18px}
.f-30{font-size:18px}
.f-28{font-size:16px}
.f-26{font-size:18px}
.f-24{font-size:18px}
.f-22{font-size:14px}
.f-20{font-size:14px}
.f-18{font-size:14px}
.f-16{font-size:12px}
.f-14{font-size:12px}
.f-12{font-size:12px}
p{font-size:13px;line-height:2}
}
@media screen and (max-width:700px){html{font-size:70px}
p{font-size:13px;line-height:180%}
small,span{font-size:13px}
.f-80{font-size:28px}
.f-72{font-size:26px}
.f-60{font-size:30px}
.f-50{font-size:24px}
.f-48{font-size:24px}
.f-46{font-size:22px}
.f-44{font-size:22px}
.f-42{font-size:20px}
.f-40{font-size:20px}
.f-38{font-size:18px}
.f-36{font-size:18px}
.f-34{font-size:18px}
.f-32{font-size:16px}
.f-30{font-size:16px}
.f-28{font-size:16px}
.f-26{font-size:16px}
.f-24{font-size:16px}
.f-22{font-size:16px}
.f-20{font-size:16px}
.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}
}
@keyframes fadeInLeftSmall{from{opacity:0;transform:translate3d(-10px,0,0)}
to{opacity:1;transform:none}
}
.fadeInLeftSmall{animation-name:fadeInLeftSmall}
@keyframes fadeInRightSmall{from{opacity:0;transform:translate3d(10px,0,0)}
to{opacity:1;transform:none}
}
.fadeInRightSmall{animation-name:fadeInRightSmall}
@keyframes fadeOutLeftSmall{from{opacity:1;transform:none}
to{opacity:0;transform:translate3d(-10%,0,0)}
}
.fadeOutLeftSmall{animation-name:fadeOutLeftSmall}
@keyframes fadeOutRightSmall{from{opacity:1;transform:none}
to{opacity:0;transform:translate3d(10%,0,0)}
}
.fadeOutRightSmall{animation-name:fadeOutRightSmall}
@keyframes fadeInDownSmall{from{opacity:0;transform:translate3d(0%,-20px,0)}
to{opacity:1;transform:none}
}
.fadeInDownSmall{animation-name:fadeInDownSmall}
@keyframes fadeOutDownSmall{from{opacity:1;transform:none}
to{opacity:0;transform:translate3d(0%,10px,0)}
}
.fadeOutDownSmall{animation-name:fadeOutDownSmall;animation-timing-function:cubic-bezier(0.3,0,0.24,1)}
@keyframes fadeInUpSmall{from{opacity:0;transform:translate3d(0%,20px,0)}
to{opacity:1;transform:none}
}
.fadeInUpSmall{animation-name:fadeInUpSmall;animation-timing-function:cubic-bezier(0.3,0,0.24,1)}
@keyframes fadeOutUpSmall{from{opacity:1;transform:none}
to{opacity:0;transform:translate3d(0%,-10%,0)}
}
.fadeOutUpSmall{animation-name:fadeOutUpSmall;animation-timing-function:cubic-bezier(0.3,0,0.24,1)}
@keyframes scaleIn{0%{opacity:0;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1)}
100%{opacity:1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1)}
}
.scaleIn{animation-name:scaleIn}
@keyframes slideInUpSmall{from{transform:translate3d(0%,10%,0)}
to{transform:none}
}
.slideInUpSmall{animation-name:slideInUpSmall;animation-timing-function:cubic-bezier(0.3,0,0.24,1)}
@keyframes fn1{0%{opacity:0;clip-path:inset(100% 0 0 0);transform:translate3d(0%,20px,0)}
100%{opacity:1;clip-path:inset(0 0 0 0);transform:none}
}
.fn1{animation-name:fn1;animation-duration:1.2s;animation-timing-function:cubic-bezier(0.49,0.54,0.16,1)}
.mat_sha_box{position:fixed;width:100%;height:100%;left:0;top:0;z-index:9999;display:none}
.mat_sha_box .sha_guan{position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,0.5)}
.mat_sha_box .mat_sha_con_box{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);background-color:#fff;width:90%;max-width:1400px;min-width:auto;border-radius:.1rem}
.mat_sha_box .mat_sha_con_box .sha_sr_box{max-height:65vh;overflow-y:auto;padding:0 5%}
.mat_sha_box .mat_sha_con_box .img_box_b{width:100%;overflow-x:auto}
.mat_sha_box .mat_sha_con_box .img_box_b img{height:100%;max-height:100vw;width:auto;max-width:none;display:block}
.mat_sha_box .mat_sha_con_box .btn_sha_close{position:absolute;color:#fff;transition:all .5s ease;cursor:pointer;line-height:1;top:100%;bottom:auto;right:auto;left:50%;font-size:30px;transform:translate(-50%,50%)}
@media screen and (orientation:landscape){.mat_sha_box .mat_sha_con_box .btn_sha_close:hover{color:#333333}
}
.mat_sha_box .mat_sha_con_box .dot_logo{margin-top:.36rem}
.mat_sha_box .mat_sha_con_box .pub_info{text-align:center;margin-top:.27rem}
.mat_sha_box .mat_sha_con_box .tun_sha_img_box{text-align:center;font-size:0;margin-top:.45rem}
.mat_sha_box .mat_sha_con_box .tun_sha_img_box .swiper-pagination{margin-top:.3rem;position:relative;text-align:center;z-index:0;bottom:0;font-size:0}
.mat_sha_box .mat_sha_con_box .tun_sha_img_box .swiper-pagination span{display:inline-block;vertical-align:middle;width:.14rem;height:.14rem;background-color:#fff;opacity:.35;border:1px solid #999999;margin:0 .14rem}
.btn_big_ck{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);cursor:pointer;border-radius:100%;background-color:rgba(255,255,255,0.9);width:80px;height:80px;justify-content:center;align-items:center;color:#ff6900;text-align:center;z-index:10}
.btn_big_ck > div{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}
.btn_big_ck i{display:block;line-height:1}
.btn_big_ck span{line-height:1;margin-top:.1rem;display:block}
#bloc header{position:fixed;width:100%;height:1.8rem;pointer-events:none;z-index:150;left:0;top:0}
#bloc header nav.home-nav{padding:0 60px;width:100%;position:relative;display:none;padding-top:1.6vw;justify-content:space-between;align-items:flex-start}
#bloc header nav.home-nav.on{display:flex}
#bloc header nav.home-nav .left{pointer-events:auto;height:0.6rem;position:relative;z-index:10}
#bloc header nav.home-nav .left > a{display:inline-block}
#bloc header nav.home-nav .left img{max-width:2.8rem;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out}
#bloc header nav.home-nav .left .black{position:absolute;width:100%;left:0;top:0;opacity:0}
#bloc header nav.home-nav .right{width:100%;display:flex;align-items:flex-start;z-index:12;justify-content:space-between;position:relative}
#bloc header nav.home-nav .right .nav-items{pointer-events:auto;height:0.5rem;display:flex;align-items:center;justify-content:flex-end;width:87%;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out}
#bloc header nav.home-nav .right .nav-items > li{padding:0 0.07rem;position:relative;opacity:0}
#bloc header nav.home-nav .right .nav-items > li > a{position:relative;line-height:40px;display:inline-block;padding:0 0.2rem;text-shadow:0 1px 4px rgba(0,0,0,0.1)}
#bloc header nav.home-nav .right .nav-items > li > a > span{color:#fff;font-size:inherit;position:relative;z-index:5;white-space:nowrap;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out}
#bloc header nav.home-nav .right .nav-items > li > a:after{content:"";position:absolute;width:100%;height:1%;top:0;left:0;z-index:3;opacity:0;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;box-shadow:0 3px 29px -8px rgba(192,196,204,0.71)}
#bloc header nav.home-nav .right .nav-items > li .nav-down{position:absolute;width:100%;background-color:#ffffff40;padding:5px 0px;left:0;top:54px;opacity:0;pointer-events:none;transform:translate3d(0,10px,0);-webkit-transform:translate3d(0,10px,0);-moz-transform:translate3d(0,10px,0);-o-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out}
#bloc header nav.home-nav .right .nav-items > li .nav-down > span{display:block;position:absolute;left:0;width:100%;bottom:100%;height:15px}
#bloc header nav.home-nav .right .nav-items > li .nav-down > span:after{content:"";bottom:0;position:absolute;left:0;right:0;margin:auto;width:0;height:0;border-width:5px;border-style:solid;border-color:transparent transparent #fff transparent}
#bloc header nav.home-nav .right .nav-items > li .nav-down > li{width:100%;position:relative}
#bloc header nav.home-nav .right .nav-items > li .nav-down > li > a{display:inline-block;width:100%;color:#fff;height:36px;line-height:36px;text-align:center;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out}
#bloc header nav.home-nav .right .nav-items > li .nav-down > li > a > span{color:#333;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out}
#bloc header nav.home-nav .right .nav-items > li .nav-down > li > a:hover{color:#ff6900}
#bloc header nav.home-nav .right .nav-items > li .nav-down > li > a:hover > span{color:#ff6900}
#bloc header nav.home-nav .right .nav-items > li .nav-down > li .tree_down{position:absolute;left:calc(100% + 4px);background-color:#fff;top:0;border-radius:6px;opacity:0;transform:translateX(5px);-webkit-transform:translateX(5px);-moz-transform:translateX(5px);-o-transform:translateX(5px);-ms-transform:translateX(5px);pointer-events:none;min-width:110px;display:flex;flex-direction:column;align-items:center;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out}
#bloc header nav.home-nav .right .nav-items > li .nav-down > li .tree_down > a{height:36px;line-height:36px;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;width:100%;color:#333;display:block;text-align:center}
#bloc header nav.home-nav .right .nav-items > li .nav-down > li .tree_down > a:hover{color:#ff6900}
#bloc header nav.home-nav .right .nav-items > li .nav-down > li .tree_down:after{content:"";position:absolute;right:100%;width:5px;height:100%;top:0}
#bloc header nav.home-nav .right .nav-items > li .nav-down > li:hover > a > span{color:#ff6900}
#bloc header nav.home-nav .right .nav-items > li .nav-down > li:hover.child_down .tree_down{opacity:1;pointer-events:auto;transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none}
#bloc header nav.home-nav .right .nav-items > li:hover > a{text-shadow:none}
#bloc header nav.home-nav .right .nav-items > li:hover > a > span{color:#ff6900}
#bloc header nav.home-nav .right .nav-items > li:hover > a:after{opacity:1}
#bloc header nav.home-nav .right .nav-items > li:hover .nav-down{transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;opacity:1;pointer-events:auto}
#bloc header nav.home-nav .right .nav-items .nav-dot{position:relative;width:4px;height:4px;border-radius:50%;line-height:4px;text-align:center;background-color:#fff}
#bloc header nav.home-nav .right .other-box{pointer-events:auto;display:flex;width:12%}
#bloc header nav.home-nav .right .other-box .menu{width:0.6rem;height:0.6rem;border-radius:50%;line-height:0.5rem;text-align:center;display:inline-block;margin-bottom:0.3rem}
#bloc header nav.home-nav .right .other-box .menu > i{color:#ff6900}
#bloc header nav.home-nav .right .other-box .search{width:0.6rem;height:0.6rem;border-radius:50%;line-height:0.6rem;text-align:center;display:flex;position:relative;align-items:center;justify-content:flex-start;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out}
#bloc header nav.home-nav .right .other-box .search > i{color:#fff;width:0.6rem;text-align:center;transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out}
#bloc header nav.home-nav .right .other-box .search > input{position:absolute;left:0.6rem;line-height:0.3rem;background-color:transparent;border:none;color:#fff;border-bottom:1px solid rgba(255,255,255,0.6);opacity:0;width:0;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transform-origin:0 50%}
#bloc header nav.home-nav .right .other-box .search:hover{width:250px;border-radius:100px}
#bloc header nav.home-nav .right .other-box .search:hover > i{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg)}
#bloc header nav.home-nav .right .other-box .search:hover > input{opacity:1;width:calc(250px - 0.9rem)}
#bloc header nav.home-nav .right .other-box .enBox{font-size:20px;font-weight:540;width:0.8rem;height:0.5rem;border-radius:50%;line-height:0.6rem;text-align:center;display:flex;position:relative;align-items:center;justify-content:center;color:#fff}
#bloc header nav.home-nav .right .nav-txt{position:absolute;opacity:0;pointer-events:none;right:0.9rem;transform:translate3d(10px,0,0);-webkit-transform:translate3d(10px,0,0);-moz-transform:translate3d(10px,0,0);-o-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);height:0.6rem;display:flex;justify-content:flex-end;align-items:center;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out}
#bloc header nav.home-nav .right .nav-txt > span{transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out}
#bloc header nav.home-nav .right .nav-txt > em{margin-left:8px;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;width:0;height:0;border-width:5px;border-style:solid;border-color:transparent transparent transparent #fff}
#bloc header nav.home-nav:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-image:url(../images/sh.png);background-size:100% 100%;background-position:center top;background-repeat:no-repeat;z-index:2;transition:opacity 0.3s ease-in-out;-webkit-transition:opacity 0.3s ease-in-out;-moz-transition:opacity 0.3s ease-in-out;-o-transition:opacity 0.3s ease-in-out;-ms-transition:opacity 0.3s ease-in-out}
#bloc header nav.home-nav.active .right .nav-items{opacity:0;filter:blur(3px);pointer-events:none;transform:translate3d(30px,0,0);-webkit-transform:translate3d(30px,0,0);-moz-transform:translate3d(30px,0,0);-o-transform:translate3d(30px,0,0);-ms-transform:translate3d(30px,0,0)}
#bloc header nav.home-nav.active .right .nav-txt{transition-delay:0.5s;pointer-events:auto;opacity:1;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)}
#bloc header nav.home-nav.bc .left .white{opacity:0}
#bloc header nav.home-nav.bc .left .black{opacity:1}
#bloc header nav.home-nav.bc .right .nav-items .nav-dot{background-color:#000}
#bloc header nav.home-nav.bc .right .nav-txt > span{color:#000}
#bloc header nav.home-nav.bc .right .nav-txt > em{border-color:transparent transparent transparent rgba(0,0,0,0.3)}
#bloc header nav.inner-nav{padding:0 60px;position:relative;display:none;padding-top:1vw;justify-content:space-between;align-items:center;padding-bottom:1vw;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out}
#bloc header nav.inner-nav:after{content:"";position:absolute;width:150vw;height:1px;left:-25vw;bottom:0}
#bloc header nav.inner-nav.on{display:flex}
#bloc header nav.inner-nav .left{position:relative;display:block;pointer-events:auto}
#bloc header nav.inner-nav .left > a{display:inline-block}
#bloc header nav.inner-nav .left img{max-width:2.8rem;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out}
#bloc header nav.inner-nav .left .black{position:absolute;width:100%;height:100%;left:0;top:0;opacity:0}
#bloc header nav.inner-nav .center{width:100%;display:flex;align-items:center;justify-content:center;position:relative}
#bloc header nav.inner-nav .center .nav-items{pointer-events:auto;height:0.6rem;display:flex;align-items:center;justify-content:flex-end;width:calc(100% - 0.8rem);transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out}
#bloc header nav.inner-nav .center .nav-items > li{position:relative;opacity:0}
#bloc header nav.inner-nav .center .nav-items > li > a{position:relative;line-height:40px;display:inline-block;padding:0 0.182rem}
#bloc header nav.inner-nav .center .nav-items > li > a > span{color:#fff;font-size:inherit;position:relative;z-index:5;white-space:nowrap;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out}
#bloc header nav.inner-nav .center .nav-items > li > a:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:3;color:#ff6900;opacity:0;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out}
#bloc header nav.inner-nav .center .nav-items > li .nav-down{position:absolute;width:100%;background-color:#fff;box-shadow:0 3px 29px -8px rgba(192,196,204,0.71);border-radius:6px;padding:5px 0px;left:0;top:54px;opacity:0;pointer-events:none;transform:translate3d(0,-10px,0);-webkit-transform:translate3d(0,-10px,0);-moz-transform:translate3d(0,-10px,0);-o-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out}
#bloc header nav.inner-nav .center .nav-items > li .nav-down > span{display:block;position:absolute;left:0;width:100%;bottom:100%;height:15px}
#bloc header nav.inner-nav .center .nav-items > li .nav-down > span:after{content:"";bottom:0;position:absolute;left:0;right:0;margin:auto;width:0;height:0;border-width:5px;border-style:solid;border-color:transparent transparent #fff transparent}
#bloc header nav.inner-nav .center .nav-items > li .nav-down > li{width:100%;position:relative}
#bloc header nav.inner-nav .center .nav-items > li .nav-down > li > a{display:inline-block;width:100%;color:#333;height:36px;line-height:36px;text-align:center;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out}
#bloc header nav.inner-nav .center .nav-items > li .nav-down > li > a:hover{color:#ff6900}
#bloc header nav.inner-nav .center .nav-items > li .nav-down > li .tree_down{position:absolute;left:calc(100% + 4px);background-color:#fff;top:0;border-radius:6px;opacity:0;transform:translateX(5px);-webkit-transform:translateX(5px);-moz-transform:translateX(5px);-o-transform:translateX(5px);-ms-transform:translateX(5px);pointer-events:none;min-width:110px;display:flex;flex-direction:column;align-items:center;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out}
#bloc header nav.inner-nav .center .nav-items > li .nav-down > li .tree_down > a{height:36px;line-height:36px;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;width:100%;color:#333;display:block;text-align:center}
#bloc header nav.inner-nav .center .nav-items > li .nav-down > li .tree_down > a:hover{color:#ff6900}
#bloc header nav.inner-nav .center .nav-items > li .nav-down > li .tree_down:after{content:"";position:absolute;right:100%;width:5px;height:100%;top:0}
#bloc header nav.inner-nav .center .nav-items > li .nav-down > li:hover > a{color:#ff6900}
#bloc header nav.inner-nav .center .nav-items > li .nav-down > li:hover.child_down .tree_down{opacity:1;pointer-events:auto;transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none}
#bloc header nav.inner-nav .center .nav-items > li:hover > a > span{color:#ff6900 !important}
#bloc header nav.inner-nav .center .nav-items > li:hover > a:after{opacity:1}
#bloc header nav.inner-nav .center .nav-items > li:hover .nav-down{transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;opacity:1;pointer-events:auto}
#bloc header nav.inner-nav .center .nav-items .nav-dot{position:relative;width:4px;height:4px;border-radius:50%;line-height:4px;text-align:center;background-color:#fff}
#bloc header nav.inner-nav .right{width:1.5rem;display:flex;align-items:flex-start;justify-content:space-between;position:relative}
#bloc header nav.inner-nav .right .other-box{pointer-events:auto;display:flex;justify-content:space-between;align-items:center;width:1.4rem}
#bloc header nav.inner-nav .right .other-box .laguage{width:0.55rem;height:0.55rem;border-radius:50%;line-height:0.55rem;text-align:center;background-color:#ff6900;display:inline-block;color:#fff}
#bloc header nav.inner-nav .right .other-box .laguage > i{color:#fff}
#bloc header nav.inner-nav .right .other-box .search{width:0.55rem;height:0.55rem;border-radius:50%;line-height:0.55rem;text-align:center;background-color:#fff;display:inline-block;color:#ff6900;cursor:pointer}
#bloc header nav.inner-nav .right .other-box .search > i{color:#ff6900}
#bloc header nav.inner-nav .right .other-box .search > input{position:absolute;left:0.55rem;line-height:0.3rem;background-color:transparent;border:none;color:#fff;border-bottom:1px solid rgba(0,0,0,0.4);opacity:0;width:0;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transform-origin:0 50%}
#bloc header nav.inner-nav .right .nav-txt{position:absolute;opacity:0;pointer-events:none;right:0.9rem;transform:translate3d(10px,0,0);-webkit-transform:translate3d(10px,0,0);-moz-transform:translate3d(10px,0,0);-o-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);height:0.6rem;display:flex;justify-content:flex-end;align-items:center;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;text-shadow:0 0 4px rgba(0,0,0,0.6)}
#bloc header nav.inner-nav .right .nav-txt > em{margin-left:8px;width:0;height:0;border-width:5px;border-style:solid;border-color:transparent transparent transparent #fff}
#bloc header nav.inner-nav.active,#bloc header nav.inner-nav.go-show,#bloc header nav.inner-nav.bc{display:none}
#bloc header nav.inner-nav.active .left .white,#bloc header nav.inner-nav.go-show .left .white,#bloc header nav.inner-nav.bc .left .white{opacity:0}
#bloc header nav.inner-nav.active .left .black,#bloc header nav.inner-nav.go-show .left .black,#bloc header nav.inner-nav.bc .left .black{opacity:1}
#bloc header nav.inner-nav.active .center .nav-items > li > a,#bloc header nav.inner-nav.go-show .center .nav-items > li > a,#bloc header nav.inner-nav.bc .center .nav-items > li > a{color:#333}
#bloc header nav.inner-nav.active .center .nav-items > li > a > span,#bloc header nav.inner-nav.go-show .center .nav-items > li > a > span,#bloc header nav.inner-nav.bc .center .nav-items > li > a > span{color:#333}
#bloc header nav.inner-nav .other-nav{position:absolute;top:0;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:flex;align-items:center;justify-content:center;opacity:0;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out}
#bloc header nav.inner-nav .other-nav .search-in{border:none;border-bottom:1px solid #ff6900;background-color:transparent;width:4rem;line-height:0.3rem}
#bloc header nav.inner-nav .other-nav .sub{color:#ff6900;background-color:transparent;border:none;padding:12px}
#bloc header nav.inner-nav .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{position:fixed;right:0;top:0;z-index:2;width:100%;height:50px;transition:all .5s ease}
#bloc header nav.app-nav .inner_top{transition:all .5s ease 0s;height:68px;width:100%;display:flex;align-items:flex-start;justify-content:center}
#bloc header nav.app-nav .inner_top.on .topic, #bloc header nav.app-nav .inner_top.bc .topic {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#bloc header nav.app-nav .inner_top .topic{padding:0 5%;height:50px;width:100%;border-bottom:1px solid rgba(255,255,255,0.2);display:flex;justify-content:space-between;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;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;transition:transform 0.4s ease 0.2s,background-color 0.5s ease 0s}
#bloc header nav.app-nav .inner_top .topic .app-logo{position:relative;z-index:10}
#bloc header nav.app-nav .inner_top .topic .app-logo > a{display:inline-block;width:210px;height:26px;position:relative}
#bloc header nav.app-nav .inner_top .topic .app-logo > a > img{position:relative;width:100%;height:100%;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;z-index:10}
#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:flex;align-items:center;justify-content:center;opacity:0;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out}
#bloc header nav.app-nav .inner_top .other-nav .search-in{border:none;border-bottom:1px solid #ff6900;background-color:transparent;width:4rem;line-height:0.3rem}
#bloc header nav.app-nav .inner_top .other-nav .sub{color:#ff6900;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,#bloc header nav.app-nav .inner_top.bc{height:50px;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.1)}
#bloc header nav.app-nav .inner_top.on .topic,#bloc header nav.app-nav .inner_top.bc .topic{border-bottom:1px solid rgba(0,0,0,0.1)}
#bloc header nav.app-nav .inner_top.on .topic #app-menu .line:before,#bloc header nav.app-nav .inner_top.bc .topic #app-menu .line:before{background-color:#333}
#bloc header nav.app-nav .inner_top.on .topic .app-logo > a .white,#bloc header nav.app-nav .inner_top.bc .topic .app-logo > a .white{opacity:0}
#bloc header nav.app-nav .inner_top.on .topic .app-logo > a .black,#bloc header nav.app-nav .inner_top.bc .topic .app-logo > a .black{opacity:1}
#bloc header nav.app-nav .inner_top.on .topic .app-search > i,#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;transition:background-color 0.5s ease}
#bloc header nav.app-nav .inner_mid .nav-items > .child_first > .firstList > a{color:#333;height:48px;line-height:48px;white-space:nowrap;display:block;border-bottom:1px solid rgba(0,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: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 > .firstList.active{background-color:#f7f9fa}
#bloc header nav.app-nav .inner_mid .nav-items > .child_first .child_second{background-color:#f7f9fa;max-height:0;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}
#bloc header nav.app-nav .inner_mid .nav-items > .child_first .child_second > li > i{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;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:100%}
#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{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{transform:rotate(-45deg)}
.after-inner #top{width:100%;overflow:hidden;height:100%;left:0;top:0;z-index:0}
.after-inner #top .banner{width:100%}
.after-inner #top .banner .pic{display:block;width:100%;height:100vh;position:relative;overflow:hidden}
.after-inner #top .banner .pic1{display:block;width:100%;height:90vh;position:relative;overflow:hidden}
.after-inner #top .banner .pic2{display:block;width:100%;height:50vh;position:relative;overflow:hidden}
.after-inner #top .banner .pic video{position:absolute;width:100%;height:100%;top:0;left:0}
@media screen and (orientation:portrait){.after-inner #top .banner .pic video{display:none}
}
.after-inner #top .banner .pic video.on{display:block}
.after-inner #top .banner .pic .video-parent{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden}
.after-inner #top .banner .pic .video-parent .cv{height:100%;top:0;left:0;position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);opacity:0}
.after-inner #top .banner .pic .video-parent .cv.on{opacity:1}
.after-inner #top .banner .topic{text-align:center;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.after-inner #top .banner .topic1{padding:8% 0 0;text-align:center;color:#fff}
.after-inner #top .banner .topic #icon_all{width:.95rem;height:auto;margin-bottom:.35rem}
.after-inner #top .banner .topic #icon_all path{stroke:#fff;fill:rgba(255,255,255,0);stroke-width:12px;transition:fill 0.5s ease-in-out}
.after-inner #top .banner .topic #icon_all.on path{fill:#fff}
.after-inner #top .banner .topic .txt_{margin-bottom:7vw;height:130px;min-width:50vw}
.after-inner #top .banner .topic .txt_ h1{color:#fff;line-height:1;margin-top:0.8vw;height:40px}
.after-inner #top .banner .topic .txt_ h1 > span > em{}
.after-inner #top .banner .topic .txt_ small{color:#fff;line-height:1;height:40px}
.after-inner #top .banner .topic .txt_ small > span{margin:0 5px}
.after-inner #top .banner .topic .txt_ small > span > em{text-transform:uppercase}
.after-inner #top .banner .go_scr{position:absolute;left:0;right:0;margin:auto;bottom:8%;user-select:none;width:0.6rem;height:0.6rem;border-radius:50%;line-height:0.6rem;background-color:#ff6900;text-align:center;display:flex;transform-origin:50% 50%;justify-content:center;align-items:center;animation:scroll-icon 1.2s infinite alternate cubic-bezier(0.65,0.05,0.36,1)}
.after-inner #top .banner .go_scr > .iconfont{color:#fff;font-size:16px;display:inline-block;margin-left:1px}
.after-inner #top .banner .go_scr.r90{transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg)}
.after-inner #top .banner .btn_hover{position:absolute;right:10.5%;top:1.2rem;line-height:3}
.after-inner #main{padding-top:100vh;z-index:100;min-height:200vh;overflow:hidden}
.after-inner #main .cir_btn{cursor:initial}
.after-inner #main .photo.scroll-animate{overflow:hidden}
.after-inner #main .photo.scroll-animate .pic{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transition:transform 1.6s ease-in-out;-webkit-transition:transform 1.6s ease-in-out;-moz-transition:transform 1.6s ease-in-out;-o-transition:transform 1.6s ease-in-out;-ms-transition:transform 1.6s ease-in-out}
.after-inner #main .photo.scroll-animate.fn1 .pic{transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none}
.after-inner #main .wrap{background-color:#fff;width:100%;overflow:hidden;z-index:10}
.after-inner #main .row{position:relative;pointer-events:auto;padding:2vw 0;background-color:#fff;padding-bottom:5.2vw;padding-top:5.2vw}
.after-inner #main .row .bg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:3}
.after-inner #main .row .bg .pic{position:absolute;width:100%;height:100%;top:0;left:0}
.after-inner #main .row .rowMain{position:relative;z-index:6}
.after-inner #main .row-line{display:flex;height:1px;clear:both;background-color:#fff;width:100%;align-items:center;justify-content:center}
.after-inner #main .row-line > span{display:block;background-color:rgba(0,0,0,0.1);height:1px}
.after-inner #main .rowHei{display:flex;align-items:center;justify-content:center;flex-direction:column}
.after-inner #main .rowHei .rowMain{width:100%;flex-grow:1}
#home{position:fixed;width:100vw;height:100%;left:0;top:0;z-index:5}
#home #main{position:absolute;width:100%;height:100%;top:0;left:0}
#home #main #roll{position:absolute;width:100%;height:100%;top:0;left:0}
#home #main #roll .row{position:absolute;left:0;height:100%;top:0;width:100%;opacity:0;pointer-events:none;animation-fill-mode:both;animation-duration:1s;animation-timing-function:cubic-bezier(0.3,0,0.24,1);z-index:5}
#home #main #roll .row .alan{opacity:0}
#home #main #roll .row .alan_small{opacity:0}
#home #main #roll .row.del{opacity:1;pointer-events:auto}
#home #main #roll .row.on{opacity:1;pointer-events:auto;z-index:10}
#home #main #roll #r5 > .mask{position:absolute;width:100%;height:100%;top:0;left:0;z-index:100;pointer-events:none}
#home #main #roll .row.on .alan{animation-name:fadeInUpSmall;animation-duration:1s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.3,0,0.24,1)}
#home #main #roll .row.on .alan_small{animation-name:scaleIn;animation-duration:1s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.3,0,0.24,1)}
#home #main #roll .row.on .fontAni{opacity:1;color:#fff}
#home #main #roll .row.on .hideRow{opacity:1}
#home #main #roll .row .fontAni{opacity:0;transition:opacity 0.3s ease-in-out;-webkit-transition:opacity 0.3s ease-in-out;-moz-transition:opacity 0.3s ease-in-out;-o-transition:opacity 0.3s ease-in-out;-ms-transition:opacity 0.3s ease-in-out}
#home #main #roll .row .hideRow{opacity:0;transition:opacity 0.3s ease-in-out;-webkit-transition:opacity 0.3s ease-in-out;-moz-transition:opacity 0.3s ease-in-out;-o-transition:opacity 0.3s ease-in-out;-ms-transition:opacity 0.3s ease-in-out}
#home #main #roll .row.in{z-index:15;opacity:1;animation-name:banner_in;transform-origin:50% 15%}
#home #main #roll .row.out{z-index:10;opacity:1;animation-name:banner_out;transform-origin:50% 15%}
#home #main #roll .row .bg{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:space-between}
#home #main #roll .row .bg .pic{position:absolute;width:100%;height:100%;top:0;left:0}
#home #main #roll .row .rowMain{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
#home #main #roll .row .rowMain .con{position:relative;padding-bottom:60px;height:100%;padding-top:14%;width:73%;margin:0;justify-content:space-between;align-items:center}
#home #main #roll #banner .photo{position:absolute;width:100%;height:100%;top:0;left:0}
#home #main #roll #banner #component{position:absolute;width:100%;height:100%;top:0;left:0}
#home #main #roll #banner #component > ul li video{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover}
@media screen and (orientation:portrait){#home #main #roll #banner #component > ul li video{display:none}
}
#home #main #roll #banner #component > ul li video.on{display:block}
#home #main #roll #banner #component > ul li .video-parent{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden}
#home #main #roll #banner #component > ul li .video-parent .cv{height:100%;min-width:100%;top:0;left:0;position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);opacity:0}
#home #main #roll #banner #component > ul li .video-parent .cv.on{opacity:1}
#home #main #roll #banner #component .Tcon .txtChange{width:100%;text-align:left}
#home #main #roll #banner #component .Tcon .txtChange li{width:100%;position:relative}
#home #main #roll #banner #component .Tcon .txtChange li small{display:block;opacity:0;text-align:left;line-height:2;margin-top:12px}
#home #main #roll #banner #component .Tcon .txtChange li h4{text-align:left;opacity:0;font-family:Poppins-Bold;line-height:1.2;font-weight:600}
#home #main #roll #banner #component .Tcon .txtChange li .go-play{position:absolute;left:0;top:calc(100% + 0.5rem);border:1px solid #fff;border-radius:100px;padding:0.08rem 0.4rem;display:flex;justify-content:center;align-items:center;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out}
#home #main #roll #banner #component .Tcon .txtChange li .go-play > i{margin-right:10px}
#home #main #roll #banner #component .Tcon .txtChange li .go-play:hover{background-color:#ff6900;border-color:#ff6900}
#home #main #roll #r1 .scale_in{transition:transform 1s ease-in-out;-webkit-transition:transform 1s ease-in-out;-moz-transition:transform 1s ease-in-out;-o-transition:transform 1s ease-in-out;-ms-transition:transform 1s ease-in-out;transform-origin:0 100%;transform:scale3d(1.1,1.1,1);-webkit-transform:scale3d(1.1,1.1,1);-moz-transform:scale3d(1.1,1.1,1);-o-transform:scale3d(1.1,1.1,1);-ms-transform:scale3d(1.1,1.1,1)}
#home #main #roll #r1.del .scale_in{transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none}
#home #main #roll #r1 .bg .left{position:relative;overflow:hidden;background-color:#000;width:100%;height:100%;transition:width 0.6s cubic-bezier(0.77,0.62,0.58,1);-webkit-transition:width 0.6s cubic-bezier(0.77,0.62,0.58,1);-moz-transition:width 0.6s cubic-bezier(0.77,0.62,0.58,1);-o-transition:width 0.6s cubic-bezier(0.77,0.62,0.58,1);-ms-transition:width 0.6s cubic-bezier(0.77,0.62,0.58,1)}
@media screen and (orientation:landscape){#home #main #roll #r1 .bg .left:hover{width:100%}
}
#home #main #roll #r1 .bg .left .pic{display:block;opacity:0.9}
#home #main #roll #r1 .bg .mask{position:absolute;width:20%;left:40%;top:0;height:100%}
#home #main #roll #r1 .rowMain{}
#home #main #roll #r1 .rowMain .con .left{width:50%;height:100%;position:relative}
#home #main #roll #r1 .rowMain .con .left .msg p{line-height:1.8;font-family:"PingFang-SC-Medium"}
#home #main #roll #r1 .rowMain .con .right{width:40%;height:100%;position:relative}
#home #main #roll #r1 .rowMain .con .right .msg h2{color:#fff;text-align:right;text-shadow:0 2px 40px rgba(0,0,0,0.12)}
#home #main #roll #r1 .rowMain .con .right .msg p{line-height:1.4;color:#fff;text-align:right}
#home #main #roll #r2 .light{pointer-events:none;position:absolute;left:-100%;opacity:0;top:0;width:100%;height:100%;background-image:-moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));transform:skewx(40deg);-o-transform:skewx(40deg);-moz-transform:skewx(40deg);-webkit-transform:skewx(40deg)}
#home #main #roll #r2.on .light{left:100%;opacity:1;-moz-transition:1.5s;-o-transition:1.5s;-webkit-transition:1.5s;transition:1.5s;transition-delay:0.4s}
#home #main #roll #r2 .rowMain .con{flex-direction:column;justify-content:space-around;padding-top:8%}
#home #main #roll #r2 .rowMain .con .top{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:0.5rem}
#home #main #roll #r2 .rowMain .con .top .left{width:100%;text-align:center}
#home #main #roll #r2 .rowMain .con .top .left .msg small{display:none}
#home #main #roll #r2 .rowMain .con .top .right{width:32%;position:relative;text-align:right}
#home #main #roll #r2 .rowMain .con .top .right .photo{display:inline-block;position:relative}
#home #main #roll #r2 .rowMain .con .top .right .photo > img{display:inline-block;width:16vw;max-width:349px}
#home #main #roll #r2 .rowMain .con .mid{width:100%;position:relative}
#home #main #roll #r2 .rowMain .con .mid #smooth{width:100%;user-select:none;overflow:visible}
#home #main #roll #r2 .rowMain .con .mid #smooth .scroll-content{display:flex;width:100%;position:relative}
#home #main #roll #r2 .rowMain .con .mid #smooth .scroll-content .slide{width:33.33%}
#home #main #roll #r2 .rowMain .con .mid #smooth .scroll-content .slide:hover{transform:translateY(-10px);box-shadow:0px 6px 25px rgba(0,0,0,0.08)}
#home #main #roll #r2 .rowMain .con .mid #smooth .scroll-content .slide:hover .msg h2{color:#ff6900}
#home #main #roll #r2 .rowMain .con .mid #smooth .scroll-content .slide .slide-inner{margin:0 35px;display:block;pointer-events:auto}
#home #main #roll #r2 .rowMain .con .mid #smooth .scroll-content .slide .slide-inner .photo{position:relative;width:100%;padding-bottom:64.4%}
#home #main #roll #r2 .rowMain .con .mid #smooth .scroll-content .slide .slide-inner .photo .pic{position:absolute;width:100%;height:100%;top:0;left:0}
#home #main #roll #r2 .rowMain .con .mid #smooth .scroll-content .slide .slide-inner .msg{padding:7%;background-color:#fff}
#home #main #roll #r2 .rowMain .con .mid #smooth .scroll-content .slide .slide-inner .msg h3{white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis}
#home #main #roll #r2 .rowMain .con .mid #smooth .scroll-content .slide .slide-inner .msg p{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#home #main #roll #r2 .rowMain .con .mid #smooth .scrollbar{pointer-events:auto;height:32px;position:absolute;top:calc(120%);left:15px;width:calc(100% - 30px)}
#home #main #roll #r2 .rowMain .con .mid #smooth .scrollbar > .line{position:absolute;top:0;bottom:0;margin:auto 0;width:100%;height:1px;background-position:left center;background-repeat:repeat-x}
#home #main #roll #r2 .rowMain .con .mid #smooth .scrollbar .scrollbar__handle{position:absolute;display:block;width:60px}
#home #main #roll #r2 .rowMain .con .mid #smooth .scrollbar .scrollbar__handle > span{position:absolute;left:0;display:none;top:0;width:60px;height:32px;border-radius:50px;display:flex;justify-content:center;align-items:center;background-color:#fff;box-shadow:0 5px 18px -4px rgba(0,136,204,0.2)}
#home #main #roll #r2 .rowMain .con .mid #smooth .scrollbar .scrollbar__handle > span > em{height:12px;width:1px;margin:0 3px;display:inline-block;background-color:#9b9c9e}
#home #main #roll #r2 .rowMain .con .mid #smooth .scrollbar .swiper-scrollbar-drag{position:absolute;left:0;top:0;width:60px;height:32px;border-radius:50px;display:flex;justify-content:center;align-items:center;background-color:#fff;box-shadow:0 5px 18px -4px rgba(0,136,204,0.2);background-image:url(../images/bar.png);background-position:center;background-repeat:no-repeat;background-size:auto 12px}
.tansuo1 a{color:#fff;padding:10px 20px;background:#0957b8}
.tansuo1 a:hover{background:#ff6900}
.tansuo a{color:#fff;position:relative;display:inline-block;padding:8px 22px;font-size:16px;overflow:hidden;transition:0.21s}
.tansuo a:hover{color:#fff;background:#ff6900;box-shadow:0 0 10px #ff6900;transition-delay:600ms}
.tansuo a span{position:absolute;display:block}
.tansuo a span:nth-child(1){top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#ff6900)}
.tansuo a:hover span:nth-child(1){left:100%;transition:600ms}
.tansuo a span:nth-child(3){bottom:0;right:-100%;width:100%;height:2px;background:linear-gradient(270deg,transparent,#ff6900)}
.tansuo a:hover span:nth-child(3){right:100%;transition:1s;transition-delay:250ms}
.tansuo a span:nth-child(2){top:-100%;right:0;width:2px;height:100%;background:linear-gradient(180deg,transparent,#ff6900)}
.tansuo a:hover span:nth-child(2){top:100%;transition:1s;transition-delay:100ms}
.tansuo a span:nth-child(4){bottom:-100%;left:0;width:2px;height:100%;background:linear-gradient(360deg,transparent,#ff6900)}
.tansuo a:hover span:nth-child(4){bottom:100%;transition:1s;transition-delay:450ms}
#home #main #roll #r2 .rowMain .con .mid #smooth .smooth-pager{pointer-events:auto;height:32px;position:absolute;bottom:-60px;left:15px;width:100%;display:flex;align-items:center;justify-content:center}
#home #main #roll #r2 .rowMain .con .mid #smooth .smooth-pager > span{border:1px solid #37393d;width:0.12rem;height:0.12rem;background-color:transparent}
#home #main #roll #r2 .rowMain .con .mid #smooth .smooth-pager > span.swiper-pagination-bullet-active{background-color:#ff6900;border-color:#ff6900}
#home #main #roll #r3 .rowMain .con{padding-top:0.5rem}
#home #main #roll #r3 .rowMain .con .left{width:80%;margin:0 auto}
#home #main #roll #r3 .rowMain .con .left .items{display:flex;align-items:stretch;justify-content:space-between;flex-wrap:wrap;width:100%;padding-top:0px}
#home #main #roll #r3 .rowMain .con .left .items .box{display:flex;flex-direction:column;margin:1.4vw 0;justify-content:center;align-items:flex-start}
#home #main #roll #r3 .rowMain .con .left .items .box > div:nth-child(1){flex-grow:1;white-space:nowrap;display:flex;align-items:stretch;justify-content:flex-start;margin:0 auto}
#home #main #roll #r3 .rowMain .con .left .items .box > div:nth-child(1) span{color:#FE6A00;position:relative;line-height:1;display:flex;align-items:center;justify-content:flex-start;font-family:'DINCond-Medium','dincond-medium-webfont',arial}
#home #main #roll #r3 .rowMain .con .left .items .box > div:nth-child(1) span > sup{color:#ff6900;position:absolute;bottom:88%;left:100%;text-shadow:none}
#home #main #roll #r3 .rowMain .con .left .items .box > div:nth-child(1) em{position:relative;line-height:1.8;color:#FE6A00;vertical-align:top;letter-spacing:2px;margin-left:5px}
#home #main #roll #r3 .rowMain .con .left .items .box > div:nth-child(1) em > sup{position:absolute;bottom:50%;left:100%;color:#ff6900;text-shadow:none}
#home #main #roll #r3 .rowMain .con .left .items .box > div:nth-child(1) > small{margin-left:9px;color:#fff;margin-top:10px;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-around;align-items:flex-start}
#home #main #roll #r3 .rowMain .con .left .items .box > div:nth-child(1) > small > i:nth-child(1){font-size:0.2rem;font-style:normal;display:block;color:#fff;line-height:1.4}
#home #main #roll #r3 .rowMain .con .left .items .box > div:nth-child(1) > small > i:nth-child(2){color:#fff;font-style:normal;display:block}
#home #main #roll #r3 .rowMain .con .left .items .box > div:nth-child(2){color:#fff;letter-spacing:2px;font-family:"PingFang-SC-Medium"}
#home #main #roll #r3 .rowMain .con .right{padding:0}
#home #main #roll #r3 .rowMain .con .right .photo{width:100%;position:relative}
#home #main #roll #r3 .rowMain .con .right .photo > img{margin:0 auto;display:flex}
#home #main #roll #r3 .rowMain .con .right .photo .dot-box{position:absolute;width:100%;height:100%;top:0;left:0}
#home #main #roll #r3 .rowMain .con .right .photo .dot-box .dot{position:absolute;left:0;top:0;pointer-events:none}
#home #main #roll #r3 .rowMain .con .right .photo .dot-box .dot .d-mid{width:0.3rem;height:0.3rem;position:relative;pointer-events:auto;display:block}
#home #main #roll #r3 .rowMain .con .right .photo .dot-box .dot .d-mid > em{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;display:block;width:8px;height:8px;border-radius:50%;line-height:8px;text-align:center;background-color:#FE6A00}
#home #main #roll #r3 .rowMain .con .right .photo .dot-box .dot .d-mid > .rip{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%);transform-origin:50% 50%;width:2rem;animation:cir_out 5s linear infinite;animation-fill-mode:both}
#home #main #roll #r3 .rowMain .con .right .photo .dot-box .dot .d-mid > .rip:nth-child(2){animation-delay:1s}
#home #main #roll #r3 .rowMain .con .right .photo .dot-box .dot .d-mid > .rip:nth-child(3){animation-delay:2.5s}
#home #main #roll #r3 .rowMain .con .right .photo .dot-box .dot .d-mid > .rip:nth-child(4){animation-delay:4s}
#home #main #roll #r3 .rowMain .con .right .photo .dot-box .dot .d-msg{position:absolute;text-align:center;width:0.3rem}
#home #main #roll #r3 .rowMain .con .right .photo .dot-box .dot .d-msg .line{position:absolute;height:calc(100% - 19px);background-color:#00fdfd;left:0;right:0;margin:0 auto;bottom:99%;width:1px}
#home #main #roll #r3 .rowMain .con .right .photo .dot-box .dot .d-msg .d-logo{font-size:0.3rem;color:#00fdfd;display:inline-block;height:0.3rem;line-height:0.3rem}
#home #main #roll #r3 .rowMain .con .right .photo .dot-box .dot .d-msg .notice{position:absolute;top:-27px}
#home #main #roll #r3 .rowMain .con .right .photo .dot-box .dot .d-msg .notice small{color:#fff;line-height:24px;white-space:nowrap}
#home #main #roll #r3 .rowMain .con .right .photo .dot-box .dot .d-msg .notice h4{color:#fff;white-space:nowrap}
#home #main #roll #r3 .rowMain .con .right .photo .dot-box .dot .d-msg .notice p{color:#fff;white-space:nowrap;line-height:1.2}
#home #main #roll #r3 .rowMain .con .right .photo .dot-box .dot .d-msg.ld .notice{text-align:right;right:140%}
#home #main #roll #r3 .rowMain .con .right .photo .dot-box .dot .d-msg.rd .notice{text-align:left;left:140%}
#home #main #roll #r3 .rowMain .con .right .photo .dot-box .dot .d-msg.d-up{bottom:100%;padding-bottom:2rem}
#home #main #roll #r3 .rowMain .con .right .photo .dot-box .dot .d-msg.d-up .line{bottom:-0.11rem}
#home #main #roll #r3 .rowMain .con .right .photo .dot-box .dot .d-msg.d-down{top:100%;padding-top:2rem}
#home #main #roll #r3 .rowMain .con .right .photo .dot-box .dot .d-msg.d-down .line{top:-0.11rem}
#home #main #roll #r3 .rowMain .con .right .photo .dot-box .dot .d-msg.d-down .notice{top:auto;bottom:-0.12rem}
#home #main #roll #r3 .rowMain .con .right .photo .dot-box .dot .d-msg.p-pa .notice p{position:absolute;left:calc(100% + 4px);top:25px}
#home #main #roll #r4 .scale_in{transition:transform 1s cubic-bezier(0.77,0.62,0.58,1),opacity 0.6s cubic-bezier(0.77,0.62,0.58,1);-webkit-transition:transform 1s cubic-bezier(0.77,0.62,0.58,1),opacity 0.6s cubic-bezier(0.77,0.62,0.58,1);-moz-transition:transform 1s cubic-bezier(0.77,0.62,0.58,1),opacity 0.6s cubic-bezier(0.77,0.62,0.58,1);-o-transition:transform 1s cubic-bezier(0.77,0.62,0.58,1),opacity 0.6s cubic-bezier(0.77,0.62,0.58,1);-ms-transition:transform 1s cubic-bezier(0.77,0.62,0.58,1),opacity 0.6s cubic-bezier(0.77,0.62,0.58,1);transform-origin:0 100%;transform:scale3d(1.1,1.1,1);-webkit-transform:scale3d(1.1,1.1,1);-moz-transform:scale3d(1.1,1.1,1);-o-transform:scale3d(1.1,1.1,1);-ms-transform:scale3d(1.1,1.1,1)}
#home #main #roll #r4.del .scale_in{transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none}
#home #main #roll #r4 .bg{}
#home #main #roll #r4 .bg .left{position:relative;overflow:hidden;width:100%;height:100%;transition:width 0.6s cubic-bezier(0.77,0.62,0.58,1),opacity 0.6s cubic-bezier(0.77,0.62,0.58,1);-webkit-transition:width 0.8s cubic-bezier(0.77,0.62,0.58,1),opacity 0.6s cubic-bezier(0.77,0.62,0.58,1);-moz-transition:width 0.8s cubic-bezier(0.77,0.62,0.58,1),opacity 0.6s cubic-bezier(0.77,0.62,0.58,1);-o-transition:width 0.8s cubic-bezier(0.77,0.62,0.58,1),opacity 0.6s cubic-bezier(0.77,0.62,0.58,1);-ms-transition:width 0.8s cubic-bezier(0.77,0.62,0.58,1),opacity 0.6s cubic-bezier(0.77,0.62,0.58,1)}
@media screen and (orientation:landscape){#home #main #roll #r4 .bg .left:hover{width:100%}
#home #main #roll #r4 .bg .left:hover .pic{}
}
#home #main #roll #r4 .bg .left .bx-logo{position:absolute;width:100%;height:100%;top:0;display:flex;align-items:center;justify-content:center;left:0;z-index:10;pointer-events:none}
#home #main #roll #r4 .bg .left .bx-logo > img{position:relative;max-width:33vw}
#home #main #roll #r4 .bg .left .left-box{width:62%;height:100%;position:relative;margin:0 auto;max-width:599px;display:flex;align-items:center;justify-content:center}
#home #main #roll #r4 .bg .left .left-box .cv-box{position:relative;width:100%;mix-blend-mode:screen;padding-bottom:101.16%;opacity:0;z-index:12;transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transition:all 0.8s ease-in-out;-webkit-transition:all 0.8s ease-in-out;-moz-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;-ms-transition:all 0.8s ease-in-out}
#home #main #roll #r4 .bg .left .left-box .cv-box #cv1{position:absolute;width:100%;height:100%;top:0;left:0;animation:rotate_in 8s linear infinite;transform-origin:50% 50.5%;cursor:pointer}
#home #main #roll #r4 .bg .left .left-box .cv-box #cv1 canvas{position:absolute}
#home #main #roll #r4 .bg .left .left-box .cv-box #cv1 > img{width:100%}
#home #main #roll #r4 .bg .left .left-box .cv-box.on{transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;opacity:1}
@media screen and (orientation:portrait){#home #main #roll #r4 .bg .left .left-box .cv-box{transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;opacity:1}
}
#home #main #roll #r4 .bg .left .left-box.on{pointer-events:none}
#home #main #roll #r4 .bg .right{position:relative;overflow:hidden;width:50%;height:100%;transition:width 0.8s cubic-bezier(0.77,0.62,0.58,1),opacity 0.6s cubic-bezier(0.77,0.62,0.58,1);-webkit-transition:width 0.8s cubic-bezier(0.77,0.62,0.58,1),opacity 0.6s cubic-bezier(0.77,0.62,0.58,1);-moz-transition:width 0.8s cubic-bezier(0.77,0.62,0.58,1),opacity 0.6s cubic-bezier(0.77,0.62,0.58,1);-o-transition:width 0.8s cubic-bezier(0.77,0.62,0.58,1),opacity 0.6s cubic-bezier(0.77,0.62,0.58,1);-ms-transition:width 0.8s cubic-bezier(0.77,0.62,0.58,1),opacity 0.6s cubic-bezier(0.77,0.62,0.58,1)}
@media screen and (orientation:landscape){#home #main #roll #r4 .bg .right:hover{width:60%}
#home #main #roll #r4 .bg .right:hover .pic{opacity:0.7}
}
#home #main #roll #r4 .bg .right .bx-logo{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;right:0;z-index:10;pointer-events:none}
#home #main #roll #r4 .bg .right .bx-logo > img{position:relative;max-width:33vw}
#home #main #roll #r4 .bg .right .right-box{width:62%;height:100%;position:relative;margin:0 auto;max-width:599px;display:flex;align-items:center;justify-content:center}
#home #main #roll #r4 .bg .right .right-box .cv-box{position:relative;width:100%;mix-blend-mode:screen;padding-bottom:101.16%;opacity:0;z-index:12;transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transition:all 0.8s ease-in-out;-webkit-transition:all 0.8s ease-in-out;-moz-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;-ms-transition:all 0.8s ease-in-out}
#home #main #roll #r4 .bg .right .right-box .cv-box #cv2{position:absolute;width:100%;height:100%;top:0;left:0;animation:rotate_in 8s linear infinite;transform-origin:50% 50.5%;cursor:pointer}
#home #main #roll #r4 .bg .right .right-box .cv-box #cv2 canvas{position:absolute}
#home #main #roll #r4 .bg .right .right-box .cv-box #cv2 > img{width:100%}
#home #main #roll #r4 .bg .right .right-box .cv-box.on{opacity:1;transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none}
@media screen and (orientation:portrait){#home #main #roll #r4 .bg .right .right-box .cv-box{transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;opacity:1}
}
#home #main #roll #r4 .bg .right .right-box.on{pointer-events:none}
#home #main #roll #r4 .bg .mask{position:absolute;width:10%;left:45%;top:0;height:100%}
#home #main #roll #r4 .rowMain{position:relative;pointer-events:none}
#home #main #roll #r4 .rowMain .con{padding-top:60px}
#home #main #roll #r4 .rowMain .con .left{width:40%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}
#home #main #roll #r4 .rowMain .con .left .cv-box{position:relative;width:100%;mix-blend-mode:screen;padding-bottom:101.16%;opacity:0;transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-ms-transform:scale(1.3);transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out}
#home #main #roll #r4 .rowMain .con .left .cv-box #cv1{position:absolute;width:100%;height:100%;top:0;left:0;animation:rotate_in 6s linear infinite;transform-origin:50% 50.5%}
#home #main #roll #r4 .rowMain .con .left .cv-box #cv1 canvas{position:absolute}
#home #main #roll #r4 .rowMain .con .left .cv-box #cv1 > img{width:100%}
#home #main #roll #r4 .rowMain .con .left .cv-box.on{transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;opacity:1}
#home #main #roll #r4 .rowMain .con .right{width:40%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}
#home #main #roll #r4 .rowMain .con .right .cv-box{position:relative;width:100%;mix-blend-mode:screen;padding-bottom:101.16%;opacity:0;transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-ms-transform:scale(1.3);transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out}
#home #main #roll #r4 .rowMain .con .right .cv-box #cv2{position:absolute;width:100%;height:100%;top:0;left:0;animation:rotate_in 6s linear infinite;transform-origin:50% 50.5%}
#home #main #roll #r4 .rowMain .con .right .cv-box #cv2 canvas{position:absolute}
#home #main #roll #r4 .rowMain .con .right .cv-box #cv2 > img{width:100%}
#home #main #roll #r4 .rowMain .con .right .cv-box.on{opacity:1;transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none}
#home #main #roll #r4 .rowMain .other{position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.8);display:flex;align-items:flex-start;justify-content:center;padding-top:8.2vw;opacity:0;pointer-events:none;transition:opacity 0.6s ease-in-out;-webkit-transition:opacity 0.6s ease-in-out;-moz-transition:opacity 0.6s ease-in-out;-o-transition:opacity 0.6s ease-in-out;-ms-transition:opacity 0.6s ease-in-out}
#home #main #roll #r4 .rowMain .other .inner-page{position:relative;display:none;min-height:34.27vw}
#home #main #roll #r4 .rowMain .other .inner-page .z-img{position:relative;z-index:10;display:block;width:72vw;max-width:1340px}
#home #main #roll #r4 .rowMain .other .inner-page .z-img1{position:relative;z-index:10;display:block;width:72vw;max-width:1307px}
#home #main #roll #r4 .rowMain .other .inner-page .pa-img{z-index:5;position:absolute;width:100%;left:0;top:0}
#home #main #roll #r4 .rowMain .other .inner-page .box{display:flex;justify-content:center;align-items:center;position:absolute;width:100%;top:42%}
#home #main #roll #r4 .rowMain .other .inner-page .box .photo{width:13.77%;border:1px solid #66faff;margin:0 0.91%;position:relative;box-shadow:0 32px 62px -22px #66faff}
#home #main #roll #r4 .rowMain .other .inner-page .box .photo .pic{width:100%;padding-bottom:133.33%}
#home #main #roll #r4 .rowMain .other .inner-page .box .photo:after{content:attr(data-ad);position:absolute;left:0;top:calc(100% + 6px);width:100%;white-space:nowrap;text-align:center;line-height:30px;color:#fff;font-size:1.14vw}
#home #main #roll #r4 .rowMain .other .inner-page .t1{position:absolute;color:#fff;text-align:left;left:0;bottom:75%;padding:0 5%;min-height:7vw}
#home #main #roll #r4 .rowMain .other .inner-page .t2{position:absolute;color:#fff;text-align:right;right:0;bottom:75%;min-height:7vw}
#home #main #roll #r4 .rowMain .other .inner-page .t3{position:absolute;color:#fff;width:100%;left:0;top:90%;text-align:center}
#home #main #roll #r4 .rowMain .other .inner-page .btn-i{position:absolute;left:0;right:0;margin:auto;width:18.69vw;top:100%}
#home #main #roll #r4 .rowMain .other .inner-page.on{display:block}
#home #main #roll #r4 .rowMain .other.on{opacity:1;pointer-events:auto}
#home #main #roll #r5.in{z-index:10;opacity:1}
#home #main #roll #r5.out{z-index:10;opacity:1}
#home #main #roll #r5 .bg{background:#fff}
#home #main #roll #r5 .bg .left{position:absolute;height:100%;left:0;top:0;width:50%;text-align:left}
@media screen and (orientation:landscape){#home #main #roll #r5 .bg .left{max-width:50vw}
}
#home #main #roll #r5 .bg .left > div{position:relative;height:100%;width:100%;overflow:hidden}
#home #main #roll #r5 .bg .left > div .photo{display:inline-block;height:100%}
#home #main #roll #r5 .bg .left .mask{position:absolute;top:0;bottom:0;margin:auto;height:47.7%;right:-23.85vh}
#home #main #roll #r5 .rowMain .con{padding-top:7vw;padding-bottom:3vw;position:relative}
#home #btm{position:fixed;bottom:0;z-index:20;width:100%;pointer-events:none;height:100%;left:0;display:flex;align-items:flex-end;justify-content:center}
#home #btm .con{margin:auto;width:100%;padding:60px;display:flex;justify-content:space-between;align-items:flex-end}
#home #btm .con .left{width:0.6rem;pointer-events:auto;display:flex;flex-direction:column;justify-content:space-between;align-items:center}
#home #btm .con .left .pager_btn{width:0.6rem;height:0.6rem;border-radius:50%;line-height:0.6rem;background-color:#ff6900;text-align:center;color:#fff;font-size:18px;display:block;transform-origin:50% 50%;transition:transform 0.5s ease-in-out;-webkit-transition:transform 0.5s ease-in-out;-moz-transition:transform 0.5s ease-in-out;-o-transition:transform 0.5s ease-in-out;-ms-transition:transform 0.5s ease-in-out}
#home #btm .con .left .pager_btn.r90{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg)}
#home #btm .con .left .pager_btn.r180{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg)}
#home #btm .con .left .share-con{height:1.48rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center}
#home #btm .con .right{pointer-events:auto}
#home #btm .con .right .pager .p-dot{cursor:pointer;display:flex;flex-direction:row-reverse;justify-content:center;align-items:flex-end;margin-top:20px}
#home #btm .con .right .pager .p-dot > span{width:5px;height:5px;border-radius:50%;line-height:10px;text-align:center;border:1px solid #fff;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;box-sizing:border-box;background:#fff}
#home #btm .con .right .pager .p-dot > small{display:inline-block;height:0;white-space:nowrap;position:relative;transition:height 0.5s ease-in-out;-webkit-transition:height 0.5s ease-in-out;-moz-transition:height 0.5s ease-in-out;-o-transition:height 0.5s ease-in-out;-ms-transition:height 0.5s ease-in-out;width:100px}
#home #btm .con .right .pager .p-dot > small > em{font-size:12px;text-transform:capitalize;color:#fff;position:absolute;right:15px;top:-28px;white-space:nowrap;line-height:38px;text-align:right;text-shadow:0 0 4px rgba(0,0,0,0.3);transform:translate3d(-12px,-12px,0);-webkit-transform:translate3d(-12px,-12px,0);-moz-transform:translate3d(-12px,-12px,0);-o-transform:translate3d(-12px,-12px,0);-ms-transform:translate3d(-12px,-12px,0);opacity:0;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:transform 1s cubic-bezier(0.3,0,0.24,1),opacity 0.5s ease}
#home #btm .con .right .pager .p-dot.on > span{box-sizing:content-box;width:15px;height:15px;background:hsla(0,0%,100%,0);border:2px solid #fff;border-radius:50%}
#home #btm .con .right .pager .p-dot.on > small > em{opacity:1;transform:translate3d(0px,0,0);-webkit-transform:translate3d(0px,0,0);-moz-transform:translate3d(0px,0,0);-o-transform:translate3d(0px,0,0);-ms-transform:translate3d(0px,0,0)}
#intro .row .title h2{margin-bottom:0}
#intro .row .title P{text-transform:capitalize}
#intro #r1{padding-top:7.2vw}
#intro #r1 .bg .add4{position:absolute;right:0;top:-7.2vw;width:23.8vw}
#intro #r1 .bg .add5{position:absolute;left:0;bottom:-16vw;width:44.63vw}
#intro #r1 .con .box{width:100%;display:flex;justify-content:space-between;align-items:stretch}
#intro #r1 .con .box .left{width:43%;max-width:607px}
#intro #r1 .con .box .left .photo{width:100%;padding-bottom:120.4%;position:relative}
#intro #r1 .con .box .left .photo .pic{position:absolute;width:100%;height:100%;top:0;left:0}
#intro #r1 .con .box .right{width:48%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
#intro #r1 .con .box .right .msg > i{display:block;font-size:32px}
#intro #r1 .con .box .right .msg .title{margin-bottom:0.54rem;margin-top:0.3rem}
#intro #r1 .con .box .right .msg .title p{line-height:1.5}
#intro #r1 .con .box .right .msg > small{display:block;margin-bottom:0.4rem}
#intro #r1 .con .box .right .msg > p{line-height:1.7}
#intro #r2{height:50.52vw;padding-top:0;padding-bottom:0;background-color:transparent;position:relative;z-index:4}
#intro #r2 .bg .left{position:absolute;right:50%;top:0;width:80%;background-color:#ff6900;height:92%;z-index:5}
#intro #r2 .bg .right{position:absolute;width:58%;bottom:0;right:0;z-index:4}
#intro #r2 .bg .right .photo{width:100%;padding-bottom:77.44%}
#intro #r2 .bg .right .photo .pic{position:absolute;width:100%;height:100%;top:0;left:0}
#intro #r2 .bg .ad{position:absolute}
#intro #r2 .bg #ad1{left:48%;bottom:87%}
#intro #r2 .bg #ad1 > span{text-transform:uppercase;line-height:1.8rem;font-size:2.4rem;white-space:nowrap;text-shadow:0 0 1px rgba(102,102,102,0.5)}
#intro #r2 .bg:before{content:"";background-color:#fff;position:absolute;width:58%;top:0;right:0;height:50%;pointer-events:none}
#intro #r2 .rowMain{height:100%}
#intro #r2 .rowMain .con{height:100%}
#intro #r2 .rowMain .con .left{width:36.5%;height:100%;padding-bottom:6%;display:flex;align-items:center;justify-content:flex-start}
#intro #r2 .rowMain .con .left .msg > i{display:block;font-size:32px}
#intro #r2 .rowMain .con .left .msg .title{margin-bottom:0.54rem;margin-top:0.3rem}
#intro #r2 .rowMain .con .left .msg .title p{line-height:1.5}
#intro #r2 .rowMain .con .left .msg > p{line-height:1.7}
#intro #r3 .bg .pic{position:absolute;height:auto;z-index:4;bottom:0;width:100%;left:0;top:auto;min-height:112%}
#intro #r3 .con .topic{text-align:center;width:100%;position:relative;margin-bottom:5.6vw}
#intro #r3 .con .topic > span{-webkit-text-stroke:1px rgba(102,102,102,0.1);position:relative;color:transparent;font-size:4rem;line-height:3rem;white-space:nowrap}
#intro #r3 .con .topic > span > em{display:inline-block;font-size:inherit;line-height:inherit;-webkit-text-stroke:1px rgba(102,102,102,0.1);color:transparent;white-space:nowrap}
#intro #r3 .con .topic h2{position:absolute;height:100%;width:100%;left:0;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center}
#intro #r3 .con .topic h2 > small{color:#ff6900;font-size:inherit}
#intro #r3 .con .box{display:flex;justify-content:space-between;align-items:center}
#intro #r3 .con .box .left{padding-left:2vw}
#intro #r3 .con .box .left .items{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;width:5.2rem;min-height:26vw;align-content:center}
#intro #r3 .con .box .left .items .box{display:flex;flex-direction:column;margin:1.4vw 0;justify-content:center;align-items:flex-start;width:50%}
#intro #r3 .con .box .left .items .box > div:nth-child(1){white-space:nowrap;display:flex;align-items:stretch;justify-content:flex-start}
#intro #r3 .con .box .left .items .box > div:nth-child(1) span{color:#ff6900;position:relative;line-height:1}
#intro #r3 .con .box .left .items .box > div:nth-child(1) span > sup{color:#ff6900;position:absolute;bottom:88%;left:100%;text-shadow:none}
#intro #r3 .con .box .left .items .box > div:nth-child(1) em{position:relative;line-height:1.8;color:#37393d;vertical-align:top;letter-spacing:2px;margin-left:5px}
#intro #r3 .con .box .left .items .box > div:nth-child(1) em > sup{position:absolute;bottom:50%;left:100%;color:#ff6900;text-shadow:none}
#intro #r3 .con .box .left .items .box > div:nth-child(1) > small{margin-left:9px;color:#37393d;margin-top:10px;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-around;align-items:flex-start}
#intro #r3 .con .box .left .items .box > div:nth-child(1) > small > i:nth-child(1){font-size:0.2rem;font-style:normal;display:block;color:#37393d;line-height:1.4}
#intro #r3 .con .box .left .items .box > div:nth-child(1) > small > i:nth-child(2){color:#37393d;font-style:normal;display:block}
#intro #r3 .con .box .left .items .box > div:nth-child(2){color:#37393d;letter-spacing:2px}
#intro #r3 .con .box .right{padding:0}
#intro #r3 .con .box .right .photo{width:100%;position:relative}
#intro #r3 .con .box .right .photo > img{width:100%}
#intro #r3 .con .box .right .photo .dot-box{position:absolute;width:100%;height:100%;top:0;left:0}
#intro #r3 .con .box .right .photo .dot-box .dot{position:absolute;left:0;top:0;pointer-events:none}
#intro #r3 .con .box .right .photo .dot-box .dot .d-mid{width:0.3rem;height:0.3rem;position:relative;pointer-events:auto;display:block}
#intro #r3 .con .box .right .photo .dot-box .dot .d-mid > em{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:8px;height:8px;border-radius:50%;line-height:8px;text-align:center;background-color:#ff6900}
#intro #r3 .con .box .right .photo .dot-box .dot .d-mid > .rip{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:3.4rem;animation:cir_out 5s linear infinite;animation-fill-mode:both}
#intro #r3 .con .box .right .photo .dot-box .dot .d-mid > .rip:nth-child(2){animation-delay:1s}
#intro #r3 .con .box .right .photo .dot-box .dot .d-mid > .rip:nth-child(3){animation-delay:2.5s}
#intro #r3 .con .box .right .photo .dot-box .dot .d-mid > .rip:nth-child(4){animation-delay:4s}
#intro #r3 .con .box .right .photo .dot-box .dot .d-msg{position:absolute;text-align:center;width:0.3rem}
#intro #r3 .con .box .right .photo .dot-box .dot .d-msg .line{position:absolute;height:calc(100% - 0.2rem);background-color:#ff6900;left:0;right:0;margin:0 auto;bottom:99%;width:1px}
#intro #r3 .con .box .right .photo .dot-box .dot .d-msg .d-logo{font-size:0.3rem;color:#ff6900;display:inline-block;height:0.3rem;line-height:0.3rem}
#intro #r3 .con .box .right .photo .dot-box .dot .d-msg .notice{position:absolute;top:-27px}
#intro #r3 .con .box .right .photo .dot-box .dot .d-msg .notice small{color:#999999;line-height:24px;white-space:nowrap}
#intro #r3 .con .box .right .photo .dot-box .dot .d-msg .notice h4{white-space:nowrap}
#intro #r3 .con .box .right .photo .dot-box .dot .d-msg .notice p{color:#999999;white-space:nowrap;line-height:1.2}
#intro #r3 .con .box .right .photo .dot-box .dot .d-msg.ld .notice{text-align:right;right:140%}
#intro #r3 .con .box .right .photo .dot-box .dot .d-msg.rd .notice{text-align:left;left:140%}
#intro #r3 .con .box .right .photo .dot-box .dot .d-msg.d-up{bottom:100%;padding-bottom:2rem}
#intro #r3 .con .box .right .photo .dot-box .dot .d-msg.d-up .line{bottom:-0.12rem}
#intro #r3 .con .box .right .photo .dot-box .dot .d-msg.d-down{top:100%;padding-top:2rem}
#intro #r3 .con .box .right .photo .dot-box .dot .d-msg.d-down .line{top:-0.12rem}
#intro #r3 .con .box .right .photo .dot-box .dot .d-msg.d-down .notice{top:auto;bottom:-0.12rem}
#intro #r3 .con .box .right .photo .dot-box .dot .d-msg.p-pa .notice p{position:absolute;left:calc(100% + 7px);top:27px}
#intro #r4{overflow:hidden}
#intro #r4 .bg .add1{position:absolute;left:-19vw;top:-17vw;width:42vw}
#intro #r4 .bg .add2{right:0;bottom:3vw;position:absolute;font-size:2.5rem;line-height:2rem;color:#fff;text-shadow:0 0 1px rgba(102,102,102,0.5)}
#intro #r4 .rowMain .title{text-align:center;margin-bottom:4vw}
#intro #r4 .rowMain .title h3{line-height:1}
#intro #r4 .rowMain .title small{text-transform:capitalize}
#intro #r4 .rowMain .con .tab{display:flex;justify-content:space-between;align-items:stretch}
#intro #r4 .rowMain .con .tab .tree{display:flex;align-items:center;overflow:hidden;justify-content:center;width:calc(25% - 3px);background-color:#cccccc;position:relative;padding:0.9vw 0;cursor:pointer}
#intro #r4 .rowMain .con .tab .tree:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:#ff6900;bottom:101%;top:auto;z-index:4;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;-webkit-transition-timing-function:cubic-bezier(0.75,0,0.125,1);transition-timing-function:cubic-bezier(0.75,0,0.125,1)}
#intro #r4 .rowMain .con .tab .tree:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:#E44B51;bottom:101%;top:auto;z-index:4;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;-webkit-transition-timing-function:cubic-bezier(0.75,0,0.125,1);transition-timing-function:cubic-bezier(0.75,0,0.125,1)}
#intro #r4 .rowMain .con .tab .tree > div{position:relative;z-index:6;width:100%;text-align:center;color:#fff}
#intro #r4 .rowMain .con .tab .tree:hover:before,#intro #r4 .rowMain .con .tab .tree.on:before{transform:translate3d(0,101%,0);-webkit-transform:translate3d(0,101%,0);-moz-transform:translate3d(0,101%,0);-o-transform:translate3d(0,101%,0);-ms-transform:translate3d(0,101%,0)}
#intro #r4 .rowMain .con .tab .tree:hover:after,#intro #r4 .rowMain .con .tab .tree.on:after{transition-delay:0.175s;transform:translate3d(0,101%,0);-webkit-transform:translate3d(0,101%,0);-moz-transform:translate3d(0,101%,0);-o-transform:translate3d(0,101%,0);-ms-transform:translate3d(0,101%,0)}
#intro #r4 .rowMain .con .box{padding:6vw 0 4vw 0;position:relative}
#intro #r4 .rowMain .con .box .tabList{display:flex;justify-content:space-between;align-items:center;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;pointer-events:none}
#intro #r4 .rowMain .con .box .tabList .left{width:46%}
#intro #r4 .rowMain .con .box .tabList .left .photo{width:100%;padding-bottom:63.25%;position:relative}
#intro #r4 .rowMain .con .box .tabList .left .photo .pic{position:absolute;width:100%;height:100%;top:0;left:0}
#intro #r4 .rowMain .con .box .tabList .left .photo > span{position:absolute;left:-0.4rem;top:-1.2rem;z-index:10;color:#ff6900;line-height:0.8rem;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform-origin:0 100%}
#intro #r4 .rowMain .con .box .tabList .right{width:47%}
#intro #r4 .rowMain .con .box .tabList .right .msg{width:100%;padding-bottom:63.25%;position:relative}
#intro #r4 .rowMain .con .box .tabList .right .msg .items{position:absolute;width:100%;height:100%;top:0;left:0;padding-right:2vw;overflow:auto}
#intro #r4 .rowMain .con .box .tabList .right .msg .items > li{display:flex;justify-content:flex-start;align-items:flex-start;margin-bottom:0.26rem}
#intro #r4 .rowMain .con .box .tabList .right .msg .items > li > i{line-height:33px;height:30px;display:inline-block;width:24px;text-align:center;font-size:20px}
#intro #r4 .rowMain .con .box .tabList .right .msg .items > li > span{padding:0 0.4rem 0 0.2rem;width:1.4rem;white-space:nowrap;line-height:30px}
#intro #r4 .rowMain .con .box .tabList .right .msg .items > li > p{line-height:30px;flex-grow:1;width:100%}
#intro #r4 .rowMain .con .box .tabList:first-of-type{position:relative}
#intro #r4 .rowMain .con .box .tabList .alan{animation-fill-mode:both;display:none;animation-duration:1s;animation-timing-function:cubic-bezier(0.3,0,0.24,1)}
#intro #r4 .rowMain .con .box .tabList.on{opacity:1;pointer-events:auto}
#intro #r4 .rowMain .con .box .tabList.on .alan{display:block;animation-name:fadeInLeftSmall}
#intro #r4 .rowMain .con .app-con #app_sw1{padding-bottom:45px}
#intro #r4 .rowMain .con .app-con #app_sw1 .swiper-wrapper .swiper-slide{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;flex-direction:column;transform:scale(0.9);transform-origin:50% 0;transition:transform 0.5s ease-in-out;-webkit-transition:transform 0.5s ease-in-out;-moz-transition:transform 0.5s ease-in-out;-o-transition:transform 0.5s ease-in-out;-ms-transition:transform 0.5s ease-in-out}
#intro #r4 .rowMain .con .app-con #app_sw1 .swiper-wrapper .swiper-slide .left{width:100%;margin-bottom:45px}
#intro #r4 .rowMain .con .app-con #app_sw1 .swiper-wrapper .swiper-slide .left .photo{width:100%;padding-bottom:63.25%;position:relative}
#intro #r4 .rowMain .con .app-con #app_sw1 .swiper-wrapper .swiper-slide .left .photo .pic{position:absolute;width:100%;height:100%;top:0;left:0}
#intro #r4 .rowMain .con .app-con #app_sw1 .swiper-wrapper .swiper-slide .left .photo > span{position:absolute;left:0;font-size:50px;bottom:-25px;z-index:10;color:#ff6900;line-height:50px;text-align:center;width:100%}
#intro #r4 .rowMain .con .app-con #app_sw1 .swiper-wrapper .swiper-slide .right{width:100%}
#intro #r4 .rowMain .con .app-con #app_sw1 .swiper-wrapper .swiper-slide .right .msg{width:100%;padding-bottom:63.25%;position:relative}
#intro #r4 .rowMain .con .app-con #app_sw1 .swiper-wrapper .swiper-slide .right .msg .items{position:absolute;width:100%;height:100%;top:0;left:0;padding-right:2vw;overflow:auto}
#intro #r4 .rowMain .con .app-con #app_sw1 .swiper-wrapper .swiper-slide .right .msg .items > li{display:flex;justify-content:flex-start;align-items:flex-start;margin-bottom:0.18rem}
#intro #r4 .rowMain .con .app-con #app_sw1 .swiper-wrapper .swiper-slide .right .msg .items > li > i{line-height:33px;height:30px;display:inline-block;width:24px;text-align:center;font-size:20px}
#intro #r4 .rowMain .con .app-con #app_sw1 .swiper-wrapper .swiper-slide .right .msg .items > li > span{padding:0 0.4rem 0 0.2rem;width:1.4rem;white-space:nowrap;line-height:30px}
#intro #r4 .rowMain .con .app-con #app_sw1 .swiper-wrapper .swiper-slide .right .msg .items > li > p{line-height:30px;flex-grow:1;width:100%}
#intro #r4 .rowMain .con .app-con #app_sw1 .swiper-wrapper .swiper-slide.active{transform:none}
#intro #r4 .rowMain .con .app-con #app_sw1 .swiper-wrapper .swiper-slide:first-of-type{position:relative}
#intro #r4 .rowMain .con .app-con #app_sw1 .smooth-pager{pointer-events:auto;height:32px;position:absolute;bottom:0;left:0;width:100%;display:flex;align-items:center;justify-content:center}
#intro #r4 .rowMain .con .app-con #app_sw1 .smooth-pager > span{border:1px solid #37393d;width:0.12rem;height:0.12rem;background-color:transparent}
#intro #r4 .rowMain .con .app-con #app_sw1 .smooth-pager > span.swiper-pagination-bullet-active{background-color:#ff6900;border-color:#ff6900}
#power .row .title{text-align:center;margin-bottom:4vw}
#power .row .title h3{line-height:1}
#power .row .title small{text-transform:capitalize}
#power .row .title .cir_btn{margin:0 auto}
#power #r1{padding-top:7.2vw;overflow:hidden}
#power #r1 .bg .add8{position:absolute;left:-1vw;top:-22vw;width:18.75vw}
#power #r1 .bg .add9{position:absolute;right:0;top:26vw;width:47.9vw}
#power #r1 .con{position:relative;z-index:10}
#power #r1 .con .tab{display:flex;justify-content:center;align-items:center;position:relative;margin-bottom:6vw}
#power #r1 .con .tab .btn_hover{width:20.5vw;line-height:0.73rem;margin:0 0.4rem}
#power #r1 .con .items{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
#power #r1 .con .items .box{margin-bottom:7%}
#power #r1 .con .items .box.half{width:46.5%;max-width:651px}
#power #r1 .con .items .box.half .photo{width:100%;padding-bottom:52%;position:relative}
#power #r1 .con .items .box.half .photo .pic{position:absolute;width:100%;height:100%;top:0;left:0}
#power #r1 .con .items .box.half .msg{display:flex;justify-content:space-between;align-items:flex-start;padding:7%;background-color:#fff}
#power #r1 .con .items .box.half .msg .left{width:calc(100% - 1.05rem);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}
#power #r1 .con .items .box.half .msg .left p{margin:4px 0}
#power #r1 .con .items .box.half .msg .left p > i{margin-right:8px;font-weight:400}
#power #r1 .con .items .box.half .msg .right{width:1.05rem;text-align:right}
#power #r1 .con .items .box.half .msg .right > span{font-size:0.9rem;line-height:0.7rem;color:#fff;text-shadow:0 0 1px rgba(102,102,102,0.5)}
#power #r1 .con .items .box.wid-100{width:100%;display:flex;justify-content:space-between;align-items:stretch}
#power #r1 .con .items .box.wid-100 .photo{width:57%;position:relative}
#power #r1 .con .items .box.wid-100 .photo .pic{height:100%;position:relative;width:100%}
#power #r1 .con .items .box.wid-100 .msg{width:43%;display:flex;justify-content:space-around;align-items:flex-start;padding:5%;flex-direction:column;background-color:#fff}
#power #r1 .con .items .box.wid-100 .msg .left{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}
#power #r1 .con .items .box.wid-100 .msg .left p{margin:4px 0;white-space:nowrap}
#power #r1 .con .items .box.wid-100 .msg .left p > i{margin-right:8px;font-weight:400}
#power #r1 .con .items .box.wid-100 .msg .right{width:1.05rem;text-align:left}
#power #r1 .con .items .box.wid-100 .msg .right > span{font-size:0.9rem;line-height:0.7rem;color:#fff;text-shadow:0 0 1px rgba(102,102,102,0.2)}
#power #r1 .other{position:absolute;width:100%;text-align:center;left:0;bottom:1vw;z-index:2}
#power #r1 .other > span{text-transform:uppercase;font-size:3.6rem;line-height:2rem;color:#fff;text-shadow:0 0 1px rgba(102,102,102,0.5)}
#power #r2{background-color:#f8f8f8}
#power #r2 .con #sw2{z-index:9;padding-bottom:34%}
#power #r2 .con #sw2 .swiper-wrapper .swiper-slide{width:45vw;height:100%;position:relative;display:flex;justify-content:center;flex-direction:column;align-items:center;z-index:10}
#power #r2 .con #sw2 .swiper-wrapper .swiper-slide .inner{max-width:45vw;display:block;margin:0 auto;position:relative;width:100%}
#power #r2 .con #sw2 .swiper-wrapper .swiper-slide .inner .top{width:100%;position:relative}
#power #r2 .con #sw2 .swiper-wrapper .swiper-slide .inner .top .photo{width:100%;height:0px;padding-bottom:56.25%}
#power #r2 .con #sw2 .swiper-wrapper .swiper-slide .inner .mid{position:absolute;right:0;z-index:10;width:90%;bottom:0.8rem;box-shadow:0 11px 50px -6px rgba(192,196,204,0.71)}
#power #r2 .con #sw2 .swiper-wrapper .swiper-slide .inner .mid .msg{background-color:#fff;padding:2vw 2vw;display:flex;align-items:center;justify-content:space-between}
#power #r2 .con #sw2 .swiper-wrapper .swiper-slide .inner .mid .msg .left h3{color:#ff6900;margin-bottom:14px}
#power #r2 .con #sw2 .swiper-wrapper .swiper-slide .inner .mid .msg .left h3 > i{display:inline-block;margin-right:10px}
#power #r2 .con #sw2 .swiper-wrapper .swiper-slide .inner .mid .msg .left small{color:#666666}
#power #r2 .con #sw2 .swiper-wrapper .swiper-slide .inner .mid .msg .right{font-size:1.2rem;color:#999999;line-height:1.2rem;opacity:0.3}
#power #r2 .con #sw2 .swiper-wrapper .swiper-slide .inner .btm{width:100%}
#power #r2 .con #sw2 .swiper-wrapper .swiper-slide .inner .btm .text_{width:100%;text-align:left;font-size:1.5rem;line-height:1.8rem;color:#f8f8f8;text-shadow:0 0 1px rgba(215,9,23,0.5)}
#power #r2 .con #sw2 .max-wid{position:absolute;left:0;right:0;margin:auto;top:0;height:72%}
#power #r2 .con #sw2 .max-wid > .left{position:relative;width:22%;height:100%}
#power #r2 .con #sw2 .swiper-pagination{position:absolute;height:100%;width:22%;left:auto;right:0;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center}
#power #r2 .con #sw2 .swiper-pagination > span{margin:10px 0}
#power #r3 .bg .left{position:absolute;left:0;top:0;height:100%;width:48%;background-color:#ff6900}
#power #r3 .bg .right{position:absolute;right:0;top:0;height:100%;width:52%;overflow:hidden}
#power #r3 .bg .right .pic{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out}
#power #r3 .bg .right .pic.on{opacity:1;transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none}
#power #r3 .con .left{width:39%;min-height:26.2vw;display:flex;justify-content:center;align-items:flex-start;flex-direction:column}
#power #r3 .con .left .msg{margin-bottom:3vw}
#power #r3 .con .left .msg .title{text-align:left;margin-bottom:1.6vw}
#power #r3 .con .left .msg .box p{color:#fff;margin:6px 0}
#power #r3 .con .left .msg .box p > i{font-weight:400;margin-right:15px}
#power #r3 .con .left .msg:last-of-type{margin-bottom:0}
#power #r4{padding-top:7.2vw;overflow:hidden}
#power #r4 .bg .add6{position:absolute;top:-15vw;right:0;width:12.76vw}
#power #r4 .bg .add7{position:absolute;bottom:-31vw;left:0;width:25.67vw}
#power #r4 .rowMain{display:flex;flex-direction:column;align-items:center;justify-content:center}
#power #r4 .rowMain .title{margin-bottom:3vw}
#power #r4 .rowMain .title .cir_btn{margin:2vw auto 0 auto}
#power #r4 .rowMain .title small{text-transform:none}
#power #r4 .rowMain .con .items{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
#power #r4 .rowMain .con .items .box{width:calc(100%/3);padding:0 2%;max-width:424px}
#power #r4 .rowMain .con .items .box .photo{width:100%;position:relative}
#power #r4 .rowMain .con .items .box .photo .pic{position:relative;width:100%;padding-bottom:59.66%}
#power #r4 .rowMain .con .items .box .photo > i{position:absolute;width:100%;text-align:center;bottom:-10px;line-height:20px}
#power #r4 .rowMain .con .items .box h4{text-align:center;margin-top:1.8vw}
#power #r5 .bg .left{position:absolute;left:0;top:0;height:100%;width:56%}
#power #r5 .bg .left .pic{position:absolute;width:100%;height:100%;top:0;left:0}
#power #r5 .bg .right{position:absolute;right:0;top:0;height:100%;width:44%;background-color:#ff6900}
#power #r5 .con{display:flex;justify-content:flex-end;align-items:center}
#power #r5 .con .right{width:34.7%;min-height:26.2vw;padding:0 2.3%;display:flex;justify-content:center;align-items:flex-start;flex-direction:column}
#power #r5 .con .right .msg{margin-bottom:3vw}
#power #r5 .con .right .msg .title{text-align:left;margin-bottom:1.6vw}
#power #r5 .con .right .msg .title > i{display:block;margin-bottom:0.18rem}
#power #r5 .con .right .msg .box p{color:#fff;margin:6px 0}
#power #r5 .con .right .msg .box p > i{font-weight:400;margin-right:15px}
#power #r5 .con .right .msg:last-of-type{margin-bottom:0}
#quality .row .title{text-align:center;margin-bottom:4vw}
#quality .row .title h3{line-height:1}
#quality .row .title small{text-transform:capitalize}
#quality .row .title .cir_btn{margin:0 auto}
#quality #r1{padding-top:7.2vw;overflow:hidden;padding-bottom:3.2vw}
#quality #r1 .con{position:relative;z-index:10}
#quality #r1 .con .tab{display:flex;justify-content:center;align-items:center;position:relative;margin-bottom:6vw}
#quality #r1 .con .tab .btn_hover{width:20.5vw;line-height:0.73rem;margin:0 0.4rem}
#quality #r1 .con .items .box{display:flex;justify-content:space-between;align-items:center;margin:2.6vw 0}
#quality #r1 .con .items .box .left{width:33%;padding-right:4%}
#quality #r1 .con .items .box .left > ul{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:13.38vw;margin:1.4vw 0}
#quality #r1 .con .items .box .left > ul > li{margin:4px 0;display:flex;align-items:flex-start;justify-content:flex-start}
#quality #r1 .con .items .box .left > ul > li > i{margin-right:10px}
#quality #r1 .con .items .box .left > img{display:block}
#quality #r1 .con .items .box .right{width:67%}
#quality #r1 .con .items .box .right .honor-box{width:100%;display:flex;align-items:center;justify-content:flex-start;margin-left:-3%}
#quality #r1 .con .items .box .right .honor-box .list{margin-left:3%}
#quality #r1 .con .items .box .right .honor-box .list .photo{margin:1.4vw 0;display:flex;align-items:center;justify-content:center;height:13.38vw}
#quality #r1 .con .items .box .right .honor-box .list .photo > img{max-width:100%;border:3px solid #ebebeb}
#quality #r1 .con .items .box .right .honor-box .list .other{display:flex;align-items:center;justify-content:center}
#quality #r1 .con .items .box .right .honor-box .list .other h4{height:0.5rem;border-radius:100px;display:flex;align-items:center;justify-content:center;text-align:center;background-color:#fff;min-width:9.7vw;padding:0 10px}
#quality #r2{padding-bottom:7.2vw}
#quality #r2 .con .mid{display:flex;justify-content:space-between;align-items:center}
#quality #r2 .con .mid .left{width:54%}
#quality #r2 .con .mid .left h2{margin-bottom:3vw}
#quality #r2 .con .mid .left > ul{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin:1.4vw 0}
#quality #r2 .con .mid .left > ul > li{margin:7px 0;display:flex;align-items:flex-start;justify-content:flex-start}
#quality #r2 .con .mid .left > ul > li > i{margin-right:10px}
#quality #r2 .con .mid .right{width:36%;max-width:505px}
#quality #r2 .con .mid .right .office{width:100%;display:flex;justify-content:space-between;align-items:stretch}
#quality #r2 .con .mid .right .office .pl_1{width:48%;margin:1vw 0}
#quality #r2 .con .mid .right .office > div{width:48%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}
#quality #r2 .con .mid .right .office > div > img{width:100%;margin:1vw 0}
#quality #r2 .con .mid .right .office > div .pl_2{width:100%}
#quality #r2 .con .mid .right .office > div .pl_3{width:100%}
#quality #r2 .con > .other{width:100%;margin-top:2.6vw}
#quality #r2 .con > .other .honor-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start}
#quality #r2 .con > .other .honor-box .list{width:14%}
#quality #r2 .con > .other .honor-box .list .photo{margin:1vw 0;display:flex;align-items:center;justify-content:center;height:13.38vw}
#quality #r2 .con > .other .honor-box .list .photo > img{max-width:98%;display:block;margin:0 auto;border:3px solid #ebebeb}
#quality #r2 .con > .other .honor-box .list .other{display:flex;align-items:center;justify-content:center}
#quality #r2 .con > .other .honor-box .list .other h4{height:0.46rem;border-radius:100px;display:flex;align-items:center;justify-content:center;text-align:center;background-color:#fff;min-width:8.5vw;padding:0 10px}
#market .row .title{text-align:center;margin-bottom:4vw}
#market .row .title h3{line-height:1}
#market .row .title small{text-transform:capitalize}
#market .row .title .cir_btn{margin:0 auto}
#market #r1{padding-top:7.2vw;overflow:hidden;padding-bottom:calc(5.2vw + 0.2rem)}
#market #r1 .bg .add1{position:absolute;right:0;top:-12vw;width:13.54vw;max-width:260px}
#market #r1 .con{position:relative;z-index:10}
#market #r1 .con .tab{display:flex;justify-content:center;align-items:center;position:relative;margin-bottom:6vw}
#market #r1 .con .tab .btn_hover{width:20.5vw;line-height:0.73rem;margin:0 0.4rem}
#market #r1 .con .inner{text-align:center}
#market #r1 .con .inner .map-box{position:relative;display:inline-block}
#market #r1 .con .inner .map-box > img.map_{position:relative;width:95%;max-width:1331px;z-index:5}
#market #r1 .con .inner .map-box .dot-box{position:absolute;width:100%;height:100%;top:0;left:0;z-index:6}
#market #r1 .con .inner .map-box .dot-box .dot{position:absolute;left:0;top:0;pointer-events:none}
#market #r1 .con .inner .map-box .dot-box .dot .d-mid{width:30px;height:30px;position:relative;pointer-events:auto;display:block}
#market #r1 .con .inner .map-box .dot-box .dot .d-mid > em{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:8px;height:8px;border-radius:50%;line-height:8px;text-align:center;background-color:#ff6900}
#market #r1 .con .inner .map-box .dot-box .dot .d-mid > .rip{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:3.4rem;animation:cir_out 5s linear infinite;animation-fill-mode:both}
#market #r1 .con .inner .map-box .dot-box .dot .d-mid > .rip:nth-child(2){animation-delay:1s}
#market #r1 .con .inner .map-box .dot-box .dot .d-mid > .rip:nth-child(3){animation-delay:2.5s}
#market #r1 .con .inner .map-box .dot-box .dot .d-mid > .rip:nth-child(4){animation-delay:4s}
#market #r1 .con .inner .map-box .dot-box .dot .d-msg{position:absolute;text-align:center}
#market #r1 .con .inner .map-box .dot-box .dot .d-msg .line{position:absolute;height:calc(100% - 19px);background-color:#ff6900;left:0;right:0;margin:0 auto;bottom:99%;width:1px}
#market #r1 .con .inner .map-box .dot-box .dot .d-msg .d-logo{font-size:30px;color:#ff6900;display:inline-block;height:30px;line-height:30px}
#market #r1 .con .inner .map-box .dot-box .dot .d-msg .notice{position:absolute;top:-27px;text-align:center}
#market #r1 .con .inner .map-box .dot-box .dot .d-msg .notice small{color:#999999;line-height:24px;white-space:nowrap}
#market #r1 .con .inner .map-box .dot-box .dot .d-msg .notice h4{white-space:nowrap;color:#ff6900}
#market #r1 .con .inner .map-box .dot-box .dot .d-msg .notice p{color:#ff6900;white-space:nowrap;line-height:1.2;display:none}
#market #r1 .con .inner .map-box .dot-box .dot .d-msg.ld .notice{text-align:right;right:140%}
#market #r1 .con .inner .map-box .dot-box .dot .d-msg.rd .notice{text-align:left;left:140%}
#market #r1 .con .inner .map-box .dot-box .dot .d-msg.cd .notice{text-align:center;width:1.2rem;left:calc(-0.6rem + 15px);top:auto;bottom:calc(100% + 0.16rem)}
#market #r1 .con .inner .map-box .dot-box .dot .d-msg.d-up{bottom:100%;padding-bottom:2rem}
#market #r1 .con .inner .map-box .dot-box .dot .d-msg.d-up .line{bottom:-11px}
#market #r1 .con .inner .map-box .dot-box .dot .d-msg.d-down{top:100%;padding-top:2rem}
#market #r1 .con .inner .map-box .dot-box .dot .d-msg.d-down .line{top:-11px}
#market #r1 .con .inner .map-box .dot-box .dot .d-msg.d-down .notice{top:auto;bottom:-12px}
#market #r1 .con .inner .map-box .dot-box .dot .d-msg.p-pa .notice p{position:absolute;left:calc(100% + 7px);top:27px}
#market #r1 .con .inner .map-box .bo{position:absolute;z-index:2;opacity:0.9;pointer-events:none;width:24.2vw;max-width:465px}
#market #r1 .con .inner .map-box .bo.b1{left:-3vw;top:-3vw}
#market #r1 .con .inner .map-box .bo.b2{left:23vw;top:2vw}
#market #r1 .con .inner .map-box .bo.b3{right:-11vw;top:18vw}
#market #r1 .other{position:relative;z-index:12;margin-top:-3vw}
#market #r1 .other .topic{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;position:relative;z-index:5}
#market #r1 .other .topic .box{background-color:#fff;margin:1% 0;width:49%;padding:3% 5%;display:flex;justify-content:space-between;align-items:center}
#market #r1 .other .topic .box > i{text-align:left;width:1.2rem}
#market #r1 .other .btm{margin-top:1%;position:relative;z-index:5}
#market #r1 .other .btm .box{padding:3% 5%;background-color:#fff}
#market #r1 .other .btm .box .til{display:flex;justify-content:center;align-items:center;margin-bottom:0.3rem}
#market #r1 .other .btm .box .til > em{margin:0 0.15rem}
#market #r1 .other .btm .box .til > small{text-transform:capitalize}
#market #r1 .other .btm .box .items{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}
#market #r1 .other .btm .box .items > li{width:16.66%;margin:1% 0;height:60px;position:relative}
#market #r1 .other .btm .box .items > li .pic{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:88%;background-size:contain}
#market #r1 .other .ad{position:absolute;width:100%;text-align:center;left:0;bottom:-0.6rem;z-index:2}
#market #r1 .other .ad > span{text-transform:uppercase;font-size:2rem;line-height:1.8rem;color:#fff;text-shadow:0 0 1px rgba(215,9,23,0.5)}
#market #r2{padding-bottom:29px}
#market #r2 .bg .add2{position:absolute;right:0;top:-23vw;width:23.8vw;max-width:457px}
#market #r2 .bg .add3{position:absolute;left:0;top:17vw;width:43.48vw;max-width:835px}
#market #r2 .con{display:flex;justify-content:space-between;align-items:stretch;min-height:12.76vw}
#market #r2 .con .left{width:50%;padding-right:6.7%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}
#market #r2 .con .left .title{text-align:left;margin-bottom:2vw}
#market #r2 .con .right{width:50%;padding-left:6.7%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}
#market #r2 .con .right .num_box{display:flex;justify-content:flex-start;align-items:center;margin-bottom:1.6vw}
#market #r2 .con .right .num_box > div{margin-right:3vw}
#market #r2 .con .right .num_box > div span{line-height:1.2}
#market #r2 .con .right .num_box > div h4{color:#666666}
#market #r2 .other{position:relative;margin-top:5.2vw}
#market #r2 .other > .pic{position:relative;width:100%;padding-bottom:47.59%;height:0}
#market #r2 .other#js_calc_2{margin-top:-7.7vw;position:relative}
#market #r2 .other#js_calc_2 .box{padding-top:3%;padding-bottom:3%;position:relative;background-color:#fff;padding-left:5.2vw;z-index:4}
#market #r2 .other#js_calc_2 .box .honor-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
#market #r2 .other#js_calc_2 .box .honor-box .list{width:20%}
#market #r2 .other#js_calc_2 .box .honor-box .list .photo{display:flex;align-items:center;justify-content:center;height:13.38vw}
#market #r2 .other#js_calc_2 .box .honor-box .list .photo > img{max-width:100%}
#market #r2 .other#js_calc_2 .box .msg-box{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}
#market #r2 .other#js_calc_2 .box .msg-box .col{width:47%}
#market #r2 .other#js_calc_2:before{content:"";position:absolute;left:0;width:100%;z-index:2;background-color:#f6f6f6;top:7.7vw;height:100%;pointer-events:none}
#market #r2 .other#js_calc_2 .add4{position:absolute;left:0;bottom:-9vw;width:49.79vw;max-width:956px;z-index:3}
#market #r3{background-color:#f6f6f6}
#market #r3 .con{display:flex;justify-content:space-between;align-items:stretch;min-height:12.76vw}
#market #r3 .con .left{width:50%;padding-right:6.7%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}
#market #r3 .con .left .title{text-align:left;margin-bottom:2vw}
#market #r3 .con .right{width:50%;padding-left:6.7%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}
#market #r3 .con .right p{line-height:2}
#market #r3 .other{margin-top:5.2vw}
#market #r3 .other #sw3{z-index:9;height:auto;padding-bottom:0}
#market #r3 .other #sw3 .swiper-wrapper{position:relative}
#market #r3 .other #sw3 .swiper-wrapper .swiper-slide{width:45vw;height:100%;position:relative;display:flex;justify-content:center;flex-direction:column;align-items:center;z-index:10}
#market #r3 .other #sw3 .swiper-wrapper .swiper-slide .inner{max-width:45vw;display:block;margin:0 auto;position:relative;width:100%;opacity:0.1;transition:opacity 0.5s ease-in-out;-webkit-transition:opacity 0.5s ease-in-out;-moz-transition:opacity 0.5s ease-in-out;-o-transition:opacity 0.5s ease-in-out;-ms-transition:opacity 0.5s ease-in-out;transition-delay:0.3s}
#market #r3 .other #sw3 .swiper-wrapper .swiper-slide .inner .top{width:100%;position:relative}
#market #r3 .other #sw3 .swiper-wrapper .swiper-slide .inner .top .photo{width:100%;height:0;padding-bottom:61.13%;position:relative}
#market #r3 .other #sw3 .swiper-wrapper .swiper-slide .inner .top .photo .pic{position:absolute}
#market #r3 .other #sw3 .swiper-wrapper .swiper-slide .inner .top .btm{width:100%;position:absolute;bottom:-0.4rem;right:0}
#market #r3 .other #sw3 .swiper-wrapper .swiper-slide .inner .top .btm .text_{width:100%;text-align:right;text-transform:uppercase;color:#ff6900;line-height:0.8rem;font-weight:600}
#market #r3 .other #sw3 .swiper-wrapper .swiper-slide .inner .mid{width:100%;opacity:0;transform:translate3d(0,-20px,0);-webkit-transform:translate3d(0,-20px,0);-moz-transform:translate3d(0,-20px,0);-o-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out}
#market #r3 .other #sw3 .swiper-wrapper .swiper-slide .inner .mid .msg{padding-top:5.2vw;display:flex;align-items:flex-start;justify-content:center;flex-direction:column}
#market #r3 .other #sw3 .swiper-wrapper .swiper-slide .inner .mid .msg > i{display:block;margin-bottom:0.25rem}
#market #r3 .other #sw3 .swiper-wrapper .swiper-slide .inner.two_col .top .photo{padding-bottom:130.67%}
#market #r3 .other #sw3 .swiper-wrapper .swiper-slide.swiper-slide-active .inner{opacity:1}
#market #r3 .other #sw3 .swiper-wrapper .swiper-slide.swiper-slide-active .inner .mid{opacity:1;transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none}
#market #r3 .other #sw3 .swiper-wrapper .swiper-slide.swiper-slide-next .inner{opacity:1}
#market #r3 .other #sw3 .swiper-wrapper .swiper-slide.swiper-slide-next .inner .mid{opacity:1;transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none}
#market #r3 .other #sw3 .max-wid{position:absolute;left:0;right:0;margin:auto;top:0;height:100%}
#market #r3 .other #sw3 .max-wid > .left{position:relative;width:22%;height:100%}
#market #r3 .other #sw3 .swiper-pagination{position:absolute;height:100%;width:18%;left:100%;right:0;top:0;pointer-events:none;display:flex;flex-direction:column;justify-content:center;align-items:center}
#market #r3 .other #sw3 .swiper-pagination > span{margin:10px 0;pointer-events:auto}
#market #r3 .ad .inner{display:flex;margin:0 auto;justify-content:space-between;align-items:center;position:relative;width:100%}
#market #r3 .ad .inner .mid{max-width:35vw;width:100%}
#market #r3 .ad .inner .mid .msg{padding-top:5.2vw;display:flex;align-items:flex-start;justify-content:center;flex-direction:column}
#market #r3 .ad .inner .mid .msg > i{display:block;margin-bottom:0.25rem}
#market #r3 .ad .inner .mid .msg p{width:100%}
#market #r4{padding-top:0;padding-bottom:7.2vw}
#market #r4 .bg .add5{position:absolute;right:0;top:-12vw;width:9.94vw;max-width:192px;z-index:3}
#market #r4 .con .items .box{width:100%;margin-top:6vw;display:flex;justify-content:space-between;align-items:stretch}
#market #r4 .con .items .box .photo{width:46%;overflow:hidden;position:relative}
#market #r4 .con .items .box .photo .pic{width:100%;height:0;padding-bottom:69.75%}
#market #r4 .con .items .box .msg{width:46%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
#market #r4 .con .items .box .msg > i{display:block;font-size:32px}
#market #r4 .con .items .box .msg .title{margin-bottom:0.3rem;margin-top:0.3rem}
#market #r4 .con .items .box .msg .title h4{text-align:left}
#market #r4 .con .items .box .msg .title p{line-height:1.5;text-transform:uppercase}
#market #r4 .con .items .box .msg > p{line-height:2}
#market #r4 .con .items .box .msg .num_{font-size:1.5rem;line-height:1.2rem;text-align:center;opacity:0;position:absolute;right:0;top:0;color:#fff;text-shadow:0 0 1px rgba(0,0,0,0.5)}
#duty .row .title{text-align:center;margin-bottom:4vw}
#duty .row .title h3{line-height:1}
#duty .row .title small{text-transform:capitalize}
#duty .row .title .cir_btn{margin:0 auto}
#duty #r1{padding-top:7.2vw;overflow:hidden;padding-bottom:calc(5.2vw + 0.2rem)}
#duty #r1 .bg .add1{position:absolute;right:0;top:-12vw;width:13.54vw;max-width:260px}
#duty #r1 .con{position:relative;z-index:10}
#duty #r1 .con .title{text-align:center}
#duty #r1 .con .title > i{display:block;margin-bottom:2.8vw}
#duty #r1 .con .title h2{margin-bottom:0.1rem;line-height:1}
#duty #r1 .con .title small{text-transform:capitalize}
#duty #r1 .con .title p{margin-top:0.3rem}
#duty #r1 .con .box{display:flex;justify-content:space-between;align-items:center}
#duty #r1 .con .box .photo{width:32%}
#duty #r1 .con .box .photo .pic{width:100%;padding-bottom:65.58%}
#duty #r1 .other{position:absolute;width:100%;height:100%;top:0;left:0;z-index:3;top:-4vw}
#duty #r1 .other .ad-bg{width:100%;position:relative}
#duty #r1 .other .ad{position:absolute;width:100%;text-align:center;left:0;bottom:calc(-0.6rem - 4vw);z-index:2}
#duty #r1 .other .ad > span{text-transform:uppercase;font-size:1.9rem;line-height:1.7rem;color:#fff;text-shadow:0 0 1px rgba(51,51,51,0.5)}
#duty #r2{padding-top:0;padding-bottom:7.2vw;overflow:hidden}
#duty #r2 .bg .add1{position:absolute;right:0;bottom:-6vw;width:24.68vw;max-width:474px;z-index:3}
#duty #r2 .bg .add2{position:absolute;left:-2vw;bottom:-13vw;width:37.5vw;max-width:720px;z-index:3}
#duty #r2 .con .items .box{width:100%;margin-top:6vw;display:flex;justify-content:space-between;align-items:stretch}
#duty #r2 .con .items .box .photo{width:46%;overflow:hidden;position:relative}
#duty #r2 .con .items .box .photo .pic{width:100%;height:0;padding-bottom:69.75%}
#duty #r2 .con .items .box .msg{width:46%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
#duty #r2 .con .items .box .msg > i{display:block;font-size:32px}
#duty #r2 .con .items .box .msg .title{margin-bottom:0.3rem;margin-top:0.3rem}
#duty #r2 .con .items .box .msg .title h4{text-align:left}
#duty #r2 .con .items .box .msg .title p{line-height:1.5}
#duty #r2 .con .items .box .msg > p{line-height:2}
#duty #r2 .con .items .box .msg .num_{font-size:1.5rem;line-height:1.2rem;text-align:center;opacity:0;position:absolute;right:0;top:0;color:#fff;text-shadow:0 0 1px rgba(0,0,0,0.5)}
#technology .row .title{text-align:center;margin-bottom:4vw}
#technology .row .title h3{line-height:1}
#technology .row .title small{text-transform:capitalize}
#technology .row .title .cir_btn{margin:0 auto}
#technology #r1{padding-top:7.2vw;overflow:hidden}
#technology #r1 .bg .add1{position:absolute;right:0;top:15vw;max-width:307px;width:15.98vw}
#technology #r1 .rowMain{display:flex;flex-direction:column;align-items:center;justify-content:center}
#technology #r1 .rowMain .title{margin-bottom:3vw}
#technology #r1 .rowMain .title .cir_btn{margin:2vw auto 0 auto}
#technology #r1 .rowMain .con .items{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
#technology #r1 .rowMain .con .items .box{width:calc(100%/4);padding:0 2%;max-width:424px;display:flex;flex-direction:column;justify-content:center;align-items:center}
#technology #r1 .rowMain .con .items .box .photo{width:100%;position:relative;margin-bottom:0.3rem}
#technology #r1 .rowMain .con .items .box .photo .pic{position:relative;width:100%;padding-bottom:59.66%}
#technology #r1 .rowMain .con .items .box > i{display:block;margin:0 auto}
#technology #r1 .rowMain .con .items .box h4{text-align:center;margin-top:0.18rem}
#technology #r2 .con{display:flex;justify-content:space-between;align-items:center}
#technology #r2 .con .left{width:38.42%;position:relative}
#technology #r2 .con .left .item{display:flex;flex-wrap:wrap;position:relative;z-index:10;justify-content:space-between;align-items:center}
#technology #r2 .con .left .item > li{width:45.4%;margin:2% 0}
#technology #r2 .con .left .item > li > img{width:100%;max-width:244px}
#technology #r2 .con .left .t2{position:absolute;z-index:8;left:95%;top:0}
#technology #r2 .con .right{width:51.78%}
#technology #r3{background-color:#f6f6f6;overflow:hidden}
#technology #r3 .bg .add2{position:absolute;left:0;top:3vw;max-width:672px;width:35vw}
#technology #r3 .bg .add3{position:absolute;left:0;bottom:-32vw;max-width:984px;width:51.25vw}
#technology #r3 .rowMain .con h2{text-align:center;margin-bottom:7.8vw}
#technology #r3 .rowMain .con .box{display:flex;justify-content:space-around;align-items:stretch}
#technology #r3 .rowMain .con .box .col{width:17.8%}
#technology #r3 .rowMain .con .box .col .list{height:5.4vw;margin:0.2rem 0.1rem;min-height:80px;display:flex;justify-content:space-between;align-items:center;position:relative}
#technology #r3 .rowMain .con .box .col .list.h-50{height:3vw;min-height:57px}
#technology #r3 .rowMain .con .box .col .list .cb{background-color:#fff;border-radius:50px;width:100%;padding:0 15px;height:60%;text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:center}
#technology #r3 .rowMain .con .box .col .list .cb > a{color:#666;line-height:1.2;display:flex;flex-direction:column;align-items:center;justify-content:center}
#technology #r3 .rowMain .con .box .col .list .cb.half{width:47%}
#technology #r3 .rowMain .con .box .col .list .rb{background-color:transparent;border-radius:10px;width:100%;padding:10px 15px;height:100%;border:1px solid #d7d7d7;position:relative;text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:center}
#technology #r3 .rowMain .con .box .col .list .rb > a{color:#666;line-height:1.2;display:flex;flex-direction:column;align-items:center;justify-content:center}
#technology #r3 .rowMain .con .box .col .list .rb.bx_grc{background-color:#fff;border-color:#fff}
#technology #r3 .rowMain .con .box .col .list .rb.half{width:47%}
#technology #r3 .rowMain .con .box .col .list .rb .arrow-box{position:absolute;left:0;right:0;margin:auto;width:20px;height:12px}
#technology #r3 .rowMain .con .box .col .list .rb .arrow-box.right_a{left:53%}
#technology #r3 .rowMain .con .box .col .list .rb .arrow-box.up{bottom:-1px}
#technology #r3 .rowMain .con .box .col .list .rb .arrow-box.up:after{bottom:0;top:auto;left:0;border-width:10px;border-color:transparent transparent #666 transparent}
#technology #r3 .rowMain .con .box .col .list .rb .arrow-box.up:before{border-width:10px;bottom:-5px;top:auto;left:0;border-color:transparent transparent #666 transparent}
#technology #r3 .rowMain .con .box .col .list .rb .arrow-box.down{top:-1px}
#technology #r3 .rowMain .con .box .col .list .rb .arrow-box.down:after{left:0;border-width:10px;border-color:#666 transparent transparent transparent}
#technology #r3 .rowMain .con .box .col .list .rb .arrow-box.down:before{border-width:10px;left:0;top:-5px;border-color:#666 transparent transparent transparent}
#technology #r3 .rowMain .con .box .col .list .ad{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:4.47vw}
#technology #r3 .rowMain .con .box .col .list > small{display:flex;align-items:center;flex-direction:column;justify-content:center;width:4.47vw;height:4.47vw;border-radius:50%;line-height:4.47vw;text-align:center;line-height:1.3;background-color:#ff6900;color:#fff}
#technology #r3 .rowMain .con .box .col.center{width:42%;border:1px dashed rgba(215,9,23,0.5);position:relative}
#technology #r3 .rowMain .con .box .col.center:before{content:"";position:absolute;left:0;bottom:100%;width:100%;padding-bottom:15.73%;background-image:url(../images/w-10.png);background-repeat:no-repeat;background-position:top center}
#technology #r3 .rowMain .con .box .other_col{width:35px}
#technology #r3 .rowMain .con .box .other_col .list{height:5.4vw;margin:0.2rem 0;display:flex;justify-content:space-between;align-items:center}
#technology #r3 .rowMain .con .box .arrow-box{width:35px;height:35px;position:relative}
#technology #r3 .rowMain .con .box .arrow-box:after{content:"";width:0;height:0;position:absolute;border-color:transparent transparent transparent #333;border-style:solid;border-width:17px;left:14px;top:0}
#technology #r3 .rowMain .con .box .arrow-box:before{content:"";width:0;height:0;position:absolute;border-color:transparent transparent transparent #666666;border-style:solid;border-width:17px;left:4px;top:0;opacity:0.3}
#technology #r3 .rowMain .con .box .arrow-box.red:after{border-color:transparent transparent transparent #ff6900}
#technology #r3 .rowMain .con .box .arrow-box.red:before{border-color:transparent transparent transparent #ff6900}
#technology #r4 .bg .add4{position:absolute;left:0;bottom:-9vw;max-width:233px;width:12.13vw}
#technology #r4 .con .left{max-width:34.8vw;position:absolute;z-index:10;height:100%;display:flex;align-items:center;justify-content:flex-start}
#technology #r4 .con .left .box{width:100%;display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;position:relative}
#technology #r4 .con .left .box .list{min-width:17.4vw;display:flex;justify-content:flex-start;align-items:center;margin:2vw 0}
#technology #r4 .con .left .box .list > i{margin-right:0.2rem;padding-bottom:8px}
#technology #r4 .con .right{width:100%;position:relative}
#technology #r4 .con .right .box{width:70%;position:relative;margin-left:30%}
#technology #r4 .con .right .box .map{width:100%;position:relative;z-index:4}
#technology #r4 .con .right .box .dot{position:absolute;width:100%;height:100%;top:0;left:0;z-index:5}
#technology #r4 .con .right .box .dot > span{position:absolute}
#technology #r4 .con .right .box .dot > span > img{width:100%}
#technology #r4 .con .right .box .dot > span > i{position:absolute;height:76%;width:71.4%;text-align:center;top:0;left:0;display:flex;align-items:center;justify-content:center}
#technology #r4 .con .right .box .bo1{position:absolute;z-index:3;left:-10%;top:10%;width:24.21vw}
#technology #r4 .con .right .box .bo2{position:absolute;z-index:3;left:36%;top:10%;width:24.21vw}
#technology #r5 .bg .add5{position:absolute;right:0;top:-6vw;max-width:753px;width:39.21vw}
#technology #r5 .con{display:flex;justify-content:space-between;align-items:stretch}
#technology #r5 .con .left{width:45%;position:relative}
#technology #r5 .con .left > div{margin:0.2rem 0;position:relative;z-index:10}
#technology #r5 .con .left > div:nth-of-type(1){margin-top:0}
#technology #r5 .con .left > div:nth-of-type(2){margin-bottom:0;margin-top:4%;position:relative;text-align:center;display:flex;justify-content:center;align-items:center;height:3.8rem}
#technology #r5 .con .left > div:nth-of-type(2) > img{position:relative;z-index:5;max-width:100%}
#technology #r5 .con .left > div:nth-of-type(2) .ad{position:absolute;top:-13vw;right:-4vw;width:6.25vw;z-index:3;transform:rotate(-90deg);transform-origin:50% 100%}
#technology #r5 .con .left h5{border-radius:50px;padding:0 4%;line-height:3.6vw;white-space:nowrap;text-align:center;background-color:#ff6900;color:#fff}
#technology #r5 .con .left h5 > em{margin-right:0.3rem;width:40px;color:#fff}
#technology #r5 .con .left ul.txtList{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin:1.4vw 0;margin-bottom:0}
#technology #r5 .con .left ul.txtList > li{margin:2px 0;padding:0 4%}
#technology #r5 .con .left ul.txtList > li > i{margin-right:0.3rem;line-height:2;width:40px;text-align:center}
#technology #r5 .con .left ul.txtList > li > span > b{display:inline-block;margin-right:10px}
#technology #r5 .con .left .ad{position:absolute;top:-13vw;right:-4vw;width:6.25vw;z-index:3;transform:rotate(-90deg);transform-origin:50% 100%}
#technology #r5 .con .line{width:1px;background-color:rgba(0,0,0,0.1)}
#technology #r5 .con .right{width:44%}
#technology #r5 .con .right > div{margin:0.2rem 0;position:relative;z-index:10;margin-top:0}
#technology #r5 .con .right h5{border-radius:50px;padding:0 4%;line-height:3.6vw;white-space:nowrap;text-align:center;background-color:#ff6900;color:#fff}
#technology #r5 .con .right h5 > em{margin-right:0.3rem;width:40px;color:#fff}
#technology #r5 .con .right .office{width:100%;display:flex;justify-content:space-between;align-items:flex-start;flex-direction:column}
#technology #r5 .con .right .office .pl_1{width:44%;margin:0% 6% 2% 0}
#technology #r5 .con .right .office > div{width:100%;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:space-between}
#technology #r5 .con .right .office > div > img{width:27%;margin:4% 3% 0% 3%}
#technology #r6{padding-bottom:7.2vw;overflow:hidden}
#technology #r6 .bg .add6{position:absolute;left:0;bottom:-2vw;max-width:434px;width:22.6vw}
#technology #r6 .bg .add7{position:absolute;right:0;bottom:-7vw;max-width:397px;width:20.6vw}
#technology #r6 .con .honor-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start}
#technology #r6 .con .honor-box .list{width:calc(100%/5);margin:0vw 0 2vw 0;padding:0 3.2%}
#technology #r6 .con .honor-box .list .photo{display:flex;align-items:center;justify-content:center;height:13.38vw}
#technology #r6 .con .honor-box .list .photo > img{width:100%;border:3px solid #ebebeb}
#technology #r6 .con .box{display:flex;justify-content:space-between;align-items:flex-start}
#technology #r6 .con .box .col{width:50%;padding:0 3.2%}
#technology #r6 .con .box .col ul.txtList{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin:1.4vw 0;margin-bottom:0}
#technology #r6 .con .box .col ul.txtList > li{margin:2px 0}
#technology #r6 .con .box .col ul.txtList > li > i{margin-right:0.3rem;line-height:2;text-align:center}
#culture .row .title h2{margin-bottom:0}
#culture .row .title P{text-transform:capitalize}
#culture #r1{padding-top:7.2vw;padding-bottom:0}
#culture #r1 .bg .add{position:absolute;left:0;bottom:5vw}
#culture #r1 .bg .add > img{max-width:770px;width:40.1vw}
#culture #r1 .con{display:flex;justify-content:space-between;align-items:stretch;min-height:12.76vw}
#culture #r1 .con .left{width:44%;padding-right:6.7%;position:relative;z-index:10;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}
#culture #r1 .con .left .title p{margin-bottom:1.4vw;line-height:1.5}
#culture #r1 .con .right{width:56%;padding-left:6.7%;position:relative;z-index:10;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}
#culture #r1 .con .right h2{line-height:1.6;margin-bottom:2vw}
#culture #r1 .con .ad{position:absolute;left:35%;top:0;width:5.9vw;max-width:114px}
#culture #r1 .other{position:relative;margin-top:6.25vw}
#culture #r1 .other .pic{position:relative;width:100%;padding-bottom:42.31%;height:0}
#culture #r2{padding-bottom:9.9vw}
#culture #r2 .bg .add1{position:absolute;right:-14vw;bottom:0;max-width:1200px;width:62.5vw}
#culture #r2 .bg .add2{position:absolute;left:-20vw;bottom:-9vw;max-width:1200px;width:62.5vw}
#culture #r2 .title{text-align:center;margin-bottom:4vw}
#culture #r2 .con{display:flex;justify-content:space-between;align-items:center}
#culture #r2 .con .left{width:46%;padding-left:6%;height:100%;display:flex;align-items:center;justify-content:center}
#culture #r2 .con .left .msg > i{display:block}
#culture #r2 .con .left .msg h2{margin-top:2.4vw;margin-bottom:2.4vw}
#culture #r2 .con .left .msg h2 span{font-size:0.44rem;color:#ff6900;margin-bottom:.15rem}
#culture #r2 .con .right{width:50%;text-align:center;position:relative}
#culture #r2 .con .right .photo{margin:0 auto;display:inline-block;width:78.57%;overflow:hidden;padding-bottom:78.57%;border-radius:50%}
#culture #r3{padding-top:0;padding-bottom:0;overflow:hidden}
#culture #r3 .con{position:absolute;left:0;right:0;margin:auto;height:100%;bottom:0;display:flex;align-items:flex-end;justify-content:flex-start}
#culture #r3 .con .mask{position:absolute;width:50vw;background-color:#ff6900;right:50%;bottom:0;height:81.5%;z-index:5}
#culture #r3 .con .items{position:relative;z-index:10;height:81.5%;width:50%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
#culture #r3 .con .items .box{min-height:12.39vw;display:flex;margin-bottom:3vw;align-items:flex-start;justify-content:flex-start;width:100%}
#culture #r3 .con .items .box .list{display:none;padding-right:12%}
#culture #r3 .con .items .box .list small{display:flex;justify-items:flex-start;align-items:center;margin-bottom:2.6vw}
#culture #r3 .con .items .box .list small .line{display:inline-block;width:1.94rem;height:1px;background-color:#fff;margin-left:0.15rem}
#culture #r3 .con .items .box .list h4{margin-bottom:0.3rem;line-height:1.4}
#culture #r3 .con .items .box .list p{color:#ff6900;text-shadow:0 0 1px rgba(255,255,255,0.8);line-height:30px;display:none}
#culture #r3 .con .items .box .list.on{display:block}
#culture #r3 .con .items .dot{display:flex;justify-content:flex-start;align-items:center}
#culture #r3 .con .items .dot > li{width:12px;height:12px;margin:0 0.15rem;border:1px solid rgba(232,232,232,0.5);border-radius:50%;cursor:pointer;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out}
#culture #r3 .con .items .dot > li.on{background:#FFFFFF;border-color:#fff}
#culture #r3 .other{position:relative}
#culture #r3 .other .photo{position:relative;width:100%;padding-bottom:45.81%;left:0;top:0;overflow:hidden;background-color:#000}
#culture #r3 .other .photo .pic{position:absolute;width:100%;height:100%;top:0;left:0;height:101%;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;opacity:0;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transition:all 1.2s ease-in-out;-webkit-transition:all 1.2s ease-in-out;-moz-transition:all 1.2s ease-in-out;-o-transition:all 1.2s ease-in-out;-ms-transition:all 1.2s ease-in-out}
#culture #r3 .other .photo .pic.on{opacity:1;transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none}
#QA #top .banner .topic .txt_{position:relative;height:17vw;display:flex;flex-direction:column;justify-content:center;align-items:center}
#QA #top .banner .topic .txt_ .go-play{margin-top:0.5rem;opacity:0;border:1px solid #fff;border-radius:100px;padding:0.08rem 0.4rem;display:flex;justify-content:center;align-items:center;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out}
#QA #top .banner .topic .txt_ .go-play > i{margin-right:10px}
#QA #top .banner .topic .txt_ .go-play:hover{background-color:#ff6900;border-color:#ff6900}
#QA #main .row .bg{pointer-events:none}
#QA #main .row .rowMain .title{text-align:center;margin-bottom:2vw}
#QA #main .row .rowMain .title h3{line-height:1}
#QA #main .row .rowMain .title small{text-transform:capitalize}
#QA #main #r1{padding-top:7.2vw}
#QA #main #r1 .con{position:relative}
#QA #main #r1 .con #sw1{z-index:9;padding-bottom:38%}
#QA #main #r1 .con #sw1 .swiper-wrapper .swiper-slide{width:100%;height:100%;position:absolute;display:flex;justify-content:space-between;align-items:center;z-index:10;left:0;top:0;opacity:0}
#QA #main #r1 .con #sw1 .swiper-wrapper .swiper-slide .left{width:60%;position:relative;height:100%;z-index:6;overflow:hidden}
#QA #main #r1 .con #sw1 .swiper-wrapper .swiper-slide .left .photo{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transition:opacity 1.2s cubic-bezier(0.71,0.26,0.62,0.77),transform 0.6s cubic-bezier(0.71,0.26,0.62,0.77)}
#QA #main #r1 .con #sw1 .swiper-wrapper .swiper-slide .left .photo.on{opacity:1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1)}
#QA #main #r1 .con #sw1 .swiper-wrapper .swiper-slide .left .mask{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#ff6900;display:none;left:auto;opacity:0;right:100%;width:110%;transform:translateX(200%);-webkit-transform:translateX(200%);-moz-transform:translateX(200%);-o-transform:translateX(200%);-ms-transform:translateX(200%);transition:transform 1s cubic-bezier(0.71,0.26,0.62,0.77)}
#QA #main #r1 .con #sw1 .swiper-wrapper .swiper-slide .right{width:40%;height:100%;position:relative;z-index:10;display:flex;align-items:center;justify-content:flex-start}
#QA #main #r1 .con #sw1 .swiper-wrapper .swiper-slide .right .msg{color:#fff;display:none;padding:0 5vw}
#QA #main #r1 .con #sw1 .swiper-wrapper .swiper-slide .right .msg .topic{animation-fill-mode:both;opacity:0;animation-duration:1s;animation-delay:0.1s;animation-timing-function:cubic-bezier(0.3,0,0.24,1)}
#QA #main #r1 .con #sw1 .swiper-wrapper .swiper-slide .right .msg > i{animation-fill-mode:both;opacity:0;animation-duration:1s;animation-delay:0.2s;animation-timing-function:cubic-bezier(0.3,0,0.24,1);margin:0.3rem 0;display:block}
#QA #main #r1 .con #sw1 .swiper-wrapper .swiper-slide .right .msg > div{animation-fill-mode:both;opacity:0;animation-duration:1s;animation-delay:0.3s;animation-timing-function:cubic-bezier(0.3,0,0.24,1)}
#QA #main #r1 .con #sw1 .swiper-wrapper .swiper-slide .right .msg > div > p{color:#fff}
#QA #main #r1 .con #sw1 .swiper-wrapper .swiper-slide .right .msg.on{display:block}
#QA #main #r1 .con #sw1 .swiper-wrapper .swiper-slide.on{opacity:1;z-index:14}
#QA #main #r1 .con #sw1 .swiper-wrapper .swiper-slide.on .right .msg .topic{animation-name:fadeInUpSmall}
#QA #main #r1 .con #sw1 .swiper-wrapper .swiper-slide.on .right .msg > i{animation-name:fadeInUpSmall}
#QA #main #r1 .con #sw1 .swiper-wrapper .swiper-slide.on .right .msg > div{animation-name:fadeInUpSmall}
#QA #main #r1 .con #sw1 .swiper-wrapper .swiper-slide.on .right .msg > div > p{color:#fff}
#QA #main #r1 .con #sw1 .swiper-wrapper .swiper-slide.in{z-index:14;opacity:0;animation:fadeIn 0.8s ease-in-out;animation-delay:0.5s}
#QA #main #r1 .con #sw1 .swiper-wrapper .swiper-slide.out .right .msg .topic{animation-name:fadeOutUpSmall}
#QA #main #r1 .con #sw1 .swiper-wrapper .swiper-slide.out .right .msg > i{animation-name:fadeOutUpSmall}
#QA #main #r1 .con #sw1 .swiper-wrapper .swiper-slide.out .right .msg > div{animation-name:fadeOutUpSmall}
#QA #main #r1 .con #sw1 .swiper-wrapper .swiper-slide.out .right .msg > div > p{color:#fff}
#QA #main #r1 .con #sw1 .sum{position:absolute;left:2vw;bottom:1vw;z-index:20}
#QA #main #r1 .con #sw1 .sum > em{color:#fff}
#QA #main #r1 .con #sw1 .sum > em:nth-child(2){margin:0 8px}
#QA #main #r1 .con .other{height:100%;width:100vw;position:absolute;top:0;left:60%;background-color:#ff6900;z-index:8;pointer-events:none}
#QA #main #r1 .con .other > img{width:9.1vw;max-width:175px;position:absolute;bottom:0;left:28.5vw}
#QA #main #r2 .con #sw2{z-index:9;padding-bottom:34%}
#QA #main #r2 .con #sw2 .swiper-wrapper .swiper-slide{width:45vw;height:100%;position:relative;display:flex;justify-content:center;flex-direction:column;align-items:center;z-index:10}
#QA #main #r2 .con #sw2 .swiper-wrapper .swiper-slide .inner{max-width:45vw;display:block;margin:0 auto;position:relative;width:100%}
#QA #main #r2 .con #sw2 .swiper-wrapper .swiper-slide .inner .top{width:100%;position:relative}
#QA #main #r2 .con #sw2 .swiper-wrapper .swiper-slide .inner .top .photo{width:100%;height:0px;padding-bottom:56.25%}
#QA #main #r2 .con #sw2 .swiper-wrapper .swiper-slide .inner .mid{position:absolute;right:0;width:90%;bottom:0.8rem;box-shadow:0 11px 50px -6px rgba(192,196,204,0.71)}
#QA #main #r2 .con #sw2 .swiper-wrapper .swiper-slide .inner .mid .msg{background-color:#fff;padding:2vw 2vw;display:flex;align-items:center;justify-content:space-between}
#QA #main #r2 .con #sw2 .swiper-wrapper .swiper-slide .inner .mid .msg .left h3{color:#ff6900;margin-bottom:14px}
#QA #main #r2 .con #sw2 .swiper-wrapper .swiper-slide .inner .mid .msg .left h3 > i{display:inline-block;margin-right:10px}
#QA #main #r2 .con #sw2 .swiper-wrapper .swiper-slide .inner .mid .msg .left small{color:#666666}
#QA #main #r2 .con #sw2 .swiper-wrapper .swiper-slide .inner .mid .msg .right{font-size:1.2rem;color:#999999;line-height:1.2rem;opacity:0.3}
#QA #main #r2 .con #sw2 .swiper-wrapper .swiper-slide .inner .btm{width:100%}
#QA #main #r2 .con #sw2 .swiper-wrapper .swiper-slide .inner .btm .text_{width:100%;text-align:left;font-size:1.5rem;line-height:1.8rem;color:#fff;text-shadow:0 0 1px rgba(215,9,23,0.5)}
#QA #main #r2 .con #sw2 .max-wid{position:absolute;left:0;right:0;margin:auto;top:0;height:72%}
#QA #main #r2 .con #sw2 .max-wid > .left{position:relative;width:22%;height:100%}
#QA #main #r2 .con #sw2 .swiper-pagination{position:absolute;height:100%;width:22%;left:auto;right:0;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center}
#QA #main #r2 .con #sw2 .swiper-pagination > span{margin:10px 0}
#QA #main #r3 .bg{background-color:#f8f8f8}
#QA #main #r3 .bg .pic{background-size:100%;background-position:center bottom}
#QA #main #r3 .con{display:flex;justify-content:space-between;align-items:center}
#QA #main #r3 .con .left{width:50%;padding-left:6%;height:100%;display:flex;align-items:center;justify-content:center}
#QA #main #r3 .con .left .msg > i{display:block}
#QA #main #r3 .con .left .msg h2{margin-top:2.4vw;margin-bottom:2.4vw}
#QA #main #r3 .con .right{width:50%;height:29.3vw;text-align:center;position:relative}
#QA #main #r3 .con .right .photo{margin:0 auto;display:inline-block;width:29.3vw;height:29.3vw;overflow:hidden;border-radius:50%}
#QA #main #r4 .con{display:flex;text-align:center;align-items:center;justify-content:center}
#QA #main #r4 .con .box{position:relative;min-height:39vw;min-width:52.4vw}
#QA #main #r4 .con .box > img.maks{position:relative;width:52.44vw;max-width:1007px}
#QA #main #r4 .con .box .group{width:100%;position:absolute;left:-0.6vw;height:100%;top:2.7vw;text-align:left}
#QA #main #r4 .con .box .group .inner{background-color:#ff6900;border-radius:100px;color:#fff;text-align:center;display:inline-block;white-space:nowrap;box-shadow:0 3px 29px -8px rgba(210,127,132,0.34)}
#QA #main #r4 .con .box .group .g1{text-align:left}
#QA #main #r4 .con .box .group .g1 .inner{min-width:13.9vw;padding:0 0.3rem;line-height:0.66rem;margin-right:3vw}
#QA #main #r4 .con .box .group .g1 .inner:last-of-type{margin-right:0vw}
#QA #main #r4 .con .box .group .g2{display:flex;justify-content:flex-start;align-items:center;height:9.7vw}
#QA #main #r4 .con .box .group .g2 .col{height:6.4vw;position:relative;min-width:13.9vw;margin-right:3vw;display:flex;align-items:center;justify-content:center}
#QA #main #r4 .con .box .group .g2 .col > img{height:6.4vw;position:absolute;left:0;right:0;margin:auto;z-index:2;top:0}
#QA #main #r4 .con .box .group .g2 .col > span{position:relative;z-index:6;width:0.86rem;height:0.86rem;border-radius:50%;line-height:0.86rem;text-align:center;color:#fff;background-color:#b9b9b9}
#QA #main #r4 .con .box .group .g3{text-align:center;display:inline-block;min-width:31.8vw}
#QA #main #r4 .con .box .group .g3 .inner{min-width:11.8vw;padding:0 0.3rem;line-height:0.66rem;margin-right:2vw}
#QA #main #r4 .con .box .group .g3 .inner:last-of-type{margin-right:0vw}
#QA #main #r4 .con .box .group .g4{display:flex;justify-content:center;align-items:center;height:7.1vw}
#QA #main #r4 .con .box .group .g4 .col{height:7.1vw;position:relative;min-width:13.9vw;display:flex;align-items:center;justify-content:center}
#QA #main #r4 .con .box .group .g4 .col > img{height:6.4vw;z-index:2;top:0;bottom:0;margin:auto 0;position:absolute;display:inline-block}
#QA #main #r4 .con .box .group .g4 .col > img:nth-of-type(1){transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);right:1.8vw}
#QA #main #r4 .con .box .group .g4 .col > img:nth-of-type(2){transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);left:1.8vw}
#QA #main #r4 .con .box .group .g4 .col > span{min-width:11.4vw;line-height:0.66rem;border-radius:100px;text-align:center;position:relative;z-index:6;background-color:#fff;color:#666;box-shadow:0 3px 29px -8px rgba(210,127,132,0.34)}
#QA #main #r4 .con .box .group .g5{text-align:center;display:inline-block;width:100%}
#QA #main #r4 .con .box .group .g5 .inner{max-width:26.35vw;padding:0 0.3rem;margin:0 auto;line-height:0.66rem;display:flex;justify-content:space-between;align-items:center}
#QA #main #r4 .con .box .group .g5 .inner > span{color:#fff}
#QA #main #r4 .con .box .group .g6{text-align:center;display:inline-block;width:100%;margin-top:0.2rem}
#QA #main #r4 .con .box .group .g6 .inner{max-width:26.35vw;padding:0 0.3rem;margin:0 auto;line-height:0.66rem;display:flex;justify-content:center;align-items:center}
#QA #main #r5 .con{z-index:10;position:relative}
#QA #main #r5 .con .items{display:flex;justify-content:center;align-items:center;width:100%;flex-wrap:wrap}
#QA #main #r5 .con .items .box{padding:0.24rem;width:33.33%}
#QA #main #r5 .con .items .box .pic{width:100%;padding-bottom:65.58%;background-color:#fff}
#QA #main #r5 .other{width:100%;position:absolute;z-index:5;left:0;bottom:-0.4rem;display:flex;align-items:center;justify-content:center}
#QA #main #r5 .other > span{font-size:2.4rem;line-height:2rem;text-transform:capitalize}
#QA #main #r6{width:100%;padding-bottom:30.9%;padding-top:0}
#QA #main #r6 .bg .pic{background-position:center bottom;background-size:100%}
#QA #main #r6 .con{position:absolute;top:4vw;width:100%;left:0}
#QA #main #r6 .con .btn_box{width:100%;display:flex;align-items:center;justify-content:center}
#QA #main #r6 .con .btn_box > a{position:relative;width:26.35vw;padding:0 0.3rem;line-height:0.95rem;display:flex;justify-content:center;align-items:center;background-color:#ff6900;border-radius:100px;color:#fff;text-align:center;white-space:nowrap;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;box-shadow:0 3px 29px -8px rgba(210,127,132,0.34)}
#QA #main #r6 .con .btn_box > a:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:#ff6900;z-index:4;border-radius:100px;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out}
#QA #main #r6 .con .btn_box > a > span{position:relative;z-index:6;width:100%;color:#fff;text-align:center;white-space:nowrap;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out}
#QA #main #r6 .con .btn_box > a:hover{transform:translateY(-5px);-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);-ms-transform:translateY(-5px)}
#QA #main #r6 .con .btn_box > a:hover:after{box-shadow:0 -4px 2px rgba(0,0,0,0.2) inset}
#air .row .title h2{margin-bottom:0}
#air .row .title P{text-transform:capitalize}
#air #r1{padding-top:7.2vw;padding-bottom:0}
#air #r1 .bg .add{position:absolute;left:0;bottom:-9vw}
#air #r1 .bg .add > img{max-width:1008px;width:52.5vw}
#air #r1 .con{display:flex;justify-content:space-between;align-items:stretch;min-height:12.76vw}
#air #r1 .con .left{width:50%;padding-right:6.7%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}
#air #r1 .con .right{width:50%;padding-left:6.7%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}
#air #r1 .other{position:relative;margin-top:6.25vw}
#air #r1 .other .pic{position:relative;width:100%;padding-bottom:44.51%;height:0}
#air #r2{padding-top:0;padding-bottom:7.2vw}
#air #r2 .bg{overflow:hidden}
#air #r2 .bg .add{position:absolute;pointer-events:none;right:0;bottom:-28vw}
#air #r2 .bg .add > img{max-width:942px;width:49vw}
#air #r2 .con .items .box{width:100%;margin-top:6vw;display:flex;justify-content:space-between;align-items:stretch}
#air #r2 .con .items .box .photo{width:46%;overflow:hidden;position:relative}
#air #r2 .con .items .box .photo .pic{width:100%;height:0;padding-bottom:69.75%}
#air #r2 .con .items .box .msg{width:46%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
#air #r2 .con .items .box .msg > i{display:block;font-size:32px}
#air #r2 .con .items .box .msg .title{margin-bottom:0.24rem;margin-top:0.24rem}
#air #r2 .con .items .box .msg .title p{line-height:1.5}
#air #r2 .con .items .box .msg > p{line-height:2}
#air #r2 .con .items .box .msg .num_{font-size:1.5rem;line-height:1.2rem;text-align:center;opacity:0;position:absolute;right:0;top:0;color:#fff;text-shadow:0 0 1px rgba(0,0,0,0.5)}
#new #top .banner{height:70%}
#new #top .banner .topic .txt_{margin-bottom:0}
#new #main{padding-top:70vh}
.page_center .new-box{width:100%;-webkit-transition:-webkit-transform 1s;transition:transform 1s;-webkit-transition-timing-function:cubic-bezier(0.52,0.41,0.13,1);transition-timing-function:cubic-bezier(0.52,0.41,0.13,1)}
.page_center .new-box .photo{overflow:hidden;width:100%;height:240px}
.page_center .new-box .photo .pic{width:100%;padding-bottom:54.7%;-webkit-transition:-webkit-transform 0.6s;transition:transform 0.6s;-webkit-transition-timing-function:cubic-bezier(0.66,0.33,0.5,0.84);transition-timing-function:cubic-bezier(0.66,0.33,0.5,0.84)}
.page_center .new-box .msg{background-color:#f8f8f8;height:125px;padding:15px 20px 30px 20px}
.page_center .new-box .msg h2{width:100%;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;height:59px;overflow:hidden;line-height:1.625em;margin-bottom:0.14rem}
.page_center .new-box .msg small{text-transform:capitalize;color:#666}
@media screen and (orientation:landscape){.page_center .new-box:hover{transform:translate3d(0,-10px,0);-webkit-transform:translate3d(0,-10px,0);-moz-transform:translate3d(0,-10px,0);-o-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0)}
.page_center .new-box:hover .photo .pic{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1)}
.page_center .new-box:hover .msg h2{color:#ff6900}
}
#new #r1{padding-top:7.2vw}
#new #r1 .con .tab{display:flex;justify-content:center;align-items:center;position:relative;margin-bottom:6vw}
#new #r1 .con .tab .btn_hover{width:17.96vw;line-height:0.73rem;margin:0 0.4rem}
.page_center .tab-box{width:100%;padding-top:65px}
.page_center .tab-box1{width:85.652%;max-width:1430.016px;margin:0 auto}
.page_center .tab-box .tab-list{display:flex;flex-wrap:wrap}
.page_center .tab-box .tab-list .box{width:33.33%;min-height:1px;padding-left:15px;padding-right:15px;padding-bottom:60px}
.page_center .tab-box .tab-list .box .new-box{display:block}
#new #r1 .other{height:7.2vw;position:relative}
#new #r1 .other .pager-box{display:flex;justify-content:space-between;align-items:center;height:100%;width:100%}
#new #r1 .other .pager-box .new_prev{background-color:#fff;min-width:11.3vw;height:0.6rem;margin:0}
#new #r1 .other .pager-box .new_pager > a{display:inline-block;width:0.5rem;height:0.5rem;line-height:0.5rem;text-align:center;transition:color 0.3s ease-in-out;-webkit-transition:color 0.3s ease-in-out;-moz-transition:color 0.3s ease-in-out;-o-transition:color 0.3s ease-in-out;-ms-transition:color 0.3s ease-in-out}
#new #r1 .other .pager-box .new_pager > a.on,#new #r1 .other .pager-box .new_pager > a:hover{color:#ff6900}
#new #r1 .other .pager-box .new_next{background-color:#fff;min-width:11.3vw;height:0.6rem;margin:0}
#new_detail #top{height:30vw;min-height:30vw}
#new_detail #top .banner{background-color:#000}
#new_detail #top .banner .pic{opacity:0.3}
#new_detail #top .banner .new-msg{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:12;padding-top:1.3rem}
#new_detail #top .banner .new-msg .left{width:50%}
#new_detail #top .banner .new-msg .left h1{color:#fff}
#new_detail #top .banner .new-msg .left p{color:rgba(255,255,255,0.5)}
#new_detail #top .banner .new-msg .right .btn_hover{min-width:11.4vw;line-height:0.6rem}
#new_detail #main{padding-top:30vw}
#new_detail #main #r1{padding-bottom:0}
#new_detail #main #r1 .con{max-width:800px}
#new_detail #main #r1 .con .new-con{max-width:1200px;margin:0 auto;color:#37393d;margin-bottom:4vw}
#new_detail #main #r1 .con .new-con *{font-size:16px}
#new_detail #main #r1 .con .new-con > p.lab{margin:0.6rem auto;font-size:inherit;line-height:2}
#new_detail #main #r1 .con .new-con > p.lab:first-of-type{margin-top:0}
#new_detail #main #r1 .con .new-con img{max-width:100%;margin:1vw auto;height:auto !important}
#new_detail #main #r1 .other{height:11.9vw;max-width:800px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e2e2e2}
#new_detail #main #r1 .other .left .share-box .social-share > a{border:none;color:#86868b;font-size:24px}
#new_detail #main #r1 .other .left .share-box .social-share > a:hover{color:#ff6900;background-color:transparent}
#new_detail #main #r1 .other .right{display:flex;flex-direction:column;max-width:50%;justify-content:center;align-items:flex-start}
#new_detail #main #r1 .other .right > a{margin:4px 0;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out}
#new_detail #main #r1 .other .right > a:hover{color:#ff6900;text-decoration:underline}
#eco #top #r4{position:absolute;width:100%;height:100%;top:0;left:0}
#eco #top #r4 .scale_in{transition:transform 1s cubic-bezier(0.77,0.62,0.58,1),opacity 0.6s cubic-bezier(0.77,0.62,0.58,1);-webkit-transition:transform 1s cubic-bezier(0.77,0.62,0.58,1),opacity 0.6s cubic-bezier(0.77,0.62,0.58,1);-moz-transition:transform 1s cubic-bezier(0.77,0.62,0.58,1),opacity 0.6s cubic-bezier(0.77,0.62,0.58,1);-o-transition:transform 1s cubic-bezier(0.77,0.62,0.58,1),opacity 0.6s cubic-bezier(0.77,0.62,0.58,1);-ms-transition:transform 1s cubic-bezier(0.77,0.62,0.58,1),opacity 0.6s cubic-bezier(0.77,0.62,0.58,1);transform-origin:50% 50%;transform:scale3d(1.1,1.1,1);-webkit-transform:scale3d(1.1,1.1,1);-moz-transform:scale3d(1.1,1.1,1);-o-transform:scale3d(1.1,1.1,1);-ms-transform:scale3d(1.1,1.1,1)}
#eco #top #r4.del .scale_in{transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none}
#eco #top #r4 .bg{background-color:#000;position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:space-between}
#eco #top #r4 .bg .pic{position:absolute;width:100%;height:100%;top:0;left:0}
#eco #top #r4 .bg .left{position:relative;overflow:hidden;width:50%;height:100%;transition:width 0.6s cubic-bezier(0.77,0.62,0.58,1),opacity 0.6s cubic-bezier(0.77,0.62,0.58,1);-webkit-transition:width 0.8s cubic-bezier(0.77,0.62,0.58,1),opacity 0.6s cubic-bezier(0.77,0.62,0.58,1);-moz-transition:width 0.8s cubic-bezier(0.77,0.62,0.58,1),opacity 0.6s cubic-bezier(0.77,0.62,0.58,1);-o-transition:width 0.8s cubic-bezier(0.77,0.62,0.58,1),opacity 0.6s cubic-bezier(0.77,0.62,0.58,1);-ms-transition:width 0.8s cubic-bezier(0.77,0.62,0.58,1),opacity 0.6s cubic-bezier(0.77,0.62,0.58,1)}
@media screen and (orientation:landscape){#eco #top #r4 .bg .left:hover{width:60%}
#eco #top #r4 .bg .left:hover .pic{opacity:0.7}
}
#eco #top #r4 .bg .left .bx-logo{position:absolute;width:100%;height:100%;top:0;display:flex;align-items:center;justify-content:center;left:0;z-index:10;pointer-events:none}
#eco #top #r4 .bg .left .bx-logo > img{position:relative}
#eco #top #r4 .bg .left .left-box{width:62%;height:100%;position:relative;margin:0 auto;max-width:599px;display:flex;align-items:center;justify-content:center}
#eco #top #r4 .bg .left .left-box .cv-box{position:relative;width:100%;mix-blend-mode:screen;padding-bottom:101.16%;opacity:0;z-index:12;transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transition:all 0.8s ease-in-out;-webkit-transition:all 0.8s ease-in-out;-moz-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;-ms-transition:all 0.8s ease-in-out}
#eco #top #r4 .bg .left .left-box .cv-box #cv1{position:absolute;width:100%;height:100%;top:0;left:0;animation:rotate_in 8s linear infinite;transform-origin:50% 50.5%;display:block}
#eco #top #r4 .bg .left .left-box .cv-box #cv1 canvas{position:absolute}
#eco #top #r4 .bg .left .left-box .cv-box #cv1 > img{width:100%}
#eco #top #r4 .bg .left .left-box .cv-box.on{transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;opacity:1}
#eco #top #r4 .bg .left .left-box.on{pointer-events:none}
#eco #top #r4 .bg .right{position:relative;overflow:hidden;width:50%;height:100%;transition:width 0.8s cubic-bezier(0.77,0.62,0.58,1),opacity 0.6s cubic-bezier(0.77,0.62,0.58,1);-webkit-transition:width 0.8s cubic-bezier(0.77,0.62,0.58,1),opacity 0.6s cubic-bezier(0.77,0.62,0.58,1);-moz-transition:width 0.8s cubic-bezier(0.77,0.62,0.58,1),opacity 0.6s cubic-bezier(0.77,0.62,0.58,1);-o-transition:width 0.8s cubic-bezier(0.77,0.62,0.58,1),opacity 0.6s cubic-bezier(0.77,0.62,0.58,1);-ms-transition:width 0.8s cubic-bezier(0.77,0.62,0.58,1),opacity 0.6s cubic-bezier(0.77,0.62,0.58,1)}
@media screen and (orientation:landscape){#eco #top #r4 .bg .right:hover{width:60%}
#eco #top #r4 .bg .right:hover .pic{opacity:0.7}
}
#eco #top #r4 .bg .right .bx-logo{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;right:0;z-index:10;pointer-events:none}
#eco #top #r4 .bg .right .bx-logo > img{position:relative}
#eco #top #r4 .bg .right .right-box{width:62%;height:100%;position:relative;margin:0 auto;max-width:599px;display:flex;align-items:center;justify-content:center}
#eco #top #r4 .bg .right .right-box .cv-box{position:relative;width:100%;mix-blend-mode:screen;padding-bottom:101.16%;opacity: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);transition:all 0.8s ease-in-out;-webkit-transition:all 0.8s ease-in-out;-moz-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;-ms-transition:all 0.8s ease-in-out}
#eco #top #r4 .bg .right .right-box .cv-box #cv2{position:absolute;width:100%;height:100%;top:0;left:0;animation:rotate_in 8s linear infinite;transform-origin:50% 50.5%;display:block}
#eco #top #r4 .bg .right .right-box .cv-box #cv2 canvas{position:absolute}
#eco #top #r4 .bg .right .right-box .cv-box #cv2 > img{width:100%}
#eco #top #r4 .bg .right .right-box .cv-box.on{opacity:1;transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none}
#eco #top #r4 .bg .right .right-box.on{pointer-events:none}
#eco #top #r4 .bg .mask{position:absolute;width:10%;left:45%;top:0;height:100%}
#eco #top #r4 .rowMain{position:relative;pointer-events:none}
#eco #top #r4 .rowMain .con{padding-top:60px}
#eco #top #r4 .rowMain .con .left{width:40%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}
#eco #top #r4 .rowMain .con .left .cv-box{position:relative;width:100%;mix-blend-mode:screen;padding-bottom:101.16%;opacity:0;transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-ms-transform:scale(1.3);transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out}
#eco #top #r4 .rowMain .con .left .cv-box #cv1{position:absolute;width:100%;height:100%;top:0;left:0;animation:rotate_in 6s linear infinite;transform-origin:50% 50.5%}
#eco #top #r4 .rowMain .con .left .cv-box #cv1 canvas{position:absolute}
#eco #top #r4 .rowMain .con .left .cv-box #cv1 > img{width:100%}
#eco #top #r4 .rowMain .con .left .cv-box.on{transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;opacity:1}
#eco #top #r4 .rowMain .con .right{width:40%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}
#eco #top #r4 .rowMain .con .right .cv-box{position:relative;width:100%;mix-blend-mode:screen;padding-bottom:101.16%;opacity:0;transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-ms-transform:scale(1.3);transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out}
#eco #top #r4 .rowMain .con .right .cv-box #cv2{position:absolute;width:100%;height:100%;top:0;left:0;animation:rotate_in 6s linear infinite;transform-origin:50% 50.5%}
#eco #top #r4 .rowMain .con .right .cv-box #cv2 canvas{position:absolute}
#eco #top #r4 .rowMain .con .right .cv-box #cv2 > img{width:100%}
#eco #top #r4 .rowMain .con .right .cv-box.on{opacity:1;transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none}
#eco #top #r4 .rowMain .other{position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.8);display:flex;align-items:flex-start;justify-content:center;padding-top:8.2vw;opacity:0;pointer-events:none;transition:opacity 0.6s ease-in-out;-webkit-transition:opacity 0.6s ease-in-out;-moz-transition:opacity 0.6s ease-in-out;-o-transition:opacity 0.6s ease-in-out;-ms-transition:opacity 0.6s ease-in-out}
#eco #top #r4 .rowMain .other .inner-page{position:relative;display:none;min-height:34.27vw}
#eco #top #r4 .rowMain .other .inner-page .z-img{position:relative;z-index:10;display:block;width:72vw;max-width:1340px}
#eco #top #r4 .rowMain .other .inner-page .z-img1{position:relative;z-index:10;display:block;width:72vw;max-width:1307px}
#eco #top #r4 .rowMain .other .inner-page .pa-img{z-index:5;position:absolute;width:100%;left:0;top:0}
#eco #top #r4 .rowMain .other .inner-page .box{display:flex;justify-content:center;align-items:center;position:absolute;width:100%;top:42%}
#eco #top #r4 .rowMain .other .inner-page .box .photo{width:13.77%;border:1px solid #66faff;margin:0 0.91%;position:relative;box-shadow:0 32px 62px -22px #66faff}
#eco #top #r4 .rowMain .other .inner-page .box .photo .pic{width:100%;padding-bottom:133.33%}
#eco #top #r4 .rowMain .other .inner-page .box .photo:after{content:attr(data-ad);position:absolute;left:0;top:calc(100% + 10px);width:100%;white-space:nowrap;text-align:center;line-height:30px;color:#fff;font-size:22px}
#eco #top #r4 .rowMain .other .inner-page .t1{position:absolute;color:#fff;text-align:left;left:0;bottom:75%;padding:0 5%;min-height:7vw}
#eco #top #r4 .rowMain .other .inner-page .t2{position:absolute;color:#fff;text-align:right;right:0;bottom:75%;min-height:7vw}
#eco #top #r4 .rowMain .other .inner-page .t3{position:absolute;color:#fff;width:100%;left:0;top:89%;text-align:center}
#eco #top #r4 .rowMain .other .inner-page .btn-i{position:absolute;left:0;right:0;margin:auto;width:18.69vw;top:100%}
#eco #top #r4 .rowMain .other .inner-page.on{display:block}
#eco #top #r4 .rowMain .other.on{opacity:1;pointer-events:auto}
#lexi .row .title h2{margin-bottom:0}
#lexi .row .title P{text-transform:capitalize}
#lexi #top .banner .pic{opacity:0.8}
#lexi #top .banner .topic #icon_all{width:3rem}
#lexi #top .banner .topic .txt_{margin-top:2vw;margin-bottom:2vw;height:50px}
#lexi #top .banner .topic .txt_ em{text-shadow:0 0 10px rgba(156,156,156,0.7)}
#lexi #r1{padding-top:7.2vw;padding-bottom:0}
#lexi #r1 .bg .add{position:absolute;left:0;bottom:-9vw}
#lexi #r1 .bg .add > img{max-width:1008px;width:52.5vw}
#lexi #r1 .con{display:flex;justify-content:space-between;align-items:stretch;min-height:19vw;margin-bottom:4.1vw}
#lexi #r1 .con .left{width:50%;padding-right:6.7%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}
#lexi #r1 .con .left .title p{margin-bottom:1.4vw;line-height:1.5}
#lexi #r1 .con .right{width:50%;padding-left:6.7%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}
#lexi #r1 .con .right .txtList{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;margin:0;flex-grow:1}
#lexi #r1 .con .right .txtList > li:first-of-type{margin-top:0}
#lexi #r1 .con .right .txtList > li:last-of-type{margin-top:0}
#lexi #r1 .con .right .txtList > li > i{line-height:2}
#lexi #r1 .other{margin-bottom:3.125vw}
#lexi #r1 .other .items{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
#lexi #r1 .other .items .box{width:47.7%}
#lexi #r1 .other .items .box .photo{width:100%;position:relative}
#lexi #r1 .other .items .box .photo .pic{position:relative;width:100%;padding-bottom:59.66%}
#lexi #r1 .other .items .box .photo > i{position:absolute;width:100%;text-align:center;bottom:-12px;line-height:24px}
#lexi #r1 .other .items .box .msg{background-color:#fff;text-align:center;padding:10%;height:14.32vw}
#lexi #r1 .other .items .box .msg h4{margin-bottom:0.3rem}
#lexi #r1 .other .items .box .msg p{line-height:36px}
#lexi #r1 .ad .photo{width:100%;position:relative;text-align:center}
#lexi #r1 .ad .photo .pic{width:100%;padding-bottom:45.35%}
#lexi #r1 .ad .photo .pic > i{position:absolute;left:0;top:2vw;width:100%;text-align:center}
#lexi #r1 .ad .photo > img{max-width:93%;display:inline-block;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}
#lexi #r2 .title{text-align:center;padding-bottom:3.8vw;margin-bottom:0;position:relative;z-index:6}
#lexi #r2 .title h3{margin-bottom:5px}
#lexi #r2 .title .cir_btn{position:absolute;left:0;right:0;margin:auto;bottom:-0.3rem}
#lexi #r2 .con{position:relative;z-index:5}
#lexi #r2 .con .box{position:relative;height:56.65vw;padding:4.6vw 0;display:flex;flex-direction:column;align-items:center;justify-content:space-between}
#lexi #r2 .con .box .photo{position:absolute;width:100%;height:100%;top:0;left:0;z-index:4}
#lexi #r2 .con .box .photo .pic{position:absolute;width:100%;height:100%;top:0;left:0}
#lexi #r2 .con .box .topic{position:relative;z-index:10;color:#fff;text-align:center}
#lexi #r2 .con .box .inner{flex-grow:1;position:absolute;width:100%;height:86%;z-index:12;bottom:0;margin:auto 0}
#lexi #r2 .con .box .inner .dot_mix{border-radius:50%;position:absolute;z-index:12;transition:transform 0.5s ease-in-out;-webkit-transition:transform 0.5s ease-in-out;-moz-transition:transform 0.5s ease-in-out;-o-transition:transform 0.5s ease-in-out;-ms-transition:transform 0.5s ease-in-out}
#lexi #r2 .con .box .inner .dot_mix .msg{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;background-color:rgba(255,255,255,0.2);width:88%;height:88%;z-index:15;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}
#lexi #r2 .con .box .inner .dot_mix .msg > i{position:relative;z-index:10;line-height:1;margin-bottom:10px;transition:opacity 0.6s ease-in-out;-webkit-transition:opacity 0.6s ease-in-out;-moz-transition:opacity 0.6s ease-in-out;-o-transition:opacity 0.6s ease-in-out;-ms-transition:opacity 0.6s ease-in-out}
#lexi #r2 .con .box .inner .dot_mix .msg > small{color:#fff;position:relative;z-index:10;display:inline-block;transition:transform 0.8s ease-in-out;-webkit-transition:transform 0.8s ease-in-out;-moz-transition:transform 0.8s ease-in-out;-o-transition:transform 0.8s ease-in-out;-ms-transition:transform 0.8s ease-in-out}
#lexi #r2 .con .box .inner .dot_mix .msg:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:4;border-radius:50%;background-repeat:no-repeat;background-size:cover;background-image:url("../images/bx.jpg");background-position:center;opacity:0}
#lexi #r2 .con .box .inner .dot_mix .line{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:10;border:1px solid rgba(255,255,255,0.2);border-radius:50%}
#lexi #r2 .con .box .inner .dot_mix .mask{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:89%;height:89%;z-index:10;opacity:0;transition:opacity 0.6s ease-in-out;-webkit-transition:opacity 0.6s ease-in-out;-moz-transition:opacity 0.6s ease-in-out;-o-transition:opacity 0.6s ease-in-out;-ms-transition:opacity 0.6s ease-in-out}
#lexi #r2 .con .box .inner .dot_mix .mask > span{position:absolute;width:100%;height:100%;top:0;left:0;background-image:url("../images/y-12.png");background-position:center bottom;background-repeat:no-repeat;background-size:100%}
#lexi #r2 .con .box .inner .dot_mix.bx .msg:after{opacity:1}
#lexi #r2 .con .box .inner .dot_mix.on,#lexi #r2 .con .box .inner .dot_mix:hover{transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-ms-transform:scale(1.3)}
#lexi #r2 .con .box .inner .dot_mix.on .msg,#lexi #r2 .con .box .inner .dot_mix:hover .msg{background-color:rgba(255,255,255,0)}
#lexi #r2 .con .box .inner .dot_mix.on .msg > i,#lexi #r2 .con .box .inner .dot_mix:hover .msg > i{opacity:0}
#lexi #r2 .con .box .inner .dot_mix.on .mask,#lexi #r2 .con .box .inner .dot_mix:hover .mask{opacity:1}
#lexi #r2 .con .box .other{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:10}
#lexi #r2 .con .box .other .pic{position:absolute;width:100%;height:100%;top:0;left:0;display:none}
#lexi #r2 .con .box .other .pic.on{display:block;animation-name:fn1;animation-duration:1.2s;animation-timing-function:cubic-bezier(0.49,0.54,0.16,1)}
#lexi #r2 .con .box #theCanvas{z-index:5;position:absolute;left:0;top:0}
#lexi #r3{padding-top:3vw;padding-bottom:0}
#lexi #r3 .title{text-align:center;padding-bottom:3.8vw;margin-bottom:0;position:relative;z-index:6}
#lexi #r3 .title h3{margin-bottom:5px;position:relative;z-index:15}
#lexi #r3 .title > small{position:absolute;top:-0.4rem;text-transform:uppercase;left:0;text-align:center;width:100%;z-index:14;color:#fff;text-shadow:0 0 1px rgba(102,102,102,0.5);font-size:2rem;line-height:1.8rem}
#lexi #r3 .title .cir_btn{position:absolute;left:0;right:0;margin:auto;bottom:-0.3rem}
#lexi #r3 .con{position:relative;z-index:5}
#lexi #r3 .con .box{position:relative;height:56.65vw;padding:5.9vw 0;display:flex;flex-direction:column;align-items:center;justify-content:space-between}
#lexi #r3 .con .box .photo{position:absolute;width:100%;height:100%;top:0;left:0;z-index:4;pointer-events:none}
#lexi #r3 .con .box .photo .pic{position:absolute;width:100%;height:100%;top:0;left:0}
#lexi #r3 .con .box > img{z-index:5;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}
#lexi #r3 .con .box .inner{width:100%;flex-grow:1;position:relative;z-index:6;height:100%;display:flex;align-items:center;justify-content:space-between}
#lexi #r3 .con .box .inner .left{width:50%;height:100%;position:relative}
#lexi #r3 .con .box .inner .right{width:50%;height:100%;position:relative}
#lexi #r3 .con .box .inner .dot_hover{background-color:rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;position:absolute;border-radius:50%;overflow:hidden}
#lexi #r3 .con .box .inner .dot_hover > span{color:#fff;position:relative;z-index:4}
#lexi #r3 .con .box .inner .dot_hover.bx:after{content:"";background-image:url(../images/bx.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;position:absolute;width:100%;height:100%;top:0;left:0;z-index:3}
#lexi #r3 .other{margin-top:-5.9vw;position:relative;z-index:10}
#lexi #r3 .other .box{width:100%;display:flex;background-color:#fff;justify-content:space-between;align-items:flex-start;min-height:19.21vw}
#lexi #r3 .other .box .col{width:50%;padding:3% 5%}
#lexi #r4{padding-top:6.25vw}
#lexi #r4 .bg > img{position:absolute;bottom:0;left:0;width:100%}
#lexi #r4 .title{text-align:center;margin-bottom:3.8vw}
#lexi #r4 .con .inner{position:relative;height:46.19vw}
#lexi #r4 .con .inner .box{position:absolute;left:0;right:0;margin:auto;top:0;width:26.35vw;height:26.35vw;border-radius:50%;line-height:26.35vw;text-align:center;background-color:#ff6900;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 5.5vw}
#lexi #r4 .con .inner .box h4{line-height:40px;color:#fff;margin-bottom:2.5vw}
#lexi #r4 .con .inner .box > ul{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start}
#lexi #r4 .con .inner .box > ul > li{line-height:30px;color:#fff;flex-grow:1;width:calc(100%/3);text-align:center;white-space:nowrap;margin:5px 0}
#lexi #r4 .con .inner .box.b1 > ul > li:nth-of-type(3n+1){text-align:left}
#lexi #r4 .con .inner .box.b2{top:auto;bottom:0;left:auto;right:calc(50% - 0.3rem);background-color:rgba(9,9,9,0.8)}
#lexi #r4 .con .inner .box.b2 > ul{max-width:200px;justify-content:center}
#lexi #r4 .con .inner .box.b2 > ul > li{width:50%}
#lexi #r4 .con .inner .box.b2 > ul > li:nth-of-type(2n+1){text-align:left}
#lexi #r4 .con .inner .box.b3{top:auto;background-color:rgba(102,102,102,0.9);bottom:0;right:auto;left:calc(50% - 0.3rem)}
#lexi #r4 .con .inner .box.b3 > ul{max-width:240px;justify-content:center}
#lexi #r4 .con .inner .box.b3 > ul > li{width:50%}
#lexi #r4 .con .inner .box.b3 > ul > li:nth-of-type(2n+1){text-align:left}
#lexi #r5{height:100vh}
#lexi #r5 .title{text-align:center;margin-bottom:2.7vw}
#lexi #r5 .title h4{color:#fff}
#lexi #r5 .title p{color:#fff}
#lexi #r5 .con .inner .list{width:100%;display:flex;justify-content:space-between;align-items:center}
#lexi #r5 .con .inner .list > span{position:relative;overflow:hidden;height:3.43vw;width:10.72vw;border-radius:50px;display:flex;align-items:center;justify-content:center}
#lexi #r5 .con .inner .list > span > i{position:relative;z-index:10;margin-right:15px;color:#fff}
#lexi #r5 .con .inner .list > span > small{position:relative;z-index:12;color:#fff}
#lexi #r5 .con .inner .list > span:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;background-image:url("../images/bx.jpg");background-position:center;background-repeat:repeat-y;background-size:cover}
#v-pop{position:fixed;z-index:1000;width:100%;height:100%;left:0;top:0;display:none;visibility:hidden;align-items:center;justify-content:center;opacity:0;pointer-events:none;transform:translateZ(0);transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out}
#v-pop .mask{position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.7)}
#v-pop .con{padding:1em;width:64%;position:relative;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);transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;opacity:0;background-color:#333}
#v-pop .con video{width:100%;display:none;object-fit:cover}
#v-pop .con .del_p{position:absolute;bottom:calc(100% + 5px);left:calc(100% + 5px)}
#v-pop.on{opacity:1;display:flex;pointer-events:auto;visibility:visible}
#v-pop.on .con{transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;opacity:1}
#v-pop.on .con video{display:block}
#ad-pop{position:fixed;z-index:1000;width:100%;height:100%;left:0;top:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;padding-top:40px;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out}
#ad-pop .mask{position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.7)}
#ad-pop .con{padding:1em;width:80vw;position:relative;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);transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;opacity:0;background-color:#fff;display:flex;align-items:center;justify-content:center;border-radius:10px}
#ad-pop .con .box{min-height:96vw;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}
#ad-pop .con .box > img{width:18vw;display:inline-block;margin-bottom:9.7vw}
#ad-pop .con .box p{text-align:center;font-weight:600}
#ad-pop .con .box p > a{font-size:inherit;font-weight:600;color:#ff6900;text-decoration:underline}
#ad-pop .con .del_p{position:absolute;left:0;right:0;margin:auto;bottom:calc(100% + 20px);font-size:40px;opacity:0.5;text-align:center}
#ad-pop.on{opacity:1;pointer-events:auto}
#ad-pop.on .con{transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;opacity:1}
#bg-pop{position:fixed;z-index:1000;width:100%;height:100%;left:0;top:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out}
#bg-pop .mask{position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.7)}
#bg-pop .con{width:90%;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);transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;z-index:10;opacity:0;display:none}
#bg-pop .con .img-box{width:100%;overflow-x:auto;height:120vw}
#bg-pop .con .img-box > img{height:100%;max-height:120vw}
#bg-pop .con .pop-go{width:100%;text-align:center;display:block}
#bg-pop .con .pop-go > img{max-width:80%}
#bg-pop .con .del_p{display:block;text-align:center;margin-top:-30px;font-size:26px}
#bg-pop.on1{opacity:1;pointer-events:auto}
#bg-pop.on1 .con#pop-go1{transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;opacity:1;display:block}
#bg-pop.on2{opacity:1;pointer-events:auto}
#bg-pop.on2 .con#pop-go2{transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;opacity:1;display:block}
ul.txtList{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin:1.4vw 0}
ul.txtList > li{margin:7px 0;display:flex;align-items:flex-start;justify-content:flex-start}
ul.txtList > li > i{margin-right:0.16rem;line-height:2.2}
ul.txtList > li > span{color:#666;line-height:2}
ul.txtList > li > span b{font-size:inherit;color:#666}
.border_text{color:#fff;text-shadow:0 0 1px #ff6900}
.cir_btn{width:0.6rem;height:0.6rem;border-radius:50%;line-height:0.6rem;background-color:#ff6900;text-align:center;display:flex;transform-origin:50% 50%;justify-content:center;align-items:center}
.cir_btn > .iconfont{color:#fff;font-size:16px;display:inline-block;margin-left:1px}
.cir_btn.r90{transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg)}
.btn_hover{position:relative;padding:0 0.3rem;margin:0 auto;display:flex;justify-content:center;align-items:center;background-color:#e5e5e5;border-radius:100px;color:#fff;text-align:center;white-space:nowrap;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;overflow:hidden}
.btn_hover:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:#ff6900;bottom:101%;top:auto;z-index:4;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;-webkit-transition-timing-function:cubic-bezier(0.75,0,0.125,1);transition-timing-function:cubic-bezier(0.75,0,0.125,1)}
.btn_hover:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:#E44B51;bottom:101%;top:auto;z-index:4;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;-webkit-transition-timing-function:cubic-bezier(0.75,0,0.125,1);transition-timing-function:cubic-bezier(0.75,0,0.125,1)}
.btn_hover > span{position:relative;z-index:6;width:100%;color:#666666;text-align:center;white-space:nowrap;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;display:flex;align-items:center;justify-content:center}
.btn_hover > span > i{line-height:1;font-weight:400;display:inline-block;margin-right:0.16rem}
.btn_hover:hover > span,.btn_hover.on > span{color:#fff}
.btn_hover:hover:before,.btn_hover.on:before{transform:translate3d(0,101%,0);-webkit-transform:translate3d(0,101%,0);-moz-transform:translate3d(0,101%,0);-o-transform:translate3d(0,101%,0);-ms-transform:translate3d(0,101%,0)}
.btn_hover:hover:after,.btn_hover.on:after{transition-delay:0.175s;transform:translate3d(0,101%,0);-webkit-transform:translate3d(0,101%,0);-moz-transform:translate3d(0,101%,0);-o-transform:translate3d(0,101%,0);-ms-transform:translate3d(0,101%,0)}
.num-box{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;pointer-events:auto;z-index:10;height:200px;width:200px;border-radius:50%;overflow:hidden}
.num-box > .a{position:absolute;z-index:4;overflow:hidden;width:100%;height:50%;transform:skewy(-45deg);line-height:155px;text-indent:41px}
.num-box > .a > em{position:absolute;width:100%;height:200%;left:0;top:0;transform:skewy(45deg);color:#ff6900;line-height:150px;text-align:left;text-indent:33px}
.num-box > .b{position:absolute;z-index:4;overflow:hidden;width:100%;height:50%;bottom:0;transform:skewy(-45deg)}
.num-box > .b > em{position:absolute;width:100%;bottom:0;height:200%;left:0;transform:skewy(45deg);color:rgba(0,0,0,0.5);line-height:238px;text-indent:35px;text-align:center}
.num-box:after{position:absolute;content:"";height:0;border-bottom:1px solid rgba(0,0,0,0.1);width:30%;top:50%;left:50%;display:block;transform:translate(-50%,-50%) rotate(-45deg) scalex(1)}
.num-box.on{animation:e1 2s cubic-bezier(0.86,0,0.07,1)}
.num-box.on > .a{animation:a1 2s cubic-bezier(0.86,0,0.07,1);animation-fill-mode:both}
.num-box.on > .b{animation:b1 2s cubic-bezier(0.86,0,0.07,1);animation-fill-mode:both}
.num-box.on:after{animation-fill-mode:forwards;animation:d1 2s cubic-bezier(0.86,0,0.07,1)}
#sw2{z-index:9;padding-bottom:34%}
#sw2 .swiper-wrapper .swiper-slide{width:45vw;height:100%;position:relative;display:flex;justify-content:center;flex-direction:column;align-items:center;z-index:10}
#sw2 .swiper-wrapper .swiper-slide .inner{max-width:45vw;display:block;margin:0 auto;position:relative;width:100%}
#sw2 .swiper-wrapper .swiper-slide .inner .top{width:100%;position:relative}
#sw2 .swiper-wrapper .swiper-slide .inner .top .photo{width:100%;height:0px;padding-bottom:56.25%}
#sw2 .swiper-wrapper .swiper-slide .inner .mid{position:absolute;right:0;z-index:10;width:90%;bottom:0.8rem;box-shadow:0 11px 50px -6px rgba(192,196,204,0.71)}
#sw2 .swiper-wrapper .swiper-slide .inner .mid .msg{background-color:#fff;padding:2vw 2vw;display:flex;align-items:center;justify-content:space-between}
#sw2 .swiper-wrapper .swiper-slide .inner .mid .msg .left h3{color:#ff6900;margin-bottom:14px}
#sw2 .swiper-wrapper .swiper-slide .inner .mid .msg .left h3 > i{display:inline-block;margin-right:10px}
#sw2 .swiper-wrapper .swiper-slide .inner .mid .msg .left small{color:#666666}
#sw2 .swiper-wrapper .swiper-slide .inner .mid .msg .right{font-size:1.2rem;color:#999999;line-height:1.2rem;opacity:0.3}
#sw2 .swiper-wrapper .swiper-slide .inner .btm{width:100%}
#sw2 .swiper-wrapper .swiper-slide .inner .btm .text_{width:100%;text-align:left;font-size:1.5rem;line-height:1.8rem;color:#f8f8f8;text-shadow:0 0 1px #ff6900}
#sw2 .max-wid{position:absolute;left:0;right:0;margin:auto;top:0;height:72%}
#sw2 .max-wid > .left{position:relative;width:22%;height:100%}
#sw2 .swiper-pagination{position:absolute;height:100%;width:22%;left:auto;right:0;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center}
#sw2 .swiper-pagination > span{margin:10px 0}
.swiper-box{width:100%;height:0;position:relative;padding-bottom:48%}
.swiper-box .swiper-wrapper{position:absolute;width:100%;height:100%;top:0;left:0;z-index:8}
.swiper-box .swiper-pagination{bottom:-4vw;width:100%;position:absolute;left:0}
.swiper-box .swiper-pagination > span.swiper-pagination-bullet{background-color:transparent;cursor:pointer;margin:0 10px;width:13px;height:13px;border-radius:50%;line-height:13px;text-align:center;border:1px solid rgba(0,0,0,0.8)}
.swiper-box .swiper-pagination > span.swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#ff6900;border-color:#ff6900}
.swiper-box .swiper-pagination > span.p-list{background-color:transparent;cursor:pointer;margin:0 10px;width:13px;height:13px;border-radius:50%;line-height:13px;text-align:center;border:1px solid rgba(0,0,0,0.3);opacity:1}
.swiper-box .swiper-pagination > span.p-list.on{background-color:#ff6900;border-color:#ff6900}
.swiper-next{outline:none;position:absolute;top:0;bottom:0;margin:auto;right:-0.3rem;z-index:10;cursor:pointer;width:0.6rem;height:0.6rem;border-radius:50%;line-height:0.6rem;background-color:#fff;text-align:center;display:flex;transform-origin:50% 50%;justify-content:center;align-items:center}
.swiper-next > .iconfont{color:#666;font-size:16px;display:inline-block;margin-left:1px}
.swiper-next.r90{transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg)}
.swiper-prev{outline:none;position:absolute;top:0;bottom:0;margin:auto;left:-0.3rem;z-index:10;cursor:pointer;width:0.6rem;height:0.6rem;border-radius:50%;line-height:0.6rem;background-color:#ff6900;text-align:center;display:flex;transform-origin:50% 50%;justify-content:center;align-items:center}
.swiper-prev > .iconfont{color:#fff;font-size:16px;display:inline-block;margin-left:1px}
.swiper-prev.r90{transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg)}
.swiper-prev.r90_{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg)}
@keyframes cir_out{0%{transform:translate(-50%,-50%) scale(0.05);opacity:1}
80%{transform:translate(-50%,-50%) scale(1);opacity:1}
100%{transform:translate(-50%,-50%) scale(1.1);opacity:0}
}
@keyframes scroll-icon{0%{-webkit-transform:translateY(-12px);transform:translateY(-12px)}
100%{-webkit-transform:translateY(12px);transform:translateY(12px)}
}
@keyframes rotate_in{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes banner_in{0%{transform:translate3d(0,100%,0) scale3d(1.1,1,1.1);filter:blur(7px)}
100%{transform:translate3d(0,0%,0) scale3d(1,1,1);filter:none}
}
@keyframes banner_in_r5{0%{transform:translate3d(0,100%,0) scale3d(0.8,0.8,0.8)}
50%{transform:translate3d(0,0%,0) scale3d(0.8,0.8,0.8)}
100%{transform:translate3d(0,0%,0) scale3d(1,1,1)}
}
@keyframes banner_out{to{transform:translate3d(0,100%,0) scale3d(1.1,1,1.1)}
}
@keyframes banner_out_r5{0%{transform:translate3d(0,0%,0) scale3d(1,1,1)}
50%{transform:translate3d(0,0%,0) scale3d(0.8,0.8,0.8)}
100%{transform:translate3d(0,100%,0) scale3d(0.8,0.8,0.8)}
}
@keyframes a1{0%{opacity:1;transform:skewy(-45deg)}
70%{opacity:0}
100%{opacity:1;transform:skewy(-45deg)}
}
@keyframes b1{0%{opacity:1;transform:skewy(-45deg)}
70%{opacity:0}
100%{opacity:1;transform:skewy(-45deg)}
}
@keyframes d1{0%,20%{transform:translate(-50%,-50%) rotate(-45deg) scalex(1)}
65%,100%{transform:translate(-50%,-50%) rotate(135deg) scalex(1)}
}
@keyframes e1{to{transform:rotate(360deg)}
}
@keyframes scrFn{to{opacity:0.3;transform:translate3d(0,-50px,0);-webkit-transform:translate3d(0,-50px,0);-moz-transform:translate3d(0,-50px,0);-o-transform:translate3d(0,-50px,0);-ms-transform:translate3d(0,-50px,0)}
}
@keyframes scrFn1{to{opacity:0}
}
.center_1{overflow:hidden;padding:64px 0}
.infor{text-align:center;color:#666}
.tit{font-size:36px;margin-bottom:8px}
.infor .con{font-size:20px;line-height:1.4;text-transform:uppercase}
.content{margin-top:56px}
.content1{margin-top:40px}
.content .list{overflow:hidden}
.content .list li{width:33.33%;float:left;text-align:center}
.content .list li{text-align:center}
.content .list li .li_box .number{font-size:20px;color:#666}
.content .list li .li_box .number .num{font-size:72px;color:#ff6900;font-family:'DINCond-Medium','dincond-medium-webfont',arial}
.content .list li .li_box .number .num span{font-size:50px}
.content .list li .li_box sup{font-size:36px;font-family:Arial}
.center_1_hb{padding:80px 0}
@media screen and (max-width:1199px){.tit{font-size:24px;margin-bottom:10px}
.infor .con{font-size:15px}
.content .list li .li_box .number{font-size:13px}
.content .list li .li_box .number .num{font-size:2.2rem}
.content .list li .li_box .number .num span{font-size:18px}
.content .list li .li_box sup{font-size:18px}
.content{margin-top:14px}
.center_1_hb{padding:2.5rem 0}
.content1{margin-top:2rem}
}
.fuwu-div{text-align:center;height:20%;color:#FFF;font-size:20px;margin-bottom:6%;padding-top:8%;position:relative;z-index:999}
.fuwu-div h3{font-size:40px;margin-bottom:0.04rem}
.business-area .area-box .area-position .area-list{width:73%;height:48%;margin:0 auto;box-sizing:border-box;display:flex;flex-wrap:wrap}
.business-area .area-box .area-position .area-list li img{}
.business-area .area-box{width:100%;display:block;background-size:100%;position:relative;transition:all 0.5s cubic-bezier(0.93,0,0.13,1);-webkit-transition:all 0.5s cubic-bezier(0.93,0,0.13,1);-moz-transition:all 0.5s cubic-bezier(0.93,0,0.13,1)}
.business-area .area-box .area-position{position:absolute;top:0;width:100%;height:100%;z-index:998}
.business-area .area-box .area-position .area-list li{width:33.33%;display:flex;align-items:center;padding:0 0.65rem;justify-content:center;flex-direction:column;color:#fff;font-size:26px;box-sizing:border-box;position:relative}
.business-area .area-box .area-position .area-list li a{display:block;width:100%;text-align:center;color:#fff}
.business-area .area-box .area-position .area-list li p{font-size:26px;font-weight:540}
.business-area .area-box .area-position .area-list li span{font-size:16px}
.business-area .area-box .area-position .area-list li:hover{background:rgba(0,0,0,0.5)}
.business-area .area-box .area-position .area-list li .info-cover .title{color:#fff;font-size:36px}
.business-area .area-box .area-position .area-list li .info-cover .line{width:80px;height:2px;background:#fff;margin-top:15px;margin-bottom:30px}
.business-area .area-box .area-position .area-list li .info-cover .info{color:#fff;font-size:14px;line-height:1.7em;text-align:justify;height:52%}
.over-line6{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}
.business-area .area-box .area-position .area-list li .info-cover .txt{color:#fecfcc;font-size:14px;width:100%;padding:10px 5px;box-sizing:border-box;text-align:center}
.business-area .area-box .area-position .area-list li .info-cover .arr{width:0px;height:5px;display:inline-block;background:url("../images/arr.png") no-repeat;background-size:27px 5px;position:absolute;right:70px;bottom:30px;transition:right .8s;-webkit-transition:right .8s;-moz-transition:right .8s}
.business-area .area-box img{width:99%;opacity:0}
.business-area .area-box .mask{position:absolute;top:0;left:0;right:0;bottom:0;z-index:997}
.m-area-box{display:none}
@media screen and (max-width:820px){.m-area-box{display:block;padding:25% 15px}
.area-position,.area-box,.bg-img{display:none}
.yidong{width:50%;display:inline-block;float:left;font-size:12px}
.hengye-title{color:#fff;margin-top:8px;position:relative;z-index:9;font-size:12px}
.hangye{position:relative;background:no-repeat center/cover;padding:15% 25px;margin:2px}
.hangye:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1}
.hangye img{position:relative;z-index:9}
.hangyep{color:#fff;margin-top:8px;position:relative;z-index:9;font-size:14px}
}
@media screen and (max-width:480px){.m-area-box{display:block;padding:35% 15px}
.area-position,.area-box,.bg-img{display:none}
.yidong{width:50%;display:inline-block;float:left;font-size:12px}
.hengye-title{color:#fff;margin-top:8px;position:relative;z-index:9;font-size:12px}
.hangye{position:relative;background:no-repeat center/cover;padding:15% 25px;margin:2px}
.hangye:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1}
.hangye img{position:relative;z-index:9}
.hangyep{color:#fff;margin-top:8px;position:relative;z-index:9;font-size:14px}
}
@media screen and (max-width:1199px){.mobile{display:block;padding:3%}
}
@media screen and (max-width:820px){.main-product .content{transition:0.1s}
.main-product .content:hover{border:none}
}
@media screen and (max-width:480px){.main-product .content{transition:0.1s}
}
@media screen and (max-width:480px){#home #main #roll #r3 .rowMain .con .right .photo > img{width:100%;height:auto;margin:0 auto;display:flex}
#home #main #roll #r3 .rowMain .con{padding-top:5px;padding-bottom:20px}
#home #main #roll #r3 .rowMain .con .left .items .box{display:flex;flex-direction:column;margin:1.4vw 0;justify-content:center;align-items:flex-start;width:50%}
}
.about-us{font-size:36px;line-height:1.6}
.quanqiu{padding-top:6%}
.quan-sp1{padding-bottom:56px}
.quan-sp{font-size:18px}
@media screen and (max-width:1200px){.about-us{font-size:24px;line-height:1.6}
}
@media screen and (max-width:1200px){.fuwu-div{padding-top:15%}
.fuwu-div h3{font-weight:540;font-size:26px;margin-bottom:0.04rem}
.quanqiu{padding-top:15%}
.quan-sp{font-size:16px}
.quan-sp1{padding-bottom:26px}
.fontAni > span > em{font-size:26px}
}
.footer_right ul{display:flex}
.footer_right ul li{display:flex;justify-content:center;align-items:center;border-radius:50%;margin-right:16px;cursor:pointer;transition:all 0.3s ease-out;position:relative}
.footer_right ul li a{display:flex;justify-content:center;align-items:center;width:100%;height:100%}
.footer_right ul li > img,.footer_right ul li a img{filter:opacity(0.3)}
.footer_right ul li:hover img{filter:opacity(1)}
.footer_right ul li:hover .qrContainer{display:block}
.footer_right ul li .qrContainer{position:absolute;bottom:0.6rem;z-index:1;display:none;padding:0.1rem;background:#fff;border-radius:5px;left:50%;transform:translateX(-50%)}
.footer_right ul li .qrContainer::after{position:absolute;left:50%;bottom:-0.2rem;margin-left:-0.18rem;content:"";width:0;height:0;border-left:0.18rem solid transparent;border-right:0.18rem solid transparent;border-top:0.2rem solid #fff}
.footer_right ul li .qrContainer img{width:1.3rem}
.header .wrap_index{position:relative}
.header_search{cursor:pointer;width:24px;height:22px;float:right;margin-top:0.15rem;padding:0 14px}
.header_search span{display:block;width:24px;height:22px;text-align:center;border:none;background:url(../images/search.png) no-repeat center center;position:relative;margin:auto}
.header_search span img{vertical-align:middle;margin-top:-3px}
.header_search.on span{opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5}
@media screen and (max-width:1600px){.header_search{cursor:pointer;width:24px;height:22px;float:right;margin-top:0.15rem;padding:0 8px}
}
.search_wrap{background:#fff;width:100px;right:0;position:absolute;top:6px;border:0px solid #0750a2;z-index:91}
.search_box_button{height:40px;width:36px;background:url(../images/search_btn.png) no-repeat center;border:0;outline:none;float:right}
.search_box_text{width:calc(100% - 58px);padding:0 10px;float:left;border:0;height:40px;outline:none;line-height:40px;background:#fff}
.search_wrap.on{width:360px;visibility:visible;opacity:1;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;display:block !important}
@media only screen and (max-width:1024px){.header_search{margin-top:18px}
.search_wrap{top:60px}
}
@media only screen and (max-width:360px){.header_search{margin-left:10px}
.language{margin-left:5px}
}
nav .language,nav .search_wrap{display:none !important}
@media only screen and (max-width:1024px){.language,.search_wrap,.header_search{display:none}
nav .language,nav .search_wrap{display:block !important;overflow:hidden}
.language a{height:40px;line-height:40px}
.language{float:none}
.search_wrap{position:static;width:220px;margin-left:20px;border:2px solid #0750a2;margin-bottom:10px}
.search_box_text{width:162px;height:34px;line-height:34px}
.search_box_button{height:34px}
}
@media only screen and (min-width:1025px){.search_wrap{visibility:hidden;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0}
}