html,
body {
	width: 100%;
	height: 100%;
	overflow: hidden !important;
}

.header {
	background: rgba(0, 0, 0, 0.2);
}

.section-wrap {
	width: 100%;
	height: 100%;
	position: relative;
	top: 0;
	overflow: visible;
	transition: all 1s cubic-bezier(0.86, 0, 0.03, 1);
	-webkit-transition: all 1s cubic-bezier(0.86, 0, 0.03, 1);
}

.section-wrap .section {
	position: relative;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	/*background: url(../images/bg_00.png) no-repeat center center;*/
	background-size: cover;
}

@-webkit-keyframes sss{
	from{
		transform: scale(1.2);
	}
	to{
		transform: scale(1);
	}
}

.section-wrap .section.active{
	animation: sss 1s 0.3s;
}

.section-wrap .section-1 {
	/*background-image: url(../images/bg_00.jpg);
	background: none;*/
}

.section-wrap .section.section-1 .con{
	top: 72%;
}

.section-wrap .section-1 .bgvideo video{
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	min-height: 100%;
	min-width: 100%;
	width: auto;
	height: auto;
	border: none;
}

.section-wrap .section .con {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.section-wrap .section-1 .con img {
	display: block;
	margin: 0 auto;
	padding: 5px;
}

.section-wrap .section-1 .con .moreBtn {
	display: block;
	width: 180px;
	height: 40px;
	border: 1px solid #fff;
	font-size: 22px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	animation:moreBtn 2s, 8s;
}

@-webkit-keyframes moreBtn{
	from{
		transform: scale(0);
		opacity: 0;
	}
	to{
		transform: scale(1);
		opacity: 1;
	}
}
@-moz-keyframes moreBtn{
	from{
		transform: scale(0);
		opacity: 0;
	}
	to{
		transform: scale(1);
		opacity: 1;
	}
}
@-ms-keyframes moreBtn{
	from{
		transform: scale(0);
		opacity: 0;
	}
	to{
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes moreBtn{
	from{
		transform: scale(0);
		opacity: 0;
	}
	to{
		transform: scale(1);
		opacity: 1;
	}
}

.section-wrap  .con .title{
	color: #fff;
	font-weight: 500;
}
.section-wrap  .con .title p{
	font-size: 32px;
	text-shadow: 0 4px rgba(0,0,0,0.12);
}
.section-wrap .section-2 {
	/*background-image: url(../images/bg_01.jpg);*/
}

.section-wrap .section-2 .con {
	width: 1040px;
}

.section-wrap .section-2 .con .title p {
	color: #fff;
	line-height: 1em;
	padding: 18px 0;
	font-weight: normal;
}

.section-wrap .section-2 .con .text {
	width: 760px;
	text-shadow: 1px 1px  rgba(0,0,0,0.2);
	background:rgba(0,0,0,0.2);
	padding:20px;
	padding-bottom:0px;
	margin-left:-20px;
	margin-bottom:20px ;
}

.section-wrap .section-2 .con .text p {
	font-size: 16px;
	line-height: 32px;
	color: #fff;
	padding-bottom: 20px;	
}

.section-wrap .section-2 .con .lable li {
	float: left;
	padding-right: 46px;
}

.section-wrap .section-3 {
/*	background-image: url(../images/bg_02.jpg);*/
}

.section-wrap .section-3 .title {
	font-weight: normal;
}

.section-wrap .section-3 .title div {
	color: #FFFFFF;
	width: 1080px;
}

.section-wrap .section-3 .title div p {
	display: inline-block;
	padding-right: 15px;
}

.section-wrap .section-3 .title div span {
	font-size: 18px;
}

.container {
	width: 960px;
	margin: auto;
}

.actions {
	margin-top: 10px;
}

.track {
	width: 100%;
	position: relative;
	margin-top: 100px;
}
#example-1 {display: flex;height: 205px;}
/*#example-1  a{width:330px;height: 205px;display: inline-block;}*/

.view-port,
.track .inner {
	width: 1080px;
	box-sizing: border-box;
}

.view-port {
	overflow: hidden;
	position: relative;
}

.track .inner {
	position: relative;
	margin: auto;
	margin-bottom: 30px;
	padding: 10px;
	border-radius: 4px;
}

.pagination {
	width: 110px;
	height: 40px;
	position: absolute;
	top: -45px;
	right: 0;
}

.track a.prev,
.track a.next {
	display: block;
	width: 44px;
	height: 134px;
	background-repeat: no-repeat;
	float: left;
	background: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}


.track a.prev {
	left: -100px;
}

.track a.next {
	right: -100px;
}





.slider-container {
	position: relative;
	margin: 0;
	padding: 0;
	height: 205px;
	
}

.slider-container.big {
	height: 288px;
}

.slider-container.huge {
	height: 432px;
}

.example-1 .item {
	position: absolute;
	width: 330px;
	height: 205px;
	margin-right: 30px;
}

.slider-container .item img {
	width: 330px;
	height: 205px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	margin-bottom: 20px;
}

.slider-container.big .item,
.slider-container.big .item .img-area {
	height: 288px;
}

.slider-contaiber.huge .item {
	margin-bottom: 12px;
}

.slider-container .item p {
	padding: 0;
	margin: 0;
}

.slider-container .item.cover {
	width: 940px;
}

.slider-container .item.cover-2 {
	height: 432px;
}

.slider-container .item.cover img {
	float: left;
}

.slider-container .item.cover-2 img {
	float: none;
}

.slider-container .item.cover .img-area {
	float: right;
	margin-left: 16px;
}

.slider-container .item.cover-2 .img-area {
	float: none;
	margin-left: 0;
	margin-top: 12px;
}

.slider-container .item.cover-2 .img-area .img-block:first-child {
	margin-right: 14px;
}

.slider-container .item.cover .img-block {
	height: 128px;
}

.slider-container .item.cover-2 .img-block {
	float: left;
}

.section-wrap .section-4 {
	/*background:url(../images/bg_03.jpg) */
	background:no-repeat -30px center;
	background-size:cover;
	transition: all 0.5s ease;
}

.section-wrap .section-4 .con {
	width: 1120px;
}

.section-wrap .section-4 .con .title {
	color: #fff;
	padding: 0.25px 0;
	font-weight: normal;
}

#example-4 {
	width: 1000%;
	position: relative;
	left: 0;
	transition: left 0.8s;
}

#example-4 .item {
	position: relative;
	float: left;
	width: 504px;
	height: 334px;
	margin-right: 20px;
	cursor: pointer;
}

#example-4 .item img {
	width: 100%;
	height: 100%;
}

.example-4 .inner {
	padding: 30px 0;
}

.example-4 .inner,
.example-4 .view-port {
	width: 1120px;
}

.example-4 .item:hover .show {
	opacity: 1;
	transition: all 0.8s;
}

.example-4 .show {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	opacity: 0;
	transition: all 0.8s;
}

.example-4 .show p {
	display: inline-block;
	text-align: center;
	color: #fff;
	font-size: 38px;
	line-height: 62px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.section-wrap .section-5 {
	/*background-image: url(../images/bg_04.jpg);*/
}

.section-wrap .section-5 .con {
	width: 880px;
}

.section-wrap .section-5 .con .left {
	float: left;
}

.section-wrap .section-5 .con .left .title {
	color: #fff;
	font-weight: normal;
}

.section-wrap .section-5 .con .left .mapBtn {
	display: block;
	text-decoration: none;
	width: 200px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	background: #54718D;
	margin-top: 250px;
	border: none;
}

.section-wrap .section-5 .con .right {
	width: 330px;
	float: right;
	background-image:url(../img/rbg.png);
	
}

.section-wrap .section-5 .con .right div {
	width: 330px;
	margin-bottom: 15px;
}

.section-wrap .section-5 .con .right div p,
.section-wrap .section-5 .con .right div a {
	height: 30px;
	font-size: 14px;
	color: #fff;
	padding-left: 38px;
	text-decoration: none;
}

.section-wrap .section-5 .con .right div p.icon {
	background: url(../images/callin.png) no-repeat left center;
}

.section-wrap .section-5 .con .right div p.icon1 {
	background-image: url(../images/callin.png);
}

.section-wrap .section-5 .con .right div p.icon2 {
	background-image: url(../images/update.png);
}

.section-wrap .section-5 .con .right div p.icon3 {
	background-image: url(../images/message.png);
}

.section-wrap .section-5 .con .right .mapBtn {
	display: block;
	width: 330px;
	height: 205px;
	background: url(../images/mapBg.png) no-repeat center center;
	background-size: cover;
	margin-top: 30px;
	cursor: pointer;
}


.section-wrap .section-6{
	/*background-image: url(../images/bg_05.jpg);*/
}

.section-wrap .section-6 .title{
	text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
}


.section-wrap .section .Box{
	margin: 0 auto;
}
.section-wrap .section .Box .boxs,.section-wrap .section .Box .box{
	height: 420px;
}
.section-wrap .section .Box ul{
	height: 420px;
}

.section-wrap .section .Box ul li .tit{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;
	background: rgba(0,0,0,0.5);
	line-height: 50px;
	text-align: center;
	color: #fff;
	font-size:18px ;
	display: none;
}
.section-wrap .section .Box ul li:nth-child(2) .tit{
	display: block;
}







/*入场动画*/
.section-wrap .section .con .title img{
	transform: translateY(150px);
	opacity: 0;
	transition:all 0.5s 0.5s ease-out;
	margin:0;
}

.section-wrap .section.active .con .title img{
	transform: translateY(0);
	opacity: 1;
	transition:all 0.5s 0.5s ease-out;
}


.section-wrap .section .con .title p{
	transform: translateY(150px);
	opacity: 0;
	transition:all 0.5s 0.6s ease-out;
}

.section-wrap .section.active .con .title p{
	transform: translateY(0);
	opacity: 1;
	transition:all 0.5s 0.6s ease-out;
}


.section-wrap .section .con  .bb3{
	transform: translate(150px,150px);
	opacity: 0;
	transition:all 0.5s 0.7s ease-out;
}

.section-wrap .section.active .con  .bb3{
	transform: translate(0,0);
	opacity: 1;
	transition:all 0.5s 0.7s ease-out;
}


.section-wrap .section .con  .bb4{
	transform: translate(-150px,150px);
	opacity: 0;
	transition:all 0.5s 0.8s ease-out;
}

.section-wrap .section.active .con  .bb4{
	transform: translate(0,0);
	opacity: 1;
	transition:all 0.5s 0.8s ease-out;
}


.section-wrap .section-5 .con .right div p, .section-wrap .section-5 .con .right div a,.section-wrap .section-5 .con .right .mapBtn{
	display:block;
	transform: translateX(250px);
	opacity: 0.2;
	transition: all 0.5s 0.6s ease;
}
 .section-wrap .section-5 .con .right .website a{
	 display:block;
	transform: translateX(250px);
	opacity: 0.2;
	transition: all 0.5s 0.6s ease;
	position:relative;
	left:250px
 }

.section-wrap .section-5.active .con .right div .l1{
	transform: translateX(0);
	opacity: 1;
	transition: all 0.5s 0.6s ease;
}
.section-wrap .section-5.active .con .right div .l2{
	transform: translateX(0);
	opacity: 1;
	transition: all 0.5s 0.7s ease;
}
.section-wrap .section-5.active .con .right div .l3{
	transform: translateX(0);
	opacity: 1;
	transition: all 0.5s 0.8s ease;
}
.section-wrap .section-5.active .con .right div .l4{
	transform:translateX(0);
	left:0;
	opacity: 1;
	transition: all 0.5s 0.9s ease;
}
.section-wrap .section-5.active .con .right div .l5{
	transform: translateX(0);
	opacity: 1;
	transition: all 0.5s 1s ease;
}
.section-wrap .section-5.active .con .right div .l6{
	transform: translateX(0);
	opacity: 1;
	transition: all 0.5s 1.1s ease;
}

.section-wrap .section-5.active .con .right .l7{
	transform: translateX(0);
	opacity: 1;
	transition: all 0.5s 1.2s ease;
}

.section-wrap .section-5 .con .left .mapBtn{
	transform: translateX(-250px);
	opacity: 0;
	transition: all 0.5s 0s ease;
}

.section-wrap .section-5.active .con .left .mapBtn{
	transform: translateX(0);
	opacity: 1;
	transition: all 0.5s 1.3s ease;
}






#footBox {
	width: 100%;
	height: 130px;
	background: rgba(0, 0, 0, 0.3);
	position: absolute;
	left: 0;
	bottom: -130px;
	transition: bottom 0.5s;
}

#footBox.active {
	bottom: 0;
	transition: bottom 0.5s;
}

.Modal {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.8);
	z-index: 99999;
	display: none;
}

.Modal .mapBox {
	width: 80%;
	height: 80%;
	position: absolute;
	left: 10%;
	top: 10%;
}

.Modal .mapBox .close {
	width: 30px;
	height: 30px;
	position: absolute;
	top: -40px;
	right: -40px;
	cursor: pointer;
}

.Modal .mapBox .close img {
	width: 30px;
	height: 30px;
}

.Modal .mapBox #allmap {
	width: 100%;
	height: 100%;
	z-index: 9;
}

.section-btn {
	width: 16px;
	position: fixed;
	right: 35px;
	top: 50%;
	transform: translateX(-50%);
}

.section-btn li {
	width: 15px;
	height: 15px;
	padding: 15px;
	cursor: pointer;
	text-indent: -9999px;
	text-align: center;
	color: #fff;
	box-sizing: border-box;
	background: url(img/btnli.png) center center no-repeat;
}

.section-btn li.on {
	background-image: url(img/licat.png);
}

.mouse {
	width: 90px;
	height: 90px;
	position: fixed;
	bottom: 50px;
	left: 50%;
	transform: translateX(-50%);
	box-sizing: border-box;
	cursor: pointer;
	border: 1px solid #fff;
	border-radius: 100%;
}

.mouse .down {
	width: 24px;
	height: 18px;
	margin: 0 auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: url(img/down.png) center center no-repeat;
}

.mouse .down1 {
	transform: translate(-50%, -100%);
	animation: mouseDown 0.9s 0s infinite;
}

.mouse .down2 {
	transform: translate(-50%, -50%);
	animation: mouseDown 0.9s 0.3s infinite;
}

.mouse .down3 {
	transform: translate(-50%, -0%);
	animation: mouseDown 0.9s 0.6s infinite;
}

.mouse:hover .down {
	animation-play-state: paused;
	-webkit-animation-play-state: paused;
}


@-webkit-keyframes mouseDown {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0.5;
	}
	100% {
		opacity: 1;
	}
}