﻿body.show a, body.show .transition, body.show :before, body.show :after, body.show img {
  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, .index-research .dots, .g-nav2 .btn-list .language .name, .p-layer {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
}

.flexColumn, .index-flow .title {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
}

.itemsCenter, .g-nav2 .btn-list .language .name, .p-layer {
  align-items: center;
  -webkit-align-items: center;
}

.justifyCenter, .index-flow .title dl, .index-flow .title, .index-research .dots, .g-foot .info .tel, .g-foot .info, .g-foot .list li, .p-layer {
  justify-content: center;
  -webkit-justify-content: center;
}

.flexAround {
  justify-content: space-around;
  -webkit-justify-content: space-around;
}

.flexBetween, .foot-link .list ul, .index-flow .container .list ul, .index-research .wal, .index-events .wal, .g-foot .info div {
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

.flexWrap, .index-flow .container .list ul, .index-flow .container, .index-research .wal, .g-foot .info, .g-nav2 .btn-list ul, .g-nav2 .scroll li .list dl, .g-nav2 .scroll ul {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

.pageTips {
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000 url("../image/bg.png");
}
.pageTips .container {
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 630px;
  margin-left: -315px;
  margin-top: -160px;
}
.pageTips .container a.close {
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  z-index: 1;
  left: auto;
  right: -15px;
  top: 40px;
  bottom: auto;
  background: url("/image/close.png") center no-repeat;
}
.pageTips .container .img {
  text-align: center;
}
.pageTips .container .msg {
  font-size: 18px;
  line-height: 36px;
  padding-top: 30px;
}
.pageTips .container a {
  color: #fff;
  text-decoration: underline;
}

.p-more {
  font-size: 0.24rem;
  padding: 0 0.1rem;
  line-height: 0.5rem;
  border-bottom: #6510AD solid 0.04rem;
}

/*-------------------------*/
html {
  font-size: 50px;
}

body {
  font-size: 0.24rem;
}

.wal {
  max-width: 800px;
  margin: 0 0.5rem;
}

.index-news .col-1 {
  width: 100%;
  padding-bottom: 1rem;
}
.index-news .col-1 .title {
  font-size: 0.32rem;
  padding: 0 0 0.25rem 0;
  line-height: 1em;
}
.index-news .col-1 .title span {
  padding-left: 0.2rem;
}
.index-news .col-1 li a .name {
  font-size: 0.32rem;
  line-height: 0.48rem;
  font-weight: 400;
  padding: 0.4rem 0;
}
.index-news .col-2 {
  width: 100%;
  min-height: 1rem;
  order: -1;
}
.index-news .col-2:before {
  display: none;
}
.index-news .col-2 .list li .title {
  font-size: 0.24rem;
  padding-top: 0.3rem;
}
.index-news .col-2 .list li .title:before, .index-news .col-2 .list li .title:after {
  width: 0.3rem;
  height: 0.02rem;
  margin: 0 0.28rem;
}
.index-news .col-2 .list li .name a {
  font-size: 0.36rem;
  line-height: 0.5rem;
  text-align: left;
  padding: 0.25rem 0 0.5rem 0;
}
.index-news .col-2 .list li p {
  display: none;
}
.index-news .col-2 .arrow {
  position: static;
  padding-bottom: 1rem;
}
.index-news .col-2 .arrow a {
  display: none;
}
.index-news .col-2 .arrow .dots {
  width: 100%;
}
.index-news .col-2 .arrow .dots span {
  width: 0.16rem;
  height: 0.16rem;
  margin: 0 0.1rem;
}

.index-flow .container {
  margin-top: 0;
  padding-bottom: 1.57rem;
}
.index-flow .container .list {
  width: 100%;
  height: 2.9rem;
  background: #F2F3F9;
  padding: 0.3rem 0.5rem;
  position: static;
}
.index-flow .container .list ul {
  margin-bottom: 0;
}
.index-flow .container .list li {
  width: 45%;
}
.index-flow .container .list a {
  line-height: 0.72rem;
  font-size: 0.32rem;
  border: 0;
  font-weight: 400;
}
.index-flow .container .list a i {
  font-size: 0.36rem;
}
.index-flow .container .video {
  width: 100%;
  order: -1;
}
.index-flow .title {
  width:auto;
  padding: 0.5rem 0;
  font-size: 0.36rem;
  text-align: center;
}
.index-flow .title h2 {
  font-size: 0.34rem;
  text-align: center;
  
}
.index-flow .img-list {
  padding: 0 0.5rem;
}
.index-flow .img-list li {
  width: 100%;
}
.index-flow .img-list li a .layer {
  padding: 0 0.5rem;
}
.index-flow .img-list li a .layer .time {
  font-size: 0.2rem;
}
.index-flow .img-list li a .layer p {
  font-size: 0.24rem;
  line-height: 0.36rem;
  margin-top: 0.2rem;
  max-height: 1.08rem;
  overflow: hidden;
}
.index-flow .img-list li a .layer .info {
  font-size: 0.24rem;
  padding: 0.3rem 0;
}
.index-flow .img-list li a .layer .info img {
  height: 0.3rem;
}
.index-flow .img-list li.li_01 {
  width: 100%;
}
.index-flow .img-list li.li_01 a .layer p {
  max-height: 0.72rem;
}


@media screen and (max-width: 550px) {
  .wal {
    margin: 0 0.5rem;
  }
}