@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:60px; left:0; right:0; text-align:center; z-index:9;  }
.swiper-pagination-1 .swiper-pagination-bullet { width:9px; height:9px; margin:0 5px; margin-top:10px;  border-radius:100%; background:#fff; opacity:1; transition: all 0.6s; }
.swiper-pagination-1 .swiper-pagination-bullet-active { height:19px; border-radius:10px; margin-top:0; }

.banner .txt { position:absolute; top:50%; transform: translateY(-50%); left:0; right:0; color:#fff; line-height:1.1; z-index:2; }
.banner .txt .p1 { font-size:56px; font-weight:bold; }
.banner .txt .p2 { font-size:24px; margin-top:20px; }


@media all and (max-width:1680px){
	.banner .txt .p1 { font-size:40px; }
	.banner .txt .p2 { font-size:18px; margin-top:15px; }
}
@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 { bottom:30px; }
	
	.banner .txt .p1 { font-size:24px; }
	.banner .txt .p2 { font-size:16px; margin-top:15px; }
}
@media all and (max-width:750px){
	.swiper-pagination-1 .swiper-pagination-bullet { width:8px; height:8px; margin:0 3px; margin-top:10px; }
	.swiper-pagination-1 .swiper-pagination-bullet-active { height:18px; }
	
	.banner .txt .p1 { font-size:20px; }
	.banner .txt .p2 { font-size:14px; margin-top:10px; }
}






.aArea { padding:100px 0; }
.aArea01 { margin-top:60px; }
.aArea01 .hd { text-align:center; font-size:0; }
.aArea01 .hd ul li { display:inline-block; margin-right:30px; width:160px; border:1px solid rgba(232,232,232,1); border-radius:30px; overflow:hidden; cursor:pointer; }
.aArea01 .hd ul li:last-child { margin-right:0; }
.aArea01 .hd ul li a { display:block; width:100%; border-radius:30px; }
.aArea01 .hd ul li i { display:inline-block; line-height:55px; font-size:18px; color:rgba(34,34,34,1); }

.aArea01 .hd ul li.on { width:200px; border-color:rgba(47,48,140,1); }
.aArea01 .hd ul li.on i { padding-right:40px; font-weight:bold; background:url(a01.png) no-repeat center right; color:rgba(47,48,140,1); }

.aArea01 .bd { margin-top:60px; }
.aArea01 .bd ul li { float:left; width:23.875%; margin-right:1.5%; border-radius: 10px; background: rgba(245, 245, 245, 1); border: 1px solid rgba(232, 232, 232, 1); box-sizing: border-box;  overflow:hidden; }
.aArea01 .bd ul li:last-child { margin-right:0; }
.aArea01 .bd ul li a { display:block; padding:0 0 45px 0; }
.aArea01 .bd ul li .pic { overflow:hidden; }
.aArea01 .bd ul li .pic img { transition: all 0.6s; object-fit: cover; }
.aArea01 .bd ul li .txt { padding:0 30px; margin-top:30px; }
.aArea01 .bd ul li .txt .p1 { font-size:20px; color:rgba(34,34,34,1); line-height:25px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aArea01 .bd ul li .txt .p2 { font-size:16px; color:rgba(102,102,102,1); margin-top:15px; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aArea01 .bd ul li .txt .p3 { font-size:14px; color:rgba(47,48,140,1); margin-top:20px; }
.aArea01 .bd ul li .txt .p3 i { display:inline-block; padding-right:20px; background:url(a02.png) no-repeat center right; }

.aArea01 .bd ul li:hover  .txt .p1  {  color:rgba(47,48,140,1); }
.aArea01 .bd ul li:hover .pic img  { transform: scale(1.1)!important; }
 

@media all and (max-width:1680px){
	.aArea { padding:80px 0; }
	.aArea01 { margin-top:40px; }
	.aArea01 .hd ul li {  margin-right:20px; width:120px; }
	.aArea01 .hd ul li:last-child { margin-right:0; }
	.aArea01 .hd ul li i { line-height:45px; font-size:16px; }

	.aArea01 .hd ul li.on { width:160px; }
	.aArea01 .hd ul li.on i { padding-right:30px; }

	.aArea01 .bd { margin-top:40px; }
	.aArea01 .bd ul li { float:left; width:23.875%; margin-right:1.5%; }
	.aArea01 .bd ul li:last-child { margin-right:0; }
	.aArea01 .bd ul li a { padding:0 0 30px 0; }
 
	.aArea01 .bd ul li .txt { padding:0 20px; margin-top:20px; }
	.aArea01 .bd ul li .txt .p1 { font-size:18px; line-height:20px; }
	.aArea01 .bd ul li .txt .p2 { font-size:14px; margin-top:10px; }
	.aArea01 .bd ul li .txt .p3 { font-size:14px; margin-top:15px; }
}
@media all and (max-width:1200px){
	.aArea { padding:40px 0; }
	.aArea01 { margin-top:30px; }
	.aArea01 .hd ul li {  margin-right:20px; width:100px; }
	.aArea01 .hd ul li:last-child { margin-right:0; }
	.aArea01 .hd ul li i { line-height:35px; font-size:14px; }

	.aArea01 .hd ul li.on { width:140px; }
	.aArea01 .hd ul li.on i { padding-right:30px; }

	.aArea01 .bd { margin-top:30px; }
	.aArea01 .bd ul li { float:left; width:23.875%; margin-right:1.5%; }
	.aArea01 .bd ul li:last-child { margin-right:0; }
	.aArea01 .bd ul li a { padding:0 0 25px 0; }
 
	.aArea01 .bd ul li .txt { padding:0 15px; margin-top:15px; }
	.aArea01 .bd ul li .txt .p1 { font-size:16px; line-height:20px; }
	.aArea01 .bd ul li .txt .p2 { font-size:14px; margin-top:10px; }
	.aArea01 .bd ul li .txt .p3 { font-size:14px; margin-top:15px; }
}
@media all and (max-width:900px){
 
	.aArea01 .bd { margin-top:30px; }
	.aArea01 .bd ul li { float:left; width:49%; margin-right:2%; }
	.aArea01 .bd ul li:nth-child(2n) { margin-right:0; }
	.aArea01 .bd ul li:nth-child(n + 3) { margin-top:2%; }
}
@media all and (max-width:750px){
	.aArea01 .hd ul li { float:left; margin-right:2%; width:49%; box-sizing: border-box; }
	.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 { width:49%; }
	.aArea01 .hd ul li.on i { padding-right:25px; }
}

.bArea { position:relative; }
.bArea .Area-hd { position:absolute; left:50%; margin-left:-780px; top:110px; z-index:2; }
.bArea .Area-hd .p1 { color:#fff; }

.bArea01 { position:relative; }
.bArea01 .hd { position:absolute; top:110px; right:50%; margin-right:-780px; font-size:0; z-index:9; }
.bArea01 .hd ul { width:570px; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: center; }
.bArea01 .hd ul li { position:relative; width:120px; height:120px; display:flex; align-items: center; justify-content: center; background: rgba(47,48,140,0.1); border-radius:100%; cursor:pointer; }
.bArea01 .hd ul li:before { position: absolute;  top: 0; left: 0; width: 100%;  height: 100%; content:'';  overflow: hidden; border-radius: 50%;  border:1px dashed #fff; box-sizing: border-box; animation: spin 60s linear infinite; }
.bArea01 .hd ul li:after { position: absolute;  top: 0; left: 0; width: 100%;  height: 100%; content:'';  overflow: hidden; border-radius: 50%;  background:rgba(47, 48, 140, 0.6); box-sizing: border-box; transform: scale(0); transition: all 0.8s ease; z-index: -1;}
.bArea01 .hd ul li .p1 { height:50px; text-align:center; }
.bArea01 .hd ul li .p1 img { max-height:45px; }
.bArea01 .hd ul li .p2 { font-size:18px; color:#fff; }

.bArea01 .hd ul li.on:after { transform: scale(1); }

.bArea01 .bd .bdd { position:relative; }
.bArea01 .bd .bdd .txt { position:absolute; top:260px; left:0; right:0; color:#fff; line-height:1.1; z-index: 3; }
.bArea01 .bd .bdd .txt .p1 { font-size:32px; font-weight:bold; }
.bArea01 .bd .bdd .txt .p2 { font-size:16px; line-height:30px; margin-top:25px; max-width:590px; }
.bArea01 .bd .bdd .txt .p3 { margin-top:90px; }
.bArea01 .bd .bdd .txt .p3 a { position:relative; display:block; width:170px; font-size:16px; text-align:center; color:#fff; border:1px solid #fff; border-radius:30px; overflow:hidden; z-index:2; }
.bArea01 .bd .bdd .txt .p3 a i { display:inline-block; padding-right:40px; line-height:55px; background:url(b01.png) no-repeat center right; }
.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:rgba(47,48,140,1); box-sizing: border-box; transform: scale(0); transition: all 0.8s ease; z-index: -1; } 

.bArea01 .bd .bdd .txt .p3:hover a { border-color:rgba(47,48,140,1); }
.bArea01 .bd .bdd .txt .p3:hover a i { background:url(f02.png) no-repeat center right; }
.bArea01 .bd .bdd .txt .p3:hover a:before { transform: scale(1); }



.bArea02 { display:none; }
.bArea02 .swiper-slide .pic img { min-height:350px; object-fit: cover; }
.bArea02 .swiper-slide .txt { position:absolute; top:100px; padding:0 4%; left:0; right:0; color:#fff; line-height:1.1; text-align:center; z-index: 3; }
.bArea02 .swiper-slide .txt .p1 { font-size:20px; font-weight:bold; }
.bArea02 .swiper-slide .txt .p2 { font-size:14px; line-height:25px; margin-top:25px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.bArea02 .swiper-slide .txt .p3 { margin-top:30px; }
.bArea02 .swiper-slide .txt .p3 a { display:block; margin:0 auto; width:120px; font-size:14px; text-align:center; color:#fff; border:1px solid #fff; border-radius:30px; }
.bArea02 .swiper-slide .txt .p3 a i { display:inline-block; padding-right:25px; line-height:35px; background:url(b01.png) no-repeat center right; }

.swiper-pagination-b01 { position:absolute; bottom:20px; left:0; right:0; text-align:center; z-index:9;  }
.swiper-pagination-b01 .swiper-pagination-bullet { width:5px; height:5px; margin:0 3px; border-radius:100%; background:#fff; opacity:1; }
.swiper-pagination-b01 .swiper-pagination-bullet-active { width:15px; border-radius:10px; }


@media all and (max-width:1680px){
	.bArea .Area-hd { position:absolute; left:50%; margin-left:-600px; top:80px; }
 
	.bArea01 .hd { position:absolute; top:80px; right:50%; margin-right:-600px; }
	.bArea01 .hd ul { width:460px; }
	.bArea01 .hd ul li { width:100px; height:100px; }
	.bArea01 .hd ul li .p1 { height:45px; }
	.bArea01 .hd ul li .p1 img { max-height:40px; }
	.bArea01 .hd ul li .p2 { font-size:14px; }
 
	.bArea01 .bd .bdd .txt { position:absolute; top:200px; }
	.bArea01 .bd .bdd .txt .p1 { font-size:24px; }
	.bArea01 .bd .bdd .txt .p2 { font-size:14px; line-height:25px; margin-top:25px; max-width:500px; }
	.bArea01 .bd .bdd .txt .p3 { margin-top:60px; }
	
	.bArea01 .bd .bdd .txt .p3 a { width:120px; font-size:14px; }
	.bArea01 .bd .bdd .txt .p3 a i { padding-right:30px; line-height:45px; }
}
@media all and (max-width:1280px){
	.bArea .Area-hd { position:absolute; left:4%; margin-left:0; top:80px; }
 
	.bArea01 .hd { position:absolute; top:80px; right:4%; margin-right:0; }
}
@media all and (max-width:1200px){
	.bArea .Area-hd { position:absolute; left:4%; margin-left:0; top:40px; }
 
	.bArea01 .hd { position:absolute; top:40px; right:4%; margin-right:0; }
 
	.bArea01 .hd ul { width:400px; }
	.bArea01 .hd ul li { width:90px; height:90px; }
	.bArea01 .hd ul li .p1 { height:35px; }
	.bArea01 .hd ul li .p1 img { max-height:30px; }
	.bArea01 .hd ul li .p2 { font-size:14px; }
 
	.bArea01 .bd .bdd .txt { position:absolute; top:150px; }
	.bArea01 .bd .bdd .txt .p1 { font-size:20px; }
	.bArea01 .bd .bdd .txt .p2 { font-size:14px; line-height:25px; margin-top:25px; max-width:500px; }
	.bArea01 .bd .bdd .txt .p3 { margin-top:30px; }
	
	.bArea01 .bd .bdd .txt .p3 a { width:120px; font-size:14px; }
	.bArea01 .bd .bdd .txt .p3 a i { padding-right:25px; line-height:35px; }
}
@media all and (max-width:750px){
	.bArea01 { display:none; }
	.bArea02 { display:block; }
	
	.bArea .Area-hd { position:absolute; left:0; right:0; margin-left:0; top:40px; }
}

 
.cArea { padding:100px 0 80px;  }
.cArea .bd { margin-top:20px; text-align:center; }
.cArea .bd img { max-width:100%; }

@media all and (max-width:1680px){
	.cArea { padding:80px 0;  }
}
@media all and (max-width:1200px){
	.cArea { padding:40px 0;  }
}
@media all and (max-width:750px){
	
}
.dArea { padding:100px 0 130px; background:url(dArea.png) no-repeat center bottom; background-size:cover; }
.dArea .wrap { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.dArea .Area-hd { text-align:left; }
.dArea .bd { width:730px; height:600px; overflow:hidden; }
.dArea .bd .swiper { width:100%; height:100%; }
.dArea .bd .swiper .swiper-slide { width:100%; height:auto; display:flex; flex-wrap: wrap; }
.dArea .bd .swiper .swiper-slide .item { display:block; width:100%; padding:40px 60px 0 60px; background:rgba(255,255,255,0.6); min-height:280px; box-sizing: border-box; border-radius: 20px; line-height:1.1; }
.dArea .bd .swiper .swiper-slide .item:nth-child(n + 2){ margin-top:40px; }
.dArea .bd .swiper .swiper-slide .item .p2 { font-size:26px; margin-top:15px; color:rgba(34, 34, 34, 1); font-weight:bold; }
.dArea .bd .swiper .swiper-slide .item .p3 { font-size:16px; margin-top:25px; line-height:30px;  color:rgba(51, 51, 51, 1); }
 

@media all and (max-width:1680px){
	.dArea { padding:80px 0; }
	
	.dArea .bd { width:calc(100% - 550px); height:450px; }
	.dArea .bd .swiper .swiper-slide .item { padding:30px 40px 0 40px; min-height:210px; }
	.dArea .bd .swiper .swiper-slide .item:nth-child(n + 2){ margin-top:30px; }
	.dArea .bd .swiper .swiper-slide .item .p1 img { max-height:55px; width:auto; }
	.dArea .bd .swiper .swiper-slide .item .p2 { font-size:20px; margin-top:15px;  }
	.dArea .bd .swiper .swiper-slide .item .p3 { font-size:14px; margin-top:20px; line-height:25px;  }
}
@media all and (max-width:1200px){
	.dArea { padding:40px 0; }
	
	.dArea .bd { width:calc(100% - 500px); height:420px; }
	.dArea .bd .swiper .swiper-slide .item { padding:30px 30px 0 30px; min-height:200px; }
	.dArea .bd .swiper .swiper-slide .item:nth-child(n + 2){ margin-top:20px; }
	.dArea .bd .swiper .swiper-slide .item .p1 img { max-height:45px; width:auto; }
	.dArea .bd .swiper .swiper-slide .item .p2 { font-size:18px; margin-top:10px;  }
	.dArea .bd .swiper .swiper-slide .item .p3 { font-size:14px; margin-top:15px; line-height:25px;  }
 
}
@media all and (max-width:900px){
	.dArea { background:#E9F2FA; }
	.dArea .wrap { display:block; }
	.dArea .Area-hd { text-align:center; }
 
	.dArea .bd  { width:100%; margin-top:30px; }
	.dArea .bd .swiper .swiper-slide .item { padding:30px 4%; min-height:200px; }
 
}

.eArea { position:relative; z-index:2; }
.eArea:before { position:absolute; top:0; left:0; bottom:0; width:50%; display:block; content:""; background:url(e03.png) no-repeat center; backdrop-filter: blur(10px); background-size:cover; /* background: rgba(255,255,255,0.05);  backdrop-filter: blur(162px);  background: rgba(255,255,255,0.3); backdrop-filter: blur(20px);*/ z-index:2; }
.eArea .txt { position:absolute; top:50%; transform: translateY(-50%); left:0; right:0; z-index:9; }
.eArea .txt .Area-hd { text-align:left; max-width:40%; color:#fff; }
.eArea .txt .Area-hd .p1 { color:#fff; }
.eArea .txt .Area-hd .p2 { color:#fff; margin-top:30px; }
.eArea .txt .Area-hd .p3 { color:rgba(255,255,255,0.8); margin-top:35px; line-height:30px; }
.eArea .txt .bd { margin-top:90px; max-width:32%; }
.eArea .txt .bd ul li { padding-bottom:40px; border-bottom:1px solid rgba(255,255,255,0.2); color:rgba(255,255,255,0.7); display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: flex-end; }
.eArea .txt .bd ul li:nth-child(n + 2) { margin-top:40px; }
.eArea .txt .bd ul li .p1 { font-size:24px; font-weight:bold; }
.eArea .txt .bd ul li .p1 i { font-size:46px; }
.eArea .txt .bd ul li .p2 { font-size:16px; }

.eArea .pic01 { position:absolute; top:0; width:50%; height:100%; right:0; z-index:11; }
.eArea .pic01 p { position:absolute; top:50%; left:50%; margin:-39px 0 0 -39px; width:78px; height:78px; border-radius:100%; background:url(e01.png) no-repeat center rgba(47,48,140,1); z-index:5; cursor:pointer; box-shadow: 0 0 rgba(255, 255, 255, 0.5),0 0 0 20px rgba(255, 255, 255, 0.5),0 0 0 40px rgba(255, 255, 255, 0.5); animation: ripple-wave1 1s linear infinite;
	animation-play-state: running;
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	-webkit-animation: ripple-wave1 1s linear infinite; }
	
.eArea01 { position:relative; display:none; }
.eArea01 p { position:absolute; top:50%; left:50%; margin:-27px 0 0 -27px; width:55px; height:55px; border-radius:100%; background:url(e01.png) no-repeat center rgba(47,48,140,1);  background-size:16px 20px;  z-index:5; cursor:pointer; box-shadow: 0 0 rgba(255, 255, 255, 0.5),0 0 0 20px rgba(255, 255, 255, 0.5),0 0 0 40px rgba(255, 255, 255, 0.5); animation: ripple-wave1 1s linear infinite;
	animation-play-state: running;
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	-webkit-animation: ripple-wave1 1s linear infinite; }

@media all and (max-width:1680px){
	.eArea .txt .Area-hd { text-align:left; max-width:45%; }
	.eArea .txt .Area-hd .p2 { margin-top:15px; }
	.eArea .txt .Area-hd .p3 { margin-top:20px; line-height:1.7; }
	.eArea .txt .bd { margin-top:60px; max-width:38%; }
	.eArea .txt .bd ul li { padding-bottom:25px; }
	.eArea .txt .bd ul li:nth-child(n + 2) { margin-top:25px; }
	.eArea .txt .bd ul li .p1 { font-size:18px; font-weight:bold; }
	.eArea .txt .bd ul li .p1 i { font-size:30px; }
	.eArea .txt .bd ul li .p2 { font-size:14px; }
 
	.eArea .pic01 p { width:70px; height:70px; margin:-35px 0 0 -35px; }
}
@media all and (max-width:1200px){
	.eArea .pic img { min-height:500px; object-fit: cover; }
	.eArea .txt .Area-hd { text-align:left; max-width:45%; }
	.eArea .txt .Area-hd .p2 { margin-top:15px; }
	.eArea .txt .Area-hd .p3 { margin-top:15px; line-height:1.7; }
	.eArea .txt .bd { margin-top:30px; max-width:38%; }
	.eArea .txt .bd ul li { padding-bottom:20px; }
	.eArea .txt .bd ul li:nth-child(n + 2) { margin-top:20px; }
	.eArea .txt .bd ul li .p1 { font-size:16px; font-weight:bold; }
	.eArea .txt .bd ul li .p1 i { font-size:20px; }
	.eArea .txt .bd ul li .p2 { font-size:14px; }
 
	.eArea .pic01 p { width:55px; height:55px; background-size:16px 20px; margin:-27px 0 0 -27px; }
}
@media all and (max-width:900px){
	.eArea:before { width:100%; }
	.eArea .txt { width:100%; padding:0 4%; box-sizing: border-box; }
	.eArea .txt .Area-hd { text-align:center; max-width:100%; }
	.eArea .txt .Area-hd .p2 { margin-top:15px; }
	.eArea .txt .Area-hd .p3 { margin-top:15px; line-height:1.7; }
	.eArea .txt .bd { margin-top:30px; max-width:100%; }
	
	.eArea .pic img { min-height:500px; object-fit: cover; }
	
	.eArea .pic01 { display:none; }
	.eArea01 { display:block; }
}

.fArea { padding:100px 0; background:url(fArea.png) no-repeat center; background-size:cover; }
.fArea .Area-hd { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: center; }
.fArea .Area-hd .p4 a { position:relative; display:block; width:170px; font-size:16px; text-align:center; color:rgba(47,48,140,1); border:1px solid rgba(47,48,140,1); border-radius:30px;  z-index:2; }
.fArea .Area-hd .p4 a i { display:inline-block; padding-right:40px; line-height:55px; background:url(f01.png) no-repeat center right; }
.fArea .Area-hd .p4 a:before { position: absolute; top: 0; left: 0; width: 100%;  height: 100%; display:block; content:'';  overflow: hidden; border-radius: 30px;  background:rgba(47,48,140,1); box-sizing: border-box; transform: scale(0); transition: all 0.8s ease; z-index: -1; } 

.fArea .Area-hd .p4 a:hover { color:#fff;}
.fArea .Area-hd .p4 a:hover i { background:url(f02.png) no-repeat center right; }
.fArea .Area-hd .p4 a:hover:before { transform: scale(1); }
 
.fArea .bd { margin-top:60px; }

.fBox01 { float:left; width:66%; }
.fBox01 ul li { float:left; width:48.55%; margin-right:2.9%; background:#fff; border-radius:20px; overflow:hidden; }
.fBox01 ul li:last-child { margin-right:0; }
.fBox01 ul li .pic { position:relative; overflow:hidden; }
.fBox01 ul li .pic img { width:100%; height:310px; transition: all 0.6s; object-fit: cover; }
.fBox01 ul li .txt { padding:35px 35px 0 35px; min-height:345px; box-sizing: border-box; }
.fBox01 ul li .txt .p1 { font-size:22px; line-height:35px; min-height:70px; font-weight:bold; color:rgba(34,34,34,1); overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.fBox01 ul li .txt .p2 { font-size:16px; line-height:30px; min-height:60px; margin-top:30px; color:rgba(102,102,102,1); overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.fBox01 ul li .txt .p3 { position:relative; margin-top:30px; width:170px; font-size:16px; text-align:center; color:rgba(47,48,140,1); border:1px solid rgba(47,48,140,1); border-radius:30px; z-index:2;  }
.fBox01 ul li .txt .p3 i { display:inline-block; padding-right:40px; line-height:55px; background:url(f01.png) no-repeat center right; }
.fBox01 ul li .txt .p3:before { position: absolute; top: 0; left: 0; width: 100%;  height: 100%; display:block; content:'';  overflow: hidden; border-radius: 30px;  background:rgba(47,48,140,1); box-sizing: border-box; transform: scale(0); transition: all 0.8s ease; z-index: -1; } 
.fArea .bd { margin-top:60px; }
.fArea .bd { margin-top:60px; }
 
.fBox01 ul li:hover .pic img { transform: scale(1.1)!important; }
.fBox01 ul li:hover .txt .p1 { color:rgba(47,48,140,1); }
.fBox01 ul li:hover .txt .p3 { color:#fff; }
.fBox01 ul li:hover .txt .p3 i { background:url(f02.png) no-repeat center right; }
.fBox01 ul li:hover .txt .p3:before { transform: scale(1); }
 
.fArea .bd { margin-top:60px; }

.fBox02 { float:right; width:32%; }
.fBox02 ul li { background:#fff; border-radius:20px; overflow:hidden; }
.fBox02 ul li:nth-child(n + 2) { margin-top:20px; }
.fBox02 ul li a { display:block; padding:45px 35px 0 35px; min-height:205px; box-sizing: border-box; }
.fBox02 ul li .p1 { font-size:22px; line-height:35px; min-height:70px; color:rgba(34,34,34,1); overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.fBox02 ul li .p2 { font-size:16px; color:rgba(163,163,163,1); margin-top:25px; font-weight:bold; }

.fBox02 ul li:hover { background:rgba(47,48,140,1); }
.fBox02 ul li:hover .p1 { color:#fff; }
.fBox02 ul li:hover .p2 { color:#fff; }

@media all and (max-width:1680px){
	.fArea { padding:80px 0; }
	.fArea .Area-hd .p4 a { width:120px; font-size:14px; }
	.fArea .Area-hd .p4 a i { padding-right:30px; line-height:45px; }
	
	.fArea .bd { margin-top:40px; }

	.fBox01 { float:left; width:66%; }
	.fBox01 ul li { float:left; width:48.55%; margin-right:2.9%; }
	.fBox01 ul li:last-child { margin-right:0; }
 
	.fBox01 ul li .pic img { width:100%; height:240px; }
	.fBox01 ul li .txt { padding:25px 20px 0 20px; min-height:250px; }
	.fBox01 ul li .txt .p1 { font-size:18px; line-height:30px; min-height:60px; -webkit-line-clamp:2; }
	.fBox01 ul li .txt .p2 { font-size:14px; line-height:25px; min-height:50px; margin-top:20px; -webkit-line-clamp:2; }
	.fBox01 ul li .txt .p3 { margin-top:20px; width:120px; font-size:14px; }
	.fBox01 ul li .txt .p3 i { padding-right:30px; line-height:45px; }
 
	.fBox02 { float:right; width:32%; }
	.fBox02 ul li:nth-child(n + 2) { margin-top:12px; }
	.fBox02 ul li a { padding:30px 20px 0 20px; min-height:155px; }
	.fBox02 ul li .p1 { font-size:18px; line-height:30px; min-height:60px; -webkit-line-clamp:2; }
	.fBox02 ul li .p2 { font-size:14px; margin-top:15px; }
}
@media all and (max-width:1200px){
	.fArea { padding:40px 0; }
	.fArea .Area-hd .p4 a { width:120px; font-size:14px; }
	.fArea .Area-hd .p4 a i { padding-right:25px; line-height:35px; }
	
	.fArea .bd { margin-top:30px; }

	.fBox01 { float:left; width:66%; }
	.fBox01 ul li { float:left; width:48.55%; margin-right:2.9%; }
	.fBox01 ul li:last-child { margin-right:0; }
 
	.fBox01 ul li .pic img { width:100%; height:240px; }
	.fBox01 ul li .txt { padding:25px 15px 0 15px; min-height:220px; }
	.fBox01 ul li .txt .p1 { font-size:16px; line-height:25px; min-height:50px; -webkit-line-clamp:2; }
	.fBox01 ul li .txt .p2 { font-size:14px; line-height:25px; min-height:50px; margin-top:10px; -webkit-line-clamp:2; }
	.fBox01 ul li .txt .p3 { margin-top:15px; width:120px; font-size:14px; }
	.fBox01 ul li .txt .p3 i { padding-right:25px; line-height:35px; }
 
	.fBox02 { float:right; width:32%; }
	.fBox02 ul li:nth-child(n + 2) { margin-top:12px; }
	.fBox02 ul li a { padding:25px 15px 0 15px; min-height:145px; }
	.fBox02 ul li .p1 { font-size:16px; line-height:25px; min-height:50px; -webkit-line-clamp:2; }
	.fBox02 ul li .p2 { font-size:14px; margin-top:15px; }
}
@media all and (max-width:900px){
	.fBox01 { float:none; width:100%; }
	.fBox01 ul li { float:left; width:48.55%; margin-right:2.9%; }
	.fBox01 ul li:last-child { margin-right:0; }
	.fBox01 ul li .pic { padding-bottom:62%; }
	.fBox01 ul li .pic img { position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; }
	.fBox01 ul li .txt { padding:25px 15px 0 15px; min-height:220px; }
	.fBox01 ul li .txt .p1 { font-size:16px; line-height:25px; min-height:50px; -webkit-line-clamp:2; }
	.fBox01 ul li .txt .p2 { font-size:14px; line-height:25px; min-height:50px; margin-top:10px; -webkit-line-clamp:2; }
	.fBox01 ul li .txt .p3 { margin-top:15px; width:120px; font-size:14px; }
	.fBox01 ul li .txt .p3 i { padding-right:25px; line-height:35px; }
 
	.fBox02 { float:none; width:100%; margin-top:30px; }
	.fBox02 ul li:nth-child(n + 2) { margin-top:12px; }
	.fBox02 ul li a { padding:25px 15px 0 15px; min-height:145px; }
	.fBox02 ul li .p1 { font-size:16px; line-height:25px; min-height:50px; -webkit-line-clamp:2; }
	.fBox02 ul li .p2 { font-size:14px; margin-top:15px; }
}
@media all and (max-width:600px){
	.fBox01 ul li { float:none; width:100%; margin-right:0; }
	.fBox01 ul li:nth-child(n + 1) { margin-top:15px; }
	.fBox01 ul li .txt { padding:25px 4%; min-height:10px; }
	
	.fBox02 ul li a { padding:20px 4%; min-height:10px; }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes ripple-wave1{
	to {
		box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.5),0 0 0 40px rgba(255, 255, 255, 0.5),0 0 0 60px rgba(255, 255, 255, 0.02);
	}
}


@media all and (max-width:1200px){
	@keyframes ripple-wave1{
		to {
			box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5),0 0 0 20px rgba(255, 255, 255, 0.5),0 0 0 30px rgba(255, 255, 255, 0.02);
		}
	}
}