@charset "utf-8";
/*created by yangjian 2015-07-06 keyland.com.cn*/
/*------------------
  		topnav
 ------------------*/
#topnav {
	font-size: 10px;
	width: 100%;
	min-width: 1000px;
	background: rgb(36,36,36);
	*display: none;
	clear: both;
}
#topnav .container {
	padding-bottom: 15px;
}
#topleftnav {
	margin-top: 36px;
	margin-left: 15px;
}
#topnav .nav ul li:hover{

}
#topnav .nav ul li {
	margin-right: 20px;
}
#topnav .nav ul li a {
	font-size: 1.6em;
	color: rgb(255,255,255);
}
#topnav .nav ul li a:hover{
	font-size: 1.6em;
	color: rgb(248,131,131);
}
#topnav .nav ul li a span{
	font-family: arial;
	color: rgb(155,155,155);
	padding: 0 5px;
}
/*weixin*/
#topwx {
	font-size: 1.2em;
	font-family: simsun;
	position: relative;
	margin-top: 42px;
	margin-right: 30px;
}
#topwx a{
	color: rgb(175,175,175);
}
#topwx a:hover{
	color: rgb(125,125,125);
}
#topwx span {
	position: relative;
	margin: 0 6px;
}
#topwx img{
	position: absolute;
	margin-left:-8px;
	margin-top: -8px;
}
/*search*/
#topsearch input[type=search]{
	-webkit-appearance:textfield;
	width: 240px;
	height: 36px;
	background: rgb(50,50,50);
	border: 1px solid rgb(45,45,45);
	vertical-align: baseline;
	color:rgb(100,100,100);
	font-size: 13px;
	line-height: 14px;
	outline:none;
	margin-top: 28px;
	padding: 8px 15px;
	float: left;
}
#topsearch input[type=search]:focus{
	color: rgb(255,255,255);
	background: rgb(55,55,55);
	box-shadow:0px 0px 3px inset rgb(25,25,25);
	-moz-box-shadow:0px 0px 3px inset rgb(25,25,25);
	-webkit-box-shadow:0px 0px 3px inset rgb(25,25,25);
}
#topsearch .btn{
	background: url(../images/search_icon_03.png) no-repeat;
	border: none;
	width: 21px;
	height: 30px;
	cursor: pointer;
	float: left;
	margin: 32px 15px 0 10px;
}
#topsearch .btn:active{
	opacity: 0.7;
}
/*columnav*/
#columnav {
	position: relative;
	height: 80px;
	width: 100%;
	min-width: 1000px;
	background: rgb(255,255,255);
	border-bottom: 1px solid rgb(210,210,210);
	clear: both;
}
#columnav .container{
	position: relative;
	z-index: 3;
	padding: 0 18px;
}
#columnav .toplogo {
	margin-top:21px;
}
#columnav .column {
	text-align: left;
	pointer-events: auto;
	position: relative;
	overflow: visible;
	z-index: 1;
	float: left;
	width: 240px;
	height: 78px;
 	border-left: 1px solid rgb(210,210,210);
 	margin-left: 30px;
 	font-size: 26px;
 	font-weight: 600;
 	line-height: 78px;
 	color: rgb(50,50,50);
 	letter-spacing: 5px;
 	padding-left: 25px;
}
#columnav .column:before {
	content: "";
	position: absolute;
	width: 5px;
	height: 80px;
	background: url(../images/column_arr_06.png) no-repeat center center;
	left: -1px;
}
#column_hype_container {
	position: absolute;
	top:1px;
	left:0;
	z-index: -1;
	width:100%;
	height:77px;
	overflow:hidden;
}
#columnav .navlist {
	float: right;
	font-size: 14px;
	line-height: 79px;
	border-left: 1px solid rgb(240,240,240);
	position: relative;
}
#columnav .navlist ul li{
	float: left;
	border-right: 1px solid rgb(240,240,240);
	position: relative;
	*padding: 0 25px;
	text-indent: 0;
}
#columnav .navlist a {
	padding:30px 25px;
}
#columnav .navlist li:hover{
	background:rgb(83,109,176);
	cursor: pointer;
	color: rgb(255,255,255);
	-webkit-transition:color linear 0.2s;
     -moz-transition:color linear 0.2s;
     -ms-transition:color linear 0.2s;
     -o-transition-:color linear 0.2s;
     transition:color linear 0.2s;
}
#columnav .navlist li:hover a{
	color: rgb(255,255,255);
	/*-webkit-transition:color linear 0.2s;
     -moz-transition:color linear 0.2s;
     -ms-transition:color linear 0.2s;
     -o-transition-:color linear 0.2s;
     transition:color linear 0.2s;*/
}
#columnav .navlist li:hover .dropdownlist {
	display: block;
	*display: none;
}
#columnav .navlist .dropdown a{
	padding-right: 40px;
}
.dropdown span {
	position: relative;
}
.dropdown span:after{
	content: '';
	position: absolute;
	right: -15px;
	top:50%;
	margin-top: -2px;
	width: 9px;
	height: 5px;
	background: url(../images/dropdown_arr_15.png) no-repeat center center;
	*display: none;
}
#columnav .dropdown .dropdownlist {
	display: none;
	position: absolute;
	left:0;
	z-index: 99;
	text-align: left;
}
#columnav .dropdown .user{
	text-align: center;
}

#columnav .navlist .dropdownlist ul li {
	float: none;
	font-size: 14px;
	line-height: 14px;
	width: 170px;
	background:rgb(83,109,176);
	padding: 11px 25px;
	border: none;
	border-bottom: 1px solid rgb(69,94,158);
}
#columnav .navlist .dropdownlist a{
	margin: 0;
	padding: 0;
	color: rgb(255,255,255);
}
#columnav .navlist .user {
	width: 132px;
}
#columnav .navlist .user ul li{
	width: 131px;
}
#columnav .navlist .dropdownlist li:hover{
	background:rgb(102,128,193);
		-webkit-transition:all linear 0.3s;
     -moz-transition:all linear 0.3s;
     -ms-transition:all linear 0.3s;
     -o-transition-:all linear 0.3s;
     transition:all linear 0.3s;

}
#columnav .dropdown .dropdownlist {
	display: none;
}
/*-------------------
 	  container
 -------------------*/
a {
	cursor: pointer;
	color: rgb(0,0,0);
}
a:hover{
	color: rgb(100,100,100);
}
.container {
	width: 1000px;
	margin: 0 auto;
}
.lcontainer{
	position: relative;
	width: 650px;
	float: left;
}
.rcontainer{
	position: relative;
	float: right;
	width: 315px;
}
/**/
.nav ul li{
	float: left;
}
/*------------------/
	 footer
/------------------*/
.footer{
	height:150px;
	width: 100%;
	min-width: 1000px;
	background:#3e3e3e;
	margin-top: 20px;
}
.footer-nav{
	border-bottom:1px solid #5f5f5f;
	padding-top:20px;
	padding-bottom:15px;
}
.footer-nav,.addr{
	width:1000px;
	margin:0 auto;
	font-size:12px;
	color:#a8a8a8;
	font-family:"微软雅黑";
}
.footer-logo{
	background: url(../images/kl_logo_btm.jpg) no-repeat;
	width:145px;
	height:54px;
	margin-top:8px;
	margin-left:40px;
}
.links{
	padding-left:40px;
}
.links2{
	padding-left:80px;
}
.links li a,.links2 li a{
	font:12px/22px "微软雅黑";color:#a8a8a8;
}
.addr{
	text-align:center;
	margin-top:12px;
}
/*------------------/
	 floatnav
/------------------*/
#tbox{
	width:45px;
	float:right;
	position:fixed;
	right:50%;
	margin-right: -575px;
	bottom:10px;
	_position:absolute;
	_bottom:auto;
	_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
	_margin-bottom:10px;
	display: none;
}
#pinglun,#gotop{
	width:45px;
	background:url(../images/top_22.png) no-repeat;
	display:block;
}
#pinglun{
	height: 44px;
	background-position:0 45px;
}
#gotop{
	 height:45px;
	 background-position:0 -44px;
}
#footer {
	margin-top: 30px;
	border-top: 1px solid #ccc;
	position:relative;
	color: #585858;
	line-height: 14px;
	padding: 15px 0;
	height: 45px;
	background: #fafafa;
	font-size: 13px;
}
#footer ul li {
	float: left;
	border-right: 1px solid #888888;
	padding-right: 15px;
	margin-right: 15px;

}
#footer ul li:last-child {
	border-right: none;
}
#footer ul li a {
	color: #888888;
}
@media only screen and (min-width: 1100px) {
	.lcontainer{
		width: 750px;
	}
	.rcontainer{
		width: 315px;
	}
	#tbox{
		margin-right: -615px;
		display: block;
	}
	#columnav .container{
		padding: 0 60px;
	}
}
@media only screen and (max-width: 1100px) {
	.container {
		width: 100%;
	}
	#columnav  {
		min-width: 0;
		width: 100%;
	}
	#columnav .container{
		padding: 0 20px;
	}
	#columnav .toplogo {
		max-height: 65px;
	}
	#columnav .column {
		width:50%;
	}
	#columnav .navlist  {
		display: none;
	}
}