@charset "UTF-8";
/*首页背景*/


html{overflow: hidden;height:100%;}
body{width:100%; height:100%;position: relative; overflow: hidden;}
.bg-side {height:100%; width:100%; position:absolute;left:0;top:0;z-index: 9; }
.ywcbox { height:100%; width:100%; overflow: hidden; }
.ywcbox ul li { text-align: center; float: left; height: 100%; width: 100%; font-size: 14px; color:#fff; }

.h60{line-height:60px;}
.fm3{font-family: "黑体";}

.body{position:absolute;height:100%; width:100%; left:0;top:0;z-index: 99; overflow:hidden;}

/*
.header{position:absolute;top:0;left:0; overflow: hidden; width:100%;height:99px;padding-top:35px; border-bottom: 1px solid #d7dae1; background:transparent url(../images/index/bg_transparent.png) repeat left top;z-index: 998; }
.header .naver {position:relative;}
.header .naver li{float:left;width:120px;}
.header .naver li a{display:block; width:120px;height:99px; text-align: center; background:transparent url(../images/index/icon_nav.png) no-repeat center -15px; font:normal 20px/140px 'microsoft yahei'; color:#fff;}
.header .naver li a.icon-news{ background-position: center -115px;}
.header .naver li a.icon-govopen{ background-position: center -215px;}
.header .naver li a.icon-service{ background-position: center -315px;}
.header .naver li a.icon-active{ background-position: center -415px;}
.header .naver li a.icon-invest{ background-position: center -515px;}
.header .naver li a.icon-travel{ background-position: center -615px;}
.header .naver li.atthis,.header .naver li:hover{background:transparent url(../images/index/bg_at_nav.png) repeat left top;}
.header .naver li.atthis a,.header .naver li:hover a{ position:relative;  background-image: url(../images/index/icon_nav_at.png); color:#c80000;}
.header .naver li.atthis span,.header .naver li:hover span{position:absolute;top:95px;left:20px;display:block; width:80px; height:5px; background:#c80000;}
.header .line{position:absolute;top:95px;left:-700px; width:80px; height:5px; background:#c80000;}
*/

.footer{ position:absolute;left:0; bottom:0; width:100%; height:39px; border-top:1px solid #558159; background:transparent url(../images/index/bg_transparent_footer.png) repeat left top; font:normal 14px/39px 'microsoft yahei'; color:#f0ebd2; z-index: 998;}
.footer a{ color:#f0ebd2;}
.footer .right span{padding:0 10px;}
.footer .left{ border-left:1px solid #558159;}
.footer .left li{float:left;width:49px; border-right:1px solid #558159; text-align: center;}
.footer .left li a{display:block; height:39px; /*background:transparent url(../images/index/icon-conac.png) no-repeat center center;*/}
.footer .left li a.icon-12377{display:block; height:39px; background:transparent url(../images/index/icon-12377.png) no-repeat center center;}
.footer .left li a.icon-scjb{display:block; height:39px; background:transparent url(../images/index/icon-scjb.png) no-repeat center center;}
.footer .left li a.icon-dzjc{display:block; height:39px; background:transparent url(../images/index/icon-dzjc.png) no-repeat center center;}

.content{position:absolute;left:50%;top:-500px; margin-left:-600px;width:1170px;height:490px;  background:transparent url(../images/index/bg_at_nav.png) repeat left top; padding:15px; z-index: 998;}

.arr{position:absolute;left:50%;margin-left:-25px;width:50px; height:20px; background:transparent url(../images/index/icon_content_arr.png) left top; cursor: pointer;}
.arr-bottom{top:520px;}
.arr-top{display:none;top:-20px; background-image: url(../images/index/icon_content_arr_top.png);}

.headerNews{overflow: hidden; height:60px; }
.headerNews .headerNews-title{float:left; width:60px; height:60px; text-align: center; background:#c80000;color:#fff; font-size: 24px;  line-height: 29px;}
.headerNews .headerNews-body{float:left;width:720px;background:#f0f0f0;}
.headerNews .headerNews-body li{ line-height: 60px; font-size:30px; text-indent: 10px;}
.headerNews .headerNews-body li a{color:#c80000; }
.headerNews .headerNews-btn{float:left;margin-left:1px; cursor: pointer ;}
.headerNews .headerNews-btn .top{width:39px; height:30px; background:transparent url(../images/index/icon_top.jpg) no-repeat left top;}
.headerNews .headerNews-btn .bottom{width:39px; height:29px; margin-top:1px; background:transparent url(../images/index/icon_bottom.jpg) no-repeat left top;}

.slider_wrap{position:relative;width:400px;height:290px;overflow:hidden}
.slider_box{position:relative;width:400px;height:290px;overflow:hidden;float:left}
.contentList li{float:left;position:relative;height:290px}
.contentList li IMG{width:400px;height:290px}
.previewList{position:absolute;bottom:13px;right:3px}
.previewList li{list-style:none;float:left;width:13px;height:13px;text-align:center;cursor:pointer;margin-right:5px;overflow:hidden;background:#fff;border-radius:13px;-moz-border-radius:13px;-webket-border-radius:13px;}
.previewList li.active,.previewList li:hover{background:#c80000;}
.mask{height:40px;position:absolute;bottom:0;left:0;display:block;width:100%;FILTER:alpha(opacity=50);opacity:.5;background:#000}
.comt{width:100%;color:#fff;position:absolute;left:0;bottom:0;height:40px;text-indent:1em;overflow:hidden;font-size:14px;line-height:42px}
.comt a{color:#fff}

.icon-catalog-news{ background:#f0f0f0; padding:10px 0; height:60px; }
.icon-catalog-news li{float:left;width:125px; height:60px; border-right:1px solid #ccc; text-align: center; list-style:none  }
.icon-catalog-news li.last{ border:0;}
.icon-catalog-news li.photo{ width:180px;}
.icon-catalog-news li a{display:block;font:normal 16px/100px 'microsoft yahei'; background:transparent url(../images/index/icon_news.png?v-1) no-repeat center -20px;}
.icon-catalog-news li a.icon-photo{ background-position: center -100px;}
.icon-catalog-news li a.icon-news{ background-position: center -180px;}
.icon-catalog-news li a.icon-keywork{ background-position: center -260px;}
.icon-catalog-news li a.icon-gov{ background-position: center -500px;}
.icon-catalog-news li a.icon-people{ background-position: center -580px;}
.icon-catalog-news li a.icon-special{ background-position: center -340px;}
.icon-catalog-news li a.icon-info{ background-position: center -420px;}
.icon-catalog-news li a:hover{position:relative; background-image:url(../images/index/icon_news_at.png); color:#c80000;}
.icon-catalog-news li a:hover img{display:block; position:absolute;top:-130px;left:8px;}

.icon-catalog-invest li{float:left;width:163px; height:60px; overflow:hidden;}
.icon-catalog-invest li a{background-image: url(../images/index/icon_invest.png);}
.icon-catalog-invest li a:hover{background-image: url(../images/index/icon_invest_at.png);}

.icon-about ul{overflow:hidden;padding-top:10px;margin-right:-15px;zoom:1;}
.icon-about li{float:left;margin-right:10px; width:88px; height:90px; background:#f0f0f0;  overflow: hidden; }
.icon-about li a{display:block;width:88px;font:normal 14px/130px 'microsoft yahei'; text-align: center; background:transparent url(../images/index/icon_about.png) no-repeat center -15px;}
.icon-about li a.icon-01{ background-position: center -115px;}
.icon-about li a.icon-02{ background-position: center -215px;}
.icon-about li a.icon-03{ background-position: center -315px;}
.icon-about li a:hover{ background-image: url(../images/index/icon_about_at.png);}

 
.loading{display:none;width:100px; height:100px;margin:120px auto 0;background:transparent url(../images/index/loading.gif) no-repeat center center;} 


.service-dt{overflow:hidden;margin-top:-10px; width:210px;}
.service-dt li{margin-top:10px;}
.service-dt li a{display:block;background:#ec87c1;font:normal 18px/60px 'microsoft yahei'; text-align: center; color:#fff;}
.service-dt li a.bg-01{background:#0c92d1;}
.service-bs{overflow:hidden;zoom:1;}
.service-bs li{float:left;width:100px; height:100px; margin:10px 10px 0 0; overflow:hidden;}
.service-bs li a{display:block; background:#f6bb43 url(../images/index/icon_service.png) no-repeat center -10px;font:normal 16px/150px 'microsoft yahei'; color:#fff; text-align: center;}
.service-bs li a.icon-table{ background-color: #8dc153; background-position: center -110px;}
.service-bs li a.icon-online{ background-color: #169fa5; background-position: center -205px;}
.service-bs li a.icon-apply{ background-color: #967bdc; background-position: center -305px;}
.service-bs li a.icon-ask{ background-color: #22b658; background-position: center -400px;}
.service-bs li a.icon-faq{ background-color: #fb6e52; background-position: center -497px;}
.service-bs li a.icon-ts{ background-color: #8dc153; background-position: center -592px;}

.work{margin-top:-10px;}
.work .icon-list{height:85px;overflow:hidden;}
.work .icon-list li{float:left;width:85px;height:85px; background:transparent url(../images/index/icon_service_bs.png) no-repeat center -168px; font:normal 14px/32px 'microsoft yahei'; text-align: center; overflow:hidden; cursor: pointer ; }
.work .icon-list li:hover{ background-position: center top;}
.work .icon-list li a{ display:block; width:85px;height:85px; color:#6e4b2d;}
.work .icon-list li a span{display:block; width:85px;height:50px; background:transparent url(../images/index/icon_service_crop.png) no-repeat center 3px;}
.work .icon-list li a:hover span{background-image: url(../images/index/icon_service_crop_at.png);}
.work .icon-list.citizen li a.icon-1 span{background-position:center -47px;}
.work .icon-list.citizen li a.icon-2 span{background-position:center -97px;}
.work .icon-list.citizen li a.icon-3 span{background-position:center -147px;}
.work .icon-list.citizen li a.icon-4 span{background-position:center -197px;}
.work .icon-list.citizen li a.icon-5 span{background-position:center -247px;}
.work .icon-list.citizen li a.icon-6 span{background-position:center -297px;}
.work .icon-list.citizen li a.icon-7 span{background-position:center -347px;}
.work .icon-list.citizen li a.icon-8 span{background-position:center -397px;}
.work .icon-list.citizen li a.icon-9 span{background-position:center -447px;}
.work .icon-list.citizen li a.icon-10 span{background-position:center -497px;}
.work .icon-list.citizen li a.icon-11 span{background-position:center -647px;}
.work .icon-list.citizen li a.icon-12 span{background-position:center -697px;}
.work .icon-list.citizen li a.icon-13 span{background-position:center -747px;}
.work .icon-list.citizen li a.icon-14 span{background-position:center -697px;}
.work .icon-list.citizen li a.icon-15 span{background-position:center -747px;}
.work .icon-list.corp li a.icon-0 span{background-position:center -797px;}
.work .icon-list.corp li a.icon-1 span{background-position:center -847px;}
.work .icon-list.corp li a.icon-2 span{background-position:center -897px;}
.work .icon-list.corp li a.icon-3 span{background-position:center -947px;}
.work .icon-list.corp li a.icon-4 span{background-position:center -997px;}
.work .icon-list.corp li a.icon-5 span{background-position:center -1050px;}
.work .icon-list.corp li a.icon-6 span{background-position:center -1100px;}
.work .icon-list.corp li a.icon-7 span{background-position:center -1150px;}
.work .icon-list.corp li a.icon-8 span{background-position:center -1200px;}
.work .icon-list.corp li a.icon-9 span{background-position:center -1250px;}
.work .icon-list.corp li a.icon-10 span{background-position:center -1350px;}
.work .icon-list.corp li a.icon-11 span{background-position:center -1300px;}

.ti-30{ text-indent: 30px;}
.previewList1{position:relative; float:left; left:50%; bottom:15px;}
.previewList1 li{position:relative ;float:left;left:-50%;width:6px; margin-right: 5px; height:6px; border:3px solid #ccc; cursor:pointer ;}
.previewList1 li:hover,.previewList1 li.active,.previewList1 li.atthis{ background:#c80000;border-color:#c80000; }

.unitlist li{width:115px;}
.unitlist li a{font:normal 14px/30px 'microsoft yahei';} 

.total{background:#f0f0f0; line-height: 40px; text-align: center;}

.live{overflow:hidden;}
.live li{float:left;width:140px; height:70px;overflow:hidden; margin:10px 10px 0 0; background:#fff;}
.live li a{display:block;height:70px;  background:#fff url(../images/common/icon_live.png) no-repeat center -20px; font:normal 14px/100px 'microsoft yahei'; text-align: center; color:#6e4b2d;}  
.live li a:hover{background:#f5b941 url(../images/common/icon_live_at.png) no-repeat center top; color:#fff; line-height: 40px;}
.live li a.icon-edu{ background-position: center -95px;} 
.live li a.icon-job{ background-position: center -172px;}
.live li a.icon-medical{ background-position: center -248px;}
.live li a.icon-secure{ background-position: center -322px;}
.live li a.icon-house{ background-position: center -400px;}
.live li a.icon-public{ background-position: center -480px;}
.live li a.icon-operate{ background-position: center -553px;}
.live li a.icon-invest{ background-position: center -628px;} 
.live li a.icon-innovation{ background-position: center -698px;} 

.live li a:hover.icon-edu{ background-position: center -75px;} 
.live li a:hover.icon-job{ background-position: center -152px;}
.live li a:hover.icon-medical{ background-position: center -228px;}
.live li a:hover.icon-secure{ background-position: center -302px;}
.live li a:hover.icon-house{ background-position: center -380px;}
.live li a:hover.icon-public{ background-position: center -460px;}
.live li a:hover.icon-operate{ background-position: center -533px;}
.live li a:hover.icon-invest{ background-position: center -608px;} 
.live li a:hover.icon-innovation{ background-position: center -678px;} 

.serverMain{overflow:hidden;}
.serverMain li{float:left;width:140px; height:70px;overflow:hidden; margin:10px 10px 0 0; background:#fff;}
.serverMain li a{display:block;height:50px;  background:transparent url(../images/common/icon_serviceMain.png) no-repeat center top; font:normal 14px/100px 'microsoft yahei'; text-align: center; color:#6e4b2d;}
.serverMain li:hover{background:#f5b941;}
.serverMain li:hover a{background:transparent url(../images/common/icon_serviceMain_at.png) no-repeat center 10px;color:#fff;margin-top:10px; line-height: 14px;}
.serverMain li a.icon-residence{ background-position: center -50px;}
.serverMain li a.icon-fund{ background-position: center -150px;}
.serverMain li a.icon-bear{ background-position: center -100px;}
.serverMain li a.icon-houseApp{ background-position: center -200px;}
.serverMain li a.icon-property{ background-position: center -250px;}
.serverMain li a.icon-licence{ background-position: center -300px;}
.serverMain li a.icon-aged{ background-position: center -350px;}
.serverMain li a.icon-disablity{ background-position: center -400px;}
.serverMain li a.icon-support{ background-position: center -450px;}

.serverMain li:hover a.icon-residence{ background-position: center -40px;}
.serverMain li:hover a.icon-fund{ background-position: center -140px;}
.serverMain li:hover a.icon-bear{ background-position: center -90px;}
.serverMain li:hover a.icon-houseApp{ background-position: center -190px;}
.serverMain li:hover a.icon-property{ background-position: center -240px;}
.serverMain li:hover a.icon-licence{ background-position: center -290px;}
.serverMain li:hover a.icon-aged{ background-position: center -340px;}
.serverMain li:hover a.icon-disablity{ background-position: center -390px;}
.serverMain li:hover a.icon-support{ background-position: center -440px;}  
 
.active-left{overflow:hidden;margin:-10px 0 0 0;}
.active-left li{float:left;width:140px;margin:10px 10px 0 0;}
.active-left li a{float:left; width:140px; background:#22b658 url(../images/common/icon_active.png) no-repeat 10px 2px; font:normal 16px/60px 'microsoft yahei'; color:#fff; text-indent: 45px;}
.active-left li a.icon-refer{ background-color: #3baeda; background-position: 10px -58px;}
.active-left li a.icon-proposal{ background-color: #8dc153; background-position: 10px -118px;}
.active-left li a.icon-vote{ background-color: #0c92d1; background-position: 10px -178px;}
.active-left li a.icon-levy{ background-color: #169fa5; background-position: 10px -238px;}
.active-left li a.icon-result{ background-color: #967bdc; background-position: 10px -298px;}
.active-left li a.icon-renda{ background-color: #fb6e52; background-position: 10px -358px;}
.active-left li a.icon-zenxie{ background-color: #fca43c; background-position: 10px -418px;}

.tel{position:relative; width:270px; /*height:160px;*/height:225px;  overflow:hidden; background:#f0f0f0;padding:10px;}
.tel .cont li{line-height: 20px;margin-top:10px; height:64px;}
.tel .cont li img{margin-top:-3px;margin-right:15px;}

.ivList h1{font:normal 14px/25px 'microsoft yahei'; color:#6e4b2d;}
.ivList p{line-height: 25px;}

.slider_wrap_invest{position:relative;width:290px;height:200px;overflow:hidden}
.slider_box_invest{position:relative;width:290px;height:200px;overflow:hidden;float:left}
.contentList_invest li{float:left;position:relative;height:200px}
.contentList_invest li IMG{width:290px;height:200px}
.previewList_invest{position:absolute;bottom:13px;right:3px}
.previewList_invest li{list-style:none;float:left;width:13px;height:13px;text-align:center;cursor:pointer;margin-right:5px;overflow:hidden;background:#fff;border-radius:13px;-moz-border-radius:13px;-webket-border-radius:13px;}
.previewList_invest li.active,.previewList li:hover{background:#c80000;}
.mask{height:40px;position:absolute;bottom:0;left:0;display:block;width:100%;FILTER:alpha(opacity=50);opacity:.5;background:#000}
.comt{width:100%;color:#fff;position:absolute;left:0;bottom:0;height:40px;text-indent:1em;overflow:hidden;font-size:14px;line-height:42px}
.comt a{color:#fff}

.travel-left{position:relative;width:110px;margin-top:-6px;margin-right:-10px;z-index: 999;} 
.travel-left li{margin-top:6px;}
.travel-left li a{display:block;width:110px; height:72px; background:transparent url(../images/index/img_catalog_eat.png) no-repeat left top; font-size: 0;}
.travel-left li a:hover,.travel-left li.atthis a{background-image: url(../images/index/img_catalog_eat_at.png);}
.travel-left li a.hotel{background-image:url(../images/index/img_catalog_hotel.png);}
.travel-left li a.hotel:hover,.travel-left li.atthis a.hotel{background-image: url(../images/index/img_catalog_hotel_at.png);}
.travel-left li a.traffic{background-image:url(../images/index/img_catalog_traffic.png);}
.travel-left li a.traffic:hover,.travel-left li.atthis a.traffic{background-image: url(../images/index/img_catalog_traffic_at.png);}
.travel-left li a.swim{background-image:url(../images/index/img_catalog_swim.png);}
.travel-left li a.swim:hover,.travel-left li.atthis a.swim{background-image: url(../images/index/img_catalog_swim_at.png);}
.travel-left li a.play{background-image:url(../images/index/img_catalog_play.png);}
.travel-left li a.play:hover,.travel-left li.atthis a.play{background-image: url(../images/index/img_catalog_play_at.png);}
.travel-left li a.shopping{background-image:url(../images/index/img_catalog_shopping.png);}
.travel-left li a.shopping:hover,.travel-left li.atthis a.shopping{background-image: url(../images/index/img_catalog_shopping_at.png);}

.map-list{width:258px; border:1px solid #ccc;}
.map-list .title{color:#6e4b2d; background:#f0f0f0; font:normal 14px/30px 'microsoft yahei'; text-indent: 10px;}
.map-list ul{padding:10px;}
.map-list ul li{padding:1px 10px;font:normal 14px/24px 'microsoft yahei'; color:#6e4b2d;border-bottom: 1px solid #f0f0f0;}
.map-list ul li p{color:#555;}
.map-list ul li:hover,.map-list ul li.atthis{background:#f0f0f0; cursor:pointer ;}
.map-pager{text-align: center; background:#f0f0f0; height:34px;}
.map-pager .red{color:#c80000;}
 
.btn-speek{padding:2px 15px 2px 44px; background:#f0f0f0 url(../images/index/icon_speek.png) no-repeat 17px center; color:#6e4b2d;} 

.btn-service-part{ margin-left:15px}
.btn-service-part li{float:left; height:40px; background:#fff url(../images/service/icon-service-part.png)no-repeat 15px top; margin:10px 15px 0 0; text-indent:45px; line-height:40px; padding-right:15px; font-size:14px;}
.btn-service-part li.icon-01{ background-position:15px 0}
.btn-service-part li.icon-02{ background-position:15px -40px}
.btn-service-part li.icon-03{ background-position:15px -80px}
.btn-service-part li.icon-04{ background-position:15px -120px}
.btn-service-part li.icon-05{ background-position:15px -160px}
.btn-service-part li.icon-06{ background-position:15px -200px}
.btn-service-part li.icon-07{ background-position:15px -240px}
.btn-service-part li.icon-08{ background-position:15px -280px}
.btn-service-part li.icon-09{ background-position:15px -320px}
.btn-service-part li.icon-10{ background-position:15px -360px}
.btn-service-part li.icon-11{ background-position:15px -400px}


.service-ask ul{ margin-left:-20px}
.service-ask li a{display:block;margin-left:20px;background:#dd977e;color:#fff;font-size: 18px;padding-bottom: 8px;margin-top: 10px;}
.service-ask li a span{display:block;width:100%;height: 62px;background: transparent url(../images/service-news/icon-service-guid.png) no-repeat center 8px;margin: 0 auto;}
.service-ask li a.icon-service-02{ background-color:#d7bf75}
.service-ask li a.icon-service-03{ background-color:#cc94ad}
.service-ask li a.icon-service-02 span{background-position-y: -50px;}
.service-ask li a.icon-service-03 span{background-position-y: -105px;}

.bg-banner{background: transparent url(../images/indexbgybzn.jpg) no-repeat center top fixed; }
.bg-banner .header{padding-top:0;top:95px}
.bg-banner .header,.bg-banner .footer{background:rgba(255,255,255,.4)}
.bg-banner .footer,.bg-banner .footer a{color:#333}

.reg-pop-index,.reg-cppcc-index{display:none;position:fixed; top:0; left:0; z-index:99998;width:100%; height:100%; background:#000;filter:alpha(opacity=50);-moz-opacity:0.5; opacity:0.5;}
.reg-pop{display:none;position:fixed;z-index:99999;top:40%;left:38%;width: 550px;height:155px;background:#fff;}
.reg-pop h1{height:40px; padding:0 15px; background:#f08300; font:normal bold 16px/40px 'microsoft yahei'; color:#fff;}
.reg-pop h1 b{display:block; float:right;width:14px; height:14px; margin-top:13px;background:transparent url(../images/govopen/icon-reg-close.png) no-repeat scroll right center;cursor:pointer;}
.reg-pop .reg-pop-body{padding: 15px 0px 0 0px;text-align: center;}
.reg-pop .reg-pop-body a{display:inline-block;vertical-align:top;margin: 0 8px;padding: 8px 20px;background:#c80000;color:#fff;font-size:16px;}
.reg-pop .reg-pop-body a:hover{background:#c80000;}