/*加载外部通用CSS*/

@import url("normalize.css");
html,
body {

}
img{
	opacity: 1;
	filter: alpha(opacity=100);
}
/*index.css*/
#fullPage-nav li, .fullPage-slidesNav li{width: 12px;height: 12px;margin: 19px;}
#fullPage-nav span, .fullPage-slidesNav span{width: 12px;height: 12px;border: 0}
#fullPage-nav li .active span, .fullPage-slidesNav .active span{background: #fff45c;transition: 0.5s all}
#fullPage-nav li span, .fullPage-slidesNav span{background: #8b857f;transition: 0.5s all}

.center{width: 1200px;margin: 0 auto;}
.page2{ background:#fff;}
.page3{ background:url(../images/tu/tu5.jpg)no-repeat top right;-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
.page4{ background:#ffffff;}
.page5{ background:#ffffff;}
.page6{ background:#ffffff;}
.page7{  background:url(../images/tu/tu11.jpg)no-repeat top right;-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
@media(max-width:1024px){
.page5{ background:#f5f5f5;}	
}

/*.weizhi{display: block;margin: 0 auto;}*/




.page2 .txt.bounceInUp,.page3 .img.fadeInLeft,.page4 .txt.fadeInLeft{opacity: 1;filter: alpha(opacity=100)}
.page2 .img.fadeInRight,.page3 .txt.fadeInRight,.page4 .img.fadeInRight{opacity: 1;filter: alpha(opacity=100)}

.page2 .box2_an.fadeInLeft{opacity: 1;filter: alpha(opacity=100)}
.page2 .box2_gg .box2_gg_up.fadeInRight{opacity: 1;filter: alpha(opacity=100)}
.page2 .box2_gg .box2_gg_down.fadeInRight{opacity: 1;filter: alpha(opacity=100)}
.page3 .box3_fw.fadeInLeft{opacity: 1;filter: alpha(opacity=100)}
.page3 .box3_js.fadeInRight{opacity: 1;filter: alpha(opacity=100)}
.page4 .box4_hz.fadeInRight{opacity: 1;filter: alpha(opacity=100)}
.page4 .box4_lb dd.fadeInUp{opacity: 1;filter: alpha(opacity=100)}
.page5 .ppggi.fadeInLeft{opacity: 1;filter: alpha(opacity=100)}
.page5 .box5_gy.fadeInDown{opacity: 1;filter: alpha(opacity=100)}
.page5 .ppgr2.fadeInUp{opacity: 1;filter: alpha(opacity=100)}
.page6 .box6_xw.fadeInLeft{opacity: 1;filter: alpha(opacity=100)}
.page6 .box6_xx.fadeInRight{opacity: 1;filter: alpha(opacity=100)}
.page7 .box7_lxwm.fadeInUp{opacity: 1;filter: alpha(opacity=100)}

.fadeInLeft{animation: fadeInLeft 1s;}
.fadeInRight{animation: fadeInLeft 2s;}
.bounceInUp{animation: bounceInUp 2s;}
.bounceInDown{animation: bounceInUp 2s;}
.fadeInDown{animation: fadeInDown 2s;}
.fadeInUp{animation: fadeInUp 2s;}
.fadeInDown{animation: fadeInDown 2s;}



/*隐藏滚动条*/
::-webkit-scrollbar{width:0px}


/*css3动画*/


@-webkit-keyframes circle1 {
  	0%{ transform:rotate(0deg); opacity: 0;filter: alpha(opacity=0)}
	100%{ transform:rotate(360deg); opacity: 1;filter: alpha(opacity=100) }
}

@keyframes circle1 {
  	0%{ transform:rotate(0deg); opacity: 0;filter: alpha(opacity=0)}
	100%{ transform:rotate(360deg); opacity: 1;filter: alpha(opacity=100) }
}

.circle {
  -webkit-animation-name: circle;
  animation-name: circle;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

.zoomIn{animation: zoomIn 2s;}
.eol-show .eolgkpage.zoomIn{opacity: 1;filter: alpha(opacity=100)}
.eol-show .cellphone.circle{animation: circle1 1s;opacity: 1;filter: alpha(opacity=100)}
.eol-txt .QRcode.bounce,.eol-txt .weixin.bounce{animation: bounce 2s;}

.page5 .info{opacity: 0;filter: alpha(opacity=00);filter: alpha(opacity=100)\9}
.page5 .info.zoomIn{opacity: 1;filter: alpha(opacity=100)}

@media screen and (min-width: 1360px) {

}