@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:10px; height:10px; margin:0 7px;  border-radius:100%; background:rgba(255,255,255,0.4); opacity:1; }
.swiper-pagination-1 .swiper-pagination-bullet-active { width:45px; border-radius:10px; background:#fff; }
 
@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:20px; }
	.swiper-pagination-1 .swiper-pagination-bullet { width:8px; height:8px; margin:0 5px; }
	.swiper-pagination-1 .swiper-pagination-bullet-active { width:15px; } 
}
 
.aArea { position:relative; }
.aArea01 { position:absolute; left:50%; top:50%; width:790px; margin-left:-720px; transform: translateY(-50%); color:#333; z-index:2; }
.aArea01 .bd { font-size:16px; margin-top:35px; line-height:30px; }
.aArea01 .bd01 { margin-top:75px;  }
.aArea01 .bd01 ul { display:flex; flex-direction:row; justify-content:space-between; }
.aArea01 .bd01 ul li { line-height:1.1; font-size:16px; }
.aArea01 .bd01 ul li .p1 { color:#004889; }
.aArea01 .bd01 ul li .p1 i { font-size:40px; font-weight:bold; margin-right:5px; }
.aArea01 .bd01 ul li .p2 { margin-top:15px; }

.aArea01 .bd02 { margin-top:80px;  }

.aArea02 { position:relative; float:right; width:40%; }
.aArea02 .spArea { position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); z-index:2; }

@media all and (max-width:1480px){
	.aArea01 { position:absolute; left:50%; top:50%; width:680px; margin-left:-600px; }
	.aArea01 .bd { font-size:16px; margin-top:25px; line-height:25px; }
	.aArea01 .bd01 { margin-top:30px;  }
	.aArea01 .bd01 ul li { font-size:14px; }
	.aArea01 .bd01 ul li .p1 i { font-size:30px; }
	.aArea01 .bd01 ul li .p2 { margin-top:10px; }

	.aArea01 .bd02 { margin-top:30px;  }
}
@media all and (max-width:1480px){
	.aArea01 { left:4%;  width:600px; margin-left:0; }
}
@media all and (max-width:1200px){
	.aArea01 { position:relative; left:auto; top:auto; width:100%; margin-left:0; transform: translateY(0); box-sizing: border-box; padding:30px 4%; }
	.aArea01 .bd { font-size:14px; margin-top:20px; line-height:25px; }
	.aArea01 .bd01 { margin-top:25px;  }
	.aArea01 .bd01 ul { display:block; }
	.aArea01 .bd01 ul li { float:left; width:50%; text-align:center; }
	.aArea01 .bd01 ul li:nth-child(n + 3) { margin-top:20px; }
	.aArea01 .bd01 ul li .p1 i { font-size:24px; }
	.aArea01 .bd01 ul li .p2 { margin-top:10px; }

	.aArea01 .bd02 { margin-top:25px; text-align:center; }
	
	.aArea02 { float:none; width:100%; }
}

.bArea { padding:90px 0 70px; background:#f6fbff; }
.bArea01 .txt { float:left; width:calc(100% - 290px); line-height:1.1; }
.bArea01 .txt .p1 { font-size:40px; color:#004889; font-weight:bold; }
.bArea01 .txt .p2 { font-size:16px; color:#333; line-height:25px; margin-top:20px; text-indent:2em; }
.bArea01 .pic { float:right; width:245px; border-left:1px solid #dbdbdb; text-align:right; }

.bArea02 { margin-top:60px; }
.bArea02 ul { border-bottom:1px solid #dbdbdb; border-top:1px solid #dbdbdb; }
.bArea02 ul li { float:left; width:16.66%; text-align:center; line-height:50px; font-size:16px; color:#333; border-right:1px solid #dbdbdb; box-sizing: border-box; cursor:pointer; }
.bArea02 ul li:last-child { border-right:none; }
.bArea02 ul li.on { color:#e00024; font-size:18px; font-weight:bold; }

.bArea03 { margin-top:50px; }
.bBox01 { float:left; width:550px; background:url(b02.png) no-repeat right center; background-size: auto 100%; }
.bBox01 .swiper-container { height:580px!important; }
.bBox01 .swiper-container .swiper-slide { font-size: 200px; color: #ebedee; font-weight:bold; line-height: 180px; cursor: pointer; font-family:"Arial"; }
.bBox01 .swiper-container .swiper-slide-active { color: #004889; }

.bBox02 { float:right; width:calc(100% - 620px); }
.bBox02 .hd ul li { float:left; width:140px; line-height:40px; text-align:center; font-size:16px; color:#333; margin-right:15px; border:1px solid #dbdbdb; border-radius:25px;  cursor:pointer; transition: 0.3s; }
.bBox02 .hd ul li:last-child { margin-right:0; }
.bBox02 .hd ul li.on { color:#fff; background:#e00024; border-color:#e00024; }

.bBox02 .bd { margin-top:30px; max-height:500px; padding-right:10px; overflow-y:auto; }
.bBox02 .bd ul li { position:relative; }
.bBox02 .bd ul li:nth-child(n + 2) { margin-top:20px; }
.bBox02 .bd ul li .t01 { font-size:20px; font-weight:bold; color:#333; }
.bBox02 .bd ul li .t02 { font-size:16px; color:#666; margin-top:5px; line-height:20px; height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.bBox02 .bd ul li:hover .t01 { color:#e00024; }
.bBox02 .bd ul li:hover .t02 { color:#333; }
 
/*
.bBox02 .bd ul li { position:relative; font-size:16px; color:#666; padding-left:30px; }
.bBox02 .bd ul li:before { position:absolute; left:0; top:11px; width:8px; height:8px; background:#dbdbdb; border-radius:100%; display:block; content:""; z-index:2; }
.bBox02 .bd ul li:nth-child(n + 2) { margin-top:5px; }
.bBox02 .bd ul li a { display:block; color:#666; line-height:30px; }

.bBox02 .bd ul li:hover a { color:#333; font-weight:bold; }
.bBox02 .bd ul li:hover:before { background:#e00024; }
*/

.bBox02 .bd::-webkit-scrollbar-thumb{min-height:50px;border-radius:3px;background-color:#666}
.bBox02 .bd::-webkit-scrollbar-track{background:#eee;border-radius:3px;}
.bBox02 .bd::-webkit-scrollbar-corner{background:transparent}
.bBox02 .bd::-webkit-scrollbar{width:7px;height:7px}

@media all and (max-width:1480px){
	.bArea { padding:70px 0; }
	.bArea01 .txt { float:left; width:calc(100% - 230px); }
	.bArea01 .txt .p1 { font-size:30px; }
	.bArea01 .txt .p2 { font-size:16px; line-height:25px; margin-top:20px; }
	.bArea01 .pic { float:right; width:190px; }
	.bArea01 .pic img { width:150px; }

	.bArea02 { margin-top:50px; }
	.bArea02 ul li { width:16.66%; line-height:50px; font-size:16px; }
	.bArea02 ul li.on { font-size:18px; }

	.bArea03 { margin-top:50px; }
	.bBox01 { width:450px; }
	.bBox01 .swiper-container { height:400px!important; }
	.bBox01 .swiper-container .swiper-slide { font-size:150px; line-height: 120px; }
 
	.bBox02 { float:right; width:calc(100% - 500px); }
	.bBox02 .hd ul li { float:left; width:120px; line-height:40px; font-size:16px; margin-right:15px; }
	.bBox02 .hd ul li:last-child { margin-right:0; }
	/*
	.bBox02 .bd { margin-top:30px; max-height:350px; }
	.bBox02 .bd ul li { font-size:14px; padding-left:20px; }
	.bBox02 .bd ul li:before { top:9px; width:7px; height:7px; }
	.bBox02 .bd ul li:nth-child(n + 2) { margin-top:5px; }
	.bBox02 .bd ul li a { line-height:25px; }
	*/
}
@media all and (max-width:1200px){
	.bArea { padding:40px 0; }
	.bArea01 { position:relative; }
	.bArea01 .txt { float:none; width:100%; }
	.bArea01 .txt .p1 { font-size:24px; }
	.bArea01 .txt .p2 { font-size:14px; line-height:25px; margin-top:15px; }
	.bArea01 .pic { position:absolute; top:-20px; right:0; float:none; width:80px; z-index:1; }
	.bArea01 .pic img { width:60px; }

	.bArea02 { margin-top:30px; }
	.bArea02 ul li { width:33.33%; line-height:40px; font-size:14px; }
	.bArea02 ul li.on { font-size:16px; }
	.bArea02 ul li:nth-child(3n) { border-right:none; }
	.bArea02 ul li:nth-child(n + 4) { border-top:1px solid #dbdbdb; }

	.bArea03 { margin-top:30px; }
	.bBox01 { float:none; width:100%; padding-bottom:20px; background:url(b03.png) no-repeat bottom center; background-size:100% auto; }
	.bBox01 .swiper-container { height:30px!important; }
	.bBox01 .swiper-container .swiper-slide { font-size:24px; line-height: 30px; text-align:center; }
 
	.bBox02 { float:none; width:100%; margin-top:30px; }
	.bBox02 .hd ul { text-align:center; font-size:0; }
	.bBox02 .hd ul li { float:none; width:auto; display:inline-block; padding:0 15px; line-height:35px; font-size:14px; margin-right:10px; }
	.bBox02 .hd ul li:last-child { margin-right:0; }
	
	.bBox02 .bd ul li:nth-child(n + 2) { margin-top:10px; }
	.bBox02 .bd ul li .t01 { font-size:18px; }
	.bBox02 .bd ul li .t02 { font-size:14px; }
	/*
	.bBox02 .bd { margin-top:30px; max-height:350px; }
	.bBox02 .bd ul li { font-size:14px; padding-left:20px; }
	.bBox02 .bd ul li:before { top:9px; width:7px; height:7px; }
	.bBox02 .bd ul li:nth-child(n + 2) { margin-top:5px; }
	.bBox02 .bd ul li a { line-height:25px; }
	*/
}

.cArea { padding-top:75px; }
.cArea .bd02 { text-align:center; margin-top:25px; display:none; }
.cArea01 { margin-top:40px; }
.cArea01 ul li { position:relative; float:left; overflow:hidden; width:18.75%; transition: all 0.6s; }
.cArea01 ul li .txt { position:absolute; left:80px; bottom:90px; color:#fff; z-index:2; transition: all 0.6s; }
.cArea01 ul li .txt .p1 { min-height:75px; }
.cArea01 ul li .txt .p2 { font-size:36px; font-weight:bold; line-height:1.1; }
.cArea01 ul li .txt .p3 { font-size:16px; line-height:30px; max-width:380px; margin-top:20px; display:none; }
.cArea01 ul li .txt .p4 { margin-top:75px; display:none; }

.cArea01 ul li.on { width:43.75%; }
.cArea01 ul li.on .txt { bottom:30%; }
.cArea01 ul li.on .p3 { display:block; }
.cArea01 ul li.on .p4 { display:block; }

@media all and (max-width:1680px){
	.cArea01 ul li .txt { left:50px; }
	.cArea01 ul li .txt .p1 { min-height:75px; }
	.cArea01 ul li .txt .p2 { font-size:28px; }
	.cArea01 ul li .txt .p4 { margin-top:50px; }
}
@media all and (max-width:1480px){
	.cArea { padding-top:70px; }
	
	.cArea01 ul li .pic img { width:650px; }
}
@media all and (max-width:1200px){
	.cArea { padding-top:40px; }
 
	.cArea01 { margin-top:30px; }
	.cArea01 ul li { float:left; width:50%; }
	.cArea01 ul li .pic img { width:100%; }
	.cArea01 ul li .txt { position:absolute; left:10%; right:10%; top:50%; transform: translateY(-50%); text-align:center;	bottom:auto; }
	.cArea01 ul li .txt .p1 { min-height:45px; }
	.cArea01 ul li .txt .p1 img { height:30px; width:auto; }
	.cArea01 ul li .txt .p2 { font-size:18px; }
	.cArea01 ul li .txt .p3 { font-size:14px; line-height:25px; max-width:100%; margin-top:15px; display:none; }
	.cArea01 ul li .txt .p4 { margin-top:15px; display:none; }

	.cArea01 ul li.on { width:50%; }
	.cArea01 ul li.on .txt { bottom:auto; }
	.cArea01 ul li.on .p3 { display:none; }
	.cArea01 ul li.on .p4 { display:none; }

	.cArea .bd02 { display:block; }
}

.dArea { padding:75px 0 100px; }
.dArea .bd02 { text-align:center; margin-top:25px; display:none; }
.dArea01 { margin-top:40px; }

.dBox01 { float:left; width:66%; }
.dBox01 ul li { float:left; width:48.5%; margin-right:3%; background:#f8f8f8; }
.dBox01 ul li:last-child { margin-right:0; }
.dBox01 ul li a { display:block; padding:40px 25px 0 25px; min-height:555px; box-sizing: border-box; }
.dBox01 ul li .p1 { font-size:16px; color:#999; line-height:1.1; }
.dBox01 ul li .p2 { margin-top:20px; font-size:20px; color:#333; font-weight:bold; line-height:40px; height:80px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.dBox01 ul li .p3 { line-height:20px; font-size:16px; color:#999; margin-top:25px; }
.dBox01 ul li .p4 { margin-top:50px; border-radius:7px; overflow:hidden; }
.dBox01 ul li .p4 img { height:270px; transition: all 0.6s; }

.dBox01 ul li:hover .p2 { color:#e00024; }
.dBox01 ul li:hover .p4 img { transform: scale(1.1)!important; }

.dBox02 { float:right; width:32%; background:#f8f8f8; padding:40px 25px 0 25px; min-height:555px; box-sizing: border-box; }
.dBox02 .hd { font-size:16px; color:#999; line-height:1.1; }
.dBox02 .bd { margin-top:20px; }
.dBox02 .bd ul li { border-bottom:1px solid #e8e8e8; padding-bottom:25px; }
.dBox02 .bd ul li:nth-child(n + 2) { margin-top:30px; }
.dBox02 .bd ul li:last-child { border-bottom:none; padding-bottom:0; }
.dBox02 .bd ul li .p1 { line-height:35px; height:35px; font-size:20px; color:#333; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.dBox02 .bd ul li .p2 { line-height:20px; font-size:16px; color:#999; margin-top:15px; }

.dBox02 .bd ul li:hover .p1 { color:#e00024; }

@media all and (max-width:1480px){
	.dArea { padding:70px 0; }

	.dArea01 { margin-top:40px; }

	.dBox01 ul li a { padding:30px 20px 0 20px; min-height:450px; }
	.dBox01 ul li .p1 { font-size:16px; }
	.dBox01 ul li .p2 { margin-top:20px; font-size:18px; line-height:30px; height:60px; }
	.dBox01 ul li .p3 { font-size:14px; margin-top:20px; }
	.dBox01 ul li .p4 { margin-top:30px; }
	.dBox01 ul li .p4 img { height:220px; }
 
	.dBox02 { padding:30px 20px 0 20px; min-height:450px; }
	.dBox02 .hd { font-size:16px; }
	.dBox02 .bd { margin-top:20px; }
	.dBox02 .bd ul li { padding-bottom:20px; }
	.dBox02 .bd ul li:nth-child(n + 2) { margin-top:20px; }
	.dBox02 .bd ul li:last-child { border-bottom:none; padding-bottom:0; }
	.dBox02 .bd ul li .p1 { line-height:25px; height:25px; font-size:18px; }
	.dBox02 .bd ul li .p2 { line-height:20px; font-size:14px; margin-top:10px; }
}
@media all and (max-width:1200px){
	.dArea { padding:40px 0; }

	.dArea01 { margin-top:30px; }

	.dBox01 { float:none; width:100%; }
	.dBox01 ul li { float:none; width:100%; margin-right:0; }
	.dBox01 ul li:nth-child(n + 2) { margin-top:20px; }
	.dBox01 ul li a { padding:25px 4%; min-height:10px; }
	.dBox01 ul li .p1 { font-size:14px; }
	.dBox01 ul li .p2 { margin-top:15px; font-size:16px; line-height:25px; height:auto; max-height:50px; }
	.dBox01 ul li .p3 { line-height:20px; font-size:14px; margin-top:15px; }
	.dBox01 ul li .p4 { margin-top:20px; }
	.dBox01 ul li .p4 img { height:auto; }
 
	.dBox02 { float:none; width:100%; padding:25px 4%; min-height:10px; margin-top:20px; }
	.dBox02 .hd { font-size:14px; }
	.dBox02 .bd { margin-top:15px; }
	.dBox02 .bd ul li { padding-bottom:15px; }
	.dBox02 .bd ul li:nth-child(n + 2) { margin-top:15px; }
	.dBox02 .bd ul li:last-child { border-bottom:none; padding-bottom:0; }
	.dBox02 .bd ul li .p1 { line-height:25px; height:25px; font-size:16px; }
	.dBox02 .bd ul li .p2 { line-height:20px; font-size:14px; margin-top:10px; }
	
	.dArea .bd02 { display:block; }
}




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



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



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



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