.about .about-wrap {
  padding: 0 .32rem;
  background-color: #f4f5f7;
  overflow-x: hidden;
  box-sizing: border-box; }
.about .about-wrap .contain-video {
  overflow: hidden;
  width: 100%;
  height: 3.6rem;
  padding-bottom: .48rem; }
.about .about-wrap .contain-video .contain-video-data-wrap {
  width: 100%;
  height: 100%; }
.about .about-wrap .contain-video .video-cover {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  cursor: pointer; }
.about .about-wrap .contain-video .video-cover .video-icon {
  position: absolute;
  left: 50%;
  bottom: 50%;
  transform: translate(-50%, 50%);
  z-index: 10;
  width: .9rem;
  height: .9rem;
  background-image: url("https://scms.jindingaus.com/jdfangchan_wap_static/assets/image/big-play.png");
  background-size: cover; }
.about .about-wrap .contain-video video {
  width: 100%;
  height: 100%;
  display: none; }
.about .about-wrap .content .english-title {
  height: .42rem;
  text-align: center;
  font-size: .42rem;
  color: #dddddd; }
.about .about-wrap .content .title {
  text-align: center;
  font-size: .36rem;
  font-weight: bold;
  color: #333333;
  margin-top: -0.16rem;
  padding-bottom: .28rem; }
.about .about-wrap .content .content-sec {
  font-size: .26rem;
  line-height: .4rem;
  color: #666; }
.about .about-wrap .content .about-sec {
  height: 3.2rem;
  padding: .22rem .22rem .22rem .25rem;
  background-color: #fff;
  border-radius: .08rem;
  font-size: .24rem;
  line-height: .36rem;
  letter-spacing: 1px;
  color: #666;
  margin-bottom: .48rem; }
.about .about-wrap .content .img-wrap {
  padding-bottom: .28rem;
  /*margin-right: -.32rem;*/
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none; /* firefox */
  -ms-overflow-style: none; /* IE 10+ */
}

.img-wrap::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}

.about .about-wrap .content .img-sec {
  width: 3rem;
  height: 3.28rem;
  background-color: #fff;
  /*box-shadow: 0px .02rem .16rem 0*/
  /*#bababa;*/
  border-radius: .1rem;
  margin-right: .32rem;
  display: flex;
  flex-direction: column;
  justify-content: space-around; }
.about .about-wrap .content .img-sec.curr {
  box-shadow: 2px 0.02rem 0.16rem 0 #999;
}
.about .about-wrap .content .img-sec p {
  width: 3rem;
  height: .48rem;
  line-height: .48rem;
  font-size: .26rem;
  color: #fff;
  background-color: #c3a16d;
  text-align: center;
  border-bottom-left-radius: .1rem;
  border-bottom-right-radius: .1rem;}
.about .about-wrap .content .img-sec img {
  width: 3rem;
  height: 2.8rem;
  border-top-left-radius: .1rem;
  border-top-right-radius: .1rem;}
.about .about-wrap .content .swiper-sec .team-box {
  margin-top: 0.24rem;
  padding-bottom: 0.8rem; }
.about .about-wrap .content .swiper-sec img {
  width: 3.3rem;
  height: 4.3rem; }
.about .about-wrap .content .swiper-sec .swiper-slide {
  width: 3.8rem;
  width: auto; }
.about .about-wrap .content .swiper-sec .swiper-slide .swiper-item {
  position: relative; }
.about .about-wrap .content .swiper-sec .swiper-slide .swiper-item .intro {
  width: 2.7rem;
  position: absolute;
  left: .24rem;
  bottom: .3rem;
  font-size: .2rem;
  line-height: .3rem;
  color: #fff; }

.about .bottom-wrap {
  padding: 0 .32rem;
  background-color: #fff;
  box-sizing: border-box; }
.about .bottom-wrap .contact-sec .english-title {
  height: .42rem;
  text-align: center;
  font-size: .42rem;
  color: #dddddd; }
.about .bottom-wrap .contact-sec .title {
  text-align: center;
  font-size: .36rem;
  font-weight: bold;
  color: #333333;
  margin-top: -0.16rem;
  padding-bottom: .32rem; }
.about .bottom-wrap .contact-sec .province ul li {
  float: left;
  min-width: .9rem;
  height: .4rem;
  margin-bottom: .3rem;
  text-align: center;
  line-height: .4rem;
  letter-spacing: .01rem;
  font-size: .24rem;
  color: #666; }
.about .bottom-wrap .contact-sec .province ul li.checked {
  color: #fff;
  background-color: #2e2e2e;
  border-radius: .04rem; }
.about .bottom-wrap .contact-sec .contact-swiper-container {
  padding-bottom: 0.8rem; }
.about .bottom-wrap .contact-sec .swiper-slide {
  width: 3.32rem;
  width: auto; }
.about .bottom-wrap .contact-sec .business-card-item {
  display: flex;
  width: 3.22rem;
  height: 4.8rem;
  background-color: #fffffd;
  box-shadow: 0px 0.02rem 0.16rem 0 rgba(220, 220, 220, 0.77);
  border-radius: .12rem;
  flex-direction: column;
  align-items: center;
  position: relative; }
.about .bottom-wrap .contact-sec .business-card-item .label {
  display: inline-block; }
.about .bottom-wrap .contact-sec .business-card-item img {
  width: 3.12rem;
  height: 2.24rem;
  border-radius: .12rem .12rem 0 0;
  margin-bottom: .12rem; }
.about .bottom-wrap .contact-sec .business-card-item p {
  padding: 0 .14rem;
  margin-bottom: .16rem;
  font-size: .20rem;
  letter-spacing: .01rem;
  color: #999; }
.about .bottom-wrap .contact-sec .business-card-item .name {
  font-size: .3rem;
  font-weight: bold;
  margin-bottom: .1rem;
  color: #2d2c2c; }
.about .bottom-wrap .contact-sec .business-card-item .job {
  font-size: .2rem;
  margin-bottom: .16rem;
  color: #c3a16d; }
.about .bottom-wrap .contact-sec .business-card-item button {
  width: 1.44rem;
  height: .5rem;
  line-height: .5rem;
  background-color: #fff;
  border-radius: .24rem;
  border: 1px solid #c3a16d;
  color: #c3a16d; }
.about .bottom-wrap .bottom-address .img-sec {
  height: 2.9rem;
  padding: .2rem 0 .3rem; }
.about .bottom-wrap .bottom-address .address {
  font-size: .24rem;
  line-height: .40rem;
  color: #333; }
.about .bottom-wrap .bottom-address .address .test-bold {
  font-weight: bold; }
.about .bottom-wrap .bottom-address .address p {
  margin-bottom: .2rem; }
.about .bottom-wrap .bottom-address .btn-sec {
  padding-bottom: .4rem; }
.about .bottom-wrap .bottom-address .btn-sec .btn {
  display: inline-block;
  width: 1.97rem;
  height: .64rem;
  line-height: .64rem;
  text-align: center;
  background-color: #ffffff;
  border-radius: 4px;
  border: solid 1px #c3a16d;
  font-size: .24rem;
  letter-spacing: 1px;
  color: #c3a16d; }

.about .swiper-pagination-bullet-active {
  background: #333 !important; }

.about .swiper-pagination-bullet {
  background: #999 !important;
  margin-right: 0.2rem;
  width: 0.09rem !important;
  height: 0.09rem !important; }