@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; left:right:20px!important; z-index:99; }
.swiper-pagination-body .swiper-pagination-bullet { width:9px; height:9px; margin:10px 0!important;  border-radius:100%; background:#a0a0a0; opacity:1; }
.swiper-pagination-body .swiper-pagination-bullet-active { background:#c04c4e; }
 
 
@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-pagination-banner { position:absolute; bottom:50px!important; left:0; text-align:center; z-index:9;  }
.banner .swiper_banner .swiper-pagination-bullet { width:12px; height:12px; margin:0 10px!important;  border-radius:100%; background:#a0a0a0; opacity:1; }
.banner .swiper_banner .swiper-pagination-bullet-active { background:#c04c4e; }

@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-pagination-banner { bottom:30px!important; }
	.banner .swiper_banner .swiper-pagination-bullet { width:10px; height:10px; }
}
@media all and (max-width:750px){
	.banner .swiper_banner .swiper-slide a.a2 { display:none; }
	.banner .swiper_banner .swiper-slide a.a3 { display:block; }
	
	.banner .swiper_banner .swiper-pagination-banner { bottom:20px!important; }
	.banner .swiper_banner .swiper-pagination-bullet { width:10px; height:10px; margin:0 5px!important; }
}



.section04 { background:url(../image/section04.jpg) no-repeat center bottom; }
.section05 { background:#f0f6fc; }

.Area-hd { text-align:center; margin-bottom:40px; line-height:1.1; }
.Area-hd .p1 { font-size:32px; font-weight:bold; color:#000; letter-spacing:5px; }
.Area-hd .p2 { font-size:18px; color:#737373; margin-top:15px; }

@media all and (max-width:1680px){
	.Area-hd .p1 { font-size:28px; }
	.Area-hd .p2 { font-size:14px; margin-top:10px; }
}
@media all and (max-width:1200px){
	.Area-hd .p1 { font-size:26px; }
	.Area-hd .p2 { font-size:14px; margin-top:10px; }
}
@media all and (max-width:1200px){
	.Area-hd { margin-bottom:20px; }
	.Area-hd .p1 { font-size:20px; letter-spacing:2px; }
	.Area-hd .p2 { font-size:14px; margin-top:10px; }
}

.aArea { position:absolute; top:50%; left:0; right:0; margin-top:50px; transform: translateY(-50%); z-index:5; }
.aArea01 { position:relative; }
.aArea01 .hd { position:absolute; left:0; top:0; width:50%; bottom:0; background:#f5f5f5; z-index:5; } 
.aArea01 .hd ul { height:100%; }
.aArea01 .hd ul li { position:relative; float:left; width:50%; height:50%; box-sizing: border-box; cursor:pointer; }
.aArea01 .hd ul li:nth-child(1) { border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
.aArea01 .hd ul li:nth-child(2) { border-bottom:1px solid #dcdcdc; }
.aArea01 .hd ul li:nth-child(3) { border-right:1px solid #dcdcdc; }
.aArea01 .hd ul li .txt { position:absolute; top:50%; left:0; right:0; text-align:center; transform: translateY(-50%); z-index:5; }
.aArea01 .hd ul li .txt .p1 { min-height:85px; }
.aArea01 .hd ul li .txt .p1 .img02 { display:none; }
.aArea01 .hd ul li .txt .p2 { font-size:22px; color:#000; }

.aArea01 .hd ul li.on .txt .p1 .img01 { display:none; }
.aArea01 .hd ul li.on .txt .p1 .img02 { display:inline-block; }
.aArea01 .hd ul li.on .txt .p2 { color:#39286f; }

.aArea01 .bd { float:right; width:50%; } 
.aArea01 .bd .bd01 { position:relative; }
.aArea01 .bd .bd01 .pic { position:relative; text-align:center; }
.aArea01 .bd .bd01 .pic p { position:absolute; left:0; right:0; bottom:0; height:60px; line-height:60px; padding:0 10px; background:#3a286f; font-size:18px; color:#fff; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; z-index:5; }
.aArea01 .bd .bd01 .txt { position:absolute; top:0; left:0; right:0; bottom:60px; padding:85px 50px 0 50px; color:#fff; background:rgba(57,40,111,0.5); z-index:5; }
.aArea01 .bd .bd01 .txt .p1 { font-size:22px; }
.aArea01 .bd .bd01 .txt .p2 { font-size:16px; margin-top:20px; line-height:25px; height:50px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.aArea01 .bd .bd01 .txt .p3 { margin-top:15px; }
.aArea01 .bd .bd01 .txt .p3 i { display:inline-block; width:120px; height:36px; line-height:36px; text-align:center; font-size:14px; color:#fff; border:1px solid #fff; }
.aArea01 .bd .bd01 .txt .p3:hover i { background:#3a286f; border-color:#3a286f; }

.aBox02 .hd { left:auto; right:0; } 
.aBox02 .bd { float:left; } 

@media all and (max-width:1680px){
	.aArea01 .hd ul li .txt .p1 { min-height:60px; }
	.aArea01 .hd ul li .txt .p1 img { height:45px; width:auto; }
	.aArea01 .hd ul li .txt .p2 { font-size:16px; }
	
	.aArea01 .bd .bd01 .pic p { height:45px; line-height:45px; font-size:16px; }
	.aArea01 .bd .bd01 .txt { bottom:45px; padding:45px 25px 0 25px; }
	.aArea01 .bd .bd01 .txt .p1 { font-size:18px; }
	.aArea01 .bd .bd01 .txt .p2 { font-size:14px; margin-top:15px; }
	.aArea01 .bd .bd01 .txt .p3 { margin-top:15px; }
	
	.aArea01 .bd .bd01 .txt .p3 i { width:100px; height:30px; line-height:30px; font-size:14px; }
}
@media all and (max-width:1200px){
	.aArea { position:relative; top:auto; left:auto; right:auto; margin-top:0; transform: translateY(0); padding:60px 0; }
}
@media all and (max-width:900px){
	.aArea01 .hd { position:relative; left:auto; top:auto; width:100%; bottom:auto; } 
	.aArea01 .hd ul { height:auto; }
	.aArea01 .hd ul li { height:auto; padding:30px 0; }
	.aArea01 .hd ul li .txt { position:relative; top:auto; left:auto; right:auto; transform: translateY(0); }
	 
	.aArea01 .bd { float:none; width:100%; } 
}
@media all and (max-width:750px){
	.aArea { padding:30px 0; }
	.aArea01 .hd ul li { padding:20px 0; }
	.aArea01 .hd ul li .txt .p1 { min-height:35px; }
	.aArea01 .hd ul li .txt .p1 img { height:25px; width:auto; }
	.aArea01 .hd ul li .txt .p2 { font-size:14px; }
	
	.aArea01 .bd .bd01 .txt { bottom:35px; padding:30px 20px 0 20px; }
	.aArea01 .bd .bd01 .txt .p1 { font-size:16px; }
	.aArea01 .bd .bd01 .txt .p2 { font-size:14px; margin-top:10px; line-height:20px; height:40px; }
	.aArea01 .bd .bd01 .txt .p3 { display:none; margin-top:10px; }
	.aArea01 .bd .bd01 .txt .p3 i { width:100px; height:28px; line-height:28px; font-size:12px; }
	.aArea01 .bd .bd01 .pic p { height:35px; line-height:35px; font-size:14px; }
	 
}

.cArea { position:absolute; top:50%; left:0; right:0; margin-top:50px; transform: translateY(-50%); z-index:5; }
.cArea .txt { width:46.25%; line-height:1.1; }
.cArea .txt .p1 { font-size:32px; font-weight:bold; color:#b7171f; text-transform:uppercase; }
.cArea .txt .p1 i { color:#382264; }
.cArea .txt .p2 { margin-top:30px; font-size:24px; font-weight:bold; color:#000; }
.cArea .txt .p3 { margin-top:10px; width:35px; height:1px; background:#b7171f; }
.cArea .txt .p4 { margin-top:25px; font-size:16px; line-height:2; color:#777; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:7; text-align:justify; }
.cArea .txt .p5 { margin-top:25px; }
.cArea .txt .p5 a { display:inline-block; width:140px; height:46px; line-height:46px; border:1px solid #777; color:#777; font-size:16px; text-align:center; }
.cArea .txt .p5 a:hover { background:#39286f; color:#fff; border-color:#39286f; }

.cArea01 { position:absolute; top:90px; right:0; bottom:0; left:50%; background-size:cover!important; z-index:5; }
.cArea01 img { display:none; }

@media all and (max-width:1680px){
	.cArea .txt .p1 { font-size:28px; }
	.cArea .txt .p2 { margin-top:20px; font-size:20px; }
	.cArea .txt .p4 { margin-top:20px; font-size:14px; line-height:25px; }
	.cArea .txt .p5 { margin-top:25px; }
	.cArea .txt .p5 a { width:120px; height:40px; line-height:40px; font-size:14px; }
}
@media all and (max-width:1200px){
	.cArea { position:relative; top:auto; left:auto; right:auto; margin-top:0; transform: translateY(0); padding:60px 0; } 
	.cArea .txt { width:100%; }
	
	.cArea01 { position:relative; top:auto; right:auto; bottom:auto; left:auto; background:none!important; z-index:5; }
	.cArea01 img { display:block; }
}
@media all and (max-width:750px){
	.cArea { padding:30px 0; } 

	.cArea .txt .p1 { font-size:24px; }
	.cArea .txt .p2 { margin-top:10px; font-size:18px; }
	.cArea .txt .p4 { margin-top:20px; font-size:14px; line-height:25px; -webkit-line-clamp:20; }
	.cArea .txt .p5 { margin-top:25px; }
	.cArea .txt .p5 a { width:100px; height:35px; line-height:35px; font-size:14px; }
}

.dArea { position:absolute; top:50%; left:0; right:0; margin-top:50px; transform: translateY(-50%); z-index:5; }
.dArea01 { position:relative; }
.dArea01 .swiper-slide .txt { padding:20px; background:#fff; }
.dArea01 .swiper-slide .txt .p1 { font-size:16px; line-height:30px; height:30px; color:#000; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:1; }
.dArea01 .swiper-slide .txt .p2 { font-size:14px; color:#737373; margin-top:15px; }
.dArea01 .swiper-slide .txt .p3 { font-size:14px; color:#777; margin-top:10px; line-height:25px; height:50px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; display:none; }

.dArea01 .prev-d01,.dArea01 .next-d01 { position:absolute; top:50%; margin-top:-23px; width:24px; height:46px; z-index:5; cursor:pointer; }
.dArea01 .prev-d01 { background:url(../image/d01.png) no-repeat center; left:-55px; }
.dArea01 .next-d01 { background:url(../image/d02.png) no-repeat center; right:-55px; }

.dArea01 .prev-d01:hover { background:url(../image/d03.png) no-repeat center; }
.dArea01 .next-d01:hover { background:url(../image/d04.png) no-repeat center; }

.dArea02 { margin-top:70px; text-align:center; }
.dArea02 a { display:inline-block; width:140px; height:46px; line-height:46px; border:1px solid #777; color:#777; font-size:16px; text-align:center; }
.dArea02 a:hover { background:#39286f; color:#fff; border-color:#39286f; }


@media all and (max-width:1680px){
	.dArea02 { margin-top:40px; }
	.dArea02 a { width:120px; height:40px; line-height:40px; font-size:14px; }
}
@media all and (max-width:1200px){
	.dArea { position:relative; top:auto; left:auto; right:auto; margin-top:0; transform: translateY(0); padding:60px 0; }
	
	.dArea01 .swiper-slide .txt { padding:20px 10px; }
	.dArea01 .swiper-slide .txt .p1 { font-size:14px; line-height:25px; height:50px; }
	.dArea01 .swiper-slide .txt .p2 { font-size:12px; margin-top:10px; }
	.dArea01 .swiper-slide .txt .p3 { font-size:12px; margin-top:10px; line-height:25px; height:50px;  }

	.dArea01 .prev-d01 { left:0; display:none; }
	.dArea01 .next-d01 { right:0; display:none; }	
}
@media all and (max-width:750px){
	.dArea { padding:30px 0; }
}