body.show a, body.show .transition, body.show :before, body.show :after, body.show img, body.show .g-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, .p-arrow {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex; }

.flexColumn, .team, .team-show, #app.cooperation {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column; }

.itemsCenter, .p-arrow {
  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, .practice-list .list li {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }

/*-------------------------*/
html {
  font-size: 50px; }

.wal {
  max-width: 8rem; }

.g-headD {
  height: 1rem; }

.g-head .wal {
  margin: 0 .3rem;
  height: 1rem; }
.g-head a.logo {
  width: 3rem; }
.g-head .search {
  right: .7rem;
  margin-top: -.25rem;
  width: .5rem; }
  .g-head .search .input input {
    height: .5rem;
    line-height: .5rem;
    font-size: .24rem;
    padding-left: .24rem; }
  .g-head .search .submit {
    height: .5rem; }
    .g-head .search .submit input {
      height: .5rem; }
  .g-head .search:hover .input {
    width: 3rem; }
.g-head a.navA {
  width: .5rem;
  height: .5rem;
  margin-top: -.25rem; }
.g-head .selectForm {
  top: 1rem;
  right: 0;
  margin-top: 0; }
  .g-head .selectForm .select {
    width: 2rem;
    height: .5rem;
    background: #C6CAC9; }
    .g-head .selectForm .select span {
      line-height: .48rem;
      font-size: .24rem; }
    .g-head .selectForm .select .select-layer dd {
      font-size: .24rem;
      line-height: .44rem;
      height: .44rem; }
.g-head a.back {
  right: 1.4rem;
  margin-top: -.25rem;
  width: 1.6rem;
  height: .5rem;
  line-height: .5rem;
  font-size: .24rem; }

.g-head.on .selectForm {
  top: 1.3rem; }

.g-foot {
  font-size: .24rem;
  padding: .3rem 0;
  color: #666;
/*  position: static;*/ }

#app {
  min-height: 50vh; }

/*index*/
.index .logo {
  width: 2.8rem; }
.index .nav {
  padding: 1.6rem 0 0 0;
  top: 0; }
  .index .nav li {
    width: 20%; }
    .index .nav li a.name {
      font-size: .2rem; }
    .index .nav li .list dl {
      display: none; }
    .index .nav li .list a {
      line-height: .5rem;
      font-size: .24rem; }
  .index .nav li.on .list {
    opacity: 1;
    visibility: visible; }
  .index .nav .nav.on {
    top: 0; }

.index.g-nav .close {
  width: .5rem;
  height: .5rem;
  right: .3rem;
  top: .25rem; }

.p-title {
  color: #4A4C4E; }
  .p-title h3 {
    font-size: .55rem; }
  .p-title h2 {
    font-size: .48rem;
    padding-top: .2rem; }

.p-arrow a {
  width: .19rem;
  height: .41rem;
  background: center no-repeat;
  background-size: 100%; }
  .p-arrow a.prev {
    background-image: url("../image/prev.png"); }
  .p-arrow a.next {
    background-image: url("../image/next.png"); }
.p-arrow .num {
  font-family: 'DINPro-Medium';
  color: #fff;
  width: 2.3rem;
  text-align: center;
  font-size: .21rem;
  letter-spacing: .03rem; }
  .p-arrow .num .num-curr {
    font-size: .6rem; }

.about {
  position: relative; }
  .about .container {
    position: static;
    margin-top: 0;
    width: 100%; }
    .about .container .p-title {
      padding: .6rem 0 .6rem .3rem; }
    .about .container .box {
      padding: 0 .3rem .3rem .3rem; }
    .about .container .scroll {
      height: 30vh; }
    .about .container .content {
      font-size: .24rem;
      line-height: .44rem; }
  .about .imgs li {
    height: 5rem; }
  .about .p-arrow {
    right: .3rem;
    bottom: .3rem; }

.team {
  padding: 1.3rem .3rem .3rem;
  align-items: flex-start;
  -webkit-align-items: flex-start; }
  .team .list .item a .layer {
    left: .2rem;
    right: .2rem;
    bottom: .2rem;
    font-size: .22rem; }
  .team .list-1 {
    width: 100%; }
  .team .list-2 {
    width: 100%;
    padding-left: 0; }
    .team .list-2 .item {
      width: 40%; }
    .team .list-2 ul {
      width: 60%; }

.team-show {
  position: static;
  transform: translateY(0); }
  .team-show .close {
    top: 1.3rem;
    right: .3rem;
    position: fixed; }
  .team-show .img {
    width: 100%; }
  .team-show .container {
    width: 100%;
    padding: .5rem .3rem; }
    .team-show .container .name p {
      font-size: .24rem; }
    .team-show .container .content {
      font-size: .24rem;
      line-height: .44rem; }

#app.cooperation {
  align-items: flex-start;
  -webkit-align-items: flex-start;
  padding: 0 .3rem;
  background-position: center top;
  background-size: auto 5rem; }
  #app.cooperation .p-title {
    padding: 2rem 0 2rem 0;
    color: #fff; }
  #app.cooperation .list {
    width: 100%; }

.practice .item {
  width: 100%; }
  .practice .item a {
    height: 50vh; }
    .practice .item a .name {
      left: .5rem;
      bottom: .5rem;
      font-size: .24rem; }
.practice ul {
  width: 100%; }

.practice-list .arrow, .search-list .arrow {
  height: 1.5rem; }
  .practice-list .arrow div a, .search-list .arrow div a {
    font-size: .28rem; }

.practice-list {
  padding: 1.8rem 0 0 0; }
  .practice-list .list li {
    padding-left: 0; }
    .practice-list .list li .item {
      width: 100%; }
      .practice-list .list li .item a {
        height: 5rem;
        font-size: .22rem; }
    .practice-list .list li dl {
      width: 100%;
      margin-top: 0; }
      .practice-list .list li dl .item a {
        height: 3rem; }

.practice-show .container .msg {
  font-size: .24rem; }
.practice-show .container .btn a {
  width: 1.8rem;
  height: .48rem;
  line-height: .48rem;
  font-size: .24rem;
  letter-spacing: 0; }
.practice-show .container .list {
  padding: .85rem .2rem .2rem .35rem; }
  .practice-show .container .list:after {
    left: .35rem; }
  .practice-show .container .list .name {
    font-size: .24rem; }
  .practice-show .container .list p {
    font-size: .28rem; }

#app.contact {
  padding: 1rem 0 0 10vw;
  height: 100vh; }
  #app.contact:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(74, 76, 78, 0.5); }
  #app.contact .p-title {
    color: #fff; }
  #app.contact .p-title, #app.contact .ewm {
    position: relative; }
  #app.contact .content {
    font-size: .24rem; }

.p-banner {
  height: 5rem;
  padding: 1rem 0 0 .3rem; }
  .p-banner .p-title {
    color: #fff; }
  .p-banner .layer {
    left: .3rem;
    right: .3rem;
    bottom: .3rem;
    letter-spacing: 0; }
    .p-banner .layer .name {
      font-size: .32rem;
      padding-bottom: .15rem; }

.join-1 {
  position: relative; }
  .join-1 .tab-btn {
    right: -.25rem; }
    .join-1 .tab-btn li {
      padding: .38rem .25rem;
      font-size: .26rem; }
      .join-1 .tab-btn li:after {
        left: .25rem;
        right: .25rem; }
  .join-1 .list li {
    padding-bottom: .2rem; }
    .join-1 .list li .name {
      padding: 0 1rem 0 .3rem; }
      .join-1 .list li .name h3 {
        font-size: .28rem; }
      .join-1 .list li .name dl.info dd {
        font-size: .24rem;
        display: none;
        width: 1rem; }
      .join-1 .list li .name dl.info dd:nth-child(1) {
        display: block; }
    .join-1 .list li .content {
      padding: .35rem .3rem;
      font-size: .24rem;
      line-height: .44rem; }

.join-2 .p-title2 {
  padding: 1rem 0 .4rem 0; }
.join-2 .list dd {
  width: 50%; }

.news {
  padding: 1rem 0; }
  .news a .layer {
    left: .3rem;
    right: .3rem;
    bottom: .2rem;
    letter-spacing: 0; }
    .news a .layer .name {
      font-size: .28rem;
      line-height: .44rem; }
    .news a .layer .time {
      font-size: .22rem; }
  .news ul li {
    width: 100%;
    padding-bottom: .3rem; }
  .news .big-img {
    width: 100%;
    padding: 0 0 .3rem 0; }
  .news .list-1 {
    width: 100%; }
    .news .list-1 ul {
      margin-left: -.2rem; }
    .news .list-1 li {
      width: 100%; }

.news-show {
  font-size: .26rem;
  line-height: .48rem; }

.interview .p-title2 {
  padding: 1.5rem 0 .65rem 0; }
.interview .list ul {
  margin-left: -.3rem; }
.interview .list li {
  width: 50%;
  padding: 0 0 .3rem .3rem; }
.interview .list a .name {
  font-size: .32rem; }
.interview .list a .msg {
  font-size: .24rem;
  line-height: .4rem; }

.search-list {
  padding: 0; }
  .search-list .p-title2 {
    padding: 1.5rem 0 .45rem 0; }
  .search-list .list dd {
    width: 50%; }
    .search-list .list dd a {
      font-size: .24rem; }

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

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