@charset "utf-8";

.banner { position:relative; width:100%; overflow:hidden; font-size:0; }
.banner .swiper_banner { width:100%; }
.banner .swiper_banner .swiper-slide { position:relative; width:100%; overflow:hidden; }
.banner .swiper_banner .swiper-slide a { position:relative; display:block; width:100%; }
 
.banner .swiper_banner .swiper-slide .img02 { display:none; }
 
.banner .swiper-pagination-banner {  position:absolute; width:100%; left:0; right:0; bottom:50px; text-align:center; z-index:9; }
.banner .swiper-pagination-bullet { width:8px; height:8px; margin:0 5px; border-radius:100%; background:none; border:2px solid #fff; opacity:1; }
.banner .swiper-pagination-bullet-active { background:#fff; }

.banner .prev-01,.banner .next-01 { position:absolute; top:50%; transform: translateY(-50%); width:21px; height:52px; cursor:pointer; z-index:9; }
.banner .prev-01 { background:url(ban01.png) no-repeat center; left:5%; }
.banner .next-01 { background:url(ban02.png) no-repeat center; right:5%; }

@media all and (max-width:1680px){

}
@media all and (max-width:1200px){
	.banner .swiper_banner .swiper-slide .img01 { display:none; }
	.banner .swiper_banner .swiper-slide .img02 { display:block; }
	.banner .swiper_banner .swiper-slide .banvideo { display:none; }
	.banner .swiper_banner .swiper-slide .banvideo video { display:none; }
 
	.banner .prev-01,.banner .next-01 { display:none; }
	
	.banner .swiper-pagination-banner { bottom:20px;  }
	.banner .swiper-pagination-bullet { width:5px; height:5px; }
}

.Area-hd { text-align:center; line-height:1.1; }
.Area-hd .p1 { font-size:53px; color:#87c436; font-weight:bold; }
.Area-hd .p2 { font-size:20px; color:#51534e; margin-top:10px; line-height:1.6; }
.Area-hd .p3 { width:27px; height:3px; background:#95cc4c; margin:15px auto 0; }

@media all and (max-width:1680px){
	.Area-hd .p1 { font-size:38px; }
	.Area-hd .p2 { font-size:18px; margin-top:10px; }
	.Area-hd .p3 { margin:15px auto 0; }
}
@media all and (max-width:1200px){
	.Area-hd .p1 { font-size:24px; }
	.Area-hd .p2 { font-size:14px; margin-top:10px; }
	.Area-hd .p3 { margin:10px auto 0; }
}

.aArea { padding-top:100px; }
.aArea01 { position:relative; margin-top:70px; }
.aArea01 .hd ul li { float:left; width:20%; }
.aArea01 .hd ul li a { position:relative; display:block; padding-bottom:11px; border-top:3px solid #fff; text-align:center; cursor:pointer; }
.aArea01 .hd ul li p { line-height:100px; font-size:24px; border-top:6px solid #fff; font-weight:bold; color:#fff; background:#95cc4c; }
.aArea01 .hd ul li p i { display:block; background:url(a02.png) no-repeat center right; }
.aArea01 .hd ul li:last-child p i { background:none; }

.aArea01 .hd ul li.on a { border-color:#95cc4c; background:url(a01.png) no-repeat center bottom; }
.aArea01 .hd ul li.on p { background:#edf1f7; color:#95cc4c; border-color:#edf1f7; }
.aArea01 .hd ul li.on p i { background:none; }

.aArea02 { margin-top:30px; padding:90px 100px 125px 100px; background:url(a03.jpg) no-repeat center top; background-size:cover; box-sizing: border-box; }
.aArea02 .txt .p1 { padding-left:20px; font-size:36px; line-height:45px; border-left:6px solid #95cc4c; color:#4a4a4a; font-weight:bold; }
.aArea02 .txt .p2 { font-size:22px; line-height:2; color:#454545; margin-top:35px; }
.aArea02 .txt .p3 { margin-top:15px; text-align:right; }
.aArea02 .txt .p3 a { display:inline-block; font-size:16px; padding-right:25px; color:#bdbdbd; background:url(a04.png) no-repeat center right; background-size:15px 10px!important; }
.aArea02 .txt .p3 a:hover { color:#95cc4c; background:url(a05.png) no-repeat center right; }

.aArea02 .con ul li { float:left; margin-top:40px; }
.aArea02 .con ul li .p1 { font-size:24px; padding-left:40px; color:#242424; font-weight:bold; background:url(a05.png) no-repeat center left; }
.aArea02 .con ul li .p2 { margin-top:15px; overflow:hidden; }
.aArea02 .con ul li .p2 img { transition: all 0.6s; }
.aArea02 .con ul li .p2 .img02 { display:none; }
.aArea02 .con ul li:hover .p2 img { transform: scale(1.1)!important; }

.aArea02 .con01 ul li { width:49%; margin-right:2%; }
.aArea02 .con01 ul li:nth-child(n + 3) { width:32%; margin-right:2%; }
.aArea02 .con01 ul li:nth-child(2) { margin-right:0; }
.aArea02 .con01 ul li:nth-child(5) { margin-right:0; }

.aArea02 .con02 ul li { width:49%; margin-right:2%; }
.aArea02 .con02 ul li:nth-child(2n) { margin-right:0; }

.aArea02 .con03 ul li { width:100%; }
.aArea02 .con03 ul li:nth-child(n + 2) { width:49%; margin-right:2%;  }
.aArea02 .con03 ul li:nth-child(3) { margin-right:0; }
.aArea02 .con03 ul li:nth-child(5) { margin-right:0; }

.aArea02 .con04 ul li { width:100%; }
.aArea02 .con04 ul li:nth-child(n + 2) { width:49%; margin-right:2%; }
.aArea02 .con04 ul li:nth-child(3) { margin-right:0; }

.aArea02 .con05 ul li { width:100%; }
.aArea02 .con05 ul li:nth-child(n + 2) { width:100%; }

@media all and (max-width:1680px){
	.aArea { padding-top:80px; }
	.aArea01 { margin-top:40px; }
	.aArea01 .hd ul li a { padding-bottom:11px; border-top:2px solid #fff; }
	.aArea01 .hd ul li p { line-height:80px; font-size:18px; border-top:5px solid #fff; }
 
	.aArea01 .hd ul li.on a { border-color:#95cc4c; }
	.aArea01 .hd ul li.on p { border-color:#edf1f7; }
 
	.aArea02 { margin-top:30px; padding:60px 50px; }
	.aArea02 .txt .p1 { padding-left:20px; font-size:28px; line-height:35px; border-left:4px solid #95cc4c; }
	.aArea02 .txt .p2 { font-size:16px; line-height:2; margin-top:30px; }
	.aArea02 .txt .p3 { margin-top:15px; }
	.aArea02 .txt .p3 a { font-size:16px; padding-right:25px; }
 
	.aArea02 .con ul li { margin-top:30px; }
	.aArea02 .con ul li .p1 { font-size:18px; padding-left:30px; background-size:20px 15px!important; }
	.aArea02 .con ul li .p2 { margin-top:15px; }
}
@media all and (max-width:1200px){
	.aArea { padding-top:50px; }
	.aArea01 { margin-top:30px; }
	.aArea01 .hd ul li { width:49%; margin-right:2%; }
	.aArea01 .hd ul li:nth-child(2) { margin-right:0; }
	.aArea01 .hd ul li:nth-child(n + 3) { width:32%; margin-right:2%; margin-top:2%; }
	.aArea01 .hd ul li:nth-child(5) { margin-right:0; }
	.aArea01 .hd ul li a { padding-bottom:0; }
	.aArea01 .hd ul li p { line-height:50px; font-size:14px; border-top:none; }
	.aArea01 .hd ul li p i { background:none; }
  
	.aArea02 { margin-top:20px; padding:40px 4%; min-height:10px; }
	.aArea02 .txt .p1 { padding-left:10px; font-size:16px; line-height:25px; border-left:2px solid #95cc4c; }
	.aArea02 .txt .p2 { font-size:14px; line-height:1.7; margin-top:20px; }
	.aArea02 .txt .p3 { margin-top:15px; }
	.aArea02 .txt .p3 a { font-size:14px; padding-right:20px; }
 
	.aArea02 .con ul li { margin-top:20px; width:100%!important; margin-right:0!important; }
	.aArea02 .con ul li .p1 { font-size:14px; padding-left:30px; background-size:20px 15px!important; }
	.aArea02 .con ul li .p2 { margin-top:10px; }
	.aArea02 .con ul li .p2 .img01 { display:none; }
	.aArea02 .con ul li .p2 .img02 { display:block; }
	
	.aArea02 .con01 ul li { width:49%!important; margin-right:2%!important; }
	.aArea02 .con01 ul li:nth-child(2n) { margin-right:0!important; }
	.aArea02 .con01 ul li:nth-child(n + 3) { margin-top:20px; }
	.aArea02 .con01 ul li:nth-child(5) { margin:20px 0 0 20.5%!important; }
}
 
.bArea { padding-top:100px; }
.bArea01 { position:relative; margin-top:45px; z-index:1; }
.bArea01:before { position:absolute; left:0; right:0; display:block; content:""; background:#cee7af; top:50%; transform: translateY(-50%); height:5px; border-radius:3px; z-index:-1; }
.bArea01 .hd { text-align:center; }
.bArea01 .hd ul li { display:inline-block; text-align:center; cursor:pointer; margin:0 50px; }
.bArea01 .hd ul li a { display:block; padding:30px 0; }
.bArea01 .hd ul li .txt { position:relative; display:inline-block; width:190px; height:190px; padding-top:55px; background:#82c030; border-radius:100%; box-sizing: border-box; }
.bArea01 .hd ul li .txt .p1 { min-height:55px; }
.bArea01 .hd ul li .txt .p1 img { max-height:40px; }
.bArea01 .hd ul li .txt .p2 { font-size:24px; color:#fff; font-weight:bold; line-height:1.1; }

.bArea01 .hd ul li .txt:before { animation: boderM 3s .75s infinite; content: ''; display: none; position: absolute;  left: 50%; top: 50%; z-index: -1; transform: translate(-50%, -50%);  width: 190px;  height: 190px; border-radius:100%; background: rgba(217, 219, 23, 0.3); z-index:-1; }
.bArea01 .hd ul li .txt:after { animation: boderM 3s infinite; content: ''; display: none; position: absolute;  left: 50%; top: 50%; z-index: -1; transform: translate(-50%, -50%);  width: 190px;  height: 190px; border-radius:100%; background: rgba(217, 219, 23, 0.2); z-index:-1; }
 
.bArea01 .hd ul li.on .txt { background:#d9db17; }
.bArea01 .hd ul li.on .txt:before { display: block; }
.bArea01 .hd ul li.on .txt:after { display: block; }

 
.bArea02 { position:relative; margin-top:65px; background:#eaedf6; }
.bArea02 .pic { float:left; width:49%; }
.bArea02 .txt { position:relative; float:right; width:42.5%; margin:110px 5% 0 0; line-height:1.1; }
.bArea02 .txt:before { position:absolute; top:5px; left:0; display:block; content:""; width:6px; height:85px; background:#96cd4e; z-index:2; }
.bArea02 .txt .p1 { font-size:30px; padding-left:25px; color:#82c030; font-weight:bold; }
.bArea02 .txt .p2 { font-size:36px; padding-left:25px; color:#4a4a4a; font-weight:bold; margin-top:20px; }
.bArea02 .txt .p3 { margin-top:60px; padding-left:5px; }
.bArea02 .txt .p3 p { padding-left:20px; font-size:20px; color:#4a4a4a; line-height:35px; background:url(e01.png) no-repeat left 13px; }
.bArea02 .txt .p3 p:nth-child(n + 2) { margin-top:10px; }
.bArea02 .txt .p4 { margin-top:40px; }
.bArea02 .txt .p4 a { display:inline-block; font-size:16px; padding-right:25px; color:#bdbdbd; background:url(a04.png) no-repeat center right; background-size:15px 10px!important; }
.bArea02 .txt .p4 a:hover { color:#95cc4c; background:url(a05.png) no-repeat center right; }


@media all and (max-width:1680px){
	.bArea { padding-top:80px; }
	.bArea01 { margin-top:30px; }
	.bArea01 .hd ul li { margin:0 30px; }
	.bArea01 .hd ul li a { padding:20px 0; }
	.bArea01 .hd ul li .txt { width:150px; height:150px; padding-top:35px; }
	.bArea01 .hd ul li .txt .p1 { min-height:50px; }
	.bArea01 .hd ul li .txt .p1 img { max-height:40px; }
	.bArea01 .hd ul li .txt .p2 { font-size:18px; }

	.bArea01 .hd ul li .txt:before { width: 145px; height: 145px; }
	.bArea01 .hd ul li .txt:after { width: 145px; height: 145px; }
 
	.bArea02 { margin-top:40px; }
	.bArea02.pic { float:left; width:49%; }
	.bArea02 .txt { width:42.5%; margin:60px 5% 0 0; }
	.bArea02 .txt:before { top:5px; width:4px; height:70px; }
	.bArea02 .txt .p1 { font-size:24px; padding-left:20px; }
	.bArea02 .txt .p2 { font-size:28px; padding-left:20px; margin-top:15px; }
	.bArea02 .txt .p3 { margin-top:30px; padding-left:5px; }
	.bArea02 .txt .p3 p { padding-left:20px; font-size:16px; line-height:30px; background:url(e01.png) no-repeat left 10px; }
	.bArea02 .txt .p3 p:nth-child(n + 2) { margin-top:10px; }
	.bArea02 .txt .p4 { margin-top:20px; }
	.bArea02 .txt .p4 a { font-size:16px; padding-right:25px; }
}
@media all and (max-width:1200px){
	.bArea { padding-top:50px; }
	.bArea01 { margin-top:30px; padding:0; }
	.bArea01:before { display:none; }
	.bArea01 .hd { text-align:center; }
	.bArea01 .hd ul li { float:left; width:49%; display:block; margin:0 2% 0 0; font-size:0; background:#82c030; }
	.bArea01 .hd ul li:nth-child(2n) { margin-right:0; }
	.bArea01 .hd ul li:nth-child(n + 3) { margin-top:2%; }
	
	.bArea01 .hd ul li a { display:block; padding:0 0; }
	.bArea01 .hd ul li .txt { display:inline-block; width:135px; height:auto;  padding:15px 0; border-radius:0; }
	.bArea01 .hd ul li .txt .p1 { float:left; width:35px; min-height:20px; text-align:left;  }
	.bArea01 .hd ul li .txt .p1 img { max-height:20px; }
	.bArea01 .hd ul li .txt .p2 { float:left; width:100px; font-size:16px; color:#fff; font-weight:bold; line-height:20px; text-align:left; }

	.bArea01 .hd ul li .txt:before { display:none!important; }
	.bArea01 .hd ul li .txt:after { display:none!important; }
 
	.bArea01 .hd ul li.on { background:#d9db17; }

	.bArea02 { margin-top:30px; }
	.bArea02 .pic { float:none; width:100%; }
	.bArea02 .txt { float:none; width:100%; margin:0; padding:30px 4%; box-sizing: border-box; }
	.bArea02 .txt:before { display:none; }
	.bArea02 .txt .p1 { font-size:18px; padding-left:0; }
	.bArea02 .txt .p2 { font-size:20px; padding-left:0; margin-top:10px; }
	.bArea02 .txt .p3 { margin-top:20px; padding-left:0; }
	.bArea02 .txt .p3 p { padding-left:15px; font-size:14px; line-height:25px; background:url(e01.png) no-repeat left 7px; }
	.bArea02 .txt .p3 p:nth-child(n + 2) { margin-top:5px; }
	.bArea02 .txt .p4 { margin-top:15px; }
	.bArea02 .txt .p4 a { font-size:14px; padding-right:20px; }

}

@keyframes boderM {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0
    }
    20% {
        opacity: 1
    }
    75% {
        transform: translate(-50%, -50%) scale(1.3);
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

.cArea { padding-top:100px; }
.cArea01 { margin-top:55px; padding-bottom:40px; background:#89c638; text-align:center; }
.cArea01 .swiper-slide .txt { margin-top:35px; font-size:24px; line-height:30px; height:30px; padding:0 10px; color:#fff; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.cArea01 .swiper-slide .pic .img02 { display:none; }

.swiper-pagination-c01 { width:100%; font-size:0; margin-top:30px; }
.swiper-pagination-c01 .swiper-pagination-bullet { width:12px; height:12px; margin:0 8px; background:rgba(255,255,255,0.5); opacity:1; }
.swiper-pagination-c01 .swiper-pagination-bullet-active { background:#fff; }

.cArea01 .prev-c01,.cArea01 .next-c01 { position:absolute; top:50%; transform: translateY(-50%); width:58px; height:58px; cursor:pointer; background-size:cover!important; z-index:9; }
.cArea01 .prev-c01 { background:url(c01.png) no-repeat center; left:9%; }
.cArea01 .next-c01 { background:url(c02.png) no-repeat center; right:9%; }

@media all and (max-width:1680px){
	.cArea { padding-top:80px; }
	.cArea01 { margin-top:40px; padding-bottom:40px; }
	.cArea01 .swiper-slide .txt { margin-top:25px; font-size:18px; line-height:20px; height:20px; }

	.swiper-pagination-c01 { margin-top:30px; }
	.swiper-pagination-c01 .swiper-pagination-bullet { width:10px; height:10px; margin:0 5px; }
	
	.cArea01 .prev-c01,.cArea01 .next-c01 { width:40px; height:40px; }
	.cArea01 .prev-c01 { left:5%; }
	.cArea01 .next-c01 { right:5%; }
}
@media all and (max-width:1200px){
	.cArea { padding-top:50px; }
	.cArea01 { margin-top:30px; padding-bottom:20px; }
	.cArea01 .swiper-slide .txt { margin-top:15px; font-size:14px; line-height:20px; height:20px; }
	.cArea01 .swiper-slide .pic .img01 { display:none; }
	.cArea01 .swiper-slide .pic .img02 { display:block; }

	.swiper-pagination-c01 { margin-top:15px; }
	.swiper-pagination-c01 .swiper-pagination-bullet { width:8px; height:8px; margin:0 3px; }
	
	.cArea01 .prev-c01,.cArea01 .next-c01 { width:30px; height:30px; }
	.cArea01 .prev-c01 { left:4%; }
	.cArea01 .next-c01 { right:4%; }
}

.dArea { padding-top:120px; background:url(dArea.png) no-repeat center bottom; background-size:cover; }
.dArea .wrap { position:relative; }
.dArea01 { float:left; width:calc(100% - 755px); padding-top:175px; }
.dArea01 .Area-hd { text-align:left; }
.dArea01 .Area-hd .p3 { margin-left:0; margin-right:0; }
.dArea01 .bd { margin-top:45px; font-size:18px; line-height:32px; padding-right:50px; color:#3a3a3a; max-height:128px; overflow-y:auto; }

.dArea01 .bd::-webkit-scrollbar-thumb { min-height:50px; border-radius:3px; background-color:#fcb281; }
.dArea01 .bd::-webkit-scrollbar-track { background:#dee0e4 }
.dArea01 .bd::-webkit-scrollbar-corner { background:transparent }
.dArea01 .bd::-webkit-scrollbar { width:7px; height:7px }

.dArea02 { float:right; width:570px; }

.dArea03 { position:absolute; width:1175px; min-height:235px; left:-75px; bottom:0; background:#8dca3c; padding:65px 75px 0 75px; box-sizing: border-box; z-index:5; }
.dArea03 ul { display:flex; flex-direction:row; justify-content:space-between; font-size:0; }
.dArea03 ul li .pic { float:left; }
.dArea03 ul li .txt { float:left; margin-left:15px; font-size:18px; color:#fff; line-height:1.1; }
.dArea03 ul li .txt .p1 { position:relative; }
.dArea03 ul li .txt .p1 i { font-size:70px; margin-right:5px; font-family:"Arial"; font-weight:bold; }
.dArea03 ul li .txt .p1 span { position:relative; display:inline-block; }
.dArea03 ul li .txt .p1 span em { position:absolute; top:-32px; left:0; right:0; text-align:center; z-index:1; }

@media all and (max-width:1680px){
	.dArea { padding-top:80px; }
	.dArea01 { float:left; width:calc(100% - 500px); padding-top:100px; }
	.dArea01 .Area-hd { text-align:left; }
	.dArea01 .Area-hd .p3 { margin-left:0; margin-right:0; }
	.dArea01 .bd { margin-top:30px; font-size:16px; line-height:30px; padding-right:30px; max-height:120px; overflow-y:auto; }
 
	.dArea02 { float:right; width:450px; }

	.dArea03 { position:absolute; width:75%; min-height:180px; left:-50px; bottom:0; padding:50px 50px 0 50px; }
	.dArea03 ul li .pic { float:left; }
	.dArea03 ul li .pic img { max-height:73px; }
	.dArea03 ul li .txt { float:left; margin-left:10px; font-size:16px; }
	.dArea03 ul li .txt .p1 i { font-size:50px; margin-right:5px; }
	.dArea03 ul li .txt .p1 span em { top:-22px; }
}
@media all and (max-width:1200px){
	.dArea { padding-top:50px; }
	.dArea01 { float:none; width:100%; padding-top:0; }
	.dArea01 .Area-hd { text-align:center; }
	.dArea01 .Area-hd .p3 { margin-left:auto; margin-right:auto; }
	.dArea01 .bd { margin-top:20px; font-size:14px; line-height:25px; padding-right:10px; max-height:999999px; overflow-y:auto; }
	.dArea01 .bd p { text-indent:2em; }
 
	.dArea02 { float:none; width:100%; display:none; }

	.dArea03 { position:relative; width:100%; min-height:100px; left:auto; bottom:auto; padding:30px 4%; margin-top:30px; }
	.dArea03 ul li { width:32%; text-align:center; }
	.dArea03 ul li .pic { float:none; width:100%; }
	.dArea03 ul li .pic img { max-height:50px; width:auto; }
	.dArea03 ul li .txt { float:none; margin-left:0; margin-top:10px; font-size:12px; }
	.dArea03 ul li .txt .p1 i { font-size:30px; margin-right:5px; }
	.dArea03 ul li .txt .p1 span em { top:-15px; }
	.dArea03 ul li .txt .p2 { margin-top:5px; line-height:1.6; }
}

.eArea { padding:100px 0 75px; }
.eArea01 { margin-top:60px; line-height:45px; }
.eArea01 a { float:right; display:inline-block; font-size:16px; padding-right:25px; color:#bdbdbd; background:url(a04.png) no-repeat center right; text-transform:uppercase; background-size:15px 10px!important; }
.eArea01 a:hover { color:#95cc4c; background:url(a05.png) no-repeat center right; }
.eArea01 i { display:inline-block; font-size:30px; padding-left:60px; font-weight:bold; color:#50534d; background:url(e02.png) no-repeat center left; }

.eArea02 { margin-top:25px; }
.eBox01 { float:left; width:785px; min-height:665px; background:#f4f8fd; overflow:hidden; border-radius:8px; }
.eBox01 .pic img { width:100%; height:440px; }
.eBox01 .txt { padding:65px 45px 0 45px; }
.eBox01 .txt .p1 { font-size:24px; color:#89c638; line-height:25px; height:25px; font-weight:bold; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.eBox01 .txt .p2 { font-size:16px; color:#777; line-height:2; margin-top:15px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }

.eBox02 { float:right; width:785px; }
.eBox02 .bd01 ul li { background:#f4f8fd; overflow:hidden; border-radius:8px; }
.eBox02 .bd01 ul li:nth-child(n + 2) { margin-top:10px; }
.eBox02 .bd01 ul li .pic { float:left; width:320px; overflow:hidden; }
.eBox02 .bd01 ul li .pic img { width:100%; height:215px; transition: all 0.6s; }
.eBox02 .bd01 ul li .txt { float:right; width:calc(100% - 400px); margin-right:40px; padding-top:60px; }
.eBox02 .bd01 ul li .txt .p1 { font-size:22px; color:#50534d; line-height:25px; height:25px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.eBox02 .bd01 ul li .txt .p2 { font-size:16px; color:#777; line-height:2; margin-top:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }

.eBox02 .bd01 ul li:hover .txt .p1 { color:#87c436; font-weight:bold; }
.eBox02 .bd01 ul li:hover .pic img { transform: scale(1.1)!important; }

.eBox02 .bd02 { margin-top:10px; }
.eBox02 .bd02 ul li { background:url(e01.png) no-repeat center left; padding-left:25px; line-height:55px; font-size:16px; border-bottom:1px dashed #e4e4e4; }
.eBox02 .bd02 ul li:last-child { border-bottom:none; }
.eBox02 .bd02 ul li a { display:block; line-height:55px; height:55px; width:calc(100% - 120px); color:#50534d; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.eBox02 .bd02 ul li span { float:right; color:#cfd0ce; font-family:"Arial"; }

.eBox02 .bd02 ul li:hover a { color:#87c436; font-weight:bold; }

@media all and (max-width:1680px){
	.eArea { padding:80px 0 60px; }
	.eArea01 { margin-top:40px; line-height:35px; }
	.eArea01 a { font-size:16px; padding-right:25px; }
	.eArea01 i { font-size:28px; padding-left:50px; background-size:35px 35px; }

	.eArea02 { margin-top:20px; }
	.eBox01 { width:580px; min-height:475px; }
	.eBox01 .pic img { height:325px; }
	.eBox01 .txt { padding:30px 20px 0 20px; }
	.eBox01 .txt .p1 { font-size:18px; line-height:20px; height:20px; }
	.eBox01 .txt .p2 { font-size:14px; line-height:1.7; margin-top:15px; }

	.eBox02 { float:right; width:calc(100% - 620px); }
	.eBox02 .bd01 ul li:nth-child(n + 2) { margin-top:10px; }
	.eBox02 .bd01 ul li .pic { float:left; width:200px; }
	.eBox02 .bd01 ul li .pic img { height:120px; }
	.eBox02 .bd01 ul li .txt { float:right; width:calc(100% - 240px); margin-right:20px; padding-top:25px; }
	.eBox02 .bd01 ul li .txt .p1 { font-size:18px; line-height:20px; height:20px; }
	.eBox02 .bd01 ul li .txt .p2 { font-size:14px; line-height:1.7; margin-top:10px;  }
 
	.eBox02 .bd02 { margin-top:10px; }
	.eBox02 .bd02 ul li { padding-left:25px; line-height:55px; font-size:16px; }
	.eBox02 .bd02 ul li a { line-height:55px; height:55px; width:calc(100% - 120px); }
}
@media all and (max-width:1200px){
	.eArea { padding:50px 0; }
	.eArea01 { margin-top:20px; line-height:25px; }
	.eArea01 a { font-size:14px; padding-right:20px; }
	.eArea01 i { font-size:20px; padding-left:35px; background-size:25px 25px; }

	.eArea02 { margin-top:20px; }
	.eBox01 { float:none; width:100%; min-height:10px; }
	.eBox01 .pic img { height:auto; }
	.eBox01 .txt { padding:20px 4%; }
	.eBox01 .txt .p1 { font-size:16px; line-height:20px; height:20px; }
	.eBox01 .txt .p2 { font-size:14px; line-height:1.6; margin-top:10px; }

	.eBox02 { float:none; width:100%; margin-top:10px; }
	.eBox02 .bd01 { display:none; }
	.eBox02 .bd01 ul li:nth-child(n + 2) { margin-top:10px; }
	.eBox02 .bd01 ul li .pic { float:none; width:100%; }
	.eBox02 .bd01 ul li .pic img { height:auto; }
	.eBox02 .bd01 ul li .txt { float:none; width:100%; margin-right:0; padding:25px 4%; box-sizing: border-box; }
	.eBox02 .bd01 ul li .txt .p1 { font-size:16px; line-height:20px; height:20px; }
	.eBox02 .bd01 ul li .txt .p2 { font-size:14px; line-height:1.6; margin-top:10px;  }
 
	.eBox02 .bd02 { margin-top:10px; }
	.eBox02 .bd02 ul li { padding-left:20px; line-height:40px; font-size:14px; }
	.eBox02 .bd02 ul li a { line-height:40px; height:40px; width:calc(100% - 100px); }
}





@media all and (max-width:1680px){
	
}
@media all and (max-width:1200px){
	
}

@keyframes bounce-left {
	0% {left:0;}
	100% {left:-10px;}
}
@keyframes bounce-right {
	0% {right:0;}
	100% {right:-10px;}
}

