@charset "utf-8";
/* ===================首页样式========================== */
/* 公共 */
.btn{display: flex;background-color: #429138;justify-content: center;align-items: center;border-radius: 5px;transition: all .4s ease;}











.banner-lun{width: 100%;position: relative;}
.banner-cont{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;align-items:center;}
.banner-cont .btn{height: 50px;width: 160px;}
.banner-news{position: absolute;bottom: 0px;left: 0px;background-color: rgba(255, 255, 255, .1);z-index: 9;width: 100%;}
.banner-news ul{margin-right: -40px;}
.banner-news li{width: calc(100%/4 - 40px);margin-right: 40px;height: 60px;padding-left: 20px;position: relative;}
.banner-news li::before{position: absolute;content: "";left: 0px;top: 24px;background: url(../images/index/dian.png)center no-repeat;background-size: cover;width: 12px;height: 9px;}
.banner-news li a{display: flex;height: 100%;width: 100%;align-items: center;transition: all .4s ease;}
.banner-news li a:hover{color: #429138;}
.banner-cont .btn:hover{transform: translateY(-5px);}
.banner .pages{position: absolute;bottom: 100px;left: 280px;}
.banner .swiper-pagination{display: flex;}
.banner .swiper-pagination-bullet{width: 60px;height: 2px;background: rgba(255, 255, 255, .1);opacity: 1;margin: 0 5px !important;position: relative;border-radius: 0;}
.banner .swiper-pagination-bullet:before{content: "";width: 0;height: 100%;background: #429138;position: absolute;top: 0;left: 0;z-index: 1;}
.banner .swiper-pagination-bullet-active.swiper-pagination-bullet:before{animation: bulletLine 4s linear both .8s;}
.banner .swiper-pagination-bullet-active.oneBullet:before{animation: bulletLine 3.8s linear both 0s;}
@keyframes bulletLine{0%{width: 0;}100%{width: 100%;}}

.indgm{background: url(../images/index/indgm-bg.jpg)center no-repeat;background-size: cover;}
.indgm-list{margin-right: -15px;}
.indgm-list .list-muen{width: calc(100%/3 - 15px);margin-right: 15px;margin-bottom: 15px;background-color: #fff;border-radius: 5px;padding: 40px 0px;display: flex;justify-content: center;
flex-direction: column;align-items: center;}
.indgm-list .list-muen .number{color: #429138;}
.indgm-list .list-muen .number div{margin-left: 5px;display: flex;align-items: flex-end;padding-bottom: 10px;}
.indgm-list2{margin-right: -15px;margin-bottom: -15px;}
.indgm-list2 .list-muen{width: calc(100%/3 - 15px);margin-right: 15px;margin-bottom: 15px;background-color: #fff;border-radius: 5px;padding: 40px 0px;align-items: center;}
.indgm-list2 .list-muen>div{margin: 0px auto;}
.indgm-list2 .list-muen .img{display: flex;align-items: center;margin-right: 16px;}
.indgm-list2 .list-muen .number span{margin-right: 5px;}

.indjz{background: url(../images/index/indjz-bg.jpg)center no-repeat;background-size: cover;}
.indjz-cont .text1{color: #429138;}
.indjz-list {justify-content: space-between;}
/* .indjz-list .list-muen{width: calc(100%/3);} */
.indjz-list .list-muen .img{margin-right: 10px;display: flex;align-items: center;}
.indjz-list .list-muen .text >div:nth-child(2){color: #aaaaaa;}
.indjz-lin{display: flex;justify-content: center;position: relative;padding: 70px 0px;}
.indjz-lin .bg{position: absolute;}
.indjz-lin .bg.lt1 {top: -58px;left: 232px;}
.indjz-lin .bg.lt2 {top: -48px;right: 232px;}
.indjz-lin .bg.lt3 {bottom: 99px;left: 232px;}
.indjz-lin .bg.lt4 {bottom: 97px;right: 232px;}
.indjz-lin .bg.lt5 {top: 28px;left: calc(50% - 307/2);}
.indjz-lin .bg .hide{position: absolute;border-radius: 5px;padding: 25px 40px;width: 260px;background-image: linear-gradient(to right top, rgba(255,255,255,.3), rgba(255,255,255,.1), rgba(255,255,255,0));opacity: 1;transition: all .4s ease;}
.indjz-lin .bg:hover .hide{opacity: 1;}
/* .indjz-lin .bg .hide::after{content: "";position: absolute;top: 0px;left: 0px;height: 100%;width: 100%;border-radius: 5px;background-image: linear-gradient(to top, rgba(255,255,255,.1),rgba(255,255,255,1)), rgba(255,255,255,.1);} */
/* .indjz-lin .bg .hide::before{content: "";position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;;border-radius: 5px;} */
.indjz-lin .bg.lt1 .hide {left: -210px;top: -30px;}
.indjz-lin .bg.lt2 .hide {left: 125px;top: -30px;}
.indjz-lin .bg.lt3 .hide {left: -210px;top: -30px;}
.indjz-lin .bg.lt4 .hide {left: 125px;top: -30px;}

.indyy{background: url(../images/index/indyy-bg.jpg)center no-repeat;background-size: cover;}
.indyy-list1 {width: 100%;}
.indyy-list1 a{display: flex;align-items: center;justify-content: center;height: 60px;width: calc(100%/2);border-top: 1px solid rgba(255, 255, 255, .5);border-bottom: 1px solid rgba(255, 255, 255, .5);transition: all .4s ease;}
.indyy-list1 a.active{background-color: #429138;border-top: 1px solid #429138;border-bottom: 1px solid #429138;}
.indyy-list2 .list-muen.active{display: block;}
.indyy-list2{background-color: rgba(0, 0, 0, .5);overflow: hidden;border-radius: 5px 5px 0px 0px;}
.indyy-list2 .list-muen{display: none;width: 100%;}
/* .indyy-list2 .list-muen{} */
.indyy-list2 .cont-l{width: 20%;background-color: rgba(0, 0, 0, .3);padding: 60px 0px;flex-direction: column;}
.indyy-list2 .cont-r{width: 80%;}
.indyy-list2 .cont-l a{width: 100%;display: flex;justify-content: center;align-items: center;height: 65px;transition: all .4s ease;position: relative;}
.indyy-list2 .cont-l a.active{background-color: rgba(255, 255, 255, .2);}
.indyy-list2 .cont-l a:hover{background-color: rgba(255, 255, 255, .2);}
.indyy-list2 .cont-l a::before{position: absolute;content: "";left: 0px;height: 0%;top: 50%;width: 4px;background-color: #429138;transition: all .4s ease;transform: translateY(-50%);}
.indyy-list2 .cont-l a.active::before{height: 100%;}
.indyy-list2 .cont-l a:hover::before{height: 100%;}
.indyy-list2 .cont-r{padding: 42px 95px;position: relative;}
.indyy-list2 .cont-r ul li{padding-left: 30px;position: relative;margin-bottom: 28px;}
.indyy-list2 .cont-r ul li:last-child{margin-bottom: 0px;}
.indyy-list2 .cont-r ul li .text2{color: rgba(255, 255, 255, .5);}
.indyy-list2 .cont-r ul li::before{position: absolute;content: "";top: 5px;left: 0px;width: 20px;height: 20px;border-radius: 100%;background-color: rgba(255, 255, 255, .3);display: flex;justify-content: center;align-items: center;}
.indyy-list2 .cont-r ul li::after{background: url(../images/index/indyy-gou.png)center no-repeat;background-size: cover;width: 13px;content: "";position: absolute;top: 10px;left: 3px;z-index: 1;height: 10px;}
.indyy-btn{display: flex;}
.indyy-btn a{width: 120px;height: 40px;display: flex;justify-content: center;align-items: center;border: 1px solid rgba(255, 255, 255, .5);border-radius: 5px;margin-right: 10px;background-color: rgba(0, 0, 0, 0);transition: all .4s ease;}
.indyy-btn a:hover{background-color: #429138;border: 1px solid #429138;}
.indyy-list2 .cont-r .cont-img{position: absolute;right: 140px;top: 0px;height: 100%;display: flex;align-items: center;}
.indyy-list2 .cont-r>div{display: none;}
.indyy-list2 .cont-r>div.active{display: block;}

.indxt{background: url(../images/index/indxt-bg.jpg)center no-repeat;background-size: cover;}
.indxt-list1{padding: 0px 90px;margin-right: -75px;}
.indxt-list1 .list-muen{background-color: #fff;border-radius: 5px;padding: 10px;width: calc(100%/3 - 75px);margin-right: 75px;transition: all .4s ease;}
.indxt-list1 .list-muen .img{height: 180px;width: 100%;}
.indxt-list1 .list-muen .text{padding: 12px 12px;display: flex;justify-content: center;}
.indxt-list1 .list-muen:hover{transform: translateY(-5px);}
.indxt-list2 {margin-bottom: -25px;}
.indxt-list2 .list-muen{width: calc(100%/6);display: flex;flex-direction: column;align-items: center;margin-bottom: 25px;}
.indxt-btn{width: 100%;display: flex;justify-content: center;}
.indxt-btn a{width: 160px;height: 50px;display: flex;justify-content: center;align-items: center;border: 1px solid #429138;margin: 0px 10px;color: #429138;border-radius: 5px;transition: all .4s ease;}
.indxt-btn a:hover{background-color: #429138;color: #fff;}

.indpp{background: url(../images/index/indpp-bg.jpg)center no-repeat;background-size: cover;}
.indpp-list{margin-right: -15px;margin-bottom: -15px;}
.indpp-list .list-muen{width: calc(100%/6 - 15px);margin-right: 15px;margin-bottom: 15px;background-color: #fff;padding: 10px;border-radius: 5px;display: flex;justify-content: center;align-items: center;}
.indpp-list .list-muen img{max-height: 80px;}

.indzx{background: url(../images/index/indzx-bg.jpg)center no-repeat;background-size: cover;}
.indzx-list{margin-right: -35px;}
.indzx-list .list-muen{width: calc(100%/3 - 35px);margin-right: 35px;border-radius: 5px;overflow: hidden;background-color: #fff;}
.indzx-list .list-muen .img{height: 260px;}
.indzx-list .list-muen .cont{padding: 24px 30px 30px;position: relative;}
.indzx-btn{position: absolute;bottom: 30px;right: 30px;color: #429138;}
.indzx-btn span i{font-size: 12px;color: #429138;}
.indzx-btn::before{width: 0%;height: 1px;background-color: #429138;content: "";position: absolute;bottom: 0px;left: 0px;transition: all .4s ease;}
.indzx-btn:hover::before{width: 100%;}
.indzx-list .list-muen .cont .title{transition: all .4s ease;}
.indzx-list .list-muen .cont .title:hover{color: #429138;}

.indxt-list1 .list-muen .img img{width: 100%;height: 100%;}
.indzx-list .list-muen .img img{width: 100%;height: 100%;}
.indzx-list .list-muen .img img{transition: all .4s ease;}
.indzx-list .list-muen .img{overflow: hidden;}
.indzx-list .list-muen:hover .img img{transform: scale(1.04);}

.banner .swiper-slide-active .banner-cont {animation: BannerTitle 1s both .6s;}
@keyframes BannerTitle {0%{transform: translateX(100px);opacity: 0;filter: blur(10px);}100%{transform: translateX(0px);opacity: 1;filter: blur(0px);}}

/* .indjz-lin .bg .hide .deng{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
.indjz-lin .bg .hide::before{content: "";position: absolute;top: 0px;left: 0px;width: 50%;height: 1px;}
.indjz-lin .bg .hide::after{content: "";position: absolute;right: 0px;top: 0px;width: 1px;height: 0%;background-color: rgba(255, 255, 255, .1);}
.indjz-lin .bg .hide .deng::before{content: "";position: absolute;}
.indjz-lin .bg .hide .deng::after{content: "";position: absolute;} */
.banner-lun>img{width: 100%;}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}

@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .indjz-lin .bg.lt1 {top: -58px;left: 91px;}
    .indjz-lin .bg.lt2 {top: -48px;right: 91px;}
    .indjz-lin .bg.lt3 {bottom: 99px;left: 93px;}
    .indjz-lin .bg.lt4 {bottom: 97px;right: 92px;}
    .indyy-list2 .cont-r {padding: 40px 45px;}
    .indyy-list2 .cont-r .cont-img {right: 40px;width: 258px;}
    .indxt-list1{margin-right: -35px;}
    .indxt-list1 .list-muen {width: calc(100%/3 - 35px);margin-right: 35px;}
    .indxt-list2 .list-muen {width: calc(100%/4);margin-bottom: 25px;}
    .indxt-list1 .list-muen .img {height: 145px;}
    .indzx-list .list-muen .img {height: 220px;}
    .banner .pages {bottom: 80px;left: 170px;}
}

@media all and (max-width:1430px) {
    /* 1360 */
}

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

@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .banner-lun>img{height: 500px;}
    .banner .pages {bottom: 80px;left: 125px;}
    .indjz-lin .bg.lt1 {top: -58px;left: -10px;}
    .indjz-lin .bg.lt1 .hide {left: -111px;top: -90px;}
    .indjz-lin .bg.lt2 {top: -48px;right: -10px;}
    .indjz-lin .bg.lt2 .hide {left: 30px;top: -90px;}
    .indjz-lin .bg.lt3 {bottom: 99px;left: -6px;}
    .indjz-lin .bg.lt3 .hide {left: -111px;top: -60px;}
    .indjz-lin .bg.lt4 {bottom: 97px;right: -7px;}
    .indjz-lin .bg.lt4 .hide {left: 30px;top: -60px;}
    .indjz-list {justify-content: normal;margin-bottom: -15px;}
    .indjz-list .list-muen{width: calc(100%/1);margin-bottom: 15px;}
    .indyy-list2 .cont-r .cont-img {right: 15px;width: 200px;}
    .indyy-list2 .cont-r ul{width: 400px;}
    .indxt-list1 {padding: 0px 0px;margin-right: -15px;}
    .indxt-list1 .list-muen{margin-right: 15px;width: calc(100%/3 - 15px);}
    .indxt-list2 {margin-bottom: -15px;}
    .indxt-list2 .list-muen {width: calc(100%/6);margin-bottom: 15px;}
    .indxt-btn a {height: 40px;}
    .banner-cont .btn {height: 40px;}
    .indpp-list .list-muen {width: calc(100%/4 - 15px);height: 100px;}
    .indzx-list .list-muen {width: calc(100%/3 - 15px);margin-right: 15px;}
}
@media all and (max-width:1140px) {
    /* 1024 */
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .indgm-list .list-muen {padding: 20px 0px;}
    .indgm-list2 {margin-right: 0px;}
    .indgm-list2 .list-muen {width: calc(100%/1);margin-right: 0px;margin-bottom: 15px;padding: 20px 0px;}
    .indgm-list2 .list-muen>div {margin: 0px;padding: 0px 20px;}
    .indjz-lin{display: flex;flex-wrap: wrap;padding: 15px 0px;}
    .indjz-lin>img{display: none;}
    .indjz-lin .bg {position: static;width: 100%;display: flex;flex-wrap: wrap;margin-bottom: 15px;}
    .indjz-lin .bg>img{display: none;}
    .indjz-lin .bg.lt5 {transform: translateX(0%);}
    .indjz-lin .bg .hide{position: static;opacity: 1;width: 100%;background-color: rgba(255, 255, 255, .1);background-image: none;}
    .indyy-list2 .cont-r .cont-img{display: none;}
    .indyy-list2 .cont-r ul {width: 100%;}
    .indzx-list .list-muen .cont {padding: 15px;}
    .indzx-btn {bottom: 15px;right: 15px;}
    .banner .pages {bottom: 80px;left: 2%;}
    .banner .swiper-pagination-bullet {width: 35px;}
    .indgm-list {margin-right: 0px;margin-bottom: -15px;}
    .indgm-list .list-muen {width: 100%;margin-right: 0px;margin-bottom: 15px;padding: 15px 0px;}
    .indgm-list2{margin-top: 15px;}
    .indgm-list .list-muen .number div {padding-bottom: 4px;}
    .indjz-lin .bg .hide {padding: 15px;}
    .indyy-list2 .cont-l {width:100%;padding: 0px;flex-wrap: wrap;flex-direction: inherit;}
    .indyy-list2 .cont-l a{width: calc(100%/4);}
    .indyy-list2 .cont-r {padding: 15px;width: 100%;}
    .indxt-list1 {margin-bottom: -15px;margin-right: 0px;}
    .indxt-list1 .list-muen {margin-bottom: 15px;width: 100%;margin-right: 0px;}
    .indxt-list1 .list-muen .img {height: 180px;}
    .indxt-list2 .list-muen {width: calc(100%/3);}
    .indpp-list .list-muen {width: calc(100%/2 - 15px);height: 100px;}
    .indzx-list{margin-right: 0px;margin-bottom: -15px;}
    .indzx-list .list-muen {width: 100%;margin-right: 0px;margin-bottom: 15px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
}