@charset "utf-8";

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

.swiper-container-1 .swiper-slide { position:relative; width:100%; overflow:hidden; }
.swiper-container-1 .swiper-slide .img02 { display:none; }

.swiper-pagination-1 { position:absolute; bottom:30px; left:0; right:0; text-align:center; z-index:9; display:none; }
.swiper-pagination-1 .swiper-pagination-bullet { width:8px; height:8px; margin:0 3px;  border-radius:100%; background:rgba(255,255,255,0.4); opacity:1; }
.swiper-pagination-1 .swiper-pagination-bullet-active { width:20px; border-radius:8px; background:#fff; }

.banArea { position:absolute; left:0; right:0; bottom:60px; z-index:2; }
.banArea .wrap { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: center; }
.banArea .num { font-size:18px; color:#999; }
.banArea .num i { font-weight:bold; color:#118543; }

.banArea .ss { width:calc(100% - 230px); height:1px; background:#118543; opacity:0.2; }

.banArea .btn { font-size:0; }
.banArea .btn01 { display:inline-block; width:40px; height:40px; opacity:0.5; border-radius:100%; overflow:hidden; cursor:pointer; }
.banArea .prev-01 { background:url(ban01.png) no-repeat center; margin-right:20px; }
.banArea .next-01 { background:url(ban02.png) no-repeat center; }

.banArea .btn01:hover { opacity:1; }

.banArea .prev-01:hover { background:url(d03.png) no-repeat center #118543; }
.banArea .next-01:hover { background:url(d04.png) no-repeat center #118543; }

@media all and (max-width:1200px){
	.swiper-container-1 .swiper-slide .img01 { display:none; }
	.swiper-container-1 .swiper-slide .img02 { display:block; }
	
	.banArea { display:none; }

	.swiper-pagination-1 { display:block; }
}


 
.aArea { padding-top:60px; }
.aArea01 { float:left; width:calc(100% - 1285px); padding-top:90px; }
.aArea01 .bd { font-size:16px; line-height:30px; margin-top:30px; color:#666; }
.aArea01 .bd01 { margin-top:75px; }

.aArea02 { float:right; width:1230px; }
.aArea02 ul { overflow: hidden; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.aArea02 ul li { position:relative; width:260px;  overflow:hidden; transition: all 0.6s; border-radius:8px; }
.aArea02 ul li .pic { height:450px; }
.aArea02 ul li .pic img { width:100%; height:100%; object-fit: cover; }
.aArea02 ul li .txt { position:absolute; left:0; right:0; top:320px; padding:0 20px; transition: all 0.6s; z-index:2; }
.aArea02 ul li .txt .p1 { height:40px; }
.aArea02 ul li .txt .p1 img { max-height:40px; height:auto; }
.aArea02 ul li .txt .p2 { margin-top:10px; }
.aArea02 ul li .txt .p2 a { font-size:18px; color:#333; }
.aArea02 ul li .txt .p4 { margin-top:20px; padding-top:25px; border-top:1px solid #c7e3d5; width:100%; font-size:0; display:none; }
.aArea02 ul li .txt .p4 a { display:inline-block; width:49%; margin-right:2%; text-align:center; line-height:30px; font-size:16px; color:#666; border:1px solid #c7e3d5; border-radius:5px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; transition: all 0.5s; }
.aArea02 ul li .txt .p4 a:nth-child(2n) { margin-right:0; }
.aArea02 ul li .txt .p4 a:nth-child(n + 3) { margin-top:2%; }

.aArea02 ul li .txt .p2:hover a { color:#118543; }
.aArea02 ul li .txt .p4 a:hover { background:#118543; color:#fff; border-color:#118543;}
 
.aArea02 ul li.on { width:700px; }
.aArea02 ul li.on .txt { top:40px; padding:0 40px; }
.aArea02 ul li.on .txt .p4 { display:block; }

@media all and (max-width:1780px){
	.aArea { padding-top:60px; }
	.aArea01 { float:left; width:calc(100% - 880px); padding-top:30px; }
	.aArea01 .bd { font-size:14px; line-height:25px; margin-top:30px; }
	.aArea01 .bd01 { margin-top:50px; }

	.aArea02 { float:right; width:850px; }
	.aArea02 ul li { width:22%; }
	.aArea02 ul li .pic { height:320px; }
	.aArea02 ul li .txt { top:210px; padding:0 15px; }
	.aArea02 ul li .txt .p1 { height:30px; }
	.aArea02 ul li .txt .p1 img { max-height:30px; }
	.aArea02 ul li .txt .p2 { margin-top:10px; }
	.aArea02 ul li .txt .p2 a { font-size:16px; }
	.aArea02 ul li .txt .p4 { margin-top:20px; padding-top:20px; }
	.aArea02 ul li .txt .p4 a { width:49%; margin-right:2%; line-height:30px; font-size:14px; }
	.aArea02 ul li .txt .p4 a:nth-child(3n) { margin-right:2%; }
	.aArea02 ul li .txt .p4 a:nth-child(2n) { margin-right:0; }
	.aArea02 ul li .txt .p4 a:nth-child(n + 3) { margin-top:2%; }
 
	.aArea02 ul li.on { width:55%; }
	.aArea02 ul li.on .txt { top:40px; padding:0 30px; }
}
@media all and (max-width:1200px){
	.aArea { padding-top:40px; }
	.aArea01 { float:none; width:100%; padding-top:0; text-align:center; }
	.aArea01 .bd { font-size:14px; line-height:25px; margin-top:10px; }
	.aArea01 .bd01 { margin-top:50px; display:none; }

	.aArea02 { float:none; width:100%; margin-top:30px; }
}
@media all and (max-width:750px){
	.aArea02 ul li { width:100%; }
	.aArea02 ul li:nth-child(n + 2) { margin-top:15px; }
	.aArea02 ul li .pic { height:auto; }
	.aArea02 ul li .pic img { width:100%; height:auto; min-height:270px; object-fit: cover; }
	.aArea02 ul li .txt { top:40px; padding:0 20px; }
	.aArea02 ul li .txt .p1 { height:30px; }
	.aArea02 ul li .txt .p1 img { max-height:30px; height:auto; }
	.aArea02 ul li .txt .p2 { margin-top:10px; }
	.aArea02 ul li .txt .p2 a { font-size:18px; }
	.aArea02 ul li .txt .p4 { margin-top:20px; padding-top:20px; display:block; }
	.aArea02 ul li .txt .p4 a { width:49%; margin-right:2%; line-height:30px; font-size:14px; }
	.aArea02 ul li .txt .p4 a:nth-child(3n) { margin-right:2%; }
	.aArea02 ul li .txt .p4 a:nth-child(2n) { margin-right:0; }
	.aArea02 ul li .txt .p4 a:nth-child(n + 3) { margin-top:2%; }
 
	.aArea02 ul li.on { width:100%; }
	.aArea02 ul li.on .txt { top:40px; padding:0 20px; }
}

.bArea { padding:80px 0; background:url(bArea.png) no-repeat center; background-size:cover; }
.bArea .Area-hd { text-align:center; }
.bArea .bd01 { margin:30px auto 0; width:100%; max-width:800px; border:1px solid #dbdddd; border-radius:20px; }
.bArea .bd01 .txt { float:left; width:calc(100% - 60px); font-size:14px; line-height:40px; padding-left:20px; box-sizing: border-box; }
.bArea .bd01 .btn { float:right; width:60px; height:40px; background:url(b02.png) no-repeat center; cursor:pointer; }

.bArea01 { position:relative; margin-top:60px; }
.bArea01 .hd ul li { position:absolute; left:0; text-align:center; width:250px; z-index:2; cursor:pointer; }
.bArea01 .hd ul li:nth-child(n + 5) { left:auto; right:0; }
.bArea01 .hd ul li .p1 { max-width:140px; margin:0 auto; }
.bArea01 .hd ul li .p1 img { max-height:90px; width:auto; }
.bArea01 .hd ul li .p2 { font-size:16px; color:#333; line-height:20px; margin-top:10px; }

.bArea01 .hd ul li.on .p1 { background:url(b01.png) no-repeat center bottom;  background-size:contain; }
.bArea01 .hd ul li.on .p2 { color:#118543; font-weight:bold; }

.bArea01 .hd ul li:nth-child(1) { top:0; }
.bArea01 .hd ul li:nth-child(2) { top:140px; }
.bArea01 .hd ul li:nth-child(3) { top:280px; }
.bArea01 .hd ul li:nth-child(4) { top:420px; }
.bArea01 .hd ul li:nth-child(5) { top:0; }
.bArea01 .hd ul li:nth-child(6) { top:140px; }
.bArea01 .hd ul li:nth-child(7) { top:280px; }
.bArea01 .hd ul li:nth-child(8) { top:420px; }

.bArea01 .bd { text-align:center; }
.bArea01 .bd .p1 img { max-width:840px; width:100%; height:auto; }
.bArea01 .bd .p2 { margin-top:20px; font-size:24px; color:#333; font-weight:bold;}

.bArea02 { display:none; margin-top:30px; }
.bBox01 .swiper-slide { text-align: center; }
.bBox01 .swiper-slide .p1 { background-size:80px auto!important; }
.bBox01 .swiper-slide .p1 img { max-height:50px; width:auto; }
.bBox01 .swiper-slide .p2 { font-size:14px; margin-top:10px; line-height:20px; }

.bBox01 .swiper-slide-thumb-active .p1 { background:url(b01.png) no-repeat center bottom;  background-size:contain; }
.bBox01 .swiper-slide-thumb-active .p2 { color:#118543; font-weight:bold; }

.bArea02 .swiper-num { font-size:16px; text-align:center; margin-top:15px; }
.bArea02 .swiper-num .act_01 { color: #118543; }
.bArea02 .swiper-num .tot_01 { color: #333; }
 
.bBox02 { position:relative; margin-top:25px; }
.bBox02 .swiper-slide {  text-align:center; }
.bBox02 .swiper-slide .p1 { width:80%; margin:0 auto; }
.bBox02 .swiper-slide .p1 img { width:100%; height:auto; }
.bBox02 .swiper-slide .p2 { font-size:14px; margin-top:15px; color:#333; }

.bBox02 .prev-b01 { position:absolute; width:30px; height:54px; left:-4.5%; top:50%; transform: translateY(-50%); background:url(b03.png) no-repeat center; background-size:cover; cursor:pointer; z-index:2; }
.bBox02 .next-b01 { position:absolute; width:30px; height:54px; right:-4.5%; top:50%; transform: translateY(-50%); background:url(b04.png) no-repeat center; background-size:cover; cursor:pointer; z-index:2; }
 
@media all and (max-width:1780px){
	.bArea { padding:60px 0; }
	.bArea .bd01 { margin:30px auto 0; max-width:600px;  }
 
	.bArea01 { margin-top:40px; }
	.bArea01 .hd ul li { width:200px; }
	.bArea01 .hd ul li .p1 { max-width:100px;  }
	.bArea01 .hd ul li .p1 img { max-height:60px; width:auto; }
	.bArea01 .hd ul li .p2 { font-size:14px;  }
 
	.bArea01 .hd ul li:nth-child(1) { top:0; }
	.bArea01 .hd ul li:nth-child(2) { top:110px; }
	.bArea01 .hd ul li:nth-child(3) { top:220px; }
	.bArea01 .hd ul li:nth-child(4) { top:330px; }
	.bArea01 .hd ul li:nth-child(5) { top:0; }
	.bArea01 .hd ul li:nth-child(6) { top:110px; }
	.bArea01 .hd ul li:nth-child(7) { top:220px; }
	.bArea01 .hd ul li:nth-child(8) { top:330px; }

	.bArea01 .bd .p1 img { max-width:650px;  }
	.bArea01 .bd .p2 { margin-top:20px; font-size:18px; }
}
@media all and (max-width:1200px){
	.bArea { padding:40px 0; }
	.bArea01 .hd ul li { width:200px; }
}
@media all and (max-width:900px){
	.bArea01 { display:none; }
	.bArea02 { display:block; }
}

.cArea { position:relative; padding:80px 0; background:url(cArea.jpg) no-repeat center; background-size:cover; }
.cArea01 { float:left; padding-top:60px; }
.cArea01 .bd { margin-top:85px; }
.cArea01 .bd ul { width:330px; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.cArea01 .bd ul li { text-align:center; }
.cArea01 .bd ul li .p1 { height:50px; }
.cArea01 .bd ul li .p1 img { max-height:40px; height:auto; }
.cArea01 .bd ul li .p2 { font-size:16px; color:#118543; }

.cArea01 .bd ul li:hover .p1 img { animation: jello 1.4s; }

.cArea02 { float:right; width:505px; padding-top:25px; }
.cArea02 .bd { font-size:16px; line-height:30px; color:#666; }
.cArea02 .bd01 { margin-top:45px; }

.cArea03 { position:relative; float:right; width:485px; margin-right:105px; }
.cArea03 .p1 { animation: rotateForEver 20s linear 0s infinite; }
.cArea03 .p2 { position:absolute; top:0; left:0; width:100%; z-index:2; animation: rotateForEver 15s linear 0s infinite; }
.cArea03 .p3 { position:absolute; top:0; left:0; width:100%; z-index:3; animation: rotateForEver 10s linear 0s infinite; }
.cArea03 .p4 { position:absolute; top:50%; left:50%; width:130px; transform: translate(-50%,-50%); z-index:5; cursor:pointer; }
.cArea03 .p4 .img01 { position:absolute; top:50%; left:50%; width:48px; transform: translate(-50%,-50%); z-index:9; }

@media all and (max-width:1780px){
	.cArea { padding:60px 0;  }
	.cArea01 { float:left; padding-top:40px; }
	.cArea01 .bd { margin-top:40px; }
	.cArea01 .bd ul { width:250px; }
	.cArea01 .bd ul li .p1 { height:45px; }
	.cArea01 .bd ul li .p1 img { max-height:35px; height:auto; }
	.cArea01 .bd ul li .p2 { font-size:14px; }
 
	.cArea02 { float:right; width:30%; padding-top:0; }
	.cArea02 .bd { font-size:14px; line-height:25px; }
	.cArea02 .bd01 { margin-top:30px; }

	.cArea03 { float:right; width:28%; margin-right:6%; }
	.cArea03 .p4 { width:100px; }
	.cArea03 .p4 .img01 { width:40px; }
}
@media all and (max-width:1200px){
	.cArea { padding:40px 0;  }
}
@media all and (max-width:900px){
	.cArea01 { float:none; padding-top:0; width:100%; text-align:center; }
	.cArea01 .bd { margin-top:20px; }
	.cArea01 .bd ul { width:100%; max-width:250px; margin:0 auto; }
	.cArea01 .bd ul li .p1 { height:40px; }
	.cArea01 .bd ul li .p1 img { max-height:30px; height:auto; }
	.cArea01 .bd ul li .p2 { font-size:14px; }
 
	.cArea02 { float:none; width:100%; padding-top:30px; }
	.cArea02 .bd { font-size:14px; line-height:25px; }
	.cArea02 .bd01 { margin-top:25px; }

	.cArea03 { float:none; width:80%; max-width:400px; margin:30px auto 0; }
	.cArea03 .p4 { width:80px; }
	.cArea03 .p4 .img01 { width:40px; }
}

.dArea { padding:80px 0; }
.dArea01 { margin-top:40px; }
.dBox01 { float:left; width:36.6%; border-radius:8px; overflow:hidden; }
.dBox01 a { position:relative; display:block; }
.dBox01 .pic { position:relative; overflow:hidden; }
.dBox01 .pic img { width:100%; height:390px; transition: all 0.6s; object-fit: cover; }
.dBox01 .pic:before { position:absolute; left:0; top:0; right:0; bottom:0; display:block; content:""; background:rgba(0,0,0,0.6); z-index:2; }
.dBox01 .txt { position:absolute; top:40px; left:0; right:0; padding:0 30px; color:#fff; z-index:2; }
.dBox01 .txt .p1 { font-size:16px; }
.dBox01 .txt .p2 { font-size:18px; margin-top:10px; font-weight:bold; }
.dBox01 .txt01 { position:absolute; bottom:40px; left:0; right:0; padding:0 30px; z-index:2; }

.dBox01:hover .pic img { transform: scale(1.1)!important; }

.dBox02 { position:relative; float:right; width:62.5%; }
.dBox02 .swiper-slide a { display:block; padding:30px 25px 0 25px; min-height:390px; background:#f8fcfd; border-radius:8px; overflow:hidden; box-sizing: border-box; }
.dBox02 .swiper-slide .txt .p1 { font-size:16px; color:#999; line-height:20px; }
.dBox02 .swiper-slide .txt .p2 { font-size:18px; color:#333; margin-top:10px; line-height:30px; min-height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.dBox02 .swiper-slide .pic { position:relative; margin-top:40px; overflow:hidden; }
.dBox02 .swiper-slide .pic img { width:100%; height:180px; transition: all 0.6s; object-fit: cover; }

.dBox02 .swiper-slide:hover .txt .p2 { font-weight:bold; color:#118543; }
.dBox02 .swiper-slide:hover .pic img { transform: scale(1.1)!important; }

.dBox02 .btn { position:absolute; top:-80px; right:0; font-size:0; z-index:2; }
.dBox02 .btn01 { display:inline-block; width:40px; height:40px; border-radius:100%; cursor:pointer; }
.dBox02 .prev-d01 { background:url(d01.png) no-repeat center #cfe7d9; margin-right:15px; }
.dBox02 .next-d01 { background:url(d02.png) no-repeat center #cfe7d9; }

.dBox02 .prev-d01:hover { background:url(d03.png) no-repeat center #118543; }
.dBox02 .next-d01:hover { background:url(d04.png) no-repeat center #118543; }

@media all and (max-width:1780px){
	.dArea { padding:60px 0; }
	.dArea01 { margin-top:30px; }
	.dBox01 { width:36.6%; }
	.dBox01 .pic img { height:280px; }
	.dBox01 .txt { top:30px; padding:0 20px; }
	.dBox01 .txt .p1 { font-size:14px; }
	.dBox01 .txt .p2 { font-size:16px; margin-top:10px; }
	.dBox01 .txt01 { bottom:30px; padding:0 20px; }
 
	.dBox02 { width:62.5%; }
	.dBox02 .swiper-slide a { padding:25px 15px 0 15px; min-height:280px; }
	.dBox02 .swiper-slide .txt .p1 { font-size:14px; }
	.dBox02 .swiper-slide .txt .p2 { font-size:16px; margin-top:10px; line-height:25px; min-height:50px; -webkit-line-clamp:2; }
	.dBox02 .swiper-slide .pic { margin-top:20px; }
	.dBox02 .swiper-slide .pic img { height:135px; }
 
	.dBox02 .btn { top:-65px; }
	.dBox02 .btn01 { width:35px; height:35px; background-size:12px 12px!important; }
}
@media all and (max-width:1200px){
	.dArea { padding:40px 0; }
}
@media all and (max-width:750px){
	.Area-hd { text-align:center; }
	.dBox01 { float:none; width:100%; }
	.dBox01 .pic { padding-bottom:64%; }
	.dBox01 .pic img { position:absolute; left:0; top:0; height:100%; z-index:1; }
 
	.dBox02 { float:none; width:100%; margin-top:30px; }
	.dBox02 .swiper-slide a { padding:25px 15px; min-height:10px; }
	.dBox02 .swiper-slide .txt .p1 { font-size:14px; }
	.dBox02 .swiper-slide .txt .p2 { font-size:16px; margin-top:10px; line-height:25px; min-height:50px; -webkit-line-clamp:2; }
	.dBox02 .swiper-slide .pic { padding-bottom:64%; margin-top:20px; }
	.dBox02 .swiper-slide .pic img { position:absolute; left:0; top:0; height:100%; z-index:1; }
 
	.dBox02 .btn { position:relative; top:auto; right:auto; width:100%; text-align:center; margin-top:25px; }
}




@media all and (max-width:1780px){
	
}
@media all and (max-width:1200px){
	
}
@media all and (max-width:750px){
	
}