/*!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; width: 195px; 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}

@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}
}
@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}
}
@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}
}
@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}
}
@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-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: 60px; 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*/