/*!static/style/index.scss*/
.case-body a{ transition: 0s; }
.case-slogan a{ transition: 0s; }
.loading-box {position:absolute;left:0;top:0;width:100%;height:100%;background:#1f1f1f;z-index:9999;overflow:hidden}
.loading-inner {position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;background:url("../images/logo1.png") center no-repeat;-webkit-background-size:3.22em 1.02em;background-size:3.22em 1.02em;width:3.22em;height:1.02em}
.loading-ani-left {position:absolute;width:2.61em;height:1.02em;right:49%;top:0;background:#1f1f1f;opacity:.75;-webkit-filter:opacity(55);filter:opacity(55);-webkit-transform:skew(135deg) translate(0,0)}
@-webkit-keyframes fadeLeftIn {100% {-webkit-transform:skew(135deg) translate(-2.61em,0)}
}
.loading-ani-right {position:absolute;width:2.61em;height:1.02em;left:49%;top:0;background:#1f1f1f;opacity:.75;-webkit-filter:opacity(55);filter:opacity(55);-webkit-transform:skew(-45deg) translate(0,0)}
.hidden {overflow:hidden!important}
.nav-disc-box {position:fixed}
.panel-logo {position:absolute;left:50%;top:50%;background-position:center;background-repeat:no-repeat;-webkit-background-size:contain;background-size:contain;width:6em;height:7em;margin-top:-3.8em;margin-left:-3em;z-index:1000}
.panel-scroll {position:fixed;width:.45em;height:.42em;cursor:pointer;z-index:9900;background-image:url("../images/scroll-gray-img.png");-webkit-background-size:cover;background-size:cover;background-position:0 -.42em;background-repeat:no-repeat}
.panel-scroll:hover {background-position:0 0}
.panel-scroll.active {background-image:url("../images/scroll-white-img.png");-webkit-background-size:cover;background-size:cover;background-position:0 -.42em;background-repeat:no-repeat}
.panel-scroll.active:hover {background-position:0 0}
.line-box {position:absolute;left:0;top:0;width:100%;height:100%}
.line-box>div {position:absolute;left:0;top:0;width:100%;height:100%}
.panel-line {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%}
.panel-line-1 {width:486px;height:100%;-webkit-transform:translate(-104px,-50%);-moz-transform:translate(-104px,-50%);-ms-transform:translate(-104px,-50%);transform:translate(-104px,-50%)}
.panel-line-2 {width:813px;height:100%;-webkit-transform:translate(-258px,-50%);-moz-transform:translate(-258px,-50%);-ms-transform:translate(-258px,-50%);transform:translate(-258px,-50%)}
.panel-line-3 {width:630px;height:980px;-webkit-transform:translate(-432px,-50%);-moz-transform:translate(-432px,-50%);-ms-transform:translate(-432px,-50%);transform:translate(-432px,-50%)}
.panel-line-4 {width:1023px;height:980px;-webkit-transform:translate(-445px,-50%);-moz-transform:translate(-445px,-50%);-ms-transform:translate(-445px,-50%);transform:translate(-445px,-50%)}
.panel-line-5 {width:1208px;height:980px;-webkit-transform:translate(-577px,-50%);-moz-transform:translate(-577px,-50%);-ms-transform:translate(-577px,-50%);transform:translate(-577px,-50%)}
.panel-line-6 {width:840px;height:980px;-webkit-transform:translate(-94px,-50%);-moz-transform:translate(-94px,-50%);-ms-transform:translate(-94px,-50%);transform:translate(-94px,-50%)}
.section-vedio {position:fixed;left:0;top:0;width:100%;height:100%;z-index:500;background:#000;-webkit-transform:translate(0,-100%);-moz-transform:translate(0,-100%);-ms-transform:translate(0,-100%);transform:translate(0,-100%);margin-top:100px;display:none}
.section-vedio video {position:absolute;left:0;top:0;width:100%;height:100%}
.section-vedio .video-close {position:absolute;top:.5em;right:.5em;background:url("../images/vide-close.png") 0 0 no-repeat;width:.36em;height:.36em;-webkit-background-size:contain;background-size:contain;cursor:pointer;z-index:8000;opacity:.5}
.section-vedio .video-close:hover {-webkit-animation:aniCloseHover 500ms forwards;-moz-animation:aniCloseHover 500ms forwards;animation:aniCloseHover 500ms forwards}
@-webkit-keyframes aniCloseHover {100% {opacity:1}
}
@-moz-keyframes aniCloseHover {100% {opacity:1}
}
@keyframes aniCloseHover {100% {opacity:1}
}
.section {z-index:1000}
.m-section-panel-1 .slogan-txt,.m-section-panel-3 .slogan-txt,.m-section-panel-5 .slogan-txt {color:#a8a8a8}
.m-section-panel-2 .slogan-txt,.m-section-panel-4 .slogan-txt,.m-section-panel-6 .slogan-txt {color:gray}
.m-section-panel-1 {background:#f5f5f5 url("../images/img-index-bg1.png") center no-repeat;-webkit-background-size:100% auto;background-size:100% auto}
.m-section-panel-2 {background:#1f1f1f url("../images/img-index-bg2.png") center no-repeat;-webkit-background-size:100% auto;background-size:100% auto}
.m-section-panel-3 {background:#f5f5f5 url("../images/img-index-bg3.png") center no-repeat;-webkit-background-size:100% auto;background-size:100% auto}
.m-section-panel-4 {background:#1f1f1f url("../images/img-index-bg4.png") center no-repeat;-webkit-background-size:100% auto;background-size:100% auto}
.m-section-panel-5 {background:#f5f5f5 url("../images/img-index-bg5.png") center no-repeat;-webkit-background-size:100% auto;background-size:100% auto}
.m-section-panel-6 {background:#1f1f1f url("../images/img-index-bg6.png") center no-repeat;-webkit-background-size:100% auto;background-size:100% auto}
.m-section-panel-1 .panel-scroll,.m-section-panel-3 .panel-scroll,.m-section-panel-5 .panel-scroll {background-image:url("../images/scroll-gray-img.png");-webkit-background-size:cover;background-size:cover;background-position:0 -.42em;background-repeat:no-repeat}
.m-section-panel-1 .panel-scroll:hover,.m-section-panel-3 .panel-scroll:hover,.m-section-panel-5 .panel-scroll:hover {background-position:0 0}
.m-section-panel-1 .panel-scroll {opacity:1!important}
.m-section-panel-2 .panel-scroll,.m-section-panel-4 .panel-scroll,.m-section-panel-6 .panel-scroll,.section-end .panel-scroll {background-image:url("../images/scroll-white-img.png");-webkit-background-size:cover;background-size:cover;background-position:0 -.42em;background-repeat:no-repeat}
.m-section-panel-2 .panel-scroll:hover,.m-section-panel-4 .panel-scroll:hover,.m-section-panel-6 .panel-scroll:hover,.section-end .panel-scroll:hover {background-position:0 0}
.panel-title {opacity:0}
.panel-slogan {height:1.9em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.panel-slogan .slogan-img {position:absolute;left:0;top:0;opacity:0}
.panel-slogan .slogan-txt {margin-top:120px;line-height:30px;font-size:16px;opacity:0}
.m-section-panel-1 .panel-logo {background-image:url("../images/logo-1-bg.png")}
.m-section-panel-1 .panel-title-first {background:url("../images/intro-info-1.png") left top no-repeat;-webkit-background-size:contain;background-size:contain;width:.8em;height:1.86em;opacity:1;z-index:2000}
.m-section-panel-1 .panel-slogan-first {background:url("../images/solgan-img-1.png") left bottom no-repeat;width:1.71em;height:.33em;-webkit-background-size:contain;background-size:contain;opacity:1}
.m-section-panel-2 .panel-logo {background-image:url("../images/logo-2-bg.png")}
.m-section-panel-2 .panel-title {width:.55em;height:1em}
.m-section-panel-2 .panel-slogan .slogan-img {background:url("../images/solgan-img-2.png") left bottom no-repeat;width:2.38em;height:.84em;-webkit-background-size:contain;background-size:contain}
.m-section-panel-3 .panel-logo {background-image:url("../images/logo-3-bg.png")}
.m-section-panel-3 .panel-title {width:.55em;height:1em}
.m-section-panel-3 .panel-slogan .slogan-img {background:url("../images/solgan-img-3.png") left bottom no-repeat;width:2.48em;height:.82em;-webkit-background-size:contain;background-size:contain}
.m-section-panel-4 .panel-logo {background-image:url("../images/logo-4-bg.png")}
.m-section-panel-4 .panel-title {width:.79em;height:1em}
.m-section-panel-4 .panel-slogan .slogan-img {background:url("../images/solgan-img-4.png") left bottom no-repeat;width:2.53em;height:.86em;-webkit-background-size:contain;background-size:contain}
.m-section-panel-5 .panel-logo {background-image:url("../images/logo-5-bg.png")}
.m-section-panel-5 .panel-title {width:1.01em;height:1em}
.m-section-panel-5 .panel-slogan .slogan-img {background:url("../images/solgan-img-5.png") left bottom no-repeat;width:2.59em;height:.85em;-webkit-background-size:contain;background-size:contain}
.m-section-panel-6 .panel-logo {background-image:url("../images/logo-6-bg.png")}
.m-section-panel-6 .panel-title {width:.88em;height:1em}
.m-section-panel-6 .panel-slogan .slogan-img {background:url("../images/solgan-img-6.png") left bottom no-repeat;width:2.63em;height:.81em;-webkit-background-size:contain;background-size:contain}
.active .panel-logo {-webkit-transform:translate3d(0,0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
video::-webkit-media-controls-enclosure {display:none!important}
.videoActive video::-webkit-media-controls-enclosure {display:block!important}
.section-end {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 3.1em;background:#1f1f1f}
.section-end .panel-scroll {opacity:1}
.section-end .end-copyRight {position:absolute;left:50%;bottom:.5em;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}
.section-end .end-copyRight .copyRight-inner {color:#a8a8a8;font-size:12px}
.section-end .section-end-intro {position:absolute;left:50%;top:1.8em;min-height:1em;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);color:#fff;text-align:center}
.section-end .section-end-intro p {font-size:20px;line-height:40px}
.section-end .section-end-intro h1 {margin-top:10px;font-size:60px;text-align:center}
.section-end .end-item {display:block;position:absolute;width:243px;height:243px;left:50%;top:45%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:50%;border-radius:50%;padding:.7em 0;border:2px solid #ffdb60}
.section-end .end-item.active {border:2px solid #ffdb60}
.section-end .end-item.active:after,.section-end .end-item.active:before,.section-end .end-item.active .hover-circel-1,.section-end .end-item.active .hover-circel-2 {position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #ffdb60;-webkit-border-radius:100%;border-radius:100%;content:"";-webkit-animation:boom 1800ms 0ms infinite;-moz-animation:boom 1800ms 0ms infinite;animation:boom 1800ms 0ms infinite}
.section-end .end-item.active:after {-webkit-animation-delay:1500ms;-moz-animation-delay:1500ms;animation-delay:1500ms}
.section-end .end-item.active .hover-circel-1 {-webkit-animation-delay:1000ms;-moz-animation-delay:1000ms;animation-delay:1000ms}
.section-end .end-item.active .hover-circel-2 {-webkit-animation-delay:500ms;-moz-animation-delay:500ms;animation-delay:500ms}
@-webkit-keyframes boom {0% {opacity:.5}
100% {opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2)}
}
@-moz-keyframes boom {0% {opacity:.5}
100% {opacity:0;-moz-transform:scale(1.2);transform:scale(1.2)}
}
@keyframes boom {0% {opacity:.5}
100% {opacity:0;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);transform:scale(1.2)}
}
.section-end .end-item h2 {font-size:30px;font-family:panton_extraboldregular;color:#fff}
.section-end .end-item h4 {position:relative;font-size:14px;margin:10px 0 35px;color:#ccc}
.section-end .end-item h4:after {position:absolute;left:50%;top:200%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);background:url("../images/icon-heart.png") 0 0 no-repeat;width:12px;height:12px;content:""}
.section-end .end-item p {font-size:12px;line-height:30px;color:gray}
.section-end .section-end-inner {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:100%}
.section-end .section-end-inner .end-panel {position:relative;width:100%;height:100%;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}
@media all and (max-width:1600px) {.page-index .panel-slogan .slogan-txt {margin-top:95.8px;line-height:25.2px;font-size:14px}
.page-index .section-end .section-end-intro p {font-size:16.8px;line-height:35px}
.page-index .section-end .section-end-intro h1 {margin-top:8px;font-size:50px}
}
@media all and (max-width:1400px) {.page-index .panel-slogan .slogan-txt {margin-top:83.8px;line-height:22.2px;font-size:12px}
.page-index .section-end {padding:0 .2em}
.page-index .section-end .section-end-intro {top:150px}
.page-index .section-end .section-end-intro p {font-size:14px;line-height:28px}
.page-index .section-end .section-end-intro h1 {margin-top:7px;font-size:44px}
}
@media all and (max-width:1280px) {.page-index .panel-slogan .slogan-txt {margin-top:77.6px;line-height:20.4px}
.page-index .section-end {padding:0}
.page-index .section-end .section-end-intro p {font-size:13px;line-height:26px}
.page-index .section-end .section-end-intro h1 {margin-top:6px;font-size:40px}
}
@media all and (max-width:1024px) {.page-index .panel-slogan .slogan-txt {margin-top:77.6px;line-height:20.4px}
.page-index .section-end {padding:0}
.page-index .section-end .section-end-intro p {font-size:13px;line-height:26px}
.page-index .section-end .section-end-intro h1 {margin-top:6px;font-size:40px}
}
@media all and (max-width:960px) {.page-index .panel-slogan .slogan-txt {margin-top:50.4px;line-height:15.6px}
.page-index .line-box {display:none}
}
@media all and (max-width:768px) {.page-index {min-height:1080px}
.page-index .loading-inner {position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;background:url("../images/logo1.png") center no-repeat;-webkit-background-size:242px 79px;background-size:242px 79px;width:242px;height:79px}
.page-index .loading-inner .loading-ani-left {position:absolute;width:584px;height:79px;right:49%;top:0;background:#1f1f1f;-webkit-transform:skew(135deg) translate(0,0)}
.page-index .loading-inner .loading-ani-right {position:absolute;width:584px;height:79px;left:49%;top:0;background:#1f1f1f;-webkit-transform:skew(-45deg) translate(0,0)}
.page-index .t-left-top,.page-index .t-right-top {top:40px!important}
.page-index .t-right-bot {bottom:30px!important}
.page-index .m-section-panel-1,.page-index .m-section-panel-2,.page-index .m-section-panel-3,.page-index .m-section-panel-4,.page-index .m-section-panel-5,.page-index .m-section-panel-6 {-webkit-background-size:auto 100%;background-size:auto 100%}
.page-index .panel-slogan {bottom:40px;max-width:250px;text-align:justify}
.page-index .panel-slogan .slogan-txt {margin-top:50px;line-height:15px;font-size:13px}
.page-index .m-section-panel-1 .panel-slogan-first {bottom:30px;width:2.14em;height:.48em}
.page-index .m-section-panel-2 .panel-slogan {bottom:60px}
.page-index .m-section-panel-3 .panel-slogan .slogan-txt,.page-index .m-section-panel-5 .panel-slogan .slogan-txt,.page-index .m-section-panel-6 .panel-slogan .slogan-txt {margin-top:60px}
.page-index .panel-logo {width:300px;height:350px;margin-top:-240px;margin-left:-150px;-webkit-transform:translate(0,0)!important;-moz-transform:translate(0,0)!important;-ms-transform:translate(0,0)!important;transform:translate(0,0)!important}
.page-index .section-end {padding:0;overflow:hidden}
.page-index .section-end .fp-tableCell {display:block!important}
.page-index .section-end .section-end-intro {width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 20px;top:80px!important}
.page-index .section-end .section-end-intro p {font-size:13px;line-height:20px;text-align:center}
.page-index .section-end .section-end-intro p span {display:block}
.page-index .section-end .section-end-intro h1 {position:absolute;left:50%;font-size:20px;width:100%;top:50px;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);text-align:center}
.page-index .section-end .section-end-inner {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:170px 0 100px;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.page-index .section-end .section-end-inner .end-panel {height:auto!important;display:-webkit-box;-webkit-box-align:center;-webkit-box-pack:center}
.page-index .section-end .section-end-inner .end-panel .end-item {position:static!important;width:100%;height:auto!important;padding:0!important;margin:0!important;border:0;left:0;top:0;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);text-align:center}
.page-index .section-end .section-end-inner .end-panel .end-item h4 {margin:3px 0 0}
.page-index .section-end .section-end-inner .end-panel .end-item h4:after {left:50%;top:170%;display:none}
.page-index .section-end .section-end-inner .end-panel .end-item p {text-align:center;margin-top:20px;display:none}
.page-index .section-end .end-share {left:50%;width:100%;bottom:60px;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);text-align:center}
.page-index .section-end .end-share a {float:none;display:inline-block;width:30px;height:30px;-webkit-background-size:30px 60px;background-size:30px 60px;background-position:0 -30px}
.page-index .section-end .end-copyRight {left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 50px;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);text-align:center;line-height:16px;width:100%}
.page-index .section-end .end-copyRight span {display:block}
}
/*!static/style/about.scss*/.page-about {overflow-x:hidden;padding-top:2.25em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.page-about .txt-inner {position:absolute;top:2.74em;left:0;width:100%;height:100%;color:#000;text-align:left}
.page-about .txt-inner .cn {margin:15px 0;font-size:18px;line-height:24px}
.page-about .txt-inner .en {font-size:16px;color:#818181;line-height:22px}
.page-about .b-body-scroll-bot {height:2.3em!important;padding:0}
.page-about .a-section {position:relative}
.page-about .a-section-1 {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 2.1em}
.page-about .a-section-1 .a-logo {position:absolute;left:50%;top:.4em;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);background:url("../images/about-logo.png") center no-repeat;-webkit-background-size:contain;background-size:contain;width:7.4em;height:6.6em}
.page-about .a-section-1 .a-slogan .a-slogan-img {background:url("../images/about-solgan.png") center no-repeat;-webkit-background-size:contain;background-size:contain;width:3.42em;height:2.55em;margin-bottom:1em}
.page-about .a-section-1 .a-slogan .a-slogan-txt {background:url("../images/about-solgan-txt.png") left top no-repeat;width:2.7em;height:.29em;-webkit-background-size:contain;background-size:contain}
.page-about .a-section-1 .a-quote {position:absolute;right:0;top:2.4em;width:3.7em;height:5em}
.page-about .a-section-1 .a-quote .a-quote-img {background:url("../images/about-quote-img.png") center no-repeat;width:.64em;height:.51em;-webkit-background-size:contain;background-size:contain;margin-bottom:.7em}
.page-about .a-section-1 .a-quote .a-quote-txt {width:3.7em;height:1.8em;overflow:hidden}
.page-about .a-section-1 .a-quote .a-quote-txt .a-quote-text {font-size:16px;line-height:32px;text-align:justify}
.page-about .a-section-1 .a-icon {background:url("../images/about-icon.png") center no-repeat;width:7.9em;height:.46em;-webkit-background-size:contain;background-size:contain;margin:3.9em auto 0}
.page-about .a-section-2 {padding-top:2em}
.page-about .a-section-2 .a-section-panel {width:auto;height:4em;margin-bottom:1.35em;text-align:center}
.page-about .a-section-2 .a-section-panel:last-child {margin:0}
.page-about .a-section-2 .a-section-panel>div {display:inline-block}
.page-about .a-section-2 .a-section-panel>div:first-child {}
.page-about .a-section-2 .a-who {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.page-about .a-section-2 .a-who .a-who-img {-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;background:url("../images/about-who-img.png") right top no-repeat;width:6.14em;height:4.01em;-webkit-background-size:contain;background-size:contain;display:-webkit-box;-webkit-box-pack:end;margin-right:.4em}
.page-about .a-section-2 .a-who .a-who-txt {-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;position:relative;width:4.86em;height:3.48em;margin-left:.48em;margin-top:.35em}
.page-about .a-section-2 .a-who .a-who-txt .txt-name p {font-family:panton_extraboldregular;font-size:60px;line-height:55px;text-align:left}
.page-about .a-section-2 .a-who .a-who-txt .txt-name div {font-size:28px;font-family:"宋体",Songti;text-align:left;margin-top:10px}
.page-about .a-section-2 .a-can {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.page-about .a-section-2 .a-can .a-can-img {-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;background:url("../images/about-can-img.png") left top no-repeat;width:6.12em;height:3.95em;-webkit-background-size:contain;background-size:contain;margin-right:.35em}
.page-about .a-section-2 .a-can .a-can-txt {-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;position:relative;width:5.41em;height:3.74em;text-align:right;margin-right:1.2em}
.page-about .a-section-2 .a-can .a-can-txt .txt-name p {font-family:panton_extraboldregular;font-size:60px;line-height:55px;text-align:right}
.page-about .a-section-2 .a-can .a-can-txt .txt-name div {font-size:28px;font-family:"宋体",Songti;text-align:right;margin-top:10px}
.page-about .a-section-2 .a-can .a-can-txt .txt-inner {top:2.85em}
.page-about .a-section-2 .a-can .a-can-txt .txt-inner .cn,.page-about .a-section-2 .a-can .a-can-txt .txt-inner .en {text-align:right}
.page-about .a-section-2 .a-is {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.page-about .a-section-2 .a-is .a-is-img {-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;background:url("../images/about-is-img.png") right top no-repeat;width:6.11em;height:3.9em;-webkit-background-size:contain;background-size:contain;margin-right:.4em}
.page-about .a-section-2 .a-is .a-is-txt {-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;position:relative;width:4.38em;height:3.73em;margin-left:.48em;margin-top:.25em}
.page-about .a-section-2 .a-is .a-is-txt .txt-name p {font-family:panton_extraboldregular;font-size:60px;line-height:55px;text-align:left}
.page-about .a-section-2 .a-is .a-is-txt .txt-name div {font-size:28px;font-family:"宋体",Songti;text-align:left;margin-top:10px}
.page-about .a-section-2 .a-is .a-is-txt .txt-inner {top:2.85em}
.page-about .a-section-3 {padding:1.85em 0 .6em}
.page-about .a-do-txt {width:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.page-about .a-do-txt .do-txt {-moz-box-flex:1;-ms-flex:1;flex:1;-webkit-box-flex:1;-webkit-flex:1;display:-webkit-box;-webkit-box-align:center}
.page-about .a-section-4 {padding:0 2.1em;text-align:center;width:auto;height:7.3em;padding-top:.98em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.page-about .a-section-4 .a-how-img {position:absolute;left:50%;top:0;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);background:url("../images/about-how-img.png") center no-repeat;width:6.18em;height:7.3em;-webkit-background-size:contain;background-size:contain}
.page-about .a-section-4 .a-how-txt1 {-webkit-box-pack:start;background:url("../images/about-how-txt1.png") left top no-repeat;width:4.5em;height:1.3em;-webkit-background-size:contain;background-size:contain}
.page-about .a-section-4 .a-how-txt1 p {display:none}
.page-about .a-section-4 .a-how-txt2 {-webkit-box-pack:end;background:url("../images/about-how-txt2.png") right top no-repeat;-webkit-background-size:contain;background-size:contain;width:3.86em;height:1.3em}
.page-about .a-section-4 .a-how-txt2 p {display:none}
.page-about .a-section-5 {height:4.73em;margin:.5em 0}
.page-about .a-section-5 .a-how-banner {position:relative;left:0;top:0;height:100%}
.page-about .a-section-5 .a-how-banner img {position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.page-about .a-section-6 {width:100%;height:7.34em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:.95em 2.1em 0;overflow:hidden}
.page-about .a-section-6 .a-do-img {position:absolute;left:50%;top:0;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);background:url("../images/about-do-img.png") center no-repeat;width:3.2em;height:7.34em;-webkit-background-size:contain;background-size:contain}
.page-about .a-section-6 .a-do-txt1 {-webkit-box-pack:start;background:url("../images/about-do-txt1.png") left top no-repeat;width:4.68em;height:1.84em;-webkit-background-size:contain;background-size:contain}
.page-about .a-section-6 .a-do-txt1 p {display:none}
.page-about .a-section-6 .a-do-txt2 {-webkit-box-pack:end;background:url("../images/about-do-txt2.png") right top no-repeat;width:4.15em;height:2.36em;-webkit-background-size:contain;background-size:contain}
.page-about .a-section-6 .a-do-txt2 p {display:none}
.page-about .a-section-7 {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:14.56em;margin:1.48em auto 1.75em}
.page-about .a-section-7 ul {width:100%;height:100%;margin:0 auto;overflow:hidden;text-align:center}
.page-about .a-section-7 ul li {float:left;margin:0 .16em;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;width:2.1em;height:1.15em}
.page-about .a-section-7 ul li:last-child {margin-right:0}
.page-about .a-section-7 .a-client-box {position:relative;width:100%;height:1.15em}
.page-about .a-section-7 .a-client-box img {width:2.1em;height:1.15em}
.page-about .a-section-7 .a-client-disc {width:100%;height:1.22em}
.page-about .a-section-7 .a-client-disc li {-webkit-box-pack:end}
.page-about .a-section-7 .a-client-disc li:last-child img {display:none}
.page-about .a-section-7 .a-client-disc li img {width:.28em;height:.28em;margin-right:-.14em}
.page-about .a-section-8 .office-box {width:13.3em;text-align:center;height:3.16em;-webkit-text-size-adjust:none;margin:0 auto}
.page-about .a-section-8 .office-box .office-item {float:left;position:relative;width:3.16em;height:3.16em;margin:0 .2em .2em 0}
.page-about .a-section-8 .office-box .office-item:last-child {margin-right:0}
.page-about .a-section-8 .office-box .office-item .office-item-mask {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.75);z-index:2000}
.page-about .a-section-8 .office-box .office-item img {-webkit-filter:grayscale(100%);filter:grayscale(100%)}
@media all and (max-width:1600px) {.page-about .a-section-1 {margin:0 2em}
.page-about .a-section-2 .a-who .a-who-txt .txt-name p {font-size:50px;line-height:46px}
.page-about .a-section-2 .a-who .a-who-txt .txt-name div {font-size:23px;margin-top:8px}
.page-about .a-section-2 .a-can .a-can-txt .txt-name p {font-size:50px;line-height:46px}
.page-about .a-section-2 .a-can .a-can-txt .txt-name div {font-size:23px;margin-top:8px}
.page-about .a-section-2 .a-is .a-is-txt .txt-name p {font-size:50px;line-height:46px}
.page-about .a-section-2 .a-is .a-is-txt .txt-name div {font-size:23px;margin-top:8px}
.page-about .a-quote-text {font-size:13px!important;line-height:26px!important}
.page-about .txt-inner .cn {margin:12.6px 0;font-size:15px;line-height:20px}
.page-about .txt-inner .en {font-size:13.44px;line-height:18.48px}
}
@media all and (max-width:1400px) {.page-about .a-section-1 {margin:0 1.8em}
.page-about .a-section-2 .a-who .a-who-txt .txt-name p {font-size:44px;line-height:40px}
.page-about .a-section-2 .a-who .a-who-txt .txt-name div {font-size:20px;margin-top:7px}
.page-about .a-section-2 .a-can .a-can-txt .txt-name p {font-size:44px;line-height:40px}
.page-about .a-section-2 .a-can .a-can-txt .txt-name div {font-size:20px;margin-top:7px}
.page-about .a-section-2 .a-is .a-is-txt .txt-name p {font-size:44px;line-height:40px}
.page-about .a-section-2 .a-is .a-is-txt .txt-name div {font-size:20px;margin-top:7px}
.page-about .a-quote-text {font-size:11px!important;line-height:23px!important}
.page-about .txt-inner .cn {margin:11.1px 0;font-size:13.32px;line-height:17.76px}
.page-about .txt-inner .en {font-size:11.84px;line-height:16.28px}
}
@media all and (max-width:1280px) {.page-about .a-section-1 {margin:0 .5em}
.page-about .a-section-2 .a-who .a-who-txt .txt-name p {font-size:40px;line-height:37px}
.page-about .a-section-2 .a-who .a-who-txt .txt-name div {font-size:19px;margin-top:6px}
.page-about .a-section-2 .a-can .a-can-txt .txt-name p {font-size:40px;line-height:37px}
.page-about .a-section-2 .a-can .a-can-txt .txt-name div {font-size:19px;margin-top:6px}
.page-about .a-section-2 .a-is .a-is-txt .txt-name p {font-size:40px;line-height:37px}
.page-about .a-section-2 .a-is .a-is-txt .txt-name div {font-size:19px;margin-top:6px}
.page-about .a-quote-text {line-height:21px!important}
.page-about .txt-inner .cn {margin:10.2px 0;font-size:12.24px;line-height:16.32px}
.page-about .txt-inner .en {font-size:10.88px;line-height:14.96px}
.page-about .a-section-4,.page-about .a-section-6 {padding:.55em 1em 0}
}
@media all and (max-width:960px) {.page-about {min-width:960px!important}
.page-about .a-section-1 {margin:0 2em}
.page-about .a-section-2 .a-who .a-who-txt .txt-name p {font-size:31px;line-height:30px}
.page-about .a-section-2 .a-who .a-who-txt .txt-name div {font-size:14px;margin-top:5px}
.page-about .a-section-2 .a-can .a-can-txt .txt-name p {font-size:31px;line-height:30px}
.page-about .a-section-2 .a-can .a-can-txt .txt-name div {font-size:14px;margin-top:5px}
.page-about .a-section-2 .a-is .a-is-txt .txt-name p {font-size:31px;line-height:30px}
.page-about .a-section-2 .a-is .a-is-txt .txt-name div {font-size:14px;margin-top:5px}
.page-about .a-quote-text {line-height:16px!important}
.page-about .txt-inner .cn {margin:7.8px 0;font-size:9.36px;line-height:12.48px}
.page-about .txt-inner .en {font-size:8.32px;line-height:11.44px}
}
@media all and (max-width:768px) {.page-about {min-width:100%!important}
.page-about .nav-disc-box {position:fixed!important}
.page-about .a-section-1 {margin:0;width:100%;overflow:hidden;height:660px}
.page-about .a-section-1 .a-icon {max-width:90%;min-height:30px;margin:360px auto 0}
.page-about .a-section-1 .a-logo {top:0}
.page-about .a-section-1 .a-slogan {float:left;margin:390px 0 0;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:20px;display:none}
.page-about .a-section-1 .a-quote {position:static;float:right;margin:390px 0 0;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:inherit;padding:0 20px}
.page-about .a-section-1 .a-quote .a-quote-img {display:none}
.page-about .a-section-1 .a-quote .a-quote-txt {width:100%!important;height:250px!important;display:-webkit-box;-webkit-box-align:center;-webkit-box-pack:center}
.page-about .a-section-1 .a-quote .a-quote-txt .a-quote-text {font-size:16px!important;line-height:30px!important;text-align:justify!important}
.page-about .a-section-2 {padding:0}
.page-about .a-section-2 .a-section-panel {position:relative;height:500px;margin:0 20px 40px}
.page-about .a-section-2 .a-section-panel .a-who-txt,.page-about .a-section-2 .a-section-panel .a-can-txt,.page-about .a-section-2 .a-section-panel .a-is-txt {position:absolute;top:200px;left:40%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}
.page-about .a-section-2 .a-section-panel .a-who-txt.a-can-txt,.page-about .a-section-2 .a-section-panel .a-can-txt.a-can-txt,.page-about .a-section-2 .a-section-panel .a-is-txt.a-can-txt {left:48%}
.page-about .a-section-2 .a-section-panel .a-who-txt .txt-inner,.page-about .a-section-2 .a-section-panel .a-can-txt .txt-inner,.page-about .a-section-2 .a-section-panel .a-is-txt .txt-inner {top:110px}
.page-about .a-section-2 .a-section-panel .a-who-txt .txt-inner .cn,.page-about .a-section-2 .a-section-panel .a-who-txt .txt-inner .en,.page-about .a-section-2 .a-section-panel .a-can-txt .txt-inner .cn,.page-about .a-section-2 .a-section-panel .a-can-txt .txt-inner .en,.page-about .a-section-2 .a-section-panel .a-is-txt .txt-inner .cn,.page-about .a-section-2 .a-section-panel .a-is-txt .txt-inner .en {font-size:14px;line-height:20px}
.page-about .a-section-2 .a-section-panel .a-can-txt .txt-inner,.page-about .a-section-2 .a-section-panel .a-is-txt .txt-inner {top:150px}
.page-about .a-section-2 .a-section-panel .a-who-img,.page-about .a-section-2 .a-section-panel .a-can-img,.page-about .a-section-2 .a-section-panel .a-is-img {margin:0 auto 0!important;width:280px;background-position:center top!important;-webkit-background-size:280px auto;background-size:280px auto}
.page-about .a-section-3 {margin:70px auto;padding:0}
.page-about .a-section-4 {margin:70px auto;padding:0;height:630px}
.page-about .a-section-4 .a-how-img {margin-top:250px}
.page-about .a-section-4 .a-do-txt {display:block}
.page-about .a-section-4 .a-do-txt .do-txt {background:0 0;display:block;width:100%;max-width:600px;margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:40px}
.page-about .a-section-4 .a-do-txt .do-txt p {display:block;width:100%;height:20px;font-size:14px;margin-bottom:10px}
.page-about .a-section-4 .a-do-txt .do-txt p .pull-left:first-child {margin-right:10%}
.page-about .a-section-5 {width:100%;height:200px;margin:40px 0;background:url("../images/about-banner.png") center no-repeat;-webkit-background-size:cover;background-size:cover}
.page-about .a-section-5 img {display:none}
.page-about .a-section-6 {margin:70px auto;padding:0;height:720px}
.page-about .a-section-6 .a-do-img {margin-top:315px}
.page-about .a-section-6 .a-do-txt {display:block}
.page-about .a-section-6 .a-do-txt .do-txt {background:0 0;display:block;width:100%;max-width:600px;margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:40px}
.page-about .a-section-6 .a-do-txt .do-txt p {display:block;width:100%;height:20px;font-size:14px;margin-bottom:10px}
.page-about .a-section-6 .a-do-txt .do-txt p .pull-left:first-child {margin-right:10%}
.page-about .a-section-7 {width:100%;margin:0 auto 50px}
.page-about .a-section-7 .a-client-box {height:180px}
.page-about .a-section-7 .a-client-box ul {width:100%;display:block;max-width:400px;margin:0 auto}
.page-about .a-section-7 .a-client-box ul:after {content:"";display:table;font-size:0;line-height:0;clear:both}
.page-about .a-section-7 .a-client-box ul li {-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;width:50%;margin:0;float:left}
.page-about .a-section-7 .a-client-disc {display:none}
.page-about .a-section-8 {width:100%;max-width:400px;margin:0 auto}
.page-about .a-section-8 .office-box {width:100%;height:auto}
.page-about .a-section-8 .office-box .office-item {width:-webkit-calc(50% - 10px);width:-moz-calc(50% - 10px);width:calc(50% - 10px);height:auto;margin:5px}
.page-about .a-section-8 .office-box .office-item .office-item-mask {display:none}
.page-about .a-section-8 .office-box .office-item img {-webkit-filter:grayscale(0%);filter:grayscale(0%)}
}
/*!static/style/blog.scss*/.archive .logo {background:url("../images/logo-bg-white.png") 0 center no-repeat;-webkit-background-size:contain;background-size:contain}
.archive .h-header {position:relative}
.archive .h-header .h-header-intro {position:absolute;left:.7em;bottom:.6em;color:#fff;font-family:PingFangSC-Light,'YaHei Light'}
.archive .h-header .h-header-intro span {display:block;font-size:40px;line-height:55px;font-weight:100}
.archive .b-body-scroll-bot {height:4.9em}
.archive .b-body-scroll-bot i {top:70%}
.archive .b-body-scroll-bot label {cursor:pointer}
.archive .b-header img {display:block;width:100%;max-width:100%}
.archive .b-nav {width:auto;height:1em;overflow:hidden}
.archive .b-nav .current-menu-item a {background-color:#fff!important;color:#000}
.archive .b-nav ul {width:100%;height:100%;overflow:hidden}
.archive .b-nav ul li {display:block;float:left;width:25%;height:100%}
.archive .b-nav ul li:first-child a {background:#000 url("../images/b-nav-1.png") center 60px no-repeat;-webkit-background-size:85px 15px;background-size:85px 15px}
.archive .b-nav ul li:nth-child(2n) a {background:#000 url("../images/b-nav-2.png") center 60px no-repeat;-webkit-background-size:85px 15px;background-size:85px 15px}
.archive .b-nav ul li:nth-child(3n) a {background:#000 url("../images/b-nav-3.png") center 60px no-repeat;-webkit-background-size:85px 15px;background-size:85px 15px}
.archive .b-nav ul li:last-child a {background:#000 url("../images/b-nav-4.png") center 60px no-repeat;-webkit-background-size:85px 15px;background-size:85px 15px}
.archive .b-nav a {display:block;width:100%;height:100%;color:#fff;text-align:center;font-size:24px;padding-top:27px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.archive .b-nav a span {display:block;color:#818181;text-align:center;font-size:16px;padding-top:10px}
.archive .b-item {position:relative;display:block;width:100%;height:200px;border-bottom:1px solid #fff;overflow:hidden;background:#fbfafa}
.archive .b-item:hover {-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
.archive .b-item:hover .b-item-link {background:#ffdb60;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
.archive .b-item:hover .item-type,.archive .b-item:hover .item-desc,.archive .b-item:hover .item-time {color:#000}
.archive .b-item .b-item-link {position:absolute;left:0;top:0;width:100%;height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:200px;padding-top:70px}
.archive .b-item:last-child {border:0}
.archive .b-item .item-type {position:relative;left:100px;top:72px;font-size:16px;color:#a0a0a0;margin-right:150px;z-index:1000}
.archive .b-item .item-title {float:left;position:relative;min-width:100px;font-family:'宋体',Songti;font-size:30px;font-weight:400;color:#000;text-align:left;margin-right:40px;margin-top:-2px}
.archive .b-item .item-time {position:absolute;left:3px;top:145%;color:#a7a7a7;font-size:14px;font-family:'Helvetica Neue',Helvetica,'Hiragino Sans GB',PingHei,'PingFang SC',PingFangSC-Light,STHeitiSC-Light,'YaHei Light','Microsoft YaHei','Lantinghei SC',Arial,sans-serif}
.archive .b-item .item-desc {float:right;margin-left:40px;font-size:20px;color:#a0a0a0;margin-top:5px;font-family:'Helvetica Neue',Helvetica,'Hiragino Sans GB',PingHei,'PingFang SC',PingFangSC-Light,STHeitiSC-Light,'YaHei Light','Microsoft YaHei','Lantinghei SC',Arial,sans-serif}
@media all and (max-width:1600px) {.archive .h-header .h-header-intro span {font-size:33px;line-height:46px}
.archive .b-nav ul li:first-child a {background:#000 url("../images/b-nav-1.png") center 50px no-repeat;-webkit-background-size:85px 15px;background-size:85px 15px}
.archive .b-nav ul li:nth-child(2n) a {background:#000 url("../images/b-nav-2.png") center 50px no-repeat;-webkit-background-size:85px 15px;background-size:85px 15px}
.archive .b-nav ul li:nth-child(3n) a {background:#000 url("../images/b-nav-3.png") center 50px no-repeat;-webkit-background-size:85px 15px;background-size:85px 15px}
.archive .b-nav ul li:last-child a {background:#000 url("../images/b-nav-4.png") center 50px no-repeat;-webkit-background-size:85px 15px;background-size:85px 15px}
.archive .b-nav a {font-size:22px;padding-top:22px}
.archive .b-nav a span {font-size:14px;padding-top:8px}
.archive .b-item {height:168px}
.archive .b-item .item-type {margin-right:126px;font-size:14px}
.archive .b-item .b-item-link {padding-left:168px;padding-top:59px}
.archive .b-item .item-title {font-size:25px;margin-right:33px;margin-top:-1px}
.archive .b-item .item-time {font-size:12px}
.archive .b-item .item-desc {margin-left:33px;font-size:16px}
.b-body-scroll-bot label {font-size:17px!important}
}
@media all and (max-width:1400px) {.archive .h-header .h-header-intro span {font-size:29px;line-height:40px}
.archive .b-nav ul li:first-child a {background:#000 url("../images/b-nav-1.png") center 44px no-repeat;-webkit-background-size:85px 15px;background-size:85px 15px}
.archive .b-nav ul li:nth-child(2n) a {background:#000 url("../images/b-nav-2.png") center 44px no-repeat;-webkit-background-size:85px 15px;background-size:85px 15px}
.archive .b-nav ul li:nth-child(3n) a {background:#000 url("../images/b-nav-3.png") center 44px no-repeat;-webkit-background-size:85px 15px;background-size:85px 15px}
.archive .b-nav ul li:last-child a {background:#000 url("../images/b-nav-4.png") center 44px no-repeat;-webkit-background-size:85px 15px;background-size:85px 15px}
.archive .b-nav a {font-size:20px;padding-top:17px}
.archive .b-nav a span {font-size:12px;padding-top:6px}
.archive .b-item {height:148px}
.archive .b-item .item-type {margin-right:111px;font-size:12px}
.archive .b-item .b-item-link {padding-left:148px;padding-top:52px}
.archive .b-item .item-title {font-size:22px;margin-right:29px;margin-top:-2px}
.archive .b-item .item-time {font-size:12px}
.archive .b-item .item-desc {margin-left:29px;font-size:14px}
.b-body-scroll-bot label {font-size:15px!important}
}
@media all and (max-width:1280px) {.archive .h-header .h-header-intro span {font-size:27px;line-height:37px}
.archive .b-nav ul li:first-child a {background:#000 url("../images/b-nav-1.png") center 40px no-repeat;-webkit-background-size:85px 15px;background-size:85px 15px}
.archive .b-nav ul li:nth-child(2n) a {background:#000 url("../images/b-nav-2.png") center 40px no-repeat;-webkit-background-size:85px 15px;background-size:85px 15px}
.archive .b-nav ul li:nth-child(3n) a {background:#000 url("../images/b-nav-3.png") center 40px no-repeat;-webkit-background-size:85px 15px;background-size:85px 15px}
.archive .b-nav ul li:last-child a {background:#000 url("../images/b-nav-4.png") center 40px no-repeat;-webkit-background-size:85px 15px;background-size:85px 15px}
.archive .b-nav a {font-size:18px;padding-top:12px}
.archive .b-nav a span {font-size:12px;padding-top:6px}
.archive .b-body-scroll-bot label {font-size:13px!important}
.b-item {height:136px}
.b-item .item-type {margin-right:102px;font-size:12px}
.b-item .b-item-link {padding-left:136px;padding-top:47px}
.b-item .item-title {font-size:20px;margin-right:27px;margin-top:-2px}
.b-item .item-time {font-size:11px}
.b-item .item-desc {margin-left:27px;font-size:11px}
}
@media all and (max-width:960px) {.archive .h-header .h-header-intro span {font-size:20px;line-height:28px}
.archive .b-nav ul li:first-child a {background:#000 url("../images/b-nav-1.png") center 30px no-repeat;-webkit-background-size:85px 15px;background-size:85px 15px}
.archive .b-nav ul li:nth-child(2n) a {background:#000 url("../images/b-nav-2.png") center 30px no-repeat;-webkit-background-size:85px 15px;background-size:85px 15px}
.archive .b-nav ul li:nth-child(3n) a {background:#000 url("../images/b-nav-3.png") center 30px no-repeat;-webkit-background-size:85px 15px;background-size:85px 15px}
.archive .b-nav ul li:last-child a {background:#000 url("../images/b-nav-4.png") center 30px no-repeat;-webkit-background-size:85px 15px;background-size:85px 15px}
.archive .b-nav a {font-size:16px;padding-top:8px}
.archive .b-nav a span {font-size:12px;padding-top:6px}
.archive .b-body-scroll-bot label {font-size:12px!important}
.b-item {height:104px}
.b-item .item-type {margin-right:78px;font-size:11px}
.b-item .b-item-link {padding-left:104px;padding-top:36px}
.b-item .item-title {font-size:15px;margin-right:21px;margin-top:-2px}
}
@media all and (max-width:768px) {.archive .h-header {position:relative}
.archive .h-header .h-header-intro {position:absolute;left:20px;bottom:10px;color:#fff}
.archive .h-header .h-header-intro span {display:block;font-size:13px;line-height:14px;font-weight:100}
.archive .b-nav ul li a {background:#000!important;display:-webkit-box;-webkit-box-align:center;-webkit-box-pack:center;padding:0}
.b-item {height:180px!important}
.b-item .item-type {position:absolute!important;left:50%!important;top:15px!important;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);float:none!important;font-size:18px!important;text-align:center;line-height:30px;margin:0!important;z-index:2000}
.b-item .b-item-link {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:20px!important;padding-top:50px!important}
.b-item .b-item-link .item-title {width:100%;font-size:30px!important;text-align:center!important;margin:0!important}
.b-item .b-item-link .item-title .item-desc {float:none;color:#8d8d8d;font-size:18px;margin:10px 0 0!important;padding:0!important}
.b-item .b-item-link .item-title .item-time {position:static;width:100%;font-size:14px;text-align:center}
}
/*!static/style/case.scss*/.page-case {}
/* .page-case .logo {position:absolute;background-image:url("../images/logo-case.png");-webkit-background-size:contain;background-size:contain}
.page-case .contact-us {position:absolute;z-index:9700}
.page-case .contact-us a {display:block;background:url("../images/case-contact-img.png") right center no-repeat;width:150px;height:20px;line-height:20px;font-size:16px;color:#6e6e6e;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-right:75px} */
.page-case .nav-disc-box {position:fixed}
.page-case .scroll-top {position:fixed}
.page-case .fullpage-nav {position:absolute; padding-left: 105px;  height: 62px; background: url(../images/case_li_bg.png) no-repeat center; right:214px;bottom:25px;-webkit-transform:translate(0,-50%);z-index:10000}
.page-case .fullpage-nav li { width: 15px; float: left; text-align: center; margin:0 9px; margin-top: 22px; font-size:14px;color:#999;cursor:pointer; padding-bottom: 3px;}
.page-case .fullpage-nav li.active {color:#000; border-bottom: 1px solid #000;}
.page-case .case-body {position:absolute;left:0;top:0;width:100%; height: 640px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;margin:auto;z-index: 1;}
.page-case .case-body .case-panel {position:absolute;left:0;top:0;width:68.3%;height:100%;}
.page-case .case-body .case-panel.case-panel-1 {z-index:200;background:url("../images/case-img-1.jpg") center no-repeat;/* -webkit-background-size:cover;background-size:cover */}
.page-case .case-body .case-panel.case-panel-2 {z-index:100;background:url("../images/case-img-3.jpg") center no-repeat;/* -webkit-background-size:cover;background-size:cover */}
.page-case .case-body .case-panel.case-panel-3 {z-index:100;background:url("../images/case-img-2.jpg") center no-repeat;/* -webkit-background-size:cover;background-size:cover */}
.page-case .case-body .case-panel.case-panel-4 {z-index:100;background:url("../images/case-img-4.jpg") center no-repeat;/* -webkit-background-size:cover;background-size:cover */}
.page-case .case-body .case-panel.case-panel-m {z-index:100;background:url("../images/case-img-m.jpg") center no-repeat;/* -webkit-background-size:cover;background-size:cover */}
.page-case .case-slogan {position:absolute;top:0;right:0;width:32%;height:100%;z-index:2;overflow:hidden}
.page-case .case-slogan .case-slogan-panel {position:absolute;right:0;top:0;width:100%;height:100%;color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.page-case .case-slogan .case-slogan-panel .case-slogan-inner {position:relative;width:100%;height:100%;font-size:13px}
.page-case .case-slogan .case-slogan-panel .case-slogan-inner .case-slogan-tips {height:54px}
.page-case .case-slogan .case-slogan-panel .case-slogan-inner .slogan-tips-box {line-height:27px}
.page-case .case-slogan .case-slogan-panel .case-slogan-inner .slogan-tips-box span {float:left;display:inline-block;margin-right:15px}
.page-case .case-slogan .case-slogan-panel .case-slogan-inner .slogan-tips-box span:last-child {margin:0}
.page-case .case-slogan .case-slogan-panel .case-slogan-inner .case-slogan-slogan {font-size:40px;margin:55px 0;line-height:50px;font-family:panton_extraboldregular}
.page-case .case-slogan .case-slogan-panel .case-slogan-inner .case-slogan-name {font-size:30px;margin-bottom:20px}
.page-case .case-slogan .case-slogan-panel .case-slogan-inner .case-slogan-intro {line-height:26px;text-align:justify}
.page-case .case-slogan .case-slogan-panel .case-slogan-inner .case-slogan-arrow {position:absolute;left:0;bottom:0;background:url("../images/slogan-arrow.png") center no-repeat;-webkit-background-size:contain;background-size:contain;width:58px;height:6px}
.page-case .case-slogan .case-slogan-panel.case-slogan-1 {z-index:100;background:#00A14B}
.page-case .case-slogan .case-slogan-panel.case-slogan-2 {background:#75c26d}
.page-case .case-slogan .case-slogan-panel.case-slogan-3 {background:#009fe8}
.page-case .case-slogan .case-slogan-panel.case-slogan-4 {background:#e9af1b}
.page-case .case-slogan .case-slogan-panel.case-slogan-m {background:#1b1b1b}
.page-case .case-slogan .case-slogan-panel.case-slogan-m .case-slogan-inner .case-slogan-tips {background:url("../images/slogan-collection-tips.png") center no-repeat;width:154px;height:9px;-webkit-background-size:contain;background-size:contain}
.page-caseDetails {overflow-x:hidden}
.page-caseDetails .logo {background:url("../images/logo-bg-white.png") center no-repeat;-webkit-background-size:contain;background-size:contain}
.page-caseDetails .b-body-scroll-bot {height:1.58em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-top:.26em}
.page-caseDetails .b-body-scroll-bot i {top:20%}
.page-caseDetails .flex {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.page-caseDetails .flex .flex-panel {position:relative;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}
.page-caseDetails .case-section {position:relative}
.page-caseDetails .case-section .case-gane {position:absolute;top:51.4285%;right:2.93em;width:3.48em;height:4.8em}
.page-caseDetails .case-section .case-gane .case-gane-txt {position:absolute;left:40px;top:40px;font-family:panton_extraboldregular;color:#fff;z-index:9999;font-size:40px;line-height:48px}
.page-caseDetails .case-section .case-gane img {position:absolute;left:0;top:0;width:100%;height:100%}
.page-caseDetails .case-section .case-txt-img {position:absolute;left:0;top:0}
.page-caseDetails .case-section .case-txt-img:after {position:absolute;left:0;top:-webkit-calc(100% + 0.4em);top:-moz-calc(100% + 0.4em);top:calc(100% + 0.4em);width:8px;height:8px;-webkit-border-radius:50%;border-radius:50%;content:""}
.page-caseDetails .case-section .case-txt-txt {font-size:16px;line-height:35px;color:#333;text-align:justify}
.page-caseDetails .case-section .case-icon-txt {background:url("../images/case-create-icon-txt.png") center no-repeat;-webkit-background-size:contain;background-size:contain;width:2em;height:1.26em}
.page-caseDetails .case-section .case-me-txt {background:url("../images/case-material-txt.png") center no-repeat;-webkit-background-size:contain;background-size:contain;width:2.04em;height:.78em}
.page-caseDetails .case-section .case-badge-txt {background:url("../images/case-badgf-txt.png") center no-repeat;width:1.51em;height:1.26em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails .case-section .case-web-txt {background:url("../images/case-web-txt.png") center no-repeat;-webkit-background-size:contain;background-size:contain;width:1.5em;height:1.27em}
.page-caseDetails .case-section .case-material-txt {background:url("../images/case-img-material.png") center no-repeat;width:2.04em;height:.78em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails .case-section .case-facade-txt {background:url("../images/case-faceade-txt.png") center no-repeat;width:1.62em;height:1.26em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails .case-section .case-step-box {position:absolute;left:6.33em;top:1em;width:8.35em;padding-top:1.05em}
.page-caseDetails .case-section .case-step-box .case-step-txt {position:absolute;left:0;top:0;background:url("../images/case-img-create-txt.png") center no-repeat;width:4.93em;height:.3em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails .case-section .case-step-box .case-step-txt:after {background:#fff!important}
.page-caseDetails .case-section .case-step-box .case-step-intro {color:#fff}
.page-caseDetails .case-section .case-me-box {position:absolute;right:1.65em;top:0;max-width:5.05em;padding-top:1.5em}
.page-caseDetails .case-section .case-icon-box {position:absolute;top:0;left:.45em;max-width:6.38em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-top:2.1em}
.page-caseDetails .case-section .case-badge-box {position:absolute;left:50%;top:11.5em;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);max-width:6.45em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-top:2.1em}
.page-caseDetails .case-section .case-web-box {position:absolute;left:.45em;top:.68em;max-width:4.5em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-top:2.1em}
.page-caseDetails .case-section .case-material-box {position:absolute;top:.6em;right:1.55em;max-width:5.15em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-top:1.55em}
.page-caseDetails .case-section .case-facade-box {position:absolute;left:.5em;padding-top:2.12em;top:20.8em;max-width:6.7em}
.page-caseDetails .case-section-logo {padding:.1em 2.93em 0;height:6.35em;margin-bottom:1.83em}
.page-caseDetails .case-section-logo .case-logo-txt {position:relative;width:1.48em;height:.78em}
.page-caseDetails .case-section-logo .case-logo-txt p {font-size:40px;line-height:48px;color:#333;font-family:panton_extraboldregular}
.page-caseDetails .case-section-logo .case-logo-bg {position:absolute;bottom:0;left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);background:url("../images/case-img-logo-bg.jpg") center no-repeat;width:6.17em;height:5.6em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails .case-section-logo .case-logo-bg .case-logo {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:4.17em;height:4.17em}
.page-caseDetails .case-section-intro {padding:0 2.92em .85em;color:#333}
.page-caseDetails .case-section-intro .case-intro {margin-top:1.4em}
.page-caseDetails .case-section-intro .case-intro h2 {font-size:60px;margin-right:60px}
.page-caseDetails .case-section-intro .case-intro h2 img {display:block;width:3.8em}
.page-caseDetails .case-section-intro .case-intro .case-intro-tips {font-size:16px;margin-top:40px}
.page-caseDetails .case-section-intro .case-intro-panel {position:relative;margin-top:.6em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-top:.4em}
.page-caseDetails .case-section-intro .case-intro-panel:after {position:absolute;left:.4em;top:0;right:0;height:1px;background:#ccc;content:""}
.page-caseDetails .case-section-intro .case-intro-panel:before {position:absolute;left:.08em;top:-2px;width:4px;height:4px;background:#ccc;-webkit-border-radius:50%;border-radius:50%;content:""}
.page-caseDetails .case-section-intro .case-intro-panel.case-bg {background:url("../images/think.svg") right center no-repeat;-webkit-background-size:45px 13px;background-size:45px 13px}
.page-caseDetails .case-section-intro .case-intro-panel.case-programe {background:url("../fonts/do.svg") right center no-repeat;-webkit-background-size:26px 14px;background-size:26px 14px}
.page-caseDetails .case-section-intro .case-intro-panel .case-bg-title {width:18px;height:100%;font-size:18px}
.page-caseDetails .case-section-intro .case-intro-panel .case-bg-txt {margin-left:58px;max-width:870px;text-align:justify;font-size:16px;color:#6e6e6e;line-height:36px;vertical-align:baseline;margin-top:-9px}
.page-caseDetails .case-section-5 {height:4.56em}
.page-caseDetails.page-case-1 .case-txt-img:after {background:#a4805d}
.page-caseDetails.page-case-1 .case-section-logo .case-logo-bg {background:0 0}
.page-caseDetails.page-case-1 .case-section-logo .case-logo-bg .case-logo {background:url("../images/case1-img-logo.png") center no-repeat;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-1 .case-section-4 {background:#48494a;height:8.75em;margin-bottom:4.45em}
.page-caseDetails.page-case-1 .case-section-4 .case-step-speak {position:absolute;right:2.3em;top:-2.88em;background:url("../images/case1-img-speak.png") 0 0 no-repeat;width:2.96em;height:2.9em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-1 .case-section-4 .case-step-decorate {position:absolute;left:0;top:-1.78em;background:url("../images/case1-img-decorate.png") 0 0 no-repeat;width:4.8em;height:9.94em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-1 .case-section-4 .case-step-img {position:absolute;left:50%;top:4.12em;margin-left:-3.28em;background:url("../images/case1-img-step.png") 0 0 no-repeat;width:11.78em;height:7.33em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-1 .case-section-5 {height:5em}
.page-caseDetails.page-case-1 .case-section-5 .case-icon-img {position:absolute;top:1.1em;right:1.6em;background:url("../images/case1-img-icon.png") center no-repeat;width:5.15em;height:3.3em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-1 .case-section-6 {height:13.85em}
.page-caseDetails.page-case-1 .case-section-6 .case-me-box {top:1.45em;max-width:3.1em;left:2.1em}
.page-caseDetails.page-case-1 .case-section-6 .case-me-img1 {position:absolute;right:0;top:0;background:url("../images/case1-me-1.png") 0 0 no-repeat;-webkit-background-size:contain;background-size:contain;width:13.08em;height:10.67em}
.page-caseDetails.page-case-1 .case-section-6 .case-me-img2 {position:absolute;right:9.75em;top:6.2em;background:url("../images/case1-me-2.png") 0 0 no-repeat;-webkit-background-size:contain;background-size:contain;width:7.28em;height:5.72em}
.page-caseDetails.page-case-1 .case-section-6 .case-me-img3 {position:absolute;right:2.14em;top:9.35em;background:url("../images/case1-me-3.png") 0 0 no-repeat;-webkit-background-size:contain;background-size:contain;width:8.64em;height:7.9em}
.page-caseDetails.page-case-1 .case-section-6 .case-me-img4 {position:absolute;right:0;top:5.15em;background:url("../images/case1-me-4.png") 0 0 no-repeat;-webkit-background-size:contain;background-size:contain;width:4.5em;height:7.49em}
.page-caseDetails.page-case-1 .case-section-7 {height:11.75em}
.page-caseDetails.page-case-1 .case-section-7 .case-badge-box {top:0}
.page-caseDetails.page-case-1 .case-section-7 .case-badge-img1 {position:absolute;right:3.25em;top:4.2em;background:url("../images/case1-badge-1.png") 0 0 no-repeat;width:4.39em;height:4.28em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-1 .case-section-7 .case-badge-img2 {position:absolute;left:-3.07em;top:4.2em;background:url("../images/case1-badge-2.png") 0 0 no-repeat;width:10.21em;height:6.5em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-1 .case-section-8 {height:11.54em}
.page-caseDetails.page-case-1 .case-section-8 .case-web-img {position:absolute;left:0;top:0;background:url("../images/case1-img-web.png") left center no-repeat;-webkit-background-size:contain;background-size:contain;width:11.96em;height:100%}
.page-caseDetails.page-case-1 .case-section-8 .case-web-box {left:3.55em;top:3.62em}
.page-caseDetails.page-case-2 .case-txt-img:after {background:#0f9ffb}
.page-caseDetails.page-case-2 .case-logo {background:url("../images/case2-img-logo.png") center no-repeat;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-2 .case-section-4 {height:auto;margin-bottom:4.4em}
.page-caseDetails.page-case-2 .case-section-4 .case-step-speak {position:absolute;top:-3.03em;right:1.73em;background:url("../images/case2-create-title.png") 0 0 no-repeat;-webkit-background-size:contain;background-size:contain;width:3.22em;height:4.09em}
.page-caseDetails.page-case-2 .case-section-4 .case-step-decorate {position:absolute;top:-1.3em;left:0;background:url("../images/case2-create-icon.png") center no-repeat;-webkit-background-size:contain;background-size:contain;width:3.75em;height:7.69em}
.page-caseDetails.page-case-2 .case-section-4 .case-step-1 {position:absolute;left:3.98em;top:5.28em;background:url("../images/case2-create-step1.png") center no-repeat;-webkit-background-size:contain;background-size:contain;width:7.36em;height:6.24em;z-index:200}
.page-caseDetails.page-case-2 .case-section-4 .case-step-2 {position:absolute;right:1.96em;top:3.84em;background:url("../images/case2-create-step2.png") center no-repeat;-webkit-background-size:contain;background-size:contain;width:7.42em;height:6.24em;z-index:100}
.page-caseDetails.page-case-2 .case-section-5 {height:4.56em}
.page-caseDetails.page-case-2 .case-section-5 .case-icon-img {position:absolute;top:.6em;right:1.6em;background:url("../images/case2-icon-case.png") center no-repeat;-webkit-background-size:contain;background-size:contain;width:5.76em;height:4.17em;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}
.page-caseDetails.page-case-2 .case-section-6 {height:14.95em;margin-bottom:.8em}
.page-caseDetails.page-case-2 .case-section-6 .case-me-panel {top:1.93em}
.page-caseDetails.page-case-2 .case-section-6 .case-me-img1 {position:absolute;right:0;top:0;background:url("../images/case2-case-1.png") 0 0 no-repeat;width:9.92em;height:7.06em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-2 .case-section-6 .case-me-img2 {position:absolute;right:0;top:2.8em;background:url("../images/case2-case-2.png") 0 0 no-repeat;width:10.15em;height:7.23em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-2 .case-section-6 .case-me-img3 {position:absolute;right:0;top:5.28em;background:url("../images/case2-case-3.png") 0 0 no-repeat;width:10.86em;height:7.54em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-2 .case-section-6 .case-me-img4 {position:absolute;right:0;top:5.4em;background:url("../images/case2-case-4.png") 0 0 no-repeat;width:15.83em;height:8.31em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-2 .case-section-8 {height:6.2em;margin-top:1.1em}
.page-caseDetails.page-case-2 .case-section-8 .case-web-img {position:absolute;top:0;right:.9em;background:url("../images/case2-web-1.png") center no-repeat;width:6.52em;height:5.45em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-2 .case-section-9 {height:7.54em;margin-bottom:1em}
.page-caseDetails.page-case-2 .case-section-9 .case-material-img {position:absolute;left:50%;top:-1.1em;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);background:url("../images/case2-web-2.png") center no-repeat;width:16.61em;height:8.63em;-webkit-background-size:contain;background-size:contain;cursor:pointer}
.page-caseDetails.page-case-3 .case-txt-img:after {background:#a9cf52}
.page-caseDetails.page-case-3 .case-section-logo .case-logo-bg {background:0 0}
.page-caseDetails.page-case-3 .case-section-logo .case-logo-bg .case-logo {background:url("../images/case3-img-logo.png") center no-repeat;width:2.83em;height:2.11em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-3 .case-section-4 {background:#48494a;height:8.76em;margin-bottom:4.4em}
.page-caseDetails.page-case-3 .case-section-4 .case-step-box {left:50%;margin-left:-3.3em}
.page-caseDetails.page-case-3 .case-section-4 .case-step-speak {position:absolute;top:-2.5em;right:1.95em;background:url("../images/case3-img-speak.png") center no-repeat;-webkit-background-size:contain;background-size:contain;width:4.7em;height:2.49em}
.page-caseDetails.page-case-3 .case-section-4 .case-step-decorate {position:absolute;top:-.8em;left:0;background:url("../images/case3-img-decorate.png") center no-repeat;width:5.05em;height:9.01em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-3 .case-section-4 .case-step-img {position:absolute;right:1.88em;top:3.95em;background:url("../images/case3-img-step.png") no-repeat no-repeat;width:11.18em;height:8.17em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-3 .case-section-5 {margin-bottom:1.15em}
.page-caseDetails.page-case-3 .case-section-5 .case-icon-img {position:absolute;top:1.15em;right:1.35em;background:url("../images/case3-img-icon.png") center no-repeat;width:5.79em;height:3.46em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-3 .case-section-6 {height:27.82em;margin-bottom:1em}
.page-caseDetails.page-case-3 .case-section-6 .case-badge-box {top:0}
.page-caseDetails.page-case-3 .case-section-6 .case-badge {position:absolute}
.page-caseDetails.page-case-3 .case-section-6 .case-badge-1 {top:4.56em;left:-.6em;background:url("../images/case3-design-1.png") center no-repeat;width:5.82em;height:3.18em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-3 .case-section-6 .case-badge-2 {top:5.86em;right:1.06em;background:url("../images/case3-design-2.png") center no-repeat;width:5.8em;height:8.07em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-3 .case-section-6 .case-badge-3 {top:8.2em;left:-.7em;background:url("../images/case3-design-3.png") center no-repeat;width:2.7em;height:1.8em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-3 .case-section-6 .case-badge-4 {top:8.2em;left:2.6em;background:url("../images/case3-design-4.png") center no-repeat;width:2.7em;height:1.8em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-3 .case-section-6 .case-badge-5 {width:.82em;height:1.4em;top:10.23em;left:.08em;background:url("../images/case3-design-5.png") center no-repeat;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-3 .case-section-6 .case-badge-6 {width:.9em;height:.9em;top:10.38em;left:1.85em;background:url("../images/case3-design-6.png") center no-repeat;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-3 .case-section-6 .case-badge-7 {width:.9em;height:.9em;top:10.38em;left:3em;background:url("../images/case3-design-7.png") center no-repeat;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-3 .case-section-6 .case-badge-8 {width:.9em;height:.9em;top:10.38em;left:4.12em;background:url("../images/case3-design-8.png") center no-repeat;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-3 .case-section-6 .case-badge-9 {width:4.59em;height:.45em;top:12.2em;left:.63em;background:url("../images/case3-design-9.png") center no-repeat;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-3 .case-section-6 .case-badge-10 {top:13.25em;left:.03em;background:url("../images/case3-design-10.png") center no-repeat;width:5.1em;height:6.48em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-3 .case-section-6 .case-badge-11 {top:15.95em;right:1.05em;background:url("../images/case3-design-11.jpg") center no-repeat;width:6.01em;height:11.88em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-3 .case-section-7 .case-material-box {right:inherit;left:2.9em}
.page-caseDetails.page-case-4 .case-txt-img:after {background:#6735ab}
.page-caseDetails.page-case-4 .case-section-logo .case-logo-bg .case-logo {background:url("../images/case4-img-logo.png") center no-repeat;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-4 .case-section-intro .case-intro h2 img {display:block;width:7em;margin-top:.25em}
.page-caseDetails.page-case-4 .case-section-3 {margin-bottom:1.2em}
.page-caseDetails.page-case-4 .case-section-4 {height:7em;margin-bottom:4.4em}
.page-caseDetails.page-case-4 .case-section-4 .case-step-box {left:50%;margin-left:-3.3em}
.page-caseDetails.page-case-4 .case-section-4 .case-step-speak {position:absolute;left:0;top:-1.2em;background:url("../images/case4-img-speak.png") 0 0 no-repeat;width:100%;height:11.53em;-webkit-background-size:100% auto;background-size:100% auto}
.page-caseDetails.page-case-4 .case-section-4 .case-step-img {position:absolute;left:50%;top:4.3em;margin-left:-3.3em;background:url("../images/case4-step-1.png") 0 0 no-repeat;-webkit-background-size:contain;background-size:contain;width:10.69em;height:6.04em}
.page-caseDetails.page-case-4 .case-section-5 {height:4.85em;margin-bottom:1.65em}
.page-caseDetails.page-case-4 .case-section-5 .case-icon-img {position:absolute;right:1.4em;top:-1.04em;background:url("../images/case4-img-icon.png") 0 0 no-repeat;-webkit-background-size:contain;background-size:contain;width:5.86em;height:5.86em}
.page-caseDetails.page-case-4 .case-section-6 {height:11.75em}
.page-caseDetails.page-case-4 .case-section-6 .case-me {position:absolute}
.page-caseDetails.page-case-4 .case-section-6 .case-me-1 {left:-.2em;top:-1.85em;background:url("../images/case4-case-1.png") 0 0 no-repeat;-webkit-background-size:contain;background-size:contain;width:9.8em;height:7em}
.page-caseDetails.page-case-4 .case-section-6 .case-me-2 {background:url("../images/case4-case-2.png") 0 0 no-repeat;-webkit-background-size:contain;background-size:contain;width:10.12em;height:7em;left:-.5em;top:.95em}
.page-caseDetails.page-case-4 .case-section-6 .case-me-3 {top:3.45em;left:-1.32em;background:url("../images/case4-case-3.png") 0 0 no-repeat;width:10.92em;height:7.49em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-4 .case-section-6 .case-me-4 {left:-6.24em;top:3.4em;background:url("../images/case4-case-4.png") 0 0 no-repeat;-webkit-background-size:contain;background-size:contain;width:15.85em;height:8.15em}
.page-caseDetails.page-case-4 .case-section-7 {height:12.48em}
.page-caseDetails.page-case-4 .case-section-7 .case-badge-box,.page-caseDetails.page-case-4 .case-section-7 .case-web-box {right:inherit;left:2.96em;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);z-index:1000}
.page-caseDetails.page-case-4 .case-section-7 .case-badge-box {max-width:6.42em;top:-3em}
.page-caseDetails.page-case-4 .case-section-7 .case-badge-box .case-txt-txt {color:#fff!important}
.page-caseDetails.page-case-4 .case-section-7 .case-badge-box .case-txt-img {background-image:url("../images/case-badge-white-txt.png")}
.page-caseDetails.page-case-4 .case-section-7 .case-web-box {top:9.15em;max-width:6.8em}
.page-caseDetails.page-case-4 .case-section-7 .case-badge-1 {position:absolute;left:0;top:-6.82em;background:url("../images/case4-badge-1.png") 0 0 no-repeat;width:62.29%;height:15.46em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-4 .case-section-7 .case-badge-2 {position:absolute;right:0;top:2.95em;background:url("../images/case4-badge-2.png") 0 0 no-repeat;width:51.77%;height:9.53em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-4 .case-section-8 {height:8.55em}
.page-caseDetails.page-case-4 .case-section-8 .case-video {position:absolute;left:2.9em;top:1.56em;background:url("../images/case4-img-video.png") 0 0 no-repeat;width:13.37em;height:6.6em;-webkit-background-size:contain;background-size:contain;cursor:pointer}
.page-caseDetails.page-case-4 .case-section-8 .case-video video {position:absolute;left:.15em;top:.12em;width:11em;height:6.02em}
.page-caseDetails.page-case-4 .case-section-8 .case-video .case-video-bg {position:absolute;left:.12em;top:1px;width:10.92em;height:6.14em;z-index:2000}
.page-caseDetails.page-case-4 .case-section-8 .case-video #videoBtn {position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:1.81em;height:1.81em;background:url("../images/play.png") center no-repeat;-webkit-background-size:contain;background-size:contain;z-index:8000}
.page-caseDetails.page-case-4 .case-section-8 .case-video video::-webkit-media-controls-enclosure {display:none!important}
.page-caseDetails.page-case-m {}
.page-caseDetails.page-case-m .case-left-nav {position:fixed;left:.6em;top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);width:11px;height:400px;z-index:7000}
.page-caseDetails.page-case-m .case-left-nav a {display:block;position:relative;width:11px;height:11px;-webkit-border-radius:50%;border-radius:50%;background:#b2b2b2;margin:0 0 30px;cursor:pointer}
.page-caseDetails.page-case-m .case-left-nav a:last-child {margin:0}
.page-caseDetails.page-case-m .case-left-nav a i {position:absolute;left:100%;top:0;margin-left:6px;-webkit-writing-mode:tb-rl;-ms-writing-mode:tb-rl;writing-mode:tb-rl;font-size:16px;font-style:normal;color:#000;opacity:0}
.page-caseDetails.page-case-m .case-left-nav a span {position:absolute;left:3px;top:4px;width:5px;height:5px;background:#fff;-webkit-border-radius:50%;border-radius:50%;content:"";opacity:0}
.page-caseDetails.page-case-m .logo {background-image:url("../images/logo-case.png")}
.page-caseDetails.page-case-m .case-panel {position:absolute}
.page-caseDetails.page-case-m .case-section-header {height:9em;margin-bottom:.94em;border-bottom:1px solid #dcdcdc}
.page-caseDetails.page-case-m .case-section-header .case-more-txt {width:5.28em;height:2.87em;margin:2.88em 0 0 2.09em;text-align:justify}
.page-caseDetails.page-case-m .case-section-header .case-more-img {width:6.38em;height:5.29em;margin:1.57em 0 0 .84em}
.page-caseDetails.page-case-m .case-section-header .case-scroll-down {position:absolute;left:50%;bottom:.3em;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}
.page-caseDetails.page-case-m .case-section-header .case-scroll-down span {font-size:18px;color:#a3a3a3}
.page-caseDetails.page-case-m .case-num-box {position:absolute;top:0;width:4.4em;height:1.67em}
.page-caseDetails.page-case-m .case-num-box .case-num {position:absolute}
.page-caseDetails.page-case-m .case-num-box .case-num .case-num-h {position:absolute;bottom:0;left:1.22em;width:8em;word-wrap:break-word;white-space:normal}
.page-caseDetails.page-case-m .case-num-box .case-num .case-num-h h4 {font-size:16px}
.page-caseDetails.page-case-m .case-num-box .case-intro {position:absolute;left:1.15em;top:2.25em;max-width:3.2em}
.page-caseDetails.page-case-m .case-num-box .case-intro .case-intro-txt {font-size:14px;line-height:30px;text-align:justify}
.page-caseDetails.page-case-m .case-num-box .case-intro>a {position:absolute;left:0;top:150%;background:url("../images/case-img-close.png") 0 0 no-repeat;width:.4em;height:.2em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-m .case-txt-box {position:absolute;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-width:3.2em;padding-top:.65em}
.page-caseDetails.page-case-m .case-txt-box .txt-img {position:absolute;left:0;top:0}
.page-caseDetails.page-case-m .case-txt-box h4 {font-size:16px;margin-bottom:50px}
.page-caseDetails.page-case-m .case-txt-box .txt-info {font-size:14px;line-height:35px;text-align:justify}
.page-caseDetails.page-case-m .case-section-1 {height:14.77em}
.page-caseDetails.page-case-m .case-section-1 .case-num-box {left:1.8em}
.page-caseDetails.page-case-m .case-section-1 .case-num-box .case-num {background:url("../images/case-1-title.png") 0 0 no-repeat;width:2.83em;height:1.67em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-m .case-section-1 .case-1-1 {position:absolute;left:-1.3em;top:.83em;background:url("../images/case-1-1.png") 0 0 no-repeat;width:7.89em;height:5.42em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-m .case-section-1 .case-1-2 {position:absolute;right:2.56em;top:5.95em;background:url("../images/case-1-2.png") 0 0 no-repeat;width:4.02em;height:7.67em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-m .case-section-1 .case-1-2 video {position:absolute;left:.62em;top:.85em;width:3.17em}
.page-caseDetails.page-case-m .case-section-1 .case-1-3 {position:absolute;left:.02em;top:6.78em;background:url("../images/case-1-3.png") 0 0 no-repeat;width:3.3em;height:.7em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-m .case-section-1 .case-txt-box {position:absolute;top:9.95em;left:-.02em}
.page-caseDetails.page-case-m .case-section-1 .case-txt-box .txt-img {background:url("../images/case-1-txt.png") no-repeat 0 0;width:1.63em;height:.32em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-m .case-section-2 {height:11.5em}
.page-caseDetails.page-case-m .case-section-2 .case-num-box {left:2.2em}
.page-caseDetails.page-case-m .case-section-2 .case-num-box .case-num {background:url("../images/case-2-title.png") 0 0 no-repeat;width:3.1em;height:1.67em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-m .case-section-2 .case-1-1 {position:absolute;right:-1em;top:.68em;background:url("../images/case-2-1.png") 0 0 no-repeat;width:8em;height:5.1em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-m .case-section-2 .case-1-2 {position:absolute;right:4.24em;top:7.95em;background:url("../images/case-2-2.png") 0 0 no-repeat;width:2.36em;height:2.33em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-m .case-section-2 .case-1-3 {position:absolute;left:1.3em;top:7.02em;background:url("../images/case-2-3.png") 0 0 no-repeat;width:4.94em;height:2.75em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-m .case-section-2 .case-txt-box {position:absolute;top:6.9em;left:6.3em}
.page-caseDetails.page-case-m .case-section-2 .case-txt-box .txt-img {background:url("../images/case-5-txt.png") no-repeat 0 0;width:1.19em;height:.33em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-m .case-section-3 {height:11.85em}
.page-caseDetails.page-case-m .case-section-3 .case-num-box {left:1.85em}
.page-caseDetails.page-case-m .case-section-3 .case-num-box .case-num {background:url("../images/case-3-title.png") 0 0 no-repeat;width:4.47em;height:1.67em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-m .case-section-3 .case-1-1 {position:absolute;left:-1.3em;top:1.2em;background:url("../images/case-3-1.png") 0 0 no-repeat;width:7.03em;height:1.81em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-m .case-section-3 .case-1-2 {position:absolute;right:-2.35em;top:5.2em;background:url("../images/case-3-2.png") 0 0 no-repeat;width:10.13em;height:5.93em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-m .case-section-3 .case-txt-box {position:absolute;top:5.45em;left:3.3em}
.page-caseDetails.page-case-m .case-section-3 .case-txt-box .txt-img {background:url("../images/case-2-txt.png") no-repeat 0 0;width:.86em;height:.3em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-m .case-section-4 {height:15.68em}
.page-caseDetails.page-case-m .case-section-4 .case-num-box {left:2.2em}
.page-caseDetails.page-case-m .case-section-4 .case-num-box .case-num {background:url("../images/case-4-title.png") 0 0 no-repeat;width:4.31em;height:1.67em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-m .case-section-4 .case-1-1 {position:absolute;right:-1.3em;top:1.45em;background:url("../images/case-4-1.png") 0 0 no-repeat;width:7.89em;height:5.46em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-m .case-section-4 .case-1-2 {position:absolute;right:3.65em;top:11.65em;background:url("../images/case-4-2.png") 0 0 no-repeat;width:2.65em;height:2.62em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-m .case-section-4 .case-1-3 {position:absolute;right:0;top:7.6em;background:url("../images/case-4-3.png") 0 0 no-repeat;width:7.84em;height:7.62em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-m .case-section-4 .case-1-3 video {position:absolute;left:.55em;top:.86em;width:3.13em}
.page-caseDetails.page-case-m .case-section-4 .case-txt-box {position:absolute;top:8.8em;right:0}
.page-caseDetails.page-case-m .case-section-4 .case-txt-box .txt-img {background:url("../images/case-1-txt.png") no-repeat 0 0;width:1.63em;height:.32em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-m .case-section-5 {height:19.12em}
.page-caseDetails.page-case-m .case-section-5 .case-num-box {left:1.8em}
.page-caseDetails.page-case-m .case-section-5 .case-num-box .case-num {background:url("../images/case-5-title.png") 0 0 no-repeat;width:3.91em;height:2.05em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-m .case-section-5 .case-num-box .case-num .case-num-h {right:1.6em;bottom:-.3em}
.page-caseDetails.page-case-m .case-section-5 .case-num-box .case-intro {top:3em}
.page-caseDetails.page-case-m .case-section-5 .case-1-1 {position:absolute;left:-1.25em;top:1.2em;background:url("../images/case-5-1.png") 0 0 no-repeat;width:7.85em;height:5.45em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-m .case-section-5 .case-1-2 {position:absolute;left:0;top:7.45em;background:url("../images/case-5-2.png") 0 0 no-repeat;width:7.45em;height:6.05em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-m .case-section-5 .case-1-3 {position:absolute;left:0;top:14.64em;background:url("../images/case-5-3.png") 0 0 no-repeat;width:5.89em;height:2.5em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-m .case-section-5 .case-txt-box {position:absolute;top:14.64em;left:3em}
.page-caseDetails.page-case-m .case-section-5 .case-txt-box .txt-img {background:url("../images/case-5-txt.png") no-repeat 0 0;width:1.19em;height:.33em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-m .case-section-5 .case-txt-box .txt-img h4 {bottom:-2em}
.page-caseDetails.page-case-m .case-section-5 .case-txt-box-1 {position:absolute;top:8.55em;left:0}
.page-caseDetails.page-case-m .case-section-5 .case-txt-box-1 .txt-img {background:url("../images/case-1-txt.png") no-repeat 0 0;width:1.63em;height:.32em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-m .case-section-6 {height:12.6em}
.page-caseDetails.page-case-m .case-section-6 .case-num-box {left:2.15em}
.page-caseDetails.page-case-m .case-section-6 .case-num-box .case-num {background:url("../images/case-6-title.png") 0 0 no-repeat;width:3.33em;height:1.92em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-m .case-section-6 .case-num-box .case-num .case-num-h {right:1.6em;bottom:-.3em}
.page-caseDetails.page-case-m .case-section-6 .case-num-box .case-intro {top:3em}
.page-caseDetails.page-case-m .case-section-6 .case-1-1 {position:absolute;right:-1.9em;top:1.92em;background:url("../images/case-6-1.png") 0 0 no-repeat;width:8.8em;height:5.45em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-m .case-section-6 .case-1-2 {position:absolute;left:1.7em;top:7.35em;background:url("../images/case-6-2.png") 0 0 no-repeat;width:5.63em;height:3.89em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-m .case-section-6 .case-txt-box {position:absolute;top:8.3em;right:0}
.page-caseDetails.page-case-m .case-section-6 .case-txt-box .txt-img {background:url("../images/case-5-txt.png") no-repeat 0 0;width:1.19em;height:.33em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-m .case-section-7 {height:24em}
.page-caseDetails.page-case-m .case-section-7 .case-num-box {left:2.15em}
.page-caseDetails.page-case-m .case-section-7 .case-num-box .case-num {background:url("../images/case-7-title.png") 0 0 no-repeat;width:4.53em;height:1.67em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-m .case-section-7 .case-num-box .case-num .case-num-h {right:1.6em;bottom:-.3em}
.page-caseDetails.page-case-m .case-section-7 .case-num-box .case-intro {top:3em}
.page-caseDetails.page-case-m .case-section-7 .case-1-1 {position:absolute;left:-1.4em;top:.6em;background:url("../images/case-7-1.png") 0 0 no-repeat;width:8.02em;height:5.55em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-m .case-section-7 .case-1-2 {position:absolute;right:-.95em;top:6.77em;background:url("../images/case-7-2.png") 0 0 no-repeat;width:7.85em;height:10.66em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-m .case-section-7 .case-1-3 {position:absolute;left:2.9em;top:12.25em;background:url("../images/case-7-3.png") 0 0 no-repeat;width:4.23em;height:5.55em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-m .case-section-7 .case-1-4 {position:absolute;left:-.1em;top:19em;background:url("../images/case-7-4.png") 0 0 no-repeat;width:6.55em;height:3.06em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-m .case-section-7 .case-txt-box {position:absolute;top:8.25em;left:3.35em}
.page-caseDetails.page-case-m .case-section-7 .case-txt-box .txt-img {background:url("../images/case-2-txt.png") no-repeat 0 0;width:.86em;height:.3em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-m .case-section-7 .case-txt-box-1 {position:absolute;top:19em;left:3em}
.page-caseDetails.page-case-m .case-section-7 .case-txt-box-1 .txt-img {background:url("../images/case-5-txt.png") no-repeat 0 0;width:1.19em;height:.33em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-m .case-section-8 {height:18.2em}
.page-caseDetails.page-case-m .case-section-8 .case-num-box {left:2.18em}
.page-caseDetails.page-case-m .case-section-8 .case-num-box .case-num {background:url("../images/case-8-title.png") 0 0 no-repeat;width:3.31em;height:1.92em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-m .case-section-8 .case-num-box .case-num .case-num-h {right:1.6em;bottom:-.3em}
.page-caseDetails.page-case-m .case-section-8 .case-num-box .case-intro {top:3em}
.page-caseDetails.page-case-m .case-section-8 .case-1-1 {position:absolute;right:-1.42em;top:.65em;background:url("../images/case-8-1.png") 0 0 no-repeat;width:8em;height:5.45em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-m .case-section-8 .case-1-2 {position:absolute;left:.26em;top:7.2em;background:url("../images/case-8-2.png") 0 0 no-repeat;width:6.26em;height:2.88em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-m .case-section-8 .case-1-3 {position:absolute;left:0;top:11.7em;background:url("../images/case-8-3.png") 0 0 no-repeat;width:7.34em;height:6.05em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-m .case-section-8 .case-1-4 {position:absolute;right:3em;top:13.88em;background:url("../images/case-8-4.png") 0 0 no-repeat;width:2.8em;height:2.8em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-m .case-section-8 .case-txt-box {position:absolute;top:7.5em;left:3.2em}
.page-caseDetails.page-case-m .case-section-8 .case-txt-box .txt-img {background:url("../images/case-5-txt.png") no-repeat 0 0;width:1.19em;height:.33em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails.page-case-m .case-section-8 .case-txt-box-1 {position:absolute;top:12.45em;left:0}
.page-caseDetails.page-case-m .case-section-8 .case-txt-box-1 .txt-img {background:url("../images/case-1-txt.png") no-repeat 0 0;width:1.63em;height:.32em;-webkit-background-size:contain;background-size:contain}
.page-caseDetails .page-footer .f-nav {height:inherit}
@media all and (max-width:1600px) {.page-case .case-slogan .case-slogan-panel .case-slogan-inner {font-size:10.92px}
.page-case .case-slogan .case-slogan-panel .case-slogan-inner .case-slogan-tips {height:45px}
.page-case .case-slogan .case-slogan-panel .case-slogan-inner .slogan-tips-box {line-height:21.84px}
.page-case .case-slogan .case-slogan-panel .case-slogan-inner .slogan-tips-box span {margin-right:12.6px}
.page-case .case-slogan .case-slogan-panel .case-slogan-inner .case-slogan-slogan {font-size:33.6px;margin:40px 0;line-height:46px}
.page-case .case-slogan .case-slogan-panel .case-slogan-inner .case-slogan-name {font-size:25.2px;margin-bottom:25.2px}
.page-case .case-slogan .case-slogan-panel .case-slogan-inner .case-slogan-intro {line-height:21.84px}
.page-case .case-slogan .case-slogan-panel .case-slogan-inner .case-slogan-arrow {width:48.72px;height:5.04px}
.page-caseDetails .case-section-intro .case-intro h2 {font-size:50.4px;margin-right:50.4px}
.page-caseDetails .case-section-intro .case-intro .case-intro-tips {font-size:13.44px;margin-top:33.6px}
.page-caseDetails .case-section-intro .case-intro-panel .case-bg-title {width:15.12px;font-size:15.12px}
.page-caseDetails .case-section-intro .case-intro-panel .case-bg-txt {margin-left:48.72px;max-width:730.8px;font-size:13.44px;line-height:29.4px;margin-top:-7.56px}
.page-caseDetails .case-section-logo .case-logo-txt p {font-size:33px;line-height:40px}
.page-caseDetails .case-section .case-gane .case-gane-txt {left:33px;top:33px;font-size:33px;line-height:40px}
.page-caseDetails .case-section .case-txt-txt {font-size:13.44px;line-height:29.4px}
.page-caseDetails.page-case-m .case-num-box .case-intro .case-intro-txt {font-size:12px;line-height:24px}
.page-caseDetails.page-case-m .case-txt-box h4 {font-size:14px;margin-bottom:42px}
.page-caseDetails.page-case-m .case-txt-box .txt-info {font-size:12px!important;line-height:30px!important}
}
@media all and (max-width:1400px) {.page-case .case-slogan .case-slogan-panel .case-slogan-inner {font-size:9.62px}
.page-case .case-slogan .case-slogan-panel .case-slogan-inner .case-slogan-tips {height:39px}
.page-case .case-slogan .case-slogan-panel .case-slogan-inner .slogan-tips-box {line-height:19.24px}
.page-case .case-slogan .case-slogan-panel .case-slogan-inner .slogan-tips-box span {margin-right:11.1px}
.page-case .case-slogan .case-slogan-panel .case-slogan-inner .case-slogan-slogan {font-size:29.6px;margin:40px 0;line-height:37px}
.page-case .case-slogan .case-slogan-panel .case-slogan-inner .case-slogan-name {font-size:22.2px;margin-bottom:22.2px}
.page-case .case-slogan .case-slogan-panel .case-slogan-inner .case-slogan-intro {line-height:19.24px}
.page-case .case-slogan .case-slogan-panel .case-slogan-inner .case-slogan-arrow {width:42.92px;height:4.44px}
.page-caseDetails .case-section-intro .case-intro h2 {font-size:44.4px;margin-right:44.4px}
.page-caseDetails .case-section-intro .case-intro .case-intro-tips {font-size:11.84px;margin-top:29.6px}
.page-caseDetails .case-section-intro .case-intro-panel .case-bg-title {width:13.32px;font-size:13.32px}
.page-caseDetails .case-section-intro .case-intro-panel .case-bg-txt {font-size:11.84px;margin-left:42.92px;max-width:643.8px;line-height:25.9px;margin-top:-6.66px}
.page-caseDetails .case-section-logo .case-logo-txt p {font-size:29px;line-height:35px}
.page-caseDetails .case-section .case-gane .case-gane-txt {left:30px;top:30px;font-size:30px;line-height:35px}
.page-caseDetails .case-section .case-txt-txt {font-size:11.84px;line-height:25.9px}
.page-caseDetails.page-case-m .case-num-box .case-intro .case-intro-txt {line-height:22px}
.page-caseDetails.page-case-m .case-txt-box h4 {margin-bottom:36px}
.page-caseDetails.page-case-m .case-txt-box .txt-info {line-height:24px!important}
}
@media all and (max-width:1280px) {.page-case .case-slogan .case-slogan-panel .case-slogan-inner .case-slogan-tips {height:36px}
.page-case .case-slogan .case-slogan-panel .case-slogan-inner .slogan-tips-box {line-height:17.68px}
.page-case .case-slogan .case-slogan-panel .case-slogan-inner .slogan-tips-box span {margin-right:10.2px}
.page-case .case-slogan .case-slogan-panel .case-slogan-inner .case-slogan-slogan {font-size:27.2px;margin:37.4px 0 20px}
.page-case .case-slogan .case-slogan-panel .case-slogan-inner .case-slogan-name {font-size:20.4px;line-height:34px;margin-bottom:15px}
.page-case .case-slogan .case-slogan-panel .case-slogan-inner .case-slogan-intro {line-height:17.68px}
.page-case .case-slogan .case-slogan-panel .case-slogan-inner .case-slogan-arrow {width:39.44px;height:4.08px}
.page-caseDetails .case-section-intro .case-intro h2 {font-size:40.8px;margin-right:40.8px}
.page-caseDetails .case-section-intro .case-intro .case-intro-tips {font-size:10.88px;margin-top:27.2px}
.page-caseDetails .case-section-intro .case-intro-panel .case-bg-title {width:12.24px;font-size:12.24px}
.page-caseDetails .case-section-intro .case-intro-panel .case-bg-txt {font-size:10.88px;margin-left:39.44px;max-width:591.6px;line-height:23.8px;margin-top:-6.12px}
.page-caseDetails .case-section-logo .case-logo-txt p {font-size:27px;line-height:32px}
.page-caseDetails .case-section .case-gane .case-gane-txt {left:27px;top:27px;font-size:27px;line-height:32px}
.page-caseDetails .case-section .case-txt-txt {font-size:10.88px;line-height:28.8px}
.page-caseDetails.page-case-m .case-num-box .case-intro .case-intro-txt {line-height:20px}
.page-caseDetails.page-case-m .case-txt-box h4 {margin-bottom:30px}
.page-caseDetails.page-case-m .case-txt-box .txt-info {line-height:22px!important}
}
@media all and (max-width:960px) {.page-case .case-slogan .case-slogan-panel .case-slogan-inner .case-slogan-tips {height:28px}
.page-case .case-slogan .case-slogan-panel .case-slogan-inner .slogan-tips-box {line-height:13.52px}
.page-case .case-slogan .case-slogan-panel .case-slogan-inner .slogan-tips-box span {margin-right:7.8px}
.page-case .case-slogan .case-slogan-panel .case-slogan-inner .case-slogan-slogan {font-size:20.8px;margin:15px 0 5px;line-height:24px}
.page-case .case-slogan .case-slogan-panel .case-slogan-inner .case-slogan-name {font-size:15.6px;margin-bottom:8px}
.page-case .case-slogan .case-slogan-panel .case-slogan-inner .case-slogan-intro {line-height:13.52px}
.page-case .case-slogan .case-slogan-panel .case-slogan-inner .case-slogan-arrow {width:30.16px;height:3.12px}
.page-caseDetails .case-section-intro .case-intro h2 {font-size:31.2px;margin-right:31.2px}
.page-caseDetails .case-section-intro .case-intro .case-intro-tips {font-size:8.32px;margin-top:20.8px}
.page-caseDetails .case-section-intro .case-intro-panel .case-bg-title {width:9.36px;font-size:9.36px}
.page-caseDetails .case-section-intro .case-intro-panel .case-bg-txt {margin-left:30.16px;max-width:452.4px;font-size:8.32px;line-height:18.2px;margin-top:-4.68px}
.page-caseDetails .case-section-logo .case-logo-txt p {font-size:20px;line-height:24px}
.page-caseDetails .case-section .case-gane .case-gane-txt {left:20px;top:20px;font-size:20px;line-height:24px}
.page-caseDetails .case-section .case-txt-txt {font-size:13px;line-height:18px}
.page-caseDetails.page-case-m .case-num-box .case-intro .case-intro-txt {line-height:18px}
.page-caseDetails.page-case-m .case-txt-box h4 {margin-bottom:20px}
.page-caseDetails.page-case-m .case-txt-box .txt-info {line-height:20px!important}
}
@media all and (max-width:768px) {.page-case .page-logo {z-index:9800}
.page-case .page-logo .logo {background-image:url("../images/logo-bg-white.png")}
.page-case .fullpage-nav {z-index:9700;left:inherit;right:20px;top:45%}
.page-case .fullpage-nav li {font-size:0; float: left; width:12px;height:12px;-webkit-border-radius:50%;border-radius:50%;background:#fff;margin:15px 0;opacity:.7}
.page-case .fullpage-nav li.active {opacity:1}
.page-case .contact-us {left:20px;display:none}
.page-case .contact-us a {color:#fff;background:transparent}
.page-case .case-body {left:0;top:0;height:60%;max-height:inherit;width:100%;bottom:inherit;right:inherit; z-index: 1;}
.page-case .case-body .case-panel-2 {background:url("../images/case2-img-banner-mobile.jpg") center top no-repeat!important;-webkit-background-size:auto 100%!important;background-size:auto 100%!important}
.page-case .case-slogan {top:60%;right:inherit;left:0;width:100%;height:40%;min-height:inherit;max-height:inherit;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);margin:0}
.page-case .case-slogan .case-slogan-panel .case-slogan-inner .case-slogan-tips {height:28px}
.page-case .case-slogan .case-slogan-panel .case-slogan-inner .slogan-tips-box {line-height:13.52px}
.page-case .case-slogan .case-slogan-panel .case-slogan-inner .slogan-tips-box span {margin-right:7.8px}
.page-case .case-slogan .case-slogan-panel .case-slogan-inner .case-slogan-slogan {font-size:20.8px;margin:15px 0 5px;line-height:24px}
.page-case .case-slogan .case-slogan-panel .case-slogan-inner .case-slogan-name {font-size:15.6px;margin-bottom:8px}
.page-case .case-slogan .case-slogan-panel .case-slogan-inner .case-slogan-intro {line-height:13.52px}
.page-case .case-slogan .case-slogan-panel .case-slogan-inner .case-slogan-arrow {width:30.16px;height:3.12px;display:none}
.page-caseDetails .case-section-1 {height:350px;margin-bottom:200px}
.page-caseDetails .case-section-1 .case-gane {left:50%;top:63%;-webkit-transform:translate(-50%,25%);-moz-transform:translate(-50%,25%);-ms-transform:translate(-50%,25%);transform:translate(-50%,25%)}
.page-caseDetails .case-section-intro {padding:0 20px;margin-bottom:40px}
.page-caseDetails .case-section-intro .case-intro {margin:0}
.page-caseDetails .case-section-intro .case-intro h2 {display:block;float:none;text-align:center;margin:0 0 10px;padding:0;display:-webkit-box;-webkit-box-align:center;-webkit-box-pack:center}
.page-caseDetails .case-section-intro .case-intro .case-intro-tips {display:block;float:none;margin:0;padding:0;text-align:center}
.page-caseDetails .case-section-intro .case-bg,.page-caseDetails .case-section-intro .case-programe {padding-top:50px;background-position:center 20px!important;-webkit-background-size:45px 13px;background-size:45px 13px}
.page-caseDetails .case-section-intro .case-bg-title {width:13px!important}
.page-caseDetails .case-section-intro .case-bg-txt {font-size:13px!important}
.page-caseDetails .case-section-3 {padding:0 20px;height:480px;margin-bottom:80px}
.page-caseDetails .case-section-3 .case-logo-bg {bottom:100px}
.page-caseDetails .case-section-4 {height:455px!important;margin-bottom:80px!important}
.page-caseDetails .case-section-4 .case-step-decorate {display:none}
.page-caseDetails .case-section-4 .case-step-speak {right:0!important}
.page-caseDetails .case-section-4 .case-step-box {left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:60px 0 0;margin:0!important}
.page-caseDetails .case-section-4 .case-step-box .case-step-txt {left:20px}
.page-caseDetails .case-section-4 .case-step-img {width:100%!important;margin:0!important;left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);background-position:center 0!important}
.page-caseDetails .flex {-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.page-caseDetails .flex .flex-panel {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 20px}
.page-caseDetails .case-section .case-badge-box,.page-caseDetails .case-section .case-badge-box,.page-caseDetails .case-section .case-web-box,.page-caseDetails .case-section .case-material-box {width:100%!important;max-width:100%!important}
.page-caseDetails .case-section .case-material-box {left:0!important;right:0!important}
.page-caseDetails .case-section .case-web-box {left:0!important}
.page-caseDetails .case-section .case-txt-img {left:20px;margin:0!important}
.page-caseDetails .case-section .case-txt-txt {padding:0 20px!important}
.page-caseDetails .case-section-5 {height:450px!important}
.page-caseDetails .case-section-5 .case-icon-panel:last-child {top:-225px}
.page-caseDetails .case-section-5 .case-icon-panel:first-child {top:100px}
.page-caseDetails .case-section-5 .case-icon-img {top:inherit!important;bottom:20px!important;right:inherit!important;left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}
.page-caseDetails .case-section-5 .case-icon-box {width:100%!important;max-width:100%!important;left:0!important}
.page-caseDetails .case-section-5 .case-icon-box .case-txt-img {left:20px}
.page-caseDetails .case-section-5 .case-icon-box .case-txt-txt {padding:0 20px}
.page-caseDetails .case-section-6 {height:545px!important}
.page-caseDetails .case-section-6 .case-me-box {width:100%!important;max-width:100%!important;left:0!important;top:0!important}
.page-caseDetails .case-section-6 .case-me-img1,.page-caseDetails .case-section-6 .case-me-img2,.page-caseDetails .case-section-6 .case-me-img3,.page-caseDetails .case-section-6 .case-me-img4 {display:none}
.page-case-1 .case-section-1 {background:url("../images/case1-img-banner.jpg") center no-repeat;-webkit-background-size:cover;background-size:cover}
.page-case-1 .case-section-1>img {display:none}
.page-case-1 .case-section-6 {height:545px!important}
.page-case-1 .case-section-6 .flex-panel {display:none;width:100%!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:150px 0 0;background:url("../images/case1-me-mobile.jpg") center 150px no-repeat;-webkit-background-size:contain;background-size:contain}
.page-case-1 .case-section-6 .flex-panel:first-child {display:block}
.page-case-1 .case-section-7 {height:500px!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 20px}
.page-case-1 .case-section-7 .flex-panel:first-child {display:none!important}
.page-case-1 .case-section-7 .flex-panel {background:url("../images/case1-badge-2.png") center 200px no-repeat;-webkit-background-size:contain;background-size:contain;width:100%!important;max-width:100%!important}
.page-case-1 .case-section-7 .case-badge-img2 {width:100%!important;left:0;top:190px;background-position:center 0;background:none!important}
.page-case-1 .case-web-box {top:-480px!important}
.page-case-1 .case-section-8 {height:500px!important;margin-bottom:50px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 20px}
.page-case-1 .case-section-8 .flex-panel:first-child {display:none}
.page-case-1 .case-section-8 .flex-panel:last-child {width:100%!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:200px 0 0;background:url("../images/case1-img-web.png") center 200px no-repeat;-webkit-background-size:contain;background-size:contain}
.page-case-1 .case-section-8 .flex-panel:last-child .case-web-box {top:0!important;left:-20px!important}
.page-case-2 .case-section-1 {background:url("../images/case2-img-banner-mobile.jpg") center no-repeat;-webkit-background-size:cover;background-size:cover}
.page-case-2 .case-section-1>img {display:none}
.page-case-2 .case-section-4 {margin-bottom:140px!important;background:url("../images/case2-img-create-bg-mobile.jpg") center no-repeat}
.page-case-2 .case-section-4>img {display:none}
.page-case-2 .case-section-4 .case-step-1,.page-case-2 .case-section-4 .case-step-2 {background:none!important}
.page-case-2 .case-section-4 .case-step-img {position:absolute;top:200px;height:250px!important;left:0!important;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);margin-top:100px!important;background:url("../images/case2-step-mobile.png") center 0 no-repeat;-webkit-background-size:contain;background-size:contain}
.page-case-2 .case-section-5 {margin-bottom:0!important}
.page-case-2 .case-section-6 {margin-top:-80px!important;height:800px!important;background:url("../images/case2-me-mobile.jpg") center 260px no-repeat;-webkit-background-size:contain;background-size:contain}
.page-case-2 .case-section-7 {margin-top:0}
.page-case-2 .case-section-8 {height:550px!important}
.page-case-2 .case-section-8 .flex-panel {position:absolute;width:100%}
.page-case-2 .case-section-8 .flex-panel:first-child {top:200px}
.page-case-2 .case-section-8 .flex-panel .case-web-img {right:0;left:50%;width:90%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}
.page-case-2 .case-section-9 .flex-panel {position:absolute;width:100%}
.page-case-2 .case-section-9 .case-material-img {top:70px!important;width:100%!important}
.page-case-3 .case-section-1 {background:url("../images/case3-img-banner.jpg") center no-repeat;-webkit-background-size:cover;background-size:cover}
.page-case-3 .case-section-1>img {display:none}
.page-case-3 .case-section-7 {height:500px!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-top:180px!important}
.page-case-3 .case-section-6 {height:1580px!important}
.page-case-3 .case-section-6 .flex-panel {position:absolute;width:100%!important}
.page-case-3 .case-section-6 .case-badge-1,.page-case-3 .case-section-6 .case-badge-3,.page-case-3 .case-section-6 .case-badge-4,.page-case-3 .case-section-6 .case-badge-5,.page-case-3 .case-section-6 .case-badge-6,.page-case-3 .case-section-6 .case-badge-7,.page-case-3 .case-section-6 .case-badge-8,.page-case-3 .case-section-6 .case-badge-9,.page-case-3 .case-section-6 .case-badge-10 {display:none}
.page-case-3 .case-section-6 .case-badge-2 {top:4em!important;right:0!important;background:url(../images/case3-design-2.png) center no-repeat;width:100%!important;height:480px!important}
.page-case-3 .case-section-6 .case-badge-11 {top:1000px!important}
.page-case-3 .case-section-6 .case-facade-box {top:740px!important;left:0!important;max-width:100%}
.page-case-4 .case-section-1 {background:url("../images/case4-img-banner.jpg") center no-repeat;-webkit-background-size:cover;background-size:cover}
.page-case-4 .case-section-1>img {display:none}
.page-case-4 .case-section-4 {margin-bottom:100px!important;background:url("../images/case4-img-step.jpg") center 0 no-repeat}
.page-case-4 .case-section-4>img {display:none}
.page-case-4 .case-section-4 .case-step-img {top:300px!important}
.page-case-4 .case-section-7 {height:450px!important}
.page-case-4 .case-section-7 .case-badge-1,.page-case-4 .case-section-7 .case-badge-2 {display:none}
.page-case-4 .case-section-7 .case-badge-box {display:none}
.page-case-4 .case-section-7 .case-web-box {top:300px!important}
.page-case-4 .case-section-8 {height:300px!important}
.page-case-4 .case-section-8 .case-video {left:20px!important;right:20px!important;-webkit-transform:translate(0,0)!important;-moz-transform:translate(0,0)!important;-ms-transform:translate(0,0)!important;transform:translate(0,0)!important;margin:0!important;width:90%!important;height:200px!important}
.page-case-m .case-left-nav {display:none}
.page-case-m .case-section {position:relative;width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);width:calc(100% - 40px);-webkit-transform:translate(20px,0);-moz-transform:translate(20px,0);-ms-transform:translate(20px,0);transform:translate(20px,0)}
.page-case-m .case-section .flex-panel {left:20px}
.page-case-m .case-num-box {width:100%!important;left:0!important;top:0!important}
.page-case-m .case-num-box .case-num-h {width:500%!important;bottom:-20px!important;left:0!important}
.page-case-m .case-num-box .case-intro {width:100%!important;max-width:100%!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 20px;left:-20px!important}
.page-case-m .case-num-box .case-intro .case-intro-txt {left:0;line-height:20px}
.page-case-m .case-num-box .case-intro a {display:none}
.page-case-m .case-section-header {height:350px!important;overflow:hidden}
.page-case-m .case-section-header .flex-panel:last-child {position:absolute;display:none}
.page-case-m .case-section-header .case-more-txt {margin:120px auto 0!important}
.page-case-m .case-section-header .case-more-img {display:none}
.page-case-m .case-txt-box {width:100%!important;max-width:100%!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 20px;left:-20px!important;top:0!important}
.page-case-m .case-txt-box .txt-img {left:20px!important}
.page-case-m .case-txt-box h4 {margin-bottom:10px!important}
.page-case-m .case-section-1 {height:1350px!important;margin-bottom:0!important}
.page-case-m .case-section-1 .flex-panel {position:absolute;width:100%;height:760px!important}
.page-case-m .case-section-1 .flex-panel .case-1-2 {right:50%;-webkit-transform:translate(42%,0);-moz-transform:translate(42%,0);-ms-transform:translate(42%,0);transform:translate(42%,0);top:290px!important}
.page-case-m .case-section-1 .flex-panel .case-1-1 {top:170px!important;left:-20px;width:100%}
.page-case-m .case-section-1 .flex-panel .case-1-3 {top:470px!important}
.page-case-m .case-section-1 .flex-panel:last-child {top:760px!important;height:500px!important}
.page-case-m .case-section-2 {height:1000px!important}
.page-case-m .case-section-2 .flex-panel {height:420px!important}
.page-case-m .case-section-2 .flex-panel:first-child {top:480px}
.page-case-m .case-section-2 .flex-panel:last-child {top:-500px}
.page-case-m .case-section-2 .flex-panel .case-1-1 {top:160px;width:100%;left:-20px}
.page-case-m .case-section-2 .flex-panel .case-1-2 {display:none}
.page-case-m .case-section-2 .flex-panel .case-1-3 {left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);margin-left:-20px;top:260px}
.page-case-m .case-section-3 {height:1000px!important}
.page-case-m .case-section-3 .flex-panel {height:420px!important;left:0!important}
.page-case-m .case-section-3 .flex-panel .case-1-1 {top:-200px;width:100%;left:-20px}
.page-case-m .case-section-3 .flex-panel .case-1-2 {top:720px;right:50%;-webkit-transform:translate(50%,0);-moz-transform:translate(50%,0);-ms-transform:translate(50%,0);transform:translate(50%,0);margin-right:20px;width:100%}
.page-case-m .case-section-4 {height:1100px!important}
.page-case-m .case-section-4 .flex-panel {height:420px!important}
.page-case-m .case-section-4 .flex-panel:first-child {top:620px;height:600px}
.page-case-m .case-section-4 .flex-panel:last-child {top:-620px}
.page-case-m .case-section-4 .flex-panel .case-1-1 {top:240px;width:100%;right:10px}
.page-case-m .case-section-4 .flex-panel .case-1-2 {display:none}
.page-case-m .case-section-4 .flex-panel .case-1-3 {top:260px}
.page-case-m .case-section-5 {height:1300px!important}
.page-case-m .case-section-5 .flex-panel:first-child .case-txt-box {display:none}
.page-case-m .case-section-5 .flex-panel:last-child {top:140px;height:600px}
.page-case-m .case-section-5 .flex-panel .case-1-1 {top:160px;width:100%;left:-20px;display:none}
.page-case-m .case-section-5 .flex-panel .case-1-2 {left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);width:100%;margin-left:-20px}
.page-case-m .case-section-5 .flex-panel .case-1-3 {left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);margin-left:-20px;top:260px;width:100%;background-position:center!important}
.page-case-m .case-section-6 {height:1200px!important}
.page-case-m .case-section-6 .flex-panel {height:420px!important}
.page-case-m .case-section-6 .flex-panel:first-child {top:620px;height:600px}
.page-case-m .case-section-6 .flex-panel:last-child {top:-600px}
.page-case-m .case-section-6 .flex-panel .case-1-1 {top:220px;width:100%;left:-20px;background-position:center!important}
.page-case-m .case-section-6 .flex-panel .case-1-2 {left:50%;width:100%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);margin-left:-20px;top:360px;background-position:center!important}
.page-case-m .case-section-6 .flex-panel .case-1-3 {left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);margin-left:-20px;top:260px}
.page-case-m .case-section-7 {height:1500px!important}
.page-case-m .case-section-7 .flex-panel {height:420px!important;left:0!important}
.page-case-m .case-section-7 .flex-panel:last-child {top:240px}
.page-case-m .case-section-7 .flex-panel .case-1-4 {top:200px;left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);width:100%;margin-left:0;background-position:center!important}
.page-case-m .case-section-7 .flex-panel .case-1-2 {right:50%;-webkit-transform:translate(50%,0);-moz-transform:translate(50%,0);-ms-transform:translate(50%,0);transform:translate(50%,0);width:100%;top:380px;background-position:center!important}
.page-case-m .case-section-7 .flex-panel .case-txt-box {top:950px!important}
.page-case-m .case-section-7 .flex-panel .case-1-3,.page-case-m .case-section-7 .flex-panel .case-1-1,.page-case-m .case-section-7 .flex-panel .case-txt-box {display:none}
.page-case-m .case-section-7 .flex-panel .case-txt-box-1 {display:block}
.page-case-m .case-section-8 {height:1000px!important}
.page-case-m .case-section-8 .flex-panel {height:420px!important}
.page-case-m .case-section-8 .flex-panel:first-child {top:480px}
.page-case-m .case-section-8 .flex-panel:last-child {top:-540px}
.page-case-m .case-section-8 .flex-panel .case-1-1 {top:220px;left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);width:100%;margin-left:-20px;background-position:center!important}
.page-case-m .case-section-8 .flex-panel .case-1-2 {top:290px;left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);width:100%;background-position:center!important;margin-left:-20px}
.page-case-m .case-section-8 .flex-panel .case-1-3 {left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);margin-left:-20px;top:260px;display:none}
.page-case-m .case-section-8 .flex-panel .case-1-4,.page-case-m .case-section-8 .flex-panel .case-txt-box-1 {display:none}
}
/*!static/style/contact.scss*/.page-contact {position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;overflow:hidden}
.page-contact .logo {background:url("../images/logo-bg-white.png") center no-repeat;-webkit-background-size:contain;background-size:contain}
.page-contact .section-box {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-webkit-box-orient:horizontal}
.page-contact .contact-scroll {position:relative;-moz-box-flex:1;-ms-flex:1;flex:1;-webkit-box-flex:1;-webkit-flex:1;background:#adadad}
.page-contact .contact-scroll .contact-scroll-inner {position:absolute;left:0;right:0;bottom:0;top:0;width:100%;height:100%}
.page-contact .contact-scroll .swiper-container {width:100%;height:100%}
.page-contact .contact-scroll .swiper-slide {text-align:center;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;overflow:hidden}
.page-contact .contact-scroll .swiper-slide img {position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;width:1081px;height:1080px;max-width:inherit}
.page-contact .contact-scroll .swiper-slide img.mobile {display:none}
.page-contact .contact-scroll .swiper-button-next {background-image:url("../images/contact-scroll-arrow-right.png");background-repeat:no-repeat;background-position:0 0;width:21px;height:46px;right:20px;-webkit-background-size:cover;background-size:cover}
.page-contact .contact-scroll .swiper-button-next:hover {background-position:0 -49px}
.page-contact .contact-scroll .swiper-button-prev {background-image:url("../images/contact-scroll-arrow-left.png");background-repeat:no-repeat;background-position:0 0;-webkit-background-size:cover;background-size:cover;width:21px;height:46px;left:20px}
.page-contact .contact-scroll .swiper-button-prev:hover {background-position:0 -49px}
.page-contact .contact-info {width:8.4em;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-sizing:border-box;padding:1.6em 0 0 1.2em}
.page-contact .contact-info .info-item {position:relative;color:#000;vertical-align:baseline;margin-bottom:.56em}
.page-contact .contact-info .info-item * {line-height:100%;word-break:break-all;white-space:nowrap}
.page-contact .contact-info .info-item p {font-size:.18em;margin-bottom:10px}
.page-contact .contact-info .info-item .c-info-body {position:relative;font-size:.4em;line-height:120%;font-weight:lighter;font-family:PingFangSC-Light,PingFangSC,'Microsoft YaHei UI Light'}
.page-contact .contact-info .info-item .c-info-body .link-hire {position:absolute;top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);display:inline-block;width:96px;height:29px;line-height:29px;-webkit-border-radius:5px;border-radius:5px;background:#000;color:#fff;font-size:14px;text-align:center;margin:0 0 0 60px}
.page-contact .contact-info .info-item.info-tel .c-info-body span {display:block;font-size:20px;margin-top:10px}
.page-contact .contact-info .info-item .nav-share {bottom:inherit;right:inherit;left:0;top:0}
.page-contact .contact-info .info-item .nav-share a {background-position:0 0}
@media all and (max-width:1600px) {.page-contact .c-info-body span {font-size:18px!important}
.page-contact .c-info-body .link-hire {width:80px!important;height:25px!important;line-height:25px!important;font-size:11.76px!important;margin:0 0 0 50px!important}
}
@media all and (max-width:1400px) {.page-contact .info-item p {margin-bottom:15px}
.page-contact .c-info-body span {font-size:16px!important}
.page-contact .c-info-body .link-hire {width:71px!important;height:22px!important;line-height:22px!important;margin:0 0 0 44px!important}
}
@media all and (max-width:1280px) {.page-contact .info-item p {margin-bottom:10px}
.page-contact .c-info-body span {font-size:14px!important}
}
@media all and (max-width:960px) {.page-contact .info-item p {margin-bottom:5px}
.page-contact .c-info-body span {font-size:12px!important}
}
@media all and (max-width:768px) {.page-contact .section-box {-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.page-contact .section-box .contact-scroll {width:100%;height:40%}
.page-contact .section-box .contact-scroll .swiper-slide img {display:none}
.page-contact .section-box .contact-scroll .swiper-slide img.mobile {width:auto!important;height:100%!important;display:block}
.page-contact .section-box .contact-info {width:100%;height:60%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:20px 50px;overflow:auto}
.page-contact .section-box .contact-info .info-item {margin-bottom:20px}
.page-contact .section-box .contact-info .info-item:last-child {padding-bottom:20px}
.page-contact .section-box .contact-info .info-item p {margin-bottom:5px}
.page-contact .section-box .contact-info .info-item .c-info-body {font-size:18px;line-height:22px;font-family:"PingFang SC"!important}
.page-contact .section-box .contact-info .info-item .c-info-body span {font-size:12px!important;margin-top:0}
.page-contact .section-box .contact-info .info-item .c-info-address {font-size:16px}
}
/*!static/style/hire.scss*/.page-hire .h-header {position:relative}
.page-hire .h-header .h-header-intro {position:absolute;left:.7em;bottom:.6em;color:#fff;font-family:PingFangSC-Light,'YaHei Light'}
.page-hire .h-header .h-header-intro span {display:block;font-size:40px;line-height:55px;font-weight:100}
.page-hire .logo {background:url("../images/logo-bg-white.png") center no-repeat;-webkit-background-size:contain;background-size:contain}
.page-hire .b-body-scroll-bot {height:2.7em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.page-hire .h-item {height:5.5em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #eee;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;padding:1.3em .6em 0}
.page-hire .h-item:last-child {border-bottom:1px solid #eee}
.page-hire .h-item h4 {font-size:20px;color:#33363c;font-family:'新宋体';margin-bottom:20px}
.page-hire .h-item .h-item-name,.page-hire .h-item .h-item-require {width:28.2083%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.page-hire .h-item .h-item-name {position:relative;margin-left:140px}
.page-hire .h-item .h-item-name h3 {font-family:'新宋体';font-size:30px;color:#33363c;margin-bottom:20px}
.page-hire .h-item .h-item-name span {position:absolute;top:45px;left:0;color:#707070;font-size:16px}
.page-hire .h-item .h-item-name span:after {position:absolute;left:0;top:250%;width:30px;height:2px;background:#ffc600;content:""}
.page-hire .h-item .h-item-desc {-moz-box-flex:1;-ms-flex:1;flex:1;-webkit-box-flex:1;-webkit-flex:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.page-hire .h-item .h-intro {color:#707070;font-size:16px}
.page-hire .h-item .h-intro p {line-height:35px;text-align:justify;max-width:450px}
@media all and (max-width:1600px) {.page-hire .h-header .h-header-intro span {font-size:33px;line-height:46px}
.page-hire .h-item h4 {font-size:16.8px;margin-bottom:16.8px}
.page-hire .h-item .h-item-name {margin-left:117.6px}
.page-hire .h-item .h-item-name h3 {font-size:25.2px;margin-bottom:16.8px}
.page-hire .h-item .h-item-name span {top:37.8px;font-size:13.44px}
.page-hire .h-item .h-item-name span:after {width:25.2px}
.page-hire .h-item .h-intro {font-size:13.44px}
.page-hire .h-item .h-intro p {line-height:29.4px;max-width:378px}
}
@media all and (max-width:1400px) {.page-hire .h-header .h-header-intro span {font-size:29px;line-height:40px}
.page-hire .h-item h4 {font-size:14.8px;margin-bottom:14.8px}
.page-hire .h-item .h-item-name {margin-left:103.6px}
.page-hire .h-item .h-item-name h3 {font-size:22.2px;margin-bottom:14.8px}
.page-hire .h-item .h-item-name span {top:33.3px;font-size:11.84px}
.page-hire .h-item .h-item-name span:after {width:22.2px}
.page-hire .h-item .h-intro {font-size:11.84px}
.page-hire .h-item .h-intro p {line-height:25.9px;max-width:333px}
}
@media all and (max-width:1280px) {.page-hire .h-header .h-header-intro span {font-size:27px;line-height:37px}
.page-hire .h-item {height:inherit;padding-bottom:30px;padding-top:50px}
.page-hire .h-item h4 {font-size:13.6px;margin-bottom:13.6px}
.page-hire .h-item .h-item-name {margin-left:95.2px}
.page-hire .h-item .h-item-name h3 {font-size:20.4px;margin-bottom:13.6px}
.page-hire .h-item .h-item-name span {top:30.6px;font-size:10.88px}
.page-hire .h-item .h-item-name span:after {width:20.4px}
.page-hire .h-item .h-item-desc {margin-left:-25px!important}
.page-hire .h-item .h-intro {font-size:10.88px}
.page-hire .h-item .h-intro p {line-height:23.8px;max-width:306px}
}
@media all and (max-width:960px) {.page-hire .h-header .h-header-intro span {font-size:20px;line-height:28px}
.page-hire .h-item {padding-top:.8em}
.page-hire .h-item h4 {font-size:10.4px;margin-bottom:10.4px}
.page-hire .h-item .h-item-name {margin-left:72.8px}
.page-hire .h-item .h-item-name h3 {font-size:15.6px;margin-bottom:10.4px}
.page-hire .h-item .h-item-name span {top:23.4px}
.page-hire .h-item .h-item-name span:after {width:15.6px}
.page-hire .h-item .h-item-desc {margin-left:0}
.page-hire .h-item .h-intro p {line-height:18.2px;max-width:234px}
}
@media all and (max-width:768px) {.page-hire .h-header .h-header-intro {left:20px;bottom:10px;color:#fff}
.page-hire .h-header .h-header-intro span {display:block;font-size:13px;line-height:14px;font-weight:100}
.page-hire .h-item {display:block;-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;height:inherit;padding-top:.8em}
.page-hire .h-item h4 {font-size:18px;margin-bottom:10px}
.page-hire .h-item .h-item-name {position:relative;margin-left:0;height:80px;width:100%;max-width:100%}
.page-hire .h-item .h-item-name h3 {font-size:20px;margin-bottom:10px}
.page-hire .h-item .h-item-name span {top:23.4px}
.page-hire .h-item .h-item-name span:after {width:15.6px}
.page-hire .h-item .h-item-desc {margin-left:0!important}
.page-hire .h-item .h-item-desc p {max-width:100%}
.page-hire .h-item .h-intro {margin-bottom:20px}
.page-hire .h-item .h-intro p {font-size:13px;line-height:20px;max-width:100%}
.page-hire .h-item .h-item-require {width:100%}
}
/*!static/style/details.scss*/.single .b-nav,.single .b-body-scroll-bot,.single .b-body-scroll-top,.single .b-header {display:none}
.single .logo {background:url("../images/logo-case.png") 0 center no-repeat;-webkit-background-size:contain;background-size:contain}
.single .h-header {display:none}
.single .d-header {position:relative;display:table}
.single .d-header h2 {position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:table-cell;text-align:center;vertical-align:center;font-size:60px;color:#fff}
.single .d-header h2 span,.single .d-header h2 .item-desc {display:block;font-size:24px;margin:50px 0}
.single .d-body {width:10em;margin:0 auto;padding:.8em 0;font-size:18px;line-height:35px;color:#333}
.single .d-body * {margin-bottom:20px;font-size:18px;line-height:35px;color:#333}
.single .d-body img {margin:20px 0}
@media all and (max-width:1600px) {.single .d-header h2 {font-size:50px}
.single .d-header h2 span,.single .d-header h2 .item-desc {font-size:20px;margin:42px 0}
}
@media all and (max-width:1400px) {.single .d-header h2 {font-size:44px}
.single .d-header h2 span,.single .d-header h2 .item-desc {font-size:17px;margin:37px 0}
}
@media all and (max-width:1280px) {.single .d-header h2 {font-size:40px}
.single .d-header h2 span,.single .d-header h2 .item-desc {font-size:16px;margin:34px 0}
}
@media all and (max-width:960px) {.single .d-header h2 {font-size:31px}
.single .d-header h2 span,.single .d-header h2 .item-desc {font-size:12px;margin:26px 0}
}
@media all and (max-width:768px) {.single .d-header h2 {font-size:20px}
.single .d-header h2 span,.single .d-header h2 .item-desc {font-size:12px;margin:15px 0}
.single .d-body {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:20px 10px;width:100%!important}
}










.grzx_case_cont h3{max-width: 340px; font-size: 40px; color: #fff; padding-left: 60px; padding-top: 125px; line-height: 1;}
.grzx_case_cont h4{max-width: 340px; font-size: 24px; color: #fff; padding-left: 60px; padding-top: 20px; }
.grzx_case_cont p{max-width: 340px; font-size: 14px; color: #eee; padding-left: 60px; line-height: 30px; padding-top: 30px; }
.grzx_case_cont .more{margin-left: 60px; color: #fff; margin-top: 70px;}
.grzx_case_cont .more:hover{ color: #fff; }
.grzx_case_cont .more:before{ background-color: #fff; }



@media(max-width:1550px) {
  .grzx_case_cont p{ padding-left: 30px; }
  .grzx_case_cont h4{ padding-left: 30px; }
  .grzx_case_cont h3{ padding-left: 30px; }
  .grzx_case_cont .more{ margin-left: 30px; }

}




/*# sourceMappingURL=/static/style/page.css.map*/