@charset "utf-8";
/* 重写浏览器的所有默认样式 yui.css
---------------------------------------------------------------------------------------------------------------------- */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-size:14px;font-family:'微软雅黑';}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
s{ text-decoration:none;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}

/* 基本属性
---------------------------------------------------------------------------------------------------------------------- */
a{text-decoration: none;font-family:'微软雅黑';}

a:hover,a:active,a:focus{color:#3c80f4;text-decoration: none;}
input, button, select, textarea{font-size:14px;color:#333;}
/* 清除浮动
---------------------------------------------------------- */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clearfix{zoom:1;}
/*下面的清除浮动，相同与  clear_box，只用与，具体项目中，*/
.pull-left{ float:left;}
.pull-right{ float:right;}
.w1200{margin: 0 auto; width: 1210px;}
img{max-width: 100%;vertical-align: middle;}
.main{width: 1200px; margin: 0 auto;}


/* t头尾 */
.topbar{
	position: relative;
	z-index: 2;
	background-color: #f4f6f8;
}
.topbar .main{
	height: 40px;
}
.topbar .wel{
	line-height: 39px;
	float: left;
	color: #999999;
}
.tel-box{
	line-height: 39px;
	float: right;
	color: #999999;
	margin-left: 20px;
}
.top-link{
	height: 40px;
	float: right;
}
.top-link li{
	float: left;
	line-height: 39px;
}
.top-link li.line{
	padding: 0 15px;
	color: #999999;
}
.top-link li a{
	color: #999999;
}
.header-main{
	position: relative;
	z-index: 1;
	background-color: #FFFFFF;
	box-shadow: 5px 0 10px rgba(63,83,122,.17);
}

.nav-grid {
	padding: 20px 0;
}

.nav-grid .logo {
	float: left;
	padding: 5px 0;
}

.nav-search {
	float: left;
	margin-left: 180px;
}

.search-bar {
	position: relative;
	width:510px;
	height: 38px;
	border-radius: 4px;
	background: #FFFFFF;
	border: 1px solid #e5e5e5;
}

.search-select {
	float: left;
	width: 90px;
	padding: 14px 0;
	color: #c8a063;
}

.search-select .select {
	width: 100%;
}

.search-select .select2-container--default .select2-selection--single {
	border: 0;
	height: 20px;
	border-right: 1px solid #DDDDDD;
	border-radius: 0;
}

.search-select .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 20px;
}

.search-v {
	float: left;
	width: 430px;
	margin-left: 10px;
}

.search-v .input {
	height: 35px;
	line-height: 38px;
	border: 0;
	width: 100%;
	outline: 0;
}

.search-bar .btn-search {
	background-color: #3c80f4;
	color: #FFFFFF;
	border-radius: 0 4px 4px 0;
	position: absolute;
	right: -1px;
	top: -1px;
	width:70px;
	height: 40px;
	cursor: pointer;
	border: 0;
	font-size: 16px;
	outline: 0;
}

.key-box {
	line-height: 1.2;
	margin-top: 6px;
}

.key-box * {
	display: inline-block;
	vertical-align: middle;
}

.key-box span {
	color: #dc493d;
}

.key-box a {
	color: #999999;
	font-size: 13px;
	margin-right: 15px;
}


.cate-nav {
	float: left;
	width: 230px;
	height: 48px;
	color: #FFFFFF;
	margin-right:20px;
}

.caret {
	border-top: 6px dashed #a2a2a2;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	margin-left: 8px;
	margin-top: -2px;
}

.cate-nav .cate-nav-text {
	color: #FFFFFF;
	font-size: 18px;
	height: 48px;
	line-height: 48px;
	display: block;
	cursor: pointer;
	padding-left: 20px;
	background: url(../images/catbgf.png) no-repeat;
}
.cate-nav .cate-nav-text .iconfont{
	margin-right: 10px;
}

.bs-navbar{
	height: 48px;
}

.navbar-nav>li {
	float: left;
	padding: 0 46px;
}
.navbar-nav>li>a {
	position: relative;
	display: block;
	line-height: 48px;
	font-size: 16px;
}
.navbar-nav>li:last-child{
	padding-right: 0;
}
.navbar-nav>li.active>a {
	color: #3c80f4;
}
.navbar-nav>li.active>a::after{
	border-radius: 30px;
	height: 3px;
	background-color: #0571ec;
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.dropdown:hover .dropdown-menu {
	display: block;
}
.nav-grid .wen-button{
	float: right;
	display: inline-block;
	border-radius: 4px;
	width: 175px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border: 1px solid #3c80f4;
	color: #3c80f4;
	font-size: 16px;
	background-color: #f5f9fe;
}
.nav-grid .wen-button:hover{
	background-color: #3c80f4;
	color: #FFFFFF;
}

.footer{
	height: 430px;
	background: url(../images/footer.jpg) no-repeat center;
}
.footer .main{
	padding: 25px 0;
}
.foot-bar{
	border-top: 1px solid #3e4d65;
	padding: 15px 0;
	text-align: center;
}
.foot-bar p{
	color: #979caa;
	font-size: 13px;
	line-height: 2;
}
.foot-logo-row{
	margin-bottom: 20px;
	overflow: hidden;
}
.foot-logo-row .foot-hd{
	float: left;
	line-height: 40px;
	margin-right: 10px;
	font-size: 16px;
	color: #FFFFFF;
}
.foot-bd{
	overflow: hidden;
}
.logo-link{
	overflow: hidden;
}
.logo-link li{
	float: left;
	margin-right: 15px;
}


.foot-row{
	margin-bottom: 30px;
	overflow: hidden;
}
.foot-row .foot-hd{
	float: left;
	line-height: 20px;
	margin-right: 10px;
	font-size: 16px;
	color: #FFFFFF;
}
.fl-link{
	overflow: hidden;
}
.fl-link li{
	float: left;
	margin-right: 40px;
}
.fl-link li a{
	font-size: 16px;
	color: #FFFFFF;
}

.foot-left{
	width: 380px;
	float: left;
}
.foot-cells{
	float: left;
}
.foot-wx{
	float: right;
	text-align: center;
}
.foot-wx p{
	font-size: 14px;
	margin-top: 10px;
	color: #FFFFFF;
}
.foot-left .icp{
	color: #979caa;
	margin-top: 35px;
}
.foot-link{
	margin-bottom: 35px;
}
.foot-link li{
	float: left;
	line-height: 20px;
	margin-right: 90px;
}
.foot-link li a{
	color: #FFFFFF;
	font-size: 16px;
}
.foot-info-item{
	color: #979caa;
	margin-bottom: 20px;
}
.foot-info-item .iconfont{
	padding-right: 10px;
}

.listpage {
    margin: 20px auto;
}
.pages {
    width: 100%;
    text-align: center;
    color: #b5b5b5;
    font-size: 0;
    margin-bottom: 10px;
}

.pages ul {
    display: inline-block;
    height: 42px;
    line-height: 42px;
    overflow: hidden;
}

.pages li {
    display: inline;
}

.pages li a.curr {
    background: #3D7FF3;
    color: #fff;
}

.pages li a {
    display: inline-block;
    padding: 9px 18px;
    line-height: 22px;
    font-size: 14px;
    border: #dadada 1px solid;
    margin-right: 10px;
    overflow: hidden;
    text-decoration: none !important;
}