@charset "utf-8";

.banner { position:relative; width:100%; }
.banner:after {  background-image: linear-gradient(transparent,#003f88); bottom: 0; content: ""; height: 30%; left: 0; opacity: .6; position: absolute;  right: 0; z-index:3; }

.swiper-container-1 .swiper-slide { position:relative; width:100%; overflow:hidden; }
.swiper-container-1 .swiper-slide img { width:100%; height:100vh; object-fit: cover; }
.swiper-container-1 .swiper-slide .img02 { display:none; }

.banvideo { position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; }
.banvideo video { width:100%; height:100%; }

.swiper-pagination-1 { position:absolute; bottom:60px; left:0; right:0; text-align:center; z-index:5; display:none;  }
.swiper-pagination-1 .swiper-pagination-bullet { width:20px; height:3px; margin:0 5px;  border-radius:0; background:#fff; opacity:1; }
.swiper-pagination-1 .swiper-pagination-bullet-active { width:40px; border-radius:10px; background:#024bb9; }
 
.ban { position:absolute; left:50%; bottom:0; width:290px; height:105px; transform: translateX(-50%); padding-top:20px; text-align:center; color:#fff; line-height:1.1; background:url(ban01.png) no-repeat center top; box-sizing: border-box; z-index:5; animation: moveDownSpot 2s infinite; }
.ban .p1 { width:25px; height:36px; margin:0 auto; background:url(ban02.png) no-repeat center; }
.ban .p2 { font-size:14px; margin-top:10px; }
 
.banner .btn01 { position:absolute; top:50%; transform: translateY(-50%); width:60px; height:60px; border-radius:100%; background-color: rgba(0,63,136,.4); background-position: 50%; background-repeat:no-repeat; background-size:20px;  box-shadow: 0 0 12px 0 rgba(26,56,33,.2); z-index:10; cursor:pointer; }
.banner .prev-01 { background-image: url(ban01.svg); left: 10px; }
.banner .next-01 { background-image: url(ban02.svg); right: 10px; }
 
 
@media all and (max-width:1200px){
	.swiper-container-1 .swiper-slide img { width:100%; height:auto; }
	.swiper-container-1 .swiper-slide .img01 { display:none; }
	.swiper-container-1 .swiper-slide .img02 { display:block; }
	
	.banvideo { display:none; }

	.swiper-pagination-1 { bottom:30px; display:block; }
	.swiper-pagination-1 .swiper-pagination-bullet-active { width:25px; } 
	
	.ban { display:none; }
	
	.banner .btn01 { display:none; }
}
 

@keyframes moveDownSpot {
    0% {
       padding-top:30px;
    }
    50% {
       padding-top:20px;
    }
    100% {
        padding-top:30px;
    }
}

.container { padding:60px 0 90px; background:url(bg03.jpg) no-repeat center bottom #f4f5f9; }

.Area-hd { line-height:1.1; font-size:0; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: center; }
.Area-hd p { font-size:36px; color:#0348b1; font-weight:bold; }
.Area-hd p i { display:inline-block; width:30px; height:12px; background:url(ico01.png) no-repeat center top; vertical-align:middle; }
.Area-hd a { font-size:16px; color:#8893a5; }
.Area-hd a:hover { color:#0348b1; }

@media all and (max-width:1680px){
	.container { padding:60px 0; }
 
	.Area-hd p { font-size:24px; }
	.Area-hd a { font-size:14px; }
}
@media all and (max-width:1280px){
	.container { padding:60px 0; }
 
	.Area-hd p { font-size:20px; }
	.Area-hd a { font-size:14px; }
}
@media all and (max-width:1200px){
	.container { padding:40px 0; }
 
	.Area-hd p { font-size:20px; }
	.Area-hd a { font-size:14px; }
}
@media all and (max-width:750px){
	.Area-hd p { font-size:18px; }
	.Area-hd p i { height:8px; }
}

.aArea01 { margin-top:25px; }
.aBox01 { position:relative; float:left; width:900px; }
.aBox01 .swiper-slide { position:relative; }
.aBox01 .swiper-slide .pic { overflow:hidden; }
.aBox01 .swiper-slide .pic img { width:100%; height:560px; transition: all 0.6s; object-fit: cover; }
.aBox01 .swiper-slide .txt { position:absolute; left:0; right:0; bottom:0; padding:0 170px 0 30px; height:110px; z-index:2; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: center; background:rgba(3,72,177,0.9); color:#fff; }
.aBox01 .swiper-slide .txt .txt01 { width:70px; text-align:center; line-height:1.1; }
.aBox01 .swiper-slide .txt .txt01 p { font-size:48px; font-weight:bold; }
.aBox01 .swiper-slide .txt .txt01 span { display:block; font-size:16px; margin-top:5px; }
.aBox01 .swiper-slide .txt .txt02 { width:calc(100% - 90px); font-size:24px; line-height:35px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }

.swiper-pagination-a01 { position:absolute; right:30px; bottom:40px; z-index:2; }
.swiper-pagination-a01 .swiper-pagination-bullet { width:10px; height:10px; margin:0 7px;  border-radius:100%; background:none; border:3px solid #fff; opacity:0.5; }
.swiper-pagination-a01 .swiper-pagination-bullet-active { background:#fff; opacity:1; }


.aBox02 { float:right; width:645px; height:560px; padding:30px 30px 0 30px; border-top:2px solid #0348b1; background:#fff; box-sizing: border-box; }


.aBox02 .txt01 { border-bottom:1px solid #dbdee4; padding-bottom:20px; }
.aBox02 .txt01 .p1 { font-size:28px; color:#0348b1; line-height:35px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.aBox02 .txt01 .p2 { font-size:16px; color:#bdc3cc; line-height:20px; margin-top:15px; }
.aBox02 .txt01 .p3 { font-size:16px; color:#808ca1; line-height:30px; margin-top:15px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2;   }


.aBox02 .txt02 ul li { border-bottom:1px solid #dbdee4; font-size:20px; color:#233248; line-height:80px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aBox02 .txt02 ul li a { color:#233248; }
.aBox02 .txt02 ul li span { float:right; margin-left:50px; font-size:16px; color:#8893a5; font-weight:normal; }
.aBox02 .txt02 ul li:last-child { border-bottom:none; }
.aBox02 .txt02 ul li:hover { color:#0348b1; }
.aBox02 .txt02 ul li:hover a { color:#0348b1;  font-weight:bold;}

@media all and (max-width:1680px){
	.aBox01 { width:57.5%; }
	.aBox01 .swiper-slide .pic img { height:450px; }
	.aBox01 .swiper-slide .txt { padding:0 100px 0 30px; height:90px; }
	.aBox01 .swiper-slide .txt .txt01 { width:60px; }
	.aBox01 .swiper-slide .txt .txt01 p { font-size:30px; }
	.aBox01 .swiper-slide .txt .txt01 span { font-size:14px; margin-top:5px; }
	.aBox01 .swiper-slide .txt .txt02 { width:calc(100% - 80px); font-size:18px; line-height:25px; -webkit-line-clamp:2; }

	.swiper-pagination-a01 { position:absolute; right:20px; bottom:35px; z-index:2; }
	.swiper-pagination-a01 .swiper-pagination-bullet { width:8px; height:8px; margin:0 5px; border:2px solid #fff; }
 
 
	.aBox02 { width:41.5%; height:450px; padding:20px 20px 0 20px; }


	.aBox02 .txt01 { padding-bottom:10px; }
	.aBox02 .txt01 .p1 { font-size:24px; line-height:25px; -webkit-line-clamp:1; }
	.aBox02 .txt01 .p2 { font-size:14px; line-height:20px; margin-top:10px; }
	.aBox02 .txt01 .p3 { font-size:14px; line-height:25px; margin-top:10px; -webkit-line-clamp:2; }

	.aBox02 .txt02 ul li { font-size:18px; line-height:68px; }
	.aBox02 .txt02 ul li span { margin-left:30px; font-size:14px; }
}
@media all and (max-width:1200px){
	.aBox01 { width:57.5%; }
	
	.aBox01 .swiper-slide .pic img { height:400px; }
	.aBox01 .swiper-slide .txt { padding:0 100px 0 20px; height:90px; }
	.aBox01 .swiper-slide .txt .txt02 { font-size:16px; }
 
	.aBox02 { width:41.5%; height:400px; padding:20px 20px 0 20px; }


	.aBox02 .txt01 { padding-bottom:10px; }
	.aBox02 .txt01 .p1 { font-size:20px; line-height:25px; -webkit-line-clamp:1; }
	.aBox02 .txt01 .p2 { font-size:14px; line-height:20px; margin-top:10px; }
	.aBox02 .txt01 .p3 { font-size:14px; line-height:25px; margin-top:10px; -webkit-line-clamp:2; }

	.aBox02 .txt02 ul li { font-size:16px; line-height:55px; }
	.aBox02 .txt02 ul li span { margin-left:20px; font-size:14px; }
}
@media all and (max-width:900px){
	.aBox01 { width:100%; }
	.aBox01 .swiper-slide .pic { position:relative; padding-bottom:62%; }
	.aBox01 .swiper-slide .pic img { position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; }
	
	.aBox02 { width:100%; height:auto; padding:20px 4%; margin-top:30px; }
	.aBox02 .txt02 ul li { font-size:16px; line-height:50px; }
}
@media all and (max-width:750px){
	.aBox01 .swiper-slide .txt { padding:0 70px 0 15px; height:50px; }
	.aBox01 .swiper-slide .txt .txt01 { display:none; }
 
	.aBox01 .swiper-slide .txt .txt02 { width:100%; -webkit-line-clamp:1; }
	
	.aBox02 .txt01 .p3 { font-size:14px; line-height:25px; margin-top:10px; -webkit-line-clamp:4; }

	.swiper-pagination-a01 { right:10px; bottom:15px; }
	.swiper-pagination-a01 .swiper-pagination-bullet { width:5px; height:5px; margin:0 3px; }
}


.bArea { margin-top:60px; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.bArea01 { width:510px; }
.bArea01 .bd { margin-top:25px; border-top:2px solid #0348b1; min-height:340px; padding:10px 30px 0 30px; background:#fff; box-sizing: border-box; }
.bArea01 .bd ul li { border-bottom:1px solid #cdd0d4; }
.bArea01 .bd ul li:last-child { border-bottom:none; }
.bArea01 .bd ul li a { display:block; padding:25px 0; }
.bArea01 .bd ul li .p1 { font-size:16px; color:#8893a5; line-height:20px; }
.bArea01 .bd ul li .p2 { font-size:20px; color:#233248; line-height:25px; margin-top:10px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.bArea01 .bd ul li:hover .p2 { color:#0348b1; }

@media all and (max-width:1680px){
	.bArea { margin-top:60px; }
	.bArea01 { width:32.5%; }
	.bArea01 .bd { margin-top:25px; border-top:2px solid #0348b1; min-height:290px; padding:10px 20px 0 20px; }
	.bArea01 .bd ul li a { padding:20px 0; }
	.bArea01 .bd ul li .p1 { font-size:14px; line-height:20px; }
	.bArea01 .bd ul li .p2 { font-size:18px; line-height:20px; margin-top:10px; }
}
@media all and (max-width:1200px){
	.bArea { margin-top:40px; }
	.bArea01 { width:32.5%; }
	.bArea01 .bd { margin-top:20px; min-height:235px; padding:5px 10px 0 10px; }
	.bArea01 .bd ul li a { padding:15px 0; }
	.bArea01 .bd ul li .p1 { font-size:14px; line-height:20px; }
	.bArea01 .bd ul li .p2 { font-size:16px; line-height:20px; margin-top:5px; }
}
@media all and (max-width:1000px){
	.bArea01 { width:100%; }
	.bArea01:nth-child(n + 2) { margin-top:30px; }
	.bArea01 .bd { margin-top:15px; min-height:10px; padding:5px 10px; }
}
 
.cArea { margin-top:60px; }
.cArea01 { height:100px; padding:0 30px; background:#024bb9; display:flex; align-items: center; } 
.cArea01 .Area-hd { width:100%; }
.cArea01 .Area-hd p { color:#fff; }
.cArea01 .Area-hd p i { background:url(ico02.png) no-repeat center top; }
.cArea01 .Area-hd a { color:#fff; display:none; }

.cArea02 { position:relative; }
.cArea02 .hd { position:absolute; top:-75px; right:30px; font-size:0; z-index:2; }
.cArea02 .hd ul li { display:inline-block; padding:0 25px; line-height:45px; font-size:18px; color:#fff; border:1px solid rgba(255,255,255,0.2); border-radius:25px; text-align:center; margin-right:20px; cursor:pointer; }
.cArea02 .hd ul li:last-child { margin-right:0; }
.cArea02 .hd ul li.on { background:#fff; color:#024bb9; }

.cArea02 .bd { background:#fff; }
.cArea02 .bd .bdd { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: center; }
.cArea02 .bd .txt { width:45%; padding:0 50px 0 60px; box-sizing: border-box; line-height:1.1; }
.cArea02 .bd .txt .p1 { font-size:36px; color:#233248; font-weight:bold; }
.cArea02 .bd .txt .p2 { font-size:16px; color:#515d6f; line-height:30px; margin-top:35px; min-height:150px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:5; }
.cArea02 .bd .txt .p3 { margin-top:40px; }
.cArea02 .bd .txt .p3 a { display:block; width:140px; background:#024bb9; border-radius:25px; text-align:center; }
.cArea02 .bd .txt .p3 a i { display:inline-block; line-height:40px; font-size:16px; padding-right:25px; color:#fff; background:url(ico02.png) no-repeat center right; }
.cArea02 .bd .pic { width:55%; }

.cArea03 { display:none; }
.cArea03 .txt { background:#fff; padding:30px 4%; line-height:1.1; }
.cArea03 .txt .p1 { font-size:24px; color:#233248; font-weight:bold;}
.cArea03 .txt .p2 { font-size:14px; color:#515d6f; line-height:25px; margin-top:15px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:5; }
.cArea03 .txt .p3 { margin-top:15px; }
.cArea03 .txt .p3 a { display:block; width:120px; background:#024bb9; border-radius:25px; text-align:center; }
.cArea03 .txt .p3 a i { display:inline-block; line-height:35px; font-size:14px; padding-right:25px; color:#fff; background:url(ico02.png) no-repeat center right; }

.swiper-pagination-c03 { text-align:center; margin-top:20px; }
.swiper-pagination-c03 .swiper-pagination-bullet { width:8px; height:8px; margin:0 3px;  border-radius:100%; background:#024bb9; opacity:0.3; }
.swiper-pagination-c03 .swiper-pagination-bullet-active { background:#024bb9; opacity:1; }

@media all and (max-width:1680px){
	.cArea01 { height:80px; padding:0 20px; } 
 
	.cArea02 .hd { top:-57px; right:20px; }
	.cArea02 .hd ul li { padding:0 20px; line-height:35px; font-size:16px; margin-right:15px; }
	.cArea02 .hd ul li:last-child { margin-right:0; }
 
	.cArea02 .bd .txt { width:45%; padding:0 40px; }
	.cArea02 .bd .txt .p1 { font-size:28px; }
	.cArea02 .bd .txt .p2 { font-size:14px; line-height:25px; margin-top:25px; min-height:125px; -webkit-line-clamp:5; }
	.cArea02 .bd .txt .p3 { margin-top:30px; }
	.cArea02 .bd .txt .p3 a { width:120px; }
	.cArea02 .bd .txt .p3 a i { line-height:35px; font-size:14px; }
	.cArea02 .bd .pic { width:55%; }
}
@media all and (max-width:1200px){
	.cArea { margin-top:40px; }
	.cArea02 .bd .txt { width:45%; padding:0 20px; }
	.cArea02 .bd .txt .p1 { font-size:24px; }
	.cArea02 .bd .txt .p2 { margin-top:15px; min-height:100px; -webkit-line-clamp:4; }
	.cArea02 .bd .txt .p3 { margin-top:20px; }
}
@media all and (max-width:900px){
	.cArea01 { height:60px; padding:0 10px; } 
 
	.cArea02 .hd { top:-45px; right:10px; }
	.cArea02 .hd ul li { padding:0 15px; line-height:25px; font-size:14px; margin-right:10px; }
	.cArea02 .hd ul li:last-child { margin-right:0; }
 
	.cArea02 .bd .txt { width:100%; padding:30px 4%; }
	.cArea02 .bd .txt .p1 { font-size:24px; }
	.cArea02 .bd .txt .p2 { margin-top:15px; min-height:25px; -webkit-line-clamp:4; }
	.cArea02 .bd .txt .p3 { margin-top:20px; }
	.cArea02 .bd .pic { width:100%; }
}
@media all and (max-width:750px){
	.cArea02 { display:none; }
	.cArea03 { display:block; }
}

.dArea { margin-top:60px; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.dArea01 { width:380px; }
.dArea01 .bd { margin-top:25px; border-top:2px solid #0348b1; min-height:550px; padding:10px 30px 0 30px; background:#fff; box-sizing: border-box; }

.dArea01 .bd01 ul li { border-bottom:1px solid #cdd0d4; }
.dArea01 .bd01 ul li:last-child { border-bottom:none; }
.dArea01 .bd01 ul li a { display:block; padding:25px 0; }
.dArea01 .bd01 ul li .p1 { font-size:16px; color:#8893a5; line-height:20px; }
.dArea01 .bd01 ul li .p2 { font-size:20px; color:#233248; line-height:25px; margin-top:10px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.dArea01 .bd01 ul li:hover .p2 { color:#0348b1; }

.dArea01 .bd02 ul li { border-bottom:1px solid #cdd0d4; }
.dArea01 .bd02 ul li:last-child { border-bottom:none; }
.dArea01 .bd02 ul li a { display:block; padding:20px 0; }
.dArea01 .bd02 ul li .pic { float:left; width:88px; border:1px dashed #0348b1; }
.dArea01 .bd02 ul li .pic img { width:88px; height:60px; object-fit: cover; }
.dArea01 .bd02 ul li .txt { float:right; width:calc(100% - 110px); font-size:20px; line-height:33px; color:#233248; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.dArea01 .bd02 ul li:hover .txt { color:#0348b1; }

@media all and (max-width:1680px){
	.dArea { margin-top:60px; }
	.dArea01 { width:24.3%; }
	.dArea01 .bd { margin-top:25px; border-top:2px solid #0348b1; min-height:465px; padding:10px 20px 0 20px; }
	
	.dArea01 .bd01 ul li a { padding:20px 0; }
	.dArea01 .bd01 ul li .p1 { font-size:14px; line-height:20px; }
	.dArea01 .bd01 ul li .p2 { font-size:18px; line-height:20px; margin-top:10px; }
	
	.dArea01 .bd02 ul li a { padding:16px 0; }
	.dArea01 .bd02 ul li .pic { width:80px; }
	.dArea01 .bd02 ul li .pic img { width:80px; height:55px; }
	.dArea01 .bd02 ul li .txt { float:right; width:calc(100% - 100px); font-size:18px; line-height:25px; -webkit-line-clamp:2; }
}
@media all and (max-width:1200px){
	.dArea { margin-top:40px; }
	.dArea01 { width:24.3%; }
	.dArea01 .bd { margin-top:20px; min-height:390px; padding:5px 10px 0 10px; }
	
	
	.dArea01 .bd01 ul li a { padding:15px 0; }
	.dArea01 .bd01 ul li .p1 { font-size:14px; line-height:20px; }
	.dArea01 .bd01 ul li .p2 { font-size:16px; line-height:20px; margin-top:5px; }
	
	.dArea01 .bd02 ul li a { padding:11px 0; }
	.dArea01 .bd02 ul li .pic { width:73px; }
	.dArea01 .bd02 ul li .pic img { width:73px; height:50px; }
	.dArea01 .bd02 ul li .txt { float:right; width:calc(100% - 90px); font-size:16px; line-height:25px; -webkit-line-clamp:2; }
}
@media all and (max-width:1000px){
	.dArea01 { width:100%; }
	.dArea01:nth-child(n + 2) { margin-top:30px; }
	.dArea01 .bd { margin-top:15px; min-height:10px; padding:5px 10px; }
}
 
.eArea { margin-top:60px; }
.eArea01 { margin-top:25px; }
.eArea01 ul { overflow: hidden; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.eArea01 ul li { position:relative; width:200px; overflow:hidden; transition: all 0.6s;   cursor:pointer; }
.eArea01 ul li .p1 { width:200px; }
.eArea01 ul li .p2 { width:700px; display:none; }
.eArea01 ul li img { max-width:100%; }

.eArea01 ul li.on { width:700px; }
.eArea01 ul li.on .p1 { display:none; }
.eArea01 ul li.on .p2 { display:block; }

.eArea02 { margin-top:25px; display:none; }

.swiper-pagination-e02 { text-align:center; margin-top:20px; }
.swiper-pagination-e02 .swiper-pagination-bullet { width:8px; height:8px; margin:0 3px;  border-radius:100%; background:#0348b1; opacity:0.3; }
.swiper-pagination-e02 .swiper-pagination-bullet-active { background:#0348b1; opacity:1; }

@media all and (max-width:1680px){
	.eArea { margin-top:60px; }
	.eArea01 { margin-top:25px; }
	.eArea01 ul li { width:153px; }
	.eArea01 ul li .p1 { width:153px; }
	.eArea01 ul li .p2 { width:538px; }

	.eArea01 ul li.on { width:538px; }
}
@media all and (max-width:1280px){
	.eArea01 ul li { width:145px; }
	.eArea01 ul li .p1 { width:145px; }
	.eArea01 ul li .p2 { width:510px; }

	.eArea01 ul li.on { width:510px; }
}
@media all and (max-width:1200px){
	.eArea { margin-top:40px; }
	.eArea01 ul li { width:18.4%; margin-right:2%; }
	.eArea01 ul li:last-child { margin-right:0; }
	.eArea01 ul li .p1 { width:100%; display:block; }
	.eArea01 ul li .p2 { width:100%; display:none; }
 
	.eArea01 ul li.on { width:18.4%; }
	.eArea01 ul li.on .p1 { display:block; }
	.eArea01 ul li.on .p2 { display:none; }
}
@media all and (max-width:750px){
	.eArea01 { display:none; }
	.eArea02 { display:block; }
}



 @media all and (min-width:1200px){
	.body_home { height:100vh; overflow:hidden; }
	.body_body { position:fixed; left:0; top:100vh; bottom:0; right:0; overflow:hidden; transition:top 0.7s cubic-bezier(0.5,0,0.2,1) 0s; background:#f4f5f9; z-index:999; overflow:auto; outline:none; }
	.body_body.showdiv { top:0; padding-top:110px; }
}