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 {
  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 {
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }

@media screen and (max-width: 800px) {
  .wal {
    max-width: 8rem; }
  body.navShow .navBg {
    display: block; }
  body.navShow .head .nav {
    right: 0; }
  .navBg {
    position: fixed;
    z-index: 49;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    display: none; }
  .head .topSearch {
    right: 1.8rem;
    background-size: .22rem;
    width: 1rem; }
    .head .topSearch .form {
      width: 5rem; }
    .head .topSearch .input {
      height: .55rem; }
      .head .topSearch .input input {
        height: .53rem;
        line-height: .53rem;
        font-size: .22rem; }
    .head .topSearch .submit {
      width: 1.3rem; }
      .head .topSearch .submit input {
        height: .55rem;
        font-size: .22rem; }
  .head .language {
    right: 1rem;
    font-size: .22rem; }
    .head .language dl {
      width: 1.5rem; }
      .head .language dl a {
        font-size: .22rem; }
    .head .language:hover dl a {
      line-height: .55rem; }
  .head .navA {
    display: block;
    position: absolute;
    z-index: 10;
    left: auto;
    right: -0.3rem;
    top: 0;
    bottom: auto;
    width: 1rem;
    height: 1rem;
    background: url(navA.png) center no-repeat;
    background-size: .4rem; }
  .nav {
    position: fixed;
    height: 100%;
    overflow-y: auto;
    width: 5rem;
    background: rgba(0, 74, 143, 0.88);
    right: -5rem; }
    .nav .close {
      display: block;
      height: 1rem; }
      .nav .close i {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        background: url(close.png) center no-repeat;
        background-size: .4rem;
        width: 1rem;
        height: 1rem; }
    .nav li {
      float: none;
      padding: 0;
      border-top: rgba(255, 255, 255, 0.2) solid 1px;
      position: relative; }
      .nav li i {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        height: 1rem;
        width: 1rem;
        background: url(img17_3.png) center no-repeat;
        background-size: .17rem; }
    .nav a.name {
      font-size: .26rem;
      padding-left: .5rem;
      color: #fff; }
      .nav a.name:before {
        display: none; }
      .nav a.name:hover, .nav a.name.on {
        color: #fff; }
    .nav li.on a.name {
      color: #fff; }
    .nav li.on i {
      background-image: url(img17_3on.png); }
    .nav li.on .list {
      display: block;
      padding: 0; }
    .nav .list {
      position: relative;
      top: 0;
      opacity: 1;
      visibility: visible;
      display: none;
      background: rgba(138, 185, 35, 0.6); }
      .nav .list dl {
        left: 0; }
      .nav .list dd {
        border-top: rgba(255, 255, 255, 0.1) solid 1px;
        width: 100%; }
      .nav .list a {
        padding: 0 0 0 .76rem;
        font-size: .22rem;
        height: .8rem;
        line-height: .8rem;
        opacity: .8; }
      .nav .list.list-1 dl, .nav .list.list-2 dl, .nav .list.list-3 dl, .nav .list.list-5 dl {
        margin-left: 0; }
      .nav .list.list-3 dl, .nav .list.list-3 dd {
        width: 100%; }
  .footDiv .list li {
    width: 33.333%; }
  .footDiv .list a {
    font-size: .22rem;
    line-height: .5rem; }
  .footDiv .list h2 a {
    font-size: .26rem;
    padding: .1rem 0; }
  .footDiv dl.ewm {
    position: relative;
    top: 0;
    padding: .5rem 0; }
    .footDiv dl.ewm dd {
      width: 1.5rem;
      margin-left: 0;
      margin-right: .73rem; }
    .footDiv dl.ewm span {
      line-height: .8rem;
      font-size: .22rem; }
  .foot {
    font-size: .22rem; }
    .foot .wal {
      line-height: 1.8em; }
    .foot p {
      position: relative;
      top: 0; }
  /*index------------*/
  .indexFlash {
    height: 5.5rem; }
    .indexFlash .swiper-slide a {
      height: 5.5rem; }
      .indexFlash .swiper-slide a img {
        width: 6rem;
        margin-left: -1rem; }
      .indexFlash .swiper-slide a .layer {
        margin-left: -1rem;
        letter-spacing: 0; }
    .indexFlash .swiper-slide-active a img {
      margin-left: -3rem; }
    .indexFlash .swiper-slide-active a .layer {
      margin-left: -3.45rem; }
  .pageMore a {
    width: 2rem;
    height: .6rem;
    line-height: .58rem;
    font-size: .26rem; }
  .indexPart1 h2.title {
    font-size: .32rem; }
  .indexPart1 .content {
    max-width: 100%;
    font-size: .24rem; }
  .indexPart1 .img {
    position: relative;
    top: 0;
    left: 2rem; }
  .indexPart2 .wal {
    min-height: 9.05rem;
    padding-top: 1.5rem;
    margin: 0; }
  .indexPart2 .box {
    width: 100%;
    max-width: 100%;
    padding: 0 .3rem; }
    .indexPart2 .box h2 {
      font-size: .32rem; }
    .indexPart2 .box p {
      font-size: .22rem; }
  .indexPart2 dl.tag {
    right: .3rem; }
    .indexPart2 dl.tag dd {
      font-size: .2rem; }
  .indexPart2 .mapScroll {
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
    position: relative;
    height: 9rem; }
  .indexPart3 h2.title {
    font-size: .32rem; }
  .indexPart3 li {
    width: 100%;
    height: auto; }
    .indexPart3 li a {
      height: auto;
      padding-bottom: .5rem; }
    .indexPart3 li .img {
      opacity: 1;
      position: relative;
      height: 4rem; }
    .indexPart3 li .time {
      font-size: .22rem; }
    .indexPart3 li .name {
      font-size: .28rem;
      line-height: 1.8em;
      min-height: 1.8em; }
    .indexPart3 li p {
      font-size: .22rem;
      padding-top: .2rem; }
    .indexPart3 li .more {
      font-size: .24rem; }
  .indexPart3 li:nth-child(3) {
    display: none; }
  .pageNow {
    font-size: .24rem; }
  .pageTitle h2 {
    font-size: .32rem; }
  .about_01 {
    font-size: .24rem;
    line-height: 1.8em; }
  .about_02 {
    font-size: .24rem; }
    .about_02 .fl {
      width: 100%; }
    .about_02 .dots span {
      width: .32rem;
      height: .32rem;
      line-height: .32rem; }
    .about_02 .fr {
      width: 100%;
      padding: 0 .8rem 1.05rem .7rem;
      position: relative;
      min-height: 3.73rem; }
      .about_02 .fr:before {
        content: "";
        display: block;
        position: absolute;
        right: .4rem;
        bottom: .55rem;
        width: .8rem;
        height: .5rem;
        border-right: #fff solid .03rem;
        border-bottom: #fff solid .03rem; }
      .about_02 .fr h2 {
        font-size: .32rem; }
      .about_02 .fr .content {
        font-size: .24rem;
        line-height: 1.8em; }
  .about_03 .content {
    font-size: .24rem;
    line-height: 1.8em; }
  .about_04 {
    padding-bottom: .5rem; }
    .about_04 li {
      width: 50%;
      padding-bottom: .5rem; }
      .about_04 li p {
        font-size: .2rem; }
      .about_04 li h2 {
        font-size: .3rem; }
      .about_04 li span {
        font-size: .2rem; }
  .news .wal {
    padding: .5rem 0; }
  .news .img {
    position: relative;
    top: 0;
    width: 100%; }
    .news .img .swiper-slide {
      height: 3.2rem; }
    .news .img .dots span {
      width: .3rem;
      height: .3rem;
      line-height: .3rem;
      font-size: .22rem; }
  .news .time {
    font-size: .22rem;
    padding: .25rem 0 .1rem 0; }
  .news .name {
    font-size: .28rem;
    line-height: 1.7em; }
  .news p {
    font-size: .24rem; }
  .news .more {
    font-size: .26rem;
    line-height: .4rem; }
  .pageNum a {
    font-size: .22rem;
    width: .56rem;
    height: .56rem;
    line-height: .54rem; }
  .newShow .container {
    margin-left: -.3rem;
    margin-right: -.3rem; }
    .newShow .container h2.title {
      font-size: .3rem; }
    .newShow .container .time {
      font-size: .22rem; }
  .newShow .content {
    font-size: .24rem;
    line-height: 1.8em; }
  .pageNum2 li {
    font-size: .24rem;
    line-height: 2em; }
  .pageNum2 .pageMore {
    position: relative;
    top: 0;
    padding-top: .3rem; }
  .pageNav {
    margin-top: 0; }
    .pageNav a {
      font-size: .24rem; }
  .product li {
    width: 50%; }
  .product .box {
    position: relative;
    height: 3.9rem; }
  .product .img {
    height: 3.9rem; }
  .product a {
    opacity: 1;
    top: auto;
    bottom: 0;
    height: auto;
    padding-top: .2rem; }
    .product a h2 {
      font-size: .32rem; }
      .product a h2:before {
        display: none; }
    .product a p {
      display: none; }
    .product a .more {
      font-size: .24rem;
      bottom: .25rem; }
  .product li.li_01 .img {
    height: 3.9rem; }
  .product li.li_01 a {
    height: auto; }
  .product li.li_02 {
    width: 100%; }
  .productShow .back {
    padding-top: 0; }
    .productShow .back a {
      font-size: .24rem; }
  .productShow .fl {
    width: 100%; }
    .productShow .fl h2.title {
      font-size: .32rem; }
    .productShow .fl .content {
      font-size: .24rem;
      line-height: 1.8em; }
      .productShow .fl .content h2 {
        font-size: .28rem; }
  .productShow .fr {
    width: 100%; }
    .productShow .fr .dots span {
      font-size: .22rem;
      height: .36rem; }
  .cpgyl .fl {
    width: 100%; }
    .cpgyl .fl .dots span {
      font-size: .22rem;
      height: .36rem; }
  .cpgyl .fr {
    width: 100%; }
    .cpgyl .fr .msg {
      font-size: .28rem;
      line-height: .45rem; }
    .cpgyl .fr h2.title {
      font-size: .32rem; }
    .cpgyl .fr .content {
      font-size: .24rem;
      line-height: 1.8em; }
  .service {
    padding-top: 0; }
    .service .fl {
      width: 100%; }
      .service .fl .dots span {
        font-size: .22rem;
        height: .36rem; }
    .service .fr {
      width: 100%;
      padding-bottom: .5rem; }
      .service .fr h2.title {
        font-size: .32rem;
        line-height: .45rem; }
      .service .fr .content {
        font-size: .24rem;
        line-height: 1.8em; }
      .service .fr .line {
        display: none; }
  .Overseas li {
    width: 50%; }
  .Overseas .layer p {
    font-size: .22rem;
    line-height: 1.6em; }
  .Overseas .layer a {
    font-size: .2rem; }
  .Overseas .name a {
    font-size: .32rem; }
  .Overseas .msg {
    font-size: .22rem; }
  .kcsfz {
    margin-top: 0; }
    .kcsfz .wal {
      padding: .5rem 0; }
    .kcsfz .img {
      width: 100%;
      position: relative;
      top: 0; }
    .kcsfz .container {
      max-width: 100%;
      padding-bottom: 0; }
      .kcsfz .container h2 {
        font-size: .32rem;
        padding-top: .5rem; }
      .kcsfz .container h3 {
        font-size: .28rem;
        padding-bottom: .25rem; }
      .kcsfz .container .content {
        font-size: .24rem;
        line-height: 1.8em; }
      .kcsfz .container dd {
        font-size: .24rem;
        line-height: 1.8em; }
    .kcsfz li:nth-child(even) .container {
      max-width: 100%; }
  .job .title {
    font-size: .28rem; }
  .job .content {
    font-size: .24rem;
    line-height: 1.8em; }
  .job .img .fl, .job .img .fr {
    width: 100%;
    padding-bottom: .3rem; }
  .jobList .name {
    height: 1rem;
    line-height: 1rem;
    font-size: .22rem; }
    .jobList .name b {
      font-size: .28rem; }
    .jobList .name:before {
      right: .2rem; }
  .jobList .container h2 {
    font-size: .24rem;
    line-height: .4rem; }
  .jobList .container .content {
    font-size: .24rem;
    line-height: .4rem;
    padding-bottom: .4rem; }
  .pageSearch .title {
    font-size: .4rem; }
  .pageSearch li a {
    font-size: .28rem; }
    .pageSearch li a:before {
      right: .2rem; } }

@media screen and (max-width: 550px) {
  .wal {
    margin: 0 .3rem; } }

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