.i-nav-list{ width: 100%; display: block; font-size: 0; box-sizing: border-box; padding: .84rem 10vw .4rem;}
.i-nav-list .list{ display: flex; justify-content: space-between; border-top: .12rem solid var(--maincolor); width: 100%;}
.i-nav-list .list ul{ margin-top: .52rem; flex-shrink: 1;}
.i-nav-list .list ul h2{ font-size: .24rem; line-height: .4rem; display: block; font-family:"arial black"; color: #7f7e7e; text-transform: uppercase; margin-bottom: .18rem;}
.i-nav-list .list ul li{ display: block;}
.i-nav-list .list ul li a{ display: block; line-height: 2; font-size: .16rem; color: #7f7e7e;}
.i-nav-list .list ul li a:hover{ color: var(--maincolor);}
.i-nav-list .list .i-contact{ width: 2.8rem; flex-shrink: 0; margin-top: .52rem;}
.i-nav-list .list .i-contact .tel{ display: flex; justify-content: left; align-items: center;}
.i-nav-list .list .i-contact .tel .icon{ width: .7rem; height: .74rem; font-family: 'iconfont'; font-size: .48rem; line-height: .74rem; text-align: center; color: #fff; background: var(--maincolor);}
.i-nav-list .list .i-contact .tel .text{ margin-left: .17rem;  align-items: center;}
.i-nav-list .list .i-contact .tel .text span{ color: #7f7e7e; font-size: .18rem; line-height: 1.5;}
.i-nav-list .list .i-contact .tel .text .num{ color: #7f7e7e; font-size: .18rem;  line-height: 1.5;}
.i-nav-list .list .i-contact .i-nav-logo{margin-top: .4rem;}
.i-nav-list .list .i-contact .i-nav-logo img{ max-width: 100%;}
.links { width: 100%; display: block; font-size: 0; margin-top: .5rem; box-sizing: border-box; padding: 0 10vw;}
.links > .tit{ width: 100%; display: block; height: .41rem; padding: .2rem 0 0; border-top: 1px solid #b6b6b6;}
.links > .tit h2{ display: inline-block; font-family: "Arial Black"; text-transform: uppercase; font-size: .24rem; color: #777; line-height: .3rem;}
.links .list {display: block; margin: 0 0 .2rem;}
.links .list a { display: inline-block; line-height: 1.5; font-size: .14rem; margin-right: .1rem; vertical-align: top; color: #000;}
.footer { width: 100%; display: block; font-size: 0; height: .6rem; padding-top: .5rem; box-sizing: border-box; padding: 0 10vw;}
.footer .bottom { width: 100%; display: block; border-top: 1px solid #bfbfbf;}
.footer .bottom span { font-size: .14rem; color: #7a7a7a; line-height: .6rem;}
.footer .bottom span.r { float: right;}
.footer .bottom span.r a { color: #7a7a7a;}

.footer .beian {color: #fff; margin: 0 .1rem;}
.footer .ewm{ position: absolute; bottom: 0; background: #fff; right: 50%; margin-right: -600px; width: 128px; box-sizing: border-box; padding: 10px;}
.footer .ewm img{ max-width: 100%;}
.footer .ewm span{ display: block; width: 100%; height: 36px; line-height: 36px; color: #222; font-size: 14px; text-align: center;}

@media screen and (max-width: 1440px){
    .footer{
        padding: 0 5vw;
    }
}
@media screen and (max-width: 768px){
    .i-nav-list{
        padding: 0 .2rem;
    }
    .i-nav-list .list{
        flex-wrap: wrap;
    }
    .i-nav-list .list ul{
        width: 100%;
        margin-top: .1rem;
        display: none;
    }
    .i-nav-list .list ul h2{
        margin-bottom: 0;
    }
    .i-nav-list .list ul li{
        width: 50%;
        display: inline-block;
    }
    .i-nav-list .list .i-contact{
        width: 100%;
    }
    .i-nav-list .list .i-contact .tel{
        justify-content: center;
    }
    .i-nav-list .list .i-contact .i-nav-logo{
        text-align: center;
    }
    .footer{
        height: auto;
    }
    .footer .bottom{
        text-align: center;
        padding: .1rem 0;

    }
    .footer .bottom span{
        font-size: .14rem;
        text-align: center;
        display: inline-block;
        line-height: .3rem;
    }
    .footer .bottom span.r{
        float: none;
    }
}