@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; }







.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('/hnjt/upload/images/2025/9/4d3ddd5e8df96c6c.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('/hnjt/upload/images/2025/9/9dfa10339d9bcd89.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; }
 

.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('/hnjt/upload/images/2025/9/9dfa10339d9bcd89.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('/hnjt/upload/images/2025/9/8c9e5461958c491f.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('/hnjt/upload/images/2025/9/9dfa10339d9bcd89.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; }



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

.dArea { padding:100px 0 130px; background:url('/hnjt/upload/images/2025/9/3dc6992add164259.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); }
 


.eArea { position:relative; z-index:2; }
.eArea:before { position:absolute; top:0; left:0; bottom:0; width:50%; display:block; content:""; background:url('/hnjt/upload/images/2025/9/c9abe49896e063d8.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('/hnjt/upload/images/2025/9/a83016cd6c76b9fd.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('/hnjt/upload/images/2025/9/a83016cd6c76b9fd.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; }



.fArea { padding:100px 0; background:url('/hnjt/upload/images/2025/9/3ca4f6dc683b7d61.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('/hnjt/upload/images/2025/9/54467e6198919ff8.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('/hnjt/upload/images/2025/9/8c9e5461958c491f.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('/hnjt/upload/images/2025/9/54467e6198919ff8.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('/hnjt/upload/images/2025/9/8c9e5461958c491f.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; }

@-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);
	}
}