@charset "UTF-8";

body {

	font-family: "微软雅黑";

}

.w1200 {

	width: 1200px;

	margin: 0 auto;

}

.tac {

	text-align: center;

}

.fl {

	float: left;

}

.fr {

	float: right;

}

.clearfix:before, .clearfix:after {

	display: table;

	content: "";

	clear: both;

	height: 0;

}

.clearfix {

	zoom: 1;

}

.header-top-wrap {

	width: 100%;

	min-width: 1200px;

	height: 40px;

	line-height: 40px;

	background: #303030;

}

.ht-container {

	width: 100%;

}

.ht-info li {

	font-size: 14px;

	color: #999;

}

.ht-info li a {

	color: #999;

}

.ht-site {

	position: relative;

	padding-left: 19px;

}

.ht-site b {

	display: block;

	position: absolute;

	left: 0px;

	top: 12px;

	width: 12px;

	height: 16px;

	background: url(../images/ht-site.png) no-repeat;

}

.ht-info li .ht-look, #citySpan {

	font-size: 14px;

	color: #2faaff;

}

.ht-info .ht-separator-spc {

	margin-left: 15px;

}

.ht-menu li a {

	font-size: 14px;

	color: #999;

}

.ht-separator {

	display: inline-block;

	width: 0;

	height: 12px;

	line-height: 12px;

	vertical-align: top;

	position: relative;

	top: 14px;

	left: 0;

	font-size: 0;

	border-left: 1px solid #545454;

	margin: 0 12px 0;

}

.header-down-wrap {

	width: 100%;

	min-width: 1200px;

	background: #fff;

}







.nav-wrap {

	width: 100%;

	min-width: 1200px;

	background: #fff;

}

.nav-left {

	width: 210px;

	height: 50px;

	line-height: 50px;

	background: #005ad2;

	font-size: 18px;

	color: #fefefe;

	padding-left: 30px;

	margin-right: 42px;

	position: relative;

}

.nav-left img.nav-left-img {

	display: block;

	width: 20px;

	height: 15px;

	margin: 20px 20px 0 0;

	cursor: pointer;

}

.nav-down {

	position: absolute;

	left: 0;

	top: 50px;

	width: 240px;

	height: 420px;

	line-height: 1;

	background-color: #1e2030;

	background: rgba(30,32,48,.8);

	filter: alpha(opacity=80);

	z-index: 99;

	display: none;

	box-sizing: border-box;

	padding: 10px 0;

}

.nav-down li.nav-down-item {

	width: 240px;

	height: 80px;

	position: relative;

}

.nav-down li a.nav-down-a {

	display: inline-block;

	font-size: 16px;

	color: #fff;

	padding: 20px 0 15px 56px;

	position: relative;

}

.nav-down li a.nav-down-a span {

	display: block;

	width: 18px;

	height: 18px;

	position: absolute;

	top: 20px;

	left: 30px;

}

.nav-down-item:hover {

	background: #373947;

}

.nav-down-item:hover .ni-box {

	display: block;

}

.ni-box {

	width: 546px;

	background: #fff;

	position: absolute;

	top: 0;

	left: 240px;

	padding: 0 40px 23px 30px;

	box-sizing: border-box;

	display: none;

}

.ni-box1:before {

	position: absolute;

	content: "";

	width: 0;

	height: 0;

	left: -6px;

	top: 38px;

	border-right: 6px solid #fff;

	border-top: 7px solid transparent;

	border-bottom: 7px solid transparent;

}

.ni-box2:before {

	position: absolute;

	content: "";

	width: 0;

	height: 0;

	left: -6px;

	top: 38px;

	border-right: 6px solid #fff;

	border-top: 7px solid transparent;

	border-bottom: 7px solid transparent;

}

.ni-box3:before {

	position: absolute;

	content: "";

	width: 0;

	height: 0;

	left: -6px;

	top: 38px;

	border-right: 6px solid #fff;

	border-top: 7px solid transparent;

	border-bottom: 7px solid transparent;

}

.ni-box4:before {

	position: absolute;

	content: "";

	width: 0;

	height: 0;

	left: -6px;

	top: 38px;

	border-right: 6px solid #fff;

	border-top: 7px solid transparent;

	border-bottom: 7px solid transparent;

}

.ni-box5:before {

	position: absolute;

	content: "";

	width: 0;

	height: 0;

	left: -6px;

	top: 38px;

	border-right: 6px solid #fff;

	border-top: 7px solid transparent;

	border-bottom: 7px solid transparent;

}

.ni-box5 {

	padding-bottom: 28px;

}

.ni-box h2 {

	font-size: 16px;

	color: #333;

	font-weight: normal;

	border-left: 2px solid #8a8a8a;

	padding-left: 17px;

	margin: 30px 0 23px;

}

.ni-box-down {

	border-top: 1px solid #e5e5e5;

	padding-top: 20px;

}

.ni-box-down li {

	width: 170px;

	height: 14px;

	margin-bottom: 17px;

}

.ni-box-down li.last {

	width: 136px;

}

.ni-box-down li a {

	display: block;

	font-size: 14px;

	color: #666;

	border-left: 1px solid #e5e5e5;

	padding-left: 10px;

}

.ni-box-down li a:hover {

	color: #2ba0ea;

	border-color: #2ba0ea;

}

.nav-down-item1 span {

	background: url(../images/icon_yi.png) no-repeat;

}

.nav-down-item2 span {

	background: url(../images/icon_er.png) no-repeat;

}

.nav-down-item3 span {

	background: url(../images/icon_san.png) no-repeat;

}

.nav-down-item4 span {

	background: url(../images/icon_si.png) no-repeat;

}

.nav-down-item5 span {

	background: url(../images/icon_wu.png) no-repeat;

}

.nav-down li p {

	font-size: 14px;

	color: #999;

	padding-left: 30px;

}

.nav-down li .nav-arrow {

	display: block;

	width: 7px;

	height: 12px;

	position: absolute;

	top: 23px;

	right: 20px;

}

.nav-right li a {

	display: block;

	font-size: 16px;

	color: #333;

	padding: 10px 27px 0 0;

}

.nav-right li a:hover {

	color: #005ad2;

}