@charset "UTF-8";
/* DereK_Ysx 于2020-12-24编写 */
.index-main {
  width: 100%;
}

.index-main .index-banner {
  width: 100%;
}

.index-main .index-banner .ib-swiper {
  width: 100%;
}

.index-main .index-banner .swiper-slide {
  overflow: hidden;
}

.index-main .index-banner img {
  width: 100%;
  transition: transform 2.5s linear;
  transform: scale(1.2);
}

.index-main .index-banner .swiper-slide-active img {
  transform: scale(1);
}

.index-main .index-banner .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: #ffffff;
  opacity: 1;
}

.index-main .index-banner .swiper-pagination-bullet-active {
  background-color: #d8b593;
}

.index-A {
  width: 100%;
  background-color: #fff;
  padding: .5rem 0;
}

.index-A .index-wrap {
  width: 14.4rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.index-A .index-left {
  width: 6.2rem;
  position: relative;
}

.index-A .index-left .index-left-title {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: .25rem;
}

.index-A .index-left .title {
  width: auto;
  padding-top: .3rem;
  margin-right: .45rem;
  font-family: SourceHanSansCN-Normal;
  color: #333333;
  position: relative;
  cursor: pointer;
}

.index-A .index-left .title.active:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #c5996e;
}

.index-A .index-left .left-wrap {
  width: 100%;
}

.index-A .index-left .section {
  width: 100%;
  position: absolute;
  top: 100%;
  left: -1000000px;
}

.index-A .index-left .section.show {
  left: 0;
}

.index-A .index-left .pdcn-swiper {
  width: 100%;
  position: static;
}

.index-A .index-left .item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: .2rem;
  cursor: pointer;
}

.index-A .index-left .item:hover .title-text {
  color: #c5996e;
}

.index-A .index-left .item-img {
  width: 1.7rem;
  /* height: .95rem; */
  padding-top: 15.3%;
  border-radius: 0 .1rem 0 .1rem;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.index-A .index-left .item-img img {
  width: 100%;
}

.index-A .index-left .item-content {
  width: calc(100% - 1.9rem);
  margin-left: .2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.index-A .index-left .content-title {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  /* margin-bottom: .2rem; */
}

.index-A .index-left .title-text {
  width: 70%;
  font-family: SourceHanSansCN-Normal;
  color: #333333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.2;
}

.index-A .index-left .date {
  width: 30%;
  font-family: ArialMT;
  color: #999999;
}

.index-A .index-left .content-text {
  width: 100%;
  font-family: SourceHanSansCN-Normal;
  line-height: 1.7;
  color: #999999;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.index-A .index-left .swiper-pagination {
  width: auto;
  bottom: auto;
  top: -.45rem;
  left: auto;
  right: 0;
  z-index: 1;
}

.index-A .index-left .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border: solid 2px #cccccc;
  opacity: 1;
  background-color: #fff;
}

.index-A .index-left .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #c5996e;
  border: none;
}

.index-A .index-right {
  width: 7.9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.index-A .index-right .item {
  width: 1.9rem;
  background-color: #f6f6f6;
  border-radius: 0 .1rem 0 .1rem;
  margin-right: .1rem;
  cursor: pointer;
  position: relative;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.index-A .index-right .item:last-child {
  margin-right: 0;
}

.index-A .index-right .item:hover {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

.index-A .index-right .item:hover .item-bg .img-1 {
  display: none;
}

.index-A .index-right .item:hover .item-bg .img-2 {
  display: block;
}

.index-A .index-right .item:hover .content-title {
  color: #fff;
}

.index-A .index-right .item:hover .content-text {
  color: #fff;
}

.index-A .index-right .item:hover .content-arrow .img-1 {
  display: none;
}

.index-A .index-right .item:hover .content-arrow .img-2 {
  display: inline-block;
}

.index-A .index-right .item-bg {
  width: 100%;
}

.index-A .index-right .item-bg img {
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0 .1rem 0 .1rem;
}

.index-A .index-right .item-bg .img-2 {
  display: none;
}

.index-A .index-right .item-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: .3rem;
  padding-left: .2rem;
  padding-right: .2rem;
  border-radius: 0 .1rem 0 .1rem;
}

.index-A .index-right .content-title {
  width: 100%;
  font-family: ArialMT;
  line-height: 1.5;
  color: #999999;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: .15rem;
}

.index-A .index-right .content-text {
  width: 100%;
  font-family: SourceHanSansSC-Normal;
  color: #333333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: .75rem;
  line-height: 1.2;
}

.index-A .index-right .content-arrow {
  width: 100%;
}

.index-A .index-right .content-arrow img {
  width: 18px;
}

.index-A .index-right .content-arrow .img-2 {
  display: none;
}

@media (max-width: 1400px) {
  .index-A .index-wrap {
    width: 100%;
    padding: 0 20px;
    max-width: 1200px;
  }
  .index-A .index-left {
    width: 43%;
  }
  .index-A .index-left .item-img {
    width: 27.5%;
  }
  .index-A .index-left .item-content {
    width: calc(100% - 30%);
    margin-left: 2.5%;
  }
  .index-A .index-right {
    width: 55%;
  }
  .index-A .index-right .item {
    width: 32%;
    margin-right: 1%;
  }
}

@media (max-width: 900px) {
  .index-A .index-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 10px;
  }
  .index-A .index-left {
    width: 100%;
    margin-bottom: 15px;
  }
  .index-A .index-left .section.show {
    position: relative;
  }
  .index-A .index-right {
    width: 100%;
  }
}

@media (max-width: 500px) {
  .index-A .index-right {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .index-A .index-right .item {
    width: 49%;
    margin-right: 0;
    margin-bottom: 2%;
  }
}

@media (max-width: 400px) {
  .index-A .index-left .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 25px;
  }
  .index-A .index-left .item-img {
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
    padding-top: 55%;
  }
  .index-A .index-left .item-img img {
    max-width: 100%;
    width: auto;
  }
  .index-A .index-left .item-content {
    width: 100%;
    margin-left: 0;
  }
}

.index-B {
  width: 100%;
  background-color: #f6f6f6;
  padding: .5rem 0;
}

.index-B .index-wrap {
  width: 14.4rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.index-B .item-A {
  width: 6.2rem;
  position: relative;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.index-B .item-A .item-bg {
  width: 100%;
}

.index-B .item-A .item-content {
  width: 100%;
  height: 100%;
  padding: .3rem .2rem;
  position: absolute;
  top: 0;
  left: 0;
}

.index-B .item-A .item-title {
  width: 100%;
  font-family: SourceHanSansCN-Normal;
  color: #ffffff;
  margin-bottom: .2rem;
}

.index-B .item-A .item-text {
  width: 100%;
  margin-bottom: .4rem;
}

.index-B .item-A .item-text p {
  font-family: SourceHanSansCN-Normal;
  line-height: 1.7;
  color: #ffffff;
}

.index-B .item-A .item-arrow {
  width: 100%;
}

.index-B .item-A .item-arrow img {
  width: 18px;
}

.index-B .item-A:hover {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

.index-B .item-B {
  width: 7.9rem;
  border-radius: 0 .1rem 0 .1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.index-B .item-B .item-left {
  width: 1.9rem;
  border-radius: 0 0 0 .1rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: .3rem .2rem;
}

.index-B .item-B .item-title {
  width: 100%;
  font-family: ArialMT;
  line-height: 1.5;
  color: #ffffff;
  margin-bottom: .2rem;
}

.index-B .item-B .item-text {
  width: 100%;
  font-family: SourceHanSansSC-Normal;
  color: #ffffff;
  margin-bottom: .55rem;
}

.index-B .item-B .item-arrow {
  width: 100%;
}

.index-B .item-B .item-arrow img {
  width: 18px;
}

.index-B .item-B .item-right {
  width: 6rem;
}

.index-B .item-B:hover {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

@media (max-width: 1400px) {
  .index-B .index-wrap {
    width: 100%;
    padding: 0 20px;
    max-width: 1200px;
  }
  .index-B .item-A {
    width: 43%;
  }
  .index-B .item-B {
    width: 55%;
  }
  .index-B .item-B .item-left {
    width: 24.1%;
  }
  .index-B .item-B .item-right {
    width: 76%;
  }
}

@media (max-width: 900px) {
  .index-B .index-wrap {
    padding: 0 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 600px;
  }
  .index-B .item-A {
    width: 100%;
    margin-bottom: 25px;
  }
  .index-B .item-B {
    width: 100%;
  }
}

@media (max-width: 500px) {
  .index-B .item-B {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .index-B .item-B .item-left {
    width: 100%;
  }
  .index-B .item-B .item-right {
    width: 100%;
  }
}

.main-banner {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.main-banner img {
  width: 100%;
  transition: transform 2.5s linear;
  transform: scale(1.2);
}

.main-banner.on img {
  transform: scale(1);
}

.main-banner .banner-content {
  width: 14rem;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-banner .banner-cn {
  font-family: SourceHanSansCN-Normal;
  color: #ffffff;
  margin-bottom: .2rem;
}

.main-banner .banner-en {
  font-family: ArialMT;
  color: #ffffff;
}

@media (max-width: 1400px) {
  .main-banner .banner-content {
    width: 100%;
    padding: 0 20px;
    max-width: 1200px;
  }
}

@media (max-width: 900px) {
  .main-banner .banner-content {
    padding: 0 10px;
  }
}

.main-nav {
  width: 100%;
  background-color: #ffffff;
  border-bottom: 1px solid #e9ecf2;
}

.main-nav.fixed {
  position: fixed;
  left: 0;
  z-index: 10;
}

.main-nav .nav-container {
  width: 14.4rem;
  height: .8rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.main-nav .nav-left {
  width: auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.main-nav .nav-left .home-icon {
  width: 14px;
  margin-right: .15rem;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-nav .nav-left .home-icon img {
  width: 100%;
}

.main-nav .nav-left .nav-item {
  font-family: SourceHanSansCN-Normal;
  color: #666666;
  cursor: pointer;
}

.main-nav .nav-left .nav-item:hover {
  color: #c5996e;
}

.main-nav .nav-right {
  width: auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.main-nav .nav-right .nav-item {
  width: auto;
  height: 100%;
  font-family: SourceHanSansCN-Normal;
  font-size: calc(12px - .12rem + .16rem);
  color: #666666;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: .72rem;
  cursor: pointer;
}

.main-nav .nav-right .nav-item:hover {
  color: #c5996e;
}

.main-nav .nav-right .nav-item.active {
  color: #c5996e;
  position: relative;
}

.main-nav .nav-right .nav-item.active:after {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background-color: #c5996e;
  position: absolute;
  bottom: 0;
  left: 0;
}

@media (max-width: 1400px) {
  .main-nav .nav-container {
    width: 100%;
    padding: 0 20px;
    max-width: 1200px;
  }
}

@media (max-width: 900px) {
  .main-nav .nav-container {
    padding: 0 10px;
  }
}

@media (max-width: 800px) {
  .main-nav .nav-container {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .main-nav .nav-left {
    width: 100%;
    height: .8rem;
  }
  .main-nav .nav-right {
    width: 100%;
    height: .8rem;
  }
  .main-nav .nav-right .nav-item {
    margin-left: 0;
    /* margin-right: .72rem; */
    margin-right: .35rem;
  }
}

.main-page {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-page > a {
  width: 100%;
  width: .46rem;
  height: .46rem;
  border-radius: .23rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 .05rem;
  cursor: pointer;
}

.main-page > a:hover {
  background-color: #c5996e;
  color: #fff;
}

.main-page .page-item-A {
  background-color: #c8c8c8;
}

.main-page .page-item-A img {
  width: .1rem;
}

.main-page .page-item-B {
  background-color: #f6f6f6;
  font-family: SourceHanSansCN-Normal;
  font-size: calc(12px - .12rem + .14rem);
  color: #666666;
}

@media (max-width: 900px) {
  .main-page > a {
    width: 30px;
    height: 30px;
    border-radius: 15px;
    margin: 0 5px;
  }
}

.main-news-center {
  width: 100%;
  background-color: #fff;
  padding-top: .6rem;
  padding-bottom: .6rem;
}

.main-news-center .news-center-container {
  width: 14.4rem;
  margin: 0 auto;
}

.main-news-center .details-container {
  width: 100%;
  position: relative;
  margin-bottom: .6rem;
}

.main-news-center .details-container .dc-swiper {
  width: 100%;
}

.main-news-center .details-container .item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.main-news-center .details-container .item-left {
  width: 50%;
  height: 4rem;
  border-radius: .1rem .1rem 0 .1rem;
  cursor: pointer;
  overflow: hidden;
  /* padding-top: 28%; */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all .3s;
}

.main-news-center .details-container .item-left:hover {
  /* background-size: 110% 110%; */
}

.main-news-center .details-container .item-left img {
  width: 100%;
  /* -webkit-transition: all .5s;
  transition: all .5s; */
  display: none;
}

/* .main-news-center .details-container .item-left:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
} */

.main-news-center .details-container .item-content {
  width: 50%;
  background-color: #f4f4f4;
  border-radius: 0 .1rem .1rem 0;
  padding: 0 .5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-news-center .details-container .content-title {
  width: 100%;
  font-family: SourceHanSansCN-Normal;
  line-height: 1.1;
  color: #333333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: .25rem;
  cursor: pointer;
}

.main-news-center .details-container .content-title:hover {
  color: #c5996e;
}

.main-news-center .details-container .content-text {
  width: 100%;
  font-family: SourceHanSansCN-Normal;
  line-height: 1.875;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: .4rem;
}

.main-news-center .details-container .content-date {
  width: 100%;
  font-family: ArialMT;
  color: #999999;
}

.main-news-center .details-container .more-wrap {
  width: 100%;
  border-top: 1px solid #e5e5e5;
  margin-top: .4rem;
  padding-top: .4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.main-news-center .details-container .see-more {
  width: auto;
  background-color: #c5996e;
  border-radius: .24rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: .18rem .38rem;
  cursor: pointer;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.main-news-center .details-container .see-more span {
  font-family: SourceHanSansCN-Normal;
  color: #ffffff;
}

.main-news-center .details-container .see-more img {
  width: 18px;
  margin-left: .2rem;
}

.main-news-center .details-container .see-more:hover {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

.main-news-center .details-container .swiper-pagination {
  bottom: .55rem;
  right: .5rem;
  width: auto;
}

.main-news-center .details-container .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  border: solid 2px #cccccc;
  background: none;
  opacity: 1;
  margin: 0 5px;
}

.main-news-center .details-container .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #c5996e;
  border: solid 2px #c5996e;
}

.main-news-center .list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: .1rem;
}

.main-news-center .list .item {
  width: 48%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: .4rem;
  cursor: pointer;
}

.main-news-center .list .item:hover .item-img img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.main-news-center .list .item:hover .content-title {
  color: #c5996e;
}

.main-news-center .list .item-img {
  width: 33.1%;
  /* height: 1.3rem; */
  padding-top: 20%;
  border-radius: 0 .1rem 0 .1rem;
  /* overflow: hidden; */
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.main-news-center .list .item-img img {
  width: 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.main-news-center .list .item-content {
  width: 62.6%;
  margin-left: 4.3%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; */
  justify-content: space-between;
}

.main-news-center .list .content-title {
  width: 100%;
  font-family: SourceHanSansCN-Normal;
  color: #333333;
  margin-bottom: .15rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.2;
}

.main-news-center .list .content-text {
  width: 100%;
  font-family: SourceHanSansCN-Normal;
  line-height: 1.7;
  color: #666666;
  margin-bottom: .2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.main-news-center .list .content-date {
  width: 100%;
  font-family: ArialMT;
  color: #999999;
}

@media (max-width: 1400px) {
  .main-news-center .news-center-container {
    width: 100%;
    padding: 0 20px;
    max-width: 1200px;
  }
}

@media (max-width: 900px) {
  .main-news-center .news-center-container {
    padding: 0 10px;
  }
  .main-news-center .list .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 25px;
  }
  .main-news-center .list .item-img {
    width: 100%;
    margin-bottom: 15px;
    padding-top: 60%;
  }
  .main-news-center .list .item-content {
    width: 100%;
    margin-left: 0;
  }
}

@media (max-width: 700px) {
  .main-news-center .details-container .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .main-news-center .details-container .item-left {
    width: 100%;
    padding-top: 50%;
    /* background: none !important; */
  }
  .main-news-center .details-container .item-left img {
    /* display: inline-block; */
  }
  .main-news-center .details-container .item-content {
    width: 100%;
    padding: 10px;
  }
}

@media (max-width: 400px) {
  .main-news-center .list .item {
    width: 100%;
  }
}

.main-news-center-details {
  width: 100%;
  padding-top: .6rem;
  padding-bottom: .6rem;
}

.main-news-center-details .news-center-details-container {
  width: 14.4rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.main-news-center-details .container-left {
  width: 69%;
}

.main-news-center-details .container-left .left-A {
  width: 100%;
  padding-bottom: .25rem;
  border-bottom: 1px solid #ebebeb;
}

.main-news-center-details .container-left .left-title {
  width: 100%;
  font-family: SourceHanSansCN-Normal;
  color: #333333;
  margin-bottom: .2rem;
}

.main-news-center-details .container-left .left-wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.main-news-center-details .container-left .date-see {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.main-news-center-details .container-left .date {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: .25rem;
}

.main-news-center-details .container-left .date-icon {
  width: 15px;
}

.main-news-center-details .container-left .date-text {
  font-family: ArialMT;
  color: #999999;
  margin-left: .15rem;
}

.main-news-center-details .container-left .see {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.main-news-center-details .container-left .see-icon {
  width: 20px;
}

.main-news-center-details .container-left .see-text {
  font-family: ArialMT;
  color: #999999;
  margin-left: .15rem;
}

.main-news-center-details .container-left .share {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.main-news-center-details .container-left .share span {
  font-family: SourceHanSansSC-Normal;
  color: rgba(153, 153, 153, 0.8);
}

.main-news-center-details .container-left .share-item {
  width: 25px;
  margin: 0 .05rem;
  cursor: pointer;
}

.main-news-center-details .container-left .share-item img {
  width: 100%;
}

.main-news-center-details .container-left .share-item .img-2 {
  display: none;
}

.main-news-center-details .container-left .share-item:hover .img-1 {
  display: none;
}

.main-news-center-details .container-left .share-item:hover .img-2 {
  display: inline-block;
}

.main-news-center-details .container-left .left-content {
  width: 100%;
  padding-top: .4rem;
  padding-bottom: .6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-news-center-details .container-left .left-content p {
  font-family: SourceHanSansCN-Normal;
  line-height: 2;
  color: #666666;
}

.main-news-center-details .container-left .left-content p img {
  max-width: 100%;
}

.main-news-center-details .container-left .left-B {
  width: 100%;
  border-top: 1px solid #ebebeb;
  padding-top: .4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.main-news-center-details .container-left .link-box {
  width: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-news-center-details .container-left .link {
  width: 100%;
  font-family: SourceHanSansCN-Normal;
  color: #666666;
  margin-bottom: .2rem;
  cursor: pointer;
}

.main-news-center-details .container-left .link:hover {
  color: #c5996e;
}

.main-news-center-details .container-left .left-list {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.main-news-center-details .container-left .return-list {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: .18rem .35rem;
  background-color: #c5996e;
  border-radius: .24rem;
  cursor: pointer;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.main-news-center-details .container-left .return-list span {
  font-family: SourceHanSansCN-Normal;
  color: #ffffff;
}

.main-news-center-details .container-left .return-list img {
  width: 16px;
  margin-left: .2rem;
}

.main-news-center-details .container-left .return-list:hover {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

.main-news-center-details .container-right {
  width: 28%;
  background-color: #f4f4f4;
  border-radius: 0 .1rem 0 .1rem;
  padding: .3rem;
}

.main-news-center-details .container-right .title-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: .25rem;
}

.main-news-center-details .container-right .title {
  width: auto;
  font-family: SourceHanSansCN-Normal;
  color: #333333;
}

.main-news-center-details .container-right .see-more {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.main-news-center-details .container-right .see-more span {
  font-family: SourceHanSansCN-Normal;
  color: #666666;
}

.main-news-center-details .container-right .see-more img {
  width: 8px;
  margin-left: .1rem;
}

.main-news-center-details .container-right .right-A {
  width: 100%;
  padding-bottom: .3rem;
  border-bottom: 1px solid #e5e5e5;
  display: block;
}

.main-news-center-details .container-right .right-A img {
  width: 100%;
  margin-bottom: .2rem;
}

.main-news-center-details .container-right .right-A .right-text {
  width: 100%;
  font-family: SourceHanSansSC-Normal;
  color: #c5996e;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.main-news-center-details .container-right .list {
  width: 100%;
  padding-top: .3rem;
}

.main-news-center-details .container-right .item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: .3rem;
  cursor: pointer;
}

.main-news-center-details .container-right .item span {
  width: 100%;
  font-family: SourceHanSansSC-Normal;
  color: #666666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.main-news-center-details .container-right .item:before {
  content: '';
  display: inline-block;
  width: 3px;
  height: 3px;
  background-color: #999999;
  margin-right: .1rem;
}

.main-news-center-details .container-right .item:hover span {
  color: #c5996e;
}

.main-news-center-details .container-right .item:hover:before {
  background-color: #c5996e;
}

.main-news-center-details .container-right .item:last-child {
  margin-bottom: 0;
}

@media (max-width: 1400px) {
  .main-news-center-details .news-center-details-container {
    width: 100%;
    padding: 0 20px;
    max-width: 1200px;
  }
}

@media (max-width: 900px) {
  .main-news-center-details .news-center-details-container {
    padding: 0 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .main-news-center-details .container-left {
    width: 100%;
    margin-bottom: 25px;
  }
  .main-news-center-details .container-right {
    width: 100%;
  }
  .main-news-center-details .container-right .right-A {
    text-align: center;
  }
  .main-news-center-details .container-right .right-A img {
    width: auto;
    max-width: 100%;
  }
}

@media (max-width: 500px) {
  .main-news-center-details .container-left .left-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .main-news-center-details .container-left .date-see {
    width: 100%;
    margin-bottom: 15px;
  }
  .main-news-center-details .container-left .share {
    width: 100%;
  }
}

.main-house-list {
  width: 100%;
  background-color: #fff;
  padding-top: .6rem;
  padding-bottom: .6rem;
}

.main-house-list .house-list-container {
  width: 14.4rem;
  margin: 0 auto;
}

.main-house-list .title {
  width: 100%;
  text-align: center;
  font-family: SourceHanSansCN-Normal;
  color: #333333;
  margin-bottom: .5rem;
}

.main-house-list .list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.main-house-list .item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 27.6vw;
  position: relative;
  margin-bottom: .9rem;
}

.main-house-list .item:nth-child(2n) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.main-house-list .item:nth-child(2n) .item-content {
  right: auto;
  left: 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.main-house-list .item:hover .item-img .img-1 {
  display: none;
}

.main-house-list .item:hover .item-img .img-2 {
  /* -webkit-transform: translateY(-10px);
          transform: translateY(-10px); */
  display: inline-block;
}

.main-house-list .item:hover .content-title {
  color: #c5996e;
  font-weight: bold;
}

.main-house-list .item-img {
  width: 65%;
  height: 100%;
  border-radius: 0 .1rem 0 .1rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
  -webkit-transition: all .3s;
  transition: all .3s;
  background: none !important;
}

.main-house-list .item-img img {
  /* display: none; */
  width: 100%;
  height: 100%;
}

.main-house-list .item-img .img-2 {
  display: none;
}

.main-house-list .item-content {
  width: 83%;
  height: 100%;
  background-color: #f6f6f6;
  border-radius: 0 .1rem 0 .1rem;
  position: absolute;
  right: 0;
  top: .4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.main-house-list .content-box {
  width: 42%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 .5rem;
}

.main-house-list .content-title {
  width: 100%;
  font-family: SourceHanSansCN-Normal;
  color: #333333;
}

.main-house-list .content-title:after {
  content: '';
  display: block;
  width: .35rem;
  height: .05rem;
  background-color: #c5996e;
  margin-top: .35rem;
  margin-bottom: .35rem;
}

.main-house-list .content-text {
  width: 100%;
  font-family: SourceHanSansCN-Normal;
  line-height: 2;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  margin-bottom: 4.16vw;
}

.main-house-list .more-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.main-house-list .see-more {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #c5996e;
  border-radius: .24rem;
  padding: .18rem .38rem;
  cursor: pointer;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.main-house-list .see-more span {
  font-family: SourceHanSansCN-Normal;
  color: #ffffff;
}

.main-house-list .see-more img {
  width: 18px;
  margin-left: .2rem;
}

.main-house-list .see-more:hover {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

@media (max-width: 1400px) {
  .main-house-list .house-list-container {
    width: 100%;
    padding: 0 20px;
    max-width: 1200px;
  }
}

@media (max-width: 900px) {
  .main-house-list .house-list-container {
    padding: 0 10px;
  }
  .main-house-list .list {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .main-house-list .item {
    width: 49%;
    height: auto;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    margin-bottom: 2%;
  }
  .main-house-list .item-img {
    width: 100%;
    height: auto;
    background: none !important;
  }
  .main-house-list .item-img img {
    width: 100%;
    display: inline-block;
  }
  .main-house-list .item-content {
    width: 100%;
    position: static;
    height: auto;
    padding: 20px 10px;
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .main-house-list .content-box {
    width: 100%;
    padding: 0;
  }
}

@media (max-width: 400px) {
  .main-house-list .item {
    width: 100%;
  }
}

.main-organizational-structure {
  width: 100%;
  background-color: #fff;
  padding: .6rem 0;
}

.main-organizational-structure .organizational-structure-container {
  width: 14.4rem;
  margin: 0 auto;
}

.main-organizational-structure .title {
  width: 100%;
  text-align: center;
  font-family: SourceHanSansCN-Normal;
  color: #333333;
  margin-bottom: .5rem;
}

.main-organizational-structure .wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  justify-items: center;
}

.main-organizational-structure .wrap-item {
  width: auto;
  margin-bottom: 25px;
}

.main-organizational-structure .m-color .wrap-item-title span {
  background-color: #c5996e;
}

.main-organizational-structure .m-color .wrap-item-title span:after {
  background-color: #c5996e;
}

.main-organizational-structure .m-color .box:before {
  background-color: #c5996e;
}

.main-organizational-structure .m-color .item span {
  background-color: #c5996e;
}

.main-organizational-structure .m-color .item:before {
  background-color: #c5996e;
}

.main-organizational-structure .m-color .item:after {
  background-color: #c5996e;
}

.main-organizational-structure .next-color .wrap-item-title span {
  background-color: #ea9235;
}

.main-organizational-structure .next-color .wrap-item-title span:after {
  background-color: #ea9235;
}

.main-organizational-structure .next-color .box:before {
  background-color: #ea9235;
}

.main-organizational-structure .next-color .item span {
  background-color: #ea9235;
}

.main-organizational-structure .next-color .item:before {
  background-color: #ea9235;
}

.main-organizational-structure .next-color .item:after {
  background-color: #ea9235;
}

.main-organizational-structure .wrap-item-title {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: SourceHanSansCN-Normal;
  color: #ffffff;
  border-radius: 0px 5px 0px 5px;
  margin-bottom: 1rem;
}

.main-organizational-structure .wrap-item-title span {
  width: auto;
  padding: .16rem .45rem;
  position: relative;
}

.main-organizational-structure .wrap-item-title span:after {
  content: '';
  display: inline-block;
  width: 2px;
  height: .4rem;
  background-color: #333;
  position: absolute;
  bottom: -.5rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.main-organizational-structure .box {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.main-organizational-structure .item {
  width: auto;
  height: 2.3rem;
  background-color: #f6f6f6;
  border-radius: 0 5px 0 5px;
  font-family: SourceHanSansCN-Normal;
  line-height: 1.3;
  color: #666666;
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
  position: relative;
  padding: .4rem .16rem;
  margin-right: .55rem;
}

.main-organizational-structure .item span {
  content: '';
  display: inline-block;
  width: 100%;
  height: 4px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0 5px 0 0;
  background-color: #333;
}

.main-organizational-structure .item:hover {
  font-weight: bold;
  color: #c5996e;
}

.main-organizational-structure .item:before {
  content: '';
  display: inline-block;
  width: calc(100% + .55rem);
  height: 2px;
  background-color: #333;
  position: absolute;
  top: -.5rem;
  left: 50%;
}

.main-organizational-structure .item:after {
  content: '';
  display: inline-block;
  width: 2px;
  height: .4rem;
  background-color: #333;
  position: absolute;
  top: -.5rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.main-organizational-structure .item:last-child {
  margin-right: 0;
}

.main-organizational-structure .item:last-child:before {
  display: none;
}

@media (max-width: 1400px) {
  .main-organizational-structure .organizational-structure-container {
    width: 100%;
    padding: 0 20px;
    max-width: 1200px;
  }
}

@media (max-width: 900px) {
  .main-organizational-structure .organizational-structure-container {
    padding: 0 10px;
  }
  .main-organizational-structure .wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow-x: scroll;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: initial;
        align-content: initial;
  }
}

.main-group-profile {
  width: 100%;
  padding: .6rem 0;
  background-color: #fff;
}

.main-group-profile .group-profile-container {
  width: 14.4rem;
  margin: 0 auto;
}

.main-group-profile .container-title {
  width: 100%;
  text-align: center;
  font-family: SourceHanSansCN-Normal;
  color: #333333;
  margin-bottom: .5rem;
}

.main-group-profile .introduction-details {
  width: 100%;
  text-align: center;
  margin-bottom: .6rem;
}

.main-group-profile .introduction-details p {
  font-family: SourceHanSansCN-Normal;
  line-height: 1.5;
  color: #666666;
}

.main-group-profile .introduction-data {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: .6rem;
}

.main-group-profile .introduction-data .data-item {
  width: 25%;
}

.main-group-profile .introduction-data .num {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: .25rem;
}

.main-group-profile .introduction-data .num span {
  font-family: ArialMT;
  color: #c5996e;
}

.main-group-profile .introduction-data .num img {
  width: 15px;
  margin-left: .1rem;
}

.main-group-profile .introduction-data .text {
  width: 100%;
  text-align: center;
  font-family: SourceHanSansCN-Normal;
  line-height: 1.5;
  color: #666666;
  padding: 0 .1rem;
}

.main-group-profile .introduction-list {
  width: 100%;
}

.main-group-profile .introduction-list .item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-bottom: .6rem;
}

.main-group-profile .introduction-list .item:nth-child(2n) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.main-group-profile .introduction-list .item-img {
  width: 50%;
  border-radius: 0 .1rem 0 .1rem;
}

.main-group-profile .introduction-list .item-img img {
  width: 100%;
  border-radius: 0 .1rem 0 .1rem;
}

.main-group-profile .introduction-list .item-content {
  width: 45%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-group-profile .introduction-list .title-box {
  width: 100%;
  position: relative;
}

.main-group-profile .introduction-list .title-cn {
  width: 100%;
  font-family: SourceHanSansCN-Normal;
  color: #333333;
  position: relative;
  z-index: 1;
}

.main-group-profile .introduction-list .title-cn:after {
  content: '';
  display: block;
  width: .35rem;
  height: 5px;
  background-color: #c5996e;
  margin: .35rem 0;
}

.main-group-profile .introduction-list .title-en {
  width: 100%;
  font-family: Arial;
  font-weight: bold;
  color: #efefef;
  position: absolute;
  top: -.35rem;
  left: 0;
}

.main-group-profile .introduction-list .content-text * {
  width: 100%;
  font-family: SourceHanSansCN-Normal;
  line-height: 2;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.introduction-end {
  width: 100%;
  text-align: center;
  font-family: SourceHanSansCN-Normal;
	line-height: 1.5;
	color: #666666;
}

@media (max-width: 1400px) {
  .main-group-profile .group-profile-container {
    width: 100%;
    padding: 0 20px;
    max-width: 1200px;
  }
}

@media (max-width: 900px) {
  .main-group-profile .group-profile-container {
    padding: 0 10px;
  }
}

@media (max-width: 600px) {
  .main-group-profile .introduction-list .item {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    margin-bottom: 30px;
  }
  .main-group-profile .introduction-list .item-img {
    width: 100%;
    margin-bottom: 10px;
  }
  .main-group-profile .introduction-list .item-content {
    width: 100%;
    padding-top: .35rem;
  }
}

@media (max-width: 500px) {
  .main-group-profile .introduction-data {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .main-group-profile .introduction-data .data-item {
    width: 49%;
    margin-bottom: 15px;
  }
}

.main-house-details {
  width: 100%;
  padding: .6rem 0;
}

.main-house-details .house-details-container {
  width: 14.4rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.main-house-details .container-left {
  width: 69%;
}

.main-house-details .container-left .left-A {
  width: 100%;
}

.main-house-details .container-left .left-title {
  width: 100%;
  font-family: SourceHanSansCN-Normal;
  color: #333333;
  margin-bottom: .2rem;
}

.main-house-details .container-left .left-title:after {
  content: '';
  display: block;
  width: .35rem;
  height: 5px;
  background-color: #c5996e;
  margin: .35rem 0;
}

.main-house-details .container-left .left-content {
  width: 100%;
  padding-bottom: .6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-house-details .container-left .left-content p {
  width: 100%;
  font-family: SourceHanSansCN-Normal;
  line-height: 2;
  color: #666666;
}

.main-house-details .container-left .left-content p img {
  max-width: 100%;
}

.main-house-details .container-left .left-B {
  width: 100%;
  border-top: 1px solid #ebebeb;
  padding-top: .4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.main-house-details .container-left .link-box {
  width: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-house-details .container-left .link {
  width: 100%;
  font-family: SourceHanSansCN-Normal;
  color: #666666;
  margin-bottom: .2rem;
  cursor: pointer;
}

.main-house-details .container-left .link:hover {
  color: #c5996e;
}

.main-house-details .container-left .left-list {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.main-house-details .container-left .return-list {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: .18rem .35rem;
  background-color: #c5996e;
  border-radius: .24rem;
  cursor: pointer;
}

.main-house-details .container-left .return-list span {
  font-family: SourceHanSansCN-Normal;
  color: #ffffff;
}

.main-house-details .container-left .return-list img {
  width: 16px;
  margin-left: .2rem;
}

.main-house-details .container-right {
  width: 28%;
  background-color: #f4f4f4;
  border-radius: 0 .1rem 0 .1rem;
  padding: .3rem;
}

.main-house-details .container-right .title-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: .25rem;
}

.main-house-details .container-right .title {
  width: auto;
  font-family: SourceHanSansCN-Normal;
  color: #333333;
}

.main-house-details .container-right .see-more {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.main-house-details .container-right .see-more span {
  font-family: SourceHanSansCN-Normal;
  color: #666666;
}

.main-house-details .container-right .see-more img {
  width: 8px;
  margin-left: .1rem;
}

.main-house-details .container-right .right-A {
  width: 100%;
  padding-bottom: .3rem;
  border-bottom: 1px solid #e5e5e5;
  display: block;
  margin-bottom: .25rem;
  cursor: pointer;
}

.main-house-details .container-right .right-A:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.main-house-details .container-right .right-A img {
  width: 100%;
  margin-bottom: .2rem;
}

.main-house-details .container-right .right-A .right-text {
  width: 100%;
  font-family: SourceHanSansSC-Normal;
  color: #666666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.main-house-details .container-right .right-A:hover .right-text {
  color: #c5996e;
}

.main-house-details .container-right .list {
  width: 100%;
  padding-top: .3rem;
}

.main-house-details .container-right .item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: .3rem;
  cursor: pointer;
}

.main-house-details .container-right .item span {
  width: 100%;
  font-family: SourceHanSansSC-Normal;
  color: #666666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.main-house-details .container-right .item:before {
  content: '';
  display: inline-block;
  width: 3px;
  height: 3px;
  background-color: #999999;
  margin-right: .1rem;
}

.main-house-details .container-right .item:hover span {
  color: #c5996e;
}

.main-house-details .container-right .item:hover:before {
  background-color: #c5996e;
}

.main-house-details .container-right .item:last-child {
  margin-bottom: 0;
}

@media (max-width: 1400px) {
  .main-house-details .house-details-container {
    width: 100%;
    padding: 0 20px;
    max-width: 1200px;
  }
}

@media (max-width: 900px) {
  .main-house-details .house-details-container {
    padding: 0 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .main-house-details .container-left {
    width: 100%;
    margin-bottom: 25px;
  }
  .main-house-details .container-right {
    width: 100%;
  }
  .main-house-details .container-right .right-A {
    text-align: center;
  }
  .main-house-details .container-right .right-A img {
    width: auto;
    max-width: 100%;
  }
}

@media (max-width: 500px) {
  .main-house-details .container-left .left-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .main-house-details .container-left .date-see {
    width: 100%;
    margin-bottom: 15px;
  }
  .main-house-details .container-left .share {
    width: 100%;
  }
}

.main-contact-us {
  width: 100%;
  padding-top: .6rem;
}

.main-contact-us .contact-us-container {
  width: 14.4rem;
  margin: 0 auto;
}

.main-contact-us .container-title {
  width: 100%;
  text-align: center;
  font-family: SourceHanSansCN-Normal;
  color: #333333;
  margin-bottom: .5rem;
}

.main-contact-us .list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: .5rem;
}

.main-contact-us .item {
  width: 23.5%;
  position: relative;
}

.main-contact-us .item:hover .item-bg .img-1 {
  display: none;
}

.main-contact-us .item:hover .item-bg .img-2 {
  display: inline-block;
}

.main-contact-us .item:hover .content-title {
  color: #fff;
}

.main-contact-us .item:hover .li-icon .img-1 {
  display: none;
}

.main-contact-us .item:hover .li-icon .img-2 {
  display: inline-block;
}

.main-contact-us .item:hover .li-text {
  color: #fff;
}

.main-contact-us .item-bg {
  width: 100%;
}

.main-contact-us .item-bg img {
  width: 100%;
}

.main-contact-us .item-bg .img-2 {
  display: none;
}

.main-contact-us .item-content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; */
  /* -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; */
  padding: 0 .25rem;
  padding-top: .32rem;
}

.main-contact-us .content-title {
  width: 100%;
  font-family: SourceHanSansCN-Normal;
  color: #333;
  margin-bottom: .2rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.main-contact-us .li {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: .1rem;
}

.main-contact-us .li-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
}

.main-contact-us .li-icon img {
  width: 100%;
}

.main-contact-us .li-icon .img-2 {
  display: none;
}

.main-contact-us .li-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: SourceHanSansCN-Normal;
  line-height: 1.7;
  color: #666666;
  margin-left: .1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.main-contact-us .map {
  width: 100%;
}

.main-contact-us .map img {
  width: 100%;
}

@media (max-width: 1400px) {
  .main-contact-us .contact-us-container {
    width: 100%;
    padding: 0 20px;
    max-width: 1200px;
  }
}

@media (max-width: 900px) {
  .main-contact-us .contact-us-container {
    padding: 0 10px;
  }
  .main-contact-us .list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: 600px;
    margin: 0 auto;
  }
  .main-contact-us .item {
    width: 49%;
    margin-bottom: 2%;
  }
}

@media (max-width: 500px) {
  .main-contact-us .list {
    max-width: 300px;
  }
  .main-contact-us .item {
    width: 100%;
  }
}

.main-talent-center {
  width: 100%;
  background-color: #ffffff;
  padding-top: .6rem;
  padding-bottom: .6rem;
}

.main-talent-center .talent-center-container {
  width: 14.4rem;
  margin: 0 auto;
}

.main-talent-center .container-title {
  width: 100%;
  text-align: center;
  font-family: SourceHanSansCN-Normal;
  color: #333333;
  margin-bottom: .5rem;
}

.main-talent-center .ul {
  width: 100%;
}

.main-talent-center .ul .li {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-bottom: .5rem;
}

.main-talent-center .ul .li:nth-child(2n) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.main-talent-center .ul .li-img {
  width: 50%;
  overflow: hidden;
}

.main-talent-center .ul .li-img img {
  width: 100%;
  transition: all .3s;
}

.main-talent-center .ul .li-img:hover img {
  transform: scale(1.1);
}

.main-talent-center .ul .li-content {
  width: 50%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0 .55rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-talent-center .ul .content-title {
  width: 100%;
  font-family: SourceHanSansCN-Normal;
  color: #333333;
}

.main-talent-center .ul .content-title:after {
  content: '';
  display: block;
  width: .35rem;
  height: 5px;
  background-color: #c5996e;
  margin-top: .35rem;
  margin-bottom: .25rem;
}

.main-talent-center .ul .content-text {
  width: 100%;
  max-height: 12em;
}

.main-talent-center .ul .content-text p {
  font-family: SourceHanSansCN-Normal;
  line-height: 2;
  color: #666666;
}

.main-talent-center .ul .content-text .mCSB_scrollTools {
  opacity: 1;
}

.main-talent-center .ul .content-text .mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  background: none;
  -webkit-filter: none;
          filter: none;
  -ms-filter: none;
}

.main-talent-center .ul .content-text .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
  background-color: #c5996e;
  border-radius: 6px;
  -webkit-filter: none;
          filter: none;
  -ms-filter: none;
}

.main-talent-center .ul .content-text .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.main-talent-center .ul .content-text .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #c5996e;
  -webkit-filter: none;
          filter: none;
  -ms-filter: none;
}

.main-talent-center .ul .content-text .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #c5996e;
  -webkit-filter: none;
          filter: none;
  -ms-filter: none;
}

.main-talent-center .talent-recruitment {
  width: 100%;
  margin-bottom: .5rem;
}

.main-talent-center .talent-recruitment .title {
  width: 100%;
  font-family: SourceHanSansCN-Normal;
  color: #333333;
}

.main-talent-center .talent-recruitment .title:after {
  content: '';
  display: block;
  width: .35rem;
  height: 5px;
  background-color: #c5996e;
  margin: .35rem 0;
}

.main-talent-center .talent-recruitment .talent-recruitment-filter {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.main-talent-center .talent-recruitment .filter-item {
  width: 20.8%;
  background-color: #f6f6f6;
  border-radius: 0 5px 0 5px;
  margin-bottom: .4rem;
}

.main-talent-center .talent-recruitment .filter-item .select-w {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  padding: .2rem 0;
  background-color: #f6f6f6;
  position: relative;
  padding-right: 30px;
  padding-left: 12px;
  white-space: nowrap;
}

.main-talent-center .talent-recruitment .filter-item .select-w .cur {
  width: 100%;
  display: inline-block;
  font-family: SourceHanSansCN-Normal;
  font-size: calc(12px - .12rem + .14rem);
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.main-talent-center .talent-recruitment .filter-item .select-w select {
  position: absolute;
  width: 100%;
  height: 100%;
  padding-left: 12px;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
}

.main-talent-center .talent-recruitment .filter-item .select-w:after {
  display: inline-block;
  content: "";
  width: 10px;
  height: 6px;
  background-image: url(../images/95.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: .2rem;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  z-index: 1;
}

.main-talent-center .talent-recruitment .filter-search {
  width: 33.333%;
  background-color: #f6f6f6;
  border-radius: 0 5px 0 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: .4rem;
}

.main-talent-center .talent-recruitment .filter-search input[type=text] {
  width: 73%;
  border: none;
  background: none;
  outline: none;
  padding: 0 .2rem;
}

.main-talent-center .talent-recruitment .filter-search input[type=submit] {
  width: 27%;
  border: none;
  background: none;
  outline: none;
  background-color: #c5996e;
  font-family: SourceHanSansCN-Normal;
  font-size: calc(12px - .12rem + .14rem);
  color: #ffffff;
  cursor: pointer;
}

.main-talent-center .talent-recruitment .list {
  width: 100%;
}

.main-talent-center .talent-recruitment .item {
  width: 100%;
  border: solid 1px #e5e5e5;
}

.main-talent-center .talent-recruitment .item.show {
  border-radius: 0px 5px 0px 0px;
}

.main-talent-center .talent-recruitment .item.show .item-A {
  background-color: #f6f6f6;
  position: relative;
  border-radius: 0px 5px 0px 0px;
}

.main-talent-center .talent-recruitment .item.show .item-A:before {
  content: '';
  display: inline-block;
  width: 100%;
  height: 4px;
  background-color: #c5996e;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0px 5px 0px 0px;
}

.main-talent-center .talent-recruitment .item.show .click-open {
  background-color: #c5996e;
}

.main-talent-center .talent-recruitment .item.show .click-open span {
  color: #fff;
}

.main-talent-center .talent-recruitment .item.show .click-open .img-1 {
  display: none;
}

.main-talent-center .talent-recruitment .item.show .click-open .img-2 {
  display: inline-block;
}

.main-talent-center .talent-recruitment .item-A {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.main-talent-center .talent-recruitment .item-left {
  width: 18%;
  font-family: SourceHanSansCN-Normal;
  color: #333333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-right: 1px solid #e5e5e5;
  padding: 10px;
  line-height: 1.3;
}

.main-talent-center .talent-recruitment .item-right {
  width: 82%;
  padding: .4rem .6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.main-talent-center .talent-recruitment .right-A {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 9rem;
}

.main-talent-center .talent-recruitment .right-item {
  width: 25%;
  margin-bottom: .2rem;
  font-family: SourceHanSansCN-Normal;
  color: #666666;
}

.main-talent-center .talent-recruitment .right-B {
  width: calc(100% - 9rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.main-talent-center .talent-recruitment .click-open {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f6f6f6;
  border-radius: 0 3px 0 3px;
  padding: .12rem .2rem;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.main-talent-center .talent-recruitment .click-open span {
  font-family: SourceHanSansCN-Normal;
  color: #999999;
}

.main-talent-center .talent-recruitment .click-open img {
  width: 10px;
  margin-left: .2rem;
}

.main-talent-center .talent-recruitment .click-open .img-2 {
  display: none;
}

.main-talent-center .talent-recruitment .click-open:hover {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

.main-talent-center .talent-recruitment .item-content {
  width: 100%;
  background-color: #fff;
  padding: .5rem .6rem;
  border-top: 1px solid #e5e5e5;
  display: none;
}

.main-talent-center .talent-recruitment .content-A {
  /* width: 49%; */
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.main-talent-center .talent-recruitment .content-item-A {
  width: 100%;
  font-family: SourceHanSansCN-Normal;
  color: #666666;
  margin-bottom: .4rem;
}

.main-talent-center .talent-recruitment .content-item-B {
  width: 49%;
  /* width: 100%; */
  margin-bottom: .3rem;
}

.main-talent-center .talent-recruitment .content-item-title {
  width: 100%;
  font-family: SourceHanSansCN-Normal;
  color: #666666;
  margin-bottom: .1rem;
}

.main-talent-center .talent-recruitment .content-item-C {
  width: 100%;
  margin-bottom: .3rem;
}

.main-talent-center .talent-recruitment .label {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.main-talent-center .talent-recruitment .label-item {
  /* background-color: rgb(184, 204, 228); */
  background-color: rgba(197, 153, 110, .5);
  color: #666;
  padding: .05rem;
  margin-bottom: .1rem;
  margin-right: .1rem;
}

.main-talent-center .talent-recruitment .content-item-text {
  width: 100%;
  font-family: SourceHanSansCN-Normal;
  line-height: 2;
  color: #666666;
}

.main-talent-center .talent-recruitment .content-B {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.main-talent-center .talent-recruitment .send-resume {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #c5996e;
  border-radius: 0 3px 0 3px;
  padding: .12rem .22rem;
  cursor: pointer;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.main-talent-center .talent-recruitment .send-resume span {
  font-family: SourceHanSansCN-Normal;
  color: #ffffff;
}

.main-talent-center .talent-recruitment .send-resume img {
  width: 6px;
  margin-left: .2rem;
}

.main-talent-center .talent-recruitment .send-resume:hover {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

@media (max-width: 1400px) {
  .main-talent-center .talent-center-container {
    width: 100%;
    padding: 0 20px;
    max-width: 1200px;
  }
  .main-talent-center .talent-recruitment .right-item {
    width: 50%;
  }
}

@media (max-width: 900px) {
  .main-talent-center .talent-center-container {
    padding: 0 10px;
  }
  .main-talent-center .ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .main-talent-center .ul .li {
    width: 49%;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .main-talent-center .ul .li-img {
    width: 100%;
  }
  .main-talent-center .ul .li-content {
    width: 100%;
    padding: 10px;
  }
  .main-talent-center .ul .content-text {
    height: 12em;
  }
  .main-talent-center .talent-recruitment .item-right {
    padding: 10px;
  }
  .main-talent-center .talent-recruitment .right-A {
    width: 75%;
  }
  .main-talent-center .talent-recruitment .right-B {
    width: 25%;
  }
  .main-talent-center .talent-recruitment .content-A {
    width: 100%;
  }
  .main-talent-center .talent-recruitment .content-item-B {
    width: 100%;
  }
}

@media (max-width: 600px) {
  .main-talent-center .talent-recruitment .talent-recruitment-filter {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .main-talent-center .talent-recruitment .filter-item {
    width: 49%;
  }
  .main-talent-center .talent-recruitment .filter-search {
    width: 49%;
  }
  .main-talent-center .talent-recruitment .right-A {
    width: 60%;
  }
  .main-talent-center .talent-recruitment .right-item {
    width: 100%;
  }
  .main-talent-center .talent-recruitment .right-B {
    width: 40%;
  }
}

@media (max-width: 400px) {
  .main-talent-center .ul .li {
    width: 100%;
  }
  .main-talent-center .talent-recruitment .filter-item {
    width: 100%;
  }
  .main-talent-center .talent-recruitment .filter-search {
    width: 100%;
  }
  .main-talent-center .talent-recruitment .filter-search input[type=submit] {
    padding: .2rem 0;
  }
  .main-talent-center .talent-recruitment .item-right {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .main-talent-center .talent-recruitment .right-A {
    width: 100%;
    margin-bottom: 15px;
  }
  .main-talent-center .talent-recruitment .right-B {
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.main-social-responsibility {
  width: 100%;
  background-color: #ffffff;
  padding: .6rem 0;
}

.main-social-responsibility .social-responsibility-container {
  width: 14.4rem;
  margin: 0 auto;
}

.main-social-responsibility .container-title {
  width: 100%;
  text-align: center;
  font-family: SourceHanSansCN-Normal;
  color: #333333;
  margin-bottom: .5rem;
}

.main-social-responsibility .wrap {
  width: 100%;
}

.main-social-responsibility .wrap-left {
  width: auto;
  display: inline-block;
}

.main-social-responsibility .wrap-left .title {
  font-family: SourceHanSansCN-Normal;
  color: #333333;
}

.main-social-responsibility .wrap-left .title:after {
  content: '';
  display: block;
  width: .35rem;
  height: 5px;
  background-color: #c5996e;
  margin: .35rem 0;
}

.main-social-responsibility .wrap-left .left-img {
  width: 50%;
  float: right;
  margin-left: 4.5%;
}

.main-social-responsibility .wrap-left .wrap-content {
  width: auto;
}

.main-social-responsibility .wrap-left .wrap-content p {
  font-family: SourceHanSansCN-Normal;
  line-height: 2;
  color: #666666;
}

@media (max-width: 1400px) {
  .main-social-responsibility .social-responsibility-container {
    width: 100%;
    padding: 0 20px;
    max-width: 1200px;
  }
}

@media (max-width: 900px) {
  .main-social-responsibility .social-responsibility-container {
    padding: 0 10px;
  }
}



/* 添加文章详情的轮播 */
.real-effect-house-wrap {
  width: 100%;
  margin-bottom: .3rem;
}

.real-effect-house-wrap .reh-nav {
  width: 100%;
  display: flex;
  margin-bottom: .35rem;
}

.real-effect-house-wrap .reh-nav-item {
  width: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-right: .7rem;
  position: relative;
}

.real-effect-house-wrap .reh-nav-icon {
  width: 1.3em;
  /* height: .42rem; */
  display: flex;
  align-items: center;
  justify-content: center;
}

.real-effect-house-wrap .reh-nav-icon img {
  width: 100%;
}

.real-effect-house-wrap .reh-nav-icon .img-2 {
  display: none;
}

.real-effect-house-wrap .reh-nav-item:hover .img-1 {
  display: none;
}

.real-effect-house-wrap .reh-nav-item:hover .img-2 {
  display: inline-block;
}

.real-effect-house-wrap .reh-nav-item:hover .reh-nav-text {
  color: #c5996e;
}

.real-effect-house-wrap .reh-nav-item:hover:after {
  content: '';
  display: inline-block;
  width: 100%;
  height: .02rem;
  background-color: #c5996e;
  position: absolute;
  top: 126%;
  left: 0;
}

.real-effect-house-wrap .reh-nav-item.active .img-1 {
  display: none;
}

.real-effect-house-wrap .reh-nav-item.active .img-2 {
  display: inline-block;
}

.real-effect-house-wrap .reh-nav-item.active .reh-nav-text {
  color: #c5996e;
}

.real-effect-house-wrap .reh-nav-item.active:after {
  content: '';
  display: inline-block;
  width: 100%;
  height: .02rem;
  background-color: #c5996e;
  position: absolute;
  top: 126%;
  left: 0;
}

.real-effect-house-wrap .reh-nav-text {
  width: auto;
  color: #a7a7a7;
  margin-left: .25rem;
}

.real-effect-house-wrap .reh-box {
  width: 100%;
}

.real-effect-house-wrap .real-effect-house-swiper {
  width: 100%;
}

.real-effect-house-wrap .reh-swiper {
  width: 100%;
}

.real-effect-house-wrap .swiper-slide {
  width: 100%;
}

.real-effect-house-wrap .swiper-slide img {
  width: 100%;
}

.real-effect-house-wrap .swiper-button-prev {
  background-image: url(../images/105.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: .6rem;
  height: .6rem;
  left: 0;
}

.real-effect-house-wrap .swiper-button-next {
  background-image: url(../images/106.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: .6rem;
  height: .6rem;
  right: 0;
}



/* 新增页面 */
.main-supervision-reporting {
  width: 100%;
}

.main-supervision-reporting .container {
  width: 14.4rem;
  margin: 0 auto;
}

.main-supervision-reporting .sr-A {
  width: 100%;
  background-color: #ffffff;
  padding-top: .6rem;
  padding-bottom: .5rem;
}

.main-supervision-reporting .sr-A .title {
  width: 100%;
  text-align: center;
  font-family: SourceHanSansCN-Normal;
  line-height: 1.25;
  color: #333333;
  margin-bottom: .45rem;
}

.main-supervision-reporting .sr-A .content {
  width: 100%;
}

.main-supervision-reporting .sr-A .content p {
  font-family: SourceHanSansCN-Normal;
  line-height: 1.7;
  color: #666666;
}

.main-supervision-reporting .sr-B {
  width: 100%;
  background-color: #f6f6f6;
  padding-top: .5rem;
  padding-bottom: .5rem;
  overflow: hidden;
}

.main-supervision-reporting .sr-B .sr-list {
  width: 103%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: .1rem;
}

.main-supervision-reporting .sr-B .sr-item {
  width: 31%;
  margin-right: 2%;
  margin-bottom: 2%;
}

.main-supervision-reporting .sr-B .sr-title {
  width: 100%;
  font-family: SourceHanSansCN-Normal;
  line-height: 1.3;
  color: #333333;
  margin-bottom: .16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.main-supervision-reporting .sr-B em {
  font-family: SourceHanSansCN-Normal;
  color: #f21717;
}

.main-supervision-reporting .sr-B .sr-item-ipt {
  width: 100%;
  padding: .2rem;
  background-color: #ffffff;
  border: solid 1px #e5e5e5;
  outline: none;
}

.main-supervision-reporting .sr-B .sr-box {
  width: 100%;
  margin-bottom: .5rem;
}

.main-supervision-reporting .sr-B .sr-ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.main-supervision-reporting .sr-B .sr-li {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: .4rem;
  position: relative;
  margin-bottom: .3rem;
}

.main-supervision-reporting .sr-B .sr-li.selected .sr-li-icon {
  background-color: #c5996e;
  border-color: #c5996e;
}

.main-supervision-reporting .sr-B .sr-li-checkbox {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
}

.main-supervision-reporting .sr-B .sr-li-icon {
  width: .2rem;
  height: .2rem;
  background-color: #ffffff;
  border: solid 1px #e5e5e5;
}

@media (max-width: 1920px) {
  .main-supervision-reporting .sr-B .sr-li-icon {
    width: 18px;
    height: 18px;
  }
}

.main-supervision-reporting .sr-B .sr-li-text {
  width: auto;
  margin-left: .1rem;
  font-family: SourceHanSansCN-Normal;
  line-height: 1.25;
  color: #666666;
}

.main-supervision-reporting .sr-B .sr-other {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.main-supervision-reporting .sr-B .sr-other .sr-li {
  margin-bottom: 0;
}

.main-supervision-reporting .sr-B .sr-li-ipt {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: none;
  background-color: transparent;
  outline: none;
  border-bottom: 1px solid #e5e5e5;
  padding: .05rem .1rem;
}

.main-supervision-reporting .sr-B .sr-item-B {
  width: 48%;
}

.main-supervision-reporting .sr-B .sr-area {
  width: 100%;
  height: 1rem;
  background-color: #ffffff;
  border: solid 1px #e5e5e5;
  outline: none;
  font-family: SourceHanSansCN-Normal;
  line-height: 1.25;
  color: #999999;
  padding: .2rem;
}

.main-supervision-reporting .sr-B .upload-box {
  width: 100%;
  height: 1rem;
  padding: .2rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ffffff;
  border: solid 1px #e5e5e5;
}

.main-supervision-reporting .sr-B .u-b {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.main-supervision-reporting .sr-B .u-c {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}

.main-supervision-reporting .sr-B .u-imgs {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}

.main-supervision-reporting .sr-B .upload-icon {
  width: .6rem;
  height: .6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-supervision-reporting .sr-B .upload-text {
  width: calc(100% - .8rem);
  margin-left: .2rem;
  font-family: SourceHanSansCN-Normal;
  line-height: 1.25;
  color: #999999;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.main-supervision-reporting .sr-B .sr-code {
  width: 31%;
  margin-right: 2%;
  margin-bottom: 2%;
}

.main-supervision-reporting .sr-B .sr-code-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.main-supervision-reporting .sr-B .sr-code-ipt {
  width: 60%;
  padding: .2rem;
  background-color: #ffffff;
  border: solid 1px #e5e5e5;
  outline: none;
}

.main-supervision-reporting .sr-B .code-smt {
  width: 38%;
  background-color: #ffffff;
  border: solid 1px #e5e5e5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.main-supervision-reporting .sr-B .code-smt img {
  height: 100%;
}

.main-supervision-reporting .sr-B .sr-smt-wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-supervision-reporting .sr-B .sr-smt {
  width: auto;
  padding: .15rem .38rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #c5996e;
  border-radius: .24rem;
}

.main-supervision-reporting .sr-B .sr-smt input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.main-supervision-reporting .sr-B .sr-smt-text {
  font-family: SourceHanSansCN-Normal;
  line-height: 1.25;
  color: #ffffff;
}

.main-supervision-reporting .sr-B .sr-smt-icon {
  width: .17rem;
  margin-left: .5rem;
}

.main-supervision-reporting .sr-B .sr-item-C {
  width: 97%;
}

@media (max-width: 700px) {
  .main-supervision-reporting .container {
    width: 100%;
    padding: 0 10px;
  }
}

@media (max-width: 450px) {
  .main-supervision-reporting .sr-B .sr-list {
    width: 102%;
  }
  .main-supervision-reporting .sr-B .sr-item {
    width: 48%;
  }
  .main-supervision-reporting .sr-B .sr-item-C {
    width: 98%;
  }
}

@media (max-width: 380px) {
  .main-supervision-reporting .sr-B .sr-list {
    width: 100%;
  }
  .main-supervision-reporting .sr-B .sr-item {
    width: 100%;
    margin-right: 0;
  }
  .main-supervision-reporting .sr-B .sr-item-C {
    width: 100%;
  }
}

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