*{margin: 0;padding: 0;}
body{font-family:"微软雅黑";   background: black;}
ul,ol{list-style:none;}
.warp{width: 1200px;height:675px;margin:0 auto;position: relative;cursor: pointer;background:url("../images/bj.jpg") center top no-repeat; background-size: 100% auto}
.logo_bj{ position: absolute; display: block;left:0px; top:10px; width:197px; height: 229px;}
.logo_bj img{display: block; margin: 0 auto;}
.cent{width:259px;position: absolute;bottom:20px;left:466px; z-index: 10;}
.cent>div{background: url(../images/ico_img.png) no-repeat;height:73px;width:259px;cursor: pointer; position: relative;display: inline-block; float: left}
.cent .item1{background-position: -278px -232px;}
.cent>div:hover{background-position: 0 -231px;}

/*弹出框*/
.loginbox{height:675px;width:1200px;background: url(../images/box.png) no-repeat center;z-index: 100; position: absolute;top:0px;left:0px;right:0px; margin:auto;display:none;opacity:0.5;}
.loginbox .title_bt{ margin:0px auto;height:145px;width:100%;  }
.loginbox .title{height: 25px;width: 150px;margin: 0 auto;/* margin-bottom:15px; */padding: 35px 0 20px;}
.loginbox .title p{ height:25px;width:55px; float: left; margin: 0 10px;background: url("../images/ico_img.png")no-repeat center;}
.loginbox .title p.p1{background-position: -75px 0;}
.loginbox .title p.p2{background-position: -77px -40px;}
.loginbox .title p.p1.on{background-position: -147px 0;}
.loginbox .title p.p2.on{background-position: -145px -38px;}
.loginbox .title p.on{color: red;}
.loginbox .show{width: 400px;margin:0 auto; padding-top: 20px;}
.loginbox .show .item span{font-size: 18px;color: #fff;float: left;width:85px; display: inline-block; height: 32px; line-height: 32px;}
.loginbox .show .text{outline:none;height:15px;width: 270px;border-radius: 2px;font-size: 16px;color: #313131;padding:8px 10px; line-height:15px;background: #fff;border:none;}
.loginbox .show .text.inpu4{ width: 110px;}
.loginbox .show  .time{ font-size: 12px;height: 30px; line-height: 30px; background: red; width: 100px; text-align: center; display: inline-block; color: #fff; float: right; margin-top: 4px;}
.loginbox .show .item .tips{font-size: 12px;color: #fff;height: 20px;line-height: 20px;margin: 4px 0 0px 100px;width:240px;padding: 1px 0;}
.loginbox .show .agreement a{font-size: 12px;text-decoration: none; padding-left:35px;color: #dec37b}
.loginbox .show .agreement{ padding-top: 80px; }
.loginbox .show .item{padding-bottom: 15px;}
.loginbox .show .item .text_bt{padding-right:8px;color: #fff;float: left;width:90px;display: inline-block;height: 32px;line-height: 32px;font-size: 22px;text-align: center;}
.loginbox .show .item .text_bt.span2{background-position: 0 -40px;}
.loginbox .show .item .text_bt.span3{background-position: 0 -81px;}
.loginbox .show .item .text_bt.span4{background-position: -149px 0; width: 71px; margin-right: 29px;}
.loginbox .show .btn_warp{width:100%;height: 70px;padding:0;margin: 0 auto;}
.loginbox .show .btn_warp .btn{float: left; background: url(../images/ico_img.png) no-repeat center top;height:58px;width:205px;background-position: -216px -139px;margin: 10px auto;margin-right: 5px;cursor: pointer;border: none;display: block;outline:none;}
.loginbox .show .btn_warp .btn:hover{background-position: 0 -138px;}
.loginbox .show .btn_warp .a_link{float: left;background: url("../images/ico_img.png") no-repeat center;margin: 0 10px;margin-top: 25px;}
.loginbox .show .btn_warp .a_link.qqlogin_btn{height:26px;width:26px;background-position: 0 0px;}
.loginbox .show .btn_warp .a_link.wxlogin_btn{height:28px;width:32px;background-position:0px -42px;}
.loginbox .show .btn_warp .a_link.wblogin_btn{height:27px;width:35px;background-position: 0 -86px;}
.loginbox .show .btn_warp .a_link:hover{opacity: 0.8}

.loginbox .signin{  display: none; padding-top: 30px;}
.loginbox .signin .btn_warp { padding: 10px 0 20px 0;}

.loginbox .show .text::-webkit-input-placeholder {/*Chrome/Safari*/ color:#3e5343;}
.loginbox .show .text::-moz-placeholder {/*Firefox*/ color:#3e5343;}
.loginbox .show .text::-ms-input-placeholder {/*IE*/  color:#3e5343;}

/*y用户协议*/
.loginbox .ck{font-size:14px ;color: #999999;position:relative;margin-top: 4px; width:340px; margin: 10px auto; }
.loginbox .ck .a{position: absolute;left:10px;top: 3px;background: url(../images/ico_tab.png) no-repeat center;height:16px;width:15px;display:inline-block;}
.loginbox .ck .a1i{background-position: 0 0;}
.loginbox .ck .a12{background-position:-30px 0;display: none;}
.loginbox .ck a{color: #fff;}
.loginbox .ck .agreement{padding-left: 40px;}

/*底部*/
.footbar{margin-top:60px;}
.newfooter{width: 100%;min-width:1000px;height: auto;padding-top: 1px;text-align: center;font-size: 12px;font-family: '宋体';line-height: 20px;}
.newfooter p{color: #fff;margin: 12px auto;}
.newfooter p span{color: #fff;}
.newfooter p a{color: #fff;text-decoration: none;}
.newfooter p a img{margin: 0 4px -4px 0;}
.white-style p,.white-style p a{color: #fff !important;}
.lunbox{ width: 100%; height: 100%; position: absolute; left: 0;top:0px; overflow: hidden;}
.lunbox .bd,.lunbox .bd ul,.lunbox .bd ul li{ width: 100%; height: 100%; position: relative;}
.lunbox  ul li .img{position: absolute;}
.lunbox .bd ul li .img.imgren1{left: 300px; top:0px;}
.lunbox .bd ul li .img.imgren2{left: 12px; top:15px;}
.lunbox .bd ul li .img.imgren3{left: 266px; top:-15px;}
.lunbox .bd ul li .img.imgren4{left: 95px; top:-15px;}
.lunbox .bd ul li .img.imgtext{left: 52px; bottom: 0px;}

.lunbox .hd{ width: 228px; height: 100%; position: absolute; right: 0px; top:0px;}
.lunbox .hd ul{ height: 100%; width: 100%; position: relative;}
.lunbox .hd ul li{ width: 228px; height: 124px; position: absolute; overflow: hidden;}
.lunbox .hd ul li .li{z-index: 1; position: absolute; right: 0; top:0px;}
.lunbox .hd ul li .name_bj{ right: 0px; top:5px; position: absolute;}
.lunbox .hd ul li .name{ left:35px; top:-3px; position: absolute; z-index: 1}
.lunbox .hd ul li .name_box{ width: 166px; height: 130px; right: 62px; top:0px; position: absolute; display: none; overflow: hidden;}
.lunbox .hd ul li.li1{right: 152px; top:38px;}
.lunbox .hd ul li.li2{right: 24px; top:180px;}
.lunbox .hd ul li.li3{right: 24px; top:362px;}
.lunbox .hd ul li.li4{right: 130px; bottom:38px;}
.lunbox .hd ul li.on .name_box{ display: block;}
.lunbox .hd ul li.li2 .name_box{ top:0px;}