﻿/*
*功能：首页 样式
*作者：xianxm - 20170410
*/

html,body{
	height: 100%;
}

/* 页头 */
.login-header{
	position:absolute;
	top: 0;
	bottom: 94px;
	width: 100%;
	min-height: 410px;
	background-color: #efefef;
}

/* 状态栏 */
.login-status-bar{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 50px;
	font-size: 0;
	color: #fff;
	background-color: #d8d8da;
	background-color: rgba(27,35,48,0.6);
}
.login-status-bar .container{
	width: 100%;
	max-width: 1180px;
}
.login-status-bar-l{
	float: left;
	width: 50%;
	list-style: none;
}
.login-status-bar-l-logo{
	line-height: 26px;
	padding: 12px 0px;
}
.login-status-bar-l-logo img{
	width: 112px;
	height: 26px;
}
.login-status-bar-r{
	float: right;
	width: 50%;
	padding: 18px 0px;
	list-style: none;
	text-align: right;
}
.login-status-bar-r li{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: auto;
	margin: 0px 0px 0px 40px;
	line-height: 14px;
	font-size: 14px;
	color: #fff;
}
.login-status-bar-r li a{
	color: #fff;
}
.login-status-bar-r li img{
	margin: 0px 0px 0px 4px;
	height: 18px;
	/*vertical-align: top;*/
}

/* 页脚 */
.footer{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	min-width: 100%;
	padding: 17px 0px;
	background-color: #fff;
}
.footer .container{
	width: 100%;
}
.site-footer-hd li{
	line-height: 13px;
	font-size: 13px;
	color: #535353;
}
.site-footer-hd li a{
	color: #535353;
}
.site-footer-hd span{
	color: #535353;
}
.site-footer-bd{
	padding: 7px 0px 0px;
	color: #bfbfbf;
}
.site-footer-bd li{
	margin: 7px 0px 0px;
}

/* 轮播 */
.slideBox {
	position:absolute;
	top: 0;
	bottom: 109px;
	width:100%;
	height:100%;
	overflow:hidden;
	background-color: #e4e4e4;
}
.slideBox .hd {
	display: none;
	position:absolute;
	left: 50%;
	margin-left: -27px;
	bottom:20px;
	z-index:1;
	height:15px;
	overflow:hidden;
}
.slideBox .hd ul {
	float:left;
	overflow:hidden;
	zoom:1;
}
.slideBox .hd ul li {
	float:left;
	width:11px;
	height:11px;
	margin-right:7px;
	line-height:14px;
	text-align:center;
	background:none;
	border:1px solid #fff;
	border-radius: 11px;
	-moz-border-radius:11px;
	cursor: pointer;
}
.slideBox .hd ul li.on {
	background:#fff;
}
.slideBox .bd {
	position:relative;
	z-index:0;
	height: 100%;
}
.slideBox .bd ul{
	width: 100% !important;
	height: 100% !important;
}
.slideBox .bd li {
	height: 100%;
	zoom:1;
	vertical-align:middle;
	background-size: auto auto;
	background-position: center;
	background: #e4e4e4 none no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.slideBox .bd li.pic1{
	background-image: url(../images/pic1.png);
}
.slideBox .bd li.pic2{
	background-image: url(../images/pic2.png);
}
.slideBox .bd li.pic3{
	background-image: url(../images/pic3.png);
}
.slideBox .bd img {
	display:block;
	width:100%;
	height:100%;
}

/* 登录输入框 */
.form-horizontal{
	position: relative;
	width: 100%;
	max-width: 1180px;
	height: 100%;
	margin: 0px auto;
}
.login-box{
	position: absolute;
    right: 0;
    top: 50%;
    margin-top: -153px;
	width: 280px;
	height: auto;
	padding: 32px 35px 34px;
	background-color: #4d4e52;
	background-color: rgba(29,31,36,0.7);
}
.login-box .error{
	height: 32px;
	margin: -10px 0px -7px 0px;
	line-height: 32px;
	font-size: 12px;
	color: #f70000;
	background-color: #654347;
	background-color: rgba(247,0,0,0.2);
	border:1px solid #f70000;
}
.login-box .error img{
	width: 15px;
	height: 15px;
	margin: 0px 8px 2px 12px;
}
.login-box h2{
	padding: 11px 0px 0px 0px;
	font-size: 16px;
	font-weight: normal;
	color: #fff;
}
.login-box dl{
	position: relative;
	margin: 17px 0px 0px;
	font-size: 0;
}
.login-box dt{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 55px;
	height: 44px;
	text-align: center;
	background-color: #d8d8d8;
}
.login-box dt img{
	width: 20px;
	height: 22px;
	margin: 11px auto;
}
.login-box dd{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 225px;
	height: 44px;
	vertical-align: top;
	background-color: #fff;
}
.login-box dd input{
	width: 225px;
	height: 44px;
	padding: 0px;
	line-height: 44px;
	font-size: 14px;
	text-indent: 13px;
	border:none;
	background-color: #fff;
}
.login-box .code dd input{
	width: 115px;
}
.login-box .code dd img{
	width: 105px;
	height: 44px;
	margin-left: 5px;
	cursor: pointer;
}
.login-box .code dd a{
	position: absolute;
	bottom: -25px;
	right: 0;
	font-size: 12px;
	line-height: 12px;
}
.login-box .op-a{
	padding: 10px 0px 15px;
	font-size: 12px;
}
.login-box .op-btn .btn{
	width: 100%;
	height: 48px;
	line-height: 48px;
	font-size: 16px;
}
.login-box .ocx_login_style {
    width: 212px;
    height: 44px;
    margin-left: 13px;
    border: none;
    background-color: #fff;
}
.login-box .ocx_login_style a{
	font-size:14px;
	line-height:42px;
	float:left;
	text-indent:42px;
}
/* 介绍 */
.login-advertisement-item{
	padding: 57px 0px 26px;
	font-size: 0;
	list-style: none;
}
.login-advertisement-item li{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 25%;
	text-align: center;
}
.login-advertisement-item li img{
	width: 125px;
	height: 125px;
}
.login-advertisement-item li label{
	display: block;
	height: 23px;
	margin: 23px auto 14px;
	line-height: 22px;
	font-size: 22px;
}
.login-advertisement-item li span{
	line-height: 16px;
	font-size: 16px;
	color: #8b8a8a;
}