@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-container-1 .swiper-slide .txt { position:absolute; left:0; right:0; top:50%; transform: translateY(-50%); color:#fff; z-index:2; }
.swiper-container-1 .swiper-slide .txt .p1 { font-size:52px; line-height:1.5; font-weight:bold; }
.swiper-container-1 .swiper-slide .txt .p2 { margin-top:100px; }
.swiper-container-1 .swiper-slide .txt .p2 p { display:inline-block; width:150px; border:1px solid #fff; border-radius:30px; text-align:center; }
.swiper-container-1 .swiper-slide .txt .p2 p i { display:inline-block; padding-right:40px; font-size:16px; line-height:50px; color:#fff; background:url(m03.png) no-repeat center right; }

.swiper-container-1 .swiper-slide .txt .p2 p:hover { border-color:rgba(240,106,65,1); background:rgba(240,106,65,1); }
 
.banner .ban { position:absolute; bottom:60px; left:0; right:0; text-align:right; z-index:9;  }

.swiper-pagination-1 { font-size:0; }
.swiper-pagination-1 .swiper-pagination-bullet { width:8px; height:8px; margin:0 5px;  border-radius:100%; background:rgba(255,255,255,0.5); opacity:1; }
.swiper-pagination-1 .swiper-pagination-bullet-active { width:25px; border-radius:10px; background:#fff; }


@media all and (max-width:1580px){
	.swiper-container-1 .swiper-slide .txt .p1 { font-size:38px; line-height:1.5; }
	.swiper-container-1 .swiper-slide .txt .p2 { margin-top:50px; }
	.swiper-container-1 .swiper-slide .txt .p2 p { width:120px; }
	.swiper-container-1 .swiper-slide .txt .p2 p i { padding-right:30px; font-size:14px; line-height:40px; }
}
@media all and (max-width:1200px){
	.swiper-container-1 .swiper-slide .img01 { display:none; }
	.swiper-container-1 .swiper-slide .img02 { display:block; }
	
	.swiper-container-1 .swiper-slide .txt .p1 { font-size:24px; line-height:1.5; }
	.swiper-container-1 .swiper-slide .txt .p2 { margin-top:20px; }
	.swiper-container-1 .swiper-slide .txt .p2 p { width:100px; }
	.swiper-container-1 .swiper-slide .txt .p2 p i { padding-right:20px; font-size:14px; line-height:35px; background-size:15px 15px!important; }

	.banner .ban  { bottom:30px; text-align:center; }
	.swiper-pagination-1 .swiper-pagination-bullet { width:6px; height:6px; margin:0 3px; }
	.swiper-pagination-1 .swiper-pagination-bullet-active { width:25px; } 
}
 
.Area-hd { font-size:0; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: center; }
.Area-hd i { display:inline-block; font-size:46px; color:#000; font-weight:bold; }

@media all and (max-width:1580px){
	.Area-hd i { font-size:30px; }
}
@media all and (max-width:1200px){
	.Area-hd i { font-size:20px; }
}
@media all and (max-width:750px){
	
}

.aArea { position:relative; padding:125px 0; background:url(aArea.png) no-repeat center; background-size:cover; }
.aArea .wrap { position:relative; z-index:5; }
.aArea .Area-hd .btn { }
.aArea .Area-hd .btn01 { display:inline-block; width:50px; height:50px; border:1px solid rgba(237,101,59,1); border-radius: 10px; cursor:pointer; }
.aArea .Area-hd .prev-a01 { background:url(m01.png) no-repeat center; margin-right:30px; }
.aArea .Area-hd .next-a01 { background:url(m02.png) no-repeat center; }

.aArea01 { margin-top:80px; }
.aArea01 .swiper-slide { position:relative; width:400px; min-height:420px; margin-right:60px; border-radius:20px; background: rgba(255,255,255,0.4); box-shadow:0px 2px 17px rgba(29,54,79,0.1); backdrop-filter: blur(30px); transition: all 0.6s; }
.aArea01 .swiper-slide:last-child { margin-right:0!important; }
.aArea01 .swiper-slide .txt01 { padding:50px 35px 0 35px; }
.aArea01 .swiper-slide .txt01 .p1 { font-size:28px; line-height:40px; font-weight:bold; color:#000; }
.aArea01 .swiper-slide .txt01 .p2 { font-size:16px; line-height:25px; margin-top:25px; color:rgba(50,50,50,0.8); }

.aArea01 .swiper-slide .txt02 { position:absolute; right:35px; bottom:45px; left:35px; z-index:2; }
.aArea01 .swiper-slide .txt02 p { position:relative; padding-left:20px; }
.aArea01 .swiper-slide .txt02 p:before { position:absolute; left:0; top:50%; transform: translateY(-50%); width:4px; height: 12px; border-radius: 2px; background:rgba(240,106,65,1); display:block; content:""; z-index:2; }
.aArea01 .swiper-slide .txt02 p:nth-child(n + 2) { margin-top:5px; }
.aArea01 .swiper-slide .txt02 p a { display:inline-block; font-size:16px; line-height:25px; padding-right:30px; background:url(m02.png) no-repeat center right; color:rgba(240,106,65,1); }

.aArea01 .swiper-slide:hover { background:#fff; border-radius:10px 10px 80px 10px; }
.aArea01 .swiper-slide:hover .txt01 .p1 { color:rgba(240,106,65,1); }

.aArea02 { position:absolute; top:30%; left:0; animation: spin-reverse3 6s infinite linear; z-index:2; }

@keyframes spin-reverse3 {
  0% {
    transform: 0
  }

  50% {
    transform: translateX(60px) translateY(50px) scale(.8)
  }

  100% {
    transform: 0
  }
}

@media all and (max-width:1580px){
	.aArea { padding:80px 0; }
	.aArea .Area-hd .btn01 { width:40px; height:40px; }
	.aArea .Area-hd .prev-a01 { margin-right:20px; }
 
	.aArea01 { margin-top:40px; }
	.aArea01 .swiper-slide { width:350px; min-height:350px; margin-right:30px; }
 
	.aArea01 .swiper-slide .txt01 { padding:40px 25px 0 25px; }
	.aArea01 .swiper-slide .txt01 .p1 { font-size:20px; line-height:30px; }
	.aArea01 .swiper-slide .txt01 .p2 { font-size:14px; line-height:25px; margin-top:20px; }

	.aArea01 .swiper-slide .txt02 { right:25px; bottom:30px; left:25px; }
	.aArea01 .swiper-slide .txt02 p { padding-left:15px; }
	.aArea01 .swiper-slide .txt02 p:before { width:3px; height:10px; }
	.aArea01 .swiper-slide .txt02 p:nth-child(n + 2) { margin-top:3px; }
	.aArea01 .swiper-slide .txt02 p a { font-size:14px; line-height:25px; padding-right:25px; }
}
@media all and (max-width:1200px){
	.aArea { padding:40px 0; }
	.aArea .Area-hd .btn01 { width:30px; height:30px; background-size:12px 12px!important; }
	.aArea .Area-hd .prev-a01 { margin-right:10px; }
 
	.aArea01 { margin-top:30px; }
	.aArea01 .swiper-slide { width:350px; min-height:300px; margin-right:30px; }
 
	.aArea01 .swiper-slide .txt01 { padding:30px 20px 0 20px; }
	.aArea01 .swiper-slide .txt01 .p1 { font-size:18px; line-height:25px; }
	.aArea01 .swiper-slide .txt01 .p2 { font-size:14px; line-height:25px; margin-top:15px; }

	.aArea01 .swiper-slide .txt02 { right:20px; bottom:20px; left:20px; }
	.aArea01 .swiper-slide .txt02 p { padding-left:15px; }
	.aArea01 .swiper-slide .txt02 p:before { width:3px; height:10px; }
	.aArea01 .swiper-slide .txt02 p:nth-child(n + 2) { margin-top:0; }
	.aArea01 .swiper-slide .txt02 p a { font-size:14px; line-height:25px; padding-right:25px; background-size:12px 12px!important; }
	
	.aArea02 { display:none; }
}
@media all and (max-width:750px){
	.aArea01 .swiper-slide { width:100%; min-height:300px; margin-right:30px; }
}

.bArea { position:relative; padding:120px 0; background:url(bArea.png) no-repeat center; background-size:cover; }
.bArea .Area-hd { position:absolute; left:50%; margin-left:-750px; top:120px; z-index:2; }

.bArea01 { margin-top:30px; }
.bBox01 { float:left; width:240px; padding-top:120px; padding-left:calc(50% - 750px); }
.bBox01 .swiper { height:425px; overflow:hidden; }
.bBox01 .swiper-slide { height:85px; line-height:85px; font-size:24px; color:#000; cursor:pointer; }
.bBox01 .swiper-slide-thumb-active { color:rgba(240,106,65,1); font-weight:bold; }
 
.bBox02 { position:relative; float:right; width:calc(50% + 510px); overflow:hidden; }
.bBox02 .swiper-slide { position:relative; width:940px; margin-right:80px; border-radius:0 60px 0 60px; overflow:hidden; }
.bBox02 .swiper-slide:last-child { margin-right:0!important; }
.bBox02 .swiper-slide .txt { position:absolute; left:60px; right:140px; bottom:55px; color:#fff; z-index:2; display:none; }
.bBox02 .swiper-slide .txt .p1 { font-size:28px; line-height:1.1; font-weight:bold; }
.bBox02 .swiper-slide .txt .p2 { font-size:16px; line-height:25px; margin-top:15px; color:rgba(255,255,255,0.8); overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }

.bBox02 .swiper-slide-active { margin-top:100px;  border-radius:60px 0 60px 0; }
.bBox02 .swiper-slide-active .txt { display:block; }

.bBox02 .btn { position:absolute; top:50%; left:897px; width:86px; border-radius:100%; background:rgba(240,106,65,1); font-size:0; overflow:hidden; z-index:2; }
.bBox02 .btn:before { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:1px; height:16px; display:block; content:""; background:#fff; z-index:2; }
.bBox02 .btn .btn01 { display:inline-block; width:50%; height:86px; cursor:pointer; }
.bBox02 .btn .prev-b01 { background:url(b01.png) no-repeat center; }
.bBox02 .btn .next-b01 { background:url(b02.png) no-repeat center; }

.bArea02 { display:none; width:80%; margin:30px auto 0; }
.bArea02 .swiper-slide { position:relative; width:100%; margin-right:30px; border-radius:30px 0 30px 0; overflow:hidden; }
.bArea02 .swiper-slide .txt { position:absolute; left:25px; right:25px; bottom:30px; color:#fff; z-index:2; display:none; }
.bArea02 .swiper-slide .txt .p1 { font-size:18px; line-height:1.1; font-weight:bold; }
.bArea02 .swiper-slide .txt .p2 { font-size:14px; line-height:25px; margin-top:10px; color:rgba(255,255,255,0.8); overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
 
.bArea02 .swiper-slide-active .txt { display:block; }

@media all and (max-width:1580px){
	.bArea { padding:80px 0; }
	.bArea .Area-hd { position:absolute; left:50%; margin-left:-600px; top:80px; }

	.bArea01 { margin-top:30px; }
	.bBox01 { float:left; width:200px; padding-top:120px; padding-left:calc(50% - 600px); }
	.bBox01 .swiper { height:300px; overflow:hidden; }
	.bBox01 .swiper-slide { height:60px; line-height:60px; font-size:20px; }
 
	.bBox02 { float:right; width:calc(50% + 400px); }
	.bBox02 .swiper-slide { width:700px; margin-right:50px; border-radius:0 40px 0 40px; }

	.bBox02 .swiper-slide .txt { left:40px; right:100px; bottom:40px; }
	.bBox02 .swiper-slide .txt .p1 { font-size:20px; }
	.bBox02 .swiper-slide .txt .p2 { font-size:14px; line-height:25px; margin-top:10px; -webkit-line-clamp:2; }

	.bBox02 .swiper-slide-active { margin-top:80px; border-radius:40px 0 40px 0; }
	
	.bBox02 .btn { left:665px; width:70px;  }
	.bBox02 .btn .btn01 { height:70px; }
}
@media all and (max-width:1280px){
	.bArea .Area-hd { position:absolute; left:4%; margin-left:0; top:80px; }
	.bBox01 { float:left; width:160px; padding-top:100px; padding-left:4%; }
	.bBox02 { float:right; width:calc(96% - 160px); }
}
@media all and (max-width:1200px){
	.bArea { padding:40px 0; }
	.bArea .Area-hd { position:relative; left:auto; margin-left:auto; top:auto; }
	.bArea01 { display:none; }
	.bArea02 { display:block; }
}
@media all and (max-width:750px){
	.bArea02 { width:80%; margin:30px auto 0; }
	.bArea02 .swiper-slide { margin-right:10px; border-radius:30px 0 30px 0; }
	.bArea02 .swiper-slide .txt { left:15px; right:15px; bottom:20px;  }
}

.cArea { padding:100px 0; }
.cArea .Area-hd a { display:inline-block; width:150px; border:1px solid rgba(240,106,65,1); border-radius:30px; text-align:center; }
.cArea .Area-hd a em { display:inline-block; padding-right:40px; font-size:16px; line-height:50px; color:rgba(240,106,65,1); background:url(m02.png) no-repeat center right; }

.cArea01 { margin-top:55px; }
.cArea01 .swiper-slide { border-radius:20px; background:rgba(247,249,250,1); }
.cArea01 .swiper-slide a { padding:65px 40px 0 40px; display:block; min-height:630px; box-sizing: border-box; }
.cArea01 .swiper-slide .p1 { font-size:26px; line-height:40px; min-height:80px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.cArea01 .swiper-slide .p2 { font-size:16px; margin-top:20px; color:rgba(0,0,0,0.2); }
.cArea01 .swiper-slide .p4 { font-size:16px; margin-top:15px; line-height:30px; min-height:90px; color:rgba(51,51,51,1);  overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.cArea01 .swiper-slide .p5 { margin-top:50px; width:100%; max-width:220px; border-radius:10px; overflow:hidden; }
.cArea01 .swiper-slide .p6 { margin-top:30px; }
.cArea01 .swiper-slide .p6 p { position:relative; padding-left:20px; }
.cArea01 .swiper-slide .p6 p:before { position:absolute; left:0; top:50%; transform: translateY(-50%); width:4px; height: 12px; border-radius: 2px; background:rgba(240,106,65,1); display:block; content:""; z-index:2; }
.cArea01 .swiper-slide .p6 p i { display:inline-block; font-size:16px; line-height:25px; padding-right:30px; background:url(m02.png) no-repeat center right; color:rgba(240,106,65,1); }

@media all and (max-width:1580px){
	.cArea { padding:80px 0; }
	.cArea .Area-hd a { width:120px; }
	.cArea .Area-hd a em { padding-right:30px; font-size:14px; line-height:40px; }

	.cArea01 { margin-top:40px; }
	.cArea01 .swiper-slide a { padding:40px 25px 0 25px; min-height:460px; }
	.cArea01 .swiper-slide .p1 { font-size:18px; line-height:30px; min-height:60px; -webkit-line-clamp:2; }
	.cArea01 .swiper-slide .p2 { font-size:14px; margin-top:10px; }
	.cArea01 .swiper-slide .p4 { font-size:14px; margin-top:10px; line-height:25px; min-height:75px; -webkit-line-clamp:3; }
	.cArea01 .swiper-slide .p5 { margin-top:30px; max-width:220px; }
	.cArea01 .swiper-slide .p6 { margin-top:20px; }
	.cArea01 .swiper-slide .p6 p { padding-left:15px; }
	.cArea01 .swiper-slide .p6 p:before{ width:3px; height:10px; }
	.cArea01 .swiper-slide .p6 p i { font-size:14px; line-height:25px; padding-right:25px; }
}
@media all and (max-width:1200px){
	.cArea { padding:40px 0; }
	.cArea .Area-hd a { width:100px; }
	.cArea .Area-hd a em { padding-right:20px; font-size:14px; line-height:35px; background-size:12px 12px!important; }
	
	.cArea01 { margin-top:30px; }
	.cArea01 .swiper-slide a { padding:30px 4% 0 4%; min-height:400px; }
	.cArea01 .swiper-slide .p1 { font-size:16px; line-height:25px; min-height:50px; -webkit-line-clamp:2; }
	.cArea01 .swiper-slide .p2 { font-size:14px; margin-top:10px; }
	.cArea01 .swiper-slide .p4 { font-size:14px; margin-top:10px; line-height:25px; min-height:50px; -webkit-line-clamp:2; }
	.cArea01 .swiper-slide .p5 { margin-top:20px; max-width:220px; }
	.cArea01 .swiper-slide .p6 { margin-top:15px; }
	.cArea01 .swiper-slide .p6 p { padding-left:15px; }
	.cArea01 .swiper-slide .p6 p:before{ width:3px; height:10px; }
	.cArea01 .swiper-slide .p6 p i { font-size:14px; line-height:25px; padding-right:25px; background-size:12px 12px!important; }
}
@media all and (max-width:750px){
	
}





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






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








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






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