.kv{
	width:100%;
	height:868px;
	min-width:1200px;
	max-width:1920px;
	margin:0 auto 0;
	background:url(../images/i_kv.jpg) no-repeat center;
	position:relative;
	overflow: hidden;
}
.slogan{
	display: block;
	position:absolute;
	right:-257px;
	top:82px;
}
.download{
	width:666px;
	height:195px;
	background:url(../images/ku.png) no-repeat center;
	position:absolute;
	left:50%;
	margin-left:-333px;
	bottom:15px;
}
.download .code{
	width:132px;
	overflow: hidden;
	position:relative;
	float:left;
	margin:25px 14px 0 43px;
}
.download .code img{
	display: block;
	width:132px;
	height:132px;
}
.download .code p{
	font-size:14px;
	color:#ffec4a;
	text-align: center;
	font-weight:bold;
	margin-top:4px;
	font-style: italic;
}
.download .code .xi{
	display: block;
	width:137px;
	height:12px;
	background:url(../images/hd.png) no-repeat center;
	position:absolute;
	left:50%;
	margin-left:-68.5px;
	top:0;
	z-index:2;
	animation: gb 3s linear infinite;
	-webkit-animation: gb 3s linear infinite;
}
@keyframes gb{
	0%{transform: translateY(0px);}
	50%{transform: translateY(122px);}
	100%{transform: translateY(0);}
}
@-webkit-keyframes gb{
	0%{transform: translateY(0px);}
	50%{transform: translateY(122px);}
	100%{transform: translateY(0);}
}
.download .cs{
	display: block;
	float:left;
	margin:21px 4px 0 0;
	cursor: pointer;
	transition:all .5s;
	-webkit-transition:all .5s;
}
.download .cs:hover{
	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
}
.play{
	width:233px;
	height:158px;
	background:url(../images/vp.png) no-repeat center;
	position:relative;
	float:left;
	margin-top:16px;
	cursor: pointer;
	transition:all .5s;
	-webkit-transition:all .5s;
}
.play:hover{
	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
}
.play img{
	display: block;
	width:100%;
	height:100%;
	animation: vGo 2s linear infinite;
	-webkit-animation: vGo 2s linear infinite;
}
@keyframes vGo{
	0%{transform: scale(0.9)}
	50%{transform: scale(1)}
	100%{transform: scale(0.9)}
}
@-webkit-keyframes vGo{
	0%{transform: scale(0.9)}
	50%{transform: scale(1)}
	100%{transform: scale(0.9)}
}
.second{
	width:100%;
	height:707px;
	min-width:1200px;
	max-width:1920px;
	margin:0 auto 0;
	background:url(../images/i_second.jpg) no-repeat center;
	position:relative;
	overflow: hidden;
}
.tit1{
	display: block;
	margin:77px auto 0;
}
.s_main{
	width:1280px;
	position:relative;
	overflow: hidden;
	margin-left:-40px;
	margin-top:40px;
}
.left_banner{
	width:565px;
	height:339px;
	overflow: hidden;
	position:relative;
	float:left;
}
.left_banner ul li img{
	display: block;
	width:565px;
	height:339px;
}
.left_banner .swiper-pagination{
	bottom:15px;
	position:absolute;
}
.left_banner .swiper-pagination .swiper-pagination-bullet{
	width:15px;
	height:15px;
	background:url(../images/w.png) no-repeat center;
	opacity: 1;
	border-radius: 0;
}
.left_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background:url(../images/wh.png) no-repeat center;
}
.center_news{
	width:495px;
	height:339px;
	background-color:rgba(82,80,255,.35);
	float:left;
	position:relative;
	overflow: hidden;
	margin:0 10px;
}
.news_ul{
	width:430px;
	overflow: hidden;
	position:relative;
	margin:25px auto 0;
	border-bottom:1px solid #44e2ff;
}
.news_ul li{
	width:80px;
	overflow: hidden;
	position:relative;
	float:left;
	font-size:18px;
	padding-bottom:8px;
	text-align: center;
	color:#fff;
	cursor: pointer;
}
.news_ul li.active {
	border-bottom:4px solid #44e2ff;
	color:#44e2ff;
}
.news_ul .more{
	display: block;
	float:right;
	font-size:18px;
	color:#fff;
}
.news_ul .more:hover{
	color:#44e2ff;
}
.news_div{
	width:430px;
	overflow: hidden;
	margin:0 auto 0;
	position:relative;
}
.news_div ul{
	width:100%;
	overflow: hidden;
	position:relative;
	display: none;
}
.news_div ul.active{
	display: block;
}
.news_div ul .tj_news{
	width:100%;
	height:36px;
	background-color:#19156b;
	margin-top:16px;
	font-size:16px;
	line-height:36px;
	margin-bottom:5px;
}
.news_div ul .tj_news a{
	color:#fff;
}
.news_div ul .tj_news:hover a{
	color:#ffe344;
}
.news_div ul .tj_news a em{
	display: block;
	float:left;
	margin-left:20px;
}
.news_div ul .tj_news a span{
	display: block;
	width:310px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float:left;
}
.news_div ul li{
	width:100%;
	overflow: hidden;
	font-size:16px;
	line-height:40px;
}
.news_div ul li:hover a{
	color:#ffe344;
}
.news_div ul li a{
	display: block;
	width:100%;
	overflow: hidden;
	color:#fff;
}
.news_div ul li a em{
	display: block;
	float:left;
}
.news_div ul li a span{
	display: block;
	width:275px;
	float:left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news_div ul li a i{
	font-style: normal;
	float:right;
	margin-right:14px;
}
.x{
	display: block;
	position:absolute;
	left:50%;
	margin-left:-24px;
	bottom:47px;
	animation: start infinite 1s ease-in-out;
	-webkit-animation: start infinite 1s ease-in-out;
}
@-webkit-keyframes start {
	0%,
	30% {
		opacity: 0;
		-webkit-transform: translate(0, -10px);
	}
	60% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(0, 8px);
	}
}

@-moz-keyframes start {
	0%,
	30% {
		opacity: 0;
		-webkit-transform: translate(0, -10px);
	}
	60% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(0, 8px);
	}
}

@keyframes start {
	0%,
	30% {
		opacity: 0;
		-webkit-transform: translate(0, -10px);
	}
	60% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(0, 8px);
	}
}

@-ms-keyframes start {
	0%,
	30% {
		opacity: 0;
		-webkit-transform: translate(0, -10px);
	}
	60% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(0, 8px);
	}
}
.right_a{
	width:200px;
	height:339px;
	background:url(../images/bb.png) no-repeat center;
	position:relative;
	overflow: hidden;
	float:left;
}
.right_a a{
	display: block;
	width:184px;
	height:143px;
	margin:23px auto 0;
}
.right_a a:nth-child(2){
	margin-top:15px;
}
.right_a a:hover{
	opacity: .9;
}
.third{
	width:100%;
	height:1216px;
	min-width:1200px;
	max-width:1920px;
	margin:0 auto 0;
	position:relative;
	background:url(../images/i_third.jpg) no-repeat center;
	overflow: hidden;
}
.title2{
	display: block;
	margin:138px auto 0;
}
.tab_ul{
	width:868px;
	overflow: hidden;
	position:absolute;
	left:50%;
	margin-left:-434px;
	bottom:218px;
}
.tab_ul li{
	width:216px;
	height:60px;
	background-color:rgba(54,40,162,.5);
	float:left;
	cursor: pointer;
	position:relative;
	z-index:1;
	transition:background .5s;
	-webkit-transition:background .5s;
}
.tab_ul li.active {
	width:216px;
	height:67px;
	background:url(../images/li_h.png) no-repeat center;
}
.tab_ul li img{
	display: block;
	margin:11px auto 0;
}
.tab_ul .line{
	display: block;
	position:absolute;
	left:217px;
	top:8px;
}
.tab_car{
	width:100%;
	height:785px;
	position:relative;
	margin-top:110px;
}
.tab_car>div{
	display: none;
}
.tab_car>div.active{
	display: block;
}
.tab_car .car_ul{
	width:148px;
	height:604px;
	background:url(../images/num.png) no-repeat center;
	position:absolute;
	right:-42px;
	top:-68px;
}
.tab_car .car_ul li{
	width:148px;
	height:149px;
	position:relative;
	overflow: hidden;
	cursor: pointer;
}
.tab_car .car_ul li img{
	display: block;
	width:100%;
	height:100%;
}
.tab_car .car_ul li.active img:nth-child(1){
	display: none;
}
.tab_car .tab_con>div{
	display: none;
}
.tab_car .tab_con>div.active{
	display: block;
}
.tab_car .tab_div .car{
	display: block;
	position:absolute;
	left:-65px;
	top:80px;
	opacity: 0;
}
.tab_car .tab_div .tab_title{
	width:420px;
	overflow: hidden;
	position:absolute;
	right:124px;
	top:0;
}
.tab_car .tab_div .tab_title img{
	display: block;
}
.tab_car .tab_div .tab_title p{
	width:340px;
	font-size:14px;
	color:#fff;
	line-height:36px;
	margin:10px 0 0 55px;
	text-shadow:0 0 14px #fff;
}
.tab_car .tab_div .tab_title .tab_img{
	display: block;
	margin:5px 0 0 50px;
}
.c_more{
	display: block;
	width:220px;
	height:67px;
	position:absolute;
	left:50%;
	margin-left:-110px;
	bottom:88px;
	transition:all .5s;
	-webkit-transition:all .5s;
}
.c_more:hover{
	transform: translate(0,-10px);
	-webkit-transform: translate(0,-10px);
}
.four{
	width:100%;
	height:1084px;
	min-width:1200px;
	max-width:1920px;
	background:url(../images/i_four.jpg) no-repeat center;
	margin:0 auto 0;
	position:relative;
	overflow: hidden;
}
.i_tit2{
	display: block;
	position:absolute;
	left:50%;
	margin-left:-442px;
	top:94px;
	z-index:2;
}
.hotel{
	width:100%;
	height:1084px;
	overflow: hidden;
	position:relative;
	margin:0 auto 0;
}
.hotel ul li img{
	display: block;
	width:100%;
	height:1084px;
}
.hotel .swiper-pagination1{
	width:868px;
	height:67px;
	position:absolute;
	left:50%;
	margin-left:-434px;
	bottom:102px;
	z-index:3;
}
.hotel .swiper-pagination1 .swiper-pagination-bullet{
	display: block;
	width:217px;
	height:61px;
	background-color:rgba(41,103,246,.5);
	border-radius: 0;
	margin:0 0;
	float:left;
}
.hotel .swiper-pagination1 .swiper-pagination-bullet img{
	display: block;
	margin:5px auto 0;
}
.hotel .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active{
	height:67px;
	background:url(../images/light.png) no-repeat center;
	opacity: 1;
}
.hotel .swiper-button-prev{
	width:74px;
	height:97px;
	background:url(../images/bt.png) no-repeat center;
	left:280px;
	top:50%;
	margin-left:-48.5px;
	opacity: 1;
}
.hotel .swiper-button-next{
	width:74px;
	height:97px;
	background:url(../images/bt.png) no-repeat center;
	right:280px;
	top:50%;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	margin-left:-48.5px;
	opacity: 1;
}
.fj{
	display: block;
	position:absolute;
	bottom:114px;
	left:50%;
	margin-left:-218px;
	z-index:2;
}
.five{
	width:100%;
	height:896px;
	min-width:1200px;
	max-width:1920px;
	background:url(../images/i_five.jpg) no-repeat center;
	position:relative;
	overflow: hidden;
}
.i_tit3{
	display: block;
	margin:107px auto 0;
}
.five_ul{
	width:473px;
	height:69px;
	position:relative;
	margin:48px auto 0;
}
.five_ul li{
	width:236px;
	height:63px;
	float:left;
	background-color:rgba(68,54,230,.4);
	cursor: pointer;
}
.five_ul li img{
	display: block;
	margin:0 auto 0;
}
.five_ul li.active{
	width:236px;
	height:69px;
	background:url(../images/light1.png) no-repeat center;
}
.five_div{
	width:1308px;
	overflow: hidden;
	margin-left:-54px;
	margin-top:49px;
}
.five_div ul{
	display: none;
	width:100%;
	overflow: hidden;
	position:relative;
}
.five_div ul.active{
	display: block;
}
.five_div ul li{
	width:440px;
	overflow: hidden;
	position:relative;
	float:left;
	cursor: pointer;
}
.five_div ul li:nth-child(2){
	margin:0 -8px;
}
.five_div ul li img:nth-child(1){
	display: block;
	width:440px;
	height:276px;
}
.five_div ul li img:nth-child(2){
	display: block;
	width:186px;
	height:186px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-93px;
	margin-top:-104px;
	z-index:3;
	transition:all .5s;
	-webkit-transition:all .5s;
}
.five_div ul li img:nth-child(3){
	display: block;
	width:412px;
	height:248px;
	position:absolute;
	left:15px;
	top:15px;
	z-index:2;
	transition:all .5s;
	-webkit-transition:all .5s;
}
.five_div ul li:hover img:nth-child(2){
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.five_div ul li:hover img:nth-child(3){
	display: none;
}
.five_div ul:nth-child(2) li img{
	transition:all .5s;
	-webkit-transition:all .5s;
}
.five_div ul:nth-child(2) li:hover img{
	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
}
.five_div ul li p{
	text-align: center;
	font-size:24px;
	color:#fff;
	margin-top:6px;
	max-width:100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.five_div ul .f_more{
	display: block;
	width:220px;
	height:67px;
	margin:50px auto 0;
	transition:all .5s;
	-webkit-transition:all .5s;
}
.five_div ul .f_more:hover{
	transform: translate(0,-10px);
	-webkit-transform: translate(0,-10px);
}
.six{
	width:100%;
	height:1064px;
	min-width:1200px;
	max-width:1920px;
	margin:0 auto 0;
	background:url(../images/i_six.jpg) no-repeat center;
	position:relative;
	overflow: hidden;
}
.i_tit4{
	display: block;
	margin:114px auto 0;
}
.six .s_banner{
	width:1476px;
	overflow: hidden;
	position:relative;
	margin-left:-138px;
}
.six .swiper-pagination5{
	width:100%;
	bottom:98px;
	text-align: center;
	position:absolute;
}
.six .swiper-pagination5 .swiper-pagination-bullet{
	width:15px;
	height:15px;
	background:url(../images/w.png) no-repeat center;
	opacity: 1;
	border-radius: 0;
	margin:0 5px;
}
.six .swiper-pagination5 .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background:url(../images/wh.png) no-repeat center;
}
.six .s_banner ul{
	margin-top:200px;
}
.six .s_banner ul li .show_img{
	display: block;
	width: 771px;
    height: 412px;
    margin-left: 235px;
    cursor: pointer;
    transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
}
.six .s_banner ul li.swiper-slide-active .show_img{
	display: none;
}
.six .s_banner ul li.swiper01 .show_b_img{
	width:1061px;
	height:568px;
	background:url(../images/bk1.png) no-repeat center;
	display: none;
	position:relative;
}
.six .s_banner ul li.swiper02 .show_b_img{
	width:1061px;
	height:568px;
	background:url(../images/bk2.png) no-repeat center;
	display: none;
	position:relative;
}
.six .s_banner ul li.swiper03 .show_b_img{
	width:1061px;
	height:568px;
	background:url(../images/bk3.png) no-repeat center;
	display: none;
	position:relative;
}
.six .s_banner ul li.swiper04 .show_b_img{
	width:1061px;
	height:568px;
	background:url(../images/bk4.png) no-repeat center;
	display: none;
	position:relative;
}
.six .s_banner ul li.swiper05 .show_b_img{
	width:1061px;
	height:568px;
	background:url(../images/bk5.png) no-repeat center;
	display: none;
	position:relative;
}
.six .s_banner ul li.swiper-slide-active .show_b_img{
	display: block;
	margin-left:-300px;
	transform: translate3d(0px, -50px, 0px) rotateX(0deg) rotateY(0deg);
}
.six .s_banner ul li .show_b_img img:nth-child(1){
	display: block;
	width:1081px;
	height:716px;
}
.six .s_banner ul li .show_b_img img:nth-child(2){
	display: block;
	width:685px;
	height:181px;
}
.six .s_banner ul li.swiper01 .show_b_img img:nth-child(1){
	position:absolute;
	left:-61px;
	top:-96px;
}
.six .s_banner ul li.swiper01 .show_b_img img:nth-child(2){
	position:absolute;
	right: -63px;
    top: 52px;
}
.six .s_banner ul li.swiper02 .show_b_img img:nth-child(1){
	position:absolute;
	right: -285px;
    top: -185px;
}
.six .s_banner ul li.swiper02 .show_b_img img:nth-child(2){
	position:absolute;
	left:0px;
	bottom:45px;
}
.six .s_banner ul li.swiper03 .show_b_img img:nth-child(1){
	position:absolute;
	right: -285px;
    top: -185px;
}
.six .s_banner ul li.swiper03 .show_b_img img:nth-child(2){
	position:absolute;
	left:0;
	bottom:45px;
}
.six .s_banner ul li.swiper04 .show_b_img img:nth-child(1){
	position:absolute;
	right: -285px;
    top: -185px;
}
.six .s_banner ul li.swiper04 .show_b_img img:nth-child(2){
	position:absolute;
	left:0;
	bottom:45px;
}
.six .s_banner ul li.swiper05 .show_b_img img:nth-child(1){
	position:absolute;
	right: -200px;
    top: -110px;
}
.six .s_banner ul li.swiper05 .show_b_img img:nth-child(2){
	position:absolute;
	left:0;
	bottom:45px;
}
.six .s_banner ul li.swiper-slide{
	opacity: 0;
}
.six .s_banner ul li.swiper-slide.swiper-slide-active{
	opacity: 1;
}
.six .s_banner ul li.swiper-slide.swiper-slide-next{
	opacity: 1;
}
.six .s_banner ul li.swiper-slide.swiper-slide-prev{
	opacity: 1;
}
.six .s_banner ul li .show_img img{
	display: block;
	width:100%;
	height:100%;
}
.six .s_banner .button_prev{
	width:67px;
	height:88px;
	background:url(../images/bt1.png) no-repeat center;
	position:absolute;
	left: 205px;
    top: 54%;
	z-index:10;
	cursor: pointer;
}
.six .s_banner .button_next{
	width:67px;
	height:88px;
	background:url(../images/bt1.png) no-repeat center;
	position:absolute;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	right:230px;
	top:54%;
	z-index:10;
	cursor: pointer;
}
.float{
	width:225px;
	height:557px;
	background:url(../images/i_float.png) no-repeat center;
	position:fixed;
	right:0;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
	transition:all .5s;
	-webkit-transition:all .5s;
	z-index:40;
}
.float.active{
	right:-225px;
}
.float.active .yc{
	display: block;
}
.ewm{
	display: block;
	width:155px;
	height:155px;
	margin:211px 0 0 29px;
}
.co{
	display: block;
	margin:10px 0 0 40px;
}
.ces{
	display: block;
	cursor: pointer;
	margin:10px 0 0 22px;
	transition:all .5s;
	-webkit-transition:all .5s;
}
.ces:hover{
	transform: scale(1.03);
	-webkit-transform:scale(1.03);
}
.suo{
	display: block;
	margin:8px 0 0 84px;
	cursor: pointer;
	transition:all .5s;
	-webkit-transition:all .5s;
}
.suo:hover{
	transform: translate(10px , 0);
	-webkit-transform: translate(10px , 0);
}
.yc{
	display: none;
	position:absolute;
	right:225px;
	top:208px;
	cursor: pointer;
}
