* {
	margin: 0;
	padding: 0;
	font-family: "microsoft yahei";
}

img {
	border: none;
}

a {
	text-decoration: none;
}

ol,
ul {
	list-style: none;
}

div {
	display: block;
}

.w1200 {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.pa {
	position: absolute;
}

.swiper-banner {
	width: 100%;
	height:100%;
}

.swiper-banner .swiper-slide {
	width: 100%;
	height:100%;
	color: #fff;
	display: block;
	background-size:100% 100% !important; 
}

.swiper-banner .swiper-slide .wrap {
	height: 520px;
}

.swiper-banner .swiper-slide .sl-left {
	top: 170px;
	left: 40px;
	width: 100%;
	z-index: 99999 !important
}

.swiper-banner .swiper-slide .t1 {
	top: 100px;
	left: 0px;
	font-size:76px;
	text-transform:uppercase
}

.swiper-banner .swiper-slide .t2 {
	top: 190px;
	left: 0px;
	font-size: 70px;
}

.swiper-banner .swiper-slide .t3 {
	top: 110px;
	left: 00px;
	font-size: 18px;
}

.swiper-banner .swiper-slide .btn {
	width: 170px;
	height: 40px;
	line-height: 40px;
	left: 00px;
	top: 160px;
	border: 1px solid #fff;
	border-radius: 2px;
	font-size: 16px;
	text-align: center;
}

.swiper-banner .swiper-slide .img1 {
	top: 110px;
	left: 490px;
}

.swiper-banner .swiper-slide .img2 {
	top: 0px;
	left: 700px;
}

.swiper-banner .swiper-slide .img3 {
	top: 100px;
	left: 650px;
}

.swiper-banner .swiper-slide.slide1 {
	background: url(../images/nav-bg1.jpg) no-repeat center center;
}

.swiper-banner .swiper-slide.slide2 {
	background: url(../images/nav-bg2.jpg) no-repeat center center;
}

.swiper-banner .swiper-slide.slide3 {
	background: url(../images/nav-bg3.jpg) no-repeat center center;
}

.swiper-banner .swiper-slide.slide4 {
	background: url(../images/nav-bg4.jpg) no-repeat center center;
}

.swiper-banner .swiper-slide.slide5 {
	background: url(../images/nav-bg5.jpg) no-repeat center center;
}
.swiper-banner .swiper-slide.slide6 {
	background: url(../images/nav-bg6.jpg) no-repeat center center;
}
.swiper-banner .swiper-slide.slide7 {
	background: url(../images/nav-bg7.jpg) no-repeat center center;
}
.swiper-banner .swiper-pagination {
	bottom: 130px!important;
}

.swiper-banner .swiper-pagination .swiper-pagination-bullet {
	width: 40px;
	height: 5px;
	border-radius: 0;
}

.swiper-banner .swiper-nav {
	width: 100%;
	height:100%;
	left: 0;
	top: 0;
	z-index: 999;
}

.swiper-banner .swiper-nav li {
	color: #fff;
	width: 16.5%;
	height: 100vh;
	border-right: 1px solid rgba(13,103,177,0.2);
/*	border-image: -webkit-linear-gradient(#0d67b1, transparent) 20 20;
    border-image: -moz-linear-gradient(#0d67b1, transparent) 20 20;
    border-image: -o-linear-gradient(#0d67b1, transparent) 20 20;
    border-image: linear-gradient(#0d67b1, transparent) 20 20;*/
	float: left;
	cursor: pointer;
	text-align: center;
	position: relative
}

.swiper-banner .swiper-nav li .icon {
	width: 65px;
	height: 100px;
	display: flex;
	float: left;
	justify-content: center;
	align-items: center;
}

.swiper-banner .swiper-nav li .info {
	float: left;
	width: 100%;
	height:100%;
}

.swiper-banner .swiper-nav li a{

	font-size: 18px;
	display: block;
	color: #fff;
	margin-top: 50px;
       height:100vh
}

.swiper-banner .swiper-nav li.active a:after{content: "";display: inline-block;width: 80px;height: 80px;background: url("../images/nav-btn.png")center center no-repeat;left: 0;right: 0; position: absolute;bottom:50px;text-align: center;margin:0 auto;}

.swiper-banner .swiper-nav li.active {
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.05) , transparent);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=rgba(255,255,255,0.05),endcolorstr=transparent,gradientType=1);


}
.swiper-banner .swiper-nav li.active div{border-top: #ffab08 5px solid;}