@charset "UTF-8";
body{height:auto}
.swiper-container {
  width: 100%;
  position: relative;
  --swiper-navigation-color: #fff;
}
  /* 关于我们*/
.we-banner {
  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;
  padding-top:0;
  width: 100%;
  height: 6.8rem;
  text-align: center;
  background: url(../image/aboutWe/banner.jpg) center center no-repeat;
  background-size: 100% 100%;
}

.we-banner .we-banner-text {
  text-align: center;
  width: 5.29rem;
  height: 1.01rem;
  font-size:.36rem;
  color:#fff;
  /* background: url(../image/aboutWe/banner-text.png) center center no-repeat;
  background-size: 100% 100%; */
  margin-top:-.3rem;
}
.we-banner .we-banner-text>p:first-child{
  color:#FEFEFF;
  margin-bottom:.27rem;
}
.we-banner-play {
  /* position: absolute;
  bottom: -0.384rem;
  left: 41.512%;
  font-size: .15rem;
  font-weight: 300;
  color: #FFFFFF;*/
  width:.48rem;
  cursor:pointer;
  margin:.39rem auto 0 ;
}
.we-banner-play .layui-icon{
  font-size:.48rem
}

/* .we-info {
  margin: .57rem auto;
  width: 76.198%;
  
} */
.we-info{
  width:100%;
  /* background: url(../image/aboutWe/info-bg.png) center center no-repeat;
  background-size: 100% 100%; */
  /* padding-bottom:3.906% */
}

/* .we-info .we-info-title {
  width: 100%;
  font-size:.34rem;
  line-height:.6rem;
  color:#192944;
  text-align: center;
} */
/* .we-info .we-info-title:after{content:'';display:block;width:.7rem;height:0;border-bottom:.03rem solid #2B60B5;border-radius:.03rem;margin:auto;} */

.we-info .we-introduce {
  width: 67.708%;
  padding: 0 3.9583% 0 3.4375%;
  box-sizing: border-box;
  margin:0 auto;
}
.we-info .we-introduce-word{background: url(../image/aboutWe/info-bg.png) center center no-repeat;
  background-size: 100% 100%;padding-bottom:0.96rem}
.we-info .we-introduce-num{background: url(../image/aboutWe/num-bg.png) center center no-repeat;
  background-size: 100% 100%;}

.we-info .we-introduce .we-introduce-name {
  padding-top: 4.063%;
  box-sizing: border-box;
  font-size: .34rem;
  line-height:.6rem;
  color:#192944;
  text-align: center;
}
.we-info .we-introduce .we-introduce-name:after{content:'';display:block;width:.7rem;height:0;border-bottom:.03rem solid #2B60B5;border-radius:.03rem;margin:auto;}

.we-info .we-introduce .we-introduce-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content: space-between;
  /* margin-top: 2.737%;
  margin-bottom: 1.299%; */
  padding:2.737% 0;
  width: 100%;
}

 .we-introduce-data .date {
  font-size: .48rem;
  color:#fff;
  /* margin-right: 0.501%;
  width: 1.6875rem; */
  width:auto;
  margin-right:1.5%;
  font-weight: 800;
  text-align:center
}

 .we-introduce-data .date > span {
  margin: 0 .1rem;
}
.we-introduce-data .date>p{
  font-size: .18rem;
  color:#9fa7b5;
}
.we-introduce-data .area>span{margin-right:0}
/* .we-introduce-data .area sup{font-size: .14rem;} */
.we-introduce .we-introduce-show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top:.59rem;
}
.we-introduce .we-introduce-show .text {
  width: 100%;
  height: 100%;
}

.we-introduce .we-introduce-show p {
  /* text-indent: .32rem; */
  font-size: .14rem;
  line-height: .26rem;
  color: #424242;
  text-align: justify;
}
.we-introduce .we-introduce-show p+p{
  margin-top:.2rem;}

.we-gain{width:67.708%;margin:0 auto}
.carousel-title {
  margin-top: .42rem;
  width: 100%;
  position:relative;
}

.carousel-title .carousel-banner {
  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;
  width: 100%;
  text-align: center;
}

.carousel-title .carousel-banner .carousel-text {
  font-size: .34rem;
  color:#192944;
  margin-bottom: .72rem;
}

.carousel-title .carousel-banner .carousel-text .total {
  font-size: .31rem;
  color: #FF8A33;
  margin-right: 0.05rem;
}

.carousel-title .carousel-banner .carousel-text .year {
  color: #FF8A33;
}

.carousel-title .vr-next,.carousel-title .vr-prev{position:absolute;top:1.55rem;width:.38rem;height:.38rem;border-radius:50%;background-color:#dcdee2;outline:0;line-height:.38rem;color:#fff;text-align:center;cursor:pointer;font-size:.22rem}
.carousel-title .vr-next:hover,.carousel-title .vr-prev:hover{background-color:#656f80}
.carousel-title .vr-prev{left:0;}
.carousel-title .vr-next{right:0;}
.carousel-title .swiper-pagination-vr {
  text-align: start;
  width: 90%!important;
  margin:0 auto;
  /* padding-left: 45%; */
  box-sizing: border-box;
  position:relative;
  color:#131F32;
}
.carousel-title .swiper-pagination-vr:before{
  content:'';
  position:absolute;
  left:0;
  top:0;bottom:0;margin:auto 0;
  width:100%;
  height:0;
  border-bottom:1px solid #E1E4EF;
  z-index:-1
}
.carousel-title .swiper-pagination-vr >div{
  display:inline-block;
  width:14.285%;
  text-align: center;
}
.carousel-title .swiper-pagination-vr >div>p{font-size:.16rem;margin:.10rem 0;}
.carousel-title .swiper-pagination-vr >div>p:first-child{margin:.14rem 0;}
/* .carousel-title .swiper-pagination-vr >div:focus {
  outline: -webkit-focus-ring-color auto 1px;
  outline-color: -webkit-focus-ring-color;
  outline-style: auto;
  outline-width: 0px;
} */
.carousel-title .swiper-pagination-bullet {
  display: inline-block;
  border-radius: 100%;
  width:.24rem;
  height:.24rem;
  background-image:linear-gradient(0deg, #81d2fc, #93b2dd);
  position:relative;
  outline:0;opacity:1;
}
.carousel-title .swiper-pagination-bullet:after{
  content:'';
  position:absolute;
  top:0;right:0;bottom:0;left:0;margin:auto;
  width:.14rem;
  height:.14rem;
  background-color: #f5f5f5;
  border-radius: 50%;
}
/* .carousel-title .swiper-pagination-bullet >span {
  position: relative;
  bottom: .3rem;
  right: .17rem;
  color: #c5c5c5;
} */

.carousel-title .swiper-pagination-bullet-active {
  background-image:linear-gradient(0deg, rgba(43,96,181,1), rgba(2,170,253,1));
}
.carousel-title .swiper-pagination-bullet-active:after{background-color: #fff;}
.carousel-title .swiper-pagination-vr >div .swiper-pagination-bullet-active+p{
 color:#2B60B5;
 transition:all .3s ease-in-out
}

/* vr */
.swiper-container-vr {
  width: 66.747%;
  padding-top:18.627%;
  height:0;
  margin-left: auto;
  margin-right: auto;
  margin-top: .78rem;
  margin-bottom: 1.2rem;
  overflow: visible;
  /* z-index: 10; */
}

.swiper-container-vr .swiper-wrapper {
  width: 100%;
  height: 100%;
  position:absolute;top:0;left:0;
}
.swiper-container-vr .swiper-wrapper:before{content:'';width:.49rem;height:.45rem;position: absolute;top:-.23rem;left:.2rem;line-height:1;z-index:4;background:url(../image/aboutWe/prev-quot.png) left center no-repeat;background-size: auto 100%;}
.swiper-container-vr .swiper-wrapper:after{content:'';width:.49rem;height:.45rem;position: absolute;bottom:-.23rem;right:.2rem;line-height:1;z-index:4;background:url(../image/aboutWe/next-quot.png) right center no-repeat;background-size: auto 100%;}
.swiper-container-vr .swiper-slide {
  text-align: center;
  height: 100%;
  /* Center slide text vertically */
  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;
  transition: 300ms;
  /* transform: scale(.9); */
  border:1px solid #c5c5c5;
  margin: 0 auto;
  background-color: #fff;
}

.swiper-container-vr .swiper-slide-active,
.swiper-container-vr .swiper-slide-duplicate-active {
  /* transform: scale(1.1); */
  box-shadow: 0 0 .05rem rgba(0,0,0,.3);
  z-index: 2;
}
.swiper-container-vr .swiper-slide-active{z-index: 3;}
/* .swiper-container-vr .vr-slide1 {
  width: 100%;
  height: 100%;
  background: url(../image/aboutWe/2.png) center center no-repeat;
  background-size: cover;
}

.swiper-container-vr .vr-slide2 {
  width: 100%;
  height: 100%;
  background: url(../image/aboutWe/1.png) center center no-repeat;
  background-size: cover;
}

.swiper-container-vr .vr-slide3 {
  width: 100%;
  height: 100%;
  background: url(../image/aboutWe/3.png) center center no-repeat;
  background-size: cover;
} */


.we-team {
  width: 76.015%;
  margin: 8.125% auto 0 auto;
  height: .9rem;
  background: url(../image/aboutWe/team-title.png) center center no-repeat;
  background-size: 100% 100%;
}


/* 我们的团队 */
.swiper-container-team-back {
  width: 100%;
  height: 46.296%;
  background: url(../image/aboutWe/banner2.png) center center no-repeat;
  background-size: cover;
}


.swiper-container-team {
  margin-top: 3.75%;
  width: 68.234%;
  height: 100%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.swiper-container-team .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: flex-end;
  height: 100%;
  width: 100%!important;
  
}

.swiper-container-team .swiper-slide {
  text-align: center;
  height: 80.283%;
  width: 23.982%;
  transition: 300ms;
  transform:scale(.95);
  margin: 0 auto;
  padding-bottom: 20px;
  box-sizing: border-box;
}


.swiper-container-team .swiper-slide >div {
  font-size: .24rem;
  color: #FFFFFF;
  padding-bottom: 25.194%;
  box-sizing: border-box;
}

.swiper-container-team .swiper-slide >div > span {
  font-size: .3rem;
  color: #FF8A33;
}


.swiper-container-team .team-slide1 .picture {
  width: 100%;
  height: 64.662%;
  background: url(../image/aboutWe/team.png) center center no-repeat;
  background-size: cover;
}

.swiper-container-team .team-slide2 .picture {
  width: 100%;
  height: 64.662%;
  background: url(../image/aboutWe/team.png) center center no-repeat;
  background-size: cover;
}

.swiper-container-team .team-slide3 .picture {
  width: 100%;
  height: 64.662%;
  background: url(../image/aboutWe/team.png) center center no-repeat;
  background-size: cover;
}

.swiper-container-team .team-slide4 .picture {
  width: 100%;
  height: 64.662%;
  background: url(../image/aboutWe/team.png) center center no-repeat;
  background-size: cover;
}
/* 视频小窗 */
.video {
  position:fixed;top:0;left:0;width:100%;min-height:100%;background-color: rgba(0,0,0,.6);z-index:1;
  display:none
}
.video .video-close{width:.3rem;height:.3rem;position:absolute;top:2.98rem;right:30%;background-color:#2b60b5;cursor: pointer;z-index:2}
.video .video-close::before,.video .video-close::after{content:'';width:80%;height:2px;background-color:#fff;position:absolute;top:.125rem;left:10%;}
.video .video-close::before{transform:rotate(45deg);}
.video .video-close::after{transform:rotate(-45deg);}
.video .video-js {
  width:40%;padding-top:22.624%;height:0;position:absolute;top:2.98rem;left:0;right:0;margin:auto;background-color: #000;border:.04rem solid #2b60b5
}

.video .video-js .vjs-big-play-button {
  font-size: .15rem;
  line-height: .3rem;
  height: .3rem;
  width: .3rem;
  position: absolute;
  top: calc(50% - 0.15rem);
  left: calc(50% - 0.15rem);
  padding: 0;
  opacity: 1;
  border: .06666em solid #fff;
  background-color: #2b333f;
  background-color: rgba(43,51,63,.7);
  border-radius: 50%;
}
.cont-footer{
  margin-top:0
}

/* 地图 */
.loaction {
  width: 100%;
  height: 46.296%;
  margin-top:8.125%;
}

.BMap_mask {
	 background: -moz-linear-gradient(top,  #fefdfc 0%,transparent 100%)!important;;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefdfc), color-stop(100%,transparent))!important;;
    background: -webkit-linear-gradient(top,#fefdfc 0%,transparent 100%)!important;;
    background: -o-linear-gradient(top,#fefdfc 0%,transparent 100%)!important;;
    background: -ms-linear-gradient(top,#fefdfc 0%,transparent 100%)!important;;
    background: linear-gradient(to bottom, #fefdfc 0%,transparent 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefdfc', endColorstr='transparent',GradientType=0 )!important;;
}

.BMapLabel {
  display: none!important;
}


/* 鼠标移入团队时增加的样式 */

.swiper-container-team .hover-swiper-slide {
  transform:scale(1.4) translateY(7%);
  opacity: 1;
  z-index: 1;
}

.swiper-container-team .hover-swiper-slide .team {
  padding-bottom: 10px;
}

.hover-swiper-container-team-back .swiper-container-team  .swiper-slide:not(.hover-swiper-slide) {
  opacity: 0.5;
  z-index: 0!important;
}


.phone .swiper-container-body{height:5.51rem}
.phone .we-banner{height:100%}
.phone .we-info{
  /* padding-bottom:7.333%; */
  /* background: url(../image/aboutWe/info-phone-bg.png) center center no-repeat;
  background-size: 100% 100%;  */
  background:#fff;
}
.phone .we-info .we-introduce-word{background:none;padding-bottom: 0;}
.phone .we-info .we-introduce-num{background: none;padding-bottom: .96rem;}
.phone .we-info .we-introduce{ padding:0;width:90% }
.phone .we-info .we-introduce .we-introduce-name{font-size:.34rem;line-height:.7rem;padding-top: 0.96rem;}
.phone .we-info .we-introduce .we-introduce-data{
  /* margin-bottom:0.96rem;  */
  flex-wrap:wrap;justify-content: space-between }
.phone .we-introduce .we-introduce-show{ height:auto; flex-direction:column;margin-top:.96rem }
/* .phone .we-introduce .we-introduce-show .video{ width:100%; } */
.phone .we-introduce .we-introduce-show .text{ width:100%; margin-left:0; }
.phone .we-introduce .we-introduce-show p{ margin-top:0.4rem;line-height:.36rem;font-size: 0.24rem; }
.phone .swiper-container-vr{ width:100%; height:0; padding-top:45%;margin:0.4rem auto;position:relative;overflow: hidden; }
.phone .swiper-container-vr .swiper-wrapper{position:absolute;top:0;left:0}
.phone .we-introduce-data >div{width:50%; margin-right:0;margin-top:.96rem;font-size:.48rem;color:#424242}
/* .phone .carousel-title .swiper-pagination-vr{padding-left: 35%;} */
.phone .carousel-title .carousel-banner .carousel-text{font-size:.34rem}
.phone .we-gain{width:90%}
.phone .carousel-title .swiper-pagination-vr{margin:0;width:100%!important}
.phone .carousel-title .swiper-pagination-vr:before{top:auto}
.phone .carousel-title .swiper-pagination-vr >div{background: none;line-height:.48rem;height:.48rem;font-size:.28rem}
.phone .carousel-title .swiper-pagination-bullet:after{border-radius: 0%;height:0;border-bottom:.05rem solid #2C60B5;top:auto;left:auto;width:0;transition:all .3s linear}
.phone .carousel-title .swiper-pagination-bullet-active:after{left:0;width:.48rem;transition:all .3s linear}
.phone .carousel-title .vr-next,.phone  .carousel-title .vr-prev{display:none}
.phone .swiper-container-vr .swiper-slide{border:none}
.phone .swiper-container-vr .swiper-slide-active,.phone .swiper-container-vr .swiper-slide-duplicate-active{box-shadow: none;}
.phone .swiper-container-vr .vr-first{color:#4E566C;font-size:.24rem;height:100%;width:100%;text-align:left}
.phone .swiper-container-vr .vr-first>li>p{color:#1A2A45;font-size:.3rem;margin-bottom:.6rem}
.phone .swiper-container-vr .vr-second>li{line-height:.48rem;margin-bottom:.55rem}
.phone .swiper-container-vr .vr-second>li:before{content:'';display:inline-block;height:.12rem;width:.12rem;border-radius: 50%;background-color: #2C60B6;;margin-right:.25rem}
.phone .video .video-js{width:96%;padding-top:54%}
.phone .video .video-close{right:2%;width:.4rem;height:.4rem;}
.phone .video .video-close::after,.phone .video .video-close::before{top:.2rem}
/* 媒体查询 */
@media screen and (max-width: 1830px) {
  .we-introduce .we-introduce-show p{
    font-size: 0.15rem;
    line-height: .23rem;
  }
  .carousel-title .carousel-banner .carousel-text {
    font-size: .24rem;
  }
}

@media screen and (max-width: 1730px) {
  .we-introduce .we-introduce-show p{
    font-size: 0.15rem;
    line-height: .23rem;
  }
  .carousel-title .carousel-banner .carousel-text {
    font-size: .23rem;
  }
}

@media screen and (max-width: 1600px) {
  html {
    font-size: 90px;
  }
  .we-introduce .we-introduce-show p{
    font-size: 0.14rem;
    line-height: .23rem;
  }
  .carousel-title .carousel-banner .carousel-text {
    font-size: .22rem;
  }
}

@media screen and (max-width: 1450px) {
  .search:hover {
    width: 1.5rem;
  }
  .we-introduce .we-introduce-show p{
    font-size: 0.13rem;
    line-height: .23rem;
  }
  .carousel-title .carousel-banner .carousel-text {
    font-size: .21rem;
  }
}

@media screen and (max-width: 1366px) {
  html {
    font-size: 85px;
  }
  .we-introduce .we-introduce-show p {
    font-size: 0.12rem;
    line-height: .21rem;
  }
}

@media screen and (max-width: 1280px) {
  .carousel-title .carousel-banner .carousel-text {
    font-size: .20rem;
  }
}
@media screen and (max-width:980px) {
  html{font-size:13.33vw;}
  html.pc{font-size:85px}
}