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

.banner { position:relative; }
.swiper-container-1 .swiper-slide {  font-size:0; vertical-align:top; }
.swiper-container-1 .swiper-pagination  { bottom:75px!important; font-size:0; }
.swiper-container-1 .swiper-pagination-bullet { width:15px!important; height:15px!important; margin:0 5px!important; background:none; border:1px solid #fff; border-radius:100%; opacity:1; }
.swiper-container-1 .swiper-pagination-bullet-active { background:#fff; }
.swiper-container-1 .img02 { display:none; }

.banner .prev-01,.banner .next-01 { position:absolute; top:50%; margin-top:-12px; display:block; width:15px; height:25px; z-index:2; }
.banner .prev-01 { background:url(ban01.png) no-repeat center; left:3%; }
.banner .next-01 { background:url(ban02.png) no-repeat center; right:3%; }

@media all and (max-width:1680px){
	.swiper-container-1 .swiper-pagination  { bottom:50px!important;  }
}
@media all and (max-width:750px){
	.swiper-container-1 .swiper-pagination  { bottom:20px!important;  }
	.swiper-container-1 .swiper-pagination-bullet { width:7px!important; height:7px!important; }
	
	.swiper-container-1 .img01 { display:none; }
	.swiper-container-1 .img02 { display:block; }
}

.aArea { line-height:30px; color:#777; font-size:0; }
.aArea a { display:inline-block; color:#777; margin-right:35px; font-size:16px; }
.aArea a:hover { color:#1e89ca; }
.aArea a:first-child { color:#1e89ca; }

@media all and (max-width:1580px){
	.aArea a { margin-right:25px; font-size:14px; }
}
@media all and (max-width:1200px){
	.aArea a { margin-right:15px; font-size:12px;  }
}
@media all and (max-width:750px){
	.aArea { line-height:1.5; padding:15px 0; }
	.aArea a { margin-right:5px; }
	.aArea a:first-child {  margin-right:0; }
	.aArea a:nth-child(n + 4) {  display:none; }
}

.Area-hd { text-align:center; }
.Area-hd .p1 { color:#0079c3; }
.Area-hd .p1 i { display:inline-block; font-size:34px; padding-left:60px; line-height:52px; font-weight:bold; background:url(hd01.png) no-repeat center left; background-size:contain; margin-left:-60px; }
.Area-hd .p2 { font-size:14px; color:#ccc; line-height:20px; text-transform:uppercase; margin-top:10px; letter-spacing:5px; }

@media all and (max-width:1680px){
	.Area-hd .p1 i { font-size:28px; padding-left:50px; line-height:45px; margin-left:-50px; }
	.Area-hd .p2 { font-size:14px; margin-top:10px; letter-spacing:5px; }
}
@media all and (max-width:1200px){
	.Area-hd .p1 i { font-size:24px; }
}
@media all and (max-width:750px){
	.Area-hd .p1 i { font-size:20px; padding-left:40px; line-height:35px; margin-left:-40px; }
	.Area-hd .p2 { font-size:12px; letter-spacing:2px; margin-top:5px; }
}


.bArea { padding:50px 0; }
.bArea01 { margin-top:45px; }
.bArea01 .swiper-slide .pic { position:relative; overflow:hidden; }
.bArea01 .swiper-slide .pic img { transition: all 0.6s; }
.bArea01 .swiper-slide .pic p { position:absolute; top:50%; left:10px; right:10px; text-align:center; font-size:30px; color:#fff; transform: translateY(-50%); z-index:5; }
.bArea01 .swiper-slide .txt { margin-top:20px; }
.bArea01 .swiper-slide .txt ul li { padding:0 3%; }
.bArea01 .swiper-slide .txt ul li a { display:block; background:url(b03.png) no-repeat center right; }
.bArea01 .swiper-slide .txt ul li a i { display:block; line-height:50px; padding-left:45px; font-size:16px; color:#000; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.bArea01 .swiper-slide .txt ul li a i:nth-child(2) { display:none; }

.bArea01 .swiper-slide .txt ul li:hover { background:#0079c3; }
.bArea01 .swiper-slide .txt ul li:hover a { background:url(b04.png) no-repeat center right; }
.bArea01 .swiper-slide .txt ul li:hover a i { color:#fff; display:none; }
.bArea01 .swiper-slide .txt ul li:hover a i:nth-child(2) { display:block; }
 
.bArea01 .swiper-slide .pic:hover img { transform: scale(1.1)!important; }

@media all and (max-width:1200px){
	.bArea { padding:40px 0; }
	.bArea01 { margin-top:35px; }
	.bArea01 .swiper-slide .pic p { font-size:24px; }
	.bArea01 .swiper-slide .txt ul li a i { line-height:40px; padding-left:35px; font-size:14px; background-size:20px 20px!important; }
}
@media all and (max-width:750px){
	.bArea { padding:30px 0; }
	.bArea01 { margin-top:25px; }
	.bArea01 .swiper-slide .pic p { font-size:20px; }
	.bArea01 .swiper-slide .txt ul li a i { line-height:40px; padding-left:35px; font-size:14px; background-size:20px 20px!important; }
}

.cArea .wrap { position:relative; }
.cArea .prev-c01,.cArea .next-c01 { position:absolute; top:50%; transform: translateY(-50%); display:block; border:1px solid #fff; border-radius:100%; width:40px; height:40px; z-index:2; }
.cArea .prev-c01 { background:url(c01.png) no-repeat center; left:10px; }
.cArea .next-c01 { background:url(c02.png) no-repeat center; right:10px; }
.cArea .prev-c01:hover,.cArea .next-c01:hover { background-color:rgba(255,255,255,0.7); border:1px solid transparent; }

.cArea .swiper-slide .img02 { display:none; }

@media all and (max-width:750px){
	.cArea .swiper-slide .img01 { display:none; }
	.cArea .swiper-slide .img02 { display:block; }
}

.dArea { padding:50px 0 80px; }
.dArea01 { margin-top:20px; }
.dArea01 .hd { text-align:center; font-size:0; }
.dArea01 .hd ul li { position:relative; display:inline-block; font-size:20px; padding:0 50px; color:#000; cursor:pointer; }
.dArea01 .hd ul li:before { position:absolute; right:0; top:50%; display:block; content:""; width:1px; height:18px; transform: translateY(-50%); background:#000; z-index:2; }
.dArea01 .hd ul li:last-child:before { display:none; }
.dArea01 .hd ul li.on { color:#0079c3; }

.dArea01 .bd { margin-top:30px; }
.dArea01 .bd .swiper-slide .pic { overflow:hidden; }
.dArea01 .bd .swiper-slide .pic img { transition: all 0.6s; }
.dArea01 .bd .swiper-slide .txt { margin:25px 4% 0 4%; padding-bottom:20px; border-bottom:1px solid #e5e5e5; }
.dArea01 .bd .swiper-slide .txt .p1 { font-size:16px; color:#000; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.dArea01 .bd .swiper-slide .txt .p2 { font-size:14px; color:#777; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; margin-top:20px; }

.dArea01 .bd .m01 { margin-top:60px; text-align:center; }
.dArea01 .bd .m01 a { display:inline-block; width:180px; height:50px; line-height:50px; background:#0079c3; font-size:16px; color:#fff; }

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


@media all and (max-width:1680px){
	.dArea { padding:50px 0 60px; }
	.dArea01 .hd ul li { font-size:18px; padding:0 30px; }
 
	.dArea01 .bd .swiper-slide .txt { margin:20px 3% 0 3%; padding-bottom:20px; }
	.dArea01 .bd .swiper-slide .txt .p1 { font-size:16px; }
	.dArea01 .bd .swiper-slide .txt .p2 { font-size:14px; margin-top:10px; }

	.dArea01 .bd .m01 { margin-top:40px; }
	.dArea01 .bd .m01 a { display:inline-block; width:180px; height:50px; line-height:50px; background:#0079c3; font-size:16px; color:#fff; }	
}
@media all and (max-width:1200px){
	.dArea01 .hd ul li { font-size:16px; padding:0 30px; }
  
	.dArea01 .bd .m01 { margin-top:30px; }
	.dArea01 .bd .m01 a { width:150px; height:35px; line-height:35px;  font-size:14px; }	
}
@media all and (max-width:750px){
	.dArea { padding:30px 0; }
	.dArea01 { margin-top:20px; }
	.dArea01 .hd ul li { font-size:14px; padding:0 25px; }
	.dArea01 .hd ul li:before { height:12px; }
 
	.dArea01 .bd { margin-top:25px; }
	.dArea01 .bd .swiper-slide .txt { margin:15px 2% 0 2%; padding-bottom:15px; }
	.dArea01 .bd .swiper-slide .txt .p1 { font-size:14px; }
	.dArea01 .bd .swiper-slide .txt .p2 { font-size:12px; margin-top:10px; }

	.dArea01 .bd .m01 { margin-top:25px; }
}

.eArea { padding:35px 0 60px; background:url(eArea.jpg) no-repeat center bottom #f9f9f9;  }
.eArea01 { position:relative; margin-top:35px; }
.eArea01 .pic { float:right; width:800px; }
.eArea01 .txt { position:absolute; top:50%; left:0; transform: translateY(-50%); width:870px; min-height:385px; background:#fff; padding:60px 35px 0 25px; box-sizing: border-box; z-index:5; }
.eArea01 .txt .p1 { font-size:28px; color:#0079c3; padding-left:40px; background:url(e01.png) no-repeat center left; }
.eArea01 .txt .p2 { margin-top:45px; font-size:16px; color:#777; line-height:2; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.eArea01 .txt .p3 { margin-top:40px; }
.eArea01 .txt .p3 a { display:inline-block; text-align:center; width:140px; height:45px; line-height:45px; background:#0079c3; font-size:16px; color:#fff; }

 
@media all and (max-width:1680px){
	
}
@media all and (max-width:1200px){
	.eArea01 .txt { width:80%; min-height:auto; padding:50px 25px; }
	.eArea01 .txt .p1 { font-size:20px; padding-left:35px; background-size:20px 20px; }
	.eArea01 .txt .p2 { margin-top:45px; font-size:14px; line-height:2; -webkit-line-clamp:3; }
}
@media all and (max-width:900px){
	.eArea01 .txt { position:relative; top:0; left:0; transform: translateY(0); width:100%; padding:30px 20px; }
	.eArea01 .txt .p1 { font-size:18px; padding-left:30px; background-size:15px 15px; }
	.eArea01 .txt .p2 { margin-top:15px; -webkit-line-clamp:20; }
	.eArea01 .txt .p3 { margin-top:20px; }
	.eArea01 .txt .p3 a { width:120px; height:35px; line-height:35px;  font-size:14px; }	
	
	
	.eArea01 .pic { float:none; width:100%; }
}
@media all and (max-width:750px){
	.eArea { padding:30px 0; }
	.eArea01 { margin-top:25px; }
}