@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:13px; height:10px; margin:0 10px;  border-radius:0; background:url(ban01.png) no-repeat center; opacity:1; }
.swiper-pagination-1 .swiper-pagination-bullet-active { background:url(ban02.png) no-repeat center; }
 
@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; }
	.swiper-pagination-1 .swiper-pagination-bullet { width:7px; height:5px; margin:0 3px; background-size:cover!important; }
}

.sybg { background:url(bg01.png) no-repeat center top; background-size:cover; }
.sybg2 { background:url(bg02.png) no-repeat center top; background-size:cover; }

.aArea { padding:120px 0 260px; background:url(aArea.png) no-repeat center bottom; background-size:cover; }

@media all and (max-width:1700px){
	.aArea { padding:80px 0 180px; }
}
@media all and (max-width:1200px){
	.aArea { padding:60px 0 120px; }
}
@media all and (max-width:750px){
	.aArea { padding:40px 0 80px; }
}




.abBox02 { padding-top:65px; margin-top:65px; border-top:1px solid #e0e9f1; }
.abBox02 ul { display:flex; flex-direction:row; justify-content:space-between; }
.abBox02 ul li { color:#333; }
.abBox02 ul li .p1 { padding-left:45px; font-size:16px; line-height:35px; background-size:34px 34px!important; }
.abBox02 ul li .p2 { padding-left:40px; font-size:14px; margin-top:25px; line-height:1.1; }
.abBox02 ul li .p2 i { font-size:60px; font-weight: bold; color: #004493; }
.abBox02 ul li .p2 em { position:relative; top:-35px; left:10px; font-size:16px; }

@media all and (max-width:1700px){
	.abBox02 { padding-top:40px; margin-top:40px; }
	.abBox02 ul li {  }
	.abBox02 ul li .p1 { padding-left:35px; font-size:14px; line-height:25px; background-size:25px 25px!important; }
	.abBox02 ul li .p2 { padding-left:30px; font-size:14px; margin-top:15px; }
	.abBox02 ul li .p2 i { font-size:40px; }
	.abBox02 ul li .p2 em { top:-20px; left:10px; font-size:14px; }
}
@media all and (max-width:1200px){
	.abBox02 { padding-top:30px; margin-top:30px; }
	.abBox02 ul li {   }
	.abBox02 ul li .p1 { padding-left:35px; font-size:14px; line-height:25px; background-size:25px 25px!important; }
	.abBox02 ul li .p2 { padding-left:30px; font-size:14px; margin-top:15px; }
	.abBox02 ul li .p2 i { font-size:30px; }
	.abBox02 ul li .p2 em { top:-10px; left:10px; }
}
@media all and (max-width:1000px){
	.abBox02 { padding-top:30px; margin-top:30px; }
	.abBox02 ul li { width:auto; }
	.abBox02 ul li .p1 { padding-left:35px; font-size:14px; line-height:25px; background-size:25px 25px!important; }
	.abBox02 ul li .p2 { padding-left:30px; font-size:14px; margin-top:10px; }
	.abBox02 ul li .p2 i { font-size:30px; }
	.abBox02 ul li .p2 em { top:-10px; left:10px; }
}
@media all and (max-width:750px){
	.abBox02 ul { display:block; }
	.abBox02 ul li { float:left; width:50%; text-align:center; }
	.abBox02 ul li:nth-child(n + 3) { margin-top:20px; }
	.abBox02 ul li .p1 { display:inline-block; padding:35px 0 0 0; font-size:14px; line-height:25px; background-size:25px 25px!important; background-position:center top!important; }
	.abBox02 ul li .p2 { padding-left:0; font-size:14px; margin-top:10px; }
	.abBox02 ul li .p2 i { font-size:24px; }
	.abBox02 ul li .p2 em { top:-10px; left:10px; font-size:12px; }
}


.Area-hd { position:relative; line-height:1.25; }
.Area-hd .p1 { font-size:24px; font-weight:bold; color:#66778b; }
.Area-hd .p1 a { color:#66778b; }
.Area-hd .p2 { font-size:36px; font-weight:bold; color:#333; margin-top:25px; }
.Area-hd .p2 i { color:#004493; }
.Area-hd .p3 { position:absolute; bottom:0; right:0; z-index:2; }
.Area-hd .p3 a { display:block; width:160px; line-height:55px; border:1px solid #004493; border-radius:30px; font-size:16px; color:#004493; text-align:center; }
.Area-hd .p3 a:hover { background:#004493; color:#fff; }
.Area-hd .p4 { position:absolute; bottom:0; right:220px; z-index:2; }
.Area-hd .p4 img { max-height:80px; height:auto; }

.mmArea { margin-top:30px; text-align:center; display:none; }
.mmArea a { display:inline-block; width:100px; line-height:35px; border:1px solid #004493; border-radius:30px; font-size:14px; color:#004493; text-align:center; }

@media all and (max-width:1700px){
	.Area-hd .p1 { font-size:18px;  }
	.Area-hd .p2 { font-size:28px; margin-top:20px; }
	.Area-hd .p3 a { width:120px; line-height:40px; font-size:14px; }
	.Area-hd .p4 { right:180px; }
	.Area-hd .p4 img { max-height:50px; height:auto; }
}
@media all and (max-width:1200px){
	.Area-hd .p1 { font-size:16px;  }
	.Area-hd .p2 { font-size:24px; margin-top:10px; }
	.Area-hd .p3 a { width:100px; line-height:35px; font-size:14px; }
	.Area-hd .p4 { right:120px; }
	.Area-hd .p4 img { max-height:30px; height:auto; }
}
@media all and (max-width:750px){
	.Area-hd { text-align:center; }
	.Area-hd .p1 { font-size:16px;  }
	.Area-hd .p2 { font-size:20px; margin-top:10px; }
	.Area-hd .p3 { display:none; }
	.Area-hd .p4 { display:none; }
	
	.mmArea { display:block; }
}

.bArea { padding:80px 0 160px; }
.bArea .wrap { position:relative; }
.bArea01 { float:left; width:calc(100% - 1400px); padding-top:85px; }
.bArea02 { float:right; width:1330px; }
.bArea02 .swiper-slide { position:relative; border-radius:15px; overflow:hidden; }
.bArea02 .swiper-slide .pic { position:relative; }
.bArea02 .swiper-slide .pic .img02 { display:none; }
.bArea02 .swiper-slide .pic a { position:relative; display:block; }
.bArea02 .swiper-slide .pic a:before { position:absolute; left:0; top:0; right:0; bottom:0; background:url(b01.png) no-repeat center bottom; background-size:cover; display:block; content:""; z-index:2; }
.bArea02 .swiper-slide .txt { position:absolute; left:60px; right:60px; bottom:50px; line-height:1.1; z-index:2; }
.bArea02 .swiper-slide .txt .p1 { font-size:30px; color:#fff; font-weight:bold; }
.bArea02 .swiper-slide .txt .p2 { font-size:16px; color:rgba(255,255,255,0.8); margin-top:15px; line-height:20px; height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.bArea02 .swiper-slide .txt .p3 { margin-top:35px; height:45px; overflow:hidden; }
.bArea02 .swiper-slide .txt .p3 a { display:inline-block; margin:0 15px 10px 0; min-width:120px; padding:0 30px; font-size:16px; color:#fff; line-height:40px; text-align:center; border:1px solid rgba(255,255,255,0.3); border-radius:5px; box-sizing: border-box; }

.bArea02 .swiper-slide .txt .p3 a:hover { color:#004493; background:#fff; }

.bbBox { position:absolute; left:0; bottom:70px; z-index:2; }
.bbBox .num { font-size:16px; color:#11509a; }
.bbBox .num i { font-size:28px; font-weight:bold; }
.bbBox .btn { margin-top:25px; font-size:0; }
.bbBox .btn .btn01 { display:inline-block; width:60px; height:60px; background:url(b02.png) no-repeat center; border-radius:100%; background-size:cover!important; cursor:pointer; z-index:2; }
.bbBox .btn .btn01:hover { background:url(b03.png) no-repeat center; box-shadow:0px 0px 30px rgba(11,76,151,0.5); }
.bbBox .btn .next-b01 { margin-left:40px; transform: rotateY(180deg); }

@media all and (max-width:1700px){
	.bArea { padding:60px 0 100px; }
	.bArea01 { float:left; width:270px; padding-top:60px; }
	.bArea02 { float:right; width:calc(100% - 300px); }
 
	.bArea02 .swiper-slide .txt { left:30px; right:30px; bottom:30px; }
	.bArea02 .swiper-slide .txt .p1 { font-size:24px; }
	.bArea02 .swiper-slide .txt .p2 { font-size:14px; margin-top:15px; }
	.bArea02 .swiper-slide .txt .p3 { margin-top:25px; height:35px; }
	.bArea02 .swiper-slide .txt .p3 a { margin:0 10px 10px 0; min-width:100px; padding:0 20px; font-size:14px; line-height:30px; }

	.bbBox { position:absolute; left:0; bottom:60px;  }
	.bbBox .num { font-size:14px; }
	.bbBox .num i { font-size:24px; }
	.bbBox .btn { margin-top:25px; }
	.bbBox .btn .btn01 { width:45px; height:45px; }
	.bbBox .btn .next-b01 { margin-left:20px; }
}
@media all and (max-width:1200px){
	.bArea { padding:40px 0; }
	.bArea01 { float:none; width:100%; padding-top:0; text-align:center; }
	.bArea02 { float:none; width:100%; margin-top:30px; }
 
	.bArea02 .swiper-slide .txt { left:4%; right:4%; bottom:20px; }
	.bArea02 .swiper-slide .txt .p1 { font-size:20px; }
	.bArea02 .swiper-slide .txt .p2 { font-size:14px; margin-top:10px; }
	.bArea02 .swiper-slide .txt .p3 { margin-top:15px; height:35px; }
	.bArea02 .swiper-slide .txt .p3 a { margin:0 10px 10px 0; min-width:10px; padding:0 15px; font-size:14px; line-height:30px; }

	.bbBox { position:relative; left:auto; bottom:auto; text-align:center; margin-top:25px; }
	.bbBox .num { font-size:14px; line-height:30px; }
	.bbBox .num i { font-size:20px; }
	.bbBox .btn { position:relative; margin-top:-30px; z-index:2; }
	.bbBox .btn .btn01 { width:30px; height:30px; }
	.bbBox .btn .next-b01 { margin-left:100px; }
}
@media all and (max-width:750px){
	.bArea { padding:40px 0; }
	.bArea02 .swiper-slide .pic .img01 { display:none; }
	.bArea02 .swiper-slide .pic .img02 { display:block; }
	
	.bArea02 .swiper-slide .txt .p3 { height:30px; }
	.bArea02 .swiper-slide .txt .p3 a { margin:0 10px 10px 0; min-width:10px; padding:0 15px; font-size:12px; line-height:25px; }
}

.cArea { padding:80px 0; }
.cArea .Area-hd { text-align:center; }
.cArea01 { position:relative; margin-top:160px; padding:0 40px; }
.cArea01 .swiper-slide .txt { float:left; width:715px; line-height:1.1; }
.cArea01 .swiper-slide .txt .p1 { font-weight:bold; font-size:24px; color:#004493; }
.cArea01 .swiper-slide .txt .p1 a { color:#004493; }
.cArea01 .swiper-slide .txt .p2 { font-weight:bold; font-size:30px; color:#333; margin-top:20px; }
.cArea01 .swiper-slide .txt .p3 { font-size:16px; color:#666; margin-top:25px; line-height:30px; min-height:120px; }
.cArea01 .swiper-slide .txt .p4 { margin-top:80px; }
.cArea01 .swiper-slide .txt .p4 ul li { float:left; width:25%; cursor:pointer; }
.cArea01 .swiper-slide .txt .p4 ul li .p41 { background:url(c02.png) no-repeat center left; background-size:contain!important; }
.cArea01 .swiper-slide .txt .p4 ul li .p41 img { max-width:100%; max-height:115px; }
.cArea01 .swiper-slide .txt .p4 ul li .p41 .img02 { display:none; }
.cArea01 .swiper-slide .txt .p4 ul li .p42 { font-size:18px; color:#666; max-width:145px; margin-top:10px; line-height:20px; text-align:center; }
.cArea01 .swiper-slide .txt .p4 ul li:last-child .p42 { max-width:115px; }
.cArea01 .swiper-slide .pic { float:right; width:800px; }

.cArea01 .swiper-slide .txt .p4 ul li.on .p41 .img01 { display:none; }
.cArea01 .swiper-slide .txt .p4 ul li.on .p41 .img02 { display:block; }
.cArea01 .swiper-slide .txt .p4 ul li.on .p42 { font-weight:bold; color:#004493; }

.cArea01 .btn { text-align:center; font-size:0; }
.cArea01 .btn .btn01 { position:absolute; top:50%; margin-top:-30px; display:inline-block; width:60px; height:60px; background:url(b02.png) no-repeat center; border-radius:100%; background-size:cover!important; cursor:pointer; z-index:2; }
.cArea01 .btn .btn01:hover { background:url(b03.png) no-repeat center; box-shadow:0px 0px 30px rgba(11,76,151,0.5); }
.cArea01 .btn .prev-c01 { left:-60px; }
.cArea01 .btn .next-c01 { right:-60px; transform: rotateY(180deg); }

@media all and (max-width:1700px){
	.cArea { padding:60px 0; }
	.cArea01 { margin-top:60px; padding:0 30px; }
	.cArea01 .swiper-slide .txt { float:left; width:47%; }
	.cArea01 .swiper-slide .txt .p1 { font-size:20px; }
	.cArea01 .swiper-slide .txt .p2 { font-size:24px; margin-top:15px; }
	.cArea01 .swiper-slide .txt .p3 { font-size:14px; margin-top:25px; line-height:25px; min-height:100px; }
	.cArea01 .swiper-slide .txt .p4 { margin-top:50px; }
	.cArea01 .swiper-slide .txt .p4 ul li .p41 img { max-width:100%; max-height:90px; }
	.cArea01 .swiper-slide .txt .p4 ul li .p42 { font-size:16px; max-width:125px; }
	.cArea01 .swiper-slide .txt .p4 ul li:last-child .p42 { max-width:90px; }

	.cArea01 .swiper-slide .pic { float:right; width:50%; }
 
	.cArea01 .btn .btn01 { width:45px; height:45px; margin-top:-22px; }
	.cArea01 .btn .prev-c01 { left:-45px; }
	.cArea01 .btn .next-c01 { right:-45px; 	}
}
@media all and (max-width:1200px){
	.cArea { padding:40px 0 0; }
	.cArea01 { margin-top:30px; padding:0 30px; }
	.cArea01 .swiper-slide .txt { float:left; width:47%; }
	.cArea01 .swiper-slide .txt .p1 { font-size:16px; }
	.cArea01 .swiper-slide .txt .p2 { font-size:20px; margin-top:10px; }
	.cArea01 .swiper-slide .txt .p3 { font-size:14px; margin-top:25px; line-height:25px; min-height:75px; }
	.cArea01 .swiper-slide .txt .p4 { margin-top:30px; }
	.cArea01 .swiper-slide .txt .p4 ul li .p41 img { max-width:100%; max-height:60px; }
	.cArea01 .swiper-slide .txt .p4 ul li .p42 { font-size:14px; max-width:105px; }
	.cArea01 .swiper-slide .txt .p4 ul li:last-child .p42 { max-width:60px; }
	
	.cArea01 .btn .btn01 { width:30px; height:30px; margin-top:-15px; }
	.cArea01 .btn .prev-c01 { left:-30px; }
	.cArea01 .btn .next-c01 { right:-30px; 	}
}
@media all and (max-width:750px){
	.cArea01 { margin-top:30px; padding:0; }
	.cArea01 .swiper-slide .txt { float:none; width:100%; }
	.cArea01 .swiper-slide .txt .p1 { font-size:14px; }
	.cArea01 .swiper-slide .txt .p2 { font-size:14px; margin-top:10px; }
	.cArea01 .swiper-slide .txt .p3 { font-size:14px; margin-top:25px; line-height:25px; min-height:25px; }
	.cArea01 .swiper-slide .txt .p4 { margin-top:25px; }
	.cArea01 .swiper-slide .txt .p4 ul li .p41 img { max-width:100%; max-height:50px; }
	.cArea01 .swiper-slide .txt .p4 ul li .p42 { font-size:14px; max-width:80px; line-height:20px; min-height:40px; }
	
	.cArea01 .swiper-slide .pic { float:none; width:100%; margin-top:25px; }
	
	.cArea01 .btn .btn01 { position:relative; top:auto; margin-top:25px; }
	.cArea01 .btn .prev-c01 { left:auto; }
	.cArea01 .btn .next-c01 { right:auto; margin-left:20px;	}
}

.dArea { padding-top:120px; background:url(dArea.jpg) no-repeat center bottom; background-size:cover; }
.dArea .Area-hd { text-align:center; }
.dArea .Area-hd .p1 { color:#fff }
.dArea .Area-hd .p2 { color:#fff }
.dArea .Area-hd .p5 { margin-top:20px; font-size:0; }
.dArea .Area-hd .p5 a { display:inline-block; padding:10px; background:rgba(13,246,255,0.1); border-radius:35px; }
.dArea .Area-hd .p5 a i { display:inline-block; border:2px solid #079dc9; font-size:16px; line-height:50px; background:#004493; width:155px; border-radius:25px; color:#fff; }

.dArea .Area-hd .p5 a:hover { background:rgba(13,246,255,0.2); }

.dArea01 { margin-top:120px; border-top:1px solid rgba(255,255,255,0.2); }
.dArea01 ul { border-left:1px solid rgba(255,255,255,0.2); }
.dArea01 ul li { position:relative; float:left; width:25%; min-height:380px; border-right:1px solid rgba(255,255,255,0.2); box-sizing: border-box; transition: all 0.6s; }
.dArea01 ul li .txt { position:absolute; left:6%; right:6%; top:50%; transform: translateY(-50%); text-align:center; z-index:2; color:#fff; transition: all 0.6s; }
.dArea01 ul li .txt .p1 { min-height:55px; }
.dArea01 ul li .txt .p1 img { max-height:55px; }
.dArea01 ul li .txt .p2 { font-size:20px; margin-top:25px; }
.dArea01 ul li .txt .p3 { font-size:16px; line-height:30px; color:rgba(255,255,255,0.5); height:0; margin-top:0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; transition: all 0.6s; }
.dArea01 ul li .txt .p4 { font-size:16px; margin-top:0; height:0; line-height:20px; overflow:hidden; }
.dArea01 ul li .txt .p4 a { color:#fff; }

.dArea01 ul li.on { width:50%; text-align:left; background:url(d01.png) no-repeat center; background-size:100% 100%; }
.dArea01 ul li.on .txt { text-align:left; }
.dArea01 ul li.on .txt .p2 { margin-top:10px; font-weight:bold; }
.dArea01 ul li.on .txt .p3 { height:60px; margin-top:20px; }
.dArea01 ul li.on .txt .p4 { height:20px; margin-top:35px; }


@media all and (max-width:1700px){
	.dArea { padding-top:80px; }
	.dArea .Area-hd .p5 { margin-top:20px; }
	.dArea .Area-hd .p5 a { padding:10px;  }
	.dArea .Area-hd .p5 a i { border:2px solid #079dc9; font-size:14px; line-height:40px; width:130px; }
 
	.dArea01 { margin-top:60px; }
 
	.dArea01 ul li { width:25%; min-height:250px; }
	.dArea01 ul li .txt { left:5%; right:5%; }
	.dArea01 ul li .txt .p1 { min-height:40px; }
	.dArea01 ul li .txt .p1 img { max-height:40px; }
	.dArea01 ul li .txt .p2 { font-size:18px; margin-top:20px; }
	.dArea01 ul li .txt .p3 { font-size:14px; line-height:25px; }
	.dArea01 ul li .txt .p4 { font-size:14px; line-height:20px; }
 
	.dArea01 ul li.on .txt .p2 {  margin-top:10px; font-weight:bold; }
	.dArea01 ul li.on .txt .p3 { height:50px; margin-top:10px; }
	.dArea01 ul li.on .txt .p4 { height:20px; margin-top:15px; }
}
@media all and (max-width:1200px){
	.dArea { padding-top:40px; }
	.dArea .Area-hd .p5 { margin-top:20px; }
	.dArea .Area-hd .p5 a { padding:5px;  }
	.dArea .Area-hd .p5 a i { border:1px solid #079dc9; font-size:14px; line-height:30px; width:100px; }
 
	.dArea01 { margin-top:40px; }
	.dArea01 ul li .txt .p2 { font-size:16px; }
}
@media all and (max-width:1000px){
	
	.dArea01 { border-top:none; }
	.dArea01 .wrap { width:100%; }
	.dArea01 ul { border-top:1px solid rgba(255,255,255,0.2); }
	.dArea01 ul li { float:left; width:33.33%; min-height:10px; padding:30px 0; border-bottom:1px solid rgba(255,255,255,0.2); }
	.dArea01 ul li .txt { position:relative; left:auto; right:auto; top:auto; transform: translateY(0); padding:0 4%; }
	.dArea01 ul li .txt .p1 { min-height:35px; }
	.dArea01 ul li .txt .p1 img { max-height:35px; }
	.dArea01 ul li .txt .p2 { font-size:14px; margin-top:10px; font-weight:normal; }
	.dArea01 ul li .txt .p3 { font-size:14px; line-height:25px; height:auto; margin-top:10px; display:none; }
	.dArea01 ul li .txt .p4 { font-size:14px; height:20px; margin-top:15px; }
 
	.dArea01 ul li.on { width:33.33%; text-align:center; background:none; }
	.dArea01 ul li.on .txt { text-align:center; }
	.dArea01 ul li.on .txt .p2 { margin-top:10px; font-weight:bold; }
	.dArea01 ul li.on .txt .p3 { height:auto; margin-top:10px; }
	.dArea01 ul li.on .txt .p4 { height:20px; margin-top:15px; }
}

.eArea { padding:80px 0; }
.eArea .Area-hd { text-align:center; }
.eArea01 { margin-top:80px; overflow:hidden; }
.eArea01 .bd02 { margin-top:25px; }
.eArea01 .bd03 { margin-top:25px; }
.eArea01 ul li { width:260px; margin-right:25px; }
.eArea01 ul li img { width:100%; height:auto; }

.eArea02 { display:none; margin-top:30px; }

@media all and (max-width:1700px){
	.eArea { padding:60px 0; }
	.eArea01 { margin-top:50px; }
	.eArea01 .bd02 { margin-top:20px; }
	.eArea01 .bd03 { margin-top:20px; }
	.eArea01 ul li { width:200px; margin-right:20px; }
}
@media all and (max-width:1200px){
	.eArea { padding:40px 0; }
	.eArea01 { margin-top:30px; }
	.eArea01 .bd02 { margin-top:15px; }
	.eArea01 .bd03 { margin-top:15px; }
	.eArea01 ul li { width:150px; margin-right:15px; }
}
@media all and (max-width:750px){
	.eArea01 .bd02 { margin-top:10px; }
	.eArea01 .bd03 { margin-top:10px; }
	 .eArea01 ul li { width:120px; margin-right:10px; }
}

.fArea { padding:80px 0 100px; }
.fArea01 { margin-top:80px; }

.fBox01 { float:left; width:890px; height:520px; padding:80px 75px 075px; background:url(f01.png) no-repeat center; background-size:100% 100%; box-sizing: border-box; }

.fBox01 .swiper-slide .a1 {  border-radius:10px; overflow:hidden; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: center; }
.fBox01 .swiper-slide .pic {  width:320px; }
.fBox01 .swiper-slide .pic p { position:relative; width:100%; padding-bottom:60%; }
.fBox01 .swiper-slide .pic img { position:absolute; left:0; top:0; width:100%; height:100%; transition: all 0.6s; object-fit: cover; z-index:2; }
.fBox01 .swiper-slide .txt { width:345px;  line-height:1.1; }
.fBox01 .swiper-slide .txt .p1 { font-size:78px; color:#11509a; font-weight:bold; }
.fBox01 .swiper-slide .txt .p2 { font-size:16px; margin-top:30px; color:#11509a; font-weight:bold; }
.fBox01 .swiper-slide .txt .p3 { font-size:16px; margin-top:10px; color:#999; font-weight:bold; }
.fBox01 .swiper-slide .txt .p4 { font-size:20px; margin-top:30px; color:#333; line-height:35px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.fBox01 .swiper-slide .txt .p5 { display:none; font-size:14px; color:#999; }
.fBox01 .swiper-slide .txt01 { position:absolute; left:290px; top:50%; transform: translateY(-50%); width:60px; height:60px; background:url(ico11.png) no-repeat center #11509a; border-radius:100%; z-index:2; }
.fBox01 .swiper-slide .txt01 a { display:block; width:60px; height:60px; }

.fBox01 .swiper-slide:hover .txt .p4 { font-weight:bold; }
.fBox01 .swiper-slide:hover .txt01 { background-color:#d30312; }

.fBox01 .swiper-slide .txt02 { width:calc(100% - 370px); line-height:1.1; }
.fBox01 .swiper-slide .txt02 .p1 { padding:10px 0; font-size:16px; color:#333; border-bottom:1px solid #ddd; }
.fBox01 .swiper-slide .txt02 .p2 { padding:10px 0; font-size:16px; color:#666; border-bottom:1px solid #ddd; }
.fBox01 .swiper-slide .txt02 .p3 { padding:10px 0; color:#333; font-size:18px; font-weight:bold; border-bottom:1px solid #ddd; }
.fBox01 .swiper-slide .txt02 .p3 p { line-height:30px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.fBox01 .swiper-slide .txt02 .p4 { padding:10px 0; font-size:16px; color:#666; }
.fBox01 .swiper-slide .txt02 .p4 p { line-height:25px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:3; }


.swiper-pagination-f01 { margin-top:30px; text-align:left; }
.swiper-pagination-f01 .swiper-pagination-bullet { width:9px; height:6px; margin-right:12px; border-radius:0; background:url(ico09.png) no-repeat center; opacity:1; }
.swiper-pagination-f01 .swiper-pagination-bullet-active { background:url(ico10.png) no-repeat center; }

.fBox02 { float:right; width:680px; }
.fBox02 ul li { border-bottom:1px solid #e5e9ed; }
.fBox02 ul li a { display:block; padding-top:35px; min-height:125px; box-sizing: border-box; }
.fBox02 ul li .date { display:none; }
/*
.fBox02 ul li .date { float:left; font-weight:bold; line-height:1.1; display:none; }
.fBox02 ul li .date p { font-size:30px; color:#11509a; }
.fBox02 ul li .date span { font-size:16px; color:#9999; display:block; margin-top:10px; }
*/
.fBox02 ul li .txt { margin-top:10px; font-size:16px; line-height:30px; color:#333;  overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.fBox02 ul li .txt01 { display:block; font-size:18px; color:#999; }

.fBox02 ul li:hover .txt { font-weight:bold; color:#11509a; }

@media all and (max-width:1700px){
	.fArea { padding:60px 0 80px; }
	.fArea01 { margin-top:50px; }

	.fBox01 { width:50%; height:400px; padding:60px 40px 40px; }
	
	.fBox01 .swiper-slide .pic {   width:200px; }
	.fBox01 .swiper-slide .pic p { position:relative; width:100%; }
	.fBox01 .swiper-slide .pic img { position:absolute; left:0; top:0; width:100%; height:100%; transition: all 0.6s; object-fit: cover; z-index:2; }
	.fBox01 .swiper-slide .txt { float:right; width:calc(88% - 200px); padding-top:20px; }
	.fBox01 .swiper-slide .txt .p1 { font-size:30px; }
	.fBox01 .swiper-slide .txt .p2 { font-size:16px; margin-top:10px; }
	.fBox01 .swiper-slide .txt .p3 { font-size:16px; margin-top:10px; }
	.fBox01 .swiper-slide .txt .p4 { font-size:16px; margin-top:20px; line-height:30px; -webkit-line-clamp:2; }
	.fBox01 .swiper-slide .txt .p5 { display:none; }
	
	.fBox01 .swiper-slide .txt01 { width:calc(100% - 250px); width:50px; height:50px; left:170px; }
	.fBox01 .swiper-slide .txt02 {  width:calc(100% - 230px);  }
	.fBox01 .swiper-slide .txt02 .p1 { font-size:14px; }
	.fBox01 .swiper-slide .txt02 .p2 { font-size:14px; }
	.fBox01 .swiper-slide .txt02 .p4 { font-size:14px; }
	.fBox01 .swiper-slide .txt02 .p3 p { line-height:25px; font-size:16px; -webkit-line-clamp:1; }
	.fBox01 .swiper-slide .txt02 .p4 p { -webkit-line-clamp:2; }
	
	.fBox02 { float:right; width:47%; }
	.fBox02 ul li a { padding-top:15px; min-height:95px; }
	/*
	.fBox02 ul li .date { float:left; }
	.fBox02 ul li .date p { font-size:30px; }
	.fBox02 ul li .date span { font-size:14px; margin-top:10px; }
	.fBox02 ul li .txt { width:calc(100% - 100px); font-size:16px;  }
	*/
	.fBox02 ul li .txt { font-size:16px;  }
}
@media all and (max-width:1200px){
	.fArea { padding:40px 0 60px; }
	.fArea01 { margin-top:30px; }

	.fBox01 { width:50%; height:350px; padding:50px 20px 20px; }
	.fBox01 .swiper-slide .txt { padding-top:40px; }
	.fBox01 .swiper-slide .txt .p1 { display:none; }
	.fBox01 .swiper-slide .txt .p2 { display:none; }
	.fBox01 .swiper-slide .txt .p3 { display:none; }
	.fBox01 .swiper-slide .txt .p4 { font-size:16px; margin-top:0; line-height:30px; min-height:60px; }
	.fBox01 .swiper-slide .txt .p5 { display:block; margin-top:20px; }
	
	.fBox01 .swiper-slide .txt01 { left:180px; width:40px; height:40px;  }
	.fBox01 .swiper-slide .txt01 a {  width:40px; height:40px; }
	.fBox01 .swiper-slide .txt02 {   }
	
	
	.swiper-pagination-f01 { margin-top:25px; }
	.swiper-pagination-f01 .swiper-pagination-bullet { margin-right:6px; }
	
	.fBox02 ul li a { padding-top:15px; min-height:80px; }
	/*
	.fBox02 ul li .date { float:left; }
	.fBox02 ul li .date p { font-size:24px; }
	.fBox02 ul li .date span { font-size:14px; margin-top:5px; }
	.fBox02 ul li .txt { width:calc(100% - 100px); font-size:14px; line-height:25px; }
	*/
	.fBox02 ul li .txt { font-size:14px; line-height:25px; }
}
@media all and (max-width:1000px){
	.fArea { padding:40px 0; }
	
	.fBox01 { float:none; width:100%; height:auto; padding:30px 4%; }
	.fBox01 .swiper-slide .pic {  width:150px; }
	.fBox01 .swiper-slide .txt { padding-top:20px; width:calc(100% - 180px); }
	.fBox01 .swiper-slide .txt .p1 { display:none; }
	.fBox01 .swiper-slide .txt .p2 { display:none; }
	.fBox01 .swiper-slide .txt .p3 { display:none; }
	.fBox01 .swiper-slide .txt .p4 { font-size:16px; margin-top:0; line-height:30px; min-height:60px; }
	.fBox01 .swiper-slide .txt .p5 { display:block; margin-top:20px; }
	
	.fBox01 .swiper-slide .txt01 { left:135px; width:30px; height:30px; background-size:10px 10px!important; }
	.fBox01 .swiper-slide .txt02 {  width:calc(100% - 180px); }
	.fBox01 .swiper-slide .txt02 .p4 p { -webkit-line-clamp:1; }
	
	.swiper-pagination-f01 { margin-top:25px; }
	.swiper-pagination-f01 .swiper-pagination-bullet { margin-right:4px; }
	
	.fBox02 { float:none; width:100%; margin-top:30px; }
}
@media all and (max-width:750px){
	.fArea { padding:0 0 40px 0; }
	.fBox01 .swiper-slide .pic { float:none; width:100%; }
	.fBox01 .swiper-slide .txt { float:none; padding-top:20px; width:100%; }
	.fBox01 .swiper-slide .txt01 { display:none; }
	
	.fBox01 .swiper-slide .txt02 { float:none; padding-top:20px; width:100%; }
	.fBox01 .swiper-slide .txt02 .p3 p { -webkit-line-clamp:2; }
	.fBox01 .swiper-slide .txt02 .p4 p { -webkit-line-clamp:3; }
	
	.fBox02 ul li a { padding:15px 0; min-height:10px; }
	.fBox02 ul li .date { display:none; }
	.fBox02 ul li .txt01 { display:block; font-size:14px; }
	.fBox02 ul li .txt { float:none; width:100%; font-size:16px; line-height:30px; font-weight:bold; margin-top:10px; }

}



@media all and (max-width:1700px){
	
}
@media all and (max-width:1200px){
	
}
@media all and (max-width:750px){
	
}