@charset "utf-8";

/* CSS Document */

/****************************
 * version:1.0
 * By:landry
 * Date:2015-07-15
 *
 */

/*大体架构
 ----------*/
body, html {
	color: #252324;
	font-family:'Helvetica', 'Microsoft YaHei';
	width: 100%;
	font-size:0;
	margin: 0;
}
body {
	position: relative;
	_width: expression((document.documentElement.clientWidth||document.body.clientWidth)<1024?"1024px":"");
}

.container {
	position: relative;
	margin: 0 auto;
}
img {
	border: 0;
	vertical-align: middle;
	display:block;
	width: 100%;
}
a {
	text-decoration:none;
	color: #252324;
}
a:hover {
	color:#303030;
}
/*颜色值
 --------------*/
.orange {
	color: #ffbd97;
}
.blue {
	color: #87cbff;
}
/*层级*/
.z-index {
	z-index: 9;
}
/*清除浮动
 --------------*/
.clear {
	padding: 0;
	margin: 0;
	width: 0;
	height: 0;
	font-size: 0;
	overflow: hidden;
	clear: both;
	line-height: 0;
}
.clearfix {
	zoom: 1;
	_height: 1px;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*清楚文字内容
 --------------*/
.txtIndent {
	text-indent: -9999em;
}
/*用于seo不显示的内容
 --------------*/
.seo {
	width: 0;
	height: 0;
	overflow: hidden;
	position: absolute;
	visibility: hidden;
	top: 0;
	left: 0;
}
.seo, .hideImg {
	width: 0;
	height: 0;
	overflow: hidden;
	position: absolute;
	visibility: hidden;
	top: 0;
	left: 0;
}
.hideImg {
	overflow: hidden;
}
.hideImg img {
	width: 0;
	height: 0;
	overflow: hidden;
}
/*左浮动和右浮动
 --------------*/
.float_l {
	float: left;
}
.float_r {
	float: right;
}
.float_r, .float_l {
	_display: inline;
}
/*灰遮罩*/
.cover {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: 0.61;
	filter: alpha(opacity=61);
	text-indent: -1000px;
	overflow: hidden;
}
.layer-cover {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(/images/cover01.png) repeat;
	overflow: hidden;
	overflow-y: scroll;
}
/**头部**/
.header {
	width: 100%;
	margin: 0 auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 400;
	background: url(/images/cover.png) repeat;
}
.header .head {
	max-width: 1186px;
	height: 60px;
	margin: 0 auto;
	position: relative;
}
.header .logo {
	padding: 13px 0 17px;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 123px;
}
.nav {
	line-height: 60px;
	text-align: right;
	margin-right: 250px;
}
.nav li {
	display: inline-block;
	*display: inline;
	_display: inline;
	padding: 0 15px;
	position: relative;
}
.nav .name {
	font-size: 14px;
	color: #ffffff;
	display: block;
	padding: 0 10px;
}
.nav .name:hover,
.nav .active .name,
.nav .active1 .name {
	color: #3cbde5;
	background-color: transparent;
}
.subnav {
	top: 47px;
	left: -200px;
	position: absolute;
	padding: 13px 0 0 17px;
	width: 665px;
	display: none;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
}
.nav li:hover .subnav {
	display: block;
}
.subnav > span {
	position: absolute;
	left: 232px;
	display: block;
	top: 5px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #ffffff;
}
.subnav .cont {
	box-shadow: 5px 5px 10px #515050;
	-webkit-box-shadow: 5px 5px 10px #515050;
	-moz-box-shadow: 5px 5px 10px #515050;
	background: #ffffff;
	line-height: 40px;
}
.subnav .cont a {
	color: #747474;
	font-size: 14px;
	padding: 0 20px;
	line-height: 40px;
	display: inline-block;
	float: left;
}
.subnav .cont a:hover,
.subnav .cont a.active {
	color: #17a9d6;
}
.header-link {
	position: absolute;
	right: 0;
	top: 0;
	padding: 13px 0 0;
}
.header-link .btn#dropdown-signin {
	background: transparent;
}
.header-link .btn#dropdown-signin:hover,
.header-link .btn#dropdown-signin:active {
	background: #22a4cc;
	color: #ffffff;
}
.header-link .btn {
	background: #3dbce5 none repeat scroll 0% 0%;
	border: 2px solid #3dbce5;
	color: #ffffff;
	padding: 0 25px;
	display: inline-block;
	text-align: center;
	line-height: 28px;
	font-size: 14px;
	margin: 0 0 0 22px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.header-link .btn02 {
	background: #3dbce5;
	color: #ffffff;
	border: 2px solid #3dbce5;
}
.header-link .btn:hover,
.header-link .btn.active {
	background: #22a4cc;
	border: 2px solid #22a4cc;
}
.header .navbar-toggle {
	background: none;
	border: none;
	position: absolute;
	top: 0;
	right: 8px;
	margin: 17px 0 0 0;
	display: none;
	padding: 0;
	z-index: 999;
}
.header .navbar-toggle .icon-bar {
	width: 28px;
	height: 2px;
	background: #ffffff;
	border-radius: 1px;
	margin: 0 0 5px 0;
	display: block;
}
.super {
	display: inline-block;
	font-size: 10px;
	color: red;
	vertical-align: super;
	margin: -5px 0 0 5px;
}
/*底部*/
.footer {
	background: #000000;
	width: 100%;
	position: relative;
	z-index: 8;
	padding: 20px 0;
	overflow: hidden;
}
.footer .foot {
	line-height: 36px;
	max-width: 1020px;
	margin: 0 auto;
	font-size: 12px;
	color: #ffffff;
}
.footer .foot a {
	color: #ffffff;
}
.footer .foot a img {
	max-width: 124px;
}
.footer .f-box {
	float: left;
	width: 100px;
	margin: 0 8% 0 0;
}
.footer .f-box05 .ico {
	background: url(/images/ico_12.png) left 9px no-repeat;
	display: inline-block;
	padding: 0 0 0 23px;
	cursor: default;
}
.footer .f-box05 .qq {
	background-position: 0 -27px;
}
.footer .f-box05 .email {
	background-position: 0 -63px;
}
.footer .icon {
	background: url(/images/share.png) 0 2px no-repeat;
	padding: 0 0 0 25px;
	display: inline-block;
}
.footer .sina {
	background-position: 0 -23px;
}
.footer .tqq {
	background-position: 0 10px;
}
.footer .f-box h5 {
	line-height: 42px;
	font-size: 14px;
}
.footer .f-box h5 span {
	display: inline-block;
}
.footer .f-box01 {
	margin: 0 7% 0 0;
	width: 130px;
}
.font-14 {
	font-size: 14px;
	line-height: 60px;
}
.footer .f-box01 h3 {
	padding: 0 0 8px;
}
.footer .f-box01 p {
	padding: 10px 0;
}
.footer .f-box05 {
	width: 120px;
}
.footer .wx-box {
	float: right;
	width: 150px;
	margin-top: 47px;
}
.footer .wx-box p {
	text-align: center;
	line-height: 20px;
	margin-top: 10px;
}
.footer .copyright {
	margin: 5% 0 0;
	font-size: 12px;
	text-align: center;
	width: 100%;
	float: left;
	line-height: 24px;
}
.footer .copyright a {
	display: inline-block;
	padding: 0 10px 0 14px;
	background: url("/images/jkb_modal/b_l.jpg") no-repeat left center;
}
.footer .copyright a:first-child {
	background: none;
}
.footer .copyright span {
	display: inline-block;
	margin-left: 25px;
}
#signin {
	width: 256px;
	padding: 50px 18px 20px;
	top: 60px;
	background: #ffffff;
	border-color: #dddddd;
	box-shadow: none;
	position: absolute;
	right: 145px;
	display: none;
	box-shadow: 5px 5px 10px #515050;
	-webkit-box-shadow: 5px 5px 10px #515050;
	-moz-box-shadow: 5px 5px 10px #515050;
}
::-webkit-input-placeholder {
	color: #b1b1b1;
}
:-moz-placeholder {
	color: #b1b1b1;
	opacity: 1;
}
::-moz-placeholder {
	color: #b1b1b1;
	opacity: 1;
}
:-ms-input-placeholder {
	color: #b1b1b1;
}
.form-control,
select {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #3b3b3b;
	vertical-align: middle;
	background-color: #e8e8e8;
	background-image: none;
	border-radius: 4px;
	border: 1px solid #e8e8e8;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	box-sizing: border-box;
	font-family: inherit;
}
#signin .form-signin > .form-control {
	padding-left: 30px;
	background-position: 8px center;
	background-repeat: no-repeat;
}
#signin .form-signin > #email {
	background-image: url(/images/jkb_modal/count.png);
}
#signin .form-signin > #pwd {
	background-image: url(/images/jkb_modal/password.png);
}
#pwd {
	margin-bottom: 5px;
}
.input-box {
	padding: 15px 0 8px;
}
.header .checkbox {
	display: block;
	margin: 0;
	vertical-align: middle;
	float: left;
	font-size: 14px;
	color: #414141;
}
.form-group {
	text-align: center;
}
.form-group .btn {
	font-family: 'Helvetica', 'Microsoft YaHei';
	width: 100%;
	margin: 12px auto 0;
	background: #3dbce5;
}
.forget_password {
	float: right;
	font-size: 14px;
	color: #3cbde5;
	margin-top: 0;
}
.forget_password:hover {
	color: #3cbde5;
	text-decoration: underline;
}
.close-signin {
	width: 19px;
	height: 15px;
	display: inline-block;
	background: url("/images/close-signin.png") 0 0 no-repeat;
	cursor: pointer;
	position: absolute;
	right: 8px;
	top: 22px;
	margin-right: 0;
	margin-top: 0;
}
.text-center {
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	padding: 20px 0 0;
}
.text-center img {
	width: auto;
	max-width: 150px;
	cursor: pointer;
	margin: 0 auto;
}
.text-center .arrow_up,
.form-group.active .arrow_down {
	display: none;
}
.form-group.active .arrow_up {
	display: block;
}
.jkbnav, .nav-hhh {
	margin-right: 0;
	text-align: center;
}
#odiv {
	padding-top: 40px;
}
#div1 {
	width: 66px;
	height: 0px;
	border: #999999 1px dashed;
	float: left;
}
#div2 {
	width: 66px;
	height: 0px;
	border: #999999 1px dashed;
	float: right;
}
#div3 {
	float: left;
	height: 5px;
	font-size: 11px;
	line-height: 5px;
	margin: 0px 10px;
}
.form-signin .form-control {
	padding: 5px;
}