@charset "utf-8";
.container { position: relative; width: 100%; background:#f1f3f5; }

@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; overflow:hidden; }

.swiper-pagination-body { position:absolute; right:20px!important; z-index:99; }
.swiper-pagination-body .swiper-pagination-bullet { width:6px; height:6px; 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:24vh; font-size:20px; font-family:"Arial"; line-height:1.1; color:#fff; z-index:9 }
.banner .swiper_banner .swiper-slide .num i { position:relative; display:inline-block; margin-right:150px; }
.banner .swiper_banner .swiper-slide .num i:before { position:absolute; top:50%; right:-125px; display:block; content:""; width:100px; height:1px; background:#fff; z-index:2; }
 
.banner .swiper_banner .pagination01 { width:auto; font-size:0; position:absolute; left:50%; margin-left:-650px; bottom:9vh; z-index:9; display:none!important; } 
.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; }

.banvideo { position:relative; width:100%; height:100vh; z-index:1; }
.banvideo video { width:100%; height:100vh; }
.banvideo:before { position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.3); display:block; content:""; z-index:1; }

.banArea { position:absolute; width:1300px; left:50%; margin-left:-650px; top:50%; transform: translateY(-50%); color:#fff; z-index:2; }
.banArea .p1 { font-size:64px; font-weight:bold; line-height:1.1; }
.banArea .p2 { font-size:24px; margin-top:30px; font-family:"Arial"; text-transform:uppercase; }
.banArea .p3 { margin-top:90px; }
.banArea .p3 a { display:block; width:180px!important; height:50px!important; line-height:50px; font-size:20px; color:#fff; border:1px solid #fff; text-align:center; border-radius:10px; }
.banArea .p3 a i { margin-right:40px; }

@media all and (max-width:1680px){
	.banArea { width:1300px; margin-left:-650px; }
	.banArea .p1 { font-size:54px; }
	.banArea .p2 { font-size:20px; margin-top:30px; }
	.banArea .p3 { margin-top:60px; }
	.banArea .p3 a { width:160px!important; height:50px!important; line-height:50px; font-size:18px; }
	.banArea .p3 a i { margin-right:30px; }
}
@media all and (max-width:1540px){
	.banner .swiper_banner .swiper-slide .num { margin-right:-600px; bottom:20vh; }
	
	.banArea { width:1200px; margin-left:-600px; }
	.banArea .p1 { font-size:44px; }
	.banArea .p2 { font-size:18px; margin-top:30px; }
	.banArea .p3 { margin-top:40px; }
	.banArea .p3 a { width:160px!important; height:40px!important; line-height:40px; font-size:18px; }
	.banArea .p3 a i { margin-right:30px; }
}
@media all and (max-width:1280px){
	.banner .swiper_banner .swiper-slide .num { margin-right:0; right:4%; bottom:15vh; font-size:18px; }
	
	.banArea { width:92%; margin-left:0; left:4%; }
	.banArea .p1 { font-size:34px; }
	.banArea .p2 { font-size:16px; margin-top:20px; }
	.banArea .p3 { margin-top:30px; }
	.banArea .p3 a { width:150px!important; height:40px!important; line-height:40px; font-size:16px; }
	.banArea .p3 a i { margin-right:20px; }
}
@media all and (max-width:1200px){
	.banArea { width:92%; margin-left:0; left:4%; }
	.banArea .p1 { font-size:30px; }
	.banArea .p2 { font-size:14px; margin-top:20px; }
	.banArea .p3 { margin-top:30px; }
	.banArea .p3 a { width:120px!important; height:35px!important; line-height:35px; font-size:14px; }
	.banArea .p3 a i { margin-right:10px; }
	
	.banner .swiper_banner .swiper-slide a.a1 { display:none; }
	.banner .swiper_banner .swiper-slide a.a2 { display:block; }
	
	.banner .swiper_banner .swiper-slide .num { left:4%; text-align:center; margin-right:0; right:4%; bottom:30px; font-size:16px; }
	.banner .swiper_banner .swiper-slide .num i { margin-right:100px; }
	.banner .swiper_banner .swiper-slide .num i:before { right:-80px; width:60px; }

	.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){
	.banArea { display:none; }
	
	.banner .swiper_banner .swiper-slide .banvideo { display:none; }
	.banner .swiper_banner .swiper-slide a.a2 { display:none; }
	.banner .swiper_banner .swiper-slide a.a3 { display:block; }
	
	.banner .swiper_banner .swiper-slide .num { bottom:20px; font-size:14px; }
	.banner .swiper_banner .swiper-slide .num i { margin-right:60px; }
	.banner .swiper_banner .swiper-slide .num i:before { right:-45px; width:30px; }
}



.cpArea { position:absolute; top:50%; left:0; right:0; transform: translateY(-50%); margin-top:30px; z-index:2; }
.section02:before { position:absolute; top:0; right:0; bottom:0; background:url(ico-a01.jpg) no-repeat top right #fff; background-size:cover; width:calc(50% - 240px); display:block; content:""; z-index:1; }
.cpArea .hd { float:left; width:870px; }
.cpArea .hd ul { border:1px solid rgba(255,255,255,0.2); }
.cpArea .hd ul li { float:left; width:33.33%; border-right:1px solid rgba(255,255,255,0.2); padding-top:70px; min-height:275px; text-align:center; box-sizing: border-box; cursor:pointer; }
.cpArea .hd ul li:nth-child(3n) { border-right:none; }
.cpArea .hd ul li:nth-child(n + 4) { border-top:1px solid rgba(255,255,255,0.2); }
.cpArea .hd ul li .p1 { min-height:70px; }
.cpArea .hd ul li .p1 img { height:44px; }
.cpArea .hd ul li .p2 { font-size:20px; color:#fff; padding:0 5px; }
.cpArea .hd ul li .p3 { margin-top:25px; }

.cpArea .hd ul li.on { background:#8dc121; }

.cpArea .bd { float:right; width:355px; }
.cpArea .bd .p1 img { height:44px; }
.cpArea .bd .p2 { font-size:32px; color:#000; font-weight:bold; margin-top:20px; }
.cpArea .bd .p3 { width:56px; height:5px; background:#8ec21f; margin-top:20px; }
.cpArea .bd .p4 { margin-top:30px; }
.cpArea .bd .p4 ul li { border-bottom:1px solid #f5f5f5; padding-right:5px; }
.cpArea .bd .p4 ul li a { display:block; padding-right:25px; height:60px; line-height:60px; color:#000; font-size:18px; background:url(ico-a03.png) no-repeat center right; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.cpArea .bd .p4 ul li:hover a { color:#8dc121; }
.cpArea .bd .p5 { margin-top:30px; }
.cpArea .bd .p5 a { display:inline-block; padding:0 5px 0 10px; border:1px solid #8dc121; border-radius:25px; }
.cpArea .bd .p5 a i { display:inline-block; font-size:16px; color:#000; line-height:30px; padding-right:35px; background:url(ico-a04.png) no-repeat center right; }

@media all and (max-width:1380px){
	.section02:before { width:calc(50% - 220px); }
	
	.cpArea .hd { float:left; width:calc(100% - 405px); }
	.cpArea .hd ul li { padding-top:40px; min-height:215px; }
	.cpArea .hd ul li .p2 { font-size:18px; }
	
	.cpArea .bd { float:right; width:350px; }
	
	.cpArea .bd .p2 { font-size:28px; margin-top:20px; }
	.cpArea .bd .p3 { margin-top:20px; }
	.cpArea .bd .p4 { margin-top:20px; }
	.cpArea .bd .p4 ul li a { height:50px; line-height:50px; font-size:16px; }
	.cpArea .bd .p5 { margin-top:20px; }
	.cpArea .bd .p5 a i { font-size:14px; padding-right:30px; }
}
@media all and (max-width:1280px){
	.section02:before { width:calc(4% + 320px); }
	
	.cpArea .hd { float:left; width:calc(100% - 340px); }
	.cpArea .hd ul li { padding-top:30px; min-height:200px; }
	.cpArea .hd ul li .p1 { min-height:60px; }
	.cpArea .hd ul li .p1 img { height:40px; }
	.cpArea .hd ul li .p2 { font-size:16px; }
	.cpArea .hd ul li .p3 { margin-top:20px; }
	
	.cpArea .bd { float:right; width:300px; }
	.cpArea .bd .p1 img { height:40px; }
	.cpArea .bd .p2 { font-size:24px; margin-top:15px; }
	.cpArea .bd .p3 { margin-top:15px; }
	.cpArea .bd .p4 { margin-top:15px; }
	.cpArea .bd .p4 ul li a { height:40px; line-height:40px; font-size:14px; }
	.cpArea .bd .p5 { margin-top:20px; }
	.cpArea .bd .p5 a i { font-size:14px; padding-right:30px; }
}
@media all and (max-width:1200px){
	.cpArea { position:relative; top:auto; left:0; right:0; transform: translateY(0); margin-top:0; padding:60px 0; }
	.section02:before { width:calc(4% + 280px); }
	
	.cpArea .hd { float:left; width:calc(100% - 300px); }
	.cpArea .hd ul li { padding-top:40px; min-height:210px; }
	.cpArea .hd ul li .p1 { min-height:60px; }
	.cpArea .hd ul li .p1 img { height:40px; }
	.cpArea .hd ul li .p2 { font-size:14px; }
	.cpArea .hd ul li .p3 { margin-top:20px; }
	
	.cpArea .bd { float:right; width:240px; }
}
@media all and (max-width:750px){
	.cpArea { position:relative; top:auto; left:0; right:0; transform: translateY(0); margin-top:0; padding:40px 0; }
	.section02:before { display:none; }
	
	.cpArea .hd { float:none; width:100%; }
	.cpArea .hd ul li { padding-top:25px; min-height:125px; }
	.cpArea .hd ul li .p1 { min-height:50px; }
	.cpArea .hd ul li .p1 img { height:35px; }
	.cpArea .hd ul li .p2 { font-size:14px; }
	.cpArea .hd ul li .p3 { margin-top:20px; display:none; }
	
	.cpArea .bd { float:none; width:100%; margin-top:30px; padding:25px 4%; background:#fff; background-size:cover; box-sizing: border-box; }
	.cpArea .bd .p1 img { height:35px; }
	.cpArea .bd .p2 { font-size:20px; margin-top:15px; }
	.cpArea .bd .p3 { margin-top:10px; }
	.cpArea .bd .p4 { margin-top:15px; }
	.cpArea .bd .p4 ul li a { height:40px; line-height:40px; font-size:14px; }
	.cpArea .bd .p5 { margin-top:20px; }
	.cpArea .bd .p5 a i { font-size:14px; padding-right:30px; }
}

.yyArea { position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; }
.yyArea .bd { position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; }
.yyArea .bd .pic01 { position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; background-size:cover!important; }

.yyArea .hd { position:absolute; top:0; left:0; right:0; bottom:0; z-index:3; }
.yyArea .hd ul { height:100%; }
.yyArea .hd ul li { position:relative; float:left; width:16.66%; height:100%; border-right:1px solid rgba(255,255,255,0.2); box-sizing: border-box; cursor:pointer; }
.yyArea .hd ul li .txt { position:absolute; top:29vh; left:12%; right:12%; color:#fff; z-index:2; }
.yyArea .hd ul li .txt .p1 { height:70px; }
.yyArea .hd ul li .txt .p1 .img02 { display:none; }
.yyArea .hd ul li .txt .p2 { font-size:18px; font-weight:bold; }
.yyArea .hd ul li .txt .p3 { font-size:18px; font-family:"Arial"; margin-top:5px; }
.yyArea .hd ul li .txt .p4 { height:16px; margin-top:60px; background:url(ico-b01.png) no-repeat center left; transition: all 0.6s; }
.yyArea .hd ul li .txt .p5 { display:none; margin-top:35px; font-size:14px; line-height:25px; min-height:100px; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:5; }
.yyArea .hd ul li .txt .p6 { margin-top:260px; transition: all 0.6s; }
.yyArea .hd ul li .txt .p6 i { display:block; height:28px; background:url(ico-b02.png) no-repeat center left; }

.yyArea .hd ul li.on { background:rgba(0,0,0,0.5); }
.yyArea .hd ul li.on .txt .p1 .img01 { display:none; }
.yyArea .hd ul li.on .txt .p1 .img02 { display:inline-block; }
.yyArea .hd ul li.on .txt .p4 { margin-top:30px; background:url(ico-b03.png) no-repeat center left; }
.yyArea .hd ul li.on .txt .p5 { display:-webkit-box; }
.yyArea .hd ul li.on .txt .p6 { margin-top:45px; }
.yyArea .hd ul li.on .txt .p6 i { background:url(ico-b04.png) no-repeat center left; }

@media all and (max-height:750px){
	.yyArea .hd ul li .txt .p6 { margin-top:160px; }
}


@media all and (max-width:1380px){
	.yyArea .hd ul li .txt { top:25vh; left:10%; right:10%; }
	.yyArea .hd ul li .txt .p1 { height:60px; }
	.yyArea .hd ul li .txt .p2 { font-size:18px; }
	.yyArea .hd ul li .txt .p3 { font-size:14px; margin-top:5px; }
	.yyArea .hd ul li .txt .p4 { height:16px; margin-top:30px; }
	.yyArea .hd ul li .txt .p5 { margin-top:25px; font-size:14px; line-height:25px; min-height:100px; -webkit-line-clamp:5; }
	.yyArea .hd ul li .txt .p6 { margin-top:120px; }
}
@media all and (max-width:1280px){
	.yyArea .hd ul li .txt { top:16vh; left:10%; right:10%; }
	.yyArea .hd ul li .txt .p1 { height:60px; }
	.yyArea .hd ul li .txt .p2 { font-size:18px; }
	.yyArea .hd ul li .txt .p3 { font-size:14px; margin-top:5px; }
	.yyArea .hd ul li .txt .p4 { height:16px; margin-top:30px; }
	.yyArea .hd ul li .txt .p5 { margin-top:25px; font-size:14px; line-height:25px; min-height:100px; -webkit-line-clamp:5; }
	.yyArea .hd ul li .txt .p6 { margin-top:120px; }
}
@media all and (max-width:1200px){
	.yyArea { position:relative; height:400px; }
	
	.yyArea .hd ul li .txt { top:50%; left:10%; right:10%; transform: translateY(-50%); }
	
	.yyArea .hd ul li .txt .p1 { height:60px; }
	.yyArea .hd ul li .txt .p1 img { height:35px; }
	.yyArea .hd ul li .txt .p2 { font-size:18px; }
	.yyArea .hd ul li .txt .p3 { font-size:14px; margin-top:5px; }
	.yyArea .hd ul li .txt .p4 { margin-top:20px; display:none; }
	.yyArea .hd ul li .txt .p5 { display:none; }
	.yyArea .hd ul li .txt .p6 { margin-top:30px; }

	.yyArea .hd ul li.on { background:rgba(0,0,0,0.5); }
 
	.yyArea .hd ul li.on .txt .p4 { display:none; }
	.yyArea .hd ul li.on .txt .p5 { display:none; }
	.yyArea .hd ul li.on .txt .p6 { margin-top:30px; }
	.yyArea .hd ul li.on .txt .p6 i { background:url(ico-b04.png) no-repeat center left; }
}
@media all and (max-width:750px){
	.yyArea { height:400px; }
	
	.yyArea .hd ul li { width:33.33%; height:50%; }
	.yyArea .hd ul li:nth-child(n + 4) { border-top:1px solid rgba(255,255,255,0.2); }
	
	.yyArea .hd ul li .txt { text-align:center; }
	.yyArea .hd ul li .txt .p1 { height:40px; }
	.yyArea .hd ul li .txt .p1 img { height:25px; }
	.yyArea .hd ul li .txt .p2 { font-size:16px; }
	.yyArea .hd ul li .txt .p3 { font-size:14px; margin-top:5px; display:none; }
	.yyArea .hd ul li .txt .p4 { display:none; }
	.yyArea .hd ul li .txt .p5 { display:none; }
	.yyArea .hd ul li .txt .p6 { margin-top:20px; }
	.yyArea .hd ul li .txt .p6 i { height:25px; background-size:contain!important; background-position:center center!important; }

	.yyArea .hd ul li.on { background:rgba(0,0,0,0.5); }
 
	.yyArea .hd ul li.on .txt .p4 { display:none; }
	.yyArea .hd ul li.on .txt .p5 { display:none; }
	.yyArea .hd ul li.on .txt .p6 { margin-top:20px; }
}

.abArea02 { position:absolute; width:50%; top:0; left:0; bottom:0; z-index:1; }
.abArea02 p { position:absolute; top:50%; right:0; width:100%; transform: translateY(-50%); height:105px; background:url(ico-c01.png) no-repeat center; background-size:contain; cursor:pointer; z-index:1; }
.abArea02 img { display:none; }

.abArea01 { position:absolute; width:615px; top:50%; right:50%; margin-right:-650px; transform: translateY(-50%); z-index:1; }
.abArea01 .p1 { line-height:40px; font-weight:bold; }
.abArea01 .p1 i { font-size:36px; color:#0075d5; }
.abArea01 .p1 em { font-size:24px; color:#5a5a5a; margin-left:25px; text-transform:uppercase; }
.abArea01 .p2 { margin-top:10px; }
.abArea01 .p2 i { display:inline-block; font-size:16px; padding:0 25px; background:#8ec21f; line-height:35px; color:#fff; border-radius:25px; }
.abArea01 .p3 { margin-top:60px; font-size:16px; line-height:1.8; color:rgba(0,0,0,0.6); overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:4 }
.abArea01 .p4 { margin-top:140px; }

.abArea01 .p4 ul { display:flex; flex-direction:row; justify-content:space-between; }
.abArea01 .p4 ul li { line-height:1; }
.abArea01 .p4 ul li .p31 { font-size:14px; color:#333; }
.abArea01 .p4 ul li .p31 i { font-size:48px; color:#0075d5; font-weight:bold; margin-right:5px; font-family:"Arial"; }
.abArea01 .p4 ul li .p32 { font-size:16px; color:rgba(0,0,0,0.6); margin-top:15px; }

@media all and (max-width:1500px){
	.abArea02 p { width:100%; height:80px; }
	
	.abArea01 .p4 { margin-top:60px; }
	.abArea01 .p4 ul li .p31 i { font-size:38px; }
} 
@media all and (max-width:1380px){
	.abArea01 { width:580px; margin-right:-600px; }
	.abArea01 .p1 { line-height:40px; }
	.abArea01 .p1 i { font-size:30px; }
	.abArea01 .p1 em { font-size:20px; margin-left:20px; }
	.abArea01 .p2 { margin-top:10px; }
	.abArea01 .p2 i { font-size:14px; padding:0 25px; }
	.abArea01 .p3 { margin-top:40px; font-size:14px; }
	.abArea01 .p4 { margin-top:50px; }
	
	.abArea02 p { width:600px; height:60px; }
} 
@media all and (max-width:1200px){
	.abArea02 { position:relative; width:50%; background:none!important; }
	.abArea02 p { width:96%; height:50px; }
	.abArea02 img { display:block; }

	.abArea01 { position:absolute; width:43%; top:50%; right:4%; margin-right:0; transform: translateY(-50%); }
	.abArea01 .p1 { line-height:30px; }
	.abArea01 .p1 i { font-size:24px; }
	.abArea01 .p1 em { font-size:16px; margin-left:15px; }
	.abArea01 .p2 { margin-top:10px; }
	.abArea01 .p2 i { font-size:14px; padding:0 20px; }
	.abArea01 .p3 { margin-top:20px; font-size:14px; }
	.abArea01 .p4 { margin-top:30px; }
 
	.abArea01 .p4 ul li .p31 { font-size:14px; }
	.abArea01 .p4 ul li .p31 i { font-size:30px; }
	.abArea01 .p4 ul li .p32 { font-size:14px; margin-top:10px; }
}
@media all and (max-width:900px){
	.abArea02 { position:relative; width:100%; }
	.abArea02 p { width:100%; height:50px; }
 
	.abArea01 { position:relative; width:92%; top:0; right:0; margin:0 4%; transform: translateY(0); padding:40px 0;}
	.abArea01 .p1 { line-height:25px; }
	.abArea01 .p1 i { font-size:20px; }
	.abArea01 .p1 em { font-size:16px; margin-left:15px; }
	.abArea01 .p2 { margin-top:10px; }
	.abArea01 .p2 i { font-size:14px; padding:0 20px; }
	.abArea01 .p3 { margin-top:20px; font-size:14px; -webkit-line-clamp:20; }
	.abArea01 .p4 { margin-top:30px; }
 
	.abArea01 .p4 ul li .p31 { font-size:14px; }
	.abArea01 .p4 ul li .p31 i { font-size:24px; }
	.abArea01 .p4 ul li .p32 { font-size:14px; margin-top:10px; }
} 



.spBox { position:absolute; top:0; right:0; left:0; bottom:0; background:rgba(0,0,0,0.6); z-index:9999; display:none; }
.spBox.on { display:block; }
.spBox .spBox01 { position:absolute; top:50%; left:50%; width:900px; padding:20px; box-sizing: border-box; background:#000; transform: translate(-50%,-50%); z-index:5; }
.spBox .spBox01 video { width:100%; height:auto!important; }
.spBox .spBox01 .sp-close { position:absolute; right:-50px; top:-30px; color:#fff; font-size:30px; cursor:pointer; }

@media all and (max-width:1280px){
	.spBox .spBox01 { width:60%; }
} 
@media all and (max-width:1200px){
	.spBox { position:fixed; }
	.spBox .spBox01 { position:fixed; }
} 
@media all and (max-width:750px){
	.spBox .spBox01 { top:50%; width:92%; padding:10px; z-index:5; }
	.spBox .spBox01 .sp-close { position:absolute; right:0; top:-60px; color:#fff; font-size:30px; cursor:pointer; }
} 


.section05:before { position:absolute; top:0; right:0; bottom:0; background:#8ec21f; background-size:cover; width:calc(50% - 300px); display:block; content:""; z-index:1; }

.xwArea { position:absolute; top:50%; left:0; right:0; transform: translateY(-50%); margin-top:30px; z-index:2; }
.xwBox01 { float:left; width:calc(100% - 400px); }
.xwBox01 .hd { line-height:30px; margin-bottom:40px; }
.xwBox01 .hd i { display:inline-block; font-size:28px;  font-weight:bold; color:#000; }
.xwBox01 .hd a { float:right; display:inline-block; font-size:16px; color:#000; }


.xwBox01 .bd01 { float:left; width:435px; background:#fff; border-radius:15px; overflow:hidden; box-shadow: #ccc 0px 0px 10px; }
.xwBox01 .bd01 .pic { max-height:280px; overflow:hidden; }
.xwBox01 .bd01 .txt { position:relative; padding:25px 10px 0 10px; height:190px; box-sizing: border-box; }
.xwBox01 .bd01 .txt .p1 { font-size:18px; color:#464646; line-height:20px; font-weight:bold; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.xwBox01 .bd01 .txt .p2 { font-size:16px; color:rgba(0,0,0,0.5); line-height:25px; margin-top:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.xwBox01 .bd01 .txt .p3 { position:absolute; left:0; bottom:0; border-radius:0 15px 0 0; width:150px; text-align:center; line-height:55px; background:#8ec21f; font-weight:bold; font-size:18px; color:#fff; z-index:2; }

.xwBox01 .bd02 { float:right; width:calc(100% - 480px); }
.xwBox01 .bd02 ul li { border-bottom:1px solid #ccc; }
.xwBox01 .bd02 ul li a { display:block; padding-top:20px; min-height:93px; box-sizing: border-box; }
.xwBox01 .bd02 ul li .p1 { font-size:16px; line-height:20px; color:rgba(0,0,0,0.5); }
.xwBox01 .bd02 ul li .p2 { font-size:16px; line-height:20px; color:#000; padding-right:30px; margin-top:15px; background:url(ico-d01.png) no-repeat center right; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.xwBox01 .bd02 ul li:hover .p2 { color:#8ec21f; }

.xwBox02 { float:right; width:310px; }
 
.xwBox02 .hd { line-height:30px; margin-bottom:40px; }
.xwBox02 .hd i { display:inline-block; font-size:28px;  font-weight:bold; color:#fff; }
.xwBox02 .hd a { float:right; display:inline-block; font-size:16px; color:#fff; }


.xwBox02 .bd ul li { background:#fff; border-radius:5px; overflow:hidden; }
.xwBox02 .bd ul li a { display:block; padding:20px 40px 0 40px; min-height:143px; box-sizing: border-box; }
.xwBox02 .bd ul li:nth-child(n + 2) { margin-top:20px; }
.xwBox02 .bd ul li .txt01 { font-size:18px; color:#000; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.xwBox02 .bd ul li .txt02 { margin-top:15px; }
.xwBox02 .bd ul li .txt02 .pp { color:#6e6e6e; font-size:14px; padding-left:35px; line-height:25px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.xwBox02 .bd ul li .txt02 .pp.p2 { background:url(e01.png) no-repeat left top; }
.xwBox02 .bd ul li .txt02 .pp.p3 { background:url(e02.png) no-repeat left top; }
.xwBox02 .bd ul li .txt02 .pp.p4 { background:url(e03.png) no-repeat left top; }
 
.xwBox02 .bd ul li:hover .txt01 { color:#8ec21f; font-weight:bold; }

@media all and (max-width:1380px){
	.section05:before { width:calc(50% - 270px); }

	.xwBox01 { float:left; width:calc(100% - 360px); }
	.xwBox01 .hd { margin-bottom:20px; }
	.xwBox01 .hd i { font-size:24px; }
	.xwBox01 .hd a { font-size:14px; }

	.xwBox02 { float:right; width:300px; }
	.xwBox02 .hd { margin-bottom:20px; }
	.xwBox02 .hd i { font-size:24px; }
	.xwBox02 .hd a { font-size:14px; }
} 
@media all and (max-width:1280px){
	.section05:before { width:calc(4% + 330px); }
} 
@media all and (max-width:1200px){
	.section05:before { width:calc(4% + 280px); }
	
	.xwArea { position:relative; top:auto; left:0; right:0; transform: translateY(0); margin-top:0; padding:60px 0; }
	
	.xwBox01 { float:left; width:calc(100% - 300px); }
	 
	
	.xwBox01 .bd01 { float:left; width:280px; }
	.xwBox01 .bd01 .pic { max-height:280px; }
	.xwBox01 .bd01 .txt { padding:25px 10px 0 10px; height:160px; }
	.xwBox01 .bd01 .txt .p1 { font-size:16px; color:#464646; line-height:20px; font-weight:bold; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
	.xwBox01 .bd01 .txt .p2 { font-size:14px; line-height:25px; margin-top:10px; }
	.xwBox01 .bd01 .txt .p3 { width:150px; line-height:40px; font-size:16px; }

	.xwBox01 .bd02 { float:right; width:calc(100% - 300px); }
	.xwBox01 .bd02 ul li a { padding-top:10px; min-height:68px; }
	.xwBox01 .bd02 ul li .p1 { font-size:14px; }
	.xwBox01 .bd02 ul li .p2 { font-size:14px; margin-top:5px; }

	.xwBox02 { float:right; width:260px; }
 
	.xwBox02 .bd ul li a { padding:13px 20px 0 20px; min-height:109px; }
	.xwBox02 .bd ul li:nth-child(n + 2) { margin-top:10px; }
	.xwBox02 .bd ul li .txt01 { font-size:16px; }
	.xwBox02 .bd ul li .txt02 { margin-top:15px; }
	.xwBox02 .bd ul li .txt02 .pp { font-size:14px; }
	.xwBox02 .bd ul li .txt02 .pp.p4 { display:none; }
} 
@media all and (max-width:1000px){
	.section05:before { display:none; }
	
	.xwArea { position:relative; top:auto; left:0; right:0; transform: translateY(0); margin-top:0; padding:60px 0; }
	
	.xwBox01 { float:none; width:100%; }
	 
 
	.xwBox02 { float:none; width:100%; padding:25px 4%; margin-top:30px; background:#8ec21f; box-sizing: border-box; border-radius:10px; }
 

	.xwBox02 .bd ul li a { padding:13px 20px 0 20px; min-height:135px; }
	.xwBox02 .bd ul li .txt02 .pp.p4 { display:block; }
}
@media all and (max-width:750px){
	.xwArea { padding:40px 0; }
	
	.xwBox01 { float:none; width:100%; }
	.xwBox01 .hd { margin-bottom:20px; }
	.xwBox01 .hd i { font-size:20px; }
	.xwBox01 .hd a { font-size:14px; } 
	
	.xwBox01 .bd01 { float:none; width:100%; }
	.xwBox01 .bd01 .pic { max-height:auto; }
	 
	.xwBox01 .bd02 { float:none; width:100%; margin-top:25px; }
	 
	.xwBox02 { float:none; width:100%; padding:25px 4%; margin-top:30px; background:#8ec21f; box-sizing: border-box; border-radius:10px; }
	.xwBox02 .hd { margin-bottom:20px; }
	.xwBox02 .hd i { font-size:20px; }
	.xwBox02 .hd a { font-size:14px; } 
	
	.xwBox02 .bd ul li a { padding:13px 20px 0 20px; min-height:135px; }
	.xwBox02 .bd ul li .txt02 .pp.p4 { display:block; }
}




.swiper-slide-active .cpArea .hd  {
	-webkit-animation: fadeInUp 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.swiper-slide-active .cpArea .bd .p1 {
	-webkit-animation: fadeInUp 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.swiper-slide-active .cpArea .bd .p2 {
	-webkit-animation: fadeInUp 1.2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 1.2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.swiper-slide-active .cpArea .bd .p3 {
	-webkit-animation: fadeInUp 1.4s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 1.4s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.swiper-slide-active .cpArea .bd .p4 ul li {
	-webkit-animation: fadeInUp 1.6s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 1.6s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.swiper-slide-active .cpArea .bd .p5 {
	-webkit-animation: fadeInUp 1.8s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 1.8s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}


.swiper-slide-active .yyArea .hd ul li .p1 {
	-webkit-animation: fadeInUp 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.swiper-slide-active .yyArea .hd ul li .p2 {
	-webkit-animation: fadeInUp 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.swiper-slide-active .yyArea .hd ul li .p3 {
	-webkit-animation: fadeInUp 1.2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 1.2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.swiper-slide-active .yyArea .hd ul li .p4 {
	-webkit-animation: fadeInUp 1.4s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 1.4s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.swiper-slide-active .yyArea .hd ul li .p5 {
	-webkit-animation: fadeInUp 1.4s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 1.4s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.swiper-slide-active .yyArea .hd ul li .p6 {
	-webkit-animation: fadeInUp 1.6s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 1.6s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}


.swiper-slide-active .abArea01 .p1 {
	-webkit-animation: fadeInUp 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.swiper-slide-active .abArea01 .p2 {
	-webkit-animation: fadeInUp 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.swiper-slide-active .abArea01 .p3 {
	-webkit-animation: fadeInUp 1.2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 1.2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.swiper-slide-active .abArea01 .p4 {
	-webkit-animation: fadeInUp 1.4s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 1.4s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.swiper-slide-active .xwArea .hd {
	-webkit-animation: fadeInUp 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.swiper-slide-active .xwBox01 .bd01 {
	-webkit-animation: fadeInUp 1.2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 1.2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.swiper-slide-active .xwBox01 .bd02 ul li {
	-webkit-animation: fadeInUp 1.2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 1.2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.swiper-slide-active .xwBox02 .bd ul li {
	-webkit-animation: fadeInUp 1.2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 1.2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
 