﻿@charset "UTF-8";

abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video
	{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent
}

body {
	font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,
		Microsoft YaHei, 微软雅黑, Arial, sans-serif;
	-webkit-font-smoothing: subpixel-antialiased;
	margin: 0 auto;
	color: #333;
	background: #fff;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-text-size-adjust: none
}

:focus {
	outline: 1;
	outline-style: none
}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary
	{
	display: block
}

ol,ul {
	list-style: none
}

blockquote,q {
	quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
	content: "";
	content: none
}

a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}

a,a:active,a:focus,a:hover,a:visited {
	text-decoration: none
}

a,img {
	-webkit-touch-callout: none
}

ins {
	text-decoration: none
}

ins,mark {
	background-color: #ff9;
	color: #000
}

mark {
	font-style: italic;
	font-weight: 700
}

del {
	text-decoration: line-through
}

abbr[title],dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1rem 0;
	padding: 0
}

input,select {
	vertical-align: middle
}

input[type=button],input[type=password],input[type=submit],input[type=text],textarea
	{
	outline-style: none;
	-webkit-appearance: none
}

input[type=password],input[type=text],textarea {
	resize: none;
	outline: 0;
	-webkit-appearance: none;
	white-space: pre-wrap;
	word-wrap: break-word;
	background: #fff
}

textarea {
	resize: none
}

img {
	-ms-interpolation-mode: bicubic;
	border-width: 0
}

caption,th {
	text-align: left
}

.clearfix {
	*zoom: 1
}

.clearfix:after {
	content: "\0020";
	display: block;
	visibility: hidden
}

.clearfix:after,.clearit {
	height: 0;
	font-size: 0;
	clear: both
}

.clearit {
	line-height: 0
}

.transitionAll {
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	-webkit-backface-visibility: hidden
}

.relative {
	position: relative
}

.w,.w1200 {
	width: 100%;
	margin: 0 auto
}

.w1200 {
	max-width: 1200px
}

.w990 {
	width: 100%;
	max-width: 990px;
	margin: 0 auto
}

.fL {
	float: left
}

.fR {
	float: right
}

.show {
	display: block !important
}

.hide {
	display: none !important
}

.border_box {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.ellipsis {
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden
}

.ad {
	font-size: 0;
	line-height: 0;
	margin: 0 auto .2rem;
	padding: 0 .2rem;
	background: #fff
}

.ad img,.mask {
	width: 100%
}

.mask {
	height: 100%;
	background: rgba(0, 0, 0, .6);
	position: fixed;
	left: 0;
	top: 0;
	display: none;
	z-index: 9998
}

.body-hidden {
	overflow: hidden !important
}

.slick-slider {
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list,.slick-slider {
	position: relative;
	display: block
}

.slick-list {
	overflow: hidden;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: none
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0)
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.slick-track:after,.slick-track:before {
	display: table;
	content: ""
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}

[dir=rtl] .slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

.banner-box {
	height: 400px;
	width: 100%;
	background: url(jqqqjmspxh_column_01.jpg) top no-repeat;
	position: relative
}

.banner-box .return-btn {
	display: block;
	width: 500px;
	height: 80px;
	text-indent: -999em;
	position: absolute;
	left: 50%;
	top: 30px;
	margin-left: -250px
}

.footer-box {
	width: 100%;
	background: #f3f3f3;
	text-align: center;
	line-height: 24px;
	padding: 30px 0;
	font-size: 14px;
	color: #333;
	border-top: 3px solid #4d86bb
}

.footer-box .info,.footer-box .logo {
	display: inline-block;
	vertical-align: middle
}

.footer-box .info {
	width: 50%;
	text-align: left
}

.footer-box .info p {
	margin: 5px 25px
}

.footer-box .info a {
	font-size: 14px;
	color: #333
}

.bread-crumb {
	padding: 20px 0;
	margin: 20px auto 0
}

.bread-crumb,.bread-crumb a,.bread-crumb span {
	font-size: 16px;
	color: #333;
	line-height: 30px
}

.bread-crumb span {
	margin: 0 5px
}

.bread-crumb .icon {
	display: inline-block;
	width: 8px;
	height: 8px;
	padding: 4px;
	border: 1px solid #0e72d6;
	border-radius: 50%;
	vertical-align: middle;
	margin-right: 10px
}

.bread-crumb .icon:before {
	content: "";
	width: 8px;
	height: 8px;
	background: #0e72d6;
	border-radius: 50%;
	display: block
}

.tit-h2 {
	text-align: center
}

.tit-h2 h2 {
	font-size: 32px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333;
	height: 32px;
	line-height: 32px
}

.tit-h2 .icon {
	margin: 20px auto;
	width: 29px;
	height: 40px;
	background: url(../images/p01.png) 50% no-repeat;
	background-size: 29px;
	position: relative
}

.tit-h2 .icon:before {
	right: 67px
}

.tit-h2 .icon:after,.tit-h2 .icon:before {
	content: "";
	width: 121px;
	height: 1px;
	background: url(../images/p02.png) 50% no-repeat;
	display: block;
	position: absolute;
	top: 50%
}

.tit-h2 .icon:after {
	left: 67px
}

.pagelist-box {
	width: 100%;
	height: 80px;
	text-align: center;
	margin: 20px auto;
	overflow: hidden
}

.pagelist-box .page {
	position: relative;
	left: 50%;
	float: left;
	font-size: 14px
}

.pagelist-box .page span {
	position: relative;
	left: -50%;
	display: inline;
	float: left;
	padding: 0 15px;
	height: 32px;
	line-height: 32px;
	margin: 0;
	color: #333;
	border: 1px solid transparent
}

.pagelist-box .page .current {
	cursor: pointer;
	background: #0076d3;
	border-color: #0076d3;
	color: #fff;
	margin: 0 0 0 -1px
}

.pagelist-box .page a:link,.pagelist-box .page a:visited {
	border: 1px solid #e1e1e1;
	display: inline;
	float: left;
	padding: 0 15px;
	height: 32px;
	line-height: 32px;
	margin: 0 0 0 -1px;
	text-decoration: none;
	position: relative;
	left: -50%;
	color: #333
}

.pagelist-box .page a:hover {
	border: 1px solid #e1e1e1
}

.pagelist-box .page select {
	border-color: #e1e1e1;
	padding: 0 5px;
	margin-left: 10px;
	line-height: 34px
}

.pagelist-box .page .refresh-btn,.pagelist-box .page select {
	position: relative;
	left: -50%;
	display: inline;
	float: left;
	height: 34px
}

.pagelist-box .page .refresh-btn {
	border: 0;
	width: 34px;
	background: url(../images/j02.jpg) 50% no-repeat;
	cursor: pointer
}

.pagelist-box .page .go-to-num {
	position: relative;
	left: -50%;
	display: inline;
	float: left;
	height: 34px;
	line-height: 34px;
	color: #999;
	font-size: 14px
}

.pagelist-box .page .go-to-num input {
	height: 32px;
	border: 1px solid #e1e1e1;
	color: #333;
	width: 40px;
	font-size: 14px;
	margin: 0 5px;
	text-align: center;
	vertical-align: top;
	padding: 0;
	line-height: 32px
}

.pagelist-box .page .sub-btn {
	height: 34px;
	width: 50px;
	background: #0076d3;
	border: 0;
	color: #fff;
	position: relative;
	left: -50%;
	display: inline;
	float: left;
	cursor: pointer
}

.list-wrap .list-con .news-box {
	overflow: hidden
}

.list-wrap .list-con .news-box .items {
	border-top: 1px solid #e1e1e1;
	margin-top: -1px;
	padding: 20px 0
}

.list-wrap .list-con .news-box .items li a {
	vertical-align: top;
	display: block;
	width: 100%;
	line-height: 40px;
	color: #333;
	font-size: 16px;
	position: relative;
	padding-left: 24px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.list-wrap .list-con .news-box .items li a:hover {
	color: #0e72d6
}

.list-wrap .list-con .news-box .items li a .date {
	line-height: 40px;
	color: #999;
	font-size: 16px;
	vertical-align: top;
	display: inline-block;
	margin-left: 25px
}

.list-wrap .list-con .news-box .items li a:before {
	content: "";
	clear: both;
	width: 4px;
	height: 8px;
	display: block;
	background: #0e72d6;
	position: absolute;
	left: 0;
	top: 16px
}

.pic-box {
	overflow: hidden
}

.pic-box .items {
	width: 1266px;
	margin-left: -66px;
	margin-top: 20px
}

.pic-box .items .item {
	width: 356px;
	margin-left: 66px;
	float: left;
	margin-bottom: 50px
}

.pic-box .items .item .pic {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 100%;
	height: 235px
}

.pic-box .items .item .pic img {
	width: 100%;
	height: 100%
}

.pic-box .items .item h3 {
	text-align: center;
	background: #f3f3f3;
	height: 66px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-top: 8px\0;
	height: 58px\0
}

.pic-box .items .item h3,.pic-box .items .item h3 a {
	overflow: hidden;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.pic-box .items .item h3 a {
	font-size: 16px;
	color: #333;
	line-height: 24px;
	max-height: 48px;
	padding: 0 10px;
	display: block;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.pic-box .items .item:hover h3 {
	background: #2682c6
}

.pic-box .items .item:hover a {
	color: #fff
}

.policy-box {
	margin-bottom: 30px;
	margin-top: 45px
}

.policy-box .bd {
	background: #f3f3f3;
	padding: 20px 20px 45px 30px
}

.policy-box .bd .info {
	float: left;
	width: 545px;
	padding-top: 30px
}

.policy-box .bd .info p {
	font-size: 16px;
	line-height: 26px;
	color: #666;
	text-indent: 2em
}

.policy-box .bd .info .tip {
	margin-top: 50px
}

.policy-box .bd .info .tip .icon {
	display: inline-block;
	width: 24px;
	height: 26px;
	background: url(../images/p03.png) 50% no-repeat;
	background-size: 100%;
	vertical-align: middle;
	margin-right: 10px
}

.policy-box .bd .info .tip a {
	color: #0e72d6;
	font-size: 16px;
	line-height: 26px;
	text-decoration: underline
}

.policy-box .bd .pic {
	width: 570px;
	float: right
}

.policy-box .bd .pic img {
	width: 100%
}

.dynamic-wrap {
	overflow: hidden;
	margin-bottom: 30px
}

.dynamic-wrap .bd .swiper-box {
	float: left;
	width: 590px;
	overflow: hidden;
	height: 390px
}

.dynamic-wrap .bd .swiper-box .item {
	position: relative
}

.dynamic-wrap .bd .swiper-box .item .pic {
	display: block;
	width: 100%;
	font-size: 0;
	line-height: 0
}

.dynamic-wrap .bd .swiper-box .item .pic img {
	width: 100%;
	height: 390px
}

.dynamic-wrap .bd .swiper-box .item .tit {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 76px;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0 30% 0 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	background: -webkit-gradient(linear, left top, left bottom, from(transparent),
		to(rgba(0, 0, 0, .6) ) );
	background: -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, .6)
		100% );
	background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .6) )
}

.dynamic-wrap .bd .swiper-box .item .tit a {
	line-height: 22px;
	color: #fff;
	font-size: 18px;
	font-weight: 400
}

.dynamic-wrap .bd .swiper-box .slick-arrow {
	display: none !important
}

.dynamic-wrap .bd .swiper-box .slick-dots {
	width: 20%;
	position: absolute;
	right: 20px;
	bottom: 10px;
	text-align: right
}

.dynamic-wrap .bd .swiper-box .slick-dots li {
	width: 10px;
	height: 10px;
	display: inline-block;
	margin-left: 5px
}

.dynamic-wrap .bd .swiper-box .slick-dots li button {
	border: 0;
	width: 10px;
	height: 10px;
	background: hsla(0, 0%, 100%, .5);
	text-indent: -999em;
	padding: 0;
	border-radius: 50%
}

.dynamic-wrap .bd .swiper-box .slick-dots .slick-active button {
	background: #fff
}

.dynamic-wrap .bd .swiper-info {
	float: right;
	width: 550px
}

.dynamic-wrap .bd .swiper-info .items a {
	font-size: 18px;
	color: #333;
	line-height: 36px
}

.dynamic-wrap .bd .swiper-info .items dt {
	border-bottom: 1px dashed #e5e5e5;
	padding-bottom: 15px;
	margin-bottom: 15px
}

.dynamic-wrap .bd .swiper-info .items dt a {
	font-size: 24px
}

.dynamic-wrap .news-items {
	margin-left: -20px;
	width: 1220px;
	margin-top: 25px
}

.dynamic-wrap .news-items li {
	float: left;
	margin-left: 20px;
	width: 590px;
	height: 160px;
	border: 1px solid #e5e5e5;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 15px
}

.dynamic-wrap .news-items li h3 {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	padding: 25px 10px 15px 25px
}

.dynamic-wrap .news-items li h3 a {
	font-size: 18px;
	line-height: 20px;
	color: #333;
	font-weight: 400
}

.dynamic-wrap .news-items li h3:before {
	content: "";
	display: block;
	width: 4px;
	height: 8px;
	background: #0e72d6;
	position: absolute;
	left: 0;
	top: 50%
}

.dynamic-wrap .news-items li .pic-txt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0 10px 20px 25px
}

.dynamic-wrap .news-items li .pic-txt .pic {
	width: 120px;
	float: left\0;
	margin-right: 10px;
	font-size: 0;
	line-height: 0;
	display: block
}

.dynamic-wrap .news-items li .pic-txt .pic img {
	width: 100%
}

.dynamic-wrap .news-items li .pic-txt .txt {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	float: right\0;
	font-size: 16px;
	line-height: 26px;
	color: #666;
	width: 420px\0
}

.dynamic-wrap .news-items li .pic-txt .txt a {
	font-size: 16px;
	line-height: 26px;
	color: #0e72d6
}

.dynamic-wrap .news-items li .no-pic .txt {
	width: 100%
}

.dynamic-wrap .news-items li:hover {
	background: #fcfbfb;
	border: 1px solid #0e72d6;
	-webkit-box-shadow: 0 3px 5px 1px rgba(14, 114, 214, .1);
	box-shadow: 0 3px 5px 1px rgba(14, 114, 214, .1);
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.dynamic-wrap .news-items li:hover h3 a {
	color: #0e72d6
}

.article-wrap h1 {
	padding: 30px 0;
	line-height: 30px;
	font-size: 24px;
	color: #333;
	text-align: center
}

.article-wrap .tips {
	display: block;
	margin: 0 0 20px;
	padding: 10px 15px;
	background: #f8f8f8;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center
}

.article-wrap .tips span {
	color: #747474;
	font-size: 14px;
	line-height: 22px;
	margin: 0 10px
}

.article-wrap .article-box {
	padding: 0 45px 40px
}

.article-wrap .article-box p {
	margin-bottom: 30px;
	line-height: 32px;
	color: #333;
	font-size: 16px
}

.article-wrap .article-box p img {
	display: block;
	max-width: 100%;
	margin: 0 auto !important
}

@media screen and (max-width:769px) {
	html {
		font-size: 13.33333vw
	}
	.w1200 {
		padding: 0 .2rem;
		max-width: 7.1rem
	}
	.banner-box {
		width: 100%;
		height: 3.2rem;
		background: url(jqqqjmspxh_column_01.jpg) top no-repeat;
		background-size: auto 100%
	}
	.pic-box .items,.pic-box .items .item {
		width: 100%;
		margin-left: 0
	}
	.pic-box .items .item {
		float: none;
		margin-bottom: .2rem
	}
	.pic-box .items .item .pic,.pic-box .items .item .pic img {
		height: auto
	}
	.pic-box .items .item h3 {
		height: auto;
		padding: .1rem 0
	}
	.pagelist-box {
		height: auto
	}
	.pagelist-box .page span {
		padding: 0 .1rem;
		height: 24px;
		line-height: 24px
	}
	.pagelist-box .page .current {
		margin: 0 0 2px
	}
	.pagelist-box .page a:link,.pagelist-box .page a:visited {
		margin: 0 0 2px;
		padding: 0 .1rem;
		height: 24px;
		line-height: 24px
	}
	.pagelist-box .page .go-to-num,.pagelist-box .page .refresh-btn,.pagelist-box .page .sub-btn,.pagelist-box .page .totlepages,.pagelist-box .page select
		{
		display: none
	}
	.list-wrap {
		padding: 0 .2rem;
		max-width: 7.1rem
	}
	.list-wrap .list-con .news-box .items li a {
		padding-left: 0
	}
	.list-wrap .list-con .news-box .items li a .date {
		margin-left: 25px;
		white-space: nowrap;
		vertical-align: top;
		width: auto;
		line-height: 40px;
		float: right;
		text-align: right
	}
	.list-wrap .list-con .news-box .items li a:before {
		width: 0;
		height: 0
	}
	.list-wrap .list-con .news-box .items li a:after {
		content: "";
		clear: both;
		width: 100%;
		height: 0;
		display: block
	}
	.policy-box .bd {
		padding: 0 .2rem
	}
	.policy-box .bd .info {
		float: none;
		width: 100%
	}
	.policy-box .bd .info .tip .icon,.policy-box .bd .info .tip a {
		vertical-align: top
	}
	.policy-box .bd .pic {
		float: none;
		width: 100%
	}
	.dynamic-wrap .bd .swiper-box {
		float: none;
		width: 100%;
		height: auto
	}
	.dynamic-wrap .bd .swiper-box .item .pic img {
		height: auto
	}
	.dynamic-wrap .bd .swiper-info {
		float: none;
		width: 100%;
		margin-bottom: 20px
	}
	.dynamic-wrap .news-items {
		margin: 0;
		width: 100%
	}
	.dynamic-wrap .news-items li {
		float: none;
		width: 100%;
		height: auto;
		margin-left: 0
	}
	.dynamic-wrap .news-items li h3 a {
		vertical-align: top;
		display: block
	}
	.article-wrap h1 {
		padding: 30px 0;
		line-height: 30px;
		font-size: 24px;
		color: #333;
		text-align: center
	}
	.article-wrap .tips {
		text-align: left
	}
	.article-wrap .tips span {
		display: block
	}
	.article-wrap .article-box {
		padding-bottom: 40px
	}
	.article-wrap .article-box p {
		margin-bottom: 30px;
		line-height: 32px;
		color: #333;
		font-size: 16px;
		text-indent: 2em
	}
	.article-wrap .article-box p img {
		display: block;
		max-width: 100%;
		margin: 0 auto
	}
}
