.part1 .swiper {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.swiper-slide {
  height: 986px;
}

.part1 .swiper .swiper-pagination {
  bottom: 230px;
  padding-right: 210px;
  font-size: 0;
  text-align: right;
}

.part1 .swiper .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  opacity: 1;
  transition: all 0.66s;
  border: 2px solid white;
  background-color: rgba(255, 255, 255, 0);
}

.part1 .swiper .swiper-pagination-bullet-active {
  background-color: white;
}

.part1 .swiper-slide .ctMain {
  width: 100%;
  top: initial;
  font-weight:bold;
  left: 0;
  right:0;
  bottom: 230px;
  text-align: left;
  transform: initial;
}

.part1 .swiper-slide .b {
  max-width: 750px;
  font-size: 50px;
  line-height: 60px;
  color: white;
}

.part1 .swiper-slide a {
  display: inline-block;
  line-height: 40px;
  margin-top: 35px;
  padding: 0 15px;
  font-size: 14px;
  color: white;
  transition: all 0.55s;
  border-radius: 3px;
  border: 1px solid white;
  background-color: transparent;
}

.part1 .swiper-slide a:hover {
  color: black;
  background-color: white;
}

.part2 {
  position: relative;
}

.part2 .three {
  font-size: 0;
}

.part2 .three li {
  max-width: calc((100% - 160px) / 3);
  margin-right: 80px;
}

.part2 .three li:nth-child(3n) {
  margin-right: 0;
}

.part2 .three li a {
  position: relative;
  display: block;
}

.part2 .three li .putTxt {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  line-height: 45px;
  padding-left: 55px;
  padding-bottom: 75px;
  align-items: flex-end;
}

.part2 .three li .putTxt p {
  color: white;
  font-size: 35px;
  text-align: left;
}

.part2 .topTxt {
  position: relative;
  margin: 225px 0 220px auto;
  padding-left: 95px;
  font-size: 65px;
  line-height: 90px;
  text-align: right;
}

.part2 span {
  display: inline-block;
  font-size: 20px;
  line-height: 20px;
}

.part4 .banner {
  position: relative;
  height: 985px;
}

.part4 .ctMain {
  width: 100%;
  padding-left:15px;
  top: initial;
  left:15px;
  top: 230px;
  text-align: left;
  transform: initial;
  color: white;
}

.part4 .s {
  font-size: 20px;
}

.part4 .b {
  max-width: 800px;
  margin: 25px 0 45px;
  font-size: 50px;
  line-height: 60px;
}

.part4 a {
  display: inline-block;
  line-height: 40px;
  margin-top: 35px;
  padding: 0 15px;
  font-size: 14px;
  color: white;
  transition: all 0.55s;
  border-radius: 3px;
  border: 1px solid white;
  background-color: transparent;
}

.part4 a:hover {
  color: black;
  background-color: white;
}

.part3 {
  padding: 370px 0 335px;
}

.part3 p {
  max-width: 750px;
  font-size: 35px;
  line-height: 45px;
}

.part3 a {
	font-weight:bold;
  display: inline-block;
  line-height: 40px;
  margin: 45px 0 115px;
  padding: 0 15px;
  font-size: 14px;
  color: var(--themaBlack);
  transition: all 0.55s;
  border-radius: 3px;
  border: 1px solid var(--themaBlack);
  background-color: transparent;
}

.part3 a:hover {
  color: white;
  background-color: var(--themaBlack);
}




@media (max-width:768px) {
.part1 .swiper-slide{ height:768px;}
.part1 .swiper-slide .ctMain{ bottom:15%;}
.part1 .swiper .swiper-pagination{ bottom:7.5%; padding-right:15px;}
.part1 .swiper-slide .b,.part4 .b{ font-size:50px; line-height:60px;}
.part2 .topTxt{ font-size:55px; line-height:65px; margin:15% 0;}
.part3{ display:block;}
.part2 .three li{ width:100%; margin:2.5% 0 !important; max-width:inherit;}
.part2 .three li .putImg img{ width:100%;}
.part3{ padding:25% 0;}
.part3 .rightPic{ margin-top:5%;}
.part3 .rightPic img{ width:100%;}
.part4 .banner{ height:auto; padding:35% 0;}
.part4 .ctMain{ position:static;}
}

@media (max-width:640px) {
.part1 .swiper-slide{ height:500px;}
.part1 .swiper-slide .b,.part4 .b{ font-size:30px; line-height:40px;}
.part2 .topTxt{ font-size:40px; line-height:50px; padding-left:0; margin:25% 0;}
.part2 .three li .putTxt p{ font-size:26px;}
.part2 .three li .putTxt{ padding-left:10%; padding-bottom:10%;}
.part3 p{ font-size:30px; line-height:40px;}
}