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

.flexColumn {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-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;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }

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

  .wal {
    max-width: 8rem; }

  .phoneShow {
    display: block; }

  .pcShow {
    display: none; }

  body.navShow {
    overflow: hidden; }
    body.navShow .nav {
      opacity: 1;
      visibility: visible; }

  .head {
    background: #fff; }
    .head a.logo {
      left: 50%;
      margin-left: -.7rem;
      background-image: url("../image/logoon.png"); }
    .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: .34rem; }
    .head .btn {
      right: auto;
      left: 0;
      margin-top: -.25rem; }
      .head .btn a.language {
        width: .5rem;
        height: .5rem;
        line-height: .5rem;
        font-size: .2rem; }
      .head .btn .search {
        width: .5rem;
        height: .5rem; }
        .head .btn .search .input {
          right: auto;
          left: 0; }
          .head .btn .search .input input {
            height: .5rem;
            line-height: .5rem;
            font-size: .2rem;
            padding-left: .7rem; }
        .head .btn .search .submit {
          background-size: .2rem; }
          .head .btn .search .submit input {
            height: .5rem; }
        .head .btn .search:hover .input {
          width: 3rem; }

  .nav {
    position: fixed;
    z-index: 40;
    right: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background: rgba(0, 0, 0, 0.8);
    padding-left: 1.5rem;
    opacity: 0;
    visibility: hidden; }
    .nav .navList {
      background: #fff;
      min-height: 100vh; }
    .nav .close {
      height: 1rem;
      border-bottom: #d6d6d6 solid 1px;
      position: relative; }
      .nav .close a {
        display: block;
        background: url("../image/logoon.png") center no-repeat;
        background-size: 100%;
        width: 1.39rem;
        height: 100%;
        position: absolute;
        z-index: 10;
        left: 50%;
        right: auto;
        top: 0;
        bottom: auto;
        margin-left: -.7rem; }
      .nav .close i {
        display: block;
        width: 1rem;
        height: 100%;
        background: url("../image/close27.png") center no-repeat;
        background-size: .27rem;
        position: absolute;
        z-index: 10;
        left: auto;
        right: 100%;
        top: 0;
        bottom: auto; }
    .nav li {
      width: 100%;
      border-bottom: #d6d6d6 solid 1px; }
    .nav a.name {
      height: .8rem;
      line-height: .8rem;
      color: #333;
      font-size: .24rem;
      padding: 0 .3rem;
      position: relative; }
      .nav a.name:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: .3rem;
        width: .2rem;
        height: 100%;
        background: url("../image/img20.png") center no-repeat;
        background-size: 100%; }
      .nav a.name.onon {
        background: #176ec0;
        color: #fff; }
        .nav a.name.onon:before {
          background-image: url("../image/img20on.png"); }
    .nav .list {
      display: none; }
      .nav .list li {
        border: 0; }
      .nav .list h3 a {
        display: block;
        background: #f5f5f5;
        padding-left: .6rem;
        height: .6rem;
        line-height: .6rem;
        position: relative;
        font-size: .2rem;
        color: #666; }
        .nav .list h3 a:before {
          content: "";
          display: block;
          position: absolute;
          top: 0;
          right: .3rem;
          width: .2rem;
          height: 100%;
          background: url("../image/img20_1.png") center no-repeat;
          background-size: .2rem; }
      .nav .list dl {
        padding: .15rem 0;
        display: none; }
        .nav .list dl a {
          display: block;
          font-size: .2rem;
          color: #176ec0;
          padding-left: .8rem;
          height: .5rem;
          line-height: .5rem;
          background: url("../image/img4.png") 0.6rem center no-repeat;
          background-size: .04rem; }
      .nav .list li.on h3 a {
        color: #176ec0; }
        .nav .list li.on h3 a:before {
          background-image: url("../image/img20_1on.png"); }
      .nav .list li.on dl {
        display: block; }

  .foot {
    font-size: .24rem; }
    .foot:before {
      display: none; }
    .foot:after {
      height: 1.5rem; }
    .foot .wal {
      padding: .6rem 0 1.5rem 0; }
    .foot .list {
      display: none; }
    .foot .link {
      position: relative;
      top: 0;
      width: 100%;
      height: .66rem; }
      .foot .link .name {
        line-height: .66rem;
        padding-left: .45rem; }
      .foot .link dl a {
        height: .66rem;
        line-height: .66rem;
        padding-left: .45rem; }
    .foot .list2 {
      width: 100%;
      position: relative;
      top: 0;
      padding: .35rem .45rem; }
      .foot .list2 li {
        min-height: .5rem;
        padding: 0 0 .1rem .5rem; }
        .foot .list2 li img {
          width: .28rem;
          top: .02rem; }
        .foot .list2 li p {
          line-height: .32rem; }
    .foot .msg {
      font-size: .22rem;
      line-height: .44rem;
      bottom: .3rem; }
      .foot .msg em {
        display: block; }
      .foot .msg span {
        padding: 0 .3rem 0 0; }

  /*index*/
  .indexFlash {
    padding-top: 1rem; }
    .indexFlash .imgList li {
      min-height: 1rem; 
      background:none!important;
	  height:auto;

    }
    .indexFlash .imgList .img {
      padding-top: 3.25rem;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%; }
    .indexFlash .list .wal {
      padding-right: 1.5rem; }
    .indexFlash .list a {
      font-size: .22rem; }

  .pageTitle {
    font-size: .32rem; }

  .indexPart1 {
    width: 100%;
    overflow: hidden;
    position: relative; }
    .indexPart1 .box {
      min-height: 3.2rem;
      width: 3.5rem;
      margin: 0 auto;
      background: #176ec0;
      color: #fff; }
      .indexPart1 .box:before {
        opacity: 1; }
      .indexPart1 .box .title {
        height: 1.6rem; }
        .indexPart1 .box .title:before {
          background: #fff; }
        .indexPart1 .box .title img:nth-child(1) {
          opacity: 0; }
        .indexPart1 .box .title img:nth-child(2) {
          opacity: 1; }
        .indexPart1 .box .title h2 {
          font-size: .28rem; }
        .indexPart1 .box .title p {
          font-size: .18rem; }
      .indexPart1 .box dd {
        font-size: .22rem;
        line-height: .44rem; }
        .indexPart1 .box dd a {
          color: #fff; }
    .indexPart1 .dots {
      display: flex;
      display: -webkit-flex;
      justify-content: center;
      -webkit-justify-content: center;
      padding-top: .4rem; }
      .indexPart1 .dots span {
        width: .18rem;
        height: .18rem;
        background: #ccc;
        margin: 0 .1rem;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%; }
      .indexPart1 .dots .swiper-pagination-bullet-active {
        background: #176ec0; }

  .indexPart2 .list {
    width: 100%;
    overflow: hidden;
    position: relative; }
  .indexPart2 .box {
    width: 3.5rem;
    height: 3.5rem;
    background: #199d54;
    color: #fff;
    margin: 0 auto; }
    .indexPart2 .box .title {
      height: 1.8rem;
      padding-top: .75rem; }
      .indexPart2 .box .title:before {
        background: #fff; }
      .indexPart2 .box .title h2 {
        font-size: .28rem; }
      .indexPart2 .box .title p {
        font-size: .18rem; }
    .indexPart2 .box dd {
      font-size: .22rem;
      line-height: .44rem; }
      .indexPart2 .box dd a {
        color: #fff; }
  .indexPart2 .dots {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    padding: .4rem 0 .3rem 0; }
    .indexPart2 .dots span {
      width: .18rem;
      height: .18rem;
      background: #fff;
      margin: 0 .1rem;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%; }
    .indexPart2 .dots .swiper-pagination-bullet-active {
      background: #176ec0; }

  .indexPart3 {
    padding-bottom: .6rem;
    position: relative; }
    .indexPart3.wal {
      margin: 0; }
    .indexPart3 .list {
      width: 100%;
      overflow: hidden;
      position: relative; }
    .indexPart3 ul {
      margin-left: 0; }
    .indexPart3 li {
      width: 100%;
      padding-left: 0; }
    .indexPart3 .box .layer h2 {
      font-size: .24rem;
      text-align: left;
      padding-left: .75rem; }
    .indexPart3 .box .layer dl {
      display: none; }
    .indexPart3 .box:hover .layer {
      min-height: 1rem; }
    .indexPart3 .dots {
      display: flex;
      display: -webkit-flex;
      position: absolute;
      z-index: 10;
      left: auto;
      right: 0.2rem;
      top: auto;
      bottom: 1rem; }
      .indexPart3 .dots span {
        width: .18rem;
        height: .18rem;
        background: #ccc;
        margin: 0 .1rem;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%; }
      .indexPart3 .dots .swiper-pagination-bullet-active {
        background: #176ec0; }

  .footForm .title {
    line-height: .45rem;
    padding-bottom: .25rem; }
    .footForm .title h2 {
      font-size: .28rem; }
    .footForm .title p {
      position: relative;
      font-size: .18rem; }
  .footForm li {
    width: 100%; }
    .footForm li:nth-child(3), .footForm li:nth-child(4) {
      width: 100%; }
    .footForm li .input input {
      height: .54rem;
      line-height: .54rem;
      padding: 0 .3rem;
      font-size: .18rem; }
    .footForm li .submit {
      margin-top: .1rem; }
      .footForm li .submit input {
        height: .54rem;
        font-size: .22rem; }

  /*page*/
  .pageBanner {
    height: 5rem; }
    .pageBanner .title {
      font-size: .22rem; }

  .pageNav li {
    padding-right: 0;
    width: 50%; }
    .pageNav li a {
      padding: 0;
      font-size: .24rem;
      text-align: center; }
  .pageNav .curr {
    display: none; }

  .about_01 .img {
    position: relative;
    top: 0; }
  .about_01 .title {
    font-size: .32rem; }
  .about_01 .content {
    width: 100%;
    padding: .4rem 0;
    font-size: .22rem; }

  .about_02 .title {
    font-size: .32rem; }
  .about_02 .list {
    padding: .6rem .3rem; }
    .about_02 .list li {
      width: 100%; }
      .about_02 .list li .name {
        font-size: .26rem;
        padding: .1rem 0; }
      .about_02 .list li p {
        font-size: .22rem;
        line-height: .4rem; }

  .group .title {
    font-size: .32rem; }
  .group .msg {
    font-size: .22rem; }

  .history .title {
    font-size: .32rem; }
  .history .msg {
    font-size: .22rem; }
  .history .list .img {
    display: none; }
  .history .list li {
    max-width: 100%;
    padding-left: 1.5rem; }
    .history .list li em {
      width: 1.24rem;
      height: .4rem;
      line-height: .4rem;
      padding-left: .5rem;
      font-size: .26rem; }
    .history .list li p {
      font-size: .22rem;
      line-height: .4rem;
      padding: 0; }
  .history .list li:hover em {
    background-image: url("../image/img93on.png"); }

  .scientificNav a {
    font-size: .26rem;
    width: 2.15rem;
    height: .7rem;
    line-height: .68rem; }

  .scientific_01 .img {
    position: relative;
    top: 0;
    padding-bottom: .3rem;
    width: 100%; }
  .scientific_01 h2.title {
    font-size: .32rem; }
  .scientific_01 h3.title {
    font-size: .28rem; }
  .scientific_01 h4.title {
    font-size: .26rem; }
  .scientific_01 .content {
    font-size: .22rem;
    line-height: .4rem; }
    .scientific_01 .content.content-2 {
      width: 100%; }
  .scientific_01 .list li {
    padding: 0; }
    .scientific_01 .list li .imgDiv {
      width: 100%;
      position: relative; }
    .scientific_01 .list li h2 {
      font-size: .28rem;
      padding: .35rem .3rem .25rem .3rem; }
    .scientific_01 .list li .msg {
      font-size: .22rem;
      line-height: .4rem;
      padding: 0 .3rem .9rem .3rem; }
  .scientific_01 .list .dots {
    left: 0;
    padding-left: 0;
    width: 100%;
    justify-content: center;
    -webkit-justify-content: center; }
    .scientific_01 .list .dots span {
      margin: 0 .05rem; }

  .scientific_02 h2.title {
    font-size: .28rem; }
  .scientific_02 .content {
    font-size: .22rem;
    line-height: .4rem;
    max-width: 100%; }
  .scientific_02 .imgList {
    width: 100%;
    position: relative;
    top: 0; }
    .scientific_02 .imgList li {
      padding: .2rem 0 0 0; }

  .platform li .img {
    width: 100%;
    position: relative;
    top: 0;
    padding-bottom: .5rem; }
  .platform li .container {
    max-width: 100%;
    padding: .5rem 0 .3rem 0; }
    .platform li .container .title {
      font-size: .32rem; }
    .platform li .container .content {
      font-size: .22rem;
      line-height: .4rem; }

  .platform_02 .title {
    font-size: .32rem; }
  .platform_02 .content {
    font-size: .22rem;
    line-height: .4rem; }
  .platform_02 .list li {
    width: 100%; }
  .platform_02 .list .box .name {
    font-size: .28rem; }
  .platform_02 .list .box p {
    font-size: .22rem;
    line-height: .4rem; }

  .life_01 .title {
    font-size: .32rem; }
  .life_01 .fl {
    width: 100%; }
    .life_01 .fl h2 {
      line-height: .7rem;
      font-size: .28rem; }
    .life_01 .fl li div {
      line-height: .5rem;
      font-size: .22rem; }
      .life_01 .fl li div b {
        font-size: .24rem; }
  .life_01 .fr {
    width: 100%; }

  .life_02 {
    padding-bottom: .5rem; }
    .life_02 ul {
      margin-left: -.3rem;
      margin-right: -.3rem; }
    .life_02 li {
      padding-top: .5rem;
      width: 50%; }
      .life_02 li h2 {
        font-size: .28rem; }
      .life_02 li dd {
        font-size: .2rem;
        line-height: .4rem; }

  .animal li {
    padding: 0 0 .3rem 0; }
    .animal li .img {
      position: relative;
      width: 100%; }
    .animal li .box {
      padding: .4rem; }
      .animal li .box .name {
        font-size: .32rem; }
      .animal li .box p {
        font-size: .22rem;
        line-height: .4rem;
        padding: .2rem 0; }
      .animal li .box .btn a {
        font-size: .24rem;
        width: 1.5rem;
        height: .56rem;
        line-height: .54rem; }
      .animal li .box .btn em {
        line-height: .56rem;
        font-size: .22rem; }

  .pageNum a {
    width: .6rem;
    height: .6rem;
    display: none; }
    .pageNum a.arrow {
      background-size: .15rem;
      margin: 0 .2rem;
      display: block; }

  .value h2 {
    font-size: .32rem; }
  .value .msg {
    font-size: .22rem;
    padding-top: .2rem; }

  .news li .wal {
    padding: .4rem 0 .35rem 3.4rem;
    min-height: 2.75rem; }
  .news li .img {
    top: .35rem; }
  .news li .name {
    line-height: .44rem;
    height: 1.32rem;
    overflow: hidden; }
    .news li .name a {
      font-weight: 400;
      font-size: .26rem; }
    .news li .name em {
      display: none; }
  .news li .info {
    font-size: .2rem;
    padding: .15rem 0 0 0; }
  .news li p {
    display: none; }

  .newShow .title {
    font-size: .32rem;
    line-height: 1.75em; }
  .newShow .info {
    min-height: .7rem;
    font-size: .22rem;
    padding-bottom: .2rem; }
  .newShow .content {
    font-size: .24rem;
    line-height: .48rem; }

  .pageNum2 {
    padding: .5rem 0 .8rem 0; }
    .pageNum2 ul {
      padding-bottom: .3rem; }
    .pageNum2 li {
      font-size: .24rem; }
    .pageNum2 a.back {
      position: relative;
      top: 0;
      width: 2.2rem;
      height: .8rem;
      line-height: .8rem;
      font-size: .26rem;
      margin: 0 auto; }

  .pageTitle2 h2 {
    font-size: .32rem; }
  .pageTitle2 p {
    font-size: .22rem;
    padding-top: .2rem; }

  .pageLink li {
    width: 100%; }
  .pageLink a {
    display: block;
    position: relative; }
    .pageLink a .box .name {
      font-size: .28rem; }
    .pageLink a .box .url {
      line-height: .6rem;
      font-size: .24rem;
      padding-left: .32rem;
      background-size: .2rem; }

  .job li {
    padding-bottom: .2rem; }
    .job li .name {
      min-height: .8rem;
      font-size: .2rem; }
      .job li .name h2 {
        width: 100%;
        font-size: .26rem; }
      .job li .name .col {
        display: none; }
      .job li .name a {
        width: 1.8rem;
        height: .8rem;
        line-height: .8rem; }
        .job li .name a em {
          width: 1.2rem;
          padding-right: .25rem;
          background-size: .15rem; }
    .job li .box {
      padding: .2rem .25rem .5rem .65rem; }
      .job li .box h3 {
        font-size: .24rem;
        line-height: .6rem; }
      .job li .box .content {
        font-size: .22rem;
        line-height: .4rem; }
      .job li .box .btn {
        width: 2rem;
        height: .8rem;
        line-height: .8rem;
        font-size: .24rem; }

  .cooperation li {
    width: 50%; }

  .contact .box {
    width: 100%;
    padding-bottom: .5rem; }
    .contact .box .name {
      font-size: .32rem; }
    .contact .box .list li {
      font-size: .24rem;
      line-height: .48rem;
      padding-bottom: .15rem; }
    .contact .box .ewm p {
      font-size: .22rem; }
  .contact .map {
    width: 100%; } }
@media screen and (max-width: 550px) {
  .wal {
    margin: 0 .3rem; } }

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