html, body, div, span,object, iframe, table, tr, th, td, em, img, h2, h3, h4, h5, h6, p, a, dl, dt, dd, ul, ol,li, form, label,input,button,textarea,pre,fieldset{
	font-family: inherit;font-style: inherit;padding: 0;margin:0;border:0;-webkit-text-size-adjust:none; margin:0 0;}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	color: black;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
        table-layout:fixed;
}
/*信息公开类目*/
.lmList {            /*这个可要，可不要，因为ul会把div给撑开的*/ 
	width:100%;  
	float:left;
}  
.lmList ul{  
	width:100%;                  /*定义ul的完度  */
	list-style-type:none;
}  
.lmList li{  /*如果要显示二列呢，width设置成50%，如果三列呢，33%，四列呢，25% */ 
	width:25%;                
	float:left; 
	margin:0px;
	text-align:center;
	font-size:18px;
	line-height:40px;
	height:40px;
}
.lmup
{
	background-color:#FFF;
	color:#ad0017;
}

.lmdown
{
	background-color:#D5D7D8;
	border-left:1px solid #5180b5;
	border-bottom:2px solid #318aed;
	color:#003873;
}
.lmContent {            /*这个可要，可不要，因为ul会把div给撑开的*/ 
	width:100%;  
	float:left;
}  
.lmContent ul{  
	width:100%;                  /*定义ul的完度  */

}  
.lmContent li{  /*如果要显示二列呢，width设置成50%，如果三列呢，33%，四列呢，25% */ 
	

}
.lmCR {            /*这个可要，可不要，因为ul会把div给撑开的*/ 

	width:78%;  
	float:left;

}  
.lmCR ul{  
	width:100%;                  /*定义ul的完度  */
	
}  
.lmCR li{  /*如果要显示二列呢，width设置成50%，如果三列呢，33%，四列呢，25% */ 
	
	border-bottom:1px solid #c8c8c8;
	padding-left:10px;
	padding-top:10px;
	line-height:18px;
	height:28px;
	float:left;
	width:94%;
}
.lmCR li:last-child{border-bottom:0px solid #ff0000;}

.lmCL
{
	padding-left:5px;
	float:left;
	width:20%;
}
.lmCL img
{
	margin-top:5px;
	max-width:96%;
	max-height:96%;
}
.lmCRL
{
	float:left;
	width:86%;
	font-size:18px;
}
.lmCRR
{
	float:left;
}

.lmCRR img
{
	clear:both;
	margin-top:5px;
	max-width:40%;
	max-height:40%;
}

.lmhrStyle
{
	clear:both;
	line-height:5px;
	height:5px;
	background-color:#dcdcdc;
}


table tr td:first-child,table tr td:first-child{
	width:120px;
}
/* Now here are the @font-tace files. I used examples from font-squirrel but TypeKit and FontDeck are good solutions too. Even Google has webfonts available */
	
@font-face {
    font-family: 'BitstreamVeraSansRoman';
    src: url("../fonts/Vera-webfont.eot");
    src: url("../fonts/Vera-webfont.eot-#iefix") format('embedded-opentype'),
         url("../fonts/Vera-webfont.woff") format('woff'),
         url("../fonts/Vera-webfont.ttf") format('truetype'),
         url("../fonts/Vera-webfont.svg#BitstreamVeraSansRoman") format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'BebasNeueRegular';
    src: url("../fonts/BebasNeue-webfont.eot");
    src: url("../fonts/BebasNeue-webfont.eot-#iefix") format('embedded-opentype'),
         url("../fonts/BebasNeue-webfont.woff") format('woff'),
         url("../fonts/BebasNeue-webfont.ttf") format('truetype'),
         url("../fonts/BebasNeue-webfont.svg#BebasNeueRegular") format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ColaborateThinRegular';
    src: url("../fonts/ColabThi-webfont.eot");
    src: url("../fonts/ColabThi-webfont.eot-#iefix") format('embedded-opentype'),
         url("../fonts/ColabThi-webfont.woff") format('woff'),
         url("../fonts/ColabThi-webfont.ttf") format('truetype'),
         url("../fonts/ColabThi-webfont.svg#ColaborateThinRegular") format('svg');
    font-weight: normal;
    font-style: normal;
}
/*菜单Menu*/
#menu { width:100%; margin:auto;}
#menu h1 a{
	font-size:22px; 
	color:#0052a7; 
	padding-left:10px;
	line-height:30px;
	height:30px;
	border-bottom:1px solid #e6e6e6;
}

.ejdown
{
	margin-top:-30px;
	margin-right:5px;
	
}
.ejup
{
	margin-top:-30px;
	margin-right:5px;
	
}
.yjdown
{
	margin-top:-30px;
	margin-right:5px;
	width: 0;
	height: 0;
	border-left: 8px dashed transparent;
	border-right: 8px dashed transparent;
	border-top: 8px solid #777;
}
.yjleft
{
	margin-top:-28px;
	margin-right:10px;
	height: 0;
    width: 0;
    border-left: 8px solid #777;
    border-right: 0 none;
    border-top: 8px dashed transparent;
    border-bottom: 8px dashed transparent;
}
.yjup
{
	margin-top:-28px;
	margin-right:5px;
	width: 0;
	height: 0;
	border-left: 8px dashed transparent;
	border-right: 8px dashed transparent;
	border-bottom: 8px solid #777;
}
.hrStyle
{
	clear:both;
	margin-top:5px;
	margin-bottom:-20px;
	padding:0px;
}
.ckDiv
{
	clear: both;
	margin: 5px 5px 10px;
	height: 30px;
	line-height: 30px;
	display: block;
	font-size: 14px;
	text-align: center;
	position: relative;
	color: #333;
	background: #f6f6f6;	
}
.ckDiv a
{
        font-size: 14px;
	color: #CCC;
}

/*panel start*/
.panel {
      display: none;
      width: 120px;
      padding: 20px;
      background-color: #7a9dbb;
      color: #fff;
      box-shadow: inset 0 0 5px 5px #7a9dbb;
}
.panel.panel-right.panel-cover {
  z-index: 6000;
  right: -260px;
}
.panel.panel-right.panel-reveal {
  right: 0;
}

.panel {
  background: #7a9dbb;
}
.panel ul {
  border-bottom: 0px;
  border-top: 1px solid #8ba9c4;
}
.panel .list-block .item-content {
  border-bottom: 1px solid #8ba9c4;
}
.panel .list-block .item-link:active {
  background-color: #5884aa;
}
.panel .list-block .item-link .item-inner {
  background: none;
  border-bottom: 0px;
}
.panel .list-block .item-title {
  color: #fafafa;
}
.panel .list-block i {
  color: #fafafa;
  font-size: 25px;
  font-weight: 100;
}
/* === Lists === */
.list-block {
  margin:0;
  font-size: 17px;
}
.list-block ul {
  background: #ffffff;
  list-style: none;
  padding: 0;
  margin: 0;

  position: relative;
}
.list-block ul ul {
  border-top: none;
  border-bottom: none;
  padding-left: 45px;
}
.list-block ul ul li:last-child .item-inner {
  border-bottom: 1px solid #c8c7cc;
}
.list-block .align-top,
.list-block .align-top .item-content,
.list-block .align-top .item-inner {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.list-block li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.list-block li:last-child .item-inner {
  border-bottom: 1px solid transparent;
}

.list-block .item-inner {
  padding-right: 15px;
  border-bottom: 1px solid #c8c7cc;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 7px;
  min-height: 44px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.list-block .item-title {
  font-size: 17px;
  -webkit-flex-shrink: 1;
  -ms-flex: 0 1 auto;
  flex-shrink: 1;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.list-block .item-title a{
  color:#fff;
}

.list-block .item-link {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  display: block;
  color: inherit;
}
.list-block .item-link .item-inner {
  padding-right: 35px;
  background: no-repeat -webkit-calc(100% - 15px) center;
  background: no-repeat -moz-calc(100% - 15px) center;
  background: no-repeat calc(100% - 15px) center;
  background-size: 10px 20px;
}
.list-block .item-link:active {
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms;
  background-color: #d9d9d9;
}


.list-block .item-content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 15px;
  min-height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

/*多栏目分段显示列表样式*/

#lists{

	width:100%;  
	float:left;  
}
#lists .sp{
	width:30%;
	background-color:#FFF;
	font-size:18px; 
	text-decoration: none;
	border-top: 2px solid #336eba;
	color:#ad0017;
	margin-left:0px;
	padding:2px 0px;
	border-right:1px solid #fafafa;
}

#lists a.button {
	text-align:center;
	width:100%;
	text-decoration: none;
	font: 1em ;
	background-color: #fff;
	border-radius: 3px;
	color: #000;
	box-shadow: 1px 1px 1px hsla(0, 0%, 26.6667%, 0.5);
	border: 1px solid #bfbfbf;
	transition-property: border, color, text-shadow;
	transition-duration: 2s, 3s, 8s; 
}

#lists ul {
	width: 100%;
	list-style-type:none;
	background-color:#fafafa;
}
#lists ul li{
        height:30px;
	line-height:30px;
	border-bottom:#ededed 1px solid;
}


/**/

#menu h2 a{text-decoration: none; font-size:42px;padding-left:10px;font-weight:normal; height:20px; line-height:20px;border:#E7E7E7 1px solid; border-top:none; border-right:none;}
.tupian{
	color:#0052a7; 
}
#menu ul { border:#E7E7E7 1px solid; border-top:none;}
#menu ul a{padding-left:45px; height:20px;line-height:19px;}
#menu ul li{
	border-top:1px solid #e6e6e6;
	background-color:#eef6ff;
	font-size:22px;
}
#menu a { display:block;  text-decoration:none; overflow:hidden;}
#menu a:hover{ color:#004a8f; background:#b4dcff;}
#menu .no { display:none;}
#menu .h1 a{color:#6F0;}
#menu .h2 a{color:#06F;}
#menu  h1 a{color:#FFF;}


/*背景设置*/
body {
	background-color:#f0f0f0;
	/*background-image: linear-gradient(#f3f3f3 2px, transparent 2px),
  		linear-gradient(0, #f3f3f3 2px, transparent 2px),
  		linear-gradient(hsla(0,92%,0%,.03) 1px, transparent 1px),
  		linear-gradient(0, hsla(0,92%,0%,.03) 1px, transparent 1px);*/
	background-size:100px 100px, 100px 100px, 20px 20px, 20px 20px;
	background-position:-2px -2px, -2px -2px, -1px -1px, -1px -1px
}

a {
	color: #666;
	transition: all 0.7s;
}
a:hover {
	color: #000;
}



header {
/*	background-position: 0 top;
	background-repeat: repeat-x;
	background-image: url("../img/buntingFW.png");*/
	margin-right: auto; /* 10 ÷ 960 */
	margin-left: auto; /* 10 ÷ 960 */
	width: 100%; /* 940 ÷ 960 */
}
header a {
	text-decoration: none;
}
#logo {
	background-color:#005cc3;
	height:40px;
	padding:0px 0px 0px 0px;
}

.ywleft
{
	width:10%;
	float:left;
}
.ywleft img{
	margin-top:5px;
	float:right;	
}
.ywcenter {
	width:67%;
	font-size:1.2em; /* 48 ÷ 16 = 3*/
	text-align:center;
	font-family: 'Arial'; 
	color:#fff;
	float:left;
	height:30px;   
	line-height:30px;
	margin-top:10px;
        text-overflow:ellipsis; 
	word-break:keep-all;/* 不换行 */
	white-space:nowrap;/* 不换行 */
	overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
}
.ywright
{
	width:23%;
	float:left;
	text-align:right;
}
.ywright img{
	margin-top:5px;
	float:left;
}

.left {
	width:12%;
	float:left;
}
.left img{
	margin-top:10px;
	float:right;
}
.center {
	width:76%;
	font-size:1.2em; /* 48 ÷ 16 = 3*/
	text-align:center;
	font-family: 'Arial'; 
	color:#fff;
	float:left;
	height:30px;   
	line-height:30px;
	margin-top:10px;
}
.right {
	width:12%;
	float:left;
	text-align:right;
}
.right img{
	margin-top:5px;
	float:left;
}
/*便民服务*/
.imgList {           /*这个可要，可不要，因为ul会把div给撑开的*/ 
	width:100%;  
	float:left;
	margin-top:25px;
}  
.imgList ul{  
	width:100%;                  /*定义ul的完度  */

}  
.imgList li{  /*如果要显示二列呢，width设置成50%，如果三列呢，33%，四列呢，25% */ 
	width:20%;                
	float:left; 
    margin-left:30px;
	margin-right:0px;
	padding-bottom:20px;
}

.imgList li img{ 
	border-radius: 2px;
	max-height:70px;
	max-width:70px;
	
}
.wordUp{ 
	font-size:12px;
	width:100px;
	text-align:center;
	margin-left:-15px;

}

#content {
	margin-top: 5px;
	width: 96%; /* 698 ÷ 960 */	
	padding:2%;
        font-size:14px;
line-height:170%;
}
#content td{width:20%;}
#content .ct{
	text-decoration: none; 
	font-size:12px;
	color:#005cc3;
	line-height:28px;
}
#content .cd{
	color:#707070;
	font-size:14px;
	margin-top:10px;
	margin-bottom:10px;
}

#content img{
	max-width:90%;
	-webkit-box-shadow: 0px 3px 5px #444444;
	-moz-box-shadow: 0px 3px 5px #444444;
	-ms-box-shadow: 0px 3px 5px #444444;
	-chrome-box-shadow: 0px 3px 5px #444444;
	box-shadow: 0px 3px 5px #444444;
   color: #000000;
   font-size: 20px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
}



#content h1 { 
	text-transform: uppercase; 
	font-family: 'BebasNeueRegular';
	text-decoration: none; 
	font-size:22px;
	text-shadow: 0px 1px white,4px 4px 0px #dad7d7 ; /* 4 ÷ 102 */
	font-weight: 400;
	height:34px;
	line-height:34px;
}
#content h1 em {
	display: block; 
	color: #504e4e; 
	text-shadow: none;
	font: .352941176em/1.052631579em 'BitstreamVeraSansRoman';
	font-weight: 400;
}
#content h2 {
	font-family: 'BebasNeueRegular'; 
	font-size: 1.875em; /* 30px ÷ 16 */ 
	text-transform: uppercase;
	font-weight: 400;
}
#content h2 a {
	color: #FD0105;
}
#content h3 {
	font-family: 'BebasNeueRegular'; 
	font-size: 1.2em;  
	color: #bfbfbf;
	font-weight: 400;
}
#content p { 
/*	font-family: 'ColaborateThinRegular';
	line-height: 40px; 
	color: #757474; 
	font-size: 1.875em; /* 24px ÷ 16 */ */
}
#content p em {
	text-decoration: underline;
}
#content a {
	font-size: 0.8em;
}

#content a span {
	font-size: 1.3em;
}
#content p i {
	font-weight: normal;
	font-style: normal;
}
#list .sp{
	width:20%;
	background-color:#FFF;
	font-size:22px; 
	height:43px;
	line-height:43px;
	border-top:#004fa8 3px solid;
	margin-left:20px;
}

#list a.button {
	text-align:center;
	width:93%;
	text-decoration: none;
	font: 1em ;
	background-color: #fff;
	border-radius: 3px;
	color: #333;
	padding: 10px;
	float:left;
	margin-top: 10px;
	margin-bottom: 10px;
	box-shadow: 1px 1px 1px hsla(0, 0%, 26.6667%, 0.5);
	border: 1px solid #CCC;
	transition-property: border, color, text-shadow;
	transition-duration: 2s, 3s, 8s; 
}

#list ul {
	width: 100%;
	list-style-type:none;
}
#list ul li{
	height:40px;
	line-height:30px;

	border-bottom:#e9e9e9 1px solid;
	padding:8px 0px;
}

/*list翻页展现*/
#wrapper {
	position:absolute; z-index:1;
	top:50px; bottom:0px;
	width:100%;
	background:#fff;
}

#scroller {
	position:absolute; z-index:1;
/*	-webkit-touch-callout:none;*/
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	width:100%;
	padding:0;
}

#scroller ul {
	list-style:none;
	padding:0;
	margin:0;
	width:100%;
	text-align:left;
}

#scroller li {

	background-color:#fff;
	font-size:14px;
}
/*单数*/
#scroller li:nth-child(odd)
{
background:#fff;
}
/*偶数*/
#scroller li:nth-child(even)
{
/*background:#eef7ff;*/
background:#fff;
}
/**
 *
 * Pull down styles
 *
 */
#pullDown{
	height:0px;
}
#pullUp {
	background:#fff;
	height:40px;
	line-height:40px;
	padding:5px 10px;
	border-bottom:1px solid #ccc;
	font-size:14px;
	color:#888;
}
#pullDown .pullDownIcon {
	width:0px; height:0px;
}
#pullUp .pullUpIcon  {
	display:block; float:left;
	text-align:center;
	width:100%; height:40px;
	font-size:20px;
	-webkit-background-size:40px 80px; background-size:40px 80px;
	-webkit-transition-property:-webkit-transform;
	-webkit-transition-duration:250ms;	
}

#pullUp.flip .pullUpIcon {
	-webkit-transform:rotate(0deg) translateZ(0);
}

#pullDown.loading .pullDownIcon, #pullUp.loading .pullUpIcon {
	background-position:0 100%;
	-webkit-transform:rotate(0deg) translateZ(0);
	-webkit-transition-duration:0ms;
	-webkit-animation-name:loading;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
}

/*在线问政*/
#listTop{
	text-align:center;
	display:box;
	display:-webkit-box;
	display:-moz-box;
	background-color:#fff;
	width:99%;
	height:20px;
	line-height:20px;
	margin:0 auto;
}

#col {
	box-flex:1;
	-moz-box-flex:1;
	-webkit-box-flex:1;
}
#colUp {
	box-flex:1;
	-moz-box-flex:1;
	-webkit-box-flex:1;
	border-bottom:#004fa8 2px solid;
}
.org{color:#b03c00;}
.blue{
	font-size:16px; 
	color:#006ed7;
	padding-left:8px;
	float:left;
}
.dt
{
	padding-left:8px;
}
.dd
{
	padding-left:8px;
	color:#707070;
	font-size:14px;
	float:left;
}
.ds
{
	padding-right:8px;
	color:#707070;
	font-size:14px;
	text-align:right;
}

#myNav
{
	width:96%;
	float:left;
	border-bottom:#CCC 1px solid;
	border-top:#CCC 1px solid;
	margin-left:2%;
}

#myNavN
{
	width:98%;
	float:left;
	border-top:#CCC 1px solid;
	margin-left:2%;
}

#muUl ul
{
	width:100%;
}
#muUl ul li
{
	height:60px;
}




.leftNav 
{
	float:left;
	width:13%;
	text-align:center;
	background-color:#e3e3e3;
	border-right:#CCC 1px solid;
	border-left:#CCC 1px solid;
	padding:1%;
}
.rightNav
{
	float:left;
	width:84%;
	background-color:#fff;
	border-right:#CCC 1px solid;
}
.rightNav ul {
	width: 100%;
}
.rightNav ul li{
	width:30%;                
	float:left;                  /*居左  */
	padding:5px;
	text-align:center;
}

.dateT{

	padding-left:10px;
	font-size:16px;
	text-overflow:ellipsis; 
	word-break:keep-all;/* 不换行 */
	white-space:nowrap;/* 不换行 */
	overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
	width:80%;
	float:left;
	}
.dateD{
	padding-left:5px;
	color:#707070;
	font-size:14px;
	
	display: inline;
	width:30px;
/* text-overflow:ellipsis;当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}

#lists .sps{
		width:30%;
		background-color:#FFF;
		font-size:18px; 
		text-decoration: none;
		border-top: 1px solid #336eba;
		color:#ad0017;
		margin-left:0px;
		padding:2px 10px;
		border-right:1px solid #fafafa;
		height:30px;
		line-height:30px;
	}
	#lists .sps a{
		
		font-size:18px; 
		text-decoration: none;
		color:#ad0017;
		
	}
	#lists a.button {
		text-align:center;
		width:100%;
		text-decoration: none;
		font: 1em ;
		background-color: #fff;
		border-radius: 3px;
		color: #000;
		box-shadow: 1px 1px 1px hsla(0, 0%, 26.6667%, 0.5);
		border: 1px solid #bfbfbf;
		transition-property: border, color, text-shadow;
		transition-duration: 2s, 3s, 8s; 
	}
	
	#lists ul {
		width: 100%;
		list-style-type:none;
		background-color:#fafafa;
	}
	#lists ul li{
		line-height:30px;
		border-bottom:#ededed 1px solid;
	}


/*
.entry-trangle{
	position:relative;
	width:0;
	height:0;
	border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:5px solid #000;
	margin-left:54%;
	margin-top:30px;
}*/
@media screen and (max-width: 1108px) {

}
/*xl39h*/
@media screen and (min-width : 480px) and (max-width: 1024px) {
	.imgList li{  /*如果要显示二列呢，width设置成50%，如果三列呢，33%，四列呢，25% */ 
		margin-left:60px;
	}
}
/*motorola xoom*/
@media screen and (max-width: 840px) {
	#logo {
		background-color:#005cc3;
		height:50px;
		padding:0px 0px 0px 0px;
		margin-bottom:5px;
	}
	.left {
		width:12%;
		float:left;
	}
	.left img{
		margin-top:10px;
		float:right;
	}
	.center {
		width:76%;
		font-size:1.2em; /* 48 ÷ 16 = 3*/
		text-align:center;
		font-family: 'Arial'; 
		color:#fff;
		float:left;
		height:30px;   
		line-height:30px;
		margin-top:10px;
text-overflow:ellipsis; 
	word-break:keep-all;/* 不换行 */
	white-space:nowrap;/* 不换行 */
	overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
	}
	.right {
		width:12%;
		float:left;
		text-align:right;
	}
	.right img{
		margin-top:10px;
		float:left;
	}
	.ywleft
	{
		width:10%;
		float:left;
	}
	.ywleft img{
		margin-top:10px;
		float:right;	
	}
	.ywcenter {
		width:67%;
		font-size:1.2em; /* 48 ÷ 16 = 3*/
		text-align:center;
		font-family: 'Arial'; 
		color:#fff;
		float:left;
		height:30px;   
		line-height:30px;
		margin-top:10px;
	}
	.ywright
	{
		width:23%;
		float:left;
		text-align:right;
	}
	.ywright img{
		margin-top:10px;
		float:left;
	}
	
	#content{
		font-size: 1em;
	}
	#menu { width:100%; margin:auto;}
	#menu h1 a{font-size:20px; color:#0052a7;font-weight:bold; padding-left:10px;}
	#menu h2 a{text-decoration: none; font-size:18px;padding-left:10px;font-weight:normal; height:30px; line-height:30px;}
	
	#menu ul { }
	#menu ul a{padding-left:45px; height:30px;line-height:30px;}
	#menu ul li{
		border-top:1px solid #e6e6e6;
		background-color:#eef6ff;
		font-size:18px;
	}
	#menu a { display:block; padding:5px 0 3px 10px; text-decoration:none; overflow:hidden;}
	
	#menu .no { display:none;}
	#menu .h1 a{color:#6F0;}
	#menu .h2 a{color:#06F;}
	#menu  h1 a{color:#FFF;}
	
	.ejdown
	{
		margin-top:-30px;
		margin-right:7px;
		font-size:20px;
		
	}
	.ejup
	{
		margin-top:-32px;
		margin-right:7px;
		font-size:20px;
		
	}
	.yjdown
	{
		margin-top:-28px;
		margin-right:5px;
		
	}
	.yjup
	{
		margin-top:-28px;
		margin-right:5px;
		
	}
	
	#listTop{
		text-align:center;
		display:box;
		display:-webkit-box;
		display:-moz-box;
		background-color:#fff;
		width:99%;
		height:30px;
		line-height:30px;
		margin:0 auto;
		font-size:0.75em;
	}
	
	 #list .sp {
        width: 100px;
        background-color: #FFF;
        font-size: 20px;
        height: 43px;
        line-height: 43px;
        border-top: #004fa8 3px solid;
        margin-left: 20px;
    }
	.blue{
		font-size:12px; 
		color:#006ed7;
		padding-left:8px;
		float:left;
	}
	#list ul {
		width: 100%;
		list-style-type:none;
	}
	#list ul li{
		height:30%;
		/*margin-top:2px;
		margin-bottom:2px;*/
	}
	.dt
	{
		padding-left:8px;
		font-size:18px;
	}
	.dd
	{
		padding-left:8px;
		color:#707070;
		font-size:14px;
		float:left;
	}
	.ds
	{
		padding-right:8px;
		color:#707070;
		font-size:12px;
		text-align:right;
	}

	#content .ct{
		text-decoration: none; 
		font-size:24px;
        margin-top:10px;
 		margin-bottom:10px;
;
	}
	#list a.button {
		text-align:center;
		width:97%;
		text-decoration: none;
		font: 1em ;
		background-color: #fff;
		border-radius: 3px;
		color: #333;
		padding: 10px;
		float:left;
		margin-top: 10px;
		margin-bottom: 10px;
		box-shadow: 1px 1px 1px hsla(0, 0%, 26.6667%, 0.5);
		
		border: 1px solid #CCCCCC;
		transition-property: border, color, text-shadow;
		transition-duration: 2s, 3s, 8s; 
	}
}

@media screen and (max-width: 640px) {

}

/*4.3寸屏幕小米2*/
@media screen and (max-width: 580px) {
	#logo {
		background-color:#005cc3;
		height:50px;
		padding:0px 0px 0px 0px;
		margin-bottom:5px;
	}
	.left {
		width:12%;
		float:left;
	}
	.left img{
		margin-top:10px;
		float:right;
	}
	.center {
		width:76%;
		font-size:1.2em; /* 48 ÷ 16 = 3*/
		text-align:center;
		font-family: 'Arial'; 
		color:#fff;
		float:left;
		height:30px;   
		line-height:30px;
		margin-top:10px;
text-overflow:ellipsis; 
	word-break:keep-all;/* 不换行 */
	white-space:nowrap;/* 不换行 */
	overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
	}
	.right {
		width:12%;
		float:left;
		text-align:right;
	}
	.right img{
		margin-top:10px;
		float:left;
	}
	.ywleft
	{
		width:10%;
		float:left;
	}
	.ywleft img{
		margin-top:10px;
		float:right;	
	}
	.ywcenter {
		width:67%;
		font-size:1.2em; /* 48 ÷ 16 = 3*/
		text-align:center;
		font-family: 'Arial'; 
		color:#fff;
		float:left;
		height:30px;   
		line-height:30px;
		margin-top:10px;
	}
	.ywright
	{
		width:23%;
		float:left;
		text-align:right;
	}
	.ywright img{
		margin-top:10px;
		float:left;
	}
	#content{
		font-size: 1em;
	}
	#menu { width:100%; margin:auto;}
	#menu h1 a{font-size:20px; color:#0052a7;font-weight:bold; padding-left:10px;}
	#menu h2 a{text-decoration: none; font-size:18px;padding-left:10px;font-weight:normal; height:30px; line-height:30px;}
	
	#menu ul { }
	#menu ul a{padding-left:45px; height:30px;line-height:30px;}
	#menu ul li{
		border-top:1px solid #e6e6e6;
		background-color:#eef6ff;
		font-size:18px;
	}
	#menu a { display:block; padding:5px 0 3px 10px; text-decoration:none; overflow:hidden;}
	
	#menu .no { display:none;}
	#menu .h1 a{color:#6F0;}
	#menu .h2 a{color:#06F;}
	#menu  h1 a{color:#FFF;}
	
	.ejdown
	{
		margin-top:-30px;
		margin-right:7px;
		font-size:20px;
		
	}
	.ejup
	{
		margin-top:-32px;
		margin-right:7px;
		font-size:20px;
		
	}
	.yjdown
	{
		margin-top:-28px;
		margin-right:5px;
		
	}
	.yjup
	{
		margin-top:-28px;
		margin-right:5px;
		
	}
	
	#listTop{
		text-align:center;
		display:box;
		display:-webkit-box;
		display:-moz-box;
		background-color:#fff;
		width:99%;
		height:30px;
		line-height:30px;
		margin:0 auto;
		font-size:0.75em;
	}
	
	 #list .sp {
        width: 100px;
        background-color: #FFF;
        font-size: 20px;
        height: 43px;
        line-height: 43px;
        border-top: #004fa8 3px solid;
        margin-left: 20px;
    }
	.blue{
		font-size:12px; 
		color:#006ed7;
		padding-left:8px;
		float:left;
	}
	#list ul {
		width: 100%;
		list-style-type:none;
	}
	#list ul li{
		height:30%;
		/*margin-top:2px;
		margin-bottom:2px;*/
	}
	.dt
	{
		padding-left:8px;
		font-size:18px;
	}
	.dd
	{
		padding-left:8px;
		color:#707070;
		font-size:14px;
		float:left;
	}
	.ds
	{
		padding-right:8px;
		color:#707070;
		font-size:12px;
		text-align:right;
	}

	#content .ct{
		text-decoration: none; 
		font-size:24px;
        margin-top:10px;
 		margin-bottom:10px;
;
	}
	#list a.button {
		text-align:center;
		width:94%;
		text-decoration: none;
		font: 1em ;
		background-color: #fff;
		border-radius: 3px;
		color: #333;
		padding: 10px;
		float:left;
		margin-top: 10px;
		margin-bottom: 10px;
		box-shadow: 1px 1px 1px hsla(0, 0%, 26.6667%, 0.5);
		
		border: 1px solid #CCCCCC;
		transition-property: border, color, text-shadow;
		transition-duration: 2s, 3s, 8s; 
	}
}
/*iphone5横屏*/
@media screen and (min-width: 475px) and (max-width: 600px) {
	#logo {
		background-color:#005cc3;
		height:50px;
		padding:0px 0px 0px 0px;
		margin-bottom:5px;
	}
	.left {
		width:12%;
		float:left;
	}
	.left img{
		margin-top:10px;
		float:right;
	}
	.center {
		width:76%;
		font-size:1.2em; /* 48 ÷ 16 = 3*/
		text-align:center;
		font-family: 'Arial'; 
		color:#fff;
		float:left;
		height:30px;   
		line-height:30px;
		margin-top:10px;
text-overflow:ellipsis; 
	word-break:keep-all;/* 不换行 */
	white-space:nowrap;/* 不换行 */
	overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
	}
	.right {
		width:12%;
		float:left;
		text-align:right;
	}
	.right img{
		margin-top:10px;
		float:left;
	}
	.ywleft
	{
		width:10%;
		float:left;
	}
	.ywleft img{
		margin-top:10px;
		float:right;	
	}
	.ywcenter {
		width:67%;
		font-size:1.2em; /* 48 ÷ 16 = 3*/
		text-align:center;
		font-family: 'Arial'; 
		color:#fff;
		float:left;
		height:30px;   
		line-height:30px;
		margin-top:10px;
	}
	.ywright
	{
		width:23%;
		float:left;
		text-align:right;
	}
	.ywright img{
		margin-top:10px;
		float:left;
	}
	#content{
		font-size: 1em;
	}
	#menu { width:100%; margin:auto;}
	#menu h1 a{font-size:22px; color:#0052a7;font-weight:bold; padding-left:10px;}
	#menu h2 a{text-decoration: none; font-size:20px;padding-left:10px;font-weight:normal; height:30px; line-height:30px;}
	
	#menu ul { }
	#menu ul a{padding-left:45px; height:40px;line-height:40px;}
	#menu ul li{
		border-top:1px solid #e6e6e6;
		background-color:#eef6ff;
	}
	#menu a { display:block; padding:5px 0 3px 10px; text-decoration:none; overflow:hidden;}
	
	#menu .no { display:none;}
	#menu .h1 a{color:#6F0;}
	#menu .h2 a{color:#06F;}
	#menu  h1 a{color:#FFF;}
	
	.ejdown
	{
		margin-top:-36px;
		margin-right:5px;
	}
	.ejup
	{
		margin-top:-36px;
		margin-right:5px;
	}
	.yjdown
	{
		margin-top:-28px;
		margin-right:5px;
	}
	.yjup
	{
		margin-top:-28px;
		margin-right:5px;
	}
	
	#listTop{
		text-align:center;
		display:box;
		display:-webkit-box;
		display:-moz-box;
		background-color:#fff;
		width:99%;
		height:30px;
		line-height:30px;
		margin:0 auto;
		font-size:0.75em;
	}
	
	 #list .sp {
        width: 100px;
        background-color: #FFF;
        font-size: 20px;
        height: 43px;
        line-height: 43px;
        border-top: #004fa8 3px solid;
        margin-left: 20px;
    }
	.blue{
		font-size:12px; 
		color:#006ed7;
		padding-left:8px;
		float:left;
	}
	#list ul {
		width: 100%;
		list-style-type:none;
	}
	#list ul li{
		height:30%;
		margin-top:2px;
		margin-bottom:2px;
	}
	.dt
	{
		padding-left:8px;
		font-size:18px;
	}
	.dd
	{
		padding-left:8px;
		color:#707070;
		font-size:14px;
		float:left;
	}
	.ds
	{
		padding-right:8px;
		color:#707070;
		font-size:12px;
		text-align:right;
	}

	#content .ct{
		text-decoration: none; 
		font-size:24px;
        margin-top:10px;
 		margin-bottom:10px;
;
	}
	#list a.button {
		text-align:center;
		width:94%;
		text-decoration: none;
		font: 1em ;
		background-color: #fff;
		border-radius: 3px;
		color: #333;
		padding: 10px;
		float:left;
		margin-top: 10px;
		margin-bottom: 10px;
		box-shadow: 1px 1px 1px hsla(0, 0%, 26.6667%, 0.5);
		
		border: 1px solid #CCCCCC;
		transition-property: border, color, text-shadow;
		transition-duration: 2s, 3s, 8s; 
	}
}

/*iphone4,4s,5,5s*/
@media screen and (max-width: 320px) {
	#logo {
		background-color:#005cc3;
		height:50px;
		padding:0px 0px 0px 0px;
		margin-bottom:2px;
	}
	
	.left {
		width:12%;
		float:left;
	}
	.left img{
		margin-top:12px;
		float:right;
		max-height:25px;
		max-width:25px;	
		
	}
	.center {
		width:76%;
		font-size:1.2em; /* 48 ÷ 16 = 3*/
		text-align:center;
		font-family: 'Arial'; 
		color:#fff;
		float:left;
		height:30px;   
		line-height:30px;
		margin-top:10px;
text-overflow:ellipsis; 
	word-break:keep-all;/* 不换行 */
	white-space:nowrap;/* 不换行 */
	overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
	}
	.right {
		width:12%;
		float:left;
		text-align:right;
	}
	.right img{
		margin-top:12px;
		float:left;
		max-height:25px;
		max-width:25px;
	}
	.ywleft
	{
		width:10%;
		float:left;
	}
	.ywleft img{
		margin-top:12px;
		float:right;	
		max-height:25px;
		max-width:25px;	
	}
	.ywcenter {
		width:67%;
		font-size:1.2em; /* 48 ÷ 16 = 3*/
		text-align:center;
		font-family: 'Arial'; 
		color:#fff;
		float:left;
		height:30px;   
		line-height:30px;
		margin-top:10px;
	}
	.ywright
	{
		width:23%;
		float:left;
		text-align:right;
	}
	.ywright img{
		margin-top:12px;
		float:left;
		max-height:25px;
		max-width:25px;
	}
	#content{
		font-size: 1em;
	}
	
#content img{
	max-width:300px;
	-webkit-box-shadow: 0px 3px 5px #444444;
	-moz-box-shadow: 0px 3px 5px #444444;
	-ms-box-shadow: 0px 3px 5px #444444;
	-chrome-box-shadow: 0px 3px 5px #444444;
	box-shadow: 0px 3px 5px #444444;

   vertical-align: middle;
}

	
	#menu { width:100%; margin:auto;}
	#menu h1 a{font-size:18px; color:#0052a7;padding-left:10px;height:30px;}
	#menu h2 a{text-decoration: none; font-size:16px;padding-left:10px;font-weight:normal; height:30px; line-height:30px;}
	
	#menu ul { }
	#menu ul a{padding-left:45px; height:30px;line-height:29px;}
	#menu ul li{
		border-top:1px solid #e6e6e6;
		background-color:#eef6ff;
		font-size:16px;
	}
	#menu a { display:block; padding:5px 0px 3px 10px; text-decoration:none; }
	
	#menu .no { display:none;}
	#menu .h1 a{color:#6F0;}
	#menu .h2 a{color:#06F;}
	
	.ejdown
	{
		margin-top:-32px;
		margin-right:11px;
		font-size:16px;
	}
	.ejup
	{
		margin-top:-32px;
		padding-right:7px;
		font-size:16px;
	}
	.yjdown
	{
		margin-top:-22px;
		margin-right:10px;
	}
	.yjup
	{
		margin-top:-25px;
		margin-right:10px;
	}
	#lists{
		width:100%;  
		float:left;  
	}
	
	
	#listTop{
		text-align:center;
		display:box;
		display:-webkit-box;
		display:-moz-box;
		background-color:#fff;
		width:99%;
		height:30px;
		line-height:30px;
		margin:0 auto;
		font-size:0.75em;
	}
	
	 #list .sp {
        width: 30%;
        background-color: #FFF;
        font-size: 16px;
        height: 43px;
        line-height: 43px;
        border-top: #004fa8 3px solid;
        margin-left: 20px;
    }
	#list .slong {
        width: 80%;
        background-color: #FFF;
        font-size: 16px;
        height: 43px;
        line-height: 43px;
        border-top: #004fa8 3px solid;
        margin-left: 20px;
    }
	.blue{
		font-size:12px; 
		color:#006ed7;
		padding-left:8px;
		float:left;
	}
	#list ul {
		width: 100%;
		list-style-type:none;
	}
	#list ul li{
		height:35%;
		/*margin-top:5px;
		margin-bottom:2px;*/
	}
	.dts
	{
		padding-top:2px;
		padding-left:5px;
		font-size:16px;
		display:block;/*内联对象需加*/
		word-break:keep-all;/* 不换行 */
		white-space:nowrap;/* 不换行 */
		overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
		/* text-overflow:ellipsis;当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
		width:93%;
	}
	.dts a
	{
		padding-top:2px;
		font-family:Microsoft YaHei,BitstreamVeraSansRoman;
		padding-left:8px;
		font-size:16px;
		overflow:hidden;
		text-overflow:ellipsis;
		width:80px;
	}
	.dt
	{
		padding-left:5px;
		font-size:16px;
	}
	.dd
	{
		padding-left:5px;
		color:#707070;
		font-size:12px;
		float:left;
	}
	.ds
	{
		padding-right:8px;
		color:#707070;
		font-size:12px;
		text-align:right;
	}

	#content .ct{
		text-decoration: none; 
		font-size:22px;
        margin-top:10px;
 		margin-bottom:10px;
	}
	#list a.button {
		text-align:center;
		width:93%;
		text-decoration: none;
		font: 1em ;
		background-color: #fff;
		border-radius: 3px;
		color: #333;
		padding: 10px;
		float:left;
		margin-top: 10px;
		margin-bottom: 10px;
		box-shadow: 1px 1px 1px hsla(0, 0%, 26.6667%, 0.5);
		
		border: 1px solid #CCC;
		transition-property: border, color, text-shadow;
		transition-duration: 2s, 3s, 8s; 
	}
}

/*横屏*/
@media screen and (orientation:landscape) {
	#logo {
		background-color:#005cc3;
		height:50px;
		padding:0px 0px 0px 0px;
		margin-bottom:5px;
	}
	.left {
		width:10%;
		float:left;
	}
	.left img{
		margin-top:10px;
		float:right;	
	}
	.center {
		width:70%;
		font-size:1.2em; /* 48 ÷ 16 = 3*/
		text-align:center;
		font-family: 'Arial'; 
		color:#fff;
		float:left;
		height:30px;   
		line-height:30px;
		margin-top:10px;
text-overflow:ellipsis; 
	word-break:keep-all;/* 不换行 */
	white-space:nowrap;/* 不换行 */
	overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
	}
	.right {
		width:20%;
		float:left;
		text-align:right;
	}
	.right img{
		margin-top:10px;
		float:left;
	}
	.ywleft
	{
		width:10%;
		float:left;
	}
	.ywleft img{
		margin-top:10px;
		float:right;	
	}
	.ywcenter {
		width:67%;
		font-size:1.2em; /* 48 ÷ 16 = 3*/
		text-align:center;
		font-family: 'Arial'; 
		color:#fff;
		float:left;
		height:30px;   
		line-height:30px;
		margin-top:10px;
	}
	.ywright
	{
		width:23%;
		float:left;
		text-align:right;
	}
	.ywright img{
		margin-top:10px;
		float:left;
	}
	#content{
		font-size: 1em;
	}
	#menu { width:100%; margin:auto;}
	#menu h1 a{font-size:22px; color:#0052a7;font-weight:bold; padding-left:10px;}
	#menu h2 a{text-decoration: none; font-size:20px;padding-left:10px;font-weight:normal; height:40px; line-height:40px;}
	
	#menu ul { }
	#menu ul a{padding-left:45px; height:40px;line-height:40px;}
	#menu ul li{
		border-top:1px solid #e6e6e6;
		background-color:#eef6ff;
	}
	#menu a { display:block; padding:5px 0 3px 10px; text-decoration:none; overflow:hidden;}
	
	#menu .no { display:none;}
	#menu .h1 a{color:#6F0;}
	#menu .h2 a{color:#06F;}
	#menu  h1 a{color:#FFF;}
	
	#listTop{
		text-align:center;
		display:box;
		display:-webkit-box;
		display:-moz-box;
		background-color:#fff;
		width:99%;
		height:30px;
		line-height:30px;
		margin:0 auto;
		font-size:0.75em;
	}
	
	 #list .sp {
        width: 100px;
        background-color: #FFF;
        font-size: 20px;
        height: 43px;
        line-height: 43px;
        border-top: #004fa8 3px solid;
        margin-left: 20px;
    }
	.blue{
		font-size:12px; 
		color:#006ed7;
		padding-left:8px;
		float:left;
	}
	#list ul {
		width: 100%;
		list-style-type:none;
	}
	#list ul li{
		height:30%;
	}
	.dt
	{
		padding-left:8px;
		font-size:18px;
	}
	.dd
	{
		padding-left:8px;
		color:#707070;
		font-size:14px;
		float:left;
	}
	.ds
	{
		padding-right:8px;
		color:#707070;
		font-size:12px;
		text-align:right;
	}

	#content .ct{
		text-decoration: none; 
		font-size:24px;
        margin-top:10px;
 		margin-bottom:10px;
;
	}
	#list a.button {
		text-align:center;
		width:96%;
		text-decoration: none;
		font: 1em ;
		background-color: #fff;
		border-radius: 3px;
		color: #333;
		padding: 10px;
		float:left;
		margin-top: 10px;
		margin-bottom: 10px;
		box-shadow: 1px 1px 1px hsla(0, 0%, 26.6667%, 0.5);
		
		border: 1px solid #CCCCCC;
		transition-property: border, color, text-shadow;
		transition-duration: 2s, 3s, 8s; 
	}
	
}



@media screen and (max-width: 240px) {
	
}

/*  landscape ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
}
/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}
/* iPads ,sony xl39h 6.44(landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
	#logo {
		font-size:1em;
		/*color:#0000ff;*/
	}
	#list a.button {
		text-align:center;
		width:97%;
		text-decoration: none;
		font: 1em ;
		background-color: #fff;
		border-radius: 3px;
		color: #333;
		padding: 10px;
		float:left;
		margin-top: 10px;
		margin-bottom: 10px;
		box-shadow: 1px 1px 1px hsla(0, 0%, 26.6667%, 0.5);
		
		border: 1px solid #CCCCCC;
		transition-property: border, color, text-shadow;
		transition-duration: 2s, 3s, 8s; 
	}
	.imgList li{  /*如果要显示二列呢，width设置成50%，如果三列呢，33%，四列呢，25% */ 
		margin-left:40px;
	}
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
/* Styles */
}
/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
/* Styles */

}
/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {

}