/**
 * fullPage 2.4.6
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
html,
body { margin: 0; padding: 0; overflow: hidden; /*Avoid flicker on slides transitions for mobile phones #336 */
-webkit-tap-highlight-color: rgba(0,0,0,0); }
a { text-decoration: none; }
a:hover {color:#fff !important}
#superContainer { height: 100%; position: relative; /* Touch detection for Windows 8 */
-ms-touch-action: none; /* IE 11 on Windows Phone 8.1*/
touch-action: none; }
.fp-section { position: relative; -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */ -moz-box-sizing: border-box; /* <=28 */ box-sizing: border-box; }
.fp-slide { float: left; }
.fp-slide,
.fp-slidesContainer { height: 100%; display: block; }
.fp-slides { z-index: 1; height: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */ transition: all 0.3s ease-out; }
.fp-section.fp-table,
.fp-slide.fp-table { display: table; table-layout: fixed; width: 100%; }
.fp-tableCell { vertical-align: middle; width: 100%; height: 100%; position:relative; overflow:hidden;}
.fp-slidesContainer { float: left; position: relative; }
.fp-controlArrow { position: absolute; z-index: 4; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px; }
.fp-controlArrow.fp-prev { left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent; }
.fp-controlArrow.fp-next { right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff; }
.fp-scrollable { overflow: scroll; }
.fp-notransition { -webkit-transition: none !important; transition: none !important; }
#fp-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; }
#fp-nav.right { right: 17px; }
#fp-nav.left { left: 17px; }
.fp-slidesNav { position: absolute; z-index: 4; left: 50%; opacity: 1; }
.fp-slidesNav.bottom { bottom: 17px; }
.fp-slidesNav.top { top: 17px; }
#fp-nav ul,
.fp-slidesNav ul { margin: 0; padding: 0; }
#fp-nav ul li,
.fp-slidesNav ul li { display: block; width: 14px; height: 13px; margin: 7px; position: relative; }
.fp-slidesNav ul li { display: inline-block; }
#fp-nav ul li a,
.fp-slidesNav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; }
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span { background: #333; }
#fp-nav ul li a span,
.fp-slidesNav ul li a span { top: 2px; left: 2px; width: 8px; height: 8px; border: 1px solid #000; background: rgba(0, 0, 0, 0); border-radius: 50%; position: absolute; z-index: 1; }
#fp-nav ul li .fp-tooltip { position: absolute; top: -2px; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; white-space: nowrap; max-width: 220px; overflow: hidden; display: block; opacity: 0; width: 0; }
#fp-nav ul li:hover .fp-tooltip { -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; width: auto; opacity: 1; }
#fp-nav ul li .fp-tooltip.right { right: 20px; }
#fp-nav ul li .fp-tooltip.left { left: 20px; }

/**背景**/
.section {text-align: center; font: 50px "Microsoft Yahei"; color: #333; position:relative;}
.section1{background: none;}
.section2{background: linear-gradient(#d3f3ff, #8fdbf8);-webkit-linear-gradient(#d3f3ff, #8fdbf8);-ms-linear-gradient(#d3f3ff, #8fdbf8);-moz-linear-gradient(#d3f3ff, #8fdbf8);-o-linear-gradient(#d3f3ff, #8fdbf8);}
.section3{background: linear-gradient(#83d1fd, #23b7f3);-webkit-linear-gradient(#83d1fd, #23b7f3);-ms-linear-gradient(#83d1fd, #23b7f3);-moz-linear-gradient(#83d1fd, #23b7f3);-o-linear-gradient(#83d1fd, #23b7f3);}
.section4{background: linear-gradient(#a7f2d5, #54daa6);-webkit-linear-gradient(#a7f2d5, #54daa6);-ms-linear-gradient(#a7f2d5, #54daa6);-moz-linear-gradient(#a7f2d5, #54daa6);-o-linear-gradient(#a7f2d5, #54daa6);}
.section5{background: linear-gradient(#81acdf, #2b73c3);-webkit-linear-gradient(#81acdf, #2b73c3);-ms-linear-gradient(#81acdf, #2b73c3);-moz-linear-gradient(#81acdf, #2b73c3);-o-linear-gradient(#81acdf, #2b73c3);}
.section6{background: linear-gradient(#a68cec, #785894);-webkit-linear-gradient(#a68cec, #785894);-ms-linear-gradient(#a68cec, #785894);-moz-linear-gradient(#a68cec, #785894);-o-linear-gradient(#a68cec, #785894);}
.section7{background: linear-gradient(#d1f3ff, #5dcff8);-webkit-linear-gradient(#d1f3ff, #5dcff8);-ms-linear-gradient(#d1f3ff, #5dcff8);-moz-linear-gradient(#d1f3ff, #5dcff8);-o-linear-gradient(#d1f3ff, #5dcff8);}
.section8{background: linear-gradient(#62d3d1, #469c9a);-webkit-linear-gradient(#62d3d1, #469c9a);-ms-linear-gradient(#62d3d1, #469c9a);-moz-linear-gradient(#62d3d1, #469c9a);-o-linear-gradient(#62d3d1, #469c9a);}
.section9{background: linear-gradient(#c1cef4, #93b0ec);-webkit-linear-gradient(#c1cef4, #93b0ec);-ms-linear-gradient(#c1cef4, #93b0ec);-moz-linear-gradient(#c1cef4, #93b0ec);-o-linear-gradient(#c1cef4, #93b0ec);}
.section10{background: linear-gradient(#fff9d4, #f7d98f);-webkit-linear-gradient(#fff9d4, #f7d98f);-ms-linear-gradient(#fff9d4, #f7d98f);-moz-linear-gradient(#fff9d4, #f7d98f);-o-linear-gradient(#fff9d4, #f7d98f);}

/***共用***/
.linear{transition:all linear 50s;}
.ease-out{transition:all ease-out 20s;}
.fp-tableCell>div{position:absolute;}
.title_position{width:30%; z-index:10; text-align:left; }
.title{font-size:46px; color:#333; left:0; top:0; font-weight: normal; margin-bottom:15px;}
.detail{font-size:26px; color:#333; left:0; top:60px; font-weight: normal;}
.box-shadow{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);}

/*第一版面样式与动画效果*/
.section1 .title_position{width:60%; left:20%; top:15%;}
.section1 .sec1_bg{top:0px; left:0; background:url(../images/sec1_bg.jpg) no-repeat center top; background-size: auto 100%; height:calc(100% - 120px); width:100%;}
.title_position .sec1_title{left: 5%; width: 90%; top: 0; position: absolute;}
.section1 .sec1_img2 { left: 0; bottom: 0; background: url(../images/sec1_img2.png) no-repeat center bottom; height: 300px; width: 100%; z-index: 2;}
.sec1_detail1 { left: 30%; width: 40%; top: 288px; position: absolute;}
.sec1_detail2 { left: 30%; width: 40%; top: 336px; position: absolute;}
.sec1_btn { position: absolute; width: 30%; left: 35%; top: 380px; text-align: center; background: url(../images/sec1_btn.jpg) center no-repeat; background-size: auto 100%; height: 55px;}
.sec1_btn a { font-size: 24px; color: #fff; line-height: 55px; display: block;}
.sec1_img1 { height: 300px; left: 15%; bottom: 210px; z-index: 3;}

.sec1_img1{animation:sec1_img1 1.2s 1;}
@keyframes sec1_img1{
	0% {left: 25%; bottom: -255px;}
	100% {left: 15%; bottom: 210px;}
}
.sec1_title{animation:sec1_title 0.4s 1;}
@keyframes sec1_title{
	0% { top: -80px;}
	100% { top: 0;}
}
.sec1_detail1{animation:sec1_detail1 0.8s 1;}
@keyframes sec1_detail1{
	0% { top: 138px;}
	100% { top: 288px;}
}
.sec1_detail2{animation:sec1_detail2 1.2s 1;}
@keyframes sec1_detail2{
	0% { top: 106px;}
	100% { top: 336px;}
}
.sec1_btn{animation:sec1_btn 1.2s 1;}
@keyframes sec1_btn{
	0% { top: 580px;}
	100% { top: 380px;}
}

/*第二版面样式与动画效果*/
.section2 .title_position{left:-114%; top:180px; min-width: 455px; opacity:0; transition: 1.5s all; -webkit-transition: 1.5s all;-ms-transition: 1.5s all;-moz-transition: 1.5s all;-o-transition: 1.5s all;}
.sec2_bg{left:20%; top:0; z-index:1; width:45%;}
.movetop{top:10%;}
.sec2_img1{z-index:4; width:20%; max-width:320px; left:50%; top:18%; opacity:0; transition: 1.5s all; -webkit-transition: 1.5s all;-ms-transition: 1.5s all;-moz-transition: 1.5s all;-o-transition: 1.5s all;}
.sec2_img2{z-index:5; width:10%; max-width:120px; left:50%; top:50%; opacity:0; transition: 1.5s all; -webkit-transition: 1.5s all;-ms-transition: 1.5s all;-moz-transition: 1.5s all;-o-transition: 1.5s all;}
.sec2_img3{z-index:3; width:30%; max-width:520px; left:50%; top:40%; opacity:0; transition: 1.5s all; -webkit-transition: 1.5s all;-ms-transition: 1.5s all;-moz-transition: 1.5s all;-o-transition: 1.5s all;}
.sec2_bg2{ z-index:1; width:70px;}
.sec2_bg2.adr1{left:12%; top:60%;}
.sec2_bg2.adr2{left:90%; top:16%;}
.sec2_bg2.adr3{left:45%; top:70%;}

.bg2Move{animation:bg2Move 8s infinite;}
@keyframes bg2Move{
	0% {top: 0%;}
	50% {top: 5%;}
	100% {top: 0%;}
}
@-webkit-keyframes bg2Move{
	0% {top: 0%;}
	50% {top: 5%;}
	100% {top: 0%;}
}
@-moz-keyframes bg2Move{
	0% {top: 0%;}
	50% {top: 5%;}
	100% {top: 0%;}
}
@-o-keyframes bg2Move{
	0% {top: 0%;}
	50% {top: 5%;}
	100% {top: 0%;}
}

.adr1Move{animation:adr1Move 8s infinite;}
@keyframes adr1Move{ 
	0% {left: 12%;}
	50% {left: 10%;}
	100% {left: 12%;}
}
@-webkit-keyframes adr1Move{ 
	0% {left: 12%;}
	50% {left: 10%;}
	100% {left: 12%;}
}
@-moz-keyframes adr1Move{ 
	0% {left: 12%;}
	50% {left: 10%;}
	100% {left: 12%;}
}
@-o-keyframes adr1Move{ 
	0% {left: 12%;}
	50% {left: 10%;}
	100% {left: 12%;}
}

.adr2Move{animation:adr2Move 8s infinite;}
@keyframes adr2Move{
	0% {left:90%;}
	50% {left:88%;}
	100% {left:90%;}
}
@-webkit-keyframes adr2Move{
	0% {left:90%;}
	50% {left:88%;}
	100% {left:90%;}
}
@-moz-keyframes adr2Move{
	0% {left:90%;}
	50% {left:88%;}
	100% {left:90%;}
}
@-o-keyframes adr2Move{
	0% {left:90%;}
	50% {left:88%;}
	100% {left:90%;}
}

.adr3Move{animation:adr3Move 8s infinite;}
@keyframes adr3Move{
	0% {top:70%;}
	50% {top:72%;}
	100% {top:70%;}
}
@-webkit-keyframes adr3Move{
	0% {top:70%;}
	50% {top:72%;}
	100% {top:70%;}
}
@-moz-keyframes adr3Move{
	0% {top:70%;}
	50% {top:72%;}
	100% {top:70%;}
}
@-o-keyframes adr3Move{
	0% {top:70%;}
	50% {top:72%;}
	100% {top:70%;}
}

.section2 .title2_position{opacity:1;left:14%;}
.sec2img1{ left:calc(50% + 300px);opacity:1;}
.sec2img2{ left:calc(50% - 10px);opacity:1;}
.sec2img3{ left:calc(50% - 50px);opacity:1;}

/*第三版面样式与动画效果*/
.section3 .title_position { left: 76%;  bottom:28%; opacity:0; transition: 1.5s all; -webkit-transition: 1.5s all;-ms-transition: 1.5s all;-moz-transition: 1.5s all;-o-transition: 1.5s all;}
.sec3_bg{left:70%; top:-10%; z-index:1; width:25%;}
.sec3_bg2{left:calc(50% - 650px); bottom:10%; z-index:1; width:45%;}
.sec3_bg3{left:8%; top:70%; z-index:1; width:120px;}
.sec3_bg4{left:60%; top:10%; z-index:1; width:100px;}
.sec3_img1{z-index:3; width:45%; max-width:700px; left:50%; top:18%; opacity:0; transition: 1.5s all; -webkit-transition: 1.5s all;-ms-transition: 1.5s all;-moz-transition: 1.5s all;-o-transition: 1.5s all;}
.sec3_img2{z-index:4; width:40%; max-width:630px; left:50%; top:30%; opacity:0; transition: 1.5s all; -webkit-transition: 1.5s all;-ms-transition: 1.5s all;-moz-transition: 1.5s all;-o-transition: 1.5s all;}
.sec3_img2-1{ position:absolute; z-index:2; top:16%; left:0;}
.sec3_img3{z-index:5; width:6%; max-width:100px; left:50%; top:38%; opacity:0; transition: 1.5s all; -webkit-transition: 1.5s all;-ms-transition: 1.5s all;-moz-transition: 1.5s all;-o-transition: 1.5s all;}

.sec3bg{animation:sec3_bg 8s infinite;}
@keyframes sec3_bg{
	0% {left:70%;}
	50% {left:68%;}
	100% {left:70%;}
}
@-webkit-keyframes sec3_bg{
	0% {left:70%;}
	50% {left:68%;}
	100% {left:70%;}
}
@-moz-keyframes sec3_bg{
	0% {left:70%;}
	50% {left:68%;}
	100% {left:70%;}
}
@-o-keyframes sec3_bg{
	0% {left:70%;}
	50% {left:68%;}
	100% {left:70%;}
}

.sec3bg3{animation:sec3_bg3 8s infinite;}
@keyframes sec3_bg3{
	0% {left:8%;}
	50% {left:12%;}
	100% {left:8%;}
}
@-webkit-keyframes sec3_bg3{
	0% {left:8%;}
	50% {left:12%;}
	100% {left:8%;}
}
@-moz-keyframes sec3_bg3{
	0% {left:8%;}
	50% {left:12%;}
	100% {left:8%;}
}
@-o-keyframes sec3_bg3{
	0% {left:8%;}
	50% {left:12%;}
	100% {left:8%;}
}

.sec3bg4{animation:sec3_bg4 8s infinite;}
@keyframes sec3_bg4{
	0% {top:10%;}
	50% {top:7%;}
	100% {top:10%;}
}
@-webkit-keyframes sec3_bg4{
	0% {top:10%;}
	50% {top:7%;}
	100% {top:10%;}
}
@-moz-keyframes sec3_bg4{
	0% {top:10%;}
	50% {top:7%;}
	100% {top:10%;}
}
@-o-keyframes sec3_bg4{
	0% {top:10%;}
	50% {top:7%;}
	100% {top:10%;}
}

.section3 .title3_position{opacity:1;left: 67%;}
.sec3img1{left:calc(50% - 600px);opacity:1;}
.sec3img2{left:calc(50% - 442px);opacity:1;}
.sec3img3{left:calc(50% - 470px);opacity:1;}

/*第四版面样式与动画效果*/
.section4 .title_position { left:-114%; top: 230px; min-width: 455px; opacity:0; transition: 1.5s all; -webkit-transition: 1.5s all;-ms-transition: 1.5s all;-moz-transition: 1.5s all;-o-transition: 1.5s all;}
.sec4_bg { width: 40%; left: 20%; top: 80px;}
.sec4_bg1 { bottom: 7px; width: 13%; left: 8%;}
.sec4_bg2 { width: 3%; right: 5%; top: 80px;}
.sec4_img2 { right: 10%; top: 160px; width: 28%; opacity:0; transition: 1.5s all; -webkit-transition: 1.5s all;-ms-transition: 1.5s all;-moz-transition: 1.5s all;-o-transition: 1.5s all;}
.sec4_img1 { right: 40%; top: 240px; transform: scale(0); transition: 1.5s all; -webkit-transition: 1.5s all;-ms-transition: 1.5s all;-moz-transition: 1.5s all;-o-transition: 1.5s all;}
.sec4_img3 { right: 5%; top: 120px; opacity:0; transition: 1.5s all; -webkit-transition: 1.5s all;-ms-transition: 1.5s all;-moz-transition: 1.5s all;-o-transition: 1.5s all;}
.sec4_start { width: 294px; right: 5%; top: 173px; height: 485px; opacity:0; transition: 1.5s all; -webkit-transition: 1.5s all;-ms-transition: 1.5s all;-moz-transition: 1.5s all;-o-transition: 1.5s all;}

.sec4bg{animation:sec4_bg 20s infinite;}
@keyframes sec4_bg{
	0% {transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);}
	50% {transform: scale(.9);-webkit-transform: scale(.9);-ms-transform: scale(.9);-moz-transform: scale(.9);-o-transform: scale(.9);}
	100% {transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);}
}
@-webkit-keyframes sec4_bg{
	0% {transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);}
	50% {transform: scale(.9);-webkit-transform: scale(.9);-ms-transform: scale(.9);-moz-transform: scale(.9);-o-transform: scale(.9);}
	100% {transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);}
}
@-moz-keyframes sec4_bg{
	0% {transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);}
	50% {transform: scale(.9);-webkit-transform: scale(.9);-ms-transform: scale(.9);-moz-transform: scale(.9);-o-transform: scale(.9);}
	100% {transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);}
}
@-o-keyframes sec4_bg{
	0% {transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);}
	50% {transform: scale(.9);-webkit-transform: scale(.9);-ms-transform: scale(.9);-moz-transform: scale(.9);-o-transform: scale(.9);}
	100% {transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);}
}

.sec4bg1{animation:sec4_bg1 12s infinite;}
@keyframes sec4_bg1{
	0% { bottom: 7px; left: 8%;}
	50% { bottom: 40px; left: 12%;}
	100% { bottom: 7px; left: 8%;}
}
@-webkit-keyframes sec4_bg1{
	0% { bottom: 7px; left: 8%;}
	50% { bottom: 40px; left: 12%;}
	100% { bottom: 7px; left: 8%;}
}
@-moz-keyframes sec4_bg1{
	0% { bottom: 7px; left: 8%;}
	50% { bottom: 40px; left: 12%;}
	100% { bottom: 7px; left: 8%;}
}
@-o-keyframes sec4_bg1{
	0% { bottom: 7px; left: 8%;}
	50% { bottom: 40px; left: 12%;}
	100% { bottom: 7px; left: 8%;}
}

.sec4bg2{animation:sec4_bg2 10s infinite;}
@keyframes sec4_bg2{
	0% { right: 5%; top: 80px;}
	50% { right: 9%; top: 100px;}
	100% { right: 5%; top: 80px;}
}
@-webkit-keyframes sec4_bg2{
	0% { right: 5%; top: 80px;}
	50% { right: 9%; top: 100px;}
	100% { right: 5%; top: 80px;}
}
@-moz-keyframes sec4_bg2{
	0% { right: 5%; top: 80px;}
	50% { right: 9%; top: 100px;}
	100% { right: 5%; top: 80px;}
}
@-o-keyframes sec4_bg2{
	0% { right: 5%; top: 80px;}
	50% { right: 9%; top: 100px;}
	100% { right: 5%; top: 80px;}
}

.section4 .title4_position{opacity:1;left:14%;}
.sec4img1{ transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);}
.sec4img2{ right: 25%;opacity:1;}
.sec4img3{ right: 10%;opacity:1;}
.sec4start{right:10%;opacity:1;}

/*开场动画*/
.style_box{width:100%;max-width:750px; min-width:294px; max-height:1334px;  min-height:480px; height:100%; margin:auto; font-size:16px; overflow:hidden;}
.main{position:relative; background:#ffc6df url(images/bg.jpg) no-repeat top center; background-size:100%; width:100%; height:100%;}
.main .img{position:absolute;}
.main .img img{vertical-align:middle; border:0}
.main .pic1{left:0; top:28%; z-index:2; width:100%;}
.main .pic2{left:0; top:-2%; z-index:1; width:100%;}
.main .pic3{left:0; bottom:-2%; z-index:1; width:100%;}


.main_d{ animation:first 2s; -webkit-animation:first 2s; -moz-animation:first 2s; -o-animation:first 2s;}
.pic_1{ animation:kt_1 cubic-bezier(0.87,-0.18, 0.23, 1.38) 1.5s; }
.pic_2{ animation:kt_2 cubic-bezier(0.87,-0.18, 0.23, 1.38) 1.5s;}
.pic_3{ animation:kt_3 cubic-bezier(0.87,-0.18, 0.23, 1.38) 1.5s;}

@keyframes first{
	from {opacity:0;}
	to {opacity:1;}
}
@-webkit-keyframes first{
	from {opacity:0;}
	to {opacity:1;}
}
@-moz-keyframes first{
	from {opacity:0;}
	to {opacity:1;}
}
@-o-keyframes first{
	from {opacity:0;}
	to {opacity:1;}
}

@keyframes kt_1{
	0% {opacity:0; width:0;}
	30% {opacity:0; width:0;}
	100% {opacity:1; transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); width:100%; }
}
@-webkit-keyframes kt_1{
	0% {opacity:0; width:0;}
	30% {opacity:0; width:0;}
	100% {opacity:1; transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); width:100%; }
}
@-moz-keyframes kt_1{
	0% {opacity:0; width:0;}
	30% {opacity:0; width:0;}
	100% {opacity:1; transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); width:100%; }
}
@-o-keyframes kt_1{
	0% {opacity:0; width:0;}
	30% {opacity:0; width:0;}
	100% {opacity:1; transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); width:100%; }
}

@keyframes kt_2{
	0% {top:-10%; opacity:0;}
	100% {top:-2%; opacity:1;}
}
@-webkit-keyframes kt_2{
	0% {top:-10%; opacity:0;}
	100% {top:-2%; opacity:1;}
}
@-moz-keyframes kt_2{
	0% {top:-10%; opacity:0;}
	100% {top:-2%; opacity:1;}
}
@-o-keyframes kt_2{
	0% {top:-10%; opacity:0;}
	100% {top:-2%; opacity:1;}
}

@keyframes kt_3{
	0% {bottom:-10%; opacity:0;}
	100% {bottom:-2%; opacity:1;}
}
@-webkit-keyframes kt_3{
	0% {bottom:-10%; opacity:0;}
	100% {bottom:-2%; opacity:1;}
}
@-moz-keyframes kt_3{
	0% {bottom:-10%; opacity:0;}
	100% {bottom:-2%; opacity:1;}
}
@-o-keyframes kt_3{
	0% {bottom:-10%; opacity:0;}
	100% {bottom:-2%; opacity:1;}
}

/*第五版面样式与动画效果*/
.section5 .title_position { right: 8%; top: 230px; opacity:0; transition: 1.5s all; -webkit-transition: 1.5s all;-ms-transition: 1.5s all;-moz-transition: 1.5s all;-o-transition: 1.5s all;}
.sec5_bg { right: 16%; bottom: 60px;}
.sec5_bg1 { left: -50px; top: 120px;}
.sec5_bg2 { right: 8%; top: 110px;}
.sec5_img1 { left: 9%; top: 273px;transform: scale(0); transition: 1.5s all; -webkit-transition: 1.5s all;-ms-transition: 1.5s all;-moz-transition: 1.5s all;-o-transition: 1.5s all;}
.sec5_img2 { left: 7%; top: 160px; opacity:0; transition: 1.5s all; -webkit-transition: 1.5s all;-ms-transition: 1.5s all;-moz-transition: 1.5s all;-o-transition: 1.5s all;}
.sec5_img3 { left: 25%; top: 130px; opacity:0; transition: 1.5s all; -webkit-transition: 1.5s all;-ms-transition: 1.5s all;-moz-transition: 1.5s all;-o-transition: 1.5s all;}
.sec5_start { width: 276px; height: 491px; left: 26%; top: 178px; overflow:hidden; opacity:0; transition: 1.5s all; -webkit-transition: 1.5s all;-ms-transition: 1.5s all;-moz-transition: 1.5s all;-o-transition: 1.5s all;}
.sec5_start_bg {background:url(../images/lan.jpg) left center no-repeat; background-size: auto 100%; margin-left:-208px; height: 491px; width: 491px; transition: 1.5s all 1s; -webkit-transition: 1.5s all 1s;-ms-transition: 1.5s all 1s;-moz-transition: 1.5s all 1s;-o-transition: 1.5s all 1s;}

.sec5bg1{animation:sec5_bg1 20s infinite;}
@keyframes sec5_bg1{
	0% { left: -50px; top: 120px;}
	50% { left: 50px; top: 190px;}
	100% { left: -50px; top: 120px;}
}
@-webkit-keyframes sec5_bg1{
	0% { left: -50px; top: 120px;}
	50% { left: 50px; top: 190px;}
	100% { left: -50px; top: 120px;}
}
@-moz-keyframes sec5_bg1{
	0% { left: -50px; top: 120px;}
	50% { left: 50px; top: 190px;}
	100% { left: -50px; top: 120px;}
}
@-o-keyframes sec5_bg1{
	0% { left: -50px; top: 120px;}
	50% { left: 50px; top: 190px;}
	100% { left: -50px; top: 120px;}
}

.sec5bg2{animation:sec5_bg2 20s infinite;}
@keyframes sec5_bg2{
	0% { right: 8%; top: 110px;}
	50% { right: 11%; top: 200px;}
	100% { right: 8%; top: 110px;}
}
@-webkit-keyframes sec5_bg2{
	0% { right: 8%; top: 110px;}
	50% { right: 11%; top: 200px;}
	100% { right: 8%; top: 110px;}
}
@-moz-keyframes sec5_bg2{
	0% { right: 8%; top: 110px;}
	50% { right: 11%; top: 200px;}
	100% { right: 8%; top: 110px;}
}
@-o-keyframes sec5_bg2{
	0% { right: 8%; top: 110px;}
	50% { right: 11%; top: 200px;}
	100% { right: 8%; top: 110px;}
}

.section5 .title5_position { right: 8%; opacity:1;}
.sec5img1 { transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);}
.sec5img2 { left: 13%; opacity:1;}
.sec5img3 { left: 35%; opacity:1;}
.sec5start { left: 36%; opacity:1;}
.sec5_startbg {margin-left:0;}

/*第六版面样式与动画效果*/
.section6 .title_position { left: 5%; top: 230px;opacity:0; transition: 1.5s all; -webkit-transition: 1.5s all;-ms-transition: 1.5s all;-moz-transition: 1.5s all;-o-transition: 1.5s all;}
.sec6_bg { left: 9%; bottom: 63px;}
.sec6_bg1 { left: 7%; bottom: 38px;}
.sec6_bg2 { right: 8%; top: 196px;}
.sec6_img1 { right: 50%; top: 395px; transform: scale(0); transition: 1.5s all; -webkit-transition: 1.5s all;-ms-transition: 1.5s all;-moz-transition: 1.5s all;-o-transition: 1.5s all;}
.sec6_img2 { right: 20%; top: 163px; opacity:0; transition: 1.5s all; -webkit-transition: 1.5s all;-ms-transition: 1.5s all;-moz-transition: 1.5s all;-o-transition: 1.5s all;}
.sec6_img3 { right: 5%; top: 100px; opacity:0; transition: 1.5s all; -webkit-transition: 1.5s all;-ms-transition: 1.5s all;-moz-transition: 1.5s all;-o-transition: 1.5s all;}
.sec6_img4 { right: 20%; top: 340px; transform: scale(0); transition: 1.5s all 1s; -webkit-transition: 1.5s all 1s;-ms-transition: 1.5s all 1s;-moz-transition: 1.5s all 1s;-o-transition: 1.5s all 1s;}

.sec6bg{animation:sec6_bg 12s infinite;}
@keyframes sec6_bg{
	0% {transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);}
	50% {transform: scale(.9);-webkit-transform: scale(.9);-ms-transform: scale(.9);-moz-transform: scale(.9);-o-transform: scale(.9);}
	100% {transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);}
}
@-webkit-keyframes sec6_bg{
	0% {transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);}
	50% {transform: scale(.9);-webkit-transform: scale(.9);-ms-transform: scale(.9);-moz-transform: scale(.9);-o-transform: scale(.9);}
	100% {transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);}
}
@-moz-keyframes sec6_bg{
	0% {transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);}
	50% {transform: scale(.9);-webkit-transform: scale(.9);-ms-transform: scale(.9);-moz-transform: scale(.9);-o-transform: scale(.9);}
	100% {transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);}
}
@-o-keyframes sec6_bg{
	0% {transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);}
	50% {transform: scale(.9);-webkit-transform: scale(.9);-ms-transform: scale(.9);-moz-transform: scale(.9);-o-transform: scale(.9);}
	100% {transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);}
}

.sec6bg1{animation:sec6_bg1 12s infinite;}
@keyframes sec6_bg1{
	0% { left: 7%;}
	50% { left: 10%;}
	100% { left: 7%;}
}
@-webkit-keyframes sec6_bg1{
	0% { left: 7%;}
	50% { left: 10%;}
	100% { left: 7%;}
}
@-moz-keyframes sec6_bg1{
	0% { left: 7%;}
	50% { left: 10%;}
	100% { left: 7%;}
}
@-o-keyframes sec6_bg1{
	0% { left: 7%;}
	50% { left: 10%;}
	100% { left: 7%;}
}

.sec6bg2{animation:sec6_bg2 12s infinite;}
@keyframes sec6_bg2{
	0% { right: 8%;}
	50% { right: 12%;}
	100% { right: 8%;}
}
@-webkit-keyframes sec6_bg2{
	0% { right: 8%;}
	50% { right: 12%;}
	100% { right: 8%;}
}
@-moz-keyframes sec6_bg2{
	0% { right: 8%;}
	50% { right: 12%;}
	100% { right: 8%;}
}
@-o-keyframes sec6_bg2{
	0% { right: 8%;}
	50% { right: 12%;}
	100% { right: 8%;}
}

.section6 .title6_position{opacity:1;left:10%;}
.sec6img1{ transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);}
.sec6img2{ right: 37%;opacity:1;}
.sec6img3{ right: 19%;opacity:1;}
.sec6img4{ transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);}

/*第七版面样式与动画效果*/
.section7 .title_position { right: 10%; min-width: 420px; top: 230px; width: 32%; opacity:0; transition: 1.5s all; -webkit-transition: 1.5s all;-ms-transition: 1.5s all;-moz-transition: 1.5s all;-o-transition: 1.5s all;}
.section7 .img_position { width: 50%;left: 7%; top: 55px;}
.sec7_bg { position: absolute; width: 80%; left: 10%; top: 50px;}
.sec7_img2 { position: relative; width: 50%; z-index: 3; margin: 400px auto 0;}
.sec7_img1 { position: absolute; width: 54%; left: 23%; top: 150px;}
.sec7_img3 { position: absolute; width: 3%; left: 48.5%; top: 408px;}
.sec7_img4 { position: absolute; width: 26%; left: 37%; top: 65px; z-index: 5;}

.sec7img2{animation:sec7_img2 4s 1;}
@keyframes sec7_img2{
	0% { width: 50%;}
	15% { width: 60%;}
	30% { width: 50%;}
	45% { width: 60%;}
	60% { width: 50%;}
	100% { width: 60%;}
}
@-webkit-keyframes sec7_img2{
	0% { width: 50%;}
	15% { width: 60%;}
	30% { width: 50%;}
	45% { width: 60%;}
	60% { width: 50%;}
	100% { width: 60%;}
}
@-moz-keyframes sec7_img2{
	0% { width: 50%;}
	15% { width: 60%;}
	30% { width: 50%;}
	45% { width: 60%;}
	60% { width: 50%;}
	100% { width: 60%;}
}
@-o-keyframes sec7_img2{
	0% { width: 50%;}
	15% { width: 60%;}
	30% { width: 50%;}
	45% { width: 60%;}
	60% { width: 50%;}
	100% { width: 60%;}
}

.sec7img4{animation:sec7_img4 1s 1 2.8s;}
@keyframes sec7_img4{
	0% { top: 65px;}
	100% { top: -430px;}
}
@-webkit-keyframes sec7_img4{
	0% { top: 65px;}
	100% { top: -430px;}
}
@-moz-keyframes sec7_img4{
	0% { top: 65px;}
	100% { top: -430px;}
}
@-o-keyframes sec7_img4{
	0% { top: 65px;}
	100% { top: -430px;}
}

.sec7img3{animation:sec7_img3 4s;}
@keyframes sec7_img3{
	0% { opacity:1}
	60% { opacity:1}
	100% { opacity:0}
}
@-webkit-keyframes sec7_img3{
	0% { opacity:1}
	60% { opacity:1}
	100% { opacity:0}
}
@-moz-keyframes sec7_img3{
	0% { opacity:1}
	60% { opacity:1}
	100% { opacity:0}
}
@-o-keyframes sec7_img3{
	0% { opacity:1}
	60% { opacity:1}
	100% { opacity:0}
}

.section7 .title7_position { right: 5%; opacity:1;}

/*第八版面样式与动画效果*/
.section8 .title_position { left: 0%; top: 235px; width: 25%; opacity:0; transition: 1.5s all; -webkit-transition: 1.5s all;-ms-transition: 1.5s all;-moz-transition: 1.5s all;-o-transition: 1.5s all;}
.sec8_bg { left: 10%; bottom: 80px;}
.sec8_img1 { right: 0%; bottom: 80px; opacity:0; transition: 1.5s all; -webkit-transition: 1.5s all;-ms-transition: 1.5s all;-moz-transition: 1.5s all;-o-transition: 1.5s all;}
.sec8_img2 { right: 0%; bottom: 53px; opacity:0; transition: 1.5s all 1s; -webkit-transition: 1.5s all 1s;-ms-transition: 1.5s all 1s;-moz-transition: 1.5s all 1s;-o-transition: 1.5s all 1s;}

.section8 .title8_position { left: 7%; opacity:1;}
.sec8img1 { right: 15%; opacity:1;}
.sec8img2 { right: 10%; opacity:1;}

/*第九版面样式与动画效果*/
.section9 .title_position { width:31%; right: 0%; top: 300px; opacity:0; transition: 1.5s all; -webkit-transition: 1.5s all;-ms-transition: 1.5s all;-moz-transition: 1.5s all;-o-transition: 1.5s all;}
.sec9_bg { right: 22%; top: 105px;}
.sec9_bg1 { left: 5%; bottom: 50px; z-index: 2;}
.sec9_bg2 { right: 10%; top: 100px;}
.sec9_img1 { left: 7%; top: 75px; z-index: 2; transform: scale(0); transition: 1.5s all; -webkit-transition: 1.5s all;-ms-transition: 1.5s all;-moz-transition: 1.5s all;-o-transition: 1.5s all;}
.sec9_img2 { left: 0%; top: 175px; opacity:0; transition: 1.5s all; -webkit-transition: 1.5s all;-ms-transition: 1.5s all;-moz-transition: 1.5s all;-o-transition: 1.5s all;}

.sec9bg1 {animation:sec9_bg1 4s infinite;}
@keyframes sec9_bg1{
    0% { left: 5%;}
    50% { left: 7%;}
    100% { left: 5%;}
}
@-webkit-keyframes sec9_bg1{
    0% { left: 5%;}
    50% { left: 7%;}
    100% { left: 5%;}
}
@-moz-keyframes sec9_bg1{
    0% { left: 5%;}
    50% { left: 7%;}
    100% { left: 5%;}
}
@-o-keyframes sec9_bg1{
    0% { left: 5%;}
    50% { left: 7%;}
    100% { left: 5%;}
}

.sec9bg2 {animation:sec9_bg2 4s infinite;}
@keyframes sec9_bg2{
    0% { top:100px;}
    50% { top:85px;}
    100% { top: 100px;}
}
@-webkit-keyframes sec9_bg2{
    0% { top:100px;}
    50% { top:85px;}
    100% { top: 100px;}
}
@-moz-keyframes sec9_bg2{
    0% { top:100px;}
    50% { top:85px;}
    100% { top: 100px;}
}
@-o-keyframes sec9_bg2{
    0% { top:100px;}
    50% { top:85px;}
    100% { top: 100px;}
}

.section9 .title9_position { right: 10%; opacity:1; width: 31%;}
.sec9img1 { transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);}
.sec9img2 { left: 5%; opacity:1;}

/*第十版面样式与动画效果*/
.section10 .title_position { left: 0%; top: 170px; opacity:0; transition: 1.5s all; -webkit-transition: 1.5s all;-ms-transition: 1.5s all;-moz-transition: 1.5s all;-o-transition: 1.5s all;}
.sec10_bg { left: 17%; top: 55px;}
.sec10_bg1 { left: 10%; bottom: 60px;}
.sec10_bg2 { right: 7%; top: 50px;}
.sec10_img1 { right: 29%; top: 80px; z-index: 2; transform: scale(0); transition: 1.5s all; -webkit-transition: 1.5s all;-ms-transition: 1.5s all;-moz-transition: 1.5s all;-o-transition: 1.5s all;}
.sec10_img2 { right: 0%; top: 155px; opacity:0; transition: 1.5s all; -webkit-transition: 1.5s all;-ms-transition: 1.5s all;-moz-transition: 1.5s all;-o-transition: 1.5s all;}
.sec10_bottom { left: 0%; top: 410px; width: 29%; opacity:0; transition: 1.5s all; -webkit-transition: 1.5s all;-ms-transition: 1.5s all;-moz-transition: 1.5s all;-o-transition: 1.5s all;}
.sec10_bottom01 { display: block; float: left; width: 40%; font-size: 24px; background: #c00; color: #fff; padding: 10px 0;}
.sec10_bottom02 { display: block; float: right; width: 50%; font-size: 24px; background: #06c; color: #fff; padding: 10px 0;}

.sec10bg1 {animation:sec10_bg1 4s infinite;}
@keyframes sec10_bg1{
    0% { left: 10%;}
    50% { left: 7%;}
    100% { left: 10%;}
}
@-webkit-keyframes sec10_bg1{
    0% { left: 10%;}
    50% { left: 7%;}
    100% { left: 10%;}
}
@-moz-keyframes sec10_bg1{
    0% { left: 10%;}
    50% { left: 7%;}
    100% { left: 10%;}
}
@-o-keyframes sec10_bg1{
    0% { left: 10%;}
    50% { left: 7%;}
    100% { left: 10%;}
}

.sec10bg2 {animation:sec10_bg2 4s infinite;}
@keyframes sec10_bg2{
    0% { top:50px;}
    50% { top:65px;}
    100% { top: 50px;}
}
@-webkit-keyframes sec10_bg2{
    0% { top:50px;}
    50% { top:65px;}
    100% { top: 50px;}
}
@-moz-keyframes sec10_bg2{
    0% { top:50px;}
    50% { top:65px;}
    100% { top: 50px;}
}
@-o-keyframes sec10_bg2{
    0% { top:50px;}
    50% { top:65px;}
    100% { top: 50px;}
}
.section10 .title10_position { left: 9%; opacity:1;}
.sec10bottom { left: 9%; opacity:1;}
.sec10img1 { transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);}
.sec10img2 { right: 9%; opacity:1;}