@charset "utf-8";
.topArea { position:absolute;  }
 

@media all and (min-width:1280px){
	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; overflow:hidden; }

.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 #ddd; border-radius:100%; background:none; opacity:1; }
.swiper-pagination-body .swiper-pagination-bullet-active { background:none; border-color:#e70012; }
 
 
@media all and (max-width:1280px){
	.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 .pagination01 { width:100%; font-size:0; text-align:center; position:absolute; left:0; right:0; bottom:50px; z-index:9} 
.banner .swiper_banner .pagination01 span{ display:inline-block; vertical-align:top; width:40px; height:4px; border-radius:0; box-sizing:border-box; background:#fff; opacity:1; margin:0 5px; }
.banner .swiper_banner .pagination01 span.swiper-pagination-bullet-active{ background:#e70012;  }

.banArea { position:absolute; left:50%; margin-left:-8px; width:16px; height:50px; bottom:80px; background:url(ban01.png) no-repeat center; z-index:2; animation: uppp 2.5s linear infinite; }
.banner .swiper-slide-active img { animation: scale 3s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }
	
@keyframes uppp{
	0{ bottom:80px; }
    50%{ bottom:60px; }
    100%{ bottom:80px; }
}
@keyframes scale {
    0% {
        transform: scale(1.1);
    }
}
 
@media all and (max-width:1280px){
	.banner .swiper_banner .swiper-slide a.a1 { display:none; }
	.banner .swiper_banner .swiper-slide a.a2 { display:block; }
 
	.banner .swiper_banner .pagination01 { left:0; right:0; text-align:center; margin-left:0; bottom:30px; } 
	.banner .swiper_banner .pagination01 span{ width:20px; height:4px; }
	
	.banArea { display:none; }
}
@media all and (max-width:750px){
	.banner .swiper_banner .pagination01 { bottom:20px; } 
	
	.banner .swiper_banner .swiper-slide a.a2 { display:none; }
	.banner .swiper_banner .swiper-slide a.a3 { display:block; }
}

.section02 { background:url(aArea.png) no-repeat center; }
.section03 { background:url(bArea.png) no-repeat center; }
.section04 { background:url(dArea.jpg) no-repeat center top; }




.aArea { position:absolute; left:0;  right:0; bottom:0; z-index:9; }
.aArea .pic { width:100%; }
.aArea .pic img { width:50%; }
.aArea .txt { position:absolute; top:0; width:755px; right:50%; bottom:0; margin-right:-840px; color:#333; z-index:2; }
.aArea .txt .p1 { font-size:36px; font-weight:bold; }
.aArea .txt .p2 { font-size:16px; margin-top:65px; line-height:3; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:4; }
.aArea .txt .p3 { position:absolute; left:0; bottom:320px; z-index:5; }
.aArea .txt .p3 a { display:block; width:180px; padding-left:35px; background:#e70012; box-sizing: border-box; border-radius:30px; }
.aArea .txt .p3 a i { display:inline-block; height:60px; line-height:60px; background:url(a01.png) no-repeat center right; padding-right:70px; font-size:16px; color:#fff; }

.bArea { position:absolute; left:0;  right:0; bottom:0; z-index:9; }
.bArea ul li { float:left; width:16.66%; padding-top:40px; min-height:160px; text-align:center; font-size:16px; background:#f7f7f7; color:#333; line-height:1.1; }
.bArea ul li:nth-child(2n) { background:#fcfcfc; }
.bArea ul li .p1 { line-height:25px; height:50px; padding:0 10px; margin-top:5px; }
.bArea ul li .p2 i { font-size:60px; font-family:"Arial"; font-weight:bold; margin-right:10px; }

.bArea ul li:hover { background:#e70012!important; color:#fff; }

@media all and (max-width:1760px){
	.aArea .txt { width:540px; margin-right:-600px; }
	.aArea .txt .p1 { font-size:30px; }
	.aArea .txt .p2 { font-size:16px; margin-top:40px; line-height:2; -webkit-line-clamp:4; }
	.aArea .txt .p3 { bottom:230px; }
	.aArea .txt .p3 a { display:block; width:160px; padding-left:25px; }
	.aArea .txt .p3 a i { display:inline-block; height:50px; line-height:50px; background-size:30px 30px; padding-right:60px; font-size:16px; }
 
	 
	.bArea ul li { padding-top:30px; min-height:120px; }
	.bArea ul li { font-size:14px; }
	.bArea ul li .p1 { line-height:20px; height:40px; }
	.bArea ul li .p2 i { font-size:40px; }
}
@media all and (max-width:1480px){
	.aArea .txt .p3 { bottom:180px; }
}
@media all and (max-width:1280px){
	.aArea { position:relative; left:auto;  right:auto; bottom:auto;  }
	.aArea .pic { float:left; width:50%; }
	.aArea .pic img { width:100%; }
	
	.aArea .txt { float:right; position:relative; top:auto; width:41%; right:0; margin-right:4%; padding-top:60px; }
	.aArea .txt .p2 { font-size:14px; margin-top:30px; line-height:2; }
	.aArea .txt .p3 { position:relative; bottom:auto; margin-top:30px; }
	.aArea .txt .p3 a { width:130px; padding-left:25px; }
	.aArea .txt .p3 a i { height:40px; line-height:40px; background-size:25px 25px; padding-right:40px; font-size:14px; }
	
	.bArea { margin-top:0; position:relative; left:auto;  right:auto; bottom:auto; }
	.bArea .wrap { width:100%; }
}
@media all and (max-width:750px){
	.aArea .txt { float:none; width:92%; margin-left:4%; padding:30px 0 0; }
	.aArea .txt .p1 { font-size:24px; }
	.aArea .txt .p2 { font-size:14px; margin-top:20px; line-height:2;  -webkit-line-clamp:10; }
	
	.aArea .pic { float:none; width:100%; }
	.aArea .pic img { width:100%; }
	
	.bArea .wrap { width:100%; }
	.bArea ul li { float:left; width:33.33%; padding-top:20px; min-height:100px; font-size:12px; }
	.bArea ul li .p2 { margin-top:5px; }
	.bArea ul li .p2 i { font-size:30px; margin-right:5px; }
}

.cArea { position:absolute; width:100%; left:0; right:0; bottom:0; z-index:2; }
.cArea .hd { padding:90px 0 65px; font-size:36px; color:#333; font-weight:bold; text-align:center; display:none; }
.cArea .bd ul li { position:relative; float:left; width:33.33%; overflow:hidden; }
.cArea .bd ul li .pic img { height:calc(50vh - 43px); }
.cArea .bd ul li .txt { position:absolute; top:50%; transform: translateY(-50%); left:0; right:0; padding:0 10px; text-align:center; color:#fff; z-index:2; }
.cArea .bd ul li .txt .p1 img { width:auto; height:76px; }
.cArea .bd ul li .txt .p2 { font-size:22px; font-weight:bold; margin-top:30px; }
.cArea .bd ul li .txt .p3 { font-size:14px; font-family:"Arial"; text-transform:uppercase; }
.cArea .bd ul li .txt .p4 { font-size:14px; margin-top:70px; }
.cArea .bd ul li .txt .p4 i { display:inline-block; padding:0 20px; height:40px; line-height:40px; border:1px solid #fff; border-radius:20px; }

.cArea .bd ul li .txt01 { position:absolute; background:#e60012; top:200%; left:0; right:0; bottom:0; z-index:5; transition: all 0.6s; }
.cArea .bd ul li .txt01 .tt { position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:100%; max-width:430px; padding:0 10px; box-sizing: border-box; color:#fff; z-index:2; }
.cArea .bd ul li .txt01 .p1 { position:relative; }
.cArea .bd ul li .txt01 .p1 .p11 { position:absolute; left:0; top:50%; transform: translateY(-50%); width:45px; z-index:2; }
.cArea .bd ul li .txt01 .p1 .p11 img { width:45px; height:auto; }
.cArea .bd ul li .txt01 .p1 .p12 { padding-left:65px; }
.cArea .bd ul li .txt01 .p1 .p12 .p121 { font-size:24px; font-weight:bold; }
.cArea .bd ul li .txt01 .p1 .p12 .p122 { font-size:14px; font-family:"Arial"; text-transform:uppercase; }
.cArea .bd ul li .txt01 .p2 { margin-top:30px; line-height:2; font-size:14px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:4;  }
.cArea .bd ul li .txt01 .p3 { margin-top:45px; font-size:14px; }
.cArea .bd ul li .txt01 .p3 i { display:inline-block; padding:0 20px; height:40px; line-height:40px; border:1px solid #fff; border-radius:20px; }

.cArea .bd ul li:hover .txt01 { top:0; }

@media all and (max-width:1760px){
	.cArea .hd { padding:60px 0; font-size:30px; }
	
	.cArea .bd ul li .txt .p1 img { width:auto; height:50px; }
	.cArea .bd ul li .txt .p2 { font-size:20px; margin-top:20px; }
	.cArea .bd ul li .txt .p3 { font-size:14px;  }
	.cArea .bd ul li .txt .p4 { font-size:14px; margin-top:40px; }
	.cArea .bd ul li .txt .p4 i { padding:0 20px; height:30px; line-height:30px; }

	.cArea .bd ul li .txt01 .p3 i { padding:0 20px; height:30px; line-height:30px; }

}
@media all and (max-width:1480px){
	.cArea .bd ul li .txt01 .p1 .p11 { width:35px; }
	.cArea .bd ul li .txt01 .p1 .p11 img { width:35px; height:auto; }
	.cArea .bd ul li .txt01 .p1 .p12 { padding-left:45px; }
	.cArea .bd ul li .txt01 .p1 .p12 .p121 { font-size:20px; }
	.cArea .bd ul li .txt01 .p1 .p12 .p122 { font-size:12px; }
	.cArea .bd ul li .txt01 .p2 { margin-top:20px; -webkit-line-clamp:3; }
	.cArea .bd ul li .txt01 .p3 { margin-top:25px; }
}
@media all and (max-width:1280px){
	.cArea { position:relative; left:auto;  right:auto; bottom:auto;  }
	.cArea .bd ul li { width:50%; }
	.cArea .bd ul li .pic img { height:auto; }
	.cArea .bd ul li .txt .p1 img { width:auto; height:40px; }
	.cArea .bd ul li .txt .p2 { font-size:18px; margin-top:15px; }
	.cArea .bd ul li .txt .p3 { font-size:12px;  }
	.cArea .bd ul li .txt .p4 { font-size:12px; margin-top:20px; }
	.cArea .bd ul li .txt .p4 i { padding:0 15px; height:30px; line-height:30px; }
	
}
@media all and (max-width:1000px){
	.cArea .bd ul li .txt01  { display:none; }
}
@media all and (max-width:750px){
	.cArea .hd { padding:30px 0; font-size:24px; }
	
	.cArea .bd ul li { float:none; width:100%; }
	.cArea .bd ul li .txt .p1 img { width:auto; height:25px; }
	.cArea .bd ul li .txt .p2 { font-size:14px; margin-top:15px; }
	.cArea .bd ul li .txt .p3 { display:none; }
	.cArea .bd ul li .txt .p4 { display:none; }

}

.dArea { position:absolute; left:0; top:50%; right:0; margin-top:50px; transform: translateY(-50%); z-index:9; }
.dArea .hd01 { font-size:36px; color:#333; font-weight:bold; text-align:center; }
.dArea01 { margin-top:90px; }
.dArea01 .hd { text-align:center; }
.dArea01 .hd ul li { display:inline-block; margin:0 30px; padding:0 40px; height:60px; line-height:60px; background:#f1f1f1; border-radius:30px; font-size:24px; color:#333; z-index:1; cursor:pointer; }
.dArea01 .hd ul li.on { background:#e70012; color:#fff; }

.dArea01 .bd { margin-top:50px; }
.dArea01 .bd .swiper-slide a { display:block; margin:5px; }
.dArea01 .bd .swiper-slide .pic { overflow:hidden; max-height:23vh; }
.dArea01 .bd .swiper-slide .pic img { transition: all 0.6s; }
.dArea01 .bd .swiper-slide .txt { background:#f7f7f7; padding:30px 20px 40px 20px; color:#333; }
.dArea01 .bd .swiper-slide .txt .p1 { font-size:14px; }
.dArea01 .bd .swiper-slide .txt .p2 { font-size:24px; margin-top:20px; font-weight:bold; line-height:25px; height:25px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.dArea01 .bd .swiper-slide .txt .p3 { font-size:16px; margin-top:20px; line-height:30px; height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; display:none; }
.dArea01 .bd .swiper-slide .txt .p4 { margin-top:45px; text-align:center; }
.dArea01 .bd .swiper-slide .txt .p4 i { display:inline-block; padding:0 60px; font-size:16px; color:#999; line-height:60px; height:60px; border:1px solid #999; border-radius:30px; }

.dArea01 .bd .swiper-slide:hover .pic img { transform: scale(1.1)!important; }
.dArea01 .bd .swiper-slide:hover a { box-shadow: #eee 0px 0px 10px; }
.dArea01 .bd .swiper-slide:hover .txt { background:#fff; }
.dArea01 .bd .swiper-slide:hover .txt .p1 { color:#e70012; }
.dArea01 .bd .swiper-slide:hover .txt .p2 { color:#e70012; }
.dArea01 .bd .swiper-slide:hover .txt .p4 i { background:#e70012; color:#fff; border-color:#e70012; }

@media all and (max-width:1760px){
	 
	.dArea .hd01 { font-size:30px; }
	.dArea01 { margin-top:50px; }
	.dArea01 .hd ul li { margin:0 20px; padding:0 25px; height:45px; line-height:45px; font-size:18px; }
 
	.dArea01 .bd { margin-top:50px; }
	
	.dArea01 .bd .swiper-slide .txt { padding:20px 15px; }
	.dArea01 .bd .swiper-slide .txt .p1 { font-size:12px; }
	.dArea01 .bd .swiper-slide .txt .p2 { font-size:16px; margin-top:10px; line-height:20px; height:20px; }
	.dArea01 .bd .swiper-slide .txt .p3 { font-size:14px; margin-top:10px; line-height:25px; height:50px; }
	.dArea01 .bd .swiper-slide .txt .p4 { margin-top:25px; }
	.dArea01 .bd .swiper-slide .txt .p4 i { padding:0 30px; font-size:14px; line-height:40px; height:40px; }

}
@media all and (max-width:1280px){
	.dArea { position:relative; left:auto;  right:auto; bottom:auto; margin-top:0; transform: translateY(0); padding:60px 0; } 
	.dArea .hd01 { font-size:30px; }
	.dArea01 { margin-top:40px; }
	.dArea01 .hd ul li { margin:0 10px; padding:0 15px; height:35px; line-height:35px; font-size:14px; }
	
	.dArea01 .bd { margin-top:40px; }
 
	.dArea01 .bd .swiper-slide .txt .p4 i { padding:0 20px; font-size:12px; line-height:30px; height:30px; }

}
@media all and (max-width:750px){
	.dArea { padding:30px 0; }
	.dArea .hd01 { font-size:24px; }
	.dArea01 { margin-top:20px; }
	.dArea01 .hd ul li { float:left; width:23.5%; text-align:center; margin:0 2% 0 0; padding:0; height:30px; line-height:30px; font-size:14px; }
	.dArea01 .hd ul li:last-child { margin-right:0; }
	
	.dArea01 .bd { margin-top:15px; }

}





























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

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

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

}