@charset "utf-8";

.banner { position:relative; width:100%; height:100%; overflow:hidden; }
.banner .swiper-slide { position:relative; width:100%; height:100%; overflow:hidden; }
.banner .swiper-slide .img02 { display:none; }
.banner .swiper-slide img { display: block; /*transform: scale(1.2); -webkit-transition: all 3s 0s; transition: all 3s 0s; */}

.banner .swiper-slide-active img { /*transform: scale(1); */}


.banner .swiper-pagination-1 { position:absolute; bottom:80px!important; left:0; width:100%; font-size:0; text-align:center; z-index:9;  }
.banner .swiper-pagination-1 .swiper-pagination-bullet {  position:relative; font-size:14px; color:#fff; text-align:center; width:22px; height:22px; margin:0 7px!important;  border-radius:0; background:url(ban01.png) no-repeat center; background-size:contain!important; opacity:1; }
.banner .swiper-pagination-1 .swiper-pagination-bullet-active { background:url(ban02.png) no-repeat center;  }
 
 
@media all and (max-width:1780px){
	.banner .swiper-pagination-1 { bottom:40px!important; }
}
@media all and (max-width:1200px){
	.banner .swiper-pagination-1 { bottom:20px!important; }
	.banner .swiper-pagination-1 .swiper-pagination-bullet { width:18px; height:18px }
}
@media all and (max-width:750px){
	.banner .swiper-slide .img01 { display:none; }
	.banner .swiper-slide .img02 { display:block; }
	.banner .swiper-slide .banvideo { display:none; }
	.banner .swiper-slide .banvideo video { display:none; }
}

.container { background:url(bg.png) no-repeat center bottom; }


.aArea { padding:120px 0 120px; overflow:hidden; }
.aArea .wrap { position:relative; }
.aArea01 { position:relative; float:left; width:64.58%; }
.aArea01 .img02 { position:absolute; left:0; width:100%; bottom:0; z-index:2; }

.aArea01 .spArea { position:absolute; left:0; bottom:0; padding:30px 0; width:400px; border-radius:0 90px 0 0; background:rgba(75,166,52,0.95); text-align:center; z-index:2; cursor:pointer; }
.aArea01 .spArea .p2 { color:#fff; font-size:16px; margin-top:15px; }

.aArea02 { position:absolute; top:0; right:0; bottom:0; width:35.42%; height:100%; z-index:2; }

.aBox01 { position:relative; width:100%; height:55.37%; background:url(pic03.jpg) no-repeat center; background-size:cover; }
.aBox01 .txt { position:absolute; left:9%; right:10%; top:50%; transform: translateY(-50%); line-height:1.1; z-index:2; }
.aBox01 .txt .p1 { font-size:30px; color:#fff; font-weight:bold; }
.aBox01 .txt .p2 { font-size:14px; color:rgba(255,255,255,0.8); line-height:25px; margin-top:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.aBox01 .txt .p3 { margin-top:55px; }
.aBox01 .txt .p3 i { display:inline-block; padding-right:40px; line-height:28px; font-size:14px; color:rgba(255,255,255,0.5); background:url(a02.png) no-repeat center right; background-size:contain; transition: all 0.6s; }
.aBox01 .txt .p3:hover i { padding-right:50px; }

.aBox02 { position:relative; width:100%; height:44.63%; background:url(pic04.jpg) no-repeat bottom left; background-size:cover; }
.aBox02 .txt { position:absolute; left:9%; width:63%; bottom:25%; line-height:1.1; z-index:2; }
.aBox02 .txt ul { display:flex; flex-direction:row; justify-content:space-between; }
.aBox02 .txt ul li { text-align:center; }
.aBox02 .txt ul li .p1 { min-height:45px; }
.aBox02 .txt ul li .p1 img { max-height:41px; transition: all 0.3s; }
.aBox02 .txt ul li .p2 { height:8px; background:url(a03.png) no-repeat center; background-size:contain; }
.aBox02 .txt ul li .p3 { font-size:14px; color:#4ba634; margin-top:10px; }

.aBox02 .txt ul li:hover .p1 img {animation: jello 1.4s;} 

@media all and (max-width:1780px){
	.aArea { padding:80px 0 80px; }
	
	.aBox01 .txt { position:absolute; left:8%; right:8%; top:50%; transform: translateY(-50%); }
	.aBox01 .txt .p1 { font-size:24px; }
	.aBox01 .txt .p2 { font-size:14px; line-height:25px; margin-top:15px; -webkit-line-clamp:3; }
	.aBox01 .txt .p3 { margin-top:20px; }
	.aBox01 .txt .p3 i { padding-right:35px; line-height:25px; }
	
	.aBox02 .txt { position:absolute; left:8%; width:65%; bottom:15%; }
	.aBox02 .txt ul li .p1 { min-height:40px; }
	.aBox02 .txt ul li .p1 img { max-height:30px; }
	.aBox02 .txt ul li .p2 { height:5px; }
	.aBox02 .txt ul li .p3 { font-size:14px;  margin-top:10px; }
	
	.aArea01 .spArea { padding:25px 0; width:250px; border-radius:0 60px 0 0; }
	.aArea01 .spArea .p1 img { height:40px; width:auto; }
	.aArea01 .spArea .p2 { font-size:14px; margin-top:10px; }
}
@media all and (max-width:1280px){
	.aArea { padding:60px 0 60px; }
}
@media all and (max-width:1000px){
	.aArea01 { position:relative; float:none; width:100%; }
	
	.aArea02 { position:relative; top:auto; right:auto; bottom:auto; width:100%; height:auto; }
	.aBox01 { position:relative; float:left; width:50%; height:300px; }
	
	.aBox02 { position:relative; float:left; width:50%; height:300px; }
}
@media all and (max-width:750px){
	.aArea { padding:30px 0 30px; }
	.aBox01 { position:relative; float:none; width:100%; height:200px; background:#f7f7f7; }
	.aBox01 .txt { position:absolute; left:4%; right:4%; }
	.aBox01 .txt .p1 { font-size:20px; color:#000; }
	.aBox01 .txt .p2 { font-size:14px; color:#666; line-height:1.7; margin-top:15px; -webkit-line-clamp:3; }
	.aBox01 .txt .p3 { margin-top:15px; }
	.aBox01 .txt .p3 i { padding-right:30px; line-height:20px; color:#666; }
	
	.aBox02 { position:relative; float:none; width:100%; height:150px; background:#f7f7f7;	}
	.aBox02 .txt { position:absolute; left:4%; width:92%; bottom:auto; top:50%; transform: translateY(-50%); }
	.aBox02 .txt ul li .p1 { min-height:35px; }
	.aBox02 .txt ul li .p3 { font-size:14px;  margin-top:5px; }
	
	.aArea01 .spArea { padding:20px 0; width:100px; border-radius:0 40px 0 0; }
	.aArea01 .spArea .p1 img { height:20px; width:auto; }
	.aArea01 .spArea .p2 { font-size:12px; margin-top:5px; }
	 
}

.aArea03 .wrap { padding:110px 5% 40px 5%; border-bottom:1px solid #f1f1f1; box-sizing: border-box; }
.aArea03 ul { display:flex; flex-direction:row; justify-content:space-between; }
.aArea03 ul li { line-height:1.1; }
.aArea03 ul li .p1 { font-size:20px; color:#333; font-weight:bold; }
.aArea03 ul li .p2 { margin-top:15px; }
.aArea03 ul li .p2 i { font-size:48px; color:#4ba634; font-weight:bold; }
.aArea03 ul li .p2 em { font-size:14px; color:#666; position:relative; margin-left:10px; top:-25px; }

@media all and (max-width:1780px){
	.aArea03 .wrap { padding:60px 5% 40px 5%; }
}
@media all and (max-width:1280px){
	.aArea03 ul li .p1 { font-size:18px; }
	.aArea03 ul li .p2 { margin-top:15px; }
	.aArea03 ul li .p2 i { font-size:38px; }
	.aArea03 ul li .p2 em { font-size:14px; margin-left:10px; top:-18px; }
}
@media all and (max-width:750px){
	.aArea03 .wrap { padding:30px 0; }
	.aArea03 ul li .p1 { font-size:14px; }
	.aArea03 ul li .p2 { margin-top:10px; }
	.aArea03 ul li .p2 i { display:block; font-size:24px; }
	.aArea03 ul li .p2 em { display:block; font-size:12px; margin-left:0; top:0; margin-top:10px; }
}

.spBox { position:fixed; top:0; right:0; left:0; bottom:0; background:rgba(0,0,0,0.6); z-index:9; display:none; }
.spBox.on { display:block; }
.spBox .spBox01 { position:absolute; top:50%; left:50%; width:46%; 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:750px){
	.spBox .spBox01 { position:absolute; 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; }
} 


.bArea { position:relative; max-width:1920px; margin:0 auto; background:url(bArea.jpg) no-repeat center bottom; background-size:cover; }
.bArea01 { position:relative; float:left; width:360px; padding:65px 0 115px 65px; box-sizing: border-box; z-index:1; }
.bArea01:before { position:absolute; width:86%; left:0; top:0; bottom:0; background:url(b01.jpg) no-repeat center; background-size:cover; display:block; content:""; z-index:-1; }

.bArea01 .hd { line-height:1.1; color:#fff; margin-bottom:30px; padding-left:40px; }
.bArea01 .hd .p1 { font-size:16px; text-transform:uppercase; }
.bArea01 .hd .p1 i { position:relative; display:inline-block; padding-right:35px; }
.bArea01 .hd .p1 i:before { position:absolute; top:50%; transform: translateY(-50%); right:0; display:block; width:25px; height:1px; background:#fff; content:""; z-index:2; }
.bArea01 .hd .p2 { font-size:30px; margin-top:20px; font-weight:bold; }

.bArea01 .gallery-thumbs01 { height:560px!important; }
.bArea01 .swiper-slide { cursor:pointer; height:80px; }
.bArea01 .swiper-slide a { position:relative; display:block; position:relative; border-radius:7px; height:100%; }
.bArea01 .swiper-slide a:before { position:absolute; display:block; content:""; left:25px; bottom:0; width:135px; height:1px; background:rgba(255,255,255,0.1); z-index:1; }
.bArea01 .swiper-slide .p1 { position:absolute; left:10px; top:50%; transform: translateY(-50%); opacity:0; visibility:hidden; transition: all 0.6s; z-index:1; }
.bArea01 .swiper-slide .p1 img { width:30px; height:30px; }
.bArea01 .swiper-slide .p2 { font-size:18px; color:#fff; font-weight:bold; line-height:80px; padding:0 35px 0 30px; transition: all 0.6s; }

.bArea01 .swiper-slide-thumb-active a { background:#267f0f; }
.bArea01 .swiper-slide-thumb-active .p1 { left:30px; opacity:1; visibility:visible; }
.bArea01 .swiper-slide-thumb-active .p2 { padding-left:90px; }
.bArea01 .swiper-slide-thumb-active .p2 p { background:url(b02.png) no-repeat center right; }


.bArea02 { position:absolute; top:50%; transform: translateY(-50%); right:0; width:64%; z-index:1; }
.bBox { overflow:hidden; }
.bBox .swiper-container-b00 { width:635px; }
.bBox .swiper-slide { width:635px; margin-right:170px; text-align:center; }
.bBox .swiper-slide .txt { font-size:24px; color:#333; display:none; } 
.bBox .swiper-slide .pic { margin-top:60px; max-width:80%; padding-top:150px; margin-right:auto; margin-left:auto; } 
.bBox .swiper-slide .txt01 { margin-top:30px; display:none; } 
.bBox .swiper-slide .txt01 a { display:inline-block; width:135px; height:45px; line-height:45px; border-radius:25px; background:#fff; color:#333; font-size:16px; margin:0 10px; }
.bBox .swiper-slide .txt01 a:hover { background:#4ba634; color:#fff; }

.bBox .swiper-slide-active .txt { display:block;}
.bBox .swiper-slide-active .pic { max-width:100%; padding-top:0; }
.bBox .swiper-slide-active .txt01 { display:block;}

.bArea02 .btn { position:absolute; right:110px; bottom:0; font-size:0; z-index:2; }
.bArea02 .btn .btn01 { display:inline-block; width:50px; height:50px; cursor:pointer; }
.bArea02 .btn .prev-b00 { background:url(ab08.png) no-repeat center; }
.bArea02 .btn .next-b00 { background:url(ab09.png) no-repeat center; margin-left:25px; }

.bArea02 .btn .prev-b00:hover { background:url(ab10.png) no-repeat center; }
.bArea02 .btn .next-b00:hover { background:url(ab11.png) no-repeat center; }

@media all and (max-width:1780px){
	.bArea01 { padding:65px 0 65px 65px; }
}
@media all and (max-width:1280px){
	.bArea01 { width:300px; padding:50px 0 50px 30px; }
	.bArea01:before { width:86%; }

	.bArea01 .hd { margin-bottom:30px; padding-left:30px; }
	.bArea01 .hd .p1 { font-size:16px; }
	.bArea01 .hd .p2 { font-size:28px; margin-top:15px; }

	.bArea01 .gallery-thumbs01 { height:420px!important; }
	.bArea01 .swiper-slide { height:60px; }
	.bArea01 .swiper-slide a:before { left:20px; width:125px; }
	.bArea01 .swiper-slide .p1 img { width:25px; height:25px; }
	.bArea01 .swiper-slide .p2 { font-size:18px; line-height:60px; padding:0 30px 0 30px; }
 
	.bArea01 .swiper-slide-thumb-active .p1 { left:30px; }
	.bArea01 .swiper-slide-thumb-active .p2 { padding-left:70px; }
	.bArea01 .swiper-slide-thumb-active .p2 p { background-size:20px 20px!important; }
  
	.bArea02 { width:calc(100% - 360px); }
	.bBox .swiper-container-b00 { width:500px; }
	.bBox .swiper-slide { width:500px; margin-right:100px; text-align:center; }
	.bBox .swiper-slide .txt { font-size:18px; display:none; } 
	.bBox .swiper-slide .pic { margin-top:30px; max-width:80%; padding-top:150px; } 
	.bBox .swiper-slide .txt01 { margin-top:20px; display:none; } 
	.bBox .swiper-slide .txt01 a { width:125px; height:40px; line-height:40px; font-size:14px; margin:0 10px; }
 
	.bBox .swiper-slide-active .txt { display:block;}
	.bBox .swiper-slide-active .pic { max-width:100%; padding-top:0; }
	.bBox .swiper-slide-active .txt01 { display:block;}
}
@media all and (max-width:1000px){
	.bArea { padding:60px 0; }
	
	.bArea01 { float:none; width:92%; padding:0; margin:0 auto; }
	.bArea01:before { display:none; }

	.bArea01 .hd { text-align:center; margin-bottom:30px; padding-left:0; color:#333; }
	.bArea01 .hd .p1 { font-size:14px; }
	.bArea01 .hd .p1 i { padding-right:30px; }
	.bArea01 .hd .p1 i:before { width:20px; background:#333; }
	.bArea01 .hd .p2 { font-size:24px; margin-top:15px; }

	.bArea01 .gallery-thumbs01 { height:40px!important; }
	.bArea01 .swiper-slide { width:140px; height:40px; margin-right:15px; }
	.bArea01 .swiper-slide a { background:#ddd; }
	.bArea01 .swiper-slide a:before { display:none; }
	.bArea01 .swiper-slide .p1 { display:none; }
	.bArea01 .swiper-slide .p2 { font-size:14px; text-align:center; color:#333; font-weight:normal; line-height:40px; padding:0; transition: all 0.6s; }

	.bArea01 .swiper-slide-thumb-active a { background:#267f0f; }
	.bArea01 .swiper-slide-thumb-active .p1 { display:none; }
	.bArea01 .swiper-slide-thumb-active .p2 { padding-left:0; color:#fff; }
	.bArea01 .swiper-slide-thumb-active .p2 p { background:none; }


	.bArea02 { position:relative; top:auto; transform: translateY(0); right:auto; width:100%; margin:30px auto 0; z-index:1; }
	.bBox { overflow:hidden; }
	.bBox .swiper-container-b00 { width:400px; margin:0 auto!important; }
	.bBox .swiper-slide { width:400px; margin-right:0; }
	.bBox .swiper-slide .txt { font-size:16px; display:none; } 
	.bBox .swiper-slide .pic { margin-top:20px; max-width:80%; padding-top:100px; } 
	.bBox .swiper-slide .txt01 { margin-top:30px; display:none; } 
	.bBox .swiper-slide .txt01 a { width:110px; height:35px; line-height:35px; font-size:14px; margin:0 10px; }
 
	.bBox .swiper-slide-active .txt { display:block;}
	.bBox .swiper-slide-active .pic { max-width:100%; padding-top:0; }
	.bBox .swiper-slide-active .txt01 { display:block;}
	
	.bArea02 .btn { position:relative; right:auto; bottom:auto; margin-top:30px; text-align:center; }
	.bArea02 .btn .btn01 { width:40px; height:40px; background-size:cover!important; }
	.bArea02 .btn .prev-b00 { }
	.bArea02 .btn .next-b00 {  margin-left:15px; }
}
@media all and (max-width:750px){
	.bArea { padding:30px 0; }
}
@media all and (max-width:450px){
	.bBox .swiper-container-b00 { width:100%; }
	.bBox .swiper-slide { width:100%; }
}

.cArea { padding:100px 0; }
.cArea .wrap { position:relative; }
.cArea01 { position:absolute; left:0; top:50%; width:32%; transform: translateY(-50%); line-height:1.1; z-index:2; }
.cArea01 .p1 { font-size:30px; color:#000; font-weight:bold; }
.cArea01 .p1 i { color:#4ba634; }
.cArea01 .p2 { font-size:16px; line-height:30px; color:#777; margin-top:30px; }
.cArea01 .p3 { margin-top:75px; }
.cArea01 .p3 a { position:relative; display:block; width:290px; background:#eaeaea; border-radius:7px; text-align:center; overflow:hidden; z-index:1; }
.cArea01 .p3 a i { display:inline-block; font-size:16px; padding-right:95px; line-height:80px; color:#333; background:url(a02.png) no-repeat center right; }

.cArea01 .p3 a:before { position:absolute; content: "";  display:block; height: 200%;width: 200%;border-radius: 50%;top: 100%;left: 100%;transition: all .7s;position: absolute; background: linear-gradient(#dae1d8,#4ba634); z-index:-1; }
.cArea01 .p3 a:hover i { color:#fff; }
.cArea01 .p3 a:hover:before { top: -60%; left: -60%; }
.cArea01 .p3 a:hover i { color:#fff; background:url(b02.png) no-repeat center right; }
 

.cArea02 { float:right; width:70.35%; }


@media all and (max-width:1780px){
	.cArea { padding:80px 0; }
	.cArea01 { position:absolute; left:0; top:50%; width:500px; transform: translateY(-50%); }
	.cArea01 .p1 { font-size:24px; }
	.cArea01 .p2 { font-size:16px; line-height:25px; margin-top:20px; }
	.cArea01 .p3 { margin-top:35px; }
	.cArea01 .p3 a { width:200px; }
	.cArea01 .p3 a i { font-size:16px; padding-right:60px; line-height:60px; }

	.cArea02 { float:right; width:70.35%; }
}
@media all and (max-width:1280px){
	.cArea { padding:60px 0; }
	.cArea01 .p2 { font-size:14px; line-height:25px; margin-top:20px; }
	.cArea01 .p3 a { width:150px; }
	.cArea01 .p3 a i { font-size:14px; padding-right:40px; line-height:50px; background-size:20px 20px!important; }
}
@media all and (max-width:1000px){
	.cArea { padding:30px 0; }
	.cArea01 { position:relative; left:auto; top:auto; width:100%; transform: translateY(0); }
	.cArea01 .p1 { font-size:20px; }
	.cArea01 .p2 { font-size:14px; line-height:25px; margin-top:15px; }
	.cArea01 .p3 { margin-top:20px; }
	.cArea01 .p3 a { width:150px; }
	.cArea01 .p3 a i { font-size:14px; padding-right:30px; line-height:40px; background-size:15px 15px!important; }

	.cArea02 { float:none; width:100%; margin-top:20px; }
}
@media all and (max-width:750px){
	.cArea { padding:30px 0; }
}

.dArea { padding:120px 0; background:url(dArea.jpg) no-repeat center bottom; background-size:cover; }
.dArea .wrap { padding:0 50px; box-sizing: border-box; }
.dArea01 { float:left; width:calc(100% - 990px); padding-top:50px; }

.dArea01 .hd { line-height:1.1; color:#333; }
.dArea01 .hd .p1 { font-size:16px; text-transform:uppercase; }
.dArea01 .hd .p1 i { position:relative; display:inline-block; padding-right:35px; }
.dArea01 .hd .p1 i:before { position:absolute; top:50%; transform: translateY(-50%); right:0; display:block; width:25px; height:1px; background:#333; content:""; z-index:2; }
.dArea01 .hd .p2 { font-size:30px; margin-top:20px; font-weight:bold; }

.dArea01 .bd { margin-top:75px; }
.dArea01 .bd .p1 { font-size:20px; color:#333; font-weight:bold; line-height:25px; height:25px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.dArea01 .bd .p2 { font-size:14px; color:#666; line-height:25px; margin-top:20px; height:50px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.dArea01 .bd .p3 { margin-top:80px; }
.dArea01 .bd .p3 a { position:relative; display:block; width:290px; background:#eaeaea; border-radius:7px; text-align:center; overflow:hidden; z-index:1; }
.dArea01 .bd .p3 a i { display:inline-block; font-size:16px; padding-right:95px; line-height:80px; color:#333; background:url(a02.png) no-repeat center right; }
 
.dArea01 .bd .p3 a:hover i { color:#fff; background:url(b02.png) no-repeat center right; }



.dArea01 .bd .p3 a:before { position:absolute; content: "";  display:block; height: 200%;width: 200%;border-radius: 50%;top: 100%;left: 100%;transition: all .7s;position: absolute; background: linear-gradient(#dae1d8,#4ba634); z-index:-1; }
.dArea01 .bd .p3 a:hover i { color:#fff; }
.dArea01 .bd .p3 a:hover:before { top: -60%; left: -60%; }



.dArea02 { position:relative; float:right; width:950px; }
.dArea02 .swiper-slide a { display:block; border-radius:10px; overflow:hidden; }
.dArea02 .swiper-slide .txt { min-height:215px; padding:30px 30px 0 30px; background:#fff; box-sizing: border-box; }
.dArea02 .swiper-slide .txt .p1 { width:80px; height:30px; text-align:center; line-height:30px; font-size:12px; color:#999; background:#f7f7f7; border-radius:15px 0 15px 0; }

.dArea02 .swiper-slide .txt .p2 { font-size:16px; color:#333; font-weight:bold; margin-top:20px; line-height:30px; height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.dArea02 .swiper-slide .txt .p3 { font-size:12px; color:#999; margin-top:20px; }

.dArea02 .swiper-slide .pic { overflow:hidden; }
.dArea02 .swiper-slide .pic img { transition: all 0.6s; }
.dArea02 .swiper-slide:hover .pic img { transform: scale(1.1)!important; }


.dArea02 .swiper-slide:hover .txt .p1 { color:#fff; background:#4ba634; }
.dArea02 .swiper-slide:hover .txt .p2 { color:#4ba634; }

.dArea02 .swiper-pagination-d01 { position:absolute; bottom:0; left:-90px; width:50px; text-align:right; font-size:14px; font-weight:bold; z-index:2; }

.dArea02 .btn { position:absolute; width:50px; bottom:35px; left:-90px; z-index:1; }
.dArea02 .btn .btn01 { display:block; width:50px; height:50px; border-radius:100%; cursor:pointer; }
.dArea02 .btn .prev-d01 { background:url(d01.png) no-repeat center; }
.dArea02 .btn .next-d01 { background:url(d02.png) no-repeat center; margin-top:10px; }

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


@media all and (max-width:1780px){
	.dArea { padding:80px 0; }
	.dArea .wrap { padding:0; }
	.dArea01 { float:left; width:calc(100% - 680px); padding-top:30px; }
 
	.dArea01 .bd { margin-top:50px; }
	.dArea01 .bd .p1 { font-size:18px; line-height:20px; height:20px; }
	.dArea01 .bd .p2 { font-size:14px; color:#666; line-height:25px; margin-top:20px; height:50px;  }
	.dArea01 .bd .p3 { margin-top:40px; }
	.dArea01 .bd .p3 a { width:200px; }
	.dArea01 .bd .p3 a i { font-size:16px; padding-right:60px; line-height:60px; }

	.dArea02 { position:relative; float:right; width:650px; }
	.dArea02 .swiper-slide a { display:block; border-radius:10px; overflow:hidden; }
	.dArea02 .swiper-slide .txt { min-height:180px; padding:20px 20px 0 20px; }
	.dArea02 .swiper-slide .txt .p2 { font-size:16px; margin-top:15px; line-height:25px; height:50px; }
	.dArea02 .swiper-slide .txt .p3 { font-size:12px; color:#999; margin-top:15px; }

	.dArea02 .swiper-pagination-d01 { position:absolute; bottom:0; left:-80px; width:50px; }

	.dArea02 .btn { position:absolute; width:40px; bottom:35px; left:-70px; }
	.dArea02 .btn .btn01 {  width:40px; height:40px; background-size:contain!important; }
}
@media all and (max-width:1280px){
	.dArea { padding:60px 0; }
	
	.dArea01 { float:left; width:calc(100% - 580px); padding-top:0; }
 
	.dArea01 .hd .p1 { font-size:16px; }
	.dArea01 .hd .p2 { font-size:28px; margin-top:15px; }
	
	.dArea01 .bd .p3 a { width:150px; }
	.dArea01 .bd .p3 a i { font-size:14px; padding-right:40px; line-height:50px; background-size:20px 20px!important; }
	
	.dArea02 { position:relative; float:right; width:550px; }
	
	

}
@media all and (max-width:1000px){
	.dArea01 { float:none; width:100%; padding-top:0; }
	
	.dArea01 .hd { text-align:center; }
	.dArea01 .hd .p1 { font-size:14px; }
	.dArea01 .hd .p1 i { padding-right:30px; }
	.dArea01 .hd .p1 i:before { width:20px; background:#333; }
	.dArea01 .hd .p2 { font-size:24px; margin-top:15px; }
	
	.dArea01 .bd { margin-top:30px; }
	.dArea01 .bd .p1 { font-size:16px; line-height:20px; height:20px; }
	.dArea01 .bd .p2 { font-size:14px; line-height:25px; margin-top:20px; height:50px;  }
	.dArea01 .bd .p3 { margin-top:30px; }
	.dArea01 .bd .p3 a { width:150px; }
	.dArea01 .bd .p3 a i { font-size:14px; padding-right:30px; line-height:40px; background-size:15px 15px!important; } 
	
	.dArea02 { position:relative; float:none; width:100%; margin-top:30px; }
	
	.dArea02 .swiper-pagination-d01 { display:none; }

	.dArea02 .btn { position:relative; width:100%; bottom:auto; left:auto; margin-top:25px; text-align:center; }
	.dArea02 .btn .btn01 { display:inline-block; width:35px; height:35px; margin:0 5px; }
}
@media all and (max-width:750px){
	.dArea { padding:30px 0; }
	
	.dArea02 .swiper-slide .txt { min-height:160px; padding:20px 4% 0 4%; }
	.dArea02 .swiper-slide .txt .p2 { font-size:14px; margin-top:10px; line-height:20px; height:40px; font-weight:normal; }
	.dArea02 .swiper-slide .txt .p3 { font-size:12px; color:#999; margin-top:10px; }

}





.eArea { padding:120px 0; }
.eArea .hd { text-align:center; font-size:30px; color:#333; font-weight:bold; }
.eArea01 { margin-top:40px; }
.eArea01 .swiper-pagination-e01 { position:relative; width:100%; text-align:center; margin-top:45px; }
.eArea01 .swiper-pagination-e01 .swiper-pagination-bullet {  position:relative; font-size:14px; color:#fff; text-align:center; width:22px; height:22px; margin:0 7px!important;  border-radius:0; background:url(ban03.png) no-repeat center; background-size:contain!important; opacity:1; }
.eArea01 .swiper-pagination-e01 .swiper-pagination-bullet-active { background:url(ban02.png) no-repeat center;  }

.eArea01 .swiper-slide { overflow:hidden; }
.eArea01 .swiper-slide img { transition: all 0.6s; }
.eArea01 .swiper-slide:hover img { transform: scale(1.1)!important; }

@media all and (max-width:1780px){
	.eArea { padding:80px 0; }
	.eArea .hd { font-size:28px; }
}
@media all and (max-width:1280px){
	.eArea { padding:60px 0; }
	.eArea .hd { font-size:24px; }
	.eArea01 .swiper-pagination-e01 .swiper-pagination-bullet { width:18px; height:18px; margin:0 5px!important;  }
}
@media all and (max-width:750px){
	.eArea { padding:30px 0; }
	.eArea01 { margin-top:20px; }
}



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