﻿.index-page .header{

	position: absolute;

	top: 50px;

	left: 50px;

	right: 50px;

	z-index: 9;

}

.index-page .header .logo{

	float: left;

	width: 600px;

	height: 46px;

	background-repeat: no-repeat;

	background-size: 100% auto;

	background-image: url(img/index_header_logo.png);

	background-position: center top;

}

.index-page .header .menu{

	float: right;

	width: 40px;

	height: 40px;

	background-repeat: no-repeat;

	background-size: 100% auto;

	background-image: url(img/index_header_menu.png);

	background-position: center top;

	cursor: pointer;

	position: relative;

}

.index-page .header .menu p{

	position: absolute;

	left: 0;

	top: 100%;

	margin-top: 10px;

	width: 100%;

	text-align: center;

	font-size: 14px;

	color: #fff;

	font-weight: lighter;

}

.index-page .header.active .logo,.index-page .header.active .menu{

	background-position: center bottom;

}

.index-page .header.active .menu p{

	color: #333;

}

.index-page .footer{

	color: rgba(204,204,204,0.5);

}

.index-page .footer.active{

	color: #999;

}

.index-page .swiper-container-v{

	width: 100%;

	height: 100%;

}

.index-page .swiper-container-v .swiper-slide{

	background-size: 100% auto;

	background-repeat: no-repeat;

	background-position: center center;

}

.index-page .swiper-container-v .swiper-slide.page2{

	background-image: url(img/index_page2_bg.jpg);

}

.index-page .swiper-container-v .swiper-slide.page3{

	background-image: url(img/index_page3_bg.jpg);

}

.index-page .swiper-container-v .swiper-slide.page4{

	background-image: url(img/index_page4_bg.jpg);

}

.index-page .swiper-container-v .swiper-slide.page5{

	background-image: url(img/index_page4_bg.jpg);

}

.index-page .swiper-container-v .swiper-slide.page1{

	display: flex;

	align-items: center;

	justify-content: center;

	flex-direction: column;

	-webkit-display: flex;

	-webkit-align-items: center;

	-webkit-justify-content: center;

	-webkit-flex-direction: column;

}

.index-page .swiper-container-v .swiper-slide.page1 video{

	position: fixed;

    right: 0;

    bottom: 0;

    min-width: 100%;

    min-height: 100%;

    width: auto;

    height: auto;

    z-index: -100;

	background: url('img/bg.jpg') no-repeat;

    background-size: cover;

}

.index-page .swiper-container-v .swiper-slide.page1 .cover{

	background-color: rgba(0,0,0,0.5);

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	z-index: 1;

}

.index-page .swiper-container-v .swiper-slide.page1 .top{

	transition: all 0.5s 0.5s;

	-webkit-transition: all 0.5s 0.5s;

	opacity: 0;

	position: relative;

	top: -20px;

	margin-bottom: 5%;

	z-index: 2;

	text-align: center;

	width: 100%;

}

.index-page .swiper-container-v .swiper-slide.page1.active .top{

	top: 0;

	opacity: 1;

}

.index-page .swiper-container-v .swiper-slide.page1 .top h5{

	font-size: 20px;

	color: rgba(255,255,255,0.7);

	font-weight: normal;

	font-family:'Noto Sans SC';

	margin-bottom: 35px;

	margin-top: 130px;

}

.index-page .swiper-container-v .swiper-slide.page1 .top h3{

	font-size: 46px;

	color: #fff;

	font-weight: normal;

	margin-bottom: 35px;

	letter-spacing: 3px;

}

.index-page .swiper-container-v .swiper-slide.page1 .top h3 span{

	color: #a0e457;

}

.index-page .swiper-container-v .swiper-slide.page1 .top .line{

	width: 40px;

	height: 2px;

	background-color: #fff;

	margin: 0 auto;

}

.index-page .swiper-container-v .swiper-slide.page1 p{

	font-size: 20px;

	font-weight: lighter;

	color: rgba(255,255,255,0.7);

	line-height: 36px;

	transition: all 0.5s 0.8s;

	-webkit-transition: all 0.5s 0.8s;

	opacity: 0;

	position: relative;

	top: -20px;

	z-index: 2;

}

.index-page .swiper-container-v .swiper-slide.page1.active p{

	opacity: 1;

	top: 0;

}

.index-page .swiper-container-v .swiper-slide.page2{

	font-size: 0;

	text-align: center;

}

.index-page .swiper-container-v .swiper-slide.page2 .line-h.web{

	position: absolute;

	left: 0;

	top: 50%;

	width: 100%;

	height: 1px;

	background-color: rgba(255,255,255,0.15);

	margin-top: 50px;

	transition: all 2s;

	-webkit-transition: all 2s;

	transform: scaleX(0);

	-webkit-transform: scaleX(0);

}

.index-page .swiper-container-v .swiper-slide.page2.swiper-slide-active .line-h.web{

	transform: scaleX(1);

	-webkit-transform: scaleX(1);

}

.index-page .swiper-container-v .swiper-slide.page2 .box{

	vertical-align: top;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	-webkit-display: inline-flex;

	-webkit-align-items: center;

	-webkit-justify-content: center;

	height: 100%;

	position: relative;

}

.index-page .swiper-container-v .swiper-slide.page2 .box.box2{

	margin: 0 14%;

}

.index-page .swiper-container-v .swiper-slide.page2 .box .line-v.web{

	height: 100%;

	width: 1px;

	background-color: rgba(255,255,255,0.15);

	position: absolute;

	right: 0;

	top: 0;

	transition: all 2s;

	-webkit-transition: all 2s;

	transform: scaleY(0);

	-webkit-transform: scaleY(0);

}

.index-page .swiper-container-v .swiper-slide.page2.swiper-slide-active .box .line-v.web{

	transform: scaleY(1);

	-webkit-transform: scaleY(1);

}

.index-page .swiper-container-v .swiper-slide.page2 .box .num{

	font-size: 122px;

	color: #fff;

	font-family: 'Noto Sans SC';

	background-position: top right;

	background-repeat: no-repeat;

	height: 170px;

}

.index-page .swiper-container-v .swiper-slide.page2 .box.box1 .num{

	background-image: url(img/index_page2_box1_bg.png);

	padding-right: 40px;

}

.index-page .swiper-container-v .swiper-slide.page2 .box.box2 .num{

	background-image: url(img/index_page2_box2_bg.png);

	padding-right: 40px;

}

.index-page .swiper-container-v .swiper-slide.page2 .box.box3 .num{

	background-image: url(img/index_page2_box3_bg.png);

	padding-right: 40px;

}

.index-page .swiper-container-v .swiper-slide.page3{

	display: flex;

	align-items: center;

	justify-content: center;

	-webkit-display: flex;

	-webkit-align-items: center;

	-webkit-justify-content: center;

}

.index-page .swiper-container-fade{

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	transition: all 1s;

	-webkit-transition: all 1s;

	opacity: 0;

}

.index-page .swiper-container-fade.active{

	opacity: 1;

}

.index-page .swiper-container-fade .swiper-slide{

	background-size: 100% auto;

	background-repeat: no-repeat;

	background-position: center center;

}

.index-page .swiper-container-fade .swiper-slide.bg1{

	background-image: url(img/index_page3_bg1.jpg);

}

.index-page .swiper-container-fade .swiper-slide.bg2{

	background-image: url(img/index_page3_bg2.jpg);

}

.index-page .swiper-container-fade .swiper-slide.bg3{

	background-image: url(img/index_page3_bg3.jpg);

}

.index-page .swiper-container-fade .swiper-slide.bg4{

	background-image: url(img/index_page3_bg4.jpg);

}

.index-page .swiper-container-fade .swiper-slide.bg5{

	background-image: url(img/index_page3_bg5.jpg);

}

.index-page .swiper-container-fade .swiper-slide.bg6{

	background-image: url(img/index_page3_bg6.jpg);

}

.index-page .swiper-container-fade .swiper-slide.bg7{

	background-image: url(img/index_page3_bg7.jpg);

}

.index-page .swiper-container-fade .swiper-slide.bg8{

	background-image: url(img/index_page3_bg8.jpg);

}

.index-page .swiper-container-fade .swiper-slide.bg9{

	background-image: url(img/index_page3_bg9.jpg);

}

.index-page .swiper-container-fade .swiper-slide.bg10{

	background-image: url(img/index_page3_bg10.jpg);

}

.index-page .swiper-container-v .swiper-slide.page3 ul{

	width: 80%;

	font-size: 0;

	position: relative;

	z-index: 2;

}

.index-page .swiper-container-v .swiper-slide.page3 ul li{

	width: 20%;

	display: inline-block;

	vertical-align: top;

	border: 1px solid rgba(255,255,255,0.15);

}

.index-page .swiper-container-v .swiper-slide.page3 ul li a{

	display: flex;

	justify-content: flex-end;

	align-items: flex-end;

	-webkit-display: flex;

	-webkit-justify-content: flex-end;

	-webkit-align-items: flex-end;

	padding: 25px;

	height: 210px;

}

.index-page .swiper-container-v .swiper-slide.page3 ul li:hover{

	border-color: transparent;

	align-items: center;

	justify-content: space-between;

	-webkit-align-items: center;

	-webkit-justify-content: space-between;

	opacity: 0.75;

}

.index-page .swiper-container-v .swiper-slide.page3 ul li:nth-child(1):hover{

	background-color: #e13643;

}

.index-page .swiper-container-v .swiper-slide.page3 ul li:nth-child(2):hover{

	background-color: #3652e1;

}

.index-page .swiper-container-v .swiper-slide.page3 ul li:nth-child(3):hover{

	background-color: #7bb939;

}

.index-page .swiper-container-v .swiper-slide.page3 ul li:nth-child(4):hover{

	background-color: #d89a13;

}

.index-page .swiper-container-v .swiper-slide.page3 ul li:nth-child(5):hover{

	background-color: #008C8C;

}

.index-page .swiper-container-v .swiper-slide.page3 ul li:nth-child(6):hover{

	background-color: #31BBCE;

}

.index-page .swiper-container-v .swiper-slide.page3 ul li:nth-child(7):hover{

	background-color: #8C6900;

}

.index-page .swiper-container-v .swiper-slide.page3 ul li:nth-child(8):hover{

	background-color: #008040;

}

.index-page .swiper-container-v .swiper-slide.page3 ul li:nth-child(9):hover{

	background-color: #2693FF;

}

.index-page .swiper-container-v .swiper-slide.page3 ul li:nth-child(10):hover{

	background-color: #FF8000;

}

.index-page .swiper-container-v .swiper-slide.page3 ul li img{

	display: none;

}

.index-page .swiper-container-v .swiper-slide.page3 ul li:hover img{

	display: block;

}

.index-page .swiper-container-v .swiper-slide.page3 ul li .text{

	text-align: right;

}

.index-page .swiper-container-v .swiper-slide.page3 ul li .text p{

	font-size: 12px;

	color: #fff;

	font-family: 'Noto Sans SC';

	text-transform: uppercase;

	margin-bottom: 16px;

}

.index-page .swiper-container-v .swiper-slide.page3 ul li .text h5{

	font-size: 28px;

	color: #fff;

	font-weight: normal;

}

.index-page .swiper-container-v .swiper-slide.page4{
	
	

	align-items: center;

	justify-content: center;

	-webkit-display: flex;

	-webkit-align-items: center;

	-webkit-justify-content: center;

}

.index-page .swiper-container-h{

	width: 81.25%;

}

.index-page .swiper-container-h .swiper-wrapper{

	margin-bottom: 0px;

}

.index-page .swiper-container-h .swiper-slide:hover{

	box-shadow: 0px 15px 30px rgba(0,0,0,0.15);

}

.index-page .swiper-container-h .swiper-slide a{

	display: block;

}

.index-page .swiper-container-h .swiper-slide img{

	width: 100%;

}

.index-page .swiper-container-h .swiper-slide .text-box{

	border: 1px solid #eee;

	padding: 16px;

}

.index-page .swiper-container-h .swiper-slide .text-box .line{

	width: 40px;

	height: 2px;

	background-color: #e60012;

	margin-bottom: 16px;

}

.index-page .swiper-container-h .swiper-slide .text-box h5{

	font-size: 18px;

	color: #000;

	font-weight: normal;

	line-height: 30px;

	margin-bottom: 26px;

	height: 60px;

}

.index-page .swiper-container-h .swiper-slide .text-box p{

	font-size: 14px;

	color: #333;

	line-height: 28px;

	margin-bottom: 60px;

	height: 84px;

}

.index-page .swiper-container-h .swiper-slide .text-box .more{

	font-size: 12px;

	font-family: 'Noto Sans SC';

	color: #333;

}

.index-page .swiper-container-h .swiper-slide:hover .text-box .more{

	color: #e60012;

}

.index-page .swiper-container-h .swiper-slide .text-box .more span{

	display: inline-block;

	vertical-align: middle;

	margin-left: 18px;

	width: 23px;

	height: 13px;

	background-repeat: no-repeat;

	background-size: 100% auto;

	background-position: center top;

	background-image: url(img/index_page4_more.png);

}

.index-page .swiper-container-h .swiper-slide:hover .text-box .more span{

	background-position: center bottom;

}

.index-page .swiper-container-h .slide-nav{

	text-align: center;

}

.index-page .swiper-container-h .swiper-pagination-h{

	font-size: 14px;

	color: #999;

	font-family: 'Noto Sans SC';

	margin-right: 28px;

	position: static;

	display: inline-block;

	vertical-align: bottom;

	width: auto;

}

.index-page .swiper-container-h .swiper-pagination-h .swiper-pagination-current{

	color: #e60012;

	font-size: 22px;

}

.index-page .swiper-container-h .swiper-button-prev,.index-page .swiper-container-h .swiper-button-next{

	position: static;

	margin-top: 0;

	

	vertical-align: bottom;

	width: 40px;

	height: 40px;

	border: 1px solid #999;

	background-image: none;

	text-align: center;

	line-height: 38px;

}

.index-page .swiper-container-h .swiper-button-prev:hover,.index-page .swiper-container-h .swiper-button-next:hover{

	background-color: #e60012;

	border-color: #e60012;

}

.index-page .swiper-container-h .swiper-button-prev{

	margin-right: 10px;

}

.index-page .swiper-container-h .swiper-button-prev span,.index-page .swiper-container-h .swiper-button-next span{

	background-repeat: no-repeat;

	background-position: center top;

	background-size: 100% auto;

	width: 11px;

	height: 19px;

	display: inline-block;

	vertical-align: middle;

}

.index-page .swiper-container-h .swiper-button-prev:hover span,.index-page .swiper-container-h .swiper-button-next:hover span{

	background-position: center bottom;

}

.index-page .swiper-container-h .swiper-button-prev span{

	background-image: url(img/index_page4_prev.png);

	margin-top: 10px;

}

.index-page .swiper-container-h .swiper-button-next span{

	background-image: url(img/index_page4_next.png);

	margin-top: 10px;

}

.index-page .swiper-container-v .swiper-slide.page5{

	display: flex;

	align-items: center;

	justify-content: center;

	-webkit-display: flex;

	-webkit-align-items: center;

	-webkit-justify-content: center;

}

.index-page .swiper-container-v .swiper-slide.page5 .text-box{

	position: relative;

	left: -100%;

	transition: all 1s;

	-webkit-transition: all 1s;

	opacity: 0;

}

.index-page .swiper-container-v .swiper-slide.page5.swiper-slide-active .text-box{

	opacity: 1;

	left: 0;

}

.index-page .swiper-container-v .swiper-slide.page5 .text-box h3{

	font-size: 45px;

	color: #222;

	font-family: 'Noto Sans SC';

	font-weight: bold;

	margin-bottom: 28px;

}

.index-page .swiper-container-v .swiper-slide.page5 .text-box h4{

	font-size: 24px;

	color: #222;

	font-weight: normal;

	margin-bottom: 26px;

}

.index-page .swiper-container-v .swiper-slide.page5 .text-box .line{

	width: 60px;

	height: 2px;

	background-color: #e60012;

	margin-bottom: 40px;

}

.index-page .swiper-container-v .swiper-slide.page5 .text-box li{

	display: flex;

	align-items: flex-start;

	-webkit-display: flex;

	-webkit-align-items: flex-start;

	margin-bottom: 24px;

}

.index-page .swiper-container-v .swiper-slide.page5 .text-box li:last-child{

	margin-bottom: 0;

}

.index-page .swiper-container-v .swiper-slide.page5 .text-box li img{

	margin-right: 25px;

}

.index-page .swiper-container-v .swiper-slide.page5 .text-box li h5{

	font-size: 18px;

	color: #333;

	font-weight: normal;

	margin-bottom: 18px;

}

.index-page .swiper-container-v .swiper-slide.page5 .text-box li p{

	font-size: 14px;

	color: #333;

	margin-bottom: 14px;

}

.index-page .swiper-container-v .swiper-slide.page5 .text-box li p:last-child{

	margin-bottom: 0;

}

.index-page .swiper-container-v .swiper-slide.page5 .map1{

    display: none;

}

.index-page .swiper-container-v .swiper-slide.page5 .map{

	width: 55%;

	margin-left: 6%;

	overflow: hidden;

	position: relative;

	right: -100%;

	transition: all 1s;

	-webkit-transition: all 1s;

	opacity: 0;

}

.index-page .swiper-container-v .swiper-slide.page5.swiper-slide-active .map{

	right: 0;

	opacity: 1;

}

.index-page .swiper-container-v .swiper-slide.page5 .map .bg{

	width: 100%;

}

.index-page .swiper-container-v .swiper-slide.page5 .map .icon{

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	animation: mapicon 1s 1s infinite;

	-webkit-animation: mapicon 1s 1s infinite;

}

@keyframes mapicon{

	0% {

		transform: translateY(0px);

		opacity: 0;

	}

	100% {

		transform: translateY(20px);

		opacity: 1;

	}

}

@-webkit-keyframes mapicon{

	0% {

		-webkit-transform: translateY(0px);

		opacity: 0;

	}

	100% {

		-webkit-transform: translateY(20px);

		opacity: 1;

	}

}

.index-page .swiper-pagination-v{

	right: 50px;

}

.index-page .swiper-pagination-v .swiper-pagination-bullet{

	border-radius: 0;

	margin: 16px 0;

	background-color: transparent;

	font-size: 14px;

	color: #cccccc;

	font-family: 'Noto Sans SC';

	font-weight: bold;

	padding-bottom: 6px;

	border-bottom: 2px solid transparent;

	opacity: 1;

	position: relative;

	width: auto;

	height: auto;

}

.index-page .swiper-pagination-v .swiper-pagination-bullet.swiper-pagination-bullet-active{

	border-color: #e60012;

	color: #fff;

}

.index-page .swiper-pagination-v.type2 .swiper-pagination-bullet.swiper-pagination-bullet-active{

	color: #333;

}

.index-page .swiper-pagination-v .swiper-pagination-bullet .line{

	width: 35px;

	height: 1px;

	position: absolute;

	right: -50px;

	top: 50%;

	background-color: #fff;

	display: none;

}

.index-page .swiper-pagination-v.type2 .swiper-pagination-bullet .line{

	background-color: #333;

}

.index-page .swiper-pagination-v .swiper-pagination-bullet.swiper-pagination-bullet-active .line{

	display: block;

}

.index-page .mouse{

	width: 25px;

	height: 40px;

	background-repeat: no-repeat;

	background-size: 100% auto;

	background-position: center top;

	background-image: url(img/index_mouse.png);

	position: absolute;

	left: 50%;

	margin-left: -12.5px;

	bottom: 50px;

	z-index: 2;

	animation: updown 1s infinite;

	-webkit-animation: updown 1s infinite;

}

.index-page .mouse.hide{

	display: none;

}

.index-page .mouse.type2{

	background-position: center bottom;

}

@keyframes updown{

	0% {

		bottom: 70px;

		opacity: 1;

	}

	100% {

		bottom: 50px;

		opacity: 0;

	}

}

@-webkit-keyframes updown{

	0% {

		bottom: 70px;

		opacity: 1;

	}

	100% {

		bottom: 50px;

		opacity: 0;

	}

}

.index-page #cover{

	background-color: rgba(0,0,0,0.5);

	position: fixed;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	z-index: 50;

}

.index-page #cover .box{

	background-color: #fff;

	width: 500px;

	padding: 60px 70px 40px;

	text-align: center;

	box-shadow: 0px 10px 15px rgba(0,0,0,0.07);

	position: absolute;

	left: 0;

	top: 0;

	right: 0;

	bottom: 0;

	height: 408px;

	margin: auto;

}

.index-page #cover .box h3{

	font-size: 22px;

	color: #333;

	font-weight: lighter;

	margin-bottom: 60px;

}

.index-page #cover .box ul{

	margin-bottom: 55px;

	font-size: 0;

}

.index-page #cover .box ul li{

	display: inline-block;

	vertical-align: top;

	width: 33%;

}

.index-page #cover .box ul img{

	margin-bottom: 20px;

}

.index-page #cover .box ul p{

	font-size: 14px;

	color: #666;

	font-weight: lighter;

}

.index-page #cover .box a{

	display: block;

	height: 54px;

	line-height: 54px;

	background-color: #e60012;

	border-radius: 5px;

	font-size: 18px;

	color: #fff;

	font-weight: lighter;

}

@media only screen and (max-width:1366px){

}


@media only screen and (max-width:1024px){

	.index-page .header{

		top: 0.9375rem;

		left: 0.9375rem;

		right: 0.9375rem;

	}

	.index-page .header .logo{

		width: 9.4375rem;

		height: 0.72775rem;

		margin-top: 0.3125rem;

		margin-left: 0.3125rem;

	}

	.index-page .header .menu{

		width: 0.65rem;

		height: 0.65rem;

	}

	.index-page .header .menu p{

	    margin-top: 0.1875rem;

	    font-size: 0.2625rem;

		white-space: nowrap;

	}

	.index-page .swiper-container-v .swiper-slide{

		background-size: auto 100%;

	}

	.index-page .swiper-container-v .swiper-slide.page1 video{

		display: none;

	}

	.index-page .swiper-container-v .swiper-slide.page1 .bg{

		width: 100%;

		position: absolute;

		left: 0;

		top: 0;

		z-index: 0;

		height: 100%;

	}

	.index-page .swiper-container-v .swiper-slide.page1 .top{

		top: -1rem;

		margin-bottom: 10%;

	}

	.index-page .swiper-container-v .swiper-slide.page1 .top h5{

		font-size: 0.5625rem;

		margin-bottom: 1.4375rem;

	}

	.index-page .swiper-container-v .swiper-slide.page1 .top h3{

		font-size: 1.275rem;

		margin-bottom: 0.55rem;
		
		margin-top:2.75rem;

		letter-spacing: 0.1875rem;

	}

	.index-page .swiper-container-v .swiper-slide.page1 .top .line{

		width: 1.25rem;

		height: 0.0625rem;

	}

	.index-page .swiper-container-v .swiper-slide.page1 p{

		font-size: 0.85rem;

		top: -1rem;
		
		margin-bottom: 2.95rem;

	}

	.index-page .swiper-container-v .swiper-slide.page2{

		display: flex;

		align-items: center;

		justify-content: center;

		flex-direction: column;

		-webkit-display: flex;

		-webkit-align-items: center;

		-webkit-justify-content: center;

		-webkit-flex-direction: column;

	}

	.index-page .swiper-container-v .swiper-slide.page2 .line-h.mobile{

		position: absolute;

		left: 0;

		bottom: 0;

		width: 100%;

		height: 1px;

		background-color: rgba(255,255,255,0.15);

		transition: all 2s;

		-webkit-transition: all 2s;

		transform: scaleX(0);

		-webkit-transform: scaleX(0);

	}

	.index-page .swiper-container-v .swiper-slide.page2.swiper-slide-active .line-h.mobile{

		transform: scaleX(1);

		-webkit-transform: scaleX(1);

	}

	.index-page .swiper-container-v .swiper-slide.page2 .box{

		justify-content: flex-end;

		-webkit-justify-content: flex-end;

		height: auto;

		width: 100%;

		padding-right: 28%;

	}

	.index-page .swiper-container-v .swiper-slide.page2 .box.box2{

		margin: 13% 0;

	}

	.index-page .swiper-container-v .swiper-slide.page2 .line-v.mobile{

		height: 100%;

		width: 1px;

		background-color: rgba(255,255,255,0.15);

		position: absolute;

		right: 8%;

		top: 0;

		transition: all 2s;

		-webkit-transition: all 2s;

		transform: scaleY(0);

		-webkit-transform: scaleY(0);

	}

	.index-page .swiper-container-v .swiper-slide.page2.swiper-slide-active .line-v.mobile{

		transform: scaleY(1);

		-webkit-transform: scaleY(1);

	}

	.index-page .swiper-container-v .swiper-slide.page2 .box .num{

		font-size: 3.75rem;

		background-size: auto 80%;

		min-width: 11rem;

		text-align: right;

	}

	.index-page .swiper-container-v .swiper-slide.page2 .box.box1 .num{

		padding-right: 1.25rem;

	}

	.index-page .swiper-container-v .swiper-slide.page2 .box.box2 .num{

		padding-right: 1.25rem;

	}

	.index-page .swiper-container-v .swiper-slide.page2 .box.box3 .num{

		padding-right: 1.25rem;

	}

	.index-page .swiper-container-v .swiper-slide.page3 ul{

		width: 70%;

	}

	.index-page .swiper-container-v .swiper-slide.page3 ul li{

		width: 50%;

		opacity: 0.75;

		position: relative;

		border: 0 none;

	}

	.index-page .swiper-container-v .swiper-slide.page3 ul li a{

		padding: 0.675rem;

		height: 3.8125rem;

		align-items: center;

		-webkit-align-items: center;

	}

	.index-page .swiper-container-v .swiper-slide.page3 ul li:nth-child(1){

		background-color: #e13643;

	}

	.index-page .swiper-container-v .swiper-slide.page3 ul li:nth-child(2){

		background-color: #3652e1;

	}

	.index-page .swiper-container-v .swiper-slide.page3 ul li:nth-child(3){

		background-color: #7bb939;

	}

	.index-page .swiper-container-v .swiper-slide.page3 ul li:nth-child(4){

		background-color: #d89a13;

	}

	.index-page .swiper-container-v .swiper-slide.page3 ul li:nth-child(5){

		background-color: #008C8C;

	}

	.index-page .swiper-container-v .swiper-slide.page3 ul li:nth-child(6){

		background-color: #31BBCE;

	}

	.index-page .swiper-container-v .swiper-slide.page3 ul li:nth-child(7){

		background-color: #8C6900;

	}

	.index-page .swiper-container-v .swiper-slide.page3 ul li:nth-child(8){

		background-color: #008040;

	}
	
	.index-page .swiper-container-v .swiper-slide.page3 ul li:nth-child(9){

		background-color: #2693FF;

	}
	
	.index-page .swiper-container-v .swiper-slide.page3 ul li:nth-child(10){

		background-color: #FF8000;

	}

	.index-page .swiper-container-v .swiper-slide.page3 ul li img{

		display: block;

		position: absolute;

		left: 0;

		top: 0;

		bottom: 0;

		right: 0;

		margin: auto auto;

		max-height: 90%;

		max-width: 90%;

		z-index: -1;

	}

	.index-page .swiper-container-v .swiper-slide.page3 ul li .text p{

		font-size: 0.3rem;

		margin-bottom: 0.625rem;

	}

	.index-page .swiper-container-v .swiper-slide.page3 ul li .text h5{

		font-size: 0.5rem;

	}
	

	
	.index-page .swiper-container-v .swiper-slide.page4 {
	
	font-size: 0.3rem;	

	}
	
	.index-page .swiper-container-v .swiper-slide.page4 #tt{
	
	margin: auto;
    width: 100%;

	}
	
	.index-page .swiper-container-v .swiper-slide.page4 #tt .img{

	}
	
	.index-page .swiper-container-v .swiper-slide.page4 .text-box h5 {
	
	font-size: 0.65rem;	

	}
	
	.index-page .swiper-container-v .swiper-slide.page4 .text-box p {
	
	font-size: 0.3rem;	

	}
	
	.index-page .swiper-container-v .swiper-slide.page4 .text-box .more {
	
	font-size: 0.35rem;	

	}

	.index-page .swiper-container-h{

		width: 84%;

	}

	.index-page .swiper-container-h .swiper-wrapper{

		margin-bottom: 2.3125rem;

	}

	.index-page .swiper-container-h .swiper-slide:hover{

		box-shadow: 0px 0.5rem 0.9375rem rgba(0,0,0,0.15);

	}

	.index-page .swiper-container-h .swiper-slide .text-box{

		padding: 1.25rem;

	}

	.index-page .swiper-container-h .swiper-slide .text-box .line{

		width: 1.25rem;

		height: 0.0625rem;

		margin-bottom: 0.75rem;

	}

	.index-page .swiper-container-h .swiper-slide .text-box h5{

		font-size: 0.75rem;

		line-height: 1.25rem;

		margin-bottom: 0.625rem;

		height: 2.5rem;

	}

	.index-page .swiper-container-h .swiper-slide .text-box p{

		font-size: 0.5625rem;

		line-height: 1rem;

		margin-bottom: 1.25rem;

		height: 2rem;

	}

	.index-page .swiper-container-h .swiper-slide .text-box .more{

		font-size: 0.5625rem;

	}

	.index-page .swiper-container-h .swiper-slide .text-box .more span{

		margin-left: 0.875rem;

		width: 0.75rem;

		height: 0.4375rem;

	}

	.index-page .swiper-container-h .slide-nav{

		text-align: center;

	}

	.index-page .swiper-container-h .swiper-pagination-h{

		display: none;

	}

	.index-page .swiper-container-h .swiper-button-prev,.index-page .swiper-container-h .swiper-button-next{

		width: 1.875rem;

		height: 1.875rem;

		border: 0.0625rem solid #999;

		line-height: 1.75rem;

		font-size: 0;

	}

	.index-page .swiper-container-h .swiper-button-prev{

		margin-right: 0.625rem;

	}

	.index-page .swiper-container-h .swiper-button-prev span,.index-page .swiper-container-h .swiper-button-next span{

		width: 0.5625rem;

		height: 1rem;

	}
	
	.index-page .swiper-container-v .swiper-slide.page5 .text-box h3{

		font-size: 1.875rem;

		margin-bottom: 1.125rem;

	}

	.index-page .swiper-container-v .swiper-slide.page5 .text-box h4{

		font-size: 1.125rem;

		margin-bottom: 1.25rem;

	}

	.index-page .swiper-container-v .swiper-slide.page5 .text-box .line{

		width: 1.875rem;

		height: 0.0625rem;

		margin-bottom: 1.5625rem;

	}

	.index-page .swiper-container-v .swiper-slide.page5 .text-box li{

		margin-bottom: 2.25rem;

	}

	.index-page .swiper-container-v .swiper-slide.page5 .text-box li img{

		margin-right: 1rem;

		width: 1.6875rem;

	}

	.index-page .swiper-container-v .swiper-slide.page5 .text-box li h5{

		font-size: 0.9375rem;

		margin-bottom: 0.75rem;

	}

	.index-page .swiper-container-v .swiper-slide.page5 .text-box li p{

		font-size: 0.75rem;

		margin-bottom: 0.5rem;

	}

	.index-page .swiper-container-v .swiper-slide.page5 .map{

		display: none;

	}
	
	.index-page .swiper-container-v .swiper-slide.page5 .map1{
		
		display: inline;

}

	.index-page .swiper-pagination-v{

		right: 0.625rem;

	}

	.index-page .swiper-pagination-v .swiper-pagination-bullet{

		margin: 0.5625rem 0;

		font-size: 0.5625rem;

		padding-bottom: 0.1875rem;

		border-bottom: 0.0625rem solid transparent;

	}

	.index-page .swiper-pagination-v .swiper-pagination-bullet.swiper-pagination-bullet-active .line{

		display: none;

	}

	.index-page .mouse{

		width: 0.75rem;

		height: 1.25rem;

		margin-left: -0.375rem;

		bottom: 1.875rem;

	}
	
	.index-page .footer .right{
		
		font-size:12px;

    }
	

	@keyframes updown{

		0% {

			bottom: 2.5rem;

			opacity: 1;

		}

		100% {

			bottom: 1.875rem;

			opacity: 0;

		}

	}

	@-webkit-keyframes updown{

		0% {

			bottom: 2.5rem;

			opacity: 1;

		}

		100% {

			bottom: 1.875rem;

			opacity: 0;

		}

	}

	.index-page #cover{

		display: none;

		z-index: -1;

	}

}

@media only screen and (max-width:414px){

	

}
