
*{
  padding: 0;
  margin: 0;
}
.clear::after{
  content: "";
  display: block;
  clear: both;
}
#index *{
  background-repeat: no-repeat;
}
#index li{
  list-style: none;
}
#index a{
  color: #000;
  text-decoration: none;
}
#index img{
  max-width: 100%;
}
.top {
  text-align: center;
}
.top img{
  display: block;
}
.contentBox{
  background: url(http://www.szns.gov.cn/jjnsgzlfz/bg_page.jpg);
  background-size: cover;
  padding-bottom: 200px;
}
.widthBox{
  max-width: 1300px;
  width: 95%;
  margin: 0 auto;
}
.jj_txt{
  font-size: 18px;
  color: #fff;
  letter-spacing: 2px;
  line-height: 2;
  padding-top: 40px;
  padding-bottom: 70px;
  text-indent: 2em;
}
.title_img{
  text-align: center;
  margin-top: 65px;
}
.gzlfz {
  margin-top: 100px;
}
.gpzshSwiperBox,.gzlfzSwiperBox{
  width: 545px;
  height: 410px;
  position: relative;
  float: left;
  
}
.gzlfzSwiperBox::before{
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(http://www.szns.gov.cn/jjnsgzlfz/bg_gzlfz_swiper_big.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: -40px;
  left: -40px;
}
.swiper-container{
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 41px;
  border: 10px solid #fff;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
}
.swiperTitleBg{
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.swiperTitleBg img{
  display: block;
}
.lb_bar {
  position: absolute;
  bottom: 12px;
  left: 17%;
  z-index: 2;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  cursor: pointer;
  margin-right: 10px;
  background: #fff;
}
.swiper-active-switch {
  background: #0a5f84;
}
.swiper-slide{
  position: relative;
}

.swiper-slide .h3{
  position: absolute;
  bottom: 19px;
  right: 19px;
  z-index: 10;
  color: #fff;
  width: 474px;
  height: 48px;
  background: url(http://www.szns.gov.cn/jjnsgzlfz/bg_gzlfz_swiper_txt.png);
  box-sizing: border-box;
  line-height: 48px;
  padding-left: 110px;
}
.swiper-slide .h3 h3{
  width: 350px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.gzlfzList{
  float: right;
  width: 495px;
}
.gzlfzList li{
  background: url();
  margin-bottom: 25px;
  position: relative;
}
.gzlfzList li::before{
  content: "";
  display: block;
  width: 110%;
  height: 100%;
  background: url(http://www.szns.gov.cn/jjnsgzlfz/bg_gzlfz_list.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.gzlfzList li::after{
  content: "";
  display: block;
  clear: both;
}
.gzlfzList .listIcon{
  float: left;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #fff;
  margin: 25px 10px;
  position: relative;
  z-index: 1;
}
.gzlfzList li a{
  float: left;
  width: 92%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size: 18px;
  line-height: 60px;
  position: relative;
  z-index: 1;
}
.moreBox{
  background: url(http://www.szns.gov.cn/jjnsgzlfz/bg_more.png);
  background-size: contain;
  background-position: center;
  text-align: center;
  max-width: 1510px;
  margin: 0 auto;
}
.moreBox a{
  display: inline-block;
  width: 145px;
  height: 60px;
  border: 5px solid #fff;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  box-sizing: border-box;
  overflow: hidden;
  text-align: center;
  line-height: 60px;
  box-shadow: 3px -3px 16px #3d679e;
}
.more_gzlfz a{
  background-color: #7de4f8;
}
.more_gpzsh a{
  background-color: #ffd98d;
}
.more_gpzsh{
  background-image: url(http://www.szns.gov.cn/jjnsgzlfz/bg_more2.png);
}
.moreBox a img{
  width: 70%;
  margin-top: 10px;
}
.gpzsh{
  background-image: url(http://www.szns.gov.cn/jjnsgzlfz/bg_gzlfz_swiper_big2.png);
  background-size: 100% 100%;
  background-repeat: no-repeat; 
  padding: 50px 50px 30px 70px;
  margin: 30px auto;
  box-sizing: border-box;
}
.gpzshSwiperBox{
  float: right;
}
.swiper-container2{
  border-color: #ffd98d;
  box-shadow: 8px -8px 16px #3d679e;
}
.lb_bar2 .swiper-active-switch {
  background: #ffd98d;
}
.swiper-container2 .swiper-slide .h3{
  background-image: url(http://www.szns.gov.cn/jjnsgzlfz/bg_gzlfz_swiper_txt2.png);
}
.gpzshList{
  float: left;
  width: 495px;
}
.gpzshList li{
  margin-bottom: 25px;
  position: relative;
}
.gpzshList li::after{
  content: "";
  display: block;
  clear: both;
}
.gpzshList .listIcon{
  float: right;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #ffd98d;
  margin: 25px 10px;
  position: relative;
  z-index: 1;
}
.gpzshList li a{
  float: left;
  width: 92%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size: 18px;
  line-height: 60px;
  position: relative;
  z-index: 1;
}
.more_gxnzl a{
  background-color: #54d38d;
}
.more_gxnzl{
  background-image: url(http://www.szns.gov.cn/jjnsgzlfz/bg_more3.png);
}
.gxnzlSwiperBox{
  width: 545px;
  height: 410px;
  position: relative;
}
.gxnzlSwiperBox::before{
  content: "";
  display: block;
  width: 130%;
  height: 110%;
  background-image: linear-gradient(to right, #b4f4ce, rgba(255,255,255,0));
  position: absolute;
  left: -5%;
  top: -5%;
}
.swiper-container3 .swiper-slide .h3,.swiper-container4 .swiper-slide .h3{
  background-image: url(http://www.szns.gov.cn/jjnsgzlfz/bg_gzlfz_swiper_txt3.png);
}
.lb_bar3 .swiper-active-switch ,.lb_bar4 .swiper-active-switch {
  background: #54d38d;
}
.swiper-container3,.swiper-container4{
  border-radius: 0 0 41px 0;
  -webkit-border-radius: 0 0 41px 0;
  -moz-border-radius: 0 0 41px 0;
  -ms-border-radius: 0 0 41px 0;
  -o-border-radius: 0 0 41px 0;
}
.gxnzlSwiperBox1{
  float: left;
}
.gxnzlSwiperBox2{
  float: right;
}
.gxnzl{
  margin: 60px auto;
}