a, .transition, :before, img, .g-nav, .g-head .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; }

  body {
    font-size: .24rem; }

  .wal {
    max-width: 8rem; }

  body.navShow {
    overflow: hidden; }
    body.navShow .g-head .nav {
      right: 50%;
      left: 0; }

  body.navShow {
    overflow: hidden; }
    body.navShow .g-nav {
      right: 0; }

  .g-headD {
    height: 1rem; }

  .g-head:before {
    height: 2rem; }
  .g-head .wal {
    min-height: 1rem;
    margin: 0 .3rem; }
  .g-head a.logo {
    width: 1rem; }
  .g-head a.navA {
    width: 1rem;
    right: -.3rem;
    background-size: .32rem; }
  .g-head dl.btn {
    line-height: 1rem;
    font-size: .24rem;
    right: 1rem; }
    .g-head dl.btn dt {
      padding-right: .5rem; }
    .g-head dl.btn dd a.on {
      font-size: .28rem; }
  .g-head .nav {
    position: fixed;
    right: -50%;
    left: 100%;
    background: #333;
    top: 1rem;
    bottom: 0;
    overflow-y: auto;
    padding: .1rem 0 0 0; }
    .g-head .nav li {
      width: 100%;
      padding: 0; }
    .g-head .nav a {
      line-height: 1rem;
      font-size: .28rem;
      padding-left: .5rem; }

  .g-nav {
    right: -50%;
    width: 50%; }
    .g-nav .close {
      width: 1rem;
      height: 1rem;
      background-size: .32rem; }
    .g-nav a.name {
      height: 1rem;
      line-height: 1rem;
      font-size: .26rem; }

  .g-foot {
    line-height: .4rem;
    font-size: .24rem;
    padding: .2rem 0; }
    .g-foot p {
      padding-right: 0;
      width: 100%; }

  /*index*/
  #index-dots li {
    height: .34rem; }
    #index-dots li:before {
      height: .3rem; }
    #index-dots li .name {
      line-height: .34rem;
      font-size: .22rem; }

  .indexIco {
    width: .3rem;
    margin-left: -.15rem; }

  /**/
  .indexFlash .index-container .btn li:nth-child(1) a {
    width: 3rem; }
  .indexFlash .list-wrapper {
    width: 22rem;
    margin-left: -11rem; }
  .indexFlash .dots span {
    width: .16rem;
    height: .16rem;
    margin: 0 .1rem; }

  .index-container .btn a, a.p-btn {
    width: 2.1rem;
    height: .54rem;
    line-height: .5rem;
    border-width: .02rem; }

  a.p-more {
    width: 1.6rem;
    height: .48rem;
    line-height: .44rem;
    border-width: .02rem; }

  a.p-more2 {
    width: 2.1rem;
    height: .54rem;
    line-height: .5rem;
    border-width: .02rem;
    font-size: .24rem; }

  .index-container .title {
    font-size: .4rem;
    padding-bottom: .3rem; }
  .index-container p {
    font-size: .24rem;
    padding-bottom: .4rem; }
  .index-container .btn li {
    padding: 0 .1rem; }

  .product-1 .title {
    font-size: .26rem; }
    .product-1 .title h2 {
      font-size: .4rem; }
  .product-1 .list li {
    padding: 0;
    height: 1.3rem;
    width: 50%;
    margin-bottom: .3rem; }
    .product-1 .list li:nth-child(2) {
      border: 0; }
    .product-1 .list li:nth-child(3) {
      border-right: #fff solid 1px; }
    .product-1 .list li .ico {
      width: .5rem; }
    .product-1 .list li .name {
      line-height: .32rem;
      padding-top: .1rem; }

  .product-2 .img {
    bottom: 4rem; }
  .product-2 .container .wal {
    min-height: 4rem;
    padding: .5rem 0; }
  .product-2 .container .title {
    position: static;
    text-align: center; }
    .product-2 .container .title span {
      font-size: .24rem; }
    .product-2 .container .title h2 {
      font-size: .32rem;
      padding: .08rem 0 .24rem 0; }
    .product-2 .container .title a.p-more {
      margin: 0 auto; }
  .product-2 .container .msg {
    padding: .3rem .3rem 0 .3rem;
    font-size: .24rem;
    line-height: 1.6em; }

  .product-img {
    height: 8rem;
    padding-top: .8rem;
    overflow: hidden; }
    .product-img .img {
      margin-left: -1rem;
      margin-right: -1rem; }

  .product-btn {
    padding: .35rem 0; }
    .product-btn a {
      font-size: .24rem;
      width: 2.6rem;
      height: .56rem;
      line-height: .52rem; }

  .product-container .title {
    font-size: .32rem;
    padding-bottom: .25rem;
    font-weight: 600; }
  .product-container .content {
    font-size: .24rem;
    line-height: .44rem; }

  .product-show-1 .list {
    margin-right: -.15rem;
    margin-left: -.15rem; }
    .product-show-1 .list li {
      padding: 0 .15rem; }
    .product-show-1 .list .name {
      font-size: .28rem; }
    .product-show-1 .list .p-content {
      font-size: .22rem; }

  .p-content {
    font-size: .24rem;
    line-height: 1.7em; }

  .product-show-2 .img {
    margin-left: -.3rem;
    margin-right: -.3rem; }
  .product-show-2 .btn ul {
    width: 4rem; }
  .product-show-2 .btn li {
    height: .6rem;
    line-height: .58rem;
    font-size: .26rem; }
  .product-show-2 .list {
    margin-right: -.15rem;
    margin-left: -.15rem; }
    .product-show-2 .list li {
      padding: 0 .15rem;
      max-width: 50%; }
    .product-show-2 .list .name {
      font-size: .28rem; }
    .product-show-2 .list .p-content {
      font-size: .22rem; }

  .product-show-3 .img {
    width: 100%;
    text-align: center; }
  .product-show-3 .product-container {
    width: 100%;
    text-align: center;
    padding-top: .4rem; }

  .product-show-4 .title {
    font-size: .32rem;
    font-weight: 600; }
  .product-show-4 .img {
    width: 100%;
    left: 0;
    text-align: center; }
  .product-show-4 .list {
    width: 100%;
    padding: .4rem 0 0 0; }
    .product-show-4 .list li {
      min-height: 1rem;
      font-size: .24rem;
      line-height: .44rem; }

  .p-title {
    padding-top: .4rem; }
    .p-title h2 {
      font-size: .32rem;
      font-weight: 600; }

  .product-list {
    padding: .4rem 0; }
    .product-list .nav {
      position: static;
      width: 100%;
      padding-bottom: .25rem; }
      .product-list .nav ul {
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        margin-right: -.3rem; }
      .product-list .nav li {
        min-width: 33.333%;
        padding-right: .3rem; }
      .product-list .nav a {
        font-size: .26rem;
        line-height: .8rem; }
    .product-list .list li {
      width: 100%;
      padding: .1rem .3rem .5rem .3rem; }
      .product-list .list li .name {
        line-height: .5rem;
        font-size: .3rem;
        padding: .25rem 0; }
      .product-list .list li dl.info dd {
        min-height: 1.3rem; }
        .product-list .list li dl.info dd:after {
          height: .7rem; }
        .product-list .list li dl.info dd div {
          font-size: .32rem;
          line-height: .5rem; }
        .product-list .list li dl.info dd span {
          font-size: .24rem; }

  .customized {
    font-size: .24rem; }
    .customized .img {
      right: 0;
      bottom: auto;
      height: 4rem;
      top: 1rem; }
    .customized .container {
      top: 5rem;
      width: 100%;
      padding: .5rem .3rem; }
    .customized .title {
      font-size: .32rem;
      font-weight: 600; }
    .customized .list .name .col, .customized .list li .col {
      width: 1.7rem; }
    .customized .list .name .col-1, .customized .list li .col-1 {
      width: 1.2rem; }
    .customized .list .name {
      line-height: .3rem;
      padding-bottom: .2rem; }
    .customized .list li {
      padding-bottom: .2rem; }
      .customized .list li .col-1 {
        line-height: .54rem; }
      .customized .list li .input {
        height: .54rem; }
        .customized .list li .input input {
          height: .54rem;
          line-height: .54rem;
          font-size: .24rem; }
    .customized .add {
      line-height: .54rem; }
    .customized .list2 {
      padding: .36rem 0 .4rem 1.3rem; }
      .customized .list2 .name {
        line-height: .54rem; }
      .customized .list2 dd {
        width: 1.7rem;
        height: .54rem;
        line-height: .5rem; }
    .customized .list3 {
      line-height: .56rem; }
      .customized .list3 li:nth-child(1) .name {
        letter-spacing: .06rem; }

  .p-nav {
    padding-top: .65rem; }
    .p-nav h2 {
      font-size: .32rem;
      font-weight: 600; }
    .p-nav .nav {
      top: .65rem; }
      .p-nav .nav li {
        padding: 0; }
      .p-nav .nav a {
        font-size: .24rem;
        padding-left: .3rem; }
      .p-nav .nav a.on {
        display: none; }
    .p-nav a.back {
      width: 1.8rem;
      height: .54rem;
      line-height: .5rem;
      font-size: .24rem;
      top: .7rem; }

  .contact-1 .col {
    width: 100%;
    padding-bottom: .4rem; }
  .contact-1 .title {
    font-size: .28rem;
    padding-bottom: .15rem; }
  .contact-1 .p-content {
    line-height: 1.85em; }

  .contact-2 {
    padding-top: .6rem; }
    .contact-2 .col {
      width: 100%; }
      .contact-2 .col .title {
        font-size: .28rem; }
      .contact-2 .col .p-content {
        line-height: 1.85em; }
      .contact-2 .col .list {
        font-size: .24rem;
        line-height: .5rem;
        padding-bottom: .3rem; }
    .contact-2 .map {
      width: 100%; }

  .contact-3 {
    font-size: .24rem; }
    .contact-3 .title {
      font-size: .32rem;
      font-weight: 600; }
    .contact-3 .form li {
      width: 3.3rem; }
      .contact-3 .form li .name {
        height: .7rem; }
      .contact-3 .form li .input input, .contact-3 .form li .input textarea {
        height: .6rem;
        line-height: .6rem;
        font-size: .24rem; }
      .contact-3 .form li .input textarea {
        height: 2.6rem;
        line-height: .4rem; }
      .contact-3 .form li .select {
        line-height: .6rem; }
    .contact-3 .form li.li_01 {
      width: 100%; }
    .contact-3 .form dl.checkbox {
      position: static;
      width: 100%;
      padding-top: .2rem; }
    .contact-3 .submit div {
      width: 2.6rem;
      height: .6rem; }
    .contact-3 .submit input {
      height: .6rem;
      font-size: .24rem; }

  .contact-4 .title {
    font-size: .32rem;
    font-weight: 600; }
  .contact-4 .list li {
    width: 50%; }
    .contact-4 .list li .name {
      font-size: .28rem; }
    .contact-4 .list li .more {
      font-size: .24rem; }

  .p-banner {
    padding-top: 1.4rem; }
    .p-banner .form {
      height: .7rem; }
      .p-banner .form .input input {
        height: .7rem;
        line-height: .7rem;
        padding-left: .7rem;
        font-size: .24rem; }
      .p-banner .form .submit {
        width: .7rem;
        background-size: .32rem; }
        .p-banner .form .submit input {
          height: .7rem; }

  .p-banner2 {
    padding-top: .3rem; }

  .faq .title {
    font-size: .32rem;
    font-weight: 600; }
  .faq .nav {
    padding-bottom: .25rem; }
    .faq .nav li {
      font-size: .24rem;
      line-height: .5rem; }
  .faq .list {
    width: 47%; }
    .faq .list .name {
      font-size: .28rem; }
    .faq .list li {
      font-size: .24rem;
      line-height: .46rem; }
  .faq .video .img {
    width: 100%; }
  .faq .video .col {
    width: 100%; }
    .faq .video .col .name {
      font-size: .28rem;
      padding: .3rem 0 .15rem 0; }

  .faq-2 .ewm p {
    font-size: .24rem; }

  .faq-show {
    width: 100%; }
    .faq-show .title {
      font-size: .32rem;
      font-weight: 600; }
    .faq-show .content {
      font-size: .24rem;
      line-height: 1.85em; }
      .faq-show .content h3 {
        font-size: .26rem; }

  .side-list {
    width: 100%;
    padding: 0 0 .4rem 0;
    border-top: #e5e5e5 solid 1px; }
    .side-list:after {
      display: none; }
    .side-list .title {
      font-size: .28rem;
      font-weight: bold; }
    .side-list ul {
      display: flex;
      display: -webkit-flex;
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      margin-left: -.4rem; }
    .side-list li {
      font-size: .24rem;
      line-height: .6rem;
      padding-left: .4rem; }

  .w880 {
    width: 100%; }

  .law .title {
    font-size: .32rem; }
  .law .title2 {
    font-size: .28rem; }
  .law .p-content {
    line-height: 1.8em; }
  .law .list1 h2 {
    font-size: .28rem; }
  .law .list1 .container .box2 {
    font-size: .24rem;
    line-height: .44rem; }
    .law .list1 .container .box2 .list-1 {
      line-height: .56rem; }
      .law .list1 .container .box2 .list-1 li {
        min-height: .56rem; }
        .law .list1 .container .box2 .list-1 li:before {
          height: .56rem; }
    .law .list1 .container .box2 h3 {
      font-size: .24rem; }
    .law .list1 .container .box2 .list-2 li:before {
      height: .44rem; }
  .law .list2 h2 {
    font-size: .26rem;
    line-height: .46rem; }

  .job h1.title {
    font-size: .32rem;
    font-weight: 600; }
  .job h2.title {
    font-size: .3rem; }
  .job .list li {
    width: 100%; }
  .job .list .name {
    font-size: .26rem; }

  .job-list {
    font-size: .24rem; }
    .job-list .name div.col-1, .job-list .title div.col-1 {
      font-size: .26rem; }
    .job-list .name div.col-2, .job-list .name div.col-3, .job-list .title div.col-2, .job-list .title div.col-3 {
      display: none; }
    .job-list .name {
      line-height: .8rem; }
    .job-list li .title {
      height: .8rem; }
    .job-list li .box h2 {
      font-size: .26rem;
      line-height: .44rem; }
    .job-list li .box .p-content {
      line-height: .44rem; }

  .subscribe .msg {
    font-size: .24rem; }
  .subscribe .form .input {
    height: .6rem; }
    .subscribe .form .input input {
      height: .6rem;
      line-height: .6rem;
      font-size: .24rem; }
  .subscribe .form .submit {
    height: .6rem; }
    .subscribe .form .submit input {
      height: .6rem;
      font-size: .24rem; }

  .news li {
    padding: 0 0 .5rem .8rem;
    font-size: .24rem; }
    .news li .month {
      font-size: .38rem;
      line-height: .48rem; }
    .news li .name {
      line-height: .48rem;
      font-size: .26rem; }
    .news li p {
      line-height: .4rem;
      padding: .12rem 0; }

  .p-num a {
    width: .5rem; }
  .p-num div {
    font-size: .26rem; }
    .p-num div em {
      font-size: .6rem; }

  .video-list li {
    width: 50%;
    font-size: .24rem; }
    .video-list li .name {
      font-size: .26rem; }

  .news-show {
    width: 100%;
    font-size: .24rem; }
    .news-show .title {
      font-size: .32rem; }
    .news-show .content {
      line-height: .46rem; }

  .news-side {
    width: 100%;
    padding: .55rem 0;
    font-size: .24rem;
    border-top: #e5e5e5 solid 1px;
    text-align: center; }
    .news-side:before {
      display: none; }
    .news-side .input {
      height: .6rem;
      margin-bottom: .3rem; }
      .news-side .input input {
        height: .6rem;
        line-height: .6rem;
        font-size: .24rem;
        text-align: center; }
    .news-side .submit {
      height: .6rem; }
      .news-side .submit input {
        height: .6rem;
        font-size: .24rem; }

  .how li .img {
    width: 100%; }
  .how li .col {
    width: 100%;
    padding-top: .25rem; }
    .how li .col .name {
      font-size: .28rem;
      font-weight: 600; }
  .how li:nth-child(1) .img {
    left: 0; }
  .how li:nth-child(2) {
    margin-top: 0; }
    .how li:nth-child(2) .img {
      order: 0;
      width: 100%; }
    .how li:nth-child(2) .col {
      width: 100%; }

  .reg {
    font-size: .24rem; }
    .reg .wal {
      width: 6.5rem; }
    .reg .title {
      font-size: .32rem;
      font-weight: 600; }
    .reg .form li {
      padding-bottom: .2rem; }
      .reg .form li .input {
        height: .6rem;
        -moz-border-radius: 0.3rem;
        -webkit-border-radius: 0.3rem;
        border-radius: 0.3rem; }
        .reg .form li .input input {
          height: .6rem;
          line-height: .6rem;
          font-size: .24rem;
          padding: 0 .3rem; }
    .reg .form li.lzm {
      padding-right: 2.3rem; }
      .reg .form li.lzm .img {
        width: 2.1rem;
        bottom: .28rem; }
    .reg .form div.tips {
      line-height: .8rem; }
    .reg .form dl.checkbox dd {
      line-height: .4rem; }
      .reg .form dl.checkbox dd:before {
        height: .4rem; }
    .reg .form .submit div {
      height: .6rem; }
    .reg .form .submit input {
      height: .6rem;
      font-size: .24rem; }
    .reg .btn {
      line-height: .64rem; }

  .password .form li p {
    line-height: 1.6em; } }
@media screen and (max-width: 550px) {
  .wal {
    margin: 0 .3rem; } }

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