@charset "utf-8";
/* CSS Document */

h1,h2,h3,h4,h5,h6,hr,div,p,blockquote,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,button,input,select,textarea,th,td,article,aside,details,figcaption,figure,footer,header,main,nav,section,summary,menu{margin:0;padding:0;}
div,ul,li,ol,dl,dt,dd,p,span,i,em,b,a,table,th,td,button{ font-style:normal; -webkit-tap-highlight-color:rgba(0,0,0,0);}
ol,ul{list-style:none;}

html,body{ background-color:#fbfbff; padding:0; margin:0; color:#666; height: 100%;}
body{position: relative;}
a{ display:inline-block; color:inherit; text-decoration:none;}
input:focus,input:hover,
textarea:focus,textarea:hover,
select:focus,select:hover,
button:focus,button:hover{outline: none;}

*{-webkit-tap-highlight-color:rgba(0,0,0,0)}

/*输入前提示默认字灰色*/ 
::-webkit-input-placeholder { /* WebKit browsers */
　　color:#999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
　　color:#999;  
} 
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:#999;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color:#999;
}

/* 隐藏元素 */
.g-d-n{display:none;}
.g-d-ni{display:none !important;}
.g-of-hid{ overflow:hidden !important;}

/*块元素*/
.g-d-b{ display:block;}
.g-d-ib{ display:inline-block;}

/* 清除浮动 */
.g-cf:after{content:" ";display:table;clear:both;}.g-cf{*zoom:1}

/* 浮动 */
.g-f-l {float:left !important;}
.g-f-r {float:right !important;}

img{ max-width:100%; max-height:100%;}

.font-shadow{ text-shadow:0.01rem 0.01rem 0.01rem rgba(51,51,51,.5);}

.menu{ height:.7rem; font-size:.7rem; position:fixed; bottom:0; left:0; z-index:999; width:100%; }
.menu-con{ height:1rem; width:100%; position:relative;}
.menu .menu-logo{ width:2.36rem; position:absolute; left:50%; margin-left:-1.18rem;}
.menu .last{ width:1.3rem; position:absolute; left:.2rem; bottom:.15rem;}
.menu .next{ width:1.3rem; position:absolute; right:.2rem; bottom:.15rem; }
.menu.animated{
	animation-delay:2s;
	-webkit-animation-delay:2s; /* Safari 和 Chrome */
}
.up{ opacity:0; width:.6rem; height:.6rem; position:absolute; bottom:.7rem; left:50%; margin-left:-.3rem; z-index:9999;}


/* Wobble Vertical */
.btn-up {
  -webkit-animation-name: btn-up-anim;
  animation-name: btn-up-anim;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  animation-delay:4s;
  -webkit-animation-delay:4s;
	
}
@keyframes btn-up-anim{
  0% { opacity:0;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
  60% {
	  opacity:1;
	-webkit-transform: translateY(-25px);
    transform: translateY(-25px);
  }
  100% {
	  opacity:.2;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}
@-webkit-keyframes btn-up-anim{
  0% { opacity:0;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
  60% {
	  opacity:1;
	-webkit-transform: translateY(-25px);
    transform: translateY(-25px);
  }
  100% {
	  opacity:.2;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  
}

.databar-pay {
  -webkit-animation-name: databar-pay-anim;
  animation-name: databar-pay-anim;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Wobble Vertical */
@keyframes databar-pay-anim{
  0% { width:0; }
  100% {width:100%;}
}
@-webkit-keyframes databar-pay-anim{
  0% { width:0; }
  100% {width:100%;}
}

.databar-w0{ width:0 !important;}



.bgd1{ width:100%; height:3.96rem; position:absolute; top:0; left:0; background:url(../img/bgd_1.jpg) no-repeat center; background-size:100% 100%;}
.bgd2{ width:100%; height:7.12rem; position:absolute; bottom:0; left:0; background:url(../img/bgd_2.jpg) no-repeat center; background-size:100% 100%;}
.bgd3{ width:100%; height:1.54rem; position:absolute; bottom:0; left:0; background:url(../img/bgd_3.jpg) no-repeat center; background-size:100% 100%;}
.bgd-con{ width:6.73rem; height:6.96rem; position:absolute; top:3.5rem; left:50%; margin-left:-3.365rem; background:url(../img/bgd_con.png) no-repeat center; background-size:100% 100%;}
.bgd-con .con{ position:relative; width:100%; height:100%;}
.conbox{width:6.73rem; height:6.96rem; position:absolute; top:3.5rem; left:50%; margin-left:-3.365rem;}
.conbox .con{position:relative; width:100%; height:100%;}

.tit{ width:6.63rem; height:2.6rem; color:#333; letter-spacing:-0.02rem; position:absolute; top:0; left:0; background:url(../img/bgd_tit.png) no-repeat center; background-size:100% 100%;  text-shadow:0.01rem 0.01rem 0.01rem rgba(51,51,51,.5);}
.topright-log{ width:1.66rem; height:2.14rem; position:absolute; top:0; right:0; background:url(../img/logo2.png) no-repeat center; background-size:100% 100%;}

.bar-t1,.bar-t2,.bar-t3{width:.2rem; min-width:.2rem; border-top-left-radius:.1rem; border-top-right-radius:.1rem;}
.bar-t1{ background: linear-gradient(#1ee6d5,#2da0eb);}
.bar-t2{ background: linear-gradient(#f27132,#f79642);}
.bar-t3{ background:#2d9eec;}
.bar-t1-tra,.bar-t2-tra{ height:.2rem; min-height:.2rem; border-top-right-radius:.1rem; border-bottom-right-radius:.1rem;}
.bar-t1-tra{background: linear-gradient(to right,#2da0eb,#1ee6d5);}
.bar-t2-tra{background: linear-gradient(to right,#f27132,#f79642);}

.icon-bar1,.icon-bar2,.icon-bar3,.icon-bar4{width:.16rem; height:.16rem; display:inline-block;}
.icon-bar1{ width:.25rem; height:.27rem; background:url(../img/bar.png) no-repeat center; background-size:100% 100%;}
.icon-bar2{background:url(../img/bar2.png) no-repeat; background-size:100% 100%;}
.icon-bar3{background:url(../img/bar3.png) no-repeat; background-size:100% 100%;}
.icon-bar4{background:url(../img/bar4.png) no-repeat; background-size:100% 100%;}

.icon-tel,.icon-qq{ width:.32rem; height:.32rem; display:inline-block; vertical-align:middle;}
.icon-tel{ background:url(../img/tel.png) no-repeat center; background-size:auto 100%;}
.icon-qq{background:url(../img/qq.png) no-repeat center; background-size:auto 100%;}


/*第一页*/
.page1{ background:url(../img/page1/page1_1.jpg) no-repeat top; background-size:100% 100%; position:relative; overflow:hidden;}
.page1 .page-logo{ width:4.83rem; position:absolute; top:0; left:.5rem; font-size:100%;}
.page1 .page-tit{ width:4.7rem; position:absolute; top:2rem; left:.5rem; font-size:100%;}
.page1 .page-subtit{ width:4.9rem; position:absolute; top:3.88rem; left:.5rem; font-size:100%;}
.page1 .page-exp{ width:4rem; position:absolute; bottom:3.2rem; left:.5rem;}
.page1 .page-goto{ display:inline-block; width:3.7rem; height:.68rem; position:absolute; bottom:2.3rem; left:.5rem; line-height:.68rem; background:url(../img/page1/page1_9.png) no-repeat center; background-size:100% 100%; border-radius:.1rem; color:#143eb3; font-size:.3rem; text-align:center;}

.page1 .animated.anim2{
	animation-delay:1s;
	-webkit-animation-delay:1s; /* Safari 和 Chrome */
}
.page1 .animated.anim3{
	animation-delay:1s;
	-webkit-animation-delay:1.5s; /* Safari 和 Chrome */
}

.page1 .animated.anim4{
	animation-delay:1.5s;
	-webkit-animation-delay:3s; /* Safari 和 Chrome */
}

.page1 .animated.anim5{
	animation-delay:3.5s;
	-webkit-animation-delay:3.5s; /* Safari 和 Chrome */
}
/* Wobble Vertical */
@keyframes btn-wobble-anim{
  8.325% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  16.65% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  24.975% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  33.3% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes btn-wobble-anim{
  8.325% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  16.65% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  24.975% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  33.3% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  
}

.btn-wobble {
  -webkit-animation-name: btn-wobble-anim;
  animation-name: btn-wobble-anim;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}


/*第二页*/
.page2{ position:relative; overflow:hidden;}
.page2 .page-tit{ width:5.17rem; position:absolute; top:.35rem; left:.5rem;}

.page2 .pud-item{ width:2rem; position:absolute; text-align:center; line-height:.35rem;}
.page2 .pud-item .iconbox{ width:1.32rem; height:1.32rem; display:inline-block; margin-bottom:.1rem;}
.page2 .pud-item h2{ font-size:.3rem; margin-bottom:.08rem; line-height:.35rem;  background: linear-gradient(to bottom, #f27233, #f69140);
        -webkit-background-clip: text;
        color: transparent;}
.page2 .pud-item h3{ font-size:.2rem; line-height:.28rem;}

.page2 .pud-item1{ left:.72rem; top:.55rem;}
.page2 .pud-item2{ left:4.07rem; top:.55rem;}
.page2 .pud-item3{ left:.72rem; top:3.5rem;}
.page2 .pud-item4{ left:4.07rem; top:3.5rem;}

.page2 .animated.anim1{
	
	animation-delay:0;
	-webkit-animation-delay:0; /* Safari 和 Chrome */
}
.page2 .animated.anim2{
	
	animation-delay:.5s;
	-webkit-animation-delay:.5s; /* Safari 和 Chrome */
}
.page2 .animated.anim3{
	
	-webkit-animation-fill-mode:both;
	animation-delay:1s;
	-webkit-animation-delay:1s; /* Safari 和 Chrome */
}


/*第三页*/
.page3{ position:relative; overflow:hidden;}
.page3 .page-tit{ width:5.17rem; position:absolute; top:.4rem; left:.5rem; font-size:.64rem; line-height:.9rem; font-weight:bold;}
.page3 .page-subtit{ width:5.5rem; height:.58rem; line-height:.55rem; font-size:.4rem; color:#333; position:absolute; top:3rem; left:0;}
.page3 .page-subtit span{ font-size:.4rem; line-height:.55rem; border-bottom:#f27233 solid .03rem; padding-left:.5rem; padding-bottom:.1rem;}
.page3 .bgd-con,.page3 .conbox{ top:4.3rem;}

.page3 .pud-item{ width:2rem; position:absolute; line-height:.35rem; width:100%;}
.page3 .pud-item-con{ position:relative; height:1.8rem;}
.page3 .pud-item-con .box-icon{ width:1.32rem; text-align:center; position:absolute; top:0; line-height:.35rem; }
.page3 .pud-item-con .box-icon .icon{ margin-bottom:.1rem;}
.page3 .pud-item-con .box-icon h2{ font-size:.3rem; margin-bottom:.08rem; line-height:.35rem; font-weight:normal; background: linear-gradient(to bottom, #f27233, #f69140);
        -webkit-background-clip: text;
        color: transparent; }
.page3 .pud-item-con .con-tex{ width:4.8rem; position:absolute; font-size:.25rem; line-height:.4rem;}

.page3 .pud-item1{ top:.35rem;}
.page3 .pud-item1 .box-icon{left:.35rem;}
.page3 .pud-item1 .con-tex{top:.2rem; left:1.9rem;}

.page3 .pud-item2{ top:2.5rem;}
.page3 .pud-item2 .box-icon{ right:.35rem;}
.page3 .pud-item2 .con-tex{top:.2rem; left:.35rem; width:4.5rem;}

.page3 .pud-item3{ top:4.6rem;}
.page3 .pud-item3 .box-icon{left:.35rem;}
.page3 .pud-item3 .con-tex{top:.3rem; left:1.9rem;}

.page3 .animated.anim1{
	animation-delay:0;
	-webkit-animation-delay:0; /* Safari 和 Chrome */
}
.page3 .animated.anim2{
	animation-delay:1s;
	-webkit-animation-delay:1s; /* Safari 和 Chrome */
}
.page3 .animated.anim3{
	
	-webkit-animation-fill-mode:both;
	animation-delay:1.5s;
	-webkit-animation-delay:1.5s; /* Safari 和 Chrome */
}
.page3 .animated.anim4{
	
	-webkit-animation-fill-mode:both;
	animation-delay:2s;
	-webkit-animation-delay:2s; /* Safari 和 Chrome */
}

/*第四页*/
.page4{ position:relative; overflow:hidden;}

.page4 .page-tit{ width:5.17rem; position:absolute; top:.6rem; left:.5rem; font-size:.64rem; line-height:.9rem; font-weight:bold;}
.page4 .page-subtit{ width:5.5rem; height:.58rem; line-height:.55rem; font-size:.4rem; color:#333; position:absolute; top:3rem; left:0;}
.page4 .page-subtit span{ font-size:.4rem; line-height:.55rem; border-bottom:#f27233 solid .03rem; padding-left:.5rem; padding-bottom:.1rem;}

.page4 .page-txt{ width:6.8rem; padding-right:.2rem; position:absolute; top:3.9rem; left:.5rem; font-size:.27rem; line-height:.35rem;}
.page4 .page-datafrom{ width:6.8rem; padding-right:.2rem; position:absolute; top:5.7rem; left:.3rem; right:.3rem; font-size:.24rem;}
.page4 .page-datafrom i{ display:inline-block; vertical-align:text-bottom}
.page4 .page-datafrom .span-l{ margin-right:.5rem;}

.page4 .page-databar{ width:6.98rem; height:3.64rem; background:url(../img/page4/page4_1.png) no-repeat; background-size:100% 100%; position:absolute; top:6.55rem; left:50%; margin-left:-3.49rem;}
.page4 .page-databar-con{ position:relative; width:6.98rem; height:3.64rem;}

.page4 .page-databar .data-box{ width:6.33rem; height:2.8rem; position:absolute;  left:.52rem; bottom:0.35rem;}
.page4 .page-databar .data-con{ width:100%; height:100%; overflow:hidden;}
.page4 .page-databar .data-con img{ min-width:6.33rem;}

.page4 .page-databar .num{ position:absolute; z-index:99; font-size:.2rem; color:#111;}
.page4 .page-databar .n1{ bottom:3.16rem; left:1.2rem;}
.page4 .page-databar .n2{ bottom:3.1rem; left:2.8rem;}
.page4 .page-databar .n3{ bottom:2.4rem; left:5.1rem;}
.page4 .page-databar .n4{ bottom:1.70rem; left:6.20rem;}

.page4 .animated.anim1{
	animation-delay:0;
	-webkit-animation-delay:0; /* Safari 和 Chrome */
}
.page4 .animated.anim2{
	animation-delay:1s;
	-webkit-animation-delay:1s; /* Safari 和 Chrome */
}
.page4 .animated.anim3{
	
	-webkit-animation-fill-mode:both;
	animation-delay:1.5s;
	-webkit-animation-delay:1.5s; /* Safari 和 Chrome */
}
.page4 .animated.anim4{
	
	-webkit-animation-fill-mode:both;
	animation-delay:2s;
	-webkit-animation-delay:2s; /* Safari 和 Chrome */
}

.page4 .animated.anim5{
	-webkit-animation-fill-mode:both;
	animation-delay:3.5s;
	-webkit-animation-delay:3.5s; /* Safari 和 Chrome */
}



/*第五页*/
.page5{ position:relative; overflow:hidden;}

.page5 .page-tit{ width:5.17rem; position:absolute; top:.6rem; left:.5rem; font-size:.64rem; line-height:.9rem; font-weight:bold;}
.page5 .page-subtit{ width:5.5rem; height:.58rem; line-height:.55rem; font-size:.4rem; color:#333; position:absolute; top:3rem; left:0;}
.page5 .page-subtit span{ font-size:.4rem; line-height:.55rem; border-bottom:#f27233 solid .03rem; padding-left:.5rem; padding-bottom:.1rem;}

.page5 .page-txt{ width:6.8rem; padding-right:.2rem; position:absolute; top:3.9rem; left:.5rem; font-size:.27rem; line-height:.35rem;}
.page5 .page-datafrom{ position:absolute; top:5.5rem; left:.3rem; right:.3rem; font-size:.24rem;}
.page5 .page-datafrom i{ display:inline-block; vertical-align:text-bottom;}
.page5 .page-datafrom span{ display:inline-block;}
.page5 .page-datafrom .span-l{ margin-right:.5rem;}

.page5 .page-databar{ width:7.02rem; height:3.85rem; background:url(../img/page5/page5_1.jpg) no-repeat; background-size:100% 100%; position:absolute; top:6.55rem; left:50%; margin-left:-3.51rem;}
.page5 .page-databar-con{ position:relative; width:7.02rem; height:3.85rem;}

.page5 .page-databar .data-box{ width:6.56rem; height:3.36rem; position:absolute; left:.38rem; bottom:0.25rem;}
.page5 .page-databar .data-con{ width:100%; height:100%; overflow:hidden;}
.page5 .page-databar .data-con img{ min-width:6.56rem;}

.page5 .page-databar .num{ position:absolute; z-index:99; font-size:.2rem; color:#111;}
.page5 .page-databar .n1{ bottom:3.5rem; left:.48rem;}
.page5 .page-databar .n2{ bottom:2.88rem; left:2.09rem;}
.page5 .page-databar .n3{ bottom:2.32rem; left:4.12rem;}
.page5 .page-databar .n4{ bottom:1.75rem; left:6.35rem;}

.page5 .animated.anim1{
	animation-delay:0;
	-webkit-animation-delay:0; /* Safari 和 Chrome */
}
.page5 .animated.anim2{
	animation-delay:1s;
	-webkit-animation-delay:1s; /* Safari 和 Chrome */
}
.page5 .animated.anim3{
	
	-webkit-animation-fill-mode:both;
	animation-delay:1.5s;
	-webkit-animation-delay:1.5s; /* Safari 和 Chrome */
}
.page5 .animated.anim4{
	
	-webkit-animation-fill-mode:both;
	animation-delay:2s;
	-webkit-animation-delay:2s; /* Safari 和 Chrome */
}

.page5 .animated.anim5{
	-webkit-animation-fill-mode:both;
	animation-delay:3.5s;
	-webkit-animation-delay:3.5s; /* Safari 和 Chrome */
}

/*第六页*/
.page6{ position:relative; overflow:hidden;}
.page6 .page-tit{ width:5.17rem; position:absolute; top:.6rem; left:.5rem; font-size:.64rem; line-height:.9rem; font-weight:bold;}

.page6 .page-bar-tit1{ width:2.4rem; font-size:.3rem; line-height:.35rem; color:#333; height:.55rem; position:absolute; top:3rem; left:.5rem;}
.page6 .page-bar-subtit1{ width:6.4rem; font-size:.24rem; line-height:.34rem; position:absolute; top:2.9rem; left:2.6rem;}

.page6 .page-databar1{ width:7.1rem; height:2.57rem; position:absolute; top:3.8rem; left:50%; margin-left:-3.55rem; background:url(../img/page6/page6_1.png) no-repeat; background-size:100% 100%;}
.page6 .page-databar1-con{ position:relative; width:4.1rem; height:2.57rem;}
.page6 .page-databar1 .bar-t1,
.page6 .page-databar1 .bar-t2{ position:absolute; bottom:.315rem;}

.page6 .page-databar1 .data1{ left:.43rem; height:.58rem;}
.page6 .page-databar1 .data2{ left:.7rem; height:.65rem;}

.page6 .page-databar1 .data3{ left:1.88rem; height:.91rem;}
.page6 .page-databar1 .data4{ left:2.16rem; height:1.1rem;}

.page6 .page-databar1 .data5{ left:3.25rem; height:1.66rem;}
.page6 .page-databar1 .data6{ left:3.53rem; height:1.69rem;}

.page6 .page-databar1 .data7{ left:4.65rem; height:.25rem;}
.page6 .page-databar1 .data8{ left:4.95rem; height:.2rem;}

.page6 .page-databar1 .data9{ left:5.95rem; height:.1rem;}
.page6 .page-databar1 .data10{ left:6.24rem; height:.1rem;}

.page6 .page-databar1 .num1{ position:absolute; left:0.03rem; bottom:.98rem; font-size:.18rem;}
.page6 .page-databar1 .num2{ position:absolute; left:.7rem; bottom:1.05rem; font-size:.18rem;}

.page6 .page-databar1 .num3{ position:absolute; left:1.48rem; bottom:1.31rem; font-size:.18rem;}
.page6 .page-databar1 .num4{ position:absolute; left:2.16rem; bottom:1.5rem; font-size:.18rem;}

.page6 .page-databar1 .num5{ position:absolute; left:2.85rem; bottom:2.06rem; font-size:.18rem;}
.page6 .page-databar1 .num6{ position:absolute; left:3.53rem; bottom:2.09rem; font-size:.18rem;}

.page6 .page-databar1 .num7{ position:absolute; left:4.3rem; bottom:.65rem; font-size:.18rem;}
.page6 .page-databar1 .num8{ position:absolute; left:4.95rem; bottom:.6rem; font-size:.18rem;}

.page6 .page-databar1 .num9{ position:absolute; left:5.6rem; bottom:.5rem; font-size:.18rem;}
.page6 .page-databar1 .num10{ position:absolute; left:6.24rem; bottom:.5rem; font-size:.18rem;}

.page6 .page-databar1 .bar-da{ position:absolute; bottom:2.25rem; left:.2rem; height:.2rem; line-height:.2rem; font-size:.18rem;}
.page6 .page-databar1 .bar-da span{ display:inline-block; margin:0 .1rem 0 .05rem;}

.page6 .page-bar-tit2{ width:2rem; font-size:.3rem; color:#333; line-height:.35rem height:.55rem; position:absolute; top:6.65rem; left:.5rem;}
.page6 .page-bar-subtit2{ width:5.8rem; font-size:.24rem; line-height:.34rem; position:absolute; top:6.72rem; left:1.85rem;}

.page6 .page-databar2{ width:6.56rem; height:2.93rem; position:absolute; top:7.7rem; left:50%; margin-left:-3.28rem; background:url(../img/page6/page6_6.png) no-repeat; background-size:100% 100%;}
.page6 .page-databar2-con{ position:relative; width:6.56rem; height:2.93rem;}
.page6 .page-databar2 .data-box{ width:6.2rem; height:2.21rem; position:absolute; bottom:.24rem; left:.33rem;}
.page6 .page-databar2 .data-con{ width:100%; height:100%; overflow:hidden;}
.page6 .page-databar2 .data-con img{ min-width:6.2rem;}

.page6 .page-databar2 .num-a1{ position:absolute; bottom:2.47rem; left:.4rem; font-size:.16rem;}
.page6 .page-databar2 .num-a2{ position:absolute; bottom:1.42rem; left:1.35rem; font-size:.16rem;}
.page6 .page-databar2 .num-a3{ position:absolute; bottom:.24rem; left:2.3rem; font-size:.16rem;}
.page6 .page-databar2 .num-a4{ position:absolute; bottom:1.65rem; left:3.21rem; font-size:.16rem;}
.page6 .page-databar2 .num-a5{ position:absolute; bottom:1.43rem; left:3.84rem; font-size:.16rem;}
.page6 .page-databar2 .num-a6{ position:absolute; bottom:1.56rem; left:5.09rem; font-size:.16rem;}
.page6 .page-databar2 .num-a7{ position:absolute; bottom:1.01rem; left:6.04rem; font-size:.16rem;}

.page6 .page-databar2 .num-b1{ position:absolute; bottom:1.74rem; left:.4rem; font-size:.16rem;}
.page6 .page-databar2 .num-b2{ position:absolute; bottom:1.06rem; left:1.35rem; font-size:.16rem;}
.page6 .page-databar2 .num-b3{ position:absolute; bottom:.24rem; left:2.3rem; font-size:.16rem;}
.page6 .page-databar2 .num-b4{ position:absolute; bottom:1.22rem; left:3.21rem; font-size:.16rem;}
.page6 .page-databar2 .num-b5{ position:absolute; bottom:.93rem; left:3.84rem; font-size:.16rem;}
.page6 .page-databar2 .num-b6{ position:absolute; bottom:1.03rem; left:5.09rem; font-size:.16rem;}
.page6 .page-databar2 .num-b7{ position:absolute; bottom:.8rem; left:6.04rem; font-size:.16rem;}

.page6 .page-databar2 .bx{ position:absolute; bottom:2.78rem; left:4.2rem; width:1.79rem;}
.page6 .page-databar2 .date{ position:absolute; bottom:2.78rem; left:0; width:1.45rem;}
.page6 .page-databar2 .da-h{ position:absolute; top:.1rem; left:3.9rem; width:1.07rem;}

.page6 .animated.anim1{
	animation-delay:0;
	-webkit-animation-delay:0; /* Safari 和 Chrome */
}
.page6 .animated.anim2{
	animation-delay:1s;
	-webkit-animation-delay:1s; /* Safari 和 Chrome */
}
.page6 .animated.anim3{
	
	-webkit-animation-fill-mode:both;
	animation-delay:1s;
	-webkit-animation-delay:1s; /* Safari 和 Chrome */
}
.page6 .animated.anim4{
	
	-webkit-animation-fill-mode:both;
	animation-delay:1s;
	-webkit-animation-delay:1s; /* Safari 和 Chrome */
}

.page6 .animated.anim5{
	-webkit-animation-fill-mode:both;
	animation-delay:1.5s;
	-webkit-animation-delay:1.5s; /* Safari 和 Chrome */
}

.page6 .animated.anim6{
	-webkit-animation-fill-mode:both;
	animation-delay:2s;
	-webkit-animation-delay:2s; /* Safari 和 Chrome */
}

.page6 .animated.anim7{
	-webkit-animation-fill-mode:both;
	animation-delay:3.5s;
	-webkit-animation-delay:3.5s; /* Safari 和 Chrome */
}


/*第七页*/
.page7{ position:relative; overflow:hidden;}
.page7 .page-tit{ width:5.17rem; position:absolute; top:.6rem; left:.5rem; font-size:.64rem; line-height:.9rem; font-weight:bold;}

.page7 .page-bar-tit1{ font-size:.3rem; width:1.8rem; color:#333; line-height:.35rem; font-weight:bold; position:absolute; top:3rem; left:.5rem;}
.page7 .page-bar-subtit1{ width:5.8rem; font-size:.24rem; line-height:.34rem; position:absolute; top:3rem; left:2.1rem;}

.page7 .page-databar1{ width:6.57rem; height:2.88rem; position:absolute; top:3.85rem; left:50%; margin-left:-3.285rem; background:url(../img/page7/page7_1.png) no-repeat; background-size:100% 100%;}
.page7 .page-databar1-con{ position:relative; width:6.57rem; height:2.88rem;}
.page7 .page-databar1 .data-box{ width:6.07rem; height:2.15rem; position:absolute; bottom:.25rem; left:.4rem;}
.page7 .page-databar1 .data-con{ width:100%; height:100%; overflow:hidden;}
.page7 .page-databar1 .data-con img{ min-width:6.07rem;}

.page7 .page-databar1 .biaozhu{ width:2.56rem; position:absolute; bottom:2.7rem; left:3.5rem;}
.page7 .page-databar1 .data-h{ width:1.09rem; position:absolute; bottom:.02rem; left:3.25rem;}
.page7 .page-databar1 .num-a1{ position:absolute; bottom:2.3rem; left:.4rem; font-size:.16rem;}
.page7 .page-databar1 .num-a2{ position:absolute; bottom:2.3rem; left:1.12rem; font-size:.16rem;}
.page7 .page-databar1 .num-a3{ position:absolute; bottom:2.35rem; left:2.15rem; font-size:.16rem;}
.page7 .page-databar1 .num-a4{ position:absolute; bottom:2.3rem; left:3.05rem; font-size:.16rem;}
.page7 .page-databar1 .num-a5{ position:absolute; bottom:2.35rem; left:4.12rem; font-size:.16rem;}
.page7 .page-databar1 .num-a6{ position:absolute; bottom:2.4rem; left:5.08rem; font-size:.16rem;}
.page7 .page-databar1 .num-a7{ position:absolute; bottom:2.38rem; left:6.04rem; font-size:.16rem;}

.page7 .page-databar1 .num-b1{ position:absolute; bottom:.38rem; left:.4rem; font-size:.16rem;}
.page7 .page-databar1 .num-b2{ position:absolute; bottom:.33rem; left:1.12rem; font-size:.16rem;}
.page7 .page-databar1 .num-b3{ position:absolute; bottom:.35rem; left:2.15rem; font-size:.16rem;}
.page7 .page-databar1 .num-b4{ position:absolute; bottom:.35rem; left:3.05rem; font-size:.16rem;}
.page7 .page-databar1 .num-b5{ position:absolute; bottom:.38rem; left:4.12rem; font-size:.16rem;}
.page7 .page-databar1 .num-b6{ position:absolute; bottom:.4rem; left:5.08rem; font-size:.16rem;}
.page7 .page-databar1 .num-b7{ position:absolute; bottom:.3rem; left:6.04rem; font-size:.16rem;}

.page7 .page-databar1 .num-c1{ position:absolute; bottom:.09rem; left:.4rem; font-size:.16rem;}
.page7 .page-databar1 .num-c2{ position:absolute; bottom:.09rem; left:1.12rem; font-size:.16rem;}
.page7 .page-databar1 .num-c3{ position:absolute; bottom:.09rem; left:2.15rem; font-size:.16rem;}
.page7 .page-databar1 .num-c4{ position:absolute; bottom:.09rem; left:3.05rem; font-size:.16rem;}
.page7 .page-databar1 .num-c5{ position:absolute; bottom:.09rem; left:4.12rem; font-size:.16rem;}
.page7 .page-databar1 .num-c6{ position:absolute; bottom:.09rem; left:5.08rem; font-size:.16rem;}
.page7 .page-databar1 .num-c7{ position:absolute; bottom:.09rem; left:6.04rem; font-size:.16rem;}

.page7 .page-bar-tit2{ font-size:.3rem; width:2.3rem; color:#333; line-height:.35rem; font-weight:bold; position:absolute; top:7.3rem; left:.5rem;}
.page7 .page-bar-subtit2{ width:7rem; font-size:.24rem; line-height:.34rem; position:absolute; top:7.68rem; left:.5rem;}

.page7 .page-databar2{ width:6.71rem; height:2.54rem; position:absolute; top:8.4rem; left:50%; margin-left:-3.355rem; background:url(../img/page7/page7_7.png) no-repeat; background-size:100% 100%;}
.page7 .page-databar2-con{ position:relative; width:6.71rem; height:2.54rem;}
.page7 .page-databar2 .data-box{ width:6.24rem; height:1.66rem; position:absolute; bottom:.22rem; left:.28rem;}
.page7 .page-databar2 .data-con{ width:100%; height:100%; overflow:hidden;}
.page7 .page-databar2 .data-con img{ min-width:6.24rem;}
.page7 .page-databar2 .biaozhu{ width:.37rem; position:absolute; bottom:2.35rem; left:3rem;}
.page7 .page-databar2 .data-h{ width:.99rem; position:absolute; bottom:0; left:3.64rem;}

.page7 .page-databar2 .num-a1{ position:absolute; bottom:1.2rem; left:.22rem; font-size:.16rem;}
.page7 .page-databar2 .num-a2{ position:absolute; bottom:1.61rem; left:.85rem; font-size:.16rem;}
.page7 .page-databar2 .num-a3{ position:absolute; bottom:1.45rem; left:1.49rem; font-size:.16rem;}
.page7 .page-databar2 .num-a4{ position:absolute; bottom:.87rem; left:2.27rem; font-size:.16rem;}
.page7 .page-databar2 .num-a5{ position:absolute; bottom:.88rem; left:2.84rem; font-size:.16rem;}
.page7 .page-databar2 .num-a6{ position:absolute; bottom:.85rem; left:3.55rem; font-size:.16rem;}
.page7 .page-databar2 .num-a7{ position:absolute; bottom:.71rem; left:4.23rem; font-size:.16rem;}
.page7 .page-databar2 .num-a8{ position:absolute; bottom:.74rem; left:4.9rem; font-size:.16rem;}
.page7 .page-databar2 .num-a9{ position:absolute; bottom:.69rem; left:5.6rem; font-size:.16rem;}
.page7 .page-databar2 .num-a10{ position:absolute; bottom:.64rem; left:6.26rem; font-size:.16rem;}

.page7 .animated.anim1{
	animation-delay:0;
	-webkit-animation-delay:0; /* Safari 和 Chrome */
}
.page7 .animated.anim2{
	animation-delay:1s;
	-webkit-animation-delay:1s; /* Safari 和 Chrome */
}
.page7 .animated.anim3{
	
	-webkit-animation-fill-mode:both;
	animation-delay:1.5s;
	-webkit-animation-delay:1.5s; /* Safari 和 Chrome */
}
.page7 .animated.anim4{
	
	-webkit-animation-fill-mode:both;
	animation-delay:1.5s;
	-webkit-animation-delay:1.5s; /* Safari 和 Chrome */
}

.page7 .animated.anim5{
	-webkit-animation-fill-mode:both;
	animation-delay:2.5s;
	-webkit-animation-delay:2.5s; /* Safari 和 Chrome */
}

.page7 .animated.anim6{
	-webkit-animation-fill-mode:both;
	animation-delay:1.5s;
	-webkit-animation-delay:1.5s; /* Safari 和 Chrome */
}

.page7 .animated.anim7{
	-webkit-animation-fill-mode:both;
	animation-delay:2s;
	-webkit-animation-delay:2s; /* Safari 和 Chrome */
}

.page7 .animated.anim8{
	-webkit-animation-fill-mode:both;
	animation-delay:2s;
	-webkit-animation-delay:2s; /* Safari 和 Chrome */
}

.page7 .animated.anim9{
	-webkit-animation-fill-mode:both;
	animation-delay:3.5s;
	-webkit-animation-delay:3.5s; /* Safari 和 Chrome */
}

/*第八页*/
.page8{ position:relative; overflow:hidden;}
.page8 .page-tit{ width:5.17rem; position:absolute; top:.6rem; left:.5rem; font-size:.64rem; line-height:.9rem; font-weight:bold;}
.page8 .page-tit-tip{ position:absolute; top:1.55rem; left:.5rem; font-size:.26rem; line-height:.35rem;}

.page8 .page-bar-tit1{ font-size:.3rem; width:3.6rem; color:#333; line-height:.35rem; font-weight:bold; position:absolute; top:2.8rem; left:.5rem;}
.page8 .page-bar-subtit1{ width:6.3rem; font-size:.24rem; line-height:.34rem; position:absolute; top:3.2rem; left:2rem;}

.page8 .page-databar1{ width:7.09rem; height:2.4rem; position:absolute; top:3.65rem; left:50%; margin-left:-3.55rem; background:url(../img/page8/page8_1.png) no-repeat; background-size:100% 100%;}
.page8 .page-databar1-con{ position:relative; width:4.1rem; height:2.4rem;}
.page8 .page-databar1 .bar-t1,
.page8 .page-databar1 .bar-t2{ position:absolute; bottom:.44rem;}

.page8 .page-databar1 .data1{ left:.43rem; height:.48rem;}
.page8 .page-databar1 .data2{ left:.7rem; height:.55rem;}

.page8 .page-databar1 .data3{ left:1.88rem; height:.81rem;}
.page8 .page-databar1 .data4{ left:2.16rem; height:1rem;}

.page8 .page-databar1 .data5{ left:3.25rem; height:1.46rem;}
.page8 .page-databar1 .data6{ left:3.53rem; height:1.59rem;}

.page8 .page-databar1 .data7{ left:4.65rem; height:.25rem;}
.page8 .page-databar1 .data8{ left:4.95rem; height:.2rem;}

.page8 .page-databar1 .data9{ left:5.95rem; height:.15rem;}
.page8 .page-databar1 .data10{ left:6.24rem; height:.1rem;}

.page8 .page-databar1 .num1{ position:absolute; left:0.03rem; bottom:.9rem; font-size:.18rem;}
.page8 .page-databar1 .num2{ position:absolute; left:.7rem; bottom:1rem; font-size:.18rem;}

.page8 .page-databar1 .num3{ position:absolute; left:1.3rem; bottom:1.25rem; font-size:.18rem;}
.page8 .page-databar1 .num4{ position:absolute; left:2.06rem; bottom:1.5rem; font-size:.18rem;}

.page8 .page-databar1 .num5{ position:absolute; left:2.85rem; bottom:1.9rem; font-size:.18rem;}
.page8 .page-databar1 .num6{ position:absolute; left:3.55rem; bottom:2.1rem; font-size:.18rem; width:.9rem;}

.page8 .page-databar1 .num7{ position:absolute; left:4.3rem; bottom:.68rem; font-size:.18rem; width:.9rem;}
.page8 .page-databar1 .num8{ position:absolute; left:4.95rem; bottom:.63rem; font-size:.18rem; width:.9rem;}

.page8 .page-databar1 .num9{ position:absolute; left:5.6rem; bottom:.58rem; font-size:.18rem; width:.9rem;}
.page8 .page-databar1 .num10{ position:absolute; left:6.24rem; bottom:.53rem; font-size:.18rem; width:.9rem;}

.page8 .page-databar1 .bar-da{ position:absolute; bottom:2.15rem; left:.2rem; height:.2rem; line-height:.2rem; font-size:.18rem;}
.page8 .page-databar1 .bar-da span{ display:inline-block; margin:0 .1rem 0 .05rem;}

.page8 .page-bar-tit2{ font-size:.3rem; width:4.2rem; color:#333; line-height:.35rem; font-weight:bold; position:absolute; top:6.35rem; left:.5rem;}
.page8 .page-bar-subtit2{ width:5rem; font-size:.24rem; line-height:.34rem; position:absolute; top:6.8rem; left:3rem;}

.page8 .page-databar2{ width:7rem; height:3.57rem; position:absolute; top:7.25rem; left:50%; margin-left:-3.5rem; background:url(../img/page8/page8_2.png) no-repeat; background-size:100% 100%;}
.page8 .page-databar2-con{ position:relative; width:4.1rem; height:2.57rem;}
.page8 .page-databar2 .bar-t1,
.page8 .page-databar2 .bar-t2{ position:absolute; bottom:1.61rem;}

.page8 .page-databar2 .bar-da{ position:absolute; bottom:3.4rem; left:.2rem; height:.2rem; line-height:.2rem; font-size:.18rem;}
.page8 .page-databar2 .bar-da span{ display:inline-block; margin:0 .1rem 0 .05rem;}

.page8 .page-databar2 .bar-da2{ position:absolute; bottom:.15rem; left:.2rem; height:.2rem; line-height:.2rem; font-size:.18rem;}
.page8 .page-databar2 .bar-da2 span{ display:inline-block; margin:0 .1rem 0 .05rem;}

.page8 .page-databar2 .data-a1{ left:.36rem; height:1.10rem;}
.page8 .page-databar2 .data-a2{ left:.66rem; height:1.16rem;}

.page8 .page-databar2 .data-a3{ left:1.54rem; height:1.20rem;}
.page8 .page-databar2 .data-a4{ left:1.82rem; height:1.28rem;}

.page8 .page-databar2 .data-a5{ left:2.69rem; height:.75rem;}
.page8 .page-databar2 .data-a6{ left:2.98rem; height:.90rem;}

.page8 .page-databar2 .data-a7{ left:3.85rem; height:1.33rem;}
.page8 .page-databar2 .data-a8{ left:4.13rem; height:1.42rem;}

.page8 .page-databar2 .data-a9{ left:5rem; height:1rem;}
.page8 .page-databar2 .data-a10{ left:5.28rem; height:1.12rem;}

.page8 .page-databar2 .data-a11{ left:6.16rem; height:.84rem;}
.page8 .page-databar2 .data-a12{ left:6.45rem; height:.91rem;}

.page8 .page-databar2 .bar-t3{position:absolute; top:2.28rem; transform: rotate(180deg);
-webkit-transform: rotate(180deg);	/* Safari and Chrome */}
.page8 .page-databar2 .data-b1{ left:.52rem; height:.2rem;}
.page8 .page-databar2 .data-b2{ left:1.65rem; height:.35rem;}
.page8 .page-databar2 .data-b3{ left:2.8rem; height:.82rem;}
.page8 .page-databar2 .data-b4{ left:4.05rem; height:.42rem;}
.page8 .page-databar2 .data-b5{ left:5.18rem; height:.15rem;}
.page8 .page-databar2 .data-b6{ left:6.28rem; height:.07rem;}

.page8 .page-databar2 .num-a1{ position:absolute; bottom:2.8rem; left:.3rem; font-size:.16rem;}
.page8 .page-databar2 .num-a2{ position:absolute; bottom:2.84rem; left:.67rem; font-size:.16rem;}
.page8 .page-databar2 .num-a3{ position:absolute; bottom:2.9rem; left:1.47rem; font-size:.16rem;}
.page8 .page-databar2 .num-a4{ position:absolute; bottom:2.98rem; left:1.83rem; font-size:.16rem;}
.page8 .page-databar2 .num-a5{ position:absolute; bottom:2.43rem; left:2.62rem; font-size:.16rem;}
.page8 .page-databar2 .num-a6{ position:absolute; bottom:2.62rem; left:3rem; font-size:.16rem;}
.page8 .page-databar2 .num-a7{ position:absolute; bottom:3.02rem; left:3.76rem; font-size:.16rem;}
.page8 .page-databar2 .num-a8{ position:absolute; bottom:3.1rem; left:4.15rem; font-size:.16rem;}
.page8 .page-databar2 .num-a9{ position:absolute; bottom:2.73rem; left:4.94rem; font-size:.16rem;}
.page8 .page-databar2 .num-a10{ position:absolute; bottom:2.82rem; left:5.3rem; font-size:.16rem;}
.page8 .page-databar2 .num-a11{ position:absolute; bottom:2.52rem; left:6.1rem; font-size:.16rem;}
.page8 .page-databar2 .num-a12{ position:absolute; bottom:2.61rem; left:6.45rem; font-size:.16rem;}

.page8 .page-databar2 .num-b1{ position:absolute; top:2.5rem; left:.51rem; font-size:.16rem;}
.page8 .page-databar2 .num-b2{ position:absolute; top:2.7rem; left:1.64rem; font-size:.16rem;}
.page8 .page-databar2 .num-b3{ position:absolute; top:3.16rem; left:2.76rem; font-size:.16rem;}
.page8 .page-databar2 .num-b4{ position:absolute; top:2.74rem; left:4.01rem; font-size:.16rem;}
.page8 .page-databar2 .num-b5{ position:absolute; top:2.43rem; left:5.17rem; font-size:.16rem;}
.page8 .page-databar2 .num-b6{ position:absolute; top:2.35rem; left:6.29rem; font-size:.16rem;}

.page8 .animated.anim1{
	animation-delay:0;
	-webkit-animation-delay:0; /* Safari 和 Chrome */
}
.page8 .animated.anim2{
	animation-delay:1s;
	-webkit-animation-delay:1s; /* Safari 和 Chrome */
}
.page8 .animated.anim3{
	
	-webkit-animation-fill-mode:both;
	animation-delay:.5s;
	-webkit-animation-delay:.5s; /* Safari 和 Chrome */
}
.page8 .animated.anim4{
	
	-webkit-animation-fill-mode:both;
	animation-delay:1.5s;
	-webkit-animation-delay:1.5s; /* Safari 和 Chrome */
}

.page8 .animated.anim5{
	-webkit-animation-fill-mode:both;
	animation-delay:2s;
	-webkit-animation-delay:2s; /* Safari 和 Chrome */
}

.page8 .animated.anim6{
	-webkit-animation-fill-mode:both;
	animation-delay:2.5s;
	-webkit-animation-delay:2.5s; /* Safari 和 Chrome */
}

.page8 .animated.anim7{
	-webkit-animation-fill-mode:both;
	animation-delay:2s;
	-webkit-animation-delay:2s; /* Safari 和 Chrome */
}

.page8 .animated.anim8{
	-webkit-animation-fill-mode:both;
	animation-delay:2s;
	-webkit-animation-delay:2s; /* Safari 和 Chrome */
}

.page8 .animated.anim9{
	-webkit-animation-fill-mode:both;
	animation-delay:2.5s;
	-webkit-animation-delay:2.5s; /* Safari 和 Chrome */
}

.page8 .animated.anim10{
	-webkit-animation-fill-mode:both;
	animation-delay:3s;
	-webkit-animation-delay:3s; /* Safari 和 Chrome */
}

.page8 .animated.anim11{
	-webkit-animation-fill-mode:both;
	animation-delay:3.5s;
	-webkit-animation-delay:3.5s; /* Safari 和 Chrome */
}

.page8 .animated.anim12{
	-webkit-animation-fill-mode:both;
	animation-delay:2.5s;
	-webkit-animation-delay:2.5s; /* Safari 和 Chrome */
}


/*第九页*/ 
.page9{ position:relative; overflow:hidden;}
.page9 .page-tit{ width:5.17rem; position:absolute; top:.6rem; left:.5rem; font-size:.64rem; line-height:.9rem; font-weight:bold;}

.page9 .page-bar-tit1{ font-size:.3rem; width:4.2rem; color:#333; line-height:.35rem; font-weight:bold; position:absolute; top:1.75rem; left:.5rem;}
.page9 .page-databar1{ width:6.69rem; height:4.05rem; position:absolute; top:2.28rem; left:50%; margin-left:-3.345rem;}

.page9 .page-bar-tit2{ font-size:.3rem; width:4.2rem; color:#333; line-height:.35rem; font-weight:bold; position:absolute; top:6.7rem; left:.5rem;}
.page9 .page-bar-subtit2{ width:5rem; font-size:.24rem; line-height:.34rem; position:absolute; top:6.72rem; left:3rem;}

.page9 .page-databar2{ width:7rem; height:3.3rem; position:absolute; top:7.1rem; left:50%; margin-left:-3.5rem;}
.page9 .page-databar2-con{ width:7rem; height:3.3rem; position:relative;}

.page9 .page-databar2 .model{ position:absolute; left:0; color:#2da0eb; font-size:.2rem; line-height:.24rem; width:1.9rem; text-align:right; padding-right:.3rem;}
.page9 .page-databar2 .md-1{ top:.25rem;}
.page9 .page-databar2 .md-2{ top:.8rem;}
.page9 .page-databar2 .md-3{ top:1.38rem;}
.page9 .page-databar2 .md-4{ top:1.91rem;}
.page9 .page-databar2 .md-5{ top:2.46rem;}
.page9 .page-databar2 .md-6{ top:3.19rem;}

.page9 .page-databar2 .snum{ position:absolute; left:2rem; font-size:.18rem; line-height:.25rem; width:.8rem; padding-right:2.5rem;}
.page9 .page-databar2 .sn-1{ top:.12rem;}
.page9 .page-databar2 .sn-2{ top:.75rem;}
.page9 .page-databar2 .sn-3{ top:1.32rem;}
.page9 .page-databar2 .sn-4{ top:1.87rem;}
.page9 .page-databar2 .sn-5{ top:2.45rem;}
.page9 .page-databar2 .sn-6{ top:3.05rem;}

.page9 .page-databar2 .bar-t1-tra,
.page9 .page-databar2 .bar-t2-tra{position:absolute; left:2.75rem; height:.18rem; min-height:.18rem;}
.page9 .page-databar2 .data-a1{ top:.12rem; width:2.65rem;}
.page9 .page-databar2 .data-a2{ top:.75rem; width:1.53rem;}
.page9 .page-databar2 .data-a3{ top:1.36rem; width:1.39rem;}
.page9 .page-databar2 .data-a4{ top:1.9rem; width:.59rem;}
.page9 .page-databar2 .data-a5{ top:2.46rem; width:.28rem;}
.page9 .page-databar2 .data-a6{ top:3.08rem; width:.18rem;}

.page9 .page-databar2 .data-b1{ top:.35rem; width:.70rem;}
.page9 .page-databar2 .data-b2{ top:.98rem; width:.49rem;}
.page9 .page-databar2 .data-b3{ top:1.59rem; width:.37rem;}
.page9 .page-databar2 .data-b4{ top:2.13rem; width:.17rem;}
.page9 .page-databar2 .data-b5{ top:2.7rem; width:.1rem;}
.page9 .page-databar2 .data-b6{ top:3.3rem; width:.06rem;}

.page9 .page-databar2 .num-a1{ position:absolute; font-size:.16rem; top:.1rem; left:5.5rem;}
.page9 .page-databar2 .num-a2{ position:absolute; font-size:.16rem; top:.73rem; left:4.38rem;}
.page9 .page-databar2 .num-a3{ position:absolute; font-size:.16rem; top:1.34rem; left:4.24rem;}
.page9 .page-databar2 .num-a4{ position:absolute; font-size:.16rem; top:1.88rem; left:3.53rem;}
.page9 .page-databar2 .num-a5{ position:absolute; font-size:.16rem; top:2.44rem; left:3.13rem;}
.page9 .page-databar2 .num-a6{ position:absolute; font-size:.16rem; top:3.06rem; left:3.03rem;}

.page9 .page-databar2 .num-b1{ position:absolute; font-size:.16rem; top:.32rem; left:3.55rem;}
.page9 .page-databar2 .num-b2{ position:absolute; font-size:.16rem; top:.95rem; left:3.34rem;}
.page9 .page-databar2 .num-b3{ position:absolute; font-size:.16rem; top:1.56rem; left:3.22rem;}
.page9 .page-databar2 .num-b4{ position:absolute; font-size:.16rem; top:2.1rem; left:3.02rem;}
.page9 .page-databar2 .num-b5{ position:absolute; font-size:.16rem; top:2.67rem; left:2.95rem;}
.page9 .page-databar2 .num-b6{ position:absolute; font-size:.16rem; top:3.27rem; left:2.91rem;}

.page9 .page-databar2 .type1{ position:absolute; top:.3rem; left:6rem; width:1.72rem; height:1.12rem;}

.page9 .page-databar2 .type2{ position:absolute; top:2rem; left:6rem; width:1.72rem; height:1.12rem;}

.page9 .animated.anim1{
	animation-delay:0;
	-webkit-animation-delay:0; /* Safari 和 Chrome */
}
.page9 .animated.anim2{
	animation-delay:1s;
	-webkit-animation-delay:1s; /* Safari 和 Chrome */
}
.page9 .animated.anim3{
	
	-webkit-animation-fill-mode:both;
	animation-delay:1.5s;
	-webkit-animation-delay:1.5s; /* Safari 和 Chrome */
}
.page9 .animated.anim4{
	
	-webkit-animation-fill-mode:both;
	animation-delay:2s;
	-webkit-animation-delay:2s; /* Safari 和 Chrome */
}

.page9 .animated.anim5{
	-webkit-animation-fill-mode:both;
	animation-delay:2.5s;
	-webkit-animation-delay:2.5s; /* Safari 和 Chrome */
}

.page9 .animated.anim6{
	-webkit-animation-fill-mode:both;
	animation-delay:3s;
	-webkit-animation-delay:3s; /* Safari 和 Chrome */
}

.page9 .animated.anim7{
	-webkit-animation-fill-mode:both;
	animation-delay:3.5s;
	-webkit-animation-delay:3.5s; /* Safari 和 Chrome */
}

/*第十页*/
.page10{ position:relative; overflow:hidden;}
.page10 .tit{ height:3rem;}
.page10 .page-tit{ width:5rem; position:relative; top:.35rem; left:.5rem; font-size:.45rem; line-height:.65rem; font-weight:bold; text-align:center; }
.page10 .page-tit .maohao{ width:.8rem; position:absolute; top:0; left:0;}
.page10 .page-form-tit{ font-size:.3rem; width:6.2rem; color:#333; line-height:.35rem; font-weight:bold; position:absolute; top:3rem; left:.5rem;}

.page10 .page-form-subtit{width:6.3rem; font-size:.26rem; line-height:.34rem; position:absolute; top:3.5rem; left:.5rem;}

.page10 .page-formbox{ width:6.7rem; height:5rem; position:absolute; top:3.3rem; left:50%; margin-left:-3.35rem; background:linear-gradient(#dfebfc,#e4eefd); box-shadow:.02rem .03rem .03rem rgba(231,231,231,.7); border-radius:.05rem; line-height:.35rem;}
.page10 .page-formbox-con{width:6.7rem; height:4.9rem; padding-top:.5rem; position:relative; line-height:.35rem;}
.page10 .page-formbox-con .ipt{ background-color:#fff; height:.55rem; line-height:.55rem; font-size:.24rem; width:4rem; padding:0 .2rem; border:#dedede solid 1px; border-radius:.05rem; margin-bottom:0rem; margin-left:1.2rem; position:absolute; left:0;}
.page10 .page-formbox-con .ipt1{top:.5rem;}
.page10 .page-formbox-con .ipt2{top:1.3rem;}
.page10 .page-formbox-con .ipt3{top:2.1rem;}
.page10 .page-formbox-con .ipt4{top:2.9rem;}

.page10 .page-formbox-con .yzm{ width:1.9rem; display:inline-block; vertical-align:middle;}
.page10 .page-formbox-con .btn-yzm{ position:absolute; top:2.93rem; left:3.7rem; width:1.9rem; height:.55rem; line-height:.55rem; display:inline-block; vertical-align:middle; background-color:#fff; color:#2d9fec; border:#2d9fec solid 1px; border-radius:.05rem;}
.page10 .page-formbox-con .btn-yzm b{ background-color:#666; padding:0px .05rem; height:.3rem; line-height:.33rem; min-width:.2rem; display:inline-block; border-radius:.03rem; font-size:.14rem; text-align:center; margin-left:.05rem;}
.page10 .page-formbox-con .btn-yzm[disabled],
.page10 .page-formbox-con .btn-yzm.disabled,.page10 .page-formbox-con .btn-yzm.disabled:active,
.page10 .page-formbox-con .btn-yzm.disabled:hover {
	border: 1px solid #e6e6e6 !important;
	background-color: #FBFBFB;
	color: #C9C9C9 !important;
	cursor: not-allowed;
	opacity: 1
}
.page10 .page-formbox-con .btn{ position:absolute; top:3.5rem; width:4.4rem; height:.7rem; line-height:.7rem; text-align:center; color:#fff; font-size:.32rem; border:0; background-color:transparent; background:linear-gradient( to right,#f79643,#f27032); margin-left:1.22rem; border-radius:.05rem; margin-top:.2rem;}
.page10 .page-apptxt{ position:absolute; top:8.5rem; left:.5rem; width:7rem; font-size:.28rem; line-height:.32rem;}
.page10 .page-lianxi{ width:7rem; position:absolute; top:8.7rem; left:.5rem; font-size:.28rem; line-height:.32rem;}
.page10 .page-lianxi span{ display:inline-block; margin-left:.1rem; vertical-align:middle;}
.page10 .page-lianxi .tel{ margin-bottom:.12rem;}
.page10 .btn-download{ width:6rem; height:.96rem; display:inline-block; line-height:.96rem; text-align:center; color:#fff; font-size:.32rem; position:absolute; top:10rem; left:50%; margin-left:-3rem; background:linear-gradient( to right,#2d9fec,#1ee6d5); box-shadow:.03rem .03rem .03rem rgba(204,217,223,.7);}


.page10 .animated.anim1{
	animation-delay:0;
	-webkit-animation-delay:0; /* Safari 和 Chrome */
}
.page10 .animated.anim2{
	animation-delay:1s;
	-webkit-animation-delay:1s; /* Safari 和 Chrome */
}
.page10 .animated.anim3{
	
	-webkit-animation-fill-mode:both;
	animation-delay:1s;
	-webkit-animation-delay:1s; /* Safari 和 Chrome */
}
.page10 .animated.anim4{
	
	-webkit-animation-fill-mode:both;
	animation-delay:1.5s;
	-webkit-animation-delay:1.5s; /* Safari 和 Chrome */
}

.page10 .animated.anim5{
	-webkit-animation-fill-mode:both;
	animation-delay:2s;
	-webkit-animation-delay:2s; /* Safari 和 Chrome */
}

/*弹层*/
.pop-box{ position:fixed; top:0; left:0;  width:100%; height:100%; background-color:rgba(51,51,51,.3); }
.pop-tip{ position:fixed; top:40%; left:10%;  width:70%;  padding:.4rem 2.5%; background-color:#fff; border-radius:.1rem; text-align:center; font-size:.32rem; line-height:.36rem;}
.pop-tip .success{ color:#298de9;}
.pop-tip .file{ color:#f09819;}
.pop-box.pophide{ display:none;}

/*音乐*/
#bgMusic {display:none;}
.mscbox{position:fixed; right:1.7rem; top:0.05rem; z-index:100; width:0.7rem; height:0.7rem; line-height:.7rem;}
.mscbox-con{width:0.7rem; height:0.7rem; position:relative;}
.mscbox-con .mscBtn { width:0.7rem; height:0.7rem; background:url(../img/bgmBtn-fbd2dc.svg) no-repeat left top; background-size:cover;}
.mscbox-con .mscBtn.rotate {
    -webkit-animation: rotating 1.2s linear infinite;
    animation: rotating 1.2s linear infinite;
}

@-webkit-keyframes rotating{
	0%{transform:rotate(0deg)}
	to{transform:rotate(1turn)}
}
@keyframes rotating{
	0%{transform:rotate(0deg)}
	to{transform:rotate(1turn)}
}