@charset "utf-8";
.container { background:#fff; }

.banner { position:relative; width:100%; height:100%; overflow:hidden; }
.banner .swiper-slide { position:relative; width:100%; height:100%; overflow:hidden; }
.banner .swiper-slide .img02 { display:none; }

.banner .swiper-pagination-1 { position:absolute; bottom:25px!important; left:0; width:100%; font-size:0; text-align:center; z-index:9;  }
.banner .swiper-pagination-1 .swiper-pagination-bullet { width:23px; height:16px; margin:0 8px!important;  border-radius:0; background:url(ban01.png) no-repeat center; background-size:contain!important; opacity:1; }
.banner .swiper-pagination-1 .swiper-pagination-bullet-active { background:url(ban02.png) no-repeat center; }
 
@media all and (max-width:1200px){
	.banner .swiper-pagination-1 { bottom:20px!important; }
	.banner .swiper-pagination-1 .swiper-pagination-bullet { width:14px; height:10px; margin:0 5px!important; }
}
@media all and (max-width:750px){
	.banner .swiper-slide .img01 { display:none; }
	.banner .swiper-slide .img02 { display:block; }
}

.banner .swiper-slide .pcBox {
    transform: scale(1.1);
    transition: all 0.8s;
	overflow: hidden;
}

.banner .swiper-slide-active .pcBox {
    transform: scale(1);
}













.aArea { padding-top:50px; }
.aArea01 { float:left; width:735px; }
.aArea01 .hd { font-size:26px; color:#333; line-height:1.1; height:45px; }
.aArea01 .bd { position:relative; }
.aArea01 .bd .swiper-slide a { position:relative; display:block; }
.aArea01 .bd .swiper-slide .pic { position:relative; overflow:hidden; }
.aArea01 .bd .swiper-slide .pic img { transition: all 0.6s; }
.aArea01 .bd .swiper-slide .pic p { position:absolute; left:0; width:100%; bottom:0; z-index:2; }
.aArea01 .bd .swiper-slide .txt { position:absolute; left:35px; bottom:25px; right:0; padding-right:160px; height:30px; line-height:30px; font-size:18px; color:#fff; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; z-index:5; }

.aArea01 .bd .swiper-pagination-a01 { position:absolute; right:25px; bottom:35px; width:auto!important; left:auto!important; font-size:0; z-index:5; }
.aArea01 .bd .swiper-pagination-a01 .swiper-pagination-bullet { width:4px; height:4px; background:none; border:3px solid #b4b3b3; margin:0 5px; opacity:1; }
.aArea01 .bd .swiper-pagination-a01 .swiper-pagination-bullet-active { border-color:#b0933b!important; }
 
.aArea01 .bd .swiper-slide:hover .pic img  { transform: scale(1.1)!important; }
 
 
.aArea02 { float:right; width:calc(100% - 795px); }
.aArea02 .hd { border-bottom:2px solid #eee; }
.aArea02 .hd ul { position:relative; padding-left:25px; background:url(a02.png) no-repeat center left; }
.aArea02 .hd ul li { float:left; font-size:0; cursor:pointer; }
.aArea02 .hd ul li i { position:relative; display:inline-block; padding-right:40px; margin-right:40px; line-height:45px; font-size:18px; color:#666; cursor:pointer; }
.aArea02 .hd ul li i:before { position:absolute; display:block; top:50%; right:-2px; transform: translateY(-50%); width:3px; height:12px; background:#dedede; content:""; z-index:2; }
.aArea02 .hd ul li:last-child i { padding-right:0; margin-right:0; }
.aArea02 .hd ul li:last-child i:before { display:none; }
.aArea02 .hd ul li a { position:absolute; top:0; right:0; line-height:45px; color:#999; font-size:14px; text-transform:uppercase; display:none; z-index:2; }
.aArea02 .hd ul li a:hover { color:#c8161e; }

.aArea02 .hd ul li.on a { display:inline-block; }
.aArea02 .hd ul li.on i { color:#c8161e; }

.aArea02 .bd { margin-top:20px; }
.aArea02 .bd ul li { border-bottom:1px solid rgba(0,0,0,0.05); line-height:70px; transition: all 0.6s; } 
.aArea02 .bd ul li a { display:block; } 
.aArea02 .bd ul li .date { float:right; font-size:16px; color:#999; }
.aArea02 .bd ul li .txt { display:block; width:calc(100% - 180px); font-size:18px; color:#4c4c4c; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
 
.aArea02 .bd ul li:hover .txt { font-weight:bold; } 
 
@media all and (min-width:1280px){
	.aArea02 .bd ul li:hover { padding-left:15px; }
}

/*
.aArea02 .bd ul li:last-child { border-bottom:none; } 
.aArea02 .bd ul li:last-child a { padding:25px 0 0 0; } 
.aArea02 .bd ul li .date { float:left; width:75px; line-height:1.1; padding-top:5px; height:60px; box-sizing: border-box; }
.aArea02 .bd ul li .date p { font-size:26px; color:#999; }
.aArea02 .bd ul li .date span { display:block; font-size:14px; color:#b2b2b2; margin-top:10px; }
.aArea02 .bd ul li .txt { float:right; width:calc(100% - 75px); color:#4c4c4c; font-size:18px; line-height:30px; height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }

.aArea02 .bd ul li:hover .date p { color:#c09f39; } 
.aArea02 .bd ul li:hover .txt { font-weight:bold; } 
*/

@media all and (max-width:1680px){
	.aArea { padding-top:50px; }
	.aArea01 { float:left; width:595px; }
	.aArea01 .hd { font-size:20px; height:40px; }
	
	.aArea01 .bd .swiper-slide .txt { left:25px; bottom:20px; padding-right:160px; height:20px; line-height:20px; font-size:16px; }

	.aArea01 .bd .swiper-pagination-a01 { right:15px; bottom:25px; }
 
	.aArea02 { float:right; width:calc(100% - 630px); }
	 
	.aArea02 .hd ul { padding-left:25px; }
	.aArea02 .hd ul li i { padding-right:25px; margin-right:25px; line-height:40px; font-size:16px; }
	.aArea02 .hd ul li i:before { right:-1px; width:2px; }
	.aArea02 .hd ul li:last-child i { padding-right:0; margin-right:0; }
	.aArea02 .hd ul li:last-child i:before { display:none; }
	.aArea02 .hd ul li a { line-height:40px; }
	
	.aArea02 .bd { margin-top:10px; } 
	.aArea02 .bd ul li { line-height:57px; }  
	.aArea02 .bd ul li .date {  font-size:14px; }
	.aArea02 .bd ul li .txt { width:calc(100% - 180px); font-size:16px; }
	 
	/*
	.aArea02 .bd { margin-top:10px; } 
	.aArea02 .bd ul li a { display:block; padding:20px 0; } 
	.aArea02 .bd ul li:last-child a { padding:20px 0 0 0; } 
	.aArea02 .bd ul li .date { float:left; width:70px; padding-top:5px; height:50px; }
	.aArea02 .bd ul li .date p { font-size:20px; }
	.aArea02 .bd ul li .date span { font-size:14px; margin-top:10px; }
	.aArea02 .bd ul li .txt { float:right; width:calc(100% - 70px); color:#4c4c4c; font-size:16px; line-height:25px; height:50px; }
	*/
}
@media all and (max-width:1280px){
	.aArea { padding-top:50px; }
	.aArea01 { float:left; width:450px; }
	.aArea01 .hd { font-size:20px; height:40px; }
	
	.aArea01 .bd .swiper-slide .txt { left:25px; bottom:20px; padding-right:160px; height:20px; line-height:20px; font-size:16px; }

	.aArea01 .bd .swiper-pagination-a01 { right:15px; bottom:25px; }
 
	.aArea02 { float:right; width:calc(100% - 480px); }
	 
	.aArea02 .hd ul { padding-left:25px; }
	.aArea02 .hd ul li i { padding-right:15px; margin-right:15px; line-height:40px; font-size:16px; }
	.aArea02 .hd ul li i:before { right:-1px; width:2px; }
	.aArea02 .hd ul li:last-child i { padding-right:0; margin-right:0; }
	.aArea02 .hd ul li:last-child i:before { display:none; }
	.aArea02 .hd ul li a { line-height:40px; }
	
	.aArea02 .bd { margin-top:10px; } 
	.aArea02 .bd ul li { line-height:42px; }  
	.aArea02 .bd ul li .date {  font-size:14px; }
	.aArea02 .bd ul li .txt { width:calc(100% - 120px); font-size:14px; }
 
	/*
	.aArea02 .bd { margin-top:10px; } 
	.aArea02 .bd ul li a { display:block; padding:9px 0; } 
	.aArea02 .bd ul li:last-child a { padding:9px 0 0 0; } 
	.aArea02 .bd ul li .date { float:left; width:70px; padding-top:5px; height:50px; }
	.aArea02 .bd ul li .date p { font-size:16px; }
	.aArea02 .bd ul li .date span { font-size:12px; margin-top:5px; }
	.aArea02 .bd ul li .txt { float:right; width:calc(100% - 70px); color:#4c4c4c; font-size:14px; line-height:20px; height:40px; }
	*/
}
@media all and (max-width:900px){
	.aArea { padding-top:50px; }
	.aArea01 { float:left; width:320px; }
	.aArea01 .hd { font-size:20px; height:40px; }
	
	.aArea01 .bd .swiper-slide .txt { left:15px; bottom:10px; padding-right:100px; height:20px; line-height:20px; font-size:14px; }

	.aArea01 .bd .swiper-pagination-a01 { right:10px; bottom:15px; }
 
	.aArea02 { float:right; width:calc(100% - 350px); }
	 
	.aArea02 .hd ul { padding-left:25px; }
	.aArea02 .hd ul li i { padding-right:15px; margin-right:15px; line-height:40px; font-size:14px; }
	.aArea02 .hd ul li i:before { right:-1px; width:2px; }
	.aArea02 .hd ul li:last-child i { padding-right:0; margin-right:0; }
	.aArea02 .hd ul li:last-child i:before { display:none; }
	.aArea02 .hd ul li a { line-height:40px; font-size:12px; }
	
	.aArea02 .bd ul li { line-height:35px; }  
	.aArea02 .bd ul li:nth-child(6) { display:none; }  
 
	/*
	.aArea02 .bd { margin-top:5px; } 
	.aArea02 .bd ul li a { display:block; padding:10px 0; } 
	.aArea02 .bd ul li:last-child a { padding:10px 0 0 0; } 
	.aArea02 .bd ul li .date { float:left; width:70px; padding-top:5px; height:45px; }
	.aArea02 .bd ul li .date p { font-size:16px; }
	.aArea02 .bd ul li .date span { font-size:12px; margin-top:5px; }
	.aArea02 .bd ul li .txt { float:right; width:calc(100% - 70px); color:#4c4c4c; font-size:14px; line-height:20px; height:40px; }
	
	.aArea02 .bd ul li:nth-child(3) { border-bottom:none; } 
	.aArea02 .bd ul li:nth-child(3) a { padding:10px 0 0 0; } 
	.aArea02 .bd ul li:nth-child(4) { display:none; } 
	*/
}
@media all and (max-width:750px){
	.aArea { padding-top:40px; }
	.aArea01 { float:none; width:100%; }
	
	.aArea01 .bd .swiper-pagination-a01 .swiper-pagination-bullet { width:5px; height:5px; border:2px solid #b4b3b3; margin:0 3px; }
	 
	.aArea02 { float:none; width:100%; margin-top:30px; }
	 
	.aArea02 .hd ul { padding-left:0; background:none; }
	.aArea02 .hd ul li i { padding-right:15px; margin-right:15px; line-height:40px; font-size:14px; }
	.aArea02 .hd ul li i:before { right:-1px; width:2px; }
	.aArea02 .hd ul li:last-child i { padding-right:0; margin-right:0; }
	.aArea02 .hd ul li:last-child i:before { display:none; }
	.aArea02 .hd ul li a { line-height:40px; font-size:12px; }
  
	.aArea02 .bd ul li { line-height:45px; }  
	.aArea02 .bd ul li:nth-child(6) { display:block; }  
	/*
	.aArea02 .bd ul li:nth-child(3) { border-bottom:1px solid rgba(0,0,0,0.05); } 
	.aArea02 .bd ul li:nth-child(3) a { padding:10px 0; } 
	.aArea02 .bd ul li:nth-child(4) { display:block; } 
	*/
}

.Area-hd { line-height:30px; }
.Area-hd i { font-size:26px; color:#333; }
.Area-hd a { float:right; display:inline-block; font-size:14px; color:#999;  text-transform:uppercase; }
.Area-hd a:hover { color:#c8161e; }
 
@media all and (max-width:1680px){
	.Area-hd { line-height:25px; }
	.Area-hd i { font-size:20px; }
}
 
.bArea { margin-top:60px; }
.bArea .bd { margin-top:40px; }
.bArea .bd .swiper-slide a { display:block; padding-top:55px; min-height:200px; text-align:center; background:#f3ece2; box-sizing: border-box; }
.bArea .bd .swiper-slide:hover a { /*box-shadow: 6px 6px 12px #c5c5c5, -6px -6px 12px #c5c5c5;*/ }
.bArea .bd .swiper-slide .p1 { }
.bArea .bd .swiper-slide .p1 img { max-height:68px; width:auto; transition: all 0.3s; }
.bArea .bd .swiper-slide .p2 { font-size:24px; color:#333; }
.bArea .bd .swiper-slide .p3 { font-size:13px; color:#999; margin-top:5px; padding:0 10px; text-transform:uppercase; display:none; }

.bArea .bd .swiper-slide:hover .p1 img {animation: jello 1.4s;} 
.bArea .bd .swiper-slide:hover .p2 { color:#c8161e; } 

@media all and (max-width:1680px){
	.bArea { margin-top:50px; }
	.bArea .bd { margin-top:30px; }
	.bArea .bd .swiper-slide a { padding:35px 0; min-height:100px; }
	.bArea .bd .swiper-slide .p1 {  }
	.bArea .bd .swiper-slide .p1 img { max-height:55px; width:auto; }
	.bArea .bd .swiper-slide .p2 { font-size:20px; }
	.bArea .bd .swiper-slide .p3 { font-size:12px; margin-top:5px; padding:0 10px; }

}
@media all and (max-width:750px){
	.bArea { margin-top:40px; }
	.bArea .bd { margin-top:20px; }
	.bArea .bd .swiper-slide a { padding:30px 0; }
	.bArea .bd .swiper-slide .p1 {  }
	.bArea .bd .swiper-slide .p1 img { max-height:40px; width:auto; }
	.bArea .bd .swiper-slide .p2 { font-size:14px; }
	.bArea .bd .swiper-slide .p3 { font-size:12px; margin-top:5px; padding:0 10px; }
}

.cArea { padding:60px 0; }
.cArea01 { float:left; width:735px; min-height:510px; background:#f7f7f7; padding:35px 45px 0 45px; box-sizing: border-box; }
.cArea01 .bd { margin-top:25px; }
.cArea01 .bd ul { margin-top:25px; border:1px solid rgba(0,0,0,0.1); }
.cArea01 .bd ul li { border-bottom:1px solid rgba(0,0,0,0.1); padding:0 20px; line-height:75px; transition: all 0.6s; }
.cArea01 .bd ul li:last-child { border-bottom:none; }
.cArea01 .bd ul li span { float:right; font-size:16px; color:#999; }
.cArea01 .bd ul li a { display:block; width:calc(100% - 180px); padding-left:20px; font-size:18px; color:#4c4c4c; background:url(c03.png) no-repeat center left; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.cArea01 .bd ul li:hover { background:#fff; padding-left:30px; }
.cArea01 .bd ul li:hover a { background:url(c03.png) no-repeat center left; font-weight:bold; }

.cArea02 { float:right; width:calc(100% - 735px); min-height:510px; background:url(c01.jpg) no-repeat center; background-size:cover; padding:75px 60px 0 55px; box-sizing: border-box; }
.cArea02 .bd { margin-top:35px; font-size:16px; color:#666; line-height:25px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.cArea02 .bd01 { margin-top:35px; }
.cArea02 .bd01 a { display:block; width:110px; height:35px; line-height:35px; text-align:center; font-size:14px; color:#fff; background:url(c04.jpg) no-repeat center; background-size:cover; }
.cArea02 .bd02 { margin-top:70px; width:88%; }
.cArea02 .bd02 ul { display:flex; flex-direction:row; justify-content:space-between; }
.cArea02 .bd02 ul li { font-size:14px; color:#333; line-height:1.1; }
.cArea02 .bd02 ul li .p1 i { font-size:40px; color:#c09f39; font-family: "DINCond"; }
.cArea02 .bd02 ul li .p1 em { position:relative; top:-15px; left:20px; }
.cArea02 .bd02 ul li .p2 { margin-top:15px; }

@media all and (max-width:1680px){
	.cArea { padding:60px 0; }
	.cArea01 { float:left; width:595px; min-height:420px; padding:30px 30px 0 30px; }
	.cArea01 .bd { margin-top:20px; }
	.cArea01 .bd ul { margin-top:20px; }
	.cArea01 .bd ul li { padding:0 15px; line-height:60px; }
	.cArea01 .bd ul li span { font-size:14px; }
	.cArea01 .bd ul li a { width:calc(100% - 180px); padding-left:20px; font-size:16px; }
 
	.cArea02 { float:right; width:calc(100% - 595px); min-height:420px; padding:40px 30px 0 30px; }
	.cArea02 .bd { margin-top:25px; font-size:16px; line-height:25px; -webkit-line-clamp:2; }
	.cArea02 .bd01 { margin-top:25px; }
	.cArea02 .bd01 a { width:110px; height:35px; line-height:35px; font-size:14px; }
	.cArea02 .bd02 { margin-top:70px; width:88%; }
	.cArea02 .bd02 ul { display:flex; flex-direction:row; justify-content:space-between; }
	.cArea02 .bd02 ul li { font-size:14px; color:#333; line-height:1.1; }
	.cArea02 .bd02 ul li .p1 i { font-size:40px; color:#c09f39; font-family:"Arial"; }
	.cArea02 .bd02 ul li .p1 em { position:relative; top:-15px; left:20px; }
	.cArea02 .bd02 ul li .p2 { margin-top:15px; }
}
@media all and (max-width:1280px){
	.cArea { padding:50px 0; }
	.cArea01 { float:left; width:450px; min-height:420px; padding:30px 30px 0 30px; }
	.cArea01 .bd { margin-top:20px; }
	.cArea01 .bd ul { margin-top:20px; }
	.cArea01 .bd ul li { padding:0 15px; line-height:60px; }
	.cArea01 .bd ul li span { font-size:14px; }
	.cArea01 .bd ul li a { width:calc(100% - 110px); padding-left:20px; font-size:16px; }
 
	.cArea02 { float:right; width:calc(100% - 450px); min-height:420px; padding:40px 30px 0 30px; }
	
	.cArea02 .bd02 { width:100%; }
	.cArea02 .bd02 ul li .p1 i { font-size:30px; }
	.cArea02 .bd02 ul li .p1 em { top:-10px; left:10px; }
}
@media all and (max-width:1000px){
	.cArea01 { float:none; width:100%; min-height:10px; padding:30px; }
	
	.cArea02 { float:none; width:100%; min-height:10px; padding:30px; }
}
@media all and (max-width:750px){
	.cArea { padding:40px 0; }
	.cArea01 { padding:30px 4%; }
	.cArea01 .bd ul li { padding:0 4%; line-height:50px; }
	.cArea01 .bd ul li span { float:right; font-size:12px; }
	.cArea01 .bd ul li a { width:calc(100% - 100px); padding-left:20px; font-size:14px; }

	.cArea02 { padding:30px 4%; }
	.cArea02 .bd { margin-top:20px; font-size:14px; line-height:25px; -webkit-line-clamp:4; }
	.cArea02 .bd01 { margin-top:20px; }
	.cArea02 .bd01 a { height:30px; line-height:30px; }
	.cArea02 .bd02 { margin-top:30px; }

	.cArea02 .bd02 ul li .p1 i { font-size:24px; }
	.cArea02 .bd02 ul li .p1 em { top:-5px; left:5px; }
	.cArea02 .bd02 ul li .p2 { margin-top:10px; }
}