﻿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, .p-layer, .g-nav2 .btn-list .language .name, .index-research .dots {
  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, .p-layer, .g-nav2 .btn-list .language .name {
  align-items: center;
  -webkit-align-items: center; }

.justifyCenter, .p-layer, .g-foot .list li, .g-foot .info, .g-foot .info .tel, .index-research .dots, .index-flow .title, .index-flow .title dl {
  justify-content: center;
  -webkit-justify-content: center; }

.flexAround {
  justify-content: space-around;
  -webkit-justify-content: space-around; }

.flexBetween, .g-foot .info div, .index-events .wal, .index-research .wal, .index-flow .container .list ul, .foot-link .list ul {
  justify-content: space-between;
  -webkit-justify-content: space-between; }

.flexWrap, .g-nav2 .scroll ul, .g-nav2 .scroll li .list dl, .g-nav2 .btn-list ul, .g-foot .info, .index-research .wal, .index-flow .container, .index-flow .container .list ul {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }



/*-------------------------*/
html {
  font-size: 16px; }

body {
  font-size: .24rem; }



.index-flash{
	display:none;
	}

/*index*/
.index-video {
  height: auto; }
  .index-video video, .index-video img {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    transform: translate(0, 0); }
  .index-video .btn {
    display: none; }

.index-flash li {
  height: 6rem; }
  .index-flash li .img a {
    height: 6rem; }
    .index-flash li .img a img {
      height: 100%; }
  .index-flash li .name a {
    bottom: 1.04rem;
    font-size: .26rem; }
.index-flash .btn .dots span {
  margin: 0 .08rem;
  width: .1rem;
  height: .1rem; }
.index-flash .arrow {
  display: none; }

@media screen and (orientation: landscape) {
  .index-flash li {
    height: 100%; }
    .index-flash li .img a {
      height: 100%; } }



@media screen and (max-width: 550px) {
  .wal {
    margin: 0 .5rem; } }

