@charset "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,::before{box-sizing:border-box;font-family:Source Sans Pro,"Microsoft YaHei","Arial";}
body{font:12px Source Sans Pro,"Microsoft YaHei","Arial";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;}
/*表单元素默认有10像素的缩进*/
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 */
table{border-collapse:collapse;border-spacing:0;font:inherit;}
/* a_link */
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;}
a,span,li,b,i,label,p,strong,div,h1,h2,h3,h4,h5,h6,font,small,em,li,pre,form,fieldset,legend,button,input,textarea,th,td{font-size:14px;}
p{line-height:2;}
font{font-size:inherit;color:inherit;font-family:inherit;font-weight:inherit;display:inline-block;}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}
/*用来解决在安卓上的点击出现篮框问题*/
body{-webkit-tap-highlight-color:rgba(0,0,0,0);}
/*解决ios上去除微信点击蓝色边框 */
a:focus,input:focus,p:focus,div:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);}
body,html{height:100%;}
body::-webkit-scrollbar,html::-webkit-scrollbar{width:5px;border-radius:1.5px;}
body::-webkit-scrollbar-button,html::-webkit-scrollbar-button{display:none;}
body::-webkit-scrollbar-track,html::-webkit-scrollbar-track{background-color:#eee;}
body::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{background-color:#000;border-radius:5px;}
/*滚动动画的样式*/
.disable-hover{pointer-events:none;}
.scroll-animate.animated{visibility:hidden;}
.font-fadeIn font{display:inline-block;}
/* 浮动与清浮动 */
.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;}
html{font-size:100px;}
/* 初始定义 */
@font-face{font-family:'word_r';src:url('../fonts/Teko-Regular.eot');src:url('../fonts/Teko-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/Teko-Regular.woff') format('woff'),url('../fonts/Teko-Regular.ttf') format('truetype'),url('../fonts/Teko-Regular.svg#YourWebFontName') format('svg');}
@font-face{font-family:'word_b';src:url('../fonts/ZonaPro-Bold.otf');}
.word_r{font-family:word_r;}
.word_b{font-family:word_b;}
.wc{color:#fff;}
.mc{color:#ff6b6b;}
.fc{color:#666666;}
.gc{color:#cccccc;}
.d-gc{color:#8e8e8e;}
h1{font-size:0.3rem;font-weight:bold;}
h2{font-size:0.2rem;font-weight:bold;}
h3{font-size:0.18rem;font-weight:bold;}
h4{font-size:0.16rem;font-weight:bold;}
.transi{transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;}
.color-linear{background:linear-gradient(-90deg,#00c6fb 0%,#005bea 100%);}
.max-wid{width:72%;max-width:1200px;margin:auto;}
.full{position:absolute;width:100%;height:100%;top:0;left:0;}
.layout-flex{display:flex;justify-content:center;align-items:center;text-align:center;overflow:hidden;}
.layout-flex .list{display:inline-block;float:left;}
.layout-row{width:100%;}
.layout-row .layout-rowMain{max-width:1200px;margin:auto;width:80%;}
.layout-pa-box{position:relative;}
.layout-pa-box .layout-pa-right{position:absolute;right:0;}
.layout-pa-box .layout-pa-left{position:absolute;left:0;}
/* 新闻文章列表 */
.layout-articles{border-bottom:1px solid #eee;}
.layout-articles .layout-top{display:inline-block;}
.layout-articles .layout-top h4.layout-title{text-align:left;font-weight:bold;font-size:0.18rem;color:#333;}
.layout-articles .layout-top > small{display:block;font-weight:500;color:#6a6a6a;font-size:0.13rem;margin:0.15rem 0 0.2rem 0;}
.layout-articles p{line-height:150%;font-size:14px;}
.layout-articles .layout-btm{clear:both;height:0.45rem;line-height:0.45rem;padding:0.3rem 0;position:relative;box-sizing:content-box;}
.layout-articles .layout-btm > .btn{background-color:#f0f4f7;color:#6a6a6a;width:1.25rem;height:0.45rem;line-height:0.45rem;text-align:center;position:absolute;right:0;top:0;bottom:0;margin:auto;font-size:0.13rem;}
.layout-articles:not(:last-child){margin-bottom:0.7rem;}
/*box1:图片（上）+文字（下）*/
.layout-box1{width:100%;}
.layout-box1 .photo{width:100%;background-size:cover;background-position:center;margin-bottom:16px;}
.layout-box1 .photo > img{visibility:hidden;}
.layout-box1 .txt h4{height:30px;line-height:30px;margin:30px 0;}
.layout-box1 .txt p{height:60px;line-height:160%;overflow:hidden;color:#cacaca;}
.layout-box1 .txt small{display:inline-block;margin:18px 0;}
/*box2:图片（左）+文字（右）*/
.layout-box2{position:relative;padding:20px;box-sizing:content-box;text-align:right;}
.layout-box2 .pic{max-width:50%;display:inline-block;background-size:contain;background-position:center;background-repeat:no-repeat;vertical-align:top;height:80%;left:20px;top:0;bottom:0;margin:auto;position:absolute;}
.layout-box2 .pic > img{opacity:0;max-width:100%;}
.layout-box2 .txt{display:inline-block;text-align:left;width:50%;}
.layout-box2 .txt h4{margin-bottom:12px;}
.layout-box2 .txt small{display:block;color:#8d8d8d;}
/*列表*/
.layout-ul > li{height:0.32rem;line-height:0.32rem;position:relative;padding-left:0.5rem;}
.layout-ul > li > i{position:absolute;top:0;bottom:0;margin:auto;left:0;height:0.3rem;}
/*页码*/
.layout-page{text-align:center;padding:24px 0;}
.layout-page > ol{position:relative;overflow:hidden;}
.layout-page > ol > a{display:inline-block;margin:0 10px;width:40px;height:40px;border-radius:50%;line-height:40px;text-align:center;background-color:#f5f5f5;position:absolute;right:0;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;}
.layout-page > ol > a:hover{background-color:#333;color:#fff;}
.layout-page > ol > a.p-prev{right:50px;}
.layout-page > ol li{display:inline-block;float:left;width:40px;height:40px;border-radius:50%;line-height:40px;text-align:center;color:#cfced3;margin:0 12px;cursor:pointer;background-color:#fff;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;}
.layout-page > ol li.on,.layout-page > ol li:hover{color:#333;box-shadow:0 21px 48px -5px rgba(0,0,0,0.5);}
.layout-page > ul{position:relative;overflow:hidden;}
.layout-page > ul > li > a{display:inline-block;width:40px;height:40px;border-radius:50%;line-height:40px;text-align:center;background-color:#f5f5f5;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;}
.layout-page > ul > li > a:hover{background-color:#333;color:#fff;}
.layout-page > ul > li{display:inline-block;float:left;width:40px;height:40px;border-radius:50%;line-height:40px;text-align:center;color:#cfced3;margin:0 12px;cursor:pointer;background-color:#fff;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;}
.layout-page > ul > li.active,.layout-page > ul > li:hover{background-color:#333;color:#fff;box-shadow:0 21px 48px -5px rgba(0,0,0,0.5);}
.layout-page > ul > li.disabled{background-color:#f5f5f5;}
/* 按钮 */
.layout-btn{display:inline-block;color:#fff;border:1px solid #fff;padding:12px 30px;margin-top:18px;position:relative;overflow:hidden;font-size:16px;}
.layout-btn span{position:relative;letter-spacing:3px;z-index:10;font-size:inherit;transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;}
.layout-btn:after{content:"";position:absolute;z-index:5;top:0;right:0;width:0;height:100%;background-color:#fff;transition:width 0.2s ease;}
@media screen and (min-width:700px){.layout-btn:hover span{color:#333;}
.layout-btn:hover:after{width:100%;left:0;}
}
/* tab选项 */
.layout-tabBox ul.layout-part{overflow:hidden;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.layout-tabBox ul.layout-part > li{width:calc(100%/4);float:left;height:0.5rem;line-height:0.5rem;text-align:center;}
.layout-partList{width:100%;height:400px;padding:6px;}
/*输入框*/
.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-down{display:inline-block;padding-right:0.4rem;position:relative;background-color:rgba(0,0,0,0.5);height:0.4rem;line-height:0.4rem;cursor:pointer;}
.layout-down span.downTxt{display:inline-block;width:100px;display:flex;align-items:center;position:relative;color:#fff;border:none;background-color:transparent;box-sizing:border-box;padding:0.04rem 0.08rem;height:100%;vertical-align:top;}
.layout-down span.downTxt:after{content:'';width:1px;height:50%;top:0;bottom:0;background-color:#ddd;right:0;position:absolute;margin:auto;}
.layout-down span.downIcon{position:absolute;right:0;width:0.4rem;top:0;height:100%;text-align:center;box-sizing:border-box;transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;color:#fff;height:0.4rem;line-height:0.4rem;}
.layout-down ul.down{position:absolute;top:100%;left:0%;width:100%;z-index:100;display:none;}
.layout-down ul.down > li{display:inline-block;width:100%;box-sizing:border-box;padding:0 0.08rem;background-color:rgba(0,0,0,0.5);float:left;transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;}
.layout-down ul.down > li > span{color:#bcbcbc;transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;}
.layout-down ul.down > li:hover{background-color:#ff6b6b;}
.layout-down ul.down > li:hover > span{color:#fff;}
.layout-down.active span.downIcon{transform:scale(-1);-webkit-transform:scale(-1);-moz-transform:scale(-1);-o-transform:scale(-1);-ms-transform:scale(-1);}
.picCut{position:relative;}
.picCut > img.Tpic{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:100%;z-index:10;display:none;}
.picCut .cutItem{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:100%;height:100%;z-index:11;}
.picCut .cutItem > .cut{position:absolute;top:0;left:0;z-index:15;overflow:hidden;}
.picCut .cutItem > .cut > img{position:absolute;top:0;left:0;}
.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:contain;}
.component > ul > li > img{display:block;max-width:100%;opacity:0;max-height:100%;}
.component > ul .current{opacity:1;pointer-events:auto;z-index:10;}
.component nav > a{position:absolute;width:50px;height:50px;line-height:50px;color:#5b4c5c;outline: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:80%;height:90%;top:0;bottom:0;margin:auto;left:0;right:0;z-index:11;}
.component .Tcon > small{color:#fff;position:absolute;left:0;right:0;margin:auto;top:0;width:max-content;}
.component .Tcon > small > .Tpage{color:#fff;font-size:0.2rem;}
.component .Tcon .txtChange{position:relative;height:100%;width:100%;}
.component .Tcon .txtChange > [data-txt]{opacity:0;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:0;height:max-content;color:#fff;text-align:center;font-size:0.24rem;pointer-events:none;transition:all 0.4s;-webkit-perspective:1600px;perspective:1600px;transform-origin:0 50%;}
.component .Tcon .txtChange > [data-txt].on{opacity:1;pointer-events:auto;}
.component .Tcon .txtChange > [data-txt].txtHide{visibility:hidden;opacity:0;}
.component .Tcon .txtChange > [data-txt].txtShow{opacity:1;animation:widthFade 1.6s ease-in-out;}
.component .Tcon .pageChange{position:absolute;width:max-content;bottom:0;left:0;right:0;margin:auto;display:flex;justify-content:center;align-items:center;}
.component .Tcon .pageChange > li{background-color:#fff;display:inline-block;float:left;width:0.3rem;height:0.1rem;line-height:0.1rem;margin:0.2rem 0.2rem;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;}
.component .Tcon .pageChange > li.on{background-color:#000;}
.component-small{width:650px;height:290px;}
.component-small > ul{width:450px;}
.component-fullwidth{width:100%;height:100%;margin-bottom:0;background: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;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;}
.webGL-slider .pagination{position:absolute;top:50%;transform:translateY(-50%);right:30px;z-index:6;}
.webGL-slider .pagination > a{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 > a.on{opacity:1;}
/*弹窗*/
.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;}
/*animate补充动画*/
@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 fadeInDownSmall{from{
  opacity:0;transform:translate3d(0%,-10px,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;}
@keyframes fadeInUpSmall{
  from{opacity:0;transform:translate3d(0%,10px,0);}
  to{opacity:1;transform:none;}
}
.fadeInUpSmall{animation-name:fadeInUpSmall;}
@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 widthFade{
  from{opacity:0.5;width:0;}
  to{opacity:1;width:100%;}
}
.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:42px;}
.f-40{font-size:40px;}
.f-38{font-size:38px;}
.f-36{font-size:36px;}
.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:22px;}
.f-20{font-size:20px;}
.f-18{font-size:18px;}
.f-16{font-size:16px;}
.f-14{font-size:14px;}
.f-12{font-size:12px;}
.f-light{font-weight:lighter;}
.f-bold{font-weight:bold;}
.f-500{font-weight:500;}
.f-left{text-align:left;}
.f-center{text-align:center;}
.f-right{text-align:right;}
.up-word{text-transform:uppercase;}
.v-show{visibility:visible;}
.v-hide{visibility:hidden;}
.pr{position:relative;}
.pa{position:absolute;}
.back-cover{background-size:cover;}
.back-contain{background-size:contain;}
.wid-10{width:10%;}
.wid-20{width:20%;}
.wid-30{width:30%;}
.wid-40{width:40%;}
.wid-50{width:50%;}
.wid-60{width:60%;}
.wid-70{width:70%;}
.wid-80{width:80%;}
.wid-90{width:90%;}
.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;}
.layout-tab{display:table;}
.layout-tab > .cell{display:table-cell;vertical-align:middle;}
.mt-1{margin-top:1px;}
.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:700px){.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;}
}
/* input:range样式 */
input[type=range]{-webkit-appearance:none;width:300px;background:-webkit-linear-gradient(#059cfa,#059cfa) no-repeat;background-size:0% 100%;border-radius:10px;/*这个属性设置使填充进度条时的图形为圆角*/
}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;}
input[type=range]::-webkit-slider-runnable-track{height:2px;border-radius:0px;/*将轨道设为圆角的*/
 box-shadow:0 1px 1px #def3f8,inset 0 12px 12px #0d1112;/*轨道内置阴影效果*/
}
input[type=range]:focus{outline:none;}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:25px;width:25px;margin-top:-12px;/*使滑块超出轨道部分的偏移量相等*/
 background:#69adff;border-radius:50%;/*外观设置为圆形*/
 border:solid 0.125em rgba(205,224,230,0.5);/*设置边框*/
 box-shadow:0 .125em .125em #3b4547;/*添加底部阴影*/
}
input[type=range]::-moz-range-progress{background:linear-gradient(to right,#059cfa,#ffffff 100%,#ffffff);height:13px;border-radius:10px;}
input[type=range]::-ms-track{height:25px;border-radius:10px;box-shadow:0 1px 1px #def3f8,inset 0 .125em .125em #0d1112;border-color:transparent;/*去除原有边框*/
 color:transparent;/*去除轨道内的竖线*/
}
input[type=range]::-ms-thumb{border:solid 0.125em rgba(205,224,230,0.5);height:25px;width:25px;border-radius:50%;background:#ffffff;margin-top:-5px;box-shadow:0 .125em .125em #3b4547;}
input[type=range]::-ms-fill-lower{/*进度条已填充的部分*/
 height:22px;border-radius:10px;background:linear-gradient(to right,#059cfa,#ffffff 100%,#ffffff);}
input[type=range]::-ms-fill-upper{/*进度条未填充的部分*/
 height:22px;border-radius:10px;background:#ffffff;}
input[type=range]:focus::-ms-fill-lower{background:linear-gradient(to right,#059cfa,#ffffff 100%,#ffffff);}
input[type=range]:focus::-ms-fill-upper{background:#ffffff;}
/*基础结构*/
#bloc{position:relative;min-height:100%;}
#bloc #loader{position:fixed;width:100%;height:100%;top:0;left:0;z-index:10000;background-color:#34495e;}
#bloc #loader #loading{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
#bloc header{position:fixed;width:100%;height:1rem;line-height:1rem;box-shadow:0 0 3px rgba(0,0,0,0.2);top:0;z-index:1005;background-color:transparent;transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;/* pc端导航 */
 /* 手机端菜单 */
}
#bloc header.on{background-color:#000000;}
#bloc header #logo1{position:absolute;top:0;bottom:0;margin:auto;left:3%;height:108%;top:80px;}
#bloc header #logo2{position:absolute;top:0;bottom:0;margin:auto;left:3%;height:24px;top:0px;}
#bloc header nav.pc-nav{height:100%;right:3%;width:40%;position:absolute;top:0;}
#bloc header nav.pc-nav ul{height:100%;justify-content:space-around;}
#bloc header nav.pc-nav ul li{width:calc(100%/5);text-align:center;float:left;}
#bloc header nav.pc-nav ul li > a{display:inline-block;width:70%;color:#fff;position:relative;}
#bloc header nav.pc-nav ul li > a:after{content:"";height:2px;width:0px;background-color:#fff;position:absolute;left:0;right:0;margin:auto;top:0;opacity:0;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;}
#bloc header nav.pc-nav ul li.on > a:after,#bloc header nav.pc-nav ul li:hover > a:after{opacity:1;width:36px;}
#bloc header nav.app-nav{position:absolute;top:0;right:0;height:50px;line-height:50px;width:64px;}
#bloc header nav.app-nav > ul{display:none;position:absolute;top:100%;right:0;}
#bloc header nav.app-nav > ul > li{width:100%;text-align:center;background-color:rgba(29,30,30,0.7);transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;line-height:40px;}
#bloc header nav.app-nav > ul > li > a{display:inline-block;width:100%;color:rgba(255,255,255,0.9);height:40px;line-height:40px;font-size:16px;text-align:center;padding:0 22px;}
#bloc header nav.app-nav > ul > li.child-Down > .child-nav{padding:0;overflow:hidden;background-color:#010101;}
#bloc header nav.app-nav > ul > li.child-Down > .child-nav > li{width:100%;text-align:center;line-height:40px;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;height:0;}
#bloc header nav.app-nav > ul > li.child-Down > .child-nav > li > a{display:inline-block;width:100%;color:#fff;height:40px;line-height:40px;overflow:hidden;text-align:center;padding:0 22px;}
#bloc header nav.app-nav > ul > li.child-Down > .child-nav.on > li,#bloc header nav.app-nav > ul > li.child-Down > .child-nav.active > li{height:40px;}
#bloc header nav.app-nav .getAppNav{font-size:28px;z-index:6;position:absolute;width:100%;height:100%;margin:auto;right:0;text-align:center;cursor:pointer;}
#bloc header nav.app-nav .getAppNav > span{position:absolute;width:20px;height:2px;background-color:#fff;top:0;bottom:0;left:0;right:0;margin:auto;opacity:1;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;}
#bloc header nav.app-nav .getAppNav:after{content:'';position:absolute;width:28px;height:2px;background-color:#fff;top:-16px;bottom:0;left:0;right:0;margin:auto;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;}
#bloc header nav.app-nav .getAppNav:before{content:'';position:absolute;width:28px;height:2px;background-color:#fff;top:16px;bottom:0;left:0;right:0;margin:auto;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;}
#bloc header nav.app-nav .menuActive > span{opacity:0!important;}
#bloc header nav.app-nav .menuActive:after{transform:rotate(45deg);transform-origin:50% 50%;top:0px!important;}
#bloc header nav.app-nav .menuActive:before{transform:rotate(-45deg);transform-origin:50% 50%;top:0px!important;}
#bloc .wrapper{box-sizing:content-box;position:relative;z-index:5;}
#bloc footer{background-color:transparent;width:86%;position:relative;z-index:6;margin-left:14%;}
#bloc footer .r-main{display:flex;justify-content:flex-start;padding:1rem 0;}
#bloc footer .r-main > span{display:inline-block;text-align:center;flex-basis:26%;}
#bloc footer .r-main > span > span{display:inline-block;height:40px;line-height:40px;}
#bloc footer .r-main > span a.iconfont{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;font-size:24px;vertical-align:middle;position:relative;}
#bloc footer .r-main > span a.iconfont .hover-box{width:100px;height:100px;background-color:#fff;padding:5px;position:absolute;left:-28px;bottom:calc(100% + 12px);opacity:0;pointer-events:none;transform:translateY(-6px);-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);-o-transform:translateY(-6px);-ms-transform:translateY(-6px);transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;}
#bloc footer .r-main > span a.iconfont .hover-box > img{max-width:100px;}
#bloc footer .r-main > span a.iconfont .hover-box:after{content:"";position:absolute;left:0;right:0;margin:auto;top:100%;width:0;height:0;border-style:solid;border-width:8px;border-color:#fff transparent transparent transparent;}
#bloc footer .r-main > span a.iconfont:hover .hover-box{opacity:1;pointer-events:auto;transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;}
#bloc footer .r-main > img{height:94px;margin:0 1.6rem;}
#bloc footer .r-main .layout-btn{text-align:center;padding:5px 0px;width:100%;border-color:rgba(255,255,255,0.3);font-size:14px;margin-top:0;}
/*页面结构*/
.after-inner{position:relative;}
.after-inner .mask{background:url(../images/bg1.jpg) top no-repeat;background-size:100%;background-repeat:repeat-y;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;}
.after-inner #home-cv{position:absolute;pointer-events:none;width:100vw;height:100vh;left:0;right:0;opacity:0.4;z-index:2;}
.after-inner .mask1{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;background:url(../images/bg2.png) center no-repeat;background-size:100%;background-repeat:repeat-y;}
.after-inner .mask2{position:absolute;width:100%;height:100%;top:0;left:0;z-index:3;background:url(../images/bg3.png) center no-repeat;}
.after-inner .mask3{position:absolute;width:100%;height:100%;top:0;left:0;z-index:4;background:url(../images/bg4.png) top right no-repeat;}
.after-inner .mask4{position:absolute;width:100%;height:100%;top:0;left:0;z-index:4;background:url(../images/case-bg.jpg) center no-repeat;background-size:100%;background-repeat:repeat-y;}
.after-inner #logo1{display:none;}
.after-inner #top{height:45vh;width:86%;position:relative;overflow:hidden;margin-left:14%;z-index:12;}
.after-inner #top .banner{position:absolute;width:100%;top:54%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);}
.after-inner #top .banner .line{background-color:#fff;height:3px;width:20px;text-align:center;display:inline-block;}
.after-inner #main{width:100%;position:relative;min-height:50vh;overflow:hidden;padding-left:14%;}
.after-inner #main .title{position:relative;padding:0.36rem 0;border-bottom:1px solid #e8e8e8;}
.after-inner #main .title .node{position:absolute;right:0;font-size:20px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);color:#8e8e8e;font-family:word_b;}
.after-inner #main .title .node > b{font-size:30px;display:inline-block;font-family:word_b;color:#333;padding:0 6px;}
.after-inner #btm{position:absolute;padding-bottom:80px;width:14vw;height:100%;left:0;top:0;padding-top:45vh;}
.after-inner #btm .logo-bg{width:102%;position:absolute;top:0.5rem;left:-30px;cursor:pointer;background:url(../images/logo-bg.png) center no-repeat;background-size:contain;}
.after-inner #btm .logo-bg > img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:80%;}
.after-inner #btm .logo-box{text-align:center;cursor:pointer;}
.after-inner #btm .node-item{width:100%;margin-top:0.7rem;transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;}
.after-inner #btm .node-item > li{opacity:0.5;margin:0.3rem 0;margin-left:46px;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;}
.after-inner #btm .node-item > li > a{color:#fff;display:inline-block;width:100%;}
.after-inner #btm .node-item > li > a > font{margin-right:18px;}
.after-inner #btm .node-item > li:hover,.after-inner #btm .node-item > li.on{opacity:1;}
.after-inner #btm .toTop{color:#fff;display:inline-block;position:absolute;width:42px;text-align:center;bottom:0;left:0;right:0;margin:auto;line-height:25px;}
.after-inner #btm .toTop > i{display:inline-block;width:42px;font-size:42px;}
.after-inner #btm .toTop:hover > i{animation:Tmouse 0.5s cubic-bezier(0.56,0.01,0.46,1) infinite alternate;}
@keyframes Tmouse{
  0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}
  100%{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);-ms-transform:translateY(-8px);-o-transform:translateY(-8px);transform:translateY(-8px);}
}
#index #top{width:100vw;height:100vh;}
#index #top .indexBanner{position:relative;width:100vw;height:100vh;overflow:hidden;}
#index #top .indexBanner #logo1{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;z-index:6;width:20%;max-width:320px;}
#index #top .indexBanner #home-medio{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;}
#index #top .indexBanner .home-mask{position:absolute;width:100%;height:100%;top:0;left:0;z-index:3;opacity:0.4;background:url(../images/home-bg.jpg) center no-repeat;background-size:100%;}
#index #top .indexBanner #home-cv{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;}
#index #top .indexBanner #qiu{width:30%;max-width:500px;z-index:3;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;}
#index #top .indexBanner .msg{position:absolute;z-index:3;width:100%;left:0;top:calc(100vh - 26vh);}
#index #top .indexBanner .msg h1,#index #top .indexBanner .msg small{white-space:nowrap;text-align:center;display:block;font-weight:bold;}
#index #top .indexBanner .msg h1{letter-spacing:5px;font-weight:500;}
#index #top .indexBanner #scr{position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);bottom:calc(4vh + 40px);z-index:8;}
#index #top .indexBanner #scr > label{color:#fff;white-space:nowrap;}
#index #top .indexBanner #scr > b{position:absolute;top:120%;width:1px;left:0;right:0;margin:auto;overflow:hidden;background-color:rgba(255,255,255,0.3);}
#index #top .indexBanner #scr > b:nth-of-type(1){left:-12px;height:40px;}
#index #top .indexBanner #scr > b:nth-of-type(1):after{content:"";position:absolute;height:50%;width:100%;background-color:#fff;bottom:100%;left:0;animation:rise1 1.6s linear infinite;}
#index #top .indexBanner #scr > b:nth-of-type(2){right:-12px;height:20px;}
#index #top .indexBanner #scr > b:nth-of-type(2):after{content:"";position:absolute;height:50%;width:100%;background-color:#fff;bottom:100%;left:0;animation:rise2 1.6s linear infinite;}
@keyframes rise1{
  0%{transform:translate(0);}
  100%{transform:translateY(80px);}
}
@keyframes rise2{
  0%{transform:translate(0);}
  100%{transform:translateY(40px);}
}
#index #main{position:relative;}
#index #main .layout-row{z-index:6;position:relative;}
#index #main .mask{background:url(../images/stars.jpg) center no-repeat;background-size:100%;background-repeat:repeat-y;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;}
#index #main .r1{background-color:#fff;width:86%;position:relative;overflow:hidden;height:600px;}
#index #main .r1 .r-main{position:relative;z-index:10;padding:1rem 16% 1.5rem 16%;}
#index #main .r1 .r-main h5{line-height:60px;}
#index #main .r1 .r-main .data-item{width:100%;margin-top:0.8rem;display:flex;justify-content:flex-start;}
#index #main .r1 .r-main .data-item > li{display:inline-block;float:left;width:33%;}
#index #main .r1 .r-main .data-item > li > span{display:block;line-height:72px;}
#index #main .r1 .r-bg1{position:absolute;z-index:2;top:-100px;left:0;width:100%;height:100%;background:url(../images/qiu1.png) no-repeat transparent;background-size:auto 60%;background-position:right 0;}
#index #main .r1 .r-bg2{position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;background:url(../images/about.png) no-repeat transparent;background-size:auto 32%;background-position:100% 100%;}
#index #main .r2{margin-top:1rem;padding-bottom:1rem;}
#index #main .r2 .r-title{position:relative;z-index:10;}
#index #main .r2 .r-title > span{height:1px;width:140px;background-color:rgba(255,255,255,0.2);position:absolute;overflow:hidden;top:-10px;left:0;right:0;margin:auto;}
#index #main .r2 .r-title > span:after{content:"";position:absolute;top:0;height:2px;width:50%;left:0;background-color:#fff;}
#index #main .r2 .r-title h5{position:relative;text-align:center;letter-spacing:8px;color:rgba(255,255,255,0.2);line-height:100px;}
#index #main .r2 .r-title h5:after{content:attr(data-note);position:absolute;width:100%;text-align:center;color:#fff;font-size:36px;left:0;bottom:0;}
#index #main .r2 .r-main .con{padding:2rem 0;overflow:hidden;}
#index #main .r2 .r-main .con #star-item{width:1443.5px;height:415.5px;margin:auto;}
#index #main .r2 .r-main .con #star-item .svg-box{position:relative;width:1443.5px;height:415.5px;}
#index #main .r2 .r-main .con #star-item .svg-box svg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;}
#index #main .r2 .r-main .con #star-item .svg-box .pic-item{position:absolute;width:100%;height:100%;top:0;left:0;z-index:10;}
#index #main .r2 .r-main .con #star-item .svg-box .pic-item .pic{position:absolute;cursor:pointer;width:100px;height:100px;left:-50px;top:-50px;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);transition:filter 1.2s ease-in-out,box-shadow 1.2s ease-in-out;}
#index #main .r2 .r-main .con #star-item .svg-box .pic-item .pic:nth-child(n+8){display:none;}
#index #main .r2 .r-main .con #star-item .svg-box .pic-item .pic .txt{position:absolute;opacity:0;left:40%;top:-30px;padding-left:24px;transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transition:all 0.6s ease-out;-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;-o-transition:all 0.6s ease-out;-ms-transition:all 0.6s ease-out;}
#index #main .r2 .r-main .con #star-item .svg-box .pic-item .pic .txt h3{line-height:24px;white-space:nowrap;color:#fff;opacity:0.3;}
#index #main .r2 .r-main .con #star-item .svg-box .pic-item .pic .txt small{display:block;white-space:nowrap;opacity:0.2;line-height:24px;color:#fff;}
#index #main .r2 .r-main .con #star-item .svg-box .pic-item .pic .txt:after{content:"";position:absolute;width:8px;height:2px;background-color:#fff;left:8px;bottom:11px;}
#index #main .r2 .r-main .con #star-item .svg-box .pic-item .pic .photo{transition:all 0.6s ease-out;-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;-o-transition:all 0.6s ease-out;-ms-transition:all 0.6s ease-out;width:120px;height:120px;background-color:#020202;border-radius:50%;position:relative;z-index:4;}
#index #main .r2 .r-main .con #star-item .svg-box .pic-item .pic .photo > img{width:100%;}
#index #main .r2 .r-main .con #star-item .svg-box .pic-item .pic .msg-list{display:inline-block;position:absolute;z-index:4;top:-16px;left:0;transform:translateX(-34%);-webkit-transform:translateX(-34%);-moz-transform:translateX(-34%);-o-transform:translateX(-34%);-ms-transform:translateX(-34%);transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;}
#index #main .r2 .r-main .con #star-item .svg-box .pic-item .pic .msg-list span{display:block;line-height:32px;white-space:nowrap;font-size:18px;opacity:0.3;transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;}
#index #main .r2 .r-main .con #star-item .svg-box .pic-item .pic .msg-list h2{white-space:nowrap;font-size:14px;font-weight:500;opacity:0.3;transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;}
#index #main .r2 .r-main .con #star-item .svg-box .pic-item .pic .msg-list ol{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;opacity:0;width:50%;margin-top:0.16rem;transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;}
#index #main .r2 .r-main .con #star-item .svg-box .pic-item .pic .msg-list ol li{display:inline-block;color:#fff;padding-left:20px;position:relative;line-height:24px;margin:4px 0;min-height:50%;}
#index #main .r2 .r-main .con #star-item .svg-box .pic-item .pic .msg-list ol li:after{content:"";position:absolute;width:8px;height:1px;background-color:#fff;left:8px;bottom:11px;}
#index #main .r2 .r-main .con #star-item .svg-box .pic-item .pic.on{-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);filter:grayscale(0%);pointer-events:none;}
#index #main .r2 .r-main .con #star-item .svg-box .pic-item .pic.on .txt{opacity:0;pointer-events:none;transform:translateX(-50px);-webkit-transform:translateX(-50px);-moz-transform:translateX(-50px);-o-transform:translateX(-50px);-ms-transform:translateX(-50px);}
#index #main .r2 .r-main .con #star-item .svg-box .pic-item .pic.on .photo{transform:scale(1.5);-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-o-transform:scale(1.5);-ms-transform:scale(1.5);box-shadow:0px -8px 20px rgba(0,0,0,0.65);}
#index #main .r2 .r-main .con #star-item .svg-box .pic-item .pic.on .msg-list{top:-64px;transform:translateX(-55%);}
#index #main .r2 .r-main .con #star-item .svg-box .pic-item .pic.on .msg-list span{opacity:1;font-size:34px;line-height:64px;}
#index #main .r2 .r-main .con #star-item .svg-box .pic-item .pic.on .msg-list h2{opacity:1;font-size:20px;}
#index #main .r2 .r-main .con #star-item .svg-box .pic-item .pic.on .msg-list ol{opacity:0.5;transition-delay:0.5s;}
#index #main .r2 .r-main .con #star-item .svg-box .pic-item .pic.n1 .photo,#index #main .r2 .r-main .con #star-item .svg-box .pic-item .pic.m1 .photo{transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-ms-transform:scale(1.3);box-shadow:0px -8px 20px rgba(0,0,0,0.65);}
#index #main .r2 .r-main .con #star-item .svg-box .pic-item .pic.n2 .photo,#index #main .r2 .r-main .con #star-item .svg-box .pic-item .pic.m2 .photo{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);box-shadow:0px -8px 20px rgba(0,0,0,0.65);}
#index #main .r2 .r-main .con #star-item .svg-box .pic-item .pic.n3 .photo,#index #main .r2 .r-main .con #star-item .svg-box .pic-item .pic.m3 .photo{transform:scale(0.8);-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-o-transform:scale(0.8);-ms-transform:scale(0.8);box-shadow:0px -8px 20px rgba(0,0,0,0.65);}
#index #main .r2 .r-main .con .app{position:relative;}
#index #main .r2 .r-main .con .app .pic-item{z-index:10;text-align:center;}
#index #main .r2 .r-main .con .app .pic-item .pic{position:relative;cursor:pointer;display:block;margin:36px auto;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);transition:filter 1.2s ease-in-out,box-shadow 1.2s ease-in-out;}
#index #main .r2 .r-main .con .app .pic-item .pic .photo{transition:all 0.6s ease-out;-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;-o-transition:all 0.6s ease-out;-ms-transition:all 0.6s ease-out;width:100px;height:100px;background-color:#020202;border-radius:50%;position:absolute;z-index:2;top:12px;right:5%;box-shadow:0px -8px 20px rgba(0,0,0,0.65);}
#index #main .r2 .r-main .con .app .pic-item .pic .photo > img{width:100%;}
#index #main .r2 .r-main .con .app .pic-item .pic .msg-list{display:block;margin:36px 6% 58px 6%;margin-right:calc(5vw + 110px);position:relative;z-index:4;left:0;}
#index #main .r2 .r-main .con .app .pic-item .pic .msg-list span{display:block;line-height:32px;font-size:18px;opacity:1;text-align:left;transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;}
#index #main .r2 .r-main .con .app .pic-item .pic .msg-list h2{white-space:nowrap;font-size:14px;font-weight:500;opacity:1;transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;}
#index #main .r2 .r-main .con .app .pic-item .pic .msg-list ol{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;opacity:0.5;width:100%;margin-top:0.16rem;transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;}
#index #main .r2 .r-main .con .app .pic-item .pic .msg-list ol li{display:inline-block;color:#fff;padding-left:20px;position:relative;line-height:24px;margin:4px 0;min-height:50%;}
#index #main .r2 .r-main .con .app .pic-item .pic .msg-list ol li:after{content:"";position:absolute;width:8px;height:1px;background-color:#fff;left:8px;bottom:11px;}
#index #main .r2 .r-main .con .app .pic-item .pic.on{pointer-events:none;}
#index #main .r2 .r-main .con .app .pic-item .pic.on .txt{opacity:0;pointer-events:none;transform:translateX(-50px);-webkit-transform:translateX(-50px);-moz-transform:translateX(-50px);-o-transform:translateX(-50px);-ms-transform:translateX(-50px);}
#index #main .r2 .r-main .con .app .pic-item .pic.on .photo{transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-ms-transform:scale(1.3);box-shadow:0px -8px 20px rgba(0,0,0,0.65);}
#index #main .r2 .r-main .con .app .pic-item .pic.on .msg-list{top:-64px;transform:translateX(-55%);}
#index #main .r2 .r-main .con .app .pic-item .pic.on .msg-list span{opacity:1;font-size:34px;line-height:64px;}
#index #main .r2 .r-main .con .app .pic-item .pic.on .msg-list h2{opacity:1;font-size:20px;}
#index #main .r2 .r-main .con .app .pic-item .pic.on .msg-list ol{opacity:0.5;transition-delay:0.5s;}
#index #main .r3{margin-top:1rem;padding-bottom:1rem;}
#index #main .r3 .r-title{position:relative;z-index:10;}
#index #main .r3 .r-title > span{height:1px;width:140px;background-color:rgba(255,255,255,0.2);position:absolute;overflow:hidden;top:-10px;left:0;right:0;margin:auto;}
#index #main .r3 .r-title > span:after{content:"";position:absolute;top:0;height:2px;width:50%;left:0;background-color:#fff;}
#index #main .r3 .r-title h5{position:relative;text-align:center;letter-spacing:8px;color:rgba(255,255,255,0.2);line-height:100px;}
#index #main .r3 .r-title h5:after{content:attr(data-note);position:absolute;width:100%;text-align:center;color:#fff;font-size:36px;left:0;bottom:0;}
#index #main .r3 .r-main{padding:1rem 0;}
#index #main .r3 .r-main #component_1 .itemwrap{width:76%;margin-left:24%;}
#index #main .r3 .r-main #component_1 .Tcon{height:124%;width:100%;overflow:hidden;}
#index #main .r3 .r-main #component_1 .Tcon .txtChange > li{position:absolute;width:100%;height:100%;text-align:left;right:auto;margin:0;display:table;overflow:hidden;}
#index #main .r3 .r-main #component_1 .Tcon .txtChange > li .cell{width:480px;position:absolute;left:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);}
#index #main .r3 .r-main #component_1 .Tcon .txtChange > li .cell > h3{font-size:70px;line-height:100%;}
#index #main .r3 .r-main #component_1 .Tcon .txtChange > li > span{position:absolute;height:40px;line-height:40px;bottom:0;color:#fff;left:calc(24vw + 240px);font-size:14px;white-space:nowrap;}
#index #main .r3 .r-main #component_1 .Tcon .txtChange > li > span:after{content:"";position:absolute;width:100vw;left:calc(100% + 20px);height:1px;background-color:rgba(255,255,255,0.4);top:0;bottom:0;margin:auto;opacity:0;transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;}
#index #main .r3 .r-main #component_1 .Tcon .txtChange > li.on > span:after{opacity:1;}
#index #main .r3 .r-main #component_1 .Tcon nav{position:absolute;padding:0 60px;bottom:0;left:24%;height:40px;}
#index #main .r3 .r-main #component_1 .Tcon nav > a{top:0;transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;border:1px solid #fff;font-size:24px;width:40px;height:40px;border-radius:50%;line-height:40px;text-align:center;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;}
#index #main .r3 .r-main #component_1 .Tcon nav > a.movePrev{left:0;}
#index #main .r3 .r-main #component_1 .Tcon nav > a.moveNext{text-indent:1px;}
#index #main .r3 .r-main #component_1 .Tcon nav > a:hover{background-color:#fff;color:#333;}
#index #main .r3 .r-main #component_1 .Tcon nav > small{color:#fff;line-height:40px;}
#index #main .r3 .r-main #component_1 .Tcon nav > small > b{color:#fff;}
#index #main .r4{width:86%;position:relative;overflow:hidden;margin-left:14%;}
#index #main .r4 .r-title{position:relative;z-index:10;}
#index #main .r4 .r-title > span{height:1px;width:140px;background-color:rgba(255,255,255,0.2);position:absolute;overflow:hidden;top:0px;left:0;right:0;margin:auto;}
#index #main .r4 .r-title > span:after{content:"";position:absolute;top:0;height:2px;width:50%;left:0;background-color:#fff;}
#index #main .r4 .r-title h5{position:relative;text-align:center;letter-spacing:8px;color:rgba(255,255,255,0.2);line-height:100px;}
#index #main .r4 .r-title h5:after{content:attr(data-note);position:absolute;width:100%;text-align:center;color:#fff;font-size:36px;left:0;bottom:0;}
#index #main .r4 .r-main{background:#fff;}
#index #main .r4 .r-main > ul > li{display:flex;position:relative;padding:0.4rem 10%;cursor:pointer;justify-content:space-between;align-items:center;transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;}
#index #main .r4 .r-main > ul > li .msg{width:calc(100% - 230px);}
#index #main .r4 .r-main > ul > li .msg > small{display:inline-block;background-color:#fff;color:#b1b1b1;height:32px;line-height:32px;padding:0 16px;position:relative;z-index:10;transition:all 0.3s ease-out;transition-delay:0s;}
#index #main .r4 .r-main > ul > li .msg > small:after{content:"";position:absolute;height:50%;width:3px;left:0;top:0;bottom:0;margin:auto;background-color:#b4b4b4;}
#index #main .r4 .r-main > ul > li .msg p{position:relative;z-index:10;width:80%;white-space:nowrap;transition:all 0.3s ease-out;transition-delay:0.2s;}
#index #main .r4 .r-main > ul > li .msg h5{color:#000;font-weight:bold;width:80%;transition:all 0.3s ease-out;transition-delay:0.1s;position:relative;z-index:10;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#index #main .r4 .r-main > ul > li .more{position:absolute;opacity:0;pointer-events:none;z-index:2;right:8%;height:70px;top:20px;bottom:0;margin:auto;text-align:center;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;transform:translateX(-10px);-webkit-transform:translateX(-10px);-moz-transform:translateX(-10px);-o-transform:translateX(-10px);-ms-transform:translateX(-10px);transition-delay:0.4s;}
#index #main .r4 .r-main > ul > li .more > span{display:block;height:30px;color:#000;line-height:30px;}
#index #main .r4 .r-main > ul > li .more > i{display:inline-block;font-size:32px;height:40px;line-height:40px;color:#000;text-align:center;}
#index #main .r4 .r-main > ul > li .pic{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:1;background-position:center;opacity:0;background-size:0;transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;}
#index #main .r4 .r-main > ul > li .pic:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:#000000;}
#index #main .r4 .r-main > ul > li .app-pic{pointer-events:none;margin-right:30px;position:relative;z-index:100;background-size:cover;background-position:center;opacity:1;transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;}
#index #main .r4 .r-main > ul > li .app-pic > img{width:240px;}
@media screen and (min-width:700px){
  #index #main .r4 .r-main > ul > li:hover{box-shadow:0 2px 10px rgba(0,0,0,0.1);padding-left:15%;padding-right:5%;}
  #index #main .r4 .r-main > ul > li:hover .more{opacity:1;pointer-events:auto;transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;}
}
#index #main .r-foot{background-color:transparent;width:86%;position:relative;margin-left:14%;}
#index #main .r-foot .r-main{display:flex;justify-content:space-around;padding:1rem 0;}
#index #main .r-foot .r-main > span{display:inline-block;flex-basis:28%;text-align:center;}
#index #main .r-foot .r-main > span > span{display:inline-block;height:40px;line-height:40px;}
#index #main .r-foot .r-main > span a.iconfont{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;font-size:24px;vertical-align:middle;position:relative;}
#index #main .r-foot .r-main > span a.iconfont .hover-box{width:100px;height:100px;background-color:#fff;padding:5px;position:absolute;left:-28px;bottom:calc(100% + 12px);opacity:0;pointer-events:none;transform:translateY(-6px);-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);-o-transform:translateY(-6px);-ms-transform:translateY(-6px);transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;}
#index #main .r-foot .r-main > span a.iconfont .hover-box > img{max-width:100px;}
#index #main .r-foot .r-main > span a.iconfont .hover-box:after{content:"";position:absolute;left:0;right:0;margin:auto;top:100%;width:0;height:0;border-style:solid;border-width:8px;border-color:#fff transparent transparent transparent;}
#index #main .r-foot .r-main > span a.iconfont:hover .hover-box{opacity:1;pointer-events:auto;transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;}
#index #main .r-foot .r-main > img{height:94px;margin:0 30px;}
#index #main .r-foot .r-main .layout-btn{text-align:center;padding:5px 0px;width:100%;border-color:rgba(255,255,255,0.3);font-size:14px;margin-top:0;}
#index #btm{position:absolute;padding-bottom:80px;width:14vw;z-index:10;height:100%;left:0;top:0;padding-top:45vh;}
#index #btm .toTop{color:#fff;display:inline-block;position:absolute;width:42px;text-align:center;bottom:275px;left:0;right:0;margin:auto;line-height:25px;}
#index #btm .toTop > i{display:inline-block;width:42px;font-size:42px;}
#index #btm .toTop:hover > i{animation:Tmouse 0.5s cubic-bezier(0.56,0.01,0.46,1) infinite alternate;}
@keyframes Tmouse{
  0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}
  100%{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);-ms-transform:translateY(-8px);-o-transform:translateY(-8px);transform:translateY(-8px);}
}
#intro #main .title > span:nth-of-type(1){display:inline-block;opacity:0;transform:translateY(-13px);-webkit-transform:translateY(-13px);-moz-transform:translateY(-13px);-o-transform:translateY(-13px);-ms-transform:translateY(-13px);transition:all 0.6s ease-out;-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;-o-transition:all 0.6s ease-out;-ms-transition:all 0.6s ease-out;}
#intro #main .title > span:nth-of-type(1).go{opacity:1;transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;}
#intro #main .row{background-color:#fff;}
#intro #main .row .max-wid{width:80%;}
#intro #main .row.r1{padding-top:0.5rem;}
#intro #main .row.r1 .con{padding:0.4rem 0;overflow:hidden;}
#intro #main .row.r1 .con .msg{position:relative;padding:0.4rem 0;}
#intro #main .row.r1 .con .msg .pic{padding:0 2%;}
#intro #main .row.r1 .con .msg .fr{position:absolute;top:50%;right:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);padding:0 3%;}
#intro #main .row.r2{margin-top:-1px;}
#intro #main .row.r2 .con{padding:0.6rem 0;overflow:hidden;}
#intro #main .row.r2 .con .fl{padding-right:5%;}
#intro #main .row.r2 .con .fl p{margin-bottom:0.4rem;}
#intro #main .row.r2 .con .fl .data-item{width:100%;margin-top:0.8rem;display:flex;justify-content:space-between;}
#intro #main .row.r2 .con .fl .data-item > li{display:inline-block;float:left;}
#intro #main .row.r2 .con .fl .data-item > li > span{display:block;line-height:72px;}
#intro #main .row.r2 .con .fr{padding:0.5rem 3%;opacity:0;transform:translateY(-24px);-webkit-transform:translateY(-24px);-moz-transform:translateY(-24px);-o-transform:translateY(-24px);-ms-transform:translateY(-24px);transition:all 1s ease-out;-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;-o-transition:all 1s ease-out;-ms-transition:all 1s ease-out;}
#intro #main .row.r2 .con .fr.go{opacity:1;transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;}
#intro #main .row.r3{margin-top:-1px;}
#intro #main .row.r3 .con{padding:0.5rem 0 1rem 0;}
#intro #main .row.r3 .con p{width:45%;}
#intro #main .row.r3 .con ol{display:flex;justify-content:space-between;position:relative;}
#intro #main .row.r3 .con ol li{display:inline-block;padding:0 12px;text-align:center;background-color:#fff;position:relative;z-index:3;}
#intro #main .row.r3 .con ol:after{content:"";position:absolute;z-index:1;height:1px;width:100%;background-color:#eaeaea;top:-20px;bottom:0;margin:auto;left:0;}
#intro #main .row.r4{margin-top:-1px;padding-bottom:0.3rem;}
#intro #main .row.r4 .con{padding:0.6rem 0;}
#intro #main .row.r4 .con > ul{display:flex;flex-wrap:wrap;justify-content:flex-start;}
#intro #main .row.r4 .con > ul li{width:50%;padding:0.6rem 10%;}
#intro #main .row.r4 .con > ul li h1{position:relative;}
#intro #main .row.r4 .con > ul li h1 > font{display:inline-block;padding-right:10px;background-color:#fff;position:relative;z-index:4;}
#intro #main .row.r4 .con > ul li h1 > small{position:absolute;left:100%;text-align:right;}
#intro #main .row.r4 .con > ul li h1:after{content:"";position:absolute;top:0;bottom:0;margin:auto;z-index:1;height:1px;width:96%;background-color:#eaeaea;left:0;}
#intro #main .row.r4 .con > ul li span{font-weight:500;display:block;margin-top:0.4rem;}
#value #main .title > span:nth-of-type(1){display:inline-block;opacity:0;transform:translateY(-13px);-webkit-transform:translateY(-13px);-moz-transform:translateY(-13px);-o-transform:translateY(-13px);-ms-transform:translateY(-13px);transition:all 0.6s ease-out;-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;-o-transition:all 0.6s ease-out;-ms-transition:all 0.6s ease-out;}
#value #main .title > span:nth-of-type(1).go{opacity:1;transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;}
#value #main .row{background-color:#fff;}
#value #main .row .max-wid{width:80%;}
#value #main .row.r1{padding-top:0.5rem;}
#value #main .row.r1 .con{padding:0.4rem 0;overflow:hidden;}
#value #main .row.r1 .con .msg{position:relative;padding:0.4rem 0;}
#value #main .row.r1 .con .msg .pic{padding:0 3%;}
#value #main .row.r1 .con .msg .fr{position:absolute;top:50%;right:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);padding:0 3%;}
#value #main .row.r2{margin-top:-1px;}
#value #main .row.r2 .con{position:relative;padding:0.3rem 0;}
#value #main .row.r2 .con .fl{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);left:0;width:40%;}
#value #main .row.r2 .con .fl ul li{position:relative;padding-left:15px;line-height:32px;font-size:14px;margin-bottom:0.2rem;}
#value #main .row.r2 .con .fl ul li:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;line-height:4px;text-align:center;background-color:#000;left:0;top:14px;}
#value #main .row.r2 .con .pic{margin-left:50%;padding:0.6rem 2%;}
#value #main .row.r3{margin-top:-1px;}
#value #main .row.r3 .con{padding-bottom:0.6rem;}
#value #main .row.r3 .con .list{padding-top:0.5rem;}
#value #main .row.r3 .con .list h1{padding-left:3%;}
#value #main .row.r3 .con .list h1 small{font-weight:100;margin-left:20px;}
#value #main .row.r3 .con .list .box{padding:0px 3%;overflow:hidden;background-color:#f7f7f7;display:flex;align-items:center;justify-content:flex-start;}
#value #main .row.r3 .con .list .box > li{float:left;margin:32px 0;}
#value #main .row.r3 .con .list .box > li:not(:last-of-type){padding-right:5%;}
#value #main .row.r3 .con .list .box > li img{max-width:100%;}
#value #main .row.r3 .con .list .box > li h2{display:inline-block;transform:translateY(-6px);-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);-o-transform:translateY(-6px);-ms-transform:translateY(-6px);margin-right:6px;}
#value #main .row.r3 .con .list .box > li small{color:#8c8c8c;}
#value #main .row.r3 .con .list .box > li ol{display:flex;justify-content:flex-start;flex-wrap:wrap;}
#value #main .row.r3 .con .list .box > li ol > li{margin:0px 0.16rem;position:relative;margin-top:20px;}
#value #main .row.r3 .con .list .box > li ol > li h3{line-height:32px;}
#value #main .row.r3 .con .list .box > li ol > li small{font-size:12px;color:#999999;}
#value #main .row.r3 .con .list .box > li ol > li:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;line-height:4px;text-align:center;background-color:#000;left:-10px;top:14px;}
#value #main .row.r3 .con .clear{margin-top:0.5rem;}
#value #main .row.r4{margin-top:-1px;}
#value #main .row.r4 .rowMain .con{padding:0.6rem 0;}
#value #main .row.r4 .rowMain .con > ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
#value #main .row.r4 .rowMain .con > ul > li{width:calc(100%/4);text-align:center;padding:1% 5%;margin:0.32rem 0;}
#value #main .row.r4 .rowMain .con > ul > li > img{max-width:100%;display:inline-block;}
#member{z-index:4;}
#member #main{z-index:5;overflow:visible;}
#member #main .title > span:nth-of-type(1){display:inline-block;opacity:0;transform:translateY(-13px);-webkit-transform:translateY(-13px);-moz-transform:translateY(-13px);-o-transform:translateY(-13px);-ms-transform:translateY(-13px);transition:all 0.6s ease-out;-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;-o-transition:all 0.6s ease-out;-ms-transition:all 0.6s ease-out;}
#member #main .title > span:nth-of-type(1).go{opacity:1;transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;}
#member #main .row{background-color:#fff;}
#member #main .row .max-wid{width:80%;}
#member #main .row.r1{padding-top:0.5rem;}
#member #main .row.r1 .con{padding:0.4rem 0;}
#member #main .row.r1 .con > ul{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start;}
#member #main .row.r1 .con > ul li{width:3.6rem;margin:0 0.1rem;padding:30px 1.2% 12px 1.2%;text-align:center;position:relative;z-index:2;cursor:pointer;margin-bottom:1rem;}
#member #main .row.r1 .con > ul li .box{position:relative;z-index:3;}
#member #main .row.r1 .con > ul li .box .pic{display:inline-block;border-radius:50%;width:80%;max-width:148px;margin:auto;}
#member #main .row.r1 .con > ul li .box .name{margin:0.4rem 0 0.3rem 0;padding-bottom:10px;border-bottom:1px solid #eaeaea;}
#member #main .row.r1 .con > ul li .box .name h2{display:inline-block;transform:translateY(-6px);-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);-o-transform:translateY(-6px);-ms-transform:translateY(-6px);margin-right:6px;}
#member #main .row.r1 .con > ul li .box .name small{color:#8c8c8c;}
#member #main .row.r1 .con > ul li .box .msg{padding:0 10px;position:relative;}
#member #main .row.r1 .con > ul li .box .msg h3{line-height:26px;text-align:center;color:#595959;font-weight:500;max-height:52px;overflow:hidden;margin-bottom:0.1rem;}
#member #main .row.r1 .con > ul li .box .msg small{display:block;text-align:center;font-size:12px;color:#999999;line-height:26px;}
#member #main .row.r1 .con > ul li .p-hover{position:absolute;width:calc(100% - 3.2% - 20px);left:calc(1.6% + 10px);top:100%;z-index:11;transform:translateY(10px);-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-o-transform:translateY(10px);-ms-transform:translateY(10px);opacity:0;pointer-events:none;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;}
#member #main .row.r1 .con > ul li .p-hover p{line-height:28px;color:#666666;text-align:center;height:48px;padding:0 10px;}
#member #main .row.r1 .con > ul li .p-hover p > a{display:inline-block;border:1px solid #ccc;color:#000;height:32px;line-height:32px;padding:0 24px;position:relative;z-index:10;}
#member #main .row.r1 .con > ul li .Tmask{opacity:0;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;background-color:#fff;box-shadow:0 18px 45px rgba(0,0,0,0.14);transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;}
#member #main .row.r1 .con > ul li:hover{z-index:1000;}
#member #main .row.r1 .con > ul li:hover .Tmask{opacity:1;}
#member #main .row.r1 .con > ul li:hover .p-hover{transition-delay:0.2s;opacity:1;pointer-events:auto;transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;}
@media screen and (min-width:700px){}
#member #main .row.r1 .con > ul li.on{z-index:10;}
#member #main .row.r1 .con > ul li.on .Tmask{opacity:1;}
#member #main .row.r1 .con > ul li.on .p-hover{transition-delay:0.2s;opacity:1;pointer-events:auto;transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;}
#member #btm{z-index:6;}
#service #top{height:32vh;width:74vw;}
#service #main{background-color:transparent;margin-right:14vw;}
#service #main .r1 .rowMain{width:74vw;}
#service #main .r1 .rowMain .con{padding:1rem 0;overflow:hidden;min-height:70vh;}
#service #main .r1 .rowMain .con.pc{padding:0;padding-bottom:40px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
#service #main .r1 .rowMain .con.pc .list{border:1px solid rgba(255,255,255,0.2);padding:30px 30px 60px 30px;text-align:center;position:relative;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;min-width:186px;width:16%;}
#service #main .r1 .rowMain .con.pc .list .msg h2{transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;}
#service #main .r1 .rowMain .con.pc .list .msg p{color:#fff;opacity:0.5;margin:20px 0;letter-spacing:3px;transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;}
#service #main .r1 .rowMain .con.pc .list .msg small{width:100%;display:inline-block;position:relative;z-index:3;color:#fff;margin-top:20px;transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;height:42px;overflow:hidden;}
#service #main .r1 .rowMain .con.pc .list .pic{position:absolute;width:64px;z-index:1;bottom:-32px;height:64px;opacity:0;left:calc(50% - 32px);background-size:contain;background-position:center;background-repeat:no-repeat;transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;}
#service #main .r1 .rowMain .con.pc .list:hover{background-color:#fff;overflow:hidden;padding-top:80px;padding-bottom:80px;}
#service #main .r1 .rowMain .con.pc .list:hover .msg h2{color:#333;}
#service #main .r1 .rowMain .con.pc .list:hover .msg p{color:#9a9a9a;opacity:1;}
#service #main .r1 .rowMain .con.pc .list:hover .msg small{color:rgba(38,38,38,0.2);}
#service #main .r1 .rowMain .con.pc .list:hover .pic{bottom:-20px;left:calc(100% - 64px);transform:scale(1.8);-webkit-transform:scale(1.8);-moz-transform:scale(1.8);-o-transform:scale(1.8);-ms-transform:scale(1.8);}
#service #main .r1 .rowMain .con.app{position:relative;padding-top:0;}
#service #main .r1 .rowMain .con.app .pic-item{z-index:10;text-align:center;}
#service #main .r1 .rowMain .con.app .pic-item .pic{position:relative;cursor:pointer;display:block;margin:36px auto;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);transition:filter 1.2s ease-in-out,box-shadow 1.2s ease-in-out;}
#service #main .r1 .rowMain .con.app .pic-item .pic .photo{transition:all 0.6s ease-out;-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;-o-transition:all 0.6s ease-out;-ms-transition:all 0.6s ease-out;width:100px;height:100px;background-color:#020202;border-radius:50%;position:absolute;z-index:2;top:12px;right:5%;box-shadow:0px -8px 20px rgba(0,0,0,0.65);}
#service #main .r1 .rowMain .con.app .pic-item .pic .photo > img{width:100%;}
#service #main .r1 .rowMain .con.app .pic-item .pic .msg-list{display:block;margin:36px 6% 58px 6%;margin-right:calc(5vw + 110px);position:relative;z-index:4;left:0;}
#service #main .r1 .rowMain .con.app .pic-item .pic .msg-list span{display:block;line-height:32px;font-size:18px;opacity:1;text-align:left;transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;}
#service #main .r1 .rowMain .con.app .pic-item .pic .msg-list h2{white-space:nowrap;font-size:14px;font-weight:500;opacity:1;text-align:left;transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;}
#service #main .r1 .rowMain .con.app .pic-item .pic .msg-list ol{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;opacity:0.5;width:100%;margin-top:0.16rem;transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;}
#service #main .r1 .rowMain .con.app .pic-item .pic .msg-list ol li{display:inline-block;color:#fff;padding-left:20px;position:relative;line-height:24px;margin:4px 0;min-height:50%;}
#service #main .r1 .rowMain .con.app .pic-item .pic .msg-list ol li:after{content:"";position:absolute;width:8px;height:1px;background-color:#fff;left:8px;bottom:11px;}
#service #main .r1 .rowMain .con.app .pic-item .pic.on{-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);filter:grayscale(0%);pointer-events:none;}
#service #main .r1 .rowMain .con.app .pic-item .pic.on .txt{opacity:0;pointer-events:none;transform:translateX(-50px);-webkit-transform:translateX(-50px);-moz-transform:translateX(-50px);-o-transform:translateX(-50px);-ms-transform:translateX(-50px);}
#service #main .r1 .rowMain .con.app .pic-item .pic.on .photo{transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-ms-transform:scale(1.3);box-shadow:0px -8px 20px rgba(0,0,0,0.65);}
#service #main .r1 .rowMain .con.app .pic-item .pic.on .msg-list{top:-64px;transform:translateX(-55%);}
#service #main .r1 .rowMain .con.app .pic-item .pic.on .msg-list span{opacity:1;font-size:34px;line-height:64px;}
#service #main .r1 .rowMain .con.app .pic-item .pic.on .msg-list h2{opacity:1;font-size:20px;}
#service #main .r1 .rowMain .con.app .pic-item .pic.on .msg-list ol{opacity:0.5;transition-delay:0.5s;}
#service_1 #top{height:12vh;}
#service_1 #main{background-color:transparent;}
#service_1 #main .r1 .title{width:70%;margin:auto;margin-right:20%;border-color:rgba(232,232,232,0.4);}
#service_1 #main .r1 .title b{color:#fff;}
#service_1 #main .r1 .rowMain h1{width:70%;margin:auto;position:relative;letter-spacing:2px;margin-right:20%;height:0.8rem;line-height:0.8rem;margin-bottom:0.7rem;}
#service_1 #main .r1 .rowMain h1:after{content:"";position:absolute;height:3px;width:28px;background-color:#fff;left:0;top:-2px;}
#service_1 #main .r1 .rowMain .con{padding:1rem 0;overflow:hidden;}
#service_1 #main .r1 .rowMain .con #star-box{width:100%;height:465px;position:relative;}
#service_1 #main .r1 .rowMain .con #star-box .Tmask{position:absolute;left:36%;width:2238px;height:465px;background:url(../images/cir.png) left top no-repeat;background-size:55%;}
#service_1 #main .r1 .rowMain .con #star-box .Tmask svg{opacity:0;}
#service_1 #main .r1 .rowMain .con #star-box .Tmask .pic-item{position:absolute;width:100%;height:100%;top:0;left:0;z-index:10;}
#service_1 #main .r1 .rowMain .con #star-box .Tmask .pic-item .pic{position:absolute;width:120px;height:120px;left:-60px;top:-60px;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);transition:filter 1.2s ease-in-out,box-shadow 1.2s ease-in-out;}
#service_1 #main .r1 .rowMain .con #star-box .Tmask .pic-item .pic .txt{position:absolute;left:102%;top:10px;padding-left:24px;opacity:1;transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transition:all 0.6s ease-out;-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;-o-transition:all 0.6s ease-out;-ms-transition:all 0.6s ease-out;}
#service_1 #main .r1 .rowMain .con #star-box .Tmask .pic-item .pic .txt h3{line-height:24px;white-space:nowrap;color:#fff;}
#service_1 #main .r1 .rowMain .con #star-box .Tmask .pic-item .pic .txt small{display:block;white-space:nowrap;opacity:0.2;line-height:24px;color:#fff;}
#service_1 #main .r1 .rowMain .con #star-box .Tmask .pic-item .pic .txt:after{content:"";position:absolute;width:8px;height:2px;background-color:#fff;left:8px;bottom:11px;}
#service_1 #main .r1 .rowMain .con #star-box .Tmask .pic-item .pic .photo{transition:all 0.6s ease-out;-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;-o-transition:all 0.6s ease-out;-ms-transition:all 0.6s ease-out;width:120px;height:120px;background-color:#020202;border-radius:50%;position:relative;z-index:5;}
#service_1 #main .r1 .rowMain .con #star-box .Tmask .pic-item .pic .photo > img{width:100%;}
#service_1 #main .r1 .rowMain .con #star-box .Tmask .pic-item .pic .msg-list{display:inline-block;opacity:0;position:absolute;z-index:4;top:-64px;left:0;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;}
#service_1 #main .r1 .rowMain .con #star-box .Tmask .pic-item .pic .msg-list span{display:block;line-height:72px;white-space:nowrap;}
#service_1 #main .r1 .rowMain .con #star-box .Tmask .pic-item .pic .msg-list h2{white-space:nowrap;}
#service_1 #main .r1 .rowMain .con #star-box .Tmask .pic-item .pic .msg-list ol{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;opacity:0.5;width:50%;margin-top:0.16rem;}
#service_1 #main .r1 .rowMain .con #star-box .Tmask .pic-item .pic .msg-list ol li{display:inline-block;color:#fff;padding-left:20px;position:relative;line-height:24px;margin:4px 0;min-height:50%;}
#service_1 #main .r1 .rowMain .con #star-box .Tmask .pic-item .pic .msg-list ol li:after{content:"";position:absolute;width:8px;height:1px;background-color:#fff;left:8px;bottom:11px;}
#service_1 #main .r1 .rowMain .con #star-box .Tmask .pic-item .pic.on{-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);filter:grayscale(0%);}
#service_1 #main .r1 .rowMain .con #star-box .Tmask .pic-item .pic.on .txt{opacity:0;pointer-events:none;transform:translateX(-50px);-webkit-transform:translateX(-50px);-moz-transform:translateX(-50px);-o-transform:translateX(-50px);-ms-transform:translateX(-50px);}
#service_1 #main .r1 .rowMain .con #star-box .Tmask .pic-item .pic.on .photo{transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-ms-transform:scale(1.3);box-shadow:0px -8px 20px rgba(0,0,0,0.65);}
#service_1 #main .r1 .rowMain .con #star-box .Tmask .pic-item .pic.on .msg-list{transition-delay:0.6s;opacity:1;transform:translateX(-55%);-webkit-transform:translateX(-55%);-moz-transform:translateX(-55%);-o-transform:translateX(-55%);-ms-transform:translateX(-55%);}
#service_1 #main .r1 .rowMain .con #star-box nav{position:absolute;z-index:12;height:40px;right:16vw;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);}
#service_1 #main .r1 .rowMain .con #star-box nav > a{display:inline-block;top:0;transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;border:1px solid #fff;opacity:0.5;margin:0 0.1rem;color:#fff;font-size:24px;width:40px;height:40px;border-radius:50%;line-height:40px;text-align:center;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;}
#service_1 #main .r1 .rowMain .con #star-box nav > a.movePrev{left:0;}
#service_1 #main .r1 .rowMain .con #star-box nav > a.moveNext{text-indent:1px;}
#service_1 #main .r1 .rowMain .con #star-box nav > a:hover{background-color:#fff;color:#333;opacity:1;}
#service_1 #main .r1 .rowMain .con.app{position:relative;padding-top:0;}
#service_1 #main .r1 .rowMain .con.app .pic-item{z-index:10;text-align:center;}
#service_1 #main .r1 .rowMain .con.app .pic-item .pic{position:relative;cursor:pointer;display:block;margin:36px auto;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);transition:filter 1.2s ease-in-out,box-shadow 1.2s ease-in-out;}
#service_1 #main .r1 .rowMain .con.app .pic-item .pic .photo{transition:all 0.6s ease-out;-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;-o-transition:all 0.6s ease-out;-ms-transition:all 0.6s ease-out;width:100px;height:100px;background-color:#020202;border-radius:50%;position:absolute;z-index:2;top:12px;right:5%;box-shadow:0px -8px 20px rgba(0,0,0,0.65);}
#service_1 #main .r1 .rowMain .con.app .pic-item .pic .photo > img{width:100%;}
#service_1 #main .r1 .rowMain .con.app .pic-item .pic .msg-list{display:block;margin:36px 6% 58px 6%;margin-right:calc(5vw + 110px);position:relative;z-index:4;left:0;}
#service_1 #main .r1 .rowMain .con.app .pic-item .pic .msg-list span{display:block;line-height:32px;font-size:18px;opacity:1;text-align:left;transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;}
#service_1 #main .r1 .rowMain .con.app .pic-item .pic .msg-list h2{white-space:nowrap;font-size:14px;font-weight:500;opacity:1;text-align:left;transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;}
#service_1 #main .r1 .rowMain .con.app .pic-item .pic .msg-list ol{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;opacity:0.5;width:100%;margin-top:0.16rem;transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;}
#service_1 #main .r1 .rowMain .con.app .pic-item .pic .msg-list ol li{display:inline-block;color:#fff;padding-left:20px;position:relative;line-height:24px;margin:4px 0;min-height:50%;}
#service_1 #main .r1 .rowMain .con.app .pic-item .pic .msg-list ol li:after{content:"";position:absolute;width:8px;height:1px;background-color:#fff;left:8px;bottom:11px;}
#service_1 #main .r1 .rowMain .con.app .pic-item .pic.on{-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);filter:grayscale(0%);pointer-events:none;}
#service_1 #main .r1 .rowMain .con.app .pic-item .pic.on .txt{opacity:0;pointer-events:none;transform:translateX(-50px);-webkit-transform:translateX(-50px);-moz-transform:translateX(-50px);-o-transform:translateX(-50px);-ms-transform:translateX(-50px);}
#service_1 #main .r1 .rowMain .con.app .pic-item .pic.on .photo{transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-ms-transform:scale(1.3);box-shadow:0px -8px 20px rgba(0,0,0,0.65);}
#service_1 #main .r1 .rowMain .con.app .pic-item .pic.on .msg-list{top:-64px;transform:translateX(-55%);}
#service_1 #main .r1 .rowMain .con.app .pic-item .pic.on .msg-list span{opacity:1;font-size:34px;line-height:64px;}
#service_1 #main .r1 .rowMain .con.app .pic-item .pic.on .msg-list h2{opacity:1;font-size:20px;}
#service_1 #main .r1 .rowMain .con.app .pic-item .pic.on .msg-list ol{opacity:0.5;transition-delay:0.5s;}
#case #top{height:12vh;}
#case #main{background-color:transparent;}
#case #main .r1{padding-right:14vw;}
#case #main .r1 .title{width:70%;margin:auto;border-color:rgba(232,232,232,0.4);}
#case #main .r1 .title b{color:#fff;}
#case #main .r1 .rowMain h1{width:70%;margin:auto;position:relative;letter-spacing:2px;height:0.8rem;line-height:0.8rem;margin-bottom:1rem;}
#case #main .r1 .rowMain h1:after{content:"";position:absolute;height:3px;width:28px;background-color:#fff;left:0;top:-2px;}
#case #main .r1 .rowMain .case-box{width:100%;position:relative;padding-bottom:1rem;margin-bottom:3rem;}
#case #main .r1 .rowMain .case-box .msg-box{background-color:#fff;position:relative;z-index:10;width:50%;padding:32px 40px;box-shadow:0 18px 45px -3px rgba(0,0,0,0.12);}
#case #main .r1 .rowMain .case-box .msg-box p{font-family:word;min-height:175px;}
#case #main .r1 .rowMain .case-box .msg-box p b{color:#333;font-family:word;}
#case #main .r1 .rowMain .case-box .msg-box .note{text-align:right;}
#case #main .r1 .rowMain .case-box .msg-box .note h3{text-transform:uppercase;display:inline-block;width:76%;padding:18px 0;border-bottom:1px solid #e8e8e8;}
#case #main .r1 .rowMain .case-box .msg-box .note ol{width:100%;padding:24px 0 0px 0;display:flex;justify-content:space-between;flex-wrap:wrap;}
#case #main .r1 .rowMain .case-box .msg-box .note ol li{display:inline-block;margin:0 10px 14px 10px;font-family:word;color:rgba(0,0,0,0.3);}
#case #main .r1 .rowMain .case-box .msg-box .note ol li b{font-family:word_b;color:#000;text-transform:uppercase;}
@media screen and (max-width:700px){#case #main .r1 .rowMain .case-box .msg-box .app-look{display:block;border:4px solid rgba(0,0,0,0.5);text-align:center;}}
#case #main .r1 .rowMain .case-box .date{position:absolute;height:0.8rem;line-height:0.8rem;top:0;width:20%;left:50%;text-align:center;letter-spacing:2px;}
#case #main .r1 .rowMain .case-box .pic-box{position:absolute;z-index:6;background-size:cover;background-position:center;background-repeat:no-repeat;width:60%;min-height:420px;top:0.8rem;right:0;box-shadow:30px 30px 100px -5px rgba(0,0,0,0.6);}
#case #main .r1 .rowMain .case-box .pic-box img{opacity:0;}
#case #main .r1 .rowMain .case-box .pic-box .go-play{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:60px;height:60px;border-radius:50%;line-height:60px;text-align:center;border:2px solid #fff;color:#fff;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;}
#case #main .r1 .rowMain .case-box .look{position:absolute;z-index:7;display:inline-block;right:8%;width:1.6rem;height:1.6rem;line-height:1.6rem;text-align:center;border:4px solid rgba(255,255,255,0.5);transition:border 0.3s ease-in-out;}
#case #main .r1 .rowMain .case-box .look > span{position:absolute;height:0.8rem;line-height:0.4rem;left:0;width:100%;top:0;bottom:0;margin:auto;}
#case #main .r1 .rowMain .case-box .look > span > span{display:block;width:100%;}
#case #main .r1 .rowMain .case-box .look:hover{border-color:#ffffff;}
#case #main .r1 .rowMain .case-box .logo-box{position:absolute;z-index:8;bottom:-32px;left:10%;}
#case #main .r1 .rowMain .case-box .logo-box:after{content:"";position:absolute;left:calc(100% + 50px);top:0;bottom:0;margin:auto;width:20vw;height:1px;background-color:rgba(255,255,255,0.8);}
#case #main .r1 .rowMain .case-box .t-mask{position:absolute;z-index:4;left:calc(100% - 20px);top:0;bottom:0;margin:auto;height:110%;}
#case #main .r1 .rowMain .case-box .t-mask.t-text{color:#fff;text-transform:Uppercase;font-size:1.2rem;line-height:1.2rem;writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;*writing-mode:tb-rl;}
#case #main .r1 .rowMain .case-box.on .msg-box{margin-left:50%;}
#case #main .r1 .rowMain .case-box.on .date{left:30%;}
#case #main .r1 .rowMain .case-box.on .pic-box{right:auto;left:0;}
#case #main .r1 .rowMain .case-box.on .look{left:8%;right:auto;}
#case #main .r1 .rowMain .case-box.on .logo-box{left:auto;right:10%;}
#case #main .r1 .rowMain .case-box.on .logo-box:after{left:auto;right:calc(100% + 50px);}
#case #main .r1 .rowMain .case-box.on .t-mask{left:auto;right:calc(100% - 20px);}
#case_detail #top{height:16vh;}
#case_detail #main{padding-right:14%;}
#case_detail #main .r1 .case-top{width:84%;max-width:1000px;margin:auto;}
#case_detail #main .r1 .case-top h1{border-bottom:1px solid rgba(255,255,255,0.4);position:relative;}
#case_detail #main .r1 .case-top h1 .iconfont{position:absolute;display:inline-block;width:0.5rem;height:0.5rem;border-radius:50%;line-height:0.5rem;text-align:center;font-size:24px;color:#fff;top:0;bottom:0;margin:auto;font-weight:500;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;}
#case_detail #main .r1 .case-top h1 .iconfont.prev{left:6px;}
#case_detail #main .r1 .case-top h1 .iconfont.next{right:6px;}
#case_detail #main .r1 .case-top h1 .iconfont:hover{background-color:#fff;color:#333;}
#case_detail #main .r1 .case-top .note{height:1rem;position:relative;overflow:hidden;}
#case_detail #main .r1 .case-top .note .date{height:1rem;line-height:1rem;color:#fff;letter-spacing:2px;}
#case_detail #main .r1 .case-top .note .date > i{vertical-align:top;font-size:20px;}
#case_detail #main .r1 .case-top .note .page{position:absolute;right:0;font-size:18px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);color:rgba(255,255,255,0.6);font-family:word;}
#case_detail #main .r1 .case-top .note .page > b{font-size:26px;display:inline-block;font-family:word;font-weight:500;color:#fff;padding:0 6px;}
#case_detail #main .r1 .rowMain{background-color:#fff;padding:0.5rem 5%;max-width:1200px;margin:auto;}
#case_detail #main .r1 .rowMain .msg{overflow:hidden;}
#case_detail #main .r1 .rowMain .msg .fl b{color:#333;}
#case_detail #main .r1 .rowMain .msg .fr h3{text-transform:uppercase;display:inline-block;width:76%;padding:8px 0;border-bottom:1px solid #e8e8e8;}
#case_detail #main .r1 .rowMain .msg .fr ol{width:100%;padding:24px 0 0px 0;display:flex;justify-content:space-between;flex-wrap:wrap;}
#case_detail #main .r1 .rowMain .msg .fr ol li{display:block;width:100%;margin:0 10px 8px 10px;font-family:word;color:rgba(0,0,0,0.8);}
#case_detail #main .r1 .rowMain .msg .fr ol li b{font-family:word_b;color:#000;text-transform:uppercase;}
#case_detail #main .r1 .rowMain > img,#case_detail #main .r1 .rowMain img{display:block;max-width:99%;margin:0.36rem auto;}
#case_detail #main .r1 .rowMain .shop h2{font-family:500;height:0.8rem;line-height:0.8rem;position:relative;}
#case_detail #main .r1 .rowMain .shop h2 b{color:#000;}
#case_detail #main .r1 .rowMain .shop h2:after{content:"";position:absolute;height:2px;width:20px;right:0;top:0;bottom:0;margin:auto;background-color:#000;}
#case_detail #main .r1 .rowMain .shop p{font-family:word;}
#case_detail #main .r1 .rowMain .back{position:relative;height:1rem;line-height:1rem;overflow:hidden;border-bottom:1px solid #333;}
#case_detail #main .r1 .rowMain .back > a{font-size:48px;display:inline-block;height:1rem;line-height:1rem;transform:scaleX(-1);-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-ms-transform:scaleX(-1);}
#case_detail #main .r1 .rowMain .back > a.next-new{transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;}
#case_detail #main .r1 .rowMain .back > span{display:inline-block;height:1rem;line-height:1rem;}
#contact #main .r1{padding:1.2rem 0;margin:auto;background-color:#fff;}
#contact #main .r1 .msg-item{display:flex;flex-wrap:wrap;justify-content:center;margin-top:36px;}
#contact #main .r1 .msg-item > li{width:16%;margin:0 30px;text-align:center;}
#contact #main .r1 .msg-item > li .rt{padding-bottom:36px;position:relative;border-bottom:3px solid #f2f2f2;}
#contact #main .r1 .msg-item > li .rt:after{content:"";position:absolute;height:3px;left:0;right:0;margin:auto;width:0%;bottom:-3px;opacity:0;background-color:#333;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;}
#contact #main .r1 .msg-item > li .rb{padding-top:36px;text-align:center;}
#contact #main .r1 .msg-item > li .rb span{display:block;}
#contact #main .r1 .msg-item > li .rb > img{max-width:100px;}
#contact #main .r1 .msg-item > li:hover .rt:after{opacity:1;width:100%;}
#new #main .r1{padding:0.5rem 0%;background-color:#fff;}
#new #main .r1 .title{width:80%;}
#new #main .r1 .rowMain .new-item{margin-top:40px;}
#new #main .r1 .rowMain .new-item > li{display:flex;position:relative;padding:0.4rem 10%;cursor:pointer;justify-content:space-between;align-items:center;transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;}
#new #main .r1 .rowMain .new-item > li .msg{width:calc(100% - 230px);}
#new #main .r1 .rowMain .new-item > li .msg > small{display:inline-block;background-color:#fff;color:#b1b1b1;height:32px;line-height:32px;padding:0 16px;position:relative;z-index:10;transition:all 0.3s ease-out;transition-delay:0s;}
#new #main .r1 .rowMain .new-item > li .msg > small:after{content:"";position:absolute;height:50%;width:3px;left:0;top:0;bottom:0;margin:auto;background-color:#b4b4b4;}
#new #main .r1 .rowMain .new-item > li .msg p{position:relative;z-index:10;width:80%;white-space:nowrap;transition:all 0.3s ease-out;transition-delay:0.2s;}
#new #main .r1 .rowMain .new-item > li .msg h5{color:#000;font-weight:bold;width:80%;transition:all 0.3s ease-out;transition-delay:0.1s;position:relative;z-index:10;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#new #main .r1 .rowMain .new-item > li .more{position:absolute;opacity:0;pointer-events:none;z-index:2;right:8%;height:70px;top:20px;bottom:0;margin:auto;text-align:center;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;transform:translateX(-10px);-webkit-transform:translateX(-10px);-moz-transform:translateX(-10px);-o-transform:translateX(-10px);-ms-transform:translateX(-10px);transition-delay:0.4s;}
#new #main .r1 .rowMain .new-item > li .more > span{display:block;height:30px;color:#000;line-height:30px;}
#new #main .r1 .rowMain .new-item > li .more > i{display:inline-block;font-size:32px;height:40px;line-height:40px;color:#000;text-align:center;}
#new #main .r1 .rowMain .new-item > li .pic{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:1;background-position:center;opacity:0;background-size:0;transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;}
#new #main .r1 .rowMain .new-item > li .pic:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:#000000;}
#new #main .r1 .rowMain .new-item > li .app-pic{pointer-events:none;margin-right:30px;position:relative;z-index:100;background-size:cover;background-position:center;opacity:1;transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;}
#new #main .r1 .rowMain .new-item > li .app-pic > img{width:240px;}
@media screen and (min-width:700px){
  #new #main .r1 .rowMain .new-item > li:hover{box-shadow:0 2px 10px rgba(0,0,0,0.1);padding-left:15%;padding-right:5%;}
  #new #main .r1 .rowMain .new-item > li:hover .more{opacity:1;pointer-events:auto;transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;}
}
#new #main .r1 .rowMain .new-item .team-list{display:block;position:relative;margin:0.4rem 0% 0.4rem 10%;cursor:pointer;}
#new #main .r1 .rowMain .new-item .team-list .con{width:260px;padding-right:40px;position:absolute;height:100%;left:0;top:0;}
#new #main .r1 .rowMain .new-item .team-list .con .msg{padding-top:0.5rem;display:none;animation-delay:0.2s;}
#new #main .r1 .rowMain .new-item .team-list .con .msg .date{display:inline-block;margin-bottom:36px;}
#new #main .r1 .rowMain .new-item .team-list .con .msg .date > i{font-size:22px;vertical-align:sub;margin-right:8px;}
#new #main .r1 .rowMain .new-item .team-list .con .msg p{line-height:24px;height:48px;}
#new #main .r1 .rowMain .new-item .team-list .con .msg.on{display:block;}
#new #main .r1 .rowMain .new-item .team-list .con .roll-set{position:absolute;bottom:0.5rem;left:0;}
#new #main .r1 .rowMain .new-item .team-list .con .roll-set > a{display:inline-block;width:0.48rem;height:0.48rem;border-radius:50%;line-height:0.48rem;text-align:center;border:1px solid #333;font-size:24px;margin-right:0.24rem;opacity:0.3;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;}
#new #main .r1 .rowMain .new-item .team-list .con .roll-set > a:hover{opacity:1;}
#new #main .r1 .rowMain .new-item .team-list .roll-box{width:calc(100% - 260px);margin-left:260px;overflow:hidden;}
#new #main .r1 .rowMain .new-item .team-list .roll-box .roll-item{width:3000vw;padding:0.5rem 0;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;}
#new #main .r1 .rowMain .new-item .team-list .roll-box .roll-item > li{width:24vw;display:inline-block;margin-right:12px;margin-left:10px;cursor:pointer;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;}
#new #main .r1 .rowMain .new-item .team-list .roll-box .roll-item > li .pic{background-size:cover;background-position:center;background-repeat:no-repeat;}
#new #main .r1 .rowMain .new-item .team-list .roll-box .roll-item > li .txt{padding:0 3%;position:relative;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;}
#new #main .r1 .rowMain .new-item .team-list .roll-box .roll-item > li .txt h4{height:0.7rem;line-height:0.7rem;width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#new #main .r1 .rowMain .new-item .team-list .roll-box .roll-item > li .txt span{position:absolute;right:3%;height:0.36rem;line-height:0.36rem;top:0;bottom:0;margin:auto;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;}
#new #main .r1 .rowMain .new-item .team-list .roll-box .roll-item > li .txt span.look{opacity:0;pointer-events:none;transform:translateX(-5px);-webkit-transform:translateX(-5px);-moz-transform:translateX(-5px);-o-transform:translateX(-5px);-ms-transform:translateX(-5px);}
#new #main .r1 .rowMain .new-item .team-list .roll-box .roll-item > li:hover{box-shadow:0 10px 24px -4px rgba(0,0,0,0.2);}
#new #main .r1 .rowMain .new-item .team-list .roll-box .roll-item > li:hover .txt{background-color:#fff;}
#new #main .r1 .rowMain .new-item .team-list .roll-box .roll-item > li:hover .txt .num{transform:translateX(5px);-webkit-transform:translateX(5px);-moz-transform:translateX(5px);-o-transform:translateX(5px);-ms-transform:translateX(5px);opacity:0;pointer-events:none;}
#new #main .r1 .rowMain .new-item .team-list .roll-box .roll-item > li:hover .txt .look{opacity:1;transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;pointer-events:auto;transition-delay:0.3s;}
#new #main .r1 .r-btm .layout-page{padding-right:10%;}
#new #main .r1 .r-btm .layout-page > ol{padding:0.5rem 10%;display:flex;align-items:center;}
#new #main .r1 .r-btm .layout-page > ol > a{position:relative;right:0;}
#team #main .r1{background-color:#fff;padding-top:0.5rem;}
#team #main .r1 .title{width:80%;}
#team #main .r1 .rowMain .team-box{margin-top:40px;margin-left:10%;width:90%;padding-bottom:0.5rem;}
#team #main .r1 .rowMain .team-box .team-list{position:relative;}
#team #main .r1 .rowMain .team-box .team-list .con{width:260px;padding-right:40px;position:absolute;height:100%;left:0;top:0;}
#team #main .r1 .rowMain .team-box .team-list .con .msg{padding-top:0.5rem;display:none;animation-delay:0.2s;}
#team #main .r1 .rowMain .team-box .team-list .con .msg .date{display:inline-block;margin-bottom:36px;}
#team #main .r1 .rowMain .team-box .team-list .con .msg .date > i{font-size:22px;vertical-align:sub;margin-right:8px;}
#team #main .r1 .rowMain .team-box .team-list .con .msg p{line-height:24px;height:48px;}
#team #main .r1 .rowMain .team-box .team-list .con .msg.on{display:block;}
#team #main .r1 .rowMain .team-box .team-list .con .roll-set{position:absolute;bottom:0.5rem;left:0;}
#team #main .r1 .rowMain .team-box .team-list .con .roll-set > a{display:inline-block;width:0.48rem;height:0.48rem;border-radius:50%;line-height:0.48rem;text-align:center;border:1px solid #333;font-size:24px;margin-right:0.24rem;opacity:0.3;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;}
#team #main .r1 .rowMain .team-box .team-list .con .roll-set > a:hover{opacity:1;}
#team #main .r1 .rowMain .team-box .team-list .roll-box{width:calc(100% - 260px);margin-left:260px;overflow:hidden;}
#team #main .r1 .rowMain .team-box .team-list .roll-box .roll-item{width:3000vw;padding:0.5rem 0;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;}
#team #main .r1 .rowMain .team-box .team-list .roll-box .roll-item > li{width:24vw;display:inline-block;margin-right:12px;margin-left:10px;cursor:pointer;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;}
#team #main .r1 .rowMain .team-box .team-list .roll-box .roll-item > li .pic{background-size:cover;background-position:center;background-repeat:no-repeat;}
#team #main .r1 .rowMain .team-box .team-list .roll-box .roll-item > li .txt{padding:0 3%;position:relative;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;}
#team #main .r1 .rowMain .team-box .team-list .roll-box .roll-item > li .txt h4{height:0.7rem;line-height:0.7rem;width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#team #main .r1 .rowMain .team-box .team-list .roll-box .roll-item > li .txt span{position:absolute;right:3%;height:0.36rem;line-height:0.36rem;top:0;bottom:0;margin:auto;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;}
#team #main .r1 .rowMain .team-box .team-list .roll-box .roll-item > li .txt span.look{opacity:0;pointer-events:none;transform:translateX(-5px);-webkit-transform:translateX(-5px);-moz-transform:translateX(-5px);-o-transform:translateX(-5px);-ms-transform:translateX(-5px);}
#team #main .r1 .rowMain .team-box .team-list .roll-box .roll-item > li:hover{box-shadow:0 10px 24px -4px rgba(0,0,0,0.2);}
#team #main .r1 .rowMain .team-box .team-list .roll-box .roll-item > li:hover .txt{background-color:#fff;}
#team #main .r1 .rowMain .team-box .team-list .roll-box .roll-item > li:hover .txt .num{transform:translateX(5px);-webkit-transform:translateX(5px);-moz-transform:translateX(5px);-o-transform:translateX(5px);-ms-transform:translateX(5px);opacity:0;pointer-events:none;}
#team #main .r1 .rowMain .team-box .team-list .roll-box .roll-item > li:hover .txt .look{opacity:1;transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;pointer-events:auto;transition-delay:0.3s;}
#new_detail #main .r1{background-color:#fff;padding-top:0.5rem;padding-bottom:0.8rem;}
#new_detail #main .r1 .maxSize{width:74%;max-width:850px;margin-right:auto;margin-left:auto;}
#new_detail #main .r1 .new-top{position:relative;}
#new_detail #main .r1 .new-top .new-title{position:relative;padding:0.36rem 0;border-bottom:1px solid #e8e8e8;}
#new_detail #main .r1 .new-top .new-title .txt{display:inline-block;width:calc(100% - 140px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#new_detail #main .r1 .new-top .new-title .date{position:absolute;width:120px;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);color:#000;white-space:nowrap;font-family:word_b;}
#new_detail #main .r1 .new-top .new-title .date > i{margin-right:8px;font-size:22px;color:#000;}
#new_detail #main .r1 .rowMain{padding:0.3rem 0;}
#new_detail #main .r1 .rowMain h2{font-size:16px;font-weight:bold;margin:0.2rem 0;}
#new_detail #main .r1 .rowMain img{max-width:99.99%;margin:0.36rem auto;display:block;}
#new_detail #main .r1 .r-btm .back{position:relative;height:1rem;line-height:1rem;overflow:hidden;border-bottom:1px solid #333;}
#new_detail #main .r1 .r-btm .back > a{font-size:48px;display:inline-block;height:1rem;line-height:1rem;transform:scaleX(-1);-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-ms-transform:scaleX(-1);}
#new_detail #main .r1 .r-btm .back > a.next-new{transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;}
#new_detail #main .r1 .r-btm .back > span{display:inline-block;height:1rem;line-height:1rem;}
#job #main .r1{padding:0.5rem 5%;background-color:#fff;}
#job #main .r1 .rowMain .job-item{margin:0.6rem 0;}
#job #main .r1 .rowMain .job-item > li{padding:0.5rem 5%;background-color:#fff;position:relative;margin-bottom:0.5rem;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;border-bottom:1px solid #eee;}
#job #main .r1 .rowMain .job-item > li .msg{width:100%;position:relative;}
#job #main .r1 .rowMain .job-item > li .msg h2{font-size:20px;}
#job #main .r1 .rowMain .job-item > li .msg h2 small{color:#8c8c8c;font-weight:500;margin-left:8px;}
#job #main .r1 .rowMain .job-item > li .msg > ol{display:flex;justify-content:flex-start;}
#job #main .r1 .rowMain .job-item > li .msg > ol li{color:#404040;position:relative;margin-right:30px;padding-left:20px;font-size:14px;}
#job #main .r1 .rowMain .job-item > li .msg > ol li small{color:#404040;opacity:0.5;}
#job #main .r1 .rowMain .job-item > li .msg > ol li:after{content:"";width:6px;height:6px;border-radius:50%;line-height:6px;text-align:center;background-color:#262626;position:absolute;top:0;bottom:0;margin:auto;left:0px;}
#job #main .r1 .rowMain .job-item > li .msg .go-job{border:1px solid #e8e8e8;padding:4px 32px;position:absolute;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);min-width:200px;text-align:center;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;}
#job #main .r1 .rowMain .job-item > li .msg .go-job span{display:inline-block;vertical-align:middle;}
#job #main .r1 .rowMain .job-item > li .msg .go-job > i{font-size:28px;display:inline-block;vertical-align:middle;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;transform-origin:50% 46%;}
#job #main .r1 .rowMain .job-item > li .msg .go-job:hover{background-color:#262626;color:#fff;border-color:transparent;}
#job #main .r1 .rowMain .job-item > li .msg .go-job:hover > i{color:#fff;}
#job #main .r1 .rowMain .job-item > li .msg .go-job.on{background-color:#262626;color:#fff;border-color:transparent;}
#job #main .r1 .rowMain .job-item > li .msg .go-job.on > i{color:#fff;transform:scale(-1);-webkit-transform:scale(-1);-moz-transform:scale(-1);-o-transform:scale(-1);-ms-transform:scale(-1);}
#job #main .r1 .rowMain .job-item > li .note{display:none;}
#job #main .r1 .rowMain .job-item > li .note li:not(:last-of-type){margin-bottom:20px;}
#job #main .r1 .rowMain .job-item > li .note li a{display:inline-block;position:relative;height:30px;line-height:30px;padding-left:20px;font-size:14px;}
#job #main .r1 .rowMain .job-item > li .note li a:after{content:"";width:6px;height:6px;border-radius:50%;line-height:6px;text-align:center;background-color:#262626;position:absolute;top:0;bottom:0;margin:auto;left:0px;}
#job #main .r1 .rowMain .job-item > li .note li a.eail{font-weight:bold;}
#job #main .r1 .rowMain .job-item > li .note li p{width:70%;}
@media screen and (min-width:700px){#job #main .r1 .rowMain .job-item > li:hover{box-shadow:0 19px 70px -4px rgba(52,52,52,0.18);}}
#msg_dialog{z-index:2000;}
#msg_dialog .dialog_content{width:auto;max-width:inherit;min-width:inherit;padding:2em;}
#msg_dialog .dialog_content form{width:30vw;}
#msg_dialog .dialog_content form .in-row{display:flex;justify-content:space-between;margin-bottom:0.32rem;}
#msg_dialog .dialog_content form .in-row input{background-color:#f5f5f5;border:none;display:inline-block;width:48%;height:42px;}
#msg_dialog .dialog_content form .in-row textarea{min-height:200px;background-color:#f5f5f5;border:none;width:100%;padding:10px 2px;}
#msg_dialog .dialog_content form .sub{background-color:#000;color:#fff;text-align:center;display:inline-block;width:100%;height:45px;line-height:45px;}
#msg_dialog .dialog_content form .sub > i{margin-left:8px;vertical-align:bottom;}
#msg_dialog .dialog_content [data-dialog-close]{position:absolute;width:0.38rem;height:0.38rem;border-radius:50%;line-height:0.38rem;text-align:center;left:102%;top:0;color:#fff;}
#medio_dialog{z-index:2000;}
#medio_dialog > video{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:70vw;object-fit:cover;z-index:2000;}
#medio_dialog .dialog_content{width:auto;max-width:inherit;min-width:inherit;padding:2em;}
#medio_dialog .dialog_content video{width:70vw;opacity:1;object-fit:cover;}
#medio_dialog .dialog_content [data-dialog-close]{position:absolute;width:0.38rem;height:0.38rem;border-radius:50%;line-height:0.38rem;text-align:center;right:0rem;bottom:102%;color:#fff;}
#team_dialog{z-index:2000;}
#team_dialog .dialog_content{width:auto;max-width:50vw;min-width:inherit;padding:2em;}
#team_dialog #pop-msg .name{margin:0.4rem 0 0.3rem 0;margin-top:0;padding-bottom:10px;text-align:left;border-bottom:1px solid #eaeaea;}
#team_dialog #pop-msg .name h2{display:inline-block;transform:translateY(-6px);-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);-o-transform:translateY(-6px);-ms-transform:translateY(-6px);margin-right:6px;}
#team_dialog #pop-msg .name small{color:#8c8c8c;}
#team_dialog .dialog_content [data-dialog-close]{position:absolute;width:0.38rem;height:0.38rem;border-radius:50%;line-height:0.38rem;text-align:center;left:102%;top:0;color:#fff;}
#case_detail #main .r1 .rowMain .video-box{padding-bottom:0.5rem;}
#case_detail #main .r1 .rowMain .video-box .component > ul{z-index:14;}
#case_detail #main .r1 .rowMain .video-box .component > ul > li video{opacity:0;pointer-events:none;}
#case_detail #main .r1 .rowMain .video-box .component > ul > li video.on{opacity:1;pointer-events:auto;}
#case_detail #main .r1 .rowMain .video-box .component > ul > li .mdeio-go{position:absolute;width:70px;height:70px;border-radius:50%;top:0;bottom:0;left:0;right:0;margin:auto;background-color:#fff;transition:all 0.3s ease-in;}
#case_detail #main .r1 .rowMain .video-box .component > ul > li .mdeio-go.on{opacity:0;pointer-events:none;}
#case_detail #main .r1 .rowMain .video-box .component > ul > li .mdeio-go > i{position:absolute;font-size:24px;text-indent:4px;width:30px;text-align:center;line-height:30px;height:30px;top:0;bottom:0;left:0;right:0;margin:auto;}
#case_detail #main .r1 .rowMain .video-box .component .Tcon .pageChange{text-align:center;bottom:-75px;width:100%;}
#case_detail #main .r1 .rowMain .video-box .component .Tcon .pageChange li{background-color:transparent!important;font-family:word_b;opacity:0.4;cursor:pointer;}
#case_detail #main .r1 .rowMain .video-box .component .Tcon .pageChange > li.on{opacity:1;}
@keyframes cir1{
  0%{transform:rotateY(0deg) rotateZ(0deg) rotateX(20deg);}
  100%{transform:rotateY(-360deg) rotateZ(0deg) rotateX(20deg);}
}
@keyframes cir2{
  0%{transform:rotateY(-60deg) rotateZ(0deg);}
  100%{transform:rotateY(-420deg) rotateZ(0deg);}
}
@keyframes cir3{
  0%{transform:rotateY(-120deg) rotateZ(0deg);}
  100%{transform:rotateY(-480deg) rotateZ(0deg);}
}
@keyframes cir4{
  0%{transform:rotateY(-180deg) rotateZ(0deg);}
  100%{transform:rotateY(-540deg) rotateZ(0deg);}
}
@keyframes cir5{
  0%{transform:rotateY(-240deg) rotateZ(0deg);}
  100%{transform:rotateY(-600deg) rotateZ(0deg);}
}
@keyframes cir6{
  0%{transform:rotateY(-300deg) rotateZ(0deg);}
  100%{transform:rotateY(-660deg) rotateZ(0deg);}
}
@keyframes cir{
  0%{transform:rotateX(70deg) rotateY(0deg) rotateZ(0deg);}
  100%{transform:rotateX(70deg) rotateY(0deg) rotateZ(-360deg);}
}