@charset "utf-8";

.body_body { background:#f4f5f9; }

 
@media all and (min-width:1680px){
	.body_home { height:100vh; overflow:hidden; }
	.body_body { position:fixed; left:0; top:100vh; bottom:0; right:0;  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:120px; }
}
@media all and (min-width: 1200px) and (max-width: 1680px) {
	.body_home { height:100vh; overflow:hidden; }
	.body_body { position:fixed; left:0; top:100vh; bottom:0; right:0;  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:80px; }
}
 

.container { padding-bottom:65px; }


@media all and (max-width:1680px){
	.container { padding-bottom:40px; }
}
 


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

.swiper-container-1 .swiper-slide-active img { transform: scale(1.05)!important; }
 
.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; background: rgba(0,63,136,.4); border-radius:100%; box-shadow: 0 0 12px 0 rgba(26,56,33,.2); z-index:10; cursor:pointer; }
.banner .btn01 p { width:60px; height:60px; border-radius:100%; background-position: 50%; background-repeat:no-repeat; background-size:20px; }

.banner .prev-01 {left: 10px; }
.banner .prev-01 p { background-image: url(ban01.svg); }
.banner .next-01 { right: 10px; }
.banner .next-01 p { background-image: url(ban02.svg); }



.banner .btn01:hover { background: linear-gradient(to right,#032da9,#1466d3); }
 
@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;
    }
}

.Area-hd { font-size:0; margin-bottom:45px; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: center; }
.Area-hd .p1 { position:relative; font-size:32px; color:#0c35a1; font-weight:bold; z-index:5; }
.Area-hd .p1 i { position:absolute; left:0; top:-30px; width:140px; height:100px; background:url(ico01.png) no-repeat center; background-size:auto 100%!important; z-index:-1; }
.Area-hd .p2 a { display:inline-block; width:150px; text-align:center; background: linear-gradient(to right,#042ba8,#1466d3); border-radius:30px; }
.Area-hd .p2 a i { display:inline-block; line-height:50px; font-size:16px; color:#fff; padding-right:30px; transition: all 0.6s; background:url(ico03.png) no-repeat center right; }

.Area-hd .p2 a:hover i { padding-right:40px; }

.Area-hd01 .p1 { color:#fff; }
.Area-hd01 .p1 i { background:url(ico02.png) no-repeat center; }
.Area-hd01 .p2 a { background:#fff; }
.Area-hd01 .p2 a i { color:#032ba8; background:url(ico04.png) no-repeat center right; }

@media all and (max-width:1680px){
	.Area-hd { margin-bottom:30px; }
	.Area-hd .p1 { font-size:28px; }
	.Area-hd .p1 i { top:-30px; width:100px; background-size:100% auto!important; }
	.Area-hd .p2 a { width:120px; }
	.Area-hd .p2 a i { line-height:40px; font-size:14px; padding-right:25px; background-size:18px 18px; }

	.Area-hd .p2 a:hover i { padding-right:30px; }
}
@media all and (max-width:1200px){
	.Area-hd { margin-bottom:30px; }
	.Area-hd .p1 { font-size:24px; }
	.Area-hd .p1 i { top:-30px; width:100px; }
	.Area-hd .p2 a { width:120px; }
	.Area-hd .p2 a i { line-height:40px; font-size:14px; padding-right:25px; background-size:18px 18px; }

	.Area-hd .p2 a:hover i { padding-right:30px; }
}
@media all and (max-width:900px){
	.Area-hd { margin-bottom:30px; }
	.Area-hd .p1 { font-size:20px; }
	.Area-hd .p1 i { top:-35px; width:60px; }
	.Area-hd .p2 a { width:100px; }
	.Area-hd .p2 a i { line-height:35px; font-size:12px; padding-right:25px; background-size:15px 15px; }

	.Area-hd .p2 a:hover i { padding-right:25px; }
}


.aArea { padding:55px 0; }
.aArea .bd { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.aBox01 { position:relative; width:900px; border-radius:10px 0 0 10px; overflow:hidden; }
.aBox01 .pic { position:relative; width:100%; overflow:hidden; }
.aBox01 .pic img { width:100%; height:445px; transition: all 0.6s; object-fit: cover; }
.aBox01 .txt { height:115px; padding:0 120px 0 20px; color:#fff; background:url(a01.jpg) no-repeat center top; background-size:100% 100%; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: center; }
.aBox01 .txt .txt01 { width:75px; text-align:center; line-height:1.1; }
.aBox01 .txt .txt01 p { font-size:48px; font-weight:bold; }
.aBox01 .txt .txt01 span { display:block; font-size:16px; margin-top:5px; }
.aBox01 .txt .txt02 { width:calc(100% - 100px); font-size:24px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }

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

.aBox01 .swiper-slide:hover img { transform: scale(1.1)!important; }
 
.aBox02 { position:relative; width:645px; padding:30px 35px 0 35px; background:#fff; box-sizing: border-box; }
.aBox02:before { position:absolute; top:0; left:0; width:100%; height:2px; background:#053ed3; display:block; content:""; z-index:2; }
.aBox02 .txt01 .p1 { font-size:24px; line-height:35px; color:#0e3bb0; 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:#8893a5; margin-top:15px; }
.aBox02 .txt01 .p3 { font-size:16px; color:#8893a5; margin-top:15px; line-height:30px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.aBox02 .txt02 { margin-top:20px; }
.aBox02 .txt02 ul li { border-top: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; transition: all 0.6s;}
.aBox02 .txt02 ul li span { float:right; margin-left:50px; font-size:16px; color:#8893a5; font-weight:normal; }

.aBox02 .txt02 ul li:hover { color:#0e3bb0; font-weight:bold; }
.aBox02 .txt02 ul li:hover a { color:#0e3bb0; }

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

	.swiper-pagination-a01 { right:15px; bottom:40px; }
	.swiper-pagination-a01 .swiper-pagination-bullet { width:10px; height:10px; margin:0 5px; border:2px solid #fff; }
 
	.aBox02 { width:43.5%; padding:25px 25px 0 25px; }
	.aBox02 .txt01 .p1 { font-size:18px; line-height:30px; -webkit-line-clamp:2; }
	.aBox02 .txt01 .p2 { font-size:14px; margin-top:10px; }
	.aBox02 .txt01 .p3 { font-size:14px; margin-top:10px; line-height:25px; -webkit-line-clamp:2; }
	.aBox02 .txt02 { margin-top:20px; }
	.aBox02 .txt02 ul li { font-size:16px; line-height:55px; }
	.aBox02 .txt02 ul li span { margin-left:30px; font-size:14px; }
}
@media all and (max-width:1000px){
	.aBox01 { width:100%; border-radius:10px; }
	.aBox01 .pic { padding-bottom:50%; }
	.aBox01 .pic img { position:absolute; width:100%; height:100%; top:0; left:0; z-index:2; }
	.aBox01 .txt { height:75px; padding:0 100px 0 20px; }
	.aBox01 .txt .txt01 { width:60px; }
	.aBox01 .txt .txt01 p { font-size:24px; }
	.aBox01 .txt .txt01 span { font-size:14px; margin-top:5px; }
	.aBox01 .txt .txt02 { width:calc(100% - 80px); font-size:14px; line-height:25px; -webkit-line-clamp:2; }

	.swiper-pagination-a01 { right:10px; bottom:28px; }
	.swiper-pagination-a01 .swiper-pagination-bullet { width:7px; height:7px; margin:0 3px; border:1px solid #fff; }
 
	.aBox02 { width:100%; padding:25px 4%; margin-top:30px; }
	.aBox02 .txt01 .p1 { font-size:16px; line-height:25px; -webkit-line-clamp:2; }
	.aBox02 .txt01 .p2 { font-size:14px; margin-top:5px; }
	.aBox02 .txt01 .p3 { font-size:14px; margin-top:5px; line-height:25px; -webkit-line-clamp:2; }
	.aBox02 .txt02 { margin-top:20px; }
	.aBox02 .txt02 ul li { font-size:14px; line-height:50px; }
	.aBox02 .txt02 ul li span { margin-left:30px; font-size:14px; }
}
@media all and (max-width:900px){
	.aArea { padding:40px 0; }
}

.bArea { padding:90px 0 55px; background:url(bArea.jpg) no-repeat center; background-size:cover; }
 
.bArea01 { position:relative; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }

.bBox01 { width:600px; }
.bBox01 .bd { width:600px; height:430px; padding:0 30px; box-sizing: border-box; background:url(b01.png) no-repeat center; background-size:100% 100%; }
.bBox01 .bd ul { background:url(b02.png) no-repeat center top; background-size:100% auto; }
.bBox01 .bd ul li { position:relative; line-height:85px; border-bottom:1px solid rgba(255,255,255,0.2); font-size:20px; color:#fff; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.bBox01 .bd ul li:before { position:absolute; left:0; bottom:-3px; width:0; height:5px; background:url(b03.png) no-repeat center; background-size:100% 100%; display:block; content:""; transition: all 0.6s; z-index:5; }
.bBox01 .bd ul li:last-child { border-bottom:none; }
.bBox01 .bd ul li a { color:#fff; transition: all 0.6s;}
.bBox01 .bd ul li span { float:right; margin-left:50px; font-size:16px; font-weight:normal; opacity:0.5; }
 
.bBox01 .bd ul li:hover { font-weight:bold; }
.bBox01 .bd ul li:hover:before { width:100%; }
.bBox01 .bd ul li:hover a { opacity:1; }

.bBox02 { position:relative; width:870px; }
.bBox02 .pic { position:relative; }
.bBox02 .pic .pp { width:0; overflow:hidden; transition: all 3s; }
.bBox02 .pic .pp img { position:absolute; top:23%; left:32%; width:383px; z-index:2; }
 
.bBox21 ul li { position:absolute; z-index:5; cursor:pointer; }
.bBox21 ul li .pp { width:15px; height:15px;  border-radius:100%; }
.bBox21 ul li .bdd { position:absolute; top:-20px; right:15px; display:none; z-index:5; }
.bBox21 ul li .bdd .txt { width:252px; height:50px; padding:10px 10px 0 45px;  background:url(ico06.png) no-repeat center; background-size:100% 100%; box-sizing: border-box;  }
.bBox21 ul li .bdd .p1 { font-size:18px; color:#89a6cf; }
.bBox21 ul li .bdd .p1 i { display:inline-block; line-height:25px; margin-right:20px; color:#0e41a0; padding-left:25px; background:url(b05.png) no-repeat center left; }
.bBox21 ul li .bdd .p1 span { color:#0e41a0; }
 
.bBox21 ul li:hover .bdd { display:block; }


.bBox22 { position:absolute; bottom:58vw; left:0; width:100%; display:none; z-index:99; }
.bBox22 .bdd { width:200px; height:35px; padding:7px 10px 0 40px; background:url(ico06.png) no-repeat center; background-size:100% 100%; box-sizing: border-box;  display:none; }
.bBox22 .bdd .p1 { font-size:14px; color:#89a6cf; }
.bBox22 .bdd .p1 i { display:inline-block; line-height:20px; margin-right:10px; color:#0e41a0; padding-left:20px; background:url(b05.png) no-repeat center left; background-size:15px 15px; }
.bBox22 .bdd .p1 span { color:#0e41a0; }

.bBox23 { position:absolute; top:0; left:0; bottom:0; width:100%; z-index:2; }
.bBox23 svg { height:100%; width:100%; }
 
@media all and (max-width:1680px){
	.bArea { padding:80px 0 55px; }
 
	.bBox01 { width:calc(100% - 670px); }
	.bBox01 .bd { width:100%; height:345px; padding:0 20px; }
	.bBox01 .bd ul { padding-top:10px; }
	.bBox01 .bd ul li { line-height:65px; font-size:16px; }
	.bBox01 .bd ul li span { margin-left:30px; font-size:14px; }
 
	.bBox02 { width:620px; }
	.bBox21 ul li .pp { width:10px; height:10px;  border-radius:100%; }
	.bBox21 ul li .bdd { position:absolute; top:-20px; }
	.bBox21 ul li .bdd .txt { width:240px; height:45px; padding:10px 10px 0 45px; }
	.bBox21 ul li .bdd .p1 { font-size:16px; }
	.bBox21 ul li .bdd .p1 i { line-height:20px; margin-right:10px; background-size:15px 15px; }
 
}
@media all and (max-width:1200px){
	.bArea { padding:60px 0 55px; }	
	.bBox01 { width:calc(100% - 530px); }
	.bBox01 .bd { width:100%; height:245px; padding:0 20px; }
	.bBox01 .bd ul { padding-top:10px; }
	.bBox01 .bd ul li { line-height:45px; font-size:14px; }
	.bBox01 .bd ul li span { margin-left:30px; font-size:14px; }
	
	.bBox02 { width:500px; }
	.bBox21 ul li .pp { width:10px; height:10px; border-radius:100%; }
	.bBox21 ul li .bdd { position:absolute; top:-20px;  }
	.bBox21 ul li .bdd .txt { width:230px; height:35px; padding:7px 10px 0 40px; }
	.bBox21 ul li .bdd .p1 { font-size:14px; }
	.bBox21 ul li .bdd .p1 i { line-height:20px; margin-right:10px; background-size:15px 15px; }
}
@media all and (max-width:900px){
	.bArea { padding:40px 0; }
	
	.bBox01 { width:100%; }
	.bBox01 .bd { width:100%; height:245px; padding:0 20px; }
	.bBox01 .bd ul { padding-top:10px; }
	.bBox01 .bd ul li { line-height:45px; font-size:14px; }
	.bBox01 .bd ul li span { margin-left:30px; font-size:14px; }
	
	.bBox02 { width:100%; margin-top:30px; }
	.bBox21 ul li .bdd { display:none!important; }
	
	.bBox22 { display:block; }
	
	.bArea02 { margin-top:30px; }
}

.qy-hd { height:95px; padding:0 20px; background:url(c01.png) no-repeat center; background-size:100% 100%; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: center; color:#fff; }
.qy-hd span { display:block; line-height:95px; font-size:32px; font-weight:bold; background:url(ico05.png) no-repeat center left; background-size:auto 100%; }
.qy-hd a { display:inline-block; line-height:25px; font-size:16px; padding-right:30px; color:#fff; background:url(ico03.png) no-repeat center right; }

@media all and (max-width:1680px){
	.qy-hd { height:80px; padding:0 20px; }
	.qy-hd span { line-height:80px; font-size:28px; }
	.qy-hd a { line-height:25px; font-size:14px; padding-right:25px; background-size:18px 18px; }
}
@media all and (max-width:1200px){
	.qy-hd { height:70px; padding:0 15px; }
	.qy-hd span { line-height:70px; font-size:24px; }
	.qy-hd a { line-height:25px; font-size:14px; padding-right:25px; background-size:18px 18px; }
}
@media all and (max-width:1200px){
	.qy-hd { height:55px; padding:0 15px; }
	.qy-hd span { line-height:55px; font-size:20px; }
	.qy-hd a { line-height:25px; font-size:14px; padding-right:20px; background-size:12px 12px; }
}


.cArea { padding-top:70px; background:url(cArea.jpg) no-repeat center top; }
.cArea .wrap { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.cArea01 { width:500px; background:#fff; border-radius:10px; overflow:hidden; }
 
.cArea01 .bd { padding:30px 20px 0 20px; }
.cArea01 .bd .txt01 a { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: center; }
.cArea01 .bd .txt01 .pic { width:190px; border-radius:5px; overflow:hidden; }
.cArea01 .bd .txt01 .pic p { position:relative; padding-bottom:63.15%; }
.cArea01 .bd .txt01 .pic p img { position:absolute; top:0; left:0; width:100%; height:100%; transition: all 0.6s; object-fit: cover; z-index:2; }
.cArea01 .bd .txt01 .txt { width:calc(100% - 200px); }
.cArea01 .bd .txt01 .txt .p1 { font-size:20px; line-height:35px; min-height:70px; color:#122035; font-weight:bold; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.cArea01 .bd .txt01 .txt .p2 { font-size:16px; color:#8893a5; margin-top:25px; }

.cArea01 .bd .txt01:hover .pic p img { transform: scale(1.1)!important; }
.cArea01 .bd .txt01:hover .p1 { color:#0e3bb0; }
 
.cArea01 .bd .txt02 { margin-top:30px; }
.cArea01 .bd .txt02 ul li { border-top:1px solid #d6dfec; font-size:20px; color:#233248; line-height:80px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.cArea01 .bd .txt02 ul li span { float:right; color:#8893a5; font-size:16px; font-weight:normal; }

.cArea01 .bd .txt02 ul li:hover { font-weight:bold; }

@media all and (max-width:1680px){
	.cArea { padding-top:70px; }
	.cArea01 { width:32%; }
 
	.cArea01 .bd { padding:20px 15px 0 15px; }
	.cArea01 .bd .txt01 .pic { width:150px; }
	.cArea01 .bd .txt01 .txt { width:calc(100% - 160px); }
	.cArea01 .bd .txt01 .txt .p1 { font-size:16px; line-height:25px; min-height:50px; -webkit-line-clamp:2; }
	.cArea01 .bd .txt01 .txt .p2 { font-size:14px; margin-top:15px; }
 
	.cArea01 .bd .txt02 { margin-top:20px; }
	.cArea01 .bd .txt02 ul li { font-size:16px; line-height:60px;  }
	.cArea01 .bd .txt02 ul li span { font-size:14px; }
}
@media all and (max-width:1200px){
	.cArea { padding-top:60px; }
	.cArea01 { width:32%; }

	.cArea01 .bd { padding:20px 15px 0 15px; }
	.cArea01 .bd .txt01 .pic { width:120px; }
	.cArea01 .bd .txt01 .txt { width:calc(100% - 130px); }
	.cArea01 .bd .txt01 .txt .p1 { font-size:16px; line-height:25px; min-height:50px; -webkit-line-clamp:2; }
	.cArea01 .bd .txt01 .txt .p2 { font-size:14px; margin-top:10px; }
 
	.cArea01 .bd .txt02 { margin-top:20px; }
	.cArea01 .bd .txt02 ul li { font-size:14px; line-height:45px;  }
	.cArea01 .bd .txt02 ul li span { font-size:14px; }
}
@media all and (max-width:900px){
	.cArea { padding-top:40px; }
	.cArea01 { width:100%; }
	.cArea01:nth-child(n + 2) { margin-top:30px; }

}

.bg { background:url(dArea.jpg) no-repeat center top; }

.dArea { padding-top:55px; }
.dArea .bd { position:relative; }
.dArea .bd01 { overflow:hidden; }
.dArea .bd .swiper { width:410px; }
.dArea .bd .swiper-wrapper { align-items: flex-end; }
.dArea .bd .swiper-slide { position:relative; width:275px; margin-right:12px; overflow:hidden; border-radius:8px; }
.dArea .bd .swiper-slide img { width:100%; height:auto; }
.dArea .bd .swiper-slide p { position:absolute; top:0; left:0; font-size:50px; font-weight:bold; z-index:2; }


.dArea .bd .swiper-slide-active { width:410px; }

.dArea .bd .btn01 { position:absolute; top:50%; transform: translateY(-50%); border-radius:100%; width:50px; height:50px; background-size:100% 100%; cursor:pointer; z-index:9; }
.dArea .bd .prev-d01 { background:url(d01.png) no-repeat center; left:-25px; } 
.dArea .bd .next-d01 { background:url(d02.png) no-repeat center; left:385px; } 


@media all and (max-width:1680px){
	.dArea { padding-top:55px; }
	.dArea .bd .swiper { width:360px; }
	.dArea .bd .swiper-slide { width:200px; margin-right:10px; }
	.dArea .bd .swiper-slide-active { width:360px; }

	.dArea .bd .btn01 {  width:50px; height:50px; }
	.dArea .bd .prev-d01 { left:-25px; } 
	.dArea .bd .next-d01 { left:335px; } 
}
@media all and (max-width:1200px){
	.dArea .bd .btn01 {  width:40px; height:40px; }
	.dArea .bd .prev-d01 { left:-20px; } 
	.dArea .bd .next-d01 { left:380px; } 
}
@media all and (max-width:900px){
	.dArea { padding-top:40px; }
	.dArea .bd .swiper { width:300px; }
	.dArea .bd .swiper-slide { width:200px; margin-right:10px; }
	.dArea .bd .swiper-slide-active { width:300px; }

	.dArea .bd .btn01 {  width:36px; height:36px; }
	.dArea .bd .prev-d01 { left:-18px; } 
	.dArea .bd .next-d01 { left:282px; } 
}
@media all and (max-width:500px){
	
	.dArea .bd .bd01 { width:70vw; margin:0 auto; overflow:visible; }
	.dArea .bd .swiper { width:100%; }
	.dArea .bd .swiper-slide { width:55vw; margin-right:10px; }
	.dArea .bd .swiper-slide-active { width:70vw; }
	
	.dArea .bd .btn { width:100%; text-align:center; margin-top:25px; }
	.dArea .bd .btn01 { position:relative; display:inline-block; top:auto; transform: translateY(0); }
	.dArea .bd .prev-d01 { left:auto; margin-right:15px; } 
	.dArea .bd .next-d01 { left:auto; } 
}

.eArea { padding-top:55px; }
.eArea .wrap { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.eArea01 { width:380px; background:#fff; border-radius:10px; overflow:hidden; }
.eArea01 .bd { padding:0 20px; }
.eArea01 .bd ul li { border-bottom:1px solid #cdd0d4; }
.eArea01 .bd ul li:last-child { border-bottom:none; }
.eArea01 .bd ul li a { display:block; padding:25px 0; }
.eArea01 .bd ul li .p1 { font-size:16px; color:#8893a5; line-height:20px; }
.eArea01 .bd ul li .p2 { font-size:20px; color:#233248; line-height:25px; margin-top:10px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.eArea01 .bd ul li:hover .p2 { color:#0e3bb0; font-weight:bold; }

.eArea01 .bd01 { padding:0 20px; }
.eArea01 .bd01 ul li { border-bottom:1px solid #cdd0d4; }
.eArea01 .bd01 ul li:last-child { border-bottom:none; }
.eArea01 .bd01 ul li a { display:block; padding:20px 0; }
.eArea01 .bd01 ul li .p1 { float:left; width:88px; border:1px dashed #0e3bb0; }
.eArea01 .bd01 ul li .p1 img { width:88px; height:60px; object-fit: cover; }
.eArea01 .bd01 ul li .p2 { 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; }
.eArea01 .bd01 ul li:hover .p2 { color:#0e3bb0; font-weight:bold; }


@media all and (max-width:1680px){
	.eArea01 { width:24.3%; }
	.eArea01 .bd { padding:0 20px; }
 
	.eArea01 .bd ul li a { display:block; padding:20px 0; }
	.eArea01 .bd ul li .p1 { font-size:14px; line-height:20px; }
	.eArea01 .bd ul li .p2 { font-size:18px; line-height:20px; margin-top:10px; }
 
	.eArea01 .bd01 { padding:0 20px; }
 
	.eArea01 .bd01 ul li a { display:block; padding:16px 0; }
	.eArea01 .bd01 ul li .p1 { width:80px; }
	.eArea01 .bd01 ul li .p1 img { width:80px; height:55px; }
	.eArea01 .bd01 ul li .p2 { float:right; width:calc(100% - 100px); font-size:18px; line-height:25px; -webkit-line-clamp:2; }
}
@media all and (max-width:1200px){
	.eArea01 { width:24.3%; }
	.eArea01 .bd { padding:0 10px; }
 
	.eArea01 .bd ul li a { display:block; padding:15px 0; }
	.eArea01 .bd ul li .p1 { font-size:14px; line-height:20px; }
	.eArea01 .bd ul li .p2 { font-size:16px; line-height:20px; margin-top:5px; }
 
	.eArea01 .bd01 { padding:0 10px; }
 
	.eArea01 .bd01 ul li a { display:block; padding:11px 0; }
	.eArea01 .bd01 ul li .p1 { width:73px; }
	.eArea01 .bd01 ul li .p1 img { width:73px; height:50px; }
	.eArea01 .bd01 ul li .p2 { float:right; width:calc(100% - 90px); font-size:16px; line-height:25px; -webkit-line-clamp:2; }
}
@media all and (max-width:900px){
	.eArea { padding-top:40px; }
	.eArea01 { width:100%; }
	.eArea01:nth-child(n + 2) { margin-top:30px; }
	.eArea01 .bd { padding:5px 10px; }
 
	.eArea01 .bd ul li a { display:block; padding:15px 0; }
	.eArea01 .bd ul li .p1 { font-size:14px; line-height:20px; }
	.eArea01 .bd ul li .p2 { font-size:16px; line-height:20px; margin-top:5px; }
 
	.eArea01 .bd01 { padding:5px 10px; }
 
	.eArea01 .bd01 ul li a { display:block; padding:11px 0; }
	.eArea01 .bd01 ul li .p1 { width:73px; }
	.eArea01 .bd01 ul li .p1 img { width:73px; height:50px; }
	.eArea01 .bd01 ul li .p2 { float:right; width:calc(100% - 90px); font-size:16px; line-height:25px; -webkit-line-clamp:2; }
}



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