* { margin: 0; padding: 0;}
body { font: 16px/1.8 "Microsoft Yahei",verdana;}

#superContainer {
    height: 100%;
    position: relative;
}
.section { width:100%; height:100%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.slide {
    float: left;
}
.slide, .slidesContainer {
    height: 100%;
    display: block;
}
.slides {
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.section.table, .slide.table {
    display: table;
    width: 100%;
}
.tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.slidesContainer {
    float: left;
    position: relative;
}
.controlArrow {
    position: absolute;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
}
.controlArrow.prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.controlArrow.next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.scrollable {
    overflow: scroll;
}
.easing {
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}

#fullPage-nav {
    position: fixed;
    z-index: 100;
    top:40% ;
	right:0 ; 
    opacity: 1 ;
}
#fullPage-nav.right {
    right: 0px;
}
#fullPage-nav.left {
    left:0;
}
.fullPage-slidesNav {
    position: absolute;
    z-index: 4;
    left:0;
    opacity: 1;
}
.fullPage-slidesNav.bottom {
    bottom: 17px;
}
.fullPage-slidesNav.top {
    top: 17px;
}
#fullPage-nav ul,
.fullPage-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fullPage-nav li,
.fullPage-slidesNav li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fullPage-slidesNav li {
    display: inline-block;
}
#fullPage-nav li a,
.fullPage-slidesNav li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fullPage-nav li .active span,
.fullPage-slidesNav .active span {
    background: #333;
}
#fullPage-nav span,
.fullPage-slidesNav span {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border: 1px solid #000;
    background: rgba(0, 0, 0, 0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}
.fullPage-tooltip {
    position: absolute;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    top: -2px;
}
.fullPage-tooltip.right {
    right: 0;
}
.fullPage-tooltip.left {
    left: 0;
}


/* 圆点导航 */
#fullPage-nav {
	_display: none;
	font-size: 12px;
	width: 43px;
	height: 280px;
}

#fullPage-nav li {
	width: 40px;
	height: 21px;
	margin: 10px 0 0;
	vertical-align: middle;
}

#fullPage-nav li a {
	float: right;
	width: 21px;
	height: 21px;
	color: #fff;
	text-decoration: none;
	text-align: right;
}

#fullPage-nav li .active {
	background-position: 0 6px;
}

#fullPage-nav span {
	display: none;
}

.fullPage-tooltip {
	float: left;
	top: 0;
	margin-right: 5px;
	font: 12px "Microsoft Yahei";
	color: #8F9DA4;
	line-height: 21px;
}
/* 圆点导航 */


.section { width:100%; height:100%; position: relative; overflow: hidden;}
.section .bg { position: absolute; left: 0; top: 0; width: 100%; height:100%; background:#fff; vertical-align:bottom;}
.section .bg img { display: block; width: 100%; height:100%;}
.active strong, .active h3 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}



.bg2 { position:absolute; width:640px; height:408px;  left:50%; top:36%;_top:36%;margin-left:-320px; text-indent: -9999px;
		background:url(../img/bg6_main.png) no-repeat; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s; background-size:90% 90% !important; }
.active .bg2 { opacity: 1; -webkit-transform:scale(0.8, 0.8); transform:scale(0.8,0.8); transition-delay: 0.7s;}
.ltie10 .bg2 {  opacity: 1; transform:scale(0.8,0.8); transition-delay: 0.7s;}

.bg3 { position: absolute; width:400px; height:106px; left:50%; top:20%;margin-left:-200px; opacity: 0;background:url(../img/bg4_people.png) no-repeat;
         -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s; text-align:center; }
.active .bg3 { opacity: 1; -webkit-transform:scale(0.8,0.8); transform:scale(0.8,0.8); transition-delay: 0.7s;}		 
.ltie10 .bg3 {  opacity: 1; transform:scale(0.8, 0.8); transition-delay: 0.7s;}


.bg5 { position: absolute; top:17%; left:50%;width:240px; height:77px ; margin-left:-120px;
		background: url(../img/8img.png) no-repeat;background-size:100% auto; opacity: 0; transition: all 1s;}		
.active .bg5 {opacity: 1; transition-delay: 0.5s; }
.ltie10 .bg5 {transition-delay: 0.5s; }


.bg6 { position: absolute;left:50%; top:34%; width:400px;margin-left:-200px;text-indent: -9999px;
          opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 0.5s; z-index:6;}
.active .bg6 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.8s;}
.ltie10 .bg6 {  opacity: 1; transform:scale(1, 1); transition-delay: 0.8s;}	

.bg7 { position: absolute; top:8%; left:50%; width:477px; margin:0px; height:349px; margin-left:-239px;
		background: url(../img/3img.png) no-repeat; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5);  transition: all 0.5s; }
.active .bg7 {opacity: 1; -webkit-transform:scale(0.5,0.5); transform:scale(0.5, 0.5); transition-delay: 0.8s; }
.ltie10 .bg7 {transform:scale(0.5, 0.5); transition-delay: 0.8s; }


.bg8 { position: absolute; top:13%; left:50%; width:300px; height:70px ; margin-left:-150px;
		background: url(../img/bg1_main_title.png) no-repeat; opacity: 0; transition: all 1s;}
.active .bg8 {opacity: 1; transform:scale(0.7, 0.7);transition-delay: 0.3s; }
.ltie10 .bg8 {transform:scale(0.7, 0.7);transition-delay: 0.3s; }	
  
.bg9 { position: absolute; bottom:5%; left:50%; width:32px; height:31px ; margin-left:-16px;
		opacity: 0; transition: all 1s;}
.active .bg9 {bottom:5%; opacity: 1; transform:scale(1, 1);transition-delay: 0.3s; }
.ltie10 .bg9 {bottom:5%; transform:scale(1, 1);transition-delay: 0.3s; }

.bg6 ul{ width:100%; height:auto;}
.bg6 li a{display:block; width:100%;height:80px;background:url(../img/pp01.jpg) no-repeat 0 0;background-size:100% auto;}
.bg6 li a.pp2{background:url(../img/pp02.jpg) no-repeat 0 0;background-size:100% auto;}
.bg6 li a.pp3{background: url(../img/pp03.jpg) no-repeat 0 0;background-size:100% auto;}
.bg6 li a.pp4{background:url(../img/pp04.jpg) no-repeat 0 0;background-size:100% auto;}

#top10{
width:92%;
padding:4%;
margin:0 auto;
z-index:99;
left:0;
}
#homelogo{width:35%; float:left;}
#homelogo img{ width:100%;}
#homemenu{ float:right;width:30%;z-index:9999; text-align:right;}
#homemenu a img{ display:block; padding:0 0 0 75%;}
#homemenu img{width:25%;}

.wrap {
	bottom:0; left:50%;
	position: absolute;
	width: 32px;
	height:31px;
	margin-left:-16px;
	z-index:9999;
}
.ball {
	-webkit-animation: ball 600ms cubic-bezier(0.440, 0.840, 0.440, 1.000) infinite alternate;
	animation: ball 600ms cubic-bezier(0.440, 0.840, 0.440, 1.000) infinite alternate;
	height: 31px;
	width: 32px;
    background:url(../img/icoo.png) no-repeat;;
    -webkit-animation-delay: -600ms; animation-delay: -600ms; }

@-webkit-keyframes ball {
	0% {
		-webkit-transform: translateY( 0 );
		transform: translateY( 0 );
	}
	100% {
		-webkit-transform: translateY( -20px );
		transform: translateY( -20px );
	}
}

@keyframes ball {
	0% {
		-webkit-transform: translateY( 0 );
		transform: translateY( 0 );
	}
	100% {
		-webkit-transform: translateY( -20px );
		transform: translateY( -20px );
	}
}