*{margin:0;padding: 0;border: 0;}
.lf{float: left;}
.rg{float: right;}
a{text-decoration: none;}
.clear{clear: both;}
.yellow{ color: #ff9600;}
.bold{ font-weight: bold;}


body{width: 100%;font-size: 14px;font-family: "Arial";min-width: 1000px;}
.warp,.bot{position: relative;width: 100%;height: 1080px;}
.warp{background: url("../images/top_bg.jpg") top center no-repeat;}
.bot{background: url("../images/bot_bg.jpg") bottom center no-repeat;}
.main{position: relative;width: 1000px;height: 1080px;margin:0 auto;}
.mg{position: absolute;left: 28px;top:5px;}
.box{position: absolute;top: 215px;left:-11px;width: 564px;height: 650px;background: url("../images/box.png") center no-repeat;}
.logo{position: absolute; top: -190px; left: -25px;}
.nav{position: absolute;top: 53px;left: 116px; width: 331px;}
.title{font-size: 24px;font-weight: 900;text-transform: uppercase;color: #ffefd2;}
.title:hover,.title.on{color: #ff9600;}
.loginBox{width: 331px;min-height: 200px;background: url("../images/logo_label.png") left top no-repeat; padding-top: 20px; position: absolute; top: 110px; left: 115px;}
.shuru{margin-bottom:48px;width: 100%;height: 25px;background: url("../images/input.png") center no-repeat;text-indent: 5px;}
.forgot{display: block;text-align: right;margin-top: -25px;font-size: 16px;color: #ffefd2;}
.gg,.fb{width: 37px;height: 38px;margin-top: 15px;margin-right: 5px;}
.gg{background: url("../images/gg.png") no-repeat;}
.fb{background: url("../images/fb.png") no-repeat;}
.button{display: block;width: 246px;margin: 0 auto;}
.registerBox{width: 331px;min-height: 300px;background: url("../images/register_label.png") left top no-repeat;padding-top: 20px; position: absolute; top: 110px; left: 115px;}
.regbox{ width: 361px; margin-left: -15px;}
.regbox p{color: #ffefd2;line-height: 17px; margin: 5px 0; font-size: 16px;}
.regbox a{ color: #ff9600; text-decoration: underline;}
.rules{width: 100%;margin: -30px 0 10px 0;color: #ffefd2;line-height: 20px;}
.rules input[type=checkbox]{vertical-align: -2px;margin-right: 8px;}
.registerBox .button{margin: 10px auto 0;}
.foot{position:absolute; bottom:50px;left: 0;width: 100%; text-align:center; line-height:45px; z-index:1; font-size:16px;  margin:0 auto; color:#341903; font-weight: bold; }
.foot a{ color:#341903;font-weight: bold;}

.registerMessage{ position:absolute; left:0; top:267px;}


/*新闻*/
.article{ width:475px; height:201px; background:url("../images/article_bg.jpg") no-repeat; position:absolute; top:664px; right:0; z-index:3;}
.artmenu{ width: 475px; height:43px; float:left; background:url("../images/artmenu_bg.jpg") no-repeat; text-align: center; line-height: 43px; font-weight: bold; color: #ffffff;}
.artbox{ width:435px; margin:0 auto; margin-top:20px; margin-left:20px;line-height:25px;}
.artbox a{ color:#ffefd2;}
.artbox a:hover{ color:#ff9600;}
.artmore{ width:43px; height:43px; position:absolute; top:0; right:0; font-size:30px; line-height:43px; text-align:center; cursor:pointer; color:#ffffff;}
.arttext1,.arttext2{ height:23px; line-height: 23px;}
.arttext1{ width:333px; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.arttext2{ width:100px; float:right; text-align:right;}
.artline{ width:100%; border-bottom:1px dotted #4f4336; clear:both;}


.video_box{ width:475px; height:201px; position:absolute; top:441px; right:0; cursor: pointer;}
.mask{ width:100%; height:100%; background:#000; opacity:.8; position:fixed; left:0; top:0; z-index:99;}
.vadeo{
	position: absolute;
	left: 209px;
	top: 59px;
	cursor: pointer;
	width: 82px;
}
.vadeo a{ display:block; width:82px; height:82px; position:relative;}
.vadeo a img{ position:absolute; left:0; top:0}
.vadeo a img.img1{ transition:.5s; -webkit-animation:zhuan 2s infinite linear; z-index:2}
.video-btn{ position:absolute; right:-45px;top:0; background:url(../images/video-btn.png) no-repeat; width:36px; height:36px; display:block; text-indent:-30000px; overflow:hidden; -webkit-transition:all .5s ease; transition:all .5s ease; z-index:4; cursor:pointer;}
.video-box{ width:720px; height:460px; z-index:100; background:#000000; position:relative; border:1px solid #ff9600;

margin-left:-360px!important;/*FF IE7 half of its width */
margin-top:-185px!important;/*FF IE7 half of its height*/

left:50%;/*FF IE7*/
top:40%;/*FF IE7*/
 
margin-top:0px;
position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/
 
_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/}
			

@keyframes zhuan{
    0%{
      -webkit-transform:rotate(-360deg);
      -o-transform:rotate(-360deg);
      -moz-transform:rotate(-360deg);
      -ms-transform:rotate(-360deg);
      transform:rotate(-360deg);
    }
    100%{
        -webkit-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}
@-webkit-keyframes zhuan{
    0%{
        -webkit-transform:rotate(-360deg);
        -o-transform:rotate(-360deg);
        -moz-transform:rotate(-360deg);
        -ms-transform:rotate(-360deg);
        transform:rotate(-360deg);
    }
    100%{
        -webkit-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}
@-moz-keyframes zhuan{
    0%{
        -webkit-transform:rotate(-360deg);
        -o-transform:rotate(-360deg);
        -moz-transform:rotate(-360deg);
        -ms-transform:rotate(-360deg);
        transform:rotate(-360deg);
    }
    100%{
        -webkit-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}
@-o-keyframes zhuan{
    0%{
        -webkit-transform:rotate(-360deg);
        -o-transform:rotate(-360deg);
        -moz-transform:rotate(-360deg);
        -ms-transform:rotate(-360deg);
        transform:rotate(-360deg);
    }
    100%{
        -webkit-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}