.fnt_130{font-size: 130px;}
.fnt_100{font-size: 100px;}
@media only screen and (max-width:1760px) {
    .fnt_130{font-size: 120px;}
    .fnt_100{font-size: 90px;}
}
@media only screen and (max-width:1560px) {
    .fnt_130{font-size: 100px;}
    .fnt_100{font-size: 70px;}
}
.banner_text{}
.banner img {
    width: 100%;
}

.banner video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;top:0;left: 0;
}

.banner .swiper-wrapper{height: auto !important;}
.banner .swiper-slide-active img {
    animation: zoom 3s;
}
.banner_text{z-index: 3;width: 100%;position: absolute;left: 0;top:0%;height: 100%;text-transform: uppercase;}
.banner_text{
    opacity: 0;
    visibility: hidden;
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    -webkit-transform: translateX(200px);
    -moz-transform: translateX(200px);
    -o-transform: translateX(200px);
    -ms-transform: translateX(200px);
    transform: translateX(200px);
    color: #fff;
}

.banner .swiper-slide.ani-slide .banner_text {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}
.banner_text h2{font-weight: bold;}
.banner_text h3{line-height: initial;font-weight: bold;}
.banner_text .wrap{position: relative;width: 100%;height: 100%;}
.banner_p{width: 100%;}
.banner_p p{margin-bottom: 30px;margin-top: 10px;}


@keyframes zoom {
    0% {
        transform: scale3d(1.2, 1.2, 1.2);
    }
    100% {
        transform: scale3d(1, 1, 1);
    }
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets,
.banner .swiper-pagination-custom,
.banner .swiper-pagination-fraction {
    bottom: 40px;
}

.banner .swiper-pagination-bullet{background: #fff;opacity: 1;}
/*.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 48px;border-radius: 10px;}*/
/*.cicle_s{width: 0;transition: all 5s;background: #007750;display: block;height: 100%;border-radius: 10px;}*/
/*.banner .swiper-pagination-bullet.swiper-pagination-bullet-active .cicle_s{width: 100%;}*/


.progressbar-wrap.swiper-pagination-bullet-active {
    width: 3em;
    border-radius: 5em;
    opacity: 1;
    position: relative;
    /* border: 2px solid #007750; */
    background: #fff;
}

.progressbar-wrap.swiper-pagination-bullet-active .progressbar {
    display: block;
}

.progressbar-wrap .progressbar {
    display: none;
    border-radius: 5em;
    background: #007750;
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
}


@media only screen and (max-width: 1024px) {
    .banner video{display: none;}
    .progressbar-wrap.swiper-pagination-bullet-active {
        width: 2em;
    }

}

@media only screen and (max-width: 767px) {
    .banner img{display: none;}
    .banner li{height: 300px!important;}
    .banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{bottom: 10px;}
    .banner_p{top: 40%;}
}

.ourTask_l1{
    float: left;
    width: 48%;
    height: 100%;
}
.ourTask_r1{
    position: absolute;
    width: 55%;
    right: 0;
    bottom: 0;
    height: 112%;
    background: #02a0c2;
}


/*01*/
.nohave_vid video{display: none;}
.index_01{height: 850px;position: relative;z-index: 2;margin-bottom: 100px;}
.ourTask_l{float: left;width: 50%;height: 100%;}
.ourTask_l img,.ourTask_l video{width: 100%;height: 100%;}
.ourTask_l video{object-fit: cover;}
.ourTask_r{position: absolute;width: 50%;right: 0;bottom: 0;height: 112%;  background: #02a0c2;}
.ourTask_rt{height: 15%;background: #fff;padding: 55px 0 30px 140px;box-sizing: border-box;}
.ourTask_rt p{padding-bottom: 10px;color: #02a0c2;}
.ourTask_rb{height: 80%;background: #02a0c2;padding: 40px 40px 70px 140px;box-sizing: border-box;color: #fff;}
.ourTask_rb p{margin: 20px 0 0px;line-height: 24px;opacity: 1;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
.ourTask_link{display: block;width: 60px;height: 60px;text-align: center;line-height: 60px;background: #fff;color: #007329;font-size: 50px;}

.index_02 .ourTask_l{float: right;}
.index_02 .ourTask_r{float: left;position: static;height: 100%;}
.index_02 .ourTask_r{padding: 90px 60px;box-sizing: border-box; color: #656565;}
.index_02 .ourTask_r h3{color: #007d40;}
.index_02 .ourTask_r span{display: block;margin-bottom: 10px;color:#007d40;}
.index_02 .ourTask_r p{line-height: 30px;margin: 20px 0 45px;}
.relation_link{display: inline-block;height: 40px;line-height: 40px;text-align: center;color: #fff;background: #84bf22;padding: 0 40px;width: auto;}
.relation_link1{
    display: flex;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #84bf22;
    padding: 0 40px;
    width: 60px;
    margin: 0 auto;
    justify-content: center;
    margin-top: 10px;
}

.index_03{position: relative;}
.index_03 .ourTask_l{width: 50%;}
.index_03 .ourTask_r{height: 100%;padding: 90px 60px;box-sizing: border-box;color:#000000;}
.index_03 .ourTask_r span{display: block;color: #007d40;margin-bottom: 10px;}
.index_03 .ourTask_r p{margin: 20px 0 60px;line-height: 30px;}
.index_03 .ourTask_r h3{color: #007d40;}

.index_04{padding: 95px 0;box-sizing: border-box;overflow: hidden;}
.index_future{width: 90%;background: rgba(255,255,255,0.7);margin:  0 auto;overflow: hidden;}
.index_futureT{padding: 70px 50px;box-sizing: border-box;text-align: center;}
.index_futureT h2{color: #000;margin-bottom: 10px;}
.index_futureT p{color: #656565;line-height: 30px;}
.index_futureb ul li{float: left;width: 50%;background: #fff;text-align: center;border-top: 1px solid #dce3ea;border-right: 1px solid #dce3ea;
    box-sizing: border-box;transition: all .3s;}
.index_futureb ul li a{color: #84bf22;line-height: 70px;height: 70px;display: block;}
.index_futureb ul li a i{margin-right: 10px;display: inline-block;vertical-align: middle;margin-bottom: 2px;}
.index_futureb ul li:last-child{border-right: none;}
.index_newsL,.index_newsR{float: left;height: 100%;}
.index_newsL{width: 23%;background: #fff;padding: 110px 60px;box-sizing: border-box;}
.index_newsR{width: 77%;}
.index_newsR .swiper-container{height: 100%;}
.index_newsR li{position: relative;}
.index_newsR li dt{position: absolute;left: 0;bottom: 50px;padding: 0 60px;box-sizing: border-box;color: #fff;display: none;}
.index_newsR li dt span{
    display: inline-block;
    width: auto;
    padding: 0 10px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    background: #fff;
    border: 1px solid #bbb7b3;
}
.index_newsR li dt span a{color: #84bf22;}
.index_newsR li dt h2{margin: 10px 0;}
.index_newsR li dt h2 a{color: #fff;}
.index_newsR li dt p{font-weight: 300;}
.index_newsR li.on dt{display: block;}
.index_newsL h2{margin-bottom: 10px;}
.index_newsL p{color: #656565;line-height: 30px;}
.index_newsL .lhl_but div{position: static;float: left;background: none;width: 60px;height: 60px;border: 1px solid #e5e5e5;
    line-height: 60px;text-align: center;font-size: 30px;margin-top: 40px;opacity: 1;}
.index_newsL .lhl_but div:last-child{border-left: 0;}


.index_06 dl{width: 100%;height: 100%;position: relative;}
.index_06 dl dt{position: absolute;left: 0;top: 0;height: 100%;width: 36%;background: rgba(0,121,49,0.2);color: #fff;}
.index_06 dl dt div{width: 70%;}
.index_06 dl dt span{display: block;margin-bottom: 10px;}
.index_06 dl dt p{margin: 20px 0 60px;}

.index_07{padding: 100px 0;text-align: center;color: #fff;}
.serc_btn{display: inline-block;width: 190px;height: 58px;text-align: center;line-height: 58px;color: #fff;background: #84bf22;
    border: none;box-shadow: none;transition: all .3s;}
.serc_div dl{position: relative;}
.serc_div{width: 332px;margin: 30px auto;box-sizing: border-box;position: relative;z-index: 10;}
.serc_div dd{background: #fff;border: 1px solid #919191;overflow: hidden;color: #84bf22;line-height: 56px;box-sizing: border-box;cursor: pointer;}
.serc_div dd p{float: left;width: 280px;text-align: left;padding: 0 18px;box-sizing: border-box;overflow: hidden;}
.serc_div dd span{float: right;width: 50px;position: relative;}
.serc_div dd span::before{content: "";left: 0;top: 50%;height: 30px;background: #7fb790;width: 1px;display: block;margin-top: -15px;position: absolute;}
.serc_div span i{transition: all .3s;display: inline-block;font-size: 20px;font-weight: bold;}
.serc_div dt{position: absolute;left: 1px;top: 100%;width: calc(100% - 2px);background: #fff;text-align: left;color: #84bf22;display: none;z-index: 10;}
.serc_div dt ul{padding: 10px 0;}
.serc_div dt li{padding: 5px 18px;box-sizing: border-box;cursor: pointer;transition: all .3s;}
.serc_div.on span i{transform: rotate(180deg);}
@media only screen and (min-width:1025px) {
    .index_futureb ul li:hover{background: #84bf22;}
    .index_futureb ul li:hover a{color: #fff!important;}
    .index_newsL .lhl_but div:hover{background: #84bf22;color: #fff;border-color: #84bf22;}
    .serc_div dt li:hover{background: #84bf22;color: #fff;}
    .relation_link:hover,.serc_btn:hover{background: #fff;color: #84bf22;}
    .ourTask_link:hover{background: #84bf22;color: #fff!important;}
}
@media only screen and (max-width:1650px) {
    .index_future{width: 80%;}
}
@media only screen and (max-width:1560px) {
    .ourTask_rt{padding: 55px 0 40px 40px}
    .ourTask_rb{padding: 40px 50px 40px 60px;}
    .index_03 .ourTask_r{padding: 60px 40px;}
}
@media only screen and (max-width:1400px) {
    .index_future {
        width: 87%;
    }
}
@media only screen and (max-width:1280px) {
    .fnt_130{font-size: 80px;}
    .fnt_100{font-size: 60px;}
    .index_future {
        width: 90%;
    }
}
@media only screen and (max-width:1024px) {
    .fnt_130{font-size: 60px;}
    .fnt_100{font-size: 30px;}
    .banner_text h3{margin-top: 0;}
    .index_01,.index_02,.index_03,.index_06{height: auto!important;overflow: hidden;}
    .relation_link{height: 48px;line-height: 48px;}
    .ourTask_link{height: 48px;line-height: 48px;width: 48px;}
    .ourTask_l,.ourTask_r{width: 100%!important;}
    .ourTask_r{position: static;overflow: hidden;}
    .ourTask_rt{padding: 55px 0 40px 40px;}
    .index_02 .ourTask_r{padding: 40px;}
    .index_03 .ourTask_r{background: #84bf22;}
    .index_04{padding: 90px 0;}
    .index_newsL{padding: 40px 30px;}
    .index_newsL .lhl_but div{width: 40px;height: 40px;line-height: 40px;}
    .index_06 dl dt{position: static;background: #84bf22;width: 100%;overflow: hidden;padding: 40px;}
    .index_06 dl dt div{transform: none;position: static;}
    .index_06 dl dt .relation_link{background: #fff;color: #84bf22;}
}
@media only screen and (max-width:767px) {
    .fnt_130{font-size: 30px;}
    .fnt_100{font-size: 20px;}
    .index_04{padding: 40px 0;}
    .index_future{width: 100%;}
    .index_futureT{padding: 20px;}
    .index_05{height: auto!important;}
    .index_newsL,.index_newsR{width: 100%;}
    .index_newsR li dt{padding: 0 20px;bottom: 20px;overflow: hidden;}
    .index_07{padding: 60px 0;}
	.ourTask_rb {
	    padding: 0px 12px 40px 12px;
	}
	.ourTask_rt {
	    padding: 55px 0 40px 20px;
	    background: #017932;
	    color: #fff;
	}
	.index_newsL {
	    padding: 10px 10px;
	}
	.lhl_but{
		float: right;
	}
	.index_newsL .lhl_but div {
	    margin-top: -40px;
	}
}