/* reset */
body, dl, dd, ul, ol, h1, h2, h3, h4, h5, h6, p, form, header, section, article, footer {
  margin: 0; }

body, button, input, select, textarea {
  font: 14px / 1.571429 "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Roboto, Arial, sans-serif; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%; }

em, b {
  font-style: normal; }

a {
  text-decoration: none; }

a:hover {
  text-decoration: none;
  outline: none; }

img {
  border: 0; }

button, input, select, textarea {
  font-size: 100%;
  outline: none;
  font: 14px / 1.571429 "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Roboto, Arial, sans-serif; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td, th, ul, ol {
  padding: 0; }

ul, li {
  list-style: none; }

@font-face {
  font-family: 'bru';
  src: url("../font/BrunoAceSC-Regular.ttf") format("truetype"); }
@font-face {
  font-family: 'syb';
  src: url("../font/SourceHanSansCN-Bold.ttf") format("truetype"); }
@font-face {
  font-family: 'sym';
  src: url("../font/SourceHanSansCN-Medium.ttf") format("truetype"); }
@font-face {
  font-family: 'syr';
  src: url("../font/SourceHanSansCN-Regular.otf") format("truetype"); }
.bru {
  font-family: "bru"; }

html, body {
  background: #000;
  color: #FFF;
  width: 100%;
  max-width: 100%;
  min-width: 320px;
  min-height: 100vh;
  overflow-x: hidden; }

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

.twoline, .threeline {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical; }

.twoline {
  -webkit-line-clamp: 2; }

.threeline {
  -webkit-line-clamp: 3; }

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.bs100 {
  background-repeat: no-repeat;
  background-size: 100% 100%; }

img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover; }

.pa {
  position: absolute;
  z-index: 5; }

.fadeIn .topnav {
  top: 0; }
.fadeIn .wrap.index .kv {
  opacity: 1; }

.topnav {
  width: 100%;
  height: 1.1rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: fixed;
  top: -1.1rem;
  left: 0;
  z-index: 99;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 1.2rem; }
  .topnav.fixed {
    background: rgba(0, 0, 0, 0.8); }
  .topnav .btn_nav {
    display: none; }
  .topnav .logo {
    width: .8rem;
    height: .79rem;
    margin-left: .38rem; }
  .topnav .nav {
    height: 100%;
    position: relative; }
    .topnav .nav li {
      min-width: 1.02rem;
      height: 100%;
      text-align: center;
      position: relative;
      padding: 0 .1rem; }
      .topnav .nav li:before {
        content: "";
        width: 100%;
        height: 100%;
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(37, 165, 255, 0)), to(#25a5ff));
        background-image: linear-gradient(to bottom, rgba(37, 165, 255, 0), #25a5ff);
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0; }
      .topnav .nav li:hover:before, .topnav .nav li.active:before {
        -webkit-transition: all 0.5s linear;
        transition: all 0.5s linear;
        opacity: 1; }
      .topnav .nav li:hover .items {
        display: block; }
      .topnav .nav li > a {
        height: 100%;
        color: #FFF;
        font-size: .18rem;
        line-height: .24rem;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding-top: .2rem;
        line-height: .9rem;
        position: relative; }
        .topnav .nav li > a span {
          position: relative; }
        .topnav .nav li > a.ico-down:after {
          content: "";
          width: 0;
          height: 0;
          border-left: .05rem solid transparent;
          border-right: .05rem solid transparent;
          border-top: 0.05rem solid white;
          position: relative;
          margin-left: .1rem; }
    .topnav .nav .items {
      width: 100%;
      background: rgba(0, 0, 0, 0.8);
      text-align: left;
      position: absolute;
      top: 100%;
      right: 0;
      display: none; }
      .topnav .nav .items .item-sub {
        position: relative; }
        .topnav .nav .items .item-sub.active > a {
          color: #FFF; }
          .topnav .nav .items .item-sub.active > a:after {
            border-left: 0.05rem solid white; }
        .topnav .nav .items .item-sub a {
          width: 100%;
          font-size: .16rem;
          line-height: .22rem;
          color: rgba(255, 255, 255, 0.8);
          position: relative;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          display: block;
          padding: .11rem .1rem .1rem .2rem;
          position: relative; }
          .topnav .nav .items .item-sub a:hover {
            color: #FFF; }
            .topnav .nav .items .item-sub a:hover.ico-rgt:after {
              border-left: 0.05rem solid white; }
        .topnav .nav .items .item-sub .ico-rgt:after {
          content: "";
          width: 0;
          height: 0;
          border-bottom: .05rem solid transparent;
          border-top: .05rem solid transparent;
          border-left: 0.05rem solid rgba(255, 255, 255, 0.5);
          position: absolute;
          top: 50%;
          right: .16rem;
          margin-top: -0.02rem; }
        .topnav .nav .items .item-sub-list {
          width: 100%;
          position: absolute;
          background: rgba(0, 0, 0, 0.8);
          top: 0;
          left: 100%;
          display: none; }
          .topnav .nav .items .item-sub-list a.active {
            color: #FFF; }
          .topnav .nav .items .item-sub-list.show {
            display: block; }
        .topnav .nav .items .item-sub:nth-child(1) {
          display: none; }
  .topnav .language {
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: .2rem;
    top: 0;
    right: .2rem; }
    .topnav .language .ico_map {
      background-image: url(../images/ico_map.png);
      width: .24rem;
      height: .24rem; }
    .topnav .language .txt {
      color: #FFF;
      font-size: .22rem;
      line-height: 1;
      text-transform: uppercase;
      margin: 0 .08rem; }
  .topnav .language_ls {
    width: .88rem;
    height: auto;
    overflow: hidden;
    background: #000;
    padding: .1rem 0;
    top: 1.1rem;
    right: 0;
    display: none; }
    .topnav .language_ls a {
      display: block;
      color: #FFF;
      font-size: .22rem;
      line-height: .4rem;
      text-transform: uppercase;
      text-align: center; }

.wrap {
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: 19.2rem auto;
  overflow: hidden; }
  .wrap .title-box {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative; }
    .wrap .title-box .tl, .wrap .title-box .tr {
      background-repeat: no-repeat;
      background-size: auto 1.41rem; }
    .wrap .title-box .tl {
      background-image: url(../images/tl.png);
      background-position: 0% 50%;
      height: 1.41rem;
      width: 5.91rem; }
    .wrap .title-box .tr {
      background-image: url(../images/tr.png);
      background-position: 100% 50%;
      height: 1.41rem;
      width: 5.8rem; }
    .wrap .title-box .title {
      width: 5.93rem;
      height: 2.02rem;
      position: relative; }
      .wrap .title-box .title-en, .wrap .title-box .title-zh, .wrap .title-box .title-k {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0; }
        .wrap .title-box .title-en span, .wrap .title-box .title-zh span, .wrap .title-box .title-k span {
          width: 100%;
          text-align: center;
          left: 0;
          line-height: 1;
          text-transform: uppercase; }
      .wrap .title-box .title-k {
        background-image: url(../images/title/title-k.png); }
      .wrap .title-box .title-zh span {
        color: #ffffff;
        font-size: 1.1rem;
        font-family: "syb";
        bottom: 50%;
        margin-bottom: -0.34rem; }
      .wrap .title-box .title-en span {
        color: #242424;
        font-size: .71rem;
        font-family: "bru";
        top: 50%;
        margin-top: 0.14rem;
        -webkit-text-stroke: .01rem #25a5ff; }
  .wrap .part {
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: 1px; }
  .wrap .head {
    background: url(../images/inn/head.jpg) no-repeat 50% 0/19.2rem auto;
    height: 4rem;
    padding-top: 1.48rem; }
  .wrap .cont {
    background: #242424 url(../images/inn/cont-bg.jpg) no-repeat 50% 0/19.2rem auto;
    height: auto;
    min-height: calc(100vh - 6.6rem);
    padding-bottom: .62rem; }
  .wrap .btn-more {
    width: 2.18rem;
    height: .6rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: solid 1px #FFF;
    border-radius: .3rem;
    color: #FFF;
    font-size: .18rem;
    margin: .21rem auto 0;
    position: relative;
    overflow: hidden; }
    .wrap .btn-more:before {
      content: "";
      width: 100%;
      height: 100%;
      background-position: 0% 0%;
      background-repeat: no-repeat;
      background-size: 8.06rem auto;
      background-image: url(../images/news-hov.png);
      position: absolute;
      top: 0;
      left: 0;
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%);
      -webkit-transition: all .3s ease;
      transition: all .3s ease;
      opacity: 0;
      pointer-events: none; }
    .wrap .btn-more span {
      position: relative; }
    .wrap .btn-more:hover:before {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      opacity: 1; }
  .wrap .pos {
    background: url(../images/inn/ico-home.png) no-repeat 0% 50%/0.23rem auto;
    line-height: .21rem;
    color: rgba(255, 255, 255, 0.5);
    padding-left: .31rem;
    margin: .49rem 0 0 .92rem;
    font-size: .16rem; }
    .wrap .pos a {
      color: rgba(255, 255, 255, 0.5); }
      .wrap .pos a.active, .wrap .pos a:hover {
        color: rgba(255, 255, 255, 0.8); }
    .wrap .pos span {
      margin: 0 .08rem; }
  .wrap .bs-list {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    position: relative; }
    .wrap .bs-list li {
      width: 3.65rem;
      height: 3.12rem;
      position: relative;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      z-index: 2; }
      .wrap .bs-list li .light {
        background: url(../images/bs-light.png) no-repeat 100%/100%;
        width: 7.36rem;
        height: 7.37rem;
        position: absolute;
        top: -2.12rem;
        left: -1.84rem;
        pointer-events: none;
        opacity: 0;
        -webkit-transition: all 0.5s;
        transition: all 0.5s; }
      .wrap .bs-list li a {
        width: 3.12rem;
        display: block;
        position: relative;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        margin: 0 .27rem; }
      .wrap .bs-list li:nth-child(2n+2) {
        margin-top: .58rem; }
      .wrap .bs-list li:hover {
        z-index: 1; }
        .wrap .bs-list li:hover .light {
          opacity: 1;
          -webkit-transform: translateY(-0.1rem);
                  transform: translateY(-0.1rem); }
        .wrap .bs-list li:hover a {
          -webkit-transform: translateY(-0.1rem);
                  transform: translateY(-0.1rem); }
        .wrap .bs-list li:hover .more {
          opacity: 1;
          right: -0.14rem; }
    .wrap .bs-list .bs-img {
      width: 3.12rem;
      height: 3.12rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      position: relative; }
    .wrap .bs-list .more {
      background-image: url(../images/more.png);
      width: 1.54rem;
      height: .56rem;
      bottom: .18rem;
      right: -0.04rem;
      -webkit-transition: all 0.3s linear;
      transition: all 0.3s linear;
      opacity: 0; }
    .wrap .bs-list .bs-st {
      display: block;
      color: #ffffff;
      font-size: .36rem;
      line-height: .48rem;
      font-weight: normal;
      padding-top: .2rem; }
    .wrap .bs-list .bs-sty {
      background-repeat: no-repeat;
      background-size: 100% 100%;
      height: .71rem;
      top: -0.43rem;
      left: -0.22rem;
      text-indent: -99.99rem;
      -webkit-transition: all 0.3s linear;
      transition: all 0.3s linear;
      pointer-events: none; }
    .wrap .bs-list .bs-sty1 {
      background-image: url(../images/bs-sty1.png);
      width: 2.62rem; }
    .wrap .bs-list .bs-sty2 {
      background-image: url(../images/bs-sty2.png);
      width: 2.37rem; }
    .wrap .bs-list .bs-sty3 {
      background-image: url(../images/bs-sty3.png);
      width: 3.02rem; }
    .wrap .bs-list .bs-sty4 {
      background-image: url(../images/bs-sty4.png);
      width: 2.96rem; }
    .wrap .bs-list .bs-dec {
      color: rgba(255, 255, 255, 0.5);
      font-size: .16rem;
      line-height: .24rem;
      padding-top: .12rem; }
  .wrap .us {
    width: 15.78rem;
    margin: 1.18rem auto 0;
    font-size: .14rem;
    color: rgba(255, 255, 255, 0.7);
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .wrap .us .about-us {
      background-image: url(../images/about-us.png);
      width: 7.42rem;
      height: 1.94rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 0 .36rem 0 3.0rem;
      line-height: .3rem;
      position: relative; }
    .wrap .us .contact-us {
      background-image: url(../images/contact-us.png);
      width: 7.42rem;
      height: 1.94rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding-left: 3.13rem;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      position: relative; }
      .wrap .us .contact-us li {
        line-height: .38rem;
        height: .38rem; }
        .wrap .us .contact-us li a {
          color: rgba(255, 255, 255, 0.7); }
    .wrap .us .p1 {
      color: #25a5ff;
      font-size: .56rem;
      line-height: .43rem;
      font-family: "bru";
      position: absolute;
      top: 0;
      left: .07rem; }
    .wrap .us .p2 {
      width: 2.46rem;
      color: #FFF;
      font-size: .6rem;
      line-height: 1;
      position: absolute;
      bottom: -0.02em;
      left: .07rem;
      font-family: "sym";
      text-transform: uppercase; }
  .wrap .page {
    width: 14rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 1.54rem auto 0; }
    .wrap .page .pageLeft, .wrap .page .pageRight {
      position: relative; }
    .wrap .page .pageLeft a {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
      .wrap .page .pageLeft a:hover {
        -webkit-transform: translateX(-0.2rem);
                transform: translateX(-0.2rem); }
    .wrap .page .pageRight a {
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end; }
      .wrap .page .pageRight a .text {
        text-align: right; }
      .wrap .page .pageRight a:hover {
        -webkit-transform: translateX(0.2rem);
                transform: translateX(0.2rem); }
    .wrap .page a {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      position: relative;
      -webkit-transition: all 0.3s linear;
      transition: all 0.3s linear; }
      .wrap .page a .txt {
        color: rgba(255, 255, 255, 0.5);
        font-size: .18rem;
        line-height: .3rem; }
      .wrap .page a .text {
        color: #FFF;
        font-size: .3rem;
        line-height: .38rem;
        max-width: 6rem; }
      .wrap .page a i {
        display: block;
        margin-top: .24rem;
        height: .46rem; }
      .wrap .page a .before {
        background-image: url(../images/inn/before.png);
        width: 3.24rem; }
      .wrap .page a .after {
        background-image: url(../images/inn/after.png);
        width: 2.66rem; }
  .wrap .paging {
    color: #FFF;
    font-size: .24rem;
    line-height: .36rem;
    margin-top: .3rem; }
    .wrap .paging a {
      color: #25a5ff;
      border-bottom: solid 1px transparent; }
      .wrap .paging a:hover {
        border-bottom: solid 1px #25a5ff; }
    .wrap .paging .paging-prev {
      margin-right: 1.26rem; }
    .wrap .paging .paging-next {
      margin-left: 1.26rem; }
  .wrap .works-tabwrap {
    width: 16.32rem;
    height: .74rem;
    border-radius: .37rem;
    border: solid 1px rgba(255, 255, 255, 0.5);
    margin: .43rem auto 0;
    position: relative;
    z-index: 6; }
  .wrap .works-tab {
    width: 16.32rem;
    height: .74rem;
    font-size: 0;
    white-space: nowrap;
    position: relative; }
    .wrap .works-tab li {
      width: auto;
      height: 100%;
      position: relative;
      display: inline-block;
      vertical-align: top;
      white-space: normal; }
      .wrap .works-tab li > a {
        display: block;
        width: 100%;
        height: 100%;
        text-align: center;
        font-size: .18rem;
        color: rgba(255, 255, 255, 0.5);
        position: relative;
        border-radius: .35rem;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        z-index: 2; }
      .wrap .works-tab li .item-sub-list {
        width: 100%;
        height: 0;
        position: absolute;
        top: .37rem;
        left: 0;
        z-index: 0;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 0 .2rem .2rem;
        overflow: hidden;
        background: rgba(0, 0, 0, 0.8);
        background-position: 50% 0;
        opacity: 0; }
        .wrap .works-tab li .item-sub-list a {
          color: rgba(255, 255, 255, 0.5);
          font-size: .18rem;
          line-height: .26rem;
          padding: .1rem 0;
          display: block; }
          .wrap .works-tab li .item-sub-list a:hover {
            color: #FFF; }
          .wrap .works-tab li .item-sub-list a.active {
            color: #FFF; }
        .wrap .works-tab li .item-sub-list.show {
          height: auto;
          opacity: 1;
          pointer-events: auto;
          z-index: 0;
          padding-top: .5rem; }
      .wrap .works-tab li:not(:first-child) > a:after {
        content: "";
        width: 0;
        height: 0;
        border-left: .06rem solid transparent;
        border-right: .06rem solid transparent;
        border-top: 0.1rem solid rgba(255, 255, 255, 0.5);
        margin-left: .08rem;
        position: relative;
        display: inline-block;
        vertical-align: middle; }
      .wrap .works-tab li:hover > a, .wrap .works-tab li.active > a {
        color: #FFF; }
      .wrap .works-tab li:hover:not(:first-child) a:after, .wrap .works-tab li.active:not(:first-child) a:after {
        border-top: 0.1rem solid white;
        display: inline-block; }
      .wrap .works-tab li:hover > a {
        background: #25a5ff;
        border-radius: .35rem; }
      .wrap .works-tab li.active > a {
        background: #25a5ff; }
    .wrap .works-tab .anim {
      width: 2.04rem;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      z-index: 1; }
      .wrap .works-tab .anim .lgt {
        background: url(../images/works-tab-light.png) no-repeat 100%/100%;
        width: 4.74rem;
        height: 1.41rem;
        position: absolute;
        top: -0.3rem;
        left: -1.4rem;
        pointer-events: none; }
      .wrap .works-tab .anim:after {
        content: "";
        width: 100%;
        height: 100%;
        background: #25a5ff;
        border-radius: .36rem;
        position: absolute;
        top: 0;
        left: 0; }
  .wrap .woitem_hv {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 .15rem .2rem;
    text-align: left;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    border-radius: 0 0 .15rem .15rem;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    opacity: 0; }
    .wrap .woitem_hv .hov-bg {
      background: url(../images/bg_li.png) no-repeat 100%/100% 100%;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .wrap .woitem_hv i {
      background: url(../images/more.png) no-repeat 100%/100%;
      width: 1.54rem;
      height: .56rem;
      position: relative;
      left: calc(100% - 1.34rem);
      margin-bottom: .04rem;
      z-index: 2;
      -webkit-transform: translateX(-0.1rem);
              transform: translateX(-0.1rem);
      -webkit-transition: all 0.3s linear;
      transition: all 0.3s linear;
      opacity: 0; }
    .wrap .woitem_hv .tit {
      max-width: 70%;
      background-color: #fff;
      padding: .05rem .18rem;
      border-radius: .18rem;
      margin: .1rem 0;
      position: relative;
      z-index: 2;
      -webkit-transform: translateY(0.3rem);
              transform: translateY(0.3rem);
      -webkit-transition: all 0.3s linear;
      transition: all 0.3s linear;
      font-size: .18rem;
      line-height: .26rem;
      color: #000000; }
    .wrap .woitem_hv p {
      width: 100%;
      font-size: .24rem;
      line-height: .35rem;
      color: #ffffff;
      text-align: left;
      position: relative;
      z-index: 2;
      -webkit-transform: translateY(0.3rem);
              transform: translateY(0.3rem);
      -webkit-transition: all 0.3s linear;
      transition: all 0.3s linear; }
  .wrap .sub-tab {
    width: 6.12rem;
    height: .7rem;
    border-radius: .35rem;
    border: solid 0.02rem rgba(255, 255, 255, 0.5);
    top: .31rem;
    right: .37rem; }
    .wrap .sub-tab li {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      height: 100%;
      position: relative;
      z-index: 2; }
      .wrap .sub-tab li a {
        width: 100%;
        height: 100%;
        text-align: center;
        font-size: .18rem;
        line-height: 1;
        color: rgba(255, 255, 255, 0.5);
        position: relative;
        border-radius: .35rem; }
      .wrap .sub-tab li:hover a, .wrap .sub-tab li.active a {
        color: #FFF; }
      .wrap .sub-tab li:hover:before, .wrap .sub-tab li.active:before {
        display: block; }
      .wrap .sub-tab li:hover a {
        background: #25a5ff; }
    .wrap .sub-tab .anim {
      width: 2.04rem;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      z-index: 1; }
      .wrap .sub-tab .anim .lgt {
        background: url(../images/works-tab-light.png) no-repeat 100%/100%;
        width: 4.74rem;
        height: 1.41rem;
        position: absolute;
        top: -0.3rem;
        left: -1.4rem;
        pointer-events: none; }
      .wrap .sub-tab .anim:after {
        content: "";
        width: 100%;
        height: 100%;
        background: #25a5ff;
        border-radius: .37rem;
        position: absolute;
        top: 0;
        left: 0; }
  .wrap .lin1 {
    background-image: url(../images/inn/lin1.png);
    width: 2.47rem;
    height: 10.28rem;
    pointer-events: none;
    position: absolute;
    top: 3.42rem;
    left: 0; }
  .wrap .lin2 {
    background-image: url(../images/inn/lin2.png);
    width: 1.57rem;
    height: 7.54rem;
    pointer-events: none;
    position: absolute;
    top: 11.47rem;
    right: 0; }
  .wrap .lin3 {
    background: url(../images/inn/lin3.png) repeat-y 0 0;
    background-size: 2.46rem auto;
    width: 2.46rem;
    height: 100%;
    pointer-events: none;
    position: absolute;
    top: 7.8rem;
    left: 0; }
  .wrap .lin4 {
    background: url(../images/inn/lin4.png) repeat-y 0 0;
    background-size: 1.56rem auto;
    width: 1.56rem;
    height: 100%;
    pointer-events: none;
    position: absolute;
    top: 17.2rem;
    right: 0; }

.about .title-box .tl {
  background-image: url(../images/tl2.png);
  width: 8.7rem; }
.about .title-box .tr {
  background-image: url(../images/tr2.png);
  width: 3.01rem; }

.side-right {
  height: 1.81rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: fixed;
  bottom: 1.0rem;
  right: .4rem;
  z-index: 99;
  opacity: 1;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear; }
  .side-right.hide {
    opacity: 0;
    pointer-events: none; }
  .side-right a img {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-filter: brightness(0.8);
            filter: brightness(0.8); }
  .side-right a:hover img {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    -webkit-filter: brightness(1.8);
            filter: brightness(1.8); }
  .side-right .ico-weibo {
    width: .27rem; }
  .side-right .ico-baidu {
    width: .23rem; }
  .side-right .ico-tencent {
    width: .23rem; }
  .side-right .ico-bilibili {
    width: .26rem; }

.side-kv {
  display: none; }

.wrap.index {
  background-image: url(../images/bg.jpg);
  background-position: 50% 12.64rem; }
  .wrap.index .kv {
    background: url(../images/kv.jpg) no-repeat no-repeat 50% 0/19.2rem auto;
    width: 100%;
    height: 12.65rem;
    opacity: 0;
    -webkit-transition: opacity 1.5s;
    transition: opacity 1.5s; }
  .wrap.index .bg-8082 {
    background-image: url(../images/8082.png);
    width: 19.2rem;
    height: 9.97rem;
    top: 1.79rem;
    left: 0; }
  .wrap.index .slogan {
    background-image: url(../images/slogan.png);
    width: 6.47rem;
    height: 3.37rem;
    top: 4.2rem;
    left: 6.365rem; }
  .wrap.index .bar-1 {
    background-image: url(../images/bar-1.png);
    width: .46rem;
    height: 9.35rem;
    top: 2.49rem;
    left: .41rem;
    pointer-events: none;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear; }
  .wrap.index .bar-2 {
    background-image: url(../images/bar-2.png);
    width: 2.47rem;
    height: 10.29rem;
    position: absolute;
    top: 4.96rem;
    left: 0;
    pointer-events: none; }
  .wrap.index .bar-3 {
    background-image: url(../images/bar-3.png);
    width: 2.66rem;
    height: 12.84rem;
    position: absolute;
    top: 6.26rem;
    left: 0;
    pointer-events: none; }
  .wrap.index .business {
    height: 9.74rem; }
    .wrap.index .business .bs-box {
      margin-top: 1.36rem;
      position: relative; }
      .wrap.index .business .bs-box .vc1, .wrap.index .business .bs-box .vc2 {
        width: 2.04rem;
        height: 6.48rem;
        position: absolute;
        top: -1.0rem;
        pointer-events: none; }
        .wrap.index .business .bs-box .vc1 p, .wrap.index .business .bs-box .vc2 p {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0; }
      .wrap.index .business .bs-box .vc1 {
        left: 0; }
        .wrap.index .business .bs-box .vc1 .p1-1 {
          background-image: url(../images/vc-1-1.png);
          -webkit-animation: vc1 1s linear alternate infinite;
                  animation: vc1 1s linear alternate infinite; }
        .wrap.index .business .bs-box .vc1 .p1-2 {
          background-image: url(../images/vc-1-2.png);
          -webkit-animation: vc2 1s linear alternate infinite;
                  animation: vc2 1s linear alternate infinite; }
      .wrap.index .business .bs-box .vc2 {
        right: 0; }
        .wrap.index .business .bs-box .vc2 .p2-1 {
          background-image: url(../images/vc-2-1.png);
          -webkit-animation: vc1 1s linear alternate infinite;
                  animation: vc1 1s linear alternate infinite; }
        .wrap.index .business .bs-box .vc2 .p2-2 {
          background-image: url(../images/vc-2-2.png);
          -webkit-animation: vc2 1s linear alternate infinite;
                  animation: vc2 1s linear alternate infinite; }
@-webkit-keyframes vc1 {
  0%,100% {
    -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5); }
  50% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }
@keyframes vc1 {
  0%,100% {
    -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5); }
  50% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }
@-webkit-keyframes vc2 {
  0%,100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  50% {
    -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5); } }
@keyframes vc2 {
  0%,100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  50% {
    -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5); } }
  .wrap.index .works {
    height: 19.36rem; }
    .wrap.index .works-items-box {
      text-align: center;
      margin-top: .7rem;
      -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(15%, black), color-stop(85%, black), to(rgba(0, 0, 0, 0)));
      -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), black 15%, black 85%, rgba(0, 0, 0, 0) 100%);
              mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(15%, black), color-stop(85%, black), to(rgba(0, 0, 0, 0)));
              mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), black 15%, black 85%, rgba(0, 0, 0, 0) 100%);
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-size: 110% 100%;
              mask-size: 110% 100%;
      position: relative; }
      .wrap.index .works-items-box .str_wrap {
        width: 100%;
        font-size: 12px;
        line-height: 16px;
        position: relative;
        -moz-user-select: none;
        -webkit-user-select: none;
            -ms-user-select: none;
                user-select: none;
        white-space: nowrap; }
      .wrap.index .works-items-box .str_move {
        white-space: nowrap;
        position: absolute;
        top: 0;
        left: 0;
        cursor: move; }
      .wrap.index .works-items-box .str_move_clone {
        display: inline-block;
        vertical-align: top;
        position: absolute;
        left: 100%;
        top: 0; }
      .wrap.index .works-items-box .str_vertical .str_move_clone {
        left: 0;
        top: 100%; }
      .wrap.index .works-items-box .str_down .str_move_clone {
        left: 0;
        bottom: 100%; }
      .wrap.index .works-items-box .str_vertical .str_move,
      .wrap.index .works-items-box .str_down .str_move {
        white-space: normal;
        width: 100%; }
      .wrap.index .works-items-box .str_static .str_move,
      .wrap.index .works-items-box .no_drag .str_move,
      .wrap.index .works-items-box .noStop .str_move {
        cursor: inherit; }
      .wrap.index .works-items-box .str_wrap img {
        max-width: none !important; }
      .wrap.index .works-items-box .dowebok {
        width: 3.87rem;
        height: 100%; }
      .wrap.index .works-items-box .works-item {
        margin: 0 .14rem;
        width: 3.87rem;
        height: 13.82rem;
        position: relative;
        display: inline-block; }
      .wrap.index .works-items-box .works-item-inn {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 50%;
        top: 0;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); }
      .wrap.index .works-items-box li {
        width: 100%;
        margin: 0 auto .3rem;
        position: relative; }
        .wrap.index .works-items-box li a {
          display: block;
          width: 100%; }
        .wrap.index .works-items-box li img {
          border-radius: .14rem;
          overflow: hidden; }
        .wrap.index .works-items-box li:hover {
          z-index: 5; }
          .wrap.index .works-items-box li:hover .woitem_hv {
            opacity: 1; }
            .wrap.index .works-items-box li:hover .woitem_hv .tit, .wrap.index .works-items-box li:hover .woitem_hv p {
              -webkit-transform: translateY(0);
                      transform: translateY(0); }
            .wrap.index .works-items-box li:hover .woitem_hv i {
              -webkit-transform: translateX(0);
                      transform: translateX(0);
              opacity: 1; }
    .wrap.index .works .btn-more {
      margin-top: .4rem; }
  .wrap.index .about {
    height: 10.15rem; }
    .wrap.index .about .bar-1 {
      position: absolute;
      top: 2.82rem; }
    .wrap.index .about-box {
      position: relative; }
    .wrap.index .about-img1 {
      width: 6.12rem;
      top: 0;
      left: 1.62rem; }
    .wrap.index .about-img2 {
      width: 2.21rem;
      top: 3.75rem;
      left: 4.34rem; }
    .wrap.index .about-img3 {
      width: 12.37rem;
      top: 2.67rem;
      right: 0; }
    .wrap.index .about-img4, .wrap.index .about-img5 {
      display: none; }
    .wrap.index .about-text {
      width: 7.2rem;
      height: 2.52rem;
      color: #FFF;
      font-size: .18rem;
      line-height: .3rem;
      top: 0;
      left: 8.33rem;
      text-align: justify; }
  .wrap.index .team {
    height: 8.78rem; }
    .wrap.index .team .title-box .title {
      top: 2.67rem;
      left: .91rem; }
    .wrap.index .team .title-box .tr, .wrap.index .team .title-box .tl {
      display: none; }
    .wrap.index .team-list {
      top: 0;
      left: 8.35rem;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      .wrap.index .team-list a {
        width: 1.99rem;
        height: 2.43rem;
        position: relative; }
        .wrap.index .team-list a:nth-child(-n+3) {
          margin-bottom: 1.6rem; }
        .wrap.index .team-list a:not(:nth-child(3n)) {
          margin-right: 1.64rem; }
        .wrap.index .team-list a .img {
          width: 100%;
          height: 2.43rem;
          position: relative; }
          .wrap.index .team-list a .img:after {
            content: "";
            background: rgba(0, 0, 0, 0.8);
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
            z-index: 3;
            -webkit-transition: all 0.3s linear;
            transition: all 0.3s linear; }
        .wrap.index .team-list a .bor {
          background-image: url(../images/team-bor.png);
          width: 2rem;
          height: 2.49rem;
          top: -0.13rem;
          left: -0.13rem;
          pointer-events: none;
          -webkit-transition: all 0.6s;
          transition: all 0.6s; }
        .wrap.index .team-list a .info {
          width: 2rem;
          top: 1.94rem;
          left: 1.13rem;
          -webkit-transition: all 0s;
          transition: all 0s;
          pointer-events: none; }
          .wrap.index .team-list a .info:after {
            content: "";
            width: .4rem;
            height: .03rem;
            background: #25a5ff;
            border-radius: .02rem;
            position: absolute;
            bottom: 0;
            left: 0;
            pointer-events: none; }
          .wrap.index .team-list a .info-name {
            color: #ffffff;
            font-size: .41rem;
            line-height: .49rem;
            font-weight: bold; }
          .wrap.index .team-list a .info-dec {
            color: rgba(255, 255, 255, 0.5);
            font-size: .16rem;
            line-height: .24rem;
            padding: .06rem 0 .17rem; }
        .wrap.index .team-list a:hover .img:after {
          opacity: 1; }
        .wrap.index .team-list a:hover .bor {
          top: -0.23rem;
          left: -0.23rem;
          opacity: 0; }
        .wrap.index .team-list a:hover .info {
          width: 100%;
          height: 2.43rem;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          padding-top: .1rem;
          top: 0;
          left: 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -ms-flex-line-pack: center;
              align-content: center;
          box-sizing: border-box;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          text-align: center; }
          .wrap.index .team-list a:hover .info:after {
            display: none; }
  .wrap.index .news {
    height: 8.23rem; }
    .wrap.index .news-list {
      width: 17.09rem;
      height: 3.76rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border: solid 0.02rem rgba(255, 255, 255, 0.5);
      margin: .5rem auto 0; }
      .wrap.index .news-list a {
        background-image: none;
        width: 50%;
        height: 50%;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 0 .3rem;
        position: relative; }
        .wrap.index .news-list a:nth-child(1) {
          border-bottom: solid 0.02rem rgba(255, 255, 255, 0.5);
          border-right: solid 0.02rem rgba(255, 255, 255, 0.5); }
        .wrap.index .news-list a:nth-child(2) {
          border-bottom: solid 0.02rem rgba(255, 255, 255, 0.5); }
        .wrap.index .news-list a:nth-child(3) {
          border-right: solid 0.02rem rgba(255, 255, 255, 0.5); }
        .wrap.index .news-list a .hov-bg {
          width: 100%;
          height: 100%;
          background: url(../images/news-hov.png) no-repeat 100%/100% 100%;
          opacity: 0;
          -webkit-transition: all 0.3s;
          transition: all 0.3s;
          position: absolute;
          top: 0;
          left: 0; }
        .wrap.index .news-list a .news-img {
          width: 2.05rem;
          position: relative; }
        .wrap.index .news-list a .news-info {
          width: 5.6rem;
          position: relative; }
          .wrap.index .news-list a .news-info-text {
            color: #FFF;
            font-size: .18rem;
            line-height: .26rem;
            font-weight: normal; }
          .wrap.index .news-list a .news-info-date {
            color: #25a5ff;
            font-size: .14rem;
            line-height: .22rem;
            padding-top: .12rem;
            font-family: 'bru'; }
        .wrap.index .news-list a .more {
          background-image: url(../images/more.png);
          width: 1.54rem;
          height: .56rem;
          bottom: .18rem;
          right: 0.1rem;
          -webkit-transition: all 0.3s linear;
          transition: all 0.3s linear;
          opacity: 0;
          pointer-events: none; }
        .wrap.index .news-list a:hover .hov-bg {
          opacity: 1; }
        .wrap.index .news-list a:hover .more {
          opacity: 1;
          right: 0.02rem; }
  .wrap.index .partners .bar-1 {
    position: absolute;
    top: -.58rem; }
  .wrap.index .partners-list {
    width: 15.9rem;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: .54rem auto 0;
    position: relative; }
    .wrap.index .partners-list li {
      background: rgba(255, 255, 255, 0.05);
      width: 2.53rem;
      height: .97rem;
      margin: .06rem; }
      .wrap.index .partners-list li img {
        width: auto;
        height: 100%;
        -webkit-transition: all 0.3s;
        transition: all 0.3s; }
      .wrap.index .partners-list li:hover {
        background: rgba(255, 255, 255, 0.1); }
        .wrap.index .partners-list li:hover img {
          -webkit-transform: scale(1.1);
                  transform: scale(1.1); }
  .wrap.index .us {
    margin-bottom: .65rem; }

.wrap.business .bs-list {
  height: 5.0rem;
  margin-top: 2.32rem;
  padding-bottom: 1rem; }

.wrap.business_detail .bs-wrap {
  width: auto;
  margin: 1.82rem auto 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start; }
  .wrap.business_detail .bs-wrap .img {
    width: 3.9rem;
    margin-right: .46rem; }
  .wrap.business_detail .bs-wrap .info {
    width: 6.4rem;
    height: 3.95rem; }
    .wrap.business_detail .bs-wrap .info li {
      width: 100%; }
      .wrap.business_detail .bs-wrap .info li strong {
        display: block;
        font-weight: normal;
        font-size: .36rem;
        line-height: .48rem;
        padding-bottom: .17rem;
        position: relative;
        margin-bottom: .04rem; }
        .wrap.business_detail .bs-wrap .info li strong:before {
          content: "";
          width: .44rem;
          height: .03rem;
          background: #25a5ff;
          position: absolute;
          bottom: 0;
          left: 0; }
      .wrap.business_detail .bs-wrap .info li p {
        color: rgba(255, 255, 255, 0.5);
        font-size: .16rem;
        line-height: .28rem; }
      .wrap.business_detail .bs-wrap .info li:not(:last-child) {
        margin-bottom: .28rem; }

.wrap.works .works-wrap {
  width: 16.34rem;
  margin: .5rem auto 0;
  position: relative; }
.wrap.works .works-tab li.active > a {
  background: #25a5ff; }
.wrap.works .load-more {
  background-image: url(../images/ico-more.png);
  width: .39rem;
  height: .39rem;
  top: .125rem;
  right: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  .wrap.works .load-more:hover {
    -webkit-filter: brightness(1.5);
            filter: brightness(1.5); }
  .wrap.works .load-more.open {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
.wrap.works .works-items {
  width: 100%;
  border-top: solid .02rem #FFF;
  border-bottom: solid .02rem #FFF;
  padding: .2rem 0;
  margin-top: .8rem; }
  .wrap.works .works-items li {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start; }
    .wrap.works .works-items li:nth-child(3) .load-more {
      display: none; }
    .wrap.works .works-items li .sty-name {
      white-space: nowrap;
      color: #FFF;
      font-size: .42rem;
      line-height: .54rem;
      text-align: justify;
      width: 1.94rem;
      padding: 0 .14rem;
      margin-right: .44rem;
      overflow: hidden; }
    .wrap.works .works-items li .sty-list-wrap {
      width: 13.96rem;
      padding: .16rem 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border-bottom: solid 1px rgba(255, 255, 255, 0.4);
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      position: relative; }
    .wrap.works .works-items li .sty-list {
      width: 13rem;
      height: .32rem;
      font-size: 0;
      overflow: hidden; }
      .wrap.works .works-items li .sty-list.oline {
        height: auto; }
      .wrap.works .works-items li .sty-list a {
        display: inline-block;
        vertical-align: middle;
        color: rgba(255, 255, 255, 0.5);
        font-size: .18rem;
        line-height: .32rem;
        margin-right: .26rem;
        word-break: keep-all; }
        .wrap.works .works-items li .sty-list a.active {
          color: #25a5ff; }
        .wrap.works .works-items li .sty-list a:hover {
          color: #FFF; }
    .wrap.works .works-items li:nth-child(3) .sty-name {
      letter-spacing: 0; }
    .wrap.works .works-items li:last-child .sty-list {
      border-bottom: solid 1px transparent; }
.wrap.works .search-wrap {
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: .72rem;
  margin-top: .38rem;
  position: relative; }
  .wrap.works .search-wrap .search-sty {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-left: .06rem; }
    .wrap.works .search-wrap .search-sty li {
      margin-right: .45rem;
      color: rgba(255, 255, 255, 0.5);
      font-size: .18rem;
      cursor: pointer; }
      .wrap.works .search-wrap .search-sty li .ico-jt {
        width: 0;
        height: 0;
        border-left: .05rem solid transparent;
        border-right: .05rem solid transparent;
        border-top: 0.1rem solid rgba(255, 255, 255, 0.5);
        margin-left: .08rem;
        position: relative;
        top: .02rem; }
      .wrap.works .search-wrap .search-sty li:hover, .wrap.works .search-wrap .search-sty li.active {
        color: #FFF; }
        .wrap.works .search-wrap .search-sty li:hover .ico-jt, .wrap.works .search-wrap .search-sty li.active .ico-jt {
          border-top: .1rem solid #FFF; }
  .wrap.works .search-wrap .search-k {
    width: 5.12rem;
    height: .72rem;
    background: rgba(0, 0, 0, 0.4);
    border-radius: .36rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 .22rem 0 .36rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border: solid 1px transparent;
    cursor: pointer; }
    .wrap.works .search-wrap .search-k input {
      width: 3.9rem;
      height: 100%;
      background: none;
      font-size: .18rem;
      border: 0;
      color: rgba(255, 255, 255, 0.5); }
      .wrap.works .search-wrap .search-k input::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.5); }
      .wrap.works .search-wrap .search-k input::-moz-placeholder {
        color: rgba(255, 255, 255, 0.5); }
      .wrap.works .search-wrap .search-k input::-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.5); }
    .wrap.works .search-wrap .search-k .btn-search {
      background: url(../images/inn/ico-ss.png) no-repeat 100%/100%;
      width: .36rem;
      height: .37rem;
      text-indent: -99.99rem; }
    .wrap.works .search-wrap .search-k:hover {
      border: solid 1px #25a5ff; }
.wrap.works .works-list {
  width: 100%;
  position: relative;
  margin-top: .34rem; }
  .wrap.works .works-list li {
    width: 3.86rem;
    position: relative; }
    .wrap.works .works-list li a {
      display: block;
      width: 100%; }
    .wrap.works .works-list li img {
      border-radius: .14rem;
      overflow: hidden;
      min-height: 2.0rem; }
    .wrap.works .works-list li:hover {
      z-index: 5; }
      .wrap.works .works-list li:hover .woitem_hv {
        opacity: 1; }
        .wrap.works .works-list li:hover .woitem_hv .tit, .wrap.works .works-list li:hover .woitem_hv p {
          -webkit-transform: translateY(0);
                  transform: translateY(0); }
        .wrap.works .works-list li:hover .woitem_hv i {
          -webkit-transform: translateX(0);
                  transform: translateX(0);
          opacity: 1; }

.wrap.works_detail .cont .tit {
  width: 14rem;
  text-align: center;
  margin: 0 auto; }
  .wrap.works_detail .cont .tit-text {
    color: #FFF;
    font-size: .42rem;
    line-height: .54rem;
    font-weight: normal;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: .84rem 1rem .21rem;
    border-bottom: solid 1px rgba(255, 255, 255, 0.4); }
  .wrap.works_detail .cont .tit-source {
    height: .56rem;
    border-bottom: solid 1px rgba(255, 255, 255, 0.4); }
    .wrap.works_detail .cont .tit-source li {
      font-size: .18rem; }
      .wrap.works_detail .cont .tit-source li:not(:nth-child(1)) {
        margin-left: 1.32rem; }
.wrap.works_detail .cont .box-bd {
  width: 10.0rem;
  margin: .44rem auto 0; }
  .wrap.works_detail .cont .box-bd-fm {
    width: 100%;
    display: block; }
  .wrap.works_detail .cont .box-bd-info p {
    color: rgba(255, 255, 255, 0.5);
    font-size: .18rem;
    line-height: .3rem;
    padding: .26rem 0 .04rem; }
  .wrap.works_detail .cont .box-bd img {
    display: inline-block; }
  .wrap.works_detail .cont .box-bd iframe {
    max-width: 100% !important;
    min-width: 5rem !important;
    min-height: 2.5rem !important;
    margin: 0 auto !important;
    display: block; }
  .wrap.works_detail .cont .box-bd a {
    color: #25a5ff !important; }
.wrap.works_detail .us {
  margin-top: 2.28rem; }

.wrap.about .title-box .tl {
  background-image: url(../images/tl.png);
  width: 5.91rem; }
.wrap.about .title-box .tr {
  background-image: url(../images/tr.png);
  width: 5.8rem; }
.wrap.about .cont {
  position: relative; }
  .wrap.about .cont:before {
    content: "";
    background: url(../images/inn/bot.png) no-repeat 50% 100%/19.2rem auto;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none; }
.wrap.about .gsjj .tit {
  width: 14.0rem;
  margin: 1.03rem auto 0; }
  .wrap.about .gsjj .tit-text {
    text-align: center;
    color: #FFF;
    font-size: .42rem;
    line-height: .54rem; }
.wrap.about .gsjj .detail {
  width: 14rem;
  margin: .64rem auto 0; }
  .wrap.about .gsjj .detail .item-hd {
    height: .56rem;
    border-top: solid 1px rgba(255, 255, 255, 0.4);
    border-bottom: solid 1px rgba(255, 255, 255, 0.4);
    font-size: 0;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .wrap.about .gsjj .detail .item-hd em {
      width: .4rem;
      font-size: .16rem;
      color: #25a5ff;
      font-family: "bru";
      margin-left: .65rem; }
    .wrap.about .gsjj .detail .item-hd strong {
      color: #FFF;
      font-size: .42rem;
      font-weight: normal;
      position: relative;
      top: -0.03rem; }
  .wrap.about .gsjj .detail .item-bd {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 2.26rem; }
    .wrap.about .gsjj .detail .item-bd img {
      width: auto;
      display: inline-block; }
    .wrap.about .gsjj .detail .item-bd .con {
      padding: .46rem 0; }
      .wrap.about .gsjj .detail .item-bd .con p {
        width: 9.5rem;
        color: rgba(255, 255, 255, 0.5);
        font-size: .18rem;
        line-height: .3rem;
        padding: .15rem 0;
        text-align: justify; }
.wrap.about .gsjj .item {
  position: relative; }
.wrap.about .dsj {
  width: 100%;
  padding-bottom: .8rem; }
  .wrap.about .dsj-list {
    width: 100%;
    position: relative;
    height: 45.5rem;
    margin-top: 1.34rem; }
    .wrap.about .dsj-list:before {
      content: "";
      width: .02rem;
      height: 100%;
      background: #1680ca;
      position: absolute;
      top: 0;
      left: 50%; }
    .wrap.about .dsj-list li {
      min-width: 5.8rem;
      position: absolute; }
      .wrap.about .dsj-list li:nth-child(2n+1) {
        left: 50%;
        margin-left: .31rem;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding-right: .8rem; }
        .wrap.about .dsj-list li:nth-child(2n+1) .date:after {
          left: -0.39rem; }
      .wrap.about .dsj-list li:nth-child(2n+2) {
        right: 50%;
        margin-right: .31rem;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding-left: .8rem; }
        .wrap.about .dsj-list li:nth-child(2n+2) .date:after {
          right: -0.41rem; }
      .wrap.about .dsj-list li:nth-child(n+14) {
        left: 50%;
        margin-left: .31rem;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 0 .8rem 0 0; }
        .wrap.about .dsj-list li:nth-child(n+14) .date:after {
          left: -0.39rem; }
      .wrap.about .dsj-list li .date {
        width: auto;
        height: .48rem;
        position: relative;
        color: #292929;
        font-size: .48rem;
        line-height: 1;
        text-shadow: -1px 0 0 #25a5ff, 0 -1px 0 #25a5ff, 1px 0 0 #25a5ff, 0 1px 0 #25a5ff;
        font-family: "bru"; }
        .wrap.about .dsj-list li .date:after {
          content: "";
          background: url(../images/inn/cir.png) no-repeat 100%/100%;
          width: .18rem;
          height: .18rem;
          position: absolute;
          top: 50%;
          margin-top: -0.09rem;
          z-index: 5; }
      .wrap.about .dsj-list li .text {
        color: #ffffff;
        font-size: .18rem;
        line-height: .3rem;
        padding: .08rem 0 .36rem; }
      .wrap.about .dsj-list li .img {
        font-size: 0; }
        .wrap.about .dsj-list li .img img {
          width: auto;
          display: inline-block; }
      .wrap.about .dsj-list li:nth-child(1) {
        top: .17rem;
        text-align: left; }
      .wrap.about .dsj-list li:nth-child(2) {
        top: 2.38rem;
        text-align: right; }
      .wrap.about .dsj-list li:nth-child(3) {
        top: 6.37rem;
        text-align: left; }
      .wrap.about .dsj-list li:nth-child(4) {
        top: 8.68rem;
        text-align: right; }
      .wrap.about .dsj-list li:nth-child(5) {
        top: 13.35rem;
        text-align: left; }
      .wrap.about .dsj-list li:nth-child(6) {
        top: 14.88rem;
        text-align: right; }
      .wrap.about .dsj-list li:nth-child(7) {
        top: 20.19rem;
        text-align: left; }
      .wrap.about .dsj-list li:nth-child(8) {
        top: 21.18rem;
        text-align: right; }
      .wrap.about .dsj-list li:nth-child(9) {
        top: 25.93rem;
        text-align: left; }
      .wrap.about .dsj-list li:nth-child(10) {
        top: 29.42rem;
        text-align: right; }
      .wrap.about .dsj-list li:nth-child(11) {
        top: 32.48rem;
        text-align: left; }
      .wrap.about .dsj-list li:nth-child(12) {
        top: 36.92rem;
        text-align: right; }
      .wrap.about .dsj-list li:nth-child(13) {
        top: 38.83rem;
        text-align: left; }
      .wrap.about .dsj-list li:nth-child(14) {
        top: 40.91rem;
        text-align: left; }
      .wrap.about .dsj-list li:nth-child(15) {
        top: 43.1rem;
        text-align: left; }
      .wrap.about .dsj-list li:nth-child(16) {
        top: 45.24rem; }
.wrap.about .hjsb {
  width: 14rem;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 1px; }
  .wrap.about .hjsb .equiment .item {
    border-bottom: solid 1px rgba(255, 255, 255, 0.4); }
  .wrap.about .hjsb .item {
    width: 14rem;
    margin-top: 1.24rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: 1px;
    position: relative; }
    .wrap.about .hjsb .item.item-10 {
      margin-top: .94rem;
      padding-bottom: .3rem; }
      .wrap.about .hjsb .item.item-10 table {
        width: 12.96rem !important;
        position: relative;
        margin-left: 1.04rem; }
        .wrap.about .hjsb .item.item-10 table th {
          min-width: 3.0rem; }
        .wrap.about .hjsb .item.item-10 table img {
          width: 6.8rem; }
    .wrap.about .hjsb .item .ibox p {
      width: 100%; }
    .wrap.about .hjsb .item .ibox p, .wrap.about .hjsb .item .ibox span {
      font-size: 0.22rem !important; }
  .wrap.about .hjsb .sty {
    line-height: 1;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .wrap.about .hjsb .sty em {
      width: 1.04rem;
      color: #25a5ff;
      font-size: .48rem;
      text-indent: -0.2rem; }
    .wrap.about .hjsb .sty strong {
      font-weight: normal;
      color: #FFF;
      font-size: .48rem; }
  .wrap.about .hjsb .dec {
    color: rgba(255, 255, 255, 0.5);
    font-size: .18rem;
    line-height: .3rem;
    padding: .42rem 0 0 1.04rem; }
  .wrap.about .hjsb .situ {
    height: .56rem;
    border-top: solid 1px rgba(255, 255, 255, 0.4);
    border-bottom: solid 1px rgba(255, 255, 255, 0.4);
    margin-top: .5rem;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: rgba(255, 255, 255, 0.5);
    line-height: 1;
    position: relative; }
    .wrap.about .hjsb .situ p {
      position: relative;
      margin-right: .5rem;
      top: -0.03rem; }
      .wrap.about .hjsb .situ p.situ-name {
        color: #FFF;
        font-size: .42rem;
        position: absolute;
        top: 50%;
        left: 1.08rem;
        margin-top: -.24rem; }
    .wrap.about .hjsb .situ .lab {
      font-size: .18rem; }
    .wrap.about .hjsb .situ .bru {
      color: #25a5ff;
      font-size: .34rem;
      margin-left: .12rem;
      position: relative;
      top: 0.02rem; }
  .wrap.about .hjsb .devices {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 1.08rem;
    margin-top: .33rem; }
    .wrap.about .hjsb .devices li {
      margin-right: .44rem; }
      .wrap.about .hjsb .devices li em, .wrap.about .hjsb .devices li p {
        display: block;
        font-size: .18rem;
        line-height: .36rem;
        color: rgba(255, 255, 255, 0.5); }
        .wrap.about .hjsb .devices li em.tag, .wrap.about .hjsb .devices li p.tag {
          color: #FFF; }
      .wrap.about .hjsb .devices li em {
        text-indent: -0.09rem; }
      .wrap.about .hjsb .devices li:nth-child(1) {
        margin-right: 1.04rem; }
      .wrap.about .hjsb .devices li:nth-child(6) p:nth-child(3) {
        color: rgba(37, 165, 255, 0.5); }
  .wrap.about .hjsb .dvc {
    width: 14.0rem;
    height: 4.24rem;
    margin: .4rem auto 0;
    position: relative; }
    .wrap.about .hjsb .dvc .swiper {
      width: 100%;
      height: 3.9rem;
      position: relative;
      padding-top: .1rem; }
    .wrap.about .hjsb .dvc .swiper-slide {
      width: 6.02rem;
      height: 3.8rem;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      position: relative;
      -webkit-transform: scale(0.5);
              transform: scale(0.5);
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%;
      margin: 0 -0.2rem;
      cursor: pointer; }
      .wrap.about .hjsb .dvc .swiper-slide > div {
        width: 100%;
        height: 100%;
        overflow: hidden; }
      .wrap.about .hjsb .dvc .swiper-slide:after {
        content: "";
        background-color: rgba(0, 0, 0, 0.5);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0; }
      .wrap.about .hjsb .dvc .swiper-slide:hover:after {
        background-color: transparent; }
      .wrap.about .hjsb .dvc .swiper-slide.swiper-slide-active {
        -webkit-transform: scale(1);
                transform: scale(1); }
        .wrap.about .hjsb .dvc .swiper-slide.swiper-slide-active:after {
          content: "";
          background: url(../images/inn/dvc-k.png) no-repeat 100%/100%;
          width: 6.04rem;
          height: 3.78rem;
          position: absolute;
          top: -0.07rem;
          left: -0.09rem; }
    .wrap.about .hjsb .dvc .btn_prev, .wrap.about .hjsb .dvc .btn_next {
      width: .9rem;
      height: .9rem;
      top: 2.76rem;
      opacity: 0.8; }
      .wrap.about .hjsb .dvc .btn_prev span, .wrap.about .hjsb .dvc .btn_next span {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        border: solid 1px rgba(255, 255, 255, 0.2);
        opacity: 0; }
      .wrap.about .hjsb .dvc .btn_prev:hover, .wrap.about .hjsb .dvc .btn_next:hover {
        opacity: 1; }
        .wrap.about .hjsb .dvc .btn_prev:hover span, .wrap.about .hjsb .dvc .btn_next:hover span {
          -webkit-animation: circlo 1s linear;
                  animation: circlo 1s linear; }
      .wrap.about .hjsb .dvc .btn_prev.swiper-button-disabled, .wrap.about .hjsb .dvc .btn_next.swiper-button-disabled {
        display: none; }
@-webkit-keyframes circlo {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 1;
    border: solid 1px rgba(255, 255, 255, 0.2); }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
    border: solid 1px white; } }
@keyframes circlo {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 1;
    border: solid 1px rgba(255, 255, 255, 0.2); }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
    border: solid 1px white; } }
    .wrap.about .hjsb .dvc .btn_prev {
      background-image: url(../images/inn/btn_prev.png);
      left: -1.64rem; }
    .wrap.about .hjsb .dvc .btn_next {
      background-image: url(../images/inn/btn_next.png);
      right: -1.64rem; }
  .wrap.about .hjsb .ibox {
    margin-top: .4rem; }
.wrap.about .us {
  margin-top: 1.21rem; }

.wrap.partners .lin1 {
  background-size: 2.47rem auto;
  background-position: 0 0;
  height: 5.44rem; }
.wrap.partners .partners-list {
  width: 15.9rem;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 1.06rem auto 0;
  position: relative; }
  .wrap.partners .partners-list li {
    background: rgba(255, 255, 255, 0.05);
    width: 2.53rem;
    height: .97rem;
    margin: .06rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: relative; }
    .wrap.partners .partners-list li img {
      width: auto;
      height: 100%;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
    .wrap.partners .partners-list li:hover {
      background: rgba(255, 255, 255, 0.1); }
      .wrap.partners .partners-list li:hover img {
        -webkit-transform: scale(1.1);
                transform: scale(1.1); }

.wrap.news .news-list {
  width: 11.5rem;
  height: 23.2rem;
  margin: 1.16rem auto 0;
  border: solid 1px rgba(255, 255, 255, 0.4); }
  .wrap.news .news-list a {
    height: 2.32rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    position: relative; }
    .wrap.news .news-list a:not(:last-child) {
      border-bottom: solid 1px rgba(255, 255, 255, 0.4); }
    .wrap.news .news-list a .hov-bg {
      width: 100%;
      height: 100%;
      background: url(../images/inn/news-list-hov.png) no-repeat 0 0;
      background-size: 8.07rem auto;
      opacity: 0;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      position: absolute;
      top: 0;
      left: 0; }
    .wrap.news .news-list a .news-img {
      width: 2.66rem;
      height: 1.59rem;
      margin: 0 .23rem 0 .57rem;
      position: relative; }
      .wrap.news .news-list a .news-img img {
        height: 100%; }
    .wrap.news .news-list a .news-info {
      width: 7.5rem;
      position: relative; }
      .wrap.news .news-list a .news-info-tit {
        color: #ffffff;
        font-size: .24rem;
        line-height: .36rem;
        font-weight: normal;
        margin-bottom: .05rem; }
      .wrap.news .news-list a .news-info-date {
        color: #25a5ff;
        font-size: .24rem;
        line-height: .36rem; }
      .wrap.news .news-list a .news-info-dec {
        font-size: .18rem;
        line-height: .3rem;
        color: rgba(255, 255, 255, 0.5);
        margin-top: .28rem; }
    .wrap.news .news-list a .more {
      background-image: url(../images/more.png);
      width: 1.54rem;
      height: .56rem;
      bottom: 50%;
      right: -0.04rem;
      -webkit-transition: all 0.3s linear;
      transition: all 0.3s linear;
      opacity: 0; }
    .wrap.news .news-list a:hover .hov-bg {
      opacity: 1; }
    .wrap.news .news-list a:hover .more {
      opacity: 1;
      right: -0.14rem; }

.wrap.team .lin1 {
  background-repeat: no-repeat;
  background-size: 2.47rem auto;
  height: 5.44rem; }
.wrap.team .box {
  width: 14rem;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 1px;
  padding-bottom: 1.2rem; }
.wrap.team .team-list {
  width: 10.65rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0 auto; }
  .wrap.team .team-list a {
    width: 1.99rem;
    height: 2.43rem;
    position: relative;
    margin: 1.56rem .78rem 0; }
    .wrap.team .team-list a .img {
      width: 100%;
      height: 2.43rem;
      position: relative; }
      .wrap.team .team-list a .img:after {
        content: "";
        background: rgba(0, 0, 0, 0.8);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        z-index: 3;
        -webkit-transition: all 0.5s linear;
        transition: all 0.5s linear; }
    .wrap.team .team-list a .bor {
      background-image: url(../images/team-bor.png);
      width: 2rem;
      height: 2.49rem;
      top: -0.13rem;
      left: -0.13rem;
      -webkit-transition: all 0.6s;
      transition: all 0.6s;
      pointer-events: none; }
    .wrap.team .team-list a .info {
      width: 2rem;
      top: 1.94rem;
      left: 1.13rem;
      -webkit-transition: all 0s;
      transition: all 0s;
      pointer-events: none; }
      .wrap.team .team-list a .info:after {
        content: "";
        width: .4rem;
        height: .03rem;
        background: #25a5ff;
        border-radius: .02rem;
        position: absolute;
        bottom: 0;
        left: 0;
        pointer-events: none; }
      .wrap.team .team-list a .info-name {
        color: #ffffff;
        font-size: .41rem;
        line-height: .49rem;
        font-weight: bold; }
      .wrap.team .team-list a .info-dec {
        color: rgba(255, 255, 255, 0.5);
        font-size: .16rem;
        line-height: .24rem;
        padding: .06rem 0 .17rem; }
    .wrap.team .team-list a:hover .img:after {
      opacity: 1; }
    .wrap.team .team-list a:hover .bor {
      top: -0.23rem;
      left: -0.23rem;
      opacity: 0; }
    .wrap.team .team-list a:hover .info {
      width: 100%;
      height: 2.43rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding-top: .1rem;
      top: 0;
      left: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-flex-line-pack: center;
          align-content: center;
      box-sizing: border-box;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      text-align: center; }
      .wrap.team .team-list a:hover .info:after {
        display: none; }
.wrap.team .hxr .team-list {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.wrap.team_detail .box {
  width: 14rem;
  margin: 1.03rem auto 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 1px; }
  .wrap.team_detail .box-hd .tit {
    color: #FFF;
    font-size: .42rem;
    line-height: .54rem;
    font-weight: normal;
    text-align: center;
    padding-bottom: .44rem;
    border-bottom: solid 1px rgba(255, 255, 255, 0.4); }
  .wrap.team_detail .box-bd {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 1.25rem 0 0 2.24rem; }
    .wrap.team_detail .box-bd .img {
      width: 2.8rem;
      margin-right: .46rem; }
    .wrap.team_detail .box-bd .info {
      width: 7.3rem;
      color: rgba(255, 255, 255, 0.5); }
      .wrap.team_detail .box-bd .info p {
        font-size: .18rem;
        line-height: .3rem; }

.wrap.contact .lin1 {
  background-size: 2.47rem auto;
  background-position: 0 0;
  height: 5.44rem; }
.wrap.contact .sub-tab {
  width: 4.08rem; }
.wrap.contact .box {
  width: 14rem;
  margin: 0 auto; }
.wrap.contact .own {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.8rem 0 0 0; }
  .wrap.contact .own-box {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .wrap.contact .own-map {
    width: 8.9rem;
    height: 4.84rem;
    margin-right: .48rem;
    position: relative; }
    .wrap.contact .own-map iframe {
      width: 100%;
      height: 100%; }
  .wrap.contact .own-info {
    width: 4.54rem;
    color: rgba(255, 255, 255, 0.5); }
    .wrap.contact .own-info h4 {
      font-size: .24rem;
      line-height: 1;
      padding-bottom: .36rem; }
    .wrap.contact .own-info p {
      font-size: .18rem;
      line-height: .3rem; }
      .wrap.contact .own-info p a {
        color: rgba(255, 255, 255, 0.5); }
    .wrap.contact .own-info .code {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      margin-top: .08rem; }
      .wrap.contact .own-info .code img {
        width: 1.43rem;
        margin-right: .2rem; }
  .wrap.contact .own-down {
    width: 12.6rem;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin-top: 1.07rem; }
    .wrap.contact .own-down li {
      width: 4.2rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding-right: .2rem;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      .wrap.contact .own-down li a {
        color: #FFF;
        font-size: .25rem;
        line-height: .34rem;
        font-weight: bold;
        background: url(../images/inn/ico-down.png) no-repeat 0% 50%;
        background-size: .26rem auto;
        padding-left: .32rem;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        border-bottom: solid 1px transparent; }
        .wrap.contact .own-down li a:hover {
          border-bottom: solid 1px #25a5ff; }
.wrap.contact .recruit-job {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  line-height: 1;
  font-size: .48rem; }
  .wrap.contact .recruit-job em {
    margin-left: .13rem;
    width: .94rem;
    color: #25a5ff; }
  .wrap.contact .recruit-job strong {
    color: #FFF; }
.wrap.contact .recruit-info {
  height: .56rem;
  border-top: solid 1px rgba(255, 255, 255, 0.4);
  border-bottom: solid 1px rgba(255, 255, 255, 0.4);
  margin-top: .2rem;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: .18rem; }
  .wrap.contact .recruit-info .ico-tm {
    background-image: url(../images/inn/ico-tm.png);
    width: .22rem;
    height: .21rem; }
  .wrap.contact .recruit-info .ico-addr {
    background-image: url(../images/inn/ico-addr.png);
    width: .21rem;
    height: .24rem; }
  .wrap.contact .recruit-info .ico-user {
    background-image: url(../images/inn/ico-user.png);
    width: .22rem;
    height: .19rem; }
  .wrap.contact .recruit-info .ico-money {
    background-image: url(../images/inn/ico-money.png);
    width: .19rem;
    height: .21rem; }
  .wrap.contact .recruit-info span {
    color: rgba(255, 255, 255, 0.5);
    font-size: .18rem;
    line-height: 1;
    margin-left: .07rem;
    margin-right: .42rem; }
.wrap.contact .recruit-request {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: .28rem; }
  .wrap.contact .recruit-request li {
    color: rgba(255, 255, 255, 0.5); }
    .wrap.contact .recruit-request li:nth-child(1) {
      width: 4.0rem;
      margin-left: .05rem; }
    .wrap.contact .recruit-request li:nth-child(2) {
      width: 4.0rem;
      margin-left: 1.1rem; }
    .wrap.contact .recruit-request li:nth-child(3) {
      width: 3.71rem;
      margin-left: 1.1rem; }
    .wrap.contact .recruit-request li strong {
      display: block;
      font-size: .24rem;
      line-height: .36rem; }
    .wrap.contact .recruit-request li p {
      font-size: .18rem;
      line-height: .3rem; }
      .wrap.contact .recruit-request li p strong {
        display: block;
        font-size: .18rem;
        line-height: .3rem;
        margin-top: .2rem; }
.wrap.contact .recruit .email {
  margin: .88rem 0 0 .15rem; }
  .wrap.contact .recruit .email-addr {
    color: #FFF;
    font-size: .18rem;
    line-height: .3rem; }
    .wrap.contact .recruit .email-addr a {
      color: #25a5ff; }
  .wrap.contact .recruit .email-send {
    margin-top: .12rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .wrap.contact .recruit .email-send-box {
    height: .6rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: .3rem;
    padding: 0 .2rem;
    border: solid 1px #25a5ff; }
    .wrap.contact .recruit .email-send-box .ico-email {
      background-image: url(../images/inn/ico-email.png);
      width: .31rem;
      height: .24rem; }
    .wrap.contact .recruit .email-send-box span {
      color: #25a5ff;
      font-size: .24rem;
      font-weight: bold;
      margin-left: .11rem; }
    .wrap.contact .recruit .email-send-box:hover {
      background: rgba(0, 0, 0, 0.2);
      border: solid 1px #FFF; }
      .wrap.contact .recruit .email-send-box:hover span {
        color: #FFF; }
.wrap.contact .item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: .8rem;
  padding-bottom: .16rem;
  border-bottom: solid 1px rgba(255, 255, 255, 0.4); }

.wrap.news_detail .box {
  width: 14rem;
  margin: 1.03rem auto 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 1px; }
  .wrap.news_detail .box-hd .tit {
    color: #FFF;
    font-size: .42rem;
    line-height: .54rem;
    font-weight: normal;
    text-align: center; }
  .wrap.news_detail .box-hd .view {
    height: .56rem;
    border-top: solid 1px rgba(255, 255, 255, 0.4);
    border-bottom: solid 1px rgba(255, 255, 255, 0.4);
    margin-top: .2rem; }
    .wrap.news_detail .box-hd .view .ico-tm {
      background-image: url(../images/inn/ico-tm.png);
      width: .22rem;
      height: .21rem; }
    .wrap.news_detail .box-hd .view .ico-view {
      background-image: url(../images/inn/ico-view.png);
      width: .28rem;
      height: .18rem;
      margin-left: .62rem; }
    .wrap.news_detail .box-hd .view .ico-user {
      background-image: url(../images/inn/ico-user.png);
      width: .22rem;
      height: .19rem;
      margin-left: .62rem; }
    .wrap.news_detail .box-hd .view span {
      color: rgba(255, 255, 255, 0.5);
      font-size: .18rem;
      line-height: 1;
      margin-left: .05rem; }
  .wrap.news_detail .box-bd {
    margin-top: .4rem;
    font-size: .18rem; }
    .wrap.news_detail .box-bd img {
      width: auto;
      display: inline-block;
      max-width: 100%; }
    .wrap.news_detail .box-bd a {
      color: #25a5ff !important; }
    .wrap.news_detail .box-bd iframe {
      max-width: 100% !important;
      min-width: 5rem !important;
      min-height: 2.5rem !important;
      margin: 0 auto !important;
      display: block; }

.footer {
  background: url(../images/footer.jpg) no-repeat 50% 0/19.2rem auto;
  height: 1.8rem;
  width: 100%; }
  .footer-in {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: .46rem 1.02rem 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .footer .botnav a {
    color: rgba(255, 255, 255, 0.8);
    font-size: .18rem;
    line-height: .3rem;
    margin-right: .5rem; }
    .footer .botnav a:hover {
      color: #25a5ff; }
  .footer .channel {
    width: 1.6rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .footer .channel a img {
      -webkit-transition: all 0.3s linear;
      transition: all 0.3s linear;
      -webkit-filter: brightness(0.8);
              filter: brightness(0.8); }
    .footer .channel a:hover {
      -webkit-transform: scale(1.2);
              transform: scale(1.2);
      -webkit-filter: brightness(1.5);
              filter: brightness(1.5); }
    .footer .channel .ico-weibo {
      width: .27rem; }
    .footer .channel .ico-baidu {
      width: .23rem; }
    .footer .channel .ico-tencent {
      width: .23rem; }
    .footer .channel .ico-bilibili {
      width: .26rem; }
  .footer .copyright {
    width: 100%;
    padding-top: .2rem; }
    .footer .copyright a {
      font-size: .16rem;
      line-height: .3rem;
      color: #666; }

#waterfall-loading {
  font-size: .3rem; }

#waterfall-loading img {
  width: .2rem;
  display: inline-block; }

html.lenis, html.lenis body {
  height: auto; }

.lenis.lenis-smooth {
  scroll-behavior: auto !important; }

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain; }

.lenis.lenis-stopped {
  overflow: clip; }

.lenis.lenis-smooth iframe {
  pointer-events: none; }

.back_top {
  background: url(../images/back_top.png) no-repeat 100%/100%;
  width: .76rem;
  height: .76rem;
  position: fixed;
  bottom: 0.4rem;
  right: .3rem;
  z-index: 99;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  .back_top.show {
    opacity: 1;
    pointer-events: auto; }

.pop_mask {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.9);
  z-index: 299; }

.pop {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: none;
  outline: none;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 1px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  .pop .pop-clo {
    background-image: url(../images/inn/btn_esc.png);
    width: 0.3rem;
    height: 0.3rem;
    top: 0;
    right: -0.5rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
    .pop .pop-clo:hover {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
  .pop.pop-view-pic {
    width: 100%;
    height: 100%; }
    .pop.pop-view-pic .view-pic {
      width: 70%;
      position: relative;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
      .pop.pop-view-pic .view-pic img {
        margin: 0 auto; }
    .pop.pop-view-pic .mySwiper {
      width: 100%;
      height: 100%; }
    .pop.pop-view-pic .ctl-prev, .pop.pop-view-pic .ctl-next {
      width: .9rem;
      height: .9rem;
      top: 50%;
      margin-top: -0.45rem;
      opacity: 0.8; }
      .pop.pop-view-pic .ctl-prev span, .pop.pop-view-pic .ctl-next span {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        border: solid 1px rgba(255, 255, 255, 0.2);
        opacity: 0; }
      .pop.pop-view-pic .ctl-prev:hover, .pop.pop-view-pic .ctl-next:hover {
        opacity: 1; }
        .pop.pop-view-pic .ctl-prev:hover span, .pop.pop-view-pic .ctl-next:hover span {
          -webkit-animation: circlo 1s linear;
                  animation: circlo 1s linear; }
      .pop.pop-view-pic .ctl-prev.swiper-button-disabled, .pop.pop-view-pic .ctl-next.swiper-button-disabled {
        display: none; }
@keyframes circlo {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 1;
    border: solid 1px rgba(255, 255, 255, 0.2); }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
    border: solid 1px white; } }
    .pop.pop-view-pic .ctl-prev {
      background-image: url(../images/inn/btn_prev.png);
      left: .2rem; }
    .pop.pop-view-pic .ctl-next {
      background-image: url(../images/inn/btn_next.png);
      right: .2rem; }

.lang_en {
  font-family: "syr"; }
  .lang_en .wrap .us .p1 {
    font-size: .36rem; }
    .lang_en .wrap .us .p1 span {
      font-size: .3rem; }
  .lang_en .wrap .us .p2 {
    font-family: "bru";
    bottom: .04rem;
    font-size: .44rem; }
  .lang_en .wrap .title-box .title-zh span {
    font-size: .7rem;
    font-family: "bru";
    margin-bottom: -0.5rem; }
  .lang_en .wrap .title-box .title-en span {
    font-size: .56rem;
    margin-top: .3rem; }
  .lang_en .wrap.about .hjsb .situ p.situ-name {
    font-size: .34rem;
    margin-top: -0.2rem; }
  .lang_en .wrap .about .title-box .title-zh span, .lang_en .wrap .team .title-box .title-zh span, .lang_en .wrap .partners .title-box .title-zh span, .lang_en .wrap.about .title-box .title-zh span, .lang_en .wrap.team .title-box .title-zh span, .lang_en .wrap.team_detail .title-box .title-zh span, .lang_en .wrap.partners .title-box .title-zh span {
    font-size: .74rem;
    margin-bottom: -0.18rem; }
  .lang_en .wrap .about .title-box .title-en span, .lang_en .wrap .team .title-box .title-en span, .lang_en .wrap .partners .title-box .title-en span, .lang_en .wrap.about .title-box .title-en span, .lang_en .wrap.team .title-box .title-en span, .lang_en .wrap.team_detail .title-box .title-en span, .lang_en .wrap.partners .title-box .title-en span {
    font-size: .56rem;
    margin-top: -.02rem; }
  .lang_en .wrap .news .title-box .title-zh span, .lang_en .wrap.news .title-box .title-zh span, .lang_en .wrap.news_detail .title-box .title-zh span {
    font-size: .58rem;
    margin-bottom: -0.42rem; }
  .lang_en .wrap .news .title-box .title-en span, .lang_en .wrap.news .title-box .title-en span, .lang_en .wrap.news_detail .title-box .title-en span {
    font-size: .48rem;
    margin-top: .22rem; }
  .lang_en .wrap.contact .title-box .title-zh span {
    font-size: .64rem;
    margin-bottom: -0.24rem; }
  .lang_en .wrap.contact .title-box .title-en span {
    font-size: .48rem;
    margin-top: .04rem; }
  .lang_en .wrap .us .about-us {
    line-height: .22rem; }
  .lang_en .wrap.index .team-list a .info-name, .lang_en .wrap.team .team-list a .info-name {
    font-size: .34rem;
    line-height: .42rem;
    white-space: nowrap;
    top: 2.06rem; }
  .lang_en .wrap .works-tab li > a {
    padding: 0 .552rem; }

.lang_zh {
  font-family: "syr"; }
  .lang_zh .wrap .us .about-us {
    text-align: justify; }
  .lang_zh .wrap .works-tab li > a {
    padding: 0 .715rem; }

.lang_jp {
  font-family: "syr"; }
  .lang_jp .wrap .us .p1 {
    font-size: .36rem; }
  .lang_jp .wrap .us .p2 {
    font-family: "bru";
    bottom: .04rem;
    font-size: .4rem; }
  .lang_jp .wrap .us .about-us {
    line-height: .22rem;
    text-align: justify; }
  .lang_jp .wrap .about .title-box .title-zh span, .lang_jp .wrap.about .title-box .title-zh span, .lang_jp .wrap.contact .title-box .title-zh span {
    font-size: .92rem;
    margin-bottom: -0.26rem; }
  .lang_jp .wrap .about .title-box .title-en span, .lang_jp .wrap.about .title-box .title-en span, .lang_jp .wrap.contact .title-box .title-en span {
    font-size: .62rem;
    margin-top: .06rem; }
  .lang_jp .wrap .news .title-box .title-zh span, .lang_jp .wrap.news .title-box .title-zh span {
    font-size: .86rem;
    margin-bottom: -0.76rem; }
  .lang_jp .wrap .news .title-box .title-en span, .lang_jp .wrap.news .title-box .title-en span {
    font-size: .54rem;
    margin-top: 0.54rem; }
  .lang_jp .wrap.about .hjsb .situ p {
    margin-right: .25rem; }
  .lang_jp .wrap.about .hjsb .situ p.situ-name {
    font-size: .28rem;
    margin-top: -0.14rem; }
  .lang_jp .wrap .us .p1 {
    font-size: .36rem; }
    .lang_jp .wrap .us .p1 span {
      font-size: .3rem; }
  .lang_jp .wrap .works-tab li > a {
    padding: 0 .48rem; }