@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,1); opacity:1; }
.swiper-pagination-1 .swiper-pagination-bullet-active { width:45px; border-radius:10px; background:#d0a87b; }
 
@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-active { width:25px; } 
}

.container { background: url(bg.jpg) no-repeat center top; }

.Area-hd { position:relative; line-height:1.1; color:#222; }
.Area-hd .p1 { font-size:34px; font-family:"Arial"; font-weight:bold; }
.Area-hd .p2 { font-size:20px; margin-top:15px; }
.Area-hd .p3 { margin-top:20px; }
.Area-hd .p3 i { display:inline-block; width:22px; height:4px; background:#d0a87b; }
.Area-hd .p4 { position:absolute; top:50%; right:0; transform: translateY(-50%); z-index:2; }
.Area-hd .p4 a { display:inline-block; width:145px; line-height:40px; color:#333; font-size:14px; border:1px solid #d2d2d2; text-align:center; }
.Area-hd .p4 a:hover { background:#d0a87b; color:#fff; border-color:#d0a87b }

@media all and (max-width:1680px){
	.Area-hd .p1 { font-size:28px; }
	.Area-hd .p2 { font-size:20px; margin-top:10px; }
	.Area-hd .p3 { margin-top:15px; }
	.Area-hd .p4 a { width:120px; line-height:40px; font-size:14px; }
}
@media all and (max-width:1200px){
	.Area-hd .p1 { font-size:20px; }
	.Area-hd .p2 { font-size:18px; margin-top:10px }
	.Area-hd .p3 { margin-top:10px; }
	.Area-hd .p3 i { width:22px; height:3px; }
	.Area-hd .p4 a { width:100px; line-height:35px; font-size:14px; }
}
@media all and (max-width:750px){
	.Area-hd .p1 { font-size:16px; }
}



.aArea { padding-top:80px; }
.aArea01 { position:relative; margin-top:40px; }
.aArea01 .hd { position:absolute; top:-100px; right:0; font-size:0; z-index:2; }
.aArea01 .hd ul li { position:relative; display:inline-block; font-size:16px; padding-left:0; margin-right:55px; color:#656464; transition: all 0.6s; cursor:pointer; }
.aArea01 .hd ul li:before { position:absolute; display:block; content:""; left:0; top:50%; width:0; height:1px; background:#000; transition: all 0.6s; z-index:2; }
.aArea01 .hd ul li:last-child { margin-right:0; }

.aArea01 .hd ul li.on { padding-left:50px; color:#000; }
.aArea01 .hd ul li.on:before { width:35px; }

.aArea01 .bd01 { float:left; width:calc(100% - 510px); }
.aArea01 .bd01 ul li { float:left; width:48.5%; margin-right:3%; padding:55px 30px 0 30px; min-height:295px; border:1px solid #e5e5e5; box-sizing: border-box; background:#fff; }
.aArea01 .bd01 ul li:nth-child(2n) { margin-right:0; }
.aArea01 .bd01 ul li:nth-child(n + 3) { margin-top:25px; }
.aArea01 .bd01 ul li .p1 { font-size:18px; line-height:30px; color:#333; min-height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.aArea01 .bd01 ul li .p2 { font-size:14px; line-height:25px; color:#868686; margin-top:15px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aArea01 .bd01 ul li .p3 { font-size:14px; line-height:20px; color:#d4d4d4; margin-top:10px; }
.aArea01 .bd01 ul li .p4 { margin-top:40px; width:28px; height:28px; background:url(a03.png) no-repeat center; }

.aArea01 .bd01 ul li:hover .p1 { color:#d0a87b; font-weight:bold; }

.aArea01 .bd02 { position:relative; float:right; width:470px; }
.aArea01 .bd02 .txt { padding:50px 35px 0 35px; min-height:265px; box-sizing: border-box; background:#d0a87b; }
.aArea01 .bd02 .txt .p1 { font-size:18px; font-weight:bold; color:#fff; line-height:25px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aArea01 .bd02 .txt .p2 { font-size:14px; margin-top:20px; line-height:25px; min-height:50px; color:rgba(255,255,255,0.6); overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.aArea01 .bd02 .txt .p3 { font-size:14px; margin-top:45px; color:rgba(255,255,255,0.6); }
.aArea01 .bd02 .pic { position:relative; width:100%; height:350px; }
.aArea01 .bd02 .pic img { position:absolute; left:0; top:0; width:100%; height:100%; transition: all 0.6s; object-fit: cover; z-index:2; }
.aArea01 .bd02 .pic:before { position:absolute; left:0; top:0; width:100%; height:100%; display:none; content:""; background:url(a01.png) no-repeat center; background-size:100% 100%; z-index:5; }
.aArea01 .bd02 .txt01 { position:absolute; left:45px; bottom:35px; z-index:5; }
.aArea01 .bd02 .txt01 i { display:block; width:145px; line-height:40px; background:#fff; color:#222; font-size:14px; text-align:center; }
.aArea01 .bd02 .txt01:hover i { background:#d0a87b; color:#fff; }

@media all and (max-width:1680px){
	.aArea { padding-top:60px; }
	.aArea01 { margin-top:30px; }
	.aArea01 .hd { top:-80px; }
	.aArea01 .hd ul li { font-size:16px; margin-right:30px; }
 
	.aArea01 .hd ul li.on { padding-left:40px; }
	.aArea01 .hd ul li.on:before { width:25px; }

	.aArea01 .bd01 { width:calc(100% - 370px); }
	.aArea01 .bd01 ul li { width:49%; margin-right:2%; padding:30px 20px 0 20px; min-height:235px; }
	.aArea01 .bd01 ul li:nth-child(2n) { margin-right:0; }
	.aArea01 .bd01 ul li:nth-child(n + 3) { margin-top:20px; }
	.aArea01 .bd01 ul li .p1 { font-size:16px; line-height:25px; min-height:50px; -webkit-line-clamp:2; }
	.aArea01 .bd01 ul li .p2 { font-size:14px; line-height:25px; margin-top:15px; }
	.aArea01 .bd01 ul li .p3 { font-size:14px; line-height:20px; margin-top:10px; }
	.aArea01 .bd01 ul li .p4 { margin-top:20px; width:28px; height:28px; }
 
	.aArea01 .bd02 { float:right; width:350px; }
	.aArea01 .bd02 .txt { padding:30px 25px 0 25px; min-height:230px; }
	.aArea01 .bd02 .txt .p1 { font-size:16px; line-height:25px; }
	.aArea01 .bd02 .txt .p2 { font-size:14px; margin-top:20px; line-height:25px; min-height:50px; webkit-line-clamp:2; }
	.aArea01 .bd02 .txt .p3 { font-size:14px; margin-top:45px; }
	.aArea01 .bd02 .pic { height:260px; }
 
	.aArea01 .bd02 .txt01 { left:30px; bottom:25px; }
	.aArea01 .bd02 .txt01 i { width:120px; line-height:35px; font-size:14px; }
}
@media all and (max-width:1200px){
	.aArea { padding-top:40px; }
}
@media all and (max-width:1000px){
	.aArea01 { margin-top:30px; }
	.aArea01 .hd { top:-80px; }
	.aArea01 .hd ul li { font-size:16px; margin-right:30px; }
 
	.aArea01 .hd ul li.on { padding-left:40px; }
	.aArea01 .hd ul li.on:before { width:25px; }

	.aArea01 .bd01 { float:none; width:100%;  margin-top:25px;}
	.aArea01 .bd01 ul li { width:49%; margin-right:2%; padding:20px 15px 0 15px; min-height:200px; }
	.aArea01 .bd01 ul li:nth-child(2n) { margin-right:0; }
	.aArea01 .bd01 ul li:nth-child(n + 3) { margin-top:20px; }
	.aArea01 .bd01 ul li .p1 { font-size:16px; line-height:25px; min-height:50px; -webkit-line-clamp:2; }
	.aArea01 .bd01 ul li .p2 { font-size:14px; line-height:20px; margin-top:10px; }
	.aArea01 .bd01 ul li .p3 { font-size:14px; line-height:20px; margin-top:10px; }
	.aArea01 .bd01 ul li .p4 { margin-top:15px; width:28px; height:28px; }
 
	.aArea01 .bd02 { float:none; width:100%; background:#d0a87b; }
	.aArea01 .bd02 .txt { float:left; width:50%; padding:30px 20px 0 20px; min-height:230px; box-sizing: border-box; }
	.aArea01 .bd02 .txt .p1 { font-size:16px; line-height:25px; }
	.aArea01 .bd02 .txt .p2 { font-size:14px; margin-top:15px; line-height:25px; min-height:50px; webkit-line-clamp:2; }
	.aArea01 .bd02 .txt .p3 { font-size:14px; margin-top:20px; }
	.aArea01 .bd02 .pic { float:right; width:50%; height:auto; }
	.aArea01 .bd02 .pic p { position:relative; width:100%; padding-bottom:75%; min-height:230px; box-sizing: border-box; }
	.aArea01 .bd02 .pic:before { display:none; }
 
	.aArea01 .bd02 .txt01 { left:20px; bottom:20px; }
	.aArea01 .bd02 .txt01 i { width:120px; line-height:35px; font-size:14px; }
}
@media all and (max-width:750px){
	.aArea .Area-hd { text-align:center; }
	
	.aArea01 { margin-top:30px; }
	.aArea01 .hd { position:relative; top:auto; right:auto; width:100%; text-align:center; }
	.aArea01 .hd ul li { font-size:14px; margin-right:10px; }
 
	.aArea01 .hd ul li.on { padding-left:25px; }
	.aArea01 .hd ul li.on:before { width:15px; }
	
	.aArea01 .bd { margin-top:25px; }
}
@media all and (max-width:500px){
	.aArea01 .bd01 ul li { width:100%; margin-right:0; padding:20px 4%; min-height:10px; }
	.aArea01 .bd01 ul li:nth-child(2n) { margin-right:0; }
	.aArea01 .bd01 ul li:nth-child(n + 2) { margin-top:15px; }
	.aArea01 .bd01 ul li .p1 { font-size:16px; line-height:25px; min-height:25px; -webkit-line-clamp:2; }
	.aArea01 .bd01 ul li .p4 { margin-top:15px; width:20px; height:20px; background-size:20px 20px; }
	
	.aArea01 .bd02 .txt { float:none; width:100%; padding:30px 4%; min-height:10px; }
	.aArea01 .bd02 .pic { float:none; width:100%; height:auto; }
	.aArea01 .bd02 .pic:before { display:none; }
}

.bArea { margin-top:80px; }
.bArea01 { margin-top:35px; }
.bArea01 ul li { position:relative; float:left; width:calc(14.28% - 6px); margin-right:7px; z-index:1; }
.bArea01 ul li:before { position:absolute; display:none; content:""; top:7px; right:-7px; bottom:-7px; left:7px; background:#d0a87b; z-index:-1; }
.bArea01 ul li:nth-child(7n) { margin-right:0; }
.bArea01 ul li:nth-child(n + 8) { margin-top:7px; }
.bArea01 ul li a { position:relative; display:block; padding:50px 0 0 0; border:1px solid #e5e5e5; min-height:290px; box-sizing: border-box; text-align:center; z-index:2; }
.bArea01 ul li .p1 { width:80px; height:80px; margin:0 auto; border-radius:100%; overflow:hidden; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content:center; align-items: center; }
.bArea01 ul li .p1 img { max-height:55px; width:auto; transition: all 0s; }
.bArea01 ul li .p2 { font-size:18px; line-height:20px; margin-top:10px; color:#333; }
.bArea01 ul li .p3 { margin-top:40px; font-size:0; }
.bArea01 ul li .p3 i { display:inline-block; width:20px; height:1px; background:#d0a87b; }

@media all and (min-width:1000px){
	.bArea01 ul li:hover { box-shadow:5px 0px 25px rgba(105,105,105,0.5); }
	.bArea01 ul li:hover:before { display:block; }
	.bArea01 ul li:hover .p1 { background:#d0a87b; }
	.bArea01 ul li:hover .p1 img { filter: drop-shadow(300px 0 0 #fff); transform: translateX(-300px); -webkit-filter: drop-shadow(300px 0 0 #fff);
		-webkit-transform: translateX(-300px);
		-moz-transform: translateX(-300px);
		-ms-transform: translateX(-300px);
		-o-transform: translateX(-300px);
		-webkit-transition: all 0s;
		-moz-transition: all 0s;
		-ms-transition: all 0s;
		-o-transition: all 0s; }
	.bArea01 ul li:hover .p2 { font-weight:bold; }
	.bArea01 ul li:hover a { background:#fff; }
}
	
@media all and (max-width:1680px){
	.bArea { margin-top:60px; }
	.bArea01 { margin-top:30px; }
	.bArea01 ul li { width:calc(14.285% - 5px); margin-right:5px; }
	.bArea01 ul li:nth-child(7n) { margin-right:0; }
	.bArea01 ul li:nth-child(n + 8) { margin-top:5px; }
	.bArea01 ul li:before { top:5px; right:-5px; bottom:-5px; left:5px; }

	.bArea01 ul li a { padding:40px 5px 0 5px; min-height:220px; }
	.bArea01 ul li .p1 { width:60px; height:60px; }
	.bArea01 ul li .p1 img { max-height:35px; }
	.bArea01 ul li .p2 { font-size:16px; margin-top:10px;  }
	.bArea01 ul li .p3 { margin-top:30px; }
}
@media all and (max-width:1200px){
	.bArea { margin-top:40px; }
}
@media all and (max-width:1000px){
	.bArea01 ul li { width:calc(33.33% - 10px); margin-right:15px; box-shadow:0px 0px 5px rgba(105,105,105,0.2); }
	.bArea01 ul li:nth-child(7n) { margin-right:15px; }
	.bArea01 ul li:nth-child(3n) { margin-right:0; }
	.bArea01 ul li:nth-child(n + 4) { margin-top:15px; }
	.bArea01 ul li a { padding:20px 0 0 0; min-height:160px; }

	.bArea01 ul li .p2 { font-size:16px; margin-top:10px;  }
	.bArea01 ul li .p3 { margin-top:20px; }
}
@media all and (max-width:750px){
	.bArea01 ul li { width:calc(49% - 8px); margin-right:15px;  }
	.bArea01 ul li:nth-child(7n) { margin-right:15px; }
	.bArea01 ul li:nth-child(3n) { margin-right:15px; }
	.bArea01 ul li:nth-child(2n) { margin-right:0; }
	.bArea01 ul li:nth-child(n + 3) { margin-top:15px; }
	.bArea01 ul li a { padding:20px 5px 0 5px; min-height:130px; }
	.bArea01 ul li .p1 { width:60px; height:35px; }
	.bArea01 ul li .p1 img { max-height:35px; }
	.bArea01 ul li .p2 { font-size:14px; margin-top:10px;  }
	.bArea01 ul li .p3 { margin-top:15px; }
}

.cArea { margin-top:80px; }
.cArea01 { position:relative; margin-top:60px; }
.cArea01 .pic .img02 { display:none; }
.cArea01 .txt { position:absolute; top:50%; transform: translateY(-50%); width:745px; left:125px; color:#fff; line-height:1.1; z-index:2; }
.cArea01 .txt .p1 { font-size:38px; }
.cArea01 .txt .p2 { font-size:42px; margin-top:10px; }
.cArea01 .txt .p3 { font-size:14px; margin-top:45px; line-height:25px; color:rgba(255,255,255,0.7); }
.cArea01 .txt .p4 { margin-top:55px; }
.cArea01 .txt .p4 i { display:block; width:145px; line-height:40px; background:#fff; color:#222; font-size:14px; text-align:center; }
.cArea01 .txt .p4:hover i { background:#d0a87b; color:#fff; }

.cArea02 { margin-top:80px; }
.cArea02 ul { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.cArea02 ul li { width:22.5%; line-height:1.1; color:#333; }
.cArea02 ul li .p1 { font-size:48px; font-weight:bold; }
.cArea02 ul li .p2 { font-size:14px; margin-top:15px; color:#3f3f3f; }
.cArea02 ul li .p3 { position:relative; margin-top:20px; width:100%; height:6px; background:#e0e0e0; }
.cArea02 ul li .p3:before { position:absolute; display:block; content:""; left:0; bottom:0; width:0; height:6px; background:#d0a87b; transition: all 0.6s; z-index:2; }

.cArea02 ul li:hover .p3:before { width:100%; }

@media all and (max-width:1680px){
	.cArea { margin-top:60px; }
	.cArea01 { margin-top:30px; }
	.cArea01 .pic img { max-width:1500px; height:auto; }
	.cArea01 .pic .img02 { display:none; }
	.cArea01 .txt { width:745px; left:60px; }
	.cArea01 .txt .p1 { font-size:28px; }
	.cArea01 .txt .p2 { font-size:32px; margin-top:10px; }
	.cArea01 .txt .p3 { font-size:14px; margin-top:30px; line-height:25px; }
	.cArea01 .txt .p4 { margin-top:30px; }
	.cArea01 .txt .p4 i { width:120px; line-height:35px; font-size:14px; }
	
	.cArea02 { margin-top:60px; }
	.cArea02 ul li { width:22.5%; }
	.cArea02 ul li .p1 { font-size:38px; }
	.cArea02 ul li .p2 { font-size:14px; margin-top:10px; }
	.cArea02 ul li .p3 { margin-top:15px; height:5px; }
	.cArea02 ul li .p3:before { height:5px; }
}
@media all and (max-width:1200px){
	.cArea { margin-top:40px; }
	.cArea01 { margin-top:30px; }
	.cArea01 .pic img { max-width:1200px; height:auto; }
	.cArea01 .pic .img02 { display:none; }
	.cArea01 .txt { width:600px; left:40px; }
	.cArea01 .txt .p1 { font-size:20px; }
	.cArea01 .txt .p2 { font-size:24px; margin-top:10px; }
	.cArea01 .txt .p3 { font-size:14px; margin-top:20px; line-height:25px; }
	.cArea01 .txt .p4 { margin-top:20px; }
	
	.cArea02 { margin-top:40px; }
	.cArea02 ul li { width:22.5%; }
	.cArea02 ul li .p1 { font-size:30px; }
	.cArea02 ul li .p2 { font-size:14px; margin-top:10px; }
	.cArea02 ul li .p3 { margin-top:15px; height:4px; }
	.cArea02 ul li .p3:before { height:4px; }
}
@media all and (max-width:750px){
	.cArea01 .pic img { max-width:100%; height:auto; }
	.cArea01 .pic .img01 { display:none; }
	.cArea01 .pic .img02 { display:block; min-height:320px; object-fit: cover; }
	.cArea01 .txt { width:92%; left:4%; }
	.cArea01 .txt .p1 { font-size:16px; }
	.cArea01 .txt .p2 { font-size:18px; margin-top:10px; }
	
	.cArea02 ul li { width:48%; margin-right:4%; }
	.cArea02 ul li:nth-child(2n) { margin-right:0; }
	.cArea02 ul li:nth-child(n + 3) { margin-top:20px; }
	.cArea02 ul li .p1 { font-size:24px; }
	.cArea02 ul li .p2 { font-size:14px; margin-top:10px; }
	.cArea02 ul li .p3 { margin-top:10px; height:3px; }
	.cArea02 ul li .p3:before { height:3px; }
}

.dArea { margin-top:80px; padding-bottom:80px; }
.dArea .wrap { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.dArea01 { width:32%; padding-top:35px; }
.dArea01 .bd01 { margin-top:130px; font-size:26px; color:#0f0f0f; }
.dArea01 .bd02 { margin-top:20px; }
.dArea01 .bd02 img { max-width:90%; height:auto; }
.dArea01 .bd03 { margin-top:25px; font-size:14px; line-height:25px; color:#797979; }
.dArea01 .bd04 { margin-top:40px; }
.dArea01 .bd04 a { display:block; width:145px; line-height:40px; border:1px solid #d2d2d2; color:#333; font-size:14px; text-align:center; }
.dArea01 .bd04:hover a { background:#d0a87b; color:#fff; border-color:#d0a87b; }

.dArea02 { width:66.375%;  }

@media all and (max-width:1680px){
	.dArea { margin-top:60px; padding-bottom:60px; }
	.dArea01 { width:32%; padding-top:0; }
	.dArea01 .bd01 { margin-top:20px; font-size:20px; }
	.dArea01 .bd02 { margin-top:20px; }
	.dArea01 .bd03 { margin-top:20px; font-size:14px; line-height:22px; }
	.dArea01 .bd04 { margin-top:25px; }
	.dArea01 .bd04 a { width:120px; line-height:35px; font-size:14px; }
 
	.dArea02 { width:64%;  }
}
@media all and (max-width:1200px){
	.dArea { margin-top:40px; padding-bottom:40px; }
}
@media all and (max-width:1000px){
	.dArea01 { width:100%; padding-top:0; }
	.dArea01 .bd01 { margin-top:15px; font-size:16px; }
	.dArea01 .bd02 { margin-top:15px; }
	.dArea01 .bd03 { margin-top:15px; font-size:14px; line-height:22px; }
	.dArea01 .bd04 { margin-top:20px; }
	.dArea01 .bd04 a { width:120px; line-height:35px; font-size:14px; }
 
	.dArea02 { width:100%; margin-top:30px; }
}
@media all and (max-width:750px){
	
}


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


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