img{
	border:none;	
}
a{
	text-decoration:none;	
}
.content{

}

.con_left{
width:400px;
float:left;
padding-left:80px;
margin-top:50px;

background:url(../../images/front/form_bg.jpg) right repeat-y;
}
.con_left li{
list-style:none;
padding-bottom:20px;
color:#9fa0a0;
font-size:14px;
}


.text_c{
background:url(../../images/front/input_bg.jpg) center no-repeat;
width:310px;
height:44px;
line-height:44px;
border:0;
padding-left:15px;
color:#9fa0a0;
font-size:16px;
}
.text_yzm{
background:url(../../images/front/input_yzm.jpg) left no-repeat;
width:185px;
height:44px;
line-height:44px;
border:0;
padding-left:15px;
color:#9fa0a0;
font-size:16px;
}
.forget_pas{
	float:right;margin-right:80px;
	text-decoration:none;
	font-size:14px;
	color:#595757;
}
.sub_c{
background:url(../../images/front/sub_bg.jpg) no-repeat center;
width:324px;
height:44px;
border:0;
margin-top:10px;
cursor:pointer;
}

.con_right{
	width:332px;
	float:left;
	margin-top:50px;



}
.con_right li{
list-style:none;
text-align:center;
color:#0f7d3b;
font-size:16px;
margin-top:15px;
}


#check_bg{
background:url(../../images/front/bg_check.jpg) center no-repeat;
color:#fff;
}
.btn_c{
background:url(../../images/front/li_bg.jpg) center no-repeat;
width:90px;
height:41px;
border:0;
color:#0f7d3b;
font-size:16px;
font-weight:bold;
cursor:pointer;
}


*{
	margin: 0;
	padding: 0;
}
ul,li{
	list-style: none;
}
a{
	text-decoration: none;
}
img{
	border: none;
}
input,button{
	outline: none;
	border: none; 
}
img{
	border: none;
}
body{
	font-family: 'Microsoft YaHei','SimHei','SimSun';
	color: #1c1c1c;
	min-width: 1200px;
	font-size:14px;
}
.main-con{
	width: 1200px;
	overflow: hidden;
	margin: 0 auto;
}


.login-ban{
	width: 100%;
	overflow: hidden;
}
.login-ban img{
	display: block;
	width: 100%;
}
.login-box{
	width: 360px;
	overflow: hidden;
	margin: 30px auto;
}
.login-box h2{
	font-size: 30px;
	color: #243e68;
	text-align: center;
	margin-bottom: 30px;
}
.login-box form div{
	overflow: hidden;
	margin: 0px 40px 25px;
}
.login-box form div label{
	width: 70px;
	text-align: left;
	font-size: 16px;
	float: left;
	margin-right: 10px;
	line-height: 28px;
}
.login-box form div input{
	width: 178px;
	height: 16px;
	padding: 5px 10px;
	border: 1px solid #ddd;
	float: left;
	font-size: 16px; 
}
.login-box form div input#yzm{
	width: 57px;
}
.login-box form div a{
	display: block;
	width: 52px;
	height: 28px;
	float: left;
	margin-left: 10px;
}
.login-box form>a{
	display: block;
	width: 120px;
	height: 32px;
	background: #40577c;
	font-size: 18px;
	color: #fff;
	line-height: 32px;
	text-align: center;
	margin: 40px auto 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
}


.top-1{
	height: 25px;
	background: #878787;
	overflow: hidden;
	text-align: right;
}
.top-1 dt,
.top-1 dd{
	line-height: 25px;
	display: inline-block;
	font-size: 14px;
	color: #fff;
	margin-right: 30px;
}
.top-1 dt{
	margin-right: 80px;
	padding-left: 31px;
	position: relative;
}
.top-1 dd a{
	display: block;
	color: #fff;
	position: relative;
	padding-left: 40px;
}
.top-1 dt:before{
	content: '';
	display: block;
	width: 21px;
	height: 28px;
	background: url(../images/tel.png) no-repeat center;
	position: absolute;
    left: 2px;
    background-size: 15px 20px;
}
.top-1 dd.ewm:before{
	content: '';
	display: block;
	width: 25px;
	height: 25px;
	background: url(../images/ewm.png) no-repeat center;
	position: absolute;
	background-size: 25px 25px;
	left: 0;
}
.top-1 dd.ewm{
	padding-left: 40px;
	position: relative;
}
.top-1 dd.mes a:after,
.top-1 dd.admin a:after,
.top-1 dd.exit a:after{
	content: '';
	display: block;
	width: 25px;
	height: 25px;
	background: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0px;
}
.top-1 dd.mes a:before,
.top-1 dd.admin a:before,
.top-1 dd.exit a:before{
	content: '';
	display: block;
	width: 20px;
	height: 16px;
	position: absolute;
    left: 3px;
    top: 4px;
	z-index: 1;
}
.top-1 dd.mes a:before{
	background: url(../images/mes.png) no-repeat center;
}
.top-1 dd.admin a:before{
	background: url(../images/admin.png) no-repeat center;
}
.top-1 dd.exit a:before{
	background: url(../images/exit.png) no-repeat center;
}

.top-2{
	height: 60px;
	overflow: hidden;
	position: relative;
}
.top-2 h1{
	width: 220px;
	height: 60px;
	background: url(../images/logo.png) no-repeat center;
	text-indent: -999px;
	position: absolute;
	left: 0
}
.top-2 ul{
	float: left;
	overflow: hidden;
	margin-left: 335px;
}
.top-2 ul li{
	float: left;
}
.top-2 ul li a{
	padding: 0 20px 5px;
	font-size: 16px;
	color: #2a2a2a;
	line-height: 60px;
	border-bottom: 2px solid #fff; 
}
.top-2 ul li a:hover,
.top-2 ul li a.nav-cur{
	color: #3f83bf;
	border-bottom: 2px solid #3f83bf;
}
.top-2 .search{
	float: left;
	overflow: hidden;
	margin-left: 110px;
	margin-top: 15px;
}
.top-2 div input{
	width: 100px;
	height: 18px;
	padding: 5px 10px;
	border: 1px solid #ddd;
	border-right: none;
	float: left;
}
.top-2 div button{
	width: 30px;
	height: 30px;
	background: url(../images/search.png) no-repeat center;
	border: 1px solid #ddd;
	border-left: none;
	cursor: pointer;
}

.main-content{
	overflow: hidden;
	margin-bottom: 30px;
}
.nav-left{
	width: 248px;
	float: left;
	border-left: 1px solid #ddd;
	border-right: 1px solid #fff;
	overflow: hidden;
	-webkit-box-shadow: 2px 2px 4px #ddd;
	-moz-box-shadow: 2px 2px 4px #ddd;
	-ms-box-shadow: 2px 2px 4px #ddd;
	box-shadow: 2px 2px 4px #ddd;
}
.nav-left li{
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	padding: 15px 0 15px 30px;
}
.nav-left li h3{
	font-size: 18px;
	margin-bottom: 6px;
	font-weight: bold;
}
.nav-left li h3 a{
	display: block;
	line-height: 32px;
	padding-left: 40px;
	color: #2e2e2e;
}
.nav-left li.nav-left-1 h3 a{
	background: url(../images/nav-1.png) no-repeat left center;backgound-size:30px;
}
.nav-left li.nav-left-1 h3 a:hover{
	color: #3f83bf;
	background: url(../images/nav-1-hover.png) no-repeat left center;
}
.nav-left li.nav-left-2 h3 a{
	background: url(../images/nav-2.png) no-repeat left center;
}
.nav-left li.nav-left-2 h3 a:hover{
	color: #3f83bf;
	background: url(../images/nav-2-hover.png) no-repeat left center;
}
.nav-left li.nav-left-3 h3 a{
	background: url(../images/nav-3.png) no-repeat left center;
}
.nav-left li.nav-left-3 h3 a:hover{
	color: #3f83bf;
	background: url(../images/nav-3-hover.png) no-repeat left center;
}
.nav-left li.nav-left-4 h3 a{
	background: url(../images/nav-4.png) no-repeat left center;
}
.nav-left li.nav-left-4 h3 a:hover{
	color: #3f83bf;
	background: url(../images/nav-4-hover.png) no-repeat left center;
}
.nav-left li.nav-left-5 h3 a{
	background: url(../images/nav-5.png) no-repeat left center;
}
.nav-left li.nav-left-5 h3 a:hover{
	color: #3f83bf;
	background: url(../images/nav-5-hover.png) no-repeat left center;
}
.nav-left li dl{
	overflow: hidden;
	margin-left: 46px;
}
.nav-left li dl dd{
	font-size: 14px;
	color: #868686;
	float: left;
	margin-right: 20px;
}

.kc-list{
	width: 610px;
	float: left;
	overflow: hidden;
}
.kc-list h3{
	margin: 15px;
	font-size: 18px;
	position: relative;
}
.kc-list h3:before{
	content: '';
	display: block;
	width: 450px;
	height: 1px;
	background: #ddd;
	position: absolute;
	left: 150px;
	top: 14px;
}
.kc-list ul{
	margin-left: 20px;
	margin-right: 40px;
	overflow: hidden;
}
.kc-list ul li{
	overflow: hidden;
	margin-bottom: 8px;
}
.kc-list ul li a{
	display: block;
	float: left;
	font-size: 14px;
	color: #555;
	width: 400px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 28px;
}
.kc-list ul li a:hover{
	color: #3f83bf;
}
.kc-list ul li span{
	float: right;
	display: block;
	font-size: 14px;
	color: #fff;
	width: 80px;
	height: 28px;
	text-align: center;
	line-height: 28px;
	background: #bfc2c3;
}
.kc-list ul li span.kc-over{
	color: #2e2e2e;
}

.main-right{
	width: 340px;
	overflow: hidden;
	float: left;
}
.user-mes{
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	overflow: hidden;
	padding-bottom: 10px;
}
.user-name{
	margin: 15px 0 15px 30px;
	overflow: hidden;
}
.user-name img{
	float: left;
	width: 86px;
	height: 86px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	margin-right: 20px;
}
.user-name p{
	font-size: 14px;
	line-height: 2;
}
.user-name p strong{
	color: #3f83bf;
	font-weight: bold;
}
.user-name p span{
	color: #ff9600;
	font-size: 16px;
}
.user-btn{
	text-align: center;
}
.user-btn a{
	width: 80px;
	height: 32px;
	background: #bfc2c3;
	display: inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	font-size: 14px;
	color: #fff;
	line-height: 32px;
	position: relative;
	padding-left: 30px;
	margin: 0 10px;
}
.user-btn a.qd:before{
	content: '';
	display: block;
	width: 28px;
	height: 24px;
	background: url(../images/qd.png) no-repeat center;
	position: absolute;
	left: 12px;
	top: 4px;
}
.user-btn a.grxx:before{
	content: '';
	display: block;
	width: 28px;
	height: 24px;
	background: url(../images/user-mes.png) no-repeat center;
	position: absolute;
	left: 12px;
	top: 4px;
}

.pm{
	border: 1px solid #ddd;
	border-top: none;
	overflow: hidden;
	height:283px;
}
.pm h3{
	height: 38px;
    background: #e8e8e8;
    font-size: 16px;
    line-height: 38px;
    padding-left: 25px;
}
.pm ul{
	margin: 20px 25px;
	overflow: hidden;
}
.pm ul li{
	overflow: hidden;
	line-height: 20px;
}
.pm ul li i,
.pm ul li p,
.pm ul li span{
	display: block;
	float: left;
}
.pm ul li i{
	width: 26px;
	height: 20px;
	background: #dbdbdb;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 26px;
	margin-right: 34px;
	font-style: normal;
	margin-bottom: 5px;
}
.pm ul li i.no-1{
	width: 26px;
	height: 20px;
	text-indent: -999px;
	background: url(../images/no1.png) no-repeat center;
}
.pm ul li i.no-2{
	width: 26px;
	height: 20px;
	text-indent: -999px;
	background: url(../images/no2.png) no-repeat center;
}
.pm ul li i.no-3{
	width: 26px;
	height: 20px;
	text-indent: -999px;
	background: url(../images/no3.png) no-repeat center;
}
.pm ul li p{
	width: 118px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.pm ul li span{
	float: right;
}