@charset "utf-8";
 
@media all and (min-width:1200px){
	html, body {height: 100%;}
	html, body .wrapper { width:100%; height: 100%;}
}	
	
.container { position: relative; width: 100%; }

.swiper-container-body { width: 100%;  height: 100%; }
.swiper-wrapper-body { /*transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;*/ }
.section { position:relative; background-size:cover!important; }

.swiper-pagination-body { position:absolute; right:20px!important; z-index:99; }
.swiper-pagination-body .swiper-pagination-bullet { width:9px; height:9px; margin:10px 0!important; border:2px solid #a0a0a0; border-radius:100%; background:#a0a0a0; opacity:1; }
.swiper-pagination-body .swiper-pagination-bullet-active { background:none; }
 
 
@media all and (max-width:1200px){
	.swiper-container-body { height:auto!important; }
	.swiper-wrapper-body { height:auto!important; display:block!important; }
	.swiper-wrapper-body .swiper-slide { height:auto!important; display:block!important; }
	
	
	.swiper-pagination-body { display:none!important; }
}


.banner { position:relative; width:100%; height:100%; overflow:hidden; }
.banner .swiper_banner { width:100%; height:100%; overflow:hidden; }
.banner .swiper_banner .swiper-slide { position:relative; width:100%; height:100%; overflow:hidden; }
.banner .swiper_banner .swiper-slide a { display:block; width:100%; height:100%;}
.banner .swiper_banner .swiper-slide a.a1 { display:block; }
.banner .swiper_banner .swiper-slide a.a2 { display:none; }
.banner .swiper_banner .swiper-slide a.a3 { display:none; }

.banner .swiper_banner .swiper-slide .num { position:absolute; right:50%; margin-right:-650px; bottom:9vh; font-size:26px; font-family:"Arial"; line-height:1.1; color:#fff; z-index:9 }
.banner .swiper_banner .swiper-slide .num i { font-size:52px; }
 
.banner .swiper_banner .pagination01 { width:auto; font-size:0; position:absolute; left:50%; margin-left:-650px; bottom:9vh; z-index:9} 
.banner .swiper_banner .pagination01 span{ display:inline-block; vertical-align:top; width:12px; height:12px; box-sizing:border-box; border:2px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.5); opacity:1; margin:0 15px; }
.banner .swiper_banner .pagination01 span.swiper-pagination-bullet-active{ background:none; border-color:#fff; }

@media all and (max-width:1380px){
	.banner .swiper_banner .swiper-slide .num { margin-right:-600px; }
	.banner .swiper_banner .pagination01 { margin-left:-600px; } 
}
@media all and (max-width:1200px){
	.banner .swiper_banner .swiper-slide a.a1 { display:none; }
	.banner .swiper_banner .swiper-slide a.a2 { display:block; }
	
	.banner .swiper_banner .swiper-slide .num { display:none; right:5%; margin-right:0; bottom:20px; font-size:14px; }
	.banner .swiper_banner .swiper-slide .num i { font-size:28px; }
	
	.banner .swiper_banner .pagination01 { left:0; right:0; text-align:center; margin-left:0; bottom:20px; } 
	.banner .swiper_banner .pagination01 span { width:10px; height:10px; margin:0 5px; }
}
@media all and (max-width:750px){
	.banner .swiper_banner .swiper-slide a.a2 { display:none; }
	.banner .swiper_banner .swiper-slide a.a3 { display:block; }
}

.Area-hd { line-height:1.1; }
.Area-hd .p1 { font-size:36px; font-weight:bold; font-family:"Arial"; color:#000; text-transform:uppercase; }
.Area-hd .p2 { font-size:24px; color:#444; margin-top:15px; }

@media all and (max-width:1200px){
	.Area-hd .p1 { font-size:28px; }
	.Area-hd .p2 { font-size:16px; margin-top:10px; }
}
@media all and (max-width:750px){
	.Area-hd .p1 { font-size:20px; }
}

.aArea { position:absolute; left:0; top:50%; right:0; margin-top:45px; transform: translateY(-50%); z-index:9; }
.aArea .txt { float:left; width:49.5%; padding-top:20px; }
.aArea .txt .p3 { font-size:12px; color:#7d7d7d; margin-top:15px; line-height:2; }
.aArea .txt .p4 { margin-top:25px; }
.aArea .txt .p4 ul li { float:left; margin-right:75px; text-align:center; }
.aArea .txt .p4 ul li:last-child { margin-right:0; }
.aArea .txt .p4 ul li .p1 { border:1px solid #434343; border-radius:5px; overflow:hidden; }
.aArea .txt .p4 ul li .p1 .img02 { display:none; }
.aArea .txt .p4 ul li .p2 { font-size:14px; margin-top:10px; color:#010101; }

.aArea .pic { position:relative; float:right; width:46%; }
.aArea .pic .pic02 { position:absolute; width:235px; bottom:45px; right:0; padding:45px 0 35px; background:rgba(237,135,49,0.8); font-weight:bold; color:#fff; font-style:italic; text-align:center; line-height:1.1; z-index:9; }
.aArea .pic .pic02 .p1 { font-size:30px; }
.aArea .pic .pic02 .p2 { font-size:25px; margin-top:15px; font-family:"Arial"; }

.aArea01 { display:none; }

.aArea .txt .p4 ul li:hover .p1 { background:#015bab; border-color:#015bab; }
.aArea .txt .p4 ul li:hover .p1 .img01 { display:none; }
.aArea .txt .p4 ul li:hover .p1 .img02 { display:block; }

@media all and (max-width:1380px){
	.aArea .txt .p4 ul li { margin-right:45px; }
	.aArea .txt .p4 ul li:last-child { margin-right:0; }
	.aArea .txt .p4 ul li .p1 img { width:60px; height:auto; }
}
@media all and (max-width:1200px){
	.aArea { position:relative; top:auto; transform: translateY(0); margin-top:0; padding:60px 0; }
	.aArea .txt { padding-top:0; }
	
	.aArea .pic .pic02 { width:180px; bottom:25px; padding:25px 0; }
	.aArea .pic .pic02 .p1 { font-size:20px; }
	.aArea .pic .pic02 .p2 { font-size:16px; margin-top:10px; }
}
@media all and (max-width:900px){
	.aArea .txt { float:none; width:100%; }

	.aArea .pic { position:relative; float:none; width:100%; margin-top:30px; }
}
@media all and (max-width:750px){
	.section02 { background:none!important; }
	.aArea { padding:30px 0 0; }
	
	.aArea .txt .p4 ul { display:flex; flex-direction:row; justify-content:space-between; }
	.aArea .txt .p4 ul li { float:none; margin-right:0; }
	.aArea .txt .p4 ul li .p1 img { width:45px; height:auto; }
	
	.aArea01 { display:block; }
}
 

.bArea { position:absolute; left:0; top:50%; right:0; margin-top:45px; transform: translateY(-50%); z-index:9; }
.bArea .wrap { position:relative; }
.bArea .Area-hd { position:absolute; top:0; left:0; z-index:5; }

.bArea01 { padding-top:15px; }
.bArea01 .hd { text-align:right; }
.bArea01 .hd ul li { display:inline-block; text-align:center; margin-left:35px; cursor:pointer; }
.bArea01 .hd ul li .p1 img { height:44px; width:auto; }
.bArea01 .hd ul li .p1 .img02 { display:none; }
.bArea01 .hd ul li .p2 { font-size:14px; color:#313131; margin-top:5px; }

.bArea01 .hd ul li.on .p1 .img01 { display:none; }
.bArea01 .hd ul li.on .p1 .img02 { display:inline-block; }
.bArea01 .hd ul li.on .p2 { color:#015bab; }

.bArea01 .bd { margin-top:20px; }
.bArea01 .bd .swiper-slide a { display:block; }
.bArea01 .bd .swiper-slide .pic { float:left; width:50%; }
.bArea01 .bd .swiper-slide .txt { float:right; width:46.5%; padding-top:25px; }
.bArea01 .bd .swiper-slide .txt .p1 { display:inline-block; padding:15px 15px 12px 0; border-bottom:1px solid #313131; border-top:1px solid #313131; line-height:1.1; }
.bArea01 .bd .swiper-slide .txt .p1 p { font-size:24px; color:#000; font-weight:bold; }
.bArea01 .bd .swiper-slide .txt .p1 span { display:block; font-size:20px; color:#434343; margin-top:5px; }
.bArea01 .bd .swiper-slide .txt .p2 { font-size:14px; margin-top:20px; color:#434343; line-height:2.5; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:5; }

.bArea01 .bd .swiper-slide .txt01 { margin-top:25px; display:none; }
.bArea01 .bd .swiper-slide .txt01 i { display:block; line-height:40px; font-size:14px; color:#fff; background:#015bab; text-align:center; }
 
.bArea01 .bd .bd01 { position:relative; }
.bArea01 .bd .btn { position:absolute; bottom:0; left:53.5%; z-index:5; cursor:pointer; }
.bArea01 .bd .btn .prev-bb,.bArea01 .bd .btn .next-bb { display:inline-block; width:69px; height:69px; background-size:cover!important; margin-right:15px; }
.bArea01 .bd .btn .prev-bb { background:url(b91.png) no-repeat center; }
.bArea01 .bd .btn .next-bb { background:url(b92.png) no-repeat center; }
.bArea01 .bd .btn .prev-bb:hover { background:url(b93.png) no-repeat center; }
.bArea01 .bd .btn .next-bb:hover { background:url(b94.png) no-repeat center; }
 
@media all and (max-width:1380px){
	.bArea01 .bd .btn .prev-bb,.bArea01 .bd .btn .next-bb { width:55px; height:55px; }
} 
@media all and (max-width:1200px){
	.bArea { position:relative; top:auto; transform: translateY(0); margin-top:0; padding:60px 0; }
	
	.bArea01 .bd .swiper-slide .txt .p1 p { font-size:20px; }
	.bArea01 .bd .swiper-slide .txt .p1 span { font-size:14px; }
	.bArea01 .bd .swiper-slide .txt .p2 { line-height:1.8; }

	.bArea01 .bd .btn { position:relative; bottom:auto; left:0; width:100%; text-align:center; margin-top:30px; z-index:5; }
	.bArea01 .bd .btn .prev-bb,.bArea01 .bd .btn .next-bb { width:44px; height:44px; margin:0 10px; }
}  
@media all and (max-width:900px){
	.bArea01 .bd .swiper-slide .pic { float:none; width:100%; }
	.bArea01 .bd .swiper-slide .txt { float:none; width:100%; }
	.bArea01 .bd .swiper-slide .txt .p1 p { font-size:20px; }
	.bArea01 .bd .swiper-slide .txt .p1 span { font-size:14px; margin-top:10px; }
	.bArea01 .bd .swiper-slide .txt .p2 { line-height:1.8; }
 
	.bArea01 .bd .btn .prev-bb,.bArea01 .bd .btn .next-bb { width:35px; height:35px; }
}  
@media all and (max-width:750px){
	.section03 { background:none!important; }
	.bArea { padding:30px 0; }
	.bArea .Area-hd { position:relative; }
	
	.bArea01 { padding-top:25px; }
	.bArea01 .hd ul li { float:left; display:block; width:25%; text-align:center; margin-left:0; }
	.bArea01 .hd ul li .p1 img { height:35px; }
	
	.bArea01 .bd .swiper-slide .txt .p1 p { font-size:18px; }
	
	.bArea01 .bd .swiper-slide .txt01 { display:block; }
}  
 
 
.cArea { position:absolute; top:50%; left:0; right:0; transform: translateY(-50%); margin-top:45px; z-index:9; }
.cArea .wrap { position:relative; }
.cArea .Area-hd { position:absolute; top:0; left:0; z-index:5; }

.cArea01 { padding-top:15px; }
.cArea01 .hd { text-align:right; }
.cArea01 .hd ul li { display:inline-block; text-align:center; margin-left:35px; cursor:pointer; }
.cArea01 .hd ul li .p1 img { height:36px; width:auto; }
.cArea01 .hd ul li .p1 .img02 { display:none; }
.cArea01 .hd ul li .p2 { font-size:14px; color:#313131; margin-top:15px; }

.cArea01 .hd ul li.on .p1 .img01 { display:none; }
.cArea01 .hd ul li.on .p1 .img02 { display:inline-block; }
.cArea01 .hd ul li.on .p2 { color:#015bab; }
 
.cArea01 .bd { margin-top:15px; }
 
.cBox01 { float:left; width:50%; }
.cBox01 .swiper-slide a { position:relative; display:block; }
.cBox01 .swiper-slide .txt { position:absolute; right:0; left:0; bottom:0; padding:15px 10px; background:rgba(0,0,0,0.5); color:#fff; z-index:5; }
.cBox01 .swiper-slide .txt .p1 { font-size:18px; height:20px; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.cBox01 .swiper-slide .txt .p2 { font-size:14px; margin-top:15px; font-family:"Arial"; }

.cBox01 .swiper-pagination-cc { position:absolute; right:15px; left:auto!important; bottom:20px!important; width:auto!important; z-index:5; }
.cBox01 .swiper-pagination-cc .swiper-pagination-bullet { width:6px; height:6px; margin:0 5px; background:#fff; border-radius:100%; opacity:0.5; }
.cBox01 .swiper-pagination-cc .swiper-pagination-bullet-active {  opacity:1; }

.cBox02 { float:left; width:50%; }
.cBox02 ul li { background:#fff; }
.cBox02 ul li .pic { float:right; width:50%; }
.cBox02 ul li .txt { position:relative; float:left; width:50%; height:100%; }
.cBox02 ul li .txt .pic01 img { opacity:0; }
.cBox02 ul li .txt .txt01 { position:absolute; width:80%; left:10%; top:50%; transform: translateY(-50%); color:#313131; line-height:1.1; z-index:2; }
.cBox02 ul li .txt .txt01 .p1 { font-size:14px; font-family:"Arial"; }
.cBox02 ul li .txt .txt01 .p2 { font-size:14px; line-height:20px; height:20px; margin-top:10px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.cBox02 ul li .txt .txt01 .p3 { width:16px; height:2px; background:#015bab; margin-top:10px; }
.cBox02 ul li .txt .txt01 .p4 { font-size:12px; color:#7d7d7d; line-height:2; margin-top:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.cBox02 ul li .txt .txt01 .p5 { margin-top:20px; }
.cBox02 ul li .txt .txt01 .p5 i { display:inline-block; padding:0 20px; font-size:14px; color:#7c7b81; border:1px solid #7c7b81; height:30px; line-height:30px; }

.cBox02 ul li:hover .txt .txt01 .p5 i { color:#fff; border:1px solid #fca124; background:#fca124; }
 
.cBox02 ul li:nth-child(2) .pic { float:left; }
.cBox02 ul li:nth-child(2) .txt { float:right; }

.cBox03 { margin-top:25px; display:none; }
.cBox03 a { display:block; line-height:40px; font-size:14px; color:#fff; background:#015bab; text-align:center; }
 
@media all and (max-width:1200px){
	.cArea { position:relative; top:auto; transform: translateY(0); margin-top:0; padding:60px 0; }
	
	.cBox01 .swiper-slide .txt .p1 { font-size:16px; }
	
	.cBox02 ul li .txt .txt01 .p4 { display:none; }
} 
@media all and (max-width:900px){
	.cBox01 { float:none; width:100%; }
	 
	.cBox02 { float:none; width:100%; }
} 
@media all and (max-width:750px){
	.cArea { padding:30px 0; }
	.cArea .Area-hd { position:relative; }
	
	.cArea01 { padding-top:25px; }
	.cArea01 .hd ul li { float:left; display:block; width:25%; text-align:center; margin-left:0; }
	.cArea01 .hd ul li .p1 img { height:30px; }
	.cArea01 .hd ul li .p2 { margin-top:5px; }
 
	.cBox01 .swiper-slide .txt .p1 { font-size:14px; }
	
	.cBox02 ul li .txt .txt01 { width:90%; left:5%; }
	.cBox02 ul li .txt .txt01 .p2 { height:40px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; white-space: normal; }
	.cBox02 ul li .txt .txt01 .p3 { display:none; }
	.cBox02 ul li .txt .txt01 .p5 { display:none; }
	
	.cBox03 { display:block; }
}