@charset "utf-8";

/* CSS Document */

* { margin:0; padding:0; word-wrap:break-word; word-break:break-all; }
*, *::after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body { background:#FFF; color:#fff; font:12px/1.6em 微软雅黑; }
body,html{ width:100%; height:100%;}
a { color:#fff; text-decoration:none; }
ul, li { list-style:none; }
img { border:none; }
h1, h2, h3, h4, h5, h6 { font-size:1em; }


.logins{ background:url(images/bg.jpg) no-repeat center center/cover; height:100%; width:100%;}
.slider-info{ width:100%; padding:0 5%; height:100%;}
.textabin{ display:inline-table; height:100%; width:100%; vertical-align:middle;}
.textabce{ display:table-cell; height:100%; width:100%; vertical-align:middle;}


.slider-info h1{ padding-bottom:25px;}
.slider-info h2{ padding-bottom:25px;}
.slider-info p{}
.slider-info img{ max-width:100%; height:auto;}

.btnan{ display: inline-block; width:200px; height:60px; text-align:center; line-height:60px; color:#fff; border-radius:5px; font-size:26px;}
.btngre{ background:#8cba36; margin-right:30px;}
.btnblu{ background:#6b9bcc;}


.lod{ position:fixed; z-index:1000; top:0; left:0; bottom:0; right:0; background:#6b9bcc;}

.lodelogo{ position:absolute; left:50%; bottom:50%; margin-left:-27px; margin-bottom:20px; filter:alpha(opacity=20);/*IE滤镜，透明度10%*/-moz-opacity:0.2;/*Firefox私有，透明度10%*/opacity:0.2; animation:loadimg 2.6s linear 0s infinite alternate;/* Firefox: */-moz-animation:loadimg 2.6s linear 0s infinite alternate;/* Safari and Chrome: */-webkit-animation:loadimg 2.6s linear 0s infinite alternate;/* Opera: */-o-animation:loadimg 2.6s linear 0s infinite alternate;}
@keyframes loadimg{
	0%{filter:alpha(opacity=20);/*IE滤镜，透明度10%*/-moz-opacity:0.2;/*Firefox私有，透明度10%*/opacity:0.2;}
	50%{filter:alpha(opacity=100);/*IE滤镜，透明度10%*/-moz-opacity:1;/*Firefox私有，透明度10%*/opacity:1;}
	100%{filter:alpha(opacity=20);/*IE滤镜，透明度10%*/-moz-opacity:0.2;/*Firefox私有，透明度10%*/opacity:0.2;}
	}
@-moz-keyframes loadimg /* Firefox */
	{
	0%{filter:alpha(opacity=20);/*IE滤镜，透明度10%*/-moz-opacity:0.2;/*Firefox私有，透明度10%*/opacity:0.2;}
	50%{filter:alpha(opacity=100);/*IE滤镜，透明度10%*/-moz-opacity:1;/*Firefox私有，透明度10%*/opacity:1;}
	100%{filter:alpha(opacity=20);/*IE滤镜，透明度10%*/-moz-opacity:0.2;/*Firefox私有，透明度10%*/opacity:0.2;}
	}
@-webkit-keyframes loadimg /* Safari and Chrome */
	{
	0%{filter:alpha(opacity=20);/*IE滤镜，透明度10%*/-moz-opacity:0.2;/*Firefox私有，透明度10%*/opacity:0.2;}
	50%{filter:alpha(opacity=100);/*IE滤镜，透明度10%*/-moz-opacity:1;/*Firefox私有，透明度10%*/opacity:1;}
	100%{filter:alpha(opacity=20);/*IE滤镜，透明度10%*/-moz-opacity:0.2;/*Firefox私有，透明度10%*/opacity:0.2;}
	}
@-o-keyframes loadimg /* Opera */
	{
	0%{filter:alpha(opacity=20);/*IE滤镜，透明度10%*/-moz-opacity:0.2;/*Firefox私有，透明度10%*/opacity:0.2;}
	50%{filter:alpha(opacity=100);/*IE滤镜，透明度10%*/-moz-opacity:1;/*Firefox私有，透明度10%*/opacity:1;}
	100%{filter:alpha(opacity=20);/*IE滤镜，透明度10%*/-moz-opacity:0.2;/*Firefox私有，透明度10%*/opacity:0.2;}
	}
@-webkit-keyframes line-scale-pulse-out {
  0% {-webkit-transform: scaley(1);transform:scaley(1);}
  50% {-webkit-transform: scaley(0.4);transform:scaley(0.4);}
  100% {-webkit-transform: scaley(1);transform:scaley(1);}
  }

@keyframes line-scale-pulse-out {
  0% {-webkit-transform: scaley(1);transform:scaley(1);}
  50% {-webkit-transform: scaley(0.4);transform:scaley(0.4);}
  100% {-webkit-transform: scaley(1);transform:scaley(1);} 
  }

.loader-inner{ position:absolute; top:50%; left:50%; margin-left:-26px; width:72px;}
.line-scale-pulse-out > div { background-color: #fff; width:4px; height: 35px; border-radius: 2px; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; -webkit-animation: line-scale-pulse-out 0.9s 0s infinite cubic-bezier(.85, .25, .37, .85); animation: line-scale-pulse-out 0.9s 0s infinite cubic-bezier(.85, .25, .37, .85); }
.line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) {-webkit-animation-delay: 0.2s !important;		animation-delay: 0.2s !important; }
.line-scale-pulse-out > div:nth-child(1), .line-scale-pulse-out > div:nth-child(5) {-webkit-animation-delay: 0.4s !important;		animation-delay: 0.4s !important; }


@media (max-width: 639px){
	.logins{ background:url(images/bg.jpg) no-repeat 80% center/cover; height:100%; width:100%;}
	}

@media (max-width: 480px){
.btngre{ background:#8cba36; margin-right:30px; width:45%; margin-right:8%;}
.btnblu{ background:#6b9bcc; width:45%;}
	}
