@charset "utf-8";



::-webkit-scrollbar {
 width: 8px;
 height: 8px;
 background-color: #F5F5F5;
}



::-webkit-scrollbar-track {
 border-radius: 10px;
 background-color: #E2E2E2;
}



::-webkit-scrollbar-thumb {
 border-radius: 10px;
 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
 box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
 background-color: #555;
}



 ::selection {
 background-color: #0173bf;
 color: #fff;
}



::-moz-selection {
 background-color: #0173bf;
 color: #fff;
}



::-webkit-selection {
 background-color: #0173bf;
 color: #fff;
}
* {
	padding: 0;
	margin: 0;
	font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;
}
body {
	font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;
	color: #333;
	margin: 0;
	background: url("../images/body_bg.png") center top no-repeat;
}
*:before, *:after {
	box-sizing: content-box;
}
:focus {
	outline: 1;
}
article,  aside,  canvas,  details,  figcaption,  figure,  footer,  header,  hgroup,  menu,  nav,  section,  summary {
	display: block;
}
a {
	color: #333;
	text-decoration: none;
}
a:link,  a:hover,  a:active,  a:visited {
	text-decoration: none;
}
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
input,  select {
	vertical-align: middle;
}
li,  ul {
	list-style-type: none;
}
img {
	border: none;
}
input, textarea {
	outline: 0;
	border: 0;
	resize: none;
}
h1,  h2,  h3,  h4,  h5,  h6,  dl,  dd,  dt,  i,  em {
	font-weight: normal;
	font-style: normal;
}
.fixedNav {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 100000;
	_position: absolute;
 _top: expression(eval(document.documentElement.scrollTop));
	box-shadow: 0px 10px 12px rgba(0, 0, 0, .1);
}
html {
	cursor: url(../images/cur.png),  default;
}
a {
	cursor: url(../images/Acur.png),  default;
}
textarea {
	animation: animated 1s infinite;
	-moz-animation: animated 1s infinite;
	-webkit-animation: animated 1s infinite;
	-o-animation: animated 1s infinite;
}
input[type="text"] {
	animation: animated 1s infinite;
	-moz-animation: animated 1s infinite;
	-webkit-animation: animated 1s infinite;
	-o-animation: animated 1s infinite;
}
input[type="button"] {
	cursor: url(../images/Acur.png),  default !important;
}
input, button {
	outline: none;
}
 @keyframes animated {
 0% {
 cursor: url('../images/Pcuro1.png'),  auto;
}
 8.8% {
 cursor: url('../images/Pcuro2.png'),  auto;
}
 17.6% {
 cursor: url('../images/Pcuro3.png'),  auto;
}
 26.4% {
 cursor: url('../images/Pcuro4.png'),  auto;
}
 35.2% {
 cursor: url('../images/Pcuro5.png'),  auto;
}
 44% {
 cursor: url('../images/Pcuro6.png'),  auto;
}
 52.8% {
 cursor: url('../images/Pcuro7.png'),  auto;
}
 61.6% {
 cursor: url('../images/Pcuro8.png'),  auto;
}
 70.4% {
 cursor: url('../images/Pcuro9.png'),  auto;
}
 79.2% {
 cursor: url('../images/Pcuro10.png'),  auto;
}
 88% {
 cursor: url('../images/Pcuro11.png'),  auto;
}
 100% {
 cursor: url('../images/Pcuro12.png'),  auto;
}
}
.wjdh-ico1, .wjdh-ico2 {
	vertical-align: middle;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled, .swiper-pagination-bullet {
	opacity: 1;
}
.center {
	width:1200px;
	margin: auto;
}
.hide {
	display: none;
}
.clear {
	clear:both;
}
 .clear::after {
content: "";
display: block;
clear: both;
}
.empty {
	height: 1px;
}
 @keyframes float {
 0% {
 transform: translateY(0);
}
 25% {
 transform: translateY(15px);
}
 50% {
 transform: translateY(0);
}
 75% {
 transform: translateY(15px);
}
 100% {
 transform: translateY(0);
}
}
 @keyframes rotate {
 0% {
 transform: rotate3d(0, 0, 0, 0deg);
}
 25% {
 transform: rotate3d(0, 1, 0, 90deg);
}
 50% {
 transform: rotate3d(0, 1, 0, 180deg);
}
 75% {
 transform: rotate3d(0, 1, 0, 270deg);
}
 100% {
 transform: rotate3d(0, 1, 0, 360deg);
}
}
/* top */

.top {
	width: 100%;
	height: 30px;
	background-color: #f7f7f7;
	line-height: 30px;
}
.top1 {
	float: left;
	font-size: 14px;
	color: rgba(51, 51, 51, .6);
}
/* 询盘 */

.topxunpan {
	float: right;
}
.topxunpan .xp {
	height: 30px;
	position: relative;
	line-height: 30px;
	font-size: 14px;
	color: rgba(51, 51, 51, .6);
	cursor: pointer;
}
.topxunpan .xp i {
	font-size: 16px;
	font-weight: bold;
	color: rgba(213, 13, 13, .6);
}
.topxunpan .xp #xunpantip {
	z-index: 999;
	position: absolute;
	top: 35px;
	left: 50%;
	width: 180px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	-webkit-transform: translateX(-50%) scale(0);
	-moz-transform: translateX(-50%) scale(0);
	-o-transform: translateX(-50%) scale(0);
	-ms-transform: translateX(-50%) scale(0);
	transform: translateX(-50%) scale(0);
 -webkit-transition: transform .4s, opacity .4s;
 -moz-transition: transform .4s, opacity .4s;
 -o-transition: transform .4s, opacity .4s;
 -ms-transition: transform .4s, opacity .4s;
 transition: transform .4s, opacity .4s;
	background-color: #0173bf;
	border-radius: 4px;
	opacity: 0;
	font-weight: bold;
	box-shadow: 0 3px 5px 0 #0173bf;
}
 .topxunpan .xp #xunpantip::after {
 content: '';
 position: absolute;
 top: -16px;
 left: 50%;
 width: 0;
 height: 0;
 -webkit-transform: translateX(-50%);
 -moz-transform: translateX(-50%);
 -o-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 transform: translateX(-50%);
 border: 8px solid transparent;
 border-bottom-color: #0173bf;
}
.topxunpan .xp #xunpantip.xunpantextactive {
	-webkit-transform: translateX(-50%) scale(1);
	-moz-transform: translateX(-50%) scale(1);
	-o-transform: translateX(-50%) scale(1);
	-ms-transform: translateX(-50%) scale(1);
	transform: translateX(-50%) scale(1);
	opacity: 1;
}
.top3 {
	float: right;
	height: 30px;
	line-height: 12px;
	padding: 9px 0 10px;
	margin-left: 18px;
	overflow: hidden;
	box-sizing: border-box;
}
.top3 li {
	float: left;
	height: 100%;
	text-align: center;
	font-size: 14px;
	color: rgba(51, 51, 51, .6);
	padding: 0 6px;
	border-right: 1px solid rgba(51, 51, 51, .6);
}
.top3 li:last-child {
	border: 0;
}
.top3 li a {
	color: rgba(51, 51, 51, .6);
 transition: all .5s;
}
.top3 li:hover a {
	color: #0173bf;
}
/*导航开始*/

.webq_head_xx {
	width:100%;
	height:auto;
}
.nav_xiala_xx {
	width:100%;
	height: 55px;
	background:#3ea1f4;
}
.nav_xiala {
	width:1200px;
	height: 55px;
	margin: 0 auto;
}
.nav_xiala ul li {
	float:left;
	width: 171px;
	height: 55px;
	text-align:center;
	font-size:15px;
	position:relative;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
 .nav_xiala ul li::after {
content: "";
display: block;
width: 1px;
height: 55px;
background: url("../images/nav_hr.png") center no-repeat;
position: absolute;
top: 0;
right: 0;
}
.nav_xiala > ul > li:last-child:after {
	display: none;
}
.nav_xiala > ul > li > a {
	display:block;
	color:#fff;
	height: 100%;
	line-height: 20px;
	overflow: hidden;
	padding: 16px 0;
	box-sizing: border-box;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	position: relative;
}
.nav_xiala ul li a span {
	font-size: 12px;
	line-height: 10px;
	color: #ffffff;
	text-transform: uppercase;
	margin-top: 12px;
	display: block;
}
.nav_xiala ul > li > a:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: url("../images/nav_hot.png") center no-repeat;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
 .nav_xiala ul > li:hover a::before, .nav_xiala ul > li > a:focus:before, .nav_xiala ul li a:active::before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.nav_xiala ul > li:hover > a, .nav_xiala ul > li:hover > a span {
	color:#0173bf;
}
.nav_xiala .erji_xiala {
	position:absolute;
	top: 55px;
	left: 50%;
	margin-left: -80px;
	z-index:20;
	height:0;
	visibility: hidden;
	width: 160px; /*和一级栏目一样宽度*/
}
.nav_xiala .erji_xiala i {
	display: block;
	opacity: 0;
	border-bottom:1px solid rgba(195, 195, 195, 0.35);
	background:#f8f8f8;
	position:relative;
}
.nav_xiala .erji_xiala i a {
	height: 40px;
	line-height: 40px;
	font-size:14px;
	display: block;
	color:#0173bf;
	padding: 0 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.nav_xiala .erji_xiala i a:hover {
	color:#ffffff;
}
.nav_xiala .erji_xiala i:hover { /*background:#0173bf;*/
}
.nav_xiala .erji_xiala i:hover > a {
	color:#ffffff;
}/* 这个是三级菜单hover之后二级栏字体的颜色 */
.nav_xiala .erji_xiala i a {
	background: -webkit-linear-gradient(left, #2896e0, #2896e0) no-repeat;
	background: linear-gradient(to right, #2896e0, #2896e0) no-repeat;
	background-size: 0% 100%;
}
.nav_xiala .erji_xiala i a:hover {
	background: -webkit-linear-gradient(left, #2896e0, #2896e0) no-repeat;
	background: linear-gradient(to right, #2896e0, #2896e0) no-repeat;
	background-size: 100% 100%;
}
.nav_xiala ul li:hover .erji_xiala {
	height:auto;
	visibility: visible;
}
.nav_xiala .erji_xiala i {
	opacity: 0;
	transform: rotateY(90deg);
}
.nav_xiala ul li:hover .erji_xiala i {
	opacity: 1;
	transform: rotateY(0);
}
 .nav_xiala ul li:hover .erji_xiala i:nth-child(1) {
transition-delay: 50ms;
}
 .nav_xiala ul li:hover .erji_xiala i:nth-child(2) {
transition-delay: 100ms;
}
 .nav_xiala ul li:hover .erji_xiala i:nth-child(3) {
transition-delay: 150ms;
}
 .nav_xiala ul li:hover .erji_xiala i:nth-child(4) {
transition-delay: 200ms;
}
 .nav_xiala ul li:hover .erji_xiala i:nth-child(5) {
transition-delay: 250ms;
}
 .nav_xiala ul li:hover .erji_xiala i:nth-child(6) {
transition-delay: 300ms;
}
 .nav_xiala ul li:hover .erji_xiala i:nth-child(7) {
transition-delay: 350ms;
}
 .nav_xiala ul li:hover .erji_xiala i:nth-child(8) {
transition-delay: 400ms;
}
 .nav_xiala ul li:hover .erji_xiala i:nth-child(9) {
transition-delay: 450ms;
}
 .nav_xiala ul li:hover .erji_xiala i:nth-child(10) {
transition-delay: 500ms;
}
 .nav_xiala .erji_xiala i:nth-child(1) {
transition-delay: 500ms;
}
 .nav_xiala .erji_xiala i:nth-child(2) {
transition-delay: 450ms;
}
 .nav_xiala .erji_xiala i:nth-child(3) {
transition-delay: 400ms;
}
 .nav_xiala .erji_xiala i:nth-child(4) {
transition-delay: 350ms;
}
 .nav_xiala .erji_xiala i:nth-child(5) {
transition-delay: 300ms;
}
 .nav_xiala .erji_xiala i:nth-child(6) {
transition-delay: 250ms;
}
 .nav_xiala .erji_xiala i:nth-child(7) {
transition-delay: 200ms;
}
 .nav_xiala .erji_xiala i:nth-child(8) {
transition-delay: 150ms;
}
 .nav_xiala .erji_xiala i:nth-child(9) {
transition-delay: 100ms;
}
 .nav_xiala .erji_xiala i:nth-child(10) {
transition-delay: 50ms;
}
.nav_xiala .sanji_xiala {
	width: 165px;
	height:0px;
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 100%; /*和一级栏目一样left*/
}
.nav_xiala .sanji_xiala span {
	border-bottom:1px dashed rgba(255, 255, 255, 0.35);
	display: block;
	background:#0173bf;
	text-align: left;
	opacity: 0;
}
.nav_xiala .sanji_xiala span a {
	height: 40px;
	line-height: 40px;
	display: block;
	color:#ffffff;
	font-size:14px;
	padding: 0 8px 0 15px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.nav_xiala .sanji_xiala span a:hover {
	color:#FFF;
	padding-left: 25px;
}
.nav_xiala .sanji_xiala span a {
	background: -webkit-linear-gradient(left, #0173bf, #0173bf) no-repeat;
	background: linear-gradient(to right, #0173bf, #0173bf) no-repeat;
	background-size: 100% 0%;
-webkit-transition: all .5s;
transition: all .5s;
}
.nav_xiala .sanji_xiala span a:hover {
	background: -webkit-linear-gradient(left, #0173bf, #0173bf) no-repeat;
	background: linear-gradient(to right, #0173bf, #0173bf) no-repeat;
	background-size: 100% 100%;
}
.nav_xiala .sanji_xiala_di {
	background:url(../images/liqsub_ss.png) no-repeat center;
	width: 7px;
	height: 11px;
	position: absolute;
	top: 14px;
	right: 5px;
}
.nav_xiala .erji_xiala i:hover .sanji_xiala {
	height:auto;
	visibility: visible;
}
.nav_xiala .sanji_xiala span {
	opacity: 0;
	transform: rotateY(90deg);
transition:.5s;
}
.nav_xiala .erji_xiala i:hover .sanji_xiala span {
	opacity: 1;
	transform: rotateY(0);
}
 .nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(1) {
transition-delay: 50ms;
}
 .nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(2) {
transition-delay: 100ms;
}
 .nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(3) {
transition-delay: 150ms;
}
 .nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(4) {
transition-delay: 200ms;
}
 .nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(5) {
transition-delay: 250ms;
}
 .nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(6) {
transition-delay: 300ms;
}
 .nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(7) {
transition-delay: 350ms;
}
 .nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(8) {
transition-delay: 400ms;
}
 .nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(9) {
transition-delay: 450ms;
}
 .nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(10) {
transition-delay: 500ms;
}
.nav_xiala > ul > li.another { /*background: url("../images/nav_hot.png");*/
	color:#0173bf;
}
.nav_xiala > ul > li.another > a, .nav_xiala > ul > li.another > a span {
	color:#0173bf;
}
/*首页banner*/

.pics_wrap {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.html5zoo-img-0 img {
	width: 100%;
}
.html5zoo-arrow-left-0 {
	left: 10% !important;
}
.html5zoo-arrow-right-0 {
	right: 10% !important;
}
.html5zoo-bullet-wrapper-0 div {
	margin: 0 4px !important;
}
.html5zoo-nav-0 {
	margin-top: -35px !important;
	left: 48% !important;
}
.html5zoo-bullet-wrapper-0 {
	width: 100% !important;
}
.banner {
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.banner ul.bb {
	position: relative;
	padding: 0px;
	margin: 0px;
	z-index: 5;
}
.banner ul.bb li {
	position: absolute;
	display: none;
}
.banner .num {
	position: absolute;
	right: 2px;
	bottom: 10px;
	z-index: 100;
}
.banner .num li {
	width: 18px;
	height: 18px;
	display: inline-block;
	margin-right: 4px;
	background: #fff;
	line-height: 18px;
	text-indent: -100px;
	overflow: hidden;
	border-radius: 10px;
}
.banner .num li.num_hover {
	background-color: #f7de07;
}
.banner .num li.num_hover a {
	color: #fff;
}
.banner .num li a {
	float: left;
	display: block;
	text-align: center;
	color: #666;
	text-decoration: none;
	cursor: pointer;
	width: 18px;
	height: 18px;
	line-height: 18px;
}
#bannerArrow, #bannerCircle {
	display: none
}
/*幻灯片样式2*/

#focus {
	width: 255px;
	height: 188px;
	overflow: hidden;
	position: relative;
}
#focus ul {
	height: 188px;
	position: absolute;
}
#focus ul li {
	float: left;
	width: 255px;
	height: 188px;
	overflow: hidden;
	position: relative;
	background: #000;
}
#focus ul li a img {
	height: 188px;
	width: 255px;
}
#focus ul li div {
	position: absolute;
	overflow: hidden;
}
#focus .btnBg {
	position: absolute;
	width: 255px;
	height: 20px;
	left: 0;
	bottom: 0;
	background: #000;
}
#focus .btn {
	position: absolute;
	width: 255px;
	height: 10px;
	padding: 5px 10px;
	right: 0;
	bottom: 0;
	text-align: right;
}
#focus .btn span {
	display: inline-block;
	_display: inline;
	_zoom: 1;
	width: 25px;
	height: 10px;
	_font-size: 0;
	margin-left: 5px;
	cursor: pointer;
	background: #fff;
}
#focus .btn span.on {
	background: #fff;
}
/* footer S */

.foo {
	width: 100%;
	height: 387px;
	cursor: default;
	background: url("../images/footer_bg.jpg") center no-repeat;
	overflow: hidden;
}
.foo .left {
	float: left;
}
.foo .right {
	float: right;
}
.foo .foo_box {
	height: 324px;
	padding-top: 42px;
	padding-bottom: 44px;
	overflow: hidden;
	box-sizing: border-box;
}
.foo .links {
	height: 14px;
	font-size: 14px;
	line-height: 14px;
	color: #979797;
	overflow: hidden;
}
.foo .links > span {
	float: left;
}
.foo .links > a {
	float: left;
	color: #979797;
	margin-left: 15px;
 transition: all .5s;
}
.foo .links > a>span {
	padding: 0 5px;
}
.foo .links > a:hover {
	color: #fff;
}
.foo_main {
	width: 100%;
	height: 160px;
	margin-top: 54px;
	overflow: hidden;
}
.foo_main .foo_left {
	width: 640px;
	height: 100%;
}
.foo_main .foo_left > dl {
	float: left;
	width: 118px;
	height: 132px;
	margin-right: 56px;
	overflow: hidden;
}
.foo_main .foo_left > dl:last-child {
	margin-right: 0;
}
.foo_main .foo_left > dl > dt {
	width: 118px;
	height: 30px;
	color: #979797;
	font-size: 16px;
	line-height: 16px;
	margin-bottom: 10px;
	border-bottom: 1px solid #666666;
	box-sizing: border-box;
}
.foo_main .foo_left > dl dd {
	font-size: 14px;
	width: 100%;
	color: #979797;
	line-height: 34px;
}
.foo_main .foo_left > dl dd > a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #979797;
 transition: all .5s;
}
.foo_main .foo_left > dl dd > a:hover {
	transform: translate(5px);
	color: #fff;
}
.foo_main .foo_right {
	width: 558px;
	height: 100%;
	overflow: hidden;
	padding-right: 84px;
	box-sizing: border-box;
}
.foo1-1 {
	width: 100%;
	height: 120px;
	overflow: hidden;
}
.foo_main .ewm {
	float: right;
	width: 119px;
	height: 119px;
	border-radius: 3px;
}
.foo_main .ewm > img {
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 3px;
}
.foo1-2 {
	float: left;
	width: 288px;
	height: 100%;
	margin-top: -10px;
}
.foo1-2 p {
	font-size: 15px;
	line-height: 36px;
	color: #979797;
	overflow: hidden;
}
.foo1-2 p span {
	display: block;
	float: left;
}
.foo1-2 p i {
	float: left;
	display: block;
	width: 240px;
}
.foo1-2 p:first-child i {
	width: 208px;
}
.foo .bq {
	width: 100%;
	height: 64px;
	line-height: 64px;
	color: #979797;
	font-size: 14px;
}
.foo .bq a {
	color: #979797;
	padding: 0 3px;
 transition: all .5s;
}
.foo .bq a:hover {
	color: #fff;
}
.foo .bq img {
	vertical-align: middle;
}
/*top_main*/

.top_main {
	width: 100%;
	height: 37px;
	line-height: 38px;
	position: relative;
	z-index: 80;
	background-color: #f8f8f8;
	color: #666;
	font-size: 14px;
	border-bottom: 1px solid #ddd;
}
.top_main li {
	position: relative;
	display: inline-block;
	text-align: center;
	margin: 0 8px;
}
.top_main .split {
	display: inline-block;
	width: 1px;
	height: 12px;
	background: #666;
	vertical-align: middle;
	margin: 0;
	margin-top: -2px;
}
.top_main li a {
	color: #666;
	cursor: pointer;
}
.top_main li a:hover {
	color: #dc0000;
}
/*header_main*/

.header_main {
	width: 100%;
	height: 120px;
	z-index: 100;
}
.header_main .logo {
	display: block;
	margin-top: 20px;
}
.header_main .logo img {
	width: 100%;
	height: 100%;
	display: block;
}
.header_main .tel {
	width: 260px;
	padding: 30px 0 0 0;
	line-height: 26px;
	margin-left: 30px;
}
.header_main .tel b {
	color: #666;
	font-size: 14px;
	font-weight: normal;
	display: inline-block;
}
.header_main .tel span {
	color: #db2c29;
	font-size: 24px;
	line-height: 30px;
	font-weight: normal;
	font-family: arial;
	display: inline-block;
}
.header_main .tel s {
	width: 57px;
	height: 57px;
	float: left;
	margin-right: 0px;
	margin-top: 5px;
	background-position: 0 0;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
/*顶部图片*/

.top {
	margin-top:-1px;
}
.wrap {
	margin:0 auto;
	width: 1140px;
}
.mid {
	height:32px;
}
.top h1 {
	height: 460px;
	width: 100%;
	text-indent: -99999px;
	overflow: hidden;
	background: url(../images/banner.jpg) no-repeat top center;
	background-size:auto 100%;
}
/*.header .top{border-bottom:1px solid #eaeaea}*/



.zt_top {
	margin-top:10px;
}
.langs {
	overflow:hidden;
	zoom:1;
}
.langs a {
	font-size:14px;
	margin-right:23px;
	vertical-align:middle;
	float:left;
	height:41px;
	line-height:41px;
}
.langs .logo_hx {
	background:url(images/logo_hx_2018.jpg) no-repeat;
	width:160px;
	height:37px;
}
.langs .tb {
	margin-top:10px;
	height:19px;
	line-height:19px;
}
.ico1, .ico2 {
	background:url(images/swzy.jpg) no-repeat;
	float:left;
	width:20px;
	height:21px;
	margin-right:32px;
	margin-top:10px;
}
.ico2 {
	background-image:url(images/sc.jpg);
	width:24px;
	height:20px;
}
.zs {
	color:#7b7b7b;
	float:left;
	line-height:41px;
}
.mid_search {/*float:right;margin-top:20px;*/
	width: 100%;
	height: 32px;
}
.header .search {
	overflow:hidden;
	zoom:1;
	float:right;
	margin-right: -20px;
}
.search .txt {
	border:1px solid #ccc;
	padding:0 12px 0 12px;
	float:left;
	width:175px;
	height: 25px;
	font-family:"Microsoft YaHei";
	font-size:14px;
	margin-top: 5px;
	color: #787878;
}
.search .btn {
	background:url(../images/searchBtn.png) no-repeat;
	background-position-y: 6px;
	float:left;
	width:85px;
	height:34px;
	cursor:pointer;
}
.date {
	font-size:14px;
	line-height:32px;
	overflow:hidden;
	zoom:1;
	float: left;
	margin-left: 15px;
}
.date span div {
	display:inline
}
.other_date {
	margin-top:6px
}
.ewm {
	float:right;
	margin-left:35px;
	margin-top:14px;
}
.ewm li {
	float:left;
	width:90px;
	height:100px;
	margin-right:20px;
	text-align:center;
	color:#6a6a6a;
}
.ewm li img {
	width:70px;
	height:70px;
	margin:0 10px 5px;
}
.w1200 {
	width: 1200px;
	margin: 0 auto;
}
.ico {
	background: url(../images/icon.png) no-repeat;
	display: inline-block;
	vertical-align: middle;
}
 //页面底部  .app-footer {
 .foot-block {
 border-top: 10px solid $color;
 background-color: $bg-color;
 padding: 40px 0 45px;
}
 .site-block {
 float: left;
 width: 14.285714%;
 .tit {
 font-size: 18px;
 color: $color;
}
 .site-catalog {
 margin-top: 20px;
}
 li~li {
 margin-top: 10px;
}
 a {
 font-size: 14px;
 color: $text-color-vice;
 transition: all 0.3s;
 &:hover {
 color: $color;
 box-shadow: 0 -1px 0 0 $color inset;
}
}
}
 .copyright {
 background-color: #D8D8D8;
 padding: 15px;
}
 .web-info {
 font-size: 14px;
 color: $text-color-vice;
 height: 22px;
 line-height: 22px;
 a {
 transition: all 0.3s;
 &:hover {
 color: $color;
 box-shadow: 0 -1px 0 0 $color inset;
}
}
}
 .other-link {
 height: 22px;
 @include clear();
 li {
 float: left;
 cursor: pointer;
 margin-left: 20px;
 &:hover {
 .icon-img {
 transform: scale(1.02);
}
}
 .icon-img {
 transition: all 0.1s;
 width: 22px;
 height: 22px;
}
}
}
 .weixin-box {
 @keyframes showImg {
 0% {
 transform: translate(0, 5px);
}
 100% {
 transform: translate(0, -0px);
}
}
 &:hover {
 .weixin-img {
 display: block;
 animation: showImg 0.3s ease forwards;
}
}
}
 .weixin-img {
 width: 100px;
 position: absolute;
 bottom: 40px;
 left: 0;
 z-index: 10;
 background-color: #fff;
 margin-left: -40px;
 padding: 1px;
 box-sizing: border-box;
 display: none;
 img {
 display: block;
 width: 100%;
 height: auto;
 background-color: #eee;
}
}
}
.app-footer .foot-block {
	border-top: 10px solid #063F88;
	background-color: #F2F2F2;
	padding: 35px 0 40px;
}
.wp {
	min-width: 1200px;
	width: 1110px;
	margin: 0 auto;
}
.app-footer .site-block {
	float: left;
	width: 16.6%;
}
.app-footer .site-block .tit {
	font-size: 16px;
	color: #063F88;
}
.app-footer .site-block .site-catalog {
	margin-top: 20px;
}
.app-footer .site-block a {
	font-size: 14px;
	color: #666;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	line-height: 2;
}
.app-footer .copyright {
	background-color: #D8D8D8;
	padding: 15px;
}
.nav > li {
	position: static;
}
.nav > li > a:hover, .nav > li > a:focus {
	background-color: transparent;
}
 @media (max-width:991px) {
 .header {
height: 75px;
}
}
.navwrap {
	z-index: 99;
	top: 0;
	width: 100%;
	border-top: 1px solid #e5e5e5;
	background-color: #fff;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
}
.nav {
	position: relative;
	text-align: center;
}
 @media (max-width:991px) {
 .nav {
display: none;
}
}
.nav > .item {
	line-height: 56px;
	display: inline-block;
-webkit-transition: all .2s ease;
transition: all .2s ease;
	border-right: 1px solid #eaeaea;
}
 @media (max-width:991px) {
 .nav > .item {
line-height: 70px;
}
}
 .nav > .item.more > a::after { /*display: inline-block; width: 0; height: 0; margin-top: -8px; margin-left: 8px; content: ''; vertical-align: middle; border-top: 4px solid #a4a4a4; border-right: 4px solid transparent; border-left: 4px solid transparent;*/
}
.nav > .item.about-more .level-2 {
	width: auto;
}
.nav > .item.active {
	color: #029946;
}
.nav > .item:hover {
	color: #029946;
}
.nav > .item:hover .level-2 {
	height: auto;
	color: #666;
}
 .nav > .item:hover.more a::after {
border-top: 4px solid #029946;
}
.nav > .item:hover .bg {
	opacity: 1;
}
.nav > .item:first-child > a { /*padding-left: 0;*/
	border-left: 1px solid #eaeaea;
}
.nav > .item:last-child > a {/* padding-right: 0;*/
}
.nav > .item > a {
	font-family: 'AvenirMedium';
	display: block;
	padding: 0 55.5px;
	font-size: 15px;
}
 @media (max-width:1320px) {
 .nav > .item > a {
padding: 0 18px;
}
 .nav > .item > a + ul {
padding: 0 18px;
}
}
 @media (max-width:1199px) {
 .nav > .item > a {
padding: 0 10px;
}
 .nav > .item > a + ul {
padding: 0 10px;
}
}
.nav .level-2 {
	line-height: 2.14285714;
	position: absolute;
	z-index: 9;
	top: 56px;
	left: 0;
	display: none;
	overflow: hidden;
	width: 100%;
	min-width: 180px;
	padding: 0 40px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	color: #666;
	border-radius: 1px;
	background-color: #fafafa;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
}
 @media (max-width:991px) {
 .nav .level-2 {
top: 110px;
}
}
.nav .level-2 li {
	float: left;
	overflow: hidden;
	width: 16.66666667%;
	list-style: none;
}
.nav .level-2 li div {
	margin-bottom: 15px;
}
.nav .level-2 li  dt{ font-size:14px; margin-bottom:10px;}
.nav .level-2 li div > a {
	display: block;
	width: 100%;
}
.nav .level-2 li div > a:last-child {
	margin-bottom: 10px;
}
.nav .level-2 li a:hover {
	color: #029946;
}
.nav .level-2 li a {
	font-size: 13px;
	line-height: 2.14285714;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
 .nav .level-2 li a::after {
display: none;
}
.nav .level-2 li h3 {
	margin: 0 0 8px 0;
}
.nav .level-2 li h3 a {
	font-size: 14px;
	font-weight: bold;
	color: #333;
}
.nav .about-more {
	position: relative;
}
.nav .about-more li {
	width: 100%;
	margin: 0;
}
.nav .about-more li a {
	line-height: 2.14285714;
}
.nav .about-more li:first-child {
	margin-top: 20px;
}
.nav .about-more li:last-child {
	margin-bottom: 20px;
}
.stuck {
	position: fixed;
	top: 0;
}