/* 关于我们 背景 */
.img-topbox {
  background-image: url(../image/WechatIMG479.png);
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  background-position: center;
  height: 74.6875em;
  background-size: 2560px;
}

body{
  overflow-x: hidden;
}

.img-bgbox {
  width: 100%;
  height: 74.6875em;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.sm-pc{position: relative}
.bg-imgs {
  width: 2560px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1280px;
  transition: 3s;
  scale: 1;
  z-index: 0;
}

.bg-imgs>img {
  width: 3000px;
  margin: 0 50%;
  transform: translateX(-50%);
}

/* 介绍 */
.text-title {
  position: absolute;
  width: 33.75em;
  z-index: 666;
  top: 50%;
  left: 50%;
  margin-left: -16.875em;
  margin-top: -124px;
}

.img-box {
  border-radius: 1em;
  overflow: hidden;
  margin-bottom: 1.25em;
}

.img-maxbox {
  margin-top: 7em;
}

.text-box {
  height: 25em;
  background: #292A2E;
  color: #ffffff;
  padding-top: 3.5em;
  box-sizing: border-box;
}

.imgs {
  height: 43.75em;
  overflow: hidden;
}

.top-text2 {
  margin: 3.125em 0 1em 0;
}

.top-text3 {
  width: 31em;
  margin: auto;
}

.top-text4 {
  width: 49.375em;
  margin: auto;
}

/* 标题 */
.title2 {
  margin: 8.25em 0 5.625em 0;
}

/* 图片1 */
.centre-imgbox {
  height: 55.0625em;
  width: 100%;
  overflow: hidden;
}

.centre-imgbox>div:nth-child(2) {
  margin: 0 2.5em;
}

.centre-imgbox>img {
  width: 30.6875em;
  height: 45.5em;
}

.centre-imgbox>div:nth-child(1),
.centre-imgbox>div:nth-child(3) {
  margin-top: 9.5625em;
}

/* 文本1*/
.title3 {
  width: 49.375em;
  margin: 6.9375em auto 21em;
}

.title3>div:nth-child(2) {
  margin: 3.75em auto;
}

.title3>div>span {
  font-size: 2.5em;
}

.title3-text1,
.title3-text2,
.title3-text3 {
  position: relative;
}

/* 标题4 */
.title4 {
  width: 38.5em;
  margin-bottom: 5em;
}

.title4>div:nth-child(1)>span,
.title4>div:nth-child(2)>span {
  font-size: 3.5em;
}

.title4>div:nth-child(3) {
  margin-top: 2.5em;
}

/* 轮播图 */
.lun-box {
  width: 100%;
  overflow-x: hidden;
}

.slide-boxs {
  margin-right: 1.75em;
}

.slide-maxbox {
  height: 40em;
  border-radius: 2em;
  margin-bottom: 10em;
  /* overflow: hidden; */
  position: relative;
}
.last-btn{
  display: inline-block;
  position: absolute;
  z-index: 99;
  top: 48%;
  left: 0;
  cursor: pointer;
  display: none;
}
.next-btn{
  display: inline-block;
  position: absolute;
  z-index: 99;
  top: 48%;
  right: 0;
  cursor: pointer;
}

.last-btns{
  display: inline-block;
  position: absolute;
  z-index: 99;
  top: 48%;
  left: 0;
  cursor: pointer;
  display: none;
}
.next-btns{
  display: inline-block;
  position: absolute;
  z-index: 99;
  top: 48%;
  right: 0;
  cursor: pointer;
}

.slide-minbox {
  position: absolute;
  transition: 0.3s;
}

.slide-text {
  width: 33.75em;
  box-sizing: border-box;
  padding-left: 2.3125em;
  background: #F5F5F7;
}

.slide-text>div {
  width: 22.5em;
  margin-bottom: 1.5em;
}

.slide-text>div:nth-child(1)>span {
  font-size: 2.5em;
}

.slide-text {
  border-radius: 2em 0 0 2em;
}

.slide-imgs,
.slide-imgs>img {
  border-radius: 0 2em 2em 0;
}

.left-btn>img,
.right-btn>img {
  width: 100%;
  height: 100%;
}

.left-btn {
  position: absolute;
  transform: rotate(180deg);
}

.right-btn {
  position: absolute;
  right: 0;
}

.left-btn,
.right-btn {
  width: 3.5em;
  height: 3.5em;
  top: 50%;
  margin-top: -1.75em;
  cursor: pointer;
  transition: 0.2s;
}

/* 发展 */
.develop-box {
  width: 100%;
  overflow: hidden;
}

.develop-imgbox1 {
  position: relative;
}

.develop-imgbox {
  text-align: right;
  position: relative;
  top: 169px;
}

.develop-imgbox2 {
  position: relative;
  top: 353px;
}

.develop-imgbox>div>img{
  float: right;
}

.develop-imgbox>div>img,
.develop-imgbox2>div>img {
  border-radius: 1em;
  margin-top: 1.25em;
}

.develop-textbox {
  width: 41.25em;
  height: 41.125em;
  background: #FAFAFA;
  border-radius: 1em;
  box-sizing: border-box;
  margin: 0 1.25em 1.25em;
}

.develop-textbox>div {
  width: 33.75em;
  margin-left: auto;
  margin-right: auto;
}

.develop-textbox>div>div {
  width: 100%;
}

.develop-textbox>div>div>span {
  font-size: 3.5em;
}

.develop-textbox>div>div>img {
  cursor: pointer;
  transition: 0.3s;
}

.develop-textbox>div>div>img:hover {
  scale: 1.2;
}

/* 底部 */
.bottom-maxbox {
  margin: 8.25em 0 5em 0;
}

.bottom-text2 {
  margin: 0.25em 0 2.5em 0;
}

.bottom-t1>span {
  font-size: 1.625em;
}

.bottom-t3 {
  width: 8em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 2em;
  background: #000;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
}

.bottom-t3:hover {
  opacity: 0.8;
}

.bottom-t3>span {
  font-size: 1.3125em;
}

.bottom-imgbox {
  width: 32.5em;
  height: 38.75em;
  border-radius: 2em;
  background: #FAFAFA;
}

.bottom-imgbox>div:nth-child(2) {
  padding: 2.5em 0 0 3.75em;
}

.bottom-t2 {
  margin: 0.625em 0 2.5em 0;
}

.bottom-imgbox {
  margin-right: 2.5em;
}

.under-maxbox {
  position: relative;
  /*overflow: hidden;*/
  height: 38.75em;
  margin-bottom: 7em;
}

.under-leftbtn,
.under-rightbtn {
  width: 3.5em;
  height: 3.5em;
  position: absolute;
  top: 29.43%;
  margin-top: -1.75em;
  cursor: pointer;
  transition: 0.3s;
}

.under-rightbtn {
  right: 0;
}

.under-leftbtn {
  transform: rotate(180deg);
}

.under-rightbtn:hover,
.under-leftbtn:hover {
  scale: 1.2;
}

.under-leftbtn>img {
  width: 100%;
  height: 100%;
}

.under-minbox {
  position: absolute;
  transition: 0.3s;
}

/* 隐藏移动端展示发展图片 */
.develop-minbox {
  display: none;
}

.develop-textbox>div:nth-child(1) {
  margin-top: 0;
}

.pop-upwindow{
  position: fixed;
  width: 100%;
  height: 100vh;
  background: rgba(0,0,0,0.1);
  top: 0;
  transition: opacity .32s cubic-bezier(.4,0,.6,1) 80ms,visibility .32s step-end 80ms;
  backdrop-filter: blur(10px);
  z-index: -2;
  opacity: 0;
}

.pop-maxbox{
  position: absolute;
  width: 67.5em;
  height: 86vh;
  top: 100%;
  left: 50%;
  margin-left: -33.75em;
  margin-top: -40vh;
  background: #ffffff;
  border-radius: 2em;
  scale:0;
  transition: 0.5s;
}
.off-pop{
  text-align: right;
  margin: 2.5em 3.75em 2.5em 0;
}

.pop-minbox{
  width: 52.5em;
  margin: auto;
  height: 100%;
}

.off-pop>img{
  cursor: pointer;
}

.pop-minbox>div{
  height: 60vh;
}
.pop-title{
  margin-bottom:1.25em;
}
.pop-title>span{
  font-size: 3.75em;
}
.pop-text2>span{
  font-size: 1.75em;
}


.right-phone{
  display: none;
}
.left-phone{
  display: none;
}



@media (min-width: 0px) and (max-width: 1080px) {
  .right-phone{
    display: block;
  }
  .left-phone{
    display: block;
  }
  /* 背景 */
  .img-topbox {
    background-size: 1080px;
    height: 31.5em;
  }

  .img-bgbox {
    height: 31.5em;
  }

  .bg-imgs>img {
    width: 1080px;
    height: 31.5em;
  }

  .text-title {
    width: 18em;
    margin-top: -4em;
    margin-left: -9em;
  }

  .text-title>span {
    font-size: 3em;
  }

  /* 介绍 */
  .img-maxbox {
    margin-top: 3.75em;
  }

  .img-box {
    width: 47.5em;
    height: 45em;
    margin-bottom: 3.75em;
  }

  .imgs {
    height: 28.625em;
  }

  .text-box {
    padding-top: 2.5em;
  }

  .imgs>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .top-text1>span {
    font-size: 2.75em;
  }

  .top-text2 {
    margin: 2.5em 0 1em 0;
  }

  .top-text3 {
    width: 100%;
  }

  .top-text4 {
    width: 76%;
  }

  .top-text3>span,
  .top-text4>span {
    font-size: 0.875em;
  }

  /* 标题 */
  .title2 {
    margin: 5em 0 2.5em 0;
  }

  .title2>span {
    font-size: 2.75em;
  }

  /* 图片1 */
  .centre-imgbox>div>img {
    width: 18.75em;
    height: 27.8125em;
    transition: 0.5s;
  }

  .centre-imgbox>div:nth-child(2) {
    margin: 0 0.625em;
  }

  .centre-imgbox>div:nth-child(1),
  .centre-imgbox>div:nth-child(3) {
    margin-top: 5.8125em;
  }

  .centre-imgbox {
    height: 33.625em;
    width: 100%;
    overflow: hidden;
  }

  /* 文本1 */
  .title3 {
    width: 47.3125em;
    margin: 7em auto 15em;
  }

  .title3>div:nth-child(2) {
    margin: 2.625em auto;
  }

  .title3>div>span {
    font-size: 1.75em;
  }

  .h25em_ipad{height: 2.5em;}
  .pr0em_ipad{padding-right: 0;}


  /* 标题4 */

  .title4>div:nth-child(1)>span,
  .title4>div:nth-child(2)>span {
    font-size: 2.75em;
  }

  .title4>div:nth-child(3) {
    margin-top: 2em;
  }

  .title4>div:nth-child(3)>span {
    font-size: 0.875em;
  }

  /* 轮播图 */
  .slide-maxbox {
    width: 85.18518518518519% !important;
    height: 35em;
    margin-bottom: 5.5em;
  }

  .slide-text>div {
    width: 96%;
  }

  .slide-text {
    padding: 0 4.349%;
  }

  .slide-boxs {
    margin-right: 2em;
  }


  .slide-minbox>div>div {
    overflow: hidden;
    width: 50%;
  }


  /* 发展 */
  .develop-box {
    width: 100%;
    overflow-x: hidden;
    margin: auto;
  }

  .develop-imgbox>div:nth-child(1)>img {
    width: 15.75em;
    height: 19em;
  }

  .develop-imgbox>div:nth-child(2)>img {
    width: 19.25em;
    height: 17.25em;
  }

  .develop-imgbox>div:nth-child(3)>img {
    width: 16.25em;
    height: 12.5em;
  }

  .develop-imgbox {
    top: 167px;
  }

  .develop-imgbox2 {
    top: 204px;
  }

  .develop-textbox {
    width: 25em;
    height: 25em;
    margin: 0 0.625em 0.625em;
  }

  .develop-textbox>div {
    width: 21em;
  }

  .develop-textbox>div>div {
    width: 100%;
  }

  .develop-textbox>div>div>span {
    font-size: 2em;
  }

  .develop-textbox>div>div>img {
    width: 2.5em;
  }

  .develop-imgbox2>div>div:nth-child(1)>img {
    width: 15.875em;
    height: 24.125em;
  }

  .develop-imgbox2>div>div:nth-child(2)>img {
    width: 17.9375em;
    height: 20.5625em;
  }

  .develop-imgbox2>div>div:nth-child(3)>img {
    width: 19.375em;
    height: 14.9375em;
  }

  .develop-imgbox>div>div>img,
  .develop-imgbox2>div>div>img {
    margin-top:0.625em;
  }

  /* 底部轮播 */
  .bottom-maxbox {
    margin: 5em 0 3.75em 0;
  }

  .bottom-text2>span {
    font-size: 2.75em;
  }

  .bottom-text3>span {
    font-size: 0.875em;
  }

  .bottom-text2 {
    margin-bottom: 2em;
  }

  /* 图 */

  .bottom-t1>span {
    font-size: 1.5em;
  }

  .bottom-t2 {
    margin: 0.625em 0 2.5em 0;
  }

  .bottom-t2>span {
    font-size: 0.875em;
  }

  .bottom-t3 {
    width: 7.5em;
  }

  .bottom-t3>span {
    font-size: 1.125em;
  }

  .under-maxbox {
    width: 85.815%;
    height: 38.75em;
    margin-bottom: 5em;
  }

/* 弹框*/
  .pop-maxbox{
    width: 85.815815819%;
    margin-left: -42.5%;
    height: 75vh;
  }
  .pop-minbox>div{
    height: 58vh;
  }
  .pop-minbox{
    width: 80%;
  }
  .off-pop{
    margin: 3.75em 5em 1.25em 0;
  }

  .pop-title>span{
    font-size: 1.75em;
  }

  .off-pop>img{
    width: 2.5em;
  }
  .pop-text2>span{
    font-size: 1.375em;
  }
  .pop-text1>span{
    font-size: 0.875em;
  }
}

@media (min-width: 0px) and (max-width: 800px) { /* 手机 */
  body,html{
    overflow-x: hidden;
  }
  /* 背景 */
  .img-topbox {
    background-image: url('../image/WechatIMG4793.png');
    background-size: 920px;
    height: 35em;
  }

  .img-bgbox {
    height: 35em;
  }

  .bg-imgs>img {
    width: 920px;
    height: 35em;
  }

  .text-title {
    width: 12em;
    margin-left: -6em;
    margin-top: -2.625em;
  }

  .text-title>span {
    font-size: 2em;
  }

  /* 介绍 */

  .img-box {
    width: 21.875em;
    height: 40em;
    margin-bottom: 2.5em;
  }

  .imgs {
    height: 19.375em;
  }

  .imgs>img {
    width: auto;
    height: 100%;
  }

  .text-box {
    padding-top: 4.6875em;
  }

  .top-text2 {
    width: 14em;
    margin: 2em auto 0.625em;
  }

  .top-text1>span {
    font-size: 2em;
  }


  .top-text2>span {
    font-size: 0.875em;
  }

  .top-text3 {
    width: 17em;
  }

  .top-text3>span,
  .top-text4>span {
    font-size: 0.75em;
  }

  /* 标题 */
  .title2 {
    margin-top: 3.75em;
  }

  .title2>span {
    font-size: 2em;
  }

  /* 图片 */
  .centre-imgbox {
    width: 28em;
    height: 44em;
    margin: auto;
    position: relative;
    overflow: visible;
    transition: 0.5s;
    left: 32%;
  }
  .tb_imgbox {margin-right:1% !important;}
  .centre-imgbox>div {
    margin-top: 0 !important;
    margin-left:0 !important;
    /*position: absolute;*/
  }

  .centre-imgbox>div:nth-child(2){
    margin: 0 0.625em;
  }

  .centre-imgbox>div:nth-child(1) {
    z-index: 1;
    opacity: 1;
  }

  /* 文本 */
  .title3 {
    width: 22.1875em;
    margin: 2.5em auto 7em;
  }

  .title3>div:nth-child(2) {
    margin: 1.75em auto;
  }

  .title3>div>span {
    font-size: 1.125em;
  }

  .h14em_wap{height: 1.4em;}
  .pr0em_wap{padding-right: 0;}

  /* 标题4 */
  .title4 {
    width: 100%;
    margin-bottom: 2.5em;
  }

  .title4>div>span {
    font-size: 2em !important;
  }

  .title4>div:nth-child(3) {
    width: 13em;
    margin: auto;
    margin-top: 1.5em;
  }

  .title4>div:nth-child(3)>span {
    font-size: 0.75em !important;
  }

  /* 轮播图 */
  .slide-maxbox {
    width: 18.75em !important;
    height: 35em;
  }

  .slide-boxs {
    margin-right: 10px;
  }

  .slide-imgs,
  .slide-imgs>img {
    border-radius: 2em 2em 0 0;
  }

  .slide-text {
    border-radius: 0 0 2em 2em;
  }

  .slide-minbox>div {
    flex-direction: column-reverse;
  }

  .top24b_wap{top: 24%;}

  .slide-minbox>div>div {
    width: 100%;
  }

  .left-btn,
  .right-btn {
    top: 35%;
  }

  .slide-imgs {
    height: 22.625em;
    overflow: hidden;
  }

  .slide-text {
    height: 12.375em;
    padding-left: 2.5em;
  }

  .slide-text>div {
    margin-bottom: 1em;
  }

  .slide-text>div:nth-child(1)>span {
    font-size: 1.125em;
  }

  .slide-text>div:nth-child(2)>span {
    font-size: 0.75em;
  }

  .slide-text>div:nth-child(2) {
    width: 13.75em;
  }

  .left-btn,
  .right-btn {
    width: 2em;
    height: 2em;
  }

  .right-btn {
    right: -50px;
  }

  .left-btn {
    left: -50px;
  }

  /* 移动端展示发展图片 */
  .develop-minbox {
    width: 99%;
    overflow: hidden;
    margin-bottom: 2.5em;
    display: block;
  }
  .centre-imgbox>div{
    transition: 0.5s;
  }
  .develop-minimgbox {
    text-align: right;
    margin-right: 0.625em;
  }

  .develop-minimgbox>div:nth-child(1)>img {
    width: 10.6875em;
    height: 12.9375em;
  }

  .develop-minimgbox>div:nth-child(2)>img {
    width: 13.125em;
    height: 11.75em;
  }

  .develop-minimgbox>div:nth-child(3)>img {
    width: 11.0625em;
    height: 8.5em;
  }

  .develop-minimgbox2>div:nth-child(1)>img {
    width: 10.8125em;
    height: 16.4375em;
  }

  .develop-minimgbox2>div:nth-child(2)>img {
    width: 12.1875em;
    height: 14em;
  }

  .develop-minimgbox2>div:nth-child(3)>img {
    width: 13.1875em;
    height: 10.1875em;
  }

  /* 发展 */
  .develop-imgbox,
  .develop-imgbox2 {
    display: none;
  }

  .develop-textbox {
    width: 22.125em;
    height: 20em;
  }

  .develop-textbox>div {
    width: 19.125em;
  }

  .develop-textbox>div>div {
    width: 100%;
  }

  .develop-textbox>div>div>span {
    font-size: 2em;
  }


  .develop-textbox>div>div>img {
    width: 2em;
  }

  /* 底部轮播 */
  .bottom-maxbox {
    margin: 3.75em 0 2.5em 0;
  }

  .bottom-text1>span {
    font-size: 0.875em;
  }

  .bottom-text2 {
    margin-bottom: 1.5em;
  }

  .bottom-text2>span {
    font-size: 2em;
  }

  .bottom-text3>span {
    font-size: 0.75em;
  }

  /* 轮播 */
  .under-maxbox {
    width: 21.875em;
    height: 38.75em;
    border-radius: 2em;
    margin-bottom: 3.75em;
  }

  .bottom-imgbox {
    width: 21.875em;
    height: 38.3125em;
    margin-right: 0.625em;
  }

  .bottom-imgbox>div>img {
    width: 21.875em;
    height: 20em;
  }

  .bottom-imgbox>div:nth-child(2) {
    padding: 2.5em 2.5em 0 2.5em;
  }

  .bottom-t1>span {
    font-size: 1.375em;
  }

  .bottom-t2 {
    margin: 0.625em 0 2.5em;
  }

  .bottom-t2>span {
    font-size: 0.75em;
  }

  .bottom-t3 {
    width: 5em;
    height: 2em;
    line-height: 2em;
  }

  .bottom-t3>span {
    font-size: 0.875em;
  }

  .under-leftbtn,
  .under-rightbtn {
    width: 2em;
    height: 2em;
  }

  .under-rightbtn>img {
    width: 100%;
    height: 100%;
  }


  .phone-box {
    position: relative;
    width: 100%;
    margin: auto;
    overflow: hidden;
  }

  .left-phone {
    position: absolute;
    z-index: 66;
    top: 50%;
    left: 10px;
    transform: rotateY(180deg);
    transition: 0.2s;
  }

  .right-phone {
    position: absolute;
    z-index: 66;
    top: 50%;
    right: 10px;
    transition: 0.3s;

  }


/* 弹框*/
  .pop-upwindow{
    background: #ffffff;
    z-index: -6;
    opacity: 0;
  }
  .pop-maxbox{
    width: 21.875em;
    margin-left: -10.9375em;
  }
  .off-pop>img{
    width: 2em;
  }
  .off-pop{
    margin: 2.5em 0 1.25em 0;
  }

  .pop-title>span{
    font-size: 1.125em;
  }
  .pop-text1>span{
    font-size: 0.75em;
  }
  .pop-text2>span{
    font-size: 1.25em;
  }
  .pop-title{
    margin-bottom: 1.5em;
  }
  .pop-minbox{
    width: 100%;
  }
  .pop-minbox>div{
    height: 68vh;
  }

  header{
    position: fixed;
  }
  .img-bgbox{
    margin-top: 56px;
  }

}