body {
	
	font: 90%/160% Arial, Helvetica, sans-serif;

	color: #333;

	width: 900px;

	max-width: 96%;

	margin: 0 auto;
padding:0px;

}
.header .layui-nav{position: absolute; right: 0; top: 0; padding: 0; background: none;}
.header .layui-nav .layui-nav-item{margin: 0 20px; }
.header .layui-nav .layui-nav-item[mobile]{display: none;}

.header .layui-container .logo{left: 15px;}
.header .layui-container .layui-nav{right: 15px;}


html{background-color: #F2F2F2;}
i{font-style: normal;}

/*我的面板*/
.my-panel {margin-bottom: 15px; border-radius: 2px; background-color: #fff; box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);}
.my-panel-title{position: relative;height: 48px; line-height: 50px; padding: 0 15px; border-bottom: 2px solid #E9E9E9; color: #333; border-radius: 2px 2px 0 0; font-size: 14px;    border-bottom: #db6d4c 4px solid;}

.more {
	float: right;
	padding-right: 10px;
	font-size: 12px;
	line-height: 50px;
}
.linkblock{
	height:60px;
	background:#0191ce;
	display:block;
	width:100%;
	color:#f0f5ee;
	font-size:20px;
	line-height:60px;
	text-align:center;
	vertical-align: middle;
	margin-bottom:10px;
}
.verifycode{
	 display: inline-block;
	 vertical-align:middle;
	 margin-left:10px;
	 margin-top:5px;
}
.news{overflow:hidden; padding:10px 10px 10px; background-color: #fff;}
.news .title{position:relative; line-height: 45px; padding:0 15px;color:#333;font-size:18px;font-weight:bold; text-align:center}
.news .date{position:relative;height:45px; line-height: 45px; padding:0 15px;border-bottom:1px solid #a4a4a4;color:#333;font-size:12px; text-align:center}
.infolist2{overflow:hidden; padding:6px 0px; border-radius: 2px; background-color: #fff; box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);}
.infolist2 .title{ position:relative;height:45px; line-height: 45px; padding:0 15px;border-bottom:2px solid #a4a4a4;color:#333;font-size:14px;font-weight:bold;}
.infolist2 .title a{color:#0269b4;}
.infolist2 .title .tname{ position:absolute; padding:0 10px;width:220px; height:44px;line-height: 45px;top:0;left:2px;border-bottom:2px solid #0269b4;font-size:14px;font-weight:bold;}
.infolist2 .title .en{ margin-left:4px;font-family:Georgia, Arial, Helvetica, sans-serif;  font-weight:normal; color:#a5a5a5; font-size:12px;}
.infolist2 .title .tmore{ float:right;}
.infolist2 .title .tmore a{color:#333;}
.infolist2 .title .right_content{margin-left:220px; font-weight:normal; line-height: 45px;padding:2px 5px 0 0; font-size:12px;}
.infolist2 dd{clear:both; padding:3px 0px;}
.infolist2 dd .info{ clear:both; border-bottom:dotted 1px #cccccc; padding:4px 5px 0px;font-size:12px;white-space: nowrap;text-overflow:ellipsis; height:25px;}
.titlelist{
	display:block;
	line-height:20px;
	overflow:hidden;
	-ms-text-overflow:ellipsis;
	white-space:nowrap;
	width:240px;
	height:20px
	white-space: nowrap;
	text-overflow:ellipsis;

}
.infolist2 dd .stitle{margin: 0 15px;background:url(../images/dot-2.gif) no-repeat left 50%; padding-left:10px; padding-top:0px; float:left;}
.infolist2 dd .stype{padding-left:6px; padding-top:4px;float:right;width:90px;}
.infolist2 dd .sdate{ float:right; text-align:right; width:74px;padding-top:4px; font-family:Arial, Helvetica, sans-serif; color:#333; padding-right:2px;}			   
.infolist2 dd  #i6{border-bottom:dotted 0px #cccccc;}  
.infolist2 	.none{ text-align:center; line-height:140px; color:#ccc;}

.login-main{margin:0 auto;width:100%; height:auto;vertical-align: middle; border:0px solid  #a4a4a4; box-shadow: 2px 2px 2px  0 rgba(0,0,0,.05);}
.login-main .label{ position:relative;height:40px; line-height: 40px; padding:0 15px;color:#333;font-size:14px;font-weight:bold;margin:0 auto; text-align:center}
.login-main .content{margin:0 auto;width:50%; height:auto;vertical-align: middle;}

.login-main_m{margin:0 auto;width:40%; height: auto;vertical-align: middle;}
.login-main_m .label{ position:relative;height:40px; line-height: 40px; padding:0 15px;color:#333;font-size:14px;font-weight:bold;margin:0 auto; text-align:center}
.login-main_m .content{margin:0 auto;width:50%; height: auto;vertical-align: middle;}

.bm_panel1{margin:0 auto;width:100%; height:auto; background:#FFF;vertical-align: middle; border:0px solid  #a4a4a4; box-shadow: 2px 2px 2px  0 rgba(0,0,0,.05);}
.bm_panel1 .label{ position:relative;height:32px; line-height: 32px; padding:0 15px;color:#333;font-size:14px;font-weight:bold;margin:0 auto; text-align:center}
.bm_panel1 .content{margin:0 auto;width:95%; height:auto;vertical-align: middle; border:1px solid  #a4a4a4; padding:10px}
.title_1{
	position: relative;
	height: 23px;
	border-bottom: 1px solid #d4d4d4;
	margin-bottom: 10px
}
.title_1 span.current {
	position: relative;
	top: 0px;
	display: inline-block;
	color:#333;
	font-size: 12px;
	font-weight: bold;
	height: 22px;
	line-height: 22px;
	border-bottom: 2px solid #ff9d02
}

.footer {
	height: auto;
	position: relative;
	overflow: hidden;
	border-top: 6px solid #007ac5;
	margin: 10px auto 0;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	color: #eeeeee;
	background:#0269b4;
}
@media screen and (min-width: 768px) {
  .fly-topline{height: 166px;}
 
 
}
@media screen and (min-width: 992px) {
  .fly-topline{height: 141px;}
  
}
@media screen and (min-width: 1200px) {
  .fly-topline{height: 172px;}
 
}
@media screen and (max-width: 992px) {
  body .header .layui-nav .layui-nav-item{margin: 0 5px;}
  .login-main .content{margin:0 auto;width:100%; height: auto;vertical-align: middle;}
  .login-main_m{width:95%; }
  .login-main_m .content{margin:0 auto;width:100%; height: auto;vertical-align: middle;}
  
}
.currentpos{
	width:100%;
	height:30px;
	line-height:30px;
	
	position: relative;
	background:#FAFAFA;
	border-bottom: medium 1px  #999999;
	
}
.currentpos span.pos{
	float:left;
	position: relative;
	padding-left:5px;
}
.currentpos span.pos a:link{
	text-decoration:none;color:#00C;
}
.currentpos span.pos a:hover{
	text-decoration:none;color:red;
}
.currentpos span.pos a:active{
	text-decoration:none;color:#00C;
}
.currentpos span.pos a:visited{
	text-decoration:none;color:#00C;
}

.currentpos span.current{
	float:right;
	position: relative;
	padding-right:10px;
}
/*响应式菜单*/
@import url('http://fonts.googleapis.com/css?family=Source+Sans+Pro');
.login-block{
	margin: 0;
	display:inline-block;
	text-align:center;
	padding-left:50px;
}
.header{
	width: 20%;
	margin: 0;
	padding: 0px 0px;
	position: relative;
	float: left;
	font-family: "Source Sans Pro",Segoe UI,Arial,Microsoft YaHei;
	list-style: none;
	background:#3c8dbc;
	display: flex;
	align-items:center;
}
.header logo{position: absolute; left: 10px; top: 10px;}
.header img{
	height:60px;
    width:auto;
	margin: 0;
	padding: 0;
	float: left;
	
	position: relative
	
	}
.userinfo{
	width: 30%;
	margin: 0;
	padding: 0px;
	position: relative;
	float: right;
	background:#3c8dbc;
	list-style: none;
	height: 60px; 
	display:inline-block;
	line-height: 60px;
	color: #fff;
	text-align:right
	
	

}
.userinfo a{
	padding: 0px 15px;
	margin-top:5px;
	color: #fff;
}
.flexy-menu {
	width: 50%;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
	font-family: "Source Sans Pro",Segoe UI,Arial,Microsoft YaHei;
	list-style: none;
	
	background: #3c8dbc
}

.flexy-menu li {
	display: inline;
	font-size: 14px;
	margin: 0;
	padding: 0;
	float: left;
	line-height: 20px;
	position: relative
}

.flexy-menu>li>a {
	padding: 20px 18px;
	color: #fff;
	text-decoration: none;
	display:block;
	text-transform: uppercase;
	-webkit-transition: color .2s linear,background .2s linear;
	-moz-transition: color .2s linear,background .2s linear;
	-o-transition: color .2s linear,background .2s linear;
	transition: color .2s linear,background .2s linear
}

.flexy-menu li:hover>a,.flexy-menu li.active a {
	background: #555;
	color: #fff
}

.flexy-menu li.right {
	float: right
}

.flexy-menu ul,.flexy-menu ul li ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: none;
	position: absolute;
	z-index: 99999;
	width: 132px;
	background: #333;
	box-shadow: 0 1px 1px rgba(0,0,0,0.3)
}

.flexy-menu ul {
	top: 60px;
	left: 0
}

.flexy-menu ul li ul {
	top: 0;
	left: 100%
}

.flexy-menu ul li {
	clear: both;
	width: 100%;
	border: 0;
	font-size: 14px
}

.flexy-menu ul li a {
	padding: 10px 18px;
	width: 100%;
	color: #dedede;
	font-size: 13px;
	text-decoration: none;
	display: inline-block;
	float: left;
	clear: both;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-transition: color .2s linear,background .2s linear;
	-moz-transition: color .2s linear,background .2s linear;
	-o-transition: color .2s linear,background .2s linear;
	transition: color .2s linear,background .2s linear
}

.thin>li>a {
	padding: 10px 20px
}

.thin ul {
	top: 40px
}

.thick>li>a {
	padding: 40px 22px
}

.thick ul {
	top: 100px
}

.flexy-menu i {
	line-height: 20px!important;
	margin-right: 6px;
	font-size: 18px;
	float: left
}

.flexy-menu>li.showhide {
	display: none;
	width: 100%;
	height: 50px;
	cursor: pointer;
	color: #dedede;
	border-bottom: solid 1px rgba(0,0,0,0.1);
	background:#3c8dbc
}

.flexy-menu>li.showhide span.title {
	margin: 16px 0 0 25px;
	float: left
}

.flexy-menu>li.showhide span.icon {
	margin: 17px 20px;
	float: right
}

.flexy-menu>li.showhide .icon em {
	margin-bottom: 3px;
	display: block;
	width: 20px;
	height: 2px;
	background: #ccc
}

.orange li:hover>a,.orange li.active a {
	background: #2b75a0;
	color: #fff!important
}

.flexy-menu.vertical {
	width: 200px
}

.flexy-menu.vertical li {
	width: 100%
}

.flexy-menu.vertical li a {
	display: inline-block!important;
	width: 100%;
	padding: 18px 20px 16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.flexy-menu.vertical ul li {
	width: 100%
}

.flexy-menu.vertical ul,.flexy-menu.vertical ul li ul {
	width: 150px
}

.flexy-menu.vertical ul {
	top: 0;
	left: 100%
}

.flexy-menu.vertical ul li ul {
	top: 1px
}

.flexy-menu.vertical.right {
	float: right!important
}

.flexy-menu.vertical.right ul {
	left: -150px!important
}

@media only screen and (max-width:768px) {
	.login-main .content{margin:0 auto;width:100%; height: auto;vertical-align: middle;}
	 .login-main_m{width:95%; }
	.verifycode{
		 margin-left:110px;
		 margin-top:5px;
		
	}
	.userinfo{
		width:50%;
		height:50.99px;
		line-height:50.99px;
	}
	.userinfo a{
		padding: 0px 0px;
		margin-top:0px;
		color: #fff;
	}
	.flexy-menu {
	width:50%;
	}
	.header{
	width:00%;
		
	}
	.header img{
	
	height:50.99px;
	width:auto
	
	}
	.flexy-menu.vertical {
		width: 100%
	}

	.flexy-menu li {
		display: block;
		width: 100%
	}

	.flexy-menu>li>a {
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 25px
	}

	.flexy-menu a {
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box
	}

	.flexy-menu ul,.flexy-menu ul li ul,.flexy-menu.vertical ul,.flexy-menu.vertical ul li ul {
		width: 100%;
		left: 0;
		border-left: 0;
		position: static;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box
	}

	.flexy-menu ul li {
		border-left: 0;
		border-right: 0
	}

	.flexy-menu ul li a,.flexy-menu.vertical ul li a {
		padding-top: 10px;
		padding-bottom: 10px
	}


	.flexy-menu ul>li>a {
		padding-left: 40px!important
	}
}