/*第一屏*/
.first-content,.second-content {
	width: 100vw;
	overflow: hidden;
	background-color: #051454;
}
.swiper-container1 {
	position: relative;
	width: 100%;
	height: auto;
}
.swiper-container1 .swiper-slide {
	padding: 75px 0px;
}
.swiper-pagination {
    z-index: 2;
}
.swiper-pagination-bullet {
	background: #a7a7a7;
	opacity: 1;
}
.swiper-pagination-bullet-active {
	background-color: #e60012;
}
.header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
    z-index: 3;
}
.firstslide1 {
	background: url(../img/1.png);
	-webkit-background-size: contain;
	background-size: contain;
} 

.firstslide2 {
	background: url(../img/002.jpg);
	-webkit-background-size: contain;
	background-size: contain;
}

.firstslide3 {
	background: url(../003.jpg);
	-webkit-background-size: contain;
	background-size: contain;
} 
.firstslide4 {
	background: url(../img/1.png);
	-webkit-background-size: contain;
	background-size: contain;
} 

/*第二屏*/
.swiper-container2 {
	position: relative;
	width: 100%;
	height: auto;
}
.swiper-container2 .swiper-slide {
	position: relative;
	height: 120px;
	padding: 55px 0px;
}
.swiper-pagination-bullet {
	background: #a7a7a7;
	opacity: 1;
}
.swiper-pagination-bullet-active {
	background-color: #e60012;
}
.backopac {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
    height: 100%;
    /*background-color: rgba(0,32,171,0.5);*/
}
.secondslide1 {
	background: url(../img/1.png);
	-webkit-background-size: cover;
	background-size: cover;
}
.secondslide2 {
	background: url(../img/002.jpg);
	-webkit-background-size: cover;
	background-size: cover;
}
.secondslide3 {
	background: url(../003.jpg);
	-webkit-background-size: cover;
	background-size: cover;
}
.secondslide4 {
	background: url(../img/1.png);
	-webkit-background-size: cover;
	background-size: cover;
}
.secondslide5 {
	background: url(../img/002.jpg);
	-webkit-background-size: cover;
	background-size: cover;
}
.secondslide6 {
	background: url(../003.jpg);
	-webkit-background-size: cover;
	background-size: cover;
}
.swiper-container2 .swiper-slide .pagetwtext {
	color: #fff;
	text-align: center;
}
.swiper-container2 .swiper-slide .pagetwtext p {
	line-height: 40px;
	padding-top: 20px;
	font-size: 16px;
}
.swiper-container2 .swiper-slide .pagetwtext p.secoendtp {
	padding: 0;
}
.swiper-container2 .swiper-slide .pagetwtext p>span {
	font-size: 40px;
	padding-right: 5px;
}
.swiper-button-prev, .swiper-button-next {
	width: 30px;
	height: 30px;
	margin-top: -15px;
	z-index: 2;
}
.cssanimations [data-am-scrollspy*=animation] {
    opacity: 0;
}
.am-animation-slide-bottom {
    -webkit-animation-name: am-slide-bottom;
    animation-name: am-slide-bottom;
}
[class*=am-animation-] {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes am-slide-bottom {
	0% {
		opacity: 0;
		-webkit-transform: translateY(100%);
		transform: translateY(100%)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}
@keyframes am-slide-bottom {
	0% {
		opacity: 0;
		-webkit-transform: translateY(100%);
		transform: translateY(100%)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}
/*后几屏*/
.indexcontent {
	padding: 100px 0px 80px 0;
    height: 310px;
    color: #fff;
    text-align: center;
}
.indexcontent h2 {
	font-size: 30px;
	font-weight: 500;
	margin-bottom: 10px;
}
.indexcontent h3 {
	font-size: 22px;
	font-weight: lighter;
	line-height: 22px;
	margin-bottom: 20px;
}
.indexcontent p {
	margin: 0 auto;
	font-size: 12px;
	font-weight: lighter;
	line-height: 20px;
	margin-bottom: 30px;
}
.indexcontent a {
	display: block;
	width: 98px;
	height: 26px;
	background-color: #fff;
	text-align: center;
	line-height: 26px;
	border-radius: 10px;
	color: #0b385b;
	margin: 0 auto;
}
.third-content {
	background: url(../images/thirdcontent.jpg);
	-webkit-background-size: cover;
	background-size: cover;
}
.fourth-content {
	background: url(../images/fourthcontent.jpg);
	-webkit-background-size: cover;
	background-size: cover;
}
.fifth-content {
	background: url(../images/fifthcontent.jpg);
	-webkit-background-size: cover;
	background-size: cover;
}
.sixth-content {
	background: url(../images/sixthcontent.jpg);
	-webkit-background-size: cover;
	background-size: cover;
}
.seventh-content {
	background: url(../images/seventhcontent.jpg);
	-webkit-background-size: cover;
	background-size: cover;
}