.swiper-button-prev,
.swiper-button-next {
    width: auto;
    height: auto;
    background-image: none;
    margin-top: 0;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    opacity: 1 !important;
}

.m_banner img {
    width: 100%;
}

.m_banner {
    display: none;
}

.section5 {
    height: auto !important
}

.section5 .fp-tableCell {
    height: auto !important
}

.section1 .swiper-slide a>img {
    width: 100%;
    height: 100vh
}

.banner_txt.container {
    position: absolute;
    left: 50%;
}

.banner_txt1 {
    top: 40%;
    transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
}

.banner_txt1>img {
    opacity: 0;
    transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    width: 100%;
}

.active .swiper-slide-active .banner_txt1>img {
    opacity: 1;
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
}

.b_1_bottomimg {
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
    transform: translateY(100%);
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    width: 100%;
}

.active .swiper-slide-active .b_1_bottomimg {
    opacity: 1;
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
}

.b_1_bottomimg img {
    width: 100%;
}

a.more {
    line-height: 43px;
    border-radius: 43px;
    background: #fff;
    color: #00953b;
    font-size: 16px;
    display: inline-block;
    padding: 0 40px;
}

a.more i {
    margin-right: 8px;

}

a.more:hover {
    color: #fff;
    background: #00953b
}

.banner_txt1 .more {
    margin-top: 52px;
}

.section1 .swiper-pagination {
    bottom: 24%;
    position: absolute;
    text-align: left;
    width: 1400px;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    left: 50%;
}

.swiper-pagination-bullet {
    opacity: 1;
}

.section1 .swiper-pagination-bullet {
    width: 40px;
    height: 6px;
    border-radius: 6px;
    background: rgba(0, 153, 67, .1);
    margin-right: 13px
}

.section1 .swiper-pagination-bullet-active {
    width: 158px;
    background: rgba(0, 153, 67, 1);
}

#fp-nav ul li a:hover span:before,
#fp-nav ul li a.active span:before {
    display: none
}

#fp-nav ul li a,
.fp-slidesNav ul li a {
    line-height: 0
}

#fp-nav ul li,
.fp-slidesNav ul li {
    width: 18px;
    height: 18px;
    margin: 6px 0
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    width: 100%;
    height: 100%;
    border: 1px solid transparent;
    background-color: transparent !important;
    padding: 3px;
    box-sizing: border-box;
    position: relative;
}

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {
    width: 100%;
    height: 100%;
    border-color: #00953b;
}

#fp-nav ul li a span:after {
    content: '';
    display: block;
    width: 10px;
    border-radius: 50%;
    height: 10px;
    background: #cecece;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
}

#fp-nav ul li a:hover span:after,
#fp-nav ul li a.active span:after {
    background: #00953b
}

.section1>div>.container {
    position: static
}

.section1 .container>.swiper-container {
    position: absolute;
    left: 0;
    top: 0;
    left: 0;
    right: 0;
    text-align: left;
}

.section1>div>.container {
    z-index: 4;
    text-align: right;
}

.jzlist {
    display: none;
    float: right;
    width: 28.5%;
    padding: 0 0 30px;
    background: #fff;
    position: relative;
    z-index: 3;
    text-align: left;
}



.jztit {
    text-align: center;
    padding: 26px 24px;
    text-align: center;
    box-sizing: border-box;
    background: #009943;
    color: #fff;
}

.jztit i {
    font-size: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}

.jztit h2 {
    padding-bottom: 22px;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    margin-bottom: 12px;
    font-size: 24px;
    font-weight: bold;
}

.jztit span {
    display: block;
    line-height: 20px;
    font-size: 18px;
    margin-bottom: 10px;
}

.jztit span:last-child {
    margin-bottom: 0;
}

.jztit span font {
    font-weight: bold;
    font-size: 25px;
}

.jzlist a {
    display: block;
    margin: 0 auto 0;
    width: 155px;
    height: 44px;
    border-radius: 44px;
    background: #009943;
    line-height: 44px;
    text-align: center;
    color: #fff;
    font-size: 16px;
}

.jzlist a:hover {
    opacity: .8;
}

.jzbanner {
    height: 300px;
    box-sizing: border-box;
    padding: 24px 30px
}

.jzbanner .swiper-container {
    height: 100%
}

.jzbanner span {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90px;
    color: #989898
}

.jzbanner p {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 90px);
    color: #989898
}

.index_tit h2 {
    font-size: 26px;
    color: #282828;
}

.section2 .index_tit h2:after {
    background: #fff;
}

.section2 .index_tit h2 {
    color: #fff
}

.index_tit h3 {
    color: rgba(40, 40, 40, .4);
    text-transform: uppercase;
    display: none;
}

.index_tit h3:after {
    content: '';
    display: block;
    width: 23px;
    height: 3px;
    background: #009944;
    margin: 20px auto 0
}

.index_tit h2:after {
    content: '';
    display: block;
    width: 23px;
    height: 3px;
    background: #009944;
    margin: 20px auto 0
}

.section {
    overflow: hidden;
}

.section2 .index_tit {
    text-align: center;
}

.section2>div>.container:nth-child(1) {
    position: absolute;
    z-index: 11;
    left: 50%;
    top: 20%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    text-align: right;
}

.sec2_box {
    display: inline-block;
    width: 43%;
    text-align: left;
    position: relative;
    z-index: 2;
    float: right;
}

.sec2_box .index_tit {
    padding: 30px 0 38px;
    background: #009943;
}

.index_pptxt {
    /* margin-top: 100px; */
    transform: translateY(100%);
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    opacity: 0;
}

.active .index_pptxt {
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1;
}

.index_pptxt li {
    display: none;
}



.sec3tit p a {
    display: inline-block;
    vertical-align: top;
    padding: 0 20px;

}

.sec3tit {
    margin-bottom: 40px;
    opacity: 0;
    transform: translateY(100%);
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
}

.active .sec3tit {
    opacity: 1;
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
}

.sec3tit a i {
    color: #999c9b;
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid #999c9b;
    line-height: 35px;

}

.sec3tit a span {
    display: inline-block;
    vertical-align: middle;
    line-height: 63px;
    margin-left: 16px;
    color: #282828;
    font-size: 26px;
}

.sec3tit p a:hover,
.sec3tit p a.ac {
    background: #009943;
}

.sec3tit p a:hover i,
.sec3tit p a:hover span,
.sec3tit p a.ac i,
.sec3tit p a.ac span {
    color: #fff;
    border-color: #fff
}

.sec2inner {
    text-align: center;
}

.section .xmimg {
    margin-top: 26px;
}

.xmimg li {
    display: none;
    position: relative
}

.xmimg li.ac {
    display: block
}

.xmimg li .container {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
}

.xmimg img {
    width: 100%;
}

.xmtxt {
    float: right;
    background: rgba(0, 153, 67, .7);
    box-sizing: border-box;
    padding: 20px 50px 20px;
    width: 100%;
    text-align: left;
}

.xmtxt h2 {
    color: #ffffff;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 25px;
    text-align: center;
}

.xmtxt h2:after {
    content: '';
    display: block;
    margin: 25px auto 0;
    /* margin-top: 25px; */
    background: #fff;
    width: 29px;
    height: 3px;
}

.xmtxt p {
    line-height: 26px;
    font-size: 20px;
    color: #fff;
    text-align: center;

}

.xmtab {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    background: #fff;
    z-index: 2;
    text-align: center;
    opacity: 0;
    transform: translateY(100%);
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
}

.active .xmtab {
    opacity: 1;
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
}

.xmtab h6 {
    display: inline-block;
    width: 10%;
    font-size: 14px;
    color: #282828;
    cursor: pointer;
    padding: 10px 0;
    vertical-align: top;
    line-height: 20px;
}

.xmtab h6.ac,
.xmtab h6:hover {
    background: #009943;
    color: #fff
}

.sec2inner {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 12%
}

.sec3tit p.container {
    font-size: 0;
    text-align: center;
}




.sec3tit>div:nth-child(1) h3:after {
    margin: 20px 0 0 auto
}

.sec3tit>div:nth-child(2) h3:after {
    margin: 20px auto 0 0
}

.sec3tit>div:hover,
.sec3tit>div.ac {
    background: #009943
}

.sec3tit>div:hover h2,
.sec3tit>div.ac h2 {
    color: #fff
}

.sec3tit>div:hover h3,
.sec3tit>div.ac h3 {
    color: rgba(255, 255, 255, .4)
}

.sec3tit>div:hover h3:after,
.sec3tit>div.ac h3:after {
    background: #009943
}

.cbwbanner .swiper-slide>img,
.cbwlist li>img {
    width: 100%
}

.cbwbanner .swiper-slide,
.cbwlist li {
    box-sizing: border-box;
    display: block;
    padding: 8px;
    background: #d2dae4
}

.cbatxt {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 153, 67, .9);
    left: 0;
    top: 0;
    text-align: center;
    box-sizing: border-box;
    padding: 85px 0 0;
    transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
}

.cbwbanner .swiper-slide:hover .cbatxt,
.cbwlist li:hover .cbatxt {
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
}

.cbatxt a h2 {
    line-height: 32px;
    color: #fff;
    font-size: 20px;
}

.cbatxt>a {
    display: block;
    margin-bottom: 50px;
}

.cbatxt .bdsharebuttonbox>a {
    display: inline-block;
    vertical-align: top;
    float: none;
    background-image: none;
    width: 57px;
    height: 57px;
    border-radius: 50%;
    line-height: 57px;
    background: transparent;
    color: #fff;
    font-size: 22px;
    position: relative;
    padding-left: 0
}

.cbatxt .bdsharebuttonbox span {
    display: block;
    color: #fff;
    font-size: 14px;
    margin-top: 6px;
}

.cbatxt .bdsharebuttonbox>a:after {
    content: '';
    width: 43px;
    height: 43px;
    border-radius: 50%;
    border: 1px solid #fff;
    background: transparent;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
}

.cbatxt .share_content a:hover:after {
    background: #fff
}

.cbatxt .share_content a:hover {
    background: rgba(255, 255, 255, .2);
    color: #009943
}

.cbatxt .share_content a:before {
    position: relative;
    z-index: 2;
}

.sec3inner {
    position: absolute;
    width: 100%;
    left: 0;
    top: 22%;
}

.sec3inner .swiper-button-prev,
.sec3inner .swiper-button-next {
    color: #979a99;
    font-size: 50px;
}

.sec3inner .swiper-button-prev {
    left: -90px;
}

.sec3inner .swiper-button-prev:hover,
.sec3inner .swiper-button-next:hover {
    color: #009944
}

.sec3inner .swiper-button-next {
    right: -90px;
}

.xxgkbanner .swiper-slide img {
    width: 100%
}

.xxgkbanner .swiper-slide div {
    padding: 15px 25px 18px;

}

.xxgkbanner .swiper-slide {
    background: #fff
}

.xxgkbanner .swiper-slide h2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #282828;
    font-size: 18px;
    padding-bottom: 9px;
    border-bottom: 1px dashed #e8e8e8;
    margin-bottom: 12px;
}

.xxgkbanner .swiper-slide p {
    line-height: 22px;
    color: #999999;
    height: 44px;
}

.xxgkbanner .swiper-slide:hover div {
    background: #00953b
}

.xxgkbanner .swiper-slide:hover h2,
.xxgkbanner .swiper-slide:hover p {
    color: #fff;
}

.section3 {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/sec3back_02.png)
}

.xxgkbanner,
.cbwbanner {
    height: 0;
    overflow: hidden;
}

.xxgkbanner .swiper-button-prev,
.xxgkbanner .swiper-button-next,
.cbwbanner .swiper-button-prev,
.cbwbanner .swiper-button-next {
    height: 0;
    overflow: hidden;
}

.sec3inner>div.ac .xxgkbanner,
.sec3inner>div.ac .cbwbanner {
    height: auto
}

.sec3inner>div.ac .cbwbanner .swiper-button-next,
.sec3inner>div.ac .cbwbanner .swiper-button-prev,
.sec3inner>div.ac .xxgkbanner .swiper-button-next,
.sec3inner>div.ac .xxgkbanner .swiper-button-prev {
    height: auto
}

.sec3inner>.container {
    opacity: 0;
    transform: translateY(100%);
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
}

.active .sec3inner>.container {
    opacity: 1;
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
}

.sec3inner>.container>a {
    display: block;
    width: 128px;
    height: 30px;
    border-radius: 30px;
    border: 1px solid #a4a4a4;
    text-align: center;
    line-height: 30px;
    color: #282828;
    margin: 50px auto 0;
    display: none
}

.sec3inner>div>a:hover {
    color: #fff;
    background: #009943
}

.sec3inner>div.ac>a {
    display: block
}

.section4 .index_tit {
    text-align: center
}

.indexnew {
    padding-top: 42px
}

.indexnew li {
    display: inline-block;
    vertical-align: top;
    width: 29.4%;
    margin-right: 5.9%;

}

.section .indexnew li {
    opacity: 0;
    transform: translateY(100%);
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
}

.active .indexnew li {
    opacity: 1;
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
}

.indexnew li:nth-child(3n) {
    margin-right: 0
}

.i_n_img {
    box-sizing: border-box;
    border: 2px solid #e5e5e5
}

.i_n_img img {
    width: 100%
}

.indexnew li h2 {
    margin-top: 20px;
    color: #282828;
    font-size: 18px;
    line-height: 24px;
    height: 48px;
    margin-bottom: 10px;
}

.indexnew li p {
    color: #999999;
    line-height: 22px;
    height: 44px;
    padding-bottom: 36px;
    border-bottom: 1px solid #dcdee2;
    margin-bottom: 28px;
    position: relative;
}

.indexnew li p:after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: #009944;
    position: absolute;
    bottom: -1px;
    left: 0;
}

.indexnew li h6 {
    color: #282828;
    font-family: 'arb';
    font-size: 18px;
}

.indexnew li h6 span {
    display: inline-block;
    /* vertical-align: bottom; */
    font-family: Arial;
    color: #c8c8c8;
    font-size: 16px
}

.indexnew li:hover p:after {
    width: 100%;
}

.indexnew li:hover h2 {
    color: #009944
}

.indexnew li:hover .i_n_img {
    border-color: #009944
}

.section4>div>a {
    display: block;
    margin: 50px auto 0;
    display: block;
    width: 128px;
    height: 30px;
    border-radius: 30px;
    border: 1px solid #d2d2d2;
    text-align: center;
    line-height: 30px;
    color: #282828;
    margin: 90px auto 0;
}

.section4>div>a:hover {
    color: #fff;
    background: #009943;
}

.xxgk_b_left,
.xxgk_b_right {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.xxgk_b_left {
    box-sizing: border-box;
}

.xxgk_b_left .cbwlist {
    padding: 0;
}

.xxgk_b_left .cbwlist li {
    width:15%;
    margin-right: 2%;
    background: transparent;
    text-align: center;
}
.xxgk_b_left .cbwlist li:nth-child(6n){
    margin-right: 0;
}
.posi {
    position: relative;
}

.posi img {
    width: 100%;
}

.xxgk_b_left .cbwlist li p {
    font-size: 12px;
    color: #282828;
    margin-top: 12px;
}

.xxgk_b_left .cbwlist li:nth-of-type(3n) {
    margin-right: 0;
}

.xxgkbanner h6 {
    color: #282828;
    font-size: 26px;
    margin-bottom: 27px;
}

.xxgk_b_right .x_d_right {
    width: 100%;
    padding-left: 0;
}

.xxgk_b_left .cbwlist li:hover .cbatxt {
    padding-top: 40px;
}

.xxgk_b_left .cbatxt>a {
    margin-bottom: 15px;
}

.xxgk_b_left .cbatxt a h2 {
    font-size: 16px;
    line-height: 26px;
}

.read a {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    color: #fff
}

.mobile_xm {
    display: none;
    padding: 30px 0;
}
.mobile_xm li{
    margin-bottom:24px;
}
.mobile_xm ul{
    margin-top: 20px;
}

.mobile_xm .index_tit h2{
    color:#282828
}

.mobile_xm .index_tit h2:after{
    background: #009944;
}
.mobile_xm img {
    width: 100%;
}

.m_xm_box {
    text-align: left;
    width: 90%;
    margin: -40px auto 0;
    position: relative;
    z-index: 2;
    background: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, .16);
    box-sizing: border-box;
    padding: 14px 30px;
}

.m_xm_box h2 {
    color: #009943;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
}

.m_xm_box p {
    color:#36443c;
    font-size:12px
}









.banner_txt9 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 50px 0;
    background-size: 100% 100%;
    background-image: url(../images/bannerbac_02.png);
    z-index: 999;
}
.banner_txt9 h2 {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 36px;
    font-weight: bold;
    color: #fff;
    width: calc(100% - 208px);
    box-sizing: border-box;
    padding-right: 50px
}


.more {
    display: inline-block;
    vertical-align: middle;
    width: 208px;
    height: 43px;
    border-radius: 43px;
    text-align: center;
    line-height: 43px;
    color: #00953b;
    background: #fff;
    font-size: 14px
}

.more i {
    display: inline-block;
    margin-right: 12px;
    font-size: 26px;
    vertical-align: middle
}

.more span {
    display: inline-block;
    vertical-align: middle
}

.more span:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 1px;
    background: #00953b;
    margin-right: 0
}

.more:hover span:before {
    width: 10px;

}