.banner{
    width:100%;
    display: block;
}
.banner_list,.banner_list_img{
    width:100%;
    object-fit: contain;
    display: block;
}
@media screen and (min-width: 751px) {
    .banner_list_img{
        height: 100vh;
        object-fit: cover;
    }
}
@media screen and (max-width: 750px) {
    .banner_list_img{
        min-height:300px;
        height: 100vh;
        object-fit: cover;
    }
}
.banner_page{
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom:4.875rem;
    left:0;
    right:0;
    z-index:2;
}
.banner_page span{
    width:1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin:0 0.6875rem;
    border:1px solid rgba(255,255,255,0);
    position: relative;
    transition: all ease .3s;
    opacity: 1;
    background: unset;
}
.banner_page span::after{
    content:'';
    width:1rem;
    height: 1rem;
    background: #fff;
    border-radius: 50%;
    display: block;
}
.banner_page span.swiper-pagination-bullet-active{
    background: unset;
    border:1px solid rgba(255,255,255,1);
}
.banner_list_text{
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:2;
    color:#fff;
    text-align: center;
    padding:0 2%;
}
.banner_list_text_title{
    width: 100%;
    font-size:3.375rem;
    line-height: 1.5;
    letter-spacing: 1rem;
    /*font-weight: 600;*/
    display: block;
}
.banner_list_text_intro{
    width: 100%;
    font-size:1.25rem;
    line-height: 1.5;
    display: block;
    margin-top:2rem;
    letter-spacing: 3px;
}
.banner_list_text a{
    width: auto;
    margin:5rem auto 0;
    padding:0 4.6875rem;
    background: #00913a;
    line-height: 4.375rem;
    font-size:1.75rem;
    display: block;
    border-radius: 2.1875rem;
    color:#fff;
    position: relative;
    border:1px solid #00913a;
    overflow: hidden;
}
.banner_list_text a span{
    position: relative;
    z-index:2;
}
.banner_list_text a::before{
    content:'';
    width: 0;
    height: 100%;
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    display: block;
    transition: all ease .3s;
    z-index:1;
}
.banner_list_text a:hover::before{
    width:100%;
    background: #fff;
}
.banner_list_text a:hover{
    border:1px solid #00913a;
}
.banner_list_text a:hover span{
    color:#00913a;
}

.index_title{
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:2.5rem;
    line-height: 1;
    color:#333;
    font-weight: 600;
}
.index_title span{
    color:#00913a;
}
.index_pro{
    width: 100%;
    background: #fff url("/images/index_pro_bg.jpg") top center no-repeat;
    background-size: 100% auto;
}
.index_pro .index_title{
    padding:4.125rem 0 3.125rem;
}
.index_pro_box{
    width:100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    padding-bottom: 7.5rem;
}
.index_pro_item{
    width: 48.75rem;
    height: 28.75rem;
    display: block;
    margin-bottom: 1.25rem;
}
.index_pro_item img{
    width:100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 5px;
}
@media screen and (max-width: 750px) {
    .index_pro_item {
        width: 48.75%;
        height: 28.75vw;
    }
}
@media screen and (max-width: 500px) {
    .index_pro_item {
        width: 100%;
        height: auto;
    }
}
.index_app{
    width:100%;
    display: block;
    position: relative;
    padding:3.25rem 0 0;
}
.index_app::before{
    content:'';
    width: 100%;
    height: 35.3125rem;
    background: #00913a;
    position: absolute;
    top:0;
    left:0;
    right:0;
    z-index:1;
}
.index_app::after{
    content:'';
    width: 100%;
    height: 31.9375rem;
    background: url("/images/index_app_bg.jpg") top center no-repeat;
    background-size: 100% 31.9375rem;
    position: absolute;
    top:35.3125rem;
    left:0;
    right:0;
    z-index:1;
}
.index_app .main{
    position: relative;
    z-index:2;
}
.index_app_title{
    width:100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color:#fff;
}
.index_app_intro{
    width:100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top:1.625rem;
}
.index_app_intro_text{
    width:42.5%;
    display: block;
    font-size:1rem;
    line-height: 1.875rem;
    color:#fff;
}
.index_app_intro_a{
    width: auto;
    font-size:1.25rem;
    line-height: 3.125rem;
    color:#fff;
    padding:0 2.5rem;
    border:1px solid #fff;
    display: block;
    cursor: pointer;
    position: relative;
}
.index_app_intro_a:hover{
    color:#fff;
}
.index_app_intro_a::before{
    content:'';
    width: 0;
    height: 100%;
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    transition: all ease .3s;
    display: block;
    background: #fff;
}
.index_app_intro_a span{
    position: relative;
    z-index:2;
    transition: all ease .3s;
}
.index_app_intro_a:hover::before{
    width: 100%;
}
.index_app_intro_a:hover span{
    color:#333;
}
.index_app_img{
    width:100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top:2.8125rem;
}
.index_app_img_list{
    width: 25%;
    height: 30rem;
    display: block;
    position: relative;
}
.index_app_img_list_bg,.index_app_img_list_bg img{
    width:100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.index_app_img_list_bg{
    position: relative;
    z-index:1;
}
.index_app_img_text{
    width:100%;
    height: 100%;
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:3;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding:0 2.5rem;
    transition: all ease .3s;
}
.index_app_icon{
    width: 2.25rem;
    height: 2.25rem;
    position: absolute;
    top:2.1875rem;
    left:2.625rem;
    z-index:5;
    color:#fff;
    font-size:2.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.index_app_img_text span{
    width:100%;
    font-size:1.5rem;
    line-height: 1;
    display: block;
    color:#fff;
}
.index_app_img_text h2{
    width:100%;
    font-weight: normal;
    font-size:1.5rem;
    line-height: 1.5;
    display: block;
    color:#fff;
    margin:0.625rem 0 0;
}
.index_app_img_a{
    width:100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:1.1875rem 0;
    color:#333;
    font-size:1rem;
    line-height: 1.875rem;
    opacity: 0;
    transition: all ease .3s;
}
.index_app_img_a .meisa{
    width: 1.875rem;
    height: 1.875rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:1rem;
    border:1px solid #333;
    border-radius: 50%;
}
.index_app_img_text p{
    width:100%;
    font-size:1.125rem;
    line-height: 2rem;
    color:#333;
    display: none;
    padding:1rem 0 1.5rem;
    border-bottom: 1px solid #00913a;
    transition: all ease .3s;
}
.index_app_img_list:hover .index_app_img_text{
    background: rgba(255,255,255,.34);
}
.index_app_img_list:hover .index_app_img_text p{
    display: block;
}
.index_app_img_list:hover .index_app_img_a{
    opacity: 1;
}
.index_app_img_list:hover .index_app_img_text span,.index_app_img_list:hover .index_app_img_text h2 ,.index_app_img_list:hover .index_app_icon{
    color:#00913a;
}
@media screen and (max-width: 750px) {
    .index_app_intro_text{
        flex-grow: 1;
        width: auto;
        padding-right: 5%;
        font-size:3vw;
        line-height: 1.5;
    }
    .index_app_intro_a{
        white-space: nowrap;
    }
    .index_app_img{
        flex-wrap: wrap;
    }
    .index_app_img_list{
        width:50%;
    }
}
.index_customer .index_title{
    padding:7.1875rem 0 3.375rem;
}
.index_customer_box{
    width:100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}
.index_customer_list{
    width:24.0625%;
    margin:0 1.25% 1.25% 0;
    background: #fff;
    box-shadow: 0 0 11px rgba(0,6,130,.11);
    border-radius: 5px;
    padding:1.25rem;
}
.index_customer_list:nth-child(4n){
    margin-right: 0;
}
.index_customer_list img{
    height: 3.5rem;
    object-fit: contain;
    max-width: 100%;
    margin:0 auto;
    display: block;
}
.index_customer_list p{
    width:100%;
    font-size:1.25rem;
    line-height: 1;
    color:#434f67;
    padding:1.25rem 0 1rem;
    display: block;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    text-align: center;
}
@media screen and (max-width: 750px) {
    .index_customer_list{
        width: 32.5%;
    }
    .index_customer_list:nth-child(4n){
        margin-right: 1.25%;
    }
    .index_customer_list:nth-child(3n){
        margin-right: 0;
    }
}
@media screen and (max-width: 500px) {
    .index_customer_list{
        width: 49.375%;
    }
    .index_customer_list:nth-child(3n){
        margin-right: 1.25%;
    }
    .index_customer_list:nth-child(2n){
        margin-right: 0;
    }
    .index_customer_list p {
        width: 100%;
        font-size: 3.2vw;
    }
}
.index_news{
    padding-bottom: 10.9375rem;
    background: url('/images/index_new_bg.jpg') bottom center no-repeat;
    background-size: 100% auto;
}
.index_news .index_title{
    padding:6.875rem 0 1.5rem;
    justify-content: flex-start;
}
.index_news_box{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}
.index_news_nav{
    width: 25%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    padding:2rem 0 1.5rem;
    /*padding:4.6875rem 0 2.5rem;*/
}
.index_news_nav_box{
    width:100%;
    display: block;
}
.index_news_nav_box a{
    width:100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color:#333333;
    font-size:1.5rem;
    line-height: 1.5;
    padding:1rem 0;
    /*padding:1.1875rem 0;*/
}
.index_news_nav_box a i{
    width: 5.3125rem;
    height: 2.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:1.5rem;
    color:#fff;
}
.index_news_nav_box a.on i,.index_news_nav_box a.on{
    color:#00913a;
}
.see_detail{
    font-size:1.25rem;
    line-height: 3.125rem;
    padding:0 2.5rem;
    display: block;
    border:1px solid #777;
    color:#777;
    position: relative;
}
.see_detail span{
    position: relative;
    z-index:2;
}
.see_detail::before{
    content:'';
    width: 0;
    height: 100%;
    display: block;
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    z-index:1;
    transition: all ease .3s;
}
.see_detail:hover{
    border-color: #00913a;
}
.see_detail:hover::before{
    width:100%;
    background: #00913a;
}
.see_detail:hover span{
    color:#fff;
}
.index_news_swiper{
    width:75%;
    display: block;
}
.index_news_item{
    width: 100%;
    display: none;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
}
.index_news_item.show{
    display: flex;
}
.index_news_li{
    width: 33.33%;
    display: block;
    padding:1.25rem;
    transition: all ease .3s;
}
.index_news_li:hover ,.index_news_li.on{
    background: #00913a;
}
.index_news_day{
    width:100%;
    display: block;
    font-size:2rem;
    font-weight: 600;
    color:#333;
    line-height: 1.2;
    margin:0.625rem 0 0.825rem;
}
.index_news_time{
    width:100%;
    display: block;
    font-size:1.5rem;
    color:#777;
    line-height: 1.5;
}
.index_news_title{
    width:100%;
    display: block;
    font-size:1.25rem;
    color:#333;
    line-height: 1.5;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    margin:0.625rem 0 ;
    font-weight: 600;
}
.index_news_li img{
    width: 100%;
    height: 11.25rem;
    object-fit: cover;
    display: block;
}
.index_news_intro{
    width:100%;
    font-size:1.125rem;
    color:#333;
    line-height: 1.5;
    margin:1.125rem 0 1.125rem;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.index_news_a{
    width:100%;
    font-size:1rem;
    line-height: 1;
    color:#333;
    display: block;
}
.index_news_li:hover .index_news_day ,.index_news_li.on .index_news_day,
.index_news_li:hover .index_news_time ,.index_news_li.on .index_news_time,
.index_news_li:hover .index_news_title ,.index_news_li.on .index_news_title,
.index_news_li:hover .index_news_intro ,.index_news_li.on .index_news_intro,
.index_news_li:hover .index_news_a ,.index_news_li.on .index_news_a
{
    color: #fff;
}
@media screen and (max-width: 750px) {
    .index_news_box{
        flex-wrap: wrap;
    }
    .index_news_nav{
        width:100%;
        padding:0 0 2rem;
        flex-direction: unset;
    }
    .index_news_nav_box{
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .index_news_nav_box a{
        width: auto;
        padding:0 3rem 0 0;
        white-space: nowrap;
    }
    .index_news_nav_box a i{
        display: none;
    }
    .see_detail{
        white-space: nowrap;
        border:none;
        line-height: 2.25rem;
        display: none;
    }
    .index_news_swiper{
        width:100%;
    }
    .index_news_li img{
        height: 13.066vw;
    }
}
@media screen and (max-width: 540px) {
    .index_news_title{
        font-size:15px;
    }
    .index_news_intro{
        font-size:14px;
    }
    .index_news_a{
        font-size:12px;
    }
}

.info_banner ,.info_banner img{
    width: 100%;
    display: block;
}
@media screen and (max-width: 750px) {
    .info_banner ,.info_banner img{
        min-height: 40vw;
        object-fit: cover;
    }
}

.info_pro{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    /*flex-wrap: wrap;*/
}
.info_pro_nav{
    width:29.1666%;
    min-width: 29.166%;
    display: block;
}
.info_pro_nav_title{
    width:100%;
    padding:1.875rem 0 1.875rem 28.57%;
    background: #00913a;
    color:#fff;
    font-weight: 600;
    font-size:1.875rem;
    line-height: 2.5rem;
}
.info_pro_nav_title i{
    display: none;
}
.info_pro_nav_box{
    width:100%;
    display: block;
    background: #f3f3f3;
}
.info_pro_nav_dl{
    width:100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    font-size:1.25rem;
    line-height: 2.5rem;
    color:#333;
    border-top:1px solid #dadada;
}
.info_pro_nav_dl_a{
    color:#333;
    flex-grow: 1;
    display: block;
    padding:1rem 0 1rem 28.57%;
}
.info_pro_nav_dl i{
    width: 6.5625rem;
    font-size: 1rem;
    line-height: 2.5rem;
    padding:1rem 0 1rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.info_pro_nav_dl.on .info_pro_nav_dl_a,.info_pro_nav_dl.on i{
    color:#00913a;
}
.info_pro_nav_dd{
    width:100%;
    display: none;
    border-top:1px solid #dadada;
}
.info_pro_nav_dl.on .info_pro_nav_dd{
    display: block;
}
.info_pro_nav_dd_a{
    width: 100%;
    padding:1rem 0 1rem 28.57%;
    font-size:1.25rem;
    line-height: 1.5;
    color:#333;
    display: block;
}
.info_pro_nav_dd_a.on{
    color:#00913a;
}
.info_pro_box{
    flex-grow: 1;
    display: block;
    padding:3.125rem 0 2.5rem 1.25rem;
}
.info_pro_list{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: stretch;
    padding-bottom: 4.375rem;
}
.info_pro_list a{
    width:33.75rem;
    background: #f2f2f2;
    border-radius: 5px;
    margin-left:3.125rem;
    text-align: center;
    display: block;
    padding-bottom: 4.0625rem;
    margin-bottom: 1.875rem;
}
.index_pro_list_img{
    width:100%;
    height: 25rem;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.index_pro_list_img img{
    max-width: 90%;
    height: 20.625rem;
    margin:0 auto;
    object-fit: contain;
    display: block;
}
.info_pro_list a p{
    width: 100%;
    text-align: center;
    font-size:1.5rem;
    line-height: 2.5rem;
    display: block;
    margin-top:2.1875rem;
}
@media screen and (max-width: 750px) {
    .info_pro{
        flex-wrap: wrap;
    }
    .info_pro_nav{
        width: 100%;
    }
    .info_pro_nav_title{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding:1.875rem 2vw ;
    }
    .info_pro_nav_title i{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .info_pro_nav_box{
        display: none;
    }
    .info_pro_nav_dl_a{
        padding:2vw;
    }
    .info_pro_nav_dl,.info_pro_nav_dd_a{
        font-size: 3.2vw;
        line-height: 1.5;
    }
    .info_pro_nav_dd_a{
         padding:2vw 4vw;
    }
    .info_pro_box{
        padding:2vw 2vw 2.5rem;
    }
    .info_pro_list a{
        width:49%;
        margin-left:0;
    }
    .info_pro_list{
        justify-content: space-between;
    }
    .index_pro_list_img{
        height: 21rem;
    }
}
.info_pic .index_title{
    padding:5.5rem 0 4.0625rem;
}
.info_pic_box{
    width:100%;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    padding-bottom: 1.5rem;
}
.info_pic_list{
    width:24.0625%;
    margin:0 1.25% 2.8125rem 0;
    background: #f2f2f2;
    border-radius: 5px;
}
.info_pic_list:nth-child(4n){
    margin-right: 0;
}
.info_pic_list_img{
    width: 100%;
    padding:3.125rem 0 0;
    display: block;
}
.info_pic_list_img img{
    max-width: 90%;
    height: 15rem;
    margin:0 auto;
    object-fit: contain;
    display: block;
}
.info_pic_list p{
    width:100%;
    padding:2.25rem 2% 2.4375rem;
    font-size:1.25rem;
    line-height: 1;
    color:#404040;
    display: block;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    text-align: center;
}
@media screen and (max-width: 750px) {
    .info_pic_list{
        width:49%;
        margin:0 2% 2vw 0;
        background: #f2f2f2;
        border-radius: 5px;
    }
    .info_pic_list:nth-child(2n){
        margin-right: 0;
    }
    .info_pic_list_img img{
        max-width: 90%;
        height: 15rem;
        margin:0 auto;
        object-fit: contain;
        display: block;
    }
    .info_pic_list p{
        font-size:1.55rem;
    }
}

.info_news_list{
    width:100%;
    display:block;
    padding:0 0 2.5rem 2rem;
}
.info_news_list a {
    width:100%;
    max-width: 960px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow:hidden;
    font-size:1.25rem;
    line-height: 1.5;
    padding:0.625rem 0;
    border-bottom: 1px dashed #eee;
    color:#333;
}
.info_news_list a:hover{
    color:#00913a;
}
.info_news_list a span{
    font-size:1.15rem;
    color:#999;
}

.info_pic,.info_news,.info_pro{
    padding-bottom: 3rem;
}

.info_detail{
    width: 100%;
    font-size:16px;
    line-height: 1.5;
    color:#333;
    display: block;
    overflow-x: hidden;
}
.info_pro_box .info_detail{
    padding:0 5%;
    text-align: justify;
    margin-top:4%;
}

.info_detail img,.info_detail video,.info_detail table{
    max-width: 100%;
    margin: 0 auto;
    object-fit: contain;
    display: block;
}

.right_circle{
    width: 1rem;
    position: fixed;
    right:3.25rem;
    top:50%;
    transform: translateY(-50%);
    z-index:100000;
}
.right_circle_list{
    width:1rem;
    height: 1rem;
    border:1px solid #00913a;
    border-radius: 50%;
    display: block;
    margin-bottom: 1.25rem;
    background: #fff;
    transition: all ease .3s
}
.right_circle_list.on,.right_circle_list:hover{
    background: #00913a;
}
.right_circle_list:last-child{
    margin-bottom: 0;
}
@media screen and (max-width: 750px) {
    .right_circle{
        display: none;
    }
    .info_news_list{
        padding:2vw 2vw 8vw;
    }
    .info_news_list a{
        font-size:1.5rem;
    }
    .info_news_list a span{
        font-size:1.4rem;
    }
}