@charset "utf-8";

.banner { position:relative; width:100%; height:100%; overflow:hidden; font-size:0; }
.banner .swiper-slide { position:relative; width:100%; height:100%; overflow:hidden; }
.banner .swiper-slide .img01 { display:block; }
.banner .swiper-slide .img02 { display:none; }
 
.banner .btn { position:absolute; font-size:0; bottom:80px; left:0; width:100%; z-index:9;  }
.banner .swiper-pagination-1 { position:relative; bottom:0!important; text-align:left; }
.banner .swiper-pagination-1 .swiper-pagination-bullet { width:20px; height:20px; line-height:20px; margin:0 55px 0 0!important;  border-radius:0; background:none; color:#fff; font-size:18px; font-weight:bold; opacity:1; }
.banner .swiper-pagination-1 .swiper-pagination-bullet-active { color:#f39700; }

.banner .swiper-slide a { position:relative; display:block; }
.banner .swiper-slide .txt { position:absolute; top:50%; left:0; width:100%; color:#fff; transform: translateY(-50%); z-index:5; }
.banner .swiper-slide .txt .p1 { font-size:60px; font-weight:bold; line-height:1.45; }
.banner .swiper-slide .txt .p2 { font-size:60px; font-weight:bold; line-height:1.45; }
.banner .swiper-slide .txt .p3 { font-size:20px; margin-top:30px; }
.banner .swiper-slide .txt .p4 { position:relative; width:50px; height:50px; background:url(m01.png) no-repeat center #f7931d; border-radius:100%; margin-top:100px; }
.banner .swiper-slide .txt .p4:before { position: absolute; left:50%; top:50%; content:""; width:60px; height:60px; transform: translate(-50%,-50%); border-radius:100%; border:1px dashed #f7931d; animation: circle_around 5s infinite linear; }

.banner .swiper-slide .txt .p1 { visibility:hidden; opacity:0; transition:all 0.5s linear; transition-delay:0.6s; position:relative; top:30px; }
.banner .swiper-slide .txt .p2 { visibility:hidden; opacity:0; transition:all 0.5s linear; transition-delay:1.2s; position:relative; top:30px; }
.banner .swiper-slide .txt .p3 { visibility:hidden; opacity:0; transition:all 0.5s linear; transition-delay:1.8s; position:relative; top:30px; }
.banner .swiper-slide .txt .p4 { visibility:hidden; opacity:0; transition:all 0.5s linear; transition-delay:2.4s; position:relative; top:30px; }

.banner .swiper-slide.swiper-slide-active .txt .p1 { opacity:1; visibility:visible; top:0; }
.banner .swiper-slide.swiper-slide-active .txt .p2 { opacity:1; visibility:visible; top:0; }
.banner .swiper-slide.swiper-slide-active .txt .p3 { opacity:1; visibility:visible; top:0; }
.banner .swiper-slide.swiper-slide-active .txt .p4 { opacity:1; visibility:visible; top:0; }

@keyframes circle_around{
	0%{transform: translate(-50%,-50%) rotate(0)}
	100%{transform: translate(-50%,-50%) rotate(360deg)}
}

.banner-video { position:relative; width:100%; font-size:0; }
.banner-video .img02 { display:none; }

@media all and (max-width:1780px){
	.banner .swiper-slide .txt .p1 { font-size:40px; }
	.banner .swiper-slide .txt .p2 { font-size:40px; }
	.banner .swiper-slide .txt .p3 { font-size:16px; margin-top:30px; }
	.banner .swiper-slide .txt .p4 { margin-top:50px; }
	
	.banner .btn { bottom:60px; }
}
@media all and (max-width:1280px){
	.banner .swiper-slide .txt .p1 { font-size:30px; }
	.banner .swiper-slide .txt .p2 { font-size:30px; }
	.banner .swiper-slide .txt .p3 { font-size:16px; margin-top:30px; }
	.banner .swiper-slide .txt .p4 { width:40px; height:40px; margin-top:30px; }
	.banner .swiper-slide .txt .p4:before { width:50px; height:50px; }
	
	.banner .btn { bottom:30px; }
}
@media all and (max-width:750px){
	.banner .swiper-slide .img01 { display:none; }
	.banner .swiper-slide .img02 { display:block; }
	.banner .swiper-slide .banvideo { display:none; }
	
	.banner .swiper-slide .txt .p1 { font-size:20px; }
	.banner .swiper-slide .txt .p2 { font-size:20px; }
	.banner .swiper-slide .txt .p3 { font-size:14px; margin-top:15px; }
	.banner .swiper-slide .txt .p4 { width:30px; height:30px; margin-top:30px; }
	.banner .swiper-slide .txt .p4:before { width:40px; height:40px; }
	
	.banner .btn { bottom:20px; } 
	.banner .swiper-pagination-1 .swiper-pagination-bullet { margin:0 25px 0 0!important; font-size:14px;  }
 
	.banner-video .banvideo { display:none; }
	.banner-video .banvideo video { display:none; }
	.banner-video .img02 { display:block; }
}

.dotArea ul li { position:absolute; z-index:2; cursor:pointer; }
.dotArea ul li .p1 { width:50px; height:50px; }
.dotArea ul li .p2 { position:absolute; top:0; left:50px; padding:15px 25px; width:415px; background:rgba(247,147,29,0.65); border-radius:10px; opacity:0; visibility:hidden; box-sizing: border-box; z-index:2; transition: all .3s ease-out 0s; }
.dotArea ul li .p2 dl dt { background-size:26px 26px; background-repeat:no-repeat; background-position:center left; border-bottom:1px solid rgba(255,255,255,0.2); }
.dotArea ul li .p2 dl dt a { display:block; line-height:64px; height:64px; font-size:18px; color:#fff; padding:0 35px; background:url(dot01.png) no-repeat center right; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.dotArea ul li .p2 dl dt:hover a { font-weight:bold; }
 
.dotArea ul li:hover { z-index:99; }
.dotArea ul li:hover .p2 { opacity:1; visibility:visible; }
 
.dotArea ul li.li01 { left:34.6%; top:20.2%; }
.dotArea ul li.li02 { left:65.5%; top:12%; }
.dotArea ul li.li03 { left:80%; top:11%; }
.dotArea ul li.li04 { left:55%; top:35%; }
.dotArea ul li.li05 { left:74.4%; top:41.6%; }
.dotArea ul li.li06 { left:67.3%; top:58.5%; }

.dotArea ul li.li02 .p2 { top:50px; left:0; }
.dotArea ul li.li03 .p2 { top:50px; left:auto; right:0; }
.dotArea ul li.li05 .p2 { top:50px; left:auto; right:0; }
.dotArea ul li.li06 .p2 { top:50px; left:auto; right:0; }


@media all and (max-width:1780px){
	.dotArea ul li .p2 { padding:15px 20px; width:350px; }
	.dotArea ul li .p2 dl dt { background-size:26px 26px; }
	.dotArea ul li .p2 dl dt a { line-height:50px; height:50px; font-size:16px; padding:0 30px; }
}
@media all and (max-width:1500px){
	.dotArea ul li .p1 { width:35px; height:35px; }
	.dotArea ul li .p2 { left:35px; padding:15px 20px; width:300px; }
	.dotArea ul li .p2 dl dt { background-size:20px 20px; }
	.dotArea ul li .p2 dl dt a { line-height:45px; height:45px; font-size:16px; padding:0 30px; }
	
	.dotArea ul li.li02 .p2 { top:35px; left:0; }
	.dotArea ul li.li03 .p2 { top:35px; left:auto; right:0; }
	.dotArea ul li.li05 .p2 { top:35px; left:auto; right:0; }
	.dotArea ul li.li06 .p2 { top:35px; left:auto; right:0; }
}
@media all and (max-width:1000px){
	.dotArea ul li .p1 { width:25px; height:25px; }
	.dotArea ul li .p2 { left:25px; padding:10px; width:250px; }
	.dotArea ul li .p2 dl dt { background-size:15px 15px; }
	.dotArea ul li .p2 dl dt a { line-height:40px; height:40px; font-size:14px; padding:0 20px; }
	
	.dotArea ul li.li02 .p2 { top:25px; left:0; }
	.dotArea ul li.li03 .p2 { top:25px; left:auto; right:0; }
	.dotArea ul li.li05 .p2 { top:25px; left:auto; right:0; }
	.dotArea ul li.li06 .p2 { top:25px; left:auto; right:0; }
}
@media all and (max-width:750px){
	.dotArea { display:none; }
}


.aArea { position:relative; padding:140px 0; background:url(aArea.jpg) no-repeat center; background-size:cover; overflow:hidden; }
.aArea .bg01 { position:absolute; top:75px; left:0; width:50.9%; z-index:0; }
.aArea .wrap { position:relative; z-index:5; }
.aArea01 { float:left; width:30%; padding-top:55px; }
.aArea01 .swiper-slide .txt .p1 { font-size:36px; line-height:1.4; font-weight:bold; color:#333; }
.aArea01 .swiper-slide .txt .p2 { font-size:36px; line-height:1.4; font-weight:bold; color:#333; text-transform:uppercase; }
.aArea01 .swiper-slide .txt .p3 { font-size:16px; line-height:30px; color:#666; margin-top:40px; min-height:180px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:6; }
.aArea01 .swiper-slide .txt .p3 i { font-size:18px; font-weight:bold; font-style:italic; color: #f7931d; }
.aArea01 .swiper-slide .txt .p4 { margin-top:20px; }
.aArea01 .swiper-slide .txt .p4 a { position:relative; display:block; width:145px; border-radius:30px; font-size:0; padding-left:13px; box-sizing: border-box; z-index:5; }
.aArea01 .swiper-slide .txt .p4 a i { display:inline-block; padding-left:50px; font-size:16px; color:#333; background:url(m01.png) no-repeat center left; line-height:40px; }
.aArea01 .swiper-slide .txt .p4 a:before { position:absolute; top:0; left:0; display:block; width:40px; height:40px; border-radius:30px; background:#f7931d; content:""; transition: all 0.6s; z-index:-1; }
.aArea01 .swiper-slide .txt .p4 a:hover i { color:#fff; }
.aArea01 .swiper-slide .txt .p4 a:hover:before { width:100%; }

.aArea02 { float:right; position:relative; width:66.66%; }
.aArea02 .aArea021 { overflow:hidden; }
.aArea02 .swiper-slide { position:relative; }
.aArea02 .swiper-slide img { transition: all 1.5s; }
.aArea02 .swiper-slide .img02 { position:absolute; top:0; left:0; opacity:0; z-index:1; }

.aArea02 .swiper-slide:hover .img01 { opacity:0; }
.aArea02 .swiper-slide:hover .img02 { opacity:1; }



.aArea02 .btn { position:absolute; top:-140px; bottom:-140px; left:50%; width:74px; margin-left:-37px; /*background:url(a02.png) no-repeat center;*/ z-index:1; }
.aArea02 .btn:before { position:absolute; top:0; bottom:0; left:50%; width:1px; transform: translateX(-50%); display:block; content:""; background:#e5f0f8; z-index:2; /*background:url(a02.png) no-repeat center;*/ z-index:1; }

.aArea02 .btn .prev-a01 { position:absolute; top:50%; margin-top:-60px; left:50%; width:50px; height:50px; border-radius:100%; transform:translateX(-50%); background:url(a05.png) no-repeat center; cursor:pointer; z-index:1; }
.aArea02 .btn .prev-a01:hover { background:url(a06.png) no-repeat center; }

.aArea02 .btn .next-a01 { position:absolute; top:50%; margin-top:10px; left:50%; width:50px; height:50px; border-radius:100%; transform:translateX(-50%); background:url(a03.png) no-repeat center; cursor:pointer; z-index:1; }
.aArea02 .btn .next-a01:hover { background:url(a04.png) no-repeat center; }



.aArea02 .gallery-thumbs01 { width:46.5%; }

@media all and (max-width:1780px){
	.aArea { padding:100px 0; }
	.aArea .bg01 { top:50px; width:50.9%; }
	.aArea01 { float:left; width:30%; padding-top:30px; }
	.aArea01 .swiper-slide .txt .p1 { font-size:30px; }
	.aArea01 .swiper-slide .txt .p2 { font-size:30px; }
	.aArea01 .swiper-slide .txt .p3 { font-size:14px; line-height:25px; margin-top:30px; min-height:125px; -webkit-line-clamp:6; }
	.aArea01 .swiper-slide .txt .p3 i { font-size:16px; }
	.aArea01 .swiper-slide .txt .p4 { margin-top:20px; }
	.aArea01 .swiper-slide .txt .p4 a { width:125px; }
	.aArea01 .swiper-slide .txt .p4 a i { padding-left:40px; font-size:14px; }
 
}
@media all and (max-width:1280px){
	.aArea { padding:60px 0; }
	.aArea .bg01 { top:60px; width:50.9%; }
	.aArea01 { float:left; width:30%; padding-top:20px; }
	.aArea01 .swiper-slide .txt .p1 { font-size:24px; }
	.aArea01 .swiper-slide .txt .p2 { font-size:24px; }
	.aArea01 .swiper-slide .txt .p3 { font-size:14px; line-height:25px; margin-top:20px; min-height:125px; -webkit-line-clamp:6; }
}
@media all and (max-width:900px){
	.aArea { padding:40px 0; }
	.aArea .bg01 { top:30px; width:50.9%; left:4%; }
	.aArea01 { float:none; width:100%; padding-top:0; }
	.aArea01 .swiper-slide .txt .p1 { font-size:20px; }
	.aArea01 .swiper-slide .txt .p2 { font-size:20px; }
	.aArea01 .swiper-slide .txt .p3 { font-size:12px; line-height:20px; min-height:120px; }
	.aArea01 .swiper-slide .txt .p3 i { font-size:14px; }
	
	
	.aArea01 .swiper-slide .txt .p4 a { width:125px; padding-left:10px; }
	.aArea01 .swiper-slide .txt .p4 a i { padding-left:40px; line-height:35px; }
	.aArea01 .swiper-slide .txt .p4 a:before { width:35px; height:35px; }
	
	.aArea02 { float:none; width:100%; margin-top:30px; }
	.aArea02 .btn { background:none; top:0; bottom:0; }
	.aArea02 .btn .prev-a01 { width:35px; height:35px; margin-top:-45px; background-size:contain!important; }
	.aArea02 .btn .next-a01 { width:35px; height:35px; background-size:contain!important; }
 
	.aArea02 .gallery-thumbs01 { width:50%; }
}

.bdArea { background:url(bg01.jpg) no-repeat center top; background-size:cover; }

.cArea { padding:180px 0 120px; overflow:hidden; }
.cArea .wrap { position:relative; }
.cArea .bg01 { position:absolute; top:-65px; left:0; width:45.06%; z-index:0; }

.cArea01 { float:left; width:715px; padding-left:30px; box-sizing: border-box; position:relative; z-index:2; }
.cArea01 .p1 { font-size:36px; color:#006cb7; font-weight:bold; line-height:1.66; }
.cArea01 .p2 { font-size:16px; color:#666; line-height:30px; margin-top:25px; }
.cArea01 .p3 { margin-top:55px; position:relative; }
.cArea01 .p3 .spArea01 { position:absolute; top:80px; right:60px; width:45px; height:45px; background:url(c03.png) no-repeat center #f7931d; border-radius:100%; cursor:pointer; z-index:2; }
.cArea01 .p3 .spArea01:before { position: absolute; left:50%; top:50%; content:""; width:50px; height:50px; transform: translate(-50%,-50%); border-radius:100%; border:1px dashed #f7931d; animation: circle_around 5s infinite linear; }
.cArea01 .p4 { display:none; margin-top:55px; }

.cArea02 { float:right; width:740px; position:relative; z-index:2; }
.cArea02 ul { display:flex; flex-direction:row; justify-content:space-between; font-size:0; }
.cArea02 ul li { text-align:center; font-size:16px; color:#666; line-height:1.1; }
.cArea02 ul li .p1 { color:#006cb7; }
.cArea02 ul li .p1 i { font-size:40px; font-weight:bold; margin-right:5px; }
.cArea02 ul li .p2 { margin-top:15px; }
.cArea02 ul li .p3 { margin-top:15px; height:104px; background:url(c04.png) no-repeat center top; }


.cArea02 ul li:nth-child(1) { padding-top:240px; animation: remove 3s linear infinite; }
.cArea02 ul li:nth-child(2) { padding-top:110px; animation: remove2 3s linear infinite; }
.cArea02 ul li:nth-child(3) { padding-top:50px; animation: remove 3s linear infinite; }

.cArea03 { position:absolute; right:-125px; bottom:-215px; z-index:0; width:1000px; }

@media all and (max-width:1780px){
	.cArea { padding:100px 0; }
	.cArea .bg01 { top:-65px; }

	.cArea01 { float:left; width:42%; padding-left:0; }
	.cArea01 .p1 { font-size:30px; line-height:1.6; }
	.cArea01 .p2 { font-size:14px; line-height:25px; margin-top:15px; }
	.cArea01 .p3 { margin-top:45px; }
	.cArea01 .p3 .spArea01 { top:60px; right:40px; width:40px; height:40px; }
	.cArea01 .p3 .spArea01:before { width:45px; height:45px; }
	.cArea01 .p4 { margin-top:45px; }
	
	.cArea02 { float:right; width:44%; }
	.cArea02 ul li { font-size:14px; }
	.cArea02 ul li .p1 i { font-size:32px; }
	.cArea02 ul li .p2 { margin-top:10px; }
	.cArea02 ul li .p3 { margin-top:10px; height:90px; }


	.cArea02 ul li:nth-child(1) { padding-top:140px; }
	.cArea02 ul li:nth-child(2) { padding-top:60px; }
	.cArea02 ul li:nth-child(3) { padding-top:0; }

	.cArea03 { position:absolute; right:-20%; bottom:-60%; z-index:0; width:80%; }
}
@media all and (max-width:1280px){
	.cArea { padding:60px 0; }
	.cArea .bg01 { top:-20px; }
	
	.cArea01 .p1 { font-size:24px; line-height:1.6; }
	
	.cArea02 ul li .p1 i { font-size:28px; }

}
@media all and (max-width:900px){
	.cArea { padding:40px 0; }
	.cArea .bg01 { top:0; }

	.cArea01 { float:none; width:100%; padding-left:0; }
	.cArea01 .p1 { font-size:20px;  }
	.cArea01 .p2 { font-size:14px; margin-top:25px; }
	.cArea01 .p3 { margin-top:30px; }
	.cArea01 .p3 .spArea01 { top:30%; right:5%; }
	.cArea01 .p4 { margin-top:30px; }
	 
	.cArea02 { float:none; width:100%; margin-top:30px; }
	.cArea02 ul li { font-size:14px; }
	.cArea02 ul li .p1 i { font-size:20px; }
	.cArea02 ul li .p2 { margin-top:10px; }
	.cArea02 ul li .p3 { margin-top:10px; height:50px; }
 
	.cArea02 ul li:nth-child(1) { padding-top:0; }
	.cArea02 ul li:nth-child(2) { padding-top:0; }
	.cArea02 ul li:nth-child(3) { padding-top:0; }

	.cArea03 { position:absolute; right:auto; left:50%; margin-left:-450px; bottom:-40%; z-index:0; width:900px; }
}



.dArea { position:relative;  padding:140px 0 120px; }
.dArea .wrap { position:relative; }
.dArea .bg01 { position:absolute; top:-135px; left:0; width:100%; z-index:0; }
.dArea01 { float:left; width:calc(50% - 310px); margin-left:calc(50% - 840px); padding-left:20px; box-sizing: border-box; position:relative; z-index:5; }
.dArea01 .hd01 { font-size:36px; font-weight:bold; color:#333; line-height:1.1; }
.dArea01 .bd01 { margin-top:60px; }
.dArea01 .bd01 ul li { position:relative; border-bottom:1px solid #f6f6f6; }
.dArea01 .bd01 ul li:before { position:absolute; left:0; width:0; bottom:-1px; height:1px; background:#f7931d; display:block; content:""; transition: all 0.6s; z-index:2; }

.dArea01 .bd01 ul li a { display:block; padding:35px 0; font-size:18px; line-height:1.1; }
.dArea01 .bd01 ul li .p1 { color:#666; }
.dArea01 .bd01 ul li .p2 { color:#333; margin-top:20px; line-height:20px; height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.dArea01 .bd01 ul li:hover:before { width:100%; }
.dArea01 .bd01 ul li:hover .p1 { color:#f7931d; }
.dArea01 .bd01 ul li:hover .p2 { color:#f7931d; }

.dArea02 { float:right; width:1050px; }
.dArea02 .swiper-slide a { position:relative; display:block; }
.dArea02 .swiper-slide .pic { border-radius:90px 0 0 0; overflow:hidden; }
.dArea02 .swiper-slide .txt { position:absolute; right:0; bottom:0; padding:35px 120px 0 80px; background:url(d02.jpg)no-repeat center; background-size:cover; box-sizing: border-box; border-radius:90px 0 0 0; overflow:hidden; width:630px; min-height:200px; z-index:2; }
.dArea02 .swiper-slide .txt .p1 { font-size:36px; color:#f7931d; font-weight:bold; line-height:1.1; }
.dArea02 .swiper-slide .txt .p2 { font-size:24px; color:#333; font-weight:bold; line-height:35px; height:70px; margin-top:15px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }

.dArea02 .swiper-pagination-d01 { position:absolute; bottom:0!important; right:120px; width:auto!important; left:auto!important; z-index:5; }
.dArea02 .swiper-pagination-d01 .swiper-pagination-bullet { width:15px; height:15px; background:#fff; margin:0 0 0 15px!important; opacity:1; }
.dArea02 .swiper-pagination-d01 .swiper-pagination-bullet-active { background:#f7931d!important; }

@media all and (max-width:1780px){
 
	.dArea .bg01 { top:-100px; }
	.dArea01 { float:left; width:calc(50% - 350px); margin-left:calc(50% - 600px); padding-left:0; }
	.dArea01 .hd01 { font-size:30px; }
	.dArea01 .bd01 { margin-top:60px; }
 
	.dArea01 .bd01 ul li a { display:block; padding:22px 0; font-size:16px; }
	.dArea01 .bd01 ul li .p2 { margin-top:20px; }
 
	.dArea02 { width:850px; }
 
	.dArea02 .swiper-slide .pic { border-radius:80px 0 0 0; }
	.dArea02 .swiper-slide .txt { padding:30px 150px 0 50px; border-radius:80px 0 0 0; width:700px; min-height:140px; }

	.dArea02 .swiper-slide .txt .p1 { font-size:20px; }
	.dArea02 .swiper-slide .txt .p2 { font-size:18px; line-height:30px; height:60px; margin-top:15px; }

	.dArea02 .swiper-pagination-d01 { right:279px; bottom:15px!important; }
	.dArea02 .swiper-pagination-d01 .swiper-pagination-bullet { width:10px; height:10px; margin:0 0 0 10px!important; }
}
@media all and (max-width:1400px){

	.dArea01 { float:left; width:calc(50% - 100px); margin-left:calc(50% - 600px); padding-left:0; }
	.dArea01 .bd01 { margin-top:30px; }
	.dArea01 .bd01 ul li a { display:block; padding:17px 0; font-size:14px; }
	.dArea01 .bd01 ul li .p2 { margin-top:10px; }
	
	.dArea02 { width:650px; }
	.dArea02 .swiper-slide .txt { padding:30px 100px 0 50px; border-radius:60px 0 0 0; width:500px; min-height:180px; }
}
@media all and (max-width:1280px){
	.dArea { width:100%; left:0; margin-left:0; padding:60px 0; min-height:100px; }
 
	.dArea .bg01 { top:-20px; }
	.dArea01 { float:left; width:calc(96% - 500px); margin-left:4%; padding-left:0; }
	.dArea01 .hd01 { font-size:24px; }
	.dArea01 .bd01 { margin-top:20px; }
 
	.dArea01 .bd01 ul li a { display:block; padding:10px 0; font-size:14px; }
	.dArea01 .bd01 ul li .p2 { margin-top:5px; }
 
	.dArea02 { width:450px; }
 
	.dArea02 .swiper-slide .pic { border-radius:50px 0 0 0; }
	.dArea02 .swiper-slide .txt { padding:20px 30px 0 30px; border-radius:50px 0 0 0; width:60%; min-height:150px; }
	.dArea02 .swiper-slide .txt .p1 { font-size:20px; }
	.dArea02 .swiper-slide .txt .p2 { font-size:16px; line-height:25px; height:50px; margin-top:15px; }

	.dArea02 .swiper-pagination-d01 { right:30px; bottom:15px!important; }
	.dArea02 .swiper-pagination-d01 .swiper-pagination-bullet { width:6px; height:6px; margin:0 0 0 5px!important; }
}
@media all and (max-width:900px){
	.dArea { width:100%; left:0; margin-left:0; padding:0 0 40px 0; min-height:100px; }
 
	.dArea .bg01 { top:0; }
	.dArea01 { float:none; width:100%; padding-left:0; }
	.dArea01 .hd01 { font-size:20px; }
	.dArea01 .bd01 { margin-top:25px; }
 
	.dArea02 { float:none; position:relative; width:92%; top:0; margin:25px auto 0; }
 
	.dArea02 .swiper-slide .pic { border-radius:30px 0 0 0; }
	.dArea02 .swiper-slide .txt { position:relative; left:0; padding:15px 4%; border-radius:0 0 0 0; width:100%; min-height:20px; }
	.dArea02 .swiper-slide .txt .p1 { font-size:18px; }
	.dArea02 .swiper-slide .txt .p2 { font-size:14px; line-height:25px; height:25px; margin-top:5px; -webkit-line-clamp:1; }

	.dArea02 .swiper-pagination-d01 { position:relative; width:100%!important; right:0; bottom:0!important; margin-top:20px; text-align:center; }
	.dArea02 .swiper-pagination-d01 .swiper-pagination-bullet { width:10px; height:10px; margin:0 3px!important; background:#ddd; }
}

.eArea { padding:100px 0 150px; }

.eArea01 { position:absolute; left:51.2%; width:48.8%; top:40px; z-index:2; }
.eArea01 .bg01 { position:absolute; top:-135px; left:0; width:70.7%; z-index:0; }
.eArea01 .hd01 { font-size:36px; font-weight:bold; color:#333; line-height:1.1; }

.eArea02 { position:relative; width:48.8%; z-index:2; }
.eArea02 .swiper-slide a { position:relative; display:block; padding-bottom:55px; }
.eArea02 .swiper-slide .pic { border-radius:0 90px 0 0; overflow:hidden; }
.eArea02 .swiper-slide .txt { position:absolute; left:0; bottom:0; border-radius:0 80px 0 0; padding:55px 90px 0 55px; box-sizing: border-box; background:#0062b0; width:530px; min-height:175px; color:#fff; z-index:2; }
.eArea02 .swiper-slide .txt p { font-size:24px; line-height:1.6; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }

.eArea03 { position:relative; width:48.8%; margin-left:2.4%; padding-bottom:95px; z-index:2; }
.eArea03 .swiper-slide .pic { border-radius:0 50px 0 0; overflow:hidden; }
.eArea03 .swiper-slide .txt { font-size:20px; margin-top:20px; line-height:25px; height:25px; color:#333; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.eArea03 .bBox-page { position:absolute; left:0!important; bottom:55px!important; top:auto!important; width:calc(100% - 170px)!important; height:1px!important; background:#fbe8d1; z-index:2; }
.eArea03 .bBox-page .swiper-pagination-progressbar-fill { background: #f7931d; }

.eArea03 .btn { position:absolute; bottom:30px; right:0; font-size:0; z-index:2; }
.eArea03 .btn .btn01 { width:50px; height:50px; display:inline-block; background-size:cover!important; cursor:pointer; }
.eArea03 .btn .prev-e02 { background:url(e11.png) no-repeat center; margin-right:15px; }
.eArea03 .btn .next-e02 { background:url(e12.png) no-repeat center; }

.eArea03 .btn .prev-e02:hover { background:url(e21.png) no-repeat center; }
.eArea03 .btn .next-e02:hover { background:url(e22.png) no-repeat center; }

@media all and (min-width:900px){
	.eArea .wrap { position:relative; display: flex; align-items: flex-end; }
}
@media all and (max-width:1780px){
	.eArea { padding:80px 0 100px; }

	.eArea01 { position:absolute; left:51.2%; width:48.8%; top:20px; }
	.eArea01 .bg01 { position:absolute; top:-100px; width:70.7%; }
	.eArea01 .hd01 { font-size:30px; }
 
	.eArea02 .swiper-slide a { padding-bottom:35px; }
	.eArea02 .swiper-slide .pic { border-radius:0 80px 0 0; }
	.eArea02 .swiper-slide .txt { border-radius:0 50px 0 0; padding:35px 50px 0 35px; width:80%; min-height:125px; }
	.eArea02 .swiper-slide .txt p { font-size:18px; }

	.eArea03 { position:relative; width:48.8%; margin-left:2.4%; padding-bottom:65px; }
	.eArea03 .swiper-slide .pic { border-radius:0 40px 0 0; overflow:hidden; }
	.eArea03 .swiper-slide .txt { font-size:18px; margin-top:15px; line-height:20px; height:20px; }

	.eArea03 .bBox-page { bottom:35px!important; width:calc(100% - 170px)!important; }
	
	.eArea03 .btn { bottom:20px; }
	.eArea03 .btn .btn01 { width:40px; height:40px; }
}
@media all and (max-width:1280px){
	.eArea { padding:40px 0 60px; }

	.eArea01 { position:absolute; left:51.2%; width:48.8%; top:20px; }
	.eArea01 .bg01 { position:absolute; top:-70px; width:70.7%; }
	.eArea01 .hd01 { font-size:24px; }
 
	.eArea02 .swiper-slide a { padding-bottom:35px; }
	.eArea02 .swiper-slide .pic { border-radius:0 50px 0 0; }
	.eArea02 .swiper-slide .txt { border-radius:0 30px 0 0; padding:25px 30px 0 25px; width:80%; min-height:100px; }
	.eArea02 .swiper-slide .txt p { font-size:16px; }

	.eArea03 { position:relative; width:48.8%; margin-left:2.4%; padding-bottom:65px; }
	.eArea03 .swiper-slide .pic { border-radius:0 40px 0 0; overflow:hidden; }
	.eArea03 .swiper-slide .txt { font-size:16px; margin-top:10px; line-height:20px; height:20px; }

	.eArea03 .bBox-page { bottom:35px!important; width:calc(100% - 170px)!important; }
}
@media all and (max-width:900px){
	.eArea { padding:20px 0 40px 0; }

	.eArea01 { position:relative; left:0%; width:100%; top:0; }
	.eArea01 .bg01 { position:absolute; top:-30px; width:46%; }
	.eArea01 .hd01 { font-size:24px; }
 
	.eArea02 { width:100%; margin-top:30px; }
	.eArea02 .swiper-slide a { padding-bottom:0; }
	.eArea02 .swiper-slide .pic { border-radius:0 50px 0 0; }
	.eArea02 .swiper-slide .txt { position:relative; border-radius:0 0 0 0; padding:15px 4%; width:100%; min-height:10px; }
	.eArea02 .swiper-slide .txt p { font-size:14px; -webkit-line-clamp:1; }

	.eArea03 { display:none; }
}


@keyframes boderM {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0
    }
    20% {
        opacity: 1
    }
    75% {
        transform: translate(-50%, -50%) scale(2);
        opacity: 0
    }
    100% {
        opacity: 0
    }
}
@keyframes remove{
	0%{transform:translateY(0);}
	50%{transform:translateY(2vw);}
	100%{transform:translateY(0);}
}
@keyframes remove2{
	0%{transform:translateY(0);}
	50%{transform:translateY(-2vw);}
	100%{transform:translateY(0);}
}
@keyframes move_left {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}