.container { position: relative; width: 100%; }
 
.aArea { position:relative; background:#f7f7f7; }
.aArea .pic { position:relative; float:right; width:52%; cursor:pointer; } 
.aArea .pic .picaa { position:absolute; left:0; right:0; top:50%; transform: translateY(-50%); text-align:center; z-index:5; }
.aArea .pic .picaa .p2 { font-size:18px; margin-top:20px; font-weight:bold; color:#fff; }
.aArea .pic video { height:800px; }

.aArea .txt { position:absolute; width:580px; left:50%; margin-left:-770px; top:50%; transform: translateY(-50%); z-index:5; } 
.aArea .txt .p1 { font-size:50px; color:#015cac; font-weight:bold; line-height:57px; font-family:"Arial"; text-transform:uppercase; } 
.aArea .txt .p2 { font-size:24px; color:#252525; font-weight:bold; margin:15px 0 70px; } 
.aArea .txt .p3 { font-size:16px; color:#222; line-height:30px; padding-left:30px; position:relative; text-align:justify; } 
.aArea .txt .p3:before { position:absolute; top:0; left:-55px; width:55px; height:280px; background:url(../image/a02.png) no-repeat center top; display:block; content:""; z-index:1; } 
.aArea .txt .p4 { margin:100px 0 0 30px; } 
.aArea .txt .p4 a { color:#0587fe; font-size:16px; } 

.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:1680px){
	.aArea .txt { width:40%; } 
	.aArea .txt .p3 { padding-left:0; } 
	.aArea .txt .p3:before { display:none; }
	.aArea .txt .p4 { margin:70px 0 0 0; } 	
	
	
}
@media all and (max-width:1600px){
	.aArea .txt { width:40%; left:4%; margin-left:0; } 
	.aArea .txt .p1 { font-size:40px; line-height:45px; } 
	.aArea .txt .p2 { font-size:20px; margin:15px 0 50px; } 
	.aArea .txt .p3 { font-size:14px; line-height:25px; } 
	.aArea .txt .p4 { margin:50px 0 0 0; } 
	.aArea .txt .p4 a { color:#0587fe; font-size:14px; } 
	
	.aArea .pic video { height:700px; }
}
@media all and (max-width:1200px){
	.aArea .pic video { height:600px; }
	
	.aArea .txt .p1 { font-size:30px; line-height:35px; } 
	.aArea .txt .p2 { font-size:18px; margin:10px 0 30px; } 
	.aArea .txt .p3 { font-size:14px; line-height:25px; } 
	.aArea .txt .p4 { margin:30px 0 0 0; } 
	.aArea .txt .p4 a { color:#0587fe; font-size:14px; } 
} 
@media all and (max-width:1000px){
	.aArea .pic { float:none; width:100%; } 
	.aArea .pic video { height:auto; }
	
	.aArea .txt { position:relative; width:92%; left:4%; margin-left:0; top:0; transform:none; padding:30px 0; } 
	 
} 
@media all and (max-width:750px){
	
	.aArea .txt .p1 { font-size:24px; line-height:30px; } 
	
	.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; }
} 

.Area-hd { margin-bottom:70px; }
.Area-hd .p1 { font-size:50px; color:#015cac; font-weight:bold; line-height:57px; font-family:"Arial"; text-transform:uppercase; width:360px; } 
.Area-hd .p2 { font-size:24px; color:#252525; font-weight:bold; margin-top:15px; } 

@media all and (max-width:1600px){
	.Area-hd { margin-bottom:40px;text-align:center; }
	.Area-hd .p1 { font-size:40px; line-height:45px; width:100%; } 
	.Area-hd .p2 { font-size:20px; margin-top:15px; } 
}
@media all and (max-width:1200px){
	.Area-hd { margin-bottom:30px;text-align:center; }
	.Area-hd .p1 { font-size:30px; line-height:35px; width:100%; } 
	.Area-hd .p2 { font-size:18px; margin-top:5px; } 
}
@media all and (max-width:750px){
	.Area-hd .p1 { font-size:24px; line-height:30px; } 
}

.bArea { padding:85px 0; background:url(../image/bArea.jpg) no-repeat center; background-size:cover; }

.bArea01 { position:relative; }
.bArea01 .hd { position:absolute; right:0; top:-180px; z-index:5; }
.bArea01 .hd ul li { position:relative; float:left; width:145px; text-align:center; cursor:pointer; }
.bArea01 .hd ul li .p1 { color:#333; font-size:22px; font-family:"Arial"; line-height:1; }
.bArea01 .hd ul li .p2 { color:#444; font-size:18px; margin-top:10px; padding:0 5px; }
.bArea01 .hd ul li:before { position:absolute; display:block; content:""; width:1px; height:40px; background:#bdbdbd; top:50%; right:0; margin-top:-20px; z-index:5; }
 
.bArea01 .hd ul .mm { float:left; width:145px; font-size:18px; text-align:center; line-height:60px; }


.bArea01 .hd ul li.on .p1 { color:#015cac; }
.bArea01 .hd ul li.on .p2 { color:#015cac; }

.bArea01 .bd .swiper-slide a { position:relative; display:block; }
.bArea01 .bd .swiper-slide .pic { overflow:hidden; }
.bArea01 .bd .swiper-slide img { transition: all 0.6s; }
.bArea01 .bd .swiper-slide .txt { background:#fff; padding:30px 40px; color:#333; }
.bArea01 .bd .swiper-slide .txt .p1 { font-size:22px; height:25px; line-height:25px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.bArea01 .bd .swiper-slide .txt .p2 { font-size:16px; height:20px; line-height:20px; margin-top:5px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.bArea01 .bd .swiper-slide .txt01 { position:absolute; top:40px; left:40px; right:40px; bottom:30px; background:url(../image/b01.jpg) no-repeat bottom right; background-size:cover;  display:none; z-index:5; }
.bArea01 .bd .swiper-slide .txt01 .txt011 { position:absolute; top:50%; left:12%; right:12%; transform: translateY(-50%); color:#fff; z-index:5; }
.bArea01 .bd .swiper-slide .txt01 .txt011 .p1 { font-size:30px; height:35px; line-height:35px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.bArea01 .bd .swiper-slide .txt01 .txt011 .p2 { font-size:16px; height:90px; line-height:30px; margin-top:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.bArea01 .bd .swiper-slide .txt01 .txt011 .p3 { margin-top:40px; height:27px; background:url(../image/b02.png) no-repeat center right; }

.bArea01 .bd .swiper-slide:hover .txt01 { display:block; }
.bArea01 .bd .swiper-slide:hover .pic img {  }

.bArea01 .bd .mm { text-align:center; margin-top:35px; }
.bArea01 .bd .mm a { display:inline-block;  font-size:18px; color:#015cac; width:180px; height:50px; text-align:center; line-height:50px; border:1px solid #00a0e9; border-radius:30px; cursor:pointer; }
.bArea01 .bd .mm a:hover { background:#015cac; color:#fff; border-color:#015cac; }
 
@media all and (max-width:1600px){
	.bArea01 .hd { position:relative; right:0; top:0; z-index:5; margin-bottom:30px; }
	.bArea01 .hd ul li { width:12.5%; }
	.bArea01 .hd ul li .p1 { font-size:20px; }
	.bArea01 .hd ul li .p2 { font-size:16px; }
	
	.bArea01 .hd ul .mm { float:right; width:auto; font-size:16px; line-height:55px; }

	
	.bArea01 .bd .swiper-slide .txt01 .txt011 .p1 { font-size:20px; height:25px; line-height:25px; }
	.bArea01 .bd .swiper-slide .txt01 .txt011 .p2 { font-size:14px; height:80px; line-height:20px; margin-top:20px; -webkit-line-clamp:4;  }
	.bArea01 .bd .swiper-slide .txt01 .txt011 .p3 { display:none; }
}
@media all and (max-width:1200px){
	.bArea { padding:50px 0; }
	
	.bArea01 .hd ul li .p1 { font-size:18px; }
	.bArea01 .hd ul li .p2 { font-size:14px; }
	
	.bArea01 .bd .swiper-slide .txt { padding:20px; }
	.bArea01 .bd .swiper-slide .txt .p1 { font-size:16px; height:20px; line-height:20px; }
	.bArea01 .bd .swiper-slide .txt .p2 { font-size:14px; }

	.bArea01 .bd .swiper-slide .txt01 { top:20px; left:20px; right:20px; bottom:20px; }
	.bArea01 .bd .swiper-slide .txt01 .txt011 { left:8%; right:8%; }
	
	.bArea01 .bd .mm a { font-size:16px; width:150px; height:45px; line-height:45px; }
}
@media all and (max-width:1000px){
	.bArea01 .bd .swiper-slide:hover .txt01 { display:none; }
}
@media all and (max-width:750px){
	.bArea { padding:30px 0; }
	
	.bArea01 .hd ul li { width:33%; }
	.bArea01 .hd ul li:nth-child(n+4) { margin-top:25px; }
	 
	.bArea01 .hd ul li .p2 { line-height:20px; height:40px; }
	
	.bArea01 .hd ul .mm { float:right; width:33%; text-align:center; font-size:14px; line-height:50px; margin-top:25px; }
	
	.bArea01 .bd .swiper-slide .txt { padding:15px 10px; }
	.bArea01 .bd .swiper-slide .txt .p1 { font-size:14px; }
	.bArea01 .bd .swiper-slide .txt .p2 { font-size:12px; line-height:20px; height:20px; }
	
	.bArea01 .bd .mm a { font-size:14px; width:120px; height:35px; line-height:35px; }
}

.cArea { padding:140px 0 70px; background:url(../image/cArea.jpg) no-repeat center; background-size:cover; }
.cArea01 { position:relative; width:1200px; margin:0 auto; }
.cArea01 .swiper-slide { width:720px; background:#fff; margin:0 40px 0 0; }
.cArea01 .swiper-slide .pic { float:left; width:100%; position:relative; overflow:hidden; } 
.cArea01 .swiper-slide .pic pic { overflow:hidden; }
.cArea01 .swiper-slide .pic img { transition: all 0.6s; }
.cArea01 .swiper-slide .pic p { position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:5; } 
.cArea01 .swiper-slide .txt { float:left; width:40%; padding:75px 50px 0 50px; color:#333; box-sizing: border-box; display:none; } 
.cArea01 .swiper-slide .txt .p1 { font-size:30px; color:#333; }
.cArea01 .swiper-slide .txt .p2 { font-size:16px; line-height:30px; margin-top:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:3; }

.cArea01 .swiper-pagination-c01 { position:absolute; width:auto!important; left:auto!important; bottom:50px!important; right:50px; line-height:40px; font-size:20px; color:#c8c8c8; font-weight:bold; z-index:9; }
.cArea01 .swiper-pagination-c01 .swiper-pagination-current { color:#015cac; }

.cArea01 .prev-c01,.cArea01 .next-c01 { position:absolute; bottom:50px; width:38px; height:38px; overflow:hidden; border-radius:100%; cursor:pointer; z-index:9; }
.cArea01 .prev-c01 { background:url(../image/c01.png) no-repeat center; right:350px; }
.cArea01 .next-c01 { background:url(../image/c02.png) no-repeat center; right:300px; }
 
.cArea01 .swiper-slide-active { width:1200px; } 
.cArea01 .swiper-slide-active .txt { display:block; } 
.cArea01 .swiper-slide-active .pic { width:60%; } 
.cArea01 .swiper-slide-active .pic p { display:none; }

.cArea02 { text-align:center; margin-top:50px; } 
.cArea02 ul li { display:inline-block; padding:0 40px; position:relative; } 
.cArea02 ul li:before { position:absolute; top:50%; margin-top:-20px; right:0; display:bloock; content:""; width:1px; height:40px; background:rgba(255,255,255,0.2); z-index:5; }
.cArea02 ul li:last-child:before { display:none; }
.cArea02 ul li .p1 { min-height:50px; }
.cArea02 ul li .p2 { font-size:18px; color:#fff; }

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

@media all and (max-width:1400px){
	.cArea { padding:80px 0 50px; }
	
	.cArea01 { width:1000px; }
	.cArea01 .swiper-slide { width:600px; }
	.cArea01 .swiper-slide .txt {  padding:45px 30px 0 30px; } 
	.cArea01 .swiper-slide .txt .p1 { font-size:24px; }
	.cArea01 .swiper-slide .txt .p2 { font-size:14px; line-height:25px; margin-top:40px; }
	
	.cArea01 .swiper-slide-active { width:1000px; }

	.cArea01 .prev-c01 { right:300px; }
	.cArea01 .next-c01 { right:250px; }	
}
@media all and (max-width:1200px){
	.cArea02 ul li { float:left; display:block; padding:0; width:25%; } 
	.cArea02 ul li .p1 { min-height:45px; }
	.cArea02 ul li .p2 { font-size:14px; }
}
@media all and (max-width:1000px){
	.cArea { padding:30px 0; }
	
	.cArea01 { width:92%; margin:0 4%; overflow:hidden;	}
	.cArea01 .swiper-slide { width:100%; }
	.cArea01 .swiper-slide .pic { float:none; width:100%; }
	.cArea01 .swiper-slide .txt { float:none; width:100%; padding:25px 20px 80px; } 
	.cArea01 .swiper-slide .txt .p1 { font-size:18px; }
	.cArea01 .swiper-slide .txt .p2 { font-size:14px; line-height:20px; margin-top:10px; min-height:80px; -webkit-line-clamp:4; }
	
	.cArea01 .swiper-slide-active { width:100%; }
	.cArea01 .swiper-slide-active .pic { width:100%; }
	
	.cArea01 .swiper-pagination-c01 { bottom:20px!important; right:20px; line-height:35px; }

	.cArea01 .prev-c01,.cArea01 .next-c01 { width:30px; height:30px; bottom:20px; }
	.cArea01 .prev-c01 { left:20px; right:auto; }
	.cArea01 .next-c01 { left:60px; right:auto; }	
}
@media all and (max-width:750px){
	.cArea02 ul li { float:left; display:block; padding:0; width:50%; } 
	.cArea02 ul li:nth-child(n+3) { margin-top:25px; }
	.cArea02 ul li:nth-child(2n):before { display:none; }
	.cArea02 ul li .p1 { min-height:45px; }
	.cArea02 ul li .p2 { font-size:14px; }
}
  
.dArea { background:#f0f1f5; padding:85px 0; }
.dArea .Area-hd { background:url(../image/d01.png) no-repeat bottom right; }
.dArea01 { float:left; width:720px; }
.dArea01 .pic { overflow:hidden; }
.dArea01 .pic img { transition: all 0.6s; }
.dArea01 .txt { padding:29px 35px; background:#fff; }
.dArea01 .txt .p1 { font-size:24px; color:#151515; height:25px; line-height:25px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.dArea01 .txt .p2 { font-size:16px; color:#9b9b9d; margin-top:10px; height:20px; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.dArea01:hover .txt { background:#015cac; }
.dArea01:hover .txt .p1 { color:#fff; }
.dArea01:hover .txt .p2 { color:#fff; }
.dArea01:hover .pic img { transform: scale(1.1)!important; }

.dArea02 { float:right; width:calc(100% - 820px); }
.dArea02 ul li { height:85px; line-height:85px; background:#fff; margin-bottom:17px;  }
.dArea02 ul li:last-child { margin-bottom:0; }
.dArea02 ul li a { display:block;  padding:0 35px; font-size:16px; color:#383838; }
.dArea02 ul li a p { padding-right:60px; background:url(../image/d02.png) no-repeat center right; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.dArea02 ul li:hover { background:#015cac; }
.dArea02 ul li:hover a { color:#fff; }
.dArea02 ul li:hover a p { background:url(../image/d03.png) no-repeat center right; }

@media all and (max-width:1600px){
	.dArea .Area-hd { background:none; }
	
	.dArea01 { float:left; width:650px; }
	 
	.dArea01 .txt { padding:25px; background:#fff; }
	.dArea01 .txt .p1 { font-size:18px; height:20px; line-height:20px; }
	.dArea01 .txt .p2 { font-size:14px; }
 
	.dArea02 { width:calc(100% - 700px); }
	.dArea02 ul li { height:80px; line-height:80px; background:#fff; margin-bottom:10px;  }
	.dArea02 ul li:last-child { margin-bottom:0; }
}
@media all and (max-width:1400px){
	.dArea .Area-hd { background:none; }
}
@media all and (max-width:1200px){
	.dArea { padding:50px 0; }
	
	.dArea01 { width:500px; }
 
	.dArea02 { width:calc(100% - 550px); }
	.dArea02 ul li { height:65px; line-height:65px; }
	.dArea02 ul li a { padding:0 25px; font-size:14px; }
}
@media all and (max-width:1000px){
 
	.dArea01 { float:none; width:100%; }
	.dArea01 .txt { padding:20px 15px; }
	.dArea01 .txt .p1 { font-size:16px; }
	.dArea01 .txt .p2 { font-size:14px; }
	
 
	.dArea02 { float:none; width:100%; margin-top:10px; }
	.dArea02 ul li { height:55px; line-height:55px; }
	.dArea02 ul li a { padding:0 15px; font-size:14px; }
	.dArea02 ul li a p { background-size:25px 25px!important; }
}
@media all and (max-width:750px){
	.dArea { padding:30px 0; }
}

.eArea { background:#fff; padding:85px 0 120px; }
.eArea01 { position:relative; }
.eArea01 .hd { position:absolute; top:-200px; right:0; z-index:5; }
.eArea01 .hd ul li { display:inline-block; margin-left:10px; font-size:18px; color:#015cac; width:180px; height:60px; text-align:center; line-height:60px; border:1px solid #00a0e9; border-radius:30px; cursor:pointer; }
.eArea01 .hd ul li.on { background:#015cac; color:#fff; border-color:#015cac; }

.eArea01 .bd .swiper-slide .pic { overflow:hidden; }
.eArea01 .bd .swiper-slide .pic img { transition: all 0.6s; }
.eArea01 .bd .swiper-slide .txt { padding-top:35px; }
.eArea01 .bd .swiper-slide .txt .p1 { font-size:20px; color:#000; height:25px; line-height:25px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.eArea01 .bd .swiper-slide .txt .p2 { font-size:16px; color:#999; height:60px; line-height:30px; margin-top:25px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.eArea01 .bd .swiper-slide .txt .p3 { position:relative; width:100%; height:1px; background:#e3e3e3; margin-top:25px; }
.eArea01 .bd .swiper-slide .txt .p3:before { position:absolute; width:0; height:1px; background:#015cac; top:0; left:0; display:block; content:""; opacity:0; transition: all 0.6s; z-index:5; }
.eArea01 .bd .swiper-slide .txt .p4 { font-size:24px; color:#191919; margin-top:25px; font-weight:bold; }

.eArea01 .bd .swiper-slide:hover .pic img { transform: scale(1.1)!important; }
.eArea01 .bd .swiper-slide:hover .txt .p3:before { width:100%; opacity:1; }
.eArea01 .bd .swiper-slide:hover .txt .p4 { color:#015cac; background:url(../image/e01.png) no-repeat center right; }
 
@media all and (max-width:1600px){
	.eArea01 .hd { position:relative; top:0; right:auto; margin-bottom:30px; text-align:center; }
	.eArea01 .hd ul li { margin:0 10px; font-size:16px; width:150px; height:50px; line-height:50px; }
}
@media all and (max-width:1200px){
	 .eArea { padding:50px 0 80px; }
	 
	.eArea01 .bd .swiper-slide .txt { padding-top:25px; }
	.eArea01 .bd .swiper-slide .txt .p1 { font-size:18px; height:20px; line-height:20px; }
	.eArea01 .bd .swiper-slide .txt .p2 { font-size:14px; height:40px; line-height:20px; margin-top:15px; }
	.eArea01 .bd .swiper-slide .txt .p3 { margin-top:15px; }
	.eArea01 .bd .swiper-slide .txt .p4 { font-size:20px; margin-top:15px; }
}
@media all and (max-width:750px){
	 .eArea { padding:30px 0 40px; }
	 .eArea01 .hd ul li { margin:0 5px; font-size:14px; width:120px; height:35px; line-height:35px; }
	 
	.eArea01 .bd .swiper-slide .txt { padding-top:15px; }
	.eArea01 .bd .swiper-slide .txt .p1 { font-size:14px; }
	.eArea01 .bd .swiper-slide .txt .p2 { font-size:12px; height:40px; line-height:20px; margin-top:5px; }
	.eArea01 .bd .swiper-slide .txt .p3 { margin-top:5px; }
	.eArea01 .bd .swiper-slide .txt .p4 { font-size:18px; margin-top:10px; }
}