@charset "utf-8";

/* CSS Document */
/*CSS 解决页面切换时滚动条出现时跳动问题 start*/
html {
	overflow-y: scroll;
}

:root {
	overflow-y: auto;
	overflow-x: hidden;
}

/*CSS 解决页面切换时滚动条出现时跳动问题 end*/
html,
body,
div,
ul,
li,
dl,
dd,
dt,
a,
ol,
u,
i,
b,
br,
p,
span,
hr,
label,
input,
select,
textarea,
button,
form,
h1,
h2,
h3,
h4,
h5,
h6,
font,
strong,
em,
iframe,
img,
tr,
th,
td,
q,
abbr,
acronym {
	margin: 0;
	padding: 0;
	list-style: none;
}

q:before,
q:after {
	content: '';
}

abbr,
acronym {
	border: 0;
}

body {
	padding: 0;
	margin: 0;
	font: 12px/1.5 "Microsoft YaHei", 微软雅黑, "PingFang SC", '宋体', tahoma, Verdana, arial, sans-serif;
	color: #333;
	background: #fff;
}

input,
textarea,
select,
button {
	vertical-align: middle;
	outline: none;
	font-family: "Microsoft YaHei", 微软雅黑, "PingFang SC", '宋体', tahoma, Verdana, arial, sans-serif;
	color: #333;
}

input.active,
textarea.active,
select.active,
button.active,
input.on,
textarea.on,
select.on,
button.on {
	color: #333;
}

textarea {
	resize: none;
}

a {
	color: #333;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #0088FF;
	text-decoration: none;
}

a:focus {
	outline: none;
}

a img {
	border: none;
}

.left,
.fl {
	float: left;
}

.right,
.fr {
	float: right;
}

/* clear */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html .clearfix {
	zoom: 1;
}

/* IE6 */
*:first-child+html .clearfix {
	zoom: 1;
}

/* IE7 */
.clear,
.cc {
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 0;
	margin-top: 0;
	overflow: hidden;
}

.clear20 {
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 0;
	padding: 10px 0;
	overflow: hidden;
}

h1,
h2,
h3 {
	font-weight: normal;
}

h1 {
	font-size: 20px;
}

h2 {
	font-size: 18px;
}

h3 {
	font-size: 16px;
}

.pos-rel {
	position: relative;
}

.pos-abs {
	position: absolute;
}

ul,
li {
	vertical-align: middle;
}

.bot20 {
	margin-bottom: 20px;
}

.mainbox {
	padding: 20px;
	background: #fff;
}

.jump-info .btn-group .btn {
	background: #0088ff !important;
}

.ui-dialog-title {
	color: #0088ff !important;
}

.navbar-header,
.hidden-lg {
	display: none;
}

@font-face {
	font-family: "pingfang";
	src: url("../fonts/pingfang.woff2") format("woff2"),
		url("../fonts/pingfang.woff") format("woff"),
		url("../fonts/pingfang.ttf") format("truetype"),
		url("../fonts/pingfang.eot") format("embedded-opentype"),
		url("../fonts/pingfang.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

.fonts_pf {
	font-family: "pingfang", 微软雅黑, '宋体';
}

/***漂浮***/
.j-float {
	position: relative;
	z-index: 99999;
	display: none;
}

.j-float .img_title {
	display: none;
}

.j-float .float-close {
	position: absolute;
	width: 38px;
	height: 16px;
	right: 0;
	top: -20px;
}

.j-float .float-close img {
	cursor: pointer;
}

/*****顶部logo****/
.header {
	position: fixed;
	width: 100%;
	height: 62px;
	top: 0;
	left: 0;
	background: url(../images/topbg.png);
	z-index: 99;
}

.head_con {
	position: relative;
}

.logo {
	float: left;
	width: 181px;
	height: 25px;
	padding: 18px 0 18px 0px;
}

.logo .img_title {
	display: none;
}

.top_right {
	padding-right: 10px;
}

.top_right li {
	float: left;
	font-size: 16px;
	color: #fff;
	padding: 0 15px;
	background: url(../images/top_line.png) right center no-repeat;
}

.top_right li a {
	display: block;
	color: #fff;
	line-height: 62px;
	padding-left: 39px;
}

.top_right li.num3 {
	padding-right: 0;
	background: none;
}

.top_right .kfzx {}

.top_right .kfzx a {
	background: url(../images/top_icon02.png) left center no-repeat;
}

.top_right .top_tel a {
	font-family: arial;
	background: url(../images/top_icon01.png) left center no-repeat;
}

.top_right li.num2 a {
	background: url(../images/top_icon03.png) left center no-repeat;
}

/***导航****/
.menubox {
	float: left;
	margin-left: 30px;
}

.menubox>ul>li {
	float: left;
	position: relative;
}

.menubox>ul>li>a {
	display: block;
	padding: 0 18px;
	height: 62px;
	line-height: 62px;
	font-size: 18px;
	color: #fff;
	position: relative;
}

/*.menubox li.on a,.menubox li a:hover{background: url(../images/nav_line.png) bottom repeat-x;}*/
.menubox>ul>li>a span {
	display: block;
	position: absolute;
	width: 0;
	height: 2px;
	left: 50%;
	bottom: 0;
	background: #008aff;
	transition: all .5s;
}

.menubox>ul>li>a:hover span,
.menubox li.on>a>span {
	width: 100%;
	left: 0;
}

/***二级下拉导航****/
/*.menubox>ul>li:hover i{display: block;width: 21px;height: 13px;position:absolute;bottom:-1px;left: 50%;margin-left: -10px;background: url(../images/sub_nav_ico.png) center no-repeat;}*/
.sub_nav {
	display: none;
	padding: 10px 0;
	position: absolute;
	width: 160px;
	/*background:url(../images/black90.png);*/
	background: rgba(12, 15, 49, .76);
	left: 50%;
	margin-left: -80px;
	top: 62px;
}

.sub_nav ul li a {
	display: block;
	font-size: 15px;
	height: 40px;
	line-height: 40px;
	padding: 0 30px;
	color: #fff;
	/*border-bottom:#676880 1px solid;*/
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: all .5s;
	-webkit-transition: all .5s;
}

/*.sub_nav ul li a:hover{background:url(../images/back30.png);}*/
.menubox>ul>li.num2 .sub_nav {
	width: 160px;
	left: auto;
	background: rgba(12, 15, 49, .76);
	margin-left: 0;
	padding: 10px 0;
}

.sub_nav_list {
	width: 126px;
	float: left;
	padding: 0 44px;
}

.sub_nav_list span {
	display: block;
	height: 48px;
	line-height: 48px;
	border-bottom: #6a7788 2px solid;
	font-size: 20px;
	color: #fff;
}

.sub_nav_list ul {
	padding-top: 11px;
}

.sub_nav_list ul li a {
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	padding: 0;
	border: none;
	text-align: left;
}

.sub_nav_list ul li a:hover {
	color: #008aff;
	background: none;
}

.menubox>ul>li.num5 .sub_nav {
	text-align: center;
}

.menubox>ul>li.num2 .sub_nav {
	width: 160px;
	padding: 10px 0;
	margin-left: 0;
	left: auto;
}

.sub_nav_pro {
	padding: 0 5px 10px;
}

.sub_nav_pro ul {
	float: left;
	width: 138px;
	padding: 0 30px;
}

.sub_nav_pro ul li a {
	height: 40px;
	line-height: 40px;
	font-size: 15px;
	padding: 0;
	padding-left: 15px;
	border: none;
}
.sub_nav .sub_nav_pro ul a .sub_nav_pro_tit:hover {
	color: #008aff;
	background: none;
}
.sub_nav ul li a:hover,
.sub_nav_pro ul li a:hover {
	color: #008aff;
	background: none;
}

.sub_nav_pro ul li.sub_nav_pro_tit {
	font-size: 18px;
	line-height: 65px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	border-bottom: 1px dashed #434343;
}

.sub_nav_pro .sub_nav_pro_05 {
	position: static;
}
 @media (max-width: 1200px) {
  .menubox>ul>li.num2 .sub_nav {
    width: 160px;
    left: auto;
  }
}

@media (max-width: 991px) {
  .menubox>ul>li.num2 .sub_nav {
    width: 160px;
    left: auto;
  }
}

@media (min-width:768px) and (max-width:992px) {
	.button-container {
		justify-content: normal !important;
	}
}

/*.sub_nav_pro li{width: 146px;float: left;padding: 0 14px;}*/
/*.sub_nav_pro ul li a{padding: 0 10px;text-align:left;}*/
/*.sub_nav_pro ul li a:hover{color: #008aff;background: none;}*/
/***搜索****/
.search {
	position: relative;
	margin: 16px 30px 16px 0;
}

.sb-search {
	height: 32px;
	float: right;
	overflow: hidden;
	position: absolute;
	right: 0;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	-webkit-backface-visibility: hidden;
	z-index: 999;
}

.sb-search-input {
	width: 0px;
	height: 32px;
	line-height: 32px;
	text-indent: 20px;
	color: #fff;
	padding: 0 16px;
	/*background:rgba(245,245,245,.2);*/
	background: #404256;
	border: none;
	/*border-bottom: #ccc 1px solid;*/
	border-radius: 16px;
	-webkit-border-radius: 16px;
	transition: width 0.5s linear;
	-webkit-transition: width 0.5s linear;
	-moz-transition: width 0.5s linear;
	-ms-transition: width 0.5s linear;
}

.sb-search-submit,
.sb-icon-search {
	width: 32px;
	height: 32px;
	background: url(../images/search_btn.png) center no-repeat;
	z-index: 90;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	border: none;
	border-radius: 50%;
	-webkit-border-radius: 50%;
}

/*.sb-icon-search{ background:rgba(245,245,245,.2) url(../images/search_btn.png) center no-repeat;}*/
.sb-icon-search {
	background: #404256 url(../images/search_btn.png) center no-repeat;
}

.sb-icon-search.on {
	background: url(../images/search_close.png) center no-repeat;
}

.sb-search-submit {
	display: none;
	right: auto;
	left: 0;
}

input.srkcss:focus {
	outline: none;
	border-color: #9ecaed !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
	-webkit-transition: border linear .2s, box-shadow linear .2s;
	-moz-transition: border linear .2s, box-shadow linear .2s;
	-o-transition: border linear .2s, box-shadow linear .2s;
	transition: border linear .2s, box-shadow linear .2s;
}

/*****手机站导航****/
.menu {
	width: 22px;
	height: 26px;
	/*background: #fff;*/
	text-align: center;
	cursor: pointer;
	display: none;
	padding: 2px 6px;
	margin: 16px 10px 16px 0;
	/*border: #fff 1px solid;*/
	z-index: 1;
	position: relative;
}

.menu .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
	margin-top: 5px;
	background: #fff;
}

#mobileMenu {
	display: none;
	position: absolute;
	left: 0;
	top: 62px;
	margin: 0;
	width: 100%;
	background: #151A33;
	z-index: 1100;
	border-top: rgba(255, 255, 255, .5) 1px solid;
}

/*#mobileMenu.show { -webkit-transform: translateX(250px); transform: translateX(250px); }*/
#mobileMenu dl {
	padding: 0px 20px 10px;
}

#mobileMenu dd {
	position: relative;
	line-height: 50px;
	border-bottom: #ddd 1px solid;
}
#mobileMenu dd>a {
	display: inline-block !important;
	width: 100%;
}
#mobileMenu dd a,
#mobileMenu dd>span {
	height: 50px;
	display: block;
	color: #fff;
	font-size: 17px;
}

#mobileMenu dd>span {
	position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    cursor: pointer;
    background: url(../images/jia.png) right 15px center no-repeat;
}

#mobileMenu dd span.active {
	color: #e3e4e5;
	background: url(../images/jian.png) right 15px center no-repeat;
}

#mobileMenu dd ul {
	display: none;
}

#mobileMenu dd ul li {
	width: 50%;
	float: left;
}

#mobileMenu dd ul li.sub_nav_pro_tit {
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	border-bottom: 1px dashed #41445e;
	line-height: 70px;
}
#mobileMenu dd ul li a  {
	border-bottom: 1px solid #41445e;
}
#mobileMenu dd ul a {
	font-size: 15px;
	/* border-bottom: rgba(255, 255, 255, .2) 1px solid;
	overflow: hidden; */
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*****底部****/
.footer {
	width: 100%;
	padding: 35px 0;
	background: #313131;
	color: #fff;
}

.foot_left {
	float: left;
	width: 50%;
	line-height: 32px;
	font-size: 16px;
}

.foot_left a {
	color: #fff;
}

.foot_left a:hover {
	color: #999;
}

.foot_right {
	float: right;
}

.foot_weixin {
	width: 44px;
	height: 44px;
	position: relative;
	float: left;
	margin: 10px 0;
}

.foot_weixin .web_link {
	display: block;
	width: 44px;
	height: 44px;
	background: url(../images/weixin_icon.svg) center no-repeat;
}

.foot_weixin .web_area {
	display: none;
	position: absolute;
	width: 150px;
	height: 150px;
	z-index: 1;
	left: 50%;
	margin-left: -75px;
	bottom: 50px;
}

.footer .foot_fwzx {
	float: left;
	line-height: 64px;
	font-size: 20px;
	padding-right: 30px;
}

.footer .foot_wap {
	display: none;
	font-size: 14px;
	line-height: 26px;
	padding: 0 10px;
}

.footer .foot_wap a {
	color: #fff;
}

@media (min-width: 992px) and (max-width:1199px) {
	.top_right li.num1 {
		display: none;
	}

	.menubox {
		margin-left: 15px;
	}

	.menubox>ul>li>a {
		padding: 0 16px;
	}

	.search {
		margin: 16px 15px 16px 0;
	}

	.sub_nav dl {
		padding: 25px 30px;
	}

	.sub_nav .sub_div {
		padding-left: 0;
		text-align: center;
	}
}

@media (min-width:767px) and (max-width:991px) {
	.top_right li {
		padding: 0 5px;
	}

	.top_right li.num1 {
		display: none;
	}

	.top_right li.num2 a,
	.top_right li.num3 a {
		background: none;
		padding-left: 0;
	}

	.menubox {
		margin-left: 10px;
	}

	.menubox>ul>li>a {
		padding: 0 6px;
	}

	.search {
		margin: 16px 15px 16px 0;
	}

	.sub_nav dl {
		padding: 25px 0;
	}

	.sub_nav .sub_div {
		padding-left: 0;
		text-align: center;
	}


	.foot_weixin .web_area {
		left: auto;
		margin-left: 0;
		right: 10px;
	}
}

@media (max-width: 768px) {
	.header {
		position: static;
		background: #141931;
	}

	.menubox {
		display: none;
	}

	.top_right li.num1,
	.top_right li.num2 {
		display: none;
	}

	.top_right .kfzx a {
		background: url(../images/top_icon02.svg) left center no-repeat;
		background-size: 28px;
	}

	.logo {
		width: 160px;
		padding: 18px 0px 18px 10px;
	}

	.logo img {
		width: 160px;
		height: auto;
	}

	.header .menu {
		display: block;
	}

	.search {
		margin: 16px 20px 16px 0;
	}

	.menubox .sub_nav {
		display: none !important;
	}

	.footer {
		padding: 20px 0;
	}

	.foot_left {
		width: auto;
		float: none !important;
		padding: 0 10px;
	}

	.foot_right {
		width: auto;
		float: none !important;
		padding: 0 10px;
	}

}

@media only screen and (max-width:640px) {}

@media only screen and (max-width:480px) {
	.foot_left {
		font-size: 15px;
		line-height: 28px;
	}

	.footer .foot_fwzx {
		font-size: 18px;
	}

	.foot_weixin .web_area {
		left: auto;
		margin-left: 0;
		right: 0;
	}

	.footer .foot_left,
	.footer .foot_right {
		display: none;
	}

	.footer .foot_wap {
		display: block;
	}

}

@media only screen and (max-width: 340px) {
	.top_right .kfzx {
		margin: 0;
	}
}

/*分页/翻页*/
.pagination {
	clear: both;
	width: 100%;
	margin: 28px 0 10px;
	padding: 3px 0;
	line-height: 28px;
	font-size: 14px;
	font-family: "Microsoft YaHei", 微软雅黑;
	text-align: center;
}

.pagination a,
.pagination span {
	display: inline-block;
	border: 1px solid #d9d9d9;
	color: #666;
	margin: 3px;
	padding: 0 10px;
	text-decoration: none;
	white-space: nowrap;
	height: 28px;
}

.pagination a:hover {
	background: #0088ff;
	border: 1px solid #0088ff;
	color: #fff !important;
}

.pagination a.active {
	border: 1px solid #0088ff;
	color: #fff;
}

.pagination span.current,
.pagination span.current:hover {
	background: #0088ff;
	border: 1px solid #0088ff;
	color: #fff;
}

.pagination span.disabled,
.pagination span.disabled:hover {
	border: 1px solid #d9d9d9;
	color: #666;
	background: #eee;
}

.pagination a.text,
.pagination a.text:hover {
	color: #fff;
	background: #0088ff;
	border: #0088ff 1px solid;
	cursor: text;
}

.pagination a.pagemore,
.pagination a.pagemore:hover {
	color: #666;
	background: #fff;
	border: 1px solid #fff;
	cursor: text;
	padding: 0 3px;
}

.pagination .inputBar {
	border: 0;
	height: 28px;
	padding: 0 6px;
}

.pagination .total {
	border: 0;
	height: 28px;
	padding: 0;
}

.pagination .inputBar input {
	width: 40px;
	/* height: 24px; */
	line-height: 24px;
	padding: 2px 5px;
	border: #ccc 1px solid;
	margin: -3px 3px 0;
	margin: -3px 3px 0;
	_margin: -3px 3px 0;
	background: #eee;
	vertical-align: middle;
}

.pagination .inputBar button {
	display: inline-block;
	background: #0088FF;
	border: 0;
	height: 30px;
	color: #fff;
	padding: 0 8px;
	margin: -3px 3px 0;
	/* margin: -1px 3px 0;
	_margin: -1px 3px 0; */
}