.m {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  outline: none; }
  .m .lin1, .m .lin2, .m .lin3, .m .lin4 {
    display: none !important; }
  .m .side-right {
    display: none; }
  .m .footer {
    background: url(../images/m/footer.jpg) no-repeat 50% 0/7.5rem auto;
    height: 2.0rem; }
    .m .footer-in {
      width: 100%;
      height: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 0;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .m .footer .botnav {
      display: none; }
    .m .footer .channel {
      width: 3.05rem;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin: 0 auto; }
      .m .footer .channel a img {
        -webkit-transition: none;
        transition: none;
        -webkit-filter: brightness(1);
                filter: brightness(1); }
      .m .footer .channel a:hover {
        -webkit-transform: scale(1);
                transform: scale(1);
        -webkit-filter: brightness(1);
                filter: brightness(1); }
      .m .footer .channel .ico-weibo {
        width: .39rem; }
      .m .footer .channel .ico-baidu {
        width: .33rem; }
      .m .footer .channel .ico-tencent {
        width: .35rem; }
      .m .footer .channel .ico-bilibili {
        width: .38rem; }
    .m .footer .copyright {
      padding-top: .2rem;
      text-align: center; }
      .m .footer .copyright a {
        color: rgba(255, 255, 255, 0.7);
        font-size: .22rem; }
  .m .pos {
    background: url(../images/m/inn/ico-home.png) no-repeat 0% 50%/0.23rem auto;
    line-height: .22rem;
    color: rgba(255, 255, 255, 0.5);
    padding-left: .33rem;
    margin: 0 0 0 .09rem;
    font-size: .2rem;
    position: relative;
    top: -0.08rem;
    display: none; }
    .m .pos a {
      color: rgba(255, 255, 255, 0.5); }
      .m .pos a:hover {
        border-bottom: solid 1px rgba(255, 255, 255, 0.5);
        color: #FFF; }
    .m .pos span {
      margin: 0 .08rem; }
  .m .topnav {
    width: 100%;
    height: 1.0rem;
    z-index: 100;
    background-color: #232323;
    padding-right: 0; }
    .m .topnav.fixed {
      background-color: #232323; }
    .m .topnav .language {
      right: 1.2rem;
      padding-top: 0; }
      .m .topnav .language .ico_map {
        width: .3rem;
        height: .3rem; }
      .m .topnav .language .txt {
        font-size: .3rem; }
    .m .topnav .language_ls {
      top: 1.0rem;
      right: 1.1rem; }
    .m .topnav .logo {
      margin-left: .24rem;
      display: none; }
      .m .topnav .logo.db {
        display: block; }
    .m .topnav .btn_hisprev {
      background: url(../images/m/inn/btn_back.png) no-repeat 100%/100%;
      width: .4rem;
      height: .4rem;
      margin-left: .24rem; }
    .m .topnav .btn_nav {
      background: url(../images/m/btn_zd.png) no-repeat 100%/100%;
      width: .37rem;
      height: .37rem;
      margin-right: .4rem;
      display: block; }
    .m .topnav.on {
      background-color: rgba(0, 0, 0, 0.92); }
      .m .topnav.on .btn_nav {
        background-image: url(../images/m/btn_clo.png); }
      .m .topnav.on .nav {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: scale(1);
                transform: scale(1); }
    .m .topnav .nav {
      position: absolute;
      width: 100%;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
      top: 1.0rem;
      left: 0;
      height: auto;
      padding-top: .48rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: .48rem 0 .7rem .8rem;
      background-color: rgba(0, 0, 0, 0.92);
      height: calc(100vh - 1.0rem);
      opacity: 0;
      pointer-events: none;
      -webkit-transition: all .3s ease;
      transition: all .3s ease;
      -webkit-transform: scale(0);
              transform: scale(0);
      -webkit-transform-origin: 100% 0;
              transform-origin: 100% 0; }
      .m .topnav .nav > li {
        width: 100%;
        min-height: 1.3rem;
        height: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -ms-flex-line-pack: center;
            align-content: center;
        padding: 0;
        position: relative;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        .m .topnav .nav > li::before {
          background: none; }
        .m .topnav .nav > li > a {
          width: 100%;
          height: auto;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          position: relative;
          padding-top: 0;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start; }
          .m .topnav .nav > li > a span {
            font-size: .32rem;
            line-height: 1.3rem;
            color: rgba(255, 255, 255, 0.8);
            text-align: left; }
          .m .topnav .nav > li > a.ico-down:after {
            content: "";
            background: url(../images/m/btn_arr.png) no-repeat 100%/100%;
            width: .24rem;
            height: .12rem;
            position: absolute;
            top: .6rem;
            border: none;
            margin-left: 0;
            right: inherit;
            left: 5.4rem;
            display: none; }
        .m .topnav .nav > li:hover .items {
          display: none; }
        .m .topnav .nav > li.active > a span {
          color: #FFF; }
        .m .topnav .nav > li.active > a.ico-down:after {
          -webkit-transform: rotate(180deg);
                  transform: rotate(180deg); }
        .m .topnav .nav > li.active .items {
          display: none; }
        .m .topnav .nav > li.active .item-sub-list {
          display: none; }
      .m .topnav .nav li:nth-child(7) .items .item-sub:nth-child(1) {
        display: none; }
    .m .topnav .items {
      width: 100%;
      background: none;
      text-align: left;
      position: relative;
      top: 0;
      right: inherit;
      left: 0;
      display: none; }
      .m .topnav .items .item-sub {
        position: relative; }
        .m .topnav .items .item-sub a {
          width: auto;
          font-size: .24rem;
          line-height: .4rem;
          color: rgba(255, 255, 255, 0.5);
          position: relative;
          text-indent: 0rem;
          display: inline-block;
          position: relative; }
          .m .topnav .items .item-sub a:hover {
            color: #FFF; }
        .m .topnav .items .item-sub .ico-rgt:after {
          border: none; }
        .m .topnav .items .item-sub .ico-rgt.show:nth-child(1) {
          -webkit-transform: rotate(0);
                  transform: rotate(0); }
        .m .topnav .items .item-sub .ico-rgt.show .item-sub-list {
          display: none; }
        .m .topnav .items .item-sub-list {
          width: 100%;
          position: relative;
          background: none;
          top: 0;
          left: 0;
          display: none; }
          .m .topnav .items .item-sub-list a {
            width: 100% !important;
            position: relative;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            padding-left: .2rem; }
            .m .topnav .items .item-sub-list a:nth-child(1):after {
              content: "";
              background: url(../images/m/btn_arr.png) no-repeat 100%/100%;
              width: .24rem;
              height: .12rem;
              position: absolute;
              top: -.15rem;
              border: none;
              margin-left: 0;
              right: inherit;
              left: 5.4rem;
              -webkit-transform: rotate(-180deg);
                      transform: rotate(-180deg); }
          .m .topnav .items .item-sub-list.show {
            display: block; }
        .m .topnav .items .item-sub:nth-child(1) {
          display: block; }
  .m .wrap {
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: 7.5rem auto;
    overflow: hidden; }
    .m .wrap .title-box {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      position: relative; }
      .m .wrap .title-box .tl, .m .wrap .title-box .tr {
        background-repeat: no-repeat;
        background-size: auto .68rem; }
      .m .wrap .title-box .tl {
        background-image: url(../images/m/tl.png);
        background-position: 0% 50%;
        height: .68rem;
        width: 2.23rem; }
      .m .wrap .title-box .tr {
        background-image: url(../images/m/tr.png);
        background-position: 100% 50%;
        height: .68rem;
        width: 2.23rem; }
      .m .wrap .title-box .title {
        width: 2.86rem;
        height: 1.08rem;
        position: relative; }
        .m .wrap .title-box .title-en, .m .wrap .title-box .title-zh, .m .wrap .title-box .title-k {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0; }
        .m .wrap .title-box .title-k {
          background-image: url(../images/m/title/title-k.png); }
        .m .wrap .title-box .title-zh span {
          font-size: .58rem;
          margin-bottom: -0.2rem; }
        .m .wrap .title-box .title-en span {
          font-size: .37rem;
          margin-top: .06rem; }
    .m .wrap .btn-more {
      width: 2.19rem;
      height: .61rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border: solid 1px #FFF;
      border-radius: .3rem;
      font-size: .24rem;
      margin: .21rem auto 0; }
      .m .wrap .btn-more:before {
        background: none; }
      .m .wrap .btn-more span {
        position: relative; }
      .m .wrap .btn-more:hover:before {
        -webkit-transform: translateX(0);
                transform: translateX(0);
        opacity: 1; }
    .m .wrap .us {
      width: 7.5rem;
      margin: .5rem auto 0;
      font-size: .14rem;
      color: rgba(255, 255, 255, 0.7);
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .m .wrap .us .about-us, .m .wrap .us .contact-us {
        background: none;
        width: 3.28rem;
        height: auto;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        border: solid 1px #FFF;
        position: relative;
        padding: .72rem 0 0 0;
        display: block; }
        .m .wrap .us .about-us:before, .m .wrap .us .contact-us:before {
          content: "";
          background-repeat: no-repeat;
          background-size: 100% 100%;
          width: 3.28rem;
          height: .72rem;
          position: absolute;
          top: 0;
          left: 0; }
      .m .wrap .us .p1 {
        width: 1.5rem;
        font-size: .34rem;
        line-height: .27rem;
        top: .06rem;
        left: .1rem; }
      .m .wrap .us .p2 {
        width: 1.8rem;
        font-size: .27rem;
        line-height: 1;
        bottom: unset;
        top: .1rem;
        left: unset;
        right: .12rem;
        text-align: right; }
        .m .wrap .us .p2:after {
          content: "";
          background: url(../images/m/cir.png) no-repeat 100%/100%;
          width: .24rem;
          height: .15rem;
          position: absolute;
          bottom: -0.22rem;
          right: 0; }
      .m .wrap .us .about-us {
        margin-right: .3rem; }
        .m .wrap .us .about-us .p3 {
          border-top: solid 1px #FFF;
          width: 100%;
          height: 2.92rem;
          font-size: .2rem;
          line-height: .28rem;
          padding: 0 .14rem;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          padding-top: .1rem; }
      .m .wrap .us .contact-us ul {
        width: 100%;
        height: 2.92rem; }
      .m .wrap .us .contact-us li {
        font-size: .2rem;
        line-height: .3rem;
        height: auto;
        border-top: solid 1px #FFF;
        padding: .07rem .14rem;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
    .m .wrap .head {
      background: url(../images/m/inn/head.jpg) no-repeat 50% 0/7.5rem auto;
      height: 4.7rem;
      padding-top: 2.02rem; }
    .m .wrap .cont {
      background: #292929 url(../images/m/inn/cont-bg.jpg) no-repeat 50% 0/7.5rem auto;
      height: auto;
      padding-bottom: .45rem; }
      .m .wrap .cont:before {
        background-image: url(../images/inn/bot.png);
        background-size: 7.5rem auto; }
    .m .wrap .page {
      width: 6.68rem;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin: .54rem auto 0; }
      .m .wrap .page a {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        position: relative;
        -webkit-transition: none;
        transition: none; }
        .m .wrap .page a:nth-child(1):hover {
          -webkit-transform: none;
                  transform: none; }
        .m .wrap .page a:nth-child(2) {
          -webkit-box-align: end;
              -ms-flex-align: end;
                  align-items: flex-end; }
          .m .wrap .page a:nth-child(2) .text {
            text-align: right; }
          .m .wrap .page a:nth-child(2):hover {
            -webkit-transform: none;
                    transform: none; }
        .m .wrap .page a .txt {
          color: rgba(255, 255, 255, 0.5);
          font-size: .2rem;
          line-height: .3rem;
          margin-bottom: .1rem; }
        .m .wrap .page a .text {
          color: #FFF;
          font-size: .24rem;
          line-height: .32rem;
          max-width: 2.5rem;
          -webkit-filter: drop-shadow(0 0 0.49rem rgba(37, 165, 255, 0.4)) drop-shadow(0 0 0.49rem rgba(37, 165, 255, 0.4));
                  filter: drop-shadow(0 0 0.49rem rgba(37, 165, 255, 0.4)) drop-shadow(0 0 0.49rem rgba(37, 165, 255, 0.4)); }
        .m .wrap .page a i {
          display: block;
          margin-top: .1rem;
          height: .31rem; }
        .m .wrap .page a .before {
          background-image: url(../images/m/inn/before.png);
          width: 2.13rem; }
        .m .wrap .page a .after {
          background-image: url(../images/m/inn/after.png);
          width: 1.75rem; }
    .m .wrap .sub-tab {
      width: 6.12rem;
      height: .55rem;
      border-radius: .28rem;
      border: solid 0.02rem rgba(255, 255, 255, 0.5);
      top: .4rem;
      left: 50%;
      margin-left: -3.07rem;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .m .wrap .sub-tab li {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        height: 100%;
        position: relative;
        z-index: 2; }
        .m .wrap .sub-tab li a {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          width: 100%;
          height: 100%;
          text-align: center;
          font-size: .22rem;
          line-height: 1;
          color: rgba(255, 255, 255, 0.5);
          position: relative;
          border-radius: .35rem; }
        .m .wrap .sub-tab li:hover a, .m .wrap .sub-tab li.active a {
          color: #FFF; }
        .m .wrap .sub-tab li:hover:before, .m .wrap .sub-tab li.active:before {
          display: block; }
      .m .wrap .sub-tab .anim {
        width: 2.04rem;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transition: none;
        transition: none;
        z-index: 1; }
        .m .wrap .sub-tab .anim .lgt {
          background: url(../images/m/works-tab-light.png) no-repeat 100%/100%;
          width: 2.55rem;
          height: 1.23rem;
          position: absolute;
          top: -0.3rem;
          left: -.8rem;
          pointer-events: none;
          display: none; }
        .m .wrap .sub-tab .anim:after {
          content: "";
          width: 100%;
          height: 100%;
          background: #25a5ff;
          border-radius: .28rem;
          position: absolute;
          top: 0;
          left: 0; }
    .m .wrap .works-tabwrap {
      width: 7.08rem;
      height: .56rem;
      border: solid 1px rgba(255, 255, 255, 0.5);
      margin: .43rem auto 0;
      border-radius: .28rem;
      z-index: 0; }
    .m .wrap .works-tab {
      width: 7.08rem;
      height: 7.56rem;
      margin: 0;
      display: block;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      position: relative;
      border: 0;
      overflow-x: auto;
      overflow-y: visible;
      white-space: nowrap;
      font-size: 0;
      scrollbar-width: none; }
      .m .wrap .works-tab::-webkit-scrollbar {
        height: 0;
        display: none; }
      .m .wrap .works-tab li {
        display: inline-block;
        vertical-align: top;
        width: auto;
        height: .56rem;
        position: relative; }
        .m .wrap .works-tab li > a {
          min-width: .58rem;
          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;
          width: auto;
          height: 100%;
          text-align: center;
          font-size: .19rem;
          line-height: .22rem;
          color: rgba(255, 255, 255, 0.5);
          position: relative;
          border-radius: .28rem;
          padding: 0 .15rem;
          z-index: 2; }
        .m .wrap .works-tab li:last-child .item-sub-list {
          left: unset;
          right: 0; }
        .m .wrap .works-tab li .item-sub-list {
          width: 1.9rem;
          height: 0;
          position: absolute;
          top: .56rem;
          left: 0;
          z-index: 0;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          padding: .2rem;
          overflow: hidden;
          background: rgba(0, 0, 0, 0.8);
          background-position: 50% 0;
          opacity: 1;
          border-radius: .2rem;
          display: none; }
          .m .wrap .works-tab li .item-sub-list a {
            color: rgba(255, 255, 255, 0.5);
            font-size: .19rem;
            line-height: .29rem;
            display: block; }
            .m .wrap .works-tab li .item-sub-list a:hover {
              color: #FFF; }
            .m .wrap .works-tab li .item-sub-list a.active {
              color: #FFF; }
          .m .wrap .works-tab li .item-sub-list.show {
            height: auto;
            opacity: 1;
            pointer-events: auto;
            z-index: 0; }
        .m .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; }
        .m .wrap .works-tab li:hover > a, .m .wrap .works-tab li.active > a {
          color: #FFF; }
        .m .wrap .works-tab li:hover:not(:first-child) a:after, .m .wrap .works-tab li.active:not(:first-child) a:after {
          border-top: 0.1rem solid white;
          display: inline-block; }
        .m .wrap .works-tab li:hover > a {
          background: #25a5ff;
          border-radius: .37rem; }
        .m .wrap .works-tab li:hover .item-sub-list {
          height: auto;
          display: block; }
      .m .wrap .works-tab .anim {
        width: .88rem;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transition: none;
        transition: none;
        z-index: 1;
        display: none; }
        .m .wrap .works-tab .anim .lgt {
          background: url(../images/m/works-tab-light.png) no-repeat 100%/100%;
          width: 2.55rem;
          height: 1.23rem;
          position: absolute;
          top: -0.3rem;
          left: -0.8rem;
          pointer-events: none; }
        .m .wrap .works-tab .anim:after {
          content: "";
          width: 100%;
          height: 100%;
          background: #25a5ff;
          border-radius: .36rem;
          position: absolute;
          top: 0;
          left: 0; }
    .m .wrap .bs-list {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      position: relative;
      padding-bottom: 0; }
      .m .wrap .bs-list li {
        width: 3.2rem;
        height: auto;
        position: relative;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        z-index: 2;
        margin-bottom: .7rem; }
        .m .wrap .bs-list li:hover a {
          -webkit-transform: none;
                  transform: none; }
        .m .wrap .bs-list li .light {
          display: none; }
        .m .wrap .bs-list li a {
          width: 2.7rem;
          display: block;
          position: relative;
          -webkit-transition: none;
          transition: none;
          margin: 0 auto; }
        .m .wrap .bs-list li:nth-child(2n+2) {
          margin-top: 0; }
        .m .wrap .bs-list li:nth-child(1) .bs-img img {
          position: relative;
          top: -0.3rem; }
      .m .wrap .bs-list .bs-img {
        width: 2.7rem;
        height: 2.27rem;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        position: relative;
        overflow: hidden; }
      .m .wrap .bs-list .more {
        width: 1.54rem;
        height: .56rem;
        bottom: .18rem;
        right: -0.04rem;
        -webkit-transition: none;
        transition: none;
        opacity: 0;
        display: none; }
      .m .wrap .bs-list .bs-st {
        font-size: .34rem;
        line-height: .48rem;
        font-weight: normal;
        padding-top: .18rem; }
      .m .wrap .bs-list .bs-sty {
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: .62rem;
        top: -0.47rem;
        left: -0.16rem;
        text-indent: -99.99rem;
        -webkit-transition: none;
        transition: none;
        pointer-events: none; }
      .m .wrap .bs-list .bs-sty1 {
        background-image: url(../images/m/bs-sty1.png);
        width: 2.17rem; }
      .m .wrap .bs-list .bs-sty2 {
        background-image: url(../images/m/bs-sty2.png);
        width: 2.47rem; }
      .m .wrap .bs-list .bs-sty3 {
        background-image: url(../images/m/bs-sty3.png);
        width: 1.94rem; }
      .m .wrap .bs-list .bs-sty4 {
        background-image: url(../images/m/bs-sty4.png);
        width: 2.45rem; }
      .m .wrap .bs-list .bs-dec {
        color: rgba(255, 255, 255, 0.5);
        font-size: .2rem;
        line-height: .3rem;
        padding-top: .08rem; }
    .m .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;
      border-radius: 0 0 .15rem .15rem;
      -webkit-transition: none;
      transition: none;
      opacity: 1; }
      .m .wrap .woitem_hv .hov-bg {
        background: url(../images/m/bg_li.png) no-repeat 100%/100%;
        position: absolute;
        top: unset;
        bottom: 0;
        left: -0.02rem;
        width: calc(100% + .04rem);
        height: 1.2rem; }
      .m .wrap .woitem_hv i {
        display: none; }
      .m .wrap .woitem_hv .tit {
        max-width: 80%;
        padding: .01rem .15rem;
        background-color: #fff;
        border-radius: .18rem;
        display: inline-block;
        margin: .1rem 0;
        position: relative;
        z-index: 2;
        -webkit-transform: translateY(0);
                transform: translateY(0);
        -webkit-transition: none;
        transition: none;
        font-size: .22rem;
        line-height: .28rem; }
      .m .wrap .woitem_hv p {
        font-size: .2rem;
        line-height: .3rem;
        color: rgba(255, 255, 255, 0.5);
        text-align: left;
        position: relative;
        z-index: 2;
        -webkit-transform: translateY(0);
                transform: translateY(0);
        -webkit-transition: none;
        transition: none; }
  .m .about .title-box .tl {
    background-image: url(../images/m/tl.png);
    width: 2.23rem; }
  .m .about .title-box .tr {
    background-image: url(../images/m/tr.png);
    width: 2.23rem; }
  .m .wrap.index {
    background-image: url(../images/m/bg.jpg);
    background-position: 50% 8.59rem;
    background-color: #292929;
    position: relative; }
    .m .wrap.index:before {
      content: "";
      width: 100%;
      height: calc(100% - 2.0rem);
      background: url(../images/m/inn/bot.png) no-repeat 50% 100%/7.5rem auto;
      position: absolute;
      top: 0;
      left: 0;
      pointer-events: none; }
    .m .wrap.index .kv {
      background: url(../images/m/kv.jpg) no-repeat no-repeat 50% 1rem/7.5rem auto;
      width: 100%;
      height: 8.59rem;
      -webkit-transition: none;
      transition: none;
      opacity: 1; }
    .m .wrap.index .bg-8082 {
      background-image: url(../images/m/8082.png);
      width: 7.5rem;
      height: 3.9rem;
      top: 2.4rem;
      left: 0; }
    .m .wrap.index .slogan {
      background-image: url(../images/m/slogan.png);
      width: 4.47rem;
      height: 2.31rem;
      top: 3.07rem;
      left: 1.5rem; }
    .m .wrap.index .bar-1 {
      background-image: url(../images/m/bar-1.png);
      width: .36rem;
      height: 6.59rem;
      top: 1.65rem;
      left: .1rem;
      pointer-events: none;
      -webkit-transition: none;
      transition: none; }
    .m .wrap.index .bar-2 {
      display: none; }
    .m .wrap.index .bar-3 {
      display: none; }
    .m .wrap.index .business {
      height: auto; }
      .m .wrap.index .business .bs-box {
        margin-top: .53rem;
        position: relative; }
        .m .wrap.index .business .bs-box .vc1, .m .wrap.index .business .bs-box .vc2 {
          display: none; }
    .m .wrap.index .works {
      height: auto;
      padding-bottom: .8rem; }
      .m .wrap.index .works-items-box {
        text-align: center;
        margin-top: .3rem;
        -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; }
        .m .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; }
        .m .wrap.index .works-items-box .str_move {
          white-space: nowrap;
          position: absolute;
          top: 0;
          left: 0;
          cursor: move; }
        .m .wrap.index .works-items-box .str_move_clone {
          display: inline-block;
          vertical-align: top;
          position: absolute;
          left: 100%;
          top: 0; }
        .m .wrap.index .works-items-box .str_vertical .str_move_clone {
          left: 0;
          top: 100%; }
        .m .wrap.index .works-items-box .str_down .str_move_clone {
          left: 0;
          bottom: 100%; }
        .m .wrap.index .works-items-box .str_vertical .str_move,
        .m .wrap.index .works-items-box .str_down .str_move {
          white-space: normal;
          width: 100%; }
        .m .wrap.index .works-items-box .str_static .str_move,
        .m .wrap.index .works-items-box .no_drag .str_move,
        .m .wrap.index .works-items-box .noStop .str_move {
          cursor: inherit; }
        .m .wrap.index .works-items-box .str_wrap img {
          max-width: none !important; }
        .m .wrap.index .works-items-box .dowebok {
          width: 3.4rem;
          height: 100%; }
        .m .wrap.index .works-items-box .works-item {
          margin: 0 .07rem;
          width: 3.4rem;
          height: 11.92rem;
          position: relative;
          display: inline-block; }
          .m .wrap.index .works-items-box .works-item:nth-child(3), .m .wrap.index .works-items-box .works-item:nth-child(4) {
            display: none; }
        .m .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%); }
        .m .wrap.index .works-items-box li {
          width: 100%;
          margin: 0 auto .12rem;
          position: relative;
          border-radius: .08rem;
          overflow: hidden; }
          .m .wrap.index .works-items-box li:hover {
            z-index: 5; }
            .m .wrap.index .works-items-box li:hover .woitem_hv {
              opacity: 1; }
              .m .wrap.index .works-items-box li:hover .woitem_hv .tit, .m .wrap.index .works-items-box li:hover .woitem_hv p {
                -webkit-transform: translateY(0);
                        transform: translateY(0); }
              .m .wrap.index .works-items-box li:hover .woitem_hv i {
                -webkit-transform: translateX(0);
                        transform: translateX(0);
                opacity: 1; }
      .m .wrap.index .works .btn-more {
        margin-top: .25rem;
        z-index: 9;
        opacity: 1 !important; }
    .m .wrap.index .about {
      height: auto;
      padding-bottom: .8rem; }
      .m .wrap.index .about .bar-1 {
        display: none; }
      .m .wrap.index .about-box {
        position: relative;
        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;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding-top: 2.1rem;
        margin-top: .28rem; }
        .m .wrap.index .about-box div {
          margin: .08rem; }
      .m .wrap.index .about-img3 {
        width: 4.14rem;
        position: relative;
        top: 0;
        right: 0; }
      .m .wrap.index .about-img2 {
        width: 6.7rem;
        position: relative;
        top: 0;
        left: 0; }
      .m .wrap.index .about-img1 {
        width: 2.45rem;
        position: relative;
        top: 0;
        left: 0; }
      .m .wrap.index .about-img4 {
        width: 1.79rem;
        position: relative;
        display: inline-block; }
      .m .wrap.index .about-img5 {
        width: 4.74rem;
        position: relative;
        display: inline-block; }
      .m .wrap.index .about-text {
        width: 6.8rem;
        height: auto;
        color: #FFF;
        font-size: .24rem;
        line-height: .36rem;
        top: 0;
        left: 50%;
        margin-left: -3.4rem;
        text-align: left; }
    .m .wrap.index .team {
      height: 12.1rem; }
      .m .wrap.index .team .title-box .title {
        top: 0;
        left: 0; }
      .m .wrap.index .team .title-box .tr, .m .wrap.index .team .title-box .tl {
        display: block; }
      .m .wrap.index .team-list {
        width: 6.56rem;
        position: relative;
        top: 0;
        left: 0;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -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-line-pack: start;
            align-content: flex-start;
        margin: .6rem auto 0; }
        .m .wrap.index .team-list a {
          width: 1.57rem;
          height: 1.92rem;
          position: relative;
          margin: 0 0.85rem 1.7rem; }
          .m .wrap.index .team-list a .img {
            width: 100%;
            height: 1.92rem;
            position: relative; }
            .m .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: none;
              transition: none; }
          .m .wrap.index .team-list a .bor {
            background-image: url(../images/m/team-bor.png);
            width: 1.58rem;
            height: 1.97rem;
            top: -0.1rem;
            left: -0.1rem;
            pointer-events: none;
            -webkit-transition: none;
            transition: none; }
          .m .wrap.index .team-list a:nth-child(2) .info::after, .m .wrap.index .team-list a:nth-child(3) .info::after, .m .wrap.index .team-list a:nth-child(5) .info::after {
            bottom: -0.04rem; }
          .m .wrap.index .team-list a .info {
            width: 2.0rem;
            top: 1.54rem;
            left: .85rem;
            -webkit-transition: none;
            transition: none;
            pointer-events: none; }
            .m .wrap.index .team-list a .info:after {
              content: "";
              width: .3rem;
              height: .03rem;
              background: #25a5ff;
              border-radius: 0rem;
              position: absolute;
              bottom: -0.02rem;
              left: 0;
              pointer-events: none; }
            .m .wrap.index .team-list a .info-name {
              color: #ffffff;
              font-size: .3rem;
              line-height: .44rem;
              font-weight: bold; }
            .m .wrap.index .team-list a .info-dec {
              width: 100%;
              color: rgba(255, 255, 255, 0.5);
              font-size: .18rem;
              line-height: .22rem;
              padding: .04rem 0 .08rem; }
          .m .wrap.index .team-list a:hover .img:after {
            opacity: 0; }
          .m .wrap.index .team-list a:hover .bor {
            top: -0.1rem;
            left: -0.1rem;
            opacity: 1; }
          .m .wrap.index .team-list a:hover .info {
            width: 1.2rem;
            height: auto;
            top: 1.5rem;
            left: .85rem;
            -webkit-transition: all 0s;
            transition: all 0s;
            pointer-events: none;
            display: block;
            text-align: left;
            padding-top: 0; }
            .m .wrap.index .team-list a:hover .info:after {
              content: "";
              width: .3rem;
              height: .03rem;
              background: #25a5ff;
              border-radius: 0rem;
              position: absolute;
              bottom: -0.02rem;
              left: 0;
              pointer-events: none;
              display: block; }
            .m .wrap.index .team-list a:hover .info-name {
              color: #ffffff;
              font-size: .34rem;
              line-height: .45rem;
              font-weight: bold; }
            .m .wrap.index .team-list a:hover .info-dec {
              width: 100%;
              color: rgba(255, 255, 255, 0.5);
              font-size: .18rem;
              line-height: .22rem;
              padding: .04rem 0 .08rem; }
    .m .wrap.index .news {
      height: 9.4rem; }
      .m .wrap.index .news-list {
        width: 6.94rem;
        height: 6.45rem;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        margin: .4rem auto 0; }
        .m .wrap.index .news-list a {
          background-image: none;
          width: 100%;
          height: 25%;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          padding: 0 .15rem 0 .2rem;
          position: relative;
          border: solid 0.02rem rgba(255, 255, 255, 0.5); }
          .m .wrap.index .news-list a .hov-bg {
            display: none; }
          .m .wrap.index .news-list a .news-img {
            width: 1.64rem;
            position: relative;
            -webkit-transition: none;
            transition: none; }
          .m .wrap.index .news-list a .news-info {
            width: 4.7rem;
            position: relative;
            -webkit-transition: none;
            transition: none; }
            .m .wrap.index .news-list a .news-info-text {
              color: #FFF;
              font-size: .22rem;
              line-height: .3rem; }
            .m .wrap.index .news-list a .news-info-date {
              width: 115%;
              color: #25a5ff;
              font-size: .2rem;
              line-height: .22rem;
              padding-top: .12rem;
              font-family: 'bru'; }
          .m .wrap.index .news-list a .more {
            display: none; }
          .m .wrap.index .news-list a:hover .hov-bg {
            opacity: 1;
            top: 0; }
          .m .wrap.index .news-list a:hover .more {
            opacity: 1;
            right: -0.14rem; }
      .m .wrap.index .news .btn-more {
        margin-top: .24rem; }
    .m .wrap.index .partners .bar-1 {
      position: absolute;
      top: -.58rem;
      display: none; }
    .m .wrap.index .partners-list {
      width: 7.2rem;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      margin: .27rem auto 0;
      position: relative; }
      .m .wrap.index .partners-list li {
        background: rgba(255, 255, 255, 0.05);
        width: 1.7rem;
        height: .66rem;
        margin: .03rem; }
        .m .wrap.index .partners-list li img {
          width: auto;
          height: 100%;
          -webkit-transition: none;
          transition: none; }
        .m .wrap.index .partners-list li:hover {
          background: rgba(255, 255, 255, 0.05); }
          .m .wrap.index .partners-list li:hover img {
            -webkit-transform: scale(1);
                    transform: scale(1); }
    .m .wrap.index .us {
      margin-top: .9rem;
      margin-bottom: .4rem; }
  .m .wrap.works_detail .cont .tit {
    width: 7.0rem;
    text-align: center;
    margin: 0 auto; }
    .m .wrap.works_detail .cont .tit-text {
      color: #FFF;
      font-size: .36rem;
      line-height: .46rem;
      font-weight: normal;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: .47rem .4rem .18rem;
      border-bottom: solid 1px rgba(255, 255, 255, 0.4); }
    .m .wrap.works_detail .cont .tit-source {
      height: auto;
      border-bottom: solid 1px rgba(255, 255, 255, 0.4);
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: .12rem .2rem; }
      .m .wrap.works_detail .cont .tit-source li {
        width: 40%;
        font-size: .2rem;
        line-height: .32rem;
        text-align: left; }
        .m .wrap.works_detail .cont .tit-source li:nth-child(2n+2) {
          margin-left: .3rem; }
        .m .wrap.works_detail .cont .tit-source li:nth-child(3) {
          margin-left: 0; }
  .m .wrap.works_detail .cont .detail {
    width: 6.68rem;
    margin: .44rem auto 0; }
    .m .wrap.works_detail .cont .detail-fm {
      width: 100%;
      display: block; }
    .m .wrap.works_detail .cont .detail-info p {
      color: rgba(255, 255, 255, 0.5);
      font-size: .18rem;
      line-height: .3rem;
      padding: .26rem 0 .04rem; }
  .m .wrap.works_detail .cont .box-bd {
    width: 7.0rem;
    margin: 0.4rem auto 0; }
    .m .wrap.works_detail .cont .box-bd p, .m .wrap.works_detail .cont .box-bd span {
      font-size: 0.22rem !important; }
    .m .wrap.works_detail .cont .box-bd iframe {
      min-height: auto !important; }
  .m .wrap.works_detail .us {
    margin-top: .91rem; }
  .m .wrap.works_detail .workus {
    margin-top: .96rem; }
  .m .wrap.about .lin3 {
    display: none; }
  .m .wrap.about .lin4 {
    display: none; }
  .m .wrap.about .gsjj .tit {
    width: 6.5rem;
    margin: 1.63rem auto 0; }
    .m .wrap.about .gsjj .tit-text {
      text-align: center;
      color: #FFF;
      font-size: .36rem;
      line-height: .46rem; }
  .m .wrap.about .gsjj .detail {
    width: 7.08rem;
    margin: .5rem auto 0; }
    .m .wrap.about .gsjj .detail .item-hd {
      height: .48rem;
      line-height: 1;
      border-top: solid 1px rgba(255, 255, 255, 0.4);
      border-bottom: solid 1px rgba(255, 255, 255, 0.4);
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      .m .wrap.about .gsjj .detail .item-hd em {
        width: auto;
        font-size: .4rem;
        color: #25a5ff;
        font-family: "bru";
        margin-left: .24rem;
        margin-right: .1rem; }
      .m .wrap.about .gsjj .detail .item-hd strong {
        color: #FFF;
        font-size: .32rem;
        font-weight: normal;
        position: relative;
        margin-left: .16rem;
        top: 0; }
    .m .wrap.about .gsjj .detail .item-bd {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding-left: .28rem; }
      .m .wrap.about .gsjj .detail .item-bd .con {
        padding: .27rem 0 .55rem; }
        .m .wrap.about .gsjj .detail .item-bd .con p {
          width: 6.66rem;
          color: rgba(255, 255, 255, 0.5);
          font-size: .2rem;
          line-height: .3rem;
          padding: .15rem 0;
          text-align: justify; }
  .m .wrap.about .dsj {
    width: 100%;
    padding-bottom: 1.06rem; }
    .m .wrap.about .dsj-list {
      width: 7.06rem;
      position: relative;
      height: 28.7rem;
      margin: 0 auto;
      margin-top: 1.23rem; }
      .m .wrap.about .dsj-list:before {
        content: "";
        width: .02rem;
        height: 100%;
        background: #1680ca;
        position: absolute;
        top: 0;
        left: 50%; }
      .m .wrap.about .dsj-list li {
        min-width: 3.0rem;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        position: absolute; }
        .m .wrap.about .dsj-list li:nth-child(2n+1) {
          padding: 0; }
          .m .wrap.about .dsj-list li:nth-child(2n+1) .date:after {
            left: -0.37rem; }
        .m .wrap.about .dsj-list li:nth-child(2n+2) {
          padding: 0; }
          .m .wrap.about .dsj-list li:nth-child(2n+2) .date:after {
            right: -0.38rem; }
        .m .wrap.about .dsj-list li:nth-child(n+14) {
          padding: 0; }
          .m .wrap.about .dsj-list li:nth-child(n+14) .date:after {
            right: unset;
            left: -0.37rem; }
        .m .wrap.about .dsj-list li .date {
          width: auto;
          height: .44rem;
          position: relative;
          line-height: 1;
          font-size: .44rem; }
          .m .wrap.about .dsj-list li .date:after {
            content: "";
            background: url(../images/m/inn/cir.png) no-repeat 100%/100%;
            width: .13rem;
            height: .13rem;
            position: absolute;
            margin-top: -0.07rem;
            z-index: 5; }
        .m .wrap.about .dsj-list li .text {
          width: auto;
          max-width: 3.5rem;
          color: #ffffff;
          font-size: .2rem;
          line-height: .28rem;
          padding: .06rem 0 .11rem; }
        .m .wrap.about .dsj-list li:nth-child(1) {
          top: .12rem; }
        .m .wrap.about .dsj-list li:nth-child(2) {
          top: 1.48rem; }
        .m .wrap.about .dsj-list li:nth-child(3) {
          top: 3.31rem; }
        .m .wrap.about .dsj-list li:nth-child(4) {
          top: 5.16rem; }
        .m .wrap.about .dsj-list li:nth-child(5) {
          top: 7.62rem; }
        .m .wrap.about .dsj-list li:nth-child(6) {
          top: 9.18rem; }
        .m .wrap.about .dsj-list li:nth-child(7) {
          top: 12.0rem; }
        .m .wrap.about .dsj-list li:nth-child(8) {
          top: 13.06rem; }
        .m .wrap.about .dsj-list li:nth-child(9) {
          top: 15.4rem; }
        .m .wrap.about .dsj-list li:nth-child(10) {
          top: 18.14rem; }
        .m .wrap.about .dsj-list li:nth-child(11) {
          top: 19.72rem; }
        .m .wrap.about .dsj-list li:nth-child(12) {
          top: 22.77rem; }
        .m .wrap.about .dsj-list li:nth-child(13) {
          top: 23.84rem; }
        .m .wrap.about .dsj-list li:nth-child(14) {
          top: 25.2rem; }
        .m .wrap.about .dsj-list li:nth-child(15) {
          top: 27.11rem; }
        .m .wrap.about .dsj-list li:nth-child(16) {
          top: 28.45rem; }
  .m .wrap.about .hjsb {
    width: 7.17rem;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: 1px; }
    .m .wrap.about .hjsb .equiment {
      margin-top: 1.5rem; }
      .m .wrap.about .hjsb .equiment .item {
        border-bottom: solid 1px rgba(255, 255, 255, 0.4); }
    .m .wrap.about .hjsb .item {
      width: 7.17rem;
      margin-top: .6rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding-top: 1px;
      position: relative; }
      .m .wrap.about .hjsb .item-1 .ibox {
        display: none; }
      .m .wrap.about .hjsb .item-10 .ibox {
        margin-top: 3.93rem;
        margin-bottom: -0.6rem; }
      .m .wrap.about .hjsb .item-10 table {
        width: 6.8rem;
        position: relative;
        margin-left: .18rem; }
        .m .wrap.about .hjsb .item-10 table th:nth-child(3n) {
          position: absolute;
          top: -3.93rem;
          left: 0; }
        .m .wrap.about .hjsb .item-10 table img {
          width: 6.8rem; }
    .m .wrap.about .hjsb .ibox p, .m .wrap.about .hjsb .ibox span {
      font-size: 0.18rem !important; }
    .m .wrap.about .hjsb .sty {
      line-height: 1;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 0 .22rem .21rem; }
      .m .wrap.about .hjsb .sty em {
        width: auto;
        color: #25a5ff;
        font-size: .4rem;
        text-indent: 0rem;
        margin-right: .2rem; }
      .m .wrap.about .hjsb .sty strong {
        font-weight: normal;
        color: #FFF;
        font-size: .3rem; }
    .m .wrap.about .hjsb .dec {
      color: rgba(255, 255, 255, 0.5);
      font-size: .2rem;
      line-height: .3rem;
      padding: .2rem 0 0 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 0 .22rem; }
    .m .wrap.about .hjsb .situ {
      height: .44rem;
      border-top: solid 1px rgba(255, 255, 255, 0.4);
      border-bottom: solid 1px rgba(255, 255, 255, 0.4);
      margin-top: .22rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      color: rgba(255, 255, 255, 0.5);
      line-height: 1;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
      .m .wrap.about .hjsb .situ p {
        position: relative;
        top: -0.03rem;
        font-size: .2rem;
        margin-right: .22rem; }
        .m .wrap.about .hjsb .situ p.situ-name {
          font-size: .22rem;
          position: absolute;
          top: 50%;
          left: 0.24rem;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          margin-top: 0; }
      .m .wrap.about .hjsb .situ .lab {
        position: relative;
        top: .03rem; }
      .m .wrap.about .hjsb .situ .bru {
        color: #25a5ff;
        font-size: .2rem;
        margin-left: .04rem;
        position: relative;
        top: 0.02rem; }
    .m .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: .22rem;
      margin-top: .15rem; }
      .m .wrap.about .hjsb .devices li {
        width: 1.8rem;
        margin-right: 0; }
        .m .wrap.about .hjsb .devices li em, .m .wrap.about .hjsb .devices li p {
          display: block;
          font-size: .18rem;
          line-height: .24rem;
          color: rgba(255, 255, 255, 0.5); }
          .m .wrap.about .hjsb .devices li em.tag, .m .wrap.about .hjsb .devices li p.tag {
            color: #FFF; }
        .m .wrap.about .hjsb .devices li em {
          text-indent: -0.09rem; }
        .m .wrap.about .hjsb .devices li:nth-child(1) {
          width: 1.5rem; }
        .m .wrap.about .hjsb .devices li:nth-child(4) {
          width: auto;
          max-width: 1.7rem; }
        .m .wrap.about .hjsb .devices li:nth-child(5) {
          margin-left: 1.5rem; }
        .m .wrap.about .hjsb .devices li:nth-child(n+4) {
          margin-top: .1rem; }
    .m .wrap.about .hjsb .dvc {
      width: 5.88rem;
      height: 2.28rem;
      margin: .2rem auto 0;
      position: relative; }
      .m .wrap.about .hjsb .dvc ul {
        width: 100%;
        height: 2.04rem;
        position: relative; }
      .m .wrap.about .hjsb .dvc .swiper-slide {
        width: 3.23rem;
        height: 2.04rem;
        -webkit-transition: all 0.3s;
        transition: all 0.3s; }
        .m .wrap.about .hjsb .dvc .swiper-slide.swiper-slide-active {
          -webkit-transform: scale(1);
                  transform: scale(1); }
          .m .wrap.about .hjsb .dvc .swiper-slide.swiper-slide-active:after {
            content: "";
            background: url(../images/m/inn/dvc-k.png) no-repeat 100%/100%;
            width: 3.24rem;
            height: 2.03rem;
            position: absolute;
            top: -0.05rem;
            left: -0.06rem; }
      .m .wrap.about .hjsb .dvc .btn_prev, .m .wrap.about .hjsb .dvc .btn_next {
        width: .5rem;
        height: .49rem;
        top: 1.52rem; }
      .m .wrap.about .hjsb .dvc .btn_prev {
        background-image: url(../images/m/inn/btn_prev.png);
        left: -.56rem; }
      .m .wrap.about .hjsb .dvc .btn_next {
        background-image: url(../images/m/inn/btn_next.png);
        right: -.56rem; }
    .m .wrap.about .hjsb .matrix {
      width: 6.48rem;
      margin: .23rem auto 0; }
    .m .wrap.about .hjsb .microphone {
      width: 6.49rem;
      height: 3.56rem;
      position: absolute;
      top: 1.9rem;
      right: .24rem; }
    .m .wrap.about .hjsb .microphone-list {
      width: 6.9rem;
      padding: .14rem 0 .4rem .4rem;
      border-top: solid 1px rgba(255, 255, 255, 0.4);
      border-bottom: none;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      white-space: nowrap;
      font-size: 0;
      margin: 0 auto;
      position: relative;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
      .m .wrap.about .hjsb .microphone-list p {
        width: 2.43rem;
        color: #FFF;
        font-size: .18rem;
        line-height: .22rem;
        display: inline-block;
        vertical-align: top; }
  .m .wrap.partners .lin1, .m .wrap.partners .lin2 {
    display: none; }
  .m .wrap.partners .partners-list {
    width: 7.06rem;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: .45rem auto 0; }
    .m .wrap.partners .partners-list li {
      background: rgba(255, 255, 255, 0.05);
      width: 1.7rem;
      height: .66rem;
      margin: .03rem;
      -webkit-transition: none;
      transition: none; }
      .m .wrap.partners .partners-list li img {
        width: auto;
        height: 100%;
        -webkit-transition: none;
        transition: none; }
      .m .wrap.partners .partners-list li:hover {
        background: rgba(255, 255, 255, 0.05); }
        .m .wrap.partners .partners-list li:hover img {
          -webkit-transform: scale(1);
                  transform: scale(1); }
  .m .wrap.partners .page {
    margin-top: .3rem; }
  .m .wrap.partners .paging {
    margin-top: .6rem; }
  .m .wrap.partners .us {
    margin-top: .45rem; }
  .m .wrap.team .cont {
    background-image: url(../images/m/inn/team-bg.jpg); }
  .m .wrap.team .lin1 {
    display: none; }
  .m .wrap.team .lin2 {
    display: none; }
  .m .wrap.team .box {
    width: 7.5rem;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: 1px;
    padding-bottom: .6rem; }
  .m .wrap.team .team-list {
    width: 6.56rem;
    -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-line-pack: start;
        align-content: flex-start;
    margin-top: 1.8rem; }
    .m .wrap.team .team-list a {
      width: 1.57rem;
      height: 1.92rem;
      position: relative;
      margin: 0 0.85rem 1.7rem; }
      .m .wrap.team .team-list a .img {
        width: 100%;
        height: 1.92rem;
        position: relative; }
        .m .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: none;
          transition: none; }
      .m .wrap.team .team-list a .bor {
        background-image: url(../images/m/team-bor.png);
        width: 1.58rem;
        height: 1.97rem;
        top: -0.1rem;
        left: -0.1rem;
        pointer-events: none;
        -webkit-transition: none;
        transition: none; }
      .m .wrap.team .team-list a:nth-child(2) .info::after, .m .wrap.team .team-list a:nth-child(3) .info::after, .m .wrap.team .team-list a:nth-child(5) .info::after {
        bottom: -0.04rem; }
      .m .wrap.team .team-list a .info {
        width: 2.0rem;
        top: 1.54rem;
        left: .85rem;
        -webkit-transition: none;
        transition: none;
        pointer-events: none; }
        .m .wrap.team .team-list a .info:after {
          content: "";
          width: .3rem;
          height: .03rem;
          background: #25a5ff;
          border-radius: 0rem;
          position: absolute;
          bottom: -0.02rem;
          left: 0;
          pointer-events: none; }
        .m .wrap.team .team-list a .info-name {
          color: #ffffff;
          font-size: .3rem;
          line-height: .45rem;
          font-weight: bold; }
        .m .wrap.team .team-list a .info-dec {
          width: 100%;
          color: rgba(255, 255, 255, 0.5);
          font-size: .18rem;
          line-height: .22rem;
          padding: .04rem 0 .08rem; }
      .m .wrap.team .team-list a:hover .img:after {
        opacity: 0; }
      .m .wrap.team .team-list a:hover .bor {
        top: -0.1rem;
        left: -0.1rem;
        opacity: 1; }
      .m .wrap.team .team-list a:hover .info {
        width: 1.2rem;
        height: auto;
        top: 1.5rem;
        left: .85rem;
        padding-top: 0;
        text-align: left;
        display: block; }
        .m .wrap.team .team-list a:hover .info:after {
          display: block; }
  .m .wrap.team .page {
    margin-top: 1rem; }
  .m .wrap.team .us {
    margin-top: 0; }
  .m .wrap.team_detail .lin1, .m .wrap.team_detail .lin2 {
    display: none; }
  .m .wrap.team_detail .cont {
    background-image: url(../images/m/inn/team-bg.jpg); }
  .m .wrap.team_detail .box {
    width: 7.1rem;
    margin: .54rem auto 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: 1px; }
    .m .wrap.team_detail .box-hd .tit {
      color: #FFF;
      font-size: .36rem;
      line-height: .45rem;
      font-weight: normal;
      text-align: center; }
    .m .wrap.team_detail .box-hd .view {
      height: .49rem;
      border-top: solid 1px rgba(255, 255, 255, 0.4);
      border-bottom: solid 1px rgba(255, 255, 255, 0.4);
      margin-top: .25rem; }
      .m .wrap.team_detail .box-hd .view .ico-tm {
        background-image: url(../images/m/inn/ico-tm.png);
        width: .22rem;
        height: .21rem; }
      .m .wrap.team_detail .box-hd .view .ico-view {
        background-image: url(../images/m/inn/ico-view.png);
        width: .28rem;
        height: .18rem;
        margin-left: .62rem; }
      .m .wrap.team_detail .box-hd .view span {
        color: rgba(255, 255, 255, 0.5);
        font-size: .18rem;
        line-height: 1;
        margin-left: .05rem; }
    .m .wrap.team_detail .box-bd {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: .41rem 0 0 .2rem; }
      .m .wrap.team_detail .box-bd .img {
        width: 2.8rem;
        margin-right: .54rem; }
      .m .wrap.team_detail .box-bd .info {
        width: 3.56rem;
        color: rgba(255, 255, 255, 0.5); }
        .m .wrap.team_detail .box-bd .info p {
          font-size: .18rem;
          line-height: .3rem; }
      .m .wrap.team_detail .box-bd .info2 {
        width: 6.3rem;
        color: rgba(255, 255, 255, 0.5); }
        .m .wrap.team_detail .box-bd .info2 p {
          font-size: .18rem;
          line-height: .3rem;
          padding-top: .3rem; }
  .m .wrap.team_detail .page {
    margin-top: .7rem; }
    .m .wrap.team_detail .page .text span:nth-of-type(2) {
      display: none; }
  .m .wrap.team_detail .us {
    margin-top: .93rem; }
  .m .wrap.contact .lin1, .m .wrap.contact .lin2 {
    display: none; }
  .m .wrap.contact .sub-tab {
    width: 6.12rem; }
    .m .wrap.contact .sub-tab li {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .m .wrap.contact .sub-tab .anim {
      width: 3.06rem; }
  .m .wrap.contact .cont {
    background-image: url(../images/m/inn/contact-bg.jpg); }
  .m .wrap.contact .box {
    width: 6.64rem;
    margin: 1.4rem auto 0; }
  .m .wrap.contact .own {
    -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: 0 0 .6rem 0; }
    .m .wrap.contact .own-map {
      width: 6.64rem;
      margin-right: 0rem;
      margin-bottom: .22rem; }
    .m .wrap.contact .own-info {
      width: 100%;
      color: rgba(255, 255, 255, 0.5);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -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-line-pack: start;
          align-content: flex-start;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .m .wrap.contact .own-info h4 {
        width: 100%;
        font-size: .24rem;
        line-height: 1;
        padding-bottom: .3rem; }
      .m .wrap.contact .own-info p {
        font-size: .2rem;
        line-height: .32rem; }
        .m .wrap.contact .own-info p a {
          color: rgba(255, 255, 255, 0.5); }
      .m .wrap.contact .own-info-lf {
        width: 2.7rem;
        margin-right: .6rem; }
      .m .wrap.contact .own-info .code {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        margin-top: .26rem; }
        .m .wrap.contact .own-info .code img {
          width: 1.45rem;
          margin-right: .2rem; }
    .m .wrap.contact .own-down {
      width: 6.56rem;
      display: block;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      margin-top: .42rem; }
      .m .wrap.contact .own-down li {
        width: auto;
        margin-bottom: .24rem; }
        .m .wrap.contact .own-down li a {
          color: #FFF;
          font-size: .24rem;
          line-height: .32rem;
          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; }
          .m .wrap.contact .own-down li a:hover {
            border-bottom: solid 1px #25a5ff; }
  .m .wrap.contact .recruit {
    padding-bottom: .5rem; }
    .m .wrap.contact .recruit-job {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      line-height: 1;
      font-size: .48rem; }
      .m .wrap.contact .recruit-job em {
        margin-left: .08rem;
        width: .94rem;
        color: #25a5ff; }
      .m .wrap.contact .recruit-job strong {
        color: #FFF; }
    .m .wrap.contact .recruit-info {
      height: .4rem;
      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: .11rem; }
      .m .wrap.contact .recruit-info .ico-tm {
        background-image: url(../images/m/inn/ico-tm.png);
        width: .22rem;
        height: .21rem; }
      .m .wrap.contact .recruit-info .ico-addr {
        background-image: url(../images/m/inn/ico-addr.png);
        width: .21rem;
        height: .24rem; }
      .m .wrap.contact .recruit-info .ico-user {
        background-image: url(../images/m/inn/ico-user.png);
        width: .22rem;
        height: .19rem; }
      .m .wrap.contact .recruit-info .ico-money {
        background-image: url(../images/m/inn/ico-money.png);
        width: .19rem;
        height: .21rem; }
      .m .wrap.contact .recruit-info span {
        color: rgba(255, 255, 255, 0.5);
        font-size: .2rem;
        line-height: 1;
        margin-left: .07rem;
        margin-right: .42rem; }
    .m .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: 0rem; }
      .m .wrap.contact .recruit-request li {
        color: rgba(255, 255, 255, 0.5);
        margin-top: .24rem;
        margin-left: .1rem; }
        .m .wrap.contact .recruit-request li:nth-child(1) {
          width: 6.66rem; }
        .m .wrap.contact .recruit-request li:nth-child(2) {
          width: 6.66rem; }
        .m .wrap.contact .recruit-request li:nth-child(3) {
          width: 6.66rem; }
        .m .wrap.contact .recruit-request li strong {
          display: block;
          font-size: .24rem;
          line-height: .36rem; }
        .m .wrap.contact .recruit-request li p {
          font-size: .2rem;
          line-height: .32rem; }
    .m .wrap.contact .recruit .email {
      margin: .42rem 0 0 0.02rem; }
      .m .wrap.contact .recruit .email-addr {
        color: #FFF;
        font-size: .2rem;
        line-height: .32rem; }
        .m .wrap.contact .recruit .email-addr a {
          color: #25a5ff; }
      .m .wrap.contact .recruit .email-send-box {
        margin-top: .08rem; }
        .m .wrap.contact .recruit .email-send-box .ico-email {
          background-image: url(../images/inn/ico-email.png);
          width: .31rem;
          height: .24rem; }
        .m .wrap.contact .recruit .email-send-box span {
          color: #25a5ff;
          font-size: .24rem;
          font-weight: bold;
          margin-left: .11rem; }
        .m .wrap.contact .recruit .email-send-box:hover {
          background: rgba(0, 0, 0, 0.1); }
  .m .wrap.contact .item {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: .6rem;
    padding-bottom: .26rem;
    border-bottom: none;
    position: relative; }
    .m .wrap.contact .item::after {
      content: "";
      width: 7.2rem;
      height: 1px;
      background-color: rgba(255, 255, 255, 0.4);
      position: absolute;
      bottom: 0;
      left: 50%;
      margin-left: -3.6rem; }
  .m .wrap.contact .page {
    margin-top: .47rem; }
  .m .wrap.contact .us {
    margin-top: .45rem; }
  .m .wrap.news .cont {
    background-image: url(../images/m/inn/news-bg.jpg); }
  .m .wrap.news .lin1, .m .wrap.news .lin2 {
    display: none; }
  .m .wrap.news .news-list {
    width: 6.9rem;
    height: 12.94rem;
    margin: .45rem auto 0;
    border: solid 1px rgba(255, 255, 255, 0.4);
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .m .wrap.news .news-list a {
      height: 1.29rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      position: relative; }
      .m .wrap.news .news-list a:not(:last-child) {
        border-bottom: solid 1px rgba(255, 255, 255, 0.4); }
      .m .wrap.news .news-list a .news-img {
        width: 1.64rem;
        height: .97rem;
        margin: 0 .12rem 0 .2rem; }
        .m .wrap.news .news-list a .news-img img {
          height: 100%; }
      .m .wrap.news .news-list a .hov-bg {
        -webkit-transition: none;
        transition: none; }
      .m .wrap.news .news-list a .news-info {
        width: 4.7rem; }
        .m .wrap.news .news-list a .news-info-tit {
          color: #ffffff;
          font-size: .22rem;
          line-height: .3rem;
          font-weight: normal;
          margin-bottom: .05rem;
          text-indent: 0; }
        .m .wrap.news .news-list a .news-info-date {
          color: #25a5ff;
          font-size: .2rem;
          line-height: .22rem; }
        .m .wrap.news .news-list a .news-info-dec {
          display: none; }
      .m .wrap.news .news-list a .more {
        background-image: url(../images/more.png);
        width: 1.54rem;
        height: .56rem;
        bottom: 50%;
        right: -0.04rem;
        -webkit-transition: none;
        transition: none;
        opacity: 0; }
      .m .wrap.news .news-list a:hover {
        background: url(../images/inn/news-list-hov.png) no-repeat 0 0;
        background-size: 8.07rem auto; }
        .m .wrap.news .news-list a:hover .hov-bg {
          opacity: 0;
          display: none; }
        .m .wrap.news .news-list a:hover .more {
          opacity: 0;
          right: -0.14rem; }
  .m .wrap.news_detail .title-box .title {
    background: none; }
  .m .wrap.news_detail .box {
    width: 7.08rem;
    margin: .45rem auto 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: 1px; }
    .m .wrap.news_detail .box-hd .tit {
      color: #FFF;
      font-size: .36rem;
      line-height: .42rem;
      font-weight: normal;
      text-align: center; }
    .m .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; }
      .m .wrap.news_detail .box-hd .view .ico-tm {
        background-image: url(../images/m/inn/ico-tm.png);
        width: .22rem;
        height: .21rem; }
      .m .wrap.news_detail .box-hd .view .ico-view {
        background-image: url(../images/m/inn/ico-view.png);
        width: .28rem;
        height: .18rem;
        margin-left: .62rem; }
      .m .wrap.news_detail .box-hd .view .ico-user {
        background-image: url(../images/m/inn/ico-user.png);
        width: .22rem;
        height: .19rem;
        margin-left: .62rem; }
      .m .wrap.news_detail .box-hd .view span {
        color: rgba(255, 255, 255, 0.5);
        font-size: .22rem;
        line-height: 1;
        margin-left: .05rem; }
    .m .wrap.news_detail .box-bd p, .m .wrap.news_detail .box-bd span {
      width: 6.58rem;
      font-size: 0.22rem !important;
      line-height: 0.36rem !important;
      color: rgba(255, 255, 255, 0.5); }
    .m .wrap.news_detail .box-bd img {
      width: 5.73rem;
      margin-bottom: .2rem; }
    .m .wrap.news_detail .box-bd iframe {
      max-width: 100% !important; }
  .m .wrap.news_detail .page {
    margin-top: 1rem; }
  .m .wrap.news_detail .us {
    margin-top: .45rem; }
  .m .wrap.works .lin3, .m .wrap.works .lin4 {
    display: none; }
  .m .wrap.works .works-wrap {
    width: 7.08rem;
    margin: .5rem auto 0; }
  .m .wrap.works .works-items {
    width: 6.74rem;
    border-top: none;
    border-bottom: none;
    padding: .0;
    margin: .4rem auto 0; }
    .m .wrap.works .works-items li {
      width: 100%;
      margin-bottom: .08rem;
      display: block; }
      .m .wrap.works .works-items li .sty-name {
        white-space: nowrap;
        color: #FFF;
        font-size: .28rem;
        line-height: .5rem;
        text-align: left;
        width: 100%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 0 .1rem;
        border-bottom: solid 0.02rem white;
        margin-bottom: .03rem;
        margin-right: 0; }
      .m .wrap.works .works-items li .sty-list-wrap {
        width: 7.08rem;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: .08rem 0 .08rem .15rem;
        box-sizing: border-box;
        border-bottom: none; }
      .m .wrap.works .works-items li .sty-list {
        width: 6.04rem;
        height: .36rem;
        font-size: 0; }
        .m .wrap.works .works-items li .sty-list a {
          color: rgba(255, 255, 255, 0.5);
          font-size: .2rem;
          line-height: .36rem;
          margin-right: .24rem;
          word-break: keep-all;
          display: inline-block;
          vertical-align: middle; }
          .m .wrap.works .works-items li .sty-list a.active {
            color: #25a5ff; }
          .m .wrap.works .works-items li .sty-list a:hover {
            color: #25a5ff; }
        .m .wrap.works .works-items li .sty-list.oline {
          height: auto; }
      .m .wrap.works .works-items li:nth-child(3) .load-more {
        display: block; }
      .m .wrap.works .works-items li:nth-child(3) .sty-name {
        letter-spacing: 0; }
      .m .wrap.works .works-items li:last-child .sty-list {
        border-bottom: solid 1px transparent; }
  .m .wrap.works .load-more {
    right: .38rem;
    top: .06rem; }
    .m .wrap.works .load-more:hover {
      -webkit-filter: brightness(1);
              filter: brightness(1); }
  .m .wrap.works .search-wrap {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: .72rem;
    margin-top: .7rem; }
    .m .wrap.works .search-wrap .search-sty {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      padding-left: .06rem; }
      .m .wrap.works .search-wrap .search-sty li {
        color: rgba(255, 255, 255, 0.5);
        font-size: .2rem;
        cursor: pointer; }
        .m .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; }
        .m .wrap.works .search-wrap .search-sty li.active {
          color: #FFF; }
          .m .wrap.works .search-wrap .search-sty li.active .ico-jt {
            border-top: .1rem solid #FFF; }
    .m .wrap.works .search-wrap .search-k {
      width: 3.02rem;
      height: .52rem;
      background: rgba(0, 0, 0, 0.4);
      border-radius: .26rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 0 .12rem 0 .25rem;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
      .m .wrap.works .search-wrap .search-k input {
        width: 2.2rem;
        height: 100%;
        background: none;
        font-size: .2rem;
        border: 0;
        color: rgba(255, 255, 255, 0.5); }
        .m .wrap.works .search-wrap .search-k input::-webkit-input-placeholder {
          color: rgba(255, 255, 255, 0.5); }
        .m .wrap.works .search-wrap .search-k input::-moz-placeholder {
          color: rgba(255, 255, 255, 0.5); }
        .m .wrap.works .search-wrap .search-k input::-ms-input-placeholder {
          color: rgba(255, 255, 255, 0.5); }
      .m .wrap.works .search-wrap .search-k .btn-search {
        background: url(../images/m/inn/ico-ss.png) no-repeat 100%/100%;
        width: .28rem;
        height: .28rem;
        text-indent: -99.99rem; }
  .m .wrap.works .works-list {
    width: 100%;
    position: relative;
    margin-top: .24rem; }
    .m .wrap.works .works-list li {
      width: 3.42rem;
      margin: 0 auto .12rem;
      position: relative;
      border-radius: .08rem;
      overflow: hidden; }
      .m .wrap.works .works-list li:hover {
        z-index: 5; }
        .m .wrap.works .works-list li:hover .woitem_hv {
          opacity: 1; }
          .m .wrap.works .works-list li:hover .woitem_hv .tit, .m .wrap.works .works-list li:hover .woitem_hv p {
            -webkit-transform: translateY(0);
                    transform: translateY(0); }
          .m .wrap.works .works-list li:hover .woitem_hv i {
            -webkit-transform: translateX(0);
                    transform: translateX(0);
            opacity: 1; }
  .m .wrap.business .bs-list {
    height: auto;
    margin-top: .94rem; }
  .m .wrap.business_detail .bs-wrap {
    width: 6.17rem;
    height: auto;
    margin: .65rem auto 0;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    padding-bottom: .4rem; }
    .m .wrap.business_detail .bs-wrap .img {
      width: 100%;
      margin-right: 0;
      margin-bottom: .5rem; }
    .m .wrap.business_detail .bs-wrap .info {
      width: 6.17rem;
      height: auto; }
      .m .wrap.business_detail .bs-wrap .info li {
        width: 100%; }
        .m .wrap.business_detail .bs-wrap .info li strong {
          display: block;
          font-weight: normal;
          font-size: .35rem;
          line-height: .45rem;
          padding-bottom: .22rem;
          position: relative;
          margin-bottom: .04rem; }
          .m .wrap.business_detail .bs-wrap .info li strong:before {
            content: "";
            width: .44rem;
            height: .03rem;
            background: #25a5ff;
            position: absolute;
            bottom: 0;
            left: 0; }
        .m .wrap.business_detail .bs-wrap .info li p {
          color: rgba(255, 255, 255, 0.5);
          font-size: .2rem;
          line-height: .32rem;
          padding-top: .04rem; }
        .m .wrap.business_detail .bs-wrap .info li:not(:last-child) {
          margin-bottom: .56rem; }
  .m .wrap.about .title-box, .m .wrap.works .title-box, .m .wrap.works_detail .title-box, .m .wrap.partners .title-box, .m .wrap.team .title-box, .m .wrap.team_detail .title-box, .m .wrap.contact .title-box, .m .wrap.news .title-box, .m .wrap.news_detail .title-box, .m .wrap.business .title-box, .m .wrap.business_detail .title-box {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative; }
    .m .wrap.about .title-box .tl, .m .wrap.about .title-box .tr, .m .wrap.works .title-box .tl, .m .wrap.works .title-box .tr, .m .wrap.works_detail .title-box .tl, .m .wrap.works_detail .title-box .tr, .m .wrap.partners .title-box .tl, .m .wrap.partners .title-box .tr, .m .wrap.team .title-box .tl, .m .wrap.team .title-box .tr, .m .wrap.team_detail .title-box .tl, .m .wrap.team_detail .title-box .tr, .m .wrap.contact .title-box .tl, .m .wrap.contact .title-box .tr, .m .wrap.news .title-box .tl, .m .wrap.news .title-box .tr, .m .wrap.news_detail .title-box .tl, .m .wrap.news_detail .title-box .tr, .m .wrap.business .title-box .tl, .m .wrap.business .title-box .tr, .m .wrap.business_detail .title-box .tl, .m .wrap.business_detail .title-box .tr {
      background-repeat: no-repeat;
      background-size: auto .81rem; }
    .m .wrap.about .title-box .tl, .m .wrap.works .title-box .tl, .m .wrap.works_detail .title-box .tl, .m .wrap.partners .title-box .tl, .m .wrap.team .title-box .tl, .m .wrap.team_detail .title-box .tl, .m .wrap.contact .title-box .tl, .m .wrap.news .title-box .tl, .m .wrap.news_detail .title-box .tl, .m .wrap.business .title-box .tl, .m .wrap.business_detail .title-box .tl {
      background-image: url(../images/m/tl2.png);
      background-position: 0% 50%;
      height: .81rem;
      width: 1.72rem; }
    .m .wrap.about .title-box .tr, .m .wrap.works .title-box .tr, .m .wrap.works_detail .title-box .tr, .m .wrap.partners .title-box .tr, .m .wrap.team .title-box .tr, .m .wrap.team_detail .title-box .tr, .m .wrap.contact .title-box .tr, .m .wrap.news .title-box .tr, .m .wrap.news_detail .title-box .tr, .m .wrap.business .title-box .tr, .m .wrap.business_detail .title-box .tr {
      background-image: url(../images/m/tr2.png);
      background-position: 100% 50%;
      height: .81rem;
      width: 1.72rem; }
    .m .wrap.about .title-box .title, .m .wrap.works .title-box .title, .m .wrap.works_detail .title-box .title, .m .wrap.partners .title-box .title, .m .wrap.team .title-box .title, .m .wrap.team_detail .title-box .title, .m .wrap.contact .title-box .title, .m .wrap.news .title-box .title, .m .wrap.news_detail .title-box .title, .m .wrap.business .title-box .title, .m .wrap.business_detail .title-box .title {
      width: 4.13rem;
      height: 1.67rem;
      margin: 0 -.05rem;
      position: relative; }
      .m .wrap.about .title-box .title-en, .m .wrap.about .title-box .title-zh, .m .wrap.about .title-box .title-k, .m .wrap.works .title-box .title-en, .m .wrap.works .title-box .title-zh, .m .wrap.works .title-box .title-k, .m .wrap.works_detail .title-box .title-en, .m .wrap.works_detail .title-box .title-zh, .m .wrap.works_detail .title-box .title-k, .m .wrap.partners .title-box .title-en, .m .wrap.partners .title-box .title-zh, .m .wrap.partners .title-box .title-k, .m .wrap.team .title-box .title-en, .m .wrap.team .title-box .title-zh, .m .wrap.team .title-box .title-k, .m .wrap.team_detail .title-box .title-en, .m .wrap.team_detail .title-box .title-zh, .m .wrap.team_detail .title-box .title-k, .m .wrap.contact .title-box .title-en, .m .wrap.contact .title-box .title-zh, .m .wrap.contact .title-box .title-k, .m .wrap.news .title-box .title-en, .m .wrap.news .title-box .title-zh, .m .wrap.news .title-box .title-k, .m .wrap.news_detail .title-box .title-en, .m .wrap.news_detail .title-box .title-zh, .m .wrap.news_detail .title-box .title-k, .m .wrap.business .title-box .title-en, .m .wrap.business .title-box .title-zh, .m .wrap.business .title-box .title-k, .m .wrap.business_detail .title-box .title-en, .m .wrap.business_detail .title-box .title-zh, .m .wrap.business_detail .title-box .title-k {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0; }
      .m .wrap.about .title-box .title-k, .m .wrap.works .title-box .title-k, .m .wrap.works_detail .title-box .title-k, .m .wrap.partners .title-box .title-k, .m .wrap.team .title-box .title-k, .m .wrap.team_detail .title-box .title-k, .m .wrap.contact .title-box .title-k, .m .wrap.news .title-box .title-k, .m .wrap.news_detail .title-box .title-k, .m .wrap.business .title-box .title-k, .m .wrap.business_detail .title-box .title-k {
        background-image: url(../images/m/title/title-k2.png); }
  .m .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%); }
    .m .pop .pop-clo {
      background-image: url(../images/inn/btn_esc.png);
      width: 0.3rem;
      height: 0.3rem;
      top: 0;
      right: -0.5rem;
      -webkit-transition: none;
      transition: none; }
      .m .pop .pop-clo:hover {
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg); }
    .m .pop.pop-view-pic .ctl-prev, .m .pop.pop-view-pic .ctl-next {
      width: .5rem;
      height: .49rem;
      top: 50%;
      margin-top: -0.25rem; }
    .m .pop.pop-view-pic .ctl-prev {
      background-image: url(../images/m/inn/btn_prev.png);
      left: .3rem; }
    .m .pop.pop-view-pic .ctl-next {
      background-image: url(../images/m/inn/btn_next.png);
      right: .3rem; }
  .m .back_top {
    display: block !important; }

.back_top {
  width: .75rem;
  height: .75rem;
  bottom: .2rem;
  right: 0.1rem; }

.lang_zh.m .wrap .us .contact-us li {
  line-height: .42rem; }
.lang_zh.m .wrap .title-box .title-en span {
  font-size: .34rem;
  margin-top: .08rem; }
.lang_zh.m .wrap.business_detail .title-box .title-zh span, .lang_zh.m .wrap.business .title-box .title-zh span, .lang_zh.m .wrap.works .title-box .title-zh span, .lang_zh.m .wrap.works_detail .title-box .title-zh span, .lang_zh.m .wrap.news .title-box .title-zh span, .lang_zh.m .wrap.news_detail .title-box .title-zh span, .lang_zh.m .wrap.partners .title-box .title-zh span, .lang_zh.m .wrap.team .title-box .title-zh span, .lang_zh.m .wrap.team_detail .title-box .title-zh span, .lang_zh.m .wrap.about .title-box .title-zh span, .lang_zh.m .wrap.contact .title-box .title-zh span {
  font-size: .89rem;
  margin-bottom: -.26rem; }
.lang_zh.m .wrap.business .title-box .title-en span, .lang_zh.m .wrap.business_detail .title-box .title-en span, .lang_zh.m .wrap.works .title-box .title-en span, .lang_zh.m .wrap.works_detail .title-box .title-en span, .lang_zh.m .wrap.news .title-box .title-en span, .lang_zh.m .wrap.news_detail .title-box .title-en span, .lang_zh.m .wrap.team .title-box .title-en span, .lang_zh.m .wrap.team_detail .title-box .title-en span, .lang_zh.m .wrap.contact .title-box .title-en span {
  font-size: .57rem;
  margin-top: .1rem; }
.lang_zh.m .wrap.partners .title-box .title-en span {
  font-size: 0.5rem; }
.lang_zh.m .wrap.about .title-box .title-en span {
  font-size: .52rem; }

.lang_en.m .wrap .us .p1 {
  font-size: .27rem;
  top: .1rem; }
  .lang_en.m .wrap .us .p1 span {
    font-size: .27rem; }
.lang_en.m .wrap .us .p2:after {
  display: none; }
.lang_en.m .wrap.contact .own-down li p {
  height: .62rem; }
.lang_en.m .wrap.works .search-wrap .search-sty li {
  margin-right: .2rem; }
.lang_en.m .wrap .us .about-us .p3, .lang_en.m .wrap .us .contact-us ul {
  height: 4.2rem; }
.lang_en.m .wrap .us .contact-us li {
  padding: .14rem; }
.lang_en.m .wrap .title-box .title-zh span {
  font-size: .36rem;
  margin-bottom: -0.24rem; }
.lang_en.m .wrap .title-box .title-en span {
  font-size: .28rem;
  margin-top: .14rem; }
.lang_en.m .wrap .about .title-box .title-zh span {
  margin-bottom: -0.14rem; }
.lang_en.m .wrap .about .title-box .title-en span {
  margin-top: .04rem; }
.lang_en.m .wrap.index .about-box {
  padding-top: 2.7rem; }
.lang_en.m .wrap .news .title-box .title-zh span {
  font-size: .3rem;
  margin-bottom: -0.28rem; }
.lang_en.m .wrap .news .title-box .title-en span {
  font-size: .22rem;
  margin-top: .18rem; }
.lang_en.m .wrap.business .title-box .title-zh span, .lang_en.m .wrap.business_detail .title-box .title-zh span, .lang_en.m .wrap.works .title-box .title-zh span, .lang_en.m .wrap.contact .title-box .title-zh span, .lang_en.m .wrap.works_detail .title-box .title-zh span {
  font-size: .5rem;
  margin-bottom: -0.34rem; }
.lang_en.m .wrap.business .title-box .title-en span, .lang_en.m .wrap.business_detail .title-box .title-en span, .lang_en.m .wrap.works .title-box .title-en span, .lang_en.m .wrap.contact .title-box .title-en span, .lang_en.m .wrap.works_detail .title-box .title-en span {
  font-size: .36rem;
  margin-top: .24rem; }
.lang_en.m .wrap.news .title-box .title-zh span, .lang_en.m .wrap.news_detail .title-box .title-zh span {
  font-size: .42rem;
  margin-bottom: -0.34rem; }
.lang_en.m .wrap.news .title-box .title-en span, .lang_en.m .wrap.news_detail .title-box .title-en span {
  font-size: .36rem;
  margin-top: .24rem; }
.lang_en.m .wrap.partners .title-box .title-zh span, .lang_en.m .wrap.team .title-box .title-zh span, .lang_en.m .wrap.about .title-box .title-zh span, .lang_en.m .wrap.team_detail .title-box .title-zh span {
  font-size: .5rem;
  margin-bottom: -0.2rem; }
.lang_en.m .wrap.partners .title-box .title-en span, .lang_en.m .wrap.team .title-box .title-en span, .lang_en.m .wrap.about .title-box .title-en span, .lang_en.m .wrap.team_detail .title-box .title-en span {
  font-size: .36rem;
  margin-top: .1rem; }
.lang_en.m .wrap.about .dsj-list {
  height: 30.06rem; }
.lang_en.m .wrap.about .dsj-list li:nth-child(9) {
  top: 15.8rem; }
.lang_en.m .wrap.about .dsj-list li:nth-child(11) {
  top: 20.02rem; }
.lang_en.m .wrap.about .dsj-list li:nth-child(14) {
  top: 25.5rem; }
.lang_en.m .wrap.about .dsj-list li:nth-child(15) {
  top: 28.0rem; }
.lang_en.m .wrap.about .dsj-list li:nth-child(16) {
  top: 29.9rem; }
.lang_en.m .wrap.about .us {
  margin-top: 1.2rem; }
.lang_en.m .wrap.about .hjsb .situ {
  height: auto;
  line-height: .24rem;
  padding: .1rem 0; }
.lang_en.m .wrap.about .hjsb .item-2 .situ p, .lang_en.m .wrap.about .hjsb .item-3 .situ p, .lang_en.m .wrap.about .hjsb .item-4 .situ p, .lang_en.m .wrap.about .hjsb .item-5 .situ p {
  max-width: 1.4rem; }
  .lang_en.m .wrap.about .hjsb .item-2 .situ p.situ-name, .lang_en.m .wrap.about .hjsb .item-3 .situ p.situ-name, .lang_en.m .wrap.about .hjsb .item-4 .situ p.situ-name, .lang_en.m .wrap.about .hjsb .item-5 .situ p.situ-name {
    max-width: 2.1rem; }

.lang_jp.m .wrap .us .p1 {
  font-size: .28rem;
  top: .08rem; }
  .lang_jp.m .wrap .us .p1 span {
    font-size: .28rem; }
.lang_jp.m .wrap .title-box .title-en span {
  margin-top: .08rem; }
.lang_jp.m .wrap .title-box .title-en span {
  font-size: .3rem; }
.lang_jp.m .wrap .about .title-box .title-zh span {
  font-size: .44rem;
  margin-bottom: -0.16rem; }
.lang_jp.m .wrap .team .title-box .title-zh span, .lang_jp.m .wrap .partners .title-box .title-zh span {
  font-size: .5rem;
  margin-bottom: -0.16rem; }
.lang_jp.m .wrap .news .title-box .title-zh span {
  font-size: .36rem;
  margin-bottom: -0.3rem; }
.lang_jp.m .wrap .news .title-box .title-en span {
  font-size: .26rem;
  margin-top: 0.2rem; }
.lang_jp.m .wrap.works .search-wrap .search-sty li {
  margin-right: .25rem; }
.lang_jp.m .wrap .us .about-us .p3, .lang_jp.m .wrap .us .contact-us ul {
  height: 3.92rem; }
.lang_jp.m .wrap .us .contact-us li {
  padding: .1rem .14rem; }
.lang_jp.m .wrap.contact .own-down li p {
  height: .62rem; }
.lang_jp.m .wrap.index .about-box {
  padding-top: 2.76rem; }
.lang_jp.m .wrap.business_detail .title-box .title-zh span, .lang_jp.m .wrap.business .title-box .title-zh span, .lang_jp.m .wrap.works .title-box .title-zh span, .lang_jp.m .wrap.works_detail .title-box .title-zh span {
  font-size: .89rem;
  margin-bottom: -.36rem; }
.lang_jp.m .wrap.business .title-box .title-en span, .lang_jp.m .wrap.business_detail .title-box .title-en span, .lang_jp.m .wrap.works .title-box .title-en span, .lang_jp.m .wrap.works_detail .title-box .title-en span {
  font-size: .44rem;
  margin-top: .22rem; }
.lang_jp.m .wrap.news .title-box .title-zh span, .lang_jp.m .wrap.news_detail .title-box .title-zh span {
  font-size: .52rem;
  margin-bottom: -0.4rem; }
.lang_jp.m .wrap.news .title-box .title-en span, .lang_jp.m .wrap.news_detail .title-box .title-en span {
  font-size: .40rem;
  margin-top: 0.28rem; }
.lang_jp.m .wrap.partners .title-box .title-zh span, .lang_jp.m .wrap.team .title-box .title-zh span, .lang_jp.m .wrap.team_detail .title-box .title-zh span {
  font-size: .72rem;
  margin-bottom: -.24rem; }
.lang_jp.m .wrap.partners .title-box .title-en span, .lang_jp.m .wrap.team .title-box .title-en span, .lang_jp.m .wrap.team_detail .title-box .title-en span {
  font-size: .44rem;
  margin-top: .12rem; }
.lang_jp.m .wrap.about .title-box .title-zh span, .lang_jp.m .wrap.contact .title-box .title-zh span {
  font-size: .64rem;
  margin-bottom: -.24rem; }
.lang_jp.m .wrap.about .title-box .title-en span, .lang_jp.m .wrap.contact .title-box .title-en span {
  font-size: .36rem;
  margin-top: .14rem; }
.lang_jp.m .wrap.about .dsj-list {
  height: 30.06rem; }
.lang_jp.m .wrap.about .dsj-list li:nth-child(9) {
  top: 15.8rem; }
.lang_jp.m .wrap.about .dsj-list li:nth-child(11) {
  top: 20.02rem; }
.lang_jp.m .wrap.about .dsj-list li:nth-child(14) {
  top: 25.5rem; }
.lang_jp.m .wrap.about .dsj-list li:nth-child(15) {
  top: 28.0rem; }
.lang_jp.m .wrap.about .dsj-list li:nth-child(16) {
  top: 29.9rem; }
.lang_jp.m .wrap.about .us {
  margin-top: 1.2rem; }
.lang_jp.m .wrap.about .hjsb .sty strong {
  font-size: .26rem; }
.lang_jp.m .wrap.about .hjsb .situ {
  height: auto;
  line-height: .24rem;
  padding: .1rem 0; }
.lang_jp.m .wrap.about .hjsb .item-2 .situ p, .lang_jp.m .wrap.about .hjsb .item-3 .situ p, .lang_jp.m .wrap.about .hjsb .item-4 .situ p, .lang_jp.m .wrap.about .hjsb .item-5 .situ p {
  max-width: 1.6rem; }
  .lang_jp.m .wrap.about .hjsb .item-2 .situ p.situ-name, .lang_jp.m .wrap.about .hjsb .item-3 .situ p.situ-name, .lang_jp.m .wrap.about .hjsb .item-4 .situ p.situ-name, .lang_jp.m .wrap.about .hjsb .item-5 .situ p.situ-name {
    max-width: 1.8rem; }