@charset "utf-8";
.container { position: relative; width: 100%; }


.aArea { padding-top:50px; }
.aArea01 { float:left; width:48%; }
.aArea01 .p1 { font-size:18px; color:#1f56e9; font-weight:bold; line-height:20px; text-transform:uppercase; }
.aArea01 .p2 { width:30px; height:2px; background:#1f56e9; margin:5px 0 30px; }
.aArea01 .p3 { font-size:36px; color:#222; line-height:1; }
.aArea01 .p4 { font-size:16px; color:#535353; line-height:30px; margin:25px 0; }
.aArea01 .p5 { display:inline-block; width:125px; height:40px; text-align:center; line-height:40px; font-size:14px; color:#535353; border:1px solid #c8c8c8; border-radius:25px; }
.aArea01 .p5 i { display:inline-block; padding-left:25px; background:url(a01.png) no-repeat center left; }

.aArea02 { float:right; width:47.85%; padding-top:40px; }

@media all and (max-width:1400px){
	.aArea01 { width:49%; }
	.aArea01 .p1 { font-size:18px; }
	.aArea01 .p2 { margin:5px 0 20px; }
	.aArea01 .p3 { font-size:28px; }
	.aArea01 .p4 { font-size:14px; line-height:25px; margin:20px 0; }
	 
	.aArea02 { width:48%; padding-top:60px; }
}
@media all and (max-width:1200px){
	.aArea { padding-top:40px; }
	.aArea01 { width:49%; }
	.aArea01 .p1 { font-size:16px; }
	.aArea01 .p2 { margin:5px 0 15px; }
	.aArea01 .p3 { font-size:24px; }
	.aArea01 .p4 { font-size:12px; line-height:20px; margin:20px 0; }
	.aArea01 .p5 { width:120px; height:35px; line-height:35px; font-size:12px; }
	
	.aArea02 { width:48%; padding-top:60px; }
}
@media all and (max-width:750px){
	.aArea { padding-top:30px; }
	.aArea01 { float:none; width:100%; }
	.aArea02 { float:none; width:100%; padding-top:25px; }
}
 
.bArea { margin-top:75px; }
.bArea .wrap { border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; padding:35px 0; box-sizing: border-box; }
.bArea ul li { position:relative; float:left; width:25%; min-height:70px; padding:0 2.5%; box-sizing: border-box; }
.bArea ul li:before { position:absolute; top:50%; right:0; display:block; width:1px; height:70px; content:""; background:#dadada; transform: translateY(-50%); }
.bArea ul li:last-child:before { display:none; }
.bArea ul li .txt { float:left; color:#666; width:calc(100% - 80px); }
.bArea ul li .txt .p1 { font-size:33px; font-weight:bold; line-height:1; }
.bArea ul li .txt .p2 { font-size:16px; margin-top:5px; }
.bArea ul li .pic { float:right; width:74px; }

@media all and (max-width:1400px){
	.bArea { margin-top:60px; }
	.bArea .wrap { padding:25px 0; }
	.bArea ul li .txt { width:calc(100% - 70px); }
	.bArea ul li .txt .p1 { font-size:28px; }
	.bArea ul li .txt .p2 { font-size:14px; }
	.bArea ul li .pic { width:60px; }
}
@media all and (max-width:1000px){
	.bArea { margin-top:40px; }
	.bArea .wrap { padding:25px 0; }
	.bArea ul li { width:50%; padding:0 2.5%; box-sizing: border-box; }
	.bArea ul li:before { height:50px; }
	.bArea ul li:nth-child(1) { margin-bottom:10px; }
	.bArea ul li:nth-child(2) { margin-bottom:10px; }
	.bArea ul li:nth-child(2n):before { display:none; }
}
@media all and (max-width:750px){
	.bArea { margin-top:30px; }
	.bArea .wrap { padding:25px 0 5px 0; }
	.bArea ul li { padding:0 2%; text-align:center; }
	.bArea ul li:before { height:50px; top:0; transform: translateY(0); }
	.bArea ul li .txt { float:none; width:100%; }
	.bArea ul li .txt .p1 { font-size:20px; }
	.bArea ul li .txt .p2 { font-size:12px; line-height:20px; min-height:40px; }
	
	.bArea ul li .pic { display:none; }
}

.Area-hd { text-align:center; padding:50px 0 40px; } 
.Area-hd .txt { position:relative;  } 
.Area-hd .txt .p1 { font-size:36px; color:#e7e8f3; font-weight:bold; line-height:1; text-transform:uppercase; } 
.Area-hd .txt .p2 { font-size:36px; color:#222; line-height:1; position:relative; margin-top:-25px; z-index:5; } 
.Area-hd .txt:before { position:absolute; top:50%; transform: translateY(-50%); left:50%; margin-left:-200px; content:""; display:block; width:30px; height:2px; background:#1f56e9; z-index:9; }
.Area-hd .txt:after { position:absolute; top:50%; transform: translateY(-50%); right:50%; margin-right:-200px; content:""; display:block; width:30px; height:2px; background:#1f56e9; z-index:9; }
.Area-hd .txt01 { font-size:14px; color:#818181; margin-top:20px; }

@media all and (max-width:1000px){
	.Area-hd { padding:30px 0; } 
	.Area-hd .txt .p1 { font-size:28px; } 
	.Area-hd .txt .p2 { font-size:28px; margin-top:-20px; } 
	.Area-hd .txt:before { margin-left:-140px; }
	.Area-hd .txt:after { margin-right:-140px; }
}
@media all and (max-width:750px){
	.Area-hd .txt .p1 { font-size:20px; } 
	.Area-hd .txt .p2 { font-size:20px; margin-top:-15px; } 
	.Area-hd .txt:before { margin-left:-100px; }
	.Area-hd .txt:after { margin-right:-100px; }
	.Area-hd .txt01 { font-size:12px; margin-top:15px; }
}



.cArea01 { position:relative; float:left; width:680px; border-bottom:1px solid #f2f2f2; }
.cArea01 .swiper-slide .pic img { width:100%; height:400px; }
.cArea01 .swiper-slide .txt { padding:30px 0 20px; }
.cArea01 .swiper-slide .txt .p1 { font-size:18px; color:#2d2d2d; height:20px; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.cArea01 .swiper-slide .txt .p1 span { float:right; font-size:12px; color:#ababab; margin-left:20px; }
.cArea01 .swiper-slide .txt .p2 { font-size:12px; color:#ababab; margin-top:5px; display:none; }
.cArea01 .swiper-slide .txt .p3 { font-size:14px; color:#8c8c8c; margin-top:10px; line-height:24px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
 
.swiper-pagination-sy02 { position:absolute; width:100%; left:0; text-align:center; top:360px; bottom:auto!important; z-index:10; }
.swiper-pagination-sy02 .swiper-pagination-bullet { width:10px; height:10px; background:rgba(255,255,255,0.45); margin:0 5px; opacity:1; }
.swiper-pagination-sy02 .swiper-pagination-bullet-active { background:#222ba6; }

.cArea02 { float:right; width:calc(96.5% - 680px); }
.cArea02 ul li { height:52px; line-height:52px; font-size:16px; color:#2d2d2d; border-bottom:1px solid #f2f2f2; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; } 
.cArea02 ul li span { float:right; font-size:12px; color:#ababab; margin-left:20px; }


@media all and (max-width:1300px){
	.cArea01 { width:550px; }
	.cArea01 .swiper-slide .pic img { height:355px; }
	.cArea01 .swiper-slide .txt { padding:13px 0; }
	.cArea01 .swiper-slide .txt .p1 { font-size:16px; }
	.cArea01 .swiper-slide .txt .p3 { font-size:14px; line-height:24px; }
	 
	.swiper-pagination-sy02 { top:320px; }
 
	.cArea02 { width:calc(96.5% - 550px); }
	.cArea02 ul li { height:45px; line-height:45px; font-size:14px; } 
}
@media all and (max-width:1000px){
	.cArea01 { width:420px; }
	.cArea01 .swiper-slide .pic img { height:270px; }
	.cArea01 .swiper-slide .txt { padding:19px 0; }
	.cArea01 .swiper-slide .txt .p1 { font-size:14px; }
	.cArea01 .swiper-slide .txt .p3 { font-size:12px; line-height:20px; }
	 
	.swiper-pagination-sy02 { top:235px; }
 
	.cArea02 { width:calc(96.5% - 420px); }
	.cArea02 ul li { height:37px; line-height:37px; } 
}
@media all and (max-width:850px){
	.cArea01 { width:350px; }
	.cArea01 .swiper-slide .pic img { height:226px; }
	.cArea01 .swiper-slide .txt { padding:16px 0; }
 
	.swiper-pagination-sy02 { top:200px; }
 
	.cArea02 { width:calc(96.5% - 350px); }
	.cArea02 ul li { height:32px; line-height:32px; } 
}
@media all and (max-width:700px){
	.cArea01 { float:none; width:100%; border-bottom:none; }
	.cArea01 .swiper-slide .pic img { height:auto; }
	.cArea01 .swiper-slide .txt { padding:15px 0; }
 
	.swiper-pagination-sy02 { position:relative; top:0; }
	.swiper-pagination-sy02 .swiper-pagination-bullet { width:8px; height:8px; background:rgba(0,0,0,0.45); }
	.swiper-pagination-sy02 .swiper-pagination-bullet-active { background:#222ba6; }
 
	.cArea02 { float:none; width:100%; margin-top:25px; border-top:1px solid #f2f2f2; }
	.cArea02 ul li { height:40px; line-height:40px; } 
}

 
.dArea { padding-bottom:50px; }
.dArea01 { padding:0 40px; }
.dArea01 ul { border:1px solid #f3f3f3; }
.dArea01 ul li { float:left; width:25%; text-align:center; border-right:1px solid #f3f3f3; box-sizing: border-box; background-size:cover!important; }
.dArea01 ul li:last-child { border-right:none; }
.dArea01 ul li a { position:relative; display:block; padding:13.5%; background:rgba(255,255,255,0.9); }
.dArea01 ul li .p1 { min-height:70px; }
.dArea01 ul li .p2 { font-size:18px; color:#4a4948; font-weight:bold; line-height:1; }
.dArea01 ul li .p3 { font-size:12px; color:#a9a9a9; margin:10px 0 25px; line-height:1; }
.dArea01 ul li .p4 { font-size:14px; color:#858585; line-height:24px; min-height:120px; }

.dArea01 ul li .txt { position:absolute; top:0; left:0; right:0; bottom:0; z-index:55; display:none; }
.dArea01 ul li .txt01 { position:absolute; top:0; left:0; right:0; bottom:0; padding:80px 20px 0 20px; background:rgba(31,86,233,0.9); color:#fff; z-index:55; }
.dArea01 ul li .txt01 .a1 { font-size:24px; font-weight:bold; margin-bottom:20px; }
.dArea01 ul li .txt01 .a2 { font-size:14px; line-height:40px; }


@media all and (min-width:1400px){
	.dArea01 ul li:hover .txt { display:block; }
}


@media all and (max-width:1400px){
	.dArea01 { padding:0; }
}
@media all and (max-width:1200px){
	.dArea { padding-bottom:30px; }
	.dArea01 ul li .p3 { display:none; }
	.dArea01 ul li .p4 { margin-top:20px; }
}
@media all and (max-width:750px){
	.dArea01 ul li { width:50%; }
	.dArea01 ul li:nth-child(2n) { border-right:none; }
	.dArea01 ul li:nth-child(3) { border-top:1px solid #f3f3f3; }
	.dArea01 ul li:nth-child(4) { border-top:1px solid #f3f3f3; }
	.dArea01 ul li a { display:block; padding:20px 4%; }
	.dArea01 ul li .p2 { font-size:16px; }
	.dArea01 ul li .p4 { font-size:12px; line-height:20px; min-height:80px; }
}
 
.eArea { background:url(eArea.jpg) no-repeat center top; background-size:cover; padding-bottom:45px; }
.eArea01 ul li { float:left; width:23.5%; margin:0 2% 2% 0; background:#fff; border-radius:7px; overflow:hidden; box-shadow: #eee 0px 0px 10px; }
.eArea01 ul li:nth-child(4n) { margin-right:0; }
.eArea01 ul li .txt { float:left; width:40%; padding:12% 0 0 5%; }
.eArea01 ul li .txt .p1 { font-size:18px; color:#585858; }
.eArea01 ul li .txt .p2 { font-size:14px; color:#8d8d8d; margin:10px 0; line-height:20px; min-height:40px; }
.eArea01 ul li .txt .p3 { font-size:12px; color:#969696; }
.eArea01 ul li .pic { float:right; width:53%; }

@media all and (max-width:1300px){
	.eArea01 ul li { width:32%; }
	.eArea01 ul li:nth-child(4n) { margin-right:2%; }
	.eArea01 ul li:nth-child(3n) { margin-right:0; }
	.eArea01 ul li:nth-child(7) { display:none; }
	.eArea01 ul li:nth-child(8) { display:none; }
	
	.eArea01 ul li .txt { padding:8% 0 0 5%; }
}
@media all and (max-width:1000px){
	.eArea { padding-bottom:30px; }
	.eArea01 ul li { width:49%; }
	.eArea01 ul li:nth-child(4n) { margin-right:2%; }
	.eArea01 ul li:nth-child(3n) { margin-right:2%; }
	.eArea01 ul li:nth-child(2n) { margin-right:0; }
	.eArea01 ul li:nth-child(7) { display:none; }
	.eArea01 ul li:nth-child(8) { display:none; }
	
	.eArea01 ul li .txt { padding:8% 0 0 5%; }
}
@media all and (max-width:650px){
	.eArea01 ul li { width:100%; margin-right:0!important }
 
	.eArea01 ul li .txt { width:calc(95% - 170px); padding:20px 0 0 5%; }
	.eArea01 ul li .txt .p1 { font-size:16px; }
	.eArea01 ul li .txt .p2 { font-size:12px; }
	.eArea01 ul li .pic { width:150px; }
}


.fArea { height:170px; line-height:170px; text-align:center; font-size:32px; color:#fff; letter-spacing:3px; }

@media all and (max-width:1000px){
	.fArea { height:150px; line-height:150px; font-size:28px; }
}
@media all and (max-width:750px){
	.fArea { height:120px; line-height:120px; text-align:center; font-size:20px; letter-spacing:0; }
}

.gArea { padding-bottom:50px; }
.gArea01 { position:relative; padding:0 100px; }
.gArea01 .pic { float:right; width:700px; }
.gArea01 .txt { position:absolute; top:35px; left:7%; width:530px; background:#fff; padding:40px 35px; box-shadow: #e5e6f5 0px 0px 15px; box-sizing: border-box; }
.gArea01 .txt .p1 { font-size:14px; color:#747474; line-height:24px; text-align:justify; }
.gArea01 .txt .p2 { font-size:14px; color:#474747; font-weight:bold; margin-top:20px; }

@media all and (max-width:1200px){
	.gArea { padding-bottom:40px; }
	.gArea01 { position:relative; padding:0; }
	.gArea01 .txt { top:35px; left:0; width:450px; padding:30px 25px; }
}
@media all and (max-width:900px){
	.gArea { padding-bottom:30px; }
	.gArea01 .txt { position:relative; top:0; left:0; width:100%; padding:20px; margin-bottom:25px; }
	.gArea01 .txt .p1 { line-height:20px; }
	.gArea01 .pic { float:none; width:100%; }
}

 
.hArea { background:#f7f7f7; padding-bottom:50px; }
.hArea01 { position:relative; padding:0 60px; }
.hArea01 .swiper-slide p { text-align:center; font-size:16px; color:#686868; margin-top:20px; height:20px; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.hArea01 .prev-sy01,.hArea01 .next-sy01 { position:absolute; top:50%; transform: translateY(-50%); display:block; width:12px; height:22px; cursor:pointer; z-index:5; }
.hArea01 .prev-sy01 { background:url(h01.png) no-repeat center; left:15px; }
.hArea01 .next-sy01 { background:url(h02.png) no-repeat center; right:15px; }
.hArea01 .prev-sy01:hover { background:url(h03.png) no-repeat center; }
.hArea01 .next-sy01:hover { background:url(h04.png) no-repeat center; }

@media all and (max-width:1400px){
	.hArea01 .swiper-slide p { font-size:12px; margin-top:10px; }
}
@media all and (max-width:1200px){
	.hArea { padding-bottom:30px; }
	.hArea01 { position:relative; padding:0 30px; }
	.hArea01 .prev-sy01 { left:0; }
	.hArea01 .next-sy01 { right:0; }
}
 
.jArea { padding-bottom:45px; }
.jArea01 { padding:0 60px; }
.jArea01 ul li { float:left; width:15%; margin:0 2% 2% 0; }
.jArea01 ul li:nth-child(6n) { margin-right:0; }
.jArea01 ul li a { display:block; border:3px solid #eaebf5; }

@media all and (max-width:1200px){
	.jArea { padding-bottom:30px; }
	.jArea01 { padding:0; }
	.jArea01 ul li { width:18.4%; margin:0 2% 2% 0; }
	.jArea01 ul li:nth-child(6n) { margin-right:2%; }
	.jArea01 ul li:nth-child(5n) { margin-right:0; }
	.jArea01 ul li:nth-child(16) { display:none; }
	.jArea01 ul li:nth-child(17) { display:none; }
	.jArea01 ul li:nth-child(18) { display:none; }
}
@media all and (max-width:900px){
	 
	.jArea01 ul li { width:32%; margin:0 2% 2% 0; }
	.jArea01 ul li:nth-child(6n) { margin-right:2%; }
	.jArea01 ul li:nth-child(5n) { margin-right:2%; }
	.jArea01 ul li:nth-child(3n) { margin-right:0; }
	.jArea01 ul li:nth-child(16) { display:none; }
	.jArea01 ul li:nth-child(17) { display:none; }
	.jArea01 ul li:nth-child(18) { display:none; }
	
	.jArea01 ul li a { border:2px solid #eaebf5; }
}