﻿/*reset*/
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
br{display: block;line-height: 0;height: 0;}
body,textarea,input,button,select,keygen,legend{font: 14px/1.5 Helvetica, arial,'Microsoft YaHei', freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";outline:0;}
.f-cb:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb{zoom:1;}
/*header*/
.g-wp{
	width: 1000px;
	margin: 0 auto;
}
.m-hd-1{
	width: 100%;
	height: 43px;
	background-color: #06063c;
	color: #fff;
	*position: relative;
	*z-index: 200;
}
.m-meta{
	float: left;
	line-height: 43px;
}
.m-meta .name,.m-meta .rss{
	float: left;
}
.m-meta .name a,.m-meta .rss a{
	color: #fff;
	margin-right: 22px;
	display: block;
	width: 100%;
	height: 100%;
}
.m-meta .name a{
	background: url(../img/arr1.png) no-repeat left center;
	padding-left: 10px;
}
.m-meta .name a:hover,.m-meta .rss a:hover{
	text-decoration: none;
}
.m-fl,.u-log{
	float: right;
	line-height: 43px;
}
.m-fl{
	margin-right: 40px;
}
.m-fl .fl1,.m-fl .fl2{
	width: 34px;
	height: 34px;
	margin-top: 4px;
	float: left;
	background-image: url(../img/follow.png);
	background-repeat: no-repeat;
	display: block;
}
.m-fl span{
	float: left;
	line-height: 43px;
	margin-right: 10px;
}
.m-fl .fl1{
	background-position: 5px 6px;
	position: relative;
}
.m-fl .fl2{
	background-position: -30px 6px;
}
.m-qrcode{
	position: absolute;
	width: 180px;
	height: 180px;
	left: 0;
	top: 40px;
	z-index: 200;
	border: 1px solid #e3e3e3;
	display: none;
}
.m-qrcode img{
	width: 180px;
	height: 180px;
}
.m-fl .fl1:hover .m-qrcode{
	display: block;
}
.u-log{
	position: relative;
}
.u-log .login{
  background: url(../img/user.png) no-repeat 10px center #ce000d;
  width: 100px;
  height: 43px;
  padding-left: 34px;
  border: 0;
  color: #f5f5f5;
  font-size: 16px;
  cursor: pointer;
  outline: 0;
}
.u-log .us{
  float: left;
  height: 43px;
  line-height: 43px;
  display: none;
}
.u-log .us a{
  color: #f5f5f5;
  text-decoration: none;
  display: block;
  height: 100%;
  padding: 0 10px;
  font-size: 16px;
  float: left;
}
.u-log .us a:hover{
  background: #0f0f4e;
}
.u-log .form{
  display: none;
  position: absolute;
  right: 0;
  top: 43px;
  padding: 8px 22px 22px;
  width: 247px;
  background: #fcfcfc;
  border: 1px solid #e3e3e3;
  z-index: 1000;
}
.u-log .err{
  color: #ce000d;
  margin-bottom: 6px;
  height: 18px;
  font-size: 13px;
  line-height: 18px;
}
.u-log .usn,.u-log .psw{
  width: 219px;
  display: block;
  margin-bottom: 12px;
  border: 0;
  padding: 10px 0 12px 30px;
  outline: 0;
  color: #37376d;
}
.u-log .usn{
  background: url(../img/usn.png) no-repeat 10px center #b6b6ce; 
}
.u-log .psw{
  background: url(../img/psw.png) no-repeat 10px center #b6b6ce; 
}
.u-log .sbm{
  width: 100px;
  height: 38px;
  line-height: 38px;
  border: 0;
  padding: 0;
  text-align: center;
  font-size: 16px;
  background: #37376d;
  color: #f5f5f5;
  outline: 0;
  float: left;
}
.u-log .sgu{
  float: left;
  height: 38px;
  line-height: 38px;
  margin: 0 0 0 8px;
}
.u-log .sgu span{
  margin-right: 8px;
  color: #333;
}
.u-log .sgu a{
  color: #37376d;
  text-decoration: none;
}
.u-log .fpw{
  float: left;
  margin-top: 12px;
  color: #5A5A88;
  font-size: 13px;
  text-decoration: none;
}
.u-log .sgu a:hover,.u-log .fpw:hover{
  text-decoration: underline; 
}
.m-hd-2{
	height: 74px;
	padding-top: 2px;
}
.m-hd-2 .nfwlogo{
	float: left;
}
.m-sch{
	float: right;
	margin-top: 20px;
	display: none;
}
.m-sch input{
	width: 300px;
	height: 29px;
	line-height: 29px;
	padding: 3px 6px;
	font-size: 14px;
	border: 0;
	background: #dfdddd;
	float: left;
}
.m-sch button{
	background: url(../img/sch.png) no-repeat center center #7eb507;
	width: 100px;
	height: 35px;
	border: 0;
	text-indent: -200px;
	overflow: hidden;
}
.navToggle{
	display: none;
}
.m-nav{
	width: 100%;
	background: #dfdddd;
}
.m-nav .list1{
	height: 43px;
	line-height: 43px;
}
.m-nav .list1>li{
	position: relative;
}
.m-nav li{
	float: left;
	padding: 0 20px;
}
.m-nav li a{
	color: #626262;
}
.m-nav li a:hover{
	text-decoration: none;
}
.m-nav li .tnav{
	font-weight: bold;
}
.m-nav .list2{
	position: absolute;
	top: 43px;
	left: -62px;
	width: 900px;
	height: 48px;
	padding: 3px 0 5px;
	display: none;
}
.m-nav .list2 .arr{
	background: url(../img/arr2.png) no-repeat 0 0;
	width: 25px;
	height: 10px;
	position: absolute;
	top: -10px;
	left: 90px;
}
.m-nav .list3{
	left: -143px;
}
.m-nav .list3 .arr{
	left: 182px;
}
.m-nav .list5{
	left: -250px;
}
.m-nav .list5 .arr{
	left: 333px;
}
.m-nav .list6{
	left: -451px;
}
.m-nav .list6 .arr{
	right: 358px;
	left: auto;
}
.m-nav .list2 li{
	padding: 0;
	line-height: 24px;
}
.m-nav .list2 span{
	padding: 0 12px;
}
.m-nav .list2>li a{
	white-space: nowrap;
}
.m-nav .list1 .z-nl2:hover .z-list{
	display: block;
}

.m-bn{
	width: 1000px;
	margin: 10px auto;
	position: absolute;
	left: 0;
	top: 34px;
}
.m-bn .lf{
	float: left;
	width: 500px;
}
.m-bn .lr{
	float: right;
	width: 500px;
}

.m-masker{
	width: 100%;
	height: 56px;
	background: #f5f5f5;
}
.m-nrec{
	width: 100%;
	background-color: #f5f5f5;
	margin: 40px 0 0;
	border-top: 1px solid #e3e3e3;
}
.m-nrec h2{
	margin-left: 10px;
	font-size: 24px;
	color: #4d4b4c;
	margin-bottom: 10px;
	margin-top: 24px;
}
.m-nrec .itm{
	float: left;
	width: 192px;
	padding: 20px 16px;
	background: #fff;
	margin: 0 10px 26px;
}
.m-nrec .itm p{
	margin-left: 6px;
	margin-top: 4px;
	font-weight: bold;
}
.m-nrec .itm p a{
	color: #004885
}
.m-nrec .itm img{
	width: 192px;
	height: 128px;
	display: block;
}
.m-nrec .itm h3{
	padding: 0 6px;
	margin-top: 4px;
	font-weight: normal;
}
.m-nrec .itm a{
	color: #444;
}
.video-masker {
	position: absolute;
	background: url(../img/video_icon.png) no-repeat center center;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
}
/*footer*/
.m-ft{
	padding: 25px 0;
	border-top: 1px solid #e3e3e3;
	color: #626262;
}
.m-ft .cp{
	display: none;
}
.m-ft a{
	color: #626262;
}
.m-ft a:hover{
	text-decoration: none;
}
.m-ft span{
	padding: 0 12px;
}
@media (max-width: 640px) {
	body{padding-top: 57px;}
	.m-hd-1,.m-ft span,.m-masker,.m-nav .list2 span,.m-nav .list2 .arr,.m-bn{display: none}
	.g-wp,.m-hd-2{height: auto;width: 100%;padding-top: 0}
	.m-hd-2 .nfwlogo{margin-left: 10px;}
	.m-hd-2 .nfwlogo img{width: 135px;display: block;margin-top: 5px;margin-bottom: 5px}
	.z-nav{position: absolute;top: 0;width: 100%;background: #fff;z-index: 1000;border-bottom: 1px solid #fff;-webkit-box-shadow: 0 1.5px 3px rgba(0, 0, 0, 0.24), 0 3px 8px rgba(0, 0, 0, 0.05);box-shadow: 0 1.5px 3px rgba(0, 0, 0, 0.24), 0 3px 8px rgba(0, 0, 0, 0.05);height: 54px!important;}
	.navToggle{position: absolute;top: 0;width: 55px;height: 55px;right:0;background: url(../img/fl.png) no-repeat center center;}
	.navToggle.active{background-color: #ababab}
	.m-nav{position: absolute;z-index: 999;background-color: #262626;color: #a6a6a6;width:96%;padding: 0 2%;left: 0;top: 55px;display: none}
	.m-nav .list1{height: auto;line-height: 28px;margin-top: 10px}
	.m-sch{width: 100%;float: none}
	.m-sch input{width: 70%;box-sizing:border-box;height: 40px;font-size: 15px;border: 0;border-radius: 0}
	.m-sch button{width: 30%;height: 40px;text-indent: -2000px;}
	.m-nav li{padding: 0}
	.m-nav li a{color:#a6a6a6;display: block;width: 100%;height: 100%}
	.m-nav .list1>li{border-bottom: 1px solid #fff;float: none;width: 100%;overflow: hidden;padding-bottom: 5px;margin-bottom: 5px}
	.m-nav .list1>li:last-child{border-bottom: 0}
	.m-nav .list1>li>a{font-size: 18px;padding: 6px 0;color:#e5e5e5;}
	.m-nav .list2{display: block;position: static;width: 100%;margin-left: 12px;height: auto}
	.m-nav .list2 li{width: 100%;height: 35px;line-height: 35px;float: none}
	.m-ft .fnav{background-color: #444;overflow: hidden;}
	.m-ft span{display: none}
	.m-ft a{width: 33.33333%;display: block;float: left;text-align: center;font-size: 14px;height: 40px;line-height: 40px;color: #aaa}
	.m-ft a:first-child,.m-ft p:last-child{display: none}
	.m-ft .cp{display: block;text-align: center;font-size: 12px;color: #999;background-color: #333;height: 40px;line-height: 40px}
	.m-ft,.pic .m-ft{padding:0;overflow: hidden;}
}
