.head{
    position: fixed;
    width:100%;
    height:75px;
    background: rgba(255, 255, 255, 0);
    padding:0 5%;
    box-sizing: border-box;
    z-index: 20;
    transition: all 0.4s ease;
}
.head.scroll{
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(30px);
}
.head .logo{
    float:left;
    width:auto;
    height:45px;
    margin-top: 15px;
    margin-right: 3vw;
}
.head .nav{
    float:left;
}
.head .nav li{
    float:left;
    font-size: 0.8vw;
    line-height: 75px;
    color:#333;
    padding:0 20px;
    box-sizing: border-box;
}
.head .head_right{
    float:right;
}
.head .head_right .phone{
    float:left;
    font-size: 1vw;
    font-weight: bold;
    color:#FC5632;
    line-height: 35px;
    margin-top: 20px;
    margin-right: 25px;
}
.head .head_right .dowdload_btn{
    float:left;
}
.head .head_right .more_btn{
    float:left;
}
.head .head_btn{
    width:90px;
    height:35px;
    line-height: 35px;
    text-align: center;
    border-radius: 20px;
    background: #FC5632;
    margin-top: 20px;
    margin-left: 0.8vw;
    transition: all 0.3s ease;
    box-shadow: 0 0 10px 2px rgb(0 0 0 / 2%);
}
.head .head_btn a{
    font-size: 14px;
    color:#fff;
}
.head .head_btn:hover{
    background: #fc3205;
}

/* footer */
#footer{
    width:100%;
    height:60vw;
    overflow: hidden;
    background: url(./images/footer_bg.png) no-repeat center center / cover;
    /* margin-top: 100px; */
}
.footer .ewm{
    width:100%;
    height:28vw;
    padding:8vw 25%;
    box-sizing: border-box;
}
.footer .ewm .text{
    float: left;
    margin-top: 2vw;
}
.footer .ewm .text .Q{
    font-size: 2vw;
    color:#fff;
    line-height: 1.5;
}
.footer .ewm .text .A{
    font-size: 3vw;
    color:#fff;
    font-weight: bold;
    line-height: 1.5;
}
.footer .ewm .pic{
    float: right;
}
.footer .ewm .pic img{
    width:12vw;
    height:12vw;
}
.footer .content{
    width:100%;
    height:32vw;
    background: rgba(0,0,0,0.3);
    padding:5vw 3% 5vw 5%;
    box-sizing: border-box;
}
.footer .content .info{
    float:left;
    width:26vw;
    margin-right: 2vw;
}
.footer .content .info .logo{
    height:3.8vw;
}
.footer .content .info .logo img{
    height:100%;
    width:auto;
}
.footer .content .info .text{
    margin-top: 3vw;
}
.footer .content .info .phone{
    font-size: 2.5vw;
    line-height: 2.5vw;
    font-weight: bold;
    color:#fff;
    opacity: 0.98;
    margin-bottom: 0.5vw;
}
.footer .content .info .phone img{
    width:2vw;
    height:2vw;
    vertical-align: middle;
}
.footer .content .info .address{
    font-size: 1vw;
    color:#fff;
    opacity: 0.98;
}
.footer .content .info .FAQ{
    margin-top: 5vw;
}
.footer .content .info .FAQ a,
.footer .content .info .FAQ span{
    font-size: 1vw;
    color:#D6D6D6;
}
.footer .content .info .FAQ span{
    margin:0 2px;
}
.footer .content .pro_nav{
    float:left;
    width:calc(100% - 28vw);
}
.footer .content .pro_nav li{
    float:left;
    width:32%;
    height:140px;
    margin-bottom: 20px;
}
.footer .content .pro_nav li:nth-child(3n+2){
    margin-left: 2%;
    margin-right: 2%;
}
.footer .content .pro_nav li img{
    width:auto;
    height:25px;
}
.footer .content .pro_nav li .tit{
    font-size: 0.8vw;
    color:#fff;
    font-weight: bold;
    line-height: 1.5;
    margin:3px auto;
}
.footer .content .pro_nav li .desc{
    font-size: 0.7vw;
    color:#fff;
    line-height: 1.5;
    opacity: 0.6;
    padding-right: 1vw;
    box-sizing: border-box;
}

.footer .content .beian{
    position: absolute;
    width:90%;
    left:5%;
    bottom:0;
    height:6vw;
    line-height: 6vw;
    border-top:1px solid rgb(31, 37, 62);
    text-align: center;
}
.footer .content .beian a{
    font-size: 1vw;
    color:rgba(255,255,255,0.6);
}


@media (max-width: 1680px){
    .footer .content .pro_nav li{
        height:120px;
    }
}
@media (max-width: 1440px){
    .footer .content .pro_nav li .tit{
        font-size: 0.9vw;
    }
    .footer .content .pro_nav li .desc{
        font-size: 0.8vw;
    }
    .footer .content .pro_nav li img{
        height:22px;
    }
}
@media (max-width: 1280px){
    .footer .content .pro_nav li{
        height:100px;
    }
}