.main { margin: 0 auto 30px; overflow: initial;}

.banner { height: 450px; background: no-repeat center top;}

/* 头条 */
.headline { padding: 25px 0;}
.headline h1 { font-size: 30px; line-height: 30px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.headline p { text-align: center; font-size: 0; margin-top: 15px;}
.headline p a { display: inline-block; *display: inline; *zoom: 1; background: url(headline-line.png) no-repeat left center; font-size: 16px; line-height: 20px; color: #666; padding-left: 13px; margin-right: 10px;}
.headline p a:first-child{ background: none;}
.headline h1 a:hover,.headline p a:hover { color: #0d7abf;}

.row { float: left; width: 100%;}

.index-title { border-bottom: 1px solid #e5e5e5; height: 36px; line-height: 31px;}
.index-title ul { float: left;}
.index-title ul li { float: left; font-size: 22px; font-weight: bold; margin-right: 20px;}
.index-title ul li a { color: #666;}
.index-title ul li.on a { color: #1c80c7;}
.index-title .more { float: right;}
.index-title .more a { display: block; width: 111px; height: 31px; background: #1c80c7; font-size: 14px; line-height: 31px; text-align: center; color: #fff;}
.index-list ul li { background: url(index_list_jt.png) no-repeat left center; padding-right: 100px;}
.index-list ul li span { font-size: 16px;}

/* 图片新闻 */
.slideBox { position: relative; float: left; width: 600px; height: 374px; overflow: hidden;}
.slideBox .prev,.slideBox .next { position: absolute; left: -40px; top: 50%; display: block; border-radius: 0 5px 5px 0; width: 40px; height: 70px; text-align: center; line-height: 70px; color:#d4d6d4; font-size: 40px; font-family: simsun; font-weight: bold; background:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000); margin-top: -35px; transition: all .5s;}
.slideBox .next { left: auto; right: -40px; border-radius: 5px 0 0 5px;}
.slideBox .prev:hover,.slideBox .next:hover { background:rgba(0,0,0,1); color:#d4d6d4 !important;}
.slideBox:hover .prev { left: 0; transition: all .5s;}
.slideBox:hover .next { right: 0; transition: all .5s;}
.slideBox .bd { width: 600px; height: 374px;}
.slideBox .bd li { position: relative; width: 600px; height: 374px;}
.slideBox .bd li p { position:absolute; left:0; bottom:0; width: 100%; height:40px; background:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000); line-height:40px; text-align: center; color:#fff; cursor:pointer;}
.slideBox .bd li img { width: 100%; height: auto; transform: scale(1); transition: all .3s;}
.slideBox .bd li:hover img { transform: scale(1.05); transition: all .3s;}

/* 区县要闻 */
.news { float: right; width: 560px; height: 334px; background: #f5f5f5; padding: 20px; overflow: hidden;}

/* 政策法规 */
.row2 { float: left; width: 1160px; background: #f5f5f5; padding: 20px; overflow: hidden;}
.zcfg { float: left; width: 550px;}
.row2 .right { float: right; width: 540px; margin-right: 30px;}

/* 政府信息公开 */
.zfxxgk { float: left; margin-top: 15px;}
.zfxxgk a { position: relative; float: left; width: 160px; height: 80px; margin: 0 0 20px 20px; transform: scale(1); transition: all .5s;}
.zfxxgk a span { display: block; position: absolute; left: 14px; bottom: 29px; font-size: 18px; font-weight: bold; width: 144px;color: #fff; text-shadow: 5px 1px 9px #606574, 5px 1px 9px #606574, 5px 1px 9px #606574, 5px 1px 9px #606574;}
.zfxxgk a:hover { transform: scale(1.05); transition: all .5s;}

.xxgk-menu { float: left; margin-left: 40px;}
.xxgk-menu li { float: left; width: 90px; background: url(2020css_qx_xxgk_icon.png) no-repeat left center; font-size: 14px; padding: 10px 0 10px 10px; line-height: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.xxgk-menu li a:hover { color: #0d7abf;}

/* 服务 */
.slide-menu { float: left; width: 100%; height: 240px; overflow: hidden;}
.slide-item { position: relative; float: left; margin-left: 1px; width: 234px; height: 234px; transition: width 1s; overflow: hidden;}
.slide-item:first-child { margin-left: 0;}
.slide-left { float: left; width: 234px; height: 234px; background: #f5f5f5; text-align: center; font-size: 22px; transition: width .5s;}
.slide-left i { display: block; width: 60px; height: 60px; background: no-repeat center center; margin: 55px auto 35px;}
.slide-left .i1 { background-image: url(2020css_qx_service_icon01.png);}
.slide-left .i2 { background-image: url(2020css_qx_service_icon02.png);}
.slide-left .i3 { background-image: url(2020css_qx_service_icon03.png);}
.slide-right { position: absolute; left: 234px; top: 0; width: 431px; height: 154px; background: #f5f5f5; padding: 80px 0 0 50px;}
.slide-right a { float: left; border: 1px solid #e5e5e5; width: 118px; height: 28px; background: #fff; text-align: center; line-height: 28px; margin: 0 12px 15px 0;}
.slide-right a:hover { border-color: #0d7abf; color: #0d7abf;}
.slide-item.active { z-index: 999; width: 722px; transition: width 1s; box-shadow: 3px 3px 5px#ccc; overflow: initial;}
.slide-item.active .slide-left  { width: 244px; background: #1c80c7; color: #fff; transition: width .5s;}
.slide-item.active .slide-right { left: 244px;}
.slide-item.active .i1 { background-image: url(2020css_qx_service_icon04.png);}
.slide-item.active .i2 { background-image: url(2020css_qx_service_icon05.png);}
.slide-item.active .i3 { background-image: url(2020css_qx_service_icon06.png);}

/* 互动交流 */
.hdjl-menu { float: left; width: 640px; height: 210px;}
.hdjl-menu a { float: left; border: 1px solid #d9d9d9; width: 298px; height: 58px; background: #f3f2f2 no-repeat left center; font-size: 18px; font-weight: bold; line-height: 58px; color: #1c80c7; text-indent: 125px; margin: 0 20px 15px 0; transform: scale(1); transition: all .5s;}
.hdjl-menu a.i1 { background-image: url(index_hdjl_icon01.png);}
.hdjl-menu a.i2 { background-image: url(index_hdjl_icon02.png);}
.hdjl-menu a.i3 { background-image: url(index_hdjl_icon03.png);}
.hdjl-menu a.i4 { background-image: url(index_hdjl_icon04.png);}
.hdjl-menu a.i5 { background-image: url(index_hdjl_icon05.png);}
.hdjl-menu a.i6 { background-image: url(index_hdjl_icon06.png);}
.hdjl-menu a:hover { transform: scale(1.05); transition: all .5s;}

.yjzj { float: right; border: 1px solid #d9d9d9; width: 510px; height: 190px; padding: 9px 19px; overflow: hidden;}
.yjzj-tit { overflow: hidden;}
.yjzj-tit li { float: left; line-height: 20px; margin-right: 15px;}
.yjzj-tit li.on a { color: #1c80c7; font-weight: bold;}
.yjzj .list li { line-height: 30px;}
.yjzj .list li span { font-size: 14px; color: #a6a6a6;}

/* 专题 */
.sepcial{ float: left; width: 1200px; margin: 30px auto 0; overflow:hidden; position:relative;}
.sepcial .prev,.sepcial .next{ position: absolute; left: 0; top: 0; display:block;  width: 30px; height: 76px; cursor:pointer; background: #f4f4f4 url(index_special_prev.png) no-repeat center center;}
.sepcial .next{ left: auto; right: 0; background-image: url(index_special_next.png);}
.sepcial-list { width: 1098px; height: 76px; margin: 0 auto; overflow:hidden;}
.sepcial-list li{ float:left; width: 252px; height: 76px; margin-right: 30px; overflow:hidden;}
.sepcial-list li img{ width: 100%; height:100%; transform: scale(1); transition: all .3s;}
.sepcial-list li:hover img { transform: scale(1.05); transition: all .3s;}



#app-jd100bg{ display:none; }