.header{
    width: 100%;

}
.header .top{
    width: 12.8rem;
    height: 80px;
    margin: auto;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
}
.header .top .logo{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.header .top .logo img{
    height: 74%;
}
.header .top .slogan{
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 0.2rem;
    font-size: 0.16rem;
}
.header .top .contact{
    height: 100%;
    display: flex;
    justify-content: flex-end;
}
.header .top .contact .tel{
    width: 1.8rem;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 0.2rem;
    padding: 0.16rem 0;
    box-sizing: border-box;
}
.header .top .contact .tel .l{
    
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.header .top .contact .tel .l img{
    width: 0.3rem;
}
.header .top .contact .tel .r{
    width: 1.3rem;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.16rem;
    align-content: space-between;

}
.header .top .contact .tel .r p{
    display: flex;
    align-items: center;
}
.header .top .contact .tel .r p:nth-of-type(1){font-size: 0.14rem;}
.header .top .contact .tel .r p:nth-of-type(2){font-size: 0.18rem;font-weight: bold;}
.header .top .menu_btn{
    display: none;
}
.header .nav{
    width: 100%;
    height: 0.52rem;
    background: url("../img/nav_bg.png")/*tpa=http://www.zwsgmcd.cn/themes/default/public/assets/img/nav_bg.png*/ no-repeat;
    background-size: cover;
    position: relative;
    
}
.header .nav .list{
    width: 12.8rem;
    height: 100%;
    display: flex;
    margin: auto;
    position: relative;
    z-index: 15;
}
.header .nav::before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #235100ed;
}
.header .nav .item{
    width: 1.2rem;
    justify-content: center;
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 0.17rem;
    color: #fff;
    position: relative;
    margin-right: 0.4rem;
}
.header .nav .item:hover{
    background-color: #19733e;
    font-weight: bold;
}
.header .nav .item::before{
    content: '';
    width: 0;
    height: 0.02rem;
    background-color: #fff;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    transition: all 0.3s;
}
.header .nav .item.active{
    background-color: #19733e;
    font-weight: bold;
}
.header .nav .item.active::before,.header .nav .item:hover::before{
    width: 100%;
}

/* 底部 */
.footer{
    width: 100%;
    
}
.footer .friend{
    width: 100%;
    background-color: #dbfbc277;
}
.footer .friend .list{
    width: 12.8rem;
    margin: auto;
    padding: 0.1rem 0;
    display: flex;
    flex-wrap: wrap;

}
.footer .friend .list span{
    font-size: 0.17rem;
    font-weight: bold;
}
.footer .friend .list a{
    font-size: 0.14rem;
    color: #444444;
    margin-left: 0.16rem;
    height: 0.24rem;
    line-height: 0.24rem;
}
.footer .friend .list a:hover{
    color: #19733e;
}
.footer .content{
    background-color: #19733e;
    width: 100%;
    min-height: 1rem;
}
.footer .content .box{
    width: 12.8rem;
    height: 100%;
    margin: auto;
}
.footer .content .box .up{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0.2rem 0;
    border-bottom: 1px solid #fff;
    height: 1.8rem;
    box-sizing: border-box;
}
.footer .content .box .up .slogan{
    width: 2rem;
    height: 100%;
    display: flex;
    align-items: center;
}
.footer .content .box .up .list{
    width: 8rem;
    display: flex;
    justify-content: space-between;
    height: 100%;
    border-left: 1px solid #ffffff1c;
    border-right: 1px solid #ffffff1c;
}
.footer .content .box .up .list .item{
    width: 20%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
}
.footer .content .box .up .list .item .img{
    width: 100%;
    text-align: center;

}
.footer .content .box .up .list .item .img img{
    width: 0.34rem;
}
.footer .content .box .up .list .item .t1{
    width: 100%;
    text-align: center;
    font-size: 0.16rem;
    color: #fff;
    margin-top: 0.08rem;
}
.footer .content .box .up .list .item .t2{
    width: 100%;
    text-align: center;
    font-size: 0.14rem;
    color: #ffffff86;
}
.footer .content .box .up .contact{
    width: 2rem;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer .content .box .up .contact .icon{
    height: 100%;
    display: flex;
    align-items: center;
}
.footer .content .box .up .contact .icon img{
    width: 0.4rem;
}
.footer .content .box .up .contact .txt{
    width: 1.4rem;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}
.footer .content .box .up .contact .txt p{
    display: block;
    width: 100%;
    color: #fff;
}
.footer .content .box .up .contact .txt a{color: #fff;}
.footer .content .box .up .contact .txt p:nth-child(1){
    font-size: 0.16rem;
}
.footer .content .box .up .contact .txt p:nth-child(2){
    font-size: 0.22rem;
    margin-top: 0.1rem;
}
.footer .content .box .dw{
    width: 100%;
    height: 0.6rem;
    display: flex;
    justify-content: space-between;
}
.footer .content .box .dw .left{
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 0.12rem;
    color: #fff;
}
.footer .content .box .dw .left a{
    color: #fff;
}
.footer .content .box .dw .center{
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 0.12rem;
    color: #fff;
}
.footer .content .box .dw .right{
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 0.12rem;
    color: #fff;
}
.footer .content .box .dw .right i{
    font-size: 0.12rem;
}
.footer .fiexd_tel{
    display: none;
}


.banner{
    width: 100%;
    height: 4.8rem;
}
.banner .banner-img{
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    padding: 0 2rem;
    box-sizing: border-box;
}
.banner .banner-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}
.banner .banner-img p{
    width: 100%;
    color: #fff;
    position: relative;
    z-index: 15;
}
.banner .banner-img p:nth-of-type(1){
    font-size: 0.48rem;
    font-weight: bold;
}
.banner .banner-img p:nth-of-type(2){
    font-size: 0.24rem;
    margin-top: 0.2rem;
}
.banner .bannerPagination .swiper-pagination-bullet{
    width: 0.28rem;
    height: 0.04rem;
    border-radius: 0;
    background-color: #19733e;
}

.Ih-service{
    width: 100%;
    height: 1.4rem;
    border-bottom: 1px solid #19733e1f;
}
.Ih-service .box{
    width: 12.8rem;
    height: 100%;
    margin: auto;
    display: flex;
}
.Ih-service .box .item{
    width: 25%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    border-right: 1px solid #19733e1f;
    position: relative;
    z-index: 1;
    cursor: pointer;
}
.Ih-service .box .item:last-of-type{
    border-right: none;;
}
.Ih-service .box .item .img{
    width: 100%;
    text-align: center;
}
.Ih-service .box .item .img img{
    width: 0.24rem;
    position: relative;
    transition: 0.5s;
}
.Ih-service .box .item .txt{
    width: 100%;
    margin-top: 0.12rem;
}
.Ih-service .box .item .txt p{
    width: 100%;
    text-align: center;
}
.Ih-service .box .item .txt p:nth-child(1){
    font-size: 0.2rem;
    font-weight: bold;
}
.Ih-service .box .item .txt p:nth-child(2){
    font-size: 0.14rem;
    color: gray;
    margin-top: 0.08rem;
}
.Ih-service .box .item::after{
    content: '';
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(to bottom,#fff,#43976646);
    transition: 0.5s;
    z-index: -1;
}
.Ih-service .box .item:hover::after{
    height: 100%;
}
.Ih-service .box .item:hover .txt p:nth-child(1){
    color: #19733e;
}
.Ih-service .box .item:hover .img img{
    transform: translateY(-20%);
}

/* 首页-案例 */
.Ih-cases{
    width: 100%;

}
.Ih-cases .box{
    width: 12.8rem;
    margin: auto;
    box-sizing: border-box;
    padding: 0.56rem 0;

}
.Ih-cases .box .top{
    width: 100%;

}
.Ih-cases .box .top .t1{
    width: 100%;
    font-size: 0.36rem;
    font-weight: bold;
    text-align: center;
    position: relative;
    height: 0.7rem;
}
.Ih-cases .box .top .t1::before{
    content: '';
    width: 1rem;
    height: 0.06rem;
    background-color: #19733e;
    position: absolute;
    left: 50%;
    bottom: 0;
    border-radius: 0.06rem;
    transform: translateX(-50%);
}
.Ih-cases .box .top .t2{
    width: 100%;
    font-size: 0.14rem;
    text-align: center;
    margin-top: 0.12rem;
}
.Ih-cases .box .part1{
    width: 100%;
    display: flex;
    align-items: flex-start;
    background-color: #fff;
    justify-content: space-between;
    margin-top: 0.5rem;
}
.Ih-cases .box .part1 .left{
    width: 5.4rem;
    height: 4.6rem;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}
.Ih-cases .box .part1 .left .mySwiper2{
    width: 100%;
    height: 79%;
}
.Ih-cases .box .part1 .left .mySwiper2 .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.Ih-cases .box .part1 .left .mySwiper{
    width: 100%;
    height: 20%;
}
.Ih-cases .box .part1 .left .mySwiper .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.Ih-cases .box .part1 .left .mySwiper .swiper-slide{
    opacity: 0.5;
}
.Ih-cases .box .part1 .left .mySwiper .swiper-slide-thumb-active{
    opacity: 1;
}
.Ih-cases .box .part1 .right{
    width: 7.1rem;
    height: 100%;
    padding: 0 0.5rem 0 0;
    box-sizing: border-box;
}
.Ih-cases .box .part1 .right .title{
    width: 100%;
    font-size: 0.34rem;
    font-weight: bold;
}
.Ih-cases .box .part1 .right .desc{
    width: 100%;
    font-size: 0.14rem;
    margin-top: 0.1rem;
    padding-bottom: 0.1rem;
    border-bottom: 1px solid #F5F7FA;
    line-height: 0.22rem;
}
.Ih-cases .box .part1 .right .tag{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 0.1rem;
}
.Ih-cases .box .part1 .right .tag span{
    padding: 0.04rem 0.08rem;
    font-size: 0.14rem;
    border-radius: 0.04rem;
    background-color: #F5F7FA;
    margin-right: 0.1rem;
}
.Ih-cases .box .part1 .right .add{
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 0.14rem;
    margin-top: 0.14rem;
}
.Ih-cases .box .part1 .right .contact{
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 1.3rem;
    background-color: #F5F7FA;
    border-radius: 0.08rem;
    padding: 0 0.18rem;
    margin-top: 0.18rem;
}
.Ih-cases .box .part1 .right .contact .item{
    width: 30%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}
.Ih-cases .box .part1 .right .contact .item .up{
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 0.24rem;
    justify-content: center;
    padding: 0.04rem 0.04rem;
    box-sizing: border-box;
    white-space: nowrap;
    position: relative;
}
.Ih-cases .box .part1 .right .contact .item .up img{
    width: 0.28rem;
    margin-right: 0.1rem;
}
.Ih-cases .box .part1 .right .contact .item .up .wx{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    display: none;
    transition: 0.3s;
    padding: 50px 30px 30px;
    box-sizing: border-box;
    z-index: 20;

}
.Ih-cases .box .part1 .right .contact .item .up .wx img{
    width: 100%;
    box-shadow: 0 0 10px 2px #eaeaea;
    border-radius: 8px;
    margin: 0;
}
.Ih-cases .box .part1 .right .contact .item .up:hover .wx{
    display: block;
}
.Ih-cases .box .part1 .right .contact .item .up.online{
    background-color: #19733e;
    border-radius: 0.04rem;
    color: #fff;
    font-size: 0.16rem;
}
.Ih-cases .box .part1 .right .contact .item .up.car{
    background-color: #be281a;
    border-radius: 0.04rem;
    color: #fff;
    font-size: 0.16rem;
}
.Ih-cases .box .part1 .right .contact .item .dw{
    width: 100%;
    text-align: center;
    margin-top: 0.18rem;
}
.Ih-cases .box .part1 .right .service{
    width: 100%;
    margin-top: 0.18rem;
    margin-bottom: 0.2rem;
}
.Ih-cases .box .part1 .right .service .top{
    width: 100%;
    height: 0.3rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.2rem;
}
.Ih-cases .box .part1 .right .service .top::before{
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0.15rem;
    left: 0;
    background-color: #eaeaea;
}
.Ih-cases .box .part1 .right .service .top span{
    padding: 0.02rem 0.12rem;
    border-radius: 0.2rem;
    font-size: 0.14rem;
    border: 1px solid #eaeaea;
    display: block;
    background-color: #fff;
    position: relative;
    z-index: 15;
    color: #19733e;
}
.Ih-cases .box .part1 .right .service .item{
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 0.13rem;
    margin-bottom: 0.1rem;
}
.Ih-cases .box .part1 .right .service .item span{
    padding: 0.02rem 0.08rem;
    background-color: #19733e;
    border-radius: 2px;
    color: #fff;
    margin-right: 4px;
}

/* 首页-流程 */
.Ih-process{
    width: 100%;
    background: url("../img/process_bg.jpg")/*tpa=http://www.zwsgmcd.cn/themes/default/public/assets/img/process_bg.jpg*/ no-repeat;
    background-color: #19733e1c;
    background-size: cover;
    padding: 0.56rem 0;
    position: relative;
    z-index: 5;
}
.Ih-process::before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #074621cc;
    z-index: 6;
}
.Ih-process .box{
    width: 12.8rem;
    margin: auto;
    position: relative;
    z-index: 15;
}
.Ih-process .box .top{
    width: 100%;
}
.Ih-process .box .top .t1{
    width: 100%;
    font-size: 0.36rem;
    font-weight: bold;
    text-align: center;
    position: relative;
    height: 0.7rem;
    color: #fff;
}
.Ih-process .box .top .t1::before{
    content: '';
    width: 1rem;
    height: 0.06rem;
    background-color: #89b199;
    position: absolute;
    left: 50%;
    bottom: 0;
    border-radius: 0.06rem;
    transform: translateX(-50%);
}
.Ih-process .box .top .t2{
    width: 100%;
    font-size: 0.14rem;
    text-align: center;
    margin-top: 0.12rem;
    color: #fff;
}
.Ih-process .box .list{
    width: 100%;
    height: 3rem;
    box-shadow: 0 0 0.1rem 0.04rem #0000001c;
    display: grid;
    grid-template-columns: repeat(6,1fr);
    gap: 0;
    background-color: #fff;
    border-radius: 0.08rem;
    margin-top: 0.56rem;    
}
.Ih-process .box .list .item{
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    padding: 0.6rem 0.2rem 0 0.2rem;
    box-sizing: border-box;
    position: relative;
}
.Ih-process .box .list .item .img{
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
}
.Ih-process .box .list .item .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.Ih-process .box .list .item .t1{
    width: 100%;
    text-align: center;
    font-size: 0.18rem;
    font-weight: bold;
    margin-top: 0.3rem;
}
.Ih-process .box .list .item .t2{
    width: 100%;
    text-align: center;
    font-size: 0.14rem;
    line-height: 0.26rem;
    margin-top: 0.12rem;
}
.Ih-process .box .list .item .arraw{
    position: absolute;
    right: -0.2rem;
    top: 28%;
    width: 0.4rem;
}
.Ih-process .box .list .item .arraw img{
    width: 100%;
}

/* 首页-新闻 */
.Ih-news{
    width: 100%;
    background-color: #fff;
    padding: 0.56rem 0;
}
.Ih-news .box{
    width: 12.8rem;
    margin: auto;
}
.Ih-news .box .top{
    width: 100%;
}
.Ih-news .box .top .t1{
    width: 100%;
    font-size: 0.36rem;
    font-weight: bold;
    text-align: center;
    position: relative;
    height: 0.7rem;
}
.Ih-news .box .top .t1::before{
    content: '';
    width: 1rem;
    height: 0.06rem;
    background-color: #19733e;
    position: absolute;
    left: 50%;
    bottom: 0;
    border-radius: 0.06rem;
    transform: translateX(-50%);
}
.Ih-news .box .top .t2{
    width: 100%;
    font-size: 0.14rem;
    text-align: center;
    margin-top: 0.12rem;
}
.Ih-news .box .content{
    width: 100%;
    height: 3rem;
    margin-top: 0.4rem;
    display: flex;
    justify-content: space-between;
}
.Ih-news .box .content .left{
    width: 32%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    border-radius: 0.08rem;
    box-shadow: 0 0 0.1rem 0.02rem #0000001c;
    padding: 0.2rem;
    box-sizing: border-box;
}
.Ih-news .box .content .left .type{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.Ih-news .box .content .left .type .l{
    font-size: 0.18rem;
    text-indent: 0.1rem;
    line-height: 1;
    border-left: 4px solid #19733e;
}
.Ih-news .box .content .left .type .r{
    font-size: 0.14rem;
    color: #818181;
    display: flex;
    align-items: center;
    line-height: 1;
}
.Ih-news .box .content .left .type .r:hover{
    color: #19733e;
}
.Ih-news .box .content .left .list{
    width: 100%;
    height: 2.2rem;
}
.Ih-news .box .content .left .list .item{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.12rem;
}
.Ih-news .box .content .left .list .item .title{
    width: 80%;
    font-size: 0.14rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1;
}
.Ih-news .box .content .left .list .item .title:hover{
    color: #19733e;
}
.Ih-news .box .content .left .list .item span{
    font-size: 0.14rem;
    line-height: 1;
    width: 20%;
    display: flex;
    justify-content: flex-end;
}
.Ih-news .box .content .right{
    width: 32%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}
.Ih-news .box .content .right .up{
    width: 100%;
    height: 1.8rem;
    position: relative;
    border-radius: 0.08rem;
    overflow: hidden;
}
.Ih-news .box .content .right .up .img{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    
}
.Ih-news .box .content .right .up .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.Ih-news .box .content .right .up .txt{
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    position: relative;
    z-index: 15;
    padding: 0 0.3rem;
    box-sizing: border-box;
}
.Ih-news .box .content .right .up .txt .t1{
    width: 100%;
    text-align: right;
    font-size: 0.2rem;
    color: #fff;
}
.Ih-news .box .content .right .up .txt .t2{
    width: 100%;
    text-align: right;
    font-size: 0.14rem;
    color: #fff;
    margin-top: 0.1rem;
}
.Ih-news .box .content .right .dw{
    width: 100%;
    height: 1rem;
    display: flex;
    justify-content: space-between;
    
}
.Ih-news .box .content .right .dw .item{
    width: 32%;
    height: 100%;
    border-radius: 0.04rem;
    background: linear-gradient(to bottom, #f3f3f3, #02bb4e9c);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}
.Ih-news .box .content .right .dw .item img{
    width: 0.3rem;
}
.Ih-news .box .content .right .dw .item p{
    width: 100%;
    text-align: center;
    font-size: 0.18rem;
    font-weight: bold;
    margin-top: 0.1rem;
}

.page_banner{
    width: 100%;
}
.page_banner img{
    width: 100%;
}
.pages{text-align:center}
.pages ul{display:inline-block}
.pages ul li{margin:0 4px;display:inline-block}
.pages ul li a,.pages ul li span{display:block;width:38px;height:38px;line-height:38px;text-align:center;color:#555;border:1px solid #e1e3e5;border-radius:6px;transition:.3s;font-size:14px}
.pages ul a:hover,.pages ul li.active a,.pages ul li.active span{background-color:#19733e;border:1px solid #19733e;color:#fff}
.pages ul li.next a,.pages ul li.prev a{width:72px}
.pages ul li.end a{width:56px}
.pages ul li:nth-of-type(1) span,.pages ul li:nth-of-type(1) a,.pages ul li:last-of-type a,.pages ul li:last-of-type span{width:72px}

/* 产品中心 */
.product_main{
    width: 100%;
    background-color: #F5F7FA;
    padding-bottom: 1rem;
}
.product_main .content{
    width: 12.8rem;
    margin: 0.4rem auto 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    min-height: 50vh;
    
}
.product_main .content .left{
    width: 9.4rem;
    background-color: #fff;
    padding: 0.3rem 0.2rem;
    box-sizing: border-box;
}
.product_main .content .left .location{
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 0.14rem;;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 0.1rem;
}
.product_main .content .left .location a:hover{
    color: #19733e;
}
.product_main .content .left .list{
    width: 100%;
    margin-top: 0.2rem;
    margin-bottom: 0.6rem;
}
.product_main .content .left .list .item{
    display: flex;
    width: 100%;
    height: 2.6rem;
    padding: 0.3rem 0.2rem;
    box-sizing: border-box;
    border-bottom: 1px solid #eaeaea;
}
.product_main .content .left .list .item .pic{
    width: 2.8rem;
    height: 2rem;
    overflow: hidden;
    border-radius: 0.1rem;
}
.product_main .content .left .list .item .pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product_main .content .left .list .item .txt{
    flex: 1;
    margin-left: 0.2rem;
    height: 100%;
    max-width: 64%;
}
.product_main .content .left .list .item .txt .title{
    width: 100%;
    font-size: 0.2rem;
    font-weight: bold;
    line-height: 1;
}
.product_main .content .left .list .item:hover .txt .title{
    color: #19733e;
}
.product_main .content .left .list .item .txt .add{
    width: 100%;
    line-height: 1;
    font-size: 0.14rem;
    margin-top: 0.2rem;
}
.product_main .content .left .list .item .txt .add span{
    color: #19733e;
    margin-left: 0.1rem;
}
.product_main .content .left .list .item .txt .tag{
    display: flex;
    align-items: center;
    margin-top: 0.12rem;
}
.product_main .content .left .list .item .txt .tag span{
    display: inline-block;
    padding: 0.04rem 0.08rem;
    border-radius: 0.04rem;
    font-size: 0.12rem;
    background-color: #e9f1f6;
    margin-right: 0.12rem;
}
.product_main .content .left .list .item .txt .desc{
    width: 100%;
    font-size: 0.14rem;
    margin-top: 0.12rem;
}
.product_main .content .left .list .item .txt .service{
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 0.2rem;
}
.product_main .content .left .list .item .txt .service .btn_group{
    display: flex;
    align-items: center;

}
.product_main .content .left .list .item .txt .service .btn_group button{
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.product_main .content .left .list .item .txt .service .btn_group button img{
    width: 0.16rem;
    margin-right: 0.04rem;
}
.product_main .content .left .list .item .txt .service .price_group{
    display: flex;
    align-items: center;
    margin-left: 0.1rem;
}
.product_main .content .left .list .item .txt .service .price_group span{
    padding: 0.03rem 0.08rem;
    font-size: 0.12rem;
    color: #fff;
    background-color: #ff4c00;
    border-radius: 0.02rem;
    margin-right: 0.04rem;
}


.product_main .content .right{
    width: 3.14rem;
    min-height: 4rem;
}
.product_main .content .right .ad{
    width: 100%;
}
.product_main .content .right .ad img{
    width: 100%;
}
.product_main .content .right .service{
    width: 100%;
    background-color: #fff;
    padding-top: 0.2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.product_main .content .right .service .item{
    width: 90%;
    height: 0.34rem;
    display: flex;
    align-items: center;
    font-size: 0.14rem;
    background-color: rgba(25, 115, 62, 0.22);
    margin-bottom: 0.14rem;
    border-radius: 0.04rem;
    line-height: 1;
    padding: 0 0.2rem;
    box-sizing: border-box;
}
.product_main .content .right .service .item img{
    width: 0.16rem;
    margin-right: 0.06rem;
}
.product_main .content .right .service .btn{
    width: 100%;
    height: 0.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #19733e;
    cursor: pointer;
    transition: 0.5s;
}
.product_main .content .right .service .btn:hover{
    opacity: 0.7;
}

.product_main .content .right .recommend{
    margin-top: 0.2rem;
    width: 100%;
    background-color: #fff;
    padding: 0.18rem;
    box-sizing: border-box;
}
.product_main .content .right .recommend .top{
    width: 100%;
    height: 0.2rem;
    font-size: 0.18rem;
    font-weight: bold;
    line-height: 1;
    text-indent: 0.1rem;
    border-left: 3px solid #19733e;
}
.product_main .content .right .recommend .list{
    width: 100%;
    margin-top: 0.18rem;
}
.product_main .content .right .recommend .list .item{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0.16rem 0;
    border-bottom: 1px solid #eaeaea;
}
.product_main .content .right .recommend .list .item .pic{
    width: 0.8rem;
    height: 0.68rem;
    overflow: hidden;
    border-radius: 0.08rem;
}
.product_main .content .right .recommend .list .item .pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product_main .content .right .recommend .list .item .txt{
    flex: 1;
    margin-left: 0.1rem;

}
.product_main .content .right .recommend .list .item .txt .t1{
    width: 100%;
    font-size: 0.16rem;
}
.product_main .content .right .recommend .list .item .txt .t2{
    width: 100%;
    font-size: 0.14rem;
    line-height: 0.24rem;
    color: #3c3c3c;
    margin-top: 0.1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.product_main .content .right .recommend .list .item:hover .txt .t1{
    color: #19733e;
}

.products-detail{
    width: 100%;
    background-color: #F5F7FA;
    padding-bottom: 1rem;
}
.products-detail .content{
    width: 12.8rem;
    margin: auto;
}
.products-detail .content .crumb{
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 0.14rem;
    padding: 0.2rem 0;
}
.products-detail .content .crumb a{
    display: flex;
    align-items: center;
    margin-right: 0.04rem;
}
.products-detail .content .part1{
    width: 100%;
    display: flex;
    align-items: flex-start;
    background-color: #fff;
    justify-content: space-between;
}
.products-detail .content .part1 .left{
    width: 5.4rem;
    height: 4.6rem;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}
.products-detail .content .part1 .left .mySwiper2{
    width: 100%;
    height: 79%;
}
.products-detail .content .part1 .left .mySwiper2 .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.products-detail .content .part1 .left .mySwiper{
    width: 100%;
    height: 20%;
}
.products-detail .content .part1 .left .mySwiper .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.products-detail .content .part1 .left .mySwiper .swiper-slide{
    opacity: 0.5;
}
.products-detail .content .part1 .left .mySwiper .swiper-slide-thumb-active{
    opacity: 1;
}
.products-detail .content .part1 .right{
    width: 7.1rem;
    height: 100%;
    padding: 0.2rem 0.5rem 0 0;
    box-sizing: border-box;
}
.products-detail .content .part1 .right .title{
    width: 100%;
    font-size: 0.34rem;
    font-weight: bold;
}
.products-detail .content .part1 .right .desc{
    width: 100%;
    font-size: 0.14rem;
    margin-top: 0.1rem;
    padding-bottom: 0.1rem;
    border-bottom: 1px solid #F5F7FA;
    line-height: 0.22rem;
}
.products-detail .content .part1 .right .tag{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 0.1rem;
}
.products-detail .content .part1 .right .tag span{
    padding: 0.04rem 0.08rem;
    font-size: 0.14rem;
    border-radius: 0.04rem;
    background-color: #F5F7FA;
    margin-right: 0.1rem;
}
.products-detail .content .part1 .right .add{
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 0.14rem;
    margin-top: 0.14rem;
}
.products-detail .content .part1 .right .contact{
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 1.3rem;
    background-color: #F5F7FA;
    border-radius: 0.08rem;
    padding: 0 0.18rem;
    margin-top: 0.18rem;
}
.products-detail .content .part1 .right .contact .item{
    width: 30%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}
.products-detail .content .part1 .right .contact .item .up{
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 0.24rem;
    justify-content: center;
    padding: 0.04rem 0.04rem;
    box-sizing: border-box;
    white-space: nowrap;
    position: relative;
}
.products-detail .content .part1 .right .contact .item .up img{
    width: 0.28rem;
    margin-right: 0.1rem;
}
.products-detail .content .part1 .right .contact .item .up .wx{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    display: none;
    transition: 0.3s;
    padding: 50px 30px 30px;
    box-sizing: border-box;
    z-index: 20;

}
.products-detail .content .part1 .right .contact .item .up .wx img{
    width: 100%;
    box-shadow: 0 0 10px 2px #eaeaea;
    border-radius: 8px;
    margin: 0;
}
.products-detail .content .part1 .right .contact .item .up:hover .wx{
    display: block;
}


.products-detail .content .part1 .right .contact .item .up.online{
    background-color: #19733e;
    border-radius: 0.04rem;
    color: #fff;
    font-size: 0.16rem;
}
.products-detail .content .part1 .right .contact .item .up.car{
    background-color: #be281a;
    border-radius: 0.04rem;
    color: #fff;
    font-size: 0.16rem;
}
.products-detail .content .part1 .right .contact .item .dw{
    width: 100%;
    text-align: center;
    margin-top: 0.18rem;
}
.products-detail .content .part1 .right .service{
    width: 100%;
    margin-top: 0.18rem;
    margin-bottom: 0.2rem;
}
.products-detail .content .part1 .right .service .top{
    width: 100%;
    height: 0.3rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.2rem;
}
.products-detail .content .part1 .right .service .top::before{
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0.15rem;
    left: 0;
    background-color: #eaeaea;
}
.products-detail .content .part1 .right .service .top span{
    padding: 0.02rem 0.12rem;
    border-radius: 0.2rem;
    font-size: 0.14rem;
    border: 1px solid #eaeaea;
    display: block;
    background-color: #fff;
    position: relative;
    z-index: 15;
    color: #19733e;
}
.products-detail .content .part1 .right .service .item{
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 0.13rem;
    margin-bottom: 0.1rem;
}
.products-detail .content .part1 .right .service .item span{
    padding: 0.02rem 0.08rem;
    background-color: #19733e;
    border-radius: 2px;
    color: #fff;
    margin-right: 4px;
}

.products-detail .content .part2{
    margin-top: 0.2rem;
    width: 100%;
    background-color: #fff;
    padding: 0.2rem;
    box-sizing: border-box;
}
.products-detail .content .part2 .top{
    width: 100%;
    height: 0.2rem;
    font-size: 0.18rem;
    font-weight: bold;
    text-indent: 0.1rem;
    border-left: 0.03rem solid #19733e;
    line-height: 1;
}
.products-detail .content .part2 .cont{
    width: 100%;
    font-size: 0.16rem;
    line-height: 0.28rem;
    margin-top: 0.2rem;
    border-top: 1px solid #eaeaea;
    padding-top: 0.18rem;
}
.products-detail .content .part2 .cont p{
    font-size: 0.16rem;
    line-height: 0.28rem;
    margin-bottom: 0.1rem;
}
.products-detail .content .part2 .cont img{
    max-width: 100%;
}

.products-detail .content .part3{
    width: 100%;
    padding: 0.2rem;
    box-sizing: border-box;
    background-color: #fff;
    margin-top: 0.2rem;
}
.products-detail .content .part3 .top{
    width: 100%;
    height: 0.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.2rem;
    font-weight: bold;
    position: relative;
}
.products-detail .content .part3 .top::before{
    width: 1.5rem;
    height: 3px;
    content: '';
    position: absolute;
    left: 30%;
    top: 50%;
    transform: translateY(-50%);
    background-color: #19733e;
}
.products-detail .content .part3 .top::after{
    width: 1.5rem;
    height: 3px;
    content: '';
    position: absolute;
    right: 30%;
    top: 50%;
    transform: translateY(-50%);
    background-color: #19733e;
}
.products-detail .content .part3 .list{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 0.2rem;
    margin-top: 0.5rem;
}
.products-detail .content .part3 .list .item{
    width: 100%;
    height: 3rem;
}
.products-detail .content .part3 .list .item .img{
    width: 100%;
    height: 2.5rem;
}
.products-detail .content .part3 .list .item .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.products-detail .content .part3 .list .item .txt{
    width: 100%;
    height: 0.5rem;
    display: flex;
    align-items: center;
    font-size: 0.16rem;
    justify-content: center;
}
.newsImage{
    width: 100%;
}
.newsImage img{
    width: 100%;
}
.news_content{
    width: 100%;
    background-color: #F5F7FA;
    padding-bottom: 1rem;
}
.news_content .content{
    width: 12.8rem;
    margin: auto;
    background: #fff;
    padding: 0.2rem;
    box-sizing: border-box;
    margin-top: 0.5rem;
}
.news_content .content .crumb{
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 0.14rem;
    padding: 0.2rem 0;
}
.news_content .content .crumb a{
    display: flex;
    align-items: center;
    margin-right: 0.04rem;
}
.news_content .content .list{
    width: 100%;
    margin-bottom: 0.6rem;
}
.news_content .content .list .item{
    width: 100%;
    padding: 0.1rem 0;
    display: flex;
    justify-content: space-between;
    height: 1.5rem;
    border-bottom: 1px solid #eaeaea;
}
.news_content .content .list .item .left{
    width: 11%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}
.news_content .content .list .item .left h1{
    width: 100%;
    text-align: center;
    font-size: 0.68rem;
    font-weight: bold;
}
.news_content .content .list .item .left p{
    width: 100%;
    font-size: 0.18rem;
    text-align: center;
    margin-top: 0.1rem;
}
.news_content .content .list .item .right{
    width: 80%;
    height: 100%;
    padding: 0.1rem 0;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}
.news_content .content .list .item .right .apo_one{
    width: 100%;
    font-size: 0.18rem;
    font-weight: bold;
}
.news_content .content .list .item .right .apo_two{
    width: 100%;
    font-size: 0.14rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 0.28rem;
}
.news_content .content .list .item .right .op{
    width: 100%;
    display: flex;
}
.news_content .content .list .item .right .op span{
    font-size: 0.12rem;
    color: #979797;
}
.news_content .content .list .item:hover .left h1{
    color: #19733e;
}
.news_content .content .list .item:hover .right .apo_one{
    color: #19733e;
}

.article_detail{
    width: 100%;
    background-color: #F5F7FA;
    padding: 0.5rem 0 1rem;

}
.article_detail .content{
    width: 12.8rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: auto;
}
.article_detail .content .left{
    width: 9.4rem;
    background-color: #fff;
    padding: 0.2rem;
    box-sizing: border-box;
}

.article_detail .content .left .crumb{
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 0.14rem;
    padding: 0.2rem 0;
}
.article_detail .content .left .crumb a{
    display: flex;
    align-items: center;
    margin-right: 0.04rem;
}
.article_detail .content .left .title{
    width: 100%;
    font-size: 0.22rem;
    font-weight: bold;
    line-height: 0.28rem;
    text-align: center;
}
.article_detail .content .left .time{
    width: 100%;
    display: flex;
    padding-bottom: 0.2rem;
    border-bottom: 1px solid #eaeaea;
    margin-top: 0.2rem;
    justify-content: center;
}
.article_detail .content .left .time span{
    font-size: 0.14rem;
    margin-right: 0.2rem;
    color: #606060;
}
.article_detail .content .left .cont{
    width: 100%;
    margin-top: 0.2rem;
    font-size: 0.16rem;
    line-height: 0.28rem;

}
.article_detail .content .left .cont p{
    font-size: 0.16rem;
    line-height: 0.28rem;
    margin-bottom: 0.1rem;
}
.article_detail .content .left .cont img{
    max-width: 100%;
}



.article_detail .content .right{
    width: 3rem;
    background-color: #fff;
    padding: 0.2rem;
    box-sizing: border-box;
}
.article_detail .content .right .top{
    width: 100%;
    height: 0.2rem;
    line-height: 1;
    text-indent: 0.1rem;
    font-size: 0.17rem;
    border-left: 3px solid #19733e;
    font-weight: bold;
}
.article_detail .content .right .list{
    width: 100%;
    margin-top: 0.1rem;
}
.article_detail .content .right .item{
    width: 100%;
    padding: 0.1rem 0;
    border-bottom: 1px solid #eaeaea;
    display: block;
}
.article_detail .content .right .item .title{
    width: 100%;
    font-size: 0.17rem;
    line-height: 0.26rem;
}
.article_detail .content .right .item .desc{
    width: 100%;
    font-size: 0.14rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 0.24rem;
    margin-top: 0.1rem;
}
.article_detail .content .right .item .time{
    width: 100%;
    font-size: 0.12rem;
    margin-top: 0.12rem;
}
.article_detail .content .right .item:hover .title,.article_detail .content .right .item:hover .desc{
    color: #19733e;
}

.about_content{
    width: 100%;
    padding: 0.5rem 0;
    background-color: #F5F7FA;
}
.about_content .content{
    width: 12.8rem;
    margin: auto;
    background-color: #fff;
    padding: 0.5rem 0.2rem;
    box-sizing: border-box;
}
.about_content .content .part1{
    width: 100%;
}
.about_content .content .part1 .top{
    width: 100%;
    height: 0.2rem;
    display: flex;
    align-items: center;
    position: relative;
    font-size: 0.34rem;
    font-weight: bold;
    justify-content: center;
    line-height: 1;
}
.about_content .content .part1 .top::before{
    content: '';
    width: 1.5rem;
    height: 0.04rem;
    background-color: #19733e;
    position: absolute;
    left: 20%;
    top: 50%;
    transform: translateY(-50%);
}
.about_content .content .part1 .top::after{
    content: '';
    width: 1.5rem;
    height: 0.04rem;
    background-color: #19733e;
    position: absolute;
    right: 20%;
    top: 50%;
    transform: translateY(-50%);
}
.about_content .content .part1 .desc{
    width: 100%;
    margin-top: 0.2rem;
    font-size: 0.14rem;
    color: #19733e;
    text-align: center;
}

.about_content .content .part2{
    width: 100%;
    padding: 0.2rem 0.5rem;
    box-sizing: border-box;
    font-size: 0.16rem;
    line-height: 0.28rem;
    margin-top: 0.3rem;
}

.about_content .content .part3{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 0.5rem;
}
.about_content .content .part3 .top{
    width: 100%;
    text-align: center;
    font-size: 0.28rem;
    font-weight: bold;
    position: relative;
    margin-bottom: 0.8rem;
}
.about_content .content .part3 .top::before{
    content: '';
    width: 1rem;
    height: 0.06rem;
    border-radius: 0.04rem;
    background-color: #19733e;
    position: absolute;
    left: 50%;
    bottom: -0.2rem;
    transform: translateX(-50%);
}
.about_content .content .part3 .item{
    width: 24%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    height: 2.6rem;
    padding: 0.2rem 0.2rem;
    box-sizing: border-box;
    box-shadow: 0 0 0.1rem 0.02rem rgba(140, 140, 140, 0.4);
    border-radius: 0.06rem;
}
.about_content .content .part3 .item .img{
    width: 100%;
    text-align: center;
}
.about_content .content .part3 .item .img img{
    width: 0.4rem;
}
.about_content .content .part3 .item .txt{
    width: 100%;
    margin-top: 0.2rem;
}
.about_content .content .part3 .item .txt p{
    width: 100%;
    text-align: center;
}
.about_content .content .part3 .item .txt p:nth-of-type(1){
    font-size: 0.18rem;
    font-weight: bold;

}
.about_content .content .part3 .item .txt p:nth-of-type(2){
    font-size: 0.14rem;
    margin-top: 0.12rem;
    line-height: 0.26rem;
}
.about_content .content2{
    width: 12.8rem;
    margin: auto;
    margin-top: 0.2rem;
}
.about_content .content2 img{
    width: 100%;
}

.about_content .content3{
    background-color: #fff;
    width: 12.8rem;
    margin: 0.2rem auto auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0.5rem;
    box-sizing: border-box;
}
.about_content .content3 .img{
    width: 2rem;
}
.about_content .content3 .img img{
    width: 100%;
}
.about_content .content3 .txt{
    width: 100%;
    text-align: center;
    font-size: 0.16rem;
    margin-top: 0.2rem;
}

.contactUs_dialog{
    width: 100%;
    height: 100%;
    padding: 0.5rem;
    box-sizing: border-box;
    display: none;
}