/* CSS Document */ .topicsbox {position: relative;overflow: hidden; float:left;} .topicsbox .bd {position: relative;width: 306px;height: 96px;float:left;margin-right:12px;} .topics-box .bd li {position: absolute;top: 0;left: 0;width: 306px;height: 96px; } .zcsoso{width:292px;height:70px; float:left; background:url(../images/zcwjkssbg2022.jpg) no-repeat;} .zcsoso h1{width:292px; text-align:center; float:left; padding:11px 0px 3px 0px;} .checksoso{width:250px; float:left; height:30px; padding-left:21px;} .checksoso .from_soso{width:210px; padding-left:5px; float:left; height:23px; border:#9bcfed solid 1px;border-right:none;background:#fff; color:#666; font-size:14px;outline-style:none;} .checksoso .sobtn{width:29px; height:27px; float:left;border:none; cursor:pointer; background:url(../images/zcwjkssbtn2022.png) no-repeat; } /*-----首页新闻----*/ .newslist_zt{width:483px; float:left; line-height:35px;} .newslist_zt h3 { float:left;font-size:17px; color:#f00; font-weight:bold;width:170px;} .newslist_zt h3 a{color:#f00;} .newslist_zt ul{ float:left;width:300px;} .newslist_zt ul li{overflow: hidden;zoom:1; float:left;line-height: 35px;background:none; padding-left:0px;} .newslist_zt1{width:483px; float:left; line-height:35px;} .newslist_zt1 h3 { float:left;font-size:17px; color:#355e92; font-weight:bold;width:130px;} .newslist_zt1 h3 a{color:#355e92;} .newslist_zt1 ul{ float:left;width:350px;} .newslist_zt ul li{overflow: hidden;zoom:1; float:left;line-height: 35px;background:none; padding-left:0px;} .newslist_zt1 ul li a {display: inline-block;float: left;max-width: 90%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} /*--头条新闻--*/ .headlist{ padding:8px 30px 8px 60px; margin: 0 auto;position: relative;background: #f5f5f5;} .headlist h2,.headlist p{ display: block; width:100%; text-align: center;} .headlist h2{ line-height: 40px;margin-bottom:8px; font-weight: bold; color:#e32929; font-size: 33px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .headlist h2 a{color:#e32929;} .headlist p{ line-height: 36px; color:#4372ad;} .headlist p a{ color:#4372ad;} .headlist .tit{ width:56px; height:52px; position:absolute; top:0px; left:0px } .fousNews{ width:1170px;margin-top:12px;} /*--焦点图--*/ .focusPic{ width:672px;position:relative;} .foucebox {position:relative;width:672px; height:463px;overflow:hidden; } .foucebox .bd {width:672px;height:463px;overflow:hidden;} .foucebox .bd ul{ overflow:hidden;zoom:1;} .foucebox .bd ul li{ float:left; width:672px; height:463px; position:relative;} .foucebox .bd ul li img{ width:672px; height:463px;} .foucebox .bd ul li p{ display:block; width:100%; text-indent:19px; /*background:rgba(0,0,0,0.52); */background:url(../images/tmbg-1.png) repeat;line-height:50px; height:50px; position:absolute; bottom:0px; left:0px; color:#fff;} .foucebox .bd ul li p span{ display: block; width:85%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .foucebox .hd {position:absolute; width:90px;height:10px;bottom:18px; padding-left:2px;right:5px; z-index:99;} .foucebox .hd ul { overflow:hidden;zoom:1;} .foucebox .hd li {float:left;width:10px; height:10px; margin-left:5px; background:#fff; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;cursor:pointer; } .foucebox .hd li.on{ width:26px; background:#da3027;} .sywlb{width:483px; } .areaCon{ width:100%;} .areaCon .hd{ background:url(../images/lin2.jpg) repeat-x bottom; font-family:"微软雅黑"; font-size:18px;margin-top:-17px;} .areaCon .hd ul li{ float:left; margin-right:3px; font-size:18px; line-height: 50px;} .areaCon .hd ul li a{ display:block; padding:0px 8px;text-align:center;} .areaCon .hd ul li a:hover,.areaCon .hd ul li.on a{ background:url(../images/lin3.jpg) repeat-x bottom; color:#355e92 !important; font-weight:bold; font-size:18px;} .areaCon .bd{ margin-top:5px; height:305px;padding-bottom:13px;} .areaCon .bd ul li{ line-height:35px !important;} .areaCon .bd ul li a{ max-width:82% !important;} .areaCon .bd .newslist_zt ul li {width:100% !important;} .areaCon .bd .newslist_zt ul li a {max-width:100% !important;width:90% !important;} .notice{margin-top:13px; background:#f5f5f5; padding:8px 8px; width:467px;} .notice .tit{ width:79px; height:70px; padding-top:8px; background:#ce1c07; color:#fff; text-align:center; font-size:18px; font-weight:bold; line-height:30px;} .notice .tit a{ color:#fff;} .tzlb{ width:375px;margin-top:2px;} .tzlb .bd ul li{ background:url(../images/arrow20.png) no-repeat left !important; } .tzlb .bd ul li a{ width:76%;} /*--首页专题---*/ .hzhuanti{ margin-top:16px; border: 1px solid #ebebeb;} .ztlist{ width:1098px; margin: 10px 10px; position: relative;} .ztlist .bd{ width:100%; height: 98px; overflow: hidden;zoom:1;} .ztlist .bd li{ width:264px; height: 98px; margin-right:14px; float: left;} .ztlist .hd{ width:100%; z-index: 99; display: none;} .ztlist:hover .hd{ display: block;} .ztlist .hd a{ display: block;width: 25px; height: 54px; position: absolute; top:28px;z-index: 99;} .ztlist .hd a.prev{ left: 0; background:url(../images/arrow-n1.png) no-repeat;} .ztlist .hd a.next{ right: 0; background:url(../images/arrow-n2.png) no-repeat;} .ztmore{ background: #f1f1f1; text-align: center; height:118px; width:43px;} .ztmore a{ display: block;font-size: 17px; color:#666; text-align: center; background:url(../images/line-hx.jpg) no-repeat bottom;padding:25px 0 10px 0; line-height:30px;} /*---首页政务公开---*/ .inforHo{ width:596px;} .homeBt{ padding-left:21px; height:32px; line-height:32px; overflow:hidden;zoom:1; margin-bottom:5px; background:url(../images/line-n1.jpg) repeat-x center;} .homeBt a{ display:inline-block; padding:0 10px; background:#fff; } .homeBt i{ display:block; width:36px; height:32px; float:left; background:url(../images/htit-1.png) no-repeat 0 0;} .homeBt span{ display:block; float:left; margin-left:10px; color:#355e92; font-size:22px; font-weight:bold; font-weight:bold; font-family:"微软雅黑"} .homeBt a{color:#355e92;} .homeBt i.himg1{ background-position:0 0;} .homeBt i.himg2{ background-position:0 -32px;} .homeBt i.himg3{ background-position:0 -64px;} .inforCen{ width:596px; height:837px;margin-top:14px; } .sypub{ width:596px;} .sypub .hd{ width:141px;} .sypub .hd ul li{background:#f5f5f5; height:52px; text-align:center; line-height:52px; color:#222222; font-size:16px; } .sypub .hd ul li a{ display:block; width:100%; height:52px;position:relative; background:url(../images/hgkmenu-bg1.jpg) no-repeat 0 -52px;} .sypub .hd ul li a:hover,.sypub .hd ul li.on a{ background:#3069ba; color:#fff; background:url(../images/hgkmenu-bg1.jpg) no-repeat 0 0;} .sypub .bd{ width:441px; height:262px;} .hgksc{ width:389px; border:1px solid #dcdcdc; height:40px; padding:4px 5px; margin-bottom:10px; } .hgkctab{ width:95px; height:40px; font-size:15px; color:#1d66cb; text-align:center; padding-right:10px;} .hgkctab select{ margin-left:5px;border:none; outline:none; display:block; width:95px; line-height:40px; color:#1d66cb; background:url(../images/arrow2.jpg) no-repeat scroll right center transparent; -webkit-appearance: none;} .hgkcbk{ width:99%; overflow:hidden; zoom:1; height:40px; } .hgkcbk input.shuk2{ float:left; width:340px; text-indent:15px; line-height:40px; height:40px;color:#444;} .hgkcbk input.chaz2{ width:41px; height:48px; background:url(../images/btn2.jpg) no-repeat; float:right;} .lieb{ margin-top:-5px !important;} .lieb li{ line-height:34px;} .lieb li a{ max-width:80% !important;} .zfgklm.hmzctj{ width:100%;} .zfgklm{ background:#ecf3fe; padding:10px 0 3px 0;margin-top:15px; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;} .inforxl li{ float:left; width:181px; height:70px; margin:0 13px 13px 13px; margin: 0 0 13px 13px; background:#fff; overflow:hidden;zoom:1; border-radius:3px; -web-border-radius:3px; -moz-border-radius:3px; overflow: hidden;zoom:1;} .inforxl li i{ display:block; float:left; width:48px; height:48px; margin-left:13px;margin-top:11px; background:url(../images/h-zwicon.png) no-repeat 0 0; -webkit-transition: 400ms; -o-transition: 400ms; -moz-transition: 400ms; transition: 400ms; } .inforxl li span{ display:block; float:left; margin-left:12px; line-height:70px;} li.xl1 i{ background-position:0 0;} li.xl1:hover i{ background-position:-52px 0 !important;} li.xl2 i{ background-position:0 -48px;} li.xl2:hover i{ background-position:-52px -48px !important;} li.xl3 i{ background-position:0 -96px;} li.xl3:hover i{ background-position:-52px -96px !important;} li.xl4 i{ background-position:0 -144px;} li.xl4:hover i{ background-position:-52px -144px !important;} li.xl5 i{ background-position:0 -192px;} li.xl5:hover i{ background-position:-52px -192px!important;} li.xl6 i{ background-position:0 -240px;} li.xl6:hover i{ background-position:-52px -240px !important;} .zfgklm2{margin-top:14px;} .inforxTow{width:100%;} .inforxTow li{ float:left; width:142px; height:138px; margin-right:9px; border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius:5px;} .inforxTow li i{ display:block; margin: 0 auto;width:59px; height:59px; background:url(../images/h-zwicon2.png) no-repeat;margin-top:20px;} .inforxTow li span{ display:block; line-height:65px; font-size:16px; color:#fff; text-align: center;} .inforxTow dt{ float:left; width:142px; height:60px; margin-right:9px; border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius:5px;margin-top:8px;} .inforxTow dt span{ display:block; line-height:60px; font-size:16px; color:#fff; text-align: center;} .inforxTow .so_xlm3{ background: url(../images/xg_gkbgn3.png) no-repeat;} .inforxTow .so_xlm4{ margin-right:0px;background: url(../images/xg_gkbgn4.png) no-repeat; } .inforxTow .so_xlm4 span{ /*color:#048dbe;*/ line-height: 20px;margin-top:10px;} li.xlm1{ background: url(../images/xg_gkbgn1.jpg) no-repeat;} /*li.xlm1 span{ color: #155abb;}*/ li.xlm2{ background: url(../images/xg_gkbgn2.jpg) no-repeat;} /*li.xlm2 span{color:#048dbe;}*/ li.xlm3{ background: url(../images/gk-bgn3.jpg) no-repeat;} /*li.xlm3 span{ color:#443e98;}*/ li.xlm4{ background: url(../images/gk-bgn4.jpg) no-repeat;margin-right:0;} li.xlm4 span{ /*color:#048dbe;*/ line-height: 20px;margin-top:5px;} li.xlm1 i{ background-position: 0 0;} li.xlm2 i{ background-position: 0 -59px;} li.xlm3 i{ background-position: 0 -118px} li.xlm4 i{ background-position: 0 -177px} .inforxTow li:hover i,.hwgk li:hover i{ -webkit-transition: -webkit-transform 0.7s ease-out; -moz-transition: -moz-transform 0.7s ease-out; transition: transform 0.7s ease-out; transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); } .hshiplist{ margin-top:6px; position: relative;} .jiediBox{ width: 286px; position: relative;} .jiediBox .tit{ width:100%; height: 45px; line-height: 45px;background: url(../images/lin2.jpg) repeat-x bottom;} .jiediBox .tit h3{ display: inline-block; padding:0 18px; font-size: 18px; background: url(../images/lin3.jpg) repeat-x bottom; font-weight: bold; color: #355e92;} .jiediBox .tit h3 a{ color:#355e92;} .jiediBox .bd{margin-top:13px;} .jiediBox .bd li{width:100%; height: 169px; overflow: hidden;zoom:1;} .jiediBox .bd li img{ width:auto;} .jiediBox .bd li span{ display: block;width:96%; color: #fff;text-align: center; /*height: 35px; line-height: 35px;*/ padding:0 2%; /*background: rgba(0,0,0,0.3);*/background:url(../images/tmbg-2.png) repeat; position: absolute; left: 0; bottom:0; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .jiediBox a.prev,.jiediBox a.next{ display: block; width:24px; height: 28px; width:30px; height: 30px; position: absolute; top:55%; z-index: 99;cursor: pointer;} .jiediBox a.prev{left:0; background: url(../images/arrow-n5.png) no-repeat;} .jiediBox a.next{right:-5px;background: url(../images/arrow-n6.png) no-repeat;} .jiediBox:hover a.prev{background: url(../images/arrow-n3.png) no-repeat;} .jiediBox:hover a.next{background: url(../images/arrow-n4.png) no-repeat;} .jdBox{ width:100%;} .jdBox .pic{ width:100%; height:165px; } .jdBox .pic img{width:100%;} .jdBox .wen{ line-height: 40px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center;} /*--------首页政务结束--------*/ .fencelm{ width:534px;border-left:1px solid #dbdbdb; padding-left:20px;} /*----------首页服务开始-------*/ .hfuwu,.hhmutu{ width:534px; } .fwlist,.hdmenu{width:100%;margin-top:12px;} .fwlist li{ width:130px; border-right:1px dashed #c9dcf9;float: left;} li.fwcd1,li.fwcd2,li.fwcd3{ border-right:1px dashed #c9dcf9;} li.fwcd5,li.fwcd6,li.fwcd7,li.fwcd8{ border-top:1px dashed #c9dcf9;padding-top:5px; } .fwlist li i,.fwlist li span,.hdmenu li i,.hdmenu li span{ display: block; margin: 0 auto; text-align: center;} .fwlist li span{ line-height: 30px; color: #255693;margin:6px auto;} .fwlist li i{ width:50px; height: 50px;margin-top:10px; background: url(../images/fuw-nicon1.png) no-repeat 0 0;} .fwlist li:hover i{ webkit-transition: -webkit-transform 0.7s ease-out; -moz-transition: -moz-transform 0.7s ease-out; transition: transform 0.7s ease-out; transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); } li.fwcd1 i{ background-position: 0 0;} li.fwcd2 i{ background-position: 0 -50px;} li.fwcd3 i{ background-position: 0 -100px;} li.fwcd4 i{ background-position: 0 -150px;} li.fwcd5 i{ background-position: 0 -200px;} li.fwcd6 i{ background-position: 0 -250px;} li.fwcd7 i{ background-position: 0 -300px;} li.fwcd8 i{ background-position: 0 -350px;} /*--首页互动开始---------*/ .hhmutu{ margin-top:20px;} .hdmenu li{ float: left; width:124px; height: 110px; margin-right:12px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;} .hdmenu li i{ width: 45px; height: 45px; background: url(../images/hhd-nicon1.png) no-repeat 0 0;margin-top:14px;-webkit-transition: 400ms; -o-transition: 400ms; -moz-transition: 400ms; transition: 400ms; } .hdmenu li span{ line-height: 30px;margin-top:10px;color:#fff;} li.hdcd1{ background:url(../images/hhd-bg1.jpg) no-repeat;} li.hdcd1 i{ background-position: 0 0;} li.hdcd1:hover i{ background-position: -50px 0;} /*li.hdcd1 span{ color:#255693;}*/ li.hdcd2{ background:url(../images/hhd-bg2.jpg) no-repeat;} li.hdcd2 i{ background-position: 0 -45px;} li.hdcd2:hover i{ background-position: -50px -45px;} /*li.hdcd2 span{ color:#048aac;}*/ li.hdcd3{ background:url(../images/hhd-bg3.jpg) no-repeat;} li.hdcd3 i{ background-position: 0 -90px;} li.hdcd3:hover i{ background-position: -50px -90px;} /*li.hdcd3 span{ color:#3248ca;}*/ li.hdcd4{ background:url(../images/hhd-bg4.jpg) no-repeat;} li.hdcd4 {margin-right:0;} li.hdcd4 i{ background-position: 0 -135px;} li.hdcd4:hover i{ background-position: -50px -135px;} /*li.hdcd4 span{ color:#2964d9;}*/ .hdpicbox{ width:100%; margin-top:16px;} .hdpicbox li{ border-radius:3px; float: left; height: 96px;margin-bottom:14px; overflow: hidden;zoom:1;} .hdpicbox li img{ width: 100%;border-radius:3px;} li.hdlj1,li.hdlj4{width:306px;} li.hdlj2,li.hdlj3{width:216px;} li.hdlj1,li.hdlj3{margin-right:12px;} /*.hdpicbox li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1)); -moz-transform: scale(1.1); } .hdpicbox li img{ -webkit-transition: all .7s ; -moz-transition: all .7s ; transition: all .7s; }*/ .zxftBox{ width:100%;margin-top:1px;background:#f7f7f7;} .fttit{ width:28px; height: 215px; text-align: center; font-weight: bold; color:#fff; background: url(../images/hft-bg1.jpg) no-repeat;-webkit-writing-mode: vertical-rl;-ms-writing-mode: bt-rl;writing-mode: vertical-cl; text-align: center; padding:0 10px; } .fttit a{ display:block; color:#fff; width:28px; height: 215px;letter-spacing: 1px;padding-top:2px;font-size: 0; line-height: 0; z-index: -9;} .fthz{width:465px; padding:10px 10px;} .zuixft{ width:100%;} .hftpic {width: 153px;height: 117px;} .hftpic img {width: 153px;height: 117px;} .hftwen {width: 280px;margin-left: 15px;} .hftwen h3 { font-weight: bold; line-height: 26px; font-size: 15px; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .hftwen p { line-height: 31px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .wangq{ width:100%; margin-top:10px;} .wangq .tit{ width:63px; height:54px;padding:5px 0; background:#73b8ed; color:#fff; text-align:center; font-size:18px; font-weight:bold; line-height:26px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} .wangq .tit a{ color:#fff;} .wqlist{ width:387px;} .wqlist .bd ul li{ background:none !important;padding-left:0; line-height: 33px; } .wqlist .bd ul li a{ width:76%;} /*--首页互动结束---------*/ /*首页打开时的动画*/ .logoSerch{ position:relative;} .logo{ position: absolute; top: 0; left: 0; animation:changeLogo 7s; -moz-animation:changeLogo 7s; /* Firefox */ -webkit-animation:changeLogo 7s; /* Safari and Chrome */ -o-animation:changeLogo 7s; /* Opera */ } .sousuo{ position: absolute; top: 0; right: 0; animation:changeSerch 7s; -moz-animation:changeSerch 7s; /* Firefox */ -webkit-animation:changeSerch 7s; /* Safari and Chrome */ -o-animation:changeSerch 7s; /* Opera */ } /*LOGO的动画*/ @keyframes changeLogo { 0% {top:0px;left: 0;} 45% {top:190px;left: 392px;} 50% {top:190px;left: 392px;} 55% {top:190px;left: 392px;} 100% {top:0px;left: 0;} } /* Firefox */ @-moz-keyframes changeLogo { 0% {top:0px;left: 0;} 45% {top:190px;left: 392px;} 50% {top:190px;left: 392px;} 55% {top:190px;left: 392px;} 100% {top:0px;left: 0;} } /* Safari and Chrome */ @-webkit-keyframes changeLogo { 0% {top:0px;left: 0;} 45% {top:190px;left: 392px;} 50% {top:190px;left: 392px;} 55% {top:190px;left: 392px;} 100% {top:0px;left: 0;} } /* Opera */ @-o-keyframes changeLogo { 0% {top:0px;left: 0;} 45% {top:190px;left: 392px;} 50% {top:190px;left: 392px;} 55% {top:190px;left: 392px;} 100% {top:0px;left: 0;} } /*搜索框的动画*/ @keyframes changeSerch { 0% {top:0px;right: 0} 45% {top:300px;right: 335px} 50% {top:300px;right: 335px} 55% {top:300px;right: 335px} 100% {top:0px;right: 0} } /* Firefox */ @-moz-keyframes changeSerch { 0% {top:0px;right: 0} 45% {top:300px;right: 335px} 50% {top:300px;right: 335px} 55% {top:300px;right: 335px} 100% {top:0px;right: 0} } /* Safari and Chrome */ @-webkit-keyframes changeSerch { 0% {top:0px;right: 0} 45% {top:300px;right: 335px} 50% {top:300px;right: 335px} 55% {top:300px;right: 335px} 100% {top:0px;right: 0} } /* Opera */ @-o-keyframes changeSerch { 0% {top:0px;right: 0} 45% {top:300px;right: 335px} 50% {top:300px;right: 335px} 55% {top:300px;right: 335px} 100% {top:0px;right: 0} } @media (max-height:770px){ @keyframes changeLogo { 0% {top:0px;left: 0;} 45% {top:50px;left: 392px;} 50% {top:50px;left: 392px;} 55% {top:50px;left: 392px;} 100% {top:0px;left: 0} } /* Safari and Chrome */ @-webkit-keyframes changeLogo { 0% {top:0px;left: 0;} 45% {top:50px;left: 392px;} 50% {top:50px;left: 392px;} 55% {top:50px;left: 392px;} 100% {top:0px;left: 0} } @keyframes changeSerch { 0% {top:0px;right: 0} 45% {top:180px;right: 335px} 50% {top:180px;right: 335px} 55% {top:180px;right: 335px} 100% {top:0px;right: 0} } /* Safari and Chrome */ @-webkit-keyframes changeSerch { 0% {top:0px;right: 0} 45% {top:180px;right: 335px} 50% {top:180px;right: 335px} 55% {top:180px;right: 335px} 100% {top:0px;right: 0} }