.dqwz {
    font-size: 14px;
    padding:20px 0;
}
.clear{clear: both;}
.container{width: 1200px; margin: 0 auto;}
.space30{height: 30px; clear: both;}

/* 湛江概况 */
.zjgk{background: url(../images/mlzj2023_zjgk_bg.jpg) top center no-repeat;  background-size: 1920px; padding-bottom: 66px;}
.zjgk_title{background: url(../images/mlzj2023_r1_c1_s1.png) top center no-repeat; line-height: 1; font-size: 30px; font-weight: bold; color:#3868B6; padding-left: 8%; margin: 20px 0 38px; text-align: center;}
.zjgk_title a{font-size: 30px; color:#3868B6;}
.zjgk_con{background: url(../images/mlzj2023_r3_c19_s1.png) top right no-repeat; padding-top: 22px; padding-right: 30px;}
.zjgk_l{width: 59%;}
.zjgk_tplb {
    width: 100%;
    height: 444px;
    position: relative;
  }
  .zjgk_tplb  .swiper-container {
    width: 100%;
    height: 444px;
  }
  .zjgk_tplb .content-slide {
    padding: 16px;
    background-color: #DFF0FF;
  }
  .zjgk_tplb .content-slide img{width: 100%; height: 370px;}
  .zjgk_tplb .pagination {
    position: absolute;
    left: 0;
    text-align: center;
    bottom:0;
    width: 100%;
  }
  .zjgk_tplb .swiper-pagination-switch {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../images/mlzj2023_r4_c15_s1.png) center no-repeat;
    margin: 0 5px;
    cursor: pointer;
  }
  .zjgk_tplb .swiper-active-switch {
    background: url(../images/mlzj2023_r4_c13_s1.png) center no-repeat;
  }

.zjgk_r{width: 38.5%;}
.zjgk_zy{padding-top: 49px; line-height: 2.2; font-size: 15px; color: #333; padding-bottom: 20px;}
.zjgk_zy p{text-indent: 2em; margin-bottom:10px;}
.zjgk_more{width: 75px; line-height: 27px; background: #7BACE3; float: right; border-radius: 27px; text-align: center;}
.zjgk_more a{display: block; color: #fff; font-size: 15px;}

/* 区县简介 */
.qxjj_list{margin: 100px 0 80px;}
.qxjj_list:after {height: 0;	display: block;	clear: both;	visibility: hidden;	content: '.';	font-size: 0}
.qxjj_list ul {width: 1200px;	margin: 0 auto;	position: relative;}
.qxjj_list li{
  float: left;
	text-align: center;
	cursor: pointer;
	z-index: 0;
	position: relative;
	height: 348px;
  width: 100px; 
  margin-right: 10px;
  transition: all .2s;
			/*transition-delay: 1s*/
}
.qxjj_list li:hover{
  transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.qxjj_list li a{display: block;}
.qxjj_list li.xx11 {
	margin-right: 0
}
.qxjj_list li .in img {
  *width:100px;
  *height:auto;
}
.qxjj_list li .in {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100px;
}
.qxjj_list li .in .imgdiv {
	display: block;
	width: 100px;
	height: 250px;
	margin: 0 auto;
	overflow: hidden;
  -webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	transition-delay:0.2s;
	-moz-transition-delay:0.2s; /* Firefox 4 */
	-webkit-transition-delay:0.2s; /* Safari 和 Chrome */
	-o-transition-delay:0.2s; /* Opera */
}
.qxjj_list li .in .imgdiv img{width: 100px; height: 250px; border-radius: 10px;

}

.qxjj_list li span {
	display: block;
	text-align: center;
  margin: 48px 0 0;
  padding-bottom: 10px;
	font-size:14px;
	line-height: 1.2;
	color: #333;
  font-weight: bold;
	overflow: hidden;
	/*white-space: nowrap;
	text-overflow: ellipsis;*/
}
.qxjj_list li.xx11 span{margin-top: 22px;}
.qxjj_list li.xx2 span, .qxjj_list li.xx4 span, .qxjj_list li.xx6 span, .qxjj_list li.xx8 span, .qxjj_list li.xx10 span{
  margin-top: 0;
  padding-top:10px;
  line-height: 1.2;
}
.qxjj_list li.xx1 span.bt2, .qxjj_list li.xx3 span.bt2, .qxjj_list li.xx5 span.bt2, .qxjj_list li.xx7 span.bt2, .qxjj_list li.xx9 span.bt2, .qxjj_list li.xx11 span.bt2{
  display: none;
}
.qxjj_list li.xx2 span.bt1, .qxjj_list li.xx4 span.bt1, .qxjj_list li.xx6 span.bt1, .qxjj_list li.xx8 span.bt1, .qxjj_list li.xx10 span.bt1{
  display: none;
}


.qxjj_list li.pic .original {
	display: none;
	position: absolute;
	text-align: center;
	left: -49px;
	top: -48px;
  /*padding: 5px;*/
	background: #fff;
  -webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.qxjj_list li.pic .original .imga {
	display: block;
}
.qxjj_list li .original img {
*height:348px;
*width:auto;
height:348px;
width:auto;
border-radius: 10px;
}

.qxjj_list li .original span {
	/*padding: 30px 0;*/
  font-size: 24px; color: #0c65d0;
  background-color: #fff;
  width: 100%;
}
.qxjj_list li.on {
	z-index: 999
}
.qxjj_list li.on .original {
	display: block;
	z-index: 100;
}
.qxjj_list  li.xx1 .original span.bt1, .qxjj_list li.xx3 .original span.bt1, .qxjj_list li.xx5 .original span.bt1, .qxjj_list li.xx7 .original span.bt1, .qxjj_list li.xx9 .original span.bt1, .qxjj_list li.xx11 .original span.bt1{
padding-top: 0;
margin: 0;
}
.qxjj_list li.xx2 .original span.bt2, .qxjj_list li.xx4 .original span.bt2, .qxjj_list li.xx6 .original span.bt2, .qxjj_list li.xx8 .original span.bt2, .qxjj_list li.xx10 .original span.bt2{
padding-bottom: 0;
margin: 0;
}

.mlzj_box{width: 49%;}
.zjwl_title{background: url(../images/mlzj2023_r12_c2_s1.png) top center no-repeat; line-height: 1; font-size: 30px; font-weight: bold; color:#3868B6; padding-left: 8%; margin:0 0 38px; text-align: center;}
.zjwl_title a{font-size: 30px; color:#3868B6;}

.zjms_title{background: url(../images/mlzj2023_r11_c26_s1.png) top center no-repeat; line-height: 1; font-size: 30px; font-weight: bold; color:#3868B6; padding-left: 8%; margin:0 0 38px; text-align: center;}
.zjms_title a{font-size: 30px; color:#3868B6;}

.piclb {
 
  height: 388px;
  border-radius: 20px;
  position: relative;
  padding:0 20px;
}
.piclb .arrow-left {
  background: url(../images/mlzj2023_r17_c2_s1.png) no-repeat center;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  width: 16px;
  height: 30px;
}
.piclb .arrow-right {
  background: url(../images/mlzj2023_r16_c23_s1.png) no-repeat center;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -15px;
  width: 16px;
  height: 30px;
}
.piclb .swiper-container {
  height: 388px;
  width: 100%;
}
.piclb .picList {
 
}
.piclb .picList li{margin: 0 7px 19px; width: 47.3%; background: url(../images/mlzj2023_r14_c10_s1.png) top left no-repeat; float: left;}
.piclb .picList li .pic{padding-right: 10px;}
.piclb .picList li .pic img{width: 100%; height: 142px;}
.piclb .picList li .text{padding-left: 8px; text-align: center; height: 33px;}

.piclb .pagination {
  display: none;
  position: absolute;
  left: 0;
  text-align: center;
  bottom:5px;
  width: 100%;
}
.piclb .swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.piclb .swiper-active-switch {
  background: #fff;
}


/* .Scroll-pic{height: 370px; position: relative; *overflow: hidden; overflow: hidden;}

.Scroll-pic .bd{overflow: hidden; width: 534px; margin: 0 auto; height: 370px;}
.Scroll-pic .bd li{float: left; margin-right: 14px; width: 259px; background: url(../images/mlzj2023_r14_c10_s1.png) top left no-repeat;}
.Scroll-pic .bd li a{display: block;}
.Scroll-pic .bd li .pic{height: 142px; overflow: hidden; width: 250px}
.Scroll-pic .bd li .pic img{display: block; width:100%; height: 142px;}
.Scroll-pic .bd li .text{padding-left: 8px; text-align: center; height: 33px; line-height: 1.6;}
.Scroll-pic .hgan{display: block;}
.Scroll-pic .hgan a{position:absolute; top:0; left: 0; width:16px; height:30px; cursor:pointer;}
.Scroll-pic .hgan .prev{background: url(../images/mlzj2023_r17_c2_s1.png) no-repeat center;}
.Scroll-pic .hgan .next{background: url(../images/mlzj2023_r16_c23_s1.png) no-repeat center; right: 0;} */


.Scroll-pic{ overflow:hidden; position:relative; padding: 0 20px;}
.Scroll-pic .hd{ width: 100%}
.Scroll-pic .hd .prev,.Scroll-pic .hd .next{position:absolute; top: 45%;  width:16px; height:30px; display: block; verflow:hidden;
		 cursor:pointer; background:url("../images/mlzj2023_r17_c2_s1.png") center no-repeat; right: auto; left:0}
.Scroll-pic .hd .next{ background:url("../images/mlzj2023_r16_c23_s1.png") no-repeat; right: 0; left: auto}
.Scroll-pic .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1;  display: none}
.Scroll-pic .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.Scroll-pic .hd ul li.on{ background-position:0 0; }

.Scroll-pic .bd{overflow:hidden; margin: 0 auto; width: 540px;}
.Scroll-pic .bd ul{overflow:hidden; zoom:1; width:540px; float:left; _display:inline;  }
.Scroll-pic .bd ul li{margin:0 5px 20px;  width: 259px; float:left; _display:inline; overflow:hidden; text-align:center; background: url(../images/mlzj2023_r14_c10_s1.png) top left no-repeat;}
.Scroll-pic .bd ul li .pic{text-align:center;}
.Scroll-pic .bd ul li .pic img{width:250px; height:142px; display:block;}
.Scroll-pic .bd ul li .title{padding-left: 8px; text-align: center; height: 33px; line-height: 1.6;}	