/*
* about.ext.css
* @Author: Jack.Chan
* @Date:   2020-04-22 17:26:36
* @Last Modified by:   Jack.Chan
* @Last Modified time: 2023-07-14 17:31:02
*/


/* rem base: 37.5px (iPhone 6/7/8 [375 x 667]) */

.about .view-banner{
  position: relative;
}
.about .view-banner-detail{
  top: 68% !important;
  /*-webkit-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;*/
}
.about .view-banner-title{
  font-weight: bold;
/*  font-size: 1rem !important;*/
  font-size: 0.5rem !important;
  text-shadow: 0px 1px 8px #01040A;
}
.about .view-banner-title>span{
  display:inline-block;
  vertical-align:middle;
}
.about .view-banner-title>span + span{
  padding-left:5%;
}

.about .company-list .swiper-pagination-bullet-active{
  width:20px;
  width:0.5333rem;
  border-radius:5px;
  border-radius:0.1333rem;
}
.about .contact .contact-content .area-list .list-detail .company-list .company:not(:last-of-type) {
  margin-bottom: 10px;
}

.about .honor{
  height: auto;
}

.about .join{
  height:5.5rem;
}
.about .join > a{
  display:inline-block;
  width:auto;
  height:auto;
  padding:0.1333rem 0.96rem;
  text-decoration:none !important;
}
.about .join > a:hover{
  background:#fff;
  color:#ec6415;
  font-weight: 600;
}



/* .page-caption */
.page-caption{
  position:relative;
  text-align:center;
}
.page-caption-text-en{
  font-size:0.96rem;
  font-weight:bold;
  color:#2e2e2e;
  opacity:0.1;
  position:absolute;
  left:0;
  right:0;
  bottom:22%;
  z-index:1;
  -webkit-user-select:none;
  user-select:none;
}
.page-caption-text-en + .page-caption-text{
  /*margin-top: 50px;*/
  padding-top:1.333rem;
}
.page-caption-text{
  position:relative;
  z-index:3;
  font-size:0.5333rem;
  font-weight:bold;
  color:#333;
  letter-spacing: 0.1333rem;
  padding-top:0.8rem;
  padding-bottom:0.5333rem;
}


.about-intro{}
.about-intro-text{
  color:#888;
  font-size:0.32rem;
  font-size:0.3733rem;
  line-height:0.6rem;
}
.about-intro-text,
.about-intro-text p{
  text-align:left;
}
.about-intro-text p{
  padding-bottom:0.2667rem;
}
.about-intro-text b{
  color:#666;
}

/* .list-intro */
.list-intro,
.list-intro>li{
  list-style:none;
  margin:0;
  padding:0;
}
.list-intro{
  width:100%;
  margin-top:0.5333rem;
  display:table;
}
.list-intro>li{
  display:table-cell;
  width:1%;
  position:relative;
  cursor:default;
}
.list-intro>li + li:before{
  content:"\20";
  display:block;
  position:absolute;
  top:0.5333rem;
  bottom:0.5333rem;
  left:-1px;
  width:1px;
  background-color:#dadada;
}
.list-intro>li>span{
  display:block;
  padding:0.2133rem 0;
  text-align:center;
  color:#333;
}
.icon-intro{
  width: 1.01333333rem;
  height: 0.93333333rem;
  font-size:0;
  margin-left:auto;
  margin-right:auto;
  display:block;
  background-repeat:no-repeat;
  background-size: cover;
  background-image:url(/static/m/img/about/science-list@2x.png);
}
.icon-intro-1{
  background-position: 0 0;
  background-position: -1% center;
}
.icon-intro-2{
  background-position: 48% center
}
.icon-intro-3{
  background-position: 100% center;
}

/* .about-profile */
.about-profile-avatar,
.about-profile-avatar img{
  -webkit-user-select: none;
  user-select: none;
  pointer-events:none;
}
.about-profile-avatar{
  margin-bottom: 0.32rem;
}
.about-profile-avatar img{
  max-width: 70%;
  margin-left:auto;
  margin-right:auto;
}
.about-profile-content{}
.about-profile-content,
.about-profile-content p{
  text-align: left;
  font-size:0.3733rem;
  line-height:0.6rem;
  color:#888;
}
.about-profile-content p{
  padding-bottom:15px;
  padding-bottom:0.4rem;
}
.about-profile-content b{
  color:#666;
}
.about-profile-caption{
  font-size:0.4267rem;
  font-weight:600;
  color:#3e3f44;
  position:relative;
  border-bottom:1px #f3f3f3 solid;
  padding-top: 0.32rem;
  padding-bottom: 0.32rem;
  margin-bottom: 0.4rem;
}
.about-profile-caption:before,
.about-profile-caption:after{
  content:"\20";
  display:block;
}
.about-profile-caption:before{
  background-color:#fd9814;
  position:absolute;
  left:0;
  bottom:-2px;
  height:4px;
  width:80px;

  bottom:-0.05333rem;
  height:0.1067rem;
  width:2.133rem;
}
.about-profile-caption:after{
  clear: both;
  width:0;
  height:0;
}
.about-profile-caption small{
  float:right;
  color:#88898d;
  font-weight:500;
  padding-top:0.05333rem;
}


/* .view-swiper-pics */
.view-swiper-pics {
  position:relative;
  width: 100%;
  height: auto;
  background: #0f2740;
  padding-left:10px;
  padding-right:10px;
  padding:0.4rem 0.2667rem 0.8rem 0.2667rem;
}
.view-swiper-pics .swiper-wrapper{
  height:250;
  height:6.667rem;
}
.view-swiper-pics .swiper-slide {
  overflow:hidden;
  text-align: center;
  font-size: 18px;
  font-size: 0.48rem;
  /*background: #fff;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.view-swiper-pics .swiper-slide img{
  max-width:110%;
  transition: max-width 0.25s linear;
}
.view-swiper-pics .swiper-slide:hover img{
  max-width:120%;
}
.view-swiper-pics .swiper-pagination{
  padding:15px 0;
  padding:0.4rem 0;
  text-align:center;
  position:relative;
}
.view-swiper-pics .swiper-pagination-bullet{
  width:8px;
  height:8px;
  line-height:0;
  width:0.2133rem;
  height:0.2133rem;
  background: #fff;
  opacity:1;
}
.view-swiper-pics .swiper-pagination-bullet + .swiper-pagination-bullet{
  margin-left:10px;
  margin-left:0.2667rem;
}
.view-swiper-pics .swiper-pagination-bullet-active{
  background:#fd9814;
  width:20px;
  width:0.5333rem;
  border-radius:5px;
  border-radius:0.1333rem;
}
.view-swiper-pics .swiper-button-prev,
.view-swiper-pics .swiper-button-next{
  background:rgba(0,0,0,0.45);
  width:auto;
  min-width:27px;
  min-width:0.72rem;
  height:60px;
  height:1.6rem;
  padding:16px 5px;
  padding:0.4267rem 0.1333rem;
  margin-top:-30px;
  margin-top:-0.8rem;
}
.view-swiper-pics .swiper-button-prev>svg,
.view-swiper-pics .swiper-button-next>svg{
  display:block;
}
.view-swiper-pics .swiper-button-prev:hover,
.view-swiper-pics .swiper-button-next:hover{
  background:rgba(0,0,0,1);
}
.view-swiper-pics .swiper-button-prev{
  left:0;
  border-radius:0 3px 3px 0;
  border-radius:0 0.08rem 0.08rem 0;
}
.view-swiper-pics .swiper-button-next{
  right:0;
  border-radius:0.08rem 0 0 0.08rem;
}


@media (max-width:1024px) {
  .view-swiper-pics .swiper-wrapper{
    height:250px;
    height:6.667rem;
  }
}

@media (max-width:768px) {
  .view-swiper-pics .swiper-wrapper{
    height:180px;
    height:4.8rem;
  }
}

@media (max-width:640px) {
  .view-swiper-pics .swiper-wrapper{
    height:90px;
    height:2.4rem;
  }
}