.jiaodui {
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 99;
  opacity: 0.5;
  display: none;
}
.banner {
  height: 100vh;
  background: url("../images/leader/banner.jpg");
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  overflow: hidden;
  position: relative;
}
.banner .title {
  font-family: "MYingHeiPRC-W7";
  color: #ffffff;
  position: absolute;
  font-size: 0.38rem;
  letter-spacing: 0.1rem;
  text-indent: 0.1rem;
  top: 19%;
  left: 50%;
  transform: translate(-50%, 0%);
}
.banner .tips {
  width: 0.43rem;
  height: 0.68rem;
  position: absolute;
  bottom: 7.8%;
  left: 50%;
  transform: translate(-50%, 0%);
}
.tips .tips_img {
  width: 100%;
  height: 100%;
}
.tips .donghua {
  width: 0.05rem;
  height: 0.14rem;
  background-color: white;
  border-radius: 50%;
  position: absolute;
  top: 110%;
  left: 45%;
}
.opendonghua {
  animation: mybox 3s infinite;
}
@keyframes mybox {
  0% {
    top: 110%;
    opacity: 1;
    display: none;
  }
  50% {
    opacity: 1;
    top: 82%;
  }
  100% {
    opacity: 1;
    top: 55%;
  }
}

.content {
  font-size: 0;
}
.box1,
.box2,
.box3,
.box4,
.box5,
.box6,
.box7,
.box8:after {
  content: "";
  display: block;
  clear: both;
}
.content .boxbox {
  width: 50%;
}
.box_left {
  float: left;
}
.box_right {
  float: right;
}
.boxbox .boxbox_img {
  width: 100%;
  height: 100%;
}
.box1 .nav {
  background: #f2f2f2;
  height: 8.45rem;
  box-sizing: border-box;
  padding-top: 0.77rem;
  padding-left: 0.9rem;
}
.box1 .nav .title {
  font-family: "MYingHeiPRC-W7";
  color: #0080ff;;
  letter-spacing: 0.068rem;
  font-size: 0.48rem;
}
.box1 .nav .title .ceoname {
  color: #727171;
  position: relative;
  top: -0.02rem;
  left: 0.1rem;
  font-family: "MYingHeiPRC-W3";
}
.box1 .nav .p1 {
  font-family: "MYingHeiPRC-W5";
  font-size: 0.2rem;
  letter-spacing: 0.01rem;
  padding-top: 0.46rem;
  padding-left: 0.08rem;
  color: #727171;
  line-height: 0.42rem;
  padding-right: 1.7rem;
}
.box1 .nav .p2 {
  font-family: "MYingHeiPRC-W3";
  font-size: 0.2rem;
  letter-spacing: 0.016rem;
  padding-top: 0.3rem;
  padding-left: 0.07rem;
  color: #727171;
  line-height: 0.35rem;
  padding-right: 1.65rem;
}
.box1 .nav .p2 div {
  margin-bottom: 0.4rem;
}
.box_nav_left {
  text-align: right;
  padding-right: 4.5%;
  box-sizing: border-box;
}
.box_nav_right {
  text-align: left;
  padding-left: 4.5%;
  box-sizing: border-box;
}
.box2 .nav {
  background-color: #ffffff;
  height: 6rem;
}
.box2 .nav .title {
  font-family: "MYingHeiPRC-W7";
  color: #0080ff;
  letter-spacing: 0.05rem;
  font-size: 0.48rem;
  position: relative;
  top: 15%;
}
.box2 .nav .name {
  font-family: "MYingHeiPRC-W3";
  color: #727171;
  letter-spacing: 0.05rem;
  font-size: 0.48rem;
  position: relative;
  top: 18%;
}

.box4 .photo{
  height: 1px;
}
.box4 .photo .box4_img{
  width: 100%;
  /* height: 100%; */
}
.box4 .nav {
  height: 6rem;
  font-size: 0.3rem;
  background: #ffffff;
}
.box4 .nav .title {
  font-family: "Gilroy-Bold";
  color: #0080ff;
  letter-spacing: 0.06rem;
  font-size: 0.48rem;
  position: relative;
  top: 15%;
}
.box4 .nav .name {
  font-family: "Gilroy-Light";
  color: #727171;
  letter-spacing: 0.003rem;
  font-size: 0.4rem;
  position: relative;
  top: 18%;
}
.box5 .nav {
  color: #000;
  font-size: 0.3rem;
  height: 6rem;
  background-color: #ffffff;
}
.box5 .nav .title {
  font-family: "Gilroy-Bold";
  color: #0080ff;
  letter-spacing: 0.06rem;
  font-size: 0.48rem;
  position: relative;
  top: 15%;
}
.box5 .nav .name {
  text-align: right;
  font-family: "MYingHeiPRC-W3";
  color: #727171;
  letter-spacing: 0.05rem;
  font-size: 0.48rem;
  position: relative;
  top: 18%;
}

.box6 .nav {
  height: 6rem;
  font-size: 0.3rem;
  background-color: #ffffff;
}
.box6 .nav .title {
  font-family: "Gilroy-Bold";
  color: #0080ff;
  letter-spacing: 0.06rem;
  font-size: 0.48rem;
  position: relative;
  top: 15%;
}
.box6 .nav .name {
  font-family: "MYingHeiPRC-W3";
  color: #727171;
  letter-spacing: 0.05rem;
  font-size: 0.48rem;
  position: relative;
  top: 18%;
}


.box7 .nav {
  color: #000;
  font-size: 0.3rem;
  height: 6rem;
  background-color: #ffffff;
}
.box7 .nav .title {
  font-family: "Gilroy-Bold";
  color: #0080ff;
  letter-spacing: 0.06rem;
  font-size: 0.48rem;
  position: relative;
  top: 15%;
}
.box7 .nav .name {
  text-align: right;
  font-family: "MYingHeiPRC-W3";
  color: #727171;
  letter-spacing: 0.05rem;
  font-size: 0.48rem;
  position: relative;
  top: 18%;
}

.box2 .nav .p2,.box5 .nav .p2,.box7 .nav .p2 {
  font-family: "MYingHeiPRC-W3";
  font-size: 0.2rem;
  letter-spacing: 0.016rem;
  color: #727171;
  line-height: 0.35rem;
  padding-left: 1.75rem;
  position: relative;
  top: 24%;
  text-align: left;
}
.box2 .nav .p2 div,.box4 .nav .p2 div,.box6 .nav .p2 div,.box5 .nav .p2 div,.box7 .nav .p2 div {
  margin-bottom: 0.2rem;
}

.box4 .nav .p2,.box6 .nav .p2{
  font-family: "MYingHeiPRC-W3";
  font-size: 0.2rem;
  letter-spacing: 0.016rem;
  color: #727171;
  line-height: 0.35rem;
  padding-right: 1.75rem;
  position: relative;
  top: 24%;
  text-align: left;
}