@charset "UTF-8";
/*public*/
.public_title {
  text-align: center;
  font-size: 24px;
  color: #484848;
  margin-top: 28px;
  margin-bottom: 40px; }

/*banner*/
.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  top: inherit;
  bottom: 0; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #dab760; }

.swiper-button {
  display: none; }

.swiper-container:hover .swiper-button {
  display: block; }

.ban_word {
  position: absolute;
  bottom:50%;
  top: 50%;
  right:0;
  display:flex;
  justify-items: center;
  align-items: center;
  z-index: 333;
  width:100%;
  cursor: pointer; }
  .ban_word img{
    width:100%;
    margin:0 auto;
  }

.swiper-container .pic {
  width: 100%; }

/*center*/
.center {
  width: 100%;
  -moz-box-shadow: 1px 6px 20px -9px #333333;
  -webkit-box-shadow: 1px 6px 20px -9px #333333;
  box-shadow: 1px 6px 20px -9px #333333; }
  .center ul li {
    /* cursor: pointer; */
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
    align-items: flex-start; }
    .center ul li img {
      margin-right: 15px; }
    .center ul li .message {
      width: 254px;
      font-size: 12px;
      color: #444d55;
      line-height: 24px; }
    .center ul li:hover .pic {
      display: none; }
    .center ul li:hover .hover_pic {
      display: block; }
    .center ul li .pic {
      display: block; }
    .center ul li .hover_pic {
      display: none; }

/*about*/
.about {
  margin-bottom: 110px;
  margin-top: 136px; }
  .about .message {
    padding-top: 17px;
    padding-left: 50px; }
    .about .message .title_line {
      width: 75px;
      height: 2px;
      background: black;
      margin-top: 15px;
      margin-bottom: 60px; }
    .about .message .summary {
      font-size: 16px;
      color: #444d55;
      line-height: 33px; }
    .about .message .more {
      font-size: 14px;
      color: #dab760;
      float: right;
      margin-top: 40px; }
    .about .message .title {
      display: flex;
      align-items: flex-end;
      font-size: 24px;
      color: #dab760; }
      .about .message .title p {
        line-height: 22px;
        margin-left: 18px; }
  .about .pic {
    height: 408px;
    position: relative; }
    .about .pic .box {
      width: 514px;
      height: 342px;
      background: #dab760;
      position: absolute;
      left: 0;
      bottom: 18px; }
    .about .pic .img {
      height: 372px;
      position: absolute;
      top: 0;
      left: 13px;
      width: 100%;
      z-index: 3; }

/*yingyong*/
.yingyong {
  background: #f6f6f6;
  padding-bottom: 108px; }
  .yingyong .main .item {
    overflow: hidden;
    position: relative;
    border: 1px solid white;
    cursor: pointer; }
    .yingyong .main .item:hover .icon {
      display: none; }
    .yingyong .main .item:hover .message {
      bottom: 0; }
    .yingyong .main .item .pic {
      width: 100%; }
    .yingyong .main .item .icon {
      position: absolute;
      bottom: 0;
      left: 0;
      height: 77px;
      width: 100%;
      background: rgba(139, 138, 138, 0.8); }
    .yingyong .main .item .message {
      transition: .5s;
      position: absolute;
      left: 0;
      bottom: -400px;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.8);
      color: white;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center; }
      .yingyong .main .item .message p {
        margin-top: 15px; }
      .yingyong .main .item .message .line {
        width: 49px;
        height: 1px;
        background: #dab760; }
      .yingyong .main .item .message .content {
        width: 70%; }
      .yingyong .main .item .message .summary {
        text-align: center;
        text-indent: 2em;
        color: #cfcfcf;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden; }

.news .top {
  border-bottom: 1px solid #b7b7b7;
  padding-bottom: 20px;
  margin-bottom: 40px;
  position: relative; }
  .news .top .more {
    font-size: 14px;
    color: #dab760;
    position: absolute;
    right: 0;
    bottom: 17px; }
  .news .top .public_title {
    margin-bottom: 0; }
.news .main {
  margin-bottom: 122px;
  display: flex;
  justify-content: space-between; }
  .news .main .item {
    width: 30%; }
    .news .main .item:hover .pic .hover_pic {
      bottom: 0px; }
    .news .main .item .pic {
      overflow: hidden;
      position: relative; }
      .news .main .item .pic .hover_pic {
        transition: .5s;
        position: absolute;
        left: 0;
        bottom: -300px; }
    .news .main .item .summary {
      width: 90%;
      margin: 0 auto;
      font-size: 14px;
      color: #a4a4a4;
      line-height: 27px;
      margin-top: 10px; }
    .news .main .item .title {
      justify-content: flex-start;
      border-bottom: 1px solid #dab760;
      padding: 10px 0; }
      .news .main .item .title .yuandian {
        width: 5px;
        height: 5px;
        background: #dab760;
        border-radius: 100%;
        margin: 0 12px; }

.poster {
  height: 442px;
  background: url("../images/poster.jpg") no-repeat center;
  background-size: cover; }
  .poster > .container {
    height: 100%;
    display: flex; }
  .poster .item {
    transition: .5s;
    width: 212px;
    height: 212px;
    border-radius: 100%;
    background: rgba(60, 61, 63, 0.7);
    color: white;
    flex-direction: column; }
    .poster .item:hover {
      width: 269px;
      height: 269px;
      background: url("../images/poster2_pic.png") no-repeat center;
      background-size: cover; }
    .poster .item .line {
      width: 112px;
      height: 1px;
      background: white;
      margin: 10px 0; }

.poster .item_box:nth-child(2) .item:hover {
  background: url("../images/poster2_pic.png") no-repeat center;
  background-size: cover; }

.poster .item_box:nth-child(1) .item:hover {
  background: url("../images/poster1_pic.png") no-repeat center;
  background-size: cover; }

.poster .item_box:nth-child(3) .item:hover {
  background: url("../images/poster3_pic.png") no-repeat center;
  background-size: cover; }

/*英文版*/
.index_page_en .center ul li .message {
  width: 90%;text-align: center;}
.index_page_en .about .message .title_line {
  margin-bottom: 32px; }
.index_page_en .about .message .more {
  margin-top: 23px; }
.index_page_en .about .message .summary {
  line-height: 26px;
  font-size: 14px; }

@media (max-width: 768px) {
  .about {
    margin-top: 0px;
    margin-bottom: 20px; }

  .about .message {
    padding: 15px; }

  .about .message .title {
    font-size: 16px; }
    .about .message .title img {
      max-width: 29%; }

  .about .message .title p {
    margin-left: 8px; }

  .about .message .title_line {
    margin-bottom: 16px; }

  .about .message .more {
    margin-top: 24px; }

  .public_title {
    font-size: 18px;
    margin-top: 23px;
    margin-bottom: 18px; }

  .yingyong .main .item .icon {
    height: 41px; }
    .yingyong .main .item .icon img {
      max-width: 13%; }

  .yingyong {
    margin-bottom: 16px; }

  .news .main {
    flex-wrap: wrap;
    margin-bottom: 51px; }

  /* .news .main .item {
    width: 100%;
    display: none; }

  .news .main .item:nth-child(1) {
    display: block; }  */
  
  }

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