.clearfix {
  *zoom: 1;}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";}

.clearfix:after {
  clear: both;}


  /* For tablets & smart phones */
    @media (max-width: 767px) {
     
      #slider_section  .big_pic {
       width:767px;
       height:225px;}
     
     .sider_box ul.category {
    
    margin:0px;}
    .sider_box ul.category li {
      border-bottom: 1px solid #dfdfdf;
      
      -webkit-transition: all 0.1s linear;
      -moz-transition: all 0.1s linear;
      -ms-transition: all 0.1s linear;
      -o-transition: all 0.1s linear;
      transition: all 0.1s linear;}
      .sider_box ul.category li a {
        color: #333;
        display: block;
        line-height: 35px;
        padding-left: 20px;
        font-weight:bold;}
        .sider_box ul.category li a.active {
           background:url(../images/sider_box_hover.jpg) repeat-y;
          _background-image: url(../images/sider_box_hover.jpg) repeat-y;
          color:#158ad2;}
       .sider_box ul.category li:hover
       {
         background:url(../images/sider_box_hover.jpg) repeat-y;
          _background-image: url(../images/sider_box_hover.jpg) repeat-y;
          
text-decoration: none;}
       
       .sider_box ul.category li a:hover
       {
        color:#158ad2;
        text-decoration:none;}   
          
  .sider_box ul.category li a:links
  {
   text-decoration:none;}
          
      .sider_box ul.category li span
      {
        font-size:10px;}
 /*  ul.roundlis */ 
 /* round_list */
/* new_list */
.round_list
{
   margin-top:10px;
   margin-left:0px;
   margin-right:0px;
   
padding-left:0px;}
.news_box ul.round_list li {
    font-size: 13px;
    height: 30px;
    position: relative;
    margin:5px 5px;}
.news_box ul.round_list li em {
    position: absolute;
    right: 10px;
    top: 0;
    font-style: italic;}
.news_box ul.round_list li a {
    background: url(../images/dot.jpg) no-repeat scroll 1px center transparent;
    display: block;
    font-size: 13px;
    overflow: hidden;
    padding-left: 19px;
    text-decoration: none;
    width:94%;
    line-height:30px;
   color:#333;}






.news_box ul.round_list li a:hover {
    color: #01307C;}

/*  ul.list-tab */
.sider_box ul.list-tab li {
    font-size: 13px;
    height: 25px;
    position: relative;
    margin:5px 5px;
    width:48%;
    float:left;} 

.sider_box ul.list-tab li {
    font-size: 13px;
    height: 25px;
    position: relative;
    margin:5px 5px;
    width:94%;
    float:left;}
.sider_box ul.list-tab li em {
    position: absolute;
    right: 10px;
    top: 0;
    font-style: italic;}
.sider_box ul.list-tab li a {
    background: url(../images/arrow_left.jpg) no-repeat scroll 1px center transparent;
    display: block;
    font-size: 13px;
    overflow: hidden;
    padding-left: 19px;
    text-decoration: none;
    width:94%;
  
   color:#333;}

/*  footer */
#guoguan-footer-xs
{
margin-top:15px;
padding:5px 10px;
background:#118ad2;
text-align:center;}

#guoguan-footer-xs .copyright-xs
{
  color:#fefefe;
  line-height:20px;
  padding:5px;
  font-size:13px;}   
  

/*  文章内容页 */
.page_content
{
margin-bottom:10px;}

.box_gray
{
border: 1px solid #ccc;}


.page_content header
{
 padding-left: 20px;
 padding-top:8px;
    background: url(../images/page_content_title_bg.jpg) repeat-y;
    _background-image: url(../images/page_content_title_bg.jpg);
    height:40px;
    color:#eee;
    font-size:15px;}

.page_content header a
{

color:#eee;
margin-right:5px;}


.page_content .page_title_h
{
font-size: 140%;
font-weight: bold;
width: 100%;
text-align: center;

padding-bottom:5px;
margin-top:15px;}

.page_content .page_title_info
{
width: 100%;
text-align: center;
line-height: 30px;
color: #666;
font-family: "Courier New", Courier, monospace;
border-bottom:2px solid #099ff9;}

.page_content a.bigger,.page_content a.smaller
{
cursor:hand;
cursor:pointer !important;
color:#333;
 text-decoration: none;}  

 
/* 文章页#MyContent */
#wrap .page_content  #MyContent
{
 
line-height: 30px;
font-size: 14px;
padding: 15px;
color: #333;
 text-indent:26px;}

#wrap .page_content #MyContent img
{
text-align: center;
margin: 2px;
max-width:75%;}


/*  xs-nav  */
.page_header .xs-nav
	{
		background:red;
		border:0;}
		
	.page_header .xs-nav .xs-menu
	{
		display:block;
		line-height:44px;
		font-size:18px;
		padding:0 20px;
		cursor:pointer;
		color:#eee;}
	.page_header .xs-nav .xs-menu .menuicon
	{
		float:right;
		color:#eee;
    margin-top:15px;}
	
	.page_header .xs-nav ul
	{
		display:none;}
	
	.page_header .xs-nav li
	{
		float:none;
		padding:0;
		border-top:1px solid #ddd;
		background:#fff;
		overflow:hidden;
    line-height:25px;}
  
  
	
	.page_header .xs-nav li a
	{
		font-size:15px;
		padding-left:20px;
		color:red;}

/* fenye */
/*分页样式*/
#fenye{clear:both;margin:15px;height:35px; text-align:right;}
#fenye img{ margin:0px 2px;}
#fenye a{text-decoration:none; font-size:14px;height:24px;border-radius: 3px; text-align:center; line-height:24px; float:left;color:#666;margin-left:5px;border:1px solid #e5e5e5;border-bottom:1px solid #ccc; background:#fff;}
#fenye .prev,#fenye .next{width:23px; text-align:center;}
#fenye .prev,#fenye .next img{margin-top:8px;}
#fenye a.curr{width:23px; color:#fff; text-align:center; background:#3391cf;border:1px solid #3391cf;}
#fenye a.curr:hover{color:#fff;}
#fenye a.num{width:23px;}
#fenye a:hover{color:#333; text-decoration:none;}
#fenye span{ line-height:30px;padding-left:5px; font-family:Arial, Helvetica, sans-serif;}
#fenye span#totalpage{padding-left:0px;}  	


  
      
        
    }

    /* For smartphones */
    @media (max-width: 480px) {
    
     #slider_section  .big_pic {
       width:480px;
       height:135px;
       margin-bottom:10px;}
     
 


.list_box_blue .photo li {position: relative;float: left;width:100%; cursor: pointer; position: relative; margin:0 2px; padding:5px 12px;}
.list_box_blue .photo li img {display: block;position: absolute; left: 0; top: 0;}

.list_box_blue .photo li .pic_title{margin:5px; font-size:15px;font-weight:bold; text-align:center; color:#ccc;width:95%;}
     
    
     
    .news_box  ul.list li a,.list_box ul.list li a
     {
 white-space:nowrap; 
width:250px; 
 text-overflow:ellipsis;
 -moz-text-overflow:ellipsis; 
 overflow:hidden;}
     
     .list_box ul.list li em
     {
       display:none;}
      .list_box  .home_news header{
      white-space:nowrap; 
      width:250px; 
     text-overflow:ellipsis;
 -moz-text-overflow:ellipsis; 
 overflow:hidden;}
     
    /* firefox only */ 
ul.list li:not(p)
 { 
clear: both;} 
ul.list li:not(p) a { 
max-width: 250px; 
float: left;} 
ul.list li:not(p):after { 

float: left; 
width: 25px; 
padding-left: 5px; 
color: #000;} 
.page_content .page_title_h,.page_content .page_title_info,.page_content header{
white-space:nowrap; 
width:100%; 
 text-overflow:ellipsis;
 -moz-text-overflow:ellipsis; 
 overflow:hidden;}
 


 

  }

    /* For smaller displays like laptops */
    @media (min-width: 768px) and (max-width: 979px) {
    
    #navmain > ul > li {
    
    border-right: 1px solid #abc1dc;
    float: left;
    margin: 0;
    padding: 10px 15px 15px 15px;
    position: relative;
    height:38px;
    font-size:12px;}
      
      .my_footer
{
width:768px;}

/*  xs-nav  */
.page_header .xs-nav
	{
		background:red;
		border:0;}
		
	.page_header .xs-nav .xs-menu
	{
		display:block;
		line-height:44px;
		font-size:18px;
		padding:0 20px;
		cursor:pointer;
		color:#eee;}
	.page_header .xs-nav .xs-menu .menuicon
	{
		float:right;
		color:#eee;
    margin-top:15px;}
	
	.page_header .xs-nav ul
	{
		display:none;}
	
	.page_header .xs-nav li
	{
		float:none;
		padding:0;
		border-top:1px solid #ddd;
		background:#fff;
		overflow:hidden;
    line-height:25px;}
  
  
	
	.page_header .xs-nav li a
	{
		font-size:15px;
		padding-left:20px;}
      
}
     @media (min-width: 990px) and (max-width: 1200px) {
     
     #navmain > ul > li {
    
    border-right: 1px solid #abc1dc;
    float: left;
    margin: 0;
    padding: 10px 25px 15px 25px;
    position: relative;
    height:38px;}
     }
    /* For larger displays */
    @media (min-width: 1200px) {
    
     
    
     
       #slider_section  .big_pic {
       width:990px;
       height:270px;}
     
     
.my_footer
{
width:990px;}




	

       
    }
    
    
@media (min-width: 768px) {
  .nav-tabs-guoguan.nav-justified > li {
    display: table-cell;
    width: 1%;}
  }
  
  @media (min-width: 768px) {
  .nav-tabs-guoguan.nav-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 4px 4px 0 0;}
  .nav-tabs-guoguan.nav-justified > .active > a,
  .nav-tabs-guoguan.nav-justified > .active > a:hover,
  .nav-tabs-guoguan.nav-justified > .active > a:focus {
    border-bottom-color: #ffffff;}
  }