/*加载外部通用CSS*/

@import url("normalize.css");
html,
body {
   
}
img{
	opacity: 1;
	filter: alpha(opacity=100);
}

/*index.css*/
#fullPage-nav li, .fullPage-slidesNav li{width:10px;height:10px;margin:10px 5px 10px 5px;}
#fullPage-nav span, .fullPage-slidesNav span{width: 6px;height: 6px;border: 0}
#fullPage-nav li .active span, .fullPage-slidesNav .active span{background: #e3e4e4;transition: 0.5s all}
#fullPage-nav li span, .fullPage-slidesNav span{background: #8d8d8d;transition: 0.5s all}

.page1{background: url(../../images/index_01.jpg) no-repeat; background-size: 100% 100%;}
.center{width: 1000px;margin: 0 auto;}
.col-50{width: 50%}

.page1 .txt{margin: 0 auto; padding: 0; width: 100%; text-align:center;}
.page1 .txt img{width: 100%; }
.page1 .img{margin-bottom:40px; text-align: center; width: 100%;}
.page1 .img img{margin: 0 auto; width: 100%; text-align: center;}
.page1 .grid{padding-top:30px; width:100%;}
.page1 .more{padding-top:20px; text-align: center;}
.page1 .more img{margin:0 auto; }


.page2{background: url(../../images/index_02.jpg) no-repeat; background-size: 100% 100%;}
.page2 .txt{margin: 30px 5% 80px 5%; padding: 0; width:90%; text-align: left;}
.page2 .txt img{ width: 100%; }
.page2 .img{margin: 0 5% 0 5%; padding: 0; width:90%; text-align: left;}
.page2 .img img{ width: 45%; margin: 0 0 0 65px; }
.page2 .grid{padding-top:0px; width:100%;}
.page2 .more{padding:20px 0px 0px 40px; text-align: left;}
.page2 .more img{margin:0; }

.page3{background: url(../../images/index_03.jpg) no-repeat; background-size: 100% 100%;}
.page3 .txt{margin: 30px 0px 50px 0px; padding: 0; width:100%; text-align: center;}
.page3 .txt img{ width: 100%; }
.page3 .img{margin: 0 5% 0 5%; padding: 0; width:90%; text-align: left;}
.page3 .img img{ width: 45%; margin: auto; padding-bottom:30px}
.page3 .grid{padding-top:20px;}
.page3 .more{margin: 0px 5% 0 5%; padding: 0; text-align: center;}
.page3 .more img{margin:0 auto; }

.page4{background: url(../../images/index_04.jpg) no-repeat; background-size: 100% 100%;}
.page4 .txt{padding: 0 40px; text-align: center;}
.page4 .txt img{ width: 100%; }
.page4 .img{ text-align: center; }
.page4 .img img{ width: 45%; margin: auto; padding-bottom:10px}
.page4 .grid{padding-top:0px;}
.page4 .more{padding:20px 0px 0px 0px; text-align: center;}
.page4 .more img{margin:0 auto; }

.page5{background: url(../../images/index_05.jpg) no-repeat; background-size: 100% 100%;}
.page5 .txt{margin: 0px 0px 0px 0px; padding: 0; width:100%; text-align: center;}
.page5 .txt img{ width: 100%; }
.page5 .img{margin: 0px 0px 360px 0px; padding: 0; width:100%; text-align: center;}
.page5 .img img{ width: 100%; margin: auto; }
.page5 .grid{padding-top:0px;}
.page5 .more{padding:20px 40px 80px 0px; text-align: right;}
.page5 .more img{margin:0; }

.page6{background: url(../../images/index_06.jpg) no-repeat; background-size: 100% 100%;}
.page6 .txt{margin: 30px 5% 30px 5%; padding: 0; width:90%; text-align: center;}
.page6 .txt img{ width: 100%; }
.page6 .img{margin: 0px 5% 30px 5%; padding: 0; width:90%; text-align: left;}
.page6 .img img{ width: 45%; margin: auto; }
.page6 .more{margin:0 auto; padding:0px; text-align: center;}
.page6 .more img{margin:0 auto;}

.page7{background: url() no-repeat; background-size: 100% 100%; background-color:#000000;}
.page7 .txt{margin: 0px; padding: 20px 5% 120px 5%; width:90%; text-align: left; border-top:1px solid rgba(255, 255, 255, 0.15);}
.page7 .txt img{ width: 100%; }
.page7 .img{margin: 30px 5% 30px 5%; padding: 0; width:90%; text-align: left;}
.page7 .img img{padding: 0px 55% 0px 0px; width: 45%; margin: 0 auto; }
.page7 .more{margin:0 auto; padding:0px; width: 100%;}
.page7 .more img{width: 100%;}

.page8{background: url(../../images/index_08.jpg) no-repeat; background-size: 100% 100%;}
.page8 .txt{padding: 0 40px; text-align: center;}
.page8 .txt img{ width: 100%; }
.page8 .img{ text-align: center; }
.page8 .img img{ width: 45%; margin: auto; }

.page9{background: url(../../images/index_09.jpg) no-repeat; background-size: 100% 100%; text-align: center;}
.page9 .txt{padding: 0 40px; text-align: center;}
.page9 .txt img{ width: 100%; }
.page9 .img{ text-align: center; }
.page9 .img img{ width: 45%; margin: auto; }
.page9 .txts{margin:0 auto; text-align: center; color:#FFFFFF;}
.page9 .txts.p{margin:0 auto; text-align: center; color:#FFFFFF;}

.page2,.page3,.page4,.page5,.page6,.page7,.page8,.page9{padding: 0;}

.page5-info{overflow: auto;height: 100%}
.page5 .info{text-align: center;}
.page5 h4{font-size: 56px;color: #e26876;}
.page5 h5{font-size: 39px;color: #333;padding: 44px 0}
.page5 img{display: inline-block;}
.page5 .info{opacity: 0;filter: alpha(opacity=00);filter: alpha(opacity=100)\9}
.page5 .info.zoomIn{opacity: 1;filter: alpha(opacity=100)}

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

.section .btn{position: relative; padding: 0 10%; height: 42px; margin-top: 25px; margin-bottom: 25px;}
.section .btn a{position:absolute; left: 50%; margin-left:-60px; display: block; height: 35px; width:160px; z-index: 99; color: #fff; font-size: 14px; line-height: 42px; text-decoration:none;}
.section .btn span{ background: #deb041; opacity: 1.0; 
position:absolute; left: 50%; margin-left:-80px; display: block; height: 42px; width:160px; z-index: 29; border-radius: 35px;

}

.footer{background: #4cb03b;padding: 16px 0 31px 0;position: relative;margin-top: 19px;}
#glbbot{color: #fff;border: 0}
#glbbot a{color: #fff;}
#glbbot a:hover,
#glbbot a:visited,
#glbbot a:link{color: #fff;}




/*隐藏滚动条*/
::-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;}
.fadeInLeft{animation: fadeInLeft 2s;}
.fadeInRight{animation: fadeInLeft 2s;}