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

.Area-hd { text-align:center; margin-bottom:45px; }
.Area-hd .p1 { font-size:30px; color:#333; line-height:1; }
.Area-hd .p1 i { display:inline-block; padding-bottom:10px; border-bottom:4px solid #bead68; }
.Area-hd .p2 { margin:25px auto 0; font-size:14px; color:#666; max-width:980px; }

@media all and (max-width:1200px){
	.Area-hd { margin-bottom:25px; }
	.Area-hd .p1 { font-size:24px; }
	.Area-hd .p1 i { border-bottom:2px solid #bead68; }
	.Area-hd .p2 { margin-top:15px; }
}
@media all and (max-width:1000px){
	.Area-hd .p1 { font-size:20px; }
	.Area-hd .p2 { font-size:12px; }
}

.aArea { padding:90px 0 100px; background:#f4f4f4; }
.aArea01 { margin-bottom:50px; }
.aArea01 .swiper-slide a { display:block; border:1px solid #ededed; background:#fff; }
 
@media all and (max-width:1200px){
	.aArea { padding:60px 0; }
	.aArea01 { margin-bottom:40px; }
}
@media all and (max-width:1000px){
	.aArea { padding:30px 0; }
	.aArea01 { margin-bottom:25px; }
}

.bArea { padding:90px 0 80px; }
 
@media all and (max-width:1200px){
	.bArea { padding:60px 0; }
}
@media all and (max-width:1000px){
	.bArea { padding:30px 0; }
	 
}

.cArea { padding:90px 0 80px; background:#f4f4f4; }
.cArea02 { position:relative; padding:40px 0; background:#fff; }
.cArea02:before { position:absolute; top:0; right:0; display:block; content:""; width:2px; height:100%; background:#fff; z-index:2; }
.cArea02 .swiper-slide { text-align:center; }
.cArea02 .swiper-slide a { position:relative; display:block; padding:25px 0; }
.cArea02 .swiper-slide a:before { position:absolute; top:25px; right:0; display:block; content:""; width:1px; height:40px; background:#bead68; z-index:2; }
.cArea02 .swiper-slide .p1 img { height:40px; width:auto; }
.cArea02 .swiper-slide .p2 { font-size:18px; color:#000; margin:40px 0 20px; }
.cArea02 .swiper-slide .p3 { font-size:14px; color:#555; text-transform:uppercase; line-height:20px; min-height:60px; padding:0 15%; display:none; }

.cArea03 { margin-top:30px; text-align:center; }
.cArea03 a { display:inline-block; width:68px; height:14px; margin:0 90px; }
.cArea03 a.prev01 { background:url(c01.png) no-repeat center; }
.cArea03 a.next01 { background:url(c02.png) no-repeat center; }

@media all and (max-width:1200px){
	.cArea { padding:60px 0; }
	.cArea02 { padding:30px 0; }
	
	.cArea02 .swiper-slide a { padding:20px 0; }
	.cArea02 .swiper-slide a:before { top:20px; }
	.cArea02 .swiper-slide .p2 { font-size:16px; margin:20px 0 10px; }
	.cArea02 .swiper-slide .p3 { font-size:12px; padding:0 10%; }
}
@media all and (max-width:1000px){
	.cArea { padding:30px 0; }
	.cArea02 .swiper-slide .p2 { font-size:14px; margin:20px 0 0; padding:0 10px; }
	.cArea02 .swiper-slide .p3 { display:none; }
	
	.cArea03 { margin-top:20px; }
	.cArea03 a { margin:0 20px; }
}

.dArea { padding:80px 0 30px; }
.dArea .hd { text-align:center; margin-bottom:40px; }
.dArea .hd ul li { display:inline-block; font-size:30px; color:#000; margin:0 50px; padding-bottom:15px; border-bottom:4px solid #fff; line-height:1; cursor:pointer; }
.dArea .hd ul li.on { border-bottom:4px solid #bead68; }

.dArea .swiper-container { position:relative; height:670px; }

.dBox01 { position:relative; width:280px; cursor:pointer; }
.dBox01 p { position:absolute; left:25%; bottom:-4px; width:50%; height:8px; background:#bead68; z-index:5; display:none }
.dBox01 span { display:none; height:35px; font-size:14px; color:#fff; padding:0 10px; background:#bead68; text-align:center; line-height:35px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.dBox02 { position:absolute; top:-230px; right:0; width:calc(100% - 320px); height:670px; display:none; z-index:5; }
.dBox02 .pic { position:relative; width:70%; overflow:hidden; }
.dBox02 .pic img { width:auto; height:670px; }
.dBox02 .txt { position:absolute; right:0; bottom:0; width:calc(30% + 1px); padding:50px; height:300px; background:#bead68; color:#fff; box-sizing: border-box; }
.dBox02 .txt .p1 { font-size:24px; line-height:40px; height:80px; margin-bottom:40px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.dBox02 .txt .p2 { font-size:14px; line-height:25px; height:75px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:3; }
 
.dArea .swiper-slide-active .dBox02 { display:block; }
.dArea .swiper-slide-active .dBox01 p { display:block; }


@media all and (max-width:1400px){
	.dArea .swiper-container { height:auto; }
	.dArea .swiper-slide-active .dBox01 p { display:none; }
	 
	.dBox02 { position:relative; top:0; right:0; width:100%; height:auto; display:block; z-index:5; }
	.dBox02 .pic { display:none; }
	.dBox02 .txt { position:relative; right:auto; bottom:auto; width:100%; padding:20px 10px; height:auto; }
	.dBox02 .txt .p1 { font-size:14px; line-height:20px; height:20px; margin-bottom:5px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:1; }
	.dBox02 .txt .p2 { font-size:12px; line-height:20px; height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:3; }
	 
	 
	.dBox01 { width:100%; }
	.dBox01 span { display:block; }
	
	.dBox02 .pic img { width:100%; height:auto; }
}
 

@media all and (max-width:1200px){
	.dArea { padding:60px 0 30px; }
	.dArea .hd { text-align:center; margin-bottom:25px; }
	.dArea .hd ul li { font-size:24px; margin:0 20px; padding-bottom:10px; border-bottom:2px solid #fff; }
	.dArea .hd ul li.on { border-bottom:2px solid #bead68; }
}
@media all and (max-width:1000px){
	.dArea { padding:30px 0; }
	.dArea .hd ul li { font-size:20px; margin:0 15px; }
}
@media all and (max-width:750px){
	.dArea .hd ul li { font-size:16px; margin:0 10px; }
}

.eArea { padding:20px 0 110px 0; background:#f4f4f4; }
.eArea01 { float:left; width:360px; }
.eArea01 .hd { width:84%; background:url(e03.png) no-repeat top left; background-size:contain; padding-top:100px; font-size:30px; margin-bottom:110px; }
.eArea01 .hd .p1 { color:#000; line-height:1; margin-bottom:20px; }
.eArea01 .hd .p2 { color:#999; line-height:1.2; text-transform:uppercase; }
.eArea01 .p3 { font-size:30px; color:#999; margin-bottom:25px; }
.eArea01 .p3 i { font-size:120px; color:#bead68; line-height:100px; }
.eArea01 .p4 { font-size:14px; color:#333; line-height:25px; }

.eArea02 { float:right; width:calc(100% - 415px); }
.eArea02 .swiper-slide a { display:block; padding:35px; background:#fff; }
.eArea02 .swiper-slide .txt { padding-top:20px; }
.eArea02 .swiper-slide .txt .p1 { text-align:center; font-size:18px; color:#333; font-weight:bold; height:20px; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.eArea02 .swiper-slide .txt .p2 { text-align:center; font-size:14px; color:#848484; margin-top:10px; height:20px; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.eArea02 .swiper-slide .txt .p3 { text-align:center; font-size:14px; color:#848484; margin-top:10px; height:20px; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.eArea02 .swiper-slide .txt01 { padding-left:25px; margin-top:40px; }
.eArea02 .swiper-slide .txt01 .p4 { font-size:14px; color:#333; padding-left:25px; background:url(e01.png) no-repeat left 3px; height:20px; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.eArea02 .swiper-slide .txt01 .p5 { font-size:14px; color:#333; margin-top:10px; padding-left:25px; background:url(e02.png) no-repeat left 3px; height:20px; line-height:20px;  overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}

@media all and (max-width:1680px){
	.eArea { padding:20px 0 90px 0; }
	.eArea01 .hd {  padding-top:70px; margin-bottom:70px; }
	.eArea01 .p3 i { font-size:90px; line-height:1; }
	
	.eArea02 .swiper-slide a { padding:25px; }
	.eArea02 .swiper-slide .txt01 { padding-left:0; }
}
@media all and (max-width:1400px){
	.eArea01 { float:left; width:300px; }
	.eArea01 .hd { width:100%; padding-top:50px; font-size:26px; margin-bottom:50px; }
	.eArea01 .hd .p1 { margin-bottom:15px; }
	.eArea01 .p3 { font-size:26px; color:#999; margin-bottom:15px; }
	.eArea01 .p3 i { font-size:60px; line-height:1; }
	 
	.eArea02 { float:right; width:calc(100% - 330px); }
	.eArea02 .swiper-slide a { padding:15px; }
	.eArea02 .swiper-slide .txt { padding-top:15px; }
	.eArea02 .swiper-slide .txt .p1 { font-size:16px; }
	.eArea02 .swiper-slide .txt .p2 { font-size:12px; }
	.eArea02 .swiper-slide .txt .p3 { font-size:12px; }
	.eArea02 .swiper-slide .txt01 { margin-top:20px; }
	.eArea02 .swiper-slide .txt01 .p4 { font-size:12px; }
	.eArea02 .swiper-slide .txt01 .p5 { font-size:12px; }
}
@media all and (max-width:1200px){
	.eArea { padding:20px 0 60px 0; }
	.eArea01 { float:none; width:100%; text-align:center; margin-bottom:25px; }
	.eArea01 .hd { width:100%; padding-top:0; font-size:24px; margin-bottom:15px; background:none; }
	.eArea01 .hd .p1 { margin-bottom:15px; }
	.eArea01 .hd .p1 i { display:inline-block; padding-bottom:10px; border-bottom:2px solid #bead68; }
	.eArea01 .hd .p2 { font-size:18px; }
	.eArea01 .p3 { display:none; }
	.eArea01 .p4 { max-width:980px; margin:0 auto; }
	
	.eArea02 { float:none; width:100%; }
	.eArea02 .swiper-slide a { padding:10px; }
	.eArea02 .swiper-slide .txt { padding-bottom:15px; }
	.eArea02 .swiper-slide .txt01 { display:none; }
}
@media all and (max-width:1000px){
	.eArea { padding:20px 0 30px 0; }
	.eArea01 .hd { font-size:20px; }
	.eArea01 .hd .p2 { font-size:14px; line-height:20px; }
	.eArea01 .p4 { font-size:12px; line-height:20px; }
}