body{
    background: rgb(250,250,250);
}
.banner{
    width:100%;
    height:100vh;
    overflow: hidden;
    position: relative;
}
.banner .swiper-wrapper{
    width:100%;
    height:calc(100vh - 5vw);
}
.banner img{
    width:100%;
    height:100%;
    object-fit: cover;
}
.banner_content{
    position: absolute;
    width:100%;
    left:0;
    bottom: 0;
    z-index: 5;
    padding:0 10%;
    box-sizing: border-box;
}
.banner_content ul{
    padding:1vw;
    box-sizing: border-box;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px 2px rgb(0 0 0 / 5%);
}
.banner_content ul li{
    float:left;
    width:20%;
    height:100%;
    text-align: center;
    transition: all 0.3s ease;
    cursor: pointer;
}
.banner_content ul li img{
    width:7.2vw;
    height:5.4vw;
    text-align: center;
}
.banner_item_tit{
    font-size: 1.4vw;
    color:#00000A;
    font-weight: bold;
    line-height: 1.5;
    transition: all 0.2s ease;
}
.banner_content ul li:hover .banner_item_tit{
    color:#FC5632;
}
.banner_item_desc{
    font-size: 0.8vw;
    color:#666;
    line-height: 1.5;
}
.product{
    width:80vw;
    height:35vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5vw;
    box-sizing: border-box;
    position: relative;
}
.product .product_card{
    position: absolute;
    left:0;
    top:5vw;
}
.product .product_card img{
    width:20vw;
    height:25vw;
}
.product .product_card .card_text1{
    position: absolute;
    left:2vw;
    top:2vw;
    font-size: 1.2vw;
    color:#fff;
    line-height: 1.5;
}
.product .product_card .card_text2{
    position: absolute;
    left:2vw;
    bottom:2vw;
    font-size: 1.6vw;
    color:#fff;
    font-weight: bold;
    line-height: 1.5;
}
.product .product_card .card_text2 span{
    font-weight: normal;
}
.product ul{
    position: absolute;
    top:0;
    right:0;
    width:calc(100% - 15vw);
    height:35vw;
    padding: 4vw 3vw 4vw 8vw;
    box-sizing: border-box;
    border-radius: 10px;
    background:url(./images/product_list_bg.png) no-repeat 100% 100% / contain;
}
.product ul li{
    float:left;
    width:22%;
    height:12vw;
    cursor: pointer;
}
.product ul li:not(:nth-child(4n)){
    margin-right: 4%;
}
.product ul li:nth-child(-n+4){
    margin-bottom: 3vw;
}
.product ul li img{
    width:2.7vw;
    height:2.7vw;
    transition: all 0.4s ease;
}
.product ul li:hover img{
    width:3vw;
    height:3vw;
}
.product ul li .product_item_tit{
    font-size: 1.4vw;
    color:#00000A;
    font-weight: bold;
    margin-top: 0.5vw;
    transition: all 0.3s ease;
}
.product ul li:hover .product_item_tit{
    color:#FC5632;
}
.product ul li .product_item_desc{
    font-size: 0.7vw;
    color:#333;
    line-height: 1.5;
    margin-top: 0.5vw;
}
.advantage{
    width:100%;
    height:68vw;
    margin-top: 5vw;
    background: url(./images/advantage_bg.png) no-repeat;
    padding-top: 5vw;
    box-sizing: border-box;
    text-align: center;
}
.advantage_tit{
    font-size: 4vw;
    color:#FC5632;
    font-weight: bold;
    line-height: 1.5;
}
.advantage_text{
    font-size: 2vw;
    color:#FC5632;
    font-weight: bold;
    line-height: 1.5;
}
.advantage_pic{
    width:80vw;
    height:auto;
    margin-top: 2.5VW;
}
.works{
   background: #fff url(./images/works_bg.png) no-repeat top center / cover;
   padding: 2.5vw 0 7.5vw 0;
   box-sizing: border-box;
}

.works .works_tit{
    font-size: 4vw;
    color:#00000A;
    font-weight: bold;
}
.works .work_list{
    margin-top: 5vw;
    width:80vw;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding-bottom:5px;
    box-sizing: border-box;
}
.works .swiper-slide{
    /* width:18vw; */
    height:26vw;
    border-radius: 10px;
    background: #fff;
    padding:1vw;
    box-sizing: border-box;
    box-shadow: 0 0 10px 2px rgb(0 0 0 / 5%);
}
.work_list .logo_box{
    width:100%;
    height:8vw;
    margin-bottom: 2vw;
}
.work_list .logo_box img{
    width:auto;
    height:auto;
    max-width: 100%;
    max-height: 100%;
}
.works_item_desc{
    font-size: 0.8vw;
    color:#666;
    line-height: 1.5;
    height:9vw;
}
.works_item_data{
    border-top:1px solid rgba(209, 209, 209,0.5);
    padding-top: 0.5vw;
    box-sizing: border-box;
}
.works_item_data p{
    font-size: 0.8vw;
    color:#000;
    font-weight: bold;
}
.works_item_data p .num{
    font-size: 2vw;
}