* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}



ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
li{
list-style:none;/*列表样式:无(去掉小圆点)*/
}

a {
  text-decoration: none;
  color: #222;
}

div {
  box-sizing: border-box;
}

/* 使用before和after双伪元素清除浮动 代码更简洁（推荐使用） */
.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom:1;
}

.container{width: 92%; margin: 0 auto;}
.fon16{font-size: 16px;}
.fon24px{font-size: 24px;}
.p20{padding: 20px 24px 10px 20px;}
.mt30{margin-top: 30px;}

/* 头部*/
.header{height:auto;margin-bottom:30px}
.header-logo{clear:both; padding:15px 0 0;}
.header-logo img{display: block; margin: 30px auto; width: 50%;}

.header-search{ position: relative; width:90%; margin:0 auto; padding:0 100px 0 0; box-shadow:0 0 10px 2px rgba(22,70,116,.2); border-radius: 30px; overflow: hidden; }
.header-search-txt{width:100%; padding: 0 20px 0 75px; height:42px; line-height:42px; border:#1796f1 2px solid; border-right: 0; color: #1796f1; background: url(../images/mobile_header_icon_search.png) no-repeat 18px center rgba(255,255,255,.8); border-radius: 30px 0 0 30px; -webkit-border-radius: 30px 0 0 30px; font-size: 14px; background-size:28px auto;}
.header-search-btn{ position:absolute; top: 0; right: 0; width:120px; height:42px; font-size: 18px; color: #fff; border:0; cursor:pointer; background:#1796f1; border-radius:30px 0 0 30px; -webkit-border-radius:30px 0 0 30px; -webkit-appearance:none; transition: all .3s; -webkit-transition: all .3s;}
.header-search-btn:hover{filter:alpha(opacity=85); -moz-opacity: 0.85; opacity:0.85;}
/* .header-search-txt::-webkit-input-placeholder{color: rgba(86,168,255,.6);} */
.header-search:after{content: ''; position: absolute; left: 60px; top: 50%; margin-top: -12px; width: 2px; height: 26px; background: #dcdde0; }

.box-bg{
background:#FFF; margin-top: 20px;
box-shadow: 0px 0px 20px 0px rgba(1, 3, 38, 0.1);
-webkit-box-shadow: 0px 0px 20px 0px rgba(1, 3, 38, 0.1);
-moz-box-shadow: 0px 0px 20px 0px rgba(1, 3, 38, 0.1);
-o-box-shadow: 0px 0px 20px 0px rgba(1, 3, 38, 0.1);
-ms-box-shadow: 0px 0px 20px 0px rgba(1, 3, 38, 0.1);
box-sizing: border-box;
border-radius: 10px;
}

/* 个人办事/法人办事 */
.grbs{
width: 100%;
padding: 20px;
}
.grbs h1{color: #1796f1; font-size: 22px; text-align: center; margin-bottom: 20px;}
.grbs h1 a{color: #1796f1;}
.grbs .left{width: 20%; float: left; }
.grbs .left img{width: 110%; height: auto; float: left;}
.grbs .right{width: 80%; float: left; padding:10px 0 0 30px; margin-bottom: 0;}

.grbs .right ul li {
width: 33.3333%;
float: left;
font-size: 14px;
color: #333333;
font-weight: 400;
margin-bottom: 20px
}
.grbs .right ul li::after{content: '|'; padding:0 4px;}
.grbs .right ul li:nth-child(3):after,
.grbs .right ul li:nth-child(6):after{display: none;}
.grbs .more{font-size: 16px; color: #1796f1; text-align: right; padding-right: 20px;}
.grbs .more a{color: #1796f1;}

/* @市长我有话说 */
.szwyhs-tt{margin-top: 30px; text-align: center;}
.szwyhs-tt img{width: 80%;}
.szwyhs{ padding-bottom: 10px;}

.lists li{width: 33.333%;float: left;}
.lists li a{display: block;text-align: center;padding:10px;margin: 10px 0; }
.lists li img{display: block;max-height: 50px;margin: 0 auto 10px; width: 35%;}
.lists li p{font-size: 16px; font-weight: 500;}


/* 永州要闻、县区传真 */

.tab-brief > .hd{border-bottom:#dfdfdf 1px solid;text-align:center }
.tab-brief > .hd ul{display:inline-block;}
.tab-brief > .hd li{float:left; position: relative; padding: 0 0 8px; font-size:21px; color: #cbcbcb; font-weight: bold;}
.tab-brief > .hd li + li{margin-left: 30px;}
.tab-brief > .hd li a{color: #666;}
.tab-brief > .hd li:after{content: ''; position: absolute; width:0; bottom:-7px; left:0; height: 2px; background: #1796f1;transition: all .3s; -webkit-transition: all .3s; overflow: hidden;}
.tab-brief > .hd li.on:after{width: 100%;}
.tab-brief > .hd li.on a{color: #1796f1;}
.tab-brief > .hd .more{padding-top: 3px; float: right;}

.tab-brief .bd > .item .infolist{margin-top: 10px;}

.infolist{clear: both;}
.infolist li{position:relative;  line-height:26px; overflow:hidden; vertical-align: top;}
.infolist li a{float: left; position: relative; max-width: 100%; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; }
.infolist li, .infolist li a{-moz-box-sizing: border-box; -welit-box-sizing: border-box; box-sizing: border-box;}
.infolist li .time{position:absolute; right:0; top: 0; bottom: 0; height: 26px; margin: auto 0; color:#999999;}
.infolist li a br{display: none;}
.infolist li:hover a, .infolist li a:hover{color: #ea2b22;}
.infolist li:hover span{color:#ea2b22;}
.infolist.md li{padding-right:60px;}
.infolist.ymd li{padding-right:100px;}

.infolist.dot li a{padding-left: 18px;}
.infolist.dot li a:before{content:''; position:absolute; left:0; top:12px; margin-top: -2px; width: 5px; height: 5px; background: #030303; }
.infolist.dot li:hover a:before{background: #ea2b22;}

.infolist.line li{border-top: 1px solid #e1e5eb;}
.swiper-slide:first-child .infolist.line li{border-top:0px}
.infolist.line li{padding-top: 14px; padding-bottom: 14px;}

.infolist.col2 li, .infolist.col3 li, .infolist.col4 li{float: left;}
.infolist.col2 li{width: 50%;}
.infolist.col3 li{width: 33.33333%;}
.infolist.col4 li{width: 25%;}
.infolist.space20{margin-left: -10px; margin-right: -10px;}
.infolist.space20 li{padding-left: 10px; padding-right: 10px;}
.infolist.space20 li .time{right: 10px;}
.infolist.space20.infolist.md li{padding-right:70px;}
.infolist.space20.infolist.ymd li{padding-right:110px;}
.infolist.space30{margin-left: -15px; margin-right: -15px;}
.infolist.space30 li{padding-left: 15px; padding-right: 15px;}
.infolist.space30 li .time{right: 15px;}
.infolist.space30.infolist.md li{padding-right:75px;}
.infolist.space30.infolist.ymd li{padding-right:115px;}

.infolist.split5n li:nth-child(5n){margin-bottom:15px; padding-bottom:25px; border-bottom:1px dashed #e5e5e5;}

.kjyxmgl{padding-bottom: 30px;box-sizing: border-box; margin-top: 10px;}
.kjyxmgl .swiper-pagination{bottom: 0;}
.kjyxmgl .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #adacac;
  opacity: 1;
}
.kjyxmgl .swiper-pagination-bullet-active{background: #1796f1;}
.kjyxmgl .swiper-pagination-bullet-active{bottom: -10px;}
.kjyxmgl .swiper-slide{margin-top: 0;}
.kjyxmgl .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px;}

/* 政务公开 */
.zmgk-links li{float: left; width: 47%; background: #FFF; margin: 20px 1.5%; text-align: center; height:72px;}
.zmgk-links li a{display: block;margin: 20px 10px;overflow: hidden;border-radius: 4px; font-size: 18px; font-weight: 400;}
.zmgk-links li a img{width: 30%; vertical-align: middle; padding-right: 10px;}
@media (max-width:750px){
body {
  min-width: 320px;
  max-width: 750px;
  margin: 0 auto;
  /*line-height: 1.5;*/
  font-family: Arial, Helvetica;
  background: url(../images/mobile_header_bg.png) no-repeat center top #f6f6f6!important;background-size: 100% 500px!important;
}
}

.nav{
position: absolute;
    z-index: 101;
   top: 10px;
    right: 30px;
}
.nav-1{
  float: left;
  width: 17.5px;
  position: relative;
  margin-top: 4px;
  transition: .2s;
}
.nav-1 span{
  width: 100%;
  height:2px;
  background: #fff;
  display: block;
  margin-top: 4px;
  transition: .2s;
}
.nav.nav-on .nav-1{
  transform: rotate(90deg);
}
.nav.nav-on .nav-1 span:nth-of-type(1){
  /* transform: rotate(45deg) translateY(0.04rem) translateX(0.15rem); */
}
.nav.nav-on .nav-1 span:nth-of-type(2){
  /* width: 0; */
}
.nav.nav-on .nav-1 span:nth-of-type(3){
  /* transform: rotate(-45deg) translateY(-0.02rem)  translateX(0.12rem); */
}
.nav-2{
  float: left;
  font-size: 16px;
  color: #fff;
  margin-left: 7.5px;
}
.nav-1 span:nth-of-type(1){
  margin-top: 0;
}
.menu-box{
  position: absolute;
  width: 100%;
  top: -250px;
  left: 0;
  z-index: 100;
  overflow: hidden;
  display: none;
}
.menu-box li{
  float: left;
  width: 50%;
  padding: 0 10px;
  margin-top: 20px;
}
.menu-box li a{
  display: block;
  text-align: center;
  line-height: 50px;
  height: 50px;
  background-color: #1796f1;
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
}
.menu-box li a img{
  width: 25px;
  vertical-align: middle;
}
.nav:before{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
}
.menu-box-bg{
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  z-index: 99;
  display: none;
}