/* css reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; font-family: "simsun","微软雅黑","Myriad Set Pro","Helvetica Neue","Helvetica","Arial","sans-serif"; } ol, ul { list-style: none; } blockquote, q { quotes: none; } a{text-decoration: none} blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } .fl{float: left} .fr{float: right} table { border-collapse: collapse; border-spacing: 0; } .clearfl { zoom:1; } .clearfl:after { clear:both;content:'';display:block;width:0;height:0;visibility:hidden; } .container{width: 1002px;margin: 0 auto; display:block; overflow:hidden;} .margin0 { margin:0;} .p50 { padding-bottom:50px;} /*********************公用头部************************/ i{display:inline-block;background: url("/gsjcsglxhcom/images/icon.png") no-repeat;} #header .top{height: 36px; line-height: 36px;} #header .top .container .top-bar{float: right; width:245px; } #header .top .container .top-bar a{ font-size:14px; font-family:simsun;color: #848484;text-decoration: none;} #header .top .container .top-bar li{float: left;margin-left: 14px} #header .top .container .top-bar .bg{ background:url("/gsjcsglxhcom/images/index_bg01.gif") no-repeat left 16px; padding-left:14px;} #header .logo{ display: block;overflow: hidden; margin: 0 auto; width: 100%; min-width: 1002px; height: 180px;background: url("/gsjcsglxhcom/images/bg_01.jpg") no-repeat center top} #header .logo .container{margin-top: 48px} #header .logo .gs { float:left;} #header .logo .sdzc { float:right; padding-top:14px;} #header .nav{height: 52px;background: #3a5485;} #header .nav_ul {position: relative; z-index:3;} #header .nav_ul .nav_li{width: 16.66666%;float: left; } #header .nav_ul .nav_li.cur{background: #d32e3c;} #header .nav_ul .nav_li .nav_a{ font-family:Microsoft YaHei; color: #fff;font-size:22px; display:block;vertical-align: middle;text-align: center;line-height: 52px;} #header .nav_ul .nav_li:hover{background: #d32e3c !important;} /*工商*/ #header .nav_ul .gsfj {background: #2d4166;} /************************ 二级导航 ******************************/ .red-block{width: 6px;height: 18px;margin-right:8px;background: #d32e3c; display: inline-block;vertical-align: middle;} #header .nav .container .con {position: absolute; display: none; top: 52px;left: 0;width: 944px;height:326px;border: 1px solid #3a5485; border-top:0; padding:20px 28px;background:#fff ;} /*******************政务******************************/ #header .zw-top { display:block;} #header .zw-top div{display: block;vertical-align: top;} #header .zw-top-left{width:30%; padding-right: 32px; float:left;} #header .zw-top-right{width:66%; float:right; display:block; overflow:hidden;} #header .top-title{font-size: 20px; color: #3a5485; line-height: 36px;border-bottom:1px solid #CEA683;} #header .zw-table {margin-top: 12px;} #header .zw-table table { display:block; clear:both;} #header .zw-table tr{border: 1px solid #e6e6e6;border-right: 0;border-bottom:0 } #header .zw-table td{width: 90px;height: 90px; vertical-align: middle; text-align: center;border: 1px solid #e6e6e6;border-left: 0;border-top:0} #header .zw-table td a{color: #3A5485;font-weight: bold;line-height: 1.4; font-size:14px; font-family:simsun;} #header .zw-table td:hover { background:#F3F3F3;} #header .zw-table td:hover a{color: #3A5485;} /*zw-top-righ */ #header .zw-top-right .top-title {position:relative; border-bottom:1px solid #CEA683;} #header .zw-top-right .top-title ul{margin-left:20px;display: inline-block;vertical-align:bottom; clear:both; position:absolute; left:100px; bottom:0; } #header .zw-top-right .top-title li{height: 30px; float: left;font-size: 14px; font-family:simsun; font-weight: bold;color: #666666; cursor: pointer; width: 90px; border-bottom: 2px solid transparent;} #header .zw-top-right .top-title li:hover { background:none;} #header .zw-top-right .top-title li a{font-size: 14px; } #header .zw-top-right .top-title li i{width: 5px;height: 9px;background-position: 0 -390px;margin-right: 10px;} #header .zw-top-right .top-title li:hover { background:none;} #header .zw-top-right .top-title li.cur{color: #3a5485;border-bottom: 2px solid #d32e3c; background:none;} #header .zw-top-right .zw-top-content {margin-top: 12px;} #header .zw-top-right .zw-top-content div{display: none;} #header .zw-top-right .zw-top-content .zw-top-content-01 ul{line-height: 2;border-bottom: 1px dotted #c9c9c9; display:block; overflow:hidden;} #header .zw-top-right .zw-top-content .zw-top-content-01 ul:after{clear:both;content:'';display:block;width:0;height:0;visibility:hidden;} #header .zw-top-right .zw-top-content .zw-top-content-01 li a{color: #666;font-size: 14px;} #header .zw-top-right .zw-top-content .zw-top-content-01 li a:hover{color:#3a5485} #header .zw-top-right .zw-top-content .zw-top-content-01 li a span{color:#3a5485} #header .zw-top-right .zw-top-content .zw-top-content-01 .more { text-align:right; width:100%; display:block; overflow:hidden; font-size:12px; font-family:simsun; border:0; padding-top:6px;} #header .zw-top-right .zw-top-content .zw-top-content-01 .more a { font-size:12px; color:#3A5485;} #header .zw-top-right .zw-top-content-title { width:550px; float:left;font-family:simsun;} #header .zw-top-right .zw-top-content-time { width:70px; float:right; font-size:14px;color: #666;font-family:simsun;} /*政务下*/ .zw-bottom-content{display: block;margin-top: 18px; float:left;} .zw-bottom-content-left{width: 92px;background: #F2F2F2;font-size:14px; font-family:simsun;font-weight: bold;color: #39547F; text-align: center;height: 72px; display:table;position: relative; float:left;} .zw-bottom-content-left span{ padding-top:16px; display:block; overflow:hidden; width:100%; line-height:150%; text-align:center; } .zw-bottom-content-left i.right-cirt{ width: 7px; height:11px; background:url("/gsjcsglxhcom/images/index_bg02.gif"); position: absolute; right: -5px; top: 43%;} .zw-bottom-content-right{width:758px;background: #f2f2f2;border: 1px solid #e6e6e6;padding: 16px 44px; float:right;} .zw-bottom-content-right ul { display:inline;} .zw-bottom-content-right ul li{float: left; min-width:180px;line-height: 1.2;white-space:nowrap;} .zw-bottom-content-right ul li a{font-size: 14px; font-family:simsun;font-weight: bold;color: #666;} .zw-bottom-content-right ul li:hover a{color: #3a5485;} .zw-bottom-content-right ul li a i{width: 5px;height: 9px;background-position: 0 -390px;margin-right: 10px; margin-top:-26px;} /******************* 政务 ******************************/ /**********************业务办理*****************************/ .nav .container .ywbl div div{display: inline-block;vertical-align: top;} .nav .container .ywbl .yw-left{width: 46%;padding-right: 32px; display:block; float:left;} .nav .container .ywbl .yw-right{width: 49% ; display:block;float:right;} .nav .container .ywbl .yw-left-bottom,.yw-right-bottom{margin-top: 12px;} .yw-right-bottom{ width:100%;} .yw-left-top .more { width:100%; text-align:right; font-size:12px; font-family:simsun; display:block; overflow:hidden; padding-top:8px; border:0; color:#3A5485;} .top-title { position:relative; width:100%;} .top-title .more{font-size:14px;color:#3A5485; font-family:simsun;float: right; width:60px; display:block; overflow:hidden; position:absolute; right:0; top:0;} .top-content{margin-top: 6px; width:100%; } .top-content a{color: #666; font-size: 14px; font-family:simsun;/*display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;*/} .top-content a:hover{color:#3a5485} .ywbl .yw-left .top-content li{line-height: 1.8;border-bottom: 1px dotted #c9c9c9; display:block; overflow:hidden;} .ywbl .yw-right .yw-right-top .top-content ul li{float: left;width: 110px;height: 64px; border: 1px solid #e6e6e6;text-align: center; margin: 6px 4px 0px 0;display: table;*+position:relative;overflow:hidden;} .ywbl .yw-right .yw-right-top .top-content ul li p {vertical-align:middle;display:table-cell;*+position:absolute; *+top:50%;*+left:0; width:100%; text-align:center; } .ywbl .yw-right .yw-right-top .top-content ul li:hover {background: #f3f3f3;} .ywbl .yw-right .yw-right-top .top-content ul li a{font-size: 12px; font-family:simsun;font-weight: bold;line-height:140%;*+position: relative; *+top:-50%; color:#3A5485; } .ywbl .yw-right .yw-right-top .top-content ul li:hover a{color: #3A5485;} .ywbl .yw-right-bottom ul { width:100%; display:block; overflow:hidden;} .ywbl .yw-right-bottom li { border:0; float:left; width:25%; display:block; overflow:hidden; text-align:left; padding:10px 0;} .ywbl .yw-right-bottom li i.kh{width: 6px;height: 9px;background-position: 0 -390px;margin-right: 8px; margin-top:3px; margin-top:-16px*/; float:left;} .ywbl .yw-right-bottom li a{font-size: 14px;font-weight: bold; font-family:simsun; float:left;} /**********************业务办理*****************************/ /*---------------------政民互动----------------------------*/ .nav .container ul li.zmhd div div{display: inline-block;vertical-align: top;} .nav .container ul li.zmhd div div.zm-left{width: 42%;padding-right: 32px; float:left;} .nav .container ul li.zmhd div div.zm-left .top-content img{width: 100%;} .nav .container ul li.zmhd div div.zm-right{width: 502px; float:right;} .nav .container ul li.zmhd div div.zm-right .top-content{position: relative} .nav .container ul li.zmhd div div.zm-right .top-content p{width:329px; border-bottom:1px dotted #c9c9c9; height:31px; line-height:31px;} .nav .container ul li.zmhd div div.zm-right .top-content .qustion{position:absolute;top:10px;right:0;width: 157px;height: 74px; background:url("/gsjcsglxhcom/images/index_znzx.gif") no-repeat left top;} .nav .container ul li.zmhd div div.zm-right .bottom-content { padding-top:8px;} .nav .container ul li.zmhd div div.zm-right .bottom-content a{width: 158px;height:50px;line-height: 50px; display:inline-block;vertical-align:middle;background: #3A5485;color: #fff;margin-right: 14px;text-align: center; float:left;} .nav .container ul li.zmhd div div.zm-right .bottom-content a:last-child{} .nav .container ul li.zmhd div div.zm-right .bottom-content a i{margin-right: 10px; vertical-align: middle} .nav .container ul li.zmhd div div.zm-right .bottom-content a i.tsjb{width: 32px;height: 30px;background-position: 0-347px;} .nav .container ul li.zmhd div div.zm-right .bottom-content a i.myzj{width: 31px;height: 30px;background-position: -196px -180px;} .nav .container ul li.zmhd div div.zm-right .bottom-content a i.gzlx{width: 36px;height: 24px;background-position: -191px -218px;} .nav .container ul li.zmhd div div.zm-right .zm-right-bottom{margin-top: 12px; width:100%;} /*---------------------政民互动----------------------------*/ /*------------------------公众服务--------------------------*/ .nav .container ul li.gzfw div div{display: block;vertical-align: top; width:100%;} .nav .container ul li.gzfw .gzfw-left{width: 460px; overflow: hidden;margin-right: 20px; float:left;} .nav .container ul li.gzfw .gzfw-left .top-content ul:after{clear:both;content:'';display:block;width:0;height:0;visibility:hidden;} .nav .container ul li.gzfw .gzfw-left .top-content ul{line-height: 1.8;border-bottom: 1px dotted #c9c9c9; width:100%;} .nav .container ul li.gzfw .gzfw-left .top-content ul:last-child{border-bottom: 0} .nav .container ul li.gzfw .gzfw-left .top-content ul li{border-bottom: 0} .nav .container ul li.gzfw .gzfw-left .top-content ul li:first-child{ float: left;} .nav .container ul li.gzfw .gzfw-left .top-content ul li:last-child{ float: right;color: #666;font-size: 14px;} .nav .container ul li.gzfw .gzfw-left .top-content ul li a{} .nav .container ul li.gzfw .gzfw-left .zw-top-content-title { width:344px; float:left;} .nav .container ul li.gzfw .gzfw-left .zw-top-content-time { width:110px; float:right; font-size:14px; text-align:right;color: #666;} .nav .container ul li.gzfw .gzfw-left .rili{ text-align: center; width:100%;margin-top: 18px;} .nav .container ul li.gzfw .gzfw-left .rili a{ display: block;width: 198px;height: 36px;line-height:35px;border: 1px solid #cfcdc5; color:#3a5485;font-weight:bold;box-shadow: 0 2px 5px rgba(6,6,6,.3); margin:0px auto;} .nav .container ul li.gzfw .gzfw-left .rili a i.rili-icon{width: 28px;height: 26px;background-position: -197px 0px;vertical-align: top;margin:4px 16px 0 0;} .nav .container ul li.gzfw .gzfw-right{width: 455px;overflow: hidden; float:right;} .nav .container ul li.gzfw .gzfw-right .top-content table td{width: 150px;height:77px;overflow: hidden; border-right: 1px solid #ddd;border-bottom: 1px solid #e6e6e6; text-align: center; vertical-align: middle;padding-top: 23px;} .nav .container ul li.gzfw .gzfw-right .top-content table td:hover{background: #F3F3F3;} .nav .container ul li.gzfw .gzfw-right .top-content table tr{border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6; } .nav .container ul li.gzfw .gzfw-right .top-content table td a{display: block;font-weight: bold;height: 100%; color:#3A5485;} .nav .container ul li.gzfw .gzfw-right .top-content table td:hover a { color:#3A5485;} .gzfw .gzfw-right .top-content table td a i{margin-bottom: 6px;} .gzfw .gzfw-right .top-content table td a i.zlcx{width: 40px;height: 40px;background-position: -140px 0} .gzfw .gzfw-right .top-content table td a i.sbkcx{width: 35px;height: 40px;background-position: -140px -40px;} .gzfw .gzfw-right .top-content table td a i.fgkcx{width: 38px;height: 40px;background-position: -140px -80px;} .gzfw .gzfw-right .top-content table td a i.sjfb{width: 41px;height: 40px;background-position: -140px -120px;} .gzfw .gzfw-right .top-content table td a i.jcbg{width: 37px;height: 40px;background-position: -140px -160px} .gzfw .gzfw-right .top-content table td a i.tsfx{width: 43px;height: 40px;background-position: -140px -200px} .gzfw .gzfw-right .top-content table td a i.sfwb{width: 39px;height: 40px;background-position: -140px -240px;} .gzfw .gzfw-right .top-content table td a i.xygs{width: 37px;height: 40px;background-position: -140px -280px} .gzfw .gzfw-right .top-content table td a i.gszs{width: 43px;height: 40px;background-position: -140px -320px;} /*------------------------公众服务--------------------------*/ /*----------------------工商分局-----------------------*/ .nav .container ul li.gsfj a i.gsfj-icon{width: 26px;height: 28px; background-position: 0 -50px;margin-right: 10px;position: relative; top: 6px;*top: 0px;} .nav .container ul li.gsfj div div{display: block;vertical-align: top;overflow: hidden;} .nav .container ul li.gsfj div .gsfj-left{width: 440px; overflow: hidden;margin-right:22px; float:left;} .nav .container ul li.gsfj div .gsfj-right{width: 480px; overflow: hidden;float:left;} .nav .container ul li.gsfj div .gsfj-right .top-content ul {width: 100%; border:0;} .nav .container ul li.gsfj div .gsfj-right .top-content li { width:138px; height:138px; border:1px solid #E5E5E5; float:left; display:block; overflow:hidden; padding:4px; margin:0 0 12px 12px;} .nav .container ul li.gsfj div .gsfj-right .top-content li img { margin:0; padding:0; float:left;} .nav .container ul li.gsfj div .gsfj-right .top-content li h2 { text-align:center; font-size:14px; font-family:simsun; color:#333; line-height:36px; padding:0; margin:0;} .nav .container ul li.gsfj div .gsfj-right .top-content li h2 a { color:#333;} .nav .container ul li.gsfj div .gsfj-right .top-content li h2 a:hover {color: #3a5485} .nav .container ul li.gsfj div .gsfj-right .top-content li b { font-weight:bold; padding-right:10px;} /*----------------------工商分局-----------------------*/ /************************ 二级导航 ******************************/ section{min-height: 500px;} /************************ 左侧菜单 ******************************/ .left_meau { float:left; width:280px; display:block; overflow:hidden; margin-top:50px;} .left_meau ul { width:100%; height:66px; background:#E1E5ED; line-height:66px; font-size:18px; font-family:Microsoft YaHei; color:#395385; border-bottom:1px solid #fff;} .left_meau ul a {color:#395385;} .left_meau ul a b { padding:0px 10px 0 15px;} .left_meau ul:hover { background:#395385; } .left_meau ul:hover a {color:#fff;} .left_meau li { width:100%; height:66px; background:#E1E5ED; line-height:66px; font-size:16px; font-family:Microsoft YaHei; color:#395385; border-bottom:1px solid #fff;} .left_meau li a {color:#395385; padding-left:20px;} .left_meau li a b { padding:0px 10px 0 15px;} .left_meau li:hover a {color:#D22D3B;} .right_content { width:678px; float:right;font-family: Tahoma; font-size:16px; color:#4C4C4C; text-align:left; line-height:175%; padding-top:60px;} .leftMenu { width:100%;} .menu .ListTitle {width:100%; height:66px; background:#E1E5ED; line-height:66px; font-size:18px; font-family:Microsoft YaHei; color:#395385; border-bottom:1px solid #fff;} .menu .ListTitle {color:#395385; cursor:pointer;} .menu .ListTitle b { padding:0px 10px 0 15px;} .menu .ListTitle:hover { background:#395385; color:#fff; } .ListTitlePanel {position: relative;} .menuList {display: none;height: auto;} .menuList div { width:100%; height:66px; background:#E1E5ED; line-height:66px; font-size:16px; font-family:Microsoft YaHei; color:#395385; border-bottom:1px solid #fff;} .menuList div a {color:#395385; padding-left:20px;} .menuList div a b { padding:0px 10px 0 15px;} .menuList div:hover a {color:#D22D3B;} /************************ 专题部分 ******************************/ .content {font-family: Tahoma; font-size:18px; color:#4C4C4C; text-align:left; line-height:175%; padding:50px 0; display:block; overflow:hidden;} .zhuanti-content { width:100%; border-top:1px solid #F2F2F2;} .zhuanti-content div select{width: 270px;height: 24px; float:left; margin:7px 0 0 15px; } .zhuanti-content div.yqlj{height:40px;line-height: 40px; display:block; overflow:hidden; padding:20px 0; width:1002px; margin:0px auto;} .zhuanti-content div p { width:141px; height:39px; float:left; display:block; overflow:hidden;}