@font-face {
  font-family: "goaslab";
  src: url(../fonts/goaslab-light.woff2) format("woff2"), url(../fonts/goaslab-light.woff) format("woff");
  font-weight: normal;
}
@font-face {
  font-family: "goaslab";
  src: url(../fonts/goaslab-regular.woff2) format("woff2"), url(../fonts/goaslab-regular.woff) format("woff");
  font-weight: bold;
}
@font-face {
  font-family: "GOA-Icons";
  src: url("../fonts/goa-icons.ttf") format("truetype"), url("../fonts/goa-icons.woff") format("woff"), url("../fonts/goa-icons.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@keyframes burgeTopDown {
  0% {
    top: 0;
    transform: rotate(0);
  }
  100% {
    top: 4px;
    transform: rotate(45deg);
  }
}
@keyframes burgeTopUp {
  0% {
    top: 4px;
    transform: rotate(45deg);
  }
  100% {
    top: 0;
    transform: rotate(0);
  }
}
@keyframes burgeBottomDown {
  0% {
    top: 10px;
    transform: rotate(0);
  }
  100% {
    top: -4px;
    transform: rotate(-45deg);
  }
}
@keyframes burgeBottomUp {
  0% {
    top: -4px;
    transform: rotate(-45deg);
  }
  100% {
    top: 10px;
    transform: rotate(0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes shadowShow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    display: block;
  }
}
@keyframes shadowHide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
  }
}
@keyframes slideInRight {
  0% {
    right: -300px;
  }
  100% {
    right: 40px;
  }
}
@keyframes slideOutRight {
  0% {
    right: 40px;
  }
  100% {
    right: -300px;
  }
}
@keyframes slideInRightResp {
  0% {
    right: -300px;
  }
  100% {
    right: 5px;
  }
}
@keyframes slideOutRightResp {
  0% {
    right: 5px;
  }
  100% {
    right: -300px;
  }
}
@keyframes pfilterInRight {
  0% {
    right: -320px;
  }
  100% {
    right: 0;
  }
}
@keyframes pfilterOutRight {
  0% {
    right: 0;
  }
  100% {
    right: -320px;
  }
}
@keyframes searchOpen {
  0% {
    width: 0;
    opacity: 0;
  }
  100% {
    width: 320px;
    opacity: 1;
  }
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

.clearfix:after {
  content: " ";
  display: table;
  height: 0;
  clear: both;
  visibility: hidden;
}

p {
  margin: 0;
  padding: 0;
}

a,
a:hover,
a:visited {
  color: #000;
  text-decoration: none;
}

.slide {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-size: cover;
  background-position: center;
  background-color: #333;
}
.slide.lazyload {
  opacity: 0;
  transform: scale(1.03);
  transition: opacity 0.4s ease-out 0.2s, transform 0.4s ease-out 0.2s;
}
.slide.lazyload.loaded {
  opacity: 1;
  transform: scale(1);
  -webkit-transform: scale(1);
}

[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "GOA-Icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow_a_up:before {
  content: "\e900";
}

.icon-arrow_right:before {
  content: "\e902";
}

.icon-arrow_a_down:before {
  content: "\e903";
}

.icon-arrow_a_left:before {
  content: "\e904";
}

.icon-arrow_b_up:before {
  content: "\e905";
}

.icon-arrow_b_right:before {
  content: "\e906";
}

.icon-arrow_b_down:before {
  content: "\e907";
}

.icon-arrow_b_left:before {
  content: "\e908";
}

.icon-blank:before {
  content: "\e901";
}

.icon-email:before {
  content: "\e909";
}

.icon-call:before {
  content: "\e90a";
}

.icon-play:before {
  content: "\e90b";
}

.icon-info:before {
  content: "\e90c";
}

.icon-error:before {
  content: "\e90d";
}

.icon-lang:before {
  content: "\e90e";
}

.icon-more:before {
  content: "\e90f";
}

.icon-less:before {
  content: "\e910";
}

.icon-menu:before {
  content: "\e911";
}

.icon-close:before {
  content: "\e912";
}

.icon-search:before {
  content: "\e913";
}

.icon-zoom_in:before {
  content: "\e914";
}

.icon-zoom_out:before {
  content: "\e915";
}

.icon-filter:before {
  content: "\e916";
}

.icon-fullscreen:before {
  content: "\e917";
}

.icon-qr:before {
  content: "\e918";
}

body {
  color: #000;
 font-family:"宋体";
  -webkit-font-smoothing: antialiased;
  background-color: #fff;
  font-size: 16px;
  line-height: 22px;
  font-feature-settings: "ss01";
}
body.zh .zh {
  letter-spacing: 0.075em;
  font-size: 24px;
    font-family:"宋体";
}
body.zh .en {
  display: none;
}
body.en .zh {
  display: none;
}
body.en .en {
  letter-spacing: 0.025em;
}
body.en .wrapper .projects .item .info .en-t {
  font-size: 2vw;
  max-width: 100%;
}
body.en .wrapper .projects.col3 .item .info .en-t {
  font-size: 2vw;
}
body.en .wrapper .projects-f-w .item .info .en-t {
  font-size: 2vw;
  max-width: 100%;
}
body.en .wrapper .principal-l-w .item .info .en-t {
  font-size: 1.75vw;
  line-height: 1.14;
}
body.en .wrapper .principal-l-w .item .info .en-t br {
  display: inline-block;
}
body.en .wrapper .principal-w .ppw .cover .info .pname .en-t {
  font-size: 4.5vw;
  line-height: 1.11;
}
body.en .wrapper .principal-w .ppw .cover .info .pname .en-t br {
  display: inline-block;
}

.en-t,
.wrapper .index-w .index-slides .shdw-cover .s-words,
.wrapper .menu .menu-f,
.wrapper .project-w .m-cover .info .prj-name,
.wrapper .pfilter .ftt,
.wrapper .story-w .m-cover .info .tt,
.wrapper .principal-w .ppw .cover .info .pname .en,
.wrapper .recommend .rtt,
.wrapper .w404 .tt404,
.wrapper .events-w .news-f .info,
.wrapper .news-w .m-cover .info {
  font-feature-settings: normal;
}

.plyr__control--overlaid {
  background-color: rgba(255, 255, 255, 0.6) !important;
}

.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
  background-color: rgba(255, 255, 255, 0.8) !important;
}

.font-en {
  font-family: "goaslab", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", "SimHei", sans-serif;
}

.hide {
  display: none !important;
}

.no-scroll {
  overflow: hidden;
}

img {
  vertical-align: middle;
}
img.lazyload {
  opacity: 0;
  transform: scale(1.03);
  transition: opacity 0.4s ease-out 0.2s, transform 0.4s ease-out 0.2s;
}
img.lazyload.loaded {
  opacity: 1;
  transform: scale(1);
  -webkit-transform: scale(1);
}

.flash-move {
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateY(100px);
  transition: all 0.8s;
}

.flash-move.move-on {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateY(0);
  transition: all 0.7s;
}

.shadow {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  background-color: #2D2D2D;
  opacity: 0;
  display: none;
}
.shadow.open {
  display: block;
  animation-name: shadowShow;
  animation-duration: 0.4s;
  animation-fill-mode: both;
}
.shadow.close {
  display: block;
  animation-name: shadowHide;
  animation-duration: 0.4s;
  animation-fill-mode: both;
}
.shadow.qr-shadow {
  z-index: 18;
}
.shadow.qr-shadow .close {
  position: absolute;
  left: 2.7em;
  top: 20px;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}
.shadow.qr-shadow .shadow-w {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.shadow.qr-shadow .shadow-w .qr-w {
  width: 10vw;
  height: 10vw;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.shadow.qr-shadow .shadow-w .qr-w img {
  width: 95%;
}

.loading-w {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
  background-color: #fff;
}
.loading-w .loading_inner {
  position: absolute;
  width: 100%;
  bottom: 2.03rem;
  right: 8.5333333333vw;
}
.loading-w .loading_inner svg {
  position: absolute;
  right: 0;
  bottom: 0;
  width: auto !important;
  height: 10.9vw !important;
}

.selector-i {
  display: none;
  position: absolute;
  width: 100%;
  top: 42px;
  left: 0;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 2px 10px 18px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.selector-i .option {
  height: 32px;
  padding-right: 22px;
  color: #000;
  line-height: 32px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  width: 100%;
  border-bottom: 1px rgba(0, 0, 0, 0.05) solid;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.selector-i .option:last-child {
  border-bottom: none;
}
.selector-i .option:hover, .selector-i .option.active {
  background-color: #ddd;
  color: #000 !important;
}

.display-pc {
  display: block;
}

.display-pc-inline {
  display: inline-block;
}

.not-display-pc {
  display: none;
}

.wrapper {
  width: 100%;
}
.wrapper .topbar {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.wrapper .topbar .icon-tt {
  position: relative;
  font-size: 28px;
  color: #464646;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  width: 60px;
  height: 60px;
  cursor: pointer;
  background-color: transparent;
  border: none;
  outline: none;
}
.wrapper .topbar .icon-tt:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  transform: scale(0);
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.wrapper .topbar .icon-tt:hover:after {
  background-color: rgba(0, 0, 0, 0.1);
  transform: scale(1);
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.wrapper .topbar .header__bar--menu {
  position: fixed;
  left: 3em;
  top: 20px;
  z-index: 17;
}
.wrapper .topbar .header__bar--lang {
  position: fixed;
  left: 9rem;
  top: 20px;
  z-index: 17;
  display:none;
  cursor: pointer;
}
.wrapper .topbar .header__bar--lang .icon-lang {
  position: relative;
  font-size: 18px;
  color: #fff;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  width: 40px;
  height: 40px;
  cursor: pointer;
  background-color: transparent;
  border: none;
  outline: none;
}
.wrapper .topbar .header__bar--lang .lang {
  color: #fff;
  vertical-align: bottom;
  line-height: 40px;
  display: inline-block;
}
.wrapper .topbar .header__bar--lang .lang i {
  font-size: 14px;
  margin-left: 10px;
}
.wrapper .topbar .header__bar--search {
  position: fixed;
  right: 3em;
  top: 20px;
  z-index: 13;
}
.wrapper .topbar .header__bar--search .icon-search {
  position: relative;
  right: 0;
}
.wrapper .topbar .header__bar--search .search-bar {
  height: 40px;
  width: 0;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
}
.wrapper .topbar .header__bar--search .search-bar .search-txt {
  -webkit-appearance: none;
  border: none;
  outline: none;
  position: absolute;
  width: 100%;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  color: #fff;
  padding: 0 56px;
  font-size: 16px;
}
.wrapper .topbar .header__bar--search .search-bar .search-txt::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.wrapper .topbar .header__bar--search .search-bar .search-txt::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.wrapper .topbar .header__bar--search .search-bar .icon-ll {
  position: absolute;
  left: 20px;
  line-height: 40px;
  top: 0;
  font-size: 18px;
  color: #fff;
  width: 16px;
}
.wrapper .topbar .header__bar--search.is-active {
  z-index: 18;
}
.wrapper .topbar .header__bar--search.is-active .search-bar {
  animation-name: searchOpen;
  animation-duration: 0.4s;
  animation-fill-mode: both;
}
.wrapper .topbar.wht {
  background-color: #fff;
  height: 80px;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 14;
}
.wrapper .topbar.wht .icon-tt {
  color: #000;
}
.wrapper .topbar .breadcrumb {
  position: fixed;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 80px;
  top: 0;
  z-index: 12;
}
.wrapper .topbar .breadcrumb .filter {
  margin: 0 10px;
  font-size: 14px;
}
.wrapper .topbar .breadcrumb .item {
  font-size: 14px;
  line-height: 1;
}
.wrapper .topbar .breadcrumb .item.gry {
  color: #B4B4B4;
}
.wrapper .topbar .breadcrumb a {
  text-decoration: underline;
}
.wrapper .topbar .breadcrumb.wht .item,
.wrapper .topbar .breadcrumb.wht .filter {
  color: #fff;
}
.wrapper .menu {
  visibility: hidden;
  display: flex;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 16;
 background-color: rgba(0, 0, 0, 0.66);
  color: #222;
  opacity: 0;
  transition: visibility 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  padding-left: 8.33333333%;
}
.wrapper .menu.is-active {
  visibility: visible;
  opacity: 1;
}
.wrapper .menu .menu-f {
  width: 100%;
  position: relative;
}
.wrapper .menu .menu-f a {
  display: block;
  font-size: 2.3vw;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
}
.wrapper .menu .menu-f a .en {
  font-weight: normal;
}
.wrapper .menu .menu-f a:hover, .wrapper .menu .menu-f a.active {
  color: #fff;
}
.wrapper .menu .menu-f > a:first-child {
  margin-bottom: 0.625vw;
}
.wrapper .menu .menu-f .menu-s {
  position: absolute;
  top: 0;
  left: calc(8.33333333% * 5);
}
.wrapper .menu .menu-f .menu-s .menu-ss {
  display: none;
  padding-top: 1.2vw;
}
.wrapper .menu .menu-f .menu-s .menu-ss a {
  display: block;
  font-size: 1.8vw;
  line-height: 1.75;
}
.wrapper .menu .logo {
  position: absolute;
  bottom: 2.25rem;
  width: auto;
  height: 10.7vw;
  right: calc(8.3333333333vw - 0.03rem);
}
.wrapper .menu .m-footer {
  position: absolute;
  bottom: 2.25rem;
  left: 8.33333333%;
  font-size: 1vw;
  letter-spacing: 0.025em;
}
.wrapper .menu .m-footer .item {
  color: #fff;
  margin-right: 2.25vw;
}
.wrapper .menu .social {
  position: absolute;
  top: 2.25rem;
  right: 8.33333333%;
  display: flex;
  display:none;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.wrapper .menu .social .item {
  margin-left: 34px;
  cursor: pointer;
}
.wrapper .menu .social .item img {
  width: 20px;
}
.wrapper .serhres {
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 17;
  background-color: #b2b2b2;
  color: #222;
  opacity: 0;
  transition: visibility 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  overflow-y: scroll;
}
.wrapper .serhres.is-active {
  visibility: visible;
  opacity: 1;
}
.wrapper .serhres .search-types {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-left: 64px;
  padding-top: 20px;
}
.wrapper .serhres .search-types .item {
  margin-right: 20px;
  color: #fff;
  font-size: 16px;
  line-height: 40px;
  cursor: pointer;
  position: relative;
}
.wrapper .serhres .search-types .item .bline {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  background-color: #fff;
  width: 100%;
  display: none;
}
.wrapper .serhres .search-types .item.active .bline, .wrapper .serhres .search-types .item:hover .bline {
  display: block;
}
.wrapper .serhres .bres {
  display: none;
}
.wrapper .serhres .bres .summary {
  padding: 6vw 8.33333333% 3vw;
  font-size: 2vw;
  line-height: 2.25;
  color: #fff;
}
.wrapper .serhres .bres .summary .kwords {
  text-decoration: underline;
}
.wrapper .bb .btt {
  height: 310px;
  padding: 0 8.33333333% 78px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
}
.wrapper .bb .btt .titles {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
}
.wrapper .bb .btt .titles .zh {
  font-size: 1vw;
  color: #B4B4B4;
  line-height: 2.125;
}
.wrapper .bb .btt .titles .en-t {
     font-size: 2vw;
    line-height: 1.125;
    font-family: none;
}
.wrapper .bb .btt .more {
  font-size: 1.25vw;
  line-height: 4vw;
}
.wrapper .bb .btt .more i {
  display: inline-block;
  transform: rotate(-90deg);
  margin-right: 24px;
  font-size: 1.125vw;
  vertical-align: middle;
}
.wrapper .bb .btt.wht {
  color: #fff;
}
.wrapper .bb .btt.wht .titles .zh {
  color: #fff;
      font-family: 微软雅黑;
}
.wrapper .bb .btt.wht .more {
  color: #fff;
}
.wrapper .bb .f-cover {
  width: 100%;
}
.wrapper .bb .f-cover img,
.wrapper .bb .f-cover video {
  width: 100%;
  vertical-align: middle;
}
.wrapper .btn-pfilter {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  position: fixed;
  right: 20px;
  bottom: 24px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 15;
}
.wrapper .btn-pfilter i {
  font-size: 18px;
  color: #000;
}
.wrapper .pfilter {
  width: 240px;
  position: fixed;
  height: 100%;
  right: -320px;
  top: 0;
  z-index: 14;
  background-color: #B4B4B4;
  padding: 30px 24px;
  color: #fff;
  overflow-y: auto;
}
.wrapper .pfilter .ftt {
  font-size: 18px;
  line-height: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.wrapper .pfilter .ftt i {
  margin-right: 15px;
}
.wrapper .pfilter .sftt {
  font-size: 14px;
  line-height: 32px;
  margin-top: 40px;
}
.wrapper .pfilter .selector {
  margin-top: 10px;
  width: 100%;
  position: relative;
}
.wrapper .pfilter .selector .select-w {
  height: 48px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 24px;
  width: 100%;
  font-size: 14px;
  padding: 0 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.wrapper .pfilter .selector .selector-i {
  top: 56px;
  z-index: 18;
  border-radius: 24px;
  font-size: 13px;
  max-height: 400px;
  overflow-y: scroll;
}
.wrapper .pfilter .selector .selector-i .option {
  justify-content: flex-start;
  height: 48px;
  line-height: 48px;
  padding-left: 24px;
  color: #000;
}
.wrapper .pfilter.pfilterInRight {
  animation-name: pfilterInRight;
  animation-duration: 0.4s;
  animation-fill-mode: both;
}
.wrapper .pfilter.pfilterInRight.pfilterOutRight {
  animation-name: pfilterOutRight;
  animation-duration: 0.4s;
  animation-fill-mode: both;
}
.wrapper .gallery {
  visibility: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: url(/template/default/static/images/neirongbg2.jpg);
  z-index: 18;
}
.wrapper .gallery.active {
  visibility: visible;
}
.wrapper .gallery .close {
  position: absolute;
  left: 3em;
  top: 20px;
  width: 40px;
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 18px;
  z-index: 19;
}
.wrapper .gallery .gallery-thumbs {
  width: 100%;
  height: 8vw;
  position: absolute;
  bottom: 0;
  left: 0;
  padding-bottom: 1.5vw;
  overflow-x: scroll;
}
.wrapper .gallery .gallery-thumbs .swiper-slide {
  width: auto;
}
.wrapper .gallery .gallery-thumbs .swiper-slide img {
  height: 100%;
}
.wrapper .gallery .gallery-top {
  height: calc(100% - 8vw);
  width: 100%;
  position: relative;
}
.wrapper .gallery .gallery-top .swiper-slide {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10%;
}
.wrapper .gallery .gallery-top .swiper-slide .cover {
  position: absolute;
  top: 10%;
  bottom: 10%;
  left: 10%;
  right: 10%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fff;
}
.wrapper .gallery .gallery-top img {
  max-width: 80%;
  max-height: 80%;
}
.wrapper .w404 {
  margin-top: 80px;
}
.wrapper .w404 .tt404 {
  padding: 100px 0 55px 8.33333333%;
  font-size: 2vw;
  line-height: 1;
}
.wrapper .projects {
  width: 100%;
  padding: 0 15px 0 15px;
}
.wrapper .projects .item {
  width: calc(50% - 10px);
  height: 0;
  padding-top: 33.33%;
  margin: 0 10px 10px 0;
  position: relative;
  float: left;
  overflow: hidden;
}
.wrapper .projects .item .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  padding: 1.5vw 1.75vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  color: #fff;
}
.wrapper .projects .item .info .zh {
  font-size: 1.4vw;
  line-height: 1.25;
  margin-bottom: 10px;
}
.wrapper .projects .item .info .en-t {
  font-size: 1.125vw;
  line-height: 1.33;
}
.wrapper .projects.col3 {
  padding: 0 10px;
}
.wrapper .projects.col3 .item {
  width: calc((100% - 20px) / 3);
  padding-top: 22.22%;
}
.wrapper .projects.col3 .item:nth-child(2n) {
  margin-right: 10px;
}
.wrapper .projects.col3 .item:nth-child(3n), .wrapper .projects.col3 .item:nth-child(6n) {
  margin-right: 0;
}
.wrapper .projects.col3 .item .info .zh {
  font-size: 1.25vw;
}
.wrapper .projects.col3 .item .info .en-t {
  font-size: 0.875vw;
}
.wrapper .news-list-w {
  width: 100%;
  padding: 0 10px;
}
.wrapper .news-list-w .item {
  width: calc((100% - 20px) / 3);
  height: 0;
  padding-top: 22.22%;
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
  position: relative;
  overflow: hidden;
}
.wrapper .news-list-w .item:nth-child(3n) {
  margin-right: 0;
}
.wrapper .news-list-w .item .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  padding: 20px 32px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  color: #fff;
  font-size: 1.125vw;
  line-height: 1.44;
}
.wrapper .news-list-w .item .info .dt {
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.875vw;
  line-height: 2;
  margin-top: 14px;
  letter-spacing: 0.025em;
}
.wrapper .recommend .rtt {
  padding: 42px 8.33333333%;
  font-size: 2rem;
  line-height: 1.5;
}
.wrapper .index-w {
  width: 100%;
}
.wrapper .index-w .index-slides {
  position: relative;
  width: 100%;
}
.wrapper .index-w .index-slides .swiper-pagination-fraction {
  padding-left: 3rem;
  bottom: 2rem;
  font-size: 1rem;
  text-align: left;
  color: rgba(255, 255, 255, 0.7);
}
.wrapper .index-w .index-slides .swiper-pagination-fraction .swiper-pagination-current {
  color: #fff;
}
.wrapper .index-w .index-slides .swiper-button-prev,
.wrapper .index-w .index-slides .swiper-container-rtl .swiper-button-next,
.wrapper .index-w .index-slides .swiper-button-next,
.wrapper .index-w .index-slides .swiper-container-rtl .swiper-button-prev {
  background-image: none;
  display: none;
}
.wrapper .index-w .index-slides .prj-name {
  position: absolute;
  bottom: 2.05rem;
  padding-left: 10rem;
  z-index: 11;
  font-size: 16px;
}
.wrapper .index-w .index-slides .prj-name a {
  color: #fff;
}
.wrapper .index-w .index-slides .shdw-cover {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10;
  background-image: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.55));
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.wrapper .index-w .index-slides .shdw-cover .s-words {
  font-size: 9vw;
  line-height: 1.1;
  color: #fff;
  padding-left: 10rem;
  padding-bottom: 3rem;
}
.wrapper .index-w .index-slides .shdw-cover .logo {
  position: absolute;
  bottom: 40%;
  width: auto;
  height: 10.7vw;
  right: calc(40.333333vw - 0.03rem);
}
.wrapper .index-w .b-contact {
 background-image: url(/template/default/static/images/footbg.jpg);
  padding-bottom: 150px;
}
.wrapper .index-w .b-contact .contacts {
  width: 100%;
  padding: 0 0 0 8.33333333%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
}
.wrapper .index-w .b-contact .contacts .col {
  width: 25%;
  color: #fff;
}
.wrapper .index-w .b-contact .contacts .col .ctt {
  font-size: 1.25vw;
  line-height: 1.4;
  margin-bottom: 36px;
  font-feature-settings: normal;
}
.wrapper .index-w .b-contact .contacts .col .cvv {
  font-size: 0.875rem;
  line-height: 2;
  max-width: 100%;
  padding-right: 8vw;
}
.wrapper .m-footer {
  background: #B4B4B4;
  color: #fff;
  padding: 2.25rem 1rem;
  font-size: 1vw;
  letter-spacing: 0.025em;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.wrapper .m-footer .item {
  color: #fff;
  margin-right: 2.25vw;
  font-size:18px;
  font-family:"微软雅黑"
}
.wrapper .projects-f-w {
  margin-top: 80px;
  width: 100%;
  padding: 0 10px;
}
.wrapper .projects-f-w .item {
  width: calc((100% - 20px) / 3);
  height: 0;
  padding-top: 22.22%;
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
  position: relative;
  overflow: hidden;
}
.wrapper .projects-f-w .item:nth-child(3n) {
  margin-right: 0;
}
.wrapper .projects-f-w .item .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  padding: 1.5vw 1.75vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  color: #fff;
}
.wrapper .projects-f-w .item .info .zh {
  font-size: 2vw;
  line-height: 1.25;
  margin-bottom: 10px;
}
.wrapper .projects-f-w .item .info .en-t {
  font-size: 1.125vw;
  line-height: 1.33;
}
.wrapper .projects-w {
  margin-top: 0px;
  width: 100%;
}
.wrapper .project-w {
  width: 100%;
      background-image: url(/template/default/static/images/neirongbg.jpg);
}
.wrapper .project-w .m-cover {
  width: 100%;
  height: 600px;
  position: relative;
  z-index: 0;
}
.wrapper .project-w .m-cover .info {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10;
  background-image: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.55));
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding-left: 8.33333333%;
  padding-bottom: 4rem;
  color: #fff;
}
.wrapper .project-w .m-cover .info .prj-name {
  font-size: 6vw;
  line-height: 1.2;
  max-width: 80%;
  margin-bottom: 0.3em;
}
.wrapper .project-w .m-cover .info .prj-info {
  height: 28px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
}
.wrapper .project-w .m-cover .info .prj-info .prj-name-zh {
  font-size: 1.25vw;
  line-height: 1;
  margin-right: 1vw;
}
.wrapper .project-w .m-cover .info .prj-info .location {
  font-size: 0.8125vw;
  line-height: 1;
  color: rgba(255, 255, 255, 0.7);
}
.wrapper .project-w .m-cover .info .fullscreen {
  position: absolute;
  right: 8.33333333%;
  bottom: 3rem;
  height: 48px;
  background-color: #B4B4B4;
  color: #fff;
  cursor: pointer;
  border-radius: 24px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0 20px;
  font-size: 14px;
}
.wrapper .project-w .m-cover .info .fullscreen i {
  margin-right: 22px;
  font-size: 16px;
}
.wrapper .project-w .content {
  padding: 100px 0 120px 8.33333333%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.wrapper .project-w .content .intro {
  width: calc(8.33333333% * 6);
  font-size: 0.9375rem;
}
.wrapper .project-w .content .intro p {
  margin-bottom: 1vw;
}
.wrapper .project-w .content .intro.zh {
  line-height: 2;
}
.wrapper .project-w .content .intro.en {
  line-height: 1.8;
}
.wrapper .project-w .content .details {
  width: calc(8.33333333% * 3);
  font-size: 0.75rem;
  line-height: 1.8;
  padding-right: calc(8.33333333% / 2);
}
.wrapper .project-w .content .details .dgrp {
  margin-bottom: 12px;
}
.wrapper .project-w .content .details .dgrp .label {
  color: #B4B4B4;
}
.wrapper .principal-l-w {
  margin-top: 80px;
  width: 100%;
  padding: 0 10px;
}
.wrapper .principal-l-w.no-margin-top {
  margin-top: 0;
}
.wrapper .principal-l-w .item {
  width: calc((100% - 50px) / 6);
  height: 0;
  padding-top: 25%;
  margin: 0 10px 10px 0;
  position: relative;
  float: left;
  overflow: hidden;
}
.wrapper .principal-l-w .item:nth-child(6n) {
  margin-right: 0;
}
.wrapper .principal-l-w .item .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.6) 100%);
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  color: #fff;
}
.wrapper .principal-l-w .item .info .zh {
  font-size: 1.5vw;
  line-height: 1.16;
  margin-bottom: 0.625vw;
}
.wrapper .principal-l-w .item .info .en-t {
  font-size: 0.875vw;
  line-height: 1.14;
}
.wrapper .principal-l-w .item .info .en-t br {
  display: none;
}
.wrapper .principal-l-w1 {
  width: 100%;
  padding: 0 10px;
}
.wrapper .principal-l-w1.no-margin-top {
  margin-top: 0;
}
.wrapper .principal-l-w1 .item {
  width: calc((100% - 70px) / 8);
  height: 0;
  padding-top: 18.5%;
  margin: 0 10px 10px 0;
  position: relative;
  float: left;
  overflow: hidden;
}
.wrapper .principal-l-w1 .item:nth-child(8n) {
  margin-right: 0;
}
.wrapper .principal-l-w1 .item .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.6) 100%);
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  color: #fff;
}
.wrapper .principal-l-w1 .item .info .zh {
  font-size: 1.2vw;
  line-height: 1;
  margin-bottom: 0.625vw;
}
.wrapper .principal-l-w1 .item .info .en-t {
  font-size: 0.8vw;
  line-height: 1;
}
.wrapper .principal-l-w1 .item .info .en-t br {
  display: none;
}
.wrapper ul.principal-category {
  height: 60px;
  margin: 80px 10px 10px 10px;
  padding-left: 3em;
  background: #b2b2b2;
  margin-bottom: 10px;
  padding-right: 3em;
  display: flex;
  align-items: center;
  list-style-type: none;
  justify-content: space-between;
}
.wrapper ul.principal-category li {
  text-decoration: none;
}
.wrapper ul.principal-category li.hot {
  font-weight: bold;
}
.wrapper ul.principal-category li a.info {
  color: white;
}
.wrapper ul.principal-category li a.info .font-en {
  font-size: 0.875em;
}
.wrapper ul.principal-category li a.info .font-en.larger {
  font-size: 1em;
}
.wrapper .principal-w {
  margin-top: 80px;
  width: 100%;
  position: relative;
}
.wrapper .principal-w .ppw {
  position: fixed;
  top: 80px;
  left: 0;
  height: calc(100% - 80px);
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.wrapper .principal-w .ppw .cover {
  height: 100%;
  width: calc(8.33333333% * 5);
  position: relative;
}
.wrapper .principal-w .ppw .cover .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.6) 100%);
  padding-left: 3vw;
  padding-bottom: 3rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  color: #fff;
}
.wrapper .principal-w .ppw .cover .info .pname {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
  margin-bottom: 1vw;
}
.wrapper .principal-w .ppw .cover .info .pname .zh {
  font-size: 3.375vw;
  line-height: 1.1;
  margin-right: 1vw;
}
.wrapper .principal-w .ppw .cover .info .pname .en-t {
  font-size: 1vw;
  line-height: 1;
  letter-spacing: 0.025em;
}
.wrapper .principal-w .ppw .cover .info .pname .en-t br {
  display: none;
}
.wrapper .principal-w .ppw .cover .info .ptitle {
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.8125vw;
  line-height: 1.8;
}
.wrapper .principal-w .ppw .cover .navs {
  position: absolute;
  right: calc(8.33333333% / 2);
  bottom: 2.5rem;
}
.wrapper .principal-w .ppw .cover .navs a {
  color: rgba(255, 255, 255, 0.5);
  font-size: 1.5vw;
}
.wrapper .principal-w .ppw .cover .navs a:hover {
  color: #fff;
}
.wrapper .principal-w .ppw .cover .navs a:last-child {
  margin-left: 1.8vw;
}
.wrapper .principal-w .ppw .cover .navs a i.tright {
  display: inline-block;
  transform: rotate(180deg);
}
.wrapper .principal-w .ppw .pinfo {
  height: 100%;
  width: calc(8.33333333% * 7);
  position: relative;
  padding: 6vw 8.33333333%;
  overflow-y: scroll;
}
.wrapper .principal-w .ppw .pinfo .intro {
  font-size: 0.9375rem;
  line-height: 2;
  margin-bottom: 100px;
}
.wrapper .principal-w .ppw .pinfo .intro .en {
  line-height: 1.78;
}
.wrapper .principal-w .ppw .pinfo .prjs .ptt {
  font-size: 1.125vw;
  line-height: 1.555;
  color: #B4B4B4;
  margin-bottom: 1vw;
}
.wrapper .principal-w .ppw .pinfo .prjs .prjs-w {
  display: flex;
  flex-wrap: wrap;
}
.wrapper .principal-w .ppw .pinfo .prjs .prjs-w .prj {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1em;
  width: 50%;
}
.wrapper .principal-w .ppw .pinfo .prjs .prjs-w .prj i {
  font-size: 1vw;
  line-height: 1.8;
  display: inline-block;
  transform: rotate(180deg);
  margin-right: 1vw;
}
.wrapper .principal-w .ppw .pinfo .prjs .prjs-w .prj span {
  width: calc(100% - 2vw);
  font-size: 0.9375rem;
  line-height: 1.555;
}
.wrapper .team-w {
  margin-top: 0px;
  width: 100%;
  position: relative;
}
.wrapper .team-w .cover {
  width: 100%;
}
.wrapper .team-w .cover img {
  width: 100%;
}
.wrapper .team-w .loc-team {
  padding: 3.75vw 8.33333333% 10vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  max-width: 1600px;
  margin: 0 auto;
}
.wrapper .team-w .loc-team .loc {
  width: 36%;
}
.wrapper .team-w .loc-team .loc .zh {
  margin-bottom: 1.25vw;
}
.wrapper .team-w .loc-team .loc .zh img {
  height: 4.8rem;
}
.wrapper .team-w .loc-team .loc .en-t {
  font-size: 2.5rem;
  line-height: 1.4;
  font-weight: bold;
  letter-spacing: 0.025rem;
}
.wrapper .team-w .loc-team .staff {
  width: 64%;
  min-height: 400px;
}
.wrapper .team-w .loc-team .staff .zh span {
  float: left;
  display: inline-block;
  width: 16.6666666667%;
  font-size: 0.875rem;
  line-height: 2;
}
.wrapper .team-w .loc-team .staff .en span {
  float: left;
  display: inline-block;
  width: 25%;
  font-size: 0.875rem;
  line-height: 2;
}
.wrapper .team-w .loc-team .contact-w {
  width: 64%;
}
.wrapper .team-w .loc-team .contact-w .addr {
  font-size: 0.8125rem;
  line-height: 2;
  margin-bottom: 3.8em;
}
.wrapper .team-w .loc-team .contact-w .contacts {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.wrapper .team-w .loc-team .contact-w .contacts .col {
  width: 33.3333333333%;
  font-size: 0.8125rem;
  line-height: 2;
}
.wrapper .team-w .loc-team .contact-w .contacts .col .ctt {
  color: #B4B4B4;
}
.wrapper .team-w .loc-team .contact-w .contacts .col .cdd {
  margin-bottom: 1.4em;
}
.wrapper .team-w .loc-team .total {
  position: absolute;
  left: 8.33333333%;
  bottom: 10vw;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
}
.wrapper .team-w .loc-team .total span {
  font-size: 1.2rem;
  line-height: 1.6;
  margin-left: 0.5vw;
}
.wrapper .team-w .loc-team .total .num {
  color: #B4B4B4;
  font-size: 4.8rem;
  line-height: 1;
  margin-left: 0;
}
.wrapper .team-w .total-team {
  padding: 4vw 8.33333333% 5vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
}
.wrapper .team-w .total-team .total {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
}
.wrapper .team-w .total-team .total .num {
  font-size: 7.2vw;
  line-height: 1;
  color: #B4B4B4;
  margin-left: 0;
}
.wrapper .team-w .total-team .total span {
  font-size: 3.15vw;
  line-height: 1.6;
  margin-left: 0.8vw;
}
.wrapper .team-w .total-team .nav {
  padding-bottom: 0.5vw;
  padding-right: 1vw;
  font-size: 1.25vw;
  line-height: 1;
}
.wrapper .team-w .total-team .nav i {
  display: inline-block;
  transform: rotate(180deg);
  margin-right: 1.5vw;
  font-size: 1vw;
}
.wrapper .team-w .contact-info {
  width: 100%;
  padding: 80px 20px 120px;
}
.wrapper .team-w .contact-info .cinfo-w {
  max-width: 1600px;
  width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.wrapper .team-w .contact-info .cinfo-w .col {
  width: 25%;
  font-size: 1.2rem;
  line-height: 2;
}
.wrapper .team-w .contact-info .cinfo-w .col .ctt {
  color: #B4B4B4;
}
.wrapper .team-w .contact-info .cinfo-w .col .cdd {
  margin-bottom: 1.4em;
}
.wrapper .team-w .contact-info .cinfo-w .col .loc {
  margin-top: 3rem;
}
.wrapper .team-w .contact-info .cinfo-w .col .loc img {
  height: 3.4rem;
}
.wrapper .team-w .contact-info .cinfo-w .col .loc .en-t {
  font-size: 1.8rem;
}
.wrapper .events-w {
  margin-top: 80px;
  width: 100%;
  position: relative;
  padding: 0 10px;
}
.wrapper .events-w .news-f {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 41.6%;
  margin-bottom: 10px;
  float: left;
}
.wrapper .events-w .news-f .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  padding: 0 calc(8.33333333% * 3) 3rem 8.33333333%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  color: #fff;
  font-size: 2.625vw;
  line-height: 1.2;
}
.wrapper .events-w .news-f .info .dt {
  color: rgba(255, 255, 255, 0.7);
  font-size: 1vw;
  line-height: 1.25;
  margin-top: 1.375vw;
  letter-spacing: 0.025em;
}
.wrapper .events-w .news-list-w {
  padding: 0;
}
.wrapper .events-w .load-more-w {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 2vw 0;
}
.wrapper .events-w .load-more-w .load-more {
  width: 10vw;
  height: 4vw;
  line-height: 4vw;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.wrapper .events-w .load-more-w .load-more span {
  font-size: 1.25vw;
}
.wrapper .events-w .load-more-w .load-more i {
  font-size: 1.125vw;
  margin-right: 1.5vw;
}
.wrapper .qrcode-f {
  position: fixed;
  right: -300px;
  bottom: 40px;
  width: 260px;
  height: 103px;
  background-color: #fff;
  box-shadow: 2px 10px 20px rgba(0, 0, 0, 0.2);
  padding-left: 16px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.wrapper .qrcode-f .qr {
  width: 68px;
  margin-right: 26px;
}
.wrapper .qrcode-f .icon-close {
  position: absolute;
  right: 18px;
  top: 18px;
  width: 16px;
  cursor: pointer;
}
.wrapper .qrcode-f .intro {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.wrapper .qrcode-f .intro .itt {
  font-size: 15px;
  line-height: 36px;
  font-weight: bold;
  letter-spacing: 0.1em;
}
.wrapper .qrcode-f .intro .itt .en {
  font-size: 12px;
  margin-left: -10px;
}
.wrapper .qrcode-f .intro .ivv {
  font-size: 12px;
  line-height: 12px;
  color: #B4B4B4;
}
.wrapper .qrcode-f.slideInRight {
  animation-name: slideInRight;
  animation-duration: 0.4s;
  animation-fill-mode: both;
}
.wrapper .qrcode-f.slideInRight.slideOutRight {
  animation-name: slideOutRight;
  animation-duration: 0.4s;
  animation-fill-mode: both;
}
.wrapper .news-w .m-cover {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 600px;
}
.wrapper .news-w .m-cover .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  padding: 0 calc(8.33333333% * 3) 3rem 8.33333333%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  color: #fff;
  font-size: 2.625vw;
  line-height: 1.2;
}
.wrapper .news-w .m-cover .info .dt {
  color: rgba(255, 255, 255, 0.7);
  font-size: 1vw;
  line-height: 1.25;
  margin-top: 1.375vw;
  letter-spacing: 0.025em;
}
.wrapper .news-w .content {
  width: 100%;
  max-width: 620px;
  margin: 0 auto;
  padding: 6vw 0;
}
.wrapper .news-w .content p {
  width: 100%;
  margin-bottom: 2em;
  font-size: 0.9375rem;
  line-height: 2;
}
.wrapper .news-w .content p img {
  width: 100%;
}
.wrapper .news-w .content p.txt {
  padding: 0;
  font-size: 0.9375rem;
  line-height: 2;
}
.wrapper .news-w .related-prjs {
  margin-bottom: 6vw;
  padding: 0 8.33333333%;
}
.wrapper .news-w .related-prjs .relate-tt-w {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 6vw;
}
.wrapper .news-w .related-prjs .relate-tt-w .relate-tt {
  height: 3vw;
  background-color: #B4B4B4;
  color: #fff;
  border-radius: 1.5vw;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0 20px;
  font-size: 0.875vw;
}
.wrapper .news-w .related-prjs .relate-tt-w .relate-tt i {
  margin-right: 1.375vw;
  font-size: 1vw;
  line-height: 1.2;
  display: inline-block;
  transform: rotate(-45deg);
}
.wrapper .news-w .related-prjs .prj {
  display: block;
  margin-bottom: 10px;
  position: relative;
  height: 24vw;
}
.wrapper .news-w .related-prjs .prj .info {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10;
  background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.55) 100%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  color: #fff;
  padding-left: 1.75vw;
  padding-bottom: 1vw;
}
.wrapper .join-w {
  margin-top: 80px;
  width: 100%;
  position: relative;
}
.wrapper .join-w .m-cover {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.wrapper .join-w .m-cover .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.wrapper .join-w .m-cover .info .icon-play {
  font-size: 4vw;
  cursor: pointer;
}
.wrapper .join-w .m-cover .info p {
  position: absolute;
  font-size: 6vw;
  line-height: 1;
  bottom: 4.5vw;
  left: 8.33333333%;
  font-feature-settings: normal;
}
.wrapper .join-w .m-cover video {
  width: 100%;
}
.wrapper .join-w .jtt {
  padding: 4vw 8.33333333%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1600px;
  margin: 0 auto;
}
.wrapper .join-w .jtt .lpart {
  font-size: 1.75rem;
  line-height: 1;
  font-feature-settings: normal;
}
.wrapper .join-w .jtt .rpart {
  max-width: 60%;
  font-size: 0.9375rem;
  line-height: 2;
}
.wrapper .join-w .jtt .rpart.filters {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.wrapper .join-w .jtt .rpart .selector {
  width: 11.625vw;
  height: 3vw;
  margin-left: 1.25vw;
  border-radius: 1.5vw;
  background-color: #F9F9F9;
  cursor: pointer;
  position: relative;
}
.wrapper .join-w .jtt .rpart .selector .select-w {
  padding: 0 1.5vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 0.875vw;
  line-height: 3vw;
  cursor: pointer;
}
.wrapper .join-w .jtt .rpart .selector .select-w i {
  font-size: 1vw;
}
.wrapper .join-w .jtt .rpart .selector .select-w input {
  width: 100%;
  border: none;
  outline: none;
  font-size: 0.875vw;
  line-height: 3vw;
  background-color: #F9F9F9;
}
.wrapper .join-w .jtt .rpart .selector .select-w input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.wrapper .join-w .jtt .rpart .selector .select-w input::placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.wrapper .join-w .jtt .rpart .selector .selector-i {
  top: 3.8vw;
  background-color: #F9F9F9;
  border-radius: 1.5vw;
  font-size: 0.75vw;
  z-index: 2;
}
.wrapper .join-w .jtt .rpart .selector .selector-i .option {
  justify-content: flex-start;
  height: 3vw;
  line-height: 3vw;
  padding-left: 1.5vw;
}
.wrapper .join-w .jslides {
  width: 100%;
  padding: 0 8.33333333%;
  margin-bottom: 8.75vw;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}
.wrapper .join-w .jslides .jslides-w {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.1%;
}
.wrapper .join-w .jslides .jslides-w .swiper-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  top: 0;
  left: 0;
  overflow: hidden;
}
.wrapper .join-w .jslides .jslides-w .bg-cover {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: linear-gradient(rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.6) 100%);
}
.wrapper .join-w .jslides .jslides-w .swiper-button-prev,
.wrapper .join-w .jslides .jslides-w .swiper-container-rtl .swiper-button-next,
.wrapper .join-w .jslides .jslides-w .swiper-button-next,
.wrapper .join-w .jslides .jslides-w .swiper-container-rtl .swiper-button-prev {
  background-image: none;
  width: 3vw;
  height: 3vw;
  text-align: center;
}
.wrapper .join-w .jslides .jslides-w .swiper-button-prev i,
.wrapper .join-w .jslides .jslides-w .swiper-container-rtl .swiper-button-next i,
.wrapper .join-w .jslides .jslides-w .swiper-button-next i,
.wrapper .join-w .jslides .jslides-w .swiper-container-rtl .swiper-button-prev i {
  display: inline-block;
  color: #fff;
  font-size: 1.5vw;
  line-height: 3vw;
}
.wrapper .join-w .jslides .jslides-w .swiper-pagination-fraction {
  padding-left: 3rem;
  bottom: 2rem;
  font-size: 0.8125rem;
  line-height: 1.4;
  text-align: left;
  color: rgba(255, 255, 255, 0.7);
}
.wrapper .join-w .jslides .jslides-w .swiper-pagination-fraction .swiper-pagination-current {
  color: #fff;
}
.wrapper .join-w .jslides .jslides-w .prj-name {
  position: absolute;
  bottom: 2rem;
  padding-left: 10rem;
  z-index: 11;
  font-size: 0.8125rem;
  line-height: 1.4;
}
.wrapper .join-w .jslides .jslides-w .prj-name a {
  color: #fff;
}
.wrapper .join-w .jpeople {
  width: 100%;
  padding: 0 10px;
  margin-bottom: 8.5vw;
}
.wrapper .join-w .jpeople .item {
  width: calc(50% - 5px);
  padding-bottom: 28.1%;
  height: 0;
  position: relative;
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
}
.wrapper .join-w .jpeople .item:nth-child(2n) {
  margin-right: 0;
}
.wrapper .join-w .jpeople .item .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.wrapper .join-w .jpeople .item .info .icon-play {
  font-size: 4vw;
  cursor: pointer;
}
.wrapper .join-w .jpeople .item .info .pname {
  position: absolute;
  bottom: 1.5vw;
  left: 2.25vw;
}
.wrapper .join-w .jpeople .item .info .pname .name {
  font-size: 1.5vw;
  line-height: 1.333;
}
.wrapper .join-w .jpeople .item .info .pname .jtitle {
  font-size: 0.875vw;
  line-height: 1.58;
}
.wrapper .join-w .jobs {
  width: 100%;
  padding: 0 10px;
  min-height: 400px;
}
.wrapper .join-w .jobs .item {
  width: calc((100% - 20px) / 3);
  padding-bottom: 13.88%;
  height: 0;
  position: relative;
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
}
.wrapper .join-w .jobs .item:nth-child(3n) {
  margin-right: 0;
}
.wrapper .join-w .jobs .item .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #B4B4B4;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  color: #fff;
}
.wrapper .join-w .jobs .item .info .pname {
  position: absolute;
  bottom: 1.25vw;
  left: 1.5vw;
}
.wrapper .join-w .jobs .item .info .pname .name {
  font-size: 1.5vw;
  line-height: 1.333;
}
.wrapper .join-w .jobs .item .info .pname .jloc {
  font-size: 0.875vw;
  line-height: 1;
  margin-top: 1em;
}
.wrapper .job-w {
  margin-top: 80px;
  width: 100%;
  position: relative;
}
.wrapper .job-w .m-cover {
  width: 100%;
  height: 0;
  padding-top: 38%;
  position: relative;
  overflow: hidden;
}
.wrapper .job-w .m-cover .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  color: #fff;
}
.wrapper .job-w .m-cover .info .pname {
  max-width: calc(8.33333333% * 9);
  position: absolute;
  bottom: 3.25vw;
  left: 8.33333333%;
}
.wrapper .job-w .m-cover .info .pname .name {
  font-size: 3vw;
  line-height: 1.333;
}
.wrapper .job-w .m-cover .info .pname .jloc {
  font-size: 1.125vw;
  line-height: 1.58;
}
.wrapper .job-w .content {
  width: 100%;
  padding: 6.25vw calc(8.33333333% * 4) 6.25vw 8.33333333%;
}
.wrapper .job-w .content .cont-w {
  width: 100%;
  font-size: 1vw;
  line-height: 2vw;
}
.wrapper .job-w .ops {
  padding-left: 8.33333333%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10vw;
}
.wrapper .job-w .ops .op {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 1.5vw;
  height: 3vw;
  margin-right: 1.25vw;
  border-radius: 1.5vw;
  background-color: #B4B4B4;
  color: #fff;
}
.wrapper .job-w .ops .op i {
  margin-right: 1vw;
}
.wrapper .privacy-w {
  width: 100%;
  position: relative;
  padding: 0 10px;
  max-width: 1600px;
  margin: 80px auto 0;
}
.wrapper .privacy-w .m-cover {
  width: 100%;
}
.wrapper .privacy-w .m-cover img {
  width: 100%;
}
.wrapper .privacy-w .cont {
  padding: 0 0 6vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.wrapper .privacy-w .cont .lpart {
  width: calc(8.33333333% * 5);
  padding-left: 8.33333333%;
}
.wrapper .privacy-w .cont .lpart .tt {
  height: 16rem;
  line-height: 15rem;
  font-size: 1.75rem;
}
.wrapper .privacy-w .cont .lpart .vv .item {
  font-size: 0.875rem;
  line-height: 2.25;
  color: #B4B4B4;
  cursor: pointer;
}
.wrapper .privacy-w .cont .lpart .vv .item.active {
  color: #000;
}
.wrapper .privacy-w .cont .rpart {
  width: calc(8.33333333% * 7);
  padding-right: 8.33333333%;
}
.wrapper .privacy-w .cont .rpart .ttw {
  height: 16rem;
}
.wrapper .privacy-w .cont .rpart .ttw .hint {
  font-size: 0.875rem;
  color: #B4B4B4;
  padding-top: 1.5em;
}
.wrapper .privacy-w .cont .rpart .ttw .policy {
  font-size: 0.9375rem;
  line-height: 2;
  padding-top: 3.75em;
}
.wrapper .privacy-w .cont .rpart .info-c {
  margin-bottom: 4vw;
}
.wrapper .privacy-w .cont .rpart .info-c .tt {
  font-size: 1.125vw;
  line-height: 1.777;
  margin-bottom: 2vw;
}
.wrapper .privacy-w .cont .rpart .info-c .stt {
  font-size: 0.875vw;
  color: #B4B4B4;
  margin-bottom: 1vw;
}
.wrapper .privacy-w .cont .rpart .info-c .items {
  font-size: 0.9375rem;
  line-height: 2;
  padding-left: 2rem;
}
.wrapper .privacy-w .cont .rpart .item-b {
  margin-bottom: 2.5em;
  font-size: 0.9375rem;
  line-height: 2;
}
.wrapper .privacy-w .cont .rpart .item-b .itt {
  margin-bottom: 1vw;
  color: #B4B4B4;
}
.wrapper .story-w {
  margin-top: 0px;
  width: 100%;
  position: relative;
  padding: 0 10px 40px;
  overflow: hidden;
    background-image:url(/template/default/static/images/neirongbg.jpg);
}
.wrapper .story-w .m-cover {
  width: 100%;
  position: relative;
  margin-top: 5vw;
}
.wrapper .story-w .m-cover:first-child {
  margin-top: 0;
}
.wrapper .story-w .m-cover img {
  width: 100%;
}
.wrapper .story-w .m-cover .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  padding: 32px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  color: #fff;
}
.wrapper .story-w .m-cover .info .tt {
  position: absolute;
  bottom: 6vw;
  left: 8vw;
  font-size: 4.7vw;
  line-height: 1;
}
.wrapper .story-w .sbw {
  width: 100%;
  padding: 0 8.33333333%;

  max-width: 1600px;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.wrapper .story-w .sbw .cover {
  width: 100%;
  margin-top: 5vw;
}
.wrapper .story-w .sbw .qa {
  padding-top: 5vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}
.wrapper .story-w .sbw .qa .seq {
  width: 40%;
}
.wrapper .story-w .sbw .qa .seq.right {
  text-align: right;
}
.wrapper .story-w .sbw .qa .seq .tt {
  font-size: 1.75rem;
  line-height: 1;
  padding-right: 4.68vw;
}
.wrapper .story-w .sbw .qa .qa-w {
  width: 60%;
}
.wrapper .story-w .sbw .qa .qa-w .qq {
  font-size: 1.25rem;
  line-height: 2;
  margin-bottom: 4em;
  color: #B4B4B4;
}
.wrapper .story-w .sbw .qa .qa-w .aa {
  font-size: 0.9375rem;
  line-height: 2;
}
.wrapper .story-w .sbw .qa .qa-w .aa p {
  margin-bottom: 2vw;
}
.wrapper .story-w .sbw .qa .qa-w .aa p:last-child {
  margin-bottom: 0;
}
.wrapper .story-w .sbw .principals {
  width: 100%;
  margin-top: 5vw;
}
.wrapper .story-w .sbw .principals .item {
  float: left;
  width: calc((100% - 40px) / 5);
  margin-right: 10px;
  margin-bottom: 10px;
  height: 0;
  padding-top: 29.2%;
  position: relative;
  background-color: #F9F9F9;
}
.wrapper .story-w .sbw .principals .item:nth-child(5n) {
  margin-right: 0;
}
.wrapper .story-w .sbw .principals .item .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.6) 100%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  color: #fff;
}
.wrapper .story-w .sbw .principals .item .pinfo {
  position: absolute;
  left: 2vw;
  bottom: 1.5vw;
}
.wrapper .story-w .sbw .principals .item .pinfo .name {
  font-size: 1.125vw;
  line-height: 1.77;
}
.wrapper .story-w .sbw .principals .item .pinfo .title {
  font-size: 0.875vw;
  line-height: 2.28;
}
.wrapper .story-w .sbw .story-slides {
  margin-top: 5vw;
  position: relative;
  padding-bottom: 5vw;
}
.wrapper .story-w .sbw .story-slides .swiper-slide {
  width: 33.333%;
  height: 0;
  padding-top: 44.44%;
  position: relative;
}
.wrapper .story-w .sbw .story-slides .swiper-slide .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.6) 100%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  color: #fff;
}
.wrapper .story-w .sbw .story-slides .swiper-slide .info .tt {
  position: absolute;
  left: 2.5vw;
  bottom: 2.5vw;
  font-size: 1.125vw;
  line-height: 1.77;
}
.wrapper .story-w .sbw .story-slides .swiper-button-prev,
.wrapper .story-w .sbw .story-slides .swiper-button-next {
  background-image: none;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  bottom: -1vw;
  right: 0;
  top: auto;
}
.wrapper .story-w .sbw .story-slides .swiper-button-prev i,
.wrapper .story-w .sbw .story-slides .swiper-button-next i {
  color: #000;
  font-size: 1.25vw;
}
.wrapper .story-w .sbw .story-slides .swiper-button-prev {
  left: auto;
  right: 5vw;
}
.wrapper .rs-w {
  margin-top: 80px;
  width: 100%;
  position: relative;
  padding: 0 10px;
}
.wrapper .rs-w .item-f {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 43.1%;
  margin-bottom: 10px;
  float: left;
}
.wrapper .rs-w .item-f .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  padding: 0 calc(8.33333333% * 3) 3rem 8.33333333%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  color: #fff;
  font-size: 3vw;
  line-height: 1;
}
.wrapper .rs-w .item-f .info .hint {
  font-size: 1.125vw;
  line-height: 1.25;
  margin-top: 2vw;
}
.wrapper .rs-w .item-list-w {
  padding: 0;
}
.wrapper .rs-w .item-list-w .item {
  width: calc((100% - 20px) / 3);
  height: 0;
  padding-top: 44%;
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
  position: relative;
  overflow: hidden;
}
.wrapper .rs-w .item-list-w .item:nth-child(3n) {
  margin-right: 0;
}
.wrapper .rs-w .item-list-w .item .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  padding: 2.5vw 2vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  color: #fff;
  font-size: 1.75vw;
  line-height: 1.44;
}
.wrapper .rs-w .item-list-w .item .info .hint {
  font-size: 1.125vw;
  line-height: 1.25;
  margin-top: 1vw;
}
.wrapper .rs-w .load-more-w {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 2vw 0;
}
.wrapper .rs-w .load-more-w .load-more {
  width: 10vw;
  height: 4vw;
  line-height: 4vw;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.wrapper .rs-w .load-more-w .load-more span {
  font-size: 1.25vw;
}
.wrapper .rs-w .load-more-w .load-more i {
  font-size: 1.125vw;
  margin-right: 1.5vw;
}
.wrapper .gravity-w {
  margin-top: 80px;
  width: 100%;
  position: relative;
  padding: 0 10px;
  overflow: hidden;
}
.wrapper .gravity-w .m-cover {
  width: 100%;
  position: relative;
}
.wrapper .gravity-w .m-cover img {
  width: 100%;
}
.wrapper .gravity-w .m-cover .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  color: #fff;
}
.wrapper .gravity-w .m-cover .info .video-btn {
  position: absolute;
  right: 8.33333333%;
  bottom: 3rem;
  height: 48px;
  background-color: #B4B4B4;
  color: #fff;
  cursor: pointer;
  border-radius: 24px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0 20px;
  font-size: 14px;
}
.wrapper .gravity-w .m-cover .info .video-btn i {
  margin-right: 22px;
  font-size: 16px;
}
.wrapper .gravity-w .ginfo {
  padding: 1vw 0 6vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.wrapper .gravity-w .ginfo .lpart {
  width: calc(8.33333333% * 5);
  padding-left: 8.33333333%;
  padding-top: 4.5vw;
}
.wrapper .gravity-w .ginfo .lpart .mtt {
  line-height: 1.43;
  font-size: 2vw;
}
.wrapper .gravity-w .ginfo .rpart {
  width: calc(8.33333333% * 7);
  padding-right: 8.33333333%;
}
.wrapper .gravity-w .ginfo .rpart .ghint {
  height: 4.5vw;
  font-size: 0.875vw;
  line-height: 1.78;
  color: #B4B4B4;
}
.wrapper .gravity-w .ginfo .rpart .intro {
  font-size: 1.28vw;
  line-height: 2;
}
.wrapper .gravity-w .ginfo .rpart .more {
  margin-top: 2vw;
  font-size: 1.5vw;
  line-height: 1;
  display: inline-block;
}
.wrapper .gravity-w .ginfo .rpart .more i {
  display: inline-block;
  margin-right: 0.4vw;
  font-size: 1.2vw;
}
.wrapper .gravity-w .gcovers {
  width: 100%;
  padding-bottom: 6vw;
}
.wrapper .gravity-w .gcovers .item {
  float: left;
  width: calc((100% - 20px) / 3);
  height: 0;
  padding-top: 22.22%;
  position: relative;
  margin-right: 10px;
  overflow: hidden;
}
.wrapper .gravity-w .gcovers .item:last-child {
  margin-right: 0;
}
.wrapper .gravity-w .gcovers .item .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  color: #fff;
}
.wrapper .gravity-w .gcovers .item .info .pinfo {
  position: absolute;
  left: 2vw;
  bottom: 2vw;
}
.wrapper .gravity-w .gcovers .item .info .pinfo .ptt {
  font-size: 1.25vw;
  line-height: 2.2222;
}
.wrapper .gravity-w .gcovers .item .info .pinfo .pii {
  font-size: 1vw;
  line-height: 1.4;
  margin-top: 0.6vw;
}
.wrapper .gvideo-w {
  visibility: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #fff;
  z-index: 18;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.wrapper .gvideo-w.active {
  visibility: visible;
}
.wrapper .gvideo-w .close {
  position: absolute;
  left: 3em;
  top: 20px;
  width: 40px;
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 18px;
  z-index: 19;
}
.wrapper .gvideo-w video {
  max-width: 83.333%;
  max-height: 80%;
}

@media screen and (max-width: 1400px) {
  .wrapper .index-w .b-contact .contacts .col .cvv {
    padding-right: 5vw;
  }
  .wrapper .team-w .contact-info .cinfo-w .col {
    font-size: 1rem;
  }
  .wrapper .team-w .contact-info .cinfo-w .col .loc img {
    height: 2.8rem;
  }
  .wrapper .team-w .contact-info .cinfo-w .col .loc .en-t {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 1000px) {
  .wrapper .index-w .b-contact .contacts .col .cvv {
    padding-right: 2vw;
  }
  .wrapper .team-w .contact-info {
    padding: 40px 20px 40px;
  }
  .wrapper .team-w .contact-info .cinfo-w {
    flex-direction: column;
  }
  .wrapper .team-w .contact-info .cinfo-w .col {
    width: 100%;
    font-size: 0.8rem;
  }
  .wrapper .team-w .contact-info .cinfo-w .col .cdd {
    margin-bottom: 2em;
  }
  .wrapper .team-w .contact-info .cinfo-w .col .loc {
    margin-top: -1.2em;
  }
  .wrapper .team-w .contact-info .cinfo-w .col .loc img {
    height: 2.2rem;
  }
  .wrapper .team-w .contact-info .cinfo-w .col .loc .en-t {
    font-size: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .display-pc {
    display: none;
  }
  .display-600 {
    display: block;
  }
  .not-display-600 {
    display: none;
  }
  body.en .wrapper .projects .item .info .en-t {
    font-size: 26px;
    max-width: 85%;
    font-weight: bold;
  }
  body.en .wrapper .projects.col3 .item .info .en-t {
    font-size: 26px;
    max-width: 85%;
    font-weight: bold;
  }
  body.en .wrapper .projects-f-w .item .info .en-t {
    font-size: 26px;
    max-width: 85%;
    font-weight: bold;
  }
  body.en .wrapper .principal-l-w .item .info .en-t {
    font-size: 32px;
    font-weight: bold;
  }
  body.en .wrapper .principal-w .ppw .cover .info .pname .en-t {
    font-size: 4.5vw;
    line-height: 1.11;
    font-weight: bold;
  }
  body.en .wrapper .principal-w .ppw .cover .info .pname .en-t br {
    display: inline-block;
  }
  .shadow.qr-shadow {
    z-index: 18;
  }
  .shadow.qr-shadow .close {
    left: 16px;
    top: 12px;
    font-size: 16px;
  }
  .shadow.qr-shadow .shadow-w .qr-w {
    width: 100px;
    height: 100px;
  }
  .loading-w .loading_inner {
    right: 35px;
  }
  .loading-w .loading_inner svg {
    height: 74px !important;
  }
  .selector-i .option {
    padding-right: 14px;
    font-size: 14px;
  }
  .wrapper .topbar .icon-tt {
    font-size: 16px;
  }
  .wrapper .topbar .header__bar--menu {
    left: 15px;
    top: 12px;
  }
  .wrapper .topbar .header__bar--lang {
    left: 64px;
    top: 12px;
  }
  .wrapper .topbar .header__bar--lang .icon-lang {
    font-size: 16px;
    width: 30px;
  }
  .wrapper .topbar .header__bar--lang .lang {
    font-size: 14px;
  }
  .wrapper .topbar .header__bar--lang .lang i {
    font-size: 12px;
    margin-left: 4px;
  }
  .wrapper .topbar .header__bar--search {
    right: 15px;
    top: 12px;
  }
  .wrapper .topbar .header__bar--search .icon-search {
    position: relative;
    right: 0;
  }
  .wrapper .topbar .header__bar--search .search-bar {
    height: 40px;
    width: 0;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
  }
  .wrapper .topbar .header__bar--search .search-bar .search-txt {
    -webkit-appearance: none;
    border: none;
    outline: none;
    position: absolute;
    width: 100%;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    color: #fff;
    padding: 0 56px;
    font-size: 16px;
  }
  .wrapper .topbar .header__bar--search .search-bar .search-txt::-moz-placeholder {
    color: rgba(255, 255, 255, 0.6);
  }
  .wrapper .topbar .header__bar--search .search-bar .search-txt::placeholder {
    color: rgba(255, 255, 255, 0.6);
  }
  .wrapper .topbar .header__bar--search .search-bar .icon-ll {
    position: absolute;
    left: 20px;
    line-height: 40px;
    top: 0;
    font-size: 18px;
    color: #fff;
    width: 16px;
  }
  .wrapper .topbar.wht {
    height: 64px;
  }
  .wrapper .topbar .breadcrumb {
    height: 64px;
    max-width: calc(100% - 120px);
    overflow: hidden;
  }
  .wrapper .topbar .breadcrumb .filter {
    display: none;
  }
  .wrapper .topbar .breadcrumb .item {
    font-size: 13px;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .wrapper .menu {
    padding-left: 28px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding-top: 90px;
  }
  .wrapper .menu .menu-f {
    width: 100%;
    position: relative;
  }
  .wrapper .menu .menu-f .menu-fb,
  .wrapper .menu .menu-f > a {
    color: #fff;
    font-size: 30px;
    line-height: 1.7;
  }
  .wrapper .menu .menu-f .menu-fb .menu-ss,
  .wrapper .menu .menu-f > a .menu-ss {
    display: none;
  }
  .wrapper .menu .menu-f .menu-fb .menu-ss > a,
  .wrapper .menu .menu-f > a .menu-ss > a {
    font-size: 17px;
    line-height: 2.2;
  }
  .wrapper .menu .menu-f .menu-fb.active > span,
  .wrapper .menu .menu-f > a.active > span {
    color: #fff;
  }
  .wrapper .menu .logo {
    height: 70px;
    right: 35px;
  }
  .wrapper .menu .m-footer {
    left: 28px;
    font-size: 13px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .wrapper .menu .m-footer .item {
    margin-right: 0;
    margin-top: 6px;
  }
  .wrapper .menu .social {
    top: 20px;
    right: 28px;
  }
  .wrapper .serhres .search-types {
    padding-left: 28px;
    padding-top: 60px;
  }
  .wrapper .serhres .search-types .item {
    font-size: 12px;
    margin-right: 10px;
  }
  .wrapper .serhres .bres {
    display: none;
  }
  .wrapper .serhres .bres .summary {
    padding: 20px 28px 20px;
    font-size: 14px;
  }
  .wrapper .bb .btt {
    height: 160px;
    padding: 0 28px 32px;
  }
  .wrapper .bb .btt .titles .zh {
    font-size: 12px;
  }
  .wrapper .bb .btt .titles .en-t {
    font-size: 36px;
  }
  .wrapper .bb .btt .more {
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
  }
  .wrapper .bb .btt .more i {
    margin-right: 10px;
    font-size: 13px;
  }
  .wrapper .gallery .close {
    left: 15px;
    top: 20px;
    font-size: 16px;
  }
  .wrapper .gallery .gallery-thumbs {
    height: 100px;
  }
  .wrapper .gallery .gallery-thumbs .swiper-slide {
    width: auto;
    padding: 10px 0;
  }
  .wrapper .gallery .gallery-thumbs .swiper-slide img {
    height: 100%;
  }
  .wrapper .gallery .gallery-top {
    height: calc(100% - 100px);
  }
  .wrapper .gallery .gallery-top .swiper-slide {
    position: relative;
    width: 100%;
    padding: 10% 0;
  }
  .wrapper .gallery .gallery-top .swiper-slide .cover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
  }
  .wrapper .gallery .gallery-top img {
    max-width: 100%;
    max-height: 80%;
  }
  .wrapper .projects {
    padding: 0 10px;
  }
  .wrapper .projects .item {
    width: 100%;
    padding-top: 66.66%;
    margin: 0 0 10px 0;
  }
  .wrapper .projects .item .info {
    padding: 20px 18px;
  }
  .wrapper .projects .item .info .zh {
    font-size: 16px;
  }
  .wrapper .projects .item .info .en-t {
    font-size: 11px;
  }
  .wrapper .projects.col3 .item {
    width: 100%;
    padding-top: 66.66%;
  }
  .wrapper .projects.col3 .item:nth-child(2n) {
    margin-right: 0;
  }
  .wrapper .projects.col3 .item .info {
    padding: 20px 18px;
  }
  .wrapper .projects.col3 .item .info .zh {
    font-size: 16px;
  }
  .wrapper .projects.col3 .item .info .en-t {
    font-size: 11px;
    font-weight: bold;
  }
  .wrapper .news-list-w .item {
    width: 100%;
    padding-top: 66.66%;
    margin-right: 0;
  }
  .wrapper .news-list-w .item .info {
    padding: 20px 18px;
    font-size: 14px;
    line-height: 1.7;
  }
  .wrapper .news-list-w .item .info .en {
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5;
  }
  .wrapper .news-list-w .item .info .dt {
    font-size: 13px;
    margin-top: 10px;
  }
  .wrapper .principal-l-w {
    margin-top: 64px;
  }
  .wrapper .principal-l-w .item {
    width: calc((100% - 10px) / 2);
    padding-top: 75%;
  }
  .wrapper .principal-l-w .item:nth-child(2n) {
    margin-right: 0;
  }
  .wrapper .principal-l-w .item .info {
    padding: 18px;
  }
  .wrapper .principal-l-w .item .info .zh {
    font-size: 17px;
    margin-bottom: 10px;
  }
  .wrapper .principal-l-w .item .info .en-t {
    font-size: 12px;
    font-weight: bold;
  }
  .wrapper .principal-l-w1 .item {
    width: calc((100% - 10px) / 2);
    padding-top: 75%;
  }
  .wrapper .principal-l-w1 .item:nth-child(2n) {
    margin-right: 0;
  }
  .wrapper .principal-l-w1 .item .info {
    padding: 18px;
  }
  .wrapper .principal-l-w1 .item .info .zh {
    font-size: 17px;
    margin-bottom: 10px;
  }
  .wrapper .principal-l-w1 .item .info .en-t {
    font-size: 12px;
    font-weight: bold;
  }
  .wrapper ul.principal-category {
    height: 48px;
    margin: 64px 10px 10px 10px;
    padding-left: 1em;
    background: #b2b2b2;
    margin-bottom: 10px;
    padding-right: 1em;
    display: flex;
    align-items: center;
    list-style-type: none;
    overflow: hidden;
    justify-content: space-between;
  }
  .wrapper ul.principal-category li {
    text-decoration: none;
  }
  .wrapper ul.principal-category li.hot {
    font-weight: bold;
  }
  .wrapper ul.principal-category li a.info {
    color: white;
    font-size: 13px;
  }
  .wrapper ul.principal-category li a.info .font-en {
    line-height: 1;
    font-size: 10px;
  }
  .wrapper ul.principal-category li a.info .font-en.larger {
    font-size: 13px;
  }
  .wrapper .index-w .index-slides .swiper-pagination-fraction {
    bottom: auto;
    top: 6rem;
    padding-left: 36px;
    font-size: 11px;
  }
  .wrapper .index-w .index-slides .swiper-button-prev,
  .wrapper .index-w .index-slides .swiper-button-next {
    background-image: none;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
    position: absolute;
    bottom: 2.25rem;
    left: 28px;
    top: auto;
  }
  .wrapper .index-w .index-slides .swiper-button-prev i,
  .wrapper .index-w .index-slides .swiper-button-next i {
    color: #fff;
    font-size: 22px;
  }
  .wrapper .index-w .index-slides .swiper-button-next {
    left: 100px;
  }
  .wrapper .index-w .index-slides .prj-name {
    bottom: auto;
    top: 8.6rem;
    left: 36px;
    width: calc(100% - 72px);
    padding-left: 0;
    font-size: 14px;
    line-height: 1.6;
  }
  .wrapper .index-w .index-slides .prj-name .zh {
    font-weight: normal;
  }
  .wrapper .index-w .index-slides .prj-name .en {
    font-weight: bold;
    font-size: 16px;
  }
  .wrapper .index-w .index-slides .shdw-cover .s-words {
    font-size: 12.5vw;
    line-height: 1.2;
    padding-left: 8.33333333%;
  }
  .wrapper .index-w .index-slides .shdw-cover .logo {
    height: 70px;
    right: 35px;
  }
  .wrapper .index-w .b-contact {
    padding-bottom: 0;
  }
  .wrapper .index-w .b-contact .contacts {
    padding: 20px 0 0 28px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .wrapper .index-w .b-contact .contacts .col {
    width: 100%;
    padding-bottom: 60px;
  }
  .wrapper .index-w .b-contact .contacts .col .en {
    font-weight: bold;
  }
  .wrapper .index-w .b-contact .contacts .col .ctt {
    font-size: 20px;
    margin-bottom: 32px;
  }
  .wrapper .index-w .b-contact .contacts .col .cvv {
    font-size: 13px;
    line-height: 1.71;
    max-width: 78%;
  }
  .wrapper .index-w .b-contact .contacts .col:last-child {
    padding-bottom: 0;
  }
  .wrapper .m-footer {
    padding: 2.25rem 28px;
    font-size: 11px;
  }
  .wrapper .m-footer .item {
    margin-right: 0;
    margin-left: 20px;
    margin-top: 6px;
  }
  .wrapper .projects-f-w {
    margin-top: 64px;
  }
  .wrapper .projects-f-w .item {
    width: 100%;
    padding-top: 66.66%;
    margin-right: 0;
  }
  .wrapper .projects-f-w .item .info {
    padding: 20px 28px;
  }
  .wrapper .projects-f-w .item .info .zh {
    font-size: 16px;
  }
  .wrapper .projects-f-w .item .info .en-t {
    font-size: 11px;
  }
  .wrapper .projects-w {
    margin-top: 64px;
  }
  .wrapper .project-w .m-cover .info {
    padding-left: 28px;
    padding-right: 28px;
    padding-bottom: 3rem;
  }
  .wrapper .project-w .m-cover .info .prj-name {
    font-size: 11vw;
    max-width: 75%;
    line-height: 1.2;
  }
  .wrapper .project-w .m-cover .info .prj-info {
    height: auto;
    flex-direction: column;
    align-items: flex-start;
  }
  .wrapper .project-w .m-cover .info .prj-info .prj-name-zh {
    font-size: 15px;
    line-height: 1.8;
    height: auto;
    margin-right: 0;
  }
  .wrapper .project-w .m-cover .info .prj-info .location {
    font-size: 12px;
    height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .wrapper .project-w .m-cover .info .fullscreen {
    right: 28px;
    bottom: 2rem;
  }
  .wrapper .project-w .content {
    padding: 40px 28px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  .wrapper .project-w .content .intro {
    width: 100%;
    font-size: 14px;
    margin-bottom: 60px;
  }
  .wrapper .project-w .content .intro .en {
    font-weight: bold;
  }
  .wrapper .project-w .content .details {
    width: 100%;
    font-size: 12px;
    padding-right: 0;
  }
  .wrapper .recommend .rtt {
    padding: 28px 28px;
    font-size: 22px;
  }
  .wrapper .principal-w {
    margin-top: 64px;
  }
  .wrapper .principal-w .ppw {
    position: relative;
    display: block;
    top: 0;
  }
  .wrapper .principal-w .ppw .cover {
    width: 100%;
  }
  .wrapper .principal-w .ppw .cover .info {
    padding-left: 28px;
  }
  .wrapper .principal-w .ppw .cover .info .pname {
    margin-bottom: 14px;
  }
  .wrapper .principal-w .ppw .cover .info .pname .zh {
    font-size: 32px;
    margin-right: 12px;
  }
  .wrapper .principal-w .ppw .cover .info .pname .en-t {
    font-size: 14px;
  }
  .wrapper .principal-w .ppw .cover .info .ptitle {
    font-size: 12px;
  }
  .wrapper .principal-w .ppw .cover .navs {
    right: 28px;
    bottom: 2.8rem;
  }
  .wrapper .principal-w .ppw .cover .navs a {
    font-size: 22px;
  }
  .wrapper .principal-w .ppw .cover .navs a:last-child {
    margin-left: 32px;
  }
  .wrapper .principal-w .ppw .pinfo {
    width: 100% !important;
    padding: 40px 28px;
    overflow-y: auto;
  }
  .wrapper .principal-w .ppw .pinfo .intro {
    font-size: 14px;
    margin-bottom: 40px;
  }
  .wrapper .principal-w .ppw .pinfo .prjs .ptt {
    font-size: 14px;
    margin-bottom: 16px;
  }
  .wrapper .principal-w .ppw .pinfo .prjs .prjs-w .prj {
    margin-bottom: 13px;
  }
  .wrapper .principal-w .ppw .pinfo .prjs .prjs-w .prj i {
    font-size: 16px;
    line-height: 1.4;
    margin-right: 10px;
  }
  .wrapper .principal-w .ppw .pinfo .prjs .prjs-w .prj span {
    width: calc(100% - 40px);
    font-size: 13px;
  }
  .wrapper .team-w {
    margin-top: 64px;
  }
  .wrapper .team-w.contact-w .loc-team {
    padding: 40px 0 30px;
  }
  .wrapper .team-w .loc-team {
    padding: 40px 0 180px;
    flex-direction: column;
    justify-content: flex-start;
  }
  .wrapper .team-w .loc-team .loc {
    padding: 0 28px 30px;
    width: 100%;
  }
  .wrapper .team-w .loc-team .loc .zh {
    margin-bottom: 0;
  }
  .wrapper .team-w .loc-team .loc .zh img {
    height: 40px;
  }
  .wrapper .team-w .loc-team .loc .en-t {
    margin-top: 0.25em;
    font-size: 24px;
  }
  .wrapper .team-w .loc-team .staff {
    width: 100%;
    overflow-x: scroll;
    min-height: auto;
  }
  .wrapper .team-w .loc-team .staff::-webkit-scrollbar {
    display: none;
  }
  .wrapper .team-w .loc-team .staff .zh {
    width: 300vw;
    padding: 0 28px 30px;
  }
  .wrapper .team-w .loc-team .staff .zh span {
    float: left;
    width: 10%;
    font-size: 13px;
  }
  .wrapper .team-w .loc-team .staff .en {
    width: 300vw;
    padding: 0 28px 30px;
  }
  .wrapper .team-w .loc-team .staff .en span {
    width: 10%;
    font-size: 14px;
  }
  .wrapper .team-w .loc-team .contact-w {
    width: 100%;
    padding: 0 30px;
  }
  .wrapper .team-w .loc-team .contact-w .addr {
    font-size: 13px;
    line-height: 2;
    margin-bottom: 40px;
  }
  .wrapper .team-w .loc-team .contact-w .addr .en {
    font-weight: bold;
  }
  .wrapper .team-w .loc-team .contact-w .contacts {
    flex-direction: column;
  }
  .wrapper .team-w .loc-team .contact-w .contacts .en {
    font-weight: bold;
  }
  .wrapper .team-w .loc-team .contact-w .contacts .col {
    width: 100%;
    margin-bottom: 32px;
    font-size: 13px;
  }
  .wrapper .team-w .loc-team .total {
    left: 28px;
    bottom: 100px;
  }
  .wrapper .team-w .loc-team .total span {
    font-size: 14px;
    line-height: 1.8;
    margin-left: 8px;
  }
  .wrapper .team-w .loc-team .total .num {
    font-size: 48px;
  }
  .wrapper .team-w .total-team {
    padding: 0 18px 180px;
    display: block;
  }
  .wrapper .team-w .total-team .total {
    float: left;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
  }
  .wrapper .team-w .total-team .total .num {
    font-size: 48px;
  }
  .wrapper .team-w .total-team .total span {
    font-size: 14px;
    line-height: 1.8;
  }
  .wrapper .team-w .total-team .nav {
    float: right;
    padding-bottom: 0.5vw;
    padding-right: 0;
    font-size: 14px;
    padding-top: 60px;
  }
  .wrapper .team-w .total-team .nav i {
    margin-right: 1.5vw;
    font-size: 14px;
  }
  .wrapper .events-w {
    margin-top: 64px;
  }
  .wrapper .events-w .news-f {
    padding-top: 66.66%;
  }
  .wrapper .events-w .news-f .info {
    padding: 20px 18px;
    font-size: 14px;
    line-height: 1.6;
  }
  .wrapper .events-w .news-f .info .dt {
    font-size: 12px;
    line-height: 2;
    margin-top: 14px;
  }
  .wrapper .events-w .load-more-w {
    padding: 32px 0;
  }
  .wrapper .events-w .load-more-w .load-more {
    width: 100%;
    height: 18px;
    line-height: 18px;
  }
  .wrapper .events-w .load-more-w .load-more span {
    font-size: 20px;
  }
  .wrapper .events-w .load-more-w .load-more i {
    font-size: 18px;
    margin-right: 26px;
  }
  .wrapper .qrcode-f {
    right: -300px;
    width: 260px;
  }
  .wrapper .qrcode-f.slideInRight {
    animation-name: slideInRightResp;
    animation-duration: 0.4s;
    animation-fill-mode: both;
  }
  .wrapper .qrcode-f.slideInRight.slideOutRight {
    animation-name: slideOutRightResp;
    animation-duration: 0.4s;
    animation-fill-mode: both;
  }
  .wrapper .news-w .m-cover .info {
    padding: 0 28px 3rem;
    font-size: 26px;
    line-height: 1.6;
  }
  .wrapper .news-w .m-cover .info .dt {
    font-size: 14px;
    margin-top: 20px;
  }
  .wrapper .news-w .content {
    padding: 60px 28px 0;
  }
  .wrapper .news-w .content p {
    margin-bottom: 2em;
  }
  .wrapper .news-w .content p img {
    width: 100%;
  }
  .wrapper .news-w .content p.txt {
    font-size: 14px;
    line-height: 2;
  }
  .wrapper .news-w .related-prjs {
    margin-bottom: 60px;
    padding: 0 10px;
  }
  .wrapper .news-w .related-prjs .relate-tt-w {
    margin-bottom: 60px;
  }
  .wrapper .news-w .related-prjs .relate-tt-w .relate-tt {
    height: 44px;
    border-radius: 22px;
    padding: 0 24px;
    font-size: 12px;
  }
  .wrapper .news-w .related-prjs .relate-tt-w .relate-tt i {
    margin-right: 20px;
    font-size: 16px;
  }
  .wrapper .news-w .related-prjs .prj {
    height: 180px;
  }
  .wrapper .news-w .related-prjs .prj .info {
    padding-left: 18px;
    padding-bottom: 12px;
    font-size: 12px;
  }
  .wrapper .join-w {
    margin-top: 64px;
  }
  .wrapper .join-w .m-cover .info .icon-play {
    font-size: 60px;
  }
  .wrapper .join-w .m-cover .info p {
    font-size: 50px;
    bottom: 42px;
    left: 28px;
  }
  .wrapper .join-w .jtt {
    padding: 40px 28px 40px;
    flex-direction: column;
    justify-content: flex-start;
  }
  .wrapper .join-w .jtt .lpart {
    font-size: 22px;
  }
  .wrapper .join-w .jtt .rpart {
    max-width: 100%;
    margin-top: 16px;
    font-size: 14px;
  }
  .wrapper .join-w .jtt .rpart.filters {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    padding: 2em 0 0;
  }
  .wrapper .join-w .jtt .rpart .selector {
    width: calc(50% - 10px);
    height: 48px;
    margin-left: 0;
    border-radius: 28px;
  }
  .wrapper .join-w .jtt .rpart .selector:nth-child(1) {
    margin-right: 20px;
  }
  .wrapper .join-w .jtt .rpart .selector:nth-child(3) {
    width: 100%;
    margin-top: 20px;
  }
  .wrapper .join-w .jtt .rpart .selector .select-w {
    padding: 0 20px;
    font-size: 14px;
    line-height: 48px;
  }
  .wrapper .join-w .jtt .rpart .selector .select-w .en {
    font-size: 11px;
  }
  .wrapper .join-w .jtt .rpart .selector .select-w i {
    font-size: 18px;
  }
  .wrapper .join-w .jtt .rpart .selector .select-w input {
    font-size: 14px;
    line-height: 48px;
  }
  .wrapper .join-w .jtt .rpart .selector .selector-i {
    top: 56px;
    background-color: #F9F9F9;
    border-radius: 28px;
    font-size: 12px;
    z-index: 2;
  }
  .wrapper .join-w .jtt .rpart .selector .selector-i .option {
    height: 48px;
    line-height: 48px;
    padding-left: 20px;
  }
  .wrapper .join-w .jslides {
    padding: 0 10px;
    margin-bottom: 20px;
  }
  .wrapper .join-w .jslides .jslides-w .swiper-button-prev,
  .wrapper .join-w .jslides .jslides-w .swiper-container-rtl .swiper-button-next,
  .wrapper .join-w .jslides .jslides-w .swiper-button-next,
  .wrapper .join-w .jslides .jslides-w .swiper-container-rtl .swiper-button-prev {
    width: 24px;
    height: 40px;
  }
  .wrapper .join-w .jslides .jslides-w .swiper-button-prev i,
  .wrapper .join-w .jslides .jslides-w .swiper-container-rtl .swiper-button-next i,
  .wrapper .join-w .jslides .jslides-w .swiper-button-next i,
  .wrapper .join-w .jslides .jslides-w .swiper-container-rtl .swiper-button-prev i {
    font-size: 22px;
    line-height: 40px;
  }
  .wrapper .join-w .jslides .jslides-w .swiper-pagination-fraction {
    padding-left: 18px;
    bottom: 1rem;
    font-size: 12px;
  }
  .wrapper .join-w .jslides .jslides-w .swiper-pagination-fraction .swiper-pagination-current {
    color: #fff;
  }
  .wrapper .join-w .jslides .jslides-w .prj-name {
    bottom: 1rem;
    padding-left: 5em;
    font-size: 12px;
    line-height: 1.4;
    padding-right: 20px;
    font-weight: normal;
  }
  .wrapper .join-w .jslides .jslides-w .prj-name a {
    color: #fff;
  }
  .wrapper .join-w .jpeople {
    margin-bottom: 20px;
  }
  .wrapper .join-w .jpeople .item {
    width: 100%;
    padding-bottom: 56.2%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .wrapper .join-w .jpeople .item .info .icon-play {
    font-size: 50px;
  }
  .wrapper .join-w .jpeople .item .info .pname {
    bottom: 12px;
    left: 18px;
  }
  .wrapper .join-w .jpeople .item .info .pname .name {
    font-size: 18px;
  }
  .wrapper .join-w .jpeople .item .info .pname .jtitle {
    font-size: 12px;
    margin-top: 8px;
  }
  .wrapper .join-w .jobs {
    margin-bottom: 0;
  }
  .wrapper .join-w .jobs .item {
    width: 100%;
    padding-bottom: 41.66%;
    margin-right: 0;
  }
  .wrapper .join-w .jobs .item .info .pname {
    bottom: 18px;
    left: 24px;
  }
  .wrapper .join-w .jobs .item .info .pname .name {
    font-size: 18px;
  }
  .wrapper .join-w .jobs .item .info .pname .jloc {
    font-size: 12px;
    margin-top: 1em;
    line-height: 1;
  }
  .wrapper .job-w {
    margin-top: 64px;
  }
  .wrapper .job-w .m-cover {
    padding-top: 48%;
  }
  .wrapper .job-w .m-cover .info .pname {
    max-width: 100%;
    bottom: 26px;
    left: 28px;
  }
  .wrapper .job-w .m-cover .info .pname .name {
    font-size: 26px;
  }
  .wrapper .job-w .m-cover .info .pname .jloc {
    font-size: 12px;
    margin-top: 10px;
  }
  .wrapper .job-w .content {
    width: 100%;
    padding: 40px 28px 60px;
  }
  .wrapper .job-w .content .cont-w {
    font-size: 13px;
    line-height: 2;
  }
  .wrapper .job-w .ops {
    padding-left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
  }
  .wrapper .job-w .ops .op {
    padding: 0 20px;
    height: 48px;
    margin-right: 0;
    margin-bottom: 20px;
    border-radius: 24px;
    font-size: 14px;
  }
  .wrapper .job-w .ops .op i {
    margin-right: 20px;
  }
  .wrapper .job-w .ops .op:last-child {
    margin-bottom: -40px;
  }
  .wrapper .privacy-w {
    margin-top: 64px;
  }
  .wrapper .privacy-w .m-cover {
    position: relative;
    height: 220px;
  }
  .wrapper .privacy-w .cont {
    padding: 20px 32px 6vw;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .wrapper .privacy-w .cont .lpart {
    width: 100%;
    padding-left: 0;
  }
  .wrapper .privacy-w .cont .lpart .hint {
    font-size: 10px;
    line-height: 1.6;
    color: #B4B4B4;
  }
  .wrapper .privacy-w .cont .lpart .tt {
    height: 100px;
    line-height: 100px;
    font-size: 20px;
  }
  .wrapper .privacy-w .cont .lpart .vv .item {
    font-size: 10px;
    line-height: 2.3;
  }
  .wrapper .privacy-w .cont .lpart .vv .item.active {
    margin-bottom: 12px;
  }
  .wrapper .privacy-w .cont .rpart {
    width: 100%;
    padding-right: 0;
  }
  .wrapper .privacy-w .cont .rpart .ttw {
    height: auto;
    margin-bottom: 40px;
  }
  .wrapper .privacy-w .cont .rpart .ttw .policy {
    font-size: 13px;
    line-height: 1.8;
    padding-top: 15px;
  }
  .wrapper .privacy-w .cont .rpart .info-c {
    margin-bottom: 4vw;
  }
  .wrapper .privacy-w .cont .rpart .info-c .tt {
    font-size: 13px;
    margin-bottom: 15px;
  }
  .wrapper .privacy-w .cont .rpart .info-c .stt {
    font-size: 10px;
    margin-bottom: 10px;
  }
  .wrapper .privacy-w .cont .rpart .info-c .items {
    font-size: 13px;
    padding-left: 28px;
  }
  .wrapper .privacy-w .cont .rpart .item-b {
    margin-bottom: 32px;
    font-size: 13px;
  }
  .wrapper .privacy-w .cont .rpart .item-b .itt {
    margin-bottom: 12px;
  }
  .wrapper .story-w {
    margin-top: 64px;
  }
  .wrapper .story-w .m-cover {
    position: relative;
    height: 220px;
  }
  .wrapper .story-w .m-cover .info .tt {
    bottom: 16px;
    left: 28px;
    font-size: 38px;
  }
  .wrapper .story-w .sbw {
    padding: 0 0 5vw;
  }
  .wrapper .story-w .sbw .cover {
    width: 100%;
    margin-top: 40px;
    position: relative;
    height: 260px;
  }
  .wrapper .story-w .sbw .qa {
    padding: 40px 32px 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .wrapper .story-w .sbw .qa .seq {
    width: 100%;
  }
  .wrapper .story-w .sbw .qa .seq .tt {
    font-size: 22px;
    padding-right: 0;
    margin-bottom: 36px;
  }
  .wrapper .story-w .sbw .qa .qa-w {
    width: 100%;
  }
  .wrapper .story-w .sbw .qa .qa-w .qq {
    font-size: 14px;
    margin-bottom: 36px;
  }
  .wrapper .story-w .sbw .qa .qa-w .aa {
    font-size: 13px;
    line-height: 1.99;
  }
  .wrapper .story-w .sbw .qa .qa-w .aa p {
    margin-bottom: 12px;
  }
  .wrapper .story-w .sbw .principals {
    margin-top: 40px;
  }
  .wrapper .story-w .sbw .principals .item {
    width: calc((100% - 10px) / 2);
    height: 0;
    padding-top: 73%;
  }
  .wrapper .story-w .sbw .principals .item:nth-child(2n) {
    margin-right: 0;
  }
  .wrapper .story-w .sbw .principals .item:nth-child(5n) {
    margin-right: 10px;
  }
  .wrapper .story-w .sbw .principals .item:nth-child(10n) {
    margin-right: 0;
  }
  .wrapper .story-w .sbw .principals .item .pinfo {
    left: 26px;
    bottom: 24px;
  }
  .wrapper .story-w .sbw .principals .item .pinfo .name {
    font-size: 15px;
  }
  .wrapper .story-w .sbw .principals .item .pinfo .title {
    font-size: 11px;
  }
  .wrapper .story-w .sbw .story-slides {
    margin-top: 40px;
    padding-bottom: 40px;
  }
  .wrapper .story-w .sbw .story-slides .swiper-slide {
    width: 280px;
    padding-top: 374px;
  }
  .wrapper .story-w .sbw .story-slides .swiper-slide .info .tt {
    left: 32px;
    bottom: 24px;
    font-size: 13px;
  }
  .wrapper .story-w .sbw .story-slides .swiper-button-prev,
  .wrapper .story-w .sbw .story-slides .swiper-button-next {
    bottom: -32px;
  }
  .wrapper .story-w .sbw .story-slides .swiper-button-prev i,
  .wrapper .story-w .sbw .story-slides .swiper-button-next i {
    font-size: 14px;
  }
  .wrapper .story-w .sbw .story-slides .swiper-button-prev {
    right: 56px;
  }
  .wrapper .rs-w {
    margin-top: 64px;
  }
  .wrapper .rs-w .item-f {
    padding-top: 65%;
  }
  .wrapper .rs-w .item-f .info {
    padding: 0 26px 26px;
    font-size: 18px;
  }
  .wrapper .rs-w .item-f .info .hint {
    font-size: 8px;
    margin-top: 12px;
  }
  .wrapper .rs-w .item-list-w {
    padding: 0;
  }
  .wrapper .rs-w .item-list-w .item {
    width: 100%;
    padding-top: 133.33%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .wrapper .rs-w .item-list-w .item .info {
    padding: 0 26px 26px;
    font-size: 18px;
  }
  .wrapper .rs-w .item-list-w .item .info .hint {
    font-size: 8px;
    margin-top: 12px;
  }
  .wrapper .rs-w .load-more-w {
    padding: 32px 0;
  }
  .wrapper .rs-w .load-more-w .load-more {
    width: 100%;
    height: 18px;
    line-height: 18px;
  }
  .wrapper .rs-w .load-more-w .load-more span {
    font-size: 20px;
  }
  .wrapper .rs-w .load-more-w .load-more i {
    font-size: 18px;
    margin-right: 26px;
  }
  .wrapper .gravity-w {
    margin-top: 64px;
  }
  .wrapper .gravity-w .m-cover {
    position: relative;
    height: 220px;
  }
  .wrapper .gravity-w .m-cover .info .video-btn {
    right: 26px;
    bottom: 26px;
    height: 28px;
    border-radius: 14px;
    padding: 0 10px;
    font-size: 11px;
  }
  .wrapper .gravity-w .m-cover .info .video-btn i {
    margin-right: 10px;
    font-size: 14px;
  }
  .wrapper .gravity-w .ginfo {
    padding: 16px 26px 40px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .wrapper .gravity-w .ginfo .lpart {
    width: 100%;
    padding-left: 0;
    padding-top: 0;
  }
  .wrapper .gravity-w .ginfo .lpart .ghint {
    height: auto;
    font-size: 10px;
    line-height: 1.78;
    color: #B4B4B4;
    margin-bottom: 32px;
  }
  .wrapper .gravity-w .ginfo .lpart .mtt {
    font-size: 20px;
    margin-bottom: 32px;
  }
  .wrapper .gravity-w .ginfo .rpart {
    width: 100%;
    padding-right: 0;
  }
  .wrapper .gravity-w .ginfo .rpart .intro {
    font-size: 13px;
    line-height: 2;
  }
  .wrapper .gravity-w .ginfo .rpart .intro p {
    margin-bottom: 16px;
  }
  .wrapper .gravity-w .ginfo .rpart .more {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    font-size: 16px;
  }
  .wrapper .gravity-w .ginfo .rpart .more i {
    margin-right: 8px;
    font-size: 14px;
  }
  .wrapper .gravity-w .gcovers {
    padding-bottom: 32px;
  }
  .wrapper .gravity-w .gcovers .item {
    float: none;
    width: 100%;
    padding-top: 66.66%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .wrapper .gravity-w .gcovers .item .info {
    padding: 0 0;
  }
  .wrapper .gravity-w .gcovers .item .info .pinfo {
    left: 26px;
    bottom: 26px;
  }
  .wrapper .gravity-w .gcovers .item .info .pinfo .ptt {
    font-size: 18px;
    line-height: 1;
  }
  .wrapper .gravity-w .gcovers .item .info .pinfo .pii {
    font-size: 11px;
    margin-top: 12px;
  }
  .wrapper .gvideo-w .close {
    left: 15px;
    top: 20px;
    font-size: 16px;
  }
  .wrapper .gvideo-w video {
    max-width: calc(100% - 20px);
    max-height: 80%;
  }
}/*# sourceMappingURL=goa.css.map */