@charset "utf-8";
/* CSS Document */
html {
	background:#FFF;
	font-size:62.5%; /* 10÷16=62.5% */
}
body {
	font-size:14px;
	font-size:1.4rem; /* 14÷10=1.4 */
	color: #3a3a3a;
	font-family:'Microsoft YaHei', SimSun, SimHei, "STHeiti Light", STHeiti, "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
}
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dl, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset {
	margin:0px;
	padding:0px;
	-webkit-font-smoothing: subpixel-antialiased;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}
fieldset, img {
	border:0;
}
img, object {
	width:100%;
	max-width:100%;/*height:auto;*/
	width:auto\9;/* for ie8 */
	-ms-interpolation-mode: bicubic;
}
a {
	outline:none;
blr:expression(this.onFocus=this.blur());
	text-decoration:none;
	color: #444;
}
a:hover {
	color: #0085e4;
	text-decoration: none;
}
input[type='button'] {
	outline:none;
	border:0 none;
	background-color:transparent;
	cursor:pointer;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:400;
}
ul, ol, li {
	list-style:none outside none;
}
.tc {
	text-align:center !important;
}
.tl {
	text-align:left !important;
}
.tr {
	text-align:right !important;
}
.pa {
	position: absolute;
}
.pr {
	position: relative;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
}
q:before, q:after {
	content:'';
	content:none;
}
input, textarea, select {
	font-weight:inherit;
}
input, select, textarea, button {
	vertical-align:middle
}
.imgResize {
	width: 100%;
	display: block;
	height: 0;
	overflow:hidden;
}
.section {
	float:left;
}
.aside {
	float:right;
}


.box {}
.box .box-hd { width:100%; height:60px;border-bottom: 1px solid #999999; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.box .box-hd h3 { font:300 20px/60px "微软雅黑"; color:#000000;}
.box .box-hd h3 span { margin-left:10px; font:300 18px/60px "微软雅黑";}
.box .box-hd .more { width: 30px;}
.box .box-hd .more a { font:300 14px/60px "微软雅黑"; color: #999;}
.box .box-bd { width: 100%; height: auto; clear: both; padding-top: 10px;}
.box .box-bd ul li {
	font-size: 15px;
	height: 40px;
	background: url(../images/li-bg.png) no-repeat left center;
	display: flex; flex-direction: row; justify-content: space-between; align-items: center;padding-left: 15px;
}
.box .box-bd ul li a {
	flex: 1;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.box .box-bd ul li span {
	width: 42px;
}

	/*头部样式*/
.header {
	width:100%;
	min-width: 300px;
	height:162px;
	z-index:9999;
	/*background:url(../images/header_bg.jpg) repeat-x;*/
	background: #0085e4;
	/*background: linear-gradient(90deg, rgb(10, 138, 229), rgb(89, 64, 210));*/
	box-shadow:0px 0px 8px 2px rgba(0,0,0,0.2)
}
.top {
	height:120px;
	width: 1200px;
	margin:0 auto;
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	background: url(../images/top-bg.png) no-repeat left center;
}
.logo {
	width:auto;
	z-index: 1003;
	/*padding-top: 18px;*/
	/*float:left;*/
}
.logo a {
	/*display: inline-block;*/
*display: inline;
*zoom:1;
}
.logo1 {
	height:50px;
}
.logo1 img {
	height:50px;
}

.right {
	width: 250px;
	height:120px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-end;
}
/*.logo2{width: 167px;}*/
.topNav{float:right;height: 30px;line-height: 30px;margin-top:5px;}
.topNav a{margin-left:10px;color:#fcefdf;}
.navWrap {
	width: 100%;
	height: 42px;
	line-height: 42px;
	/*border-top:5px solid #0085e4;*/
	background-color:#fff;
}
.nav {
	width: 1200px;
	margin:0 auto;
	height: 42px;
	
}
.nav ul {
	display:flex;
	flex-direction:row;
	justify-content: flex-start;
	align-items: center;
}
.nav li {
	/*float: left;*/
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 42px;
	flex: 1;
	text-align: center;
	position: relative;
}
.nav li > a {
	display: block;
	/*padding:0 21px;*/
	position: relative;
	z-index: 10;
	color:#000000;
	height: 42px;
}
.nav li.on > a, .nav li.active > a {
	color:#fff;
	background-color:#2469de;
	opacity: 0.9;
}
.nav li.on .subNav {
	display: block;
}
.subNav {
	position: absolute;
	top:42px;
	background-color:#2469de;
	opacity: 0.9;
	font-size: 14px;
	font-size: 1.4rem;
	z-index: 2000;
	padding:0 0 10px;
	display: none;
	width: 100%;
}
.subNav dd {
	line-height:20px;
	padding:6px 4px;
	overflow: hidden;
	text-align: center;
	display: block;
}
.subNav dd:hover {
	background-color: #0085e4
}
.subNav dd:hover a {
	color:#fff;
}
.subNav dd a {
	color: #fff;
	display: block;
	position: relative;
	z-index: 300;
	line-height: 20px;
	overflow: hidden;
}
.ser {
	margin-top: 15px;
	display:block;
	width:250px;
	height:28px;
	/*right:0;*/
	/*bottom:25px;*/
	line-height:28px;
	background-color:#ffffff;
	z-index:9999994;
	/*position: absolute;*/
}
.search {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.search input {
	height: 28px;
	line-height:28px;
	color:#262626;
	border:none;
	background:none;
	padding-left:0px;
	/*flex: 1;*/
}
.search input.notxt {
	color:#8f000b;
	padding:0 0 0 7px;
	width:220px;
}
.search input.notxt1 {
	width: 30px;
	height:28px;
	border: none;
	background-color: #c2d7b2;
	cursor:pointer;
	overflow: hidden;
	background:url(../images/search_btn.png) no-repeat center center;
}
.wraq_header.current .logo {
	transition: width 0.3s ease 0s;
	-webkit-transition: width 0.3s ease 0s;
	-moz-transition: width 0.3s ease 0s;
	width:200px;
	height:57px;
	padding:12px 0 0 0;
}
.wraq_header.current {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:60px;
	background:none;
	background-color:#fff;
	z-index:99999;
	box-shadow:0 4px 4px rgba(200, 200, 200, .5);
	border-bottom: none;
	border-bottom: 4px solid #ccc\0;
*border-bottom: 4px solid #ccc;
	_border-bottom: 4px solid #ccc
}
.wraq_header.current .topHeader, .wraq_header.current .logo2 {
	display: none;
}
.wraq_header.current .logo1 {
	top:0;
	height: 60px;
	left:0;
}
.wraq_header.current .logo1 img {
	width: 50px;
	height: 51px;
}
.wraq_header.current .nav {
	height:60px;
	line-height:60px;
	margin:0 0 0 100px;
	width:1060px;
	border:none;
}
.wraq_header.current .nav li {
	width: auto;
	background:none;
	font-size:0.9em;
	height:60px;
	line-height:60px;
	transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	border:none;
}
.wraq_header.current .nav li > a {
	border-left:none;
	padding:0 13px;
}
.wraq_header.current .subNav {
	display: none !important;
}
.phone-ser {
	display: none;
}
.goTop {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 99;
	color: #fff;
	text-align: center;
	font-size: 14px;
	transition: none;
	background-color:#0085e4;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 50%;
	border:1px solid #fff;
}
.goTop:hover {
	color:#fff;
}
/*手机端导航*/
.mobile {
	width: 100%;
	position:absolute;
	height: 39px;
	display: none;
	bottom:21px;
	right: 0;
	z-index: 9999991
}
.mobile_title {
	width: 100%;
	float:left;
	color:#fff;
	position: absolute;
	left:0;
	top: 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	font-weight:normal;
}
.mobile-inner-header {
	width:100%;
	height: 39px;
	position: absolute;
	top: 0px;
	right: 0px;
}
.mobileLink {
	height: 39px;
	line-height: 39px;
}
.mobileLink dd {
	height: 39px;
	line-height: 39px;
	float:left;
	width: 25%;
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
}
.mobileLink dd a {
	color:#fff;
}
.mobile-inner-header-icon {
	color: #fff;
	height: 39px;
	font-size:16px;
	font-size:1.6rem;
	line-height:39px;
	text-align: left;
	float:right;
	width: 50px;
	position: relative;
	cursor: pointer;
	margin-right: 10px;
}
.mobile-inner-header-icon span {
	position: absolute;
	left: calc((100% - 25px) / 2);
	top: calc((100% - 1px) / 2);
	width: 25px;
	height: 2px;
	background-color: rgba(255,255,255,1);
}
.mobile-inner-header-icon-click span:nth-child(1) {
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clickfirst;
}
.mobile-inner-header-icon-click span:nth-child(2) {
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clicksecond;
}
.mobile-inner-header-icon-click span:nth-child(3) {
	display: none;
}
.mobile-inner-header-icon-out span:nth-child(1) {
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outfirst;
}
.mobile-inner-header-icon-out span:nth-child(2) {
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outsecond;
}
@keyframes clickfirst {
 0% {
 transform: translateY(4px) rotate(0deg);
}
 100% {
 transform: translateY(0) rotate(45deg);
}
}
 @keyframes clicksecond {
 0% {
 transform: translateY(-4px) rotate(0deg);
}
 100% {
 transform: translateY(0) rotate(-45deg);
}
}
@keyframes outfirst {
 0% {
 transform: translateY(0) rotate(-45deg);
}
 100% {
 transform: translateY(-4px) rotate(0deg);
}
}
 @keyframes outsecond {
 0% {
 transform: translateY(0) rotate(45deg);
}
 100% {
 transform: translateY(4px) rotate(0deg);
}
}
.mobile-inner-nav {
	background-color: #0085e4;
	opacity: 0.9;
	width: 100%;
	position: absolute;
	top: 59px;
	left: 0px;
	padding-bottom: 25px;
	display: none;
}
.mobile-inner-nav a {
	display: inline-block;
	line-height: 40px;
	text-decoration: none;
	width: 80%;
	margin-left: 10%;
	color: #FFFFFF;
	border-bottom: solid 1px rgba(255,255,255,0.3);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	font-weight:300;
}
.mobile-inner-nav a:hover {
	color: rgba(255,255,255,0.4);
	border-bottom: solid 1px rgba(255,255,255,0.2);
}
.mobile-inner-nav li {
	position: relative;
}
.mobile-inner-nav li strong {
	color: rgba(255,255,255,0.5);
	position: absolute;
	right:10%;
	top:0;
	font-size: 25px;
	font-size: 2.5rem;
	cursor: pointer;
	width: 20px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.mobile-inner-nav a {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: returnToNormal;
	animation-name: returnToNormal;
}
@-webkit-keyframes returnToNormal {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
 @keyframes returnToNormal {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
.mobile_subNav {
	display: none;
	padding-left:10px;
}
.mobile-inner-nav dd a {
	height: 30px;
	line-height: 30px;
	border-bottom: dotted 1px rgba(255,255,255,0.2);
	font-size: 12px;
	font-size: 1.2rem;
}
/*footer*/

.footer {
	width: 100%;
	margin:0 auto;
	color:#fff;
	text-align: center;
	line-height:26px;
	background-color:#2c2c2c;
	font-size: 14px;
	padding:16px 0;
}
.footer a {
	color:#fff;
}
.footer span {
	margin-right: 10px;
}
 @media screen and (max-width:1200px) {
.top {
	width: auto;
	padding:0 15px;
}
.footer {
	width: auto;
	padding:15px;
}
.ser {
	right: 15px;
}
.nav li > a {
	padding:0 12px;
}
.nav {
	width: 988px;
	margin:0 auto;
}
}
 @media screen and (max-width:992px) {
.navWrap {
	display: none;
}
.topNav, .ser {
	display: none;
}
.mobile {
	display: block;
}
.header {
	position: relative;
	height: 82px;
}
.header .top {
	height: 82px;
}
.mobile .phone-ser {
	display: block;
	position: relative;
	margin:20px auto 0;
	bottom: auto;
	right: auto;
}
.logo {
	position: relative;
	z-index: 9999999
}
.subNav {
	font-size: 12px;
}
}
@media screen and (max-width:768px) {
.logo {
	text-align: center;
	/*width: 90%*/
}
}
 @media screen and (max-width:540px) {
.logo {
	width: 90%;
	margin:0 auto;
	padding: 20px 0;
	height: auto;
}
	 .logo .logo1 img {
		 height:auto;
	 }

	 .mobile-inner-header-icon {
	font-size: 14px;
	font-size:1.4rem;
	width: 42px;
}
.mobileLink dd {
	font-size: 14px;
	font-size: 1.4rem;
}
}
 @media screen and (max-width:480px) {
.logo1 {
	width: 125px;
}
.logo2 {
	width: 140px;
}
}
@media screen and (min-width:320px) and (max-width:360px) {
.logo {
	padding-bottom: 0
}
.logo1 {
	width: 95px;
}
.logo2 {
	width: 100px;
}
.top, .header {
	height: 70px;
}
}
.article ul {
	padding-left:30px;
}
.article ul sapn {
	list-style: disc;
}
.article ul li {
	list-style: disc;
}