@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-container-1 .swiper-slide .banvideo { position:absolute; left:0; top:0; right:0; bottom:0; z-index:2; }
.swiper-container-1 .swiper-slide .banvideo video { width:100%; height:100%; }

.swiper-pagination-1 { position:absolute; bottom:40px; left:0; right:0; text-align:center; z-index:9;  }
.swiper-pagination-1 .swiper-pagination-bullet { width:40px; height:4px; margin:0 5px;  border-radius:0; background:rgba(255,255,255,0.4); opacity:1; }
.swiper-pagination-1 .swiper-pagination-bullet-active { background:#fff; }
 
.banner .btn { position:absolute; top:50%; transform: translateY(-50%); width:60px; height:60px; background-size:100% 100%!important;  z-index:2; cursor:pointer; }
.banner .prev-01 { background:url(ban01.png) no-repeat center; left:40px; }
.banner .next-01 { background:url(ban02.png) no-repeat center; right:40px; }
 
@media all and (max-width:1480px){
	.swiper-pagination-1 { bottom:30px; }
	.swiper-pagination-1 .swiper-pagination-bullet { width:30px; height:3px; margin:0 5px; }

	.banner .btn { width:50px; height:50px; }
}
@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:30px; }
	.swiper-pagination-1 .swiper-pagination-bullet { width:20px; height:2px; margin:0 3px; } 
	
	.banner .btn { width:35px; height:35px; }
	.banner .prev-01 { left:10px; }
	.banner .next-01 { right:10px; }
}

.Area-hd { line-height:1.1; }
.Area-hd .p1 { position:relative; font-size:40px; color:#e6e6e6; font-family:"Arial"; text-transform:uppercase; font-weight:bold; z-index:1; display:none; }
.Area-hd .p2 { position:relative; margin-top:-25px; font-size:36px; color:#000; font-weight:bold; z-index:2; margin-top:0!important; }
.Area-hd .p3 { font-size:20px; color:#c89650; margin-top:10px; font-weight:bold; line-height:1.6; }
.Area-hd .p4 { font-size:16px; color:#666; margin-top:15px; line-height:1.6; }

.mmBtn { font-size:0; }
.mmBtn a { display:inline-block; padding:0 35px; background:#000; border-radius:30px; }
.mmBtn a i { display:inline-block; padding-right:20px; font-size:16px; color:#fff; line-height:50px; background:url(m01.png) no-repeat center right; }
.mmBtn a:hover { background:#c89650; }

.mmBtn p { display:inline-block; padding:0 35px; background:#000; border-radius:30px; }
.mmBtn p i { display:inline-block; padding-right:20px; font-size:16px; color:#fff; line-height:50px; background:url(m01.png) no-repeat center right; }
.mmBtn p:hover { background:#c89650; }

@media all and (max-width:1480px){
	.Area-hd .p1 { font-size:34px; }
	.Area-hd .p2 { margin-top:-20px; font-size:28px; }
	.Area-hd .p3 { font-size:16px; margin-top:10px; line-height:1.6; }
	.Area-hd .p4 { font-size:14px; margin-top:10px; line-height:1.6; }
	
	.mmBtn a { padding:0 25px; }
	.mmBtn a i { padding-right:20px; font-size:14px; line-height:40px; }
	
	.mmBtn p { padding:0 25px; }
	.mmBtn p i { padding-right:20px; font-size:14px; line-height:40px; }
}
@media all and (max-width:1200px){
	.Area-hd .p1 { font-size:30px; }
	.Area-hd .p2 { margin-top:-15px; font-size:20px; }
	.Area-hd .p3 { font-size:14px; margin-top:10px; line-height:1.6; }

	.mmBtn a { padding:0 25px; }
	.mmBtn a i { padding-right:20px; font-size:14px; line-height:35px; }
	
	.mmBtn p { padding:0 25px; }
	.mmBtn p i { padding-right:20px; font-size:14px; line-height:35px; }
}
@media all and (max-width:750px){
	.Area-hd { text-align:center; }
	.mmBtn { text-align:center; }
}


.aArea { padding:80px 0; background:url(aArea.jpg) no-repeat center; background-size:cover; }
.aArea02 { position:relative; }
.aArea02 .txt { float:left; width:680px; margin-left:calc(50% - 720px); padding-top:20px; }
.aArea02 .txt .bd01 { font-size:16px; line-height:30px; margin-top:30px; color:#333; text-align:justify; }
.aArea02 .txt .bd02 { font-size:16px; line-height:30px; margin-top:30px; color:#333; font-weight:bold; }
.aArea02 .txt .bd02 p { position:relative; padding-left:20px; }
.aArea02 .txt .bd02 p:before { position:absolute; left:0; top:11px; width:8px; height:8px; background:#c89650; display:block; content:""; z-index:2; }
.aArea02 .txt .bd02 p:nth-child(n + 2) { margin-top:10px; }
.aArea02 .txt .bd03 { margin-top:30px; line-height:1.1; }
.aArea02 .txt .bd03 ul { display:flex; flex-direction:row; justify-content:space-between; }
.aArea02 .txt .bd03 ul li .p1 { color:#c89650; font-weight:bold; }
.aArea02 .txt .bd03 ul li .p1 i { font-size:36px; }
.aArea02 .txt .bd03 ul li .p1 em { font-size:14px; position:relative; top:-15px; left:10px; z-index:1; }
.aArea02 .txt .bd03 ul li .p2 { font-size:14px; color:#666; margin-top:10px; }
.aArea02 .txt .bd04 { margin-top:30px; }

.aArea02 .pic { position:absolute; top:0; right:0; width:calc(50% - 20px); bottom:0; overflow:hidden; z-index:2; }
.aArea02 .pic img { width:100%; height:100%; transition: all 0.6s; object-fit: cover; }

.aArea02 .pic:hover img { transform: scale(1.1)!important; }

.aArea01 { margin-top:60px; }
.aArea01 ul li { float:left; width:23.5%; margin-right:2%; }
.aArea01 ul li:last-child { margin-right:0; }
.aArea01 ul li a { padding:0 20px; min-height:100px; border:1px solid #d2d2d2; box-sizing: border-box; display:flex; align-items: center; justify-content: space-between; }
.aArea01 ul li .pic { width:60px; }
.aArea01 ul li .txt { width:calc(100% - 60px); line-height:1.1; }
.aArea01 ul li .txt .p1 { font-size:20px; color:#333; }
.aArea01 ul li .txt .p2 { font-size:14px; color:#666; margin-top:10px; }
 
.aArea01 ul li:hover .txt .p1 { color:#c89650; font-weight:bold; }
 
.aArea03 { margin-top:40px;line-height:1.1; }
.aArea03 ul { display:flex; flex-direction:row; justify-content:space-between; text-align:center; }
.aArea03 ul li .p1 { color:#c89650; font-weight:bold; }
.aArea03 ul li .p1 i { font-size:36px; }
.aArea03 ul li .p1 em { font-size:14px; position:relative; top:-15px; left:10px; z-index:1; }
.aArea03 ul li .p2 { font-size:14px; color:#666; margin-top:10px; }
 
@media all and (max-width:1480px){
	.aArea { padding:60px 0; }
	
	.aArea02 .txt { float:left; width:565px; margin-left:calc(50% - 600px); padding-top:20px; }
	.aArea02 .txt .bd01 { font-size:14px; line-height:25px; margin-top:20px; }
	.aArea02 .txt .bd02 { font-size:14px; line-height:25px; margin-top:20px; }
	.aArea02 .txt .bd02 p { padding-left:15px; }
	.aArea02 .txt .bd02 p:before { top:10px; width:5px; height:5px; }
	.aArea02 .txt .bd02 p:nth-child(n + 2) { margin-top:10px; }
	.aArea02 .txt .bd03 { margin-top:20px; }
	.aArea02 .txt .bd03 ul li .p1 i { font-size:30px; }
	.aArea02 .txt .bd03 ul li .p1 em { font-size:14px; top:-10px; left:10px; }
	.aArea02 .txt .bd03 ul li .p2 { font-size:14px; margin-top:10px; }
	.aArea02 .txt .bd04 { margin-top:20px; }

	.aArea02 .pic { width:calc(50% - 30px); }
	
	.aArea01 { margin-top:40px; }
	.aArea01 ul li { float:left; width:24.25%; margin-right:1%; }
	.aArea01 ul li:last-child { margin-right:0; }
	.aArea01 ul li a { padding:0 15px; min-height:80px; }
	.aArea01 ul li .pic { width:50px; }
	.aArea01 ul li .pic img { max-width:30px; }
	.aArea01 ul li .txt { width:calc(100% - 50px); line-height:1.1; }
	.aArea01 ul li .txt .p1 { font-size:16px; }
	.aArea01 ul li .txt .p2 { font-size:12px; margin-top:10px; }
}
@media all and (max-width:1280px){
	.aArea02 .txt { float:left; width:46%; margin-left:4%; padding-top:20px; }
	.aArea02 .pic { width:46%; }
}
@media all and (max-width:1200px){
	.aArea { padding:40px 0; }
	.aArea01 { margin-top:30px; }
	.aArea01 ul li .txt .p2 { font-size:12px; margin-top:5px; }
	
	.aArea03 { margin-top:30px;line-height:1.1; }
	.aArea03 ul li .p1 i { font-size:30px; }
	.aArea03 ul li .p1 em { font-size:14px; top:-10px; left:10px; }
	.aArea03 ul li .p2 { font-size:14px; margin-top:10px; }
}
@media all and (max-width:1000px){
	.aArea02 .txt { float:none; width:92%; margin-left:4%; padding-top:0; }
	.aArea02 .txt .bd03 ul li .p1 i { font-size:24px; }
	.aArea02 .txt .bd03 ul li .p1 em { font-size:14px; top:-5px; left:5px; }
	
	.aArea02 .pic { position:relative; width:100%; top:auto; right:auto; bottom:auto; margin-top:30px; }
	.aArea02 .pic img { width:100%; height:auto; }
	
	
	.aArea01 ul li a { padding:25px 15px; min-height:10px; display:block; }
	.aArea01 ul li .pic { width:100%; text-align:center; height:25px; }
	.aArea01 ul li .pic img { max-height:25px; }
	.aArea01 ul li .txt { width:100%; margin-top:15px; text-align:center; }
	.aArea01 ul li .txt .p1 { font-size:20px; color:#333; }
	.aArea01 ul li .txt .p1 { font-size:14px; }
	.aArea01 ul li .txt .p2 { font-size:12px; margin-top:5px; display:none; }
}
@media all and (max-width:750px){
	.aArea02 .txt .bd03 ul { display:block; }
	.aArea02 .txt .bd03 ul li { float:left; width:49%; margin-right:2%; }
	.aArea02 .txt .bd03 ul li:nth-child(2n) { margin-right:0; }
	.aArea02 .txt .bd03 ul li:nth-child(n + 3) { margin-top:25px; }
 
	.aArea01 ul li { float:left; width:49%; margin-right:2%; }
	.aArea01 ul li a { padding:20px 0; }
	.aArea01 ul li:nth-child(2n) { margin-right:0; }
	.aArea01 ul li:nth-child(n + 3) { margin-top:2%; }
	
	.aArea03 { margin-top:30px;line-height:1.1; }
	.aArea03 ul { display:block; }
	.aArea03 ul li { float:left; width:49%; margin-right:2%; }
	.aArea03 ul li:nth-child(2n) { margin-right:0; }
	.aArea03 ul li:nth-child(n + 3) { margin-top:25px; }
	.aArea03 ul li .p1 i { font-size:24px; }
	.aArea03 ul li .p1 em { font-size:14px; top:-5px; left:5px; }
	.aArea03 ul li .p2 { font-size:14px; margin-top:10px; }
 
}

.bArea { padding:80px 0; background:url(bArea.jpg) no-repeat center top; background-size:cover; }
.bArea .Area-hd { text-align:center; }
.bArea .Area-hd .p1 { color:#e8dfd6; }
.bArea .bd { margin-top:40px; }
.bArea .bd .swiper-slide .pic { overflow:hidden; }
.bArea .bd .swiper-slide .pic img { transition: all 0.6s; object-fit: cover; }
.bArea .bd .swiper-slide:hover .pic img { transform: scale(1.1)!important; }
.bArea .bd .swiper-slide .txt { position:relative; background:#fff; padding:35px 40px 50px 40px; line-height:1.1; color:#333; text-align:center; }
.bArea .bd .swiper-slide .txt .p1 { position:absolute; top:-30px; left:50%; transform: translateX(-50%); text-align:center; width:60px; height:60px; line-height:60px; background:#fff; font-size:24px; font-weight:bold; border-radius:100%; }
.bArea .bd .swiper-slide .txt .p2 { font-size:30px; font-weight:bold; }
.bArea .bd .swiper-slide .txt .p3 { font-size:16px; line-height:30px; margin-top:20px; min-height:120px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:4; }
.bArea .bd .swiper-slide .txt .p4 { margin-top:30px; }

@media all and (max-width:1480px){
	.bArea { padding:60px 0; }
 
	.bArea .bd { margin-top:40px; }
	.bArea .bd .swiper-slide .txt { padding:30px 25px 40px 25px; }
	.bArea .bd .swiper-slide .txt .p1 { top:-20px; width:40px; height:40px; line-height:40px; font-size:18px; }
	.bArea .bd .swiper-slide .txt .p2 { font-size:24px; }
	.bArea .bd .swiper-slide .txt .p3 { font-size:14px; line-height:25px; margin-top:20px; min-height:100px; -webkit-line-clamp:4; }
	.bArea .bd .swiper-slide .txt .p4 { margin-top:20px; }
}
@media all and (max-width:1200px){
	.bArea { padding:40px 0; }
 
	.bArea .bd { margin-top:30px; }
	.bArea .bd .swiper-slide .txt { padding:25px 15px 30px 15px; }
	.bArea .bd .swiper-slide .txt .p1 { top:-20px; width:40px; height:40px; line-height:40px; font-size:16px; }
	.bArea .bd .swiper-slide .txt .p2 { font-size:20px; }
	.bArea .bd .swiper-slide .txt .p3 { font-size:14px; line-height:25px; margin-top:20px; min-height:100px; -webkit-line-clamp:4; }
	.bArea .bd .swiper-slide .txt .p4 { margin-top:20px; }
}
@media all and (max-width:750px){
	.bArea .bd .swiper-slide .txt .p2 { font-size:18px; }
	.bArea .bd .swiper-slide .txt .p3 { font-size:14px; line-height:25px; margin-top:10px; min-height:50px; }
}

.cArea { padding:80px 0; background:#f8f8f8; }
.cArea01 { position:relative; }

.cBox01 { float:left; width:385px; padding:60px 0; }
.cBox01 .bd01 { font-size:16px; margin-top:10px; color:#333; line-height:30px; text-align:justify; }
.cBox01 .bd02 { margin-top:40px; }

.cBox02 { position:absolute; top:0; right:0; bottom:0; width:calc(50% + 270px); padding-right:60px; box-sizing: border-box; display:flex; flex-direction:row; align-items: center; z-index:2; }
.cBox02:before { position:absolute; top:0; right:0; bottom:0; width:calc(100% - 50px); background:url(c03.jpg) no-repeat center; display:block; content:""; z-index:-1; }
.cBox02 .swiper-container { width:100%; }
 
 
.cArea02 { margin-top:80px; }
.cArea02 .wrap { padding:75px 50px 60px 50px; background:#fff; display:flex; flex-direction:row; justify-content:space-between; align-items: center; flex-direction: row-reverse; }

.cBox03 { width:360px; text-align:center; }
.cBox03 .bd01 { margin-top:35px; }
.cBox04 { width:calc(100% - 360px); }
.cBox04 .swiper-slide .pic { overflow:hidden; }
.cBox04 .swiper-slide .pic img { transition: all 0.6s; object-fit: cover; }
.cBox04 .swiper-slide .txt { margin-top:15px; }
.cBox04 .swiper-slide .txt .p1 i { display:inline-block; font-size:12px; padding:0 10px; color:#c89650; line-height:25px; border:1px solid #c89650; border-radius:20px; }
.cBox04 .swiper-slide .txt .p2 { font-size:18px; color:#333; line-height:30px; margin-top:10px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }

.cBox04 .swiper-slide:hover .pic img { transform: scale(1.1)!important; }
.cBox04 .swiper-slide:hover .txt .p2 { color:#c89650; }

.cBox05 { display:none; margin-top:25px; text-align:center; }

@media all and (max-width:1480px){
	.cArea { padding:60px 0; }
	.cBox01 { width:350px; padding:40px 0; }
	.cBox01 .bd01 { font-size:14px; margin-top:10px; line-height:25px;  }
	.cBox01 .bd02 { margin-top:25px; }
	
	.cBox02 { width:calc(50% + 200px); padding-right:40px;  }
	.cBox02:before { width:calc(100% - 40px); }
	
	.cArea02 { margin-top:60px; }
	.cBox03 { width:300px; }
	.cBox03 .bd01 { margin-top:25px; }
	.cBox04 { width:calc(100% - 300px); }
	.cBox04 .swiper-slide .txt .p2 { font-size:16px; line-height:30px; -webkit-line-clamp:2; }
}
@media all and (max-width:1280px){
	.cBox02 { width:calc(96% - 380px); padding-right:4%;  }
}
@media all and (max-width:1200px){
	.cArea { padding:40px 0; }
	.cArea02 { margin-top:40px; }
}
@media all and (max-width:900px){
	.cBox01 { float:none; width:100%; padding:0; }
 
	.cBox02 { position:relative; top:auto; right:auto; bottom:auto; width:100%; padding:30px 4%; margin-top:30px; background:url(c03.jpg) no-repeat center; background-size:cover; }
	.cBox02:before { display:none; }
	
	.cArea02 .wrap { padding:30px 4%; display:block; box-sizing: border-box; }

	.cBox03 { width:100%; text-align:center; }
	.cBox03 .bd01 { margin-top:25px; display:none; }
	.cBox04 { width:100%; margin-top:30px; }
	.cBox04 .swiper-slide .txt .p2 { font-size:14px; line-height:25px; -webkit-line-clamp:2; }
	
	.cBox05 { display:block; }
}
@media all and (max-width:750px){
	
}


.dArea { padding:80px 0; background:url(dArea.jpg) no-repeat center top; background-size:cover; }
.dArea .Area-hd { padding:50px 0 70px; text-align:center; background:rgba(200,150,80,0.9); }
.dArea .Area-hd .p1 { color:rgba(255,255,255,0.2); }
.dArea .Area-hd .p2 { color:#fff; }
.dArea .Area-hd .p4 { color:#fff; }
.dArea .bd { position:relative; margin-top:60px; text-align:center; }
.dArea .bd .wrap { position:relative; }
.dArea .bd .swiper-slide .pic { overflow:hidden; }
.dArea .bd .swiper-slide .pic img { transition: all 0.6s; object-fit: cover; }
.dArea .bd .swiper-slide .txt { padding:0 10px; font-size:16px; line-height:50px; color:#333; background:#fff; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.dArea .bd .swiper-slide:hover .pic img  { transform: scale(1.1)!important; }
.dArea .bd .swiper-slide:hover .txt { background:#c89650; color:#fff; }

.dArea .bd .btn01 { position:absolute; top:50%; transform: translateY(-50%); display:inline-block; width:50px; height:50px; border-radius:100%; box-shadow:0px 0px 20px rgba(0,0,0,0.1); cursor:pointer; z-index:2; }
.dArea .bd .prev-d01 { background:url(d01.png) no-repeat center #fff; left:-80px;  }
.dArea .bd .next-d01 { background:url(d02.png) no-repeat center #fff; right:-80px;  }


@media all and (max-width:1480px){
	.dArea { padding:60px 0; }
	.dArea .Area-hd { padding:40px 0 50px; }
	.dArea .bd { margin-top:40px; }
	.dArea .bd .swiper-slide .txt { padding:0 10px; font-size:16px; line-height:50px; }
	
	.dArea .bd .btn01 { width:35px; height:35px; background-size:10px 10px!important; }
	.dArea .bd .prev-d01 { left:10px;  }
	.dArea .bd .next-d01 { right:10px;  }
}
@media all and (max-width:1200px){
	.dArea { padding:40px 0; }
	.dArea .Area-hd { padding:30px 0; }
	.dArea .bd { margin-top:30px; }
	.dArea .bd .swiper-slide .txt { padding:0 10px; font-size:14px; line-height:40px; }
}
@media all and (max-width:750px){
	
}
 
.fArea ul li { position:relative; float:left; width:50%; text-align:center; }
.fArea ul li .txt { position:absolute; left:0; right:0; top:0; bottom:165px; color:#fff; display:flex; align-items: center; z-index:2; }
.fArea ul li .txt .txt01 { width:100%; line-height:1.1; }
.fArea ul li .txt .p1 { font-size:36px; font-weight:bold; }
.fArea ul li .txt .p2 { font-size:20px; margin-top:15px; }
.fArea ul li .txt .p3 { margin-top:25px; }
 
@media all and (max-width:1480px){
	.fArea ul li .txt { bottom:120px; }
	.fArea ul li .txt .p1 { font-size:28px; }
	.fArea ul li .txt .p2 { font-size:16px; margin-top:15px; }
	.fArea ul li .txt .p3 { margin-top:20px; }
	.fArea ul li .txt .p3 img { width:35px; height:auto; }
}
@media all and (max-width:1200px){
	.fArea ul li .txt { bottom:90px; }
	.fArea ul li .txt .p1 { font-size:20px; }
	.fArea ul li .txt .p2 { font-size:14px; margin-top:10px; }
	.fArea ul li .txt .p3 { margin-top:15px; }
	.fArea ul li .txt .p3 img { width:25px; height:auto; }
}
@media all and (max-width:750px){
	.fArea { padding-bottom:30px; }
	.fArea ul li { float:none; width:100%; text-align:center; }
	.fArea ul li .txt { bottom:30px; }
	.fArea ul li:nth-child(1) .txt { bottom:0; }
}



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