@charset "utf-8";
.banner{position:relative; overflow: hidden; }
.banner img { width: 100%; height: auto; }
.banner .more{position:absolute;width:179px;background-color:#92bf40;border-radius:27px;line-height:54px;color:white;font-size:16px;bottom:93px;left:50%;margin-left:-90px;text-align:center;}
.banner .swiper-total{position:absolute;bottom:15px;left:50%;height:50px;color:#fff;font-size:20px;text-align:center;transform:translateX(-50%);z-index:999;line-height:50px;}
.banner .swiper-total ul{position:relative;display:inline-block;width:13px;vertical-align:top;}
.banner .swiper-total ul li{position:absolute;left:0;top:0;font-size:20px;opacity:0;}
.banner .swiper-total ul li:first-chisld{opacity:1;}
.banner .swiper-total .total{display:inline-block;line-height:22px;}
.banner .swiper-container .swiper-pagination .swiper-pagination-bullet{background:#fff;margin:0 5px;color:#fff;border-radius:10px;transition:all 0.3s ease;display:inline-block;width:10px;height:10px;line-height:16px;vertical-align:top;}
.banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active{background-color:#7aba04;}
.banner .swiper-button-prev,.banner .swiper-button-next{width:43px;height:43px;}
.banner .swiper-button-prev{background:url(pv2.png) no-repeat;}
.banner .swiper-button-next{background:url(nv2.png) no-repeat;}

.PC-banner { display: block;  }
.SJ-banner { display: none; }

@media (max-width: 992px){
    .SJ-banner { display:block ; }
    .PC-banner { display: none; }
    .SJ-banner .swiper-button-prev,
    .SJ-banner .swiper-button-next { display: none; }
    .SJ-banner .swiper-total { bottom: 10px; }
}
.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ellipsis-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ellipsis-3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.business { background-color:#f7f7f7; }
.business .g-in { display: flex; justify-content: space-between; align-items: center; padding-top:60px; padding-bottom: 60px; }
.business .item { position:relative; width:25%; height: 209px; background-color: #1b1b1b; overflow:hidden; transition:all 0.3s ease; }
.business .item .pic { position: absolute; left: 0; top: 0; bottom: 0; right: 0; opacity: .3; z-index: 1; }
.business .item a.tle { position: relative; display: block; width: 100%; height: 100%; padding: 0 25px; color:rgba(255,255,255,1); line-height:30px; z-index: 2; }
.business .item a.tle .txt { position: relative; top: 50%; transform: translateY(-50%); display: flex; align-items: center; flex-wrap: wrap; transition:all 0.3s ease; }
.business .item a.tle .txt h3 { width: 100%; font-size:24px; font-weight: bold; line-height: 44px; }
.business .item a.tle .txt h5 { width: 100%; color:rgba(255,255,255,0.5); font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size:20px; line-height: 22px; }
.business .item.on .pic { opacity: .7; }
.business .item.on a.tle { padding:33px; }
.business .item.on a.tle .txt { transform: translateY(-70%); }
.business .item.on a.tle .txt h3 { font-size:26px; }

.business .item.on { width:31%; }
.business .item.off { width:23%; }

@media (max-width:992px) {
    .business .g-in { display: flex; padding:15px; flex-wrap: wrap; }
    .business .item { width: 50%; margin-bottom: 0; }
    .business .item a.tle .tle h3 { font-size:18px; line-height: 34px; }
    .business .item a.tle .txt h5 { font-size:14px; line-height: 18px; }
    .business .item.on,
    .business .item.off { width:50%; }
    .business .item.on .tle h3 { font-size:18px; }
}

.news .g-in { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; padding-top:60px; padding-bottom: 60px; }

.news-tent { width: 0; flex: 0 0 325px; margin-top:24px; }
.news-tent .hd ul { font-size:16px; line-height:40px; }
.news-tent .hd ul li { float: left; margin-right: 11px; padding: 0 15px; background-color:#7aba04; color:white; cursor: pointer; }
.news-tent .hd ul li.on { background-color:#014631; }
.news-tent .hd ul li a { color:white; }
.news-tent .bd { padding: 12px 0; line-height: 24px; text-align: justify; }
.news-tent .bd h4 { font-size: 16px; font-weight: bold; line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news-tent .bd .time { line-height:22px; }
.news-tent .bd .time span { display:inline-block; background:url(pc12.jpg)no-repeat left center; padding-left:21px; color:#014631; }
.news-tent .bd .time .bshare-more {background:url(pc10.jpg) no-repeat center;margin:0 19px 0;width:12px;height:22px;}
.news-tent .bd .desc { margin-top:15px; color:#333; line-height:22px; opacity:0.5; }

.slide { width: 0; flex: 0 0 387px; }
.slide .swiper-container .swiper-slide img { width: 100%; height: auto; }
.slide .swiper-container .swiper-pagination { bottom:0; padding: 20px 0; background:rgba(0,0,0,0.3); }
.slide .swiper-container .swiper-pagination .swiper-pagination-bullet {width:8px;height:8px;border-radius:8px;background-color:#fff;margin:0 4px;}
.slide .swiper-container .swiper-pagination .swiper-pagination-bullet-active {background-color:#7aba04;}

.list { width: 0; flex: 0 0 590px; padding-left:24px; }
.list li { position: relative; font-size:16px; line-height:52px; border-bottom:1px dashed #e7e7e7; }
.list li a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.list li::after { position: absolute; left: -24px; top: 50%; width: 7px; height: 7px; border-radius: 7px; margin-top: -4px; background:#014631; content: ''; }
.list li:last-child { border-bottom:none; }

@media (max-width:1440px) {
    .news .g-in { align-items: center; }
    .news-tent { flex: 0 0 24.2%; }
    .news-tent .hd ul li { margin-right: 8px; padding: 0 8px; }
    .slide { flex: 0 0 35.6%; }
    .list { flex: 0 0 34.1%; }
}
@media (max-width:992px) {
    .news .g-in { padding:15px; }
    .news-tent {width: 100%;margin-top:0;flex: 0 0 100%;}
    .slide {width: 100%;flex: 0 0 100%;}
    .slide .swiper-container .swiper-pagination { padding: 10px 0; }
    .list { width: 100%; padding-left:18px; margin-top:8px; }
    .list li { font-size:14px; line-height:40px; }
    .list li::after { left: -18px; }
}