@charset "utf-8";

.banner { position:relative; width:100%; }

.swiper-container-1 .swiper-slide { position:relative; width:100%; overflow:hidden; font-size:0; }
.swiper-container-1 .swiper-slide .img02 { display:none; }

.swiper-pagination-1 { position:absolute; bottom:110px; left:0; right:0; text-align:center; z-index:9;  }
.swiper-pagination-1 .swiper-pagination-bullet { width:8px; height:8px; margin:0 7px;  border-radius:100%; background:#fff; opacity:1; }
.swiper-pagination-1 .swiper-pagination-bullet-active { width:50px; border-radius:8px; }

.banner .btn01 { position:absolute; top:50%; transform: translateY(-50%); display:inline-block; width:50px; height:50px; background-size:100% 100%!important; z-index:2; cursor:pointer; z-index:9; }
.banner .prev-01 { background:url(d05.png) no-repeat center; left:5%; }
.banner .next-01 { background:url(d06.png) no-repeat center; right:5%; }

.banner .btn01.prev-01:hover { background:url(d03.png) no-repeat center; }
.banner .btn01.next-01:hover { background:url(d04.png) no-repeat center; }

@media all and (max-width:1680px){
	.swiper-pagination-1 { bottom:60px; }
	
	.banner .btn01 { width:40px; height:40px;  }
}
@media all and (max-width:1200px){
	.swiper-pagination-1 { bottom:40px; }
	
	.banner .btn01 { display:none; }
}
@media all and (max-width:900px){
	.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 { margin:0 3px; }
	.swiper-pagination-1 .swiper-pagination-bullet-active { width:25px; } 
}


 
.aArea { padding:100px 0 70px; }

.aArea01 { position:relative; float:left; width:1090px; }
.aArea01:before { position:absolute; top:75px; right:-37px; bottom:0; width:1px; display: block; content: ""; background: rgba(0, 0, 0, 0.1); z-index:9; }
.aArea02 { float:right; width:435px; }

.aBox11 { position: relative; }
.aBox11 .pic { position:relative; overflow:hidden; }
.aBox11 .pic:before { position:absolute; top:0; left:0; width:100%; height:100%; display: block; content: ""; background: url(a02.png) no-repeat center bottom; background-size:100% auto; z-index:1; }
.aBox11 .pic img { width:100%; height:620px; transition: all 0.6s; object-fit: cover; }
.aBox11 .date { position:absolute; top:0; left:65px; width:76px; padding: 6px 0; text-align: center; color:#fff; background:#CE8B5E; z-index:2; }
.aBox11 .date .p1 { font-size:36px; line-height: 1.2; font-weight: bold; }
.aBox11 .date .p2 { font-size:14px; }
.aBox11 .txt { position:absolute; bottom:55px; right:55px; left:65px; color:#fff; z-index:2; }
.aBox11 .txt .p1 { font-size:20px; font-weight: bold; line-height:65px; border-bottom:1px solid #fff; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aBox11 .txt .p2 { font-size:16px; line-height:25px; margin-top:15px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; }

.aBox11:hover .pic img { transform: scale(1.1)!important; }
 
.aBox12 { margin-top: 30px; } 
.aBox12 ul li { float:left; width:30%; height:125px; margin-right: 5%; display:flex; align-items: center; }
.aBox12 ul li:nth-child(3n) { margin-right: 0; }
.aBox12 ul li:nth-child(n + 4) { border-top:1px solid rgba(51, 51, 51, 0.2); }
.aBox12 ul li a { position: relative; display: inline-block; font-size:18px; line-height: 24px; color:#333; padding-left:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; }
.aBox12 ul li a:before { position:absolute; top:2px; left:0; width:3px; height:20px; display: block; content: ""; background:#CE8B5E; z-index:9; }

.aBox12 ul li:hover a { color:#CE8B5E; }

.aBox22 { margin-top:30px; }
.aBox21 .bd .pic { position:relative; overflow:hidden; }
.aBox21 .bd .pic img { width:100%; height:250px; transition: all 0.6s; object-fit: cover; }
.aBox21 .bd .txt { margin-top: 20px; }
.aBox21 .bd .txt .p1 { font-size:16px; color:#999; }
.aBox21 .bd .txt .p2 { font-size:18px; color:#333; line-height: 25px; margin-top: 10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; }

.aBox21 .bd:hover .pic img { transform: scale(1.1)!important; }
.aBox21 .bd:hover .txt .p2 { color:#CE8B5E; }

.aBox21 .bd01 { margin-top: 20px; }
.aBox21 .bd01 .p1 { font-size:16px; color:#999; }
.aBox21 .bd01 .p2 { font-size:18px; color:#333; line-height: 25px; margin-top: 5px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; }

.aBox21 .bd01:hover .p2 { color:#CE8B5E; }

@media all and (max-width:1680px){
	.aArea { padding:80px 0 60px; }

	.aArea01 { width:68%; }
	.aArea01:before { top:65px; right:-3%; }
	.aArea02 { width:28%; }
 
	.aBox11 .pic img { height:460px; }
	.aBox11 .date { left:40px; width:65px; padding: 6px 0; }
	.aBox11 .date .p1 { font-size:28px; }
	.aBox11 .date .p2 { font-size:14px; }
	.aBox11 .txt { bottom:45px; right:40px; left:40px; }
	.aBox11 .txt .p1 { font-size:18px; line-height:50px; }
	.aBox11 .txt .p2 { font-size:14px; line-height:25px; margin-top:10px; }
 
	.aBox12 { margin-top: 30px; } 
	.aBox12 ul li { width:30%; height:110px; margin-right: 5%; }
	.aBox12 ul li a { font-size:16px; line-height: 24px; }
 
	.aBox22 { margin-top:30px; }
	.aBox21 .bd .pic img { height:180px; }
	.aBox21 .bd .txt { margin-top: 10px; }
	.aBox21 .bd .txt .p1 { font-size:14px; }
	.aBox21 .bd .txt .p2 { font-size:16px; line-height: 25px; margin-top: 5px; }
 
	.aBox21 .bd01 { margin-top: 15px; }
	.aBox21 .bd01 .p1 { font-size:14px; }
	.aBox21 .bd01 .p2 { font-size:16px; line-height: 25px; margin-top: 5px; }
}
@media all and (max-width:1200px){
	.aArea { padding:60px 0; }

	.aArea01 { width:68%; }
	.aArea01:before { top:55px; right:-3%; }
	.aArea02 { width:28%; }
 
	.aBox11 .pic img { height:420px; }
	.aBox11 .date { left:20px; width:65px; padding: 6px 0; }
	.aBox11 .date .p1 { font-size:24px; }
	.aBox11 .date .p2 { font-size:14px; }
	.aBox11 .txt { bottom:45px; right:20px; left:20px; }
	.aBox11 .txt .p1 { font-size:16px; line-height:40px; }
	.aBox11 .txt .p2 { font-size:14px; line-height:25px; margin-top:10px; }
 
	.aBox12 { margin-top: 20px; } 
	.aBox12 ul li { width:30%; height:100px; margin-right: 5%; }
	.aBox12 ul li a { font-size:14px; line-height: 24px; }
	
	.aBox22 { margin-top:30px; }
	.aBox21 .bd .pic img { height:160px; }
	.aBox21 .bd .txt { margin-top: 10px; }
	.aBox21 .bd .txt .p1 { font-size:14px; }
	.aBox21 .bd .txt .p2 { font-size:14px; line-height: 20px; margin-top: 5px; }
 
	.aBox21 .bd01 { margin-top: 15px; }
	.aBox21 .bd01 .p1 { font-size:14px; }
	.aBox21 .bd01 .p2 { font-size:14px; line-height: 20px; margin-top: 5px; }
}
@media all and (max-width:900px){
	.aArea { padding:40px 0; }

	.aArea01 { float:none; width:100%; }
	.aArea01:before { display:none; }
	.aArea02 { float:none; width:100%; margin-top: 20px;}
 
	.aBox11 .pic img { height:auto; }
	.aBox11 .date { left:20px; width:65px; padding: 6px 0; }
	.aBox11 .date .p1 { font-size:24px; }
	.aBox11 .date .p2 { font-size:14px; }
	.aBox11 .txt { bottom:35px; right:20px; left:20px; }
	.aBox11 .txt .p1 { font-size:16px; line-height:40px; }
	.aBox11 .txt .p2 { font-size:14px; line-height:20px; margin-top:10px; }
 
	.aBox12 { margin-top: 20px; } 
	.aBox12 ul li { width:49%; height:80px; margin-right: 2%; }
	.aBox12 ul li a { font-size:14px; line-height: 24px; }
	.aBox12 ul li:nth-child(3n) { margin-right: 2%; }
	.aBox12 ul li:nth-child(2n) { margin-right: 0; }
	.aBox12 ul li:nth-child(n + 3) { border-top:1px solid rgba(51, 51, 51, 0.2); }
	.aBox12 ul li:nth-child(9) { display:none; }

	.aBox22 { margin-top:30px; }
	.aBox21 .bd .pic img { height:auto; }
	.aBox21 .bd .txt { margin-top: 10px; }
	.aBox21 .bd .txt .p1 { font-size:14px; }
	.aBox21 .bd .txt .p2 { font-size:14px; line-height: 20px; margin-top: 5px; }
 
	.aBox21 .bd01 { margin-top: 15px; }
	.aBox21 .bd01 .p1 { font-size:14px; }
	.aBox21 .bd01 .p2 { font-size:14px; line-height: 20px; margin-top: 5px; }
}
@media all and (max-width:750px){
	.aBox11 .pic:before { display:none; }
	.aBox11 .txt { position:relative; bottom:auto; right:auto; left:auto; padding:15px 4% 35px 4%; background:rgba(0,0,0,0.5); }

	.aBox12 ul li { width:100%; height:auto; padding: 15px 0; margin-right: 0; }
	.aBox12 ul li a { font-size:14px; line-height: 24px; }
	.aBox12 ul li:nth-child(3n) { margin-right: 0; }
	.aBox12 ul li:nth-child(2n) { margin-right: 0; }
	.aBox12 ul li:nth-child(n + 2) { border-top:1px solid rgba(51, 51, 51, 0.2); }
}

.swiper-pagination-a01 { position:absolute; left:0; bottom:20px; text-align:center; width:100%; font-size:0; z-index:2; }
.swiper-pagination-a01 .swiper-pagination-bullet { width:8px; height:8px; margin:0 7px;  border-radius:100%; background:#E5E5E5; opacity:1; }
.swiper-pagination-a01 .swiper-pagination-bullet-active { width:30px; border-radius:8px; background:#CE8B5E; }

@media all and (max-width:1680px){
	.swiper-pagination-a01 .swiper-pagination-bullet { width:8px; height:8px; margin:0 5px; }
	.swiper-pagination-a01 .swiper-pagination-bullet-active { width:20px; }
}
@media all and (max-width:1000px){
	.swiper-pagination-a01 { bottom:15px; }
	.swiper-pagination-a01 .swiper-pagination-bullet { width:6px; height:6px; margin:0 3px; }
	.swiper-pagination-a01 .swiper-pagination-bullet-active { width:15px; }
}
 
.aBox11 .btn {  font-size:0; z-index:2; }
.aBox11 .btn .btn01 { position:absolute;top:50%; transform: translateY(-50%); display:inline-block; width:50px; height:50px; background-size:100% 100%!important; z-index:2; cursor:pointer; }
.aBox11 .btn .prev-a01 { background:url(d05.png) no-repeat center; left:25px; }
.aBox11 .btn .next-a01 { background:url(d06.png) no-repeat center; right:25px; }

.aBox11 .btn .prev-a01:hover { background:url(d03.png) no-repeat center; }
.aBox11 .btn .next-a01:hover { background:url(d04.png) no-repeat center; }

@media all and (max-width:1680px){
	.aBox11 .btn .btn01 { width:40px; height:40px;  }
	.aBox11 .btn .prev-a01 { left:15px; }
	.aBox11 .btn .next-a01 { right:15px; }
}
@media all and (max-width:900px){
	.aBox11 .btn .btn01 { width:30px; height:30px;  }
}
 


.bArea { padding:100px 0; background:url(bArea.png) no-repeat center; background-size:cover; }
.bArea .bd ul li { position: relative; float:left; width:32%; margin-right: 2%; }
.bArea .bd ul li:nth-child(3n) { margin-right: 0;}
.bArea .bd ul li:nth-child(n + 4) { margin-top: 2%; }
.bArea .bd ul li a { position: relative; display:block; height:200px; padding: 25px 35px 0 35px; border: 1px solid #D6D6D6; background: #F7F7F7; box-sizing: border-box; }
.bArea .bd ul li .p1 { position: relative; padding-bottom: 20px; line-height: 1.1; border-bottom: 1px solid #D6D6D6; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: center; }
.bArea .bd ul li .p1:before { position: absolute; left:0; bottom:-1px; width:45px; height:3px; background: #CE8B5E; display: block; content:""; z-index: 1; }
.bArea .bd ul li .p1 i { font-size:30px; margin-right: 15px; color:#CE8B5E; font-weight: bold; }
.bArea .bd ul li .p1 span { font-size:16px; color:#999 }

.bArea .bd ul li .p1 .a2 { font-size:14px; color:#999 }

.bArea .bd ul li .p2 { font-size:18px; line-height: 25px; margin-top: 20px; color:#333; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; } 

.bArea .bd ul li:before { position:absolute; top:0; left:0; width:0; height:2px; display:block; content:""; background: #CE8B5E; transition: all 0.6s; z-index: 1; }
.bArea .bd ul li:after { position:absolute; top:0; left:0; width:2px; height:0; display:block; content:""; background: #CE8B5E; transition: all 0.6s; z-index: 1; }

.bArea .bd ul li:hover:before { width:95px; }
.bArea .bd ul li:hover:after { height:50px; }

.bArea .bd ul li a:before { position:absolute; bottom:-1px; right:-1px; width:0; height:2px; display:block; content:""; background: #CE8B5E; transition: all 0.6s; z-index: 1; }
.bArea .bd ul li a:after { position:absolute; bottom:-1px; right:-1px; width:2px; height:0; display:block; content:""; background: #CE8B5E; transition: all 0.6s; z-index: 1; }

.bArea .bd ul li:hover a:before { width:95px; }
.bArea .bd ul li:hover a:after { height:50px; }

.bArea .bd ul li:hover { box-shadow: 5px 7px 22px  rgba(0, 0, 0, 0.1); }
.bArea .bd ul li:hover a { background: #fff; border-color:#fff; }
.bArea .bd ul li:hover .p2 { font-weight:bold; color:#CE8B5E; }

@media all and (max-width:1680px){
	.bArea { padding:80px 0; }
 
	.bArea .bd ul li a { height:160px; padding: 20px 20px 0 20px;  }
	.bArea .bd ul li .p1 { padding-bottom: 15px; }
	.bArea .bd ul li .p1:before { width:35px; }
	.bArea .bd ul li .p1 i { font-size:24px; margin-right: 15px; }
	.bArea .bd ul li .p1 span { font-size:14px; }
	.bArea .bd ul li .p2 { font-size:16px; line-height: 25px; margin-top:15px; } 
}
@media all and (max-width:1200px){
	.bArea { padding:60px 0; }
}
@media all and (max-width:900px){
	.bArea { padding:40px 0; }
	.bArea .bd ul li { float:left; width:49%; margin-right: 2%; }
	.bArea .bd ul li:nth-child(3n) { margin-right: 2%; }
	.bArea .bd ul li:nth-child(2n) { margin-right: 0; }
	.bArea .bd ul li:nth-child(n + 3) { margin-top: 2%; }
	.bArea .bd ul li a { height:150px; padding: 20px 20px 0 20px;  }
	.bArea .bd ul li .p1 { padding-bottom: 15px; }
	.bArea .bd ul li .p1 i { font-size:24px; margin-right: 15px; }
	.bArea .bd ul li .p1 span { font-size:14px; }
	.bArea .bd ul li .p2 { font-size:14px; line-height: 20px; margin-top:15px; } 
}
@media all and (max-width:500px){
	.bArea .bd ul li { float:none; width:100%; margin-right:0; }
	.bArea .bd ul li a { height:auto; padding: 20px 4%;  }
	.bArea .bd ul li:nth-child(3n) { margin-right: 0; }
	.bArea .bd ul li:nth-child(2n) { margin-right: 0; }
	.bArea .bd ul li:nth-child(n + 2) { margin-top: 15px; }	
}

.cArea { padding:100px 0; }
.cArea .wrap { position:relative; }
.cArea .bd01 { position:absolute; top:0; left:50%; width:780px; transform: translateX(-50%); box-shadow: 5px 7px 22px  rgba(0, 0, 0, 0.1); z-index:2; }
.cArea .bd01 a { display:block;  }
.cArea .bd01 .pic { position:relative; overflow:hidden; }
.cArea .bd01 .pic img { width:100%; height:460px; transition: all 0.6s; object-fit: cover; }
.cArea .bd01 .date { position:absolute; top:0; left:45px; width:76px; padding: 6px 0; text-align: center; color:#fff; background:#CE8B5E; z-index:2; }
.cArea .bd01 .date .p1 { font-size:36px; line-height: 1.2; font-weight: bold; }
.cArea .bd01 .date .p2 { font-size:14px; }
.cArea .bd01 .txt { background:#fff; padding:45px 45px 0 45px; min-height:290px; color:#333; box-sizing: border-box; }
.cArea .bd01 .txt .p1 { font-size:24px; font-weight: bold; line-height:30px; border-bottom:1px solid #fff; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.cArea .bd01 .txt .p2 { font-size:16px; line-height:25px; margin-top:25px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; }
.cArea .bd01 .txt .p3 { margin-top:45px; display:none; }

.cArea .bd01:hover .txt .p1 { color:#CE8B5E; }
.cArea .bd01:hover .pic img { transform: scale(1.1)!important; }
 
.cArea .bd02 ul li { float:left; width:370px; }
.cArea .bd02 ul li:nth-child(2n) { margin-left:calc(100% - 740px); }
.cArea .bd02 ul li:nth-child(n + 3) { margin-top:35px; }
.cArea .bd02 ul li .pic { position:relative; overflow:hidden; }
.cArea .bd02 ul li .pic img { width:100%; height:210px; transition: all 0.6s; object-fit: cover; }
.cArea .bd02 ul li .txt { margin-top: 20px; }
.cArea .bd02 ul li .txt .p1 { font-size:16px; color:#999; }
.cArea .bd02 ul li .txt .p2 { font-size:18px; color:#333; line-height: 25px; min-height:25px; margin-top: 10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; }

.cArea .bd02 ul li:hover .pic img { transform: scale(1.1)!important; }
.cArea .bd02 ul li:hover .txt .p2 { color:#CE8B5E; }

@media all and (max-width:1680px){
	.cArea { padding:80px 0; }
	.cArea .bd01 { position:absolute; top:0; left:50%; width:48%; transform: translateX(-50%); }
	.cArea .bd01 .pic img { height:360px; }
	.cArea .bd01 .date { left:30px; width:65px; padding: 6px 0;  }
	.cArea .bd01 .date .p1 { font-size:28px; }
	.cArea .bd01 .date .p2 { font-size:14px; }
	.cArea .bd01 .txt { padding:30px 30px 0 30px; min-height:220px; }
	.cArea .bd01 .txt .p1 { font-size:20px; line-height:30px; }
	.cArea .bd01 .txt .p2 { font-size:14px; line-height:25px; margin-top:10px; }
	.cArea .bd01 .txt .p3 { margin-top:30px; }

	.cArea .bd02 ul li { width:24%; }
	.cArea .bd02 ul li:nth-child(2n) { margin-left:52%; }
	.cArea .bd02 ul li:nth-child(n + 3) { margin-top:25px; }
	.cArea .bd02 ul li .pic img { height:160px; }
	.cArea .bd02 ul li .txt { margin-top: 10px; }
	.cArea .bd02 ul li .txt .p1 { font-size:14px; }
	.cArea .bd02 ul li .txt .p2 { font-size:16px; line-height: 25px; margin-top: 5px; }
}
@media all and (max-width:1200px){
	.cArea { padding:60px 0; }
	.cArea .bd01 { position:absolute; top:0; left:50%; width:48%; transform: translateX(-50%); }
	.cArea .bd01 .pic img { height:360px; }
	.cArea .bd01 .date { left:20px; width:65px; padding: 6px 0;  }
	.cArea .bd01 .date .p1 { font-size:24px; }
	.cArea .bd01 .date .p2 { font-size:14px; }
	.cArea .bd01 .txt { padding:20px 20px 0 20px; min-height:200px; }
	.cArea .bd01 .txt .p1 { font-size:16px; line-height:20px; }
	.cArea .bd01 .txt .p2 { font-size:14px; line-height:25px; margin-top:10px; }
	.cArea .bd01 .txt .p3 { margin-top:30px; }

	.cArea .bd02 ul li { width:24%; }
	.cArea .bd02 ul li:nth-child(2n) { margin-left:52%; }
	.cArea .bd02 ul li:nth-child(n + 3) { margin-top:20px; }
	.cArea .bd02 ul li .pic img { height:160px; }
	.cArea .bd02 ul li .txt { margin-top: 10px; }
	.cArea .bd02 ul li .txt .p1 { font-size:14px; }
	.cArea .bd02 ul li .txt .p2 { font-size:14px; line-height: 20px; margin-top: 5px; }
}
@media all and (max-width:900px){
	.cArea { padding:60px 0; }
	.cArea .bd01 { position:relative; top:auto; left:auto; width:100%; transform: translateX(0); }
	.cArea .bd01 .pic img { height:auto; }
	.cArea .bd01 .date { left:20px; width:65px; padding: 6px 0;  }
	.cArea .bd01 .date .p1 { font-size:24px; }
	.cArea .bd01 .date .p2 { font-size:14px; }
	.cArea .bd01 .txt { padding:20px 4% 35px; min-height:10px; }
	.cArea .bd01 .txt .p1 { font-size:16px; line-height:20px; }
	.cArea .bd01 .txt .p2 { font-size:14px; line-height:25px; margin-top:10px; }
	.cArea .bd01 .txt .p3 { margin-top:20px; }
	
	.cArea .bd02 { margin-top:30px; }
	.cArea .bd02 ul li { width:49%; }
	.cArea .bd02 ul li:nth-child(2n) { margin-left:2%; }
	.cArea .bd02 ul li:nth-child(n + 3) { margin-top:15px; }
	.cArea .bd02 ul li .pic img { height:auto; }
	.cArea .bd02 ul li .txt { margin-top: 10px; }
	.cArea .bd02 ul li .txt .p1 { font-size:14px; }
	.cArea .bd02 ul li .txt .p2 { font-size:14px; line-height: 20px; margin-top: 5px; }
}
@media all and (max-width:400px){
	.cArea .bd02 ul li { width:100%; }
	.cArea .bd02 ul li:nth-child(2n) { margin-left:0; }
	.cArea .bd02 ul li:nth-child(n + 2) { margin-top:15px; }
}

.swiper-pagination-c01 { position:absolute; left:0; bottom:50px; text-align:center; width:100%; font-size:0; z-index:2; }
.swiper-pagination-c01 .swiper-pagination-bullet { width:8px; height:8px; margin:0 7px;  border-radius:100%; background:#E5E5E5; opacity:1; }
.swiper-pagination-c01 .swiper-pagination-bullet-active { width:30px; border-radius:8px; background:#CE8B5E; }

@media all and (max-width:1680px){
	.swiper-pagination-c01 { bottom:40px;  }
	.swiper-pagination-c01 .swiper-pagination-bullet { width:8px; height:8px; margin:0 5px; }
	.swiper-pagination-c01 .swiper-pagination-bullet-active { width:20px; }
}
@media all and (max-width:1000px){
	.swiper-pagination-c01 { bottom:15px; }
	.swiper-pagination-c01 .swiper-pagination-bullet { width:6px; height:6px; margin:0 3px; }
	.swiper-pagination-c01 .swiper-pagination-bullet-active { width:15px; }
}

.cArea .bd01 .btn {  font-size:0; z-index:2; }
.cArea .bd01 .btn01 { position:absolute; top:30%; display:inline-block; width:50px; height:50px; background-size:100% 100%!important; z-index:2; cursor:pointer; }
.cArea .bd01 .prev-c01 { background:url(d05.png) no-repeat center; left:25px; }
.cArea .bd01 .next-c01 { background:url(d06.png) no-repeat center; right:25px; }

.cArea .bd01 .prev-c01:hover { background:url(d03.png) no-repeat center; }
.cArea .bd01 .next-c01:hover { background:url(d04.png) no-repeat center; }

@media all and (max-width:1680px){
	.cArea .bd01 .btn .btn01 { width:40px; height:40px;  }
	.cArea .bd01 .btn .prev-c01 { left:15px; }
	.cArea .bd01 .btn .next-c01 { right:15px; }
}
@media all and (max-width:900px){
	.cArea .bd01 .btn .btn01 { width:30px; height:30px;  }
}



.dArea { padding:100px 0; background:#F7F9FA; }
.dArea .wrap { position:relative; }
.dArea .Area-hd .mBtn { display:none; }

.dArea .bd01 { position:absolute; top:10px; right:55px; z-index:2; }
.dArea .bd01 .swiper-slide { width:auto; margin-right:60px; font-size:20px; color:#1d1d1d; border-bottom:2px solid transparent; cursor:pointer; }
.dArea .bd01 .swiper-slide:last-child { margin-right:0; }
.dArea .bd01 .swiper-slide-thumb-active { font-weight:bold; color:#CE8B5E; border-color:#CE8B5E; }

.dArea .bd02 { position:relative; overflow:hidden; }
.dArea .bd02 .bdd { position:relative; width:100%; /*width:80%; max-width:1255px;*/ }
.dArea .bd02 .swiper-slide { width:100%; margin-right:30px; }
.dArea .bd02 .swiper-slide .txt { position:absolute; left:50px; right:290px; bottom:50px; color:#fff; z-index:2; }
.dArea .bd02 .swiper-slide .txt .p1 { height:50px; }
.dArea .bd02 .swiper-slide .txt .p1 img { max-height:45px; width:auto; }
.dArea .bd02 .swiper-slide .txt .p2 { font-size:28px; font-weight:bold; line-height:1.1; }
.dArea .bd02 .swiper-slide .txt .p3 { font-size:16px; line-height:25px; margin-top:20px; overflow:hidden; text-overflow:ellipsis; display:none;  -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; }

.dArea .bd02 .swiper-slide-active .txt .p3 { display:-webkit-box; }

.dArea .bd02 .btn {  font-size:0; z-index:2; }
.dArea .bd02 .btn .btn01 { position:absolute;top:50%; transform: translateY(-50%); display:inline-block; width:50px; height:50px; background-size:100% 100%!important; z-index:2; cursor:pointer; }
.dArea .bd02 .btn .prev-d01 { background:url(d05.png) no-repeat center; left:25px; }
.dArea .bd02 .btn .next-d01 { background:url(d06.png) no-repeat center; right:25px; }

.dArea .bd02 .btn .prev-d01:hover { background:url(d03.png) no-repeat center; }
.dArea .bd02 .btn .next-d01:hover { background:url(d04.png) no-repeat center; }

@media all and (max-width:1680px){
	.dArea { padding:80px 0; }
	
	.dArea .bd01 { top:5px; right:55px; }
	.dArea .bd01 .swiper-slide { width:auto; margin-right:30px; font-size:16px; }
	.dArea .bd01 .swiper-slide:last-child { margin-right:0; }
	
	.dArea .bd02 .bdd { width:100%; }
	.dArea .bd02 .swiper-slide { width:100%; }
	.dArea .bd02 .swiper-slide .txt { left:30px; right:190px; bottom:30px; }
	.dArea .bd02 .swiper-slide .txt .p1 { height:45px; }
	.dArea .bd02 .swiper-slide .txt .p1 img { max-height:40px; width:auto; }
	.dArea .bd02 .swiper-slide .txt .p2 { font-size:20px; }
	.dArea .bd02 .swiper-slide .txt .p3 { font-size:14px; line-height:25px; margin-top:10px;  }
 
	.dArea .bd02 .btn {   }
	.dArea .bd02 .btn .btn01 { width:40px; height:40px;  }
	.dArea .bd02 .btn .prev-d01 { left:15px; }
	.dArea .bd02 .btn .next-d01 { right:15px; }
}
@media all and (max-width:1200px){
	.dArea { padding:60px 0; }
	.dArea .bd02 .swiper-slide { margin-right:20px; }
}
@media all and (max-width:900px){
	.dArea { padding:40px 0; }
	.dArea .Area-hd .mBtn { display:block; }
	.dArea .Area-hd .mBtn01 { display:none; }
	
	.dArea .bd01 { position:relative; top:auto; right:auto; width:100%; z-index:2; display:none; }
	.dArea .bd01 .swiper-slide { width:auto; margin-right:20px; font-size:16px; }
	.dArea .bd01 .swiper-slide:last-child { margin-right:0; }
	
	.dArea .bd02 .bdd { width:100%; }
	.dArea .bd02 .swiper-slide { margin-right:10px; }
	.dArea .bd02 .swiper-slide .pic img { min-height:200px; object-fit: cover; }
	.dArea .bd02 .swiper-slide .txt { left:4%; right:4%; bottom:15px; }
	.dArea .bd02 .swiper-slide .txt .p1 { height:35px; }
	.dArea .bd02 .swiper-slide .txt .p1 img { max-height:30px; width:auto; }
	.dArea .bd02 .swiper-slide .txt .p2 { font-size:18px; }
	.dArea .bd02 .swiper-slide .txt .p3 { font-size:14px; line-height:20px; margin-top:10px; display:-webkit-box; }
 
	.dArea .bd02 .btn { position:relative; right:auto; bottom:auto; margin-top:25px; text-align:center; }
	.dArea .bd02 .btn .btn01 { position:relative; width:30px; height:30px; left:auto!important; right:auto!important; }
	.dArea .bd02 .btn .prev-d01 { margin-right:10px; }
}

.eArea { padding:100px 0 420px; background:url(eArea.png) no-repeat center bottom; background-size:cover; }
.eArea .Area-hd { height:auto; }
.eArea .Area-hd p { font-size:40px; }
.eArea01 { float:left; }
.eArea01 .bd { width:360px; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: center; }
.eArea01 .bd .p1 { width:150px; background:#CE8B5E; text-align:center; }
.eArea01 .bd .p1 i { display:inline-block; line-height:50px; font-size:16px; padding-right:30px; color:#fff; background:url(ico08.png) no-repeat center right; }
.eArea01 .bd .p2 { padding-left:30px; background:url(ico09.png) no-repeat center left; cursor:pointer; }
.eArea01 .bd .p2 i { display:inline-block; line-height:30px; font-size:16px; color:#999; border-bottom:1px solid #999; }

.eArea02 { float:right; width:955px; }
.eArea02 .bd { font-size: 18px; line-height:1.5; color:#333; }
.eArea02 .bd01 { margin-top:100px; }
.eArea02 .bd01 ul { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.eArea02 .bd01 ul li .p1 { font-size:20px; color:#CE8B5E; font-weight:bold; line-height:1.1; }
.eArea02 .bd01 ul li .p1 i { font-size:60px; }
.eArea02 .bd01 ul li .p2 { font-size:16px; color:#333; }

@media all and (max-width:1680px){
	.eArea { padding:80px 0 300px; }
	.eArea .Area-hd p { font-size:30px; }
	.eArea01 { float:left; }
	.eArea01 .bd { width:270px; }
	.eArea01 .bd .p1 { width:110px; }
	.eArea01 .bd .p1 i { line-height:40px; font-size:14px; padding-right:20px; background-size:10px auto; }
	.eArea01 .bd .p2 { padding-left:20px; background-size:12px auto; }
	.eArea01 .bd .p2 i { line-height:25px; font-size:14px; }

	.eArea02 { float:right; width:calc(100% - 400px); }
	.eArea02 .bd { font-size: 16px; }
	.eArea02 .bd01 { margin-top:50px; }
	.eArea02 .bd01 ul li .p1 { font-size:18px; }
	.eArea02 .bd01 ul li .p1 i { font-size:50px; }
	.eArea02 .bd01 ul li .p2 { font-size:14px; }
}
@media all and (max-width:1200px){
	.eArea { padding:60px 0 200px; }
	.eArea .Area-hd p { font-size:24px; }
	.eArea01 { float:left; }
	.eArea01 .bd { width:250px; }
	.eArea01 .bd .p1 { width:100px; }
	.eArea01 .bd .p1 i { line-height:35px; font-size:14px; padding-right:20px; background-size:10px auto; }
	.eArea01 .bd .p2 { padding-left:20px; background-size:12px auto; }
	.eArea01 .bd .p2 i { line-height:25px; font-size:14px; }

	.eArea02 { float:right; width:calc(100% - 350px); }
	.eArea02 .bd { font-size: 14px; }
	.eArea02 .bd01 { margin-top:30px; }
	.eArea02 .bd01 ul li .p1 { font-size:16px; }
	.eArea02 .bd01 ul li .p1 i { font-size:30px; }
	.eArea02 .bd01 ul li .p2 { font-size:14px; }
}
@media all and (max-width:900px){
	.eArea { padding:40px 0 23vw; background-size:100% auto; }
	.eArea .Area-hd { display:block; }
	.eArea .Area-hd p { font-size:20px; text-align:center; }
	.eArea01 { float:none; }
	.eArea01 .bd { width:230px; margin:0 auto; }
	.eArea01 .bd .p1 { width:100px; }
	.eArea01 .bd .p1 i { line-height:35px; font-size:14px; padding-right:20px; background-size:10px auto; }
	.eArea01 .bd .p2 { padding-left:20px; background-size:12px auto; }
	.eArea01 .bd .p2 i { line-height:25px; font-size:14px; }

	.eArea02 { float:none; width:100%; margin-top:25px; }
	.eArea02 .bd { font-size: 14px; }
	.eArea02 .bd01 { margin-top:30px; }
	.eArea02 .bd01 ul li .p1 { font-size:16px; }
	.eArea02 .bd01 ul li .p1 i { font-size:30px; }
	.eArea02 .bd01 ul li .p2 { font-size:14px; }
}
@media all and (max-width:550px){
	.eArea02 .bd01 ul li { width:49%; }
	.eArea02 .bd01 ul li:nth-child(n + 3) { margin-top:20px; }
}

.fArea { padding:100px 0; }
.fArea .wrap { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: center; }
.fArea01 { width:410px; }
.fArea01 .img02 { display:none; }

.fArea02 { width:calc(100% - 500px); }
.fArea02 .bd { padding-top:10px; }
.fArea02 .bd ul { position:relative; }
.fArea02 .bd ul li.li01 { float:left; width:50%; min-height:250px; box-sizing: border-box; }
.fArea02 .bd ul li.li01 .p1 { height:50px; }
.fArea02 .bd ul li.li01 .p1 img { max-height:50px; width:auto; }
.fArea02 .bd ul li.li01 .p2 { font-size:24px; margin-top:15px; color:#1D1D1B; }
.fArea02 .bd ul li.li01 .p3 { font-size:18px; margin-top:20px; color:#333; }
.fArea02 .bd ul li.li02 { position:absolute; display:block; content:""; background:#CE8B5E; z-index:2; }
.fArea02 .bd ul li.li03 { position:absolute; top:50%; left:50%; width:118px; transform: translate(-50%,-50%); z-index:2; }


.fArea02 .bd ul li.li11 { padding:30px 130px 0 0; }
.fArea02 .bd ul li.li12 { padding:30px 0 0 100px; }
.fArea02 .bd ul li.li13 { padding:90px 130px 0 0; }
.fArea02 .bd ul li.li14 { padding:90px 0 0 100px; }

.fArea02 .bd ul li.li21 { left:0; bottom:250px; width:calc(50% - 130px); height:1px; }
.fArea02 .bd ul li.li22 { left:50%; top:0; width:1px; height:150px; }
.fArea02 .bd ul li.li23 { right:0; bottom:250px; width:calc(50% - 130px); height:1px; }
.fArea02 .bd ul li.li24 { left:50%; bottom:0; width:1px; height:150px; }

@media all and (max-width:1680px){
	.fArea { padding:80px 0; }
	.fArea01 { width:300px; }

	.fArea02 { width:calc(100% - 380px); }
	.fArea02 .bd { padding-top:0; }
	.fArea02 .bd ul li.li01 { min-height:200px; }
	.fArea02 .bd ul li.li01 .p1 { height:40px; }
	.fArea02 .bd ul li.li01 .p1 img { max-height:40px; }
	.fArea02 .bd ul li.li01 .p2 { font-size:18px; margin-top:10px; }
	.fArea02 .bd ul li.li01 .p3 { font-size:14px; margin-top:15px; }
	.fArea02 .bd ul li.li03 { width:60px; }


	.fArea02 .bd ul li.li11 { padding:20px 60px 0 0; }
	.fArea02 .bd ul li.li12 { padding:20px 0 0 60px; }
	.fArea02 .bd ul li.li13 { padding:70px 60px 0 0; }
	.fArea02 .bd ul li.li14 { padding:70px 0 0 60px; }

	.fArea02 .bd ul li.li21 { left:0; bottom:200px; width:calc(50% - 60px); height:1px; }
	.fArea02 .bd ul li.li22 { left:50%; top:0; width:1px; height:130px; }
	.fArea02 .bd ul li.li23 { right:0; bottom:200px; width:calc(50% - 60px); height:1px; }
	.fArea02 .bd ul li.li24 { left:50%; bottom:0; width:1px; height:130px; }
}
@media all and (max-width:1200px){
	.fArea { padding:60px 0; }
	.fArea01 { width:300px; }

	.fArea02 { width:calc(100% - 350px); }
	.fArea02 .bd ul li.li01 .p1 { height:35px; }
	.fArea02 .bd ul li.li01 .p1 img { max-height:35px; }
	 
}
@media all and (max-width:900px){
	.fArea { padding:40px 0; }
	.fArea01 { width:100%; }
	.fArea01 .img01 { display:none; }
	.fArea01 .img02 { display:block; }

	.fArea02 { width:100%; margin-top:30px; }
	.fArea02 .bd { padding-top:0; }
	.fArea02 .bd ul li.li01 { width:100%; min-height:10px; padding:30px 0!important; border-bottom:1px solid #CE8B5E; }
	.fArea02 .bd ul li.li01 .p1 { height:30px; }
	.fArea02 .bd ul li.li01 .p1 img { max-height:30px; }
	.fArea02 .bd ul li.li01 .p2 { font-size:16px; margin-top:10px; }
	.fArea02 .bd ul li.li01 .p3 { font-size:14px; margin-top:10px; }
	
	.fArea02 .bd ul li.li02 { display:none; }
	.fArea02 .bd ul li.li03 { display:none; }
	
	.fArea02 .bd ul li.li11 { padding-top:0!important; }
	.fArea02 .bd ul li.li14 { padding-bottom:0!important; border-bottom:none; }
}

.gArea { padding:100px 0; }
.gArea ul { display:flex; flex-wrap: wrap; flex-direction:row; justify-content: space-between; }
.gArea ul li { position:relative; width:13.75%; transition: all 0.6s; overflow:hidden; cursor:pointer; }
.gArea ul li .pic { position:relative; }
.gArea ul li .pic:before { position:absolute; top:0; left:0; width:100%; height:100%; display:block; content:""; z-index:2; }
.gArea ul li .pic img { width:660px; height:auto; }

.gArea ul li .txt { position:absolute; top:145px; left:0; right:0; padding:0 35px; text-align:center; transition: all 0.6s; z-index:2; }
.gArea ul li .txt .p1 img { width:60px; height:60px;  }
.gArea ul li .txt .p2 { font-size:24px; margin-top:25px; color:#1D1D1B; }
.gArea ul li .txt .p3 { width:40px; height:3px; margin-top:20px; background:#fff; margin-left:auto; margin-right:auto; display:none; }
.gArea ul li .txt .p4 { font-size:18px; line-height:32px; margin-top:40px; color:#333333; }

.gArea ul li.on { width:41%; }
.gArea ul li.on .pic:before { background:rgba(204,117,63,0.8); }
.gArea ul li.on .txt { top:90px; }
.gArea ul li.on .txt .p1 { width:150px; height:150px; background:url(ico14.png) no-repeat center; background-size:100% auto; margin:0 auto; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: center; align-items: center; }
.gArea ul li.on .txt .p1 img { width:45px; height:45px;  }
.gArea ul li.on .txt .p2 { margin-top:40px; color:#fff; font-weight:bold; }
.gArea ul li.on .txt .p3 { display:block; }
.gArea ul li.on .txt .p4 { margin-top:20px; color:#fff; }

.gArea .bd02 { display:none; }
.gArea .bd02 .swiper-slide { width:350px; margin-right:2%; }
.gArea .bd02 .swiper-slide:last-child { margin-right:0; }
.gArea .bd02 .swiper-slide .pic:before { position:absolute; top:0; left:0; width:100%; height:100%; display:block; content:""; z-index:2; }
.gArea .bd02 .swiper-slide .pic img { width:100%; height:auto; }

.gArea .bd02 .swiper-slide .txt { position:absolute; top:85px; left:0; right:0; padding:0 20px; text-align:center; transition: all 0.6s; z-index:2; }
.gArea .bd02 .swiper-slide .txt .p1 img { width:30px; height:30px;  }
.gArea .bd02 .swiper-slide .txt .p2 { font-size:18px; margin-top:10px; color:#1D1D1B; }
.gArea .bd02 .swiper-slide .txt .p3 { width:30px; height:2px; margin-top:10px; background:#fff; margin-left:auto; margin-right:auto; display:none; }
.gArea .bd02 .swiper-slide .txt .p4 { font-size:14px; line-height:25px; margin-top:10px; color:#333333; }

.gArea .bd02 .swiper-slide:hover .pic:before { background:rgba(204,117,63,0.8); }
.gArea .bd02 .swiper-slide:hover .txt { top:40px; }
.gArea .bd02 .swiper-slide:hover .txt .p1 { width:80px; height:80px; background:url(ico14.png) no-repeat center; background-size:100% auto; margin:0 auto; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: center; align-items: center; }
.gArea .bd02 .swiper-slide:hover .txt .p1 img { width:25px; height:25px;  }
.gArea .bd02 .swiper-slide:hover .txt .p2 { color:#fff; }
.gArea .bd02 .swiper-slide:hover .txt .p3 { display:block; }
.gArea .bd02 .swiper-slide:hover .txt .p4 { color:#fff; }
 

@media all and (max-width:1680px){
	.gArea { padding:80px 0; }
	.gArea ul li { width:13.75%; }
	.gArea ul li .pic img { width:500px; height:auto; }

	.gArea ul li .txt { top:80px; padding:0 25px; }
	.gArea ul li .txt .p1 img { width:45px; height:45px;  }
	.gArea ul li .txt .p2 { font-size:20px; margin-top:25px; }
	.gArea ul li .txt .p3 { width:40px; height:2px; margin-top:20px; }
	.gArea ul li .txt .p4 { font-size:16px; line-height:30px; margin-top:30px; }

	.gArea ul li.on { width:41%; }
 
	.gArea ul li.on .txt { top:60px; }
	.gArea ul li.on .txt .p1 { width:120px; height:120px; }
	.gArea ul li.on .txt .p1 img { width:35px; height:35px;  }
	.gArea ul li.on .txt .p2 { margin-top:30px; }
	.gArea ul li.on .txt .p4 { margin-top:20px; }
}
@media all and (max-width:1200px){
	.gArea { padding:60px 0; }
	.gArea ul li { width:13.75%; }
	.gArea ul li .pic img { width:39vw; height:auto; }

	.gArea ul li .txt { top:8vw; padding:0 15px; }
	.gArea ul li .txt .p1 img { width:30px; height:30px;  }
	.gArea ul li .txt .p2 { font-size:18px; margin-top:10px; }
	.gArea ul li .txt .p3 { width:30px; height:2px; margin-top:10px; }
	.gArea ul li .txt .p4 { font-size:14px; line-height:25px; margin-top:10px; }

	.gArea ul li.on { width:41%; }
 
	.gArea ul li.on .txt { top:5vw; }
	.gArea ul li.on .txt .p1 { width:80px; height:80px; }
	.gArea ul li.on .txt .p1 img { width:25px; height:25px;  }
	.gArea ul li.on .txt .p2 { margin-top:15px; }
	.gArea ul li.on .txt .p4 { margin-top:15px; }
}
@media all and (max-width:900px){
	.gArea { padding:40px 0; }
	.gArea .bd01 { display:none; }
	.gArea .bd02 { display:block; }
}
@media all and (max-width:500px){
	.gArea .bd02 .swiper-slide { width:280px; margin-right:2%; }
	.gArea .bd02 .swiper-slide:last-child { margin-right:0; }
	 
	.gArea .bd02 .swiper-slide .txt { top:15vw; }
	 
	.gArea .bd02 .swiper-slide:hover .txt { top:10vw; }
	.gArea .bd02 .swiper-slide:hover .txt .p1 { width:60px; height:60px; }
}



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