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




.Area-hd { text-align:center; line-height:1.1; }
.Area-hd .p1 { font-size:30px; font-weight:bold; color:#09357e; }
.Area-hd .p1 i { color:#09357e; }
.Area-hd .p2 { color:#333; font-size:14px; margin-top:10px; text-transform:uppercase; }
 
@media all and (max-width:1280px){
	.Area-hd .p1 { font-size:24px;  }
	.Area-hd .p2 { font-size:12px; margin-top:10px; }
}
@media all and (max-width:750px){
	.Area-hd .p1 { font-size:20px;  }
	.Area-hd .p2 { font-size:12px; margin-top:5px; }
}
 
  
.aArea { padding-top:90px; }
.aArea .Area-hd .p1 { color:#323232; }

.aArea01 { margin-top:25px; }
.aArea01 .p1 { font-size:16px; color:#323232; line-height:2; text-align:center; max-width:1100px; margin:0 auto; }
.aArea01 .p2 { margin-top:70px; }
.aArea01 .p2 ul li { position:relative; float:left; width:10%; margin-right:1%; }
.aArea01 .p2 ul li:last-child { margin-right:0; }
.aArea01 .p2 ul li img { max-width:100%; height:auto; opacity:1; transition: all 0.8s; }
.aArea01 .p2 ul li .img02 { position:absolute; top:0; left:0; opacity:0; z-index:2; }

.aArea01 .p3 { margin-top:65px; text-align:center; }

.aArea01 .p2 ul li:hover .img01 { opacity:0; }
.aArea01 .p2 ul li:hover .img02 { opacity:1; }

.aArea01 .p2 ul li.on .img01 { opacity:0; }
.aArea01 .p2 ul li.on .img02 { opacity:1; }

@media all and (min-width:1280px){
	.aArea01 .p3 { position:relative; width:54px; height:54px; border-radius:100%; margin:65px auto 0; }
	.aArea01 .p3:before { position:absolute; display:block; content:""; top:-2px; left:-2px; width:54px; height:54px; border-radius:100%; border:2px dashed #09357e; overflow:hidden; z-index:-1; transition: all 0.6s; }
	.aArea01 .p3 a { display:block; margin:0 auto; width:54px; height:54px;  border-radius:100%; overflow:hidden; }
	.aArea01 .p3 a img { display:block; margin:-3px 0 0 -3px; width:60px; height:60px; }
	
	/*.aArea01 .p3:hover:before {  transform: rotate(360deg); }*/
	
	.aArea01 .p3:before {  animation: rotate 10s linear infinite; }
}
@keyframes rotate{
	from{-webkit-transform: rotate(0)}
    to{-webkit-transform: rotate(360deg)}
}
@media all and (max-width:1280px){
	.aArea { padding-top:60px; }
	.aArea01 { margin-top:25px; }
	.aArea01 .p1 { font-size:14px; line-height:2;  }
	.aArea01 .p2 { margin-top:50px; }
	 
	.aArea01 .p3 { margin-top:35px; }
}
@media all and (max-width:1000px){
	.aArea01 .p2 ul li { width:24%; margin-right:1.33%; text-align:center; }
	.aArea01 .p2 ul li:nth-child(4n) { margin-right:0; }
	.aArea01 .p2 ul li:nth-child(n + 5) { margin-top:15px; width:19.2%; margin-right:1%; }
	.aArea01 .p2 ul li:nth-child(8) { margin-right:1%; }
	.aArea01 .p2 ul li:nth-child(9) { margin-right:0; }
}
@media all and (max-width:750px){
	.aArea { padding-top:40px; }
	.aArea01 { margin-top:20px; }
	.aArea01 .p1 { font-size:14px; line-height:2;  }
	.aArea01 .p2 { margin-top:30px; }
	 
	.aArea01 .p3 { margin-top:25px; }
	.aArea01 .p3 img { width:35px; height:auto; }
}

.bArea { padding:70px 0 90px; }
.bArea01 { position:relative; margin-top:60px; }

.bArea01 .prev-b01,.bArea01 .next-b01 { position:absolute; top:40%; display:block; width:26px; height:50px; z-index:2; }
.bArea01 .prev-b01 { background:url(banner_prev.png) no-repeat center; left:3%; }
.bArea01 .next-b01 { background:url(banner_next.png) no-repeat center; right:3%; }
 
.swiper-container-b01 .swiper-slide { width:770px; margin:0 30px; }
.swiper-container-b01 .swiper-slide a { position:relative; display:block; padding-bottom:95px; }
.swiper-container-b01 .swiper-slide .pic01 { position:absolute; left:0; right:0; bottom:0; z-index:2; display:none; }
.swiper-container-b01 .swiper-slide .txt { position:absolute; left:20px; right:30px; bottom:25px; padding-right:60px; color:#fff; z-index:3; display:none; }
.swiper-container-b01 .swiper-slide .txt .p1 { font-size:18px; line-height:20px; font-weight:bold; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.swiper-container-b01 .swiper-slide .txt .p2 { font-size:14px; line-height:20px; margin-top:10px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.swiper-container-b01 .swiper-slide .txt .p3 { position:absolute; top:10px; right:0; width:32px; height:30px; background:url(b02.png) no-repeat center; z-index:5; }
 
.swiper-container-b01 .swiper-slide-active .pic01 { display:block; }
.swiper-container-b01 .swiper-slide-active .txt {  display:block; }

.bArea02 { position:relative; margin-top:80px; }
.bArea02:before { position:absolute; display:block; content:""; height:1px; background:#ccc; left:0; right:0; bottom:10px; z-index:-1; }
.bArea02 .swiper-slide p { text-align:center; font-size:14px; line-height:20px; height:40px;  padding-bottom:22px; cursor:pointer; }
.bArea02 .swiper-slide-thumb-active p { background:url(b03.jpg) no-repeat center bottom; }
 

@media all and (max-width:1680px){
	.swiper-container-b01 .swiper-slide { width:700px; margin:0 30px; } 
}
@media all and (max-width:1280px){
	.bArea { padding:60px 0; }
	.bArea01 { margin-top:40px; }

	.swiper-container-b01 .swiper-slide { width:55%; margin:0 2%; } 
	.swiper-container-b01 .swiper-slide a { padding-bottom:60px; }
	.swiper-container-b01 .swiper-slide .txt { left:20px; right:20px; bottom:20px; }
	.swiper-container-b01 .swiper-slide .txt .p1 { font-size:16px; }
	.swiper-container-b01 .swiper-slide .txt .p2 { font-size:14px; }
	
	.bArea02 { margin-top:50px; }
}
@media all and (max-width:750px){
	.bArea { padding:30px 0; }
	.bArea01 { margin-top:20px; }
	
	.bArea01 .prev-b01,.bArea01 .next-b01 { width:15px; height:30px; background-size:contain; }
	.bArea01 .prev-b01 { left:12%; }
	.bArea01 .next-b01 { right:12%; }

	.swiper-container-b01 .swiper-slide { width:80%; margin:0 2%; } 
	.swiper-container-b01 .swiper-slide a { padding-bottom:25px; }
	.swiper-container-b01 .swiper-slide .txt { left:10px; right:10px; bottom:20px; padding-right:0; }
	.swiper-container-b01 .swiper-slide .txt .p1 { font-size:14px; }
	.swiper-container-b01 .swiper-slide .txt .p2 { font-size:12px; margin-top:0; }
	.swiper-container-b01 .swiper-slide .txt .p3 { display:none; }
	
	.bArea02 { margin-top:20px; }
	.bArea02 .swiper-slide p { font-size:12px; }
}

.cArea { position:relative; }


.swiper-container-d02 .swiper-slide { position:relative; } 
.swiper-container-d02 .swiper-slide .pic .img02 { display:none; }
.swiper-container-d02 .swiper-slide .txt { position:absolute; top:20%; left:50%; margin-left:-800px; max-width:680px; color:#fff; z-index:5; } 
.swiper-container-d02 .swiper-slide .txt .p1 { font-size:30px; font-weight:bold; }
.swiper-container-d02 .swiper-slide .txt .p2 { font-size:14px; text-transform:uppercase; }
.swiper-container-d02 .swiper-slide .txt .p3 { font-size:14px; line-height:24px; margin-top:40px; }

.cArea01 { position:absolute; left:0; bottom:0; width:950px; color:#fff; z-index:5; }

.swiper-container-d01 .swiper-slide { background:rgba(0,0,0,0.1); cursor:pointer; } 
.swiper-container-d01 .swiper-slide .txt { position:relative; padding:85px 0; text-align:center; }
.swiper-container-d01 .swiper-slide .txt .p1 { font-size:18px; line-height:20px; }
.swiper-container-d01 .swiper-slide .txt .p2 { font-size:14px; line-height:20px; margin-top:10px; }
.swiper-container-d01 .swiper-slide .txt .p3 { position:absolute; left:0; top:400px; right:0; bottom:0; z-index:-1; background: linear-gradient(rgba(0,0,0,0),#0f358e); transition: all 0.6s; }

.swiper-container-d01 .swiper-slide-thumb-active .txt .p3 { top:0; }


/*
.swiper-container-d01 .swiper-slide-thumb-active { background: linear-gradient(rgba(0,0,0,0),#0f358e); }
*/
 

.next-d01 { position:absolute; bottom:9%; right:50%; margin-right:-800px; width:55px; height:55px; background:url(d02.png) no-repeat center #0f358e; border-radius:100%; cursor:pointer; z-index:6; }

@media all and (max-width:1680px){
	.swiper-container-d02 .swiper-slide .txt { top:15%; margin-left:-600px; max-width:680px;  } 
	.swiper-container-d02 .swiper-slide .txt .p1 { font-size:24px; }
	.swiper-container-d02 .swiper-slide .txt .p2 { font-size:14px; }
	.swiper-container-d02 .swiper-slide .txt .p3 { font-size:14px; line-height:24px; margin-top:25px; }


	.next-d01 { bottom:9%; margin-right:-600px; width:40px; height:40px; }
}
@media all and (max-width:1280px){
	.swiper-container-d02 .swiper-slide .txt { top:15%; left:4%; margin-left:0; max-width:680px;  } 
	 
	.swiper-container-d01 .swiper-slide .txt { padding:50px 0; }
	.swiper-container-d01 .swiper-slide .txt .p1 { font-size:16px; }
	
	.next-d01 { display:none; }
}
@media all and (max-width:950px){
	.swiper-container-d02 .swiper-slide .pic .img01 { display:none; }
	.swiper-container-d02 .swiper-slide .pic .img02 { display:block; }
	
	.swiper-container-d02 .swiper-slide .txt { top:10%; left:4%; right:4%; margin-left:0; max-width:92%;  } 
	.swiper-container-d02 .swiper-slide .txt .p1 { font-size:18px; }
	.swiper-container-d02 .swiper-slide .txt .p2 { font-size:12px; }
	.swiper-container-d02 .swiper-slide .txt .p3 { font-size:12px; line-height:1.6; margin-top:25px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:6; }
	
	.swiper-container-d01 .swiper-slide .txt { padding:50px 0; }
	.swiper-container-d01 .swiper-slide .txt .p1 { font-size:16px; }
	
	.cArea01 { width:100%; }
 
	.swiper-container-d01 .swiper-slide .txt { padding:20px 0; }
	.swiper-container-d01 .swiper-slide .txt .p1 { font-size:14px; }
	.swiper-container-d01 .swiper-slide .txt .p2 { font-size:12px; margin-top:5px; display:none; }
	.swiper-container-d01 .swiper-slide-thumb-active { background:#0f358e; }

}

.dArea { padding:90px 0 100px; }
.dArea01 { border:1px solid #dcdcdc; border-bottom:none; margin-top:65px; }
.dArea01 ul li { position:relative; float:left; width:32%; cursor:pointer; transition: all 0.6s; }
.dArea01 ul li .bg { position:absolute; left:0; top:0; right:0; bottom:0; z-index:0; opacity:1; transition: all 0.6s; }
.dArea01 ul li a { position:relative; display:block; border-right:1px solid #dcdcdc; padding:50px; }
.dArea01 ul li:last-child a { border-right:none; }
.dArea01 ul li .p1 img { height:104px; width:auto; }
.dArea01 ul li .p2 { font-size:24px; color:#09357e; margin-top:30px; font-weight:bold; }
.dArea01 ul li .p3 { font-size:14px; color:#848484; margin-top:10px; font-family:"Arial"; text-transform:uppercase; }
.dArea01 ul li .p4 { margin-top:45px; height:60px; }
.dArea01 ul li .p4 .p41 { display:none; }
.dArea01 ul li .p4 .p41 .p411 { font-size:16px; color:#333; line-height:30px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.dArea01 ul li .p5 { position:absolute; top:50px; right:50px; z-index:2; display:none; }
.dArea01 ul li .p5 img { height:110px; width:auto; }

@media all and (min-width:1000px){
	.dArea01 ul li.on { width:36%; }
	.dArea01 ul li.on .bg { opacity:0; }
	.dArea01 ul li.on .p2 { color:#09357e; }
	.dArea01 ul li.on .p4 .p41 { display:block; }
	.dArea01 ul li.on .p5 { display:block; }
}
 
.dArea02 { border:1px solid #dcdcdc; padding:0 3%; }
.dArea02 .Area-hd { float:left; text-align:left; padding:90px 0; }

.dArea021 { float:right; width:60%; }
.dArea021 ul li { float:left; width:48%; margin-right:4%; border-bottom:1px solid #dcdcdc; }
.dArea021 ul li:nth-child(2n) { margin-right:0; }
.dArea021 ul li:nth-child(3),.dArea021 ul li:nth-child(4) { border-bottom:none; }
.dArea021 ul li a { display:block; padding:60px 0; }
.dArea021 ul li .p1 { font-size:18px; line-height:20px; color:#333; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.dArea021 ul li .p2 { font-size:16px; line-height:20px; color:#333; margin-top:15px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.dArea021 ul li .p3 { font-size:14px; color:#848484; margin-top:15px; font-family:"Arial"; }

.dArea021 ul li:hover .p1 { font-weight:bold; }

.dArea022 { display:none; }

@media all and (max-width:1680px){
	 .dArea { padding:60px 0; }
	 
	.dArea01 { margin-top:40px; }
	.dArea01 ul li a { padding:30px; }
	.dArea01 ul li .p1 img { height:90px; width:auto; }
	.dArea01 ul li .p2 { font-size:20px; margin-top:20px; }
	.dArea01 ul li .p3 { font-size:14px; margin-top:10px; }
	.dArea01 ul li .p4 { margin-top:25px; height:50px; }
	.dArea01 ul li .p4 .p41 .p411 { font-size:14px; line-height:25px; }
	.dArea01 ul li .p5 { top:30px; right:30px; }
	.dArea01 ul li .p5 img { height:90px; width:auto; }

	.dArea021 { float:right; width:70%; }
}
@media all and (max-width:1280px){
	.dArea02 { padding:40px 2% 0; }
	.dArea02 .Area-hd { float:none; text-align:center; padding:0 0 20px 0; }

	.dArea021 { float:none; width:100%; }
	.dArea021 ul li a { padding:40px 0; }
	.dArea021 ul li .p1 { font-size:16px;  }
	.dArea021 ul li .p2 { font-size:14px; margin-top:10px; }
	.dArea021 ul li .p3 { font-size:12px; margin-top:10px; }
}
@media all and (max-width:1000px){
	.dArea01 { margin-top:30px; }
	.dArea01 ul li { float:none; width:100%; border-bottom:1px solid #dcdcdc; }
	.dArea01 ul li:last-child { border-bottom:none; }
	.dArea01 ul li a { padding:20px; border-right:none; }
	.dArea01 ul li .p1 img { height:60px; }
	.dArea01 ul li .p2 { font-size:18px; margin-top:15px; }
	.dArea01 ul li .p3 { font-size:12px; margin-top:10px; }
	.dArea01 ul li .p4 { margin-top:15px; height:auto; }
	.dArea01 ul li .p4 .p41 { display:block; }
	.dArea01 ul li .p4 .p41 .p411 { font-size:12px; line-height:1.6; -webkit-line-clamp:20; }
	.dArea01 ul li .p5 { top:20px; right:20px; }
	.dArea01 ul li .p5 img { height:60px; width:auto; }
 
}
@media all and (max-width:750px){
	.dArea { padding:30px 0; }
	.dArea01 ul li .bg {  background-size:contain!important; } 
	
	.dArea02 { padding:30px 2% 0; }
	.dArea021 ul li { float:none; width:100%; margin-right:0; border-bottom:1px solid #dcdcdc; }
	.dArea021 ul li:nth-child(3),.dArea021 ul li:nth-child(4) {  border-bottom:1px solid #dcdcdc; }
	.dArea021 ul li:last-child {  border-bottom:none; }
	.dArea021 ul li a { padding:20px 0; }
	
	.dArea022 { display:block; }
}