header{ width: 100%; height: 94px; float: left; position: absolute; top: 0; z-index: 2; transition: all 0.3s ease-in-out;}
header .logo{ margin: 24px 0 0 36px; display: inline-block;}
header .logo img {width: 90%;}
header nav{ float: right; margin-right: 60px; position: relative;}
header nav ul{ float: left;}
header nav ul > li{ line-height: 53px; float: left; position: relative;}
header nav ul li a{ color: #909090; float: left; width: 110px; text-align: center; line-height: 94px; font-size: 18px; transition: all 0.3s ease-in-out;}
header nav ul li a:hover { color: #7fd925; }
header nav ul li .sub{ display:none; width: 200px; left:0; top: 43px;  position: absolute; background:#3c3b43; padding: 10px 15px; box-sizing: border-box; border-radius: 5px; }
header nav ul li .sub a{ color: #fff; font-size: 14px;}
header nav ul li .sub a:hover{ opacity: .7;}
header nav ul li .sub li{ line-height: .4rem;}
header nav ul li .sub::after{ content: "";width:0; position: absolute;  top: -5px; left: 30px; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #3c3b43; transition: all 0.3s ease-in-out;}
/*header:hover{ background: rgba(255,255,255,.5)}*/
header nav ul li a.cur{ color: #7fd925;}
header .menu { display: none; }
.menu-close {display: none;}
.nav-logo { display: none; }
/* banner */
.banner{ width: 100%; display: block; overflow:hidden; position:relative; font-size: 0}
.banner .hd{ display: none;}
.banner .bd{ position: relative; width: 100%; display: block;}
.banner .bd li{ zoom:1; vertical-align:middle; }
.banner .bd .img{ width: 100%; display: block;}
.banner .bd .img img{ max-width: 100%;}

.banner .bd li .text a i{ font-family: iconfont; margin-left: 10px; font-size: 18px; font-weight: bold;}

.banner .prev,
.banner .next{ position:absolute; left:3%; top:50%; background-color: rgba(255,255,255,.6); margin-top:-25px; display:block; width:50px; height:100px; line-height: 100px; font-family: iconfont; color: #000; text-align: center; font-size: 30px; font-weight: bold; filter:alpha(opacity=70); opacity:.7; }
.banner .next{ left:auto; right:3%; }
.banner .prev:hover,
.banner .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.banner .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23acd925'%2F%3E%3C%2Fsvg%3E");
    background-size: 18px;
}
.banner .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23acd925'%2F%3E%3C%2Fsvg%3E");
    background-size: 18px;
}

.loader {
	position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #fff;
}
.loader .icons {
	width: 48px;
    height: 16px;
    position: relative;
    display: flex;
    margin: 0px auto;
    top: 50%;
    margin-top: -20px;
}
.square1, .square2, .square3 {
	width: 16px; height: 16px;
    -webkit-animation: loading 2s cubic-bezier(.55,.055,.675,.19) .2s infinite;
    animation: loading 2s cubic-bezier(.55,.055,.675,.19) .2s infinite;
}
.square1 {
    background-color: #78fee0;
    animation-delay: -2.1s;
}
.square2 {
    animation-delay: -2.05s;
    background-color: #4bc2c5;
}
.square3 {
    animation-delay: -2s;
    background-color: #3b9a9c;
}
@keyframes loading {
0% {
    -webkit-transform: translate3d(0,-50px,0) rotate(-9deg);
    transform: translate3d(0,-50px,0) rotate(-9deg);
}
20% {
    -webkit-transform: translateZ(0) rotate(0);
    transform: translateZ(0) rotate(0);
}
25% {
    -webkit-transform: translate3d(0,-5px,0) rotate(2deg);
    transform: translate3d(0,-5px,0) rotate(2deg);
}
30% {
    -webkit-transform: translateZ(0) rotate(0);
    transform: translateZ(0) rotate(0);
}
60% {
    -webkit-transform: translateZ(0) rotate(0);
    transform: translateZ(0) rotate(0);
}
80% {
    -webkit-transform: translate3d(0,50px,0) rotate(9deg) scale3d(0,0,0);
    transform: translate3d(0,50px,0) rotate(9deg) scale3d(0,0,0);
}
100% {
    -webkit-transform: translate3d(0,50px,0) rotate(9deg) scale3d(0,0,0);
    transform: translate3d(0,50px,0) rotate(9deg) scale3d(0,0,0);
}

}