/*政务公开*/
.hcon{ padding: 20px 0;}
.zcon{ background: #ffffff; padding: 20px; width: 962px; margin: 0 auto;}
.zwgk1{ padding-bottom: 20px;}
.zwpt{ width: 480px;}
.zwti{ height: 47px; line-height: 47px; border-bottom: 1px solid #DDDDDD; margin-bottom: 20px;}
.zwti a{ display: block; height: 46px; border-bottom: 2px solid #CB2807; padding: 0 13px; font-size: 20px; color: #CB2606; float: left;}
.zwti a:hover{  color:#ff8000; border-bottom: 2px solid #ff8000;}
.zwti .zwtis li{ width: 106px; float: left;}
.zwti .zwtis a{ color: #777777; border-bottom: 1px solid #DDDDDD; height: 47px; line-height: 47px;}
.zwti .zwtis li.hover a{ color: #CB2606; height: 46px; border-bottom: 2px solid #CB2807;}
.zwpt li{ width: 155px; height: 56px; line-height: 56px; float: left; margin-right: 10px; background: #FCF2C4; text-align: center;}
.zwpt li.zwpt1{ width: 140px; height: 229px; line-height: 30px; padding-top: 10px;}
.zwpt li.zwpt3,.zwpt li.zwpt5,.zwpt li.zwpt7{ margin-right: 0;}
.zwpt li.zwpt2,.zwpt li.zwpt3,.zwpt li.zwpt4,.zwpt li.zwpt5{ margin-bottom: 5px;}
.zwpt li.zwpt4,.zwpt li.zwpt5,.zwpt li.zwpt6,.zwpt li.zwpt7{ line-height: 22px;}
.zwpt li.zwpt4 a,.zwpt li.zwpt5 a,.zwpt li.zwpt6 a,.zwpt li.zwpt7 a{padding-top: 6px; height: 50px;}
.zwpt li a{ color: #D86C00; display: block;padding: 3px 0;}
/*.zwpt li:hover{ background: #ff8000;}
.zwpt li:hover a{ color:#ffffff;}
.zwpt li.zwpt1:hover{ background: #FCF2C4; }
.zwpt li.zwpt1:hover a{ color:#D86C00;}*/
.zwpt li a:hover{  color:#ff8000;}

.zwdt{ width: 453px;}
.zwdt li{ height: 33px; line-height: 33px; font-size: 15px; #height: 30px; #line-height: 30px;}
.zwdt li span{ float: left;}
.zwdt li a{ color: #333333;}
.zwdt li:hover a{  color:#cc0000;}
.zwdt li span.zdata{ float: right; color: #333333;}

.zwgk2{ padding-bottom: 20px;}
.zd{ width: 480px;}
.zd li{ width: 480px;}
.new_wrap{ width: 480px; height: 193px; overflow: hidden; position: relative; margin: 0 auto;}
.new_pic{ width: 10000px; height: 193px; position: absolute; left: 0;}
.new_pic li{ float: left; width: 480px; height: 193px;}
.new_pic li div{ float: left; margin-right: 1px; margin-bottom: 1px;}
.new_pic li a{ display: block; height: 96px;}
.new_pic li img{ height: 96px;}
#btnbox{ width: 80px; height: 9px; position: absolute; right: 0px; bottom: 15px;}
#btnbox li{ width: 9px; height: 9px; background: url(../images/ncdaj_index_r15_c19.png) no-repeat; float: left; margin-right: 6px; cursor: pointer;}
#btnbox li.hover{ background: url(../images/ncdaj_index_r15_c16.png) no-repeat;}

.zwgk3{ padding-bottom: 20px;}
.zwgk3 .zwti a{ width: 100px; margin: 0 auto; float: none; text-align: center;}
.zwgk3 li{ width: 20%; float: left; text-align: center; padding: 10px 0;}
.zwgk3 li img{ margin-bottom: 5px; transition:all .5s ease-in-out;}
.zwgk3 ul{ padding-bottom: 20px; border-bottom: 1px solid #DDDDDD; overflow: hidden;}
.zwgk3 li:hover img{ transform:rotateY(360deg);}

.zwgk4 .zdxm{ width: 300px; float: left; margin-right: 31px;}
.zwti2{ width: 89px; height: 36px; background: #CB2807; line-height: 36px; text-align: center; margin-bottom: 10px;}
.zwti2 a{ color: #ffffff; font-size: 16px; display: block;}
.zwti2:hover{ background: #ff8000;}
.zwti2:hover a{ color: #ffffff;}
.zdxm li{ line-height: 30px;}


/*聚焦红海湾*/
.ztpxw{ width: 480px;}
.ztpxwc{ width: 480px; height: 350px; }
.zjwdt{ width: 453px;}
.zjwdt p{ height: 40px; line-height: 40px; background: url(../images/zdian.png) 0 19px no-repeat; padding-left: 15px;}
.zjwdt p a{ font-size: 20px; color: #333333; font-weight: bold;}
.zjwdt p a:hover{ color: #cc0000;}
.zjwdt li{ height: 34px; line-height: 34px; #height: 30px; #line-height: 30px;}
.zjwdt li span{ float: left;}
.zjwdt li span.zdata{ float: right;}
.zbmdt{ width: 453px;}
.zbmdt li{ height: 34px; line-height: 34px; #height: 30px; #line-height: 30px;}
.zbmdt li span{ float: left;}
.zbmdt li span.zdata{ float: right;}



/*走进红海湾*/
.zjc1{ padding-bottom: 20px; height: 283px;}
.zjpic{ width: 467px; height: 283px; float: left;}
.zjpic img{ width: 467px; height: 283px; }
.zjdl{ width: 467px; float: right;}
.zjdl p{ height: 215px; font-size: 15px; line-height: 30px; text-indent: 2em;}
.zjc2{ padding-bottom: 20px;}
.zjc2 li{ width: 220px; height: 308px; float: left; margin-right: 27px; position: relative;}
.zjc2 li div{ width: 220px; height: 158px; position: relative;}
.zjc2 li img{ width: 220px; height: 158px; position: absolute; top: 0; left: 0;}
.zjc2 li a{ display: block; width: 220px; height: 39px; position: absolute; bottom: 0; left: 0; background: url(../images/hmb.png); text-align: center; line-height: 39px; color: #ffffff;}
.zjc2 li a:hover{ color: #ff8000;}
.zjc2 li p{ width: 186px; height: 135px; background: #F9F9F9; line-height: 30px; font-size: 15px; padding: 15px 17px 0; position: absolute; bottom: 0; left: 0;}

.zjc3 li{ width: 220px; height: 180px; float: left; margin-right: 27px; position: relative;}
.zjc3 li img{ position: absolute; left: 68px; top: 37px; transition:all .5s ease-in-out;}
.zjc3 li:hover img{ transform:rotateY(360deg);}
.zjc3 li p{ width: 100%; height: 39px; background: url(../images/hmb.png); text-align: center; line-height: 39px; position: absolute; left: 0; bottom: 0;}
.zjc3 li p a{ color: #ffffff; font-size: 16px; display: block;}
.zjc3 li p a:hover{ color: #ff8000;}
.zjc3 li.zj1{ background: url(../images/zjb1.jpg);}
.zjc3 li.zj2{ background: url(../images/zjb2.jpg);}
.zjc3 li.zj3{ background: url(../images/zjb3.jpg);}
.zjc3 li.zj4{ background: url(../images/zjb4.jpg); margin-right: 0;}


/*专题专栏*/
.ztcon{ width: 980px; background: #ffffff; margin: 0 auto; padding: 20px 10px 20px 12px; min-height: 350px;}
.ztzli li{ width: 228px; height: 138px; float: left; margin: 0 8px 16px;}


/*互动交流*/
.zwlwz{ width: 663px;}
.zwlwzc{ height: 400px;}
.zwlwzc table{ width: 100%;}
.zwlwzc .zwlwzti{ height: 35px; line-height: 35px; background: #F8F8F8; color: #BB1010; text-align: center; margin-bottom: 10px;}
.zwlwzc .zwlwzti th{ font-weight: normal;}
.zwlwzc td{ height: 40px;}
.zhd li{ width: 18%; float: left; text-align: center;}
.zhd li a{ color: #BA1010;}
.zhd li i{ width: 80px; height: 80px; display: block; margin: 0 auto 8px; cursor: pointer; transition:all .5s ease-in-out;}
.zhd li.zhd1 i{ background: url(../images/xzhd1.png) 0 0 no-repeat;}
.zhd li.zhd2 i{ background: url(../images/xzhd2.png) 0 0 no-repeat;}
.zhd li.zhd3 i{ background: url(../images/xzhd3.png) 0 0 no-repeat;}
.zhd li.zhd4 i{ background: url(../images/xzhd4.png) 0 0 no-repeat;}
.zhd li.zhd5 i{ background: url(../images/xzhd5.png) 0 0 no-repeat;}
.zhd li.zhd6 i{ background: url(../images/zsk.png) 0 0 no-repeat;}
.zhd li:hover i{transform:rotate(360deg);}
.zhd li.zhd1:hover i{ background: url(../images/xzhd1a.png) 0 0 no-repeat;}
.zhd li.zhd2:hover i{ background: url(../images/xzhd2a.png) 0 0 no-repeat;}
.zhd li.zhd3:hover i{ background: url(../images/xzhd3a.png) 0 0 no-repeat;}
.zhd li.zhd4:hover i{ background: url(../images/xzhd4a.png) 0 0 no-repeat;}
.zhd li.zhd5:hover i{ background: url(../images/xzhd5a.png) 0 0 no-repeat;}
.zhd li.zhd6:hover i{ background: url(../images/zsk.png) 0 0 no-repeat;}
.zznwd{ width: 274px;}
.zznwdc{ width: 274px; height: 87px; padding-bottom: 30px;}
.zznwdc img{ width: 274px; height: 87px;}
.zxf{ padding-bottom: 20px;}
.zxf li{ width: 130px; height: 94px; float: left;}
.zxf li a{ display: block; width: 130px; height: 94px; }
.zxf li.zxf1 a{ background: url(../images/zxf1.jpg);}
.zxf li.zxf2 a{ background: url(../images/zxf2.jpg);}
.zxf li.zxf3 a{ background: url(../images/zxf3.jpg);}
.zxf li.zxf4 a{ background: url(../images/zxf4.jpg);}
.zxf li.zxf1,.zxf li.zxf2{ margin-bottom: 13px;}
.zxf li.zxf2,.zxf li.zxf4{ float: right;}
.zxf li.zxf1:hover a{ background: url(../images/zxf1a.jpg);}
.zxf li.zxf2:hover a{ background: url(../images/zxf2a.jpg);}
.zxf li.zxf3:hover a{ background: url(../images/zxf3a.jpg);}
.zxf li.zxf4:hover a{ background: url(../images/zxf4a.jpg);}
.zxfrx{ height: 96px; padding-bottom: 20px;}
.zwsdc{ height: 150px;}

.hwx2{ position: relative; cursor: pointer; z-index: 99;}
.hwx2 div{ width: 100px; height: 100px; display: none; position: absolute; top: -25px; left: -50%; margin-left: 116px; padding-top: 10px; text-align: center; z-index: 99;}
.hwx2 div img{ width: 100px; height: 100px;}
.hwx2:hover div{ display: block;}





#zd1 img{width:183px!important; height:96px;}
#zd2 img{width:140px!important; height:96px;}
#zd3 img{width:157px!important; height:96px;}

#zd4 img{width:183px!important; height:96px;}
#zd5 img{width:140px!important; height:96px;}
#zd6 img{width:157px!important; height:96px;}

#zd7 img{width:183px!important; height:96px;}
#zd8 img{width:140px!important; height:96px;}
#zd9 img{width:157px!important; height:96px;}