.fl { float: left; }

.fr { float: right; }

.clear { content: "\0020"; display: block; height: 0; clear: both; }

.fl { float: left; }

.fr { float: right; }

.clearex::after { clear: both; display: block; content: ""; width: 0; }

.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }

.justify_fixed::after { content: ""; width: 100%; height: 0; overflow: hidden; display: inline-block; }

.wrapper::before { content: ""; display: inline-block; height: 100%; vertical-align: middle; }

.font_strsub { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.table_father { display: table; width: 100%; height: 100%; }

.table_father > .table_child { display: table-cell; width: 100%; height: 100%; vertical-align: middle; }

.force_3d { -webkit-transform: translateZ(0); transform: translateZ(0); }

a { color: inherit; text-decoration: none; }

body, input, textarea, select, button { font-synthesis: none; -moz-font-feature-settings: "kern"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; direction: ltr; text-align: left; }

* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; box-sizing: border-box; font-size: inherit; padding: 0; margin: 0; list-style: none; }

body, html { -webkit-tap-highlight-color: transparent; background-color: #fff; color: #000; line-height: 1; font-size: 12px; }

body { width: 100%; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) { .border-top-1px::before, .border-bottom-1px::after { -moz-transform: scaleY(0.67); -ms-transform: scaleY(0.67); -webkit-transform: scaleY(0.67); transform: scaleY(0.67); }
  .border-left-1px::before, .border-right-1px::after { -moz-transform: scaleY(0.67); -ms-transform: scaleY(0.67); -webkit-transform: scaleY(0.67); transform: scaleY(0.67); } }
@media only screen and (-webkit-min-device-pixel-ratio: 2) { .border-top-1px::before, .border-bottom-1px::after { -moz-transform: scaleY(0.5); -ms-transform: scaleY(0.5); -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
  .border-left-1px::before, .border-right-1px::after { -moz-transform: scaleY(0.5); -ms-transform: scaleY(0.5); -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } }
@media only screen and (-webkit-min-device-pixel-ratio: 3) { .border-top-1px::before, .border-bottom-1px::after { -moz-transform: scaleY(0.33); -ms-transform: scaleY(0.33); -webkit-transform: scaleY(0.33); transform: scaleY(0.33); }
  .border-left-1px::before, .border-right-1px::after { -moz-transform: scaleY(0.33); -ms-transform: scaleY(0.33); -webkit-transform: scaleY(0.33); transform: scaleY(0.33); } }
@font-face { font-family: 'avantgrade-bt-demi'; src: url("../fonts/avantgrade-bt-demi.ttf"); }
@font-face { font-family: 'avantgrade-bt-book'; src: url("../fonts/avantgrade-bt-book.otf"); }
body, html { font-family: Arial, "PingFangSC-Regular", "Microsoft YaHei", "Helvetica", sans-serif; -webkit-text-size-adjust: 100%; font-weight: normal; }

.just-for-mobile { display: none; }

body.navOnShow .page-header-container { -moz-transition: background-color 0s; -o-transition: background-color 0s; -webkit-transition: background-color 0s; transition: background-color 0s; background-color: transparent; z-index: 233; }
body.navOnShow .page-header-container .logo { background-image: url("../images/logo-blue.svg"); }
body.navOnShow .page-header-container .menu-container .menu-sign .menu-line { background-color: #191919; }
body.navOnShow .page-header-container .menu-container .menu-sign .menu-line:nth-child(1) { -moz-transform: rotate(-45deg) translateY(13px); -ms-transform: rotate(-45deg) translateY(13px); -webkit-transform: rotate(-45deg) translateY(13px); transform: rotate(-45deg) translateY(13px); }
body.navOnShow .page-header-container .menu-container .menu-sign .menu-line:nth-child(2) { opacity: 0; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
body.navOnShow .page-header-container .menu-container .menu-sign .menu-line:nth-child(3) { -moz-transform: rotate(45deg) translateY(-13px); -ms-transform: rotate(45deg) translateY(-13px); -webkit-transform: rotate(45deg) translateY(-13px); transform: rotate(45deg) translateY(-13px); }
@media screen and (max-width: 750px) { body.navOnShow .page-header-container .menu-container .menu-sign .menu-line:nth-child(1) { -moz-transform: rotate(-45deg) translateY(3.06667vw); -ms-transform: rotate(-45deg) translateY(3.06667vw); -webkit-transform: rotate(-45deg) translateY(3.06667vw); transform: rotate(-45deg) translateY(3.06667vw); }
  body.navOnShow .page-header-container .menu-container .menu-sign .menu-line:nth-child(2) { -moz-transform: rotate(-45deg) translateY(3.06667vw); -ms-transform: rotate(-45deg) translateY(3.06667vw); -webkit-transform: rotate(-45deg) translateY(3.06667vw); transform: rotate(-45deg) translateY(3.06667vw); }
  body.navOnShow .page-header-container .menu-container .menu-sign .menu-line:nth-child(3) { width: 100%; -moz-transform: rotate(45deg) translateY(-3.33333vw); -ms-transform: rotate(45deg) translateY(-3.33333vw); -webkit-transform: rotate(45deg) translateY(-3.33333vw); transform: rotate(45deg) translateY(-3.33333vw); } }

.page-header-container { width: 100%; padding: 2.60417vw 4.01042vw; position: fixed; top: 0; left: 0; z-index: 100; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
.page-header-container.-relative { position: relative; }
.page-header-container.prepareToShow { -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.13); padding-top: 1.04167vw; padding-bottom: 1.04167vw; background-color: #fff !important; }
@media screen and (max-width: 750px) { .page-header-container.prepareToShow { background-color: transparent !important; box-shadow: none; } }
.page-header-container.prepareToShow._show { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
.page-header-container.hide { -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%); }
.page-header-container.--blue-logo .logo { background-image: url("../images/logo-blue.svg"); }
.page-header-container.--transparent-bg { background-color: transparent; }
.page-header-container.--transparent-bg .logo { background-image: url("../images/logo-blue.svg"); }
.page-header-container.--transparent-bg .menu-container .menu-sign .menu-line { background-color: #191919; }
.page-header-container.--white-bg { background-color: #fff; }
.page-header-container.--white-bg .logo { background-image: url("../images/logo-blue.svg"); }
.page-header-container.--white-bg .menu-container .menu-sign .menu-line { background-color: #191919; }
.page-header-container .header-inner { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 0 0.88542vw; }
.page-header-container .logo { width: 5.20833vw; height: 2.08333vw; background: url("../images/logo.svg") no-repeat center; background-size: contain; display: block; }
.page-header-container .menu-container { padding: 10px 0; height: 40px; cursor: pointer; }
.page-header-container .menu-container:hover .menu-sign .menu-line:nth-child(2) { width: 100%; }
.page-header-container .menu-container .menu-sign { width: 30px; text-align: right; font-size: 0; }
.page-header-container .menu-container .menu-sign .menu-line { display: inline-block; height: 2px; background-color: #fff; transition-duration: 0.5s; transition-timing-function: cubic-bezier(0.6, 0, 0.41, 1); margin-top: 7px; }
.page-header-container .menu-container .menu-sign .menu-line:nth-child(1) { width: 100%; margin-top: 0; }
.page-header-container .menu-container .menu-sign .menu-line:nth-child(2) { width: 50%; }
.page-header-container .menu-container .menu-sign .menu-line:nth-child(3) { width: 100%; }

.page-nav-container { width: 100%; height: 100vh; position: fixed; top: 0; left: 0; z-index: 123; visibility: hidden; -moz-transition: visibility 1.5s cubic-bezier(0.08, 0.03, 0.22, 0.87); -o-transition: visibility 1.5s cubic-bezier(0.08, 0.03, 0.22, 0.87); -webkit-transition: visibility 1.5s cubic-bezier(0.08, 0.03, 0.22, 0.87); transition: visibility 1.5s cubic-bezier(0.08, 0.03, 0.22, 0.87); }
.page-nav-container.onShow { visibility: visible; opacity: 1; -moz-transition: visibility 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87); -o-transition: visibility 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87); -webkit-transition: visibility 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87); transition: visibility 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87); }
.page-nav-container.onShow ul li:nth-child(1) a { -moz-transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.15s, padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.15s, background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 2s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.15s; -o-transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.15s, padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.15s, background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 2s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.15s; -webkit-transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87), padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87), background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 2s cubic-bezier(0.08, 0.03, 0.22, 0.87); -webkit-transition-delay: 0.15s, 0.15s, 0s, 0.15s; transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.15s, padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.15s, background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 2s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.15s; }
.page-nav-container.onShow ul li:nth-child(1) .labe-container { -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
.page-nav-container.onShow ul li:nth-child(2) a { -moz-transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.3s, padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.3s, background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 2s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.3s; -o-transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.3s, padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.3s, background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 2s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.3s; -webkit-transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87), padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87), background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 2s cubic-bezier(0.08, 0.03, 0.22, 0.87); -webkit-transition-delay: 0.3s, 0.3s, 0s, 0.3s; transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.3s, padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.3s, background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 2s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.3s; }
.page-nav-container.onShow ul li:nth-child(2) .labe-container { -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
.page-nav-container.onShow ul li:nth-child(3) a { -moz-transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.45s, padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.45s, background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 2s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.45s; -o-transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.45s, padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.45s, background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 2s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.45s; -webkit-transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87), padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87), background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 2s cubic-bezier(0.08, 0.03, 0.22, 0.87); -webkit-transition-delay: 0.45s, 0.45s, 0s, 0.45s; transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.45s, padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.45s, background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 2s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.45s; }
.page-nav-container.onShow ul li:nth-child(3) .labe-container { -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }
.page-nav-container.onShow ul li:nth-child(4) { -moz-transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.6s, padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.6s, background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 2s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.6s; -o-transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.6s, padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.6s, background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 2s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.6s; -webkit-transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87), padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87), background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 2s cubic-bezier(0.08, 0.03, 0.22, 0.87); -webkit-transition-delay: 0.6s, 0.6s, 0s, 0.6s; transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.6s, padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.6s, background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 2s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.6s; }
.page-nav-container.onShow ul li:nth-child(4) .labe-container { -moz-transition-delay: 0.8s; -o-transition-delay: 0.8s; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }
.page-nav-container.onShow ul li:nth-child(5) { -moz-transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.75s, padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.75s, background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 2s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.75s; -o-transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.75s, padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.75s, background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 2s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.75s; -webkit-transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87), padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87), background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 2s cubic-bezier(0.08, 0.03, 0.22, 0.87); -webkit-transition-delay: 0.75s, 0.75s, 0s, 0.75s; transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.75s, padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.75s, background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 2s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.75s; }
.page-nav-container.onShow ul li:nth-child(5) .labe-container { -moz-transition-delay: 1s; -o-transition-delay: 1s; -webkit-transition-delay: 1s; transition-delay: 1s; }
.page-nav-container.onShow ul li:nth-child(6) { -moz-transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.9s, padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.9s, background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 2s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.9s; -o-transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.9s, padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.9s, background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 2s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.9s; -webkit-transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87), padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87), background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 2s cubic-bezier(0.08, 0.03, 0.22, 0.87); -webkit-transition-delay: 0.9s, 0.9s, 0s, 0.9s; transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.9s, padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.9s, background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 2s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.9s; }
.page-nav-container.onShow ul li:nth-child(6) .labe-container { -moz-transition-delay: 1.2s; -o-transition-delay: 1.2s; -webkit-transition-delay: 1.2s; transition-delay: 1.2s; }
.page-nav-container.onShow ul li:nth-child(7) { -moz-transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 1.05s, padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 1.05s, background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 2s cubic-bezier(0.08, 0.03, 0.22, 0.87) 1.05s; -o-transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 1.05s, padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 1.05s, background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 2s cubic-bezier(0.08, 0.03, 0.22, 0.87) 1.05s; -webkit-transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87), padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87), background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 2s cubic-bezier(0.08, 0.03, 0.22, 0.87); -webkit-transition-delay: 1.05s, 1.05s, 0s, 1.05s; transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 1.05s, padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 1.05s, background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 2s cubic-bezier(0.08, 0.03, 0.22, 0.87) 1.05s; }
.page-nav-container.onShow ul li:nth-child(7) .labe-container { -moz-transition-delay: 1.4s; -o-transition-delay: 1.4s; -webkit-transition-delay: 1.4s; transition-delay: 1.4s; }
.page-nav-container.onShow ul li a { width: 100%; padding: 0 12%; border-right: 1px solid #fff; }
.page-nav-container.onShow ul li .labe-container { opacity: 1; }
.page-nav-container.onShow .sub-nav-for-mobile ul li { width: 100%; }
.page-nav-container ul { width: 100%; height: 100%; display: flex; justify-content: flex-start; align-items: flex-start; }
.page-nav-container ul li { flex: 1; height: 100%; position: relative; overflow: hidden; font-family: "avantgrade-bt-book", sans-serif; text-transform: uppercase; color: #191919; font-size: 38px; -moz-transition: background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87); -o-transition: background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87); -webkit-transition: background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87); transition: background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87); }
.page-nav-container ul li::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.page-nav-container ul li a { display: block; position: absolute; z-index: 1; width: 0; height: 100%; top: 0; left: 0; background-color: #f5f5f5; padding: 0; border-right: 0 solid transparent; }
.page-nav-container ul li .labe-container { position: absolute; top: 50%; left: 50%; -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); opacity: 0; -moz-transition: opacity 1s ease; -o-transition: opacity 1s ease; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; }
.page-nav-container ul li .labe-container::after { content: ""; width: 0; height: 1.14583vw; background-color: #fff; position: absolute; bottom: 0; left: 0; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: -1; backface-visibility: hidden; -moz-transition: width 0.6s cubic-bezier(0.08, 0.03, 0.22, 0.87), left 0.6s cubic-bezier(0.08, 0.03, 0.22, 0.87); -o-transition: width 0.6s cubic-bezier(0.08, 0.03, 0.22, 0.87), left 0.6s cubic-bezier(0.08, 0.03, 0.22, 0.87); -webkit-transition: width 0.6s cubic-bezier(0.08, 0.03, 0.22, 0.87), left 0.6s cubic-bezier(0.08, 0.03, 0.22, 0.87); transition: width 0.6s cubic-bezier(0.08, 0.03, 0.22, 0.87), left 0.6s cubic-bezier(0.08, 0.03, 0.22, 0.87); }
.page-nav-container ul li:nth-child(1) a { -moz-transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.1s, padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.1s, background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 1s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.1s; -o-transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.1s, padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.1s, background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 1s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.1s; -webkit-transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87), padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87), background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 1s cubic-bezier(0.08, 0.03, 0.22, 0.87); -webkit-transition-delay: 0.1s, 0.1s, 0s, 0.1s; transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.1s, padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.1s, background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 1s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.1s; }
.page-nav-container ul li:nth-child(2) a { -moz-transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.2s, padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.2s, background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 1s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.2s; -o-transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.2s, padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.2s, background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 1s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.2s; -webkit-transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87), padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87), background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 1s cubic-bezier(0.08, 0.03, 0.22, 0.87); -webkit-transition-delay: 0.2s, 0.2s, 0s, 0.2s; transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.2s, padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.2s, background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 1s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.2s; }
.page-nav-container ul li:nth-child(3) a { -moz-transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.3s, padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.3s, background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 1s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.3s; -o-transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.3s, padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.3s, background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 1s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.3s; -webkit-transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87), padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87), background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 1s cubic-bezier(0.08, 0.03, 0.22, 0.87); -webkit-transition-delay: 0.3s, 0.3s, 0s, 0.3s; transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.3s, padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.3s, background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 1s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.3s; }
.page-nav-container ul li:nth-child(4) a { -moz-transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.4s, padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.4s, background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 1s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.4s; -o-transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.4s, padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.4s, background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 1s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.4s; -webkit-transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87), padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87), background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 1s cubic-bezier(0.08, 0.03, 0.22, 0.87); -webkit-transition-delay: 0.4s, 0.4s, 0s, 0.4s; transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.4s, padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.4s, background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 1s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.4s; }
.page-nav-container ul li:nth-child(5) a { -moz-transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.5s, padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.5s, background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 1s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.5s; -o-transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.5s, padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.5s, background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 1s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.5s; -webkit-transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87), padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87), background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 1s cubic-bezier(0.08, 0.03, 0.22, 0.87); -webkit-transition-delay: 0.5s, 0.5s, 0s, 0.5s; transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.5s, padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.5s, background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 1s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.5s; }
.page-nav-container ul li:nth-child(6) a { -moz-transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.6s, padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.6s, background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 1s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.6s; -o-transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.6s, padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.6s, background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 1s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.6s; -webkit-transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87), padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87), background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 1s cubic-bezier(0.08, 0.03, 0.22, 0.87); -webkit-transition-delay: 0.6s, 0.6s, 0s, 0.6s; transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.6s, padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.6s, background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 1s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.6s; }
.page-nav-container ul li:nth-child(7) a { -moz-transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.7s, padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.7s, background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 1s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.7s; -o-transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.7s, padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.7s, background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 1s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.7s; -webkit-transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87), padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87), background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 1s cubic-bezier(0.08, 0.03, 0.22, 0.87); -webkit-transition-delay: 0.7s, 0.7s, 0s, 0.7s; transition: width 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.7s, padding 0.8s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.7s, background-color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87), border 1s cubic-bezier(0.08, 0.03, 0.22, 0.87) 0.7s; }
.page-nav-container ul li:hover { -moz-transition: color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87); -o-transition: color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87); -webkit-transition: color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87); transition: color 2s cubic-bezier(0.08, 0.03, 0.22, 0.87); }
.page-nav-container ul li:hover a { background-color: #e6e6e6; }
.page-nav-container ul li:hover .labe-container::after { width: calc(100% + 1.04167vw); left: 50%; }

.page-main-body-container { width: 100%; }

.--index-page { width: 100%; height: 100vh; position: relative; overflow: hidden; }
.--index-page .page-main-bone-container { width: 100%; height: 100%; z-index: 11; position: absolute; -moz-transform: translateY(100%); -ms-transform: translateY(100%); -webkit-transform: translateY(100%); transform: translateY(100%); top: 0; left: 0; }
.--index-page .index-cases-container { width: 100%; height: 100%; overflow: hidden; }
.--index-page .index-cases-container .slideshow { width: 100%; height: 100%; overflow: hidden; position: relative; }
.--index-page .index-cases-container .slideshow::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 99; opacity: 0; transition: opacity 0.4s; }
.--index-page .index-cases-container .case-item { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; opacity: 0; }
.--index-page .index-cases-container .case-item.slide--current { opacity: 1; z-index: 999; pointer-events: auto; position: relative; }
.--index-page .index-cases-container .case-item .slide__wrap { width: 100%; height: 100%; position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; position: relative; }
.--index-page .index-cases-container .case-item .case-item-img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; -moz-transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); background-color: white; background-size: cover; background-position: 50% 50%; }
.--index-page .index-cases-container .case-item .case-item-text { cursor: pointer; overflow: hidden; text-transform: uppercase; width: 100%; position: absolute; top: 50%; left: 50%; -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); z-index: 999; }
.--index-page .index-cases-container .case-item .case-item-text:hover p:nth-child(2) span { -moz-transform: translateX(30px); -ms-transform: translateX(30px); -webkit-transform: translateX(30px); transform: translateX(30px); }
.--index-page .index-cases-container .case-item .case-item-text:hover p:nth-child(2)::before { -moz-transform: scale(1.25); -ms-transform: scale(1.25); -webkit-transform: scale(1.25); transform: scale(1.25); }
.--index-page .index-cases-container .case-item .case-item-text:hover p:nth-child(2)::after { -moz-transform: scale(0.75); -ms-transform: scale(0.75); -webkit-transform: scale(0.75); transform: scale(0.75); }
.--index-page .index-cases-container .case-item .case-item-text p { width: 100%; font-family: "avantgrade-bt-book", sans-serif; color: #fff; text-align: center; }
.--index-page .index-cases-container .case-item .case-item-text p br { display: none; }
.--index-page .index-cases-container .case-item .case-item-text p strong { font-family: "avantgrade-bt-demi", sans-serif; }
.--index-page .index-cases-container .case-item .case-item-text p:nth-child(1) { font-size: 50px; }
.--index-page .index-cases-container .case-item .case-item-text p:nth-child(2) { width: 397px; font-size: 16px; position: relative; margin: 36px auto 0; }
.--index-page .index-cases-container .case-item .case-item-text p:nth-child(2) span { -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; display: inline-block; }
.--index-page .index-cases-container .case-item .case-item-text p:nth-child(2)::before, .--index-page .index-cases-container .case-item .case-item-text p:nth-child(2)::after { content: ""; width: 116px; height: 1px; background-color: #fff; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.--index-page .index-cases-container .case-item .case-item-text p:nth-child(2)::before { left: 0; -moz-transform-origin: left 50%; -ms-transform-origin: left 50%; -webkit-transform-origin: left 50%; transform-origin: left 50%; }
.--index-page .index-cases-container .case-item .case-item-text p:nth-child(2)::after { right: 0; -moz-transform-origin: right 50%; -ms-transform-origin: right 50%; -webkit-transform-origin: right 50%; transform-origin: right 50%; }
.--index-page .index-nav-container { width: 100%; height: 4.01042vw; background-color: #fff; position: absolute; left: 0; bottom: 0; }
.--index-page .index-nav-container ul { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.--index-page .index-nav-container ul li { font-family: "avantgrade-bt-book", sans-serif; font-size: 14px; color: #191919; margin-left: 9.32292vw; position: relative; overflow: hidden; text-transform: uppercase; }
.--index-page .index-nav-container ul li:first-child { margin-left: 0; }
.--index-page .index-nav-container ul li a { display: block; width: 100%; height: 100%; padding-bottom: 7px; }
.--index-page .index-nav-container ul li .line { position: absolute; bottom: 0; width: 100%; height: 1px; left: 0; background-color: #cbc9c9; -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); overflow: hidden; }
.--index-page .index-nav-container ul li .line .filled { width: 100%; height: 100%; position: absolute; background-color: #000; -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); top: 0; left: 0; }

.--projects-page { width: 100%; height: 100vh; }
.--projects-page .project-categories-container { width: 100%; height: 100%; display: flex; justify-content: flex-start; align-items: flex-start; }
.--projects-page .project-categories-container .project-category-item { flex: 0 0 50%; height: 100%; position: relative; cursor: pointer; }
.--projects-page .project-categories-container .project-category-item.hoverB { overflow: hidden; }
.--projects-page .project-categories-container .project-category-item.hoverB:hover .project-category-item-img-box { -moz-transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); }
.--projects-page .project-categories-container .project-category-item.hoverF { -moz-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; overflow: hidden; }
.--projects-page .project-categories-container .project-category-item.hoverF:nth-child(2) .project-category-item-img-box { right: 0; left: initial; }
.--projects-page .project-categories-container .project-category-item.hoverF .project-category-item-img-box { width: 54vw; }
.--projects-page .project-categories-container .project-category-item.hoverF .project-category-item-img-box .slide .img-container { background-size: cover; }
.--projects-page .project-categories-container .project-category-item.hoverF:hover { flex: 0 0 54%; }
.--projects-page .project-categories-container .project-category-item .project-category-item-img-box { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; -moz-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1); transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1); }
.--projects-page .project-categories-container .project-category-item .project-category-item-img-box .slide { height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transform: translate(-100%); transition: transform 0s cubic-bezier(0.215, 0.61, 0.355, 1) 1s, opacity 0s cubic-bezier(0.215, 0.61, 0.355, 1) 1s; width: 100%; z-index: 5; }
.--projects-page .project-categories-container .project-category-item .project-category-item-img-box .slide.active { opacity: 1; transform: translate(0) !important; transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1); z-index: 10; }
.--projects-page .project-categories-container .project-category-item .project-category-item-img-box .slide .img-container { opacity: 1; transform: translate(0) !important; transition: transform 1s cubic-bezier(0.8, 0, 0.24, 1) 0s, opacity 1s cubic-bezier(0.8, 0, 0.24, 1) 0s; }
.--projects-page .project-categories-container .project-category-item .project-category-item-img-box .img-container { width: 100%; height: 100%; position: absolute; background-repeat: no-repeat; background-position: center; opacity: 0; overflow: hidden; transform: translate(-15%); transition: transform 0s 1.2s, opacity 0s 1.2s; background-size: cover; }
.--projects-page .project-categories-container .project-category-item .project-category-item-img-box.down .slide { transform: translateY(-100%); }
.--projects-page .project-categories-container .project-category-item .project-category-item-img-box.down .slide .img-container { transform: translateY(-15%); z-index: 1; transition-delay: 0.05s; height: 100%; }
.--projects-page .project-categories-container .project-category-item .project-category-item-text { position: absolute; top: 50%; left: 50%; width: 100%; -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); z-index: 99; }
.--projects-page .project-categories-container .project-category-item .project-category-item-text .title { position: relative; width: 100%; justify-content: center; align-items: center; display: flex; }
.--projects-page .project-categories-container .project-category-item .project-category-item-text .title .-text { font-family: "avantgrade-bt-book", Arial, "PingFangSC-Regular", "Microsoft YaHei", "Helvetica", sans-serif; font-size: 50px; color: #fff; text-transform: uppercase; position: relative; }
.--projects-page .project-categories-container .project-category-item .project-category-item-text .title .-text .desc { position: absolute; left: 0; top: calc(100% + 15px); line-height: 1; opacity: 0; -moz-transform: translate3d(-30px, 0, 0); -ms-transform: translate3d(-30px, 0, 0); -webkit-transform: translate3d(-30px, 0, 0); transform: translate3d(-30px, 0, 0); -moz-transition: all 0.5s cubic-bezier(0.14, 1, 0.34, 1) 0s; -o-transition: all 0.5s cubic-bezier(0.14, 1, 0.34, 1) 0s; -webkit-transition: all 0.5s cubic-bezier(0.14, 1, 0.34, 1); -webkit-transition-delay: 0s; transition: all 0.5s cubic-bezier(0.14, 1, 0.34, 1) 0s; }
.--projects-page .project-categories-container .project-category-item .project-category-item-text .title .-text .desc.onHover { -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
.--projects-page .project-categories-container .project-category-item .project-category-item-text .title .-text .desc.onHover::before { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
.--projects-page .project-categories-container .project-category-item .project-category-item-text .title .-text .desc.onHover span { opacity: 1; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
.--projects-page .project-categories-container .project-category-item .project-category-item-text .title .strong { font-family: "avantgrade-bt-demi", sans-serif; }
.--projects-page .project-categories-container .project-category-item .project-category-item-text .title .strong .desc { font-size: 16px; width: 156px; padding-top: 7px; text-transform: capitalize; position: absolute; -moz-transition-delay: 0.03s; -o-transition-delay: 0.03s; -webkit-transition-delay: 0.03s; transition-delay: 0.03s; }
.--projects-page .project-categories-container .project-category-item .project-category-item-text .title .strong .desc::before { content: ""; position: absolute; width: 100%; height: 1px; top: 0; left: 0; background-color: #fff; -moz-transform-origin: left 50%; -ms-transform-origin: left 50%; -webkit-transform-origin: left 50%; transform-origin: left 50%; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); }
.--projects-page .project-categories-container .project-category-item .project-category-item-text .title .strong .desc span { display: inline-block; opacity: 0; -moz-transform: translateY(15px); -ms-transform: translateY(15px); -webkit-transform: translateY(15px); transform: translateY(15px); -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.--projects-page .project-categories-container .project-category-item .project-category-item-text .title .label { margin-left: 20px; }
.--projects-page .project-categories-container .project-category-item .project-category-item-text .title .label .desc { font-size: 22px; -moz-transition-delay: 0.09s; -o-transition-delay: 0.09s; -webkit-transition-delay: 0.09s; transition-delay: 0.09s; }

.--about-page { width: 100%; height: 100vh; display: flex; justify-content: flex-start; align-items: flex-start; }
.--about-page .about-main-content-container { flex: 1; height: 100%; }
.--about-page .about-main-content-container .about-main-content-sections { width: 100%; height: 100%; position: relative; overflow: hidden; }
.--about-page .about-main-content-container .about-main-content-sections .swiper-pagination-container { position: absolute; width: 11px; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 1.61458vw; z-index: 13; }
.--about-page .about-main-content-container .about-main-content-sections .swiper-pagination-container .swiper-pagination-bullet { width: 11px; height: 11px; margin-top: 30px; border-radius: 50%; border: 1px solid #fff; opacity: 1; background-color: transparent; }
.--about-page .about-main-content-container .about-main-content-sections .swiper-pagination-container .swiper-pagination-bullet:first-child { margin-top: 0; }
.--about-page .about-main-content-container .about-main-content-sections .swiper-pagination-container .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #fff; }
.--about-page .about-main-content-container .about-main-content-sections .swiper-slide { overflow: hidden; width: 100%; position: relative; height: 100%; display: flex; justify-content: flex-start; align-items: flex-start; }
.--about-page .about-main-content-container .about-main-content-sections .swiper-slide .slide-side-container { flex: 0 0 28.125vw; position: relative; }
.--about-page .about-main-content-container .about-main-content-sections .swiper-slide .slide-side-container.animated .slide-side-img-box img { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -moz-transition-delay: 1.66s; -o-transition-delay: 1.66s; -webkit-transition-delay: 1.66s; transition-delay: 1.66s; }
.--about-page .about-main-content-container .about-main-content-sections .swiper-slide .slide-side-container .slide-side-img-box { width: 100%; height: 100%; font-size: 0; overflow: hidden; position: relative; }
.--about-page .about-main-content-container .about-main-content-sections .swiper-slide .slide-side-container .slide-side-img-box img { width: 100%; height: 100%; -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); -moz-transition: all 9s; -o-transition: all 9s; -webkit-transition: all 9s; transition: all 9s; -moz-transition-timing-function: linear; -o-transition-timing-function: linear; -webkit-transition-timing-function: linear; transition-timing-function: linear; }
.--about-page .about-main-content-container .about-main-content-sections .swiper-container { width: 100%; height: 100%; }
.--about-page .about-main-content-container .about-main-content-sections .swiper-container .swiper-wrapper { width: 100%; height: 100%; transition-timing-function: ease; }
.--about-page .about-main-content-container .about-main-content-sections .section-item-container { flex: 1; height: 100%; padding-top: 10.41667vw; }
.--about-page .about-main-content-container .about-main-content-sections .section-item-container .section-main-container { width: 100%; position: relative; }
.--about-page .about-main-content-container .about-main-content-sections .section-item-container .section-main-container .section_title { font-size: 1.97917vw; font-family: "avantgrade-bt-book", sans-serif; color: #191919; height: 3.02083vw; display: flex; justify-content: flex-end; align-items: flex-end; width: 100%; text-transform: uppercase; }
.--about-page .about-main-content-container .about-main-content-sections .section-item-container .section-main-container .section_title.--back { text-transform: capitalize; font-size: 14px; align-items: flex-start; position: relative; padding-top: 6px; cursor: pointer; color: #646464; }
.--about-page .about-main-content-container .about-main-content-sections .section-item-container .section-main-container .section_title.--back .line { width: 4.16667vw; height: 1px; position: absolute; top: 0; right: 0; overflow: hidden; }
.--about-page .about-main-content-container .about-main-content-sections .section-item-container .section-main-container .section_title.--back .line .inner { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #646464; }
.--about-page .about-main-content-container .about-main-content-sections .section-item-container.onShow { display: block; }
.--about-page .about-main-content-container .about-main-content-sections .--company-desc-container { justify-content: flex-start; align-items: flex-start; display: flex; }
.--about-page .about-main-content-container .about-main-content-sections .--company-desc-container .company-desc-imgs-container { flex: 0 0 29.47917vw; height: 100%; padding-top: 4.16667vw; }
.--about-page .about-main-content-container .about-main-content-sections .--company-desc-container .company-desc-imgs-container .company-desc-img-swiper-container { width: 100%; height: 100%; background: url("../images/as-1.jpg") no-repeat center top; background-size: cover; }
.--about-page .about-main-content-container .about-main-content-sections .--company-desc-container .company-desc-text-container { flex: 1; height: 100%; padding-right: 4.6875vw; padding-left: 2.29167vw; padding-bottom: 2.60417vw; }
.--about-page .about-main-content-container .about-main-content-sections .--company-desc-container .company-desc-text-container .about-text-container { padding: 4.16667vw 0; overflow: hidden; }
.--about-page .about-main-content-container .about-main-content-sections .--company-desc-container .company-desc-text-container .about-text-container .about-text-container-wrapper { overflow-y: auto; }
.--about-page .about-main-content-container .about-main-content-sections .--company-desc-container .company-desc-text-container .about-text-container p { color: #191919; font-size: 0.72917vw; font-family: "avantgrade-bt-book", "PingFangSC-Regular", "Microsoft YaHei", "Helvetica", sans-serif; line-height: 1.30208vw; margin-top: 0.78125vw; }
.--about-page .about-main-content-container .about-main-content-sections .--company-desc-container .company-desc-text-container .about-text-container p:first-child { margin-top: 0; }
.--about-page .about-main-content-container .about-main-content-sections .--company-createor-container { padding-left: 4.6875vw; padding-right: 4.6875vw; }
.--about-page .about-main-content-container .about-main-content-sections .--company-createor-container .company-inner { width: 100%; position: relative; height: 100%; }
.--about-page .about-main-content-container .about-main-content-sections .--company-createor-container .company-createor-lists { width: 100%; overflow: hidden; height: 25vw; margin-top: 10.98958vw; }
.--about-page .about-main-content-container .about-main-content-sections .--company-createor-container .company-createor-lists .company-createor-lists-wrapper { overflow: hidden; width: 100%; height: 100%; display: flex; justify-content: flex-start; align-items: flex-start; }
.--about-page .about-main-content-container .about-main-content-sections .--company-createor-container .company-createor-lists .company-createor-lists-wrapper .company-createor-item { cursor: pointer; flex: 0 0 25%; position: relative; font-size: 0; overflow: hidden; }
.--about-page .about-main-content-container .about-main-content-sections .--company-createor-container .company-createor-lists .company-createor-lists-wrapper .company-createor-item::before { content: ""; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; transition: all 0.5s cubic-bezier(0.4, 0.8, 0.74, 1) 0s; opacity: 0; }
.--about-page .about-main-content-container .about-main-content-sections .--company-createor-container .company-createor-lists .company-createor-lists-wrapper .company-createor-item:hover::before { opacity: 1; }
.--about-page .about-main-content-container .about-main-content-sections .--company-createor-container .company-createor-lists .company-createor-lists-wrapper .company-createor-item:hover .text-container { opacity: 1; -moz-transform: transLateZ(0); -ms-transform: transLateZ(0); -webkit-transform: transLateZ(0); transform: transLateZ(0); }
.--about-page .about-main-content-container .about-main-content-sections .--company-createor-container .company-createor-lists .company-createor-lists-wrapper .company-createor-item:hover .text-container p { opacity: 1; -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.--about-page .about-main-content-container .about-main-content-sections .--company-createor-container .company-createor-lists .company-createor-lists-wrapper .company-createor-item:hover img { -moz-transform: scale(1.03); -ms-transform: scale(1.03); -webkit-transform: scale(1.03); transform: scale(1.03); }
.--about-page .about-main-content-container .about-main-content-sections .--company-createor-container .company-createor-lists .company-createor-lists-wrapper .company-createor-item img { width: 100%; height: 100%; -moz-transition: all 0.8s; -o-transition: all 0.8s; -webkit-transition: all 0.8s; transition: all 0.8s; }
.--about-page .about-main-content-container .about-main-content-sections .--company-createor-container .company-createor-lists .company-createor-lists-wrapper .company-createor-item .text-container { position: absolute; width: 100%; display: flex; justify-content: center; align-items: flex-end; left: 0; bottom: 10vw; opacity: 0; -moz-transition: -moz-transform 1.2s cubic-bezier(0.14, 1, 0.34, 1), opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: -o-transform 1.2s cubic-bezier(0.14, 1, 0.34, 1), opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.14, 1, 0.34, 1), opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 1.2s cubic-bezier(0.14, 1, 0.34, 1), opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition-delay: 0.08s; -o-transition-delay: 0.08s; -webkit-transition-delay: 0.08s; transition-delay: 0.08s; }
.--about-page .about-main-content-container .about-main-content-sections .--company-createor-container .company-createor-lists .company-createor-lists-wrapper .company-createor-item .text-container p { font-size: 0.9375vw; color: #fff; opacity: 0; -moz-transform: translate3d(-30px, 0, 0); -ms-transform: translate3d(-30px, 0, 0); -webkit-transform: translate3d(-30px, 0, 0); transform: translate3d(-30px, 0, 0); -moz-transition: all 0.5s cubic-bezier(0.14, 1, 0.34, 1) 0s; -o-transition: all 0.5s cubic-bezier(0.14, 1, 0.34, 1) 0s; -webkit-transition: all 0.5s cubic-bezier(0.14, 1, 0.34, 1); -webkit-transition-delay: 0s; transition: all 0.5s cubic-bezier(0.14, 1, 0.34, 1) 0s; }
.--about-page .about-main-content-container .about-main-content-sections .--company-createor-container .company-createor-lists .company-createor-lists-wrapper .company-createor-item .text-container p:last-child { font-size: 0.78125vw; }
.--about-page .about-main-content-container .about-main-content-sections .--company-createor-container .company-createor-lists .company-createor-lists-wrapper .company-createor-item .text-container p:nth-child(1) { -moz-transition-delay: 0.03s; -o-transition-delay: 0.03s; -webkit-transition-delay: 0.03s; transition-delay: 0.03s; }
.--about-page .about-main-content-container .about-main-content-sections .--company-createor-container .company-createor-lists .company-createor-lists-wrapper .company-createor-item .text-container p:nth-child(2) { -moz-transition-delay: 0.06s; -o-transition-delay: 0.06s; -webkit-transition-delay: 0.06s; transition-delay: 0.06s; margin: 0 0.41667vw; }
.--about-page .about-main-content-container .about-main-content-sections .--company-createor-container .company-createor-lists .company-createor-lists-wrapper .company-createor-item .text-container p:nth-child(3) { -moz-transition-delay: 0.09s; -o-transition-delay: 0.09s; -webkit-transition-delay: 0.09s; transition-delay: 0.09s; }
.--about-page .about-main-content-container .about-main-content-sections .--company-createor-detail-container { position: absolute; top: 0; left: 0; background-color: #f5f5f5; visibility: hidden; }
.--about-page .about-main-content-container .about-main-content-sections .--company-createor-detail-container.animated { visibility: visible; }
.--about-page .about-main-content-container .about-main-content-sections .--company-createor-detail-container .createor-detail-container { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; margin-top: 5.57292vw; }
.--about-page .about-main-content-container .about-main-content-sections .--company-createor-detail-container .createor-detail-container .createor-detail-img { flex: 0 0 24.53125vw; height: 30.625vw; position: relative; overflow: hidden; }
.--about-page .about-main-content-container .about-main-content-sections .--company-createor-detail-container .createor-detail-container .createor-detail-img img { position: absolute; top: 50%; width: 100%; left: 0; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.--about-page .about-main-content-container .about-main-content-sections .--company-createor-detail-container .createor-detail-container .createor-detail-text { flex: 1; height: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; color: #191919; padding-left: 2.08333vw; padding-top: 1.04167vw; }
.--about-page .about-main-content-container .about-main-content-sections .--company-createor-detail-container .createor-detail-container .createor-detail-text .createor-base-info-container { line-height: 1.35417vw; }
.--about-page .about-main-content-container .about-main-content-sections .--company-createor-detail-container .createor-detail-container .createor-detail-text .createor-base-info-container .name { font-size: 1.25vw; margin-bottom: 0.36458vw; }
.--about-page .about-main-content-container .about-main-content-sections .--company-createor-detail-container .createor-detail-container .createor-detail-text .createor-base-info-container .job { font-size: 0.9375vw; }
.--about-page .about-main-content-container .about-main-content-sections .--company-createor-detail-container .createor-detail-container .createor-detail-text .createor-summary-container { margin-top: 1.71875vw; max-height: 24.89583vw; }
.--about-page .about-main-content-container .about-main-content-sections .--company-createor-detail-container .createor-detail-container .createor-detail-text .createor-summary-container p { font-size: 0.72917vw; line-height: 1.35417vw; margin-top: 0.625vw; }
.--about-page .about-main-content-container .about-main-content-sections .--company-createor-detail-container .createor-detail-container .createor-detail-text .createor-summary-container p:first-child { margin-top: 0; }
.--about-page .about-main-content-container .about-main-content-sections .--company-cooperation-container .section-main-container { padding-right: 4.6875vw; padding-left: 4.6875vw; }
.--about-page .about-main-content-container .about-main-content-sections .--company-cooperation-container .cooperation-unit-container { width: 100%; margin-top: 2.65625vw; }
.--about-page .about-main-content-container .about-main-content-sections .--company-cooperation-container .cooperation-unit-container .cooperation-unit-container-row { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; margin-top: -1px; }
.--about-page .about-main-content-container .about-main-content-sections .--company-cooperation-container .cooperation-unit-container .cooperation-unit-container-row:first-child { margin-top: 0; }
.--about-page .about-main-content-container .about-main-content-sections .--company-cooperation-container .cooperation-unit-container .cooperation-unit-container-row .cooperation-unit-item { flex: 0 0 20%; height: 8.33333vw; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; background-color: #fff; position: relative; }
.--about-page .about-main-content-container .about-main-content-sections .--company-cooperation-container .cooperation-unit-container .cooperation-unit-container-row .cooperation-unit-item:nth-child(-n + 5) { border-top: 1px solid #e5e5e5; }
.--about-page .about-main-content-container .about-main-content-sections .--company-cooperation-container .cooperation-unit-container .cooperation-unit-container-row .cooperation-unit-item:nth-child(5n + 1) { border-left: 1px solid #e5e5e5; }
.--about-page .about-main-content-container .about-main-content-sections .--company-cooperation-container .cooperation-unit-container .cooperation-unit-container-row .cooperation-unit-item img { max-width: 95%; max-height: 95%; position: absolute; top: 50%; left: 50%; -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); opacity: 0.8; }
.--about-page .about-main-content-container .about-main-content-sections .--company-cooperation-container .cooperation-unit-container .cooperation-unit-container-row .cooperation-unit-item:first-child { margin-left: 0; }
.--about-page .about-main-swiper-container { flex: 0 0 28.125vw; height: 100%; position: relative; overflow: hidden; }
.--about-page .about-main-swiper-container .about-main-swiper-wrapper { width: 100%; height: 100%; overflow: hidden; }
.--about-page .about-main-swiper-container .swiper-container { width: 100%; height: 100%; }
.--about-page .about-main-swiper-container .swiper-container .swiper-wrapper { width: 100%; height: 100%; }
.--about-page .about-main-swiper-container .swiper-item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; }

.--projects-detail-page { width: 100%; }
.--projects-detail-page.--case2-project { padding-top: 4.79167vw; }
.--projects-detail-page .case-banner-container { width: 100%; height: 100vh; background-repeat: no-repeat; background-position: center bottom; background-size: cover; position: relative; opacity: 0; -moz-transform-origin: left center 50%; -ms-transform-origin: left center 50%; -webkit-transform-origin: left center 50%; transform-origin: left center 50%; -moz-transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); -moz-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1); transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1); }
.--projects-detail-page .case-banner-container .project-item { cursor: pointer; width: 100%; height: 100%; display: flex; justify-content: center; align-items: flex-end; position: absolute; top: 0; left: 0; }
.--projects-detail-page .case-banner-container .project-item:first-child { border-left: 0; }
.--projects-detail-page .case-banner-container .project-item.vc { align-items: center; }
.--projects-detail-page .case-banner-container .project-item .project-item-wrapper { margin: 0 auto; position: relative; display: inline-block; cursor: pointer; font-size: 0; max-height: 100%; max-width: 100%; }
.--projects-detail-page .case-banner-container .project-item .project-item-wrapper img { position: absolute; overflow: hidden; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; }
.--projects-detail-page .case-banner-container .project-item .project-item-wrapper .project-item-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform, clip-path; clip-path: inset(100% 50% 0% 50.0001%); transform: matrix(1, 0, 0, 1, 0, 100); }
.--projects-detail-page .case-banner-container .project-item .project-item-wrapper .project-item-inner::before { content: ""; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.32); position: absolute; top: 0; left: 0; display: block; z-index: 3; opacity: 0; backface-visibility: hidden; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.--projects-detail-page .case-banner-container .project-item .project-item-wrapper .project-item-inner .project-item-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; background-size: cover; background-position: 50% 50%; will-change: transform, opacity; transform-origin: 50% 0% 0px; visibility: hidden; opacity: 0; transform: matrix(1.47721, -0.26047, 0.26047, 1.47721, 0, 100); }
.--projects-detail-page .case-banner-container.show { opacity: 1; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -webkit-transform-origin: center center 50%; transform-origin: center center 50%; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
.--projects-detail-page .case-banner-container .scroll-wrapper { width: 46.875vw; height: 5.98958vw; position: absolute; bottom: 0; right: 0; }
.--projects-detail-page .case-banner-container .scroll-container { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #555945; -moz-transition: cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.2s; -o-transition: cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.2s; -webkit-transition: cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.2s; transition: cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.2s; overflow: hidden; }
.--projects-detail-page .case-banner-container .scroll-container.close { height: 0; -moz-transition: cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.8s; -o-transition: cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.8s; -webkit-transition: cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.8s; transition: cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.8s; }
.--projects-detail-page .case-banner-container .scroll-container .line { width: 1px; height: 80px; position: absolute; bottom: 0; left: 48px; overflow: hidden; }
.--projects-detail-page .case-banner-container .scroll-container .line .inner { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #fff; }
.--projects-detail-page .case-banner-container .scroll-container .text { font-family: "avantgrade-bt-book", sans-serif; font-size: 16px; text-transform: uppercase; position: absolute; left: 60px; bottom: 2.70833vw; color: #fff; -moz-transform-origin: left center 50%; -ms-transform-origin: left center 50%; -webkit-transform-origin: left center 50%; transform-origin: left center 50%; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.--projects-detail-page .case-main-body { width: 1250px; margin: 7.8125vw auto 0; padding-bottom: 5.67708vw; }
.--projects-detail-page .case-base-info-container { width: 100%; color: #191919; text-transform: uppercase; border-collapse: separate; border-spacing: 1.04167vw; margin-top: 4.16667vw; border: 0; }
.--projects-detail-page .case-base-info-container thead tr td { width: 100%; text-align: center; height: 2.60417vw; font-size: 0.9375vw; }
.--projects-detail-page .case-base-info-container td { font-family: "avantgrade-bt-book", Arial, "PingFangSC-Regular", "Microsoft YaHei", "Helvetica", sans-serif; font-size: 0.78125vw; border: 0; }
.--projects-detail-page .case-base-info-container td:nth-child(1) { text-align: left; border-left: 1px solid #b7b7b7; width: 48%; }
.--projects-detail-page .case-base-info-container td:nth-child(1) p { padding-left: 0; }
.--projects-detail-page .case-base-info-container td:nth-child(2) { text-align: right; border-right: 1px solid #b7b7b7; width: 52%; }
.--projects-detail-page .case-base-info-container td:nth-child(2) p { padding-right: 0; }
.--projects-detail-page .case-base-info-container td p:nth-child(1) { color: #646464; }
.--projects-detail-page .case-base-info-container td p:nth-child(2) { text-transform: capitalize; margin-top: 0.67708vw; color: #191919; line-height: 1.5; }
.--projects-detail-page .case-base-info-container tr:first-child td { padding: 0; }
.--projects-detail-page .case-base-info-container-main-body { margin-top: 4.16667vw; }
.--projects-detail-page .case-base-info-container-main-body .info-row { display: flex; justify-content: space-between; align-items: center; margin-top: 1.04167vw; }
.--projects-detail-page .case-base-info-container-main-body .info-row:first-child { margin-top: 0; }
.--projects-detail-page .case-base-info-container-main-body .info-row .info-main-body:nth-child(1) { flex: 0 0 48%; border-left: 1px solid #b7b7b7; padding-left: 0.625vw; }
.--projects-detail-page .case-base-info-container-main-body .info-row .info-main-body:nth-child(2) { flex: 1; text-align: right; border-right: 1px solid #b7b7b7; padding-right: 0.625vw; }
.--projects-detail-page .case-base-info-container-main-body .info-row .info-main-body p { font-family: "avantgrade-bt-book", Arial, "PingFangSC-Regular", "Microsoft YaHei", "Helvetica", sans-serif; font-size: 0.78125vw; line-height: 1; }
.--projects-detail-page .case-base-info-container-main-body .info-row .info-main-body p:nth-child(1) { color: #646464; }
.--projects-detail-page .case-base-info-container-main-body .info-row .info-main-body p:nth-child(2) { text-transform: capitalize; margin-top: 0.67708vw; color: #191919; line-height: 1.5; }
.--projects-detail-page .case-text-summary-container { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; font-family: "avantgrade-bt-book", Arial, "PingFangSC-Regular", "Microsoft YaHei", "Helvetica", sans-serif; color: #191919; }
.--projects-detail-page .case-text-summary-container .case-title-container { flex: 0 0 33.33%; position: relative; }
.--projects-detail-page .case-text-summary-container .case-title-container p { line-height: 1; }
.--projects-detail-page .case-text-summary-container .case-title-container p:nth-child(1) { font-size: 1.14583vw; }
.--projects-detail-page .case-text-summary-container .case-title-container p:nth-child(2) { font-size: 1.25vw; margin-top: 0.52083vw; }
.--projects-detail-page .case-text-summary-container .case-title-container .line { width: 112px; height: 1px; position: absolute; bottom: -1.19792vw; left: 0; }
.--projects-detail-page .case-text-summary-container .case-summary-container { flex: 1; font-size: 0.78125vw; padding-left: 5.57292vw; line-height: 1.25vw; }
.--projects-detail-page .case-text-summary-container .case-summary-container p { margin-top: 0.78125vw; }
.--projects-detail-page .case-text-summary-container .case-summary-container p:first-child { margin-top: 0; }
.--projects-detail-page .case-text-summary-container .case-summary-container p strong { font-family: "avantgrade-bt-demi", Arial, "PingFangSC-Regular", "Microsoft YaHei", "Helvetica", sans-serif; }
.--projects-detail-page .case-detail-rich-text-container { font-size: 0; width: 100%; color: #191919; margin-top: 7.8125vw; }
.--projects-detail-page .case-detail-rich-text-container img { max-width: 100%; }
.--projects-detail-page .case-detail-rich-text-container div.single-img { width: 100%; margin-top: 3.125vw; background-color: #fafafa; text-align: right; }
.--projects-detail-page .case-detail-rich-text-container div.single-img img { max-width: 100%; }
.--projects-detail-page .case-detail-rich-text-container div.single-img.pos-right { padding-left: 41.398%; }
.--projects-detail-page .case-detail-rich-text-container div.scroll-imgs { width: 100%; margin-top: 3.125vw; }
.--projects-detail-page .case-detail-rich-text-container div.scroll-imgs img { max-width: 100%; }
.--projects-detail-page .case-detail-rich-text-container div.scroll-imgs.--swiper { position: relative; }
.--projects-detail-page .case-detail-rich-text-container div.scroll-imgs.--swiper .swiper-container { width: 100%; }
.--projects-detail-page .case-detail-rich-text-container div.scroll-imgs.--swiper .swiper-container .swiper-wrapper { width: 100%; }
.--projects-detail-page .case-detail-rich-text-container div.scroll-imgs.--swiper .swiper-pagination-container { position: absolute; bottom: -28px; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 16px; color: #191919; width: auto; z-index: 9; }
.--projects-detail-page .case-detail-rich-text-container div.scroll-imgs.--swiper .swiper-nav-bt-container .swiper-nav-bts { z-index: 3; width: 50%; height: 100%; overflow: hidden; position: absolute; top: 0; }
.--projects-detail-page .case-detail-rich-text-container div.scroll-imgs.--swiper .swiper-nav-bt-container .swiper-nav-bts.swiper-button-disabled { opacity: 0.6; cursor: auto; }
.--projects-detail-page .case-detail-rich-text-container div.scroll-imgs.--swiper .swiper-nav-bt-container .swiper-nav-bts.swiper-nav-prev { left: 0; cursor: url("../images/prev.png"), auto; }
.--projects-detail-page .case-detail-rich-text-container div.scroll-imgs.--swiper .swiper-nav-bt-container .swiper-nav-bts.swiper-nav-next { right: 0; cursor: url("../images/next.png"), auto; }
.--projects-detail-page .case-detail-rich-text-container div.text { font-family: "avantgrade-bt-book", Arial, "PingFangSC-Regular", "Microsoft YaHei", "Helvetica", sans-serif; padding-left: 490px; }
.--projects-detail-page .case-detail-rich-text-container div.text p { font-size: 0.78125vw; line-height: 1.25vw; }
.--projects-detail-page .case-detail-rich-text-container div.text strong { font-family: "avantgrade-bt-demi", Arial, "PingFangSC-Regular", "Microsoft YaHei", "Helvetica", sans-serif; }
.--projects-detail-page .case-detail-rich-text-container div.two-imgs { display: flex; justify-content: space-between; align-items: flex-start; margin-top: 3.125vw; }
.--projects-detail-page .case-detail-rich-text-container div.two-imgs img { max-width: 760px; }
.--projects-detail-page .case-detail-rich-text-container div.video { width: 100%; margin-top: 3.125vw; }
.--projects-detail-page .case-detail-rich-text-container div.video video { width: 100%; }
.--projects-detail-page .case-detail-rich-text-container div.text + div.text { margin-top: 1.30208vw; }
.--projects-detail-page .case-detail-rich-text-container div.two-imgs + div.text { margin-top: 5.20833vw; }
.--projects-detail-page .case-detail-rich-text-container div.single-img + div.text { margin-top: 5.20833vw; }
.--projects-detail-page .case-detail-rich-text-container div.scroll-imgs + div.text { margin-top: 5.20833vw; }
.--projects-detail-page .case-detail-rich-text-container div.text + div.two-imgs { margin-top: 5.20833vw; }
.--projects-detail-page .case-detail-rich-text-container div.text + div.single-img { margin-top: 5.20833vw; }
.--projects-detail-page .case-detail-rich-text-container div.text + div.scroll-imgs { margin-top: 5.20833vw; }
.--projects-detail-page .case-detail-rich-text-container div.p:first-child { margin-top: 0; }

.--projects-list-page { width: 100%; padding-top: 22.13542vw; }
.--projects-list-page .project-list-category-nav-container { font-family: "avantgrade-bt-book", sans-serif; font-size: 0.9375vw; color: #5c5c5c; text-transform: uppercase; display: inline-block; position: absolute; top: -10.67708vw; left: 4.89583vw; }
.--projects-list-page .project-list-category-nav-container li { margin-top: 1.40625vw; position: relative; white-space: nowrap; }
.--projects-list-page .project-list-category-nav-container li:first-child { margin-top: 0; }
.--projects-list-page .project-list-category-nav-container li:hover a:nth-child(2) { opacity: 1; -moz-transform: translate3d(10px, 0, 0); -ms-transform: translate3d(10px, 0, 0); -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); backface-visibility: visible; }
.--projects-list-page .project-list-category-nav-container li a { text-transform: capitalize; }
.--projects-list-page .project-list-category-nav-container li a:nth-child(1) { background-color: #fff; position: relative; z-index: 3; }
.--projects-list-page .project-list-category-nav-container li a:nth-child(2) { position: absolute; opacity: 0; -moz-transform: translate3d(-30px, 0, 0); -ms-transform: translate3d(-30px, 0, 0); -webkit-transform: translate3d(-30px, 0, 0); transform: translate3d(-30px, 0, 0); -moz-transition: all 0.5s cubic-bezier(0.14, 1, 0.34, 1) 0s; -o-transition: all 0.5s cubic-bezier(0.14, 1, 0.34, 1) 0s; -webkit-transition: all 0.5s cubic-bezier(0.14, 1, 0.34, 1); -webkit-transition-delay: 0s; transition: all 0.5s cubic-bezier(0.14, 1, 0.34, 1) 0s; backface-visibility: hidden; }
.--projects-list-page .project-list-category-nav-container .active { font-weight: bold; }
.--projects-list-page .side-text-container.show .title, .--projects-list-page .side-text-container.show .text { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
.--projects-list-page .side-text-container.--text-position-left .title, .--projects-list-page .side-text-container.--text-position-left .text { left: 4.89583vw; }
.--projects-list-page .side-text-container.--text-position-left .title p, .--projects-list-page .side-text-container.--text-position-left .text p { text-align: left; }
.--projects-list-page .side-text-container.--text-position-right .title, .--projects-list-page .side-text-container.--text-position-right .text { right: 4.89583vw; }
.--projects-list-page .side-text-container.--text-position-right .title p, .--projects-list-page .side-text-container.--text-position-right .text p { text-align: right; }
.--projects-list-page .side-text-container .title, .--projects-list-page .side-text-container .text { -moz-transform: translateY(30px); -ms-transform: translateY(30px); -webkit-transform: translateY(30px); transform: translateY(30px); opacity: 0; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.--projects-list-page .side-text-container .title { z-index: 3; position: fixed; bottom: 8.98958vw; font-family: "avantgrade-bt-demi", sans-serif; font-size: 1.97917vw; color: #191919; text-transform: uppercase; }
.--projects-list-page .side-text-container .text { z-index: 3; font-family: "avantgrade-bt-book", sans-serif; color: #5c5c5c; font-size: 0.83333vw; position: fixed; bottom: 5.86458vw; line-height: 1; }
.--projects-list-page .side-text-container .text p { color: #191919; margin-top: 0.52083vw; text-align: right; }
.--projects-list-page .side-text-container .text p:first-child { margin-top: 0; }
.--projects-list-page .project-list-main-container { width: 100%; position: relative; padding-left: 9.89583vw; padding-right: 9.89583vw; }
.--projects-list-page .project-list-main-container .section-item { width: 100%; padding-bottom: 5.72917vw; }
.--projects-list-page .project-list-main-container .section-item:first-child { padding-top: 17.60417vw; }
.--projects-list-page .project-list-main-container .section-item:last-child { padding-bottom: 3.64583vw; }
.--projects-list-page .project-list-main-container .section-item .section-item-wrapper { width: 100%; position: relative; display: flex; align-items: flex-end; align-self: flex-end; flex-wrap: wrap; flex-direction: row; }
.--projects-list-page .project-list-main-container .section-item .section-item-wrapper.--head-position-left { justify-content: flex-start; }
.--projects-list-page .project-list-main-container .section-item .section-item-wrapper.--head-position-right { justify-content: flex-end; }
.--projects-list-page .project-list-main-container .section-item .section-item-img { margin-bottom: 2.86458vw; position: relative; }
.--projects-list-page .project-list-main-container .section-item .section-item-img .sii-container { width: 100%; }
.--projects-list-page .project-list-main-container .section-item .section-item-img .img-box { width: 100%; font-size: 0; }
.--projects-list-page .project-list-main-container .section-item .section-item-img .img-box img { width: 100%; }

.--award-page { width: 100%; padding-bottom: 5.98958vw; }
.--award-page .award-container { width: 100%; padding: 0 4.89583vw; }
.--award-page .award-main-container { width: 100%; padding-top: 15.625vw; }
.--award-page .award-main-container .award-line-container { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: row; flex-wrap: wrap; margin-top: 2.60417vw; }
.--award-page .award-main-container .award-line-container:first-child { margin-top: 0; }
.--award-page .award-main-container .award-line-container .award-year-title { flex: 0 0 19.79167vw; }
.--award-page .award-main-container .award-line-container .award-year-title .ayt-container { padding-top: 1.35417vw; padding-left: 2px; width: 100%; border-top: 1px solid #191919; font-size: 1.97917vw; font-family: "avantgrade-bt-book", sans-serif; }
.--award-page .award-main-container .award-line-container .award-content { flex: 1; padding-left: 4.6875vw; }
.--award-page .award-main-container .award-line-container .award-content .sub-year-title { display: none; width: 30.11%; padding-bottom: 1.5625vw; }
.--award-page .award-main-container .award-line-container .award-content .sub-year-title .ayt-container { padding-top: 1.35417vw; padding-left: 2px; width: 100%; border-top: 1px solid #191919; font-size: 1.97917vw; font-family: "avantgrade-bt-book", sans-serif; }
.--award-page .award-main-container .award-line-container .award-content .award-content-wrapper { display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; }
    .--award-page .award-main-container .award-line-container .award-content .award-content-wrapper .award-row { /*flex: 0 0 30.11%;*/
        flex: 0 0 100%;
        border-top: 1px solid #ccc;
        padding-top: 1.45833vw;
        margin-left: 4.754%;
    }
.--award-page .award-main-container .award-line-container .award-content .award-content-wrapper .award-row:first-child { margin-left: 0; }
.--award-page .award-main-container .award-line-container .award-content .award-content-wrapper .award-row .award-item { line-height: 1; font-family: "avantgrade-bt-book", "PingFangSC-Regular", "Microsoft YaHei", "Helvetica", sans-serif; color: #696969; font-size: 0.72917vw; margin-top: 0.625vw; }
.--award-page .award-main-container .award-line-container .award-content .award-content-wrapper .award-row .award-item p { line-height: 1.35417vw; }
.--award-page .award-main-container .award-line-container .award-content .award-content-wrapper .award-row .award-item p:nth-child(2) { margin-top: -0.15625vw; }
.--award-page .award-main-container .award-line-container .award-content .award-content-wrapper .award-row .award-item:first-child { margin-top: 0; }
.--award-page .award-imgs-container { width: 100%; padding-left: 24.47917vw; margin-top: 5.20833vw; overflow: hidden; }
.--award-page .award-imgs-container .award-imgs-wrapper { width: calc(100% + 3.17708vw); display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-start; }
.--award-page .award-imgs-container .award-imgs-wrapper .award-item { flex: 0 0 8.125vw; margin-right: 3.17708vw; background-repeat: no-repeat; background-position: center; background-size: 80%; }
.--award-page .award-imgs-container .award-imgs-wrapper .award-item img { width: 100%; }
.--award-page .award-imgs-container .award-imgs-wrapper .award-item:nth-child(1) { width: 6.5625vw; }
.--award-page .award-imgs-container .award-imgs-wrapper .award-item:nth-child(2) { width: 8.125vw; }
.--award-page .award-imgs-container .award-imgs-wrapper .award-item:nth-child(3) { width: 7.76042vw; }
.--award-page .award-imgs-container .award-imgs-wrapper .award-item:nth-child(4) { width: 5.46875vw; }
.--award-page .award-imgs-container .award-imgs-wrapper .award-item:nth-child(5) { width: 5.36458vw; }
.--award-page .award-imgs-container .award-imgs-wrapper .award-item:nth-child(6) { width: 5.36458vw; }

.--news-list-page { width: 100%; padding: 9.58333vw 4.89583vw 0; }
.--news-list-page .news-list-container { width: 100%; overflow: hidden; padding-bottom: 6.04167vw; }
.--news-list-page .news-list-container .title { font-family: "avantgrade-bt-book", sans-serif; font-size: 1.97917vw; text-transform: uppercase; line-height: 1; text-align: right; }
.--news-list-page .news-list-container .news-lists { width: calc(100% + 1.66667vw); display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: row; flex-wrap: wrap; margin-left: -0.83333vw; margin-top: 4.79167vw; }
.--news-list-page .news-list-container .news-lists .news-item { flex: 0 0 25%; padding: 0 0.83333vw; margin-bottom: 2.39583vw; cursor: pointer; }
.--news-list-page .news-list-container .news-lists .news-item.--no-border .news-content { border-bottom: 0; }
.--news-list-page .news-list-container .news-lists .news-item:hover .news-cover { background-size: 105%; }
.--news-list-page .news-list-container .news-lists .news-item .news-cover { width: 100%; height: 15.625vw; background-repeat: no-repeat; background-size: 100%; background-position: center; overflow: hidden; -moz-transition: background-size 0.8s; -o-transition: background-size 0.8s; -webkit-transition: background-size 0.8s; transition: background-size 0.8s; }
.--news-list-page .news-list-container .news-lists .news-item .news-content { line-height: 1; padding-top: 1.45833vw; padding-bottom: 1.45833vw; border-bottom: 1px solid #d4d4d4; }
.--news-list-page .news-list-container .news-lists .news-item .news-content .news-publish { color: #696969; font-size: 0.72917vw; }
.--news-list-page .news-list-container .news-lists .news-item .news-content .news-title { color: #191919; font-size: 0.83333vw; margin-top: 0.57292vw; }
.--news-list-page .news-list-container .news-lists .news-item .news-content .news-summary { color: #5c5c5c; font-size: 0.72917vw; line-height: 1.30208vw; margin-top: 1.04167vw; }
.--news-list-page .news-list-container-2 { padding-bottom: 7.8125vw; position: relative; }
.--news-list-page .news-list-container-2 .gnd-news-container { padding-right: 36.45833vw; }
.--news-list-page .news-list-container-2 .gnd-news-container .gnd-news-container-title { font-size: 1.97917vw; color: #191919; text-align: right; text-transform: uppercase; font-family: "avantgrade-bt-book", sans-serif; opacity: 0; }
.--news-list-page .news-list-container-2 .gnd-news-container .gnd-news-loading { font-size: 14px; text-align: center; margin-top: 30px; display: none; }
.--news-list-page .news-list-container-2 .gnd-news-container .gnd-news-loading.show { display: none; }
.--news-list-page .news-list-container-2 .gnd-news-container .gnd-news-loading.no-more-data { display: none; }
.--news-list-page .news-list-container-2 .gnd-news-container .gnd-news-main-body { margin-top: 3.125vw; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: row; flex-wrap: wrap; }
.--news-list-page .news-list-container-2 .gnd-news-container .gnd-news-main-body .gnd-news-line { flex: 0 0 25vw; margin-left: 2.5vw; }
.--news-list-page .news-list-container-2 .gnd-news-container .gnd-news-main-body .gnd-news-line:nth-child(1) { margin-left: 0; }
.--news-list-page .news-list-container-2 .gnd-news-container .gnd-news-main-body .gnd-news-line:nth-child(1) .gnd-news-item .gnd-news-cover { height: 20.3125vw; }
.--news-list-page .news-list-container-2 .gnd-news-container .gnd-news-main-body .gnd-news-line:nth-child(2) .gnd-news-item .gnd-news-cover { height: 18.22917vw; }
.--news-list-page .news-list-container-2 .gnd-news-container .gnd-news-main-body .gnd-news-line .gnd-news-item { width: 100%; line-height: 1; margin-top: 2.34375vw; cursor: pointer; }
.--news-list-page .news-list-container-2 .gnd-news-container .gnd-news-main-body .gnd-news-line .gnd-news-item:hover .gnd-news-cover img { -moz-transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); }
.--news-list-page .news-list-container-2 .gnd-news-container .gnd-news-main-body .gnd-news-line .gnd-news-item:first-child { margin-top: 0; }
.--news-list-page .news-list-container-2 .gnd-news-container .gnd-news-main-body .gnd-news-line .gnd-news-item .gnd-news-cover { font-size: 0; overflow: hidden; position: relative; }
.--news-list-page .news-list-container-2 .gnd-news-container .gnd-news-main-body .gnd-news-line .gnd-news-item .gnd-news-cover img { width: 100%; height:100%; -moz-transition: -moz-transform 0.8s; -o-transition: -o-transform 0.8s; -webkit-transition: -webkit-transform 0.8s; transition: transform 0.8s; }
.--news-list-page .news-list-container-2 .gnd-news-container .gnd-news-main-body .gnd-news-line .gnd-news-item .gnd-news-title { font-size: 0.83333vw; color: #191919; margin-top: 0.625vw; }
.--news-list-page .news-list-container-2 .gnd-news-container .gnd-news-main-body .gnd-news-line .gnd-news-item .gnd-news-publish { margin-top: 1.5625vw; font-family: "avantgrade-bt-book", sans-serif; font-size: 0.72917vw; color: #696969; }
.--news-list-page .news-list-container-2 .gnd-news-container .gnd-news-main-body .gnd-news-line .gnd-news-item .gnd-news-content { color: #5c5c5c; margin-top: 0.625vw; line-height: 1.30208vw; font-size: 0.72917vw; }
.--news-list-page .news-list-container-2 .latest-news-container { width: 25vw; position: absolute; top: 0; right: 0; }
.--news-list-page .news-list-container-2 .latest-news-container[data-fixed="fixed"] { position: fixed; top: -50px; right: 4.89583vw; }
.--news-list-page .news-list-container-2 .latest-news-container .latest-news-part-title { font-size: 1.97917vw; color: #191919; text-align: right; text-transform: uppercase; font-family: "avantgrade-bt-book", sans-serif; }
.--news-list-page .news-list-container-2 .latest-news-container .latest-news-item { margin-top: 3.125vw; line-height: 1; cursor: pointer; }
.--news-list-page .news-list-container-2 .latest-news-container .latest-news-item:hover .latest-news-cover img { -moz-transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); }
.--news-list-page .news-list-container-2 .latest-news-container .latest-news-item .latest-news-cover { font-size: 0; overflow: hidden; }
.--news-list-page .news-list-container-2 .latest-news-container .latest-news-item .latest-news-cover img { width: 100%; -moz-transition: -moz-transform 0.8s; -o-transition: -o-transform 0.8s; -webkit-transition: -webkit-transform 0.8s; transition: transform 0.8s; height: 34.89583vw; }
.--news-list-page .news-list-container-2 .latest-news-container .latest-news-item .latest-news-publish { font-size: 0.72917vw; color: #696969; margin-top: 1.45833vw; }
.--news-list-page .news-list-container-2 .latest-news-container .latest-news-item .latest-news-title { font-size: 0.83333vw; color: #191919; margin-top: 0.57292vw; }
.--news-list-page .news-list-container-2 .latest-news-container .latest-news-item .latest-news-summary { font-size: 0.72917vw; color: #5c5c5c; line-height: 1.30208vw; margin-top: 0.67708vw; }

.--news-detail-page { width: 100%; }
.--news-detail-page .news-detail-container { width: 100%; position: relative; }
.--news-detail-page .news-detail-container .news-list-scroll-container { width: 33.85417vw; position: fixed; top: 8.22917vw; left: 0; z-index: 1; }
.--news-detail-page .news-detail-container .news-list-scroll-container .news-list-ul { height: 40.20833vw; overflow-x: hidden; overflow-y: auto; }
.--news-detail-page .news-detail-container .news-list-scroll-container .news-list-ul .news-list-item { width: 100%; padding-bottom: 0.9375vw; cursor: pointer; position: relative; padding-left: 4.89583vw; padding-right: 3.85417vw; overflow: hidden; }
.--news-detail-page .news-detail-container .news-list-scroll-container .news-list-ul .news-list-item:hover .news-cover img { -moz-transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); }
.--news-detail-page .news-detail-container .news-list-scroll-container .news-list-ul .news-list-item:hover::before { -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 1; }
.--news-detail-page .news-detail-container .news-list-scroll-container .news-list-ul .news-list-item:hover .news-info-summary { text-decoration: underline; }
.--news-detail-page .news-detail-container .news-list-scroll-container .news-list-ul .news-list-item:first-child { margin-top: 0; }
.--news-detail-page .news-detail-container .news-list-scroll-container .news-list-ul .news-list-item .news-list-item-wrapper { width: 100%; position: relative; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: row; flex-wrap: wrap; position: relative; align-items: flex-start; }
.--news-detail-page .news-detail-container .news-list-scroll-container .news-list-ul .news-list-item .news-list-item-wrapper .news-info-text { border-top: 1px solid #e5e5e5; flex: 1; padding-right: 2.60417vw; padding-top: 1.82292vw; }
.--news-detail-page .news-detail-container .news-list-scroll-container .news-list-ul .news-list-item .news-list-item-wrapper .news-info-text .news-info-publish { font-size: 0.72917vw; color: #696969; }
.--news-detail-page .news-detail-container .news-list-scroll-container .news-list-ul .news-list-item .news-list-item-wrapper .news-info-text .news-info-summary { font-size: 0.78125vw; color: #191919; line-height: 1.45833vw; margin-top: 0.26042vw; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.--news-detail-page .news-detail-container .news-list-scroll-container .news-list-ul .news-list-item .news-list-item-wrapper .news-cover { flex: 0 0 9.375vw; font-size: 0; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; z-index: 3; height: 5.72917vw; }
.--news-detail-page .news-detail-container .news-list-scroll-container .news-list-ul .news-list-item .news-list-item-wrapper .news-cover img { width: 100%; -moz-transition: -moz-transform 0.8s; -o-transition: -o-transform 0.8s; -webkit-transition: -webkit-transform 0.8s; transition: transform 0.8s; }
.--news-detail-page .news-detail-container .news-detail-main-wrapper { width: 100%; padding-left: 33.85417vw; position: relative; }
.--news-detail-page .news-detail-container .news-detail-main-wrapper .news-detail-main-body { width: 100%; background-color: #f9f9f9; }
.--news-detail-page .news-detail-container .news-detail-main-wrapper .news-detail-main-body .news-detail-cover { font-size: 0; position: relative; z-index: 98; }
.--news-detail-page .news-detail-container .news-detail-main-wrapper .news-detail-main-body .news-detail-cover::before { content: ""; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.25); position: absolute; top: 0; left: 0; }
.--news-detail-page .news-detail-container .news-detail-main-wrapper .news-detail-main-body .news-detail-cover .detail-info-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; flex-direction: column; }
.--news-detail-page .news-detail-container .news-detail-main-wrapper .news-detail-main-body .news-detail-cover .detail-info-container ._publish { font-family: "avantgrade-bt-book", sans-serif; font-size: 0.9375vw; }
.--news-detail-page .news-detail-container .news-detail-main-wrapper .news-detail-main-body .news-detail-cover .detail-info-container ._title { font-size: 1.5625vw; font-weight: bold; margin-top: 1.25vw; }
.--news-detail-page .news-detail-container .news-detail-main-wrapper .news-detail-main-body .news-detail-cover img { width: 100%; }
.--news-detail-page .news-detail-container .news-detail-main-wrapper .news-detail-main-body .news-detail-main-content-container { width: 100%; margin-top: 4.16667vw; }
.--news-detail-page .news-detail-container .news-detail-main-wrapper .news-detail-main-body .news-detail-main-content-container .__detail__container { padding: 0 6.30208vw 7.8125vw 6.30208vw; }
.--news-detail-page .news-detail-container .news-detail-main-wrapper .news-detail-main-body .news-detail-main-content-container .__detail__container div.p { position: relative; overflow: hidden}
.--news-detail-page .news-detail-container .news-detail-main-wrapper .news-detail-main-body .news-detail-main-content-container .__detail__container div.p.text { padding-left: 6.25vw; padding-right: 7.29167vw; font-size: 0.78125vw; color: #191919; line-height: 1.35417vw; }
.--news-detail-page .news-detail-container .news-detail-main-wrapper .news-detail-main-body .news-detail-main-content-container .__detail__container div.p.img { font-size: 0; }
.--news-detail-page .news-detail-container .news-detail-main-wrapper .news-detail-main-body .news-detail-main-content-container .__detail__container div.p.img img { width: 100%; }
.--news-detail-page .news-detail-container .news-detail-main-wrapper .news-detail-main-body .news-detail-main-content-container .__detail__container div.p.img i { font-size: 0.72917vw; color: #696969; position: absolute; bottom: -1.19792vw; left: 0.78125vw; font-style: normal; }
.--news-detail-page .news-detail-container .news-detail-main-wrapper .news-detail-main-body .news-detail-main-content-container .__detail__container div.p.video video { width: 100%; object-fit: cover; outline: none; }
.--news-detail-page .news-detail-container .news-detail-main-wrapper .news-detail-main-body .news-detail-main-content-container .__detail__container div.text + .text { margin-top: 1.19792vw; }
.--news-detail-page .news-detail-container .news-detail-main-wrapper .news-detail-main-body .news-detail-main-content-container .__detail__container div.text + div.img { margin-top: 3.69792vw; }
.--news-detail-page .news-detail-container .news-detail-main-wrapper .news-detail-main-body .news-detail-main-content-container .__detail__container div.img + div.img { margin-top: 1.92708vw; }
.--news-detail-page .news-detail-container .news-detail-main-wrapper .news-detail-main-body .news-detail-main-content-container .__detail__container div.img + div.text { margin-top: 3.69792vw; }
.--news-detail-page .news-detail-container .news-detail-main-wrapper .news-detail-main-body .news-detail-main-content-container .__detail__container div.img + div.video { margin-top: 1.92708vw; }
.--news-detail-page .news-detail-container .news-detail-main-wrapper .news-detail-main-body .news-detail-main-content-container .__detail__container div.text + div.video { margin-top: 3.69792vw; }
.--news-detail-page .news-detail-container .news-detail-main-wrapper .news-detail-main-body .news-detail-main-content-container .__detail__container div.video + div.text { margin-top: 3.69792vw; }
.--news-detail-page .news-detail-container .news-detail-main-wrapper .news-detail-main-body .news-detail-main-content-container .__detail__container div.video + div.img { margin-top: 1.92708vw; }
.--news-detail-page .news-detail-container .news-detail-main-wrapper .news-detail-main-body .news-detail-main-content-container .__detail__container div.video + div.video { margin-top: 1.92708vw; }
.--news-detail-page .news-detail-container .news-detail-main-wrapper .news-detail-main-body .news-detail-main-content-container .__detail__container div.p:first-child { margin-top: 0; }
.--news-detail-page .news-detail-container .news-detail-main-wrapper .news-detail-main-body .news-detail-main-content-container .page-footer-container { width: 100%; padding: 0 4.79167vw; }

.--contact-page { width: 100%; overflow: hidden; }
.--contact-page .contact-wrapper { width: 100%; padding: 0 4.01042vw 0 4.89583vw; }
.--contact-page .contact-main-container { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: row; flex-wrap: wrap; align-items: flex-end; height: 100vh; padding-bottom: 4.01042vw; }
.--contact-page .contact-main-container .contact-info-container { flex: 1; }
.--contact-page .contact-main-container .contact-info-container .contact-info-item { margin-top: 2.03125vw; position: relative; }
.--contact-page .contact-main-container .contact-info-container .contact-info-item:first-child { margin-top: 0; }
.--contact-page .contact-main-container .contact-info-container .contact-info-item p { font-size: 0.72917vw; font-family: "avantgrade-bt-book", "PingFangSC-Regular", "Microsoft YaHei", "Helvetica", sans-serif; color: #191919; margin-top: 0.72917vw; }
.--contact-page .contact-main-container .contact-info-container .contact-info-item p.title { color: #696969; text-transform: capitalize; }
.--contact-page .contact-main-container .contact-info-container .contact-info-item p:first-child { margin-top: 0; }
.--contact-page .contact-main-container .contact-info-container .contact-info-item p.img { font-size: 0; margin-top: 1.04167vw; }
.--contact-page .contact-main-container .contact-info-container .contact-info-item p.img img { width: 5.9375vw; }
.--contact-page .contact-main-container .contact-info-container .contact-info-item p.title + p { margin-top: 1.14583vw; }
.--contact-page .contact-main-container .contact-info-container .contact-info-item.--divide-line { padding-top: 1.51042vw; }
.--contact-page .contact-main-container .contact-info-container .contact-info-item.--divide-line::before { content: ""; width: 10.41667vw; height: 1px; background-color: #ccc; position: absolute; top: 0; left: 0; }
.--contact-page .contact-main-container .contact-swiper-container { flex: 0 0 64.0625vw; height: 100%; overflow: hidden; position: relative; }
.--contact-page .contact-main-container .contact-swiper-container .contact-info-title { font-size: 2.34375vw; color: #fff; font-family: "avantgrade-bt-book", sans-serif; text-transform: uppercase; position: absolute; right: 2.1875vw; bottom: 1.92708vw; z-index: 1; }
.--contact-page .contact-main-container .contact-swiper-container .contact-swiper-main-container { width: 100%; height: 100%; }
.--contact-page .contact-main-container .contact-swiper-container .contact-swiper-main-container .swiper-container { width: 100%; height: 100%; }
.--contact-page .contact-main-container .contact-swiper-container .contact-swiper-main-container .swiper-wrapper { width: 100%; height: 100%; }
.--contact-page .contact-main-container .contact-swiper-container .contact-swiper-main-container .csmc-item { width: 100%; font-size: 0; height: 100%; overflow: hidden; }
.--contact-page .contact-main-container .contact-swiper-container .contact-swiper-main-container .csmc-item img { width: 100%; }
.--contact-page .contact-main-container .contact-swiper-container .contact-swiper-main-container .csmc-item.scaleSmall .img { animation: ss 6s infinite; }
.--contact-page .contact-main-container .contact-swiper-container .contact-swiper-main-container .csmc-item .img { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; top: 0; left: 0; }

.--jobs-page .jobs-container { width: 100%; padding: 0 4.89583vw 5.88542vw; }
.--jobs-page .jobs-main-body { padding-top: 15.83333vw; width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; }
.--jobs-page .jobs-main-body .jobs-title-container { flex: 0 0 19.79167vw; }
.--jobs-page .jobs-main-body .jobs-title-container .__title { width: 100%; font-size: 1.5625vw; color: #58595b; font-family: "avantgrade-bt-book", sans-serif; text-transform: capitalize; line-height: 1.875vw; border-top: 1px solid #cccccc; padding-top: 1.45833vw; }
.--jobs-page .jobs-main-body .jobs-content-container { flex: 1; padding-left: 4.6875vw; /*overflow: hidden;*/ }
.--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container { width: calc(100% + 3.125vw); display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
.--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item { flex: 0 0 19.79167vw; height: 13.125vw; border: 1px solid #cbcbcb; margin-right: 2.60417vw; position: relative; cursor: pointer; transition: border-color 0.3s; margin-bottom: 2.39583vw; }
.--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item.--open { z-index: 3; }
.--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item.--open.--align-right .jobs-inner-container { left: initial; right: -1px; }
.--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item.--open.--align-bottom .jobs-inner-container { top: initial; bottom: -1px; }
.--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item.--open .jobs-inner-container { top: -1px; left: -1px; width: 42.1875vw; min-height: 28.64583vw; background-color: #fff; border: 1px solid #000; }
.--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item.--open .jobs-inner-container .job-base-info { top: 2.60417vw; left: 1.77083vw; }
.--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item.--open .jobs-inner-container .job-require { padding-left: 1.77083vw; padding-top: 9.11458vw; padding-right: 1.77083vw; }
.--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item.--open .jobs-inner-container .job-require .require-title:nth-child(1) { top: 7.29167vw; left: 1.77083vw; }
.--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item.--open .jobs-inner-container .job-require .require-title:nth-child(3) { opacity: 1; transform: translateY(0); }
.--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item.--open .jobs-inner-container .job-require .require-content p { opacity: 1; transform: translateY(0); }
.--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item.--open .jobs-inner-container .job-show-bt { transform: translateY(0); opacity: 1; top: 1.875vw; left: initial; right: 1.77083vw; }
.--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item.--open .jobs-inner-container .job-show-bt::before { opacity: 0; }
.--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item .jobs-inner-container { width: 100%; height: 100%; position: absolute; top: 0; left: 0; color: #58595b; transition: color 0.3s; z-index: 1; }
.--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item .jobs-inner-container .job-base-info { background-color: #fff; padding: 0.57292vw 0; position: absolute; top: 2.65625vw; left: -1px; transition: all 0.3s; }
.--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item .jobs-inner-container .job-base-info .job-name { line-height: 1; }
.--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item .jobs-inner-container .job-base-info .job-name.en { font-family: "avantgrade-bt-book", sans-serif; font-size: 0.9375vw; }
.--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item .jobs-inner-container .job-base-info .job-name.cn { font-size: 0.88542vw; margin-top: 0.20833vw; }
.--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item .jobs-inner-container .job-require .require-title { font-size: 0.72917vw; font-family: -apple-system, "avantgrade-bt-book", PingFang SC Regular, Microsoft YaHei, Hiragino Sans GB, Helvetica Neue, Arial, sans-serif; line-height: 1.82292vw; background-color: #fff; transition: all 0.3s; }
.--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item .jobs-inner-container .job-require .require-title:nth-of-type(1) { position: absolute; top: 10.10417vw; left: -1px; }
.--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item .jobs-inner-container .job-require .require-title:nth-of-type(3) { margin-top: 1.04167vw; transform: translateY(30px); opacity: 0; }
.--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item .jobs-inner-container .job-require .require-content { margin-top: 0.36458vw; }
.--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item .jobs-inner-container .job-require .require-content:nth-child(2) { margin-top: 0; }
.--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item .jobs-inner-container .job-require .require-content p { font-size: 0.67708vw; line-height: 1.04167vw; position: relative; padding-left: 0.67708vw; transform: translateY(30px); opacity: 0; transition: transform 0.3s; }
.--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item .jobs-inner-container .job-require .require-content p::before { content: ""; width: 0.3125vw; height: 0.3125vw; position: absolute; top: 0.3125vw; left: 0; border-radius: 50%; background-color: #a4a3a3; }
.--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item .jobs-inner-container .job-show-bt { width: 2.91667vw; height: 2.91667vw; position: absolute; top: 5vw; left: 12.13542vw; transform: translateY(30px); opacity: 0; transition: transform 0.3s, opacity 0.4s; }
.--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item .jobs-inner-container .job-show-bt::before, .--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item .jobs-inner-container .job-show-bt::after { content: ""; position: absolute; background-color: #191919; }
.--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item .jobs-inner-container .job-show-bt::before { width: 1px; height: 100%; top: 0; left: 50%; margin-left: -1px; }
.--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item .jobs-inner-container .job-show-bt::after { width: 100%; height: 1px; top: 50%; margin-top: -1px; left: 0; }
.--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item::before, .--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item::after { content: ""; position: absolute; top: -1px; left: -1px; bottom: -1px; right: -1px; border-color: #000; border-style: solid; border-width: 0; z-index: 0; display: none; }
.--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item::before { border-top-width: 1px; border-bottom-width: 1px; }
.--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item::after { border-left-width: 1px; border-right-width: 1px; }
.--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item:hover .jobs-inner-container { color: #191919; }
.--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item:hover .jobs-inner-container .job-show-bt { transform: translateY(0); opacity: 1; }
.--jobs-page .jobs-main-body .jobs-content-container .jobs-contact-container { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; color: #58595b; margin-top: 1.19792vw; }
.--jobs-page .jobs-main-body .jobs-content-container .jobs-contact-container .__title { flex: 0 0 19.79167vw; border-top: 1px solid #ccc; }
.--jobs-page .jobs-main-body .jobs-content-container .jobs-contact-container .__title > div { margin-top: 0.9375vw; }
.--jobs-page .jobs-main-body .jobs-content-container .jobs-contact-container .__title p:nth-child(1) { font-size: 0.9375vw; font-family: "avantgrade-bt-book", sans-serif; }
.--jobs-page .jobs-main-body .jobs-content-container .jobs-contact-container .__title p:nth-child(2) { font-size: 0.88542vw; margin-top: 0.26042vw; }
.--jobs-page .jobs-main-body .jobs-content-container .jobs-contact-container .__content { flex: 1; padding-left: 2.60417vw; }
.--jobs-page .jobs-main-body .jobs-content-container .jobs-contact-container .__content .__content__main_body { border-top: 1px solid #ccc; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; }
.--jobs-page .jobs-main-body .jobs-content-container .jobs-contact-container .__content .__content__main_body:nth-child(2) { display: none; }
.--jobs-page .jobs-main-body .jobs-content-container .jobs-contact-container .__content .__content__main_body > div { flex: 1; font-size: 0.72917vw; padding-top: 0.98958vw; }
.--jobs-page .jobs-main-body .jobs-content-container .jobs-contact-container .__content .__content__main_body > div p:nth-child(2) { margin-top: 0.46875vw; }

@keyframes ss { from { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
  to { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } }
[data-layout-colspan="0"] { width: 0%; }

[data-layout-offset="0"] { margin-left: 0%; }

[data-layout-colspan="1"] { width: 3.57143%; }

[data-layout-offset="1"] { margin-left: 3.57143%; }

[data-layout-colspan="2"] { width: 7.14286%; }

[data-layout-offset="2"] { margin-left: 7.14286%; }

[data-layout-colspan="3"] { width: 10.71429%; }

[data-layout-offset="3"] { margin-left: 10.71429%; }

[data-layout-colspan="4"] { width: 14.28571%; }

[data-layout-offset="4"] { margin-left: 14.28571%; }

[data-layout-colspan="5"] { width: 17.85714%; }

[data-layout-offset="5"] { margin-left: 17.85714%; }

[data-layout-colspan="6"] { width: 21.42857%; }

[data-layout-offset="6"] { margin-left: 21.42857%; }

[data-layout-colspan="7"] { width: 25%; }

[data-layout-offset="7"] { margin-left: 25%; }

[data-layout-colspan="8"] { width: 28.57143%; }

[data-layout-offset="8"] { margin-left: 28.57143%; }

[data-layout-colspan="9"] { width: 32.14286%; }

[data-layout-offset="9"] { margin-left: 32.14286%; }

[data-layout-colspan="10"] { width: 35.71429%; }

[data-layout-offset="10"] { margin-left: 35.71429%; }

[data-layout-colspan="11"] { width: 39.28571%; }

[data-layout-offset="11"] { margin-left: 39.28571%; }

[data-layout-colspan="12"] { width: 42.85714%; }

[data-layout-offset="12"] { margin-left: 42.85714%; }

[data-layout-colspan="13"] { width: 46.42857%; }

[data-layout-offset="13"] { margin-left: 46.42857%; }

[data-layout-colspan="14"] { width: 50%; }

[data-layout-offset="14"] { margin-left: 50%; }

[data-layout-colspan="15"] { width: 53.57143%; }

[data-layout-offset="15"] { margin-left: 53.57143%; }

[data-layout-colspan="16"] { width: 57.14286%; }

[data-layout-offset="16"] { margin-left: 57.14286%; }

[data-layout-colspan="17"] { width: 60.71429%; }

[data-layout-offset="17"] { margin-left: 60.71429%; }

[data-layout-colspan="18"] { width: 64.28571%; }

[data-layout-offset="18"] { margin-left: 64.28571%; }

[data-layout-colspan="19"] { width: 67.85714%; }

[data-layout-offset="19"] { margin-left: 67.85714%; }

[data-layout-colspan="20"] { width: 71.42857%; }

[data-layout-offset="20"] { margin-left: 71.42857%; }

[data-layout-colspan="21"] { width: 75%; }

[data-layout-offset="21"] { margin-left: 75%; }

[data-layout-colspan="22"] { width: 78.57143%; }

[data-layout-offset="22"] { margin-left: 78.57143%; }

[data-layout-colspan="23"] { width: 82.14286%; }

[data-layout-offset="23"] { margin-left: 82.14286%; }

[data-layout-colspan="24"] { width: 85.71429%; }

[data-layout-offset="24"] { margin-left: 85.71429%; }

[data-layout-colspan="25"] { width: 89.28571%; }

[data-layout-offset="25"] { margin-left: 89.28571%; }

[data-layout-colspan="26"] { width: 92.85714%; }

[data-layout-offset="26"] { margin-left: 92.85714%; }

[data-layout-colspan="27"] { width: 96.42857%; }

[data-layout-offset="27"] { margin-left: 96.42857%; }

[data-layout-colspan="28"] { width: 100%; }

[data-layout-offset="28"] { margin-left: 100%; }

.page-footer-container { width: 1430px; margin: 0 auto; font-size: 13px; color: #727272; line-height: 1; }
.page-footer-container.--work-list { width: 100%; padding: 0 9.89583vw; }
.page-footer-container.--common-94 { width: 100%; padding-left: 4.89583vw; padding-right: 4.89583vw; }
.page-footer-container .page-footer-update { width: 100%; padding: 1.45833vw 0; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #cbc9c9; }

div.scrollBar { position: fixed; left: 0; top: 0; background-color: rgba(0, 132, 255, 0.25); width: 0; height: 5px; z-index: 999; }

.pre-bg-container { width: 100%; height: 100vh; position: absolute; top: 0; left: 0; background-color: #000; z-index: 3; }
.pre-bg-container .progress-bar { width: 100%; height: 1px; position: absolute; top: 50%; left: 0; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.loading-container { width: 100vw; height: 100vh; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 90; }
.loading-container .progress-bar { position: absolute; top: 50%; left: 0; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; height: 1px; background-color: #eaebee; }
.loading-container .bar { background-color: #000 !important; }

.back-to-top-bt { position: fixed; right: 0; top: 40%; z-index: 99; cursor: pointer; }
.back-to-top-bt .line { width: 1px; height: 120px; position: absolute; left: 10px; overflow: hidden; }
.back-to-top-bt .line .inner { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #000; }
.back-to-top-bt .text { font-family: "avantgrade-bt-book", sans-serif; font-size: 16px; color: #000; -moz-transform-origin: left center 50%; -ms-transform-origin: left center 50%; -webkit-transform-origin: left center 50%; transform-origin: left center 50%; -moz-transform: rotate(-90deg) translateX(-30px); -ms-transform: rotate(-90deg) translateX(-30px); -webkit-transform: rotate(-90deg) translateX(-30px); transform: rotate(-90deg) translateX(-30px); text-transform: uppercase; top: 20px; }

body.openNav .c2-page-main-body-container { -moz-transform: skew(-2deg, -2deg) translate3d(200px, 0, 0); -ms-transform: skew(-2deg, -2deg) translate3d(200px, 0, 0); -webkit-transform: skew(-2deg, -2deg) translate3d(200px, 0, 0); transform: skew(-2deg, -2deg) translate3d(200px, 0, 0); }
body.openNav .page-nav-banner-container.-transparent-bg { color: #191919; }
body.openNav .page-nav-banner-container .logo { background-image: url("../images/logo-blue.svg");}
body.openNav .page-nav-show-container { opacity: 1; backface-visibility: visible; background-color: #fff; }
body.openNav .page-nav-show-container-main-body .pnscmb ul li { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; -moz-transition: all 1.3s; -o-transition: all 1.3s; -webkit-transition: all 1.3s; transition: all 1.3s; }
body.openNav .page-nav-show-container-main-body .pnscmb ul li a span .char { position: relative; display: inline-block; -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); -moz-transition: -moz-transform 1.3s ease-in-out; -o-transition: -o-transform 1.3s ease-in-out; -webkit-transition: -webkit-transform 1.3s ease-in-out; transition: transform 1.3s ease-in-out; }
body.openNav .page-nav-show-container-main-body .pnscmb ul li a span .char:nth-child(1) { -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; }
body.openNav .page-nav-show-container-main-body .pnscmb ul li a span .char:nth-child(2) { -moz-transition-delay: 0.05s; -o-transition-delay: 0.05s; -webkit-transition-delay: 0.05s; transition-delay: 0.05s; }
body.openNav .page-nav-show-container-main-body .pnscmb ul li a span .char:nth-child(3) { -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
body.openNav .page-nav-show-container-main-body .pnscmb ul li a span .char:nth-child(4) { -moz-transition-delay: 0.15s; -o-transition-delay: 0.15s; -webkit-transition-delay: 0.15s; transition-delay: 0.15s; }
body.openNav .page-nav-show-container-main-body .pnscmb ul li a span .char:nth-child(5) { -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
body.openNav .page-nav-show-container-main-body .pnscmb ul li a span .char:nth-child(6) { -moz-transition-delay: 0.25s; -o-transition-delay: 0.25s; -webkit-transition-delay: 0.25s; transition-delay: 0.25s; }
body.openNav .page-nav-show-container-main-body .pnscmb ul li a span .char:nth-child(7) { -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
body.openNav .page-nav-show-container-main-body .pnscmb ul li a span .char:nth-child(8) { -moz-transition-delay: 0.35s; -o-transition-delay: 0.35s; -webkit-transition-delay: 0.35s; transition-delay: 0.35s; }
body.openNav .page-nav-show-container-main-body .pnscmb ul li a span .char:nth-child(9) { -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
body.openNav .page-nav-show-container-main-body .pnscmb ul li a span .char:nth-child(10) { -moz-transition-delay: 0.45s; -o-transition-delay: 0.45s; -webkit-transition-delay: 0.45s; transition-delay: 0.45s; }

.c2-page-main-body-container { -moz-transition: -moz-transform 0.8s cubic-bezier(0.6, 0, 0.41, 1); -o-transition: -o-transform 0.8s cubic-bezier(0.6, 0, 0.41, 1); -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.6, 0, 0.41, 1); transition: transform 0.8s cubic-bezier(0.6, 0, 0.41, 1); position: relative; }

.case-2-index-page { width: 100%; height: 100vh; padding-bottom: 4.79167vw; overflow: hidden; }
.case-2-index-page .c2-index-ppt-container { width: 100%; height: 100%; position: relative; z-index: 1; }
.case-2-index-page .c2-index-ppt-container .swiper-container { width: 100%; height: 100%; position: relative; }
.case-2-index-page .c2-index-ppt-container .swiper-container .swiper-wrapper { width: 100%; height: 100%; position: relative; }
.case-2-index-page .c2-index-ppt-container .ppt-item { width: 100%; height: 100%; position: relative; }
.case-2-index-page .c2-index-ppt-container .ppt-item .ppt-item-img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-position: center; background-size: cover; }
.case-2-index-page .c2-index-ppt-container .ppt-item .ppt-item-text { position: absolute; bottom: 0; left: 8.02083vw; font-family: "avantgrade-bt-book", sans-serif; text-transform: uppercase; color: #fff; line-height: 1; padding-bottom: 6.09375vw; padding-left: 1.92708vw; cursor: pointer; }
.case-2-index-page .c2-index-ppt-container .ppt-item .ppt-item-text:hover .sub-title { -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -moz-transform: translateX(30px); -ms-transform: translateX(30px); -webkit-transform: translateX(30px); transform: translateX(30px); -moz-transition-delay: 0s !important; -o-transition-delay: 0s !important; -webkit-transition-delay: 0s !important; transition-delay: 0s !important; }
.case-2-index-page .c2-index-ppt-container .ppt-item .ppt-item-text .line { width: 1px; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(225, 225, 224, 0.6); }
.case-2-index-page .c2-index-ppt-container .ppt-item .ppt-item-text .title { font-size: 2.60417vw; margin-top: 1.35417vw; }
.case-2-index-page .c2-index-ppt-container .ppt-item .ppt-item-text .title strong { font-weight: normal; font-family: "avantgrade-bt-demi", sans-serif; }
.case-2-index-page .c2-index-ppt-container .ppt-item .ppt-item-text .title:first-child { margin-top: 0; }
.case-2-index-page .c2-index-ppt-container .ppt-item .ppt-item-text .sub-title { font-size: 0.9375vw; margin-top: 4.6875vw; }

.page-nav-banner-container { width: 100%; height: 4.79167vw; left: 0; position: relative; z-index: 99; overflow: hidden; }
.page-nav-banner-container.-fixed { position: fixed; }
.page-nav-banner-container.-top { top: 0; border-bottom: 1px solid rgba(225, 225, 224, 0.6); }
.page-nav-banner-container.-bottom { bottom: 0; border-top: 1px solid rgba(225, 225, 224, 0.6); }
.page-nav-banner-container.-bottom bdi { font-weight: bold; }
.page-nav-banner-container.-white-bg { background-color: white; color: #181818; }
.page-nav-banner-container.-white-bg .logo { background-image: url("../images/logo-blue.svg"); }
.page-nav-banner-container.-transparent-bg { background-color: rgba(255, 255, 255, 0); color: #fff; }
.page-nav-banner-container .nav-text { position: absolute; top: 0; width: 8.02083vw; height: 100%; font-family: "avantgrade-bt-book", sans-serif; font-size: 15px; color: inherit; line-height: 4.73958vw; text-align: center; cursor: pointer; }
.page-nav-banner-container .nav-text .nav-text-wrapper { position: absolute; left: 50%; line-height: 1; top: 50%; -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.page-nav-banner-container .nav-text .nav-text-wrapper.close { opacity: 0; backface-visibility: hidden; }
.page-nav-banner-container .nav-text .nav-text-wrapper .nav-normal { width: 100%; }
.page-nav-banner-container .nav-text .nav-text-wrapper .nav-hover { position: absolute; top: 0; }
.page-nav-banner-container .nav-text .nav-text-wrapper .nav-hover span bdi { visibility: hidden; opacity: 0; transform: matrix(1, 0, 0, 1, 0, 10); }
.page-nav-banner-container .nav-text .nav-text-wrapper span { font-size: 0; }
.page-nav-banner-container .nav-text .nav-text-wrapper span bdi { letter-spacing: 0; font-size: 15px; display: inline-block; line-height: 1; }
.page-nav-banner-container .nav-text .nav-text-wrapper span bdi:first-child { text-transform: uppercase; }
.page-nav-banner-container .left { left: 0; border-right: 1px solid rgba(225, 225, 224, 0.6); }
.page-nav-banner-container .right { right: 0; border-left: 1px solid rgba(225, 225, 224, 0.6); }
.page-nav-banner-container .logo { width: 4.94792vw; height: 100%; background: url("../images/logo.svg") no-repeat center; background-size: contain; position: absolute; top: 0; left: 10.625vw; cursor: pointer; }
.page-nav-banner-container .sub-nav-container { position: absolute; display: flex; justify-content: flex-start; align-items: center; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 17.91667vw; }
.page-nav-banner-container .sub-nav-container li { color: #6c6c6c; font-size: 15px; font-family: "avantgrade-bt-book", sans-serif; text-transform: capitalize; margin-left: 2.91667vw; }
.page-nav-banner-container .sub-nav-container li:hover { color: #191919; }
.page-nav-banner-container .sub-nav-container li.active { color: #191919; }
.page-nav-banner-container .sub-nav-container li:first-child { margin-left: 0; }

.page-nav-show-container { width: 100%; height: 100vh; position: fixed; top: 0; left: 0; padding: 4.79167vw 0 0 0; opacity: 0; backface-visibility: hidden; -moz-transition: opacity 0.8s cubic-bezier(0.6, 0, 0.41, 1); -o-transition: opacity 0.8s cubic-bezier(0.6, 0, 0.41, 1); -webkit-transition: opacity 0.8s cubic-bezier(0.6, 0, 0.41, 1); transition: opacity 0.8s cubic-bezier(0.6, 0, 0.41, 1); }
.page-nav-show-container .page-nav-show-container-main-body { width: 100%; height: 100%; background-color: #fff; display: flex; justify-content: flex-start; align-items: center; }
.page-nav-show-container .page-nav-show-container-main-body .pnscmb { padding-left: 16.66667vw; }
.page-nav-show-container .page-nav-show-container-main-body .pnscmb ul li { font-size: 2.5vw; color: #989a9a; margin-top: 3.64583vw; -moz-transform: translateX(40%); -ms-transform: translateX(40%); -webkit-transform: translateX(40%); transform: translateX(40%); opacity: 0; }
.page-nav-show-container .page-nav-show-container-main-body .pnscmb ul li:first-child { margin-top: 0; }
.page-nav-show-container .page-nav-show-container-main-body .pnscmb ul li:hover a span .char { color: #191919; -moz-transition: color 0.3s; -o-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s; }
.page-nav-show-container .page-nav-show-container-main-body .pnscmb ul li a { font-size: inherit; color: inherit; }
.page-nav-show-container .page-nav-show-container-main-body .pnscmb ul li a span { font-size: inherit; color: inherit; display: flex; justify-content: flex-start; align-items: center; }
.page-nav-show-container .page-nav-show-container-main-body .pnscmb ul li a span .char { font-family: "avantgrade-bt-book", sans-serif; font-size: inherit; color: inherit; text-transform: uppercase; -moz-transform: translateX(100px); -ms-transform: translateX(100px); -webkit-transform: translateX(100px); transform: translateX(100px); }

.case-2-projects-list-page { padding-top: 4.79167vw; }

.projects-list-container { width: 100%; overflow: hidden; position: relative; z-index: 1; }
.projects-list-container .projects-list-wrapper { width: 100%; }
.projects-list-container .projects-list-wrapper .project-items-row { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; border-top: 1px solid #e1e1e1; }
.projects-list-container .projects-list-wrapper .project-items-row:first-child { border-top: 0; }
.projects-list-container .projects-list-wrapper .project-items-row .project-item { flex: 0 0 50%; max-width: 50%; border-left: 1px solid #e1e1e1; display: flex; justify-content: center; align-items: flex-end; height: 47.70833vw; position: relative; }
.projects-list-container .projects-list-wrapper .project-items-row .project-item.--size-big { flex: 1; max-width: 100%; }
.projects-list-container .projects-list-wrapper .project-items-row .project-item:first-child { border-left: 0; }
.projects-list-container .projects-list-wrapper .project-items-row .project-item.show .project-item-wrapper .project-item-inner { clip-path: inset(0.0002% 0% 0.0003% 0.0001%); transform: matrix(1, 0, 0, 1, 0, 0); }
.projects-list-container .projects-list-wrapper .project-items-row .project-item.show .project-item-wrapper .project-item-inner .project-item-bg { transform-origin: 50% 0 0; visibility: inherit; opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); }
.projects-list-container .projects-list-wrapper .project-items-row .project-item.vc { align-items: center; }
.projects-list-container .projects-list-wrapper .project-items-row .project-item .project-item-wrapper { margin: 0 auto; position: relative; display: inline-block; cursor: pointer; font-size: 0; max-height: 100%; max-width: 100%; }
.projects-list-container .projects-list-wrapper .project-items-row .project-item .project-item-wrapper img { position: absolute; overflow: hidden; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; }
.projects-list-container .projects-list-wrapper .project-items-row .project-item .project-item-wrapper .project-text { position: absolute; bottom: 2.08333vw; font-family: "avantgrade-bt-book", "PingFangSC-Regular", "Microsoft YaHei", "Helvetica", sans-serif; color: #fff; display: flex; justify-content: space-between; align-items: center; width: 100%; padding-left: 1.51042vw; padding-right: 1.04167vw; z-index: 4; }
.projects-list-container .projects-list-wrapper .project-items-row .project-item .project-item-wrapper .project-text p:nth-child(1) { font-size: 0.83333vw; text-transform: capitalize; }
.projects-list-container .projects-list-wrapper .project-items-row .project-item .project-item-wrapper .project-text p:nth-child(1) span { font-size: 0.78125vw; }
.projects-list-container .projects-list-wrapper .project-items-row .project-item .project-item-wrapper .project-text p:nth-child(2) { font-size: 0.72917vw; text-transform: capitalize; }
.projects-list-container .projects-list-wrapper .project-items-row .project-item .project-item-wrapper .project-item-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform, clip-path; clip-path: inset(100% 50% 0% 50.0001%); transform: matrix(1, 0, 0, 1, 0, 100); }
.projects-list-container .projects-list-wrapper .project-items-row .project-item .project-item-wrapper .project-item-inner:hover::before { opacity: 1; backface-visibility: visible; }
.projects-list-container .projects-list-wrapper .project-items-row .project-item .project-item-wrapper .project-item-inner:hover .project-item-bg { background-size: 103%; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; }
.projects-list-container .projects-list-wrapper .project-items-row .project-item .project-item-wrapper .project-item-inner::before { content: ""; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.32); position: absolute; top: 0; left: 0; display: block; z-index: 3; opacity: 0; backface-visibility: hidden; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.projects-list-container .projects-list-wrapper .project-items-row .project-item .project-item-wrapper .project-item-inner .project-item-bg { position: absolute; top: 0; left: 0; width: 101%; height: 100%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; background-size: 100%; background-repeat: no-repeat; background-position: 50% 50%; will-change: transform, opacity; transform-origin: 50% 0% 0px; visibility: hidden; opacity: 0; transform: matrix(1.47721, -0.26047, 0.26047, 1.47721, 0, 100); -moz-transition: background-size 0.3s linear; -o-transition: background-size 0.3s linear; -webkit-transition: background-size 0.3s linear; transition: background-size 0.3s linear; }

.side-bar-container .side-bar-item { position: fixed; top: 0; width: 8.07292vw; height: 100%; z-index: 90; }
.side-bar-container .side-bar-item.left { left: 0; }
.side-bar-container .side-bar-item.right { right: 0; }
.side-bar-container .side-bar-item .side-text { position: absolute; top: 50%; left: 50%; -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); white-space: nowrap; cursor: pointer; }
.side-bar-container .side-bar-item .side-text p { font-family: "avantgrade-bt-book", sans-serif; font-size: 0.78125vw; color: #979797; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.side-bar-container .side-bar-item .side-line { width: 1px; height: 5.98958vw; position: absolute; top: 50%; left: 50%; -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); background-color: #e1e1e1; overflow: hidden; }
.side-bar-container .side-bar-item .side-line .inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #2b5787; }

.case-2-about-page { width: 100%; margin-top: 4.6875vw; }
.case-2-about-page .about-big-img-container { width: 100%; padding: 0 8.07292vw; position: relative; z-index: 1; }
.case-2-about-page .about-big-img-container .about-img-box { width: 100%; position: relative; }
.case-2-about-page .about-big-img-container .about-img-box::before { content: ""; display: block; width: 100%; padding-top: 51.98758%; }
.case-2-about-page .about-big-img-container .about-img-box .project-item { cursor: pointer; width: 100%; height: 100%; display: flex; justify-content: center; align-items: flex-end; position: absolute; top: 0; left: 0; }
.case-2-about-page .about-big-img-container .about-img-box .project-item:first-child { border-left: 0; }
.case-2-about-page .about-big-img-container .about-img-box .project-item.vc { align-items: center; }
.case-2-about-page .about-big-img-container .about-img-box .project-item .project-item-wrapper { margin: 0 auto; position: relative; display: inline-block; cursor: pointer; font-size: 0; max-height: 100%; max-width: 100%; }
.case-2-about-page .about-big-img-container .about-img-box .project-item .project-item-wrapper img { position: absolute; overflow: hidden; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; }
.case-2-about-page .about-big-img-container .about-img-box .project-item .project-item-wrapper .project-item-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform, clip-path; clip-path: inset(100% 50% 0% 50.0001%); transform: matrix(1, 0, 0, 1, 0, 100); }
.case-2-about-page .about-big-img-container .about-img-box .project-item .project-item-wrapper .project-item-inner::before { content: ""; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.32); position: absolute; top: 0; left: 0; display: block; z-index: 3; opacity: 0; backface-visibility: hidden; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.case-2-about-page .about-big-img-container .about-img-box .project-item .project-item-wrapper .project-item-inner .project-item-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; background-size: cover; background-position: 50% 50%; will-change: transform, opacity; transform-origin: 50% 0% 0px; visibility: hidden; opacity: 0; transform: matrix(1.47721, -0.26047, 0.26047, 1.47721, 0, 100); }
.case-2-about-page .about-big-img-container .about-img-box .scroll-wrapper { width: 46.875vw; height: 5.98958vw; position: absolute; bottom: 0; right: 0; }
.case-2-about-page .about-big-img-container .about-img-box .scroll-container { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #555945; -moz-transition: cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.2s; -o-transition: cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.2s; -webkit-transition: cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.2s; transition: cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.2s; overflow: hidden; }
.case-2-about-page .about-big-img-container .about-img-box .scroll-container.close { height: 0; -moz-transition: cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.8s; -o-transition: cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.8s; -webkit-transition: cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.8s; transition: cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.8s; }
.case-2-about-page .about-big-img-container .about-img-box .scroll-container .line { width: 1px; height: 80px; position: absolute; bottom: 0; left: 48px; overflow: hidden; }
.case-2-about-page .about-big-img-container .about-img-box .scroll-container .line .inner { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #fff; }
.case-2-about-page .about-big-img-container .about-img-box .scroll-container .text { font-family: "avantgrade-bt-book", sans-serif; font-size: 16px; text-transform: uppercase; position: absolute; left: 60px; bottom: 52px; color: #fff; -moz-transform-origin: left center 50%; -ms-transform-origin: left center 50%; -webkit-transform-origin: left center 50%; transform-origin: left center 50%; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.case-2-about-page .about-content-container { width: 100%; padding: 9.0625vw 8.07292vw 9.79167vw; position: relative; z-index: 1; }
.case-2-about-page .about-content-container .about-content-wrapper { width: 100%; padding: 0 5vw; }
.case-2-about-page .about-content-container .about-content-wrapper .about-content-main-body { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; font-family: "avantgrade-bt-book", sans-serif; color: #191919; font-size: 0.72917vw; }
.case-2-about-page .about-content-container .about-content-wrapper .about-content-main-body .about-title { font-family: "avantgrade-bt-demi", sans-serif; text-transform: uppercase; font-size: 1.97917vw; }
.case-2-about-page .about-content-container .about-content-wrapper .about-content-main-body .about-title p { white-space: nowrap; }
.case-2-about-page .about-content-container .about-content-wrapper .about-content-main-body .about-text { margin-left: 16.66667vw; line-height: 1.30208vw; }
.case-2-about-page .about-content-container .about-content-wrapper .about-content-main-body .about-text p { margin-top: 0.98958vw; }
.case-2-about-page .about-content-container .about-content-wrapper .about-content-main-body .about-text p:first-child { margin-top: 0; }
.case-2-about-page .createor-list-container { width: 100%; position: relative; z-index: 1; }
.case-2-about-page .createor-list-container .createor-sign-container { position: absolute; top: 69px; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); color: #191919; font-family: "avantgrade-bt-demi", sans-serif; font-size: 1.97917vw; text-align: center; z-index: 9; }
.case-2-about-page .createor-list-container .createor-sign-container .createor-sign-main-body { position: relative; text-transform: uppercase; }
.case-2-about-page .createor-list-container .createor-list-container-main-body { width: 100%; position: relative; border-bottom: 1px solid #e1e1e1; }
.case-2-about-page .createor-list-container .createor-list-container-main-body .createor-items-row { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; border-top: 1px solid #e1e1e1; }
.case-2-about-page .createor-list-container .createor-list-container-main-body .project-item { flex: 0 0 50%; border-left: 1px solid #e1e1e1; height: 49.42708vw; position: relative; text-align: center; display: flex; }
.case-2-about-page .createor-list-container .createor-list-container-main-body .project-item .createor-detail-container { width: 100%; height: 100%; position: absolute; left: 0; background-color: #fff; padding: 9.375vw 0 0 0; text-align: left; opacity: 0; backface-visibility: hidden; }
.case-2-about-page .createor-list-container .createor-list-container-main-body .project-item .createor-detail-container .createor-detail-wrapper { width: 100%; color: #191919; font-family: "avantgrade-bt-book", "PingFangSC-Regular", "Microsoft YaHei", "Helvetica", sans-serif; cursor: url("../images/close.png"), pointer; }
.case-2-about-page .createor-list-container .createor-list-container-main-body .project-item .createor-detail-container .createor-detail-wrapper .title { font-size: 1.25vw; }
.case-2-about-page .createor-list-container .createor-list-container-main-body .project-item .createor-detail-container .createor-detail-wrapper .job { margin-top: 0.83333vw; font-size: 0.9375vw; }
.case-2-about-page .createor-list-container .createor-list-container-main-body .project-item .createor-detail-container .createor-detail-wrapper .job p { margin-top: 0.625vw; }
.case-2-about-page .createor-list-container .createor-list-container-main-body .project-item .createor-detail-container .createor-detail-wrapper .job p:first-child { margin-top: 0; }
.case-2-about-page .createor-list-container .createor-list-container-main-body .project-item .createor-detail-container .createor-detail-wrapper .content { font-size: 0.72917vw; line-height: 1.30208vw; margin-top: 1.82292vw; }
.case-2-about-page .createor-list-container .createor-list-container-main-body .project-item:nth-child(1) { border-left: 0; }
.case-2-about-page .createor-list-container .createor-list-container-main-body .project-item:nth-child(2) { align-items: flex-end; }
.case-2-about-page .createor-list-container .createor-list-container-main-body .project-item:first-child { border-left: 0; }
.case-2-about-page .createor-list-container .createor-list-container-main-body .project-item.vc { align-items: center; }
.case-2-about-page .createor-list-container .createor-list-container-main-body .project-item .project-item-wrapper { margin: 0 auto; position: relative; display: inline-block; font-size: 0; max-height: 100%; max-width: 100%; }
.case-2-about-page .createor-list-container .createor-list-container-main-body .project-item .project-item-wrapper img { position: absolute; overflow: hidden; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; }
.case-2-about-page .createor-list-container .createor-list-container-main-body .project-item .project-item-wrapper .project-text { position: absolute; bottom: 1.92708vw; font-family: "avantgrade-bt-book", "PingFangSC-Regular", "Microsoft YaHei", "Helvetica", sans-serif; color: #fff; display: flex; justify-content: space-between; align-items: center; width: 100%; padding-left: 2.44792vw; padding-right: 1.04167vw; z-index: 4; }
.case-2-about-page .createor-list-container .createor-list-container-main-body .project-item .project-item-wrapper .project-text p:nth-child(1) { font-size: 0.9375vw; }
.case-2-about-page .createor-list-container .createor-list-container-main-body .project-item .project-item-wrapper .project-text p:nth-child(2) { font-size: 0.72917vw; }
.case-2-about-page .createor-list-container .createor-list-container-main-body .project-item .project-item-wrapper .project-item-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform, clip-path; clip-path: inset(100% 50% 0% 50.0001%); transform: matrix(1, 0, 0, 1, 0, 100); z-index: 1; cursor: pointer; }
.case-2-about-page .createor-list-container .createor-list-container-main-body .project-item .project-item-wrapper .project-item-inner:hover::before { opacity: 1; backface-visibility: visible; }
.case-2-about-page .createor-list-container .createor-list-container-main-body .project-item .project-item-wrapper .project-item-inner::before { content: ""; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.32); position: absolute; top: 0; left: 0; display: block; z-index: 3; opacity: 0; backface-visibility: hidden; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.case-2-about-page .createor-list-container .createor-list-container-main-body .project-item .project-item-wrapper .project-item-inner .project-item-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; background-size: cover; background-position: 50% 50%; will-change: transform, opacity; transform-origin: 50% 0% 0px; visibility: hidden; opacity: 0; transform: matrix(1.47721, -0.26047, 0.26047, 1.47721, 0, 100); }
.case-2-about-page .createor-list-container .createor-list-container-main-body .createor-item { flex: 0 0 50%; border-left: 1px solid #e1e1e1; height: 49.42708vw; position: relative; }
.case-2-about-page .createor-list-container .createor-list-container-main-body .createor-item .img-wrapper { position: absolute; width: 31.30208vw; height: 42.03125vw; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.case-2-about-page .createor-list-container .createor-list-container-main-body .createor-item img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.case-2-about-page .createor-list-container .createor-list-container-main-body .createor-item:nth-child(1) { border-left: 0; }
.case-2-about-page .createor-list-container .createor-list-container-main-body .createor-item:nth-child(1) .img-wrapper { top: 0; }
.case-2-about-page .createor-list-container .createor-list-container-main-body .createor-item:nth-child(2) { align-items: flex-end; }
.case-2-about-page .createor-list-container .createor-list-container-main-body .createor-item:nth-child(2) .img-wrapper { bottom: 0; }
.case-2-about-page .c2-cooperation-unit-container { width: 100%; padding: 10.3125vw 0 9.73958vw; position: relative; z-index: 1; }
.case-2-about-page .c2-cooperation-unit-container .container-title { font-size: 1.97917vw; font-family: "avantgrade-bt-demi", sans-serif; color: #191919; text-align: center; text-transform: uppercase; }
.case-2-about-page .c2-cooperation-unit-container .c2-cu-items-container { width: 100%; padding: 0 12.70833vw; margin-top: 5.625vw; }
.case-2-about-page .c2-cooperation-unit-container .c2-cu-items-container .c2cu-items-main-body { width: 100%; border: 1px solid #e5e5e5; }
.case-2-about-page .c2-cooperation-unit-container .c2-cu-items-container .c2cu-items-main-body .c2cu-items-row { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; border-top: 1px solid #e5e5e5; }
.case-2-about-page .c2-cooperation-unit-container .c2-cu-items-container .c2cu-items-main-body .c2cu-items-row:first-child { border-top: 0; }
.case-2-about-page .c2-cooperation-unit-container .c2-cu-items-container .c2cu-items-main-body .c2cu-items-row .c2cu-item { flex: 0 0 16.666%; height: 8.28125vw; border-left: 1px solid #e5e5e5; position: relative; }
.case-2-about-page .c2-cooperation-unit-container .c2-cu-items-container .c2cu-items-main-body .c2cu-items-row .c2cu-item img { max-width: 100%; position: absolute; top: 50%; left: 50%; -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); opacity: 0.8; }
.case-2-about-page .c2-cooperation-unit-container .c2-cu-items-container .c2cu-items-main-body .c2cu-items-row .c2cu-item:first-child { border-left: 0; }

.go_up { position: relative; -moz-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1); transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1); -moz-transform: translateY(160px); -ms-transform: translateY(160px); -webkit-transform: translateY(160px); transform: translateY(160px); opacity: 0; }

.go_left { position: relative; -moz-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1); transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1); -moz-transform: translateX(-160px); -ms-transform: translateX(-160px); -webkit-transform: translateX(-160px); transform: translateX(-160px); opacity: 0; }
.go_left.animated { opacity: 1; -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }

.go_right { position: relative; -moz-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1); transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1); -moz-transform: translateX(160px); -ms-transform: translateX(160px); -webkit-transform: translateX(160px); transform: translateX(160px); opacity: 0; }
.go_right.animated { opacity: 1; -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }

.go_up.animated { opacity: 1; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }

.common_up .img_box { width: 100%; height: 100%; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); -moz-transition: all 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition: all 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); }

.transion_delay_1 { -moz-transition-delay: 0.1s !important; -o-transition-delay: 0.1s !important; -webkit-transition-delay: 0.1s !important; transition-delay: 0.1s !important; }

.transion_delay_2 { -moz-transition-delay: 0.13s !important; -o-transition-delay: 0.13s !important; -webkit-transition-delay: 0.13s !important; transition-delay: 0.13s !important; }

.transion_delay_3 { -moz-transition-delay: 0.16s !important; -o-transition-delay: 0.16s !important; -webkit-transition-delay: 0.16s !important; transition-delay: 0.16s !important; }

.transion_delay_4 { -moz-transition-delay: 0.19s !important; -o-transition-delay: 0.19s !important; -webkit-transition-delay: 0.19s !important; transition-delay: 0.19s !important; }

.transion_delay_5 { -moz-transition-delay: 0.22s !important; -o-transition-delay: 0.22s !important; -webkit-transition-delay: 0.22s !important; transition-delay: 0.22s !important; }

.transion_delay_6 { -moz-transition-delay: 0.25s !important; -o-transition-delay: 0.25s !important; -webkit-transition-delay: 0.25s !important; transition-delay: 0.25s !important; }

.transion_delay_7 { -moz-transition-delay: 0.28s !important; -o-transition-delay: 0.28s !important; -webkit-transition-delay: 0.28s !important; transition-delay: 0.28s !important; }

.transion_delay_8 { -moz-transition-delay: 0.31s !important; -o-transition-delay: 0.31s !important; -webkit-transition-delay: 0.31s !important; transition-delay: 0.31s !important; }

.transion_delay_9 { -moz-transition-delay: 0.34s !important; -o-transition-delay: 0.34s !important; -webkit-transition-delay: 0.34s !important; transition-delay: 0.34s !important; }

.transion_delay_in { -moz-transition-delay: 1.84s !important; -o-transition-delay: 1.84s !important; -webkit-transition-delay: 1.84s !important; transition-delay: 1.84s !important; }

@keyframes fadeInUp { from { opacity: 0; -moz-transform: translate3d(0, -50px, 0); -ms-transform: translate3d(0, -50px, 0); -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); }
  to { opacity: 1; -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@media screen and (min-width: 1920px) { .--about-page .about-main-content-container .about-main-content-sections .section-item-container { padding-top: 9.375vw; }
  .--about-page .about-main-content-container .about-main-content-sections .--company-createor-container .company-createor-lists { margin-top: 6.82292vw; }
  .--about-page .about-main-content-container .about-main-content-sections .--company-cooperation-container .cooperation-unit-container { margin-top: 2.13542vw; } }
@media screen and (max-width: 1366px) { .--about-page .about-main-content-container .about-main-content-sections .--company-createor-detail-container .section-main-container { overflow: hidden; }
  .--about-page .about-main-content-container .about-main-content-sections .--company-createor-detail-container .section-main-container .section_title { margin-top: 20px; }
  .--about-page .about-main-content-container .about-main-content-sections .--company-desc-container .company-desc-text-container .about-text-container { padding-top: 3.125vw; }
  .--about-page .about-main-content-container .about-main-content-sections .section-item-container { padding-top: 5.20833vw; } }
@media screen and (max-width: 1262px) { .--award-page .award-main-container .award-line-container .award-year-title { display: none; }
  .--award-page .award-main-container .award-line-container .award-content .sub-year-title { display: inline-block; }
  .--award-page .award-main-container .award-line-container .award-content .award-content-wrapper .award-row .award-item p { line-height: 26px; }
  .--award-page .award-imgs-container { padding: 0; } }
@media screen and (max-width: 1250px) { .page-footer-container { width: 83%; }
  .--projects-detail-page .case-main-body { width: 83%; margin-left: auto; margin-right: auto; } }
@media screen and (max-width: 750px) { body.navOnShow { overflow: hidden; }
  .back-to-top-bt { display: none; }
  .just-for-mobile { display: block; }
  div.scrollBar { height: 0.4vw; }
  .page-header-container { padding: 0 6vw; height: 18.26667vw; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; }
  .page-header-container .header-inner { padding: 0; height: 6.26667vw; position: relative; }
  .page-header-container .logo { width: 16.86667vw; height: 7.26667vw; }
  .page-header-container .--header-back-bt { width: 13.33333vw; height: 13.33333vw; position: absolute; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; display: none; background: url("../images/header-bk.png") no-repeat left center; -webkit-background-size: 2.8vw auto; background-size: 2.8vw auto; }
  .page-header-container.--news-detail-header, .page-header-container.--project-detail-header { background-color: transparent; }
  .page-header-container.--news-detail-header .header-inner, .page-header-container.--project-detail-header .header-inner { justify-content: flex-end; }
  .page-header-container.--news-detail-header .--header-back-bt, .page-header-container.--project-detail-header .--header-back-bt { display: block; }
  .page-header-container.--news-detail-header .logo, .page-header-container.--project-detail-header .logo { display: none; }
  .page-header-container.--news-detail-header .menu-container .menu-sign .menu-line, .page-header-container.--project-detail-header .menu-container .menu-sign .menu-line { background-color: #fff; }
  .page-header-container.--white-bg .menu-container .menu-sign .menu-line { background-color: #5c5c5c; }
  .page-header-container .menu-container { padding: 0; height: 100%; }
  .page-header-container .menu-container .menu-sign { width: 6.66667vw; }
  .page-header-container .menu-container .menu-sign .menu-line { height: 2px; margin-top: 1.73333vw; }
  .page-header-container .menu-container .menu-sign .menu-line:nth-child(1) { width: 100%; margin-top: 0; }
  .page-header-container .menu-container .menu-sign .menu-line:nth-child(2) { width: 4.4vw !important; }
  .page-header-container .menu-container .menu-sign .menu-line:nth-child(3) { width: 2.4vw; }
  .page-header-container.--blue-logo .menu-container .menu-sign .menu-line { background-color: #5c5c5c; }
  .page-nav-container { -moz-transition: opacity 0.2s, visibility 0.3s cubic-bezier(0.08, 0.03, 0.22, 0.87); -o-transition: opacity 0.2s, visibility 0.3s cubic-bezier(0.08, 0.03, 0.22, 0.87); -webkit-transition: opacity 0.2s, visibility 0.3s cubic-bezier(0.08, 0.03, 0.22, 0.87); transition: opacity 0.2s, visibility 0.3s cubic-bezier(0.08, 0.03, 0.22, 0.87); opacity: 0; }
  .page-nav-container > ul { display: none; }
  .page-nav-container .sub-nav-for-mobile { width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; background-color: #f5f5f5; }
  .page-nav-container .sub-nav-for-mobile .sub-nav-bottom { position: absolute; bottom: 10.66667vw; text-align: center; width: 100%; font-size: 2.93333vw; color: #58595b; }
  .page-nav-container .sub-nav-for-mobile ul { position: absolute; top: 39.2vw; left: 0; flex-direction: column; }
  .page-nav-container .sub-nav-for-mobile ul li { width: 0; flex: 0 0 4.66667vw; text-align: center; line-height: 1; margin-top: 10vw; }
  .page-nav-container .sub-nav-for-mobile ul li a { font-size: 5.33333vw; font-family: "avantgrade-bt-book", sans-serif; color: #191919; line-height: 1; padding-left: 0; white-space: nowrap; }
  .page-nav-container .sub-nav-for-mobile ul li:first-child { margin-top: 0; }
  .page-footer-container { width: 100%; padding: 0 !important; }
  .page-footer-container .page-footer-update { border-top: 0; padding: 0 0 3.06667vw 0 !important; }
  .page-footer-container .page-footer-update p { margin: 0 auto; font-size: 2.4vw; color: #58595b; }
  .page-footer-container .page-footer-update p:nth-child(2) { display: none; }
  .page-main-body-container { width: 100%; }
  .page-main-body-container.--news-list-page { padding: 25.6vw 6vw 0; }
  .page-main-body-container.--award-page { padding-top: 25.6vw; }
  .page-main-body-container.--about-page { min-height: 100vh; height: auto; padding-top: 25.6vw; }
  .page-main-body-container.--jobs-page { padding-top: 25.6vw; }
  .--projects-list-page .project-list-mask-container { display: none; }
  .--projects-list-page .project-list-main-container { padding-left: 6vw; padding-right: 6vw; }
  .--projects-list-page .project-list-main-container .project-list-category-nav-container { display: none; }
  .--projects-list-page .project-list-main-container .section-item .section-item-img.--full-screen-in-mobile { margin-left: 0 !important; width: 100% !important; }
  .--projects-detail-page .case-banner-container { width: 100%; height: 120vw; }
  .--projects-detail-page .case-banner-container .scroll-wrapper { width: 83.33333vw; height: 15.33333vw; }
  .--projects-detail-page .case-banner-container .scroll-container .line { height: 12.4vw; left: 6.4vw; }
  .--projects-detail-page .case-banner-container .scroll-container .text { font-size: 2.66667vw; left: 7.73333vw; bottom: 3.46667vw; writing-mode: vertical-lr; -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
  .--projects-detail-page .case-main-body { width: 100%; margin: 0; padding: 18.13333vw 0 12.66667vw; }
  .--projects-detail-page .case-main-body .case-text-summary-container { flex-direction: column; width: 100%; padding: 0 6vw; }
  .--projects-detail-page .case-main-body .case-text-summary-container .case-title-container { flex: 1; width: 100%; }
  .--projects-detail-page .case-main-body .case-text-summary-container .case-title-container p:nth-child(1) { font-size: 4.53333vw; }
  .--projects-detail-page .case-main-body .case-text-summary-container .case-title-container p:nth-child(2) { font-size: 4vw; margin-top: 2.13333vw; }
  .--projects-detail-page .case-main-body .case-text-summary-container .case-title-container .line { width: 12vw; bottom: -4.26667vw; }
  .--projects-detail-page .case-main-body .case-text-summary-container .case-summary-container { padding-left: 0; flex: 1; width: 100%; margin-top: 13.46667vw; }
  .--projects-detail-page .case-main-body .case-text-summary-container .case-summary-container p { font-size: 3.2vw; line-height: 5.33333vw; margin-top: 1.5625vw; }
  .--projects-detail-page .case-main-body .case-text-summary-container .case-summary-container p:first-child { margin-top: 0; }
  .--projects-detail-page .case-main-body .case-detail-rich-text-container div.single-img { margin-top: 6vw; background-color: transparent; }
  .--projects-detail-page .case-main-body .case-detail-rich-text-container div.scroll-imgs.--swiper { padding: 0; position: relative; }
  .--projects-detail-page .case-main-body .case-detail-rich-text-container div.scroll-imgs.--swiper .swiper-counts { display: none; position: absolute; bottom: -6vw; left: 50%; font-size: 2.93333vw; color: #191919; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
  .--projects-detail-page .case-main-body .case-detail-rich-text-container div.scroll-imgs.--swiper .swiper-container-scoll-mask { height: 58.66667vw; }
  .--projects-detail-page .case-main-body .case-detail-rich-text-container div.scroll-imgs.--swiper .swiper-container-scoll-mask .swiper-main-body { width: 100%; overflow-x: auto; overflow-y: hidden; white-space: nowrap; font-size: 0; padding: 0 6vw; padding-bottom: 999px; }
  .--projects-detail-page .case-main-body .case-detail-rich-text-container div.scroll-imgs.--swiper .swiper-container-scoll-mask .swiper-main-body img { display: inline-block; zoom: 1; vertical-align: top; height: 58.66667vw; margin-left: 2.8vw; }
  .--projects-detail-page .case-main-body .case-detail-rich-text-container div.scroll-imgs.--swiper .swiper-container-scoll-mask .swiper-main-body img:first-child { margin-left: 0; }
  .--projects-detail-page .case-main-body .case-detail-rich-text-container div.text { padding-left: 0; }
  .--projects-detail-page .case-main-body .case-detail-rich-text-container div.text p { font-size: 3.2vw; line-height: 5.33333vw; }
  .--projects-detail-page .case-main-body .case-detail-rich-text-container div.two-imgs { flex-direction: column; justify-content: flex-start; align-items: flex-start; }
  .--projects-detail-page .case-main-body .case-detail-rich-text-container div.two-imgs img:nth-child(2) { margin-top: 6vw; }
  .--projects-detail-page .case-main-body .case-detail-rich-text-container div.text + div.text { margin-top: 5.33333vw; }
  .--projects-detail-page .case-main-body .case-detail-rich-text-container div.two-imgs + div.text { margin-top: 10.66667vw; }
  .--projects-detail-page .case-main-body .case-detail-rich-text-container div.single-img + div.text { margin-top: 10.66667vw; }
  .--projects-detail-page .case-main-body .case-detail-rich-text-container div.scroll-imgs + div.text { margin-top: 10.66667vw; }
  .--projects-detail-page .case-main-body .case-detail-rich-text-container div.text + div.two-imgs { margin-top: 10.66667vw; }
  .--projects-detail-page .case-main-body .case-detail-rich-text-container div.text + div.single-img { margin-top: 10.66667vw; }
  .--projects-detail-page .case-main-body .case-detail-rich-text-container div.text + div.scroll-imgs { margin-top: 10.66667vw; }
  .--projects-detail-page .case-main-body .case-detail-rich-text-container div.scroll-imgs + div.p { margin-top: 11.86667vw; }
  .--projects-detail-page .case-main-body .case-detail-rich-text-container div.p { width: 100%; padding: 0 6vw; }
  .--projects-detail-page .case-main-body .case-detail-rich-text-container div.p img { width: 100%; }
  .--projects-detail-page .case-main-body .case-base-info-container-main-body { width: 100%; padding: 0 6vw; margin-top: 8.4vw; }
  .--projects-detail-page .case-main-body .case-base-info-container-main-body .info-row { flex-direction: column; justify-content: flex-start; align-items: flex-start; margin-top: 2vw; }
  .--projects-detail-page .case-main-body .case-base-info-container-main-body .info-row .info-main-body { border: 0; padding: 0; }
  .--projects-detail-page .case-main-body .case-base-info-container-main-body .info-row .info-main-body:nth-child(2) { text-align: left; padding-right: 0; margin-top: 2vw; }
  .--projects-detail-page .case-main-body .case-base-info-container-main-body .info-row .info-main-body p { font-size: 3.2vw; }
  .--projects-detail-page .case-main-body .case-base-info-container-main-body .info-row .info-main-body p:nth-child(2) { margin-top: 2vw; }
  .--index-page .page-main-bone-container { padding: 0; }
  .--index-page .index-nav-container { display: none; }
  .--index-page .index-cases-container .case-item .index-bottom { position: absolute; bottom: 0; left: 0; width: 100%; height: 12.93333vw; background-color: #fff; font-size: 2.93333vw; font-family: "avantgrade-bt-book", sans-serif; line-height: 12.93333vw; color: #191919; text-align: center; text-transform: uppercase; }
  .--index-page .index-cases-container .case-item .case-item-text:hover p:nth-child(2) span { -moz-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; }
  .--index-page .index-cases-container .case-item .case-item-text:hover p:nth-child(2)::before { -moz-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; }
  .--index-page .index-cases-container .case-item .case-item-text:hover p:nth-child(2)::after { -moz-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; }
  .--index-page .index-cases-container .case-item .case-item-text p { line-height: 1.5; }
  .--index-page .index-cases-container .case-item .case-item-text p br { display: block; }
  .--index-page .index-cases-container .case-item .case-item-text p:nth-child(1) { font-size: 6.66667vw; }
  .--index-page .index-cases-container .case-item .case-item-text p:nth-child(2) { font-size: 2.93333vw; width: 53.6vw; }
  .--index-page .index-cases-container .case-item .case-item-text p:nth-child(2)::before, .--index-page .index-cases-container .case-item .case-item-text p:nth-child(2)::after { width: 12.4vw; }
  .--jobs-page .jobs-container { padding: 0 6vw 0; }
  .--jobs-page .jobs-main-body { padding-top: 0; display: block; }
  .--jobs-page .jobs-main-body .jobs-title-container { display: none; }
  .--jobs-page .jobs-main-body .page-title-for-mobile { font-size: 5.86667vw; color: #191919; font-family: "avantgrade-bt-book", sans-serif; text-transform: uppercase; text-align: right; }
  .--jobs-page .jobs-main-body .jobs-content-container { padding-left: 0; width: 100%; margin-top: 13.33333vw; padding-bottom: 12.8vw; }
  .--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container { display: block; width: 100%; }
  .--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item { width: 100%; min-height: 35.33333vw; margin-right: 0; margin-bottom: 0; margin-top: 2.93333vw; }
  .--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item:first-child { margin-top: 0; }
  .--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item.--open { height: auto; border-color: #191919; }
  .--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item.--open .jobs-inner-container { width: 100%; top: 0 !important; left: 0 !important; border: 0 !important; right: 0 !important; bottom: 0 !important; }
  .--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item.--open .jobs-inner-container .job-base-info { top: 7.6vw; left: 5.6vw; }
  .--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item.--open .jobs-inner-container .job-require { padding-top: 30.66667vw; padding-left: 5.6vw; }
  .--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item.--open .jobs-inner-container .job-require .require-title:nth-child(1) { top: 23.46667vw; left: 5.6vw; }
  .--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item.--open .jobs-inner-container .job-require .require-title:nth-child(3) { -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
  .--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item.--open .jobs-inner-container .job-require .require-content:nth-child(2) { margin-top: 0; }
  .--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item.--open .jobs-inner-container .job-show-bt::before, .--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item.--open .jobs-inner-container .job-show-bt::after { background-color: #191919; }
  .--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item .jobs-inner-container { position: relative; }
  .--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item .jobs-inner-container .job-base-info { padding: 0.8vw 0; top: 6.8vw; }
  .--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item .jobs-inner-container .job-base-info .job-name.en { font-size: 3.73333vw; }
  .--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item .jobs-inner-container .job-base-info .job-name.cn { font-size: 3.73333vw; margin-top: 1.73333vw; }
  .--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item .jobs-inner-container .job-require { padding-bottom: 5.33333vw; padding-right: 5.33333vw; }
  .--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item .jobs-inner-container .job-require .require-content { margin-top: 3.6vw; }
  .--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item .jobs-inner-container .job-require .require-content:nth-child(2) { margin-top: 0; }
  .--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item .jobs-inner-container .job-require .require-title { font-size: 3.2vw; line-height: 1; padding: 0.93333vw 0; }
  .--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item .jobs-inner-container .job-require .require-title:nth-of-type(1) { top: 23.06667vw; }
  .--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item .jobs-inner-container .job-require .require-title:nth-child(3) { margin-top: 4.8vw; -moz-transition: none; -o-transition: none; -webkit-transition: none; transition: none; }
  .--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item .jobs-inner-container .job-require .require-content p { font-size: 2.93333vw; line-height: 5.06667vw; padding-left: 2vw; }
  .--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item .jobs-inner-container .job-require .require-content p::before { width: 1.2vw; height: 1.2vw; top: 1.86667vw; }
  .--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item .jobs-inner-container .job-show-bt { width: 7.46667vw; height: 7.46667vw; top: 3.06667vw; right: 3.2vw; left: initial; opacity: 1; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
  .--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item .jobs-inner-container .job-show-bt::before, .--jobs-page .jobs-main-body .jobs-content-container .jobs-main-content-container .jobs-item .jobs-inner-container .job-show-bt::after { background-color: #ccc; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; }
  .--jobs-page .jobs-main-body .jobs-content-container .jobs-contact-container { flex-direction: column; justify-content: flex-start; align-items: flex-start; margin-top: 12vw; }
  .--jobs-page .jobs-main-body .jobs-content-container .jobs-contact-container .__title { flex: 0; border: 0; }
  .--jobs-page .jobs-main-body .jobs-content-container .jobs-contact-container .__title > div { margin-top: 0; }
  .--jobs-page .jobs-main-body .jobs-content-container .jobs-contact-container .__title > div p:nth-child(1) { font-size: 4vw; }
  .--jobs-page .jobs-main-body .jobs-content-container .jobs-contact-container .__title > div p:nth-child(2) { font-size: 3.73333vw; margin-top: 1.33333vw; }
  .--jobs-page .jobs-main-body .jobs-content-container .jobs-contact-container .__content { padding: 0; width: 100%; margin-top: 4.66667vw; }
  .--jobs-page .jobs-main-body .jobs-content-container .jobs-contact-container .__content .__content__main_body { border: 0; }
  .--jobs-page .jobs-main-body .jobs-content-container .jobs-contact-container .__content .__content__main_body:nth-child(1) { display: none; }
  .--jobs-page .jobs-main-body .jobs-content-container .jobs-contact-container .__content .__content__main_body:nth-child(2) { display: flex; }
  .--jobs-page .jobs-main-body .jobs-content-container .jobs-contact-container .__content .__content__main_body > div { padding-top: 0; font-size: 3.46667vw; line-height: 5.06667vw; position: relative; }
  .--jobs-page .jobs-main-body .jobs-content-container .jobs-contact-container .__content .__content__main_body > div:nth-child(1) { flex: 0 0 41.73333vw; }
  .--jobs-page .jobs-main-body .jobs-content-container .jobs-contact-container .__content .__content__main_body > div:nth-child(1):before { content: ""; position: absolute; width: 1px; height: 100%; background-color: #cbcbcb; top: 0; right: 0; }
  .--jobs-page .jobs-main-body .jobs-content-container .jobs-contact-container .__content .__content__main_body > div:nth-child(2) { padding-left: 7.33333vw; }
  .--contact-page .contact-wrapper { padding: 0 6vw; }
  .--contact-page .contact-main-container { flex-direction: column; -webkit-flex-direction: column; justify-content: flex-end; align-items: flex-start; flex-wrap: nowrap; padding-bottom: 5.6vw; padding-top: 25.6vw; position: relative; }
  .--contact-page .contact-main-container .contact-info-container { width: 100%; flex: none; padding-bottom: 11.2vw;position: absolute; position:absolute; }
  .--contact-page .contact-main-container .contact-info-container .page-title-for-mobile { font-size: 5.86667vw; color: #191919; font-family: "avantgrade-bt-book", sans-serif; text-transform: uppercase; text-align: right; position: absolute; top: 25.6vw; right: 0; }
  .--contact-page .contact-main-container .contact-info-container .contact-info-item { margin-top: 2.66667vw; }
  .--contact-page .contact-main-container .contact-info-container .contact-info-item p { font-size: 3.2vw; line-height: 4.66667vw; margin-top: 0; }
  .--contact-page .contact-main-container .contact-info-container .contact-info-item.--divide-line { display: none; }
  .--contact-page .contact-main-container .contact-info-container .page-title-for-mobile + .contact-info-item { margin-top: 0; }
  .--contact-page .contact-main-container .contact-swiper-container { width: 100%; flex: 0 0 66.66667vw; height: auto;display:none }
  .--contact-page .contact-main-container .contact-swiper-container .contact-swiper-main-container { height: 66.66667vw; }
  .--contact-page .contact-main-container .contact-swiper-container .contact-info-title { display: none; }
  .--about-page .about-main-content-container .about-main-content-sections .--company-createor-detail-container { position: fixed; top: 0; left: 0; background-color: #fff; width: 100%; height: 100vh; overflow: hidden; z-index: 99; }
  .--about-page .about-main-content-container .about-main-content-sections .--company-createor-detail-container .section-main-container { width: 100%; height: 100%; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; }
  .--about-page .about-main-content-container .about-main-content-sections .--company-createor-detail-container .section-main-container .section_title.--back { padding-top: 8px; position: absolute; top: 163.2vw; right: 6.13333vw; margin-top: 0; }
  .--about-page .about-main-content-container .about-main-content-sections .--company-createor-detail-container .section-main-container .section_title.--back .line { width: 14.13333vw; }
  .--about-page .about-main-content-container .about-main-content-sections .--company-createor-detail-container .createor-detail-container { margin-top: 0; flex-direction: column; width: 100%; padding: 43.2vw 6.13333vw 19.6vw; }
  .--about-page .about-main-content-container .about-main-content-sections .--company-createor-detail-container .createor-detail-container .createor-detail-img { width: 87.73333vw; height: auto; flex: 1; font-size: 0; }
  .--about-page .about-main-content-container .about-main-content-sections .--company-createor-detail-container .createor-detail-container .createor-detail-img img { width: 100%; position: relative; top: 0; -moz-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; }
  .--about-page .about-main-content-container .about-main-content-sections .--company-createor-detail-container .createor-detail-container .createor-detail-text { flex: 1; padding: 9.86667vw 0 0 0; }
  .--about-page .about-main-content-container .about-main-content-sections .--company-createor-detail-container .createor-detail-container .createor-detail-text .createor-base-info-container p { line-height: 5.86667vw; }
  .--about-page .about-main-content-container .about-main-content-sections .--company-createor-detail-container .createor-detail-container .createor-detail-text .createor-base-info-container p.name { font-size: 4vw; }
  .--about-page .about-main-content-container .about-main-content-sections .--company-createor-detail-container .createor-detail-container .createor-detail-text .createor-base-info-container p.job { font-size: 3.2vw; }
  .--about-page .about-main-content-container .about-main-content-sections .--company-createor-detail-container .createor-detail-container .createor-detail-text .createor-summary-container { width: 100%; height: auto; max-height: initial; margin-top: 9.46667vw; }
  .--about-page .about-main-content-container .about-main-content-sections .--company-createor-detail-container .createor-detail-container .createor-detail-text .createor-summary-container p { font-size: 3.2vw; line-height: 5.06667vw; margin-top: 2.66667vw; }
  .--about-page .about-main-content-container .about-main-content-sections .section-item-container .section-main-container .section_title { font-size: 5.86667vw; color: #191919; height: auto; }
  .--about-page .about-main-content-container .about-main-content-sections .swiper-container { height: auto; }
  .--about-page .about-main-content-container .about-main-content-sections .swiper-container .swiper-wrapper { flex-direction: column; justify-content: flex-start; align-items: flex-start; transform: none; perspective: none; filter: none; }
  .--about-page .about-main-content-container .about-main-content-sections .swiper-container .swiper-wrapper .swiper-slide { min-height: 100vh; width: 100%; padding: 0 6vw; }
  .--about-page .about-main-content-container .about-main-content-sections .swiper-container .swiper-wrapper .swiper-slide:nth-child(2) { background-color: #fff !important; }
  .--about-page .about-main-content-container .about-main-content-sections .--company-desc-container { flex-direction: column; justify-content: flex-start; align-items: flex-start; padding-top: 0 !important; }
  .--about-page .about-main-content-container .about-main-content-sections .--company-desc-container .company-desc-imgs-container { width: 87.86667vw; flex: 0 0 42.8vw; padding-top: 0; margin-top: 0; display: none; }
  .--about-page .about-main-content-container .about-main-content-sections .--company-desc-container .company-desc-imgs-container .company-desc-img-swiper-container { width: 87.86667vw; height: 42.8vw; }
  .--about-page .about-main-content-container .about-main-content-sections .--company-desc-container .company-desc-text-container { padding: 0; color: #191919; }
  .--about-page .about-main-content-container .about-main-content-sections .--company-desc-container .company-desc-text-container .about-detail-img-for-mobile { width: 87.86667vw; height: 42.8vw; background: url("../images/as-1.jpg") no-repeat center top; background-size: cover; margin-top: 12.93333vw; }
  .--about-page .about-main-content-container .about-main-content-sections .--company-desc-container .company-desc-text-container .about-text-container { padding-top: 6.93333vw !important; }
  .--about-page .about-main-content-container .about-main-content-sections .--company-desc-container .company-desc-text-container .about-text-container p { font-size: 3.2vw; line-height: 5.33333vw; margin-top: 1.73333vw; }
  .--about-page .about-main-content-container .about-main-content-sections .slide-side-container { display: none; }
  .--about-page .about-main-content-container .about-main-content-sections .--company-createor-container { padding: 0 !important; margin-top: 18.26667vw; }
  .--about-page .about-main-content-container .about-main-content-sections .--company-createor-container .company-inner .section-main-container { width: 100%; height: 100%; }
  .--about-page .about-main-content-container .about-main-content-sections .--company-createor-container .company-inner .section-main-container .company-createor-lists { margin-top: 16.53333vw; height: auto; }
  .--about-page .about-main-content-container .about-main-content-sections .--company-createor-container .company-inner .section-main-container .company-createor-lists .company-createor-lists-wrapper { flex-wrap: wrap; }
  .--about-page .about-main-content-container .about-main-content-sections .--company-createor-container .company-inner .section-main-container .company-createor-lists .company-createor-lists-wrapper .company-createor-item { flex: 0 0 50%; height: 70.8vw; }
  .--about-page .about-main-content-container .about-main-content-sections .--company-cooperation-container { padding-top: 0; margin-top: 18.26667vw; }
  .--about-page .about-main-content-container .about-main-content-sections .--company-cooperation-container .section-main-container { padding: 0; }
  .--about-page .about-main-content-container .about-main-content-sections .--company-cooperation-container .section-main-container .cooperation-unit-container { margin-top: 20.8vw; }
  .--about-page .about-main-content-container .about-main-content-sections .--company-cooperation-container .section-main-container .cooperation-unit-container .cooperation-unit-container-row { flex-wrap: wrap; }
  .--about-page .about-main-content-container .about-main-content-sections .--company-cooperation-container .section-main-container .cooperation-unit-container .cooperation-unit-container-row .cooperation-unit-item { flex: 0 0 33.33%; height: 19.46667vw; }
  .--about-page .about-main-content-container .about-main-content-sections .--company-cooperation-container .section-main-container .cooperation-unit-container .cooperation-unit-container-row .cooperation-unit-item img { width: 75%; }
  .--about-page .about-main-content-container .about-main-content-sections .--company-cooperation-container .section-main-container .cooperation-unit-container .cooperation-unit-container-row .cooperation-unit-item:nth-child(-n + 5) { border-top: 0; }
  .--about-page .about-main-content-container .about-main-content-sections .--company-cooperation-container .section-main-container .cooperation-unit-container .cooperation-unit-container-row .cooperation-unit-item:nth-child(-n + 3) { border-top: 1px solid #e5e5e5; }
  .--about-page .about-main-content-container .about-main-content-sections .--company-cooperation-container .section-main-container .cooperation-unit-container .cooperation-unit-container-row .cooperation-unit-item:nth-child(5n + 1) { border-left: 0; }
  .--about-page .about-main-content-container .about-main-content-sections .--company-cooperation-container .section-main-container .cooperation-unit-container .cooperation-unit-container-row .cooperation-unit-item:nth-child(3n + 1) { border-left: 1px solid #e5e5e5; }
  .--award-page .award-container { padding: 0 6vw; }
  .--award-page .award-container-title { font-size: 5.86667vw; color: #191919; font-family: "avantgrade-bt-book", sans-serif; text-transform: uppercase; text-align: right; }
  .--award-page .award-imgs-container { margin-top: 13.33333vw; }
  .--award-page .award-imgs-container .award-imgs-wrapper { flex-wrap: wrap; justify-content: space-around; }
  .--award-page .award-imgs-container .award-imgs-wrapper .award-item { flex: 0 0 27% !important; margin-bottom: 9.33333vw; margin-right: 0; }
  .--award-page .award-imgs-container .award-imgs-wrapper .award-item img { width: 80%; }
  .--award-page .award-main-container { padding-top: 13.33333vw; }
  .--award-page .award-main-container .award-line-container { margin-top: 10.66667vw; }
  .--award-page .award-main-container .award-line-container .award-content { padding-left: 0; }
  .--award-page .award-main-container .award-line-container .award-content .sub-year-title { width: 100%; padding-bottom: 5.33333vw; }
  .--award-page .award-main-container .award-line-container .award-content .sub-year-title .ayt-container { padding-top: 2.66667vw; font-size: 5.06667vw; }
  .--award-page .award-main-container .award-line-container .award-content .award-content-wrapper { flex-direction: column; justify-content: flex-start; align-items: flex-start; }
  .--award-page .award-main-container .award-line-container .award-content .award-content-wrapper .award-row { border-top-width: 0; width: 100%; padding-top: 0; margin-left: 0; margin-top: 2.4vw; }
  .--award-page .award-main-container .award-line-container .award-content .award-content-wrapper .award-row:first-child { margin-top: 0; }
  .--award-page .award-main-container .award-line-container .award-content .award-content-wrapper .award-row:first-child .award-item:first-child { border-top: 1px solid #ccc; border-top: 0; padding-top: 0; }
  .--award-page .award-main-container .award-line-container .award-content .award-content-wrapper .award-row .award-item { margin-top: 0; }
  .--award-page .award-main-container .award-line-container .award-content .award-content-wrapper .award-row .award-item p { font-size: 3.2vw; line-height: 1.3; }
  .--award-page .award-main-container .award-line-container .award-content .award-content-wrapper .award-row .award-item p:nth-child(2) { margin-top: 0.66667vw; }
  .--news-detail-page .news-detail-container .news-list-scroll-container { display: none; }
  .--news-detail-page .news-detail-container .news-detail-main-wrapper { padding-left: 0; }
  .--news-detail-page .news-detail-container .news-detail-main-wrapper .news-detail-main-body .news-detail-cover .detail-info-container ._publish { font-size: 2.93333vw; }
  .--news-detail-page .news-detail-container .news-detail-main-wrapper .news-detail-main-body .news-detail-cover .detail-info-container ._title { font-size: 4vw; margin-top: 3.06667vw; }
  .--news-detail-page .news-detail-container .news-detail-main-wrapper .news-detail-main-body .news-detail-main-content-container { margin-top: 10.93333vw; }
  .--news-detail-page .news-detail-container .news-detail-main-wrapper .news-detail-main-body .news-detail-main-content-container .__detail__container { padding: 0 6vw 28.13333vw; }
  .--news-detail-page .news-detail-container .news-detail-main-wrapper .news-detail-main-body .news-detail-main-content-container .__detail__container div.p.text { font-size: 3.2vw; line-height: 5.33333vw; padding: 0 2.8vw 0 0; }
  .--news-detail-page .news-detail-container .news-detail-main-wrapper .news-detail-main-body .news-detail-main-content-container .__detail__container div.p.img i { font-size: 2.4vw; bottom: -5.33333vw; left: 0; }
  .--news-detail-page .news-detail-container .news-detail-main-wrapper .news-detail-main-body .news-detail-main-content-container .__detail__container div.text + div.text { margin-top: 6vw; }
  .--news-detail-page .news-detail-container .news-detail-main-wrapper .news-detail-main-body .news-detail-main-content-container .__detail__container div.text + div.img { margin-top: 10.8vw; }
  .--news-detail-page .news-detail-container .news-detail-main-wrapper .news-detail-main-body .news-detail-main-content-container .__detail__container div.text + div.video { margin-top: 10.8vw; }
  .--news-detail-page .news-detail-container .news-detail-main-wrapper .news-detail-main-body .news-detail-main-content-container .__detail__container div.img + div.img { margin-top: 4.66667vw; }
  .--news-detail-page .news-detail-container .news-detail-main-wrapper .news-detail-main-body .news-detail-main-content-container .__detail__container div.img + div.text { margin-top: 10.93333vw; }
  .--news-detail-page .news-detail-container .news-detail-main-wrapper .news-detail-main-body .news-detail-main-content-container .__detail__container div.img + div.video { margin-top: 4.66667vw; }
  .--news-detail-page .news-detail-container .news-detail-main-wrapper .news-detail-main-body .news-detail-main-content-container .__detail__container div.video + div.text { margin-top: 10.8vw; }
  .--news-detail-page .news-detail-container .news-detail-main-wrapper .news-detail-main-body .news-detail-main-content-container .__detail__container div.video + div.img { margin-top: 4.66667vw; }
  .--news-detail-page .news-detail-container .news-detail-main-wrapper .news-detail-main-body .news-detail-main-content-container .__detail__container div.video + div.video { margin-top: 4.66667vw; }
  .--news-list-page .news-list-container-2 .latest-news-container { display: none; }
  .--news-list-page .news-list-container-2 .gnd-news-container { padding-right: 0; }
  .--news-list-page .news-list-container-2 .gnd-news-container .gnd-news-container-title { font-size: 5.86667vw; color: #191919; line-height: 1; opacity: 1; }
  .--news-list-page .news-list-container-2 .gnd-news-container .gnd-news-main-body { margin-top: 13.2vw; justify-content: space-between; }
  .--news-list-page .news-list-container-2 .gnd-news-container .gnd-news-main-body .gnd-news-line { flex: 0 0 42.26667vw; }
  .--news-list-page .news-list-container-2 .gnd-news-container .gnd-news-main-body .gnd-news-line:nth-child(1) .gnd-news-item .gnd-news-cover img { height: 34.13333vw; }
  .--news-list-page .news-list-container-2 .gnd-news-container .gnd-news-main-body .gnd-news-line:nth-child(2) .gnd-news-item .gnd-news-cover img { height: 28.13333vw; }
  .--news-list-page .news-list-container-2 .gnd-news-container .gnd-news-main-body .gnd-news-line .gnd-news-item { margin-top: 7.2vw; }
  .--news-list-page .news-list-container-2 .gnd-news-container .gnd-news-main-body .gnd-news-line .gnd-news-item .gnd-news-cover { height: auto !important; }
  .--news-list-page .news-list-container-2 .gnd-news-container .gnd-news-main-body .gnd-news-line .gnd-news-item:hover .gnd-news-cover img { -moz-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; }
  .--news-list-page .news-list-container-2 .gnd-news-container .gnd-news-main-body .gnd-news-line .gnd-news-item .gnd-news-publish { display: none; }
  .--news-list-page .news-list-container-2 .gnd-news-container .gnd-news-main-body .gnd-news-line .gnd-news-item .gnd-news-publish--for-mobile { font-size: 2.93333vw; font-family: "avantgrade-bt-book", sans-serif; color: #696969; margin-top: 2.53333vw; }
  .--news-list-page .news-list-container-2 .gnd-news-container .gnd-news-main-body .gnd-news-line .gnd-news-item .gnd-news-title { font-size: 3.2vw; line-height: 1.6; margin-top: 3.33333vw; max-height: 9.33333vw; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .--news-list-page .news-list-container-2 .gnd-news-container .gnd-news-main-body .gnd-news-line .gnd-news-item .gnd-news-content { display: none; } }


  .index-bottom2 {width: 100%; height: 30px; text-align: center; background-color: rgba(247,247,247,0.9); }
  .index-bottom2 li { list-style-type: none; display: inline; line-height: 30px;float: left; position: relative; display: block; padding: 0px 10px; cursor: pointer;}
  .index-bottom2 .active { font-weight: bold;}
  .just-for-pc { display: block;}
  @media screen and (max-width: 750px) { 
      body.navOnShow { overflow: hidden; }
      .just-for-pc { display: none !important; }
}
.crodHome {
    font-size:10px;
    margin-right:1vw;
    color:#999;
}

#team-des p {color: #fff}
#team-des p {
    line-height: 4vw;
}
#team-des > div { display:none}
/*在设备屏幕宽度大于或等于指定值的情况下应用*/
@media screen and (min-width: 480px) {
    .team-sologan {
        font-size: 1vw !important;
        line-height: 2vw !important;
    }

    .team-sologan2 {
        font-size: 1vw !important;
        line-height: 2vw !important;
    }

    #team-des {
        font-size: 0.78125vw;
    }
    #team-des p { 
        line-height: 1.6vw;
    }
    #team-des > div {
        display: block
    }
}
/*
#company-detail {
    visibility: visible
}*/
.createor-detail-container1 {
    margin-top: 5.57292vw;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0 1.88542vw;
}
@media screen and (max-width: 750px) {
    .createor-detail-container1 {
        flex-wrap: wrap;
        align-items:center;
    }

    #company-detail {
        position: absolute;
        background-color: #f5f5f5;
    }
}

.index-sologan {
    color: #fff;
    text-align: center
}
.index-sologan-1 {
    position: absolute;
    top: 20vw;
    width: 100%;
    font-size: 30px
}
.index-sologan-2 {
    position: absolute;
    top: 23vw;
    width: 100%;
    font-size: 30px
}

@media screen and (max-width: 750px) {
    .index-sologan-1 {
        position: absolute;
        top: 40%;
        width: 100%;
        font-size: 20px
    }

    .index-sologan-2 {
        position: absolute;
        top: 50%;
        width: 100%;
        font-size: 20px
    }
}

.createor-base-info-container {
    font-size: 0.78125vw;
    line-height: 1.6vw !important;
}