body{background-color:#EBECED;}
.swiperfocus {
    max-width: 1920px;
    min-width: 1200px;
    position: relative;
    margin: -140px auto 0 auto;
    overflow: hidden;
    height: 778px;
    z-index: 30;
}


    .swiperfocus .swiper-container {
        width:100%;
        height:100%;
    }

    .swiperfocus .swiper-slide {
        position: relative;
        z-index: 20;
        width:100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: cover;
    }
    /*
        .swiperfocus .swiper-slide::after {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.6);
            z-index: 10;
        }
        */
        .swiperfocus .swiper-slide a {
            margin:140px auto 0 auto;
            position: relative;
            display: block;
            width: 1200px;
            height: calc(100vh - 140px);
            z-index: 40;
        }
    .swiperfocus .slide_text {
        position: absolute;
        top: 30%;
        left: 0;
        width: 818px;
        z-index: 50;
        padding: 0 0 0 100px;
    }
        .swiperfocus .slide_text::after {
            content: "";
            position: absolute;
            left: 0;
            top: 30px;
            width: 62px;
            height: 0px;
            border-top: 8px solid #FFFFFF;
        }
        .swiperfocus .slide_text h5 {
            font-size: 56px;
            font-weight: 400;
            color: rgba(255, 255, 255, 1);
            text-transform: uppercase;
            font-family: 'HarmonyOS Sans SC'
        }
        .swiperfocus .slide_text h4 {
            font-size: 36px;
            font-weight: 400;
            color: rgba(255, 255, 255, 1);
            font-family: 'HarmonyOS Sans SC'
        }
.swiperfocus .swiper-pagination-fraction {
    position:relative;
    bottom: 55px;
    z-index:50;
}

    .swiperfocus .swiper-pagination-bullet {
        margin: 0 5px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #000;
        vertical-align: middle;
    }

    .swiperfocus .swiper-pagination-bullet-active {
        width: 12px;
        height: 12px;
        background: #fff;
        border: #58b530 solid 2px
    }

.top {
    position: relative;

    min-height:32px;
    text-align:center;
}
    .top h2 {
        display:block;
       font-size: 36px;
font-weight: 700;
letter-spacing: 0px;
line-height: 42.19px;
color: #383838;

    }
    .top label {
        display:block;
        padding:10px 0;
font-size: 14px;
font-weight: 400;
letter-spacing: 0px;
line-height: 16.41px;
color: #808080;

    }

.products{
    padding:30px 0;
    background-color:#fff;
}

.products .products_class{
    margin:20px auto 0 auto;
        display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items:stretch;
}
 
.products .products_class a{
         margin:0 28px;
         position:relative;
         display:inline-block;
         vertical-align:top;
        position: relative;
        padding: 0 0 0 0;
        width: 140px;
        height: 80px;
        text-align: center;
        z-index:20;


}
.products .products_class a h4{
     font-size: 20px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 26px;

    color: rgba(56, 56, 56, 1);
    }
.products .products_class a span{
        display:block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 22px;
    color: rgba(128, 128, 128, 1);
    }
.products_class a.hover,.products_class a:hover{
  
       background-repeat: no-repeat;
        background-position:center bottom 10px;
        background-size: auto auto;
        background-image: url(../images/products_class_list_item.png);
}
.products_class a.hover h4,.products_class a:hover h4,.products_class a.hover span,.products_class a:hover span{
    font-weight: 700;
    color:#FF8D1A;

}


.more{

    margin:20px auto 0 auto;
    display:block;
    width: 240px;
height: 44px;
opacity: 1;
border-radius: 44px;
background: #FF9233;
font-size: 18px;
font-weight: 500;
letter-spacing: 0px;
line-height: 44px;
color:#fff;
 text-align:center;

}



.products_list {
    margin: 0 auto 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}

    .products_list dl {
        position:relative;
        margin: 18px 0 0 0;
        display: block;
       width: 380px;
        height: 380px;
       border: 1px solid #E5E5E5;
        background-color: #fff;
        overflow:hidden;
    }

        .products_list dl dt {
            width: 100%;
            height: 100%;
            border-radius: 0 0 0 0;
        }

        .products_list dl img {
            width: 100%;
            height: 100%;
            border-radius: 0 0 0 0;
        }

    .products_list dd {
        position:absolute;
        display: block;
        
        border-radius: 0 0 0 0;
        background: rgba(91, 142, 85, 0.8);
        bottom:-380px;
        left:0;
        width:100%;
        padding: 12px 32px 12px 32px;
    }

        .products_list dd h4 {
            padding: 0 0 0 0;
            display: block;
            font-size: 20px;
            font-weight: 400;
            color: rgba(255, 255, 255, 1);
            padding: 0 0 8px 0;
        }
            .products_list dl:hover dd {

                bottom:0;
   
            }

            .products_list dd span{
                display:block;
                padding: 0 0 0 42px;
                height:32px;
                line-height:32px;
                font-size: 26px;
                font-weight: 700;
                letter-spacing: 0px;
                line-height: 32px;
                color: rgba(255, 235, 59, 1);
                background-repeat: no-repeat;
                background-position:left center;
                background-size: auto auto;
                background-image: url(../images/p_jg.png);
            }


            .cases{
                margin:10px auto 0 auto;
                height:252px;
                background-image: url(../images/cases.png);
background-position: left top;
background-repeat: no-repeat;
background-size: auto;

            }

            .about{
                margin:50px auto;
                    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
            }
            .about_container{ padding:48px 44px; width:510px; min-height:296px; background-color:#fff;}

            .about_top{border-bottom: 1px solid rgba(229, 229, 229, 1);}
            .about_top label{ display:block;font-size: 36px;
font-weight: 400;
letter-spacing: 0px;
line-height: 32px;
color: rgba(229, 229, 229, 1);}

             .about_top h3{ padding:11px 0 15px 0; display:block;font-size: 24px;
font-weight: 700;
letter-spacing: 0px;
line-height: 28.13px;
color: rgba(56, 56, 56, 1);
text-align: left;}
             .about_text{
                 padding:11px 0 15px 0;
                 font-size: 14px;
font-weight: 400;
letter-spacing: 0px;
line-height: 32px;
color: rgba(56, 56, 56, 1);
text-align: justify;
vertical-align: top;
             }

             .about_more{
                 display:block;
                 margin:10px auto 0 0;

                 width: 146px;
height: 34px;


border: 1px solid rgba(170, 219, 164, 1);

                 font-size: 16px;
font-weight: 500;
letter-spacing: 0px;
line-height: 34px;
color: rgba(91, 142, 85, 1);
text-align:center;
             }
             .about_img{width: 602px;
height: 392px;

                background-image: url(../images/about_img.png);
background-position: left top;
background-repeat: no-repeat;
background-size: auto;
             }

             .news{    
                 padding:30px 0;
                 background-color:#fff;

             }

             .news_top{
                                     display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;

             }
             .news_top h3{

                 font-size: 36px;
font-weight: 700;
letter-spacing: 0px;
line-height: 42.19px;
color: rgba(56, 56, 56, 1);
text-align: left;
             }
                      .news_top h3 label{
padding:0 0 0 0;
font-size: 14px;
font-weight: 400;

color: rgba(128, 128, 128, 1);
text-align: left;
vertical-align: middle;
             }

                      .news_top span a{
                          display:inline-block;
                          width: 110px;
height: 33px;
opacity: 1;
background: rgba(229, 229, 229, 1);
                          font-size: 16px;
font-weight: 400;
letter-spacing: 0px;
line-height: 32px;
color: rgba(56, 56, 56, 1);
text-align:center;
                      }


                      .news_contents {
    margin: 20px auto 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    overflow:hidden;
}
                      .news_headlines {
    width: 530px;
    background: #F7F7F7;


}

    .news_headlines dt {
        display: block;
        width: 100%;
        height: 330px;
    }

        .news_headlines dt img {
            width: 100%;
            height: 100%;
        }

    .news_headlines dd {
        position: relative;
        padding: 20px 30px 20px 30px;
    }



        .news_headlines dd h4 {
            display: block;
            padding: 0 0 0 0;
            font-size:26px;
            color: rgba(0, 0, 0, 1);
        }

        .news_headlines dd p {
            display: block;
            padding: 10px 0 0 0;
            line-height: 22px;
            font-weight: normal;
            font-size: 14px;
            font-weight: 400;
            color: rgba(128, 128, 128, 1);
        }


        .news_list {
    width:664px;
}
    .news_list dd {
        display: block;
        position: relative;
        margin-top:20px;
        padding: 0 0 20px 110px;
        border-bottom: 1px solid rgba(245, 245, 245, 1);
    }

    .news_list dd h4 {
        display: block;
        padding: 0 0 0 0;
        font-size: 16px; 
        color: rgba(56, 56, 56, 1);

    }


    .news_list dd p {
        display: block;
        padding: 10px 0 0 0;
        line-height: 20px;
        color: #333333;
    }

   
    .news_list dd span {
        position: absolute;
        left: 0px;
        padding: 0;
        height: 122px;
        top: 0px;
        width: 90px;
        font-size: 16px;
        color: #333333;
        text-align: center;
    }

    .news_list dd i {
        position: relative;
        font-size: 48px;
        color: rgba(56, 56, 56, 1);
        display: block;
        font-style: normal;
        font-weight: 700;
    }

    .liucheng{ 
        padding:30px 0 60px 0;

    }

    .liucheng_list{
        margin: 0 auto;
          display: flex;
          flex-direction: row;
          flex-wrap:wrap;
          justify-content:space-between;
          align-items:stretch;
        }
        .liucheng_list_item{ position: relative; margin: 32px 0 0 0; width: 132px; text-align: center;}
        .liucheng_list_item img{ width:80px;}
        .liucheng_list_item::before{
          position: absolute;
          content: "";
          right: -14px;
          top: 28px;
          width: 27px;
          height: 27px;
          background-image: url(../images/lc_jt.png);
          background-position: 0 0;
          background-repeat: no-repeat;
          background-size: 27px auto;

        }

        .liucheng_list_item:nth-child(9)::before{ display: none;}
        .liucheng_list_item image{ margin: 0 auto; width: 80px; height: 80px;}
        .liucheng_list_item   .liucheng_list_item_title{ padding-top:16px; font-size: 16px;
          font-weight: 400;
          letter-spacing: 0px;
          color: #000000;}