/*320px布局*/
html{font-size: 100px;}
body{
	
	font-size: 0.24px;/*实际相当于24px*/
}
#domain {
	 background: #268ee3;
}
body{
    padding:0;
    margin:0;
        }
@media only screen and (max-width: 768px) {
  
}
@media only screen and (min-width: 768px) {
  .kx-header {
    background-color: #268ee3;
  }
}
@media only screen and (min-width: 1170px) {
  .kx-header {
	background-color: #268ee3;
  }
  .kx-header.menu-is-open {
    /* add a background color to the header when the navigation is open */
   background-color: #268ee3;
  }
}
.page1 {  background-color: #268ee3;}
.page2 { background-color: #f4f4f4;}
.page3 { background-color: #f4f4f4;}
.page4 { background-color: #f4f4f4;}
.page5 { background-color: #f4f4f4;}

p.title { position: relative; top: 35%; font: 700 40px "Microsoft Yahei"; color: #333; text-align: center;}
/* 右侧导航 */
#fullPage-nav { _display: none; font-size: 12px;}
#fullPage-nav li { width: 90px; height: 21px; margin: 10px 0 0; vertical-align: middle;}
#fullPage-nav li a { float: right; width: 21px; height: 21px; color: #8F9DA4; text-decoration: none; text-align: right; background: url(images/dot.png) 5px 5px no-repeat;}
#fullPage-nav li .active { background-position: 0 bottom;}
#fullPage-nav span { display: none;}
.fullPage-tooltip { float: left; top: 0; margin-right: 5px; font: 12px "Microsoft Yahei"; color: #8F9DA4; line-height: 21px;}
.section { position: relative; overflow: hidden;}
.section .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
}
.section .bg img { display: block; width: 100%; height: 100%;}
.section strong { position: absolute; left: 50%; top: 15%; z-index: 10; width: 512px; height: 45px; margin-left: -256px; font-size: 24px; font-weight: 500; color: #748A9E; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.section h3 {
	position: absolute;
	left: 50%;
	top: 15%;
	z-index: 10;
	width: 512px;
	height: 45px;
	margin-left: -256px;
	margin-top: 60px;
	text-indent: 9;
	background-repeat: no-repeat;
	opacity: 0;
	-webkit-transform: scale(0.5, 0.5);
	transform: scale(0.5, 0.5);
	transition: all 1s;
}
.p1 { position: absolute; left: 50%; top: 15%; width: 510px; margin-left: -255px; margin-top: 130px; font-size: 16px; color: #727F8C; opacity: 0; transition: all 1s;}
	.bg11, .bg12, .bg13 { padding-top: 350px; font-size: 16px; color: #fff;}
	.bg11 { position: absolute; left: 50%; bottom: 15%; width: 340px; margin-left: -970px; background: url(images/bg91.png) 0 0 no-repeat; opacity: 0; transition: all 1s;
		-webkit-animation:fadeInLeft 2s .2s ease both;
		-moz-animation:fadeInLeft 2s .2s ease both;}
		@-webkit-keyframes fadeInLeft{
		0%{opacity:0;
		-webkit-transform:translateX(-20px)}
		100%{opacity:1;
		-webkit-transform:translateX(0)}
		}
		@-moz-keyframes fadeInLeft{
		0%{opacity:0;
		-moz-transform:translateX(-20px)}
		100%{opacity:1;
		-moz-transform:translateX(0)}
	}
	.bg11 p { position: relative; left: 20px; margin-left: 40px; border-right: 1px solid #13AB86;}
	.bg12 {
		position: absolute;
		left: -1rem;
		bottom: 40%;
		margin-right: 1.44rem;
		transition: all 1s;
		-webkit-animation: fadeInLeft 1s .2s ease both;
		-moz-animation: fadeInLeft 1s .2s ease both;
		box-sizing:border-box;
	}
	@-webkit-keyframes fadeInUp{
		0%{opacity:0;
		-webkit-transform:translateY(20px)}
		100%{opacity:1;
		-webkit-transform:translateY(0)}
	}
	@-moz-keyframes fadeInUp{
		0%{opacity:0;
		-moz-transform:translateY(20px)}
		100%{opacity:1;
		-moz-transform:translateY(0)}
	}
	.bg12 img{
		width:1.3rem;
	}
	.bg13 {
		position: absolute;
		left: 50%;
		bottom: -2%;
		width: 3rem;
		margin-left: 7.3rem;
		opacity: 0;
		transition: all 1s;
		-webkit-animation: fadeInRight 2s .2s ease both;
		-moz-animation: fadeInRight 2s .2s ease both;
		height: auto;
		box-sizing:border-box;
	}
	@-webkit-keyframes fadeInRight{
		0%{opacity:0;
		-webkit-transform:translateX(20px)}

		100%{opacity:1;
		-webkit-transform:translateX(0)}
	}
	@-moz-keyframes fadeInRight{
		0%{opacity:0;
		-moz-transform:translateX(20px)}
		100%{opacity:1;
		-moz-transform:translateX(0)}
	}
	.bg13 img{
		width: 1rem;}
	
	.go1 {
		position: absolute;
		left: 0.7rem;
		bottom: 0%;

		width:0.52rem;
		transition: all 1s;
		-webkit-animation: fadeInDown 1s .2s ease both;
		-moz-animation: fadeInDown 1s .2s ease both;
		box-sizing:border-box;
		
	}
	.go1 img{
		width:0.52rem;	
		background-color: #fff;
		border-radius:4px;
	}
	.go1 img:hover {
		background-color: #ddd;
		border-radius:4px;
	}
	

	.bg21 {
		position: absolute;
		top: -1.037714285714286rem;
		transition: all 1s;
		-webkit-animation: fadeInDown 4s .2s ease both;
		-moz-animation: fadeInDown 4s .2s ease both;
	}
	@-webkit-keyframes fadeInDown{
		0%{opacity:0;
		-webkit-transform:translateY(-20px)}
		100%{opacity:1;
		-webkit-transform:translateY(0)}
	}
	@-moz-keyframes fadeInDown{
		0%{opacity:0;
		-moz-transform:translateY(-20px)}
		100%{opacity:1;
		-moz-transform:translateY(0)}
	}
	.bg21 img{
		width:2.516571428571429rem;
	}
	.bg22 {
		position: absolute;
		left: 10%;
		bottom: 6%;
		margin-left: -1.158857rem;
		transition: all 1s;
		-webkit-animation: fadeInLeft 1s .2s ease both;
		-moz-animation: fadeInLeft 1s .2s ease both;
	}
	.bg22 img{
		width: 1.36457rem;
		
	}
	@-webkit-keyframes fadeInLeft{
		0%{opacity:0;
		-webkit-transform:translateX(-200px)}
		100%{opacity:1;
		-webkit-transform:translateX(0)}
	}
	@-moz-keyframes fadeInLeft{
		0%{opacity:0;
		-moz-transform:translateX(-200px)}
		100%{opacity:1;
		-moz-transform:translateX(0)}
	}
	.txt2 {
		position: absolute;
		left: 90%;
		bottom: 12%;
		width: 1.0217rem;
		margin-left: 0.3657rem;
		opacity: 0;
		transition: all 1s;
		-webkit-animation: fadeInRight 2s .3s ease both;
		-moz-animation: fadeInRight 2s .3s ease both;
	}
	@-webkit-keyframes fadeInRight{
		0%{opacity:0;
		-webkit-transform:translateX(80px)}
		100%{opacity:1;
		-webkit-transform:translateX(0)}
	}
	@-moz-keyframes fadeInRight{
		0%{opacity:0;
		-moz-transform:translateX(80px)}
		100%{opacity:1;
		-moz-transform:translateX(0)}
	}
	.txt2 h1{
		color:#2a92fd;
		font-size: 0.0822rem;
		}
	.txt2 p {
	color: #666;
	margin-bottom: 2px;
	font-size: 0.054857rem;
	}
	.bg31 {
	position: absolute;
	top: 0%;
	width: 100%;
	transition: all 1s;
	-webkit-animation: fadeInDown 4s .2s ease both;
	-moz-animation: fadeInDown 4s .2s ease both;
	}
		@-webkit-keyframes fadeInDown{
		0%{opacity:0;
		-webkit-transform:translateY(-20px)}
		100%{opacity:1;
		-webkit-transform:translateY(0)}
	}
	@-moz-keyframes fadeInDown{
		0%{opacity:0;
		-moz-transform:translateY(-20px)}
		100%{opacity:1;
		-moz-transform:translateY(0)}
	}
	.bg31 img{
		width:2.516571428571429rem;
	}
	.bg32 {
		position: absolute;
		right: 28%;
		bottom: 16%;
		opacity: 0;
		transition: all 1s;
		width: 0.8228571428571429rem;
		margin-right: -1.044571428571429rem;
		-webkit-animation:rotateIn 2s .2s ease both;
		-moz-animation:rotateIn 2s .2s ease both;}
	@-webkit-keyframes rotateIn{
		0%{-webkit-transform-origin:center center;
		-webkit-transform:rotate(-200deg);
		opacity:0}
		100%{-webkit-transform-origin:center center;
		-webkit-transform:rotate(0);
		opacity:1}
	}
	@-moz-keyframes rotateIn{
		0%{-moz-transform-origin:center center;
		-moz-transform:rotate(-200deg);
		opacity:0}
		100%{-moz-transform-origin:center center;
		-moz-transform:rotate(0);
		opacity:1}
	}
	.bg32 img{
		width:0.8228571428571429rem}
	.txt3 {
		position: absolute;
		right: 90%;
		bottom: 30%;
		width: 0.8228571428571429rem;
		margin-left: 0.3657142857142857px;
		opacity: 0;
		transition: all 1s;
		-webkit-animation: fadeInRight 2s .3s ease both;
		-moz-animation: fadeInRight 2s .3s ease both;
	}
	@-webkit-keyframes fadeInRight{
		0%{opacity:0;
		-webkit-transform:translateX(40px)}
		100%{opacity:1;
		-webkit-transform:translateX(0)}
	}
	@-moz-keyframes fadeInRight{
		0%{opacity:0;
		-moz-transform:translateX(40px)}
		100%{opacity:1;
		-moz-transform:translateX(0)}
	}
	.txt3 h1{
		color:#2a92fd;
		font-size: 0.0822857142857143rem;
		}
	.txt3 p {
		color: #666;
		margin-bottom: 2px;
		font-size: 0.054857rem;
	}

	.bg41 {
		position: absolute;
		top: -1.037714285714286rem;
		transition: all 1s;
		-webkit-animation: fadeInDown 4s .2s ease both;
		-moz-animation: fadeInDown 4s .2s ease both;
	}
	@-webkit-keyframes fadeInDown{
		0%{opacity:0;
		-webkit-transform:translateY(-20px)}
		100%{opacity:1;
		-webkit-transform:translateY(0)}
	}
	@-moz-keyframes fadeInDown{
		0%{opacity:0;
		-moz-transform:translateY(-20px)}
		100%{opacity:1;
		-moz-transform:translateY(0)}
	}
	.bg41 img{
		width:2.516571428571429rem;
	}
	.bg42 {
		position: absolute;
		left: 50%;
		bottom: 1.3657142857142857rem;
		width: 0.3614285714285714rem;
		margin-left: -0.4114285714285714rem;
		opacity: 0;
		transition: all 1s;
		-webkit-animation:tada 1s .2s ease both;
		-moz-animation:tada 1s .2s ease both;}
		@-webkit-keyframes tada{
		0%{-webkit-transform:scale(1)}
		10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}
		30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}
		40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}
		100%{-webkit-transform:scale(1) rotate(0)}
		}
		@-moz-keyframes tada{
		0%{-moz-transform:scale(1)}
		10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}
		30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}
		40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}
		100%{-moz-transform:scale(1) rotate(0)}
		}
	.bg42 img{
		width: 0.3614285714285714rem;
		}
	.bg43 {
		position: absolute;
		left: 40%;
		bottom: 0.74rem;
		width: 0.2114285714285714rem;
		margin-left: -0.8542857142857143rem;
		opacity: 0;
		transition: all 1.3s ease 0.3s;
		-webkit-animation: tada 1.3s .2s ease both;
		-moz-animation: tada 1s .2s ease both;
		-webkit-transition: all 1s ease 0.3s;
		-moz-transition: all 1s ease 0.3s;
		-ms-transition: all 1s ease 0.3s;
		-o-transition: all 1s ease 0.3s;
	}
		@-webkit-keyframes tada{
			0%{-webkit-transform:scale(1)}
			10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}
			30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}
			40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}
			100%{-webkit-transform:scale(1) rotate(0)}
		}
		@-moz-keyframes tada{
			0%{-moz-transform:scale(1)}
			10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}
			30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}
			40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}
			100%{-moz-transform:scale(1) rotate(0)}
		}
	.bg43 img{
		width: 0.2114285714285714rem;
	}
	.bg44 {
		position: absolute;
		left: 44%;
		bottom: 1.04rem;
		width: 0.1314285714285714rem;
		margin-left: -0.9542857142857143rem;
		opacity: 0;
		transition: all 1s ease 0.3s;
		-webkit-animation: tada 2s .2s ease both;
		-moz-animation: tada 2s .2s ease both;
		-webkit-transition: all 1s ease 0.7s;
		-moz-transition: all 1s ease 0.7s;
		-ms-transition: all 1s ease 0.7s;
		-o-transition: all 1s ease 0.7s;
	}
		@-webkit-keyframes tada{
			0%{-webkit-transform:scale(1)}
			10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}
			30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}
			40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}
			100%{-webkit-transform:scale(1) rotate(0)}
		}
		@-moz-keyframes tada{
			0%{-moz-transform:scale(1)}
			10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}
			30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}
			40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}
			100%{-moz-transform:scale(1) rotate(0)}
		}
	.bg44 img{
		width: 0.1314285714285714rem;
		}
	.txt4 {
		position: absolute;
		bottom: 32%;
		width: 1.0217rem;
		left: 55%;
		opacity: 0;
		transition: all 1s ease 0.3s;
		-webkit-animation:fadeInUp 2s .2s ease both;
		-moz-animation:fadeInUp 2s .2s ease both;}
		@-webkit-keyframes fadeInUp{
		0%{opacity:0;
		-webkit-transform:translateY(20px)}
		100%{opacity:1;
		-webkit-transform:translateY(0)}
		}
		@-moz-keyframes fadeInUp{
		0%{opacity:0;
		-moz-transform:translateY(20px)}
		100%{opacity:1;
		-moz-transform:translateY(0)}
		}
		
	.txt4 h5{
		color:#2a92fd;
		font-size: 0.0822857142857143rem;
		}
	.txt4 p {
		color: #666;
		margin-bottom: 2px;
		font-size: 0.054857rem;
	}


	.bg51 {
		position: absolute;
		width: 100%;
		height: 100%;
		
	}
	.bg52 {
		position: absolute;
		width: 1.062857142857143rem;
		left: 50%;
		right: 50%;
		top: 25%;
		margin-left: -0.531rem;
		opacity: 0;
		-webkit-animation: fadeInDown2 2s .2s ease both;
		-moz-animation: fadeInDown2 2s .2s ease both;
	}
	@-webkit-keyframes fadeInDown2{
		0%{opacity:0;
		-webkit-transform:translateY(-20px)}
		100%{opacity:1;
		-webkit-transform:translateY(0)}
	}
	@-moz-keyframes fadeInDown2{
		0%{opacity:0;
		-moz-transform:translateY(-20px)}
		100%{opacity:1;
		-moz-transform:translateY(0)}
	}
	.bg52 img{
		width: 1.062857142857143rem;
		}
	.bg53 {
		position: absolute;
		width: 2.268571428571429rem;
		left: 50%;
		right: 50%;
		top: 25%;
		margin-top: 0.2514285714285714rem;
		margin-left: -1.1342857142857143rem;
		opacity: 0;
		-webkit-animation: fadeInDown3 2s .2s ease both;
		-moz-animation: fadeInDown3 2s .2s ease both;
	}
	@-webkit-keyframes fadeInDown3{
		0%{opacity:0;
		-webkit-transform:translateY(-20px)}
		100%{opacity:1;
		-webkit-transform:translateY(0)}
	}
	@-moz-keyframes fadeInDown3{
		0%{opacity:0;
		-moz-transform:translateY(-20px)}
		100%{opacity:1;
		-moz-transform:translateY(0)}
	}
	.bg53 p{
		color: #666;
		margin-bottom: 2px;
		font-size: 0.064857rem;
		text-align: center;
		}
	.go5 {
		position: absolute;
		left: 50%;
		width: 0.5394285714285714rem;
		bottom: 50%;
		top: 25%;
		right: 50%;
		margin-top: 0.5028571428571429rem;
		margin-left: -0.269rem;
		transition: all 1s;
		-webkit-animation:fadeInUp2 2s .2s ease both;
		-moz-animation:fadeInUp2 2s .2s ease both;}
		@-webkit-keyframes fadeInUp2{
		0%{opacity:0;
		-webkit-transform:translateY(20px)}
		100%{opacity:1;
		-webkit-transform:translateY(0)}
		}
		@-moz-keyframes fadeInUp2{
		0%{opacity:0;
		-moz-transform:translateY(20px)}
		100%{opacity:1;
		-moz-transform:translateY(0)}
		}
	.go5 img{
		width: 0.5394285714285714rem;
		background-color: #268ee3;
		border-radius: 4px;
		}
	.go5 img:hover {
		background-color: #076cbf;
	}
	.copyright { position: absolute; left: 0; bottom: 20px; width: 100%; text-align: center; font-size: 0;}
	.copyright a, .copyright span { margin: 0 7px; font-size: 12px; color: #a0a0a0;}
	
	/* CSS3过度及动画 */
	.active strong, .active h3 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
	.active .p1 { opacity: 1; transition-delay: 1.7s;}
	
	.active .go1 {  bottom: 35%;; opacity: 1; transition-delay: 0.7s;}
	.active .bg11 { margin-left: -1.074285714285714rem; opacity: 1; transition-delay: 0.7s;}
	.active .bg12 { margin-left: 1.3rem; opacity: 1; transition-delay: 0.7s;}
	.active .bg13 { margin-left: 0.3rem; opacity: 1; transition-delay: 0.7s;}
	
	.active .bg21 { top: 0; transition-delay: 0.7s;}
	.active .bg22 { left: 50%; opacity: 1; transition-delay: 0.7s;}
	.active .txt2 { left: 50%; opacity: 1; transition-delay: 0.7s;}
	
	.active .bg31 { top: 0; transition-delay: 0.7s;}
	.active .bg32 { right: 50%; opacity: 1; transition-delay: 0.7s;}
	.active .txt3 { right: 50%; opacity: 1; transition-delay: 0.7s;}
	
		.active .bg41 { top: 0; transition-delay: 0.7s;}
	.active .bg42 { bottom: 0.5942857142857143rem; margin-left: -0.5942857142857143rem; opacity: 1; transition-delay: 0.7s;}
	.active .bg43 { bottom: 0.8685714285714286rem; margin-left: -0.5942857142857143rem; opacity: 1; transition-delay: 1s;}
	.active .bg44 {  opacity: 1; transition-delay: 1.2s;}
	.active .txt4 { bottom: 32%; opacity: 1; transition-delay: 0.7s;}
	
	
	.active .bg52, .active .bg53 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
	.active .go5 { opacity: 1; transition-delay: 1.2s;}
	
	/* for lt ie 10 */
	.ltie10 strong, .ltie10 h3 { opacity: 1; transform:scale(1, 1); transition-delay: 0.7s;}
	.ltie10 .p1 { opacity: 1; transition-delay: 1.7s;}
	
	.ltie10 .go2  { left: 00%; opacity: 1; transition-delay: 0.7s;}
	.ltie10 .bg11 { margin-left: -570px; opacity: 1; transition-delay: 0.7s;}
	.ltie10 .bg12 { left: 40%; opacity: 1; transition-delay: 0.7s;}
	.ltie10 .bg13 { margin-left: 230px; opacity: 1; transition-delay: 0.7s;}
	
	.ltie10 .bg21 { top: 0; transition-delay: 0.7s;}
	.ltie10 .bg22 { left: 50%; opacity: 1; transition-delay: 0.7s;}
	.ltie10 .txt2 { left: 50%; opacity: 1; transition-delay: 0.7s;}
	
	.ltie10 .bg31 { bottom: 250px; opacity: 1; transition-delay: 0.7s;}
	.ltie10 .bg32 { bottom: 350px; opacity: 1; transition-delay: 0.9s;}
	.ltie10 .txt3 { bottom: 420px; opacity: 1; transition-delay: 1.1s;}
	
	
	.ltie10 .bg42 { bottom: 260px; margin-left: -280px; opacity: 1; transition-delay: 0.7s;}
	.ltie10 .bg43 { bottom: 380px; margin-left: -430px; opacity: 1; transition-delay: 1s;}
	.ltie10 .bg44 { bottom: 420px; margin-left: -510px; opacity: 1; transition-delay: 1.2s;}
	.ltie10 .txt4 { bottom: 420px; opacity: 1; transition-delay: 1.7s;}
	
	.ltie10 .bg52, .ltie10 .bg53 { opacity: 1; transform:scale(1, 1); transition-delay: 0.7s;}
	.ltie10 .go5 { top: 55%; opacity: 1; transform:scale(1, 1); }
.ad, .ad a, .ad img{
	opacity:0;
	display: none;
	}	

/*适配768分辨率以下，针对魅族，mate7,4 4s,5 5s,6,6+
@media only screen and (max-width: 768px),@media only screen and (min-device-width :1080px) and (-webkit-min-device-pixel-ratio : 2.5),@media only screen and (min-device-width :1080px) and (-webkit-min-device-pixel-ratio : 3),@media only screen and (device-height :480px) and (-webkit-device-pixel-ratio:2),
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2), @media (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio : 2),@ media (min-device-width : 414px) and (max-device-width : 736px) and (-webkit-min-device-pixel-ratio : 3), @media only screen and (width: 1080px), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5),
*/