/* header
-------------------------------------------------- */
html, body, span, div, p, a, table, tbody, td, h1, h2, h3, h4, h5, h6, img, form, font, strong, b, i, dl, dt, dd, ol, ul, li, dl, dd, dt, iframe, label, blockquote, input, button {padding:0; margin:0;list-style: none;text-decoration:none;}
html{font-size:100px;}
body{position:relative;font-family: "微软雅黑";font-size:.3rem;color:#666;}
a {color: #333;text-decoration: none;cursor: pointer;text-decoration: none;-webkit-font-smoothing: subpixel-antialiased}
a:hover {color: #da251c;text-decoration: none;cursor: pointer;text-decoration: none;-webkit-font-smoothing: subpixel-antialiased}
.clear{clear:both;}
img{border:0; max-width:100%; height:auto}
.head{height:2.4rem;background:#F8F8F7;box-shadow:0 0 10px #ccc;}
.head .logo{float:left;background:url(../images/zx_06.png) no-repeat;background-size:100%;width:10rem;height:1.8rem;margin:.35rem 0 0 .35rem;}
.menu{width:1.1rem;height:.8rem;background:url(../images/menu.png) no-repeat;background-size:100%;float:right;margin:1rem .37rem 0 0;}
.nav{padding:20px 0 0;}
.nav a{color:#666;font-size:.5rem;text-align:center;float:left;width:25%;margin-bottom:20px;}
.nav a img{width:60%;margin:0 auto;}
.slideBar{right:-5rem;width:5rem;background:#da251c;position:fixed;height:100%;padding-top:20%;z-index:1000;}
.slideBar a{display:block;text-align:center;width:100%;float:left;color:#fff;line-height:1.4rem;height:1.4rem;font-size:.5rem;}
.bg{position:fixed;width:100%;height:100%;left:0;top:0;z-index:500;background:rgba(0,0,0,.6);display:none;}

.footer{position:relative;line-height:.7rem;font-size:.45rem;background:#404040;padding:.60rem 0.5rem .6rem;text-align:center; margin-bottom:1.1rem; margin-top:0rem; color:#b8b7b7}
.top{position:absolute;left:50%;margin-left:-.5rem;bottom:.3rem;width:1.05rem;height:1.05rem;background:#333;border-radius:2rem; line-height:0.45rem; font-size:0.3rem; padding-top:0.05rem}
.footer a{ color:#b8b7b7}
/*底部固定*/
.guding{width: 100%;background:#da251c;position: fixed;bottom: 0;padding-top: .2rem;padding-bottom: .2rem;box-sizing: border-box;z-index: 999;}
.guding ul li{width: 25%;float: left;border-right: solid 1px #FFFFFF;box-sizing: border-box;}
.guding ul li:last-child{border-right: none;}
.guding ul li a{display: block;font-size: .45rem;color: #FFFFFF;text-align: center;}
.guding ul li a img{display: block;height: 1rem;margin: 0 auto;margin-bottom: .10rem;}

/*xws*/
.foot-cen>a{display: block;width: 65px;margin: 0 auto;position: relative;top: .15rem;}
.wx{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:998;*zoom:1;transition: all .3s;transform: scale(0);transform-origin: bottom;}
.wx img{width:80%;max-width:500px;height:auto;position:absolute;left:50%;top:50%;transform: translateX(-50%) translateY(-50%);}
.wx.active{transform: scale(1);}

/*********** login *************/

#login_box {margin: 0 auto;position: relative; width: 100%;height: 480px;background: url(../images/body_bg.jpg) no-repeat center center;}
.wxgzhma{padding-top:55px;padding-left:20%;}
.wxgzhma p{display: block;width:208px;text-align:center;color:#a36055;font-size:14px;line-height: 50px;
}
.login-box {
  width: 100%;
  max-width:500px;
  height: 400px;
  position: absolute;
  top: 7%;display: inherit
  /*设置负值，为要定位子盒子的一半高度*/  
}
#login_box_wechat {margin: 0 auto;position: relative;width: 100%;background: url(../images/body_bg.jpg) no-repeat center center;position: absolute;top: 0;bottom: 0;right: 0;}
.login-box_wechat {
  width: 100%;
  max-width:500px;
  left: 50%;
  position: absolute;
  top: 50%;
  margin-left: -250px;
  margin-top: -200px;
  /*设置负值，为要定位子盒子的一半高度*/
  
}
  .login-box {
    left: 0;
    margin-left: 0;
  }
  .login-box_wechat {
    left: 0;
    margin-left: 0;
  }
#login_pc{display: block;}
  .box{background: url(../images/body_bg.jpg) no-repeat center center;background-size:200%;}
  .login-content .input-group {margin: 0px 0px 5px 0px !important;}
  .login-box{padding:0 20px;}
  .login-box_wechat{padding:0 20px;}
  .login_footer{display: none;}
  .login-content  .link p{margin-top: 0px!important;}
  .login_wap_foot{margin-top: 0!important;background: #fff!important;color:#666!important;}
  .wxgzhma{display: none;}
  #login_ma{display: none;}
  #login_pc{display: block;}
.loginok .ipone{
	position: relative;
}
.loginok .ok{
	position: absolute;
	top:50%;
	left:50%;
	margin-top:-14px;
	margin-left:-14px;
}
.loginok p{
	line-height: 30px;
}
#login_ma .form {
	margin-top:9px;
	text-align: center;
}
.saoma{
	margin-top:10px;
}
.saoma span{
	font-size:14px;
	line-height: 12px;
	margin-left:7px;
}
.login-content .form {
  width: 100%;
  max-width:500px;
  
  margin: 25px auto 0px auto;
  padding-top: 25px;
} 
.login-content {
  width: 100%;
  max-width:500px;
  background-color: rgba(255, 250, 2550, .6);
  float: left;
  border-radius:0 0 5px 5px;  
}   
  
  
.login-content .input-group {
  margin: 0px 0px 25px 0px !important;
}
.login-content .form-control,
.login-content .input-group {
  height: 40px;
}

.login-content .form-group {
  margin-bottom: 0px !important;
}
.login-title {
  height:60px;
  background-color: rgba(0, 0, 0, .4);
  border-radius:5px 5px 0 0; 
  position: relative;
}
.login-title h1 {
  line-height: 60px;
  font-size: 18px;
  color:#fff;
}
.login-title img{
	position:absolute;
	right:12px;
	top:12px;	
}
.login-title small {
  color: #fff;
}

.login-content  .link p {
  line-height: 64px;
 
}
.login-content  .btn-sm {
  padding: 8px 24px !important;
  font-size: 16px !important;
  width: 100%;
}