/*body颜色*/
body{background-color: #E1F0F7;}

/*顶部图片*/
.topbg{width: 100%; height: 830px; background: url(banner.png)center center no-repeat;}
.topword{width: 1200px;margin: 0 auto;text-align: center;}

/*顶部logo*/
.logo{width: 1200px;height: 170px;margin: 0 auto;}
.logo a{position: absolute;top: 44px;}

/*生态文明思想*/
.top1{width: 989px;margin: 0 auto;margin-top: -104px;overflow: hidden;position: relative;}
.top1 a{width: 989px;height: 100px;display: block;position: absolute;bottom: 0;}

/*时间轴*/
.top2{width: 1203px;height: 169px;margin: 0 auto;margin-top: 29px;background: url(toppic2new.png) no-repeat;}
.top2 li{display: flex;width: 82px;height: 82px;}

.s{position: relative;}
.s li a{width: 82px;height: 82px;text-align: center;line-height: 82px;font-size: 16px;font-family: Arial, Helvetica, sans-serif;font-weight: bold;color: white;}
.s li a:hover{font-size: 22px;}
.s1:hover{background: url(tap2.png)center center no-repeat;}
.s1{position: absolute; left: 0px; top: 55px;background: url(tap1.png);}
.s2:hover{background: url(tap2.png)center center no-repeat;}
.s2{position: absolute; left: 94.8px; top: 104px;background: url(tap1.png);}
.s3:hover{background: url(tap2.png)center center no-repeat;}
.s3{position: absolute; left: 190.61px; top: 55px;background: url(tap1.png);}
.s4:hover{background: url(tap2.png)center center no-repeat;}
.s4{position: absolute; left: 283.41px; top: 104px;background: url(tap1.png);}
.s5:hover{background: url(tap2.png)center center no-repeat;}
.s5{position: absolute; left: 372.21px; top: 48px;background: url(tap1.png);}
.s6:hover{background: url(tap2.png)center center no-repeat;}
.s6{position: absolute; left: 465.01px; top: 104px;background: url(tap1.png);}
.s7:hover{background: url(tap2.png)center center no-repeat;}
.s7{position: absolute; left: 555.82px; top: 55px;background: url(tap1.png);}
.s8:hover{background: url(tap2.png)center center no-repeat;}
.s8{position: absolute; left: 647.62px; top: 104px;background: url(tap1.png);}
.s9:hover{background: url(tap2.png)center center no-repeat;}
.s9{position: absolute; left: 737.42px; top: 55px;background: url(tap1.png);}
.s10:hover{background: url(tap2.png)center center no-repeat;}
.s10{position: absolute; left: 829.23px; top: 104px;background: url(tap1.png);}
.s11:hover{background: url(tap2.png)center center no-repeat;}
.s11{position: absolute; left: 925.03px; top: 55px;background: url(tap1.png);}
.s12:hover{background: url(tap2.png)center center no-repeat;}
.s12{position: absolute; left: 1016.83px; top: 104px;background: url(tap1.png);}
.s13:hover{background: url(tap2.png)center center no-repeat;}
.s13{position: absolute; left: 1112.83px; top: 55px;background: url(tap1.png);}

/* 嘱托 */
.top3{width: 100%;height: 628px;margin-top: 60px;background: url(top3bg.png)center center no-repeat;}
.top3info{display: flex;width: 1200px;height: 360px;margin: 0 auto;padding-top: 134px;}
.top3left{width: 580px;height: 360px;}

.top3left ul{display: flex;width: 563px; position: relative;}
.top3left ul li{display: none;width: 580px;height: 360px;}
/* .top3left ul li.on{display: block;} */
/* .top3left ul li img{width: 563px;height: 344px;margin: 8px;margin-left: 9px;} */

.top3right{width: 620px;height: 360px;}

.top3right .top3righttitle{height: 81px;}
.top3right .top3righttitle ul{height: 81px;margin: 0 auto;}
.top3right .top3righttitle ul li{display: none;}
.top3right .top3righttitle ul li.on{line-height: 81px;text-align: center;display: block;font-size: 24px;}
.top3right .top3righttitle ul li a:hover{color: #2D7E6C;}

.top3right .top3rightinfo ul li{display: none;text-indent: 2em;text-align:justify}
.top3right .top3rightinfo{height: 153px; margin-bottom: 15px;}
.top3right .top3rightinfo ul{width: 540px;margin: 0 auto;}
.top3right .top3rightinfo ul li.on{line-height: 32px;color: #666666;}

.top3rightmore{margin: 0 auto;width: 173px;height: 51px;}
.top3rightmore ul li{width: 173px;height: 51px;display: none;}
.top3rightmore ul li.on{width: 173px;height: 51px;display: block;}
.top3rightmore ul li a{width: 173px;height: 51px;display: block;}

.righttap{margin-top: 50px;}
.top3right .righttap ul{margin: 0 auto;;display: flex;height: 10px;width: 292px;justify-content: space-between;align-items: center;}
.top3right .righttap ul li{width: 32px;height: 10px;background-color: #D8D8D8;border-radius: 5px;}
.top3right .righttap ul li.on{background-color: #2D7E6C;}

/* 工作动态 */
.section1{height: 1010px;width: 1200px;margin: 0 auto;}

.section1head{margin-top: 33px;height: 96px;background: url(section1headbg.png)center center no-repeat;position: relative;}
.section1 .section1head a{width: 462px;height: 96px;display: block;position: absolute;left: 354px;}

.section1info{margin-top: 31px;height: 375px;width: 1202px;background: url(section1infobg.png);}
.infoin{padding-top: 20px;padding-left: 30px;padding-right: 30px;}
.info1{padding:10px 0 10px 0;display: flex;border-bottom: solid 1px #EEEEEE;}
.info1left{width: 74px;height: 79px;padding-top: 5px;background: url(1info1leftbg.png)no-repeat bottom;}
.info1lefttime1{line-height: 23px;font-size: 18px;text-align: center;padding-top: 11px;padding-bottom: 5px;font-weight: bold;color: #fff;}
.info1leftheng{width: 48px;height: 1px;margin: 0 auto;background-color: #59988A;}
.info1lefttime2{padding-top: 3px;line-height: 18px;font-size: 14px;text-align: center;font-weight: bold;color: #fff;}
.info1right{width: 1046px;margin-left: 20px;}
.info1righttitle{font-size: 19px;line-height: 23px;font-weight:bold;}
.info1righttitle a:hover{color: #2D7E6C;}
.info1rightnei{font-size: 16px;line-height: 26px;margin-top: 10px;color: #666666;}


.section1bottom{margin-top: 40px;height: 469px;width: 1310px;;display: flex;background: url(section1bottombg.png);}
.section1left ul{padding-top: 8px;}
.section1left ul li img{padding-top: 12px;padding-left: 25px;}
.qingting{display: none;position: absolute;top: -13px;left: -3px;z-index: 999;background: url(qingting.png);width: 75px;height: 65px;}
.section1left ul li a{width: 387px;height: 88px;display: block;}
.section1left ul li:nth-child(1){position: relative;background: url(lsfz.png)no-repeat right bottom;}
.section1left ul li:nth-child(2){position: relative;background: url(zrst.png)no-repeat right bottom;}
.section1left ul li:nth-child(3){position: relative;background: url(cxyj.png)no-repeat right bottom;}
.section1left ul li:nth-child(4){position: relative;background: url(syrw.png)no-repeat right bottom;}
.section1left ul li:nth-child(5){position: relative;background: url(qysz.png)no-repeat right bottom;}
.section1left ul li:nth-child(1).active{background: url(lsfzH.png)no-repeat right bottom;}
.section1left ul li:nth-child(2).active{background: url(zrstH.png)no-repeat right bottom;}
.section1left ul li:nth-child(3).active{background: url(cxyjH.png)no-repeat right bottom;}
.section1left ul li:nth-child(4).active{background: url(syrwH.png)no-repeat right bottom;}
.section1left ul li:nth-child(5).active{background: url(qyszH.png)no-repeat right bottom;}
.section1left ul li:nth-child(1).active .qingting{display: block;}
.section1left ul li:nth-child(2).active .qingting{display: block;}
.section1left ul li:nth-child(3).active .qingting{display: block;}
.section1left ul li:nth-child(4).active .qingting{display: block;}
.section1left ul li:nth-child(5).active .qingting{display: block;}
.content{display: none;}
/* .section1right{width: 1115px;height: 453px;position: relative;right: 12px;background: url(section1rightbg.png)no-repeat;;}
.section1list{height: 415px;padding-left: 30px;padding-top: 38px;}
.rlist dl{height: 415px;width: auto;float: left;overflow: hidden;}
.rlist dl.active{width: 566px;}
.rlist .r2,.rlist .r3,.rlist .r4,.rlist .r5{margin-left: 24px;}
.rlist dl dt{width: 84px;height: 415px;float: left;}
.rlist dl dd{background: url(r1bg.png);float: left;width: 0px;} */

.content{width: 760px;height: 453px;padding-left: 55px;padding-top: 30px;padding-bottom: 15px;}
.in1{width: 730px;height: 69px;border-bottom: solid 1px #CBE2E2;margin-bottom: 15px;}
.in1title{display: flex;}
/* .in1titlejuxing{width: 18px;height: 16px;background-color: #2D7E6C;margin-top: 4px;} */
.in1biaoti{margin-left: 10px;font-size: 16px;}
.in1biaoti a:hover{color: #2D7E6C;}
.in1time{margin-top: 7px;margin-left: 26px;font-size: 14px;letter-spacing: 2px;color: #999999;}

/* 政策解读 */
.section2{width: 100%;height: 1332px;margin-top: 114px;background: url(section2bg.png)center center no-repeat;}

.section2head{height: 96px;display: flex;position: relative;}
.section2head2{width: 462px;height: 96px;margin: 0 auto;position: relative;}
/* .section2head a{width: 462px;height: 96px;margin: 0 auto;display: block;}
.section2head img{display: block;margin: 0 auto;} */

.section2info{height: 208px;margin-top: 52px;margin-bottom: 36px;}
.info2{display: flex;height: 40px;width: 800px;margin: 0 auto;margin-bottom: 15px;border-bottom: solid 1px #BDD9DC;}
.info2left{width: 18px;height: 18px;padding-top: 2px;}
.info2left img{vertical-align:top;}
.info2mid{width: 646px;margin: 0 10px;}
.info2mid a p{font-size: 16px;line-height: 20px;}
.info2mid a p:hover{color: #2D7E6C;}
.info2right{width: 116px;}
.info2right p{font-size: 16px;line-height: 20px;color: #999999;}

.section2pic{height: 766px;width: 800px;margin: 0 auto;position: relative;}
.section2pic ul li{display: none;}
.section2pic ul li.put{display: block;}
.section2pic ul li>div:nth-child(1){width: 380px;height: 363px;position: absolute;top: 0;left: 0;}
.section2pic ul li>div:nth-child(2){width: 380px;height: 363px;position: absolute;top: 0;right: 0;}
.section2pic ul li>div:nth-child(3){width: 380px;height: 363px;position: absolute;bottom: 0;left: 0;}
.section2pic ul li>div:nth-child(4){width: 380px;height: 363px;position: absolute;bottom: 0;right: 0;}
.pictopleftdingbu{padding-left: 16px;padding-top: 15px;}
.pictopleftdingbu img{width: 348px;height: 224px;}
.pictopleftdibu{position: relative;width: 348px;;height: 110px;background-color: #ffffff;background-clip: content-box;margin-left: 16px;}
.pictopleftdibulianjie{padding-left: 21px;padding-top: 21px;width: 327px;height: 83px;position: absolute;line-height:26px;}
.pictopleftdibulianjie span:nth-child(1){text-align: justify;}
.pictopleftdibulianjie span:nth-child(2){font-size: 16px;color: #99999999;white-space: nowrap;}
.z1 div a:hover .pictopleftdibu{background-color: #E8FFFA;}
.z1 div a:hover .pictopleftdibu .pictopleftdibulianjie{color: #2D7E6C;}


  /* .pictopleftdibu:hover{background-color: #E8FFFA;}
.pictopleftdibulianjie a:hover{color: #2D7E6C;} */

.section2tap{margin-top: 40px;}
.section2tap ul{margin: 0 auto;;display: flex;height: 10px;width: 126px;justify-content: space-between;align-items: center;}
.section2tap ul li{width: 48px;height: 10px;background-color: #ffffff;border-radius: 5px;}
.section2tap ul li.put{background-color: #2D7E6C;}

/* 融媒关注 */
.section3{height: 1143px;width: 100%;margin-top: -10px;background: url(section3bg.png)center center no-repeat;}

.section3head{height: 96px;}
.section3head a{width: 462px;height: 96px;margin: 0 auto;display: block;}
.section3head img{display: block;margin: 0 auto;}

.section3pic{height: 1050px;width: 1200px;margin: 0 auto;position: relative;}
.section3pic1{width: 381px;height: 261px;background: url(section3pic1bg.png);position: absolute;top: 57px;left: 445px;}
.section3pic1 img{padding-left: 17px;padding-top: 17px;}
.section3pic2{width: 356px;height: 590px;background: url(section3pic2bg.png);position: absolute;top: 162px;left: 60px;}
.section3pic2 img{padding-left: 18px;padding-top: 19px;}
.section3pic3{width: 381px;height: 261px;background: url(section3pic1bg.png);position: absolute;top: 345px;left: 445px;}
.section3pic3 img{padding-left: 17px;padding-top: 17px;}
.section3pic4{width: 293px;height: 407px;background: url(section3pic4bg.png);position: absolute;top: 198px;left: 860px;}
.section3pic4 img{padding-left: 18px;padding-top: 20px;}
.section3pic5{width: 533px;height: 306px;background: url(section3pic5bg.png);position: absolute;top: 635px;left: 445px;}
.section3pic5 img{padding-left: 19px;padding-top: 18px;}

/* 底部图片 */
.section4 {position: relative;margin-top: 20px;background-color: black;max-width: 1920px;margin: 0 auto;}

  
.section4 .swiper-container {position: relative;width: 1200px;height: 798px;margin: 0 auto;overflow: hidden;color: white;}
  
  .section4 .swiper-slide {
    width: 1200px;
    height: 798px;
    position: relative;
  }
  
  .section4 .swiper-slide a {
    display: block;
  }
  
  .section4 .swiper-slide .text {
    display: none;
  }
  
  .section4 .prev {
    background: url("left.png");
    width: 26px;
    height: 60px;
    position: absolute;
    cursor: pointer;
    bottom: 0;
    left: 0;
    right: 1300px;
    top: 0;
    z-index: 10;
    margin: auto;
    background-color: rgba(37, 35, 35, 0.6);
    background-position: center;
    background-repeat: no-repeat;
  }
  
  .section4 .next {
    background: url("right.png");
    width: 26px;
    height: 60px;
    position: absolute;
    cursor: pointer;
    bottom: 0;
    left: 1300px;
    right: 0;
    top: 0;
    z-index: 10;
    margin: auto;
    background-color: rgba(37, 35, 35, 0.6);
    background-position: center;
    background-repeat: no-repeat;
  }
  
  .section4 .swiper-pagination1 {
    display: none;
  }
  
  /* .section4 .infobox1{
    width: 1200px;height: 1px;position: absolute;top: 0;left: 50%; 
    transform: translateX(-50%);z-index: 999;
  } */

  .section4 .info-box {
    position: absolute;
    background: url(section4textbg.png);
    width: 120px;
    left: 21%;
    top:-20px;
    margin: auto;
    font-size: 20px;
    text-align: center;
    z-index: 9;
    overflow: hidden;
    min-height: 500px;
  }

  @media screen and (max-width:1368px) {
    .section4  .info-box {
     left: 15%;
    }
 }
 
  
  .section4 .infobox1 .info-box i {
    position: absolute;
    background-color: #b53842;
    left: 0;
    font-weight: bold;
    top: 0;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: white;
  }
  
  .section4 .text {
    width: 120px;
/*     background: url(textbg.png)repeat; */
  }
  
  /*.section4 .text a:link, .section4 .text a:visited {
    
  } */
  
  .section4 .text h2 {
	font-family:"宋体";
	color: #33352D;
    font-size: 22px;
    display: inline-block;
    writing-mode: vertical-rl;
    margin: 110px auto 20px auto;
    writing-mode: vertical-rl;
	  direction: ltr;
	  -webkit-writing-mode: vertical-rl; /* Chrome, Safari */
	  -ms-writing-mode: tb-rl; /* IE */
	  -moz-writing-mode: vertical-rl; /* Firefox */
    column-count: 1;
  }
  
  
  .section4 .text p {
    font-size: 16px;
    display: block;
    height: 38px;
    overflow: hidden;
  }
  
  .section4 #bgShow {
    position: absolute;
      left: 0;
      top: 0px;
      width: 100%;
      height: 100%;
      -webkit-filter: blur(9px) brightness(40%);
      filter: blur(5px) brightness(100%);
  }


/*侧边地市专题*/
.side{
  position: fixed;
  z-index: 999;
  bottom: 30%;
  right: 0;
}

.side span{
  cursor: pointer;
}

.side .ullist{
  padding-top: 20px;
  padding-left: 5px;
  display: none;
}

.side .ullist ul{
  padding-top: 5px;
  float: left;
  width: 58px;
  box-shadow: 0 2px 4px #ddd;
  background-color: #fff;
}

.side .ullist ul li{
  text-align: center;
  line-height: 35px;
  font-size: 16px;
  height: 70px;
}

.side .ullist ul li:hover a{
  color: #33352D;
}

.side .ullist ul li a{
  display: block;
}

.side a{
  color: #D3A752;
}





.clear{
  clear: both;
}


.side .shouqi{
  padding-left: 5px;
  height: 27px;
  line-height: 27px;
  cursor: pointer;
  background: url(btn.png)center center no-repeat;
  color: #fff;
  text-align: center;
  font-size: 14px;
  border-radius: 0 0 0 12px;
}

.side .shouqi img{
  margin-left: 5px;
  margin-top: -2px;
}