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

 
@media all and (max-width:1200px){
	.container { padding-bottom:40px; }
}

.aArea { padding:50px 0 30px; }
 
.aArea .hd { margin-bottom:25px; } 
.aArea .hd a { float:right; font-size:14px; color:#858585; } 
.aArea .hd a:hover { color:#1c63b3; } 
.aArea .hd p { font-size:24px; line-height:1; font-weight:bold; color:#4d4d4d; }


.aArea01 { float:left; width:calc(100% - 410px); }
.aArea01 .swiper-slide .pic { float:left; width:240px; }
.aArea01 .swiper-slide .pic img { width:240px; height:170px; object-fit: cover; }
.aArea01 .swiper-slide .txt { float:right; width:calc(100% - 260px); }
.aArea01 .swiper-slide .txt .p1 { font-size:18px; color:#2f2f2f; font-weight:bold; height:20px; line-height:20px; padding-right:75px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aArea01 .swiper-slide .txt .p2 { font-size:14px; color:#8e8e8e; line-height:20px; margin:15px 0 5px; }
.aArea01 .swiper-slide .txt .p3 { font-size:16px; color:#6c6c6c; line-height:25px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.aArea01 .swiper-slide .txt .p4 { width:120px; font-size:12px; color:#fff; line-height:35px; height:35px; text-align:center; background:#1c63b3; margin-top:20px; }

.aArea01 .bd { position:relative; }
.aArea01 .bd .prev-sy01,.aArea01 .bd .next-sy01 { position:absolute; top:0; display:block; width:27px; height:27px; z-index:5; cursor:pointer; }
.aArea01 .bd .prev-sy01 { background:url(a01.png) no-repeat center; right:30px; }
.aArea01 .bd .next-sy01 { background:url(a02.png) no-repeat center; right:0; }

.aArea01 .bd01 { margin-top:20px; }
.aArea01 .bd01 ul li { border-bottom:1px dashed #cbcbcb; }
.aArea01 .bd01 ul li:last-child { border-bottom:none; }
.aArea01 .bd01 ul li a { display:block; padding:20px 0; }
.aArea01 .bd01 ul li:last-child a { padding-bottom:0; }
.aArea01 .bd01 ul li .date { float:left; width:70px; background:#b9b9b9; color:#fff; text-align:center; }
.aArea01 .bd01 ul li .date .p1 { font-size:30px; line-height:50px; }
.aArea01 .bd01 ul li .date .p2 { font-size:12px; line-height:25px; background:#cbcbcb; }
.aArea01 .bd01 ul li .txt { float:right; width:calc(100% - 100px); }
.aArea01 .bd01 ul li .txt .p1 { font-size:18px; color:#2f2f2f; height:20px; line-height:20px; margin-bottom:5px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aArea01 .bd01 ul li .txt .p2 { font-size:16px; color:#6c6c6c; line-height:25px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }


.aArea01 .bd01 ul li:hover .date { background:#1c63b3; }
.aArea01 .bd01 ul li:hover .date .p2 { background:#1a5ca5; }
.aArea01 .bd01 ul li:hover .txt .p1 { color:#1c63b3; }


.aArea02 { float:right; width:385px; }
.aArea02 .bd02 { margin-bottom:15px; }

.aArea02 .bd03 { padding:20px 20px; background:#f5f5f5; min-height:180px; margin-top:20px; }
.aArea02 .bd03 .swiper-container-sy02 { height:210px; overflow:hidden; }
.aArea02 .bd03 .swiper-slide .txt { height:30px; line-height:30px; font-size:16px; color:#2f2f2f; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; } 
.aArea02 .bd03 .swiper-slide:hover .txt { color:#1c63b3; } 

.aArea02 .bd04 { position:relative; }
.aArea02 .bd04 .swiper-slide { position:relative; display:block; }
.aArea02 .bd04 .swiper-slide .pic { overflow:hidden; }
.aArea02 .bd04 .swiper-slide .pic img { width:100%; height:255px; object-fit: cover; }
.aArea02 .bd04 .swiper-slide .txt { position:absolute; left:0; right:0; bottom:0; padding:0 10px; background:rgba(0,0,0,0.5); color:#fff; line-height:40px; height:40px; font-size:16px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; z-index:2; }

.aArea02 .bd04 .prev-dj01,.aArea02 .bd04 .next-dj01 { position:absolute; top:50%; margin-top:-13px; display:block; width:27px; height:27px; z-index:5; cursor:pointer; }
.aArea02 .bd04 .prev-dj01 { background:url(a01.png) no-repeat center; left:10px; }
.aArea02 .bd04 .next-dj01 { background:url(a02.png) no-repeat center; right:10px; }

.aBox03 { margin-top:30px; }
.aBox03 .bd05 { padding:20px 20px 0 20px; background:#f8efe3; min-height:180px; margin-top:20px; box-sizing: border-box; }
.aBox03 .bd05 .swiper-container-sy02 { height:140px; overflow:hidden; }
.aBox03 .bd05 .swiper-slide .txt { height:28px; line-height:28px; font-size:16px; color:#2f2f2f; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; } 
.aBox03 .bd05 .swiper-slide:hover .txt { color:#1c63b3; } 


 
@media all and (max-width:1200px){
	.aArea01 .swiper-slide .txt .p3 { font-size:14px; line-height:20px;  }
	
	.aArea01 .bd01 ul li .txt .p1 { font-size:16px; margin-bottom:10px; }
	.aArea01 .bd01 ul li .txt .p2 { font-size:14px; line-height:20px; }

	.aArea02 .bd04 .txt { font-size:14px; }
	.aArea02 .bd03 .swiper-slide .txt {  font-size:14px; } 
	
	.aArea02 .bd04 .swiper-slide .txt { font-size:14px; }
	.aBox03 .bd05 .swiper-slide .txt { font-size:14px; }
}
@media all and (max-width:1000px){
	.aArea01 { float:none; width:100%; }
 
	.aArea02 { float:none; width:100%; margin-top:25px; }	 
	
	.aArea02 .bd04 .pic { overflow:hidden; }
	.aArea02 .bd04 .pic img { width:100%; height:auto; }
	
	.aArea02 .bd04 .swiper-slide .pic img { width:100%; height:auto; }
 
} 
@media all and (max-width:750px){
	.aArea { padding:30px 0; }
	.aArea .hd p { font-size:18px; }
	.aArea .hd a { font-size:14px; }

	.aArea01 .swiper-slide .pic { float:none; width:100%; }
	.aArea01 .swiper-slide .pic img { width:100%; height:auto; object-fit: cover; }
	.aArea01 .swiper-slide .txt { float:none; width:100%; margin-top:20px;  }
	.aArea01 .swiper-slide .txt .p1 { font-size:16px; padding-right:0; }
	.aArea01 .swiper-slide .txt .p2 { font-size:12px; margin:5px 0; }
	.aArea01 .swiper-slide .txt .p3 { font-size:14px; }
	.aArea01 .swiper-slide .txt .p4 { line-height:30px; height:30px; margin-top:15px; }

	.aArea01 .bd01 { margin-top:10px; }
	.aArea01 .bd01 ul li a { padding:15px 0; }
	.aArea01 .bd01 ul li .date { width:60px; }
	.aArea01 .bd01 ul li .date .p1 { font-size:26px; line-height:40px; }
	.aArea01 .bd01 ul li .txt { width:calc(100% - 75px); }
	.aArea01 .bd01 ul li .txt .p1 { font-size:16px; margin-bottom:5px; }
	.aArea01 .bd01 ul li .txt .p2 { font-size:14px; }
	
	.aArea01 .bd .prev-sy01,.aArea01 .bd .next-sy01 { top:35%; }
	.aArea01 .bd .prev-sy01 { right:auto; left:0; }
	.aArea01 .bd .next-sy01 { right:0; }
	
	.aArea02 .bd03 { padding:15px 10px; }
	.aArea02 .bd03 .swiper-slide .txt { font-size:14px; } 
}

.bArea { padding-bottom:45px; } 
.bArea .hd { margin-bottom:25px; } 
.bArea .hd a { float:right; font-size:14px; color:#858585; } 
.bArea .hd a:hover { color:#1c63b3; } 
.bArea .hd p { font-size:24px; line-height:1; font-weight:bold; color:#4d4d4d; }

.bArea01 ul li { float:left; width:320px; position:relative; overflow:hidden; transition: all 0.6s; }
.bArea01 ul li.on { width:560px; }
.bArea01 ul li .txt { position:absolute; left:5%; bottom:10%; z-index:5; }
.bArea01 ul li .txt .p1 { font-size:18px; color:#fff; font-weight:bold; }
.bArea01 ul li .txt .p2 { width:50px; height:2px; background:#fff; margin-top:15px; }


@media all and (max-width:1200px){
	.bArea01 ul li { width:33%!important; }
	.bArea01 ul li .pic img { width:100%; height:auto; }
 
}
@media all and (max-width:900px){
	.bArea01 ul li .txt .p1 { font-size:16px; }
}
@media all and (max-width:750px){
	.bArea { padding-bottom:30px; } 
	.bArea .hd p { font-size:18px; }
	.bArea .hd a { font-size:14px; }
 
	.bArea01 ul li { float:none; width:100%!important; }
}
 
.cArea { padding:50px 0; background:url(cArea.jpg) repeat-x top; }
.cArea01 .hd { text-align:center; margin-bottom:25px; }
.cArea01 .hd .p1 { font-size:24px; line-height:1; font-weight:bold; color:#4d4d4d; margin-bottom:25px; }
.cArea01 .hd .p2 { font-size:16px; line-height:25px; color:#858383; padding:0 25px; }

.cArea01 .bd { text-align:center; }
.cArea01 .bd ul li { display:inline-block; width:25%; font-size:14px; color:#696969; }
.cArea01 .bd ul li .p1 span { position:relative; display:inline-block; padding-right:35px; }
.cArea01 .bd ul li .p1 span i { font-size:55px; color:#2272c8; font-family:"Arial"; line-height:1; }
.cArea01 .bd ul li .p1 span em { position:absolute; top:5px; right:17px; color:#2272c8; z-index:5; }
.cArea01 .bd ul li .p1 span s { position:absolute; bottom:5px; right:0; text-decoration:none; z-index:5; }
.cArea01 .bd ul li:nth-child(2) .p1 span { padding-right:50px; }
.cArea01 .bd ul li:nth-child(2) .p1 span em { right:31px; }

.cArea02 { margin-top:50px; }
.cArea02 ul li { float:left; width:33.33%; position:relative; }
.cArea02 ul li .txt { position:absolute; left:10%; top:15%; right:10%; line-height:1; z-index:5; }
.cArea02 ul li .txt .p1 { font-size:18px; color:#606060; margin-bottom:10px; }
.cArea02 ul li .txt .p2 { font-size:16px; color:#c0c5c9; text-transform:uppercase; }
.cArea02 ul li .txt .p3 { position:absolute; top:5px; right:0; width:32px; height:32px; background:url(c01.png) no-repeat center; z-index:5; }
.cArea02 ul li:hover .txt .p3 { background:url(c02.png) no-repeat center; }

@media all and (max-width:1200px){
	.cArea { padding:40px 0; }
}	
@media all and (max-width:750px){
	
	.cArea01 .hd .p1 { font-size:22px; }
	.cArea01 .hd .p2 { font-size:16px; line-height:25px; padding:0; }

	.cArea01 .bd ul li { float:left; display:block; width:33.33%; }
	.cArea01 .bd ul li .p1 span { padding-right:30px; }
	.cArea01 .bd ul li .p1 span i { font-size:38px; }
	.cArea01 .bd ul li .p1 span em { top:0; right:15px; color:#2272c8; z-index:5; }
	.cArea01 .bd ul li .p1 span s { bottom:0; right:0; text-decoration:none; z-index:5; }
	.cArea01 .bd ul li:nth-child(2) .p1 span { padding-right:42px; }
	.cArea01 .bd ul li:nth-child(2) .p1 span em { right:28px; }
	.cArea01 .bd ul li .p2 { margin-top:5px; }
	
	.cArea02 { margin-top:30px; }
	.cArea02 ul li { float:none; width:100%; }
	.cArea02 ul li .txt .p1 { font-size:18px; font-weight:bold; }
	.cArea02 ul li .txt .p2 { font-size:16px; }
	.cArea02 ul li .txt .p3 { top:0; width:25px; height:25px; background-size:cover; }
}


.fArea { position:relative; margin-top:50px; }
.fArea .wrap { position:relative; background:#f5f5f5; }
.fArea .hd { position:relative; float:left; width:90px; min-height:300px; background:#2272c8; }
.fArea .hd i { display:block; width:25px; text-align:center; padding-top:50px; font-size:24px; color:#fff; line-height:1.1; margin:0 auto; }
.fArea .hd a { position:absolute; display:block; width:25px; height:25px; left:50%; transform: translateX(-50%); bottom:50px; background:url(f01.png) no-repeat center; background-size:contain; z-index:2; }

.fArea .bd01 { position:absolute; top:20px; right:20px; font-size:16px; color:#999; z-index:2; }
.fArea .bd01 a { color:#999; } 
.fArea .bd01 a:hover { color:#0b6fc5; } 


.fArea .bd { position:absolute; bottom:30px; left:120px; right:30px; z-index:5; }
.fArea .bd .swiper-slide .pic { overflow:hidden; }
.fArea .bd .swiper-slide .pic img { transition: all 0.6s; }
.fArea .bd .swiper-slide .txt { text-align:center; padding:0 5px; margin-top:10px; line-height:20px; height:20px; font-size:14px; color:#333; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.fArea .bd .swiper-slide:hover .pic img { transform: scale(1.1)!important; }
 
@media all and (max-width:1200px){
	.fArea .hd { width:50px; }
	.fArea .hd i { padding-top:50px; font-size:20px; }
	.fArea .bd01 { right:20px; font-size:14px; top:10px; }	
	.fArea .bd { left:90px; right:20px; bottom:20px;    }
}
@media all and (max-width:900px){
	.fArea { margin-top:40px; }
	.fArea .hd { float:none; width:100%; min-height:40px; padding:0 4%; box-sizing: border-box; }
	.fArea .hd i { display:inlie-block; width:calc(92% - 30px); text-align:left; line-height:40px; padding-top:0; font-size:16px; margin:0; }
	.fArea .hd a { position:relative; float:right; margin-top:10px; width:20px; height:20px; left:auto; transform: translateX(0); bottom:auto; display:none; }
	
	.fArea .bd01 { right:4%; font-size:14px; top:0; line-height:40px; }	
	.fArea .bd01 a { color:#fff; }	
	
	.fArea .bd { position:relative; width:100%; padding:25px 4% 30px; margin:0 auto; top:auto; bottom:auto; transform: translateY(0); left:auto; right:auto; box-sizing: border-box; }
}





.gArea { margin-top:30px; margin-bottom:50px; }
.gArea .hd { margin-bottom:25px; } 
.gArea .hd a { float:right; font-size:14px; color:#858585; } 
.gArea .hd a:hover { color:#1c63b3; } 
.gArea .hd p { font-size:24px; line-height:1; font-weight:bold; color:#4d4d4d; }

.gBox { position:relative; width:100%; overflow:hidden; height:205px; }
.gBox a {position:absolute; top:0; display:block; -webkit-transition:left 300ms, -webkit-opacity 700ms; transition:left 300ms, opacity 700ms; }
.gBox a img { width:405px; height:205px; object-fit: cover; }

.gBox .item-1 { z-index:1; }
.gBox .item-2 { z-index:2; }
.gBox .item-3 { z-index:3; }
.gBox .item-4 { z-index:4; }
 
/* 第一个 */
.gBox .state-1 .item-1 { left:0; }
.gBox .state-1 .item-2 { left:405px; }
.gBox .state-1 .item-3 { left:670px; }
.gBox .state-1 .item-4 { left:935px; }
/* 第二个 */
.gBox .state-2 .item-1 { left:0; }
.gBox .state-2 .item-2 { left:265px; }
.gBox .state-2 .item-3 { left:670px; }
.gBox .state-2 .item-4 { left:935px; }
/* 第三个 */
.gBox .state-3 .item-1 { left:0; }
.gBox .state-3 .item-2 { left:265px; }
.gBox .state-3 .item-3 { left:530px; }
.gBox .state-3 .item-4 { left:917px; }
/* 第四个 */
.gBox .state-4 .item-1 { left:0; }
.gBox .state-4 .item-2 { left:265px; }
.gBox .state-4 .item-3 { left:530px; }
.gBox .state-4 .item-4 { left:795px; }

@media all and (max-width:1200px){
	.gArea { margin-top:30px; margin-bottom:40px; }
 
	.gBox { height:auto; }
	.gBox a { position:relative; top:auto; left:auto!important; width:25%; float:left; }
	.gBox a img { width:100%; height:auto; }
}
@media all and (max-width:900px){
	.gBox a { width:49%; margin-right:2%; }
	.gBox a:nth-child(2n) { margin-right:0; }
	.gBox a:nth-child(n + 3) { margin-top:2%; }
}
@media all and (max-width:750px){
	
	.gArea .hd p { font-size:18px; }
	.gArea .hd a { font-size:14px; }
}

@media all and (max-width:500px){
	.gBox a { width:100%; margin-right:0; }
	.gBox a:nth-child(n + 2) { margin-top:15px; }
}


.gBox01 .swiper-slide .pic { position:relative; padding-bottom:60%; overflow:hidden; }
.gBox01 .swiper-slide .pic img { position:absolute; top:0; left:0; width:100%; height:100%; transition: all 0.6s; object-fit: cover; z-index:2; }
.gBox01 .swiper-slide .txt  { height:50px; font-size:16px; line-height:50px; padding:0 10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

.gBox01 .swiper-slide:hover img { transform: scale(1.1)!important; }

@media all and (max-width:1200px){
	.gBox01 .swiper-slide .txt  { height:40px; font-size:14px; line-height:40px; }
}
@media all and (max-width:900px){

}

 
.hArea .hd { margin-bottom:25px; } 
.hArea .hd a { float:right; font-size:14px; color:#858585; } 
.hArea .hd a:hover { color:#1c63b3; } 
.hArea .hd p { font-size:24px; line-height:1; font-weight:bold; color:#4d4d4d; }

.hArea01 { float:right; width:49%; }
.hArea01 .bd img { width:100%; height:auto; }

.hArea02 { float:left; width:48%; }
.hArea02 .bd { padding:20px 20px 0 20px; background:#f8efe3; min-height:280px; margin-top:20px; box-sizing: border-box; }
.hArea02 .bd .swiper-container-h02 { height:240px; overflow:hidden; }
.hArea02 .bd .swiper-slide .txt { height:30px; line-height:30px; font-size:16px; color:#2f2f2f; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; } 
.hArea02 .bd .swiper-slide:hover .txt { color:#1c63b3; } 

@media all and (max-width:900px){
	.hArea01 { float:none; width:100%; margin-top:30px; }
	.hArea01 .bd img { width:100%; height:auto; }
	
	.hArea02 { float:none; width:100%; }
	.hArea02 .bd { padding:20px 20px 0 20px; min-height:240px; }
	.hArea02 .bd .swiper-container-h02 { height:200px; }
	.hArea02 .bd .swiper-slide .txt { height:25px; line-height:25px; font-size:14px; } 
}
@media all and (max-width:750px){
	
	.hArea .hd p { font-size:18px; }
	.hArea .hd a { font-size:14px; }
}


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

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

}


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

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

}