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

.Area-hd { padding-top:80px; text-align:center; }
.Area-hd .p1 { font-size:30px; color:#949494; line-height:1; text-transform:uppercase; }
.Area-hd .p2 { font-size:24px; color:#202020; line-height:1; font-weight:bold; margin-top:25px; }

@media all and (max-width:1200px){
	.Area-hd { padding-top:40px; }
	.Area-hd .p1 { font-size:24px; }
	.Area-hd .p2 { font-size:20px; margin-top:15px; }
}
@media all and (max-width:750px){
	.Area-hd { padding-top:30px; }
	.Area-hd .p1 { font-size:20px; }
	.Area-hd .p2 { font-size:18px; }
}

.aArea { padding-bottom:80px; }
.aArea01 { margin-top:60px; }
.aArea01 .hd { text-align:center; font-size:0; margin-bottom:85px; }
.aArea01 .hd ul li { display:inline-block; width:125px; height:35px; text-align:center; line-height:35px; font-size:16px; color:#fff; margin:0 7px; background:#282828; border-radius:5px; cursor:pointer; }
.aArea01 .hd ul li.on { background:#d65b00; }
.aArea01 .hd ul li a { display:block; color:#fff; }

.aArea01 .bd ul li { float:left; width:30.8%; margin:0 3.8% 2.5% 0; }
.aArea01 .bd ul li:nth-child(3n) { margin-right:0; }
.aArea01 .bd ul li .pic { position:relative; border:1px solid #c9c9c9; }
.aArea01 .bd ul li .pic .txt { position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(40,40,40,0.9); color:#fff; z-index:5; display:none; }
.aArea01 .bd ul li .pic .txt .txt01 { position:absolute; top:50%; left:50%; width:210px; transform: translate(-50%,-50%); z-index:5px; }
.aArea01 .bd ul li .pic .txt .p1 { font-size:18px; font-weight:bold; margin-bottom:15px;  text-align:center; }
.aArea01 .bd ul li .pic .txt .p2 { font-size:16px; line-height:28px; }
.aArea01 .bd ul li .pp { font-size:16px; margin-top:15px; text-align:center; color:#282828; height:20px; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.aArea01 .bd .mm { padding-top:40px; text-align:center; }
.aArea01 .bd .mm a { display:inline-block; width:125px; height:34px; background:url(../image/mm.png) no-repeat center; }
.aArea01 .bd .mm a:hover { background:url(../image/mm01.png) no-repeat center; }

@media all and (min-width:1200px){
	.aArea01 .bd ul li:hover .pic .txt { display:block; }
}
@media all and (max-width:1200px){
	.aArea { padding-bottom:60px; }
	.aArea01 { margin-top:40px; }
	.aArea01 .hd { margin-bottom:40px; }
	.aArea01 .hd ul li { width:auto; padding:0 15px; height:30px; line-height:30px; font-size:14px; margin:0 5px; }

	.aArea01 .bd ul li {  width:32%; margin:0 2% 2% 0; }
	.aArea01 .bd ul li .pp { font-size:14px; margin-top:10px; }
}
@media all and (max-width:1000px){
	.aArea { padding-bottom:40px; }
	.aArea01 { margin-top:30px; }
	.aArea01 .hd { margin-bottom:30px; }
	
	.aArea01 .bd ul li { width:49%; margin:0 2% 2% 0; }
	.aArea01 .bd ul li:nth-child(3n) { margin-right:2%; }
	.aArea01 .bd ul li:nth-child(2n) { margin-right:0; }
	
	.aArea01 .bd .mm { padding-top:20px; }
	.aArea01 .bd .mm a { width:100px; height:28px; background-size:contain; }

}
@media all and (max-width:750px){
	.aArea { padding-bottom:30px; }
	.aArea01 .hd { margin-bottom:10px; }
	
	.aArea01 .hd ul li { float:left; width:49%; padding:0; margin:0 2% 2% 0; }
	.aArea01 .hd ul li:nth-child(2n) { margin-right:0; }
}

.bArea { background-size:cover!important; padding-bottom:40px; }
.bArea .Area-hd .p2 { color:#fff; }
.bArea .bd { margin-top:120px; text-align:center; }
.bArea .bd .p1 { cursor:pointer; }
.bArea .bd .p2 { margin:40px 0; font-size:16px; color:#fff; line-height:30px; min-height:120px; }
.bArea .bd .p3 a { display:inline-block; width:125px; height:34px; background:url(../image/mm.png) no-repeat center; }
.bArea .bd .p3 a:hover { background:url(../image/mm01.png) no-repeat center; }

.videoArea { position:fixed; top:0; right:0; left:0; bottom:0; background:rgba(0,0,0,0.6); z-index:9; display:none; }
.videoArea.on { display:block; }
.videoArea .video { position:absolute; top:50%; left:20%; width:60%; transform: translateY(-50%); z-index:5; }
.videoArea .video video { width:100%; height:auto!important; }
.videoArea .video .vclose { position:absolute; right:-50px; top:-30px; color:#fff; font-size:30px; cursor:pointer; }

@media all and (max-width:1000px){
	.bArea { padding-bottom:30px; }
	.bArea .bd { margin-top:70px; }
	.bArea .bd .p2 { margin:25px 0; font-size:14px; line-height:25px; min-height:25px; }

	.bArea .bd .p3 a { width:100px; height:28px; background-size:contain; }
}
@media all and (max-width:750px){
	.videoArea .video { position:absolute; top:50%; left:4%; width:92%; z-index:5; }
	.videoArea .video .vclose { position:absolute; right:0; top:-60px; color:#fff; font-size:30px; cursor:pointer; }
}
	
.cArea { margin-top:40px; }
.cArea ul li { float:left; width:25%; position:relative; }
.cArea ul li .txt { position:absolute; top:10%; left:10%; color:#fff; z-index:5; }
.cArea ul li .txt .p1 { font-size:24px; }
.cArea ul li .txt .p1 i { display:inline-block; padding-right:20px; background:url(../image/c01.png) no-repeat center right; }
.cArea ul li .txt .p2 { font-size:16px; }

@media all and (max-width:1000px){
	.cArea ul li { width:50%; }
}
@media all and (max-width:750px){
	.cArea { margin-top:30px; }
	.cArea ul li .txt .p1 { font-size:18px; }
	.cArea ul li .txt .p2 { font-size:14px; }
}

.dArea { padding-bottom:70px; }
.dArea .bd { margin-top:80px; }
.dArea .bd01 ul li { float:left; width:33.33%; border-right:1px solid #f1f1f1; padding:5px 30px 15px 30px; box-sizing: border-box; }
.dArea .bd01 ul li:nth-child(1) { padding-left:0; }
.dArea .bd01 ul li:nth-child(3) { padding-right:0; border-right:none; }
.dArea .bd01 ul li .p1 { font-size:16px; color:#000; height:20px; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.dArea .bd01 ul li .p2 { font-size:14px; color:#000; margin:5px 0 15px 0; }
.dArea .bd01 ul li .p3 { font-size:14px; color:#aaa; height:60px; line-height:30px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }

.dArea .bd02 ul li { float:left; width:33.33%; border-right:1px solid #f1f1f1; padding:0 30px 20px 30px; font-size:16px; color:#333; box-sizing: border-box; }
.dArea .bd02 ul li:nth-child(1) { display:none; }
.dArea .bd02 ul li:nth-child(2) { padding-left:0; }
.dArea .bd02 ul li:nth-child(3) {  }
.dArea .bd02 ul li:nth-child(4) { padding-right:0; border-right:none; }
.dArea .bd02 ul li:nth-child(5) { padding-left:0; }
.dArea .bd02 ul li:nth-child(6) { }
.dArea .bd02 ul li:nth-child(7) { padding-right:0; border-right:none; }

.dArea .bd02 ul li a { float:left; width:calc(100% - 100px); display:block; color:#000; height:25px; line-height:25px; box-sizing: border-box; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.dArea .bd02 ul li span { float:right; display:inline-block; line-height:25px; }

@media all and (max-width:1200px){
	.dArea { padding-bottom:40px; }
	.dArea .bd { margin-top:50px; }

	.dArea .bd01 ul li { width:50%; padding:5px 20px 15px 20px; }
	.dArea .bd01 ul li:nth-child(1) { padding-left:0; }
	.dArea .bd01 ul li:nth-child(2) { padding-right:0; border-right:none; }
	.dArea .bd01 ul li:nth-child(3) { display:none; }
	
	.dArea .bd02 ul li { width:50%; padding:0 20px 10px 20px; }
	 
	.dArea .bd02 ul li:nth-child(1) { display:block; padding-left:0; }
	.dArea .bd02 ul li:nth-child(2) { padding-left:20px; padding-right:0; }
	.dArea .bd02 ul li:nth-child(3) { padding-left:0; border-right:1px solid #f1f1f1; }
	.dArea .bd02 ul li:nth-child(4) { padding-right:0; border-right:none; }
	.dArea .bd02 ul li:nth-child(5) { padding-left:0; border-right:1px solid #f1f1f1; }
	.dArea .bd02 ul li:nth-child(6) { padding-right:0; border-right:none; }
	.dArea .bd02 ul li:nth-child(7) { display:none; }
}
@media all and (max-width:1000px){
	.dArea { padding-bottom:30px; }
	.dArea .bd { margin-top:30px; }
	
	.dArea .bd01 ul li .p1 { font-size:14px; }
	.dArea .bd01 ul li .p2 { font-size:12px; margin:5px 0 10px 0; }
	.dArea .bd01 ul li .p3 { font-size:12px; height:40px; line-height:20px; }
	
	.dArea .bd02 ul li { font-size:14px; }
}

@media all and (max-width:750px){ 
	.dArea .bd01 ul li { width:100%; padding:0px 0 10px 0; border-right:none; border-bottom:1px solid #f1f1f1; margin-bottom:10px; }
	.dArea .bd01 ul li:nth-child(3) { display:block; }
	
	.dArea .bd02 ul li { width:100%; padding:0!important; border-right:none!important; }
	.dArea .bd02 ul li:nth-child(1) { display:none; }
	.dArea .bd02 ul li:nth-child(7) { display:block; }
}

.eArea { padding:30px 0; background:#d65b00; }
.eArea01 { position:relative; padding:0 40px; }
.eArea01 .prev-sy01,.eArea01 .next-sy01 { position:absolute; top:50%; transform: translateY(-50%); display:block; width:28px; height:28px; cursor:pointer; }
.eArea01 .prev-sy01 { background:url(../image/e01.png) no-repeat center; left:0; }
.eArea01 .next-sy01 { background:url(../image/e02.png) no-repeat center; right:0; }

@media all and (max-width:750px){ 
	.eArea01 { padding:0 25px; }
	.eArea01 .prev-sy01,.eArea01 .next-sy01 {  width:20px; height:20px; background-size:contain!important; }
}