@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin:0; padding:0; border: 0;}
table{ border:0;} 
a,area{blr:expression(this.onFocus=this.blur())}
a { text-decoration:none;color: #555;}
a:hover { text-decoration:none; color:#0853a1;}
img { border:none; max-width:100%;}
html, body { 
    font-family: Arial,Helvetica,sans-serif;
	-webkit-text-size-adjust:none;
	-moz-text-size-adjust:none;
	-ms-text-size-adjust:none;
	text-size-adjust:none;
} /*Reset Android and IOS font*/

body, html {
    font-family: Arial, Helvetica, "\5FAE\8F6F\96C5\9ED1","Microsoft YaHei","微软雅黑",PingHei,STHeiti,"\5B8B\4F53",SimSun,"宋体",sans-serif;
    font-size: 62.5%;
}
body {
    font-size: 1.3rem;font-size:13px;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	border:none;
}
input { border-radius:0; } /*Reset IOS input style*/
div, span, h1, h2, h3, h4, h5, h6, p, a, img, dl, dt, dd, ol, ul, li, form { list-style:none; }
@-webkit-viewport { width:device-width; }
@-moz-viewport { width:device-width; }
@-ms-viewport { width:device-width; }
@-o-viewport { width:device-width; }
@viewport { width:device-width; }
.boxcenter { margin:0 auto;}
.fl_all { float:left; display:inline-block }
.fr_all { float:right; display:inline-block } 
.clearfix::after { clear: both; content: ""; display: block; height: 0; visibility: hidden;}
.mt30{ margin-bottom:30px;}

/*PC*/
header, #header{
	background: url(bg_banner.jpg) no-repeat center top;
}
#header img{
	padding:35px 0;
}
.top-info{
	padding-top:52px;
}
.top-info .form-search{
	background: #fff none repeat scroll 0 0;
    border: 1px solid #dcdcdc;
    border-radius: 14px;
    height: 30px;
    line-height: 30px;
    width: 253px;
}
.top-info .form-search input {
    border: medium none;
    border-radius: 14px 0 0 14px;
    color: #a9a9a9;
    float: left;
    height: 28px;
    line-height: 28px;
    padding-left: 15px;
    width: 208px;
}
.top-info .form-search .search-button {
    border: medium none;
    color: #fff;
	padding:6px 0px 0px 7px;
	height:23px;
	width:24px;
}
.top-menu{
	padding-top:10px;
}
.top-info .top-menu li{
	color:#267bc9;
	padding:0 4px;
	float:left;
	line-height:32px;
}
.top-info .top-menu li i{
	font-size:20px;
}
.top-info .top-menu li a{
	color:#000;
	padding-left:5px;
	font-size:14px;
}
.top-info .top-menu li a:hover{
	color:#267bc9;
}
.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}
.navbar{
	min-height:44px;
	margin-bottom:0;
	border:0 none;
	border-radius:0;
	color:#fff;
	background: #c92e1d;
}
.navbar a{
	color:#fff;
	font-weight:bold;
}
.nav-justified > li{
	width:auto;
}
.nav > li > a{ 
	padding:0px 19px;
	line-height:44px;
}
.navbar-nav > li > a:hover {
	background:#0456a0 !important;
	color:#fff !important;
	text-decoration:none;
}
.navbar-default .navbar-nav>li>a{
	color:#fff;
}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#fff;background-color:transparent}

.nav>li>a:hover,.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{
	color:#fff;
	background-color:#861b0f;
}
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#861b0f;border-color:#337ab7}


.navbar-brand{
	margin:5px 10px;
	padding:0;
}
.navbar-brand{
	margin:5px 10px;
	padding:0;
}
.navbar-toggle{
	border:1px solid #fff;
	margin-top:14px;
}
.navbar-default .navbar-toggle{border-color:#fff}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{
	background-color:#861b0f;
	border-color: #fafafa;
}
.navbar-default .navbar-toggle .icon-bar{background-color:#fff;}
/*dropmenu*/
.dropdown-menu{
	position:absolute;
	top:100%;
	left:0;
	z-index:1000;
	display:none;
	float:left;
	padding:5px 10px 5px 0;
	margin:2px 0 0;
	font-size:14px;
	text-align:left;
	list-style:none;
	background-color:#034da2;
	-webkit-background-clip:padding-box;
	background-clip:padding-box;
	border:none;
	border-radius:0px;
	-webkit-box-shadow:none;
	box-shadow:none;
}

#arrow-top {
	position: absolute;
	width: 0px;
	height: 0px;
	line-height: 0px;/*为了防止ie下出现题型*/
	border-bottom: 6px solid #f3f3f3;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	left: 50px;
	top: -6px;
}
#column-dropdown {
	position: absolute;
	background: #f3f3f3;
	top:40px;
}
#column-dropdown li{
	color:#FFF;
	height:30px;
	line-height:30px;
	display:block;
}
#column-dropdown li a{
	color:#356fae;
	padding-left:18px;
	display:block;
	text-shadow: none;
}
#column-dropdown li a:hover{
	background:#0456a0;
	margin-right:6px;
	color:#fff;
}
.navbar-nav > li:last-of-type > a {
	border:0;
}
@media ( max-width: 768px) {
	.nav > li > a{ 
		padding:0px 9px;
		line-height:32px;
		text-align:left;
	}
	#column-dropdown {
		position: absolute;
		width:247px;
		background: #f3f3f3;
		top:0px;
	}
	#column-dropdown li a:hover{
		background:#861b0f;
	}
	#column-dropdown {
		width:auto;
	}

}
@media ( min-width: 768px) and (max-width: 1024px){
	.nav > li > a{ 
		padding:0 3px;
	}
}
@media ( min-width: 768px) {
	.navbar{
		border-radius:0px
	}
	.navbar-nav > li > a {
		text-align:center;
	}
}
.equinav .navbar-brand {
	display: none;
}
.equinav .navbar-collapse {
	padding: 0 !important;
}

.equinav-collapse .navbar-header {
	float: none;
}
.equinav-collapse .navbar-brand,
.equinav-collapse .navbar-toggle {
	display: block !important;
}
.equina-collapse .navbar-collapse {
	border-top: 1px solid #e7e7e7 !important;
}
.equinav-collapse .navbar-collapse.collapse {
	display: none !important;
}
.equinav-collapse .navbar-nav {
	float: none !important;
	margin: 0 !important;
}
.equinav-collapse .navbar-nav > li {
	width: auto !important;
	float: none !important;
}
.equinav-collapse .navbar-nav > li > a {
	text-align: left !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
.equinav-collapse .navbar-collapse,
.equinav-collapse .navbar-collapse.collapse.in {
	border-top: 1px solid #e7e7e7 !important;
	display: block !important;
}
.equinav-collapse .collapsing {
	overflow: hidden !important;
}
/*.equinav-collapse .dropdown-toggle {
	background-color: #e7e7e7 !important;
}*/
.equinav-collapse .dropdown-toggle > .caret {
	display: inline-block !important;
}
.equinav-collapse .dropdown-menu {
	background: none !important;
	float: none !important;
	border: 0 !important;
	box-shadow: none !important;
	position: relative !important;
}
.equinav-collapse .navbar-nav .open .dropdown-menu {
	display: block !important;
}
.equinav-collapse .navbar-nav .open .dropdown-menu > li > a,
.equinav-collapse .navbar-nav .open .dropdown-menu .dropdown-header {
	color: #fff !important;
	padding: 5px 15px 5px 25px !important;
}
.equinav-collapse .navbar-nav .open .dropdown-menu > li > a:hover{
	background:#861b0f !important;
}


footer, #footer{
	margin-top:30px;
	background:#f5f7f8;
	padding:12px 0 18px 0;
}
footer li,
#footer li{
	line-height:30px;
	color:#4584bc;
}
footer li a,
#footer li a{
	color:#4584bc;
}




/*高度小于1024px时*/
@media screen and (max-width: 1200px) {
	nav, #nav{
		height:auto;
	}
/*	.nav > li > a{ 
		padding:3px 9px;
		line-height:24px;
		display:block;
		text-align:left;
	}
*/
}


/*高度小于992px*/
@media screen and (max-width:992px){
	nav, #nav .container{
		padding:0;
		padding-top:10px;
	}
	.pchide { display:none; }
	.mhide { display:block; }
	#header img{
		padding:10px 0;
	}
	header, #header{
		padding:10px 0;
		height:100%;
	}
	.top-info{
		padding-top:0;
	}
	.top-menu {
		float:right;
		padding-top:5px;
	}
	.top-info .form-search{
		margin-left:20px;
	}
}

/*高度大于768px小于991时 黑色*/ 
@media screen and (min-width: 768px) and (max-width: 991px){ 
	.pchide { display:none; }
	#arrow-top { display:none;}
	.nav-justified>li>a{text-align:left; padding-left:20px;}
	#column-dropdown {
		position: absolute;
		width:247px;
		background: #f3f3f3;
		top:0px;
	}
	.equinav-collapse .dropdown-menu {
		margin:0 5px;
		margin-top:-10px;
	}

	#column-dropdown li a:hover{
		background:#4daee0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow:  none;
		color:#fff;
	}
	#column-dropdown {
		width:auto;
	}
}


/*高度小于767px且为竖屏时 适用于pad竖屏查询*/
@media (max-width:767px) and (orientation: landscape){
	.nav-justified > li{
		width:100%;
	}
	.nav > li > a{
		text-align:left;
		display:block;

	}
	#column-dropdown {
		top: 0px;
	}
	
	footer, #footer{
		margin-top:15px;
		background:#f5f7f8;
		padding:12px 0 18px 0;
	}
	footer, #footer img{
		margin-bottom:15px;
	}
	footer li,
	#footer li{
		line-height:22px;
		padding:10px 0;
		color:#4584bc;
	}
}


/*注意从上至下顺序，越往下优先级越高！ */


/*dropdown menu*/
.equinav .navbar-brand {
	display: none;
}
.equinav .navbar-collapse {
	padding: 0 !important;
}

.equinav-collapse .navbar-header {
	height:60px;
	float: none;
}
.equinav-collapse .navbar-brand,
.equinav-collapse .navbar-toggle {
	display: block !important;
}
.equina-collapse .navbar-collapse {
	border-top: 1px solid #e7e7e7 !important;
}
.equinav-collapse .navbar-collapse.collapse {
	display: none !important;
}
.equinav-collapse .navbar-nav {
	float: none !important;
	margin: 0 !important;
}
.equinav-collapse .navbar-nav > li {
	width: auto !important;
	float: none !important;
}
.equinav-collapse .navbar-nav > li > a {
	text-align: left !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
.equinav-collapse .navbar-collapse,
.equinav-collapse .navbar-collapse.collapse.in {
	border-top: 1px solid #e7e7e7 !important;
	display: block !important;
}
.equinav-collapse .collapsing {
	overflow: hidden !important;
}
/*.equinav-collapse .dropdown-toggle {
	background-color: #e7e7e7 !important;
}*/
.equinav-collapse .dropdown-toggle > .caret {
	display: inline-block !important;
}
.equinav-collapse .dropdown-menu {
	background: #f3f3f3 !important;
	float: none !important;
	border: 0 !important;
	box-shadow: none !important;
	position: relative !important;
}
.equinav-collapse .navbar-nav .open .dropdown-menu {
	display: block !important;
}
.equinav-collapse .navbar-nav .open .dropdown-menu > li > a,
.equinav-collapse .navbar-nav .open .dropdown-menu .dropdown-header {
	color: #777 !important;
	padding: 5px 15px 5px 25px !important;
}



/*    CSS3初始化，在手机版基础上增加如下内容：

.container { max-width:1200px; min-width:980px; }
.fl_pc { float:left; display:inline-block }
.fr_pc { float:right; display:inline-block }
.col_2in1 { width:50%; *width:49.9% }
.col_3in1 { width:33.3% }
.col_4in1 { width:25%; *width:24.9% }
.col_5in1 { width:20%; *width:19.9% }
.col_6in1 { width:16.6% }
.pchide { display:none; }
.mhide { display:block; }
*/


/*正常 白色 
body{ background:#fff; }








.content{
	background:#F00;
}

footer{
	
}
*/



/*高度小于992px时 红色 
@media screen and (max-width:992px){
	body{ background:red; }
	.container { max-width:990px; min-width:300px; padding:0; }
	.fl_pc { float:none; display:block }
	.fr_pc { float:none; display:block }
	.col_2in1 { width:auto; *width:auto }
	.col_3in1 { width:auto  }
	.col_4in1 { width:auto; *width:auto }
	.col_5in1 { width:auto; *width:auto }
	.col_6in1 { width:auto }
	.pchide { display:block; }
	.mhide { display:none; }
}
*/

/*高度大于768px小于991时 黑色 
@media screen and (min-width: 768px) and (max-width: 991px){ 
	body{ background:black;}
}
*/

/*高度小于767px且为竖屏时 绿色 适用于pad竖屏查询
@media (max-width:767px) and (orientation: landscape){
	body{ background:green; }
}
*/

/*注意从上至下顺序，越往下优先级越高！ */