* {
	margin: 0;
	padding: 0;
}
ul {
	list-style-type: none;
}
.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	width: 100%;
	height: 100%;
}

.containers {
	height: 100vh;
	position: relative;
	width: 100%;
}

.ping {
	width: 100%;
	height: 100%;
	background-color: #26146a;
	padding-top: 120px;
}
.row{margin: 0 !important;padding:0 !important;}
.dfr{display: flex;flex-direction: row;align-items: center;justify-content: center;}
.navs{position: fixed;top:0;left:0;z-index: 2;width: 100%;background-color: white;}
.nav{height: 120px;}
.navs1{width: 90px;height: 90px;}
.navs2{width: 60px;height: 60px;}
.navs3{width: 64px;height: 64px;}
.nav div{font-size: 26px;color:#333333;font-weight:500;}
.nav-avtive{position: absolute;opacity: 0;transition: all 0.5s;left: 50%; bottom: -10px;transform: translate(-50%, -50%);    }
.avtives{opacity: 1;}
.nav-avtive img{width: 180px;height: 18px;}
.nav-cont{margin: auto;position: relative;cursor: pointer;}
.first_cont{text-align: left;padding-left: 20px;margin-top: 5.625rem;}
.titles{color:#FFFFFF;letter-spacing: 3px;}
.th2{font-size: 133px;font-weight: 500;}
.th3{font-size: 100px;font-weight: 500;}
.thc{font-size: 60px;font-weight: normal;font-weight: 100;}
.btns{text-align: center;width: 320px;height: 80px;line-height: 80px;margin-top: 108px;border-radius: 5px;border: none;color:#333333;font-size: 36px;letter-spacing: 3px;font-weight: 500;box-shadow: 1px 1px 20px 2px rgba(255,255,255,0.5);}
.firstleft{text-align: center;}
.first_leftimg{margin-top: 92px;width: 298px;height: 550px;}
.first_rigimg{margin-top: 379px;width: 698px;height: 541px;margin-left: -200px;}
.two_rigimg{width: 298px;height: 550px;margin-top: 176px;}
.two_cont{text-align: center;}
.twos img{width: 280px;height: 280px;-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(250, 250, 250, 0.2)));}
.two_name{color:#FFFFFF;font-size: 24px;}
.two_main{font-size: 18px;color:white;}
.twos{margin-top: 250px;text-align: center;width: 100%;}
.threeimg{width: 1066px;height: 379px;margin-top: 99px;}
.threecont{margin-top: 65px;}
.threecont div{font-size: 24px;color:#FFFFFF;}
.threebot div{font-size: 16px;color:white;}
.threebot{margin-top: 80px;margin-bottom: 40px;}
.threes{position: relative;}
.threejing{position: absolute;bottom:-80px;left:0;width: 669px;height: 429px;}
.three3{position: absolute;top:-120px;left:333px;width:186px;height: 208px;}


@media screen and (max-width:1900px ){
	.th2{font-size: 110px;}
	.th3{font-size: 80px;}
	.thc{font-size: 50px;}
	.btns{margin-top: 50px;width:300px;height: 70px;line-height: 40px;font-size: 30px;background-color: white;}
	.first_rigimg{width: 598px;height: 441px;}
	.twos{width: 280px;margin-top: 165px;}
	.two_rigimg{width: 220px;height: 450px;}
	.threeimg{width: 1066px;height:auto;margin-top: 50px;position: relative;z-index: 2;}
	.threebot{margin-top: 20px;}
	.three3 {left: 160px;}
	.threejing{width: 469px;height: 329px;bottom:0;}
}

@media screen and (max-width:1665px ){
	.th2{font-size: 105px;}
	.th3{font-size: 75px;}
	.thc{font-size: 45px;}
	.threeimg{width: 900px;height:auto;margin-top: 50px;position: relative;z-index: 2;}
	.first_leftimg{width: 85%;height: auto;}
}

@media screen and (max-width:1540px ){
	.th2{font-size: 7.9375rem;}
	.th3{font-size: 6.0625rem;}
	.thc{font-size: 4.1875rem;}
	.threeimg{width: 800px;height:auto;margin-top: 80px;position: relative;z-index: 2;}
	.first_rigimg {width: 150%;margin-top: 70%;height: auto;}
	.threejing{bottom: 0;width: 369px;height: 229px;}
	.btns{margin-top: 50px;width:30%;height: auto;line-height: none;font-size: 1.875rem;background-color: white;padding: 1% 0;}
	.twos img{width: 200px;height: 200px;}
}
@media screen and (max-width:1446px ){
	.th2{font-size: 6.9375rem;}
	.th3{font-size: 5.0625rem;}
	.thc{font-size: 3.1875rem;}
}
@media screen and (max-height:733px ){
	.threeimg{width: 55%;margin-top: 70px;}
	.threecont {margin-top: 40px;}
	.threecont div{font-size: 1.975rem;}
}
@media screen and (max-height:700px ){
	.th2{font-size: 6.9375rem;}
	.th3{font-size: 5.0625rem;}
	.thc{font-size: 3.1875rem;}
	.first_rigimg {width: 130%;margin-top: 70%;height: auto;}
}
@media screen and (max-height:650px ){
	.threeimg{width: 49%;}
}

@media screen and (max-height:625px ){
	.twos img{width: 150px;height: 150px;}
}
@media screen and (max-height:617px ){
	.threeimg{width: 40%;}
}
@media screen and (max-height:617px ){
	.threecont div{font-size: 1.575rem;}
}
@media screen and (max-height:550px ){
	.th2{font-size: 5.9375rem;}
	.th3{font-size: 4.0625rem;}
	.thc{font-size: 2.1875rem;}
	.first_rigimg {width: 100%;margin-top: 70%;height: auto;}
	.twos img{width: 150px;height: 150px;}
	.twos{margin-top: 110px;}
	.two_rigimg{margin-top: 100px;}
	.threeimg{width: 38%;margin-top: 40px;}
	.threecont {margin-top: 40px;}
	.threecont div{font-size: 1.45rem;}
	.threebot div{font-size: 1.25rem;}
	
}

@media screen and (min-width:320px ) and (max-width:750px ){
	.navs{position: fixed;bottom:0;left:0;top:initial;}
	.nav {height: 60px;}
	.navs1{width: 40px;height: 40px;}
	.navs2{width: 30px;height: 30px;}
	.navs3{width: 32px;height: 32px;}
	.nav div{font-size: 13px;}
	.nav-avtive img{width: 95px;height: 7px;}
	.dfr{display: flex;flex-direction: column;}
	.nav-avtive{bottom: -16px;}
	
	.ping{padding-top: 0;}
	.first_leftimg{width: 130px;margin-top: 10px;height: auto;}
	.first_cont{margin-top: 0;}
	.th2{font-size: 36px;}
	.th3{font-size: 24px;}
	.thc{font-size: 18px;}
	.btns{margin-top: 30px;width:160px;height: 40px;line-height: 40px;font-size: 18px;background-color: white;}
	
	.twos img{width: 120px;height: 120px;}
	.two_name{font-size: 18px;}
	.two_main{font-size: 14px;}
	.twos{margin-top: 0;}
	.two_rigimg{display: none;}
	
	.threeimg{width: 100%;height:auto;margin-top: 30px;}
	.threecont div{font-size: 14px;}
	.threecont{margin-top: 40px;}
	.threebot div{font-size: 12px;}
	.threebot{margin-top: 40px;}
	.three3 {width: 110px;position: initial;height: auto;margin-top: 30px;}
	.threejing{display: none;}
}
.swiper-container{
    --swiper-theme-color: white;
    --swiper-pagination-color: #00ff33;/* 两种都可以 */
  }
 .swiper-pagination-bullet{
	 background-color: white;
	 opacity: 0.3;
 }
.swiper-pagination-bullet-active{
	background-color: white;
	opacity: 1;
}