@charset "utf-8";

/*-----------------------------theme主题-----------------------------*/
body{font-size:14px;font-family:PingFangSC-Regular, Verdana, Arial, 微软雅黑, 宋体;line-height: 1.42857143;color: #333;background-color: #f2f2f2;}
.bds_more{display:none !important;}
a{color: #333;}
a:hover,a:focus{color: red;}
.cor1,a.cor1{color: white;}
.cor2,a.cor2{color: ;}
.cor3,a.cor3{color: ;}
.cor4,a.cor4{color: ;}
.bg1{background: white;}
.bg2{background: ;}
.bg3{background: ;}
.theme-ct{margin: 20px auto;background: white;padding: 0 20px;}
.theme-dqwz{background: url(../images/icon/icon_dqwz.jpg;vpn_img) no-repeat 0 center;padding-left: 25px;line-height: 45px;border-bottom: 1px solid #CCCCCC;}
.clearfix:after {
  display: block;
  content: "";
  clear: both;
}
.zrbj{
text-align:right;
margin-top:20px;
}
.mores{
	float: right;
	}
 .mores a{
 	display: none;
  color:#7A7A7A;
 }  
 .mores a:hover{
  color: red;
 } 
 .mores .dis{
 	display: block;
 }       
/*当前位置*/
.dqwz{
width: 100%;
min-height: 30px;
background: url(../images/public/dqwz.png;vpn_img) no-repeat;
background-position-y: 3px;
border-bottom: solid 1px #A3A3A3;
color: #333333;
text-indent: 23px;
}
.dqwz a{
 color:#015293;
}
.d_m_list{
    width: 100%;
    margin: 20px auto;
    border: 1px solid #0B6BB9;
}
.d_m_list ul{
    overflow: hidden;
    padding: 10px 0;
}
.d_m_list ul li{
    float: left;
    width: 47%;
    font-size: 14px;
    margin-left: 2.5%;
    padding: 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.d_m_list ul li b{
    color: #0B6BB9;
}
.d_m_list ul li.li{
    margin-left: 6%;
}


/*-----------------------------header页眉-----------------------------*/

/*------导航------*/
.nav_dh {
  width: 1200px;
  height: 50px;
  margin: auto;
  margin-top: 60px;
}
.nav_dh li {
  width: 16.66666%;
  height: 50px;
  float: left;
  border-right: solid 1px #4E86B4;
  text-align: center;
  background: #015293;
}
.nav_dh li a {
  text-align: center;
  line-height: 50px;
  color: #fff;
  font-size: 18px;
}
.nav_dh li.active {
	background: #DE2A2A;
}
.nav_dh li  img {
  margin-right: 10px;
  margin-top: -5px;
  transition: all 0.6s;
}
.nav_dh li:hover {
  background: #DE2A2A;
}
.nav_dh li:hover img {
  transform: scale(1.2);
}
.nav_dh li:last-child {
  border-right: none;
}

@media screen and (max-width: 768px) {
  .nav_dh {
     width:100%;
   }
  .nav_dh li  img{
     display:none;
   }
  .nav_dh li{
   width:33.3%;
   border-bottom: solid 1px #4E86B4;
   }
  .nav_dh li a{
   font-size:1em;
   }
}
/*-----------------------------footer页脚-----------------------------*/

/*-----------------------------list列表-----------------------------*/
.data{background: white;}
.list li{line-height: 30px;border-bottom: 1px dashed #CCCCCC;padding: 15px 0;}
.list li:after{content: " ";display: table;clear: both;}
.list img{width: 270px;height: 160px;margin-right: 15px;float: left;}
.list .time{float: right;margin-left: 10px;}
.list .tit{display: block;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;}
/*分页*/
#page-div{width: 80%;margin:15px auto;text-align: center;}
.page_num{text-align: center;margin-top:20px;}
.pagination-first,.pagination-last{display: block;margin: 10px;}
.pagination-index,.pagination-num{border: 1px solid #bfbfbf;margin: 0 3px;padding:0 10px;display: inline-block;border-radius: 3px;color: #bfbfbf;}
.pagination-num.active,.pagination-index:hover,.pagination-num:hover{background: #015293;color: white;}
.pagination-last>span{margin: 0 10px;}
.pagination-last>input{height: 18px;width: 30px;text-align: center;}


.comlist .title{
	width: 100%;
	height: 45px;
	/*background: #F0F0F0;*/
	background: url(../images/public/list_bg.png;vpn_img);
	background-size: 100% 100%;
	margin-top: 20px;
}
.comlist .title p{
	width: 165px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	background: #0C6CB9;
	font-size: 18px;
}
.comm_list{
	width: 100%;
	box-sizing: border-box;
	padding-top: 20px;
	padding-left: 30px;
}
.comm_list li{
	 background: url(../images/icon/point.png;vpn_img) no-repeat;
    background-position-y: 10px;
    text-indent: 8px;
  color: #666666;
  margin-top: 13px;
}
.comm_list li:nth-child(5){
	border-bottom: dashed 1px #ccc;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.comm_list ul li a {
  color: #333;
  font-size: 16px;
}
.comm_list ul li a:hover {
  color: red;
}
.comm_list ul li span {
  float: right;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
.pagination-index, .pagination-num{
margin:0px;
}
.comlist{
	padding: 30px 0;
}
.comm_list{
	padding: 0;
}
.comm_list ul li a{
  font-size: 1em;
  overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    width: 70%;
    display: inline-block;
}
.comm_list ul li span {
  font-size: .5em;
}
}
/*-----------------------------detail详情-----------------------------*/
.detail_title{background: #FFFFFF;}
.detail_title>h1{font-size: 32px;text-align: center;padding: 20px 50px;}
.detail_title>table tr{border-bottom: 1px solid #CCCCCC;line-height: 40px;}
.detail_title .fontsize img,.detail .fontsize span{margin: 0 5px;cursor: pointer;}
.detail_title .dywb{cursor: pointer;}
.detail_title .bdsharebuttonbox{display: inline-block;vertical-align: middle;}
#NewsContent table{max-width: 100%;}
.click-top{position: fixed;bottom: 10%;right: 5%;z-index: 1000;display: none;cursor: pointer;}
.gj_con{
	width: 100%;
	border:solid 1px #ccc;
	margin-top: 15px;
	padding: 10px 5px;
	height: 600px;
	overflow: auto;
}
.qz_details,.xxgk_details{
	width: 100%;
	height: 600px;
	overflow: auto;
}
.detail_content{
	padding: 0 20px;
}

.detail_content .gjContent{
	width: 100%;
	padding: 0 20px;
}
.detail_content .gjContent img{
	margin: 20px auto;
	display: block;
}
.gjContent >p{
	text-indent: 40px;
	font-size: 16px;
	margin-bottom: 50px;
	line-height: 30px;
}
/*相关信息*/
.xgxx{
	width: 100%;
	height: 225px;
	margin-top: 30px;
}
.xgxx p{
	border-left: solid 3px #0D63A9;
	font-size: 18px;
	text-indent: 10px;
}
.xgxx ul li{
	 list-style: square;
	list-style-position: inside;
	margin-top: 15px;
}
@media  screen and (max-width:768px ) {

   .detail_title>h1{
padding: 0px;
    }
	.detail_con{
		padding-top: 20px;
	}
	.detail_content .gjContent{
	width: 100%;
	padding: 0;
}
}
/*-----------------------------内容页-----------------------------*/
body {
  	width: 100%;
    height: auto;
    background: url(../images/index/bg.png;vpn_img) no-repeat center top;
    background-size:100% 100%;
}
.index_content {
  width: 100%;
 
  background: url(../images/index/bg.png;vpn_img) no-repeat center top;
}
/*------顶部------*/
.top {
  width: 100%;
  margin-bottom: 30px;
}
.top_date {
  width: 100%;
  height: 35px;
}
.top_nav {
  width: 1200px;
  height: 35px;
  margin: auto;
}
.top_nav_left {
  float: left;
  width: 500px;
  height: 35px;
}
.top_nav_left .date {
  float: left;
  width: 200px;
  height: 30px;
  line-height: 35px;
  color: #fff;
}
.top_nav_left .weather {
  float: left;
  height: 30px;
  width: 300px;
}
.top_nav_right {
  float: right;
  width: 129px;
  position: relative;
}
.top_nav_right a {
  color: #fff;
  float: left;
  line-height: 35px;
}
.top_nav_right .wechat{
	height: 35px;
	position: relative;
	float: left;
}
.top_nav_right .wechat p{
	position: absolute;
	width: 200px;
	height: 200px;
	background: #ccc;
	top:35px;
	right: 0;
	z-index: 999999;
	display: none;
}
.top_nav_right .wechat p img{
	width: 100%;
	height: 100%;
}
.top_nav_right a:hover {
  color: red;
}
.top_nav_right span {
  display: block;
  width: 1px;
  height: 15px;
  background: #fff;
  float: left;
  margin: 12px 8px 0 8px;
}
.top_logo {
  width: 1200px;
  margin: auto;
  margin-top: 20px;
}
.logo {
  width: 460px;
  height: 80px;
  float: left;
}

.search {
  width: 500px;
  height: 70px;
  margin-top: 5px;
  float: right;
}
.search .search_input {
  width: 500px;
  height: 70px;
  position: relative;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 40px;
  box-sizing: border-box;
  padding-top: 10px;
}
.search .search_input > div {
  width: 480px;
  height: 50px;
  background: #fff;
  border-radius: 40px;
  margin-left: 10px;
}
.search .search_input > div input,
.search .search_input > div button {
  border: none;
}
.search .search_input > div input:focus,
.search .search_input > div button:focus {
  outline: none;
}
.search .search_input > div input {
  width: 355px;
  height: 50px;
  float: left;
  margin: 0 0 0 20px;
  text-indent: 20px;
}
.search .search_input > div input::-webkit-input-placeholder {
  color: #9A9A9A;
}
.search .search_button {
  width: 105px;
  float: left;
}
.search .search_button button {
  width: 105px;
  font-size: 16px;
  background: #015293;
  border-radius: 30px;
  height: 50px;
  color: #fff;
}
.search .search_button button img {
  margin: -2px 5px 0 0;
}
/*------内容------*/
.content {
  width: 1200px;
  margin: auto;
  position: relative;
}
.lian {
  position: absolute;
  left: 210px;
}
.lian_top {
  top: 200px;
}
.lian_bottom {
  bottom: 40px;
}
.left_nav {
  width: 240px;
  height: 710px;
  background: #015293;
  border-radius: 30px;
  float: left;
}
.left_nav ul {
  margin-top: 25px;
}
.left_nav li {
  width: 165px;
  height: 110px;
  border-bottom: solid 2px #4E86B4;
  margin-left: 25px;
  box-sizing: border-box;
  padding-top: 20px;
  position: relative;
}
.left_nav li:last-child{
	border-bottom: none;
}
.left_nav li a {
  display: block;
  width: 215px;
  height: 70px;
  line-height: 70px;
  color: #fff;
  font-size: 18px;
  font-weight: bolder;
  text-indent: 70px;
}
.left_nav li .img2{
 display:none;
}
.left_nav li.active a{
	background: #fff;
	border-top-left-radius:10px ;
	border-bottom-left-radius:10px ;
	color: #015293;
	text-indent: 70px;
}
.left_nav li.active .img2 {
  display:block;
}
.left_nav li.active .img1 {
  display:none;
}
.left_nav li  img {
	position: absolute;
  margin-right: 10px;
 margin-left:10px;
  top: 40px;
  transition: all 0.6s;
}
.left_nav li:hover a{
  color: gainsboro;
}
.left_nav li:hover img {
  transform: scale(1.2);
}
.left_nav li:last-child a{
  border-bottom: none;
}

.right_content {
  width: 938px;
  height: 710px;
  background: #fff;
  border-radius: 30px;
  float: right;
  padding: 20px 20px 30px 45px;
}
/*------底部------*/
.bottom {
  width: 100%;
  background: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
  margin-top: 20px;
  color: #fff;
}
.bottom_content {
  width: 1200px;
  margin: auto;
}
.bottom_top {
  width: 100%;
  min-height:80px;
  border-bottom: solid 1px #fff;
}
.bottom_top .bottom_top_con > p {
  width: 8%;
  line-height: 55px;
  font-size: 16px;
  float: left;
}
.yqlj {
  width: 92%;
  float: left;
}
.yqlj_top {
  height: 55px;
  width: 100%;
}
.yqlj_top li {
  float: left;
  line-height: 55px;
  margin-right: 50px;
}
.yqlj_top li:hover {
  cursor: pointer;
}
.yqlj_bottom {
  width: 100%;
  padding-bottom:10px;
}
.yqlj_bottom .yqlj_con {
  display: none;
  width: 100%;
  padding: 5px 0;
}
.yqlj_bottom .yqlj_con a {
  color: #fff;
  margin-right: 5px;
}

.yqlj_bottom .fir {
  display: block;
}
.bottom_bottom {
  width: 100%;
  margin-top: 10px;
}
.bottom_left {
  width: 58%;
  float: left;
  color: #fff;
  line-height: 30px;
}
.bottom_left p > span {
  margin-right: 15px;
}
.bottom_left p a{
	color:#fff;
}
.bottom_link {
  font-size: 14px;
}
.bottom_link a {
  color: #fff;
  display: inline-block;
  width: 65px;
  height: 20px;
  line-height: 20px;
  border-right: solid 1px #fff;
  margin-right: 10px;
}

.bottom_link a:last-child {
  border-right: none;
}
.bottom_right {
  width: 15.5%;
  float: right;
}
.bottom_right .zfzc {
  margin-left: 15px;
}
@media screen and (max-width: 768px) {
   
  /*------顶部------*/
  .top {
    width: 100%;
    box-sizing: border-box;
    padding-top: 20px;
  }
  .top_date{
  	display: none;
  }
  /*.top_nav {
    padding: 0 5px;
    width: 100%;
    font-size: .8em;
  }
  .top_nav_left {
    width: 100%;
  }
  .top_nav_left .date {
    width: 45%;
  }
  .top_nav_left .weather {
    width: 50%;
  }
  .top_nav_right {
    display: none;
  }*/
  .top_logo {
    width: 100%;
    margin: auto;
    margin-top: 0;
  }
  .logo {
    width: 100%;
  height:auto;
    padding: 0 10px;
    text-align: center;
  }
  .logo img {
    max-width: 100%;
    height: auto;
  }
  .search {
    width: 100%;
    height: 60px;
    display:none;
  }
  .search .search_input {
    margin: auto;
    height: 60px;
  }
  .search .search_input > div {
    height: 40px;
  }
  .search .search_input > div input {
    height: 40px;
  }
  .search .search_button button {
    font-size: 1em;
    height: 40px;
  }
  /*------内容------*/
  .content {
    width: 100%;
  }
  .lian {
    display: none;
  }
  .left_nav {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    border-radius: 0;
  }
  .left_nav ul {
    margin-top: 0;
  }
  .left_nav li {
    border-right: solid 1px #fff;
    border-bottom: none;
    float: left;
    width: 33.33%;
    height: auto;
    margin: 10px 0;
    padding-top: 0;
  }
  .left_nav li a {
    text-align: center;
    width: 100%;
    height: auto;
    margin-left: 0;
    line-height: normal;
    /*background:#fff ;*/
    border-bottom: none;
    font-size: 16px;
    text-indent: 0px;
    font-weight: normal;
  }
  .left_nav li.active {
  	background: transparent;
  }
  .left_nav li.active a{
  	border-top-left-radius:0 ;
		border-bottom-left-radius:0 ;
		color: #fff;
		background: transparent;
		text-indent: 0;
  }
  .left_nav li img {
    display: none;
  }

 .left_nav li .img2{
 display:none;
}

.left_nav li.active .img2 {
  display:none !important;
}
.left_nav li.active .img1 {
  display:none;
}


  .right_content {
    width: 100%;
    height: auto;
    padding: 0 5px 30px 5px;
  }
   /*------底部------*/
  .bottom_content {
    width: 100%;
  }
  .bottom_top {
    display: none;
  }
  .bottom_bottom {
    padding: 0 5px;
  }
  .bottom_left {
    width: 100%;
    text-align: center;
    height: auto;
    font-size: .8em;
  }
 .bottom_link{
 display:none;
}
  .bottom_right {
    width: 15.5%;
    height: auto;
    display:none;
  }
  .bottom_right .zfzc {
    margin-left: 0px;
  }
}
@media screen and (max-width: 520px) {
  .top_logo .search {
    width: 100%;
    height: 60px;
  }
  .top_logo .search .search_input {
    width: 90% !important;
  }
  .top_logo .search .search_input > div {
    width: 94% !important;
  }
  .top_logo .search .search_input > div input {
    width: 70% !important;
    margin-left: 6% !important;
  }
  .top_logo .search .search_input > div .search_button {
    width: 24% !important;
  }
  .top_logo .search .search_input > div .search_button button {
    width: 100% !important;
  }
}
@media screen and (max-width: 320px) {
  .search_button button {
    font-size: .5em !important;
  }
}



/*-----------------------------工布法制在线-----------------------------*/
.fzzx .title{
	width: 100%;
	height: 45px;
	background: #F0F0F0;
	margin-top: 30px;
}
.fzzx .title p{
	width: 165px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	background: #0C6CB9;
	font-size: 18px;
}
.fzzx_con{
	width: 100%;
	box-sizing: border-box;
	padding-top: 40px;
	padding-left: 30px;
}
.fzzx_con li{
	list-style: square;
  list-style-position: inside;
  color: #666666;
  margin-top: 13px;
}
.fzzx_con li.five{
	border-bottom: dashed 1px #ccc;
	margin-bottom: 30px;
	padding-bottom: 30px;
}
.fzzx_con ul li a {
  color: #333;
  font-size: 16px;
}
.fzzx_con ul li a:hover {
  color: red;
}
.fzzx_con ul li span {
  float: right;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
	

.fzzx_con{
	padding: 20px 0;
}

.fzzx_con ul li a{
  font-size: 1em;
}

.fzzx_con ul li span {
  font-size: 1em;
}
}

/*-----------------------------办事服务-----------------------------*/
.bsfw .img{
	width: 100%;
}
.bsfw .img img{
	max-width: 100%;
}
.bsfw .title{
	width: 100%;
	height: 30px;
	margin-top: 20px;
  border-bottom: solid 1px #A3A3A3;
}
.bsfw .title p{
	 float: left;
	 height: 30px;
	 border-bottom: solid 2px #054976;
	 color:#054976 ;
	 font-size: 18px;
	 font-weight: bold;
}
.bsfw .title a{
	float: right;
	color:#7A7A7A;
}
.bsfw .title a:hover{
	color: red;
}
.bsfwList{
	width: 100%;
}
.bsfwList li{
	list-style: square;
  list-style-position: inside;
  margin-top: 13px;
}
.bsfwList li:nth-child(5){
	border-bottom: dashed 1px #ccc;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
.bsfwList ul li a {
  color: #000;
  font-size: 16px;
}
.bsfwList ul li a:hover {
  color: red;
}
.bsfwList ul li span {
  float: right;
  font-size: 16px;
  color: #7A7A7A;
}

@media screen and (max-width: 768px) {
.bsfw {
	padding: 20px 0;
}
.bsfwList ul li a {
  font-size: 1em;
}
.bsfwList ul li span {
  font-size: .5em;
}
}
/*-----------------------------********-----------------------------*/
@media (max-width: 768px) {
.dis-no{display: none !important;}
.theme-ct{padding: 0 10px;}
.list img{width: 100%;height: 160px;float: initial;display: block;margin-bottom: 10px;}

/*-----------------------------********-----------------------------*/

}

@media (min-width: 1200px) {
.container{width:1100px;}
.theme-ct{min-height: 500px;}
}



/*-----------------------------网站地图-----------------------------*/
#maplist table{width: 100%;font-size: 16px;margin-top: 20px;}
#maplist td{border: 2px solid white;height: 40px;line-height: 30px;}
#maplist .one{background: #e5f1fd;font-weight: bold;text-align: center;width: 15%;}
#maplist .one a{color: #f76d15;}
#maplist .two{background: #f7f7f7;text-align: center;width: 18%;}
#maplist .two a{color: #086c98;}
#maplist .three{background: #f7f7f7;color: #086c98;padding-left: 10px;}
#maplist .three a{color: #086c98;display: inline-block;margin: 0 10px;}