.loginafter>a{
	display: block;
	color: #fff;
	text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 52px;
}
/*.nav>li>a{color: #fff;}*/
.swiper-container1 {
	position: relative;
	width: 100%;
	height: 100vh;
}
.swiper-container,.swiper-wrapper,.swiper-slide {
	width: 100%;
	height: 100vh;
}
.firstslide1 {
	/*background: url(../images/firstslide1.jpg);*/
	-webkit-background-size: cover;
	background-size: cover;
	text-align: center;
	display: flex;
	align-items: center;
} 
.swiper-container1 .swiper-slide {
	display: flex;
	align-items: center;
}
.swiper-container1 .swiper-slide>div {
	margin: 0 auto;
}
.swiper-pagination {
    z-index: 2;
}
.swiper-pagination-bullet {
	background: #a7a7a7;
	opacity: 1;
	width: 12px;
	height: 12px;
	    margin: 0 12px!important;
}
.swiper-pagination-bullet-active {
    background-color: #e60012;

}
.firstslide1 h2 {
	font-size: 50px;
	color: #fff;
	font-weight: 400;
}
.firstslide1 h3 {
	font-size: 26px;
	color: #fff;
	font-weight: lighter;
	line-height: 50px;
	margin-bottom: 30px;
}
.firstslide1 p {
	font-size: 20px;
	color: #fff;
	line-height: 36px;
}
.firstslide2 {
	/*background: url(../images/firstslide2.jpg);*/
	-webkit-background-size: cover;
	background-size: cover;
	text-align: center;
}
.firstslide2 p {
	font-size: 50px;
	color: #fff;
	line-height: 80px;
	padding-top: 25px;
}
.firstslide3 {
	/*background: url(../images/firstslide3.jpg);*/
	-webkit-background-size: cover;
	background-size: cover;
} 
.firstslide3 ul {
	width: 720px;
	justify-content: space-around;
	align-items: center;
}
.firstslide3 ul li {
	text-align: center;
}
.firstslide3 ul li span:nth-child(1){
	display: block;
	font-size: 50px;
	color: #fff;
}
.firstslide3 ul li span:nth-child(2){
	font-size: 26px;
	color: #fff;
}
.firstslide4 {
	/*background: url(../images/firstslide4.jpg);*/
	-webkit-background-size: cover;
	background-size: cover;
} 
.firstslide4 p {
	text-align: center;
	font-size: 50px;
	color: #fff;
	line-height: 80px;
	padding-top: 25px;
}
.page {
	width: 100%;
	height: 100%;
}
.headerwrap {

	position: absolute;
	top: 0;
	left: 0;
	right: 0;
    z-index: 3;
    background-color: #fff;
}
.page2 .pagetwbox1 {
	/*background: url(../images/pagetwboxbg1.jpg);*/
} 
.page2 .pagetwbox2 {
	/*background: url(../images/pagetwboxbg2.jpg);*/
} 
.page2 .pagetwbox3 {
	/*background: url(../images/pagetwboxbg3.jpg);*/
} 
.page2 .pagetwbox4 {
	/*background: url(../images/pagetwboxbg4.jpg);*/
} 
.page2 .pagetwbox5 {
	/*background: url(../images/pagetwboxbg5.jpg);*/
}
.page2 .pagetwbox6 {
	/*background: url(../images/pagetwboxbg6.jpg);*/
}
.pagetwbox  {
	position: relative;
	-webkit-background-size: cover;
	background-size: cover;
	text-align: center;
	color: #fff;
}
.backopac {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
    height: 100%;
    /*background-color: rgba(0,32,171,0.5);*/
}
.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-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 12px 0!important;
}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
}
.swiper-pagination1 {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
}