@media (min-width:821px) {
    .brand .header .tit{
        background: url(/static/index/pc/lxwm/brand_head_bg.png) no-repeat;
        background-size: 100% 100%;
                  }
    .brand .header .tit h2{
                    width: 170px;
                    background: url(/static/index/pc/images/zhuanjia_head_tit.png) no-repeat;
                    background-size: 100% 100%;
                    line-height: 58px;
       }
       .brand .content{
        margin-top: 20px;
        background: rgba(247, 253, 251, 1);
  padding: 80px 0;
       }
       .brand .content .list{
        background: url(/static/index/pc/lxwm/brand_bg.png) no-repeat;
        background-size: 400px ;
        height: 541px;
        background-position: center top;
        position: relative;
        width: 1060px;
        margin: 0 auto;
       }
       .brand .content li{
        width: 245px;
     position: absolute;
     transition: all .3s linear;
       }
       .brand .content li:hover{
        transform: scale(1.2);
       }
       .brand .content li:nth-of-type(1){
top: 0;
left: 0;
       }
       .brand .content li:nth-of-type(2){
        bottom: 0;
        left: 30px;}
        .brand .content li:nth-of-type(3){
            bottom: 0;
            right: 0;
               }
               .brand .content li:nth-of-type(4){
                top: 120px;
                right: 30px;
                   }
       .brand .content li .des{
        display: block;
        line-height: 32px;
       }
       .brand .content li .des span{
        font-size: 16px;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.5);
       }
       .brand .content li .tit{
        font-size: 20px;
font-weight: 400;
        line-height: 32px;
color: rgba(0, 0, 0, 1);
margin-bottom: 5px;
       }
       .brand .content li:nth-of-type(2n+1) .tit:before{
content: '';
display: inline-block;
width: 24px;
height: 24px;
border-radius: 24px;
background: rgba(255, 141, 26, 1);
margin-right: 15px;
margin-bottom: -5px;

       }
       .brand .content li:nth-of-type(2n) .tit:before{
        content: '';
        display: inline-block;
        width: 24px;
        height: 24px;
        border-radius: 24px;
        background: rgba(2, 189, 127, 1);
        margin-right: 15px;
        margin-bottom: -5px;
               }
    .contact .header .tit{
                background: url(/static/index/pc/lxwm/contact_head_bg.png) no-repeat;
                background-size: 100% 100%;
                          }
    .contact .header .tit h2{
                            width: 170px;
                            background: url(/static/index/pc/images/zhuanjia_head_tit.png) no-repeat;
                            background-size: 100% 100%;
                            line-height: 58px;
               }
    .contact .content{
                margin-top: 20px;
               }   
               .contact .content .list{
                justify-content: space-between;
                }
                .contact .content li{
width: 380px;
                } 
                .contact .content li .item{
                    padding-top: 28px;
                    height: 232px;
                    border-radius: 10px;
background: rgba(255, 255, 255, 0.8);
box-shadow: 0px 2px 4px  rgba(38, 117, 88, 0.25);
backdrop-filter: blur(8px);
position: relative;
z-index: 2;
                }
                .contact .content li .item .img{
                    width: 150px;
height: 150px;

margin: 0 auto;
border-radius: 150px;
text-align: center;
position: relative;
                }
                .contact .content li:nth-of-type(2n+1) .item .img{
                    background: rgba(155, 232, 207, 0.3);
                }
                .contact .content li:nth-of-type(2n) .item .img{
                    background: rgba(255, 141, 26, 0.3);
                }
                .contact .content li .item .img img{
                    width: 80px;
                    height: 80px; 
                    position: absolute;
                    top: 35px;
                    left: 35px;
                }
                .contact .content li .item .des{
                    line-height: 24px;
display: block;
margin-top: 30px;
text-align: center;
color: rgba(0, 0, 0, 0.8);
                }
                .contact .content li .box{
                    position: relative;
                }
                .contact .content li:nth-of-type(2n+1) .box:after{
content: '';
display: block;
width: 100%;
height: 90px;
background: url(/static/index/pc/lxwm/contact_bg1.png) no-repeat;
background-size: 150px 90px;
background-position: center center;
position: absolute;
bottom: -45px;
z-index: 1;
                }
                .contact .content li:nth-of-type(2n) .box:after{
                    content: '';
                    display: block;
                    width: 100%;
                    height: 90px;
                    background: url(/static/index/pc/lxwm/contact_bg2.png) no-repeat;
                    background-size: 150px 90px;
                    background-position: center center;
                    position: absolute;
                    bottom: -45px;
                    z-index: 1;
                                    }
                                    .contact .content li .btn{
                                        margin: 60px auto 0;
                                        text-align: center;
                                        display: block;
                                        width: 99px;
                                        height: 63px;
                                        opacity: 1;
                                        border-radius: 31.5px 0px 31.5px 0px;   
                                        font-size: 18px;
font-weight: 400;
line-height: 63px;
color: rgba(255, 255, 255, 1); 
                                    }
                                    .contact .content li:nth-of-type(2n+1) .btn{
                                        background: rgba(2, 189, 127, 1);
                                    }
                                    .contact .content li:nth-of-type(2n) .btn{
                                        background: rgba(255, 172, 89, 1);
                                    }
                                    /* .contact .content li .item:hover .img{
                                        animation: scale 1s linear infinite;
                                    } */

    }
@media (max-width:820px) {
        .brand .header .tit{
            background: url(/static/index/pc/lxwm/brand_head_bg_phone.png) no-repeat;
            background-size: 100% 100%;
                      }
        .brand .header .tit h2{
                        width: 27.73vw;
                        background: url(/static/index/pc/images/zhuanjia_head_tit_phone.png) no-repeat;
                        background-size: 100% 100%;
                        height: 7.87vw;
           }
           .brand .content{
            margin-top: 2.67vw;
           }
           
           .brand .content li{
         border-radius: 1.33vw;
padding: 4vw;
         box-shadow: 0px .27vw 1.07vw .27vw rgba(38, 117, 88, 0.25);
         margin-bottom: 4vw;
           }
           .brand .content li:nth-of-type(2n+1){
            background: rgba(247, 253, 251, 1);
           }
           .brand .content li:nth-of-type(2n){
            background: rgba(255, 245, 235, 1);
           }
           .brand .content li .des{
            display: block;
            line-height: 5.33vw;
           }
           .brand .content li:nth-of-type(2) .des{
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
           }
           .brand .content li .des span{
            font-size: 3.2vw;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.5);
     
           }
           .brand .content li .tit{
            font-size: 4vw;
    font-weight: 400;
            line-height: 4vw;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 2.67vw;
           }
           .brand .content li:nth-of-type(2n+1) .tit:before{
    content: '';
    display: inline-block;
    width: 4.93vw;
    height: 4.67vw;
    background:url(/static/index/pc/lxwm/brand_bg1_phone.png) no-repeat;
    background-size: 100% 100%;
    margin-right: 2vw;
    margin-bottom: -.67vw;
    
           }
           .brand .content li:nth-of-type(2n+1) .tit:after{
            content: '';
            display: inline-block;
            width: 4.93vw;
            height: 4.67vw;
            background:url(/static/index/pc/lxwm/brand_bg1_phone.png) no-repeat;
            background-size: 100% 100%;
            margin-left: 2vw;
            margin-bottom: -.67vwpx;
            transform: rotate(180deg);
                   }
           .brand .content li:nth-of-type(2n) .tit:before{
            content: '';
            display: inline-block;
            width: 4.93vw;
            height: 4.67vw;
            background:url(/static/index/pc/lxwm/brand_bg2_phone.png) no-repeat;
            background-size: 100% 100%;
            margin-right: 2vw;
            margin-bottom: -.67vw;
                   }
                   .brand .content li:nth-of-type(2n) .tit:after{
                    content: '';
                    display: inline-block;
                    width: 4.93vw;
                    height: 4.67vw;
                    background:url(/static/index/pc/lxwm/brand_bg2_phone.png) no-repeat;
                    background-size: 100% 100%;
                    margin-left: 2vw;
                    margin-bottom: -.67vw;
                    transform: rotate(180deg);
                           }
        .contact .header .tit{
                    background: url(/static/index/pc/lxwm/contact_head_bg_phone.png) no-repeat;
                    background-size: 100% 100%;
                              }
        .contact .header .tit h2{
                               width: 27.73vw;
                                background: url(/static/index/pc/images/zhuanjia_head_tit_phone.png) no-repeat;
                                background-size: 100% 100%;
                                height: 7.87vw;
                   }
        .contact .content{
                    margin-top: 2.67vw;
                   }   
                   .contact .content .list{
                    display: block;
                    }
                    .contact .content li{
                        margin-bottom: 9.33vw;
                    } 
                    .contact .content li .item{
                        padding: 4vw;
                        border-radius: 1.33vw;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0px .27vw 1.07vw .27vw rgba(38, 117, 88, 0.25);
    backdrop-filter: blur(8px);
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
                    }
                    .contact .content li .item .img{
                        width: 13.33vw;
    height: 13.33vw;
    border-radius: 13.33vw;
    text-align: center;
                    }
                    .contact .content li:nth-of-type(2n+1) .item .img{
                        background: rgba(155, 232, 207, 0.3);
                    }
                    .contact .content li:nth-of-type(2n) .item .img{
                        background: rgba(255, 141, 26, 0.3);
                    }
                    .contact .content li .item .img img{
                        width: 7.11vw;
                        height:7.11vw; 
                        margin: 3.11vw;
                    }
                    .contact .content li .item .des{
                        line-height: 3.2vw;
    color: rgba(0, 0, 0, 0.8);
    text-align: center;
                    }
                    .contact .content li .box{
                        position: relative;
                    }
                    .contact .content li .box:after{
    content: '';
    display: block;
    width: 100%;
    height: 12vw;
    background: url(/static/index/pc/lxwm/contact_bg1.png) no-repeat;
    background-size: 20vw 12vw;
    background-position: center center;
    position: absolute;
    bottom: -5.33vw;
    z-index: 1;
                    }
                                        .contact .content li .btn{
                                            text-align: center;
                                            display: block;
                                            width: 20vw;
                                            height: 6.67vw;
                                            border-radius: 4vw;   
                                            font-size: 3.2vw;
    font-weight: 400;
    line-height: 6.67vw;

                                        }
                                        .contact .content li:nth-of-type(2n+1) .btn{
                                            color: rgba(2, 189, 127, 1); 
                                            background: rgba(2, 189, 127, 0.1);
                                        }
                                        .contact .content li:nth-of-type(2n) .btn{
                                            background: rgba(255, 141, 26, 0.1);
                                            color: rgba(255, 141, 26, 1);
                                        }
                                        /* .contact .content li .item:hover .img{
                                            animation: scale 1s linear infinite;
                                        } */
    
        }
/* @keyframes scale{
    0%{
        transform: scale(1);
    }
    20%{
        transform: scale(1.2);
    }
    40%{
        transform: scale(1.4);
    }
    60%{
        transform: scale(1.2);
    }
    80%{
        transform: scale(0.8);
    }
    100%{
        transform: scale(0.6);
    }
} */