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

.aArea { padding:80px 0; /*background:url(aArea.jpg) no-repeat center;*/ background-size:cover; }
.aArea01 { position:relative; float:left; width:50%; background:#f2f5f8; }
.aArea01 .pic { width:40%; cursor:pointer; }
.aArea01 .txt { position:absolute; top:50%; transform: translateY(-50%); width:50%; right:5%; z-index:2; }
.aArea01 .txt .p1 { font-size:24px; line-height:1.1;font-weight: bold;}
.aArea01 .txt .p2 { font-size:14px; line-height:1.5; margin-top:20px; color:#555; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:4; }
.aArea01 .txt .p3 { margin-top:15px; text-align:right; }
.aArea01 .txt .p3 a { position:relative; display:inline-block; font-size:16px; color:#888888; }
.aArea01 .txt .p3 a:before { position:absolute; display:block; content:""; width:40px; height:1px; top:50%; left:-50px; background:#888888; z-index:2; }

.aArea02 { float:left; width:50%; }
.aArea02 ul li { position:relative; float:left; width:50%; }
.aArea02 ul li .pic { overflow:hidden; }
.aArea02 ul li .pic img { transition: all 0.6s; }
.aArea02 ul li .txt { position:absolute; left:10%; right:10%; bottom:10%; z-index:2; }
.aArea02 ul li .txt .p2 { font-size:20px; margin-top:15px; color:#fff; background:url(a02.png) no-repeat center right;font-weight: bold;}
.aArea02 ul li:hover .pic img { transform: scale(1.1)!important; }

@media all and (max-width:1680px){
	.aArea01 .txt .p1 { font-size:22px; }
	.aArea01 .txt .p2 { font-size:14px; line-height:1.5; margin-top:20px; -webkit-line-clamp:3; }
	.aArea01 .txt .p3 { margin-top:15px; text-align:right; }
	.aArea01 .txt .p3 a { font-size:16px; }
}
@media all and (max-width:1280px){
	.aArea { padding:60px 0; } 
}
@media all and (max-width:1100px){
	.aArea01 { float:none; width:100%; }
	.aArea02 { float:none; width:100%; margin-top:20px; }
}
@media all and (max-width:750px){
	.aArea { padding:30px 0; }
	.aArea01 .pic { width:100%; cursor:pointer; }
	.aArea01 .txt { position:relative; top:auto; transform: translateY(0); width:100%; right:auto; padding:25px 4%; box-sizing: border-box; }
	.aArea01 .txt .p2 { -webkit-line-clamp:4; }
	
	.aArea02 ul li { float:none; width:100%; }
	.aArea02 ul li .txt .p2 { font-size:18px; }
}
 
.spBox { position:fixed; top:0; right:0; left:0; bottom:0; background:rgba(0,0,0,0.6); z-index:9; display:none; }
.spBox.on { display:block; }
.spBox .spBox01 { position:absolute; top:50%; left:50%; width:46%; padding:20px; box-sizing: border-box; background:#000; transform: translate(-50%,-50%); z-index:5; }
.spBox .spBox01 video { width:100%; height:auto!important; }
.spBox .spBox01 .sp-close { position:absolute; right:-50px; top:-30px; color:#fff; font-size:30px; cursor:pointer; }

@media all and (max-width:750px){
	.spBox .spBox01 { position:absolute; top:50%; width:92%; padding:10px; z-index:5; }
	.spBox .spBox01 .sp-close { position:absolute; right:0; top:-60px; color:#fff; font-size:30px; cursor:pointer; }
} 
 
.bArea { padding:70px 0; }
.bArea01 { position:relative; float:left; width:48.75%; }
.bArea01 .swiper-container-b01 { padding-bottom:10px; }
.bArea01 .swiper-slide .txt { position:relative; margin:-40px 5% 0 5%; background:#fff; padding:25px 35px; box-shadow: #eee 0px 5px 10px; z-index:2;border-radius: 10px;}
.bArea01 .swiper-slide .txt .p1 { font-size:20px; line-height:25px; color:#333333; font-weight:bold; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.bArea01 .swiper-slide .txt .p2 { font-size:16px; line-height:1.4; color:#999; margin-top:15px; padding-top:15px; border-top:1px solid #dcdcdc; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.bArea01 .swiper-slide .txt .p3 { font-size:16px; color:#999999; margin-top:20px; text-decoration: underline;}

.bArea01 .swiper-pagination-b01 { position:absolute; right:calc(5% + 35px); bottom:35px; font-size:0; z-index:2; }
.bArea01 .swiper-pagination-b01 .swiper-pagination-bullet { width:10px; height:10px; background:#999; margin:0 5px; border-radius:30px; opacity:1; }
.bArea01 .swiper-pagination-b01 .swiper-pagination-bullet-active { background:#7FA2DA; }

.bArea02 { float:right; width:48.75%; }
.bBox01 .hd ul { position:relative; font-size:0; border-bottom:1px solid #dcdcdc; }
.bBox01 .hd ul li { float:left; margin-right:30px; }
.bBox01 .hd ul li:last-child { margin-right:0; }
.bBox01 .hd ul li i { position:relative; display:inline-block; font-size:24px; line-height:25px; color:#000; padding-bottom:18px; cursor:pointer; }
.bBox01 .hd ul li i:before { position:absolute; display:none; content:""; width:100%; left:0; bottom:-2px; height:3px; background:#134695; z-index:2; }
.bBox01 .hd ul li a { position:absolute; right:0; top:0; font-size:16px; color:#999; z-index:2; line-height:25px; display:none; }
.bBox01 .hd ul li a:hover { color:#134695; }

.bBox01 .hd ul li.on i { color:#134695; font-weight:bold; }
.bBox01 .hd ul li.on i:before { display:block; }
.bBox01 .hd ul li.on a { display:block; }

.bBox01 .bd { margin-top:20px; }


.bBox01 .bd .txt { margin-bottom:20px; background:#f2f5f8;border-radius: 10px;}
.bBox01 .bd .txt:hover { background:#E8ECF0;}
.bBox01 .bd .txt .date { float:left; width:100px; height:110px; background:#7FA2DA; color:#fff; text-align:center; line-height:1;border-radius: 10px;}
.bBox01 .bd .txt .date:hover {background:#3667B2;}
.bBox01 .bd .txt .date p { font-size:36px; font-weight:bold; padding-top:25px; }
.bBox01 .bd .txt .date span { display:block; font-size:16px; margin-top:5px; }
.bBox01 .bd .txt .txt01 { float:right; margin-right:20px; width:calc(100% - 140px); padding-top:18px; }
.bBox01 .bd .txt .txt01 .p1 { font-size:16px; color:#333; font-weight:bold; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.bBox01 .bd .txt .txt01 .p1:hover { color:#FF4222;text-decoration:underline;}
.bBox01 .bd .txt .txt01 .p2 { font-size:14px; color:#999; line-height:1.6; margin-top:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }

.bBox01 .bd ul li { padding-left:15px; background:url(a01.jpg) no-repeat center left; line-height:35px; font-size:16px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.bBox01 .bd ul li span { float:right; color:#999; margin-left:30px; }

.bBox02 { margin-top:20px; }
.bBox02 .hd { border-bottom:1px solid #dcdcdc; margin-bottom:15px; padding-bottom:15px; }
.bBox02 .hd p { font-size:24px; font-weight:bold; line-height:1.1; }
.bBox02 .hd a { float:right; font-size:16px; color:#999; }
.bBox02 .hd a:hover { color:#134695; }
.bBox02 .bd ul li { float:left; width:47.5%; margin-right:5%; }
.bBox02 .bd ul li:last-child { margin-right:0; }

@media all and (max-width:1680px){
	.bBox01 .hd ul li { margin-right:20px; }
	.bBox01 .hd ul li i { font-size:18px; line-height:20px; padding-bottom:10px; }
	.bBox01 .hd ul li a { font-size:14px; line-height:20px; }
 
	.bBox01 .bd { margin-top:20px; }
 
	.bBox01 .bd .txt { margin-bottom:20px; background:#f2f5f8; }
	.bBox01 .bd .txt .date { width:80px; height:80px; }
	.bBox01 .bd .txt .date p { font-size:28px; padding-top:15px; }
	.bBox01 .bd .txt .date span { font-size:14px; margin-top:5px; }
	.bBox01 .bd .txt .txt01 { margin-right:20px; width:calc(100% - 110px); padding-top:10px; }
	.bBox01 .bd .txt .txt01 .p1 { font-size:16px; }
	.bBox01 .bd .txt .txt01 .p2 { font-size:14px; line-height:1.5; margin-top:5px; }

	.bBox01 .bd ul li { line-height:25px; font-size:14px; }
 
	.bBox02 { margin-top:20px; }
	.bBox02 .hd { border-bottom:1px solid #dcdcdc; margin-bottom:15px; padding-bottom:15px; }
	.bBox02 .hd p { font-size:24px; font-weight:bold; line-height:1.1; }
	.bBox02 .hd a { float:right; font-size:16px; color:#999; }
	.bBox02 .hd a:hover { color:#134695; }
	.bBox02 .bd ul li { float:left; width:47.5%; margin-right:5%; }
	.bBox02 .bd ul li:last-child { margin-right:0; }
}
@media all and (max-width:1280px){
	.bBox01 .hd ul li { margin-right:10px; }
	.bBox01 .hd ul li i { font-size:16px; }
	.bBox01 .hd ul li a { font-size:14px;  }
}
@media all and (max-width:900px){
	.bArea01 { float:none; width:100%; }
	.bArea01 .swiper-container-b01 { padding:0; }
	.bArea01 .swiper-slide .txt { margin:0; padding:20px 4%; border:1px solid #eee; box-shadow:none; }
	.bArea01 .swiper-slide .txt .p1 { font-size:18px; line-height:20px; }
	.bArea01 .swiper-slide .txt .p2 { font-size:14px; line-height:1.4; margin-top:10px; padding-top:10px; }
	.bArea01 .swiper-slide .txt .p3 { font-size:14px; margin-top:15px; }

	.bArea01 .swiper-pagination-b01 { position:relative; right:auto; bottom:auto; width:100%; margin-top:20px; text-align:center; }
 
	
	.bArea02 { float:none; width:100%; margin-top:30px; }
}
@media all and (max-width:750px){
	.bArea { padding:30px 0; }
	
	.bBox02 .hd p { font-size:18px; }
	.bBox02 .hd a { font-size:14px; }
	
	.bBox01 .bb04 { display:none; }
	.bBox01 .bb05 { display:none; }
}



.cArea { padding:70px 0 60px; background:#f2f5f8; }
.cArea .hd { font-size:32px; font-weight:bold; line-height:1.1; }
.cArea01 { position:relative; margin-top:25px; }
.cArea01 .prev-c01,.cArea01 .next-c01 { position:absolute; top:-60px; display:block; width:40px; height:40px; cursor:pointer; z-index:2; }
.cArea01 .prev-c01 { background:url(c01.png) no-repeat center; right:50px; }
.cArea01 .next-c01 { background:url(c01.png) no-repeat center; right:0; transform: rotateY(180deg); }
.cArea01 .prev-c01:hover { background:url(d02.png) no-repeat center; transform: rotateY(180deg); }
.cArea01 .next-c01:hover { background:url(d02.png) no-repeat center; transform: rotateY(0); }

.cArea01 .swiper-slide .txt { font-size:16px; text-align:center; line-height:20px; margin-top:15px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.cArea01 .swiper-slide .pic { overflow:hidden; border-radius: 10px;}
.cArea01 .swiper-slide .pic img { transition: all 0.6s; }

.cArea01 .swiper-slide:hover .pic img { transform: scale(1.1)!important; }

@media all and (max-width:1280px){
	.cArea { padding:60px 0; }
	.cArea .hd { font-size:28px; }
}
@media all and (max-width:900px){
	.gallery-top01 .swiper-slide .txt { left:10%; top:50%; bottom:auto; padding:20px; transform: translateY(-50%); text-align:center; }
	
	.dBox01 { position:relative; left:auto; right:auto; bottom:auto; margin-top:10px; z-index:2; }
}
@media all and (max-width:750px){
	.cArea { padding:30px 0; }
	.cArea .hd { font-size:24px; text-align:center; }
	.cArea01 { margin-top:20px; }
	
	.cArea01 .prev-c01,.cArea01 .next-c01 { top:50%; margin-top:-15px; width:30px; height:30px; background-size:contain!important; }
	.cArea01 .prev-c01 { background:url(d01.png) no-repeat center; left:10px; right:auto; }
	.cArea01 .next-c01 { background:url(d01.png) no-repeat center; right:10px; }
	
	.cArea01 .swiper-slide .txt { font-size:16px; margin-top:10px; }
}
 
.dArea { padding:70px 0; }
.dArea .hd { text-align:center; font-size:32px; font-weight:bold; line-height:1.1; }
.dArea01 { position:relative; margin-top:40px; }
.dArea01 .prev-d01,.dArea01 .next-d01 { position:absolute; top:50%; margin-top:-20px; display:block; width:40px; height:40px; cursor:pointer; z-index:2; }
.dArea01 .prev-d01 { background:url(d01.png) no-repeat center; left:1.5%; }
.dArea01 .next-d01 { background:url(d01.png) no-repeat center; right:1.5%; transform: rotateY(180deg); }
.dArea01 .prev-d01:hover { background:url(d02.png) no-repeat center; transform: rotateY(180deg); }
.dArea01 .next-d01:hover { background:url(d02.png) no-repeat center; transform: rotateY(0); }
 
.dBox01 { position:absolute; left:10%; right:10%; bottom:30px; z-index:2; }
.dBox01 .swiper-slide { background:rgba(50,50,60,0.9); cursor:pointer; }
.dBox01 .swiper-slide .txt { text-align:center; line-height:50px; font-size:18px; color:#fff; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.dBox01 .swiper-slide-thumb-active { background:rgba(0,160,230,0.9); }
 
.gallery-top01 .swiper-slide { position:relative; }
.gallery-top01 .swiper-slide .pic .img02 { display:none; }
.gallery-top01 .swiper-slide .txt { position:absolute; right:10%; bottom:110px; width:360px; padding:30px; color:#fff; background:rgba(50,50,60,0.7); text-align:right; box-sizing: border-box; z-index:2; }
.gallery-top01 .swiper-slide .txt .p1 { font-size:24px; font-weight:bold; }
.gallery-top01 .swiper-slide .txt .p2 { font-size:14px; line-height:1.7; margin-top:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:3; text-align:justify; }
.gallery-top01 .swiper-slide .txt .p3 { margin-top:15px; }
.gallery-top01 .swiper-slide .txt .p3 a { display:inline-block; width:120px; height:35px; line-height:35px; text-align:center; font-size:14px; color:#fff; border:1px solid #fff; }
.gallery-top01 .swiper-slide .txt .p3 a:hover { background:rgba(0,160,230,0.9); border-color:rgba(0,160,230,0.9); }

@media all and (max-width:1280px){
	.dArea { padding:60px 0; }
	.dArea .hd { font-size:28px; }
	.dArea01 { margin-top:30px; }

	 .dBox01 .swiper-slide .txt {  line-height:45px; font-size:16px; }
	 
	 .gallery-top01 .swiper-slide .txt { bottom:100px; }
}
@media all and (max-width:1000px){
	.gallery-top01 .swiper-slide .txt { left:40%; width:auto; padding:20px; }
	.gallery-top01 .swiper-slide .txt .p1 { font-size:18px; }
}
@media all and (max-width:900px){
	.gallery-top01 .swiper-slide .txt { left:10%; top:50%; bottom:auto; padding:20px; transform: translateY(-50%); text-align:center; }
	
	.dBox01 { position:relative; left:auto; right:auto; bottom:auto; margin-top:10px; z-index:2; }
}
@media all and (max-width:750px){
	.dArea { padding:30px 0; }
	.dArea .hd { font-size:24px; }
	.dArea01 { margin-top:20px; }
	
	.dArea01 .prev-d01,.dArea01 .next-d01 { margin-top:-15px; width:30px; height:30px; background-size:contain!important; }
	.dArea01 .prev-d01 { left:10px; }
	.dArea01 .next-d01 { right:10px; }
	
	.dBox01 .swiper-slide .txt { line-height:40px; font-size:14px; }

	.gallery-top01 .swiper-slide .pic .img01 { display:none; }
	.gallery-top01 .swiper-slide .pic .img02 { display:block; }
	.gallery-top01 .swiper-slide .txt { left:50px; right:50px; padding:20px 15px; }
	.gallery-top01 .swiper-slide .txt .p2 { font-size:12px; line-height:1.6; }
	.gallery-top01 .swiper-slide .txt .p3 a { width:90px; height:30px; line-height:30px; font-size:12px; }

}
 
.eArea ul li { position:relative; float:left; width:50%; }
.eArea ul li:nth-child(n + 3) { width:33.33%; }
.eArea ul li .pic { overflow:hidden; }
.eArea ul li .pic img { transition: all 0.6s; }
.eArea ul li .txt { position:absolute; top:50%; left:0; right:0; color:#fff; text-align:center; transform: translateY(-50%); z-index:2; }
.eArea ul li .txt .p1 { font-size:30px; line-height:1.6; }
.eArea ul li .txt .p2 { font-size:30px; line-height:1.6; }
.eArea ul li .txt .p3 { font-size:18px; line-height:28px; margin-top:50px; }
.eArea ul li .txt .p3 i { display:inline-block; padding-right:50px; background:url(e01.png) no-repeat center right; background-size:contain; }

.eArea ul li:hover .pic img { transform: scale(1.1)!important; }

@media all and (max-width:1680px){
	.eArea ul li .txt .p1 { font-size:24px; }
	.eArea ul li .txt .p2 { font-size:24px; }
	.eArea ul li .txt .p3 { font-size:16px; line-height:25px; margin-top:30px; }
}
@media all and (max-width:1280px){
	.eArea ul li .txt .p1 { font-size:18px; }
	.eArea ul li .txt .p2 { font-size:18px; }
	.eArea ul li .txt .p3 { font-size:14px; line-height:25px; margin-top:20px; }
}
@media all and (max-width:750px){
	.eArea ul li { width:100%; }
	.eArea ul li:nth-child(n + 3) { width:100%; }
	.eArea ul li .txt .p1 { font-size:16px; }
	.eArea ul li .txt .p2 { font-size:16px; }
}