.page-content {
	height:100%
}
.page-teletext {
}
.page-teletext .u-guidePrev, .page-teletext .u-guideNext {
-webkit-transition:all .6s;
	-webkit-transition-delay:2.2s;
	opacity:0
}
.page-teletext.z-current .u-guidePrev, .page-teletext.z-current .u-guideNext {
	opacity:1
}
.page-link .m-link {
	-webkit-animation:flipinX 1s ease-out backwards;
	display:none
}
.page-link.z-current .m-link {
	display:block
}
.page-video {
}
.page-video .m-btnPlay {
	-webkit-animation:bouncein 1s ease-out backwards;
	display:none
}
.page-video.z-current .m-btnPlay {
	display:block
}
.page-map .m-distributedPoints ul li {
	visibility:hidden
}
.page-map.z-current .m-distributedPoints ul li {
	visibility:visible;
	-webkit-animation:bouncein 1s ease-out backwards
}
.page-map.z-current .m-distributedPoints ul li:nth-child(1) {
-webkit-animation-delay:.2s
}
.page-map.z-current .m-distributedPoints ul li:nth-child(2) {
-webkit-animation-delay:.4s
}
.page-map.z-current .m-distributedPoints ul li:nth-child(3) {
-webkit-animation-delay:.6s
}
.page-map.z-current .m-distributedPoints ul li:nth-child(4) {
-webkit-animation-delay:.8s
}
.page-map.z-current .m-distributedPoints ul li:nth-child(5) {
-webkit-animation-delay:1s
}
.page-map.z-current .m-distributedPoints ul li:nth-child(6) {
-webkit-animation-delay:1.2s
}
.page-map.z-current .m-distributedPoints ul li:nth-child(7) {
-webkit-animation-delay:1.4s
}
.page-map.z-current .m-distributedPoints ul li:nth-child(8) {
-webkit-animation-delay:1.6s
}
.page-map.z-current .m-distributedPoints ul li:nth-child(9) {
-webkit-animation-delay:1.8s
}
.page-map.z-current .m-distributedPoints ul li:nth-child(10) {
-webkit-animation-delay:2s
}
.page-map.z-current .m-distributedPoints ul li:nth-child(11) {
-webkit-animation-delay:2.2s
}
.page-map.z-current .m-distributedPoints ul li:nth-child(12) {
-webkit-animation-delay:2.4s
}
.page-map.z-current .m-distributedPoints ul li:nth-child(13) {
-webkit-animation-delay:2.6s
}
.page-map.z-current .m-distributedPoints ul li:nth-child(14) {
-webkit-animation-delay:2.8s
}
.page-map.z-current .m-distributedPoints ul li:nth-child(15) {
-webkit-animation-delay:3s
}
.page-map.z-current .m-distributedPoints ul li:nth-child(16) {
-webkit-animation-delay:3.2s
}
.page-map.z-current .m-distributedPoints ul li:nth-child(17) {
-webkit-animation-delay:3.4s
}
.page-map.z-current .m-distributedPoints ul li:nth-child(18) {
-webkit-animation-delay:3.6s
}
.page-map.z-current .m-distributedPoints ul li:nth-child(19) {
-webkit-animation-delay:3.8s
}
.page-map.z-current .m-distributedPoints ul li:nth-child(20) {
-webkit-animation-delay:4s
}
.page-form .m-contactInfo, .page-form .m-contactUs {
	-webkit-animation:bounceinT 1s ease-out backwards;
	display:none
}
.page-form.z-current .m-contactInfo, .page-form.z-current .m-contactUs {
	display:block
}
.page-form .u-maskLayer .m-contactForm {
-webkit-transition:-webkit-transform .5s;
	-webkit-transform:translateY(-120%)
}
.page-form .u-maskLayer.z-show .m-contactForm, .page-form .u-maskLayer.z-showing .m-contactForm {
	-webkit-transform:translateY(0%)
}
/*---------------------------*/

body,p,h1,h2,h3,h4,h5,h6,dl,dd{ margin:0;padding:0;}
ul,ol,li{list-style-type: none; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clearfix{zoom:1;}
.cover{width:100%;height:100%;position:absolute;z-index:1000;}
.b-page1,.b-page2,.b-page3,.b-page4,.b-page5,.b-page6,.b-page7,.b-page8,.b-page9,.b-page10,.b-page11,.b-page12,.b-page13{
	position:absolute;
}
.b-page1:nth-child(1){
    left: 18px;
    top: 200px;
	
}
.b-page1:nth-child(2){
    left: 18px;
    top: 340px;
	 z-index:3;
	animation-delay:1.1s;
	-webkit-animation-delay:1.1s;
}
.b-page1:nth-child(3){
     left: 18px;
    top: 434px;
	 z-index:2;
	animation-delay:1s;
	-webkit-animation-delay:1s;
}
.b-page1:nth-child(4){
    left: 16px;
    top: 510px;
	 z-index:2;
	animation-delay:1.1s;
	-webkit-animation-delay:1.1s
}
.b-page1:nth-child(5){
    left: 60px;
    top: 626px;
     z-index:2;
    animation-delay:1s;
    -webkit-animation-delay:1s
}
.b-page1:nth-child(6){
    right: 60px;
    top: 626px;
    z-index:2;
    animation-delay:1s;
    -webkit-animation-delay:1s;
    -webkit-animation:scale1 2s linear   infinite;
    -o-animation:scale1 2s linear   infinite;
    animation:scale1 2s linear   infinite;
}

@keyframes scale1{
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    25% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    50% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
    }
    25% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-webkit-keyframes scale1{
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    25% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    50% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
    }
    25% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.b-page2:nth-child(1){
    left: 300px;
    top: 22px;
}
.b-page2:nth-child(2){
    right: 46px;
    top: 36px;
    animation-delay:0.6s;
    -webkit-animation-delay:0.6s;
}

.b-page2 .p2_listBox{
    width: 570px;
    height: 234px;
    background: #fff;
    border: 1px solid #319ff4;
}
.b-page2:nth-child(3){
    left: 34px;
    top: 346px;
    animation-delay:1s;
    -webkit-animation-delay:1s;
}
.b-page2:nth-child(4){
    left: 56px;
    top: 392px;
    animation-delay:1.4s;
    -webkit-animation-delay:1.4s;
}
.b-page2 .list{
    font-size: 22px;
    line-height: 1.6;
    letter-spacing: normal;
    list-style: none;
    padding: 0;
    margin: 0;
}
.b-page2:nth-child(5){
    left: 106px;
    top: 374px;
    animation-delay:1.4s;
    -webkit-animation-delay:1.4s;
}
.b-page2:nth-child(6){
    right: 48px;
    top: 500px;
    animation-delay:1.6s;
    -webkit-animation-delay:1.6s;
}
.b-page2:nth-child(7){
    width: 100%;
    height: 182px;
    left: 0;
    top: 608px;
    animation-delay:2s;
    -webkit-animation-delay:2s;
}
.b-page2 .sp1{
    height: 190px;
}
.b-page2 .swiper-slide{
    text-align: center;
}
.b-page2 .slideInBox{
    display: inline-block;
    width: 114px;
    height: 114px;
    border: 1px solid #4f63b5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 2px;
    overflow: hidden;
}
.b-page2 .slideInBox i{
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #2c3a71;
    display: block;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 16px 0 0;
}
.b-page2 p{
    font-size: 22px;
    text-align: center;
    color: #fff;
    padding: 0;
    margin: 0;
}
.device {
  width: 100%;
  height: 100%;
    position: relative;
}
.device .left,.device .right {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 18px;
  height: 32px;
    z-index: 9;
}
.device .right {
  left: auto;
  right: 10px;
}
.swiper-container {
  height: 300px;
  width: 640px;
}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:-40px;
  width: 100%;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}

.swiper-active-switch {
  background: #fff;
}

.b-page3,.b-page4,.b-page6,.b-page61,.b-page8,.b-page9{
    color: #fff;
}
.b-page3:nth-child(1){
    left: 98px;
    top: 22px;
}
.b-page3 h2{
    font-size: 36px;
    text-align: center;
}
.b-page3:nth-child(2){
    left: 30px;
    top: 90px;
    animation-delay:.6s;
    -webkit-animation-delay:.6s
}
.b-page3 p{
    font-size: 22px;
    width: 584px;
    line-height: 1.6;
}
.b-page3 .list{
    font-size: 24px;
    position: relative;
}
.b-page3 .list i{
    position: absolute;
    width: 10px;
    height: 10px;
    background: #c72430;
    left: -16px;
    top: 12px;
}
.b-page3:nth-child(3){
    left: 36px;
    top: 330px;
	animation-delay:0.8s;
	-webkit-animation-delay:0.8s;
}
.b-page3:nth-child(4){
    left: 48px;
    top: 488px;
    animation-delay:1s;
    -webkit-animation-delay:1s;
}
.b-page3:nth-child(5){
    left: 58px;
    top: 616px;
	animation-delay:1s;
	-webkit-animation-delay:1s;
}
.b-page3:nth-child(6){
    right: 58px;
    top: 342px;
    animation-delay:1.2s;
    -webkit-animation-delay:1.2s;
}
.b-page3:nth-child(7){
    right: 38px;
    top: 494px;
    animation-delay:1.4s;
    -webkit-animation-delay:1.4s;
}
.b-page3:nth-child(8){
    right: 50px;
    top: 608px;
    animation-delay:1.8s;
    -webkit-animation-delay:1.8s;
}
.b-page3 .btn{
    display: block;
    width: 210px;
    height: 210px;
    border: 0 none;
    outline: 0 none;
    position: relative;
}
.b-page3 .btn span{
    text-align: center;
    font-size: 31px;
    width: 210px;
    color:#fff;
    position: absolute;
    left: 0;
    top: 50%;
    line-height: 1.2;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.b-page3 .btn i{
    width: 100%;
    height: 100%;
    display: block;
    background: url("../images/p3_1.png") no-repeat;
    animation: 6s linear 0s normal both infinite running spin;
}
@keyframes spin{
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
    }
}

.b-page4:nth-child(1){
    left: 402px;
    top: 186px;
}
.b-page4:nth-child(1) h2{
    font-size: 42px;
    line-height: 1.2;
    position: relative;
}
.til{
    font-size: 36px;
    color: #fff;
}
.b-page4  h2:before,.b-page4  h2:after,.til:before,.til:after{
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    left: -14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #fff;
}
.b-page4  h2:after,.til:after{
    left: auto;
    right: -14px;
}
.b-page4  p{
    font-size: 22px;
    position: relative;
}
.b-page4  p span{font-weight: bold;}
.b-page4  p.txt{
    width: 218px;
}
.b-page4  p.txt span{
    font-weight: normal;
    color: #fe3509;
}
.b-page4:nth-child(2){
    left: 390px;
    top: 338px;
	animation-delay:0.6s;
	-webkit-animation-delay:0.6s;
}
.b-page4 .listBg{
    width: 328px;
    height: 670px;
    background: rgba(0,0,0,0.68);
}
.b-page4  p i{
    position: absolute;
    left: -44px;
    top: 0;
}
.b-page4:nth-child(3){
    left: 22px;
    top: 0;
	animation-delay:1s;
	-webkit-animation-delay:1s;
}
.b-page4:nth-child(4){
    left: 76px;
    top: 40px;
	animation-delay:1.2s;
	-webkit-animation-delay:1.2s;
}
.b-page4:nth-child(5){
    left: 76px;
    top: 130px;
    animation-delay:1.4s;
    -webkit-animation-delay:1.4s;
}
.b-page4:nth-child(6){
    left: 76px;
    top: 240px;
    animation-delay:1.6s;
    -webkit-animation-delay:1.6s;
}
.b-page4:nth-child(7){
    left: 76px;
    top: 350px;
    animation-delay:1.8s;
    -webkit-animation-delay:1.8s;
}
.b-page4:nth-child(8){
    left: 76px;
    top: 460px;
    animation-delay:2s;
    -webkit-animation-delay:2s;
}
.b-page5{
    text-align: center;
    width: 600px;
    color: #fff;
}
.b-page5:nth-child(1){
    left: 20px;
    top: 292px;
	animation-delay:.6s;
	-webkit-animation-delay:.6s
}
.b-page5:nth-child(1) h2{
    font-size: 42px;
}
.b-page5:nth-child(2){
    font-size: 21px;
    left: 20px;
    top: 394px;
	animation-delay:1s;
	-webkit-animation-delay:1s
}
.b-page5:nth-child(3){
    font-size: 28px;
    left: 20px;
    top: 500px;
	animation-delay:1.6s;
	-webkit-animation-delay:1.6s
}
.b-page5:nth-child(3) span{
    display: block;
    font-size: 26px;
    padding-bottom: 16px;
}
.b-page5:nth-child(4){
    left: 20px;
    top: 692px;
	animation-delay:1.8s;
	-webkit-animation-delay:1.8s
}
.b-page5:nth-child(4) a,.b-page6 .btn a,.b-page61 .btn a,.b-page9  a,.b-page10 .btn a{
    display: inline-block;
    font-size: 24px;
    line-height: 1;
    padding: 8px 30px;
    background: #fe3509;
    color: #fff;
    text-decoration: none;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;

}
.b-page6:nth-child(1){
    left: 62px;
    top: 20px;
    animation-delay:.6s;
    -webkit-animation-delay:.6s;
    text-align: center;
    z-index: 9;
}
/*.b-page61:nth-child(1) .til{*/
    /*width: 520px;*/
    /*margin: 24px auto;*/
    /*position: relative;*/
/*}*/

.b-page6:nth-child(2){
    left: 0;
    top: 0;
    animation-delay: .5s;
    -webkit-animation-delay: .5s;
    width: 100%;
    height: 100%;
}
.p6_slider{
    width: 100%;
    height: 100%;
}
.p6_slider .swiper-container {
    width: 640px;
    height: 1080px;
    color: #fff;
    text-align: center;
}


.p6_slider .slide1 {
    background: url("../images/p6_bg2.jpg") no-repeat;
}
.p6_slider .slide2 {
    background: url("../images/p6_bg1.jpg") no-repeat;
}
.p6_slider .slide3 {
    background: url("../images/p6_bg3.jpg") no-repeat;
}
.p6_slider .slideIn{
    text-align: center;
    padding-top: 138px;
}
.p6_slider .slideIn .t span{
    display: inline-block;
    width: 264px;
    height: 264px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}
.p6_slider .slideIn .name{
    font-size: 24px;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.46);
    padding-bottom: 10px;
}
.p6_slider .slideIn .name span{
    font-size: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.p6_slider .slideIn .name i{
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
    margin-left: 10px;
}
.p6_slider .slideIn .anli img{
    margin: 0 2px;
}
.p6_slider .slideIn .txt{
    font-size: 20px;
    padding-top: 10px;
}
.p6_slider .slideIn  .picList{
    margin-top: -12px;
}

.p6_slider .slideIn  .picList h3{
    font-size: 30px;
    color: #fe3509;
    padding: 0 0 10px;
}
.p6_slider .slideIn  .picList ul{
    padding: 0 12px;
}
.p6_slider .slideIn  .picList li{
    float: left;
    width: 269px;
    margin: 0 5px;
}
.p6_slider .slideIn .picList li:nth-child(2){width: 326px;}
.p6_slider .btn{
width: 100%;
text-align: center;
padding-top: 10px;
}

.b-page7:nth-child(1){
    left: 56px;
    top: 26px;
}

.b-page7:nth-child(2){
    width: 640px;
    font-size: 36px;
    left: 0px;
    top: 80px;
    animation-delay:0.8s;
    -webkit-animation-delay:0.8s;
    text-align: center;
}
.b-page7:nth-child(2) h3{
    font-size: 30px;
    color:#222e5e;
    padding-bottom: 10px;
}
.b-page7 .sp3{
    height: 728px;
}
.b-page8:nth-child(1){
    text-align: center;
    left: 142px;
    top: 24px;
    animation-delay:0.6s;
    -webkit-animation-delay:0.6s;
}
.b-page8:nth-child(2){
    right: 0;
    top: 136px;
    animation-delay:0.8s;
    -webkit-animation-delay:0.8s;
}
.b-page8 .Border{
    border: 10px solid rgba(45,57,105,0.4);
    width: 305px;
    height: 222px;
    overflow: hidden;
    position: relative;
}
.b-page8 .Border1{
    width: 250px;
    height: 232px;
}
.b-page8 .Border ul{
    width: 200%;
    position: absolute;
    left: 0;
    top: 0;
}
.b-page8 .Border li{
    float: left;
    width: 50%;
    height: 222px;
}
.b-page8 p{
    font-size: 22px;
    padding: 10px 30px;
    background: #fe3509;
}
.b-page8:nth-child(3){
    left: 20px;
    top: 136px;
    animation-delay:1.2s;
    -webkit-animation-delay:1.2s;
}
.b-page8:nth-child(4){
    left: 0;
    top: 414px;
    animation-delay:1.4s;
    -webkit-animation-delay:1.4s;
}
.b-page8:nth-child(4) p{
    -webkit-border-radius: 0 80px 80px 0;
    -moz-border-radius: 0 80px 80px 0;
    border-radius: 0 80px 80px 0;
}
.b-page8:nth-child(5){
    left: 20px;
    top: 536px;
    animation-delay:1.6s;
    -webkit-animation-delay:1.6s;
}
.b-page8:nth-child(6){
    right: 0;
    top: 650px;
    animation-delay:1.6s;
    -webkit-animation-delay:1.6s;
}
.b-page8:nth-child(6) p{
    -webkit-border-radius:  80px 0 0 80px;
    -moz-border-radius:  80px 0 0 80px;
    border-radius:  80px 0 0 80px;
}
.b-page9:nth-child(1){
     left: 0;
     top: 50px;
    animation-delay:.6s;
    -webkit-animation-delay:.6s;
 }
.b-page9:nth-child(1) img{
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.b-page9:nth-child(2){
    right: 20px;
    top: 0;
    animation-delay:1s;
    -webkit-animation-delay:1s;
}
.b-page9 p{
    font-size: 30px;
}
.b-page9 p span{
    font-size:72px;
}
.b-page9 p i{
    font-style: normal;
    background: #fe3509;
}
.b-page9:nth-child(2) .bg{
    width: 328px;
    height: 774px;
    background: #374270;
}
.b-page9:nth-child(3){
    left: 314px;
    top: 230px;
    animation-delay:1.2s;
    -webkit-animation-delay:1.2s;
}
.b-page9:nth-child(4){
    left: 314px;
    top: 326px;
    animation-delay:1.4s;
    -webkit-animation-delay:1.4s;
}
.b-page9:nth-child(5){
    left: 314px;
    top: 388px;
    animation-delay:1.6s;
    -webkit-animation-delay:1.6s;
}
.b-page9:nth-child(6){
    left: 314px;
    top: 522px;
    animation-delay:1.8s;
    -webkit-animation-delay:1.8s;
}
.b-page9:nth-child(7){
    left: 0;
    top: 615px;
    animation-delay:1.8s;
    -webkit-animation-delay:1.8s;
}
.b-page9 ul{ padding: 0 20px}
.b-page9 ul li{ float: left; width: 140px; height: 125px; margin-right: 13px; border-radius: 10px; text-align: center; line-height: 40px;
    background: -moz-linear-gradient(top, #000000 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7301), color-stop(100%,#fe3909));
    background: -webkit-linear-gradient(top, #ff7301 0%,#fe3909 100%);
    background: -o-linear-gradient(top, #ff7301 0%,#fe3909 100%);
    background: -ms-linear-gradient(top, #0ff7301 0%,#fe3909 100%);
    background: linear-gradient(to bottom, #ff7301 0%,#fe3909 100%);
}
.b-page9 ul li:nth-last-child(1){ margin-right: 0}
.b-page9 ul li a{ background: none; padding: 40px 10px; display: block}
.b-page10:nth-child(1){
    left: 204px;
    top: 20px;
    animation-delay:.6s;
    -webkit-animation-delay:.6s;
}
.b-page10:nth-child(1) .til{
    color: #2d3969;
}
.b-page10:nth-child(1) .til:before,.b-page10:nth-child(1) .til:after{
    background: #2d3969;
}
.b-page10 ul li{
    float: left;
    width: 298px;
    margin-right: 10px;
}
.b-page10 ul li a{
    display: block;
}
.b-page10:nth-child(2){
    left: 22px;
    top: 90px;
    animation-delay:1s;
    -webkit-animation-delay:1s;
}
.b-page10:nth-child(3){
    left: 22px;
    top: 300px;
    animation-delay:1.4s;
    -webkit-animation-delay:1.4s;
}
.b-page10:nth-child(4){
    left: 22px;
    top: 510px;
    animation-delay:1.8s;
    -webkit-animation-delay:1.8s;
}
.b-page10:nth-child(5){
    left: 104px;
    top: 720px;
    animation-delay:2s;
    -webkit-animation-delay:2s;
}
.b-page10 a{
    margin-right: 20px;
}

/*加导航css*/
.daohang{ position:absolute; left:30px; bottom:10px;    animation-delay:2s;
    -webkit-animation-delay:2s; z-index:9}
.wufu-daoh-tanc{
    width:100%;
    height:100%;
    position: absolute;
    background:rgba(0, 0, 0, 0.8);
    top: 0;
    left:0;
    padding-top: 230px;
    box-sizing: border-box;
    text-align: center;
    z-index: 1000;
}
.tanc-a1{
    display:inline-block;
    width:100px;
    margin:0 20px 20px;
}
.tanc-a2{
    display:inline-block;
    width:416px;
    margin-bottom: 70px;
}
.tanc-a3{
    display:inline-block;
    width:80px;
}
.tanc-am1{-webkit-animation:item_move .5s .1s ease-in-out both;
    animation:item_move .5s .1s ease-in-out both;}
.tanc-am2{-webkit-animation:item_move .5s .2s ease-in-out both;
    animation:item_move .5s .2s ease-in-out both;}
.tanc-am3{-webkit-animation:item_move .5s .3s ease-in-out both;
    animation:item_move .5s .3s ease-in-out both;}
.tanc-am4{-webkit-animation:item_move .5s .4s ease-in-out both;
    animation:item_move .5s .4s ease-in-out both;}
.tanc-am5{-webkit-animation:item_move .5s .3s ease-in-out both;
    animation:item_move .5s .3s ease-in-out both;}
.tanc-am6{-webkit-animation:item_move .5s .5s ease-in-out both;
    animation:item_move .5s .5s ease-in-out both;}
.tanc-am7{-webkit-animation:item_move .5s .6s ease-in-out both;
    animation:item_move .5s .6s ease-in-out both;}
.tanc-am8{-webkit-animation:item_move .5s .3s ease-in-out both;
    animation:item_move .5s .3s ease-in-out both;}
.tanc-am9{-webkit-animation:item_move .5s .3s ease-in-out both;
    animation:item_move .5s .3s ease-in-out both;}		
@-webkit-keyframes item_move{
0%{ -webkit-transform: translateY(1000px);}
80%{ -webkit-transform: translateY(-10px);}
100%{ -webkit-transform: translateY(0px);}
}
@keyframes item_move{
0%{transform: translateY(1000px);}
80%{transform: translateY(-10px);}
100%{transform: translateY(0px);}
}
/*加导航css结束*/