@media screen and (max-width: 768px) {
  .page-menu-list li {
    padding: 0 3%;
  }
}

.page-about {
  position: relative;
  display: table;
  width: 100%;
  table-layout: fixed;
}

.page-about .page-about--warp {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 969px;
  overflow: hidden;
}

.page-about .inabout-number .item {
  display: inline-block;
  margin-right: 40px;
}

.page-about .inabout-number .item .txt {
  text-align: left;
}

.page-about .index-about-right .inabout-conter .text {
  height: 200px;
  padding-right: 20px;
  padding-bottom: 10px;
  text-align: justify;
  overflow: hidden;
}

@media screen and (max-width: 1024px) {
  .page-about .page-about--warp {
    height: auto;
  }

  .page-about .inabout-number .item {
    margin-right: 0;
  }
}

.page-comment .par-list-culture .par-li {
  margin-bottom: 30px;
  clear: both;
}


.page-comment .par-list-culture .pic {
  position: relative;
  background: -webkit-linear-gradient(120deg, #154995, #a9d0ed);
  background: -o-linear-gradient(120deg, #154995, #a9d0ed);
  background: -moz-linear-gradient(120deg, #154995, #a9d0ed);
  background: linear-gradient(120deg, #154995, #a9d0ed);
}

.page-comment .par-list-culture .pic .pic-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  color: #fff;
  transform: translate(-50%, -50%);
}

.page-comment .par-list-culture .pic .icon {
  width: 132px;
  margin: 0 auto;
}

.page-comment .par-list-culture .pic .tit {
  margin-top: 20px;
  font-size: 38px;
  font-weight: 700;
}

.page-comment .par-list-culture .pic .txt {
  font-size: 24px;
}


.page-comment .par-list-culture .desc {
  padding: 0;

  background: url(/statics/home/images/par-list-culture-bg.jpg) center center no-repeat;
  background-size: cover;
}

.page-comment .par-list-culture .par-li.odd .desc {
  background-image: url(/statics/home/images/par-list-culture-bg2.jpg);
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}

.page-comment .par-list-culture .par-li.even .desc {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}

.page-comment .par-list-culture .desc-item {
  position: relative;
  height: 33.33%;
  border-bottom: 1px #dcdcdc dashed;
}

.page-comment .par-list-culture .desc-row-4 .desc-item {
  height: 25%;
}

.page-comment .par-list-culture .desc-item .itme-wrap {
  position: absolute;
  top: 50%;
  width: 100%;
  padding: 0 12%;
  transform: translateY(-50%);
  transition: all .3s ease-in-out;
  cursor: default;
}

.page-comment .par-list-culture .desc-item:last-child {
  border-bottom: none;
}


.page-comment .par-list-culture .desc-item {
  color: rgba(0, 0, 0, 0.8);
}

.page-comment .par-list-culture .desc .tit {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
}

.page-comment .par-list-culture .desc .txt {
  font-size: 16px;
}

.page-comment .par-list-culture .desc-item:hover {
  color: #144894;
}

.page-comment .par-list-culture .desc-item:hover .itme-wrap {
  padding-left: 8%;
}

@media screen and (max-width: 1366px) {
  .page-comment .par-list-culture .pic .pic-wrap {
    width: 100%;
  }

  .page-comment .par-list-culture .desc-item .itme-wrap {
    padding: 0 10%;
  }
}


@media screen and (max-width: 1024px) {

  .page-comment .par-list-culture .pic,
  .page-comment .par-list-culture .desc {
    width: 100%;
    border-radius: 0;
  }

  .page-comment .par-list-culture .desc-item .itme-wrap {
    text-align: center;
  }
}

@media screen and (max-width: 768px) {
  .page-comment .par-list-culture .pic .icon {
    width: 80px;
  }

  .page-comment .par-list-culture .pic .tit {
    margin-top: auto;
    font-size: 24px;
  }

  .page-comment .par-list-culture .pic .txt {
    font-size: 20px;
    line-height: 1;
  }

  .page-comment .par-list-culture .desc-item {
    height: auto;
    padding: 20px 0;
  }

  .page-comment .par-list-culture .desc-item .itme-wrap {
    position: static;
    top: auto;
    transform: translateY(0);
  }

  .page-comment .par-list-culture .desc .tit {
    font-size: 20px;
  }
}


.page-company-honor {
  position: relative;
  padding: 112px 0;
  overflow: hidden;
}

.page-company-honor-swiper .swiper-container {
  width: 100%;
}

.page-company-honor .honor-list {
  width: 100%;
  font-size: 0;
}

.page-company-honor .honor-list .honor-item {
  position: relative;
  display: inline-block;
  width: calc((100% - 48px) / 3);
  padding: 36px;
  margin-right: 23px;
  margin-bottom: 23px;
  border-radius: 23px;
  background: url(/statics/home/images/company-honor-bg.jpg) center center no-repeat;
  transition: all .3s ease-in-out;
  overflow: hidden;
}

.page-company-honor .honor-list .honor-item::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  transition: all .3s ease-in-out;
  opacity: 0;
}

.page-company-honor .honor-list .honor-item .pic {
  max-width: 100%;max-height: 100%;position: relative;top: 50%;left: 50%;transform: translate(-50%,-50%);
}

.page-company-honor .honor-list .honor-item .icon-view {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 52px;
  height: 52px;
  transform: translate(-50%, -50%);
  transition: all .3s ease-in-out;
  opacity: 0;
}

.page-company-honor .honor-list .honor-item:nth-child(3n + 3) {
  margin-right: 0;
}

.page-company-honor .honor-list .honor-item:hover::after {
  opacity: 1;
}

.page-company-honor .honor-list .honor-item:hover .icon-view {
  z-index: 10;
  opacity: 1;
  cursor: pointer;
}

.page-company-honor .pagination {
  display: block;
  margin-top: 20px;
  text-align: center;
}

.page-company-honor .swiper-pagination-switch {
  display: inline-block;
  width: 78px;
  height: 2px;
  margin: 0 10px;
  background: #dcdde2;
}

.page-company-honor .swiper-pagination-switch.swiper-active-switch {
  background: #144894;
}

.page-company-honor .index-bubble {
  display: block;
  opacity: 1;
}

.page-company-honor .index-bubble .bubble-4 {
  position: absolute;
  top: 50%;
  left: -115px;
  width: 230px;
  height: 230px;
  transform: translateY(-50%);
}

.page-company-honor .index-bubble .bubble-5 {
  position: absolute;
  top: 6%;
  right: 40%;
  width: 152px;
  height: 152px;
  z-index: -1;
}

.page-company-honor .index-bubble .bubble-6 {
  position: absolute;
  right: -415px;
  bottom: -415px;
  z-index: -1;
  width: 830px;
  height: 830px;
}

@media screen and (max-width: 1024px) {

  .page-company-honor-swiper .swiper-container {
    margin: 0 !important;
  }
}

@media screen and (max-width: 768px) {
  .page-company-honor {
    padding: 50px 0;
  }

  .page-company-honor .index-bubble {
    display: none;
  }
  .page-company-honor-swiper {
    height: 500px;
    overflow-y: scroll;
  }
  .page-company-honor-swiper .swiper-container .swiper-slide {
    height: auto !important;
  }

  .page-company-honor .honor-list .honor-item {
    width: 100%;
    margin: 0 0 24px;
  }
}


.page-development-path {
  padding: 160px 0;
  background: url(/statics/home/images/development-path-bg.jpg) center center no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}

.development-path-wrap {
  padding-top: 200px;
  margin-top: 30px;
}
.development-path-wrap::-webkit-scrollbar{ width: 5px; height: 5px; background-color: #f1f1f1; }
.development-path-wrap::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #f1f1f1; }
.development-path-wrap::-webkit-scrollbar-thumb {border-radius: 5px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #c1c1c1; }
.development-path-wrap::-webkit-scrollbar-thumb:hover{border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background-color: #a8a8a8; }


.development-path-wrap .wrap-left,
.development-path-wrap .wrap-right {
  width: calc((100% - 174px) / 2);
}

.development-path-wrap .wrap-right {
  margin-top: -200px;
}

.development-path-wrap .wrap-line {
  width: 174px;
  height: 300px;
  position: relative;
}

.development-path-wrap .wrap-line .line {
  width: 0;
  height: 100%;
  margin: 0 auto;
  border: 1px dashed #cfdae9;
  /* background: #cfdae9; */
}

.development-path-wrap .wrap-line .line2 {
  width: 0;
  height: 200px;
  margin: 0 auto;
  border: 1px solid #cfdae9;
  top: 0;
  left: 50%;
  margin-left: -1px;
  position: absolute;
  /* background: #cfdae9; */
}

.development-path-wrap .item {
  position: relative;
}

.development-path-wrap .item .pic {
  display: inline-block;
  width: 266px;
  height: 166px;
  border: 5px #fff solid;
  border-top-left-radius: 60px;
  border-bottom-right-radius: 60px;

}

.development-path-wrap .item .big-pic {
  position: absolute;
  top: 10%;
  left: -110%;
  z-index: 100;
  width: 100%;
  display: none;
}

.development-path-wrap .item .pic-wrap {
  display: inline-block;
}

.development-path-wrap .item .pic-wrap:hover .big-pic {
  display: block;
}

.development-path-wrap .item .time {
  position: relative;
  margin-bottom: 10px;
  font-size: 34px;
  color: #343a58;
}

.development-path-wrap .item .time::after {
  content: '';
  position: absolute;
  top: 50%;
  left: -94px;
  z-index: 9;
  width: 15px;
  height: 15px;
  border: 4px solid #ff7e57;
  border-radius: 50%;
  background: #fff;
  transform: translateY(-50%);
}

.development-path-wrap .item .desc {
  font-size: 18px;
  color: #666;
}

.development-path-wrap .wrap-left .item {
  text-align: right;
}

.development-path-wrap .wrap-left .item,
.development-path-wrap .wrap-right .item {
  margin-bottom: 100px;
}

.development-path-wrap .wrap-left .item .pic {
  border-radius: 0 60px 0 60px;
  object-fit: cover;
}

.development-path-wrap .wrap-left .item .time::after {
  left: auto;
  right: -94px;
}


.development-path-wrap .wrap-left .item .big-pic {
  left: auto;
  right: -110%;
}


@media screen and (max-width: 768px) {
  .page-development-path {
    padding: 50px 0;
  }

  .development-path-wrap {
    padding-top: 0;
    margin-top: 0;
    height: 500px;
    overflow-y: scroll;
  }

  .development-path-wrap .wrap-left,
  .development-path-wrap .wrap-right {
    width: 100%;
  }

  .development-path-wrap .wrap-left .item {
    text-align: left;
  }

  .development-path-wrap .wrap-line {
    display: none;
  }

  .development-path-wrap .wrap-right {
    margin-top: 0;
  }

  .development-path-wrap .item .pic-wrap {
    display: block;
  }

  .development-path-wrap .item .pic {
    width: 100%;
  }

  .development-path-wrap .item .pic-wrap:hover .big-pic {
    display: none;
  }

  .development-path-wrap .item .time {
    font-size: 24px;
  }

  .development-path-wrap .item .desc {
    font-size: 16px;
  }

  .development-path-wrap .wrap-left .item,
  .development-path-wrap .wrap-right .item {
    margin-bottom: 50px;
  }

  .development-path-wrap .wrap-left .item.fadeInUp,
  .development-path-wrap .wrap-right .item.fadeInUp {
    -webkit-animation-name: none;
    animation-name: none;
  }

  .development-path-wrap .item .time::after {
    display: none;
  }

}


.page-contact-info {
  padding: 112px 0;
}


.page-contact-info .contact-wrap .item {
  position: relative;

  width: calc((100% - 48px) / 3);
  height: 276px;
  padding: 50px;
  margin-right: 23px;

  border-radius: 30px;
  background: #fff;

}

.page-contact-info .contact-wrap .item:nth-child(3n + 3) {
  margin-right: 0;
}

.page-contact-info .contact-wrap .item .txt {
  font-size: 20px;
  color: #878787;
}

.page-contact-info .contact-wrap .item .tit {
  font-size: 22px;
  color: #333;
}

.page-contact-info .contact-wrap .item .icon {
  position: absolute;
  right: 30px;
  bottom: 30px;
  width: 53px;
  height: 54px;
}

.page-contact-info .contact-wrap .img-box {
  display: table;
  width: 100%;
  height: 100%;
}

.page-contact-info .contact-wrap .img-box .img-box-row {
  display: table-row;
}

.page-contact-info .contact-wrap .img-box .img {
  display: table-cell;
  width: 50%;
  height: 100%;
  font-size: 0;
  text-align: center;
  vertical-align: middle;
}

.page-contact-info .contact-wrap .img-box .img:hover .img-wrap,
.page-contact-info .contact-wrap .img-box .img .icon-weibo,
.page-contact-info .contact-wrap .img-box .img .icon-wechat {
  display: block;
}

.page-contact-info .contact-wrap .img-box .img .img-wrap,
.page-contact-info .contact-wrap .img-box .img:hover .icon-weibo,
.page-contact-info .contact-wrap .img-box .img:hover .icon-wechat {
  display: none;
}

.page-contact-info .contact-wrap .img-box .img .img-pic {
  display: inline-block;
}

.page-contact-info .contact-wrap .img-box .qr-code {
  width: 134px;
  height: 134px;
  padding: 14px;

  border: 1px solid #edeff0;
  border-radius: 14px;
}

.page-contact-info .contact-wrap .img-box .icon-weibo {
  width: 106px;
  height: 106px;
}

@media screen and (max-width: 1366px) {
  .page-contact-info .contact-wrap .item .txt {
    font-size: 18px;
  }

  .page-contact-info .contact-wrap .item .tit {
    font-size: 20px;
  }

  .page-contact-info .contact-wrap .img-box .qr-code {
    width: 120px;
    height: 120px;
  }

  .page-contact-info .contact-wrap .img-box .icon-weibo,
  .page-contact-info .contact-wrap .img-box .icon-wechat {
    width: 90px;
    height: 90px;
  }
}


.page-digital-map {
  padding: 112px 0;
}

@media screen and (max-width: 1024px) {

  .page-contact-info,
  .page-digital-map {
    padding: 50px 0;
  }

  .page-contact-info .contact-wrap .item {
    width: 100%;
    margin-bottom: 24px;
  }
}

@media screen and (max-width: 768px) {

  .page-contact-info .contact-wrap .item {
    height: 200px;
    padding: 20px;
  }
  
}
@media screen and (max-width: 531px) {
    .page-company-honor .honor-list .honor-item .pic {
      max-width: auto;max-height: auto;position: relative;top: 0;left: 0;transform: translate(0,0);
    }
}