html, body,a,address,b,big,blockquote,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,label,legend,li,ol,p,pre,small,span,strong,u,ul,var
{
    margin: 0;
    padding: 0;
}
input:focus,select:focus{
    outline: 0;
}
.hide{display: none}
.fl{float: left}
.fr{float: right}
em,b,strong,i,label{font-style: normal;font-weight:100;}
ul, li, ol {list-style: none; }
a, a:link {text-decoration: none; font-size: 16px;}
a:active, a:hover {text-decoration: none; color: #333;}
a:focus {outline: none; }
html{
  height: 100%;
}
body{
    font-family: 'Microsoft YaHei';
    font-size: 16px;
    background-color: #ffffff;
}
/*通用清除浮动*/
.clearfix:before,.clearfix:after{
    content:"";
    display:table;
    clear: both;
}
.clearfix:after{clear:both;}
.clearfix{
    *zoom:1;/*IE/7/6*/
}
/*通用清除浮动*/
img{
    border:none;
}
.marTop30{
  margin-top: 30px;
}
.padTop30{
  padding-top: 30px;
}
/*首页*/
body,html{
  height: 100%;
}
.section{
	width: 1200px;
	margin: 0 auto;
}
/*页脚*/

.footer {
	box-sizing: border-box;
	height: 280px;
	background-color: #2e2e2e;
	padding-top: 35px;
	padding-bottom: 51px;
}

.footer .footerleft {
	float: left;
	width: 315px;
	height: 194px;
}

.footer .footerleft ul {
	float: left;
	margin-top: 5px;
}

.footer .footerleft ul li {
	line-height: 26px;
}

.footer .footerleft ul li a {
	font-size: 14px;
	color: #ffffff;
}

.footer .footerleft ul li a:hover {
	text-decoration: underline;
}

.footer .footerleft ul.footleftu1 {
	margin-left: 10px;
}

.footer .footerleft ul.footleftu2 {
	margin-left: 70px;
}

.footer .footerinfo {
	float: left;
	width: 400px;
	height: 194px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-top: none;
	border-bottom: none;
}

.footer .footerinfo .QRcodebox {
	padding-top: 20px;
	width: 320px;
	margin: 0 auto;
}

.footer .footerinfo .QRcodebox>div {
	width: 134px;
	float: left;
	margin: 0px 13px;
	text-align: center;
}

.footerinfo .QRcodebox>div span {
	font-size: 14px;
	color: #ffffff;
	display: block;
	margin-top: 5px;
}

.footer .footeright {
	float: left;
	width: 480px;
	height: 194px;
}

.color_dc444a {
	color: #dc444a;
}

.footeright .footerdetails {
	margin-left: 60px;
	padding-top: 5px;
}

.footeright .footerdetails h3 {
	font-size: 21px;
	line-height: 26px;
	color:rgb(220, 68, 74);
	margin: 10px 0px;
	font-weight: normal;
}

.footerdetails h3 {
	font-size: 21px;
	line-height: 26px;
	color: #dc444a;
	margin: 10px 0;
	font-weight: 400
}

.footeright .footerdetails h3>b {
	margin-right: 30px;
	color:rgb(220, 68, 74);
}
.footerdetails h3>b {
    margin-right: 30px;
}
.footeright .footerdetails h2 {
	font-size: 26px;
	line-height: 26px;
	color: #ffffff;
	font-weight: normal;
	margin-bottom: 15px;
}

.footeright .footerdetails p span {
	font-size: 14px;
	color: #ffffff;
}

.footeright .footerdetails p {
	font-size: 12px;
	line-height: 30px;
	color: rgba(255, 255, 255, 0.5);
}

.footerdetails p span.s_1 i {
	margin-right: 10px;
}

.footerdetails p span.s_2 {
	margin-left: 15px;
}

.footerdetails p span.s_2 i {
	font-size: 20px;
	vertical-align: middle;
	margin-right: 5px;
}


/*事业单位图标*/

.footerdetails .sydwimg {
	float: left;
	margin-left: -12px;
}

.footerdetails .titletle {
	float: left;
	width: 350px;
	margin-top: 7px;
}

.footerdetails .footercolor {
	font-size: 12px;
	color: #066bd1;
}

.footerdetails .footercolor:hover {
	text-decoration: underline;
}

/*footer css START*/
.footer {
	box-sizing: border-box;
	height: 280px;
	background-color: #2e2e2e;
	padding: 35px 0 51px 0
}

.footer ul li {
	line-height: 26px
}

.footer ul li a {
	font-size: 14px;
	color: #fff
}

.footer .footer-left-con {
	width: 315px
}

.footer .footer-left-con .u1 {
	margin-left: 10px;
	margin-top: 5px
}

.footer .footer-left-con .u2 {
	margin-left: 70px;
	margin-top: 5px
}

.footer .footer-midd-con {
	width: 400px;
	border: 1px solid rgba(255,255,255,.2);
	border-top: 0;
	border-bottom: 0
}

.footer .footer-midd-con .QRcodebox {
	width: 320px;
	padding-top: 20px;
	margin: 0 auto
}

.footer .footer-midd-con .QRcodebox>div {
    width: 134px;
    margin: 0 13px;
    text-align: center;
    color: #fff;
}
.footer .footer-midd-con .QRcodebox>div>img {
    display: inline-block;
    border: none;
    vertical-align: middle; 
}

.footer .footer-right-con {
	width: 480px
}



.footer .footer-right-con .footcon {
	padding-top: 5px
}

.footer .footer-right-con .footcon h2 {
	font-size: 26px;
	line-height: 26px;
	color: #fff;
	font-weight: 400;
	margin-bottom: 15px
}

.footer .footer-right-con .footcon h3 {
	line-height: 26px;
	font-size: 21px;
	margin: 10px 0;
	font-weight: 400
}

.footer .footer-right-con .footcon p {
	font-size: 12px;
	line-height: 30px;
	color: rgba(255,255,255,.5)
}

.footer .footer-right-con .footcon p span {
	font-size: 14px;
	color: #fff
}
.footerdetails {
	margin-left: 60px;
	padding-top: 5px
}

.footerdetails h3 {
	font-size: 21px;
	line-height: 26px;
	color: #dc444a;
	margin: 10px 0;
	font-weight: 400
}

.footerdetails h3>b {
	margin-right: 30px
}

.footerdetails h2 {
	font-size: 26px;
	line-height: 26px;
	color: #fff;
	font-weight: 400;
	margin-bottom: 15px
}

.footerdetails p span {
	font-size: 14px;
	color: #fff
}

.footerdetails p {
	font-size: 12px;
	line-height: 30px;
	color: rgba(255,255,255,.5)
}

.footerdetails p span.s_1 i {
	margin-right: 5px
}

.footerdetails p span.s_2 {
	margin-left: 15px
}

.footerdetails p span.s_2 i {
	font-size: 20px;
	vertical-align: middle;
	margin-right: 5px
}

.footerdetails .sydwimg {
	float: left;
	margin-left: -12px
}

.footerdetails .titletle {
	float: left;
	width: 350px;
	margin-top: 7px
}

.footerdetails .footercolor {
	font-size: 12px;
	color: #066bd1
}

.footerdetails .footercolor:hover {
	text-decoration: underline
}
/*footer css END*/
/*页脚结束*/
.headerbox{
	height: 85px;
}
.headerbox .logo{
	display: inline-block;
	margin: 16px 0px;
}
.headerbox ul{
	margin-left: 150px;
}
.headerbox ul li{
	float: left;
	line-height: 100px;
	padding: 0px 22px;
}
.headerbox ul li a{
	font-size: 18px;
	color: #036bde;
}
.headerbox ul li a:hover{
	text-decoration: underline;
}
.fuctionbtn{
	float: right;
	padding-top: 5px;
}

@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
   /*opacity: 0;*/
  }
}

@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    /*opacity: 0;*/
  }
}

.fuctionbtn a {
	 display: inline-block;
	 width: 60px;
	 height: 21px;
	 background-color: #ededed;
	 text-align: center;
	 font-size: 14px;
	 color: #575757;width: 60px;
	height: 21px;
	background-color: #ededed;
	text-align: center;
	font-size: 14px;
	color: #575757;
  	vertical-align: middle;
  	-webkit-transform: translateZ(0);
  	transform: translateZ(0);
  	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  	-webkit-backface-visibility: hidden;
  	backface-visibility: hidden;
  	-moz-osx-font-smoothing: grayscale;
  	position: relative;
}
.fuctionbtn a:before {
  	content: '';
  	position: absolute;
  	border: #ededed solid 2px;
  	top: 0;
  	right: 0;
  	bottom: 0;
  	left: 0;
  	-webkit-animation-duration: 1s;
  	animation-duration: 1s;
}
.fuctionbtn a:hover:before,.fuctionbtn a:focus:before,.fuctionbtn a:active:before {
  	-webkit-animation-name: hvr-ripple-out;
  	animation-name: hvr-ripple-out;
}
.functionuser span{
	font-size: 14px;
	font-weight: normal;
	line-height: 26px;
	color: #575757;
	margin-right: 25px;
}
.functionuser a{
	font-size: 14px;
	font-weight: normal;
	color: #066cd2;
}
.functionuser a:hover{
	text-decoration: underline;
}
.heatseartop{
	height: 177px;
	background:#35397f url('../images/nstl/heatseartop.png')no-repeat center;
}
.heatseartop .leftmodelbox{
	box-sizing: border-box;
	float: left;
	width: 220px;
	height: 177px;
	padding-top: 40px;
	padding-left: 50px;
}
@keyframes myfirst
{
	from {opacity: 0.5;}
	to {opacity: 1;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
	from {opacity: 0.5;}
	to {opacity: 1;}
}
@-webkit-keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.secdbanner{
	height: 17px;
	background: #353a7f url(../images/nstl/seclevelbanner.png)no-repeat center;
}

/*登录*/

.loginBox {
	height: 523px;
	background-image: url("../images/nstl/loginBg.png");
	background-repeat: no-repeat;
	background-position: center;
	margin: 50px auto;
}

.loginBox .loginForm {
	width: 296px;
	height: 280px;
	padding: 40px 32px 72px 35px;
	margin: 10px 99px 60px 0;
}

.form-title {
	padding-bottom: 15px;
	border-bottom: 1px solid #d3d3d3;
}

.form-title h2 {
	font-weight: normal;
	font-size: 18px;
	color: #404040;
}

.form-title h2 span {
	font-weight: normal;
	font-size: 17px;
	color: #c19536;
	margin-left: 9px;
}

.controls {
	position: relative;
	margin-bottom: 18px;
}

.control-label {
	position: absolute;
	left: 1px;
	top: 2px;
	width: 45px;
	height: 40px;
	line-height: 40px;
	font-size: 22px;
	color: #bbbbbb;
	background-color: #f6f6f6;
	text-align: center;
}

.form-control:-moz-placeholder {
	color: #929292;
}

.form-control::-moz-placeholder {
	color: #929292;
}

.form-control:-ms-input-placeholder {
	color: #929292;
}

.form-control::-webkit-input-placeholder {
	color: #929292;
}

.form-control {
	display: block;
	width: 241px;
	height: 40px;
	line-height: 1.428571429;
	color: #555555;
	vertical-align: middle;
	border: 1px solid #929292;
	padding-left: 55px;
}

.form-control:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-actions a {
	font-size: 14px;
	color: #036bde;
}

.form-actions .form-control {
	width: 296px;
	padding-left: 0;
	background-color: #f16146;
	border-color: #f16146;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
}









/*组件*/
.text_12_font{
	font-size: 12px;
	font-weight: normal;
	color: #8b8b8b;
}
a.btns{
	display: inline-block;
	height: 30px;
	font-size: 14px;
    color: #ffffff;
    border-radius: 4px;
    vertical-align: middle;
    line-height: 30px;
    text-align: center;
    padding: 0px 10px;
    border: none;
    margin-top: 10px;
}
a.btns.btns-orange{
	background-color: #f16146;
}
a.btns.btns-pramis{
	background-color: #2886ef;
}
a.btns.disable{
	background-color: #acacac;
}
a.btns:hover{
	color: #ffffff;
}
.oper{
	display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    line-height: 15px;
}
.oper i.icon{
	font-size: 15px;
	color: #066cd2;
}
.sortbox{
	display: inline-block;
	width: 14px;
	height: 22px;
	vertical-align: middle;
}
.sortbox .topsort{
	margin-bottom: 2px;
}
.sortbox .topsort,.sortbox .btmsort{
	float: left;
	display: inline-block;
	width: 14px;
	height: 10px;
	line-height: 10px;
	color: #a1a1a1;
	cursor: pointer;
}
.sortbox i.active{
	color: #ff6d2c;
}
a.text{
	font-size: 12px;
	color: #066cd2;
}
a.text:hover{
	color: #066cd2;
	text-decoration: underline;
}
.text-pramis,.text-pramis:hover{
	color: #066cd2;
}
.text-orange{
	color: #f16146;
}
.text-orange:hover{
	color: #f16146;
}
.text-align-left{
	display: block;
	text-align: left;
	padding-left: 10px;
}
select::-ms-expand{display:none;}
select{
  appearance:none;
 -moz-appearance:none;
 -webkit-appearance:none;
 background: url(../images/nstl/arrowdown.png) no-repeat scroll right center transparent;
}


#msg.success { border: 1px dotted #390; color: #390; padding-left: 100px; background: url(../images/confirm.gif) no-repeat 20px center; }
.msg-wrap{
	height: auto;
    margin-bottom: 5px;
    margin-top: 5px;
    min-height: 20px;
	width:247px;
}

#msg.errors {
	 background: rgba(0, 0, 0, 0) url("../images/pwd-icons-new.png") no-repeat scroll -97px -46px;
    height: auto;
    line-height: 15px;
     border: 1px solid #faccc6;
    color: #e4393c;
    padding: 3px 10px 3px 40px;
    position: relative;
    float: left;
    font-size:12px;
    width:247px;
   }