@charset "utf-8";
/* Scss Document */
@import url(../images/stylesheet.css);
@import url(../images/font.css);

.header .topimg {
    position: relative;
    z-index: 0;
}

.header .topimg .slick-list li {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    height: calc(100vh - 60px);
    position: relative;
}

@media screen and (max-width: 1000px) {
    .header .topimg .slick-list li {
        height: calc(100vw * 0.469);
    }
}

@media screen and (max-width: 400px) {
    .header .topimg .slick-list li {
        height: calc(100vw * 0.6);
    }
}

.header .topimg .slick-list li a {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 1000px) {
    .header .topimg .slick-list li a {
        background-size: 7%;
    }
}

.header .topimg .arrow {
    position: absolute;
    top: 50%;
    height: 119px;
    width: 62px;
    margin-top: -60px;
    cursor: pointer;
    z-index: 1000;
}

.header .topimg .arrow i {
    line-height: 65px;
}

.header .topimg .arrow.pre {
    left: 30px;
    opacity: 0.6;
    filter: alpha(opacity=60);
    background: url(../images/jiantou-left.png) no-repeat;
}

.header .topimg .arrow.next {
    right: 30px;
    opacity: 0.6;
    filter: alpha(opacity=60);
    background: url(../images/jiantou-right.png) no-repeat;
}

.header .topimg .arrow:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.header .topimg .slick-dots {
    display: none !important;
}

@media screen and (max-width: 1280px) {
    .header .topimg .arrow.pre {
        background: url(../images/jiantou-left.png) no-repeat;
        background-size: 50px 50px;
    }

    .header .topimg .arrow.next {
        background: url(../images/jiantou-right.png) no-repeat;
        background-size: 50px 50px;
    }

    .header .topimg .arrow {
        width: 50px;
        height: 50px;
        margin-top: -25px;
    }
}

@media screen and (max-width: 800px) {
    .header .topimg .arrow.pre {
        background: url(../images/jiantou-left.png) no-repeat;
        background-size: 30px 30px;
    }

    .header .topimg .arrow.next {
        background: url(../images/jiantou-right.png) no-repeat;
        background-size: 30px 30px;
    }

    .header .topimg .arrow {
        width: 30px;
        height: 30px;
        margin-top: -15px;
    }

    .header .topimg .arrow.next {
        right: 15px;
    }

    .header .topimg .arrow.pre {
        left: 15px;
    }

    .header .topimg .arrow.pre, .header .topimg .arrow.next {
        opacity: 0.8;
    }
}