a, .transition, :before, img, .g-nav {
  transition: All 0.5s ease;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease; }

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

.flex {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex; }

.flexColumn {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column; }

.itemsCenter {
  align-items: center;
  -webkit-align-items: center; }

.justifyCenter {
  justify-content: center;
  -webkit-justify-content: center; }

.flexAround {
  justify-content: space-around;
  -webkit-justify-content: space-around; }

.flexBetween {
  justify-content: space-between;
  -webkit-justify-content: space-between; }

.flexWrap {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }

@media screen and (max-width: 800px) {
  html {
    font-size: 50px; }

  .wal {
    max-width: 8rem; }

  body.navShow {
    overflow: hidden; }
    body.navShow .g-head .navA {
      background-image: url("../image/close.png"); }
    body.navShow .g-nav {
      right: 0; }

  .g-headD {
    height: 1rem; }

  .g-head .wal {
    min-height: 1rem; }
  .g-head .language {
    line-height: 1rem;
    right: 1rem;
    font-size: .24rem; }
  .g-head .navA {
    display: block;
    position: absolute;
    z-index: 10;
    left: auto;
    right: -0.3rem;
    top: 0;
    bottom: auto;
    width: 1rem;
    height: 1rem;
    background: url("../image/navA.png") center no-repeat;
    background-size: .4rem; }

  .g-nav {
    position: fixed;
    overflow-y: auto;
    width: 100%;
    background: #fff;
    right: -100%;
    top: 1rem;
    bottom: 0; }
    .g-nav li {
      border-top: #eee solid 1px;
      width: 100%;
      margin: 0; }
    .g-nav a.name {
      height: 1rem;
      line-height: 1rem;
      font-size: .26rem;
      padding-left: .5rem; }
      .g-nav a.name:hover, .g-nav a.name.on {
        background-size: 0; }
    .g-nav .list {
      border-top: #eee solid 1px;
      padding: .1rem 0;
      display: none; }
      .g-nav .list a {
        display: block;
        font-size: .24rem;
        height: .8rem;
        line-height: .8rem;
        padding-left: .5rem; }

  .g-foot {
    font-size: .24rem; }
    .g-foot h1 {
      font-size: .4rem; }
    .g-foot .list li {
      line-height: .35rem;
      padding: 0 0 .1rem .4rem; }
    .g-foot .list img {
      width: .3rem;
      top: 0; }
    .g-foot .nav {
      position: static;
      padding-bottom: .4rem; }
      .g-foot .nav ul {
        margin-left: -.6rem; }
      .g-foot .nav li {
        width: 33.333%; }
        .g-foot .nav li h3 {
          font-size: .28rem;
          font-weight: bold; }
        .g-foot .nav li dd {
          line-height: .44rem; }
    .g-foot .msg {
      position: relative;
      font-size: .22rem;
      line-height: .4rem;
      padding: .15rem; }

  /*index*/
  .indexFlash li {
    height: 4.5rem; }
    .indexFlash li .layer h2 {
      font-size: .55rem; }
  .indexFlash .dots {
    right: 0;
    margin-right: 0;
    left: 0;
    justify-content: center;
    -webkit-justify-content: center; }
  .indexFlash .arrow a.prev {
    left: .15rem; }
  .indexFlash .arrow a.next {
    right: .15rem; }

  .index-title h2 {
    font-size: .26rem;
    line-height: .4rem; }

  .g-content {
    font-size: .24rem;
    line-height: .4rem; }

  .g-more {
    width: 2rem;
    height: .6rem;
    line-height: .6rem;
    font-size: .24rem; }

  .index-about:before {
    height: 80%;
    width: 3.5rem;
    right: -.3rem; }
  .index-about .img {
    position: static;
    margin-left: auto; }
  .index-about .title {
    padding-top: 1.1rem; }
  .index-about .g-content {
    max-width: 100%; }

  .index-strengths {
    padding-bottom: .8rem; }
    .index-strengths .list {
      padding-bottom: .5rem; }
      .index-strengths .list ul {
        display: flex;
        display: -webkit-flex;
        margin-left: -.2rem;
        margin-right: -.2rem; }
      .index-strengths .list li {
        position: relative;
        width: 33.333%; }
        .index-strengths .list li h3 {
          font-size: .24rem; }
    .index-strengths .container {
      padding-bottom: .5rem;
      max-width: 100%; }
      .index-strengths .container .title {
        padding-bottom: .3rem; }

  .index-discovery {
    padding: 1rem 0 .8rem 0; }
    .index-discovery .index-title {
      position: static; }
    .index-discovery .g-content {
      padding-top: .7rem; }
      .index-discovery .g-content:before {
        left: 0;
        top: .35rem; }

  .index-news .index-title {
    height: 3.6rem; }
  .index-news .more {
    top: 2.4rem; }
  .index-news .btn {
    top: 2.5rem;
    right: auto;
    left: -.55rem; }
    .index-news .btn li {
      font-size: .26rem; }
  .index-news .box .fl {
    width: 100%;
    padding-bottom: .5rem; }
    .index-news .box .fl h3 {
      font-size: .28rem;
      line-height: .4rem;
      height: auto;
      width: 5.2rem; }
    .index-news .box .fl .more {
      top: .96rem; }
      .index-news .box .fl .more a {
        font-size: .24rem;
        height: .48rem;
        line-height: .48rem; }
    .index-news .box .fl .g-content {
      width: 5.2rem; }
  .index-news .box .fr {
    width: 100%; }
    .index-news .box .fr .scroll {
      height: 4.32rem; }
    .index-news .box .fr ul {
      width: 6.5rem; }
    .index-news .box .fr li .name {
      font-size: .28rem; }

  /*page*/
  .p-banner .title {
    height: 3.5rem; }
    .p-banner .title h2 {
      font-size: .5rem; }

  .p-curr {
    height: 1rem;
    line-height: 1rem;
    font-size: .22rem; }
    .p-curr .curr {
      padding-left: .35rem;
      background-size: .22rem; }
    .p-curr .list li {
      margin-left: .4rem;
      font-size: .26rem; }
    .p-curr .list a {
      height: 1rem;
      line-height: .9rem; }

  .news li .img {
    width: 5.5rem; }
  .news li .col {
    width: 100%;
    padding-right: 0; }
    .news li .col .name {
      font-size: .28rem; }
    .news li .col .time {
      font-size: .34rem;
      margin-top: -2rem; }
    .news li .col .more {
      margin-top: -2rem; }
      .news li .col .more a {
        font-size: .24rem;
        line-height: .48rem;
        height: .48rem; }

  .p-num div {
    font-size: .26rem; }
    .p-num div em {
      font-size: .46rem; }

  .new-show .title {
    font-size: .32rem; }
  .new-show .time {
    font-size: .24rem; }

  .p-num2 {
    padding-right: 2.2rem; }
    .p-num2 li {
      font-size: .24rem;
      line-height: .36rem;
      padding-bottom: .1rem; }

  .development {
    padding: 0 0 .8rem 0; }
    .development .img {
      position: static;
      padding-bottom: .4rem; }
    .development .g-content p.p-1 {
      padding-right: 0; }

  .investor .content {
    max-width: 100%;
    padding-bottom: .4rem; }
  .investor .img {
    width: 100%;
    position: static; }

  .strategy .container {
    width: 100%;
    padding: 0 .5rem; }
    .strategy .container .list {
      padding-bottom: .4rem; }
      .strategy .container .list .ico {
        width: .7rem; }
      .strategy .container .list p {
        font-size: .22rem; }
  .strategy .img {
    width: 100%;
    position: static; }

  .job-search .form {
    height: 2.5rem;
    padding: .2rem 0; }
  .job-search h2 {
    padding-left: .3rem;
    font-size: .28rem;
    width: 100%; }
  .job-search .select, .job-search .input {
    width: 3rem;
    height: .56rem; }
  .job-search .select {
    margin-left: .3rem;
    line-height: .54rem;
    font-size: .24rem; }
    .job-search .select dl dd {
      height: .45rem;
      line-height: .45rem; }
  .job-search .input {
    position: static;
    margin-left: .3rem; }
    .job-search .input input {
      height: .54rem;
      line-height: .54rem;
      font-size: .24rem; }
  .job-search .submit {
    position: static;
    margin-left: .3rem;
    height: .56rem;
    width: 1.6rem; }
    .job-search .submit input {
      height: .56rem;
      font-size: .26rem; }

  .job li {
    width: 100%; }
  .job .box {
    padding-bottom: .8rem; }
    .job .box h3 {
      line-height: .8rem;
      font-size: .32rem; }
    .job .box .address {
      line-height: .7rem;
      font-size: .24rem;
      padding-left: .3rem;
      background-size: .2rem; }
    .job .box .name {
      font-size: .28rem; }
      .job .box .name img {
        width: .28rem; }
    .job .box dd {
      font-size: .24rem;
      line-height: .4rem;
      padding-bottom: .1rem; }
    .job .box .more a {
      font-size: .24rem; }

  .job-show h3 {
    line-height: .8rem;
    font-size: .32rem; }
  .job-show .address {
    line-height: .7rem;
    font-size: .24rem;
    padding-left: .3rem;
    background-size: .2rem; }
  .job-show .container .col {
    width: 100%; }
  .job-show .container .name {
    font-size: .28rem; }
    .job-show .container .name img {
      width: .28rem; }
  .job-show .container dd {
    font-size: .24rem;
    line-height: .44rem; }
  .job-show .info {
    padding: .3rem 0; }
    .job-show .info li {
      font-size: .28rem;
      align-items: flex-start;
      -webkit-align-items: flex-start; }
      .job-show .info li img {
        width: .3rem;
        flex-shrink: 0;
        -webkit-flex-shrink: 0;
        position: relative;
        top: .04rem; }
  .job-show .back {
    position: static;
    padding-bottom: .3rem; }
    .job-show .back a.g-more {
      margin-left: auto; }

  .contact-1 .map {
    width: 100%;
    position: relative;
    height: 4rem;
    top: 0; }
  .contact-1 .list li {
    font-size: .26rem; }

  .contact-2 .form li {
    min-height: .75rem; }
    .contact-2 .form li .ico {
      top: .14rem;
      width: .3rem;
      height: .3rem; }
    .contact-2 .form li .input, .contact-2 .form li .select {
      min-height: .6rem; }
    .contact-2 .form li .input input, .contact-2 .form li .input textarea {
      height: .6rem;
      line-height: .6rem;
      padding-left: .4rem;
      font-size: .24rem; }
    .contact-2 .form li .input textarea {
      height: 2rem;
      padding: .15rem 0 .15rem .4rem;
      line-height: .3rem; }
    .contact-2 .form li .select {
      font-size: .24rem;
      height: .6rem;
      line-height: .6rem;
      padding-left: .4rem; }
      .contact-2 .form li .select dl dd {
        font-size: .24rem;
        height: .5rem;
        line-height: .5rem;
        padding-left: .4rem; }
  .contact-2 .submit div {
    width: 2.2rem;
    height: .6rem; }
  .contact-2 .submit input {
    height: .6rem;
    font-size: .26rem; } }
@media screen and (max-width: 550px) {
  .wal {
    margin: 0 .3rem; } }

/*# sourceMappingURL=phone.css.map */