@charset "gb2312";
body { font-size:12px; font-family:"ËÎÌå", Helvetica, Arial, sans-serif, Verdana, STHeiTi, SimSun, PMingliu, dfkai-sb; line-height:150%; color:#595959; margin:0; padding:0; background: #33354c; }
ul, li, ol, form, h1, h2, h3, h4, h5, h6, div, p { margin:0px; padding:0px; line-height:150%; }
td { line-height:150%; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
ul, ol { list-style:none; }
table ¡¡¡¡ { border-collapse: collapse }
img { border:0 }
a:active, a:focus { -moz-outline:none; outline:none; ie-dummy:expression(this.hideFocus=true);}
a, a:link, a:visited { color: #fff; text-decoration: none; }
a:hover { color: #f1616e; text-decoration: none }
.b { font-weight: bold; }
.clear { clear:both; display:block; height:0; overflow:hidden; }


ul, li, ol, form, h1, h2, h3, h4, div { margin:0px; padding:0px; border:0px; list-style-type: none; }
a:active, a:focus { -moz-outline:none; outline:none; ie-dummy:expression(this.hideFocus=true);
}
.clear { clear:both }

.logo {  position:absolute; left:50px; top:30px; width:200px; height:70px; background:url(logo2016.png) no-repeat}
.logobg{ background:url(logobg.png) no-repeat 0 0; width:100%; height:302px; max-width:1920px; margin:0 auto;}
.registerbut a { width:100%; height:100%; display:block ;  margin:10px 20px 0 0; width:60px; height:25px; background:url(loginbg.png) no-repeat 0 -25px; color:#fff; text-align:center; line-height:25px;}
.loginbut a{ width:100%; height:100%; display:block ; margin:10px 10px 0 0; width:60px; height:25px; background:url(loginbg.png) no-repeat 0 0px; color:#fff; text-align:center; line-height:25px;}
.registerbut , .loginbut{ float:right; font-size:14px; color:#fff}
.info{ position:absolute; z-index:2; right:0; top:0; font-size:12px; margin:16px 10px 0 0; line-height:16px; color:#eee; padding:0 0 0 18px;alpha(opacity=20); opacity:0.2}
.info a{ color: #bbb; text-decoration: none; }
.info strong{ font-family:Arial, Helvetica, sans-serif; font-weight:normal}
#bottom { margin:0 auto; clear:both; width:100%; padding:50px 0 10px; color:#54576f; text-align:center; font-size:12px; font-family:Verdana, Geneva, sans-serif; border-top:#272a4b 0px solid; background: #33354c; }
#bottom a { color:#54576f; text-decoration:none; }


.site-bd { text-align:center; margin:0; width:100%; position:absolute; bottom:0;alpha(opacity=100); opacity:1.0}
.site-bd:hover{alpha(opacity=100); opacity:1.0;}
.site-bd li {display:inline-block;*display:inline;*zoom:1;padding:0 0px; width:73px;line-height:28px;}
.site-bd  a{line-height:28px;padding:2px 0 3px 20px;background: url(Websiteicon_on.png) no-repeat; font-family:Arial; }
.site-bd  a:link,.site-bd  a:visited{ color:#fff;alpha(opacity=80); opacity:0.8}
.site-bd  a:hover{ color:#C30;alpha(opacity=100); opacity:1.0;background: url(Websiteicon_on.png)no-repeat;}

body, html { width:100%; height:100%; overflow:hidden; }
body { position:relative; }
.show{ margin:0 auto;position:relative}
.show img { position:absolute; left:0; top:0; display:none; min-height:100%; min-width:100%}
.show_num { position:absolute; top:50%; right:19px; z-index:999; margin-top:-42px; }
.show_num li { margin:4px 0; width:14px; height:14px; overflow:hidden; background:rgba(255,255,255,0.30) 0 0 no-repeat; text-indent:-999px; cursor:pointer; border-radius: 10px;-webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;}
.show_num .current { height:32px; background-position:0 -16px; }


@media (max-width: 800px) {
body, html {height:100%;}
.show {height:100%;}
.show img {left:0;height:100%;}



.site-bd{ display:none}
.logo {  position:absolute; left:10px; top:10px; width:200px; height:70px; background:url(logo2016.png) no-repeat; background-size:20%}
.info{ position:absolute; z-index:2; right:0; top:0; font-size:10px; margin:10px 10px 0 0; line-height:16px; color:#eee; padding:0 0 0 18px;alpha(opacity=20); opacity:0.2}




.show img {transition:left 2s;
-moz-transition:left 2s; /* Firefox 4 */
-webkit-transition:left 2s; /* Safari and Chrome */
-o-transition:left 2s; /* Opera */}
.show img.current { left:-80%}


}