@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; }
 
.banner .txt { position:absolute; top:50%; transform: translateY(-50%); margin-top:60px; opacity:0; visibility: hidden;  transition: all 0.8s; left:0; right:0; color:#fff; line-height:1.1; z-index:2; }
.banner .txt .p1 { font-size:50px; font-weight:bold; line-height:1.3; }
.banner .txt .p2 { font-size:18px; letter-spacing: 10px; margin-top:30px; }
.banner .txt .p3 { margin-top:110px; }
.banner .txt .p3 i { position:relative; display:inline-block; font-size:16px; width: 150px; line-height:50px; border-radius: 60px; border: 1px solid rgba(255, 255, 255, 1); text-align:center; }
.banner .txt .p3 i:before { position: absolute; top: 0; left: 0; width: 100%;  height: 100%; display:block; content:'';  overflow: hidden; border-radius: 30px;  background:#F5460C; box-sizing: border-box; transform: scale(0); transition: all 0.8s ease; z-index: -1; } 

.banner .txt .p3 i:hover { border-color:#F5460C; transition: all 1.8s ease; }
.banner .txt .p3 i:hover:before { transform: scale(1); }

.banner .swiper-slide-active .txt { margin-top:0; opacity: 1; visibility: visible; }
 
.swiper-pagination-1 { height:45px; display:flex; align-items: center; }
.swiper-pagination-1 .swiper-pagination-bullet { width:8px; height:8px; margin:0 18px;  border-radius:100%; background:rgba(255,255,255,0.3); opacity:1; }
.swiper-pagination-1 .swiper-pagination-bullet-active { width:12px; height:12px; background:#fff; }

.banner .btn { position:absolute; bottom:60px; left:0; right:0; font-size:0;  text-align:right; z-index:2; }
.banner .btn .btn01 { display:inline-block; width:43px; height:43px; opacity:0.2; cursor:pointer; }
.banner .btn .dd { display:inline-block; margin:0 30px; vertical-align:top; }
.banner .btn .prev-01 { background:url(ban01.png) no-repeat center; }
.banner .btn .next-01 { background:url(ban02.png) no-repeat center; }

.banner .btn .btn01:hover { opacity:1; }

@media all and (max-width:1680px){
	.swiper-pagination-1 { height:40px; }
	.swiper-pagination-1 .swiper-pagination-bullet { width:8px; height:8px; margin:0 15px; }
	.swiper-pagination-1 .swiper-pagination-bullet-active { width:12px; height:12px; }
 
	.banner .txt .p1 { font-size:34px; }
	.banner .txt .p2 { font-size:16px; letter-spacing:5px; margin-top:20px; }
	.banner .txt .p3 { margin-top:60px; }
	.banner .txt .p3 i { font-size:16px; width: 140px; line-height:40px; }

	.banner .btn { bottom:30px; }
	.banner .btn .btn01 { width:40px; height:40px; background-size:100% 100%!important; }
	.banner .btn .dd { margin:0 20px; }
}
@media all and (max-width:1200px){
	.swiper-container-1 .swiper-slide .img01 { display:none; }
	.swiper-container-1 .swiper-slide .img02 { display:block; }

	.swiper-pagination-1 { height:30px; }
	.swiper-pagination-1 .swiper-pagination-bullet { width:8px; height:8px; margin:0 5px; }
	.swiper-pagination-1 .swiper-pagination-bullet-active { width:10px; height:10px; }
 
	.banner .txt .p1 { font-size:24px; }
	.banner .txt .p2 { font-size:14px; margin-top:15px; letter-spacing:0; }
	.banner .txt .p3 { margin-top:20px; }
	.banner .txt .p3 i { font-size:14px; width: 120px; line-height:30px; }

	.banner .btn { bottom:30px; text-align:center; }
	.banner .btn .btn01 { width:30px; height:30px; }
	.banner .btn .dd { margin:0 10px; }
}
@media all and (max-width:750px){
	.banner .txt { top:43%; }
	.banner .txt .p1 { font-size:20px; }
	.banner .txt .p2 { font-size:14px; margin-top:10px; line-height:25px; }
	.banner .txt .p3 { margin-top:15px; }
}



.aArea { padding:80px 0 115px; background:url(aArea.png) no-repeat center; background-size:100% 100%; }
.aArea01 { position:relative; margin-top:50px; }
.aArea01 .hd { position:absolute; top:-80px; right:0; z-index:2; }
.aArea01 .hd ul li { position:relative; display:inline-block; margin-right:50px; font-size:18px; color:rgba(34,34,34,1); padding-bottom:10px; line-height:1.1; cursor:pointer; }
.aArea01 .hd ul li:before { position:absolute; display:block; content:""; left:50%; width:0; bottom:0; height:2px; background:#F5460C; transition: all 0.6s; z-index:5; }
.aArea01 .hd ul li:last-child { margin-right:0!important; }

.aArea01 .hd ul li.on { color:#F5460C; font-weight:bold; }
.aArea01 .hd ul li.on:before { left:0; width:100%; }

.aArea01 .bd .swiper-slide { background:#fff; border-radius: 15px; overflow:hidden; }
.aArea01 .bd .swiper-slide a { display:block; padding:30px 30px 45px 30px; }
.aArea01 .bd .swiper-slide .p1 { position:relative; padding-bottom:87%; overflow:hidden; }
.aArea01 .bd .swiper-slide .p1 img { position:absolute; top:0; left:0; width:100%; height:100%; transition: all 0.6s; object-fit: cover; z-index:2; }
.aArea01 .bd .swiper-slide .p2 { font-size:14px; margin-top:20px; color:#F5460C; }
.aArea01 .bd .swiper-slide .p3 { font-size:18px; margin-top:15px; color:rgba(34,34,34,1); line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aArea01 .bd .swiper-slide .p4 { margin-top:35px; }
.aArea01 .bd .swiper-slide .p4 i { font-size:14px; color:rgba(34,34,34,1); text-decoration:underline; }

.aArea01 .bd .swiper-slide:hover .p1 img { transform: scale(1.1)!important; }
.aArea01 .bd .swiper-slide:hover .p3 { color:#F5460C; font-weight:bold; }
.aArea01 .bd .swiper-slide:hover .p4 i { color:#F5460C; font-weight:bold; }

.aArea01 .bd>div { position:relative; }

.aArea01 .bd .btn .aa { position:absolute; top:50%; transform: translateY(-50%); display:inline-block; width:45px; height:45px; border-radius:100%; background-size:100% 100%!important; cursor:pointer; z-index:9; }
.aArea01 .bd .btn .aa01 { background:url(ico05.png) no-repeat center; left:-70px; }
.aArea01 .bd .btn .aa02 { background:url(ico06.png) no-repeat center; right:-70px; }

.aArea01 .bd .btn .aa01:hover { background:url(ico07.png) no-repeat center; }
.aArea01 .bd .btn .aa02:hover { background:url(ico08.png) no-repeat center; }
 
@media all and (max-width:1680px){
	.aArea { padding:60px 0 80px; }
	.aArea01 { margin-top:30px; }
	.aArea01 .hd { top:-60px; }
	.aArea01 .hd ul li { margin-right:30px; font-size:16px; }

	.aArea01 .bd .swiper-slide a { padding:30px 20px; }
	.aArea01 .bd .swiper-slide .p2 { font-size:14px; margin-top:15px; }
	.aArea01 .bd .swiper-slide .p3 { font-size:18px; margin-top:15px; }
	.aArea01 .bd .swiper-slide .p4 { margin-top:25px; }
	
	.aArea01 .bd .btn .aa { width:35px; height:35px; }
	.aArea01 .bd .btn .aa01 { left:-45px; }
	.aArea01 .bd .btn .aa02 { right:-45px; }
}
@media all and (max-width:1200px){
	.aArea { padding:40px 0; background-size:100% 110%; }
	.aArea01 { margin-top:30px; }
	.aArea01 .hd { top:-60px; }
	.aArea01 .hd ul li { margin-right:15px; font-size:14px; }
	
	.aArea01 .bd .btn { width:100%; text-align:center; margin-top:25px; }
	.aArea01 .bd .btn .aa { position:relative; top:auto; transform: translateY(0);  }
	.aArea01 .bd .btn .aa01 { left:auto; margin-right:20px; }
	.aArea01 .bd .btn .aa02 { right:auto; }
}
@media all and (max-width:750px){
	.aArea .hd01 { text-align:center; }
	.aArea01 { margin-top:25px; }
	.aArea01 .hd { position:relative; top:auto; right:auto; font-size:0; z-index:2; }
	.aArea01 .hd ul li { width:49%; margin-right:2%; font-size:14px; color:rgba(34,34,34,1); padding:0; text-align:center; line-height:35px; background:#eee; border-bottom:none; }
	.aArea01 .hd ul li:before { display:none; }
	.aArea01 .hd ul li:nth-child(2n) { margin-right:0;}
	.aArea01 .hd ul li:nth-child(n + 3) { margin-top:2%; }
	.aArea01 .hd ul li.on { background:#F5460C; color:#fff; }
	
	.aArea01 .bd { margin-top:25px; }
	.aArea01 .bd .swiper-slide { border-radius:10px; }
	.aArea01 .bd .swiper-slide a { padding:10px 10px 20px 10px; }
	.aArea01 .bd .swiper-slide .p2 { font-size:14px; margin-top:10px; }
	.aArea01 .bd .swiper-slide .p3 { font-size:16px; margin-top:10px; }
	.aArea01 .bd .swiper-slide .p4 { margin-top:15px; }
}


.bCon { position:relative; margin-top:50px; }
.bCon .hd02 { position:absolute; top:80px; left:0; right:0; z-index:2; }
.bCon .hd02 .p1 { color:#fff; }
.bCon .hd02 .p2 { margin-top:35px; }

.bArea01 { position:relative; }
.bArea01 .bd .bdd { position:relative; }
.bArea01 .bd .bdd .pic img { width:100%; min-height:auto; object-fit: cover; }
.bArea01 .bd .bdd .txt { position:absolute; top:280px; left:0; right:0; color:#fff; z-index:2; }
.bArea01 .bd .bdd .txt .p1 { font-size:32px; font-weight:bold; }
.bArea01 .bd .bdd .txt .p2 { font-size:16px; margin-top:25px; line-height:30px; min-height:90px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:4; }
.bArea01 .bd .bdd .txt .p3 { position:relative; margin-top:10px; z-index:9999; }
.bArea01 .bd .bdd .txt .p3 a { position:relative; display:block; width:120px; line-height:40px; font-size:16px; text-align:center; color:rgba(255,255,255,0.8); border:1px solid rgba(255,255,255,0.8); border-radius:30px; text-decoration-line: underline; }
.bArea01 .bd .bdd .txt .p3 a:before { position: absolute; top: 0; left: 0; width: 100%;  height: 100%; display:block; content:'';  overflow: hidden; border-radius: 30px;  background:#F5460C; box-sizing: border-box; transform: scale(0); transition: all 0.8s ease; z-index: -1; } 
 
.bArea01 .bd .bdd .txt .p3 a:hover { border-color:#F5460C;  transition: all 1.8s ease; }
.bArea01 .bd .bdd .txt .p3 a:hover:before { transform: scale(1); }


.bArea01 .hd { position:absolute; right:50%; margin-right:-780px; bottom:110px; text-align:right; font-size:0; z-index:2; }
.bArea01 .hd .wrap { width:auto; }
.bArea01 .hd ul li { position:relative; width:200px; height:130px; padding:15px 20px 0 20px; margin-right:15px; border-radius:15px; display:inline-block; background:url(b01.png) no-repeat right bottom #fff; background-size:60% auto!important; box-sizing: border-box; cursor:pointer; }
.bArea01 .hd ul li:last-child { margin-right:0!important; }
.bArea01 .hd ul li .p1 { color:rgba(15,59,168,1); }
.bArea01 .hd ul li .p2 { margin-top:10px; font-size:18px; color:#333; text-align:left; }

.bArea01 .hd ul li.on { background:url(b02.png) no-repeat right bottom #F5460C; }
.bArea01 .hd ul li.on .p1 { color:#fff; }
.bArea01 .hd ul li.on .p2 { color:#fff; font-weight:bold; }

@media all and (max-width:1680px){
	.bCon { margin-top:30px; }
	.bCon .hd02 { top:60px; }
	.bCon .hd02 .p2 { margin-top:30px; }
	.bCon .hd02 .p2 img { max-width:80%; max-height:50px; }
 
	.bArea01 .bd .bdd .pic img { min-height:600px; }
	.bArea01 .bd .bdd .txt { top:230px; }
	.bArea01 .bd .bdd .txt .p1 { font-size:24px; }
	.bArea01 .bd .bdd .txt .p2 { font-size:16px; margin-top:25px; line-height:30px; min-height:90px; -webkit-line-clamp:3; }
	.bArea01 .bd .bdd .txt .p3 { margin-top:25px; }
	.bArea01 .bd .bdd .txt .p3 a { width:120px; line-height:40px; font-size:16px; }
 
	.bArea01 .hd { bottom:60px; margin-right:-600px; }
	.bArea01 .hd ul li {  width:180px; height:120px; padding:15px 20px 0 20px; margin-right:15px; border-radius:15px; }
	.bArea01 .hd ul li .p2 { margin-top:10px; font-size:16px; }
}
@media all and (max-width:1200px){
	.bCon .hd02 { top:40px; }
	.bCon .hd02 .p2 { margin-top:20px; }
	.bCon .hd02 .p2 img { max-width:80%; max-height:40px; }
 
	.bArea01 .bd .bdd .pic img { min-height:500px; }
	.bArea01 .bd .bdd .txt { top:160px; }
	.bArea01 .bd .bdd .txt .p1 { font-size:18px; }
	.bArea01 .bd .bdd .txt .p2 { font-size:14px; margin-top:20px; line-height:25px; min-height:75px; -webkit-line-clamp:3; }
	.bArea01 .bd .bdd .txt .p3 { margin-top:20px; }
	.bArea01 .bd .bdd .txt .p3 a { width:100px; line-height:35px; font-size:14px; }
 
	.bArea01 .hd { right:4%; margin-right:0; bottom:40px; }
	.bArea01 .hd ul li {  width:180px; height:120px; padding:15px 20px 0 20px; margin-right:15px; border-radius:15px; }
	.bArea01 .hd ul li .p2 { margin-top:20px; font-size:16px; }
}
@media all and (max-width:750px){
	.bCon .hd02 .p2 { margin-top:15px; }
	.bCon .hd02 .p2 img { max-width:80%; max-height:30px; }
	
	.bArea01 .bd .bdd .pic img { min-height:480px; }
	.bArea01 .bd .bdd .txt { top:140px; }
	.bArea01 .bd .bdd .txt .p1 { font-size:18px; }
	.bArea01 .bd .bdd .txt .p2 { font-size:14px; margin-top:10px; line-height:25px; min-height:75px; -webkit-line-clamp:3; }
	.bArea01 .bd .bdd .txt .p3 { margin-top:20px; }
	.bArea01 .bd .bdd .txt .p3 a { width:100px; line-height:35px; font-size:14px; }
	
	.bArea01 .hd { left:4%; }
	.bArea01 .hd .wrap { width:100%; }
	.bArea01 .hd ul li { width:32%; height:100px; padding:10px 10px 0 10px; margin-right:2%; border-radius:10px; }
	.bArea01 .hd ul li .p2 { margin-top:10px; font-size:14px; }
}

.cArea { padding:80px 0; background:url(cArea.png) no-repeat center; background-size:100% 100%; }
.cArea .hd01 { text-align:center; }
.cArea .hd01 .p2 { font-size:16px; margin-top:15px; color:rgba(69,69,69,1); }

.cArea01 {  margin-top:50px; }
.cArea01 .bdd { overflow:hidden; text-align:center; }
.cArea01 .bdd img { max-width:100%; height:auto; }


.swiper-container-c01 { width:1200px; margin:0 auto;  overflow:hidden; padding:15px 0; margin:-15px auto; }
.swiper-container-c01 .swiper-slide { width:320px; /*box-shadow:0px 0px 15px rgba(135,144,158,0.7); */}
.swiper-container-c01 .swiper-slide img { width:100%; height:auto; }
.swiper-container-c01 .swiper-slide .swiper-slide-shadow-left { background:none; }
.swiper-container-c01 .swiper-slide .swiper-slide-shadow-right { background:none; }
 
.cArea02 { margin-top:50px; }
.cArea02 .swiper-slide .pic01 { display:none; }

@media all and (max-width:1680px){
	.cArea { padding:60px 0; }
	.cArea .hd01 .p2 { font-size:16px; margin-top:15px; }
	
	.cArea01 {  margin-top:30px; }
	
	.swiper-container-c01 { width:1000px; margin:0 auto; }
	.swiper-container-c01 .swiper-slide { width:300px; }
	
	.cArea02 { padding:0; margin-top:30px; }
}
@media all and (max-width:1200px){
	.cArea { padding:40px 0; }
	.cArea .hd01 .p2 { font-size:14px; margin-top:10px; }
	
	.swiper-container-c01 { width:100%; }
	.swiper-container-c01 .swiper-slide { width:250px; }
}
@media all and (max-width:750px){
	.swiper-container-c01 .swiper-slide { width:180px; }
}

.dArea { padding:80px 0 100px; overflow:hidden; }
.dArea01 { position:relative; margin-top:50px; }
.swiper-container-d01 { max-width:1460px; margin:0 auto; }
.dArea01 .swiper-slide { position:relative; }
.dArea01 .swiper-slide .pic { position:relative; border-radius:15px; overflow:hidden; }
.dArea01 .swiper-slide .pic img { object-fit: cover; }
.dArea01 .swiper-slide .pic p { position:absolute; left:0; bottom:0; width:100%; height:100%; background:rgba(15,59,168,0.4); background-size:100% 100%!important; z-index:2; }

.dArea01 .swiper-slide .txt { position:absolute; left:0; right:0; bottom:65px; padding:0 70px; color:#fff; opacity:0; visibility: hidden;  transition: all 0.8s; transform: translateY(80%); z-index:2; }
.dArea01 .swiper-slide .txt .p1 { font-size:28px; font-weight:bold; }
.dArea01 .swiper-slide .txt .p2 { font-size:16px; margin-top:10px; }
.dArea01 .swiper-slide .txt .p3 { margin-top:35px; font-size:0; }
.dArea01 .swiper-slide .txt .p3 i { display:inline-block; font-size:16px; line-height:45px; padding:0 25px; border:1px solid #fff; margin-right:15px; }

.dArea01 .swiper-slide-active .pic p { background:url(d01.png) no-repeat center bottom; }
.dArea01 .swiper-slide-active .txt { transform: translateY(0); opacity: 1; visibility: visible;  transition-delay: 0.5s; }


.dArea01 .btn01 { position:absolute; display:inline-block; top:50%; transform: translateY(-50%); width:45px; height:45px; border-radius:100%; z-index:2; cursor:pointer; }
.dArea01 .prev-d01 { background:url(ico09.png) no-repeat center; left:-45px; }
.dArea01 .next-d01 { background:url(ico10.png) no-repeat center; right:-45px; }

.dArea01 .prev-d01:hover { background:url(ico07.png) no-repeat center; }
.dArea01 .next-d01:hover { background:url(ico08.png) no-repeat center; }

@media all and (max-width:1680px){
	.dArea { padding:60px 0 80px; }
	.dArea01 { margin-top:30px; }
 
	.dArea01 .swiper-slide .txt { bottom:40px; padding:0 50px; }
	.dArea01 .swiper-slide .txt .p1 { font-size:20px; }
	.dArea01 .swiper-slide .txt .p2 { font-size:16px; margin-top:10px; }
	.dArea01 .swiper-slide .txt .p3 { margin-top:25px; }
	.dArea01 .swiper-slide .txt .p3 i { font-size:14px; line-height:35px; padding:0 20px; margin-right:10px; }

	.dArea01 .btn01 { width:45px; height:45px; }
	.dArea01 .prev-d01 { left:10px; }
	.dArea01 .next-d01 { right:10px; }
}
@media all and (max-width:1200px){
	.dArea { padding:40px 0; }
	.dArea01 { margin-top:30px; }
 
	.dArea01 .swiper-slide .pic p {  background-size:100% 120%!important; }
	.dArea01 .swiper-slide .txt { bottom:40px; padding:0 50px; }
	.dArea01 .swiper-slide .txt .p1 { font-size:20px; }
	.dArea01 .swiper-slide .txt .p2 { font-size:14px; margin-top:10px; }
	.dArea01 .swiper-slide .txt .p3 { margin-top:15px; }
	.dArea01 .swiper-slide .txt .p3 i { font-size:14px; line-height:35px; padding:0 10px; margin-right:10px; margin-bottom:10px; }

	.dArea01 .btn01 { width:35px; height:35px; }
	.dArea01 .prev-d01 { left:10px; }
	.dArea01 .next-d01 { right:10px; }
}
@media all and (max-width:750px){
	.dArea01 .swiper-slide .pic p { background-size:100% 140%!important; }
	.dArea01 .swiper-slide .pic img { width:100%; min-height:300px; }
	.dArea01 .swiper-slide .txt { bottom:20px; padding:0 15px; }
	.dArea01 .swiper-slide .txt .p1 { font-size:18px; }
	.dArea01 .swiper-slide .txt .p2 { font-size:14px; margin-top:10px; }
	.dArea01 .swiper-slide .txt .p3 { margin-top:15px; }
	.dArea01 .swiper-slide .txt .p3 i { font-size:12px; line-height:25px; padding:0 5px; margin-right:5px; margin-bottom:5px; }
	
	.dArea01 .btn { margin-top:25px; text-align:center; }
	.dArea01 .btn01 { position:relative; margin:0 5px; left:auto!important; right:auto!important; top:auto; transform: translateY(0); }
	
	.dArea01 .prev-d01 { background:url(ico07.png) no-repeat center; }
	.dArea01 .next-d01 { background:url(ico08.png) no-repeat center; }
}

.bgArea { position:relative; z-index:5; }
.bgArea .bg01 { position:absolute; left:0; width:22.7%; top:200px; z-index:-1; }

.eArea { overflow:hidden; }
.eArea .wrap { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: center; }
.eArea01 { width:630px; }
.eArea01 .p1 i { color:rgba(15,59,168,1); }
.eArea01 .p2 { font-size:16px; margin-top:65px; line-height:30px; color:rgba(69,69,69,1); }
.eArea01 .p3 { margin-top:65px; padding:35px 0; border-top:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); }
.eArea01 .p3 ul { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.eArea01 .p3 ul li { text-align:center; line-height:1.1; color:rgba(34,34,34,1); }
.eArea01 .p3 ul li .p31 { font-size:24px; font-weight:bold; }
.eArea01 .p3 ul li .p31 i { font-size:46px; }
.eArea01 .p3 ul li .p32 { font-size:16px; margin-top:15px; }
.eArea01 .p4 { margin-top:75px; }

.eArea02 { width:820px; position:relative; }
.eArea02 .t01 { position:absolute; top:70px; right:0; z-index:2; }
.eArea02 .t02 { position:absolute; bottom:40px; right:0; z-index:2; }
.eArea02 .t02 .p1 { animation: divRte 10s linear 0s infinite;
    -moz-animation: divRte 10s linear 0s infinite;
    -webkit-animation: divRte 10s linear 0s infinite;
    -o-animation: divRte 10s linear 0s infinite;  }
.eArea02 .t02 .p2 { position:absolute; left:50%; top:50%; width:40px; height:40px; transform: translate(-50%,-50%); background:url(e03.png) no-repeat center; cursor:pointer; z-index:2; }

@media all and (max-width:1680px){
	.bgArea .bg01 { position:absolute; left:0; width:28%; top:100px; z-index:-1; }
	
	.eArea01 { width:43%; }
 
	.eArea01 .p2 { font-size:16px; margin-top:40px; line-height:30px; }
	.eArea01 .p3 { margin-top:40px; padding:35px 0; }
	.eArea01 .p3 ul li .p31 { font-size:20px; }
	.eArea01 .p3 ul li .p31 i { font-size:36px; }
	.eArea01 .p3 ul li .p32 { font-size:14px; margin-top:10px; }
	.eArea01 .p4 { margin-top:50px; }

	.eArea02 { width:51%; }
	.eArea02 .pic img { width:auto; max-height:680px; }
	.eArea02 .t01 { position:absolute; top:40px; right:0; z-index:2; }
	.eArea02 .t01 img { height:150px; width:auto; }
	.eArea02 .t02 { position:absolute; bottom:40px; width:150px; }
	.eArea02 .t02 .p1 img { width:100%; height:auto; }
}
@media all and (max-width:1200px){
	.eArea01 { width:43%; }
 
	.eArea01 .p2 { font-size:14px; margin-top:20px; line-height:25px; }
	.eArea01 .p3 { margin-top:30px; padding:25px 0; }
	.eArea01 .p3 ul li .p31 { font-size:16px; }
	.eArea01 .p3 ul li .p31 i { font-size:28px; }
	.eArea01 .p3 ul li .p32 { font-size:14px; margin-top:10px; }
	.eArea01 .p4 { margin-top:30px; }

	.eArea02 { width:51%; }
	.eArea02 .pic img { width:120%; height:auto; max-height:auto; }
	.eArea02 .t01 { position:absolute; top:30px; right:0; z-index:2; }
	.eArea02 .t01 img { height:100px; width:auto; }
	.eArea02 .t02 { position:absolute; bottom:40px; width:150px; }
	.eArea02 .t02 .p1 img { width:100%; height:auto; }
}
@media all and (max-width:900px){
	.bgArea .bg01 { position:absolute; left:0; width:200px; top:150px; z-index:-1; }
	
	.eArea01 { width:100%; }
	.eArea01 .p2 { font-size:14px; margin-top:20px; line-height:25px; }
	.eArea01 .p3 { margin-top:30px; padding:25px 0; }
	.eArea01 .p3 ul li .p31 { font-size:14px; }
	.eArea01 .p3 ul li .p31 i { font-size:24px; }
	.eArea01 .p3 ul li .p32 { font-size:12px; margin-top:10px; }
	.eArea01 .p4 { margin-top:30px; }
	
	.eArea02 { width:100%; margin-top:30px; }
	.eArea02 .pic img { width:100%; }
	.eArea02 .t01 { right:4%; display:none; }
	.eArea02 .t02 { top:50%; left:50%; right:auto; bottom:auto; width:130px; margin:-65px 0 0 -65px; }
}


.mBtn { position:relative; display:block; width:145px; height:145px; padding:15px; border-radius:100%; box-sizing: border-box; z-index:9; }
.mBtn:before { position:absolute; display:block; content:""; top:0; left:0; width:100%; height:100%; border:1px dashed #F5460C; border-radius:100%; z-index:1; animation: divRte 10s linear 0s infinite; }
.mBtn p { display:block; padding:15px; background:#fff; width:100%; height:100%; border-radius:100%; box-sizing: border-box; }
.mBtn p i { display:flex; align-items: center; justify-content: center; width:100%; height:100%; font-size:14px; color:#F5460C; font-weight:bold; border-radius:100%; text-decoration-line: underline; background:#feece6; }

.mBtn:hover p { background:#F5460C; }

@media all and (max-width:1680px){
	.mBtn { width:125px; height:125px; padding:10px; }
	.mBtn p { padding:10px; }
}
@media all and (max-width:1200px){
	.mBtn { width:90px; height:90px; padding:5px; }
	.mBtn p { padding:5px; }
}
@media all and (max-width:900px){
	.mBtn { width:90px; height:60px; padding:5px; }
	.mBtn:before {  animation: none;   transform: rotate(0deg); }
	.mBtn p { padding:5px; }
	.mBtn p i { font-size:12px; }
}

.fArea { padding:100px 0; }
.fArea .hd { position:relative; }
.fArea .hd .p2 { position:absolute; right:0; bottom:0; z-index:2; }
.fArea .hd .p2 a { position:relative; display:inline-block; font-size:18px; padding-bottom:5px; border-bottom:2px solid rgba(34,34,34,0.8); color:rgba(34,34,34,1); }
.fArea .hd .p2 a:before { position:absolute; display:block; content:""; left:50%; width:0; bottom:-2px; height:2px; background:#F5460C; transition: all 0.6s; z-index:5; }

.fArea .hd .p2 a:hover { color:#F5460C;  font-weight:bold; }
.fArea .hd .p2 a:hover:before { left:0; width:100%; }

 

.fArea .bd { margin-top:50px; overflow:hidden; }
.fArea .bd .bd01 { width:100%; }

.fArea .bd .swiper { width:680px; }
.fArea .bd .swiper-slide { position:relative; width:410px; margin-right:30px; border-radius:15px; overflow:hidden; }
.fArea .bd .swiper-slide .pic { position:relative; padding-bottom:69.5%; border-radius:15px; overflow:hidden; }
.fArea .bd .swiper-slide .pic img { position:absolute; top:0; left:0; width:100%; height:100%; transition: all 0.6s; object-fit: cover; z-index:2; }
.fArea .bd .swiper-slide .txt { padding:30px 25px 0 25px; }
.fArea .bd .swiper-slide .txt .p1 { font-size:16px; color:rgba(163,163,163,1); line-height:20px; font-weight:bold; }
.fArea .bd .swiper-slide .txt .p2 { font-size:18px; color:rgba(34,34,34,1); line-height:30px; min-height:60px; margin-top:5px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.fArea .bd .swiper-slide .txt .p3 { font-size:16px; color:rgba(34,34,34,1); margin-top:30px; text-decoration-line: underline; }

.fArea .bd .swiper-slide:hover .pic img { transform: scale(1.1)!important; }
.fArea .bd .swiper-slide:hover .txt .p3 { color:#F5460C; font-weight:bold; }

.fArea .bd .swiper-slide-active { width:680px; }
.fArea .bd .swiper-slide-active .txt { position:absolute; left:0; right:0; bottom:0; padding:25px; background:rgba(4,33,105,0.6); z-index:2; }
.fArea .bd .swiper-slide-active .txt .p1 { color:#fff; }
.fArea .bd .swiper-slide-active .txt .p2 { color:#fff; min-height:30px; }
.fArea .bd .swiper-slide-active .txt .p3 { color:#fff; }

.fArea .bd .btn { margin-top:60px; font-size:0;  text-align:center; }
.fArea .bd .btn .btn01 { display:inline-block; width:45px; height:45px; background-size:100% 100%!important; cursor:pointer; }
.fArea .bd .btn .dd { display:inline-block; margin:0 30px; vertical-align:top; }
.fArea .bd .btn .prev-f01 { background:url(ico05.png) no-repeat center; }
.fArea .bd .btn .next-f01 { background:url(ico06.png) no-repeat center; }

.fArea .bd .btn .prev-f01:hover { background:url(ico07.png) no-repeat center; }
.fArea .bd .btn .next-f01:hover { background:url(ico08.png) no-repeat center; }

.swiper-pagination-f01 { height:45px; display:flex; align-items: center; }
.swiper-pagination-f01 .swiper-pagination-bullet { width:8px; height:8px; margin:0 20px;  border-radius:100%; background:rgba(34,34,34,0.3); opacity:1; }
.swiper-pagination-f01 .swiper-pagination-bullet-active { width:12px; height:12px; background:rgba(15,59,168,1); }

@media all and (max-width:1680px){
	.fArea { padding:60px 0; }
	.fArea .hd .p2 a { font-size:16px; }
 
	.fArea .bd { margin-top:30px; }
	.fArea .bd .swiper { width:520px; }
	.fArea .bd .swiper-slide { width:320px; margin-right:20px; border-radius:15px; }
	.fArea .bd .swiper-slide .pic { border-radius:15px; }
	.fArea .bd .swiper-slide .txt { padding:20px 15px 0 15px; }
	.fArea .bd .swiper-slide .txt .p1 { font-size:14px; }
	.fArea .bd .swiper-slide .txt .p2 { font-size:16px; line-height:30px; min-height:60px; margin-top:5px; -webkit-line-clamp:2; }
	.fArea .bd .swiper-slide .txt .p3 { font-size:14px; margin-top:20px; }
	
	.fArea .bd .swiper-slide-active { width:520px; }
	.fArea .bd .swiper-slide-active .txt { padding:20px 15px; }
	.fArea .bd .swiper-slide-active .txt .p2 { min-height:30px; }
	
	.fArea .bd .btn { margin-top:40px; }
	.fArea .bd .btn .btn01 { width:40px; height:40px; }
	.fArea .bd .btn .dd { margin:0 20px; }
	
	.swiper-pagination-f01 { height:40px; }
	.swiper-pagination-f01 .swiper-pagination-bullet { width:8px; height:8px; margin:0 15px; }
	.swiper-pagination-f01 .swiper-pagination-bullet-active { width:12px; height:12px; }
}
@media all and (max-width:1200px){
	.fArea { padding:40px 0; }
	.fArea .hd .p2 a { font-size:14px; }
	
	.fArea .bd .swiper { width:100%; }
	.fArea .bd .swiper-slide { width:49%; margin-right:2%; border-radius:10px; }
	.fArea .bd .swiper-slide .pic { border-radius:10px; }
	.fArea .bd .swiper-slide .txt { position:absolute; left:0; right:0; bottom:0; padding:20px 15px; background:rgba(4,33,105,0.6); z-index:2; }
	.fArea .bd .swiper-slide .txt .p1 { color:#fff; }
	.fArea .bd .swiper-slide .txt .p2 { color:#fff; min-height:30px; -webkit-line-clamp:1; }
	.fArea .bd .swiper-slide .txt .p3 { color:#fff; margin-top:5px; }
	
	.fArea .bd .swiper-slide-active { width:49%; }
	.fArea .bd .swiper-slide-active .txt { padding:20px 15px; }
	.fArea .bd .swiper-slide-active .txt .p2 { min-height:30px; }
	
	.fArea .bd .btn { margin-top:20px; }
	.fArea .bd .btn .btn01 { width:30px; height:30px; }
	.fArea .bd .btn .dd { margin:0 10px; }
	
	.swiper-pagination-f01 { height:30px; }
	.swiper-pagination-f01 .swiper-pagination-bullet { width:8px; height:8px; margin:0 5px; }
	.swiper-pagination-f01 .swiper-pagination-bullet-active { width:10px; height:10px; }
	
}
@media all and (max-width:750px){
	.fArea .bd .swiper-slide { width:100%; margin-right:2%; border-radius:10px; }
	.fArea .bd .swiper-slide-active { width:100%; }
	.swiper-pagination-f01 .swiper-pagination-bullet { width:8px; height:8px; margin:0 2px; }
	.swiper-pagination-f01 .swiper-pagination-bullet-active { width:8px; height:8px; }
}

.gArea { padding:100px 0 80px; background:url(gArea.png) no-repeat center; background-size:100% 100%; overflow:hidden; }
.gArea .hd { position:relative; }
.gArea .hd .p2 { position:absolute; top:50%; right:0; transform: translateY(-50%); z-index:2; }
.gArea .bd { margin-top:30px; perspective:1000px; height: 460px; }

.indHzBox { transform:rotateX(45deg); width:100%; display:flex; justify-content:space-between; height: 462px; }
.indHzli { width:19%; }
.indHzli .swiper-container { width:100%; height:100%; padding:0 10px; }
.indHzli .swiper-wrapper { transition-timing-function:linear; }
.indHzli .swiper-slide {text-align:center; height:95px; background:#fff; border-radius:10px; box-shadow:0 0 10px rgb(0 0 0 / 18%); display:flex; align-items:center; justify-content:center; opacity:1; }
.indHzli .swiper-slide-prev { opacity:.18; }
.indHzli .swiper-slide-active { opacity:.28; }
.indHzli .swiper-slide-next { opacity:.48; }
.indHzli .swiper-slide img { width:80%; height:100%; object-fit:contain; }

@media all and (max-width:1680px){
	.gArea { padding:60px 0; }
	.gArea .bd { margin-top:10px; perspective:1000px; height: 460px; }
}
@media all and (max-width:1200px){
	.gArea { padding:40px 0; }
	.gArea .bd { margin-top:0; perspective:1000px; height: 440px; }
}
@media all and (max-width:900px){
	.gArea { padding:40px 0 20px; }
	.gArea .bd { height: 300px; }
	
	
	.indHzBox { height: 300px; }
	.indHzli { width: 32%; }
	.indHzli:nth-child(n + 4) { display: none; }
	.indHzli .swiper-slide { height:70px; }
}
@media all and (max-width:500px){
	.gArea { padding:40px 0 80px; }
	.gArea .hd .p2 { position:absolute; top:350px; left:50%; margin-left:-45px; right:0; transform: translateY(0); }
}

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


@keyframes divRte{
	0%   {
		transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
	} 
	100%  {
		transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
	} 
}
@-moz-keyframes divRte{
	0%   {
		transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
	} 
	100%  {
		transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
	} 
}
@-webkit-keyframes divRte{
	0%   {
		transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
	} 
	100%  {
		transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
	} 
}
@-o-keyframes divRte{
	0%   {
		transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
	} 
	100%  {
		transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
	} 
}