@charset "utf-8";
/* Scss Document */
@import url(../css/stylesheet.css);
@import url(../css/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;}
}