/*第一屏*/
.first-content,.second-content {
	width: 100vw;
	overflow: hidden;
	background-color: #051454;
}
.swiper-container1 {
	position: relative;
	width: 100%;
	height: auto;
}
.swiper-container1 .swiper-slide {
	padding: 170px 0px;
	height: 150px;
}
.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(../images/firstslide1.jpg);
	-webkit-background-size: cover;
	background-size: cover;
	text-align: center;
} 
.firstslide1 h2 {
	font-size: 30px;
	color: #fff;
	font-weight: 400;
}
.firstslide1 h3 {
	font-size: 16px;
	color: #fff;
	font-weight: lighter;
	line-height: 24px;
	margin-bottom: 30px;
}
.firstslide1 p {
	font-size: 14px;
	color: #fff;
	line-height: 26px;
}
.firstslide2 {
	background: url(../images/firstslide2.jpg);
	-webkit-background-size: cover;
	background-size: cover;
	text-align: center;
}
.firstslide2 p {
	font-size: 34px;
	color: #fff;
	line-height: 50px;
	padding-top: 25px;
}
.firstslide3 {
	background: url(../images/firstslide3.jpg);
	-webkit-background-size: cover;
	background-size: cover;
} 
.firstslide3 ul {
	padding-top: 45px;
	justify-content: space-around;
	align-items: center;
}
.firstslide3 ul li {
	text-align: center;
}
.firstslide3 ul li span:nth-child(1){
	font-size: 30px;
	color: #fff;
}
.firstslide3 ul li span:nth-child(2){
	font-size: 10px;
	color: #fff;
}
.firstslide4 {
	background: url(../images/firstslide4.jpg);
	-webkit-background-size: cover;
	background-size: cover;
} 
.firstslide4 p {
	text-align: center;
	font-size: 30px;
	color: #fff;
	line-height: 50px;
	padding-top: 25px;
}

/*第二屏*/
.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(../images/pagetwboxbg1.jpg);
	-webkit-background-size: cover;
	background-size: cover;
}
.secondslide2 {
	background: url(../images/pagetwboxbg2.jpg);
	-webkit-background-size: cover;
	background-size: cover;
}
.secondslide3 {
	background: url(../images/pagetwboxbg3.jpg);
	-webkit-background-size: cover;
	background-size: cover;
}
.secondslide4 {
	background: url(../images/pagetwboxbg4.jpg);
	-webkit-background-size: cover;
	background-size: cover;
}
.secondslide5 {
	background: url(../images/pagetwboxbg5.jpg);
	-webkit-background-size: cover;
	background-size: cover;
}
.secondslide6 {
	background: url(../images/pagetwboxbg6.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;
}
/*.pagetwbox  {
	position: relative;
	-webkit-background-size: cover;
	background-size: cover;
	text-align: center;
	color: #fff;
}

.page2 .pagetwbox {
	float: left;
	width: 33.33%;
    height: 50%;
    background-size: cover;
}
.pagetwtext {
	position: absolute;
	width: 100%;
    height: 100%;
    z-index: 2;
}
.page2 p {
	font-size: 22px;
	color: #fff!important;
}
.pagetwtext p:nth-child(1) {
	padding-top: 25%;
}
.page2 p span {
	font-size: 60px;
	color: #fff!important;
}
.page3,.page4,.page5,.page6,.page7 {
	position: relative;
}
.page3-bg,.page4-bg,.page5-bg,.page6-bg,.page7-bg {
	-webkit-background-size: cover;
	background-size: cover;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.page3-bg {
	background-image: url(../images/page3.jpg);
}
.page4-bg {
	background-image: url(../images/page4.jpg);
}
.page5-bg {
	background-image: url(../images/page5.jpg);
}
.page6-bg {
	background-image: url(../images/page6.jpg);
}
.page7-bg {
	background-image: url(../images/page7.jpg);
}
.page3-text,.page5-text ,.page7-text {
	padding-top: 13%;
	margin-left: 15%;
	color: #f6f6f6;
}
.page4-text,.page6-text {
	padding-top: 13%;
	margin-left: 50%;
	color: #f6f6f6;
}
.pagetit {
	font-size: 66px;
	padding-bottom: 10px;
}
.pagetiten {
	font-size: 48px;
	padding-bottom: 60px;
}
.pageinfor {
	color: #898989;
	font-size: 20px;
	line-height: 27px;
	padding-bottom: 100px;
}
.pagemore {
	display: block;
	width: 210px;
	height: 63px;
	line-height: 63px;
	background-color: #fff;
	border-radius: 15px;
	color: #0b385b;
	font-size: 22px;
	text-align: center;
}

.swiper-slide-active .page3-bg,.swiper-slide-active .page4-bg,.swiper-slide-active .page5-bg,.swiper-slide-active .page6-bg,.swiper-slide-active .page7-bg {
	animation: pageImg 6s forwards;
    -webkit-animation: pageImg 6s forwards;
}
@keyframes pageImg {
    0% {
        transform: scale(1)
    }
    100% {
        transform: scale(1.2)
    }
}

@-webkit-keyframes pageImg {
    0% {
        -webkit-transform: scale(1)
    }
    100% {
        -webkit-transform: scale(1.2)
    }
}
.swiper-pagination-bullet {
	border: 2px solid #fff;
	background-color: transparent!important;
}
.swiper-pagination-bullet-active {
	background: #fff!important;
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 12px 0!important;
}