.wy_pro_show{
    font-size:16px
}
 .wy_pro_show>*{
    max-width:1600px;
    margin:auto
}
 .wy_pro_show h3{
    font-size:30px;
    font-family:RobotoBold
}
 .wy_pro_show .show_box1{
    display:flex;
    justify-content:space-between;
    align-items:center
}
 .wy_pro_show .show_box1 .left{
    width:50%
}
 .wy_pro_show .show_box1 .right{
    width:50%
}
 .wy_pro_show .show_box1 .right ul{
    display:flex;
    justify-content:flex-end;
    gap:50px
}
 .wy_pro_show .show_box1 .right ul li{
    text-align:center;
    border-right:1px solid #ddd;
    padding-right:50px
}
 .wy_pro_show .show_box1 .right ul li:last-child{
    padding-right:0;
    border-right:0
}
 .wy_pro_show .show_box1 .right ul li p:first-child{
    margin-bottom:10px
}
 .wy_pro_show .show_box1 .right ul li p:first-child img{
    max-width:40px!important
}
 .wy_pro_show .show_box1 .right ul li p{
    font-size:18px;
    color:#333
}
 .wy_pro_show .show_box2{
    background:linear-gradient(90deg,#e1e5ea 0,#d6dfe7 36.54%,#98abbf 94.71%);
    padding:100px 0;
    max-width:100%
}
 .wy_pro_show .show_box2>div{
    display:flex;
    justify-content:space-between;
    align-items:center;
    max-width:1600px;
    margin:auto
}
 .wy_pro_show .show_box2 .left{
    width:50%
}
 .wy_pro_show .show_box2 .left p{
    margin-bottom:20px
}
 .wy_pro_show .show_box2 .left p span{
    font-size:24px;
    display:block;
    padding:5px 25px;
    border:1px solid #333;
    width:max-content;
    border-radius:100vh
}
 .wy_pro_show .show_box2 .left ul{
    display:flex;
    flex-wrap:wrap;
    margin-top:100px;
    gap:50px 25px
}
 .wy_pro_show .show_box2 .left ul li{
    width:48%;
    display:flex;
    align-items:center
}
 .wy_pro_show .show_box2 .left ul li p{
    font-size:16px;
    margin-bottom:0;
    width:85%;
    padding-left:5%
}
 .wy_pro_show .show_box2 .left ul li p:first-child{
    width:15%;
    padding-left:0
}
 .wy_pro_show .show_box2 .right{
    position:absolute;
    right:5%
}
 .wy_pro_show .show_box2 .right img{
    filter:drop-shadow(20px 15px 20px #7693af);
    max-width:6.25rem!important
}
 .wy_pro_show .show_pro_table_box{
    position:relative
}
 .wy_pro_show .show_pro_table_box.active{
    padding-bottom:100px
}
 .wy_pro_show .show_pro_table{
    max-height:600px
}
 .wy_pro_show .show_pro_table::-webkit-scrollbar{
    display:none
}
 .wy_pro_show .show_pro_table:before{
    content:'';
    display:block;
    position:absolute
}
 .wy_pro_show .show_pro_table:before{
    height:73px;
    background:linear-gradient(180deg,rgba(255,255,255,.49) 0,#fff 72.08%);
    width:100%;
    bottom:70px;
    left:0;
    opacity:0
}
 .wy_pro_show .show_pro_table_box i{
    width:69px;
    height:101px;
    display:block;
    position:absolute;
    left:45%;
    bottom:0;
    opacity:0;
    visibility:hidden
}
 .wy_pro_show .show_pro_table_box i:after{
    content:'';
    display:block;
    background:url(/res/magic/images/product_show25.webp);
    width:69px;
    height:101px;
    cursor:pointer
}
 .wy_pro_show .show_pro_table_box.active .show_pro_table::before{
    opacity:1
}
 .wy_pro_show .show_pro_table_box.active i{
    opacity:1;
    visibility:unset
}
 .wy_pro_show table tr td{
    font-size:16px;
    padding:10px 15px;
    text-align:center;
    border-color:#b9b9b9!important
}
 .wy_pro_show .show_box3{
    max-width:100%
}
 .wy_pro_show .show_box3 .item{
    display:flex;
    gap:10px;
    margin-bottom:10px
}
 .wy_pro_show .show_box3 .item p{
    border-radius:8px;
    overflow:hidden
}
 .wy_pro_show .show_box4 h3{
    text-align:center;
    margin-bottom:20px
}
 .wy_pro_show .show_box4_box{
    display:flex;
    gap:1vw;
    flex-wrap:wrap;
    padding-top:40px
}
 .wy_pro_show .show_box4_box .item{
    width:31.25%
}
 .wy_pro_show .show_box4_box .item .img_box{
    overflow:hidden;
    border-radius:8px
}
 .wy_pro_show .show_box4_box .item .text_box{
    padding:25px 0
}
 .wy_pro_show .show_box4_box .item .text_box p:first-child{
    font-size:18px
}
 .wy_pro_show .show_box4_box .item .text_box p:last-child{
    font-size:16px;
    color:#666
}
 .wy_pro_show .show_box5 h3{
    text-align:center;
    margin-bottom:20px
}
 .wy_pro_show .show_box5 .show_box5_box{
    display:flex;
    gap:30px;
    margin-top:45px;
    flex-wrap:wrap
}
 .wy_pro_show .show_box5_box .item{
    overflow:hidden;
    border-radius:8px;
    width:31.75%
}
 .wy_pro_show .show_box6 h3{
    text-align:center;
    margin-bottom:20px
}
 .wy_pro_show .show_box6_box{
    display:flex;
    gap:1vw;
    flex-wrap:wrap
}
 .wy_pro_show .show_box6_box .item{
    width:18.85%
}
 .wy_pro_show .show_box6_box .item .img_box{
    overflow:hidden;
    border-radius:8px
}
 .wy_pro_show .show_box6_box .item .text_box{
    padding:25px 0
}
 .wy_pro_show .show_box6_box .item .text_box p:first-child{
    font-size:18px
}
 .wy_pro_show .show_box6_box .item .text_box p:last-child{
    font-size:16px;
    color:#666
}
 @media (min-width:1920px){
    .wy_pro_show .show_box6_box .item{
        width:18.5%
    }
}
 @media (max-width:1860px){
    .wy_pro_show .show_box5 .show_box5_box{
        gap:25px
    }
}
 @media (max-width:1680px){
     .wy_pro_show .show_box2>div,.wy_pro_show>*{
        max-width:95%
    }
    .wy_pro_show .show_box2 .left ul{
        gap:30px 20px
    }
     .wy_pro_show .show_box2 .left{
        width:60%
    }
     .wy_pro_show .show_box2 .left p span{
        font-size:20px
    }
     .wy_pro_show table tr td{
        padding:10px
    }
    
}
 @media (max-width:1440px){
    
     .wy_pro_show .show_box5 .show_box5_box{
        gap:20px
    }
     .wy_pro_show h3{
        font-size:26px!important
    }
     .wy_pro_show .show_box4_box .item .text_box{
        padding:0;
        padding-top:20px
    }
     .wy_pro_show .show_box6_box .item .text_box{
        padding:0;
        padding-top:20px
    }
}
 @media (max-width:1280px){
    .wy_pro_show .show_box2 .right img{
        max-width:4.25rem!important
    }
     .wy_pro_show .show_box2 .left ul{
        margin-top:50px
    }
     .wy_pro_show .show_box2{
        padding:60px 0
    }
}
 @media(max-width:1080px){
    .wy_pro_show .show_box1{
        flex-wrap:wrap
    }
     .wy_pro_show .show_box1 .left{
        width:100%;
        margin-bottom:20px
    }
     .wy_pro_show .show_box1 .right{
        width:100%
    }
     .wy_pro_show .show_box1 .right ul{
        justify-content:space-between
    }
     .wy_pro_show .show_box2>div{
        flex-wrap:wrap
    }
     .wy_pro_show .show_box2 .left{
        width:50%
    }
     .wy_pro_show .show_box2 .left ul{
        gap:15px
    }
     .wy_pro_show .show_box2 .left ul li{
        width:100%
    }
     .wy_pro_show .show_box2 .right{
        position:unset;
        width:50%
    }
     .wy_pro_show .show_box2 .right img{
        max-width:100%!important
    }
     .wy_pro_show .show_box4_box .item,.wy_pro_show .show_box5_box .item,.wy_pro_show .show_box6_box .item{
        width:31.5%
    }
}
 @media(max-width:768px){
    .wy_pro_show .show_box1 .right ul li{
        padding-right:0;
        border:0
    }
     .wy_pro_show .show_box1 .right ul li p{
        font-size:18px
    }
     .wy_pro_show .show_box2 .left{
        width:100%;
        margin-bottom:30px
    }
     .wy_pro_show .show_box2 .left ul{
        margin-top:25px
    }
     .wy_pro_show .show_box2 .right{
        width:100%
    }
     .wy_pro_show .show_pro_table_box.active{
        padding-bottom:0
    }
     .wy_pro_show .show_pro_table:before{
        bottom:0
    }
     .wy_pro_show .show_pro_table_box i{
        height:60px
    }
     .wy_pro_show .show_pro_table_box i:after{
        height:60px;
        background-size:contain;
        background-repeat:no-repeat
    }
     .wy_pro_show .show_box3 .item{
        gap:15px;
        flex-wrap:wrap;
        justify-content:space-between
    }
     .wy_pro_show .show_box3 .item:nth-child(2) p{
        width:100%
    }
     .wy_pro_show .show_box3 .item p{
        width:48.3%
    }
     .wy_pro_show .show_box3 .item p img,.wy_pro_show .show_box4_box .item .img_box img,.wy_pro_show .show_box5_box .item img,.wy_pro_show .show_box6_box .item .img_box img{
        height:100%;
        object-fit:cover;
        width:100%
    }
     .wy_pro_show .show_box4_box{
        gap:20px
    }
     .wy_pro_show .show_box6_box{
        gap:20px
    }
     .wy_pro_show .show_box4_box .item,.wy_pro_show .show_box5_box .item,.wy_pro_show .show_box6_box .item{
        width:100%
    }
}
 @media(max-width:440px){
    .wy_pro_show .show_box3 .item p{
        width:47.9%
    }
}