/* body{width:192rem; overflow: hidden; height:auto;} */
.section1{  display: flex; width: 192rem;  position: relative;  height: 87rem; background-image: url("https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product23/banner.png"); background-size: 100% 100%;  align-items: center; flex-direction: column; justify-content: flex-start;}
.section1 h1{margin-top: 7rem; font-size: 5.6rem;}
.section1 p{ font-size: 2rem; margin-top: 2.4rem;}

.swiper1 { margin-top: 3.4rem;  width: 82rem; height: 44rem; }
.swiper1 img {  width: 82rem; height: 44rem; }

.swiper2  {  width: 140rem; height: 74rem; }
.swiper2 img {  margin-top: 10rem;width: 140rem; height: 74rem;}

.tab { position: absolute;  bottom: 0;  height: 13.5rem;  background-color: rgba(0, 0, 0, 0.9);  width: 192rem; padding: 0 25.8rem; display: flex; align-items: center; justify-content: space-between; }
.tab-item { display: flex; justify-content: space-around; flex-direction: column; align-items: center; }
.tab-item img { height: 4.3rem; }
.tab-item p {  font-size: 1.5rem; color: white; }

.section {  background-color: #fff; display: flex; align-items: center;  flex-direction: column; }
.section .sec-item h1:first-child { margin-top: 14.6rem; margin-bottom: 3.7rem; }
.section .sec-item { position: relative; }
.section .sec-item-title {   }
.section .sec-item-title h1 { font-size: 4.8rem; text-align: center; }
.section .sec-item-img { margin-top: 10rem; height: 110rem; width: 140rem; }

.section2 { display: flex; align-items: center; flex-direction: column; }
.section2 .sec-item-title { margin-top: 12rem; }
.section2 .sec-item-title h1 { font-size: 4.8rem; text-align: center; }
.section2 .sec-item-title h1:first-child { margin-bottom: 3.5rem; }
.section2 .sec-item-img { margin-top: 4rem; width: 36.5rem; height: 60.4rem; }

.section3 { margin-top: 3rem; display: flex; align-items: center; flex-direction: column; }
.section3 .sec-item-title {  margin-top: 12rem; }
.section3 .sec-item-title h1 { font-size: 4.8rem; text-align: center; }
.section3 .sec-item-title h1:first-child { margin-bottom: 3.5rem; }
.section3 .sec-item-img {  margin-top: 10rem; width: 140rem;  height: 80.4rem; }

.section4{ display: flex; align-items: center; flex-direction: column; margin-top: 15rem; }
.section4 h1{ font-size: 3.5rem; }
.section4 p{ font-size:1.8rem; margin: 4rem auto; padding:0 20rem;  text-align: center;}
/*.section4 img{ width:140rem; }*/

.section4 .swiper-button-next, .section4 .swiper-button-prev {width: 40px;height: 40px;background-size: 40px;}
.section4 .swiper-button-prev,.section4 .swiper-container-rtl .swiper-button-next {background-image:url(../images/icon-left.png);left: 0;}
.section4 .swiper-button-next,.section4  .swiper-container-rtl .swiper-button-prev {background-image:url(../images/icon-right.png);right: 0;}
.index-pagination {position: relative;width: fit-content;border: 1px solid #f2f2f2;border-radius: 50px;margin: 0 auto;display: flex;}
.index-pagination .swiper-pagination-bullet {width: 6px;height: 6px;margin-right:8px;display: block;}
.index-pagination .swiper-pagination-bullet-active {background: #000;}
.index-pagination .swiper-pagination-bullet:last-child {margin-right: 0;}

.section5{display: flex; align-items: center; flex-direction: column; margin-top: 10rem;}
.section5 h1{ font-size: 3.5rem; }
.section5 p{ font-size:1.8rem; margin: 4rem auto;  padding:0 20rem;  text-align: center;}
.section5 img{ width:140rem; }

.section6{display: flex;  align-items: center; flex-direction: column;  position: relative;}
.section6-item{position: absolute; top:30rem;}
.section6-item h1{font-size: 3.5rem; text-align: center;}
.section6 p{ font-size:1.8rem; margin-top: 4rem ;   text-align: center; padding:0 20rem;  }
.section6 img{width:192rem; }


.section7{display: flex; align-items: center; flex-direction: column; margin-top: 10rem;}
.section7 h1{font-size: 3.5rem; text-align: center;}
.section7 p{ font-size:1.8rem; margin: 4rem auto; text-align: center; padding:0 20rem;  }
.section7 img{width:140rem; }


.section8{display: flex; align-items: center; flex-direction: column;  position:relative;}
.section8-item{ position:absolute; top:14.5rem; left:26rem;  }
.section8-item h1{font-size: 4rem; text-align: left;}
.section8 .section8-item p{ font-size:1.8rem; width:48rem; text-align: left; margin-top: 4rem;   }
.section8  img{ width:192rem; }

.section9{display: flex; align-items: center; flex-direction: column;  position: relative;}
.section9-item{ position: absolute; top:8rem;}
.section9-item h1{font-size: 3.5rem; text-align: center;}
.section9-item p{font-size:1.8rem; margin-top: 4rem; padding:0 20rem; text-align: center;}
.section9 img{height:96rem; width:192rem;}

.section10{display: flex; align-items: center; flex-direction: column;}
.section10 img{width:192rem;}

.section11{display: flex; align-items: center; flex-direction: column;  position: relative;}
.section11-item{position: absolute; top:22rem; right:30rem;}
.section11-item h1{font-size: 4.7rem; text-align: left;}
.section11-item p{width:36.6rem; line-height:3rem; font-size:1.6rem; margin-top: 4rem; text-align: left;}

.section12{display: flex; align-items: center; flex-direction: column;   padding-top: 10rem;}
.section12 h1{font-size: 4.8rem; text-align: center;}
.section12 p{font-size:1.8rem; margin-top: 4rem; padding:0 20rem; text-align: center;}
.section12-item{margin-right: 1rem;}
.section12-item-1{margin-top: 0.5rem;}

.section13{display: flex; align-items: center; flex-direction: column;  position: relative; padding-top: 10rem;}
.section13 h1{font-size: 4.8rem; text-align: center;}
.section13 p{font-size:1.8rem; margin-top: 4rem; padding:0 20rem; text-align: center;}
.section13 img{width:140rem;}

.section14{display: flex; align-items: center; flex-direction: column;   padding-top: 10rem;}
.section14 h1{font-size: 4.8rem; text-align: center;}
.section14 p{font-size:1.8rem; margin-top: 4rem; padding:0 20rem; text-align: center;}
.section14-1 img:nth-child(1){width:45rem; height:38rem;}
.section14-1 img:nth-child(2){width:39rem; height:38rem;}
.section14-1 img:nth-child(3){width:53rem; height:38rem;}
.section14-2 img:nth-child(1){width:73rem; height:39rem;}
.section14-2 img:nth-child(2){width:65.5rem; height:39rem;}
.section14-3{display: none;}

.last-line{display: none;}


@media screen and (max-width: 750px) {
  html{font-size: 75px;}
  .last-line{display: block;}
  .section1 { display: flex; height:200rem;   width: 192rem;  position: relative;  align-items: center;  flex-direction: column; justify-content: flex-start; }
  .text1 { padding: 0 20rem;  line-height: 10rem; text-align: center; }
  .swiper1 {  width: 120rem; height:70rem;}
  .swiper1 img { width: 120rem; height:70rem; }
  .swiper2 {  width: 120rem; height:70rem;}
  .swiper2 img { width: 120rem; height:70rem; }
  .tab { height: 80rem;  display: flex;  flex-wrap: wrap;  padding: 20px; }
  .tab img { height: 30rem;  }
  .tab-item { display: flex; justify-content: space-around; flex-direction: column; align-items: center; width: 30%; height: 30rem; }
  .tab-item img { height: 10rem; }
  .tab-item p { font-size: 1.5rem; color: white; }

  .section6{display: flex;  align-items: center; flex-direction: column;  position: relative;}
  .section6-item{position: absolute; top:10rem;}
  .section6-item h1{font-size: 3.5rem; text-align: center;}
  .section6 p{ font-size:1.8rem; margin-top: 4rem; text-align: center; padding:0 20rem; }
  .section6 img{width:192rem; }

  .section8{display: flex; align-items: center; flex-direction: column;  position:relative; padding-top: 120px;}
  .section8-item{ position:absolute; margin: auto; left: 0px;}
  .section8-item h1{font-size: 4rem; text-align: center;}
  .section8 .section8-item p{ font-size:1.8rem; width:90%; text-align: center; margin: 4rem auto 0; line-height:10rem; }
  .section8  img{ width:192rem; }

  .section9{display: flex; align-items: center; flex-direction: column;  position: relative;padding-top: 40px; background-color: #eaeaea;}
  .section9-item{ position: absolute; top:10rem;}
  .section9-item h1{font-size: 3.5rem; text-align: center;}
  .section9-item p{font-size:1.8rem;  width:90%;   padding:0 ; margin:6px auto; text-align: center; line-height:8rem;}
  .section9 img{height:96rem; width:192rem;}

  .section11-item{position: absolute; top:5rem; right:30rem;}
  .section11-item p{width:80.6rem; line-height:3rem; font-size:1.6rem; line-height:8rem;  text-align: left;}
  .section12 h1{font-size: 4.8rem; text-align: center;}
  .section12 p{font-size:1.8rem; margin-top: 4rem; line-height:8rem; padding:0 10rem; text-align: center;}

  .section13 p{font-size:1.8rem; margin-top: 4rem; padding:0 10rem; text-align: center; line-height:8rem;}
  .section13 img{ width: 100%; }

  .section14 p{font-size:1.8rem; margin-top: 4rem; padding:0 20rem; text-align: center;  line-height:8rem;}
  .section14-1{ display: none; }
  .section14-2{ display: none; }
  .section14-3{display:  block;}
  .section14-3 img{width:100%;margin-top: 20px;}

  h1{ font-size:8rem; }
}