@charset "utf-8";

.banner { position:relative; width:100%; }

.swiper-container-1 .swiper-slide { position:relative; width:100%; overflow:hidden; font-size:0; }
.swiper-container-1 .swiper-slide .img02 { display:none; }
.swiper-container-1 .swiper-slide img { transition: all 5s; }

.swiper-container-1 .swiper-slide-active img { transform: scale(1.1); }
 
.swiper-pagination-1 { position:absolute; bottom:70px; left:0; right:0; text-align:center; z-index:9;  }
.swiper-pagination-1 .swiper-pagination-bullet { width:8px; height:8px; margin:0 6px;  border-radius:100%; background:#ccc; opacity:1; }
.swiper-pagination-1 .swiper-pagination-bullet-active { width:35px; border-radius:10px; }

@media all and (max-width:1680px){
	.swiper-pagination-1 { bottom:50px; }
}
@media all and (max-width:1200px){
	.swiper-pagination-1 { bottom:40px; }
}
@media all and (max-width:900px){
	.swiper-container-1 .swiper-slide .img01 { display:none; }
	.swiper-container-1 .swiper-slide .img02 { display:block; }

	.swiper-pagination-1 { bottom:30px; }
	.swiper-pagination-1 .swiper-pagination-bullet { margin:0 3px; }
	.swiper-pagination-1 .swiper-pagination-bullet-active { width:25px; } 
}

.aArea { padding:90px 0; }
.aArea .bd { margin-top:50px; }
.aArea .bd ul li { float:left; width:23.75%; margin-right:1.66%; }
.aArea .bd ul li:nth-child(4n) { margin-right:0; }
.aArea .bd ul li:nth-child(n + 5) { margin-top:40px; }
.aArea .bd ul li .pic { position:relative; padding-bottom:70%; overflow:hidden; }
.aArea .bd ul li .pic img { position:absolute; top:0; left:0; width:100%; height:100%; transition: all 0.6s; object-fit: cover; z-index:2; }
.aArea .bd ul li .txt { font-size:18px; margin-top:15px; line-height:20px; color:#333;  padding:0 10px; text-align:center; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.aArea .bd ul li:hover .pic img { transform: scale(1.1)!important; }
.aArea .bd ul li:hover .txt { color:#2129B8; }

.aArea .bd01 { margin-top:50px; text-align:center; }

@media all and (max-width:1680px){
	.aArea { padding:80px 0; }
	.aArea .bd { margin-top:40px; }
	.aArea .bd ul li { float:left; width:23.75%; margin-right:1.66%; }
	.aArea .bd ul li:nth-child(4n) { margin-right:0; }
	.aArea .bd ul li:nth-child(n + 5) { margin-top:20px; }

	.aArea .bd ul li .txt { font-size:16px; margin-top:15px; }
 
	.aArea .bd01 { margin-top:40px; }
}
@media all and (max-width:1200px){
	.aArea { padding:60px 0; }
	.aArea .bd { margin-top:30px; }
	.aArea .bd ul li { float:left; width:23.75%; margin-right:1.66%; }
	.aArea .bd ul li:nth-child(4n) { margin-right:0; }
	.aArea .bd ul li:nth-child(n + 5) { margin-top:20px; }

	.aArea .bd ul li .txt { font-size:14px; margin-top:10px; }
 
	.aArea .bd01 { margin-top:30px; }
}
@media all and (max-width:900px){
	.aArea { padding:40px 0; }
	.aArea .bd ul li { float:left; width:49%; margin-right:2%; }
	.aArea .bd ul li:nth-child(4n) { margin-right:2%; }
	.aArea .bd ul li:nth-child(2n) { margin-right:0; }
	.aArea .bd ul li:nth-child(n + 3) { margin-top:20px; }
}



.cArea { position:relative; padding:90px 0; background:url(cArea.jpg) no-repeat center top; background-size:cover; z-index:1; }
.cArea:before { position:absolute; left:0; width:100%; bottom:0; height:230px; display:block; content:""; background:url(c02.jpg) no-repeat center; background-size:cover; z-index:1; }
.cArea .wrap { position:relative; z-index:5; }
.cArea .Area-hd .p1 { color:#fff; }
.cArea .Area-hd .p2 { color:#fff; }
.cArea .bd { margin-top:50px; }

.cArea .bd01 { position:relative; margin-top:-20px; text-align:center; z-index:9; }

@media all and (max-width:1680px){
	.cArea { padding:80px 0; }
	.cArea:before { height:220px; }

	.cArea .bd { margin-top:40px; }

	.cArea .bd01 { margin-top:-15px; }
}
@media all and (max-width:1200px){
	.cArea { padding:60px 0; }
	.cArea:before { height:220px; }

	.cArea .bd { margin-top:30px; }

	.cArea .bd01 { margin-top:-10px; }
}
@media all and (max-width:900px){
	.cArea { padding:40px 0; }
	.cArea:before { height:25vw; }

	.cArea .bd { margin-top:30px; }

	.cArea .bd01 { margin-top:-10px; }
}
@media all and (max-width:600px){
	.cArea:before { height:35vw; }
}







@media all and (max-width:1680px){
	
}
@media all and (max-width:1200px){
	
}
@media all and (max-width:900px){
	
}