body {
    padding:0; 
	margin: 0;
	background: #0a192e;
	font-family: "Microsoft YaHei"
}

.padding10 {padding: 10px;}
.padding20 {padding: 20px;}
.padding30 {padding: 30px;}
.padding40 {padding: 40px;}
.padding50 {padding: 50px;}

.dl-btn {
	width:100%;display:block;
}
.nav-bar {line-height: 72px; font-size: 30px;}
	.nav-bar a { color: #04bcc6}
	.nav-bar .active {color:aliceblue; background: #04bcc6;}


.heroInfo{border:1px solid #48525d;padding: 3px;*zoom:1;}
.aboutHero{	position: absolute;	top: 6%;left: 8%;width: 55%;font-size: 15px;color: #b3b3b3;	}
.aboutHero strong{font-size: 27px;color: #fff;float: left;line-height: 1;margin-right: 10px;}
.aboutHero p{overflow: auto;}
.heroPos{position: absolute;top: 27%;left: 30%;font-size: 15px;word-wrap: break-word;line-height: 1.5;color: #b3b3b3;}
.heroPos strong{color: #fff;white-space: nowrap;}
.card-body {color:#3b4756}
.card-body strong{color: #354356;}


.page-top{width:100%;height:495px;background:url(../images/bg_top3.jpg) no-repeat top}
.page-top div{width:960px;margin:0 auto}
.page-top div img{width:213px;height:139px;float:right}
.page-middle{width:100%;}
.middle-content{width:960px;margin:0 auto;max-height:552px}
.middle-content .content{width:630px;float:right}
.middle-content .content .btn-top{width:674px;height:112px;background:url(../images/btnbg.jpg) no-repeat top;background-position:0 0;margin:0 0 0 3px;position:relative}
.middle-content .content .btn-top a{display:inline-block;height:112px;position:absolute;z-index:9;top:0}
.middle-content .content .btn-top a strong{display:none}
.middle-content .content .btn-top a.a_1{width:222px;z-index:8}
.middle-content .content .btn-top a.a_2{left:180px;width:295px}
.middle-content .content .btn-top a.a_3{width:239px;left:435px;z-index:8}
.middle-content .content .btn-top-hover0{background-position:0 -112px}
.middle-content .content .btn-top-hover1{background-position:0 -224px}
.middle-content .content .btn-top-hover2{background-position:0 -336px}
.middle-content .content .content-bottom{width:580px;height:400px;margin-left:50px;}
.middle-content .content .content-bottom .c-b-left{float:left;width:288px}
.middle-content .content .content-bottom .c-b-left .flash{width:280px;height:180px;background:#000;position:relative;border:2px solid #000}
.middle-content .content .content-bottom .c-b-left .flash video{width:280px;height:180px}
.middle-content .content .content-bottom .c-b-left .flash .player{width:280px;height:180px;position:absolute;left:0;top:0;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;background:#000}
.middle-content .content .content-bottom .c-b-left .gift{width:284px;height:206px;margin-top:10px;position:relative}
.middle-content .content .content-bottom .c-b-right{float:right;width:245px;height:380px;background-color:rgba(0,0,0,.85);border:1px solid #282112;padding:20px 20px 0 15px}
.middle-content .content .content-bottom .c-b-right h1{width:109px;height:33px;text-indent:-999em;background:url(../images/guid-icon.png);background-position:0 -31px;margin:0 auto}
.middle-content .content .content-bottom .c-b-right .register{height:170px}
.middle-content .content .content-bottom .c-b-right .getcode{height:125px;margin-top:15px;border-top:1px solid #282112;padding-top:25px}
.middle-content .content .content-bottom .c-b-right .getcode a{display:block;text-indent:-999em;width:175px;height:42px;margin:0 auto 20px;background:url(../images/btn.jpg)}
.middle-content .content .content-bottom .c-b-right .getcode a.a_1{background-position:0 -79px}
.middle-content .content .content-bottom .c-b-right .getcode a.a_1:hover{background-position:0 -234px}
.middle-content .content .content-bottom .c-b-right .getcode a.a_2{background-position:0 -34px}
.middle-content .content .content-bottom .c-b-right .getcode a.a_2:hover{background-position:0 -186px}
.middle-content .form .field{margin:10px 0}
.middle-content .form .field label{width:60px;float:left;height:24px;line-height:24px;text-align:right;color:#fff;font-size:14px;font-family:"宋体"}
.middle-content .form .field input{float:left;width:175px;height:22px;line-height:22px;border:1px solid #a8a8a8}
.middle-content .form .submit{margin-top:5px;margin-left:5px}
.middle-content .submit input{width:123px;height:31px;background:url(../images/btn.jpg);background-position:0 0;cursor:pointer;margin:8px 55px}
.middle-content .submit input.subhover{background-position:0 -144px}
.middle-content .agreement{margin-top:-5px;margin-left:60px;clear:both;color:#fff}
.middle-content .agreement a{color:#0068b7;font-family:"宋体"}
.middle-content .msg{position:absolute;height:19px;line-height:19px;width:165px;padding:1px 5px;left:62px;border-radius:3px;color:#333;background:#fff;margin-top:1px}
.middle-content .clearfix{position:relative}
.middle-content .clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden}
.middle-content .msgcode{position:absolute;height:19px;line-height:19px;width:115px;padding:0 5px;left:63px;border-radius:3px;color:#666363;background:#fff;margin-top:1px}
.page-bottom{width:100%;background:url(../images/bottom-menu-bg.jpg) no-repeat top}
.page-bottom .trigger{width:100%;height:775px;position:relative}
.page-bottom .trigger .bd{width:100%;/*height:688px;*/overflow:hidden}
.page-bottom .trigger .bd img{width:100%;height:688px}
.page-bottom .trigger .hd{height:87px;width:1000px;margin:0 auto}
.page-bottom .trigger .hd ul{height:87px;width:1000px}
.page-bottom .trigger .hd ul li{font-size:30px;font-weight:700;color:#cec1a5;float:left;width:250px;height:87px;line-height:87px;text-align:center;cursor:pointer}
.page-bottom .trigger .hd ul li.on{background:#db8a09;color:#fff;font-size:36px}
.footer{width:100%;height:180px;background:#000}
.footer .footer-copyright{text-align:center;color:#787878;padding:35px 0;line-height:25px}
.footer .footer-copyright a{color:#787878;padding:0 5px}
#xc {display: none;width: 785px;height: 485px;position: fixed;top: 50%;left: 50%;margin-left: -392px;margin-top: -242px;z-index: 9999;}
#xc .rwclosed {width: 25px;height: 25px;border: 1px solid #ffffff;color: #ffffff;font-size: 24px;font-weight: bold;font-family: '微软雅黑';text-align: center;line-height: 25px;margin-top: -490px;margin-left: 790px;cursor: pointer;}
#zzc {display: none;position: absolute;top: 0;left: 0;width: 100%;height: 1878px;background: #000000;filter: alpha(opacity=95);-moz-opacity: 0.95;opacity: 0.95;z-index: 9998;}
.float-w {position: fixed;top: 300px;right: 50px;width: 230px;height: 230px;background: url(../images/float_w.png) no-repeat;background-size: 100% 100%;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-ms-background-size: 100% 100%;-o-background-size: 100% 100%;}
.float-w div {width: 160px;height: 65px;margin: 100px 0 0 70px;}
.float-w div p {color: #ccc;font-size: 14px;text-indent: 36px;}
.float-w div p a {color: #ccc;}
.footer {
    width: 100%;
    min-width: 1200px;
    height: 133px;
    padding-top: 31px;
    background: #000;
}
.footer .footer-box {
    width: 1200px;
    height: 133px;
    margin: 0 auto;
}
.footer dl {
    margin: 0 auto;
    width:1055px;
}
.footer dl dt, .footer dl dt img {
    float: left;
    width: 141px;
    height: 39px;
}
.footer dl dt {
    margin-top: 20px;
}
.footer dl dd {
    float: right;
    width: 870px;
    color: #b2b2b2;
    font-size: 12px;
    text-align: left;
}
.footer dl dd p {
    overflow: hidden;
    bottom: 0;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.footer dl dd p a {
    margin: 0px 8px;
    color: #b2b2b2;
}
.footer dl dd p a:hover {
    color: #fff;
    cursor: pointer;
}
.footer .cooperation {
    float: left;
    width: 210px;
    height: 65px;
    padding-top: 34px;
    margin: -9px 0 0 60px;
}
.footer .cooperation .coop-box {
    position: relative;
    width: 172px;
    height: 29px;
    padding-top: 3px;
    background: #b5b5b5;
    color: #333;
    font-size: 12px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.footer .cooperation .coop-box:hover {
    background: #fff;
    cursor: pointer;
}
.footer .cooperation .coop-box span {
    float: left;
    width: 127px;
    border-right: 1px solid #8e8e8e;
    line-height: 27px;
    text-align: center;
    padding-right: 10px;
}
.footer .cooperation .coop-box img {
    width: 12px;
    height: 8px;
    margin: 10px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.footer .coop-all {
    display: none;
    position: absolute;
    bottom: 32px;
    left: 0px;
    z-index: 9999;
}
.footer .coop-all {
    overflow: auto;
    width: 172px;
    height: 300px;
}
.footer .coop-all li {
    width: 160px;
    height: 32px;
    background: #b5b5b5;
    font-size: 12px;
    text-align: center;
    line-height: 32px;
}
.footer .coop-all li a {
    display: block;
    width: 145px;
    height: 32px;
    color: #333;
}
.footer .coop-all li:hover {
    font-size: 14px;
    background: #939393;
}
.footer .coop-all li a:hover {
    cursor: pointer;
}