@import url("/images/reset.css");

/* 进入 */
.poster-container {position: relative; overflow: hidden; z-index: 10000; width: 100%;background:url(stwmzt_bg_index.jpg) no-repeat; background-size: cover;}
.flash{ position: absolute; top: 15%; left:24%; width:980px; height:287px; }

.dynamic-area1   {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(poster-drop-animate1.png) repeat-x 0px 0px;
  background-size: cover;
  animation: posterDrop1 6000s linear infinite;
}

@keyframes posterDrop1 {
  from { background-position: 0 0; }
  to { background-position: 4000% 0; }
}

.dynamic-area2   {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(poster-drop-animate2.png) repeat-x 0px 0px;
  background-size: cover;
  animation: posterDrop2 8000s linear infinite;
}
@keyframes posterDrop2 {
  from { background-position: 0 0; }
  to { background-position: 30000% 0;}
}
a:hover{ color: #e6b929 !important;}
/* 头部 */
.banner { width: 100%; background:url(stwmzt_bg.jpg) no-repeat center top; position: relative; overflow:hidden;background-size: cover;}
.poster-content{ width: 1295px; margin: 0 auto; overflow: hidden; position: relative;z-index: 99;}
.poster-content .left-nav{ float: left;width: 230px; overflow: hidden; }
.poster-content .left-nav .nav{position: absolute; bottom: 0; left: 0;width: 230px; height: auto;}
.poster-content .logo{ width: 150px; height:399px; background: url(zjstwmzt_logo2.png) center center no-repeat; position: relative; z-index: 999; margin-top: 30px;}
.poster-content .left-nav ul li{ background: url(zjstwmzt_lmbg.png) center center no-repeat; height: 32px; line-height: 32px; cursor: pointer;}
.poster-content .left-nav ul li a{ color: #FFFFFF; padding-left: 40px;}
.poster-content .left-nav ul li.on a{ color:#e6b929;}
.poster-content .left-nav ul li:hover a{ color:#e6b929;}
.container {
	background: url(zjstwmzt_c_bg.png) center center no-repeat;
        width: 1040px;
        float: left;
        height: 628px;
        box-sizing: border-box;
        overflow: hidden;
        position: relative;
        margin-top: 8%;
    }


.pd20{padding: 20px;}

/*头条*/
.tt{overflow: hidden;padding: 40px;}
.tt-one{overflow: hidden;height: 120px;margin-top: 30px;position: relative;}
.tt-one h2{width: 100%; line-height: 40px; font-size: 24px; color: #2da98c; text-align: center;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.tt-one h2 a{color: #2da98c;}
.tt-one p{ line-height: 25px; padding: 10px 0;}
.tt-one p a{padding-right:15px;}
.tt-one .more{position:absolute;bottom: 20px;right: 5px;display:block;width: auto;height:20px;line-height:20px;color: #2da98c;}
.tt-one .more a{color: #2da98c; font-weight:bold;}
.tt-box2{overflow: hidden;margin: 0 auto;overflow: hidden;margin-top: 20px;}
.tt-box2 .jdt-shop{height: 325px; width:520px; position: relative; overflow: hidden; float: left;}
.tt-box2 .jdt-shop h5{position: absolute; bottom: 12px; right: 4px;z-index: 9999;cursor: pointer;}
.tt-box2 .jdt-shop h5 li{float: left; width: 12px; height: 12px; background: #FFFFFF; border-radius:12px ;margin: 0 3px;}
.tt-box2 .jdt-shop h5 li.on{background: #e6b929;}
.tt-box2 .jdt-shop .jdt-text{height: 40px;width: 100%; background: rgba(0,0,0,.7); line-height: 40px; text-align: center;position: absolute;left: 0;bottom: 0;}
.tt-box2 .jdt-shop .jdt-text a{color: #FFFFFF;}
.tt-box2 .jdt-shop img{width: 520px; height: 325px; transition: all .5s;}
.tt-box2 .jdt-shop a{ transition: all .5s;}
.tt-box2 .jdt-shop a:hover img {transition: all .5s;transform: scale(1.1)}
.tt .newslist {float: right;overflow: hidden;width: 400px;}
.tt .newslist dl dd{
    position: relative;
    height: 350px;
}
.tt .newslist dl dd .more{position:absolute;bottom: 0px;right: 0px;display:block;width: auto;height:20px;line-height:20px;color: #2da98c;}
.tt .newslist dl dd .more a{color: #2da98c; font-weight:bold;}
.tt .newslist dl dd ul{overflow: hidden;}
.tt .newslist dl dd li{line-height: 38px; font-size: 14px; position: relative;}
.tt .newslist dl dd li a{font-size: 14px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width: 100%;}
.tt .newslist dl dd li span{ position: absolute; right: 0; top: 0;}
.tt .newslist dl dd li.one{ background: none; padding-left: 0;}
.tt .newslist dl dd li.one{ border-bottom: 1px solid #CCCCCC; padding-bottom: 30px; margin-bottom: 30px;}
.tt .newslist dl dd li.one h2{ line-height: 40px; color: #2da98c;}
.tt .newslist dl dd li.one h2 a{color: #2da98c; font-size: 18px; text-align: center;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width: 100%;}
.tt .newslist dl dd li.one p{ line-height: 20px; color: #9e9e9e; font-size: 13px;}
.tt .newslist dl dd li.one p a{ color: #2da98c; display: inline;}

/*走进年会*/
.zjnh{ overflow: auto;}
.zjnh .lm{ background: url(zjstwmzt_zjnh_img01.png) center center no-repeat; width: 100%; height: 68px; margin-top: 20px;}
.zjnh .lm a{ display: block;width: 100%; height: 68px;}
.zjnh-con{ padding:10px 50px 0 50px; overflow: auto;}
.zjnh .lm-ej{ background: url(zjstwmzt_zjnh_img02.png) 0px 0px no-repeat; width: 100%; height: 46px;}
.zjnh .lm-ej a{ display: block; width: auto; height: 46px; line-height: 46px; font-size: 16px; color: #FFFFFF; font-weight: bold; padding-left: 30px;}
.nhzb{ float: left; width: 46%; height: 300px;}
.ltgz{ float: right; width: 46%; height: 300px;}
.jbgd{ clear: both; height: 250px;}
.zjnh-con-list{height: 250px;}
.zjnh-con-list .list-one{ overflow: hidden;}
.zjnh-con-list .list-one h4{font-size: 16px; color: #2da98c; text-align: center; line-height: 60px; width: 100%;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.zjnh-con-list .list-one h4 a{ color: #2da98c;}
.zjnh-con-list .list-one dl dt{ float: left; width: 245px; height: 110px;}
.zjnh-con-list .list-one dl dt img{width: 245px; height: 110px; transition: all .5s;}
.zjnh-con-list .list-one{ overflow: hidden; height: 170px; margin-bottom: 20px;}
.zjnh-con-list .list-one dl dt a{ transition: all .5s;}
.zjnh-con-list .list-one dl dt a:hover img {transition: all .5s;transform: scale(1.1)}
.zjnh-con-list .list-one dl dd{float: right;line-height: 28px;width: 165px;overflow: hidden;}
.zjnh-con-list  ul li{line-height:28px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background: url(zjstwmzt_zjnh_img03.png) left center no-repeat; padding-left: 30px;}
.jbgd-con{margin-top: 20px;}
.jbgd-con ul li{float: left; width: 205px; height: 155px; margin-right: 30px;position: relative;}
.jbgd-con ul li a {width: 195px; height: 125px; display: block;  transition: all .5s;position: absolute;}
.jbgd-con ul li a:hover{
    top: 5px;
    box-shadow: 0px 5px 24px 5px #ccc;
    border-radius: 10px;
}
.jbgd-con ul li a img{width: 195px; height: 125px; }
/*解读年会*/
.jdnh .lm{ background: url(zjstwmzt_jdnh_img01.png) center center no-repeat; width: 100%; height: 68px; margin-top: 20px;}
.jdnh .lm a{ display: block;width: 100%; height: 68px;}
.jdnh-con { padding: 10px 50px 0 60px;}
.jdnh-con li{float: left; width: 225px; height: 255px; margin-right: 95px;}
.jdnh-con li p{ line-height: 30px; text-align: center;}
.jdnh-con li img{
	width: 200px; height: 200px;
    display: block;
    border-radius: 50%;
    transition: all .5s;
    border: 8px solid #d7d7d7;
    position: relative;
    top: 0;
}
.jdnh-con li img:hover{
    border: 8px solid #10abd7;
    box-shadow: 0px 0px 33px -2px #ccc;
    top: -5px;
}

/*绿色生态蓝图*/
.lsstlt .lm{ background: url(zjstwmzt_lsstlt_img01.png) center center no-repeat; width: 100%; height: 91px; margin-top: 20px;}
.lsstlt .lm a{ display: block;width: 100%; height: 91px;}
.lsstlt .lm-ej{ background: url(zjstwmzt_zjnh_img02.png) 0px 0px no-repeat; width: 100%; height: 46px;}
.lsstlt-con{ overflow: hidden; padding: 0 50px;}
.lsstlt-con .lm-ej a{ display: block; width: auto; height: 46px; line-height: 46px; font-size: 16px; color: #FFFFFF; font-weight: bold; padding-left: 30px;}
.lsstlt-con-l{ float: left; width: 47%; overflow: hidden;}
.lsstlt-con-r{ float: right; width: 47%; overflow: hidden;}
.lsstlt-zd-con{ overflow: hidden;}
.lsstlt-zd-con ul li{ height: 110px; overflow: hidden;}
.lsstlt-zd-con ul li h3{ font-size: 18px; color:#2da98c; line-height: 50px; text-align: center;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.lsstlt-zd-con ul li h3 a{color:#2da98c; }
.lsstlt-zd-con ul li p{ line-height: 25px;}
.lsstlt-cg-con{ overflow: hidden; margin-top: 20px;height: 150px;}
.lsstlt-cg-con ul li{ float: left; width: 165px; height: 150px; overflow: hidden; margin-right: 30px;}
.lsstlt-cg-con ul li img{width: 165px; height: 115px;transition: all .5s;}
.lsstlt-cg-con ul li p{ line-height: 35px; text-align: center;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width: 100%; font-size: 12px;}
.lsstlt-cg-con ul li a:hover img {transition: all .5s;transform: scale(1.1)}
.lsstlt-jc-con ul li{height: 110px; overflow: hidden; border-bottom: 1px dashed #DDDDDD; padding-bottom: 20px; margin-bottom: 20px;}
.lsstlt-jc-con ul li h3{ font-size: 18px; color:#2da98c; line-height: 50px; text-align: center;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.lsstlt-jc-con ul li h3 a{color:#2da98c; }
.lsstlt-jc-con ul li p{ line-height: 25px;}
.lsstlt-jc-con ul li:last-child{border-bottom: 0px dashed #DDDDDD;}

/*生态文明博物馆*/
.stwmbwg .lm{ background: url(zjstwmzt_bwg_img01.png) center center no-repeat; width: 100%; height: 78px; margin-top: 20px;}
.stwmbwg .lm a{ display: block;width: 100%; height: 78px;}
.stwmbwg .lm-ej{ background: url(zjstwmzt_zjnh_img02c.png) 0px 0px no-repeat; width: 100%; height: 42px;}
.stwmbwg-con{ overflow: hidden; padding: 0 50px;}
.stwmbwg-con .lm-ej a{ display: block; width: auto; height: 42px; line-height: 42px; font-size: 16px; color: #FFFFFF; font-weight: bold; padding-left: 30px;}
.stwmbwg-con dl{ float: left; width: 47%; height: 230px;  margin-top: 15px;}
.stwmbwg-con dl dt{ height: 42px; overflow: hidden;}
.stwmbwg-con dl dd{/* overflow: hidden;*/ margin-top: 15px;}
.stwmbwg-con dl dd .stwmbwg-con-pic{ float: left; width: 200px; height: 170px;}
.stwmbwg-con dl dd .stwmbwg-con-pic img{ width: 190px; height: 160px;transition: all .5s;}
.stwmbwg-con dl dd .stwmbwg-con-pic a{transition: all .5s; display: block;width: 190px; height: 160px;}
.stwmbwg-con dl dd .stwmbwg-con-pic a:hover{
    top: 5px;
    box-shadow: 0px 5px 24px 5px #ccc;
    border-radius: 10px;
}
.stwmbwg-con dl dd .stwmbwg-con-list{ float: right; width: 235px;}
.stwmbwg-con dl dd .stwmbwg-con-list ul li{ overflow: hidden;}
.stwmbwg-con dl dd .stwmbwg-con-list ul li{height: 75px; overflow: hidden; margin-bottom: 10px;}
.stwmbwg-con dl dd .stwmbwg-con-list ul li h4{ font-size: 18px; color:#2da98c;  height: 35px; text-align: center;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.stwmbwg-con dl dd .stwmbwg-con-list ul li h4 a{color:#2da98c; }
.stwmbwg-con dl dd .stwmbwg-con-list ul li p{ line-height: 20px; overflow: hidden; font-size: 12px;}
.stwmbwg-con dl dd .stwmbwg-con-list ul li:last-child{ margin-bottom: 0;}

/*图说年会*/
.tsnh .lm{ background: url(zjstwmzt_ts_img01.png) center center no-repeat; width: 100%; height: 83px; margin-top: 20px;}
.tsnh .lm a{ display: block;width: 100%; height: 83px;}
.tsnh .lm-ej{ background: url(zjstwmzt_zjnh_img02c.png) 0px 0px no-repeat; width: 100%; height: 42px;}
.tsnh-con{ overflow: hidden; padding: 0 28px;}
.tsnh-con .lm-ej a{ display: block; width: auto; height: 42px; line-height: 42px; font-size: 16px; color: #FFFFFF; font-weight: bold; padding-left: 30px;}

.tsnh-con .imgbox {
            width: 55.7%;
            height: 480px;
            float: left;
            position: relative;
            margin-top: 10px;
        }
        
        .tsnh-con .imgbox li {
            
            display: block;
            float: left;
            width: 100%;
            height: 100%;
            margin-bottom: 10px;
            overflow: visible;
        }

        .tsnh-con  .imgbox li:nth-child(1),
        .tsnh-con .imgbox li:nth-child(2) {
            width: 49%;
            height: 200px;
        }

       .tsnh-con  .imgbox li:nth-child(1) {
            margin-right: 2%;
        }

       .tsnh-con .imgbox li:nth-child(3),
      .tsnh-con  .imgbox li:nth-child(5) {
            width: 30%;
            height: 130px;
            margin-right: 2%;
        }

        .tsnh-con .imgbox li:nth-child(4) {
            width: 68%;
            height: 270px;
        }

       .tsnh-con  .imgbox li:nth-child(5) {
            position: absolute;
            left: 0;
            bottom: -10px;
        }

        .tsnh-con  .imgbox li a {
            width: 100%;
            height: 100%;
            display: block;
            position: relative;
            top: 0;
            transition: all .5s;
        }

       .tsnh-con .imgbox li a p {
            width: 100%;
            max-height: 40px;
            background: rgba(0, 0, 0, 0.5);
            text-align: center;
            padding: 0 15px;
            line-height: 40px;
            overflow: hidden;
            position: absolute;
            bottom: 0;
            left: 0;
            color: #fff;
            font-size: 16px;box-sizing: border-box;
        }

       .tsnh-con .imgbox li a:hover {
            top: -5px;
            border-radius: 10px 10px 0 0;
            box-shadow: 5px 2px 24px 0px #ccc;
        }

      .tsnh-con  .imgbox li a img {
            width: 100%;
            height: 100%;
            display: block;
            
        }
.tsnh-con .text{float: right;width: 405px;overflow: hidden;}
.tsnh-con .text  li{height: 100px;overflow: hidden;padding-bottom: 15px;margin-bottom: 15px;}
.tsnh-con .text  li h3{ font-size: 18px; color:#2da98c; line-height: 50px; text-align: center;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.tsnh-con .text  li h3 a{color:#2da98c; }
.tsnh-con .text  li p{ line-height: 25px;}
.tsnh-con .text  li:last-child{ margin-bottom: 0; padding-bottom: 0;}
.wqhg{ margin-top: 10px;}
.wqhg a{ display: block; width: 986px; margin: 0 auto; height: 83px;}
.wqhg img{ height: 83px; width: 100%;}
.wqhg a:hover {
            top: -5px;
            border-radius: 10px 10px 0 0;
            box-shadow: 5px 2px 24px 0px #ccc;
        }

.Main{ padding:20px;}
.clear{clear: both;}
.left{float: left;}
.right{float: right;}
.h14{ height:14px;}
.pos{height: 56px; background: url(http://www.gzgov.gov.cn/images/gl_pos.png) 30px 20px no-repeat #fff; /*! width: 1200px; */box-shadow: 0px 2px 5px #2da98c; margin:0 auto;}
.pos p{color: #404040; padding-left: 49px; line-height: 55px; padding-right: 6px;}
.pos a{color: #404040; line-height: 55px; padding-right: 0px;}
.pos a.cur{color: #2da98c;}
.mt20{margin-top: 20px;}
.news{background: #fff; overflow: hidden; width: 100%; margin: 0px auto 24px; box-shadow: 0px 2px 5px #ECEBEB; border:1px solid #ECEBEB;}

.news_r{width: 100%; overflow: hidden; min-height: 500px; /*! margin-top: 15px; */}
.news_r .title{height: 50px;/* background: #e7e7e7; */border-bottom: solid 1px #DDDDDD;}
.gzxw{/* width: 120px; */height: 50px;margin-left: 20px;}
.gzxw a{font-size: 18px;color: #FFF !important;text-align: left;display: inline-block;padding: 0 40px;height: 50px;line-height: 50px;text-align: center;background: #2da98c;cursor: default;margin-right: 20px;}
.gzxw a.qt{ background:none; color:#333 !important; border-bottom:1px solid #2da98c; cursor:pointer;}
.gzxw a.qt:hover{background: #2da98c; color: #FFF !important; border:none;}
.news_r .news_main{margin: 10px 10px 0px 20px; overflow: hidden;}
.news_r .news_main ul.news_ul li{line-height: 36px; height: 36px; *height: 32px; *line-height:32px; background: url(http://www.gzgov.gov.cn/images/gl_dian_10.png) 0% no-repeat;}
.news_r .news_main ul.news_ul li a{float: left; line-height: 36px; max-width: 950px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; padding-left: 10px; color: #666; *line-height:32px;}
.news_r .news_main ul.news_ul li a:hover{color: #2da98c;}
.news_r .news_main ul.news_ul li span{float: right; line-height: 36px; color: #a3a3a3; margin-right: 6px; *line-height:32px;}


.xilan {overflow: hidden; background: #fff; /*! width: 1198px; */ margin: 0px auto 0px;box-shadow: 0px 2px 5px #ECEBEB; border:1px solid #ECEBEB;}
.xilan_main{/*! width: 1130px; */margin: 0 auto;padding: 10px;height: 500px;overflow-y: auto;}
.xilan .xilan_main h3{text-align: center; line-height: 26px; color: #e61018; line-height: 32px;font-size: 26px; margin:42px auto 0px; font-weight: normal;}
.xilan .xilan_main p.p1{height: 32px; line-height: 32px; color: #646464; font-size: 12px; margin: 10px auto 0px; border-bottom: 1px solid #e7e7e7; padding-bottom: 35px;}
.pl360{padding-left: 360px;}
.pl20{padding-left: 20px;}
.xilan .xilan_main p.p1 span{}
.xilan .xilan_main p.p1 span b{font-weight: normal;}
.img_show{width: 800px; overflow: hidden; margin: 36px auto 30px;}
.img_show img{width: 800px; height: 474px; border: 0;}
.xilan .xilan_main p.p2{text-indent: 54px; margin-top: 5px; line-height: 36px; color: #666;}
.xilan .xilan_main p.p3{text-indent: 30px; margin-top: 34px; line-height: 36px; color: #666;}