[v-cloak] {
    display: none;
}

body {
    background: #000000;
}

/* 头部 */
.nav {
    width: 100%;
    height: 82px;
    background: linear-gradient(180deg, #000000c1 0%, #00000000 100%);
}

.wrap {
    width: 1200px;
    height: 76px;
    display: flex;
    align-items: center;
    margin: 0 auto;
    border-bottom: 6px solid #ffaa00;
}

.wrap .logo {
    cursor:pointer;
    display: flex;
}

.wrap .logo img:nth-child(2) {
    margin-left: 11px;
}

.wrap .nav-product {
    flex: 0 1 50%;
    color: #fff;
    display: flex;
}

.wrap .nav-product ul {
    width: 100%;
    height: 82px;
    text-align: center;
    display: flex;
    align-items: center;
    padding-left: 30%;
}

    .wrap .nav-product ul li { cursor: pointer; flex: 1; font-size: 1.8rem; }

.wrap .nav-contact {
    flex: 0 1 30%;
    color: #fff;
}

.wrap .nav-contact ul {
    width: 71%;
    height: 82px;
    padding-left: 30%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.wrap .nav-contact ul li {
    flex: 1;
    font-size: 1.8rem;
    text-align: right;
}

/* 头部结束 */

/* 尾部开始 */

.footer {
    display: flex;
    flex-direction: column;
    background: #101010;
}

.footer .ft1 {
    flex: 0 1 80%;
    display: flex;
    justify-content: space-between;
}

.footer .ft1 .lf {
    padding: 2.7% 0 10.2% 5.1%;
}

.footer .ft1 .rt {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    min-width: 37rem;
}

.footer .ft1 .rt .row1 {
    font-size: 1.8rem;
    color: #ffba00;
    font-weight: bold;
}

.footer .ft1 .rt .row2 {
    font-size: 1.4rem;
    color: #fff;
}

.footer .ft1 .rt .row3 {
    display: flex;
    justify-content: space-around;
    width: 47%;
}

.footer .ft1 .rt .row3 a {
    flex: 0 1 30%;
}

.footer .ft2 {
    flex: 0 1 20%;
    display: flex;
    justify-content: space-between;
    color: #969696;
    font-size: 1.6rem;
    background-color: #000000;
}

.footer .ft2 .lf {
    padding: 1.6% 0 1.3% 3.3%;
}

.footer .ft2 .rt {
    padding: 1.6% 0 1.3% 0;
    min-width: 37rem;
}

.footer .ft2 .rt ul {
    display: flex;
}

.footer .ft2 .rt ul li {
    flex: 0 1 33%;
}

/* 尾部结束 */