@charset "utf-8"; /* css document */ * { margin: 0; padding: 0; border: 0; list-style: none; box-sizing: border-box; -moz-box-sizing: border-box; /* firefox */ -webkit-box-sizing: border-box; /* safari */ line-height: normal } .clear { clear: both } a { text-decoration: none; cursor: pointer; border: 0; padding: 0; margin: 0 } a { text-decoration: non.silder_nave; cursor: pointer; border: 0; padding: 0; margin: 0 } a:hover { color: #1f528f; text-decoration: none } } ul, li { list-style: none; padding: 0; margin: 0 } p { padding: 0; margin: 0 } img { border: 0 } input, button, a { outline: 0 none !important; blr: expression(this.onfocus=this.blur()); } .f_l { float: left; } .f_r { float: right; } .btn { -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } html, bady { font-size: 100px !important; } body { font-family: "helvetica", "pingfangsc", "microsoft yahei", "微软雅黑", arial, sans-serif; margin: 0; padding: 0; font-size: 0.15rem; } /*通用*/ .index_body { background: url(/uploads/image/i3103/index_bj.png) no-repeat center top; } .index20d_body { background: no-repeat center top; } /*头部*/ .hearder_box { width: 12rem; margin: 0 auto; height: 1.34rem; position: relative } .hearder_box .logo { width: 5.5rem; height: 1.34rem; } .hearder_box .logo img { width: 100%; height: 100%; } .hearder_box .search { width: 3.52rem; position: absolute; right: 0; top: 0.25rem } .hearder_box .search img { width: 3.52rem; height: 0.26rem } .hearder_box .search_input { width: 100%; height: 0.5rem; border-radius: 0.05rem; margin-top: 0.05rem; position: relative; } .hearder_box .search_input .search_input_text { font-size: 0.18rem; color: #333; height: 100%; width: 2.69rem; float: left; border-bottom-left-radius: 0.05rem; border-top-left-radius: 0.05rem; padding: 0 0 0 0.1rem; cursor: pointer; font-weight: 400 } .hearder_box .search_input .search_input_text::-webkit-input-placeholder { color: #7d7d7d; } .hearder_box .search_input .search_input_text::-moz-placeholder { color: #7d7d7d; } .hearder_box .search_input .search_input_text:-ms-input-placeholder { color: #7d7d7d; } .hearder_box .search_input:hover .search_input_text { -webkit-transition-duration: 0.3s; transition-duration: 0.3s; border: 0.015rem solid #398fd7; border-right: 0 } .hearder_box .search_input .search_input_button { height: 100%; background: #398fd7; width: 0.82rem; border-bottom-right-radius: 0.05rem; border-top-right-radius: 0.05rem; position: absolute; top: 0; right: 0 } .hearder_box .search_input_button .inco_search { width: 0.3rem; height: 0.3rem; background: url(/uploads/image/i3103/inco_search.png) no-repeat; background-size: 100%; display: block; float: left; margin: 0.1rem 0 0 0.04rem } .hearder_box .search_input_button input { height: 100%; background: none; font-size: 0.18rem; color: #fff; float: left; border: 0 } /*中间*/ .indexcontent { width: 12rem; margin: 0 auto 0rem auto; } /*左侧*/ .indexcontent .left { width: 1.38rem; height: 4.35rem; float: left; z-index: 100; position: absolute; float: 0 } .indexcontent .left ul { background: rgb(255, 255, 255, 0.6); width: 100%; height: 100%; margin: 0; padding: 0; border-top-left-radius: 0.05rem; border-bottom-left-radius: 0.05rem; } .indexcontent .left ul li { font-size: 0.18rem; color: #333; height: 0.625rem; line-height: 0.625rem; text-align: center; cursor: pointer; border-right: 0.01rem solid #f1f1f1; width: 1.18rem; } .indexcontent .left ul li a { display: block; width: 1.18rem; height: 100%; line-height: 0.625rem; color: #333; } .indexcontent .left ul li.hover { background: #fff; border-top-left-radius: 0.05rem; border-bottom-left-radius: 0.05rem; -moz-box-shadow: 0 0 0.2rem rgb(0, 0, 0, 0.05); -webkit-box-shadow: 0 0 0.2rem rgb(0, 0, 0, 0.05); box-shadow: 0 0 0.2rem rgb(0, 0, 0, 0.05); border: 0.01rem solid #f1f1f1; border-right: 0; } .indexcontent .left ul li.hover a { color: #398fd7; } .indexcontent .left ul .menuboxzx { background: #fff; border-top-left-radius: 0.05rem; border-bottom-left-radius: 0.05rem; -moz-box-shadow: 0 0 0.2rem rgb(0, 0, 0, 0.05); -webkit-box-shadow: 0 0 0.2rem rgb(0, 0, 0, 0.05); box-shadow: 0 0 0.2rem rgb(0, 0, 0, 0.05); color: #398fd7; border-right: 0; } .indexcontent .left ul .menuboxzx span { color: #398fd7 } .indexcontent .left ul li:first-child { width: 1.2rem; border-right: 0; } /*右侧*/ .right { width: 100%; height: 4.38rem; margin: 0 auto; position: relative; overflow: hidden } .content { width: 12rem; height: 4.38rem; margin: 0 auto; padding-left: 1.18rem } /*网上办事服务大厅*/ .wsbsfwdt_box { width: 12rem; height: 1.4rem; margin: 0.2rem auto; overflow: hidden } .wsbsfwdt_box img { width: 12rem; height: 1.4rem; } .wsbsfwdt_box:hover img { width: 101%; transform: scale(1.01); transition: all 0.6s ease; } /*底部*/ /* .indexcontent .bottom{ width: 12rem; height: 0.5rem ; clear: both;padding: 0 0 0 1.18rem; } .indexcontent .bottom .bottom_zt1{background: rgb(255,255,255,0.6); height: 100%; margin: 0; padding: 0; border-top-left-radius: 0.05rem; border-bottom-left-radius: 0.05rem; float: left} .indexcontent .bottom .bottom_zt1 li{ font-size: 0.18rem;color: #333; width: 1.3rem; height: 0.5rem;line-height: 0.5rem; text-align: center ; cursor: pointer;float: left} .indexcontent .bottom .bottom_zt1 li.hover{ background: #fff;border-top-left-radius: 0.05rem; border-bottom-left-radius: 0.05rem; -moz-box-shadow:10 0 20 rgb(0,0,0,0.05); -webkit-box-shadow:10 0 20 rgb(0,0,0,0.05); box-shadow:10 0 20 rgb(0,0,0,0.05); color: #398fd7; border-top: 0.01rem solid #fff; margin-top: -0.009rem; font-weight: bold} .indexcontent .bottom .bottom_zt1 .menuboxzx{ background: #fff;border-top-left-radius: 0.05rem; border-bottom-left-radius: 0.05rem; -moz-box-shadow:0 0 20 rgb(0,0,0,0.05); -webkit-box-shadow:0 0 20 rgb(0,0,0,0.05); box-shadow:0 0 20 rgb(0,0,0,0.05); color: #398fd7} .indexcontent .bottom .bottom_zt1 .menuboxzx span{ color: #398fd7} .bottom_zt2{ float: left; margin: 0 0 0 0.2rem; padding: 0; } .bottom_zt2 li{font-size: 0.18rem;color: #333; width: 1.35rem; height: 0.5rem;line-height: 0.5rem; text-align: center ; cursor: pointer;float: left} .bottom_zt2 li a{ float: left; height: 0.5rem;line-height: 0.5rem; color: #333} .bottom_zt2 li a:hover{ color: #d15149} .bottom_zt2 li .incoindex_jgdjzt{ width: 0.2rem; height: 0.2rem ;background: no-repeat; background-size: 100%; display:inline-block; margin-right: 0.1rem; float: left;margin-top: 0.14rem} .bottom_zt2 li .incoindex_jyfpzt{ width: 0.2rem; height: 0.2rem ;background: no-repeat; background-size: 100%; display:inline-block; margin-right: 0.1rem; float: left;margin-top: 0.14rem} .bottom_zt2 li .incoindex_gzqxzt{ width: 0.2rem; height: 0.2rem ;background: no-repeat; background-size: 100%; display:inline-block; margin-right: 0.1rem; float: left;margin-top: 0.14rem} .bottom_zt2 li .incoindex_xfjszt{ width: 0.2rem; height: 0.2rem ;background: no-repeat; background-size: 100%; display:inline-block; margin-right: 0.1rem; float: left;margin-top: 0.14rem} */ /*专题*/ .index_zt { margin: 0 auto; width: 12rem; height: 0.8rem } .index_zt .roll-wrap:hover .control { display: block; } .index_zt .roll-wrap { position: relative; width: 100%; height: 0.8rem; overflow: hidden; } .index_zt .roll-wrap .roll__list {} .index_zt .roll_row .roll__list::before, .roll_row .roll__list::after { content: ""; display: table; line-height: 0; } .index_zt .roll_row .roll__list::after { clear: both; } .index_zt .roll_row .roll__list { width: 99.99rem; } .index_zt .roll_row .roll__list li { float: left; display: block; margin-right: 0.2rem; width: 3.87rem; height: 0.8rem; line-height: : 0.8rem; } .index_zt .roll_row .roll__list li img { width: 3.87rem; height: 0.8rem; } .index_zt .control { position: absolute; top: 50%; margin-top: -0.17rem; } .index_zt .control.pre { left: 0.05rem; width: 0.34rem; height: 0.34rem; background: no-repeat rgba(0, 0, 0, .5); background-size: 100%; border-radius: 0.34rem } .index_zt .control.next { right: 0.05rem; width: 0.34rem; height: 0.34rem; background: no-repeat rgba(0, 0, 0, .5); background-size: 100%; border-radius: 0.34rem } .index_zt .control.pre:hover { left: 0.05rem; width: 0.34rem; height: 0.34rem; background: no-repeat rgba(0, 0, 0, .8); background-size: 100%; border-radius: 0.34rem } .index_zt .control.next:hover { right: 0.05rem; width: 0.34rem; height: 0.34rem; background: no-repeat rgba(0, 0, 0, .8); background-size: 100%; border-radius: 0.34rem } .index_zt .roll_col { width: 100%; height: 2rem; overflow: hidden; } .index_zt .roll_col .roll__list { width: 100%; } .index_zt .h600 { height: 6rem } .index_zt .roll_col li { display: block; height: 2rem; line-height: 2rem; font-size: 0.3rem; font-weight: bold; text-align: center; color: #fff; background-color: #ff9900; } .index_zt .roll_col .li-2 { background-color: #0099ff; } .index_zt .roll_col .li-3 { background-color: #ff0099; } .index_zt .roll_col .li-4 { background-color: #00ff99; } .index_zt .roll_col .control { top: 0.8rem; } /*专题 end*/ .more { color: #7d7d7d; font-size: 0.13rem; position: absolute; line-height: 0.4rem; right: 0.1rem } .more:after { content: ""; width: 0.07rem; height: 0.11rem; background: url(/uploads/image/i3103/inco_more.png) no-repeat; display: block; top: 0.13rem; right: -0.1rem; background-size: 100%; position: absolute } .more:hover { color: #d15149; } .more:hover:after { content: ""; width: 0.07rem; height: 0.11rem; background: no-repeat; display: block; top: 0.13rem; right: -0.1rem; background-size: 100%; position: absolute } /*通用 end*/ /*资讯中心*/ .zxzxindex_ejym { margin: 0; padding: 0.25rem 0.2rem; font-size: 0.15rem; background: #fff; border: 0.01rem solid #f1f1f1; border-left: 0; border-radius: 0.05rem; height: 4.38rem; } .zxzxindex_ejym .left { width: 5.87rem; float: left; } .zxzxindex_ejym .right { width: 4.33rem; float: left; margin-left: 0.2rem } /*新闻切换*/ .zxzxindex_ejym .yx-rotaion { width: 5.88rem !important; height: 3.9rem !important; position: relative } .zxzxindex_ejym .yx-rotaion .rotaion_list img { width: 5.88rem !important; height: 3.9rem !important; } .zxzxindex_ejym .yx-rotaion-btn, .yx-rotaion-title, .yx-rotation-focus, .yx-rotation-t, .yx-rotaion-btn {} .zxzxindex_ejym .yx-rotation-title { position: absolute; width: 100%; height: 0.5rem; line-height: 0.5rem; background: #000; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.7; opacity: 0.7; left: 0; bottom: 0; _bottom: -0.01rem; z-index: 1 } .zxzxindex_ejym .yx-rotation-t { color: #fff; font-size: 0.16rem; font-family: microsoft yahei; z-index: 2; bottom: 0; left: 0.2rem; line-height: 0.5rem } /*点*/ .zxzxindex_ejym .yx-rotation-focus span, .yx-rotaion-btn span {} .zxzxindex_ejym .yx-rotation-focus { right: 0.2rem; bottom: 0.2rem; z-index: 2 } .zxzxindex_ejym .yx-rotation-focus span { width: 0.11rem; height: 0.11rem; background: rgb(255, 255, 255, .5); display: block; border-radius: 1rem; margin-left: 0.05rem; float: left; position: relative; cursor: pointer; text-indent: -99.99rem; } .zxzxindex_ejym .yx-rotation-focus span.hover { width: 0.22rem; background: #398fd7 } /*左右切换*/ .zxzxindex_ejym .yx-rotaion-btn { top: 50%; margin-top: -0.1rem; } .zxzxindex_ejym .yx-rotaion-btn span { width: 0.45rem; height: 0.45rem; cursor: pointer; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; position: relative } .zxzxindex_ejym .yx-rotaion-btn .left_btn { float: left; left: 0.1rem; background: url(/uploads/image/i3103/ico-z.png) no-repeat #000; position: absolute; top: 50%; } .zxzxindex_ejym .yx-rotaion-btn .right_btn { float: right; right: 0.1rem; background: url(/uploads/image/i3103/ico-y.png) no-repeat #000; position: absolute; top: 50%; } .zxzxindex_ejym .yx-rotaion-btn span.hover { filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8 } .zxzxindex_ejym .rotaion_list { width: 100%; height: 100%; overflow: hidden; } /*新闻切换 end*/ /*左右切换 tab*/ .zxzxindex_ejym .tab-nav { height: 0.4rem; overflow: hidden; border-bottom: 0.01rem solid #dedede } .zxzxindex_ejym .tab-nav a { display: block; float: left; color: #333; text-align: center; margin-right: 0.09rem; line-height: 0.4rem; font-size: 0.18rem; text-decoration: none; z-index: 100 } .zxzxindex_ejym .tab-nav a:hover { color: #398fd7; } .zxzxindex_ejym .tab-nav a.current { color: #398fd7; border-bottom: 0.03rem solid #398fd7 !important; font-size: 0.2rem; font-weight: bold; line-height: 0.4rem; } .zxzxindex_ejym .tab-con { position: relative; width: 100%; overflow: hidden; } .zxzxindex_ejym .tab-con-item { display: none; width: 100%; color: #333; } /*左右切换 tab end*/ .zxzxindex_ejym .zxzx_list { margin: 0; padding: 0.1rem 0 0 0; width: 100% } .zxzxindex_ejym .zxzx_list li { margin: 0; padding: 0; } .zxzxindex_ejym .zxzx_list li a { display: block; font-size: 0.16rem; position: relative; clear: both; height: 0.4rem; padding: 0 0rem 0 0.2rem; line-height: 0.4rem; display: block; color: #333; } .zxzxindex_ejym .zxzx_list li a .title { position: relative; float: left; display: block; line-height: 0.4rem; width: 78%; /*white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;*/ } .zxzxindex_ejym .zxzx_list li a .zxzx_list_new { position: relative; float: left; display: block; line-height: 0.4rem; width: 65%; /*white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;*/ } .zxzxindex_ejym .zxzx_list li .inco_new_200628 { display: block; width: 0.37rem; height: 0.19rem; background: no-repeat; background-size: 100%; float: left; margin: 0.09rem 0 0 0.1rem } .zxzxindex_ejym .zxzx_list_zy { font-size: 0.18rem !important; text-align: center; color: #d15149 !important; font-weight: bold; list-style: none } .zxzxindex_ejym .zxzx_list_zy:before { content: ""; width: 0 !important; height: 0 !important } .zxzxindex_ejym .zxzx_list li .blue .title { color: #1f528f !important; text-align: center; font-size: 0.16rem !important; font-weight: bold; width: 100% } .zxzxindex_ejym .zxzx_list li .blue:before { content: ""; width: 0 !important; } .zxzxindex_ejym .zxzx_list li a:before { content: ""; width: 0.05rem; height: 0.05rem; background: #7d7d7d; position: absolute; left: 0; top: 50%; margin-top: -0.025rem } .zxzxindex_ejym .zxzx_list li a:hover:before { background: #398fd7 } .zxzxindex_ejym .zxzx_list li a:hover { background: #f5f9fd; color: #1f528f } .zxzxindex_ejym .zxzx_list li a:hover i { color: #398fd7 } .zxzxindex_ejym .zxzx_list li a i { display: block; font-size: 0.14rem; color: #7d7d7d; float: left; font-style: normal; line-height: 0.4rem; position: absolute; right: 0; top: 0; line-height: 0.4rem; height: 0.4rem; font-weight: 300 } .inco_new_200628 {} .gsggindex_title { width: 100%; height: 0.4rem; border-bottom: 0.01rem solid #dedede; line-height: 0.4rem; position: relative; margin: 0.1rem 0 0 0; color: #398fd7 } .gsggindex_title span { font-size: 0.18rem; padding: 0 0 0 0; font-weight: bold; border-bottom: 0.03rem solid #398fd7; line-height: 0.38rem; display: inline-block } .gsggindex_list { width: 100%; margin: 0 auto 0 auto } /*资讯中心 end*/ /*特色版块*/ .tsbk_ejym { width: 100%; margin: 0; padding: 0.3rem 0.2rem; font-size: 0.15rem; background: #fff; border: 0.01rem solid #f1f1f1; border-left: 0; border-radius: 0.05rem; height: 4.38rem; } .tsbk_ejym li { margin: 0 0 0.2rem 0.2rem; padding: 0; width: 3.33rem; height: 1.78rem; border: 0.01rem solid #f1f1f1; position: relative; float: left; border-radius: 0.05rem; } .tsbk_ejym li:first-child { margin: 0 0 0 0; } .tsbk_ejym li a { display: block; width: 100%; height: 100%; color: #333 } .tsbk_ejym li:hover { background: #f5f9fd; margin-top: -0.05rem; border: 0.01rem solid #ebf4fb; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; } .tsbk_ejym li:hover span { color: #1f528f } .tsbk_ejym li:hover div { background: #398fd7; color: #fff; } .tsbk_ejym li:hover div i { color: #fff } .tsbk_ejym li img { width: 0.6rem; margin: 0.2rem auto 0 auto; display: block; } .tsbk_ejym li span { font-size: 0.18rem; text-align: center; display: block; width: 100% } .tsbk_ejym li div { text-align: center; width: 100%; background: #f8f8f8; position: absolute; bottom: 0; left: 0; padding: 0.1rem 0; font-weight: 100 } .tsbk_ejym li div i { color: #7d7d7d } .tsbk_ejym li:nth-child(4) { clear: both; margin-left: 0 } .tsbk_ejym li:nth-child(4), .tsbk_ejym li:nth-child(5) { margin-bottom: 0 } /*特色版块 end*/ /*移动应用*/ .ydyy_ejym { margin: 0; padding: 0.45rem 0.3rem; font-size: 0.15rem; width: 100%; height: 100%; background: #fff; border: 0.01rem solid #f1f1f1; border-left: 0; border-radius: 0.05rem; height: 4.38rem; } .ydyy_ejym ul { margin: 0; padding: 0; font-size: 0.15rem; } .ydyy_ejym li { margin: 0; padding: 0; width: 2.4rem; height: 2.9rem; border: dashed 0.01rem #dedede; position: relative; float: left; border-radius: 0.05rem; margin: 0 0 0 0.15rem; text-align: center } .ydyy_ejym li img { width: 1.72rem; height: 1.72rem; display: block; margin: 0.35rem auto 0.2rem auto } .ydyy_ejym li:hover { background: #f5f9fd; margin-top: -0.05rem; border: 0.01rem solid #ebf4fb; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; } .ydyy_ejym li:hover span { color: #1f528f } .ydyy_ejym li:hover div { background: #398fd7; color: #fff; } .ydyy_ejym li:hover div i { color: #fff } .ydyy_ejym_sm { color: #7d7d7d; text-align: center; font-size: 0.15rem; clear: both; padding: 0.2rem 0 0 0 } /*移动应用 end*/ /*专题专栏*/ .slider_name { width: 10.22rem; height: 3.54rem; } #slider { width: 10.82rem; padding: 0.4rem 0.3rem; position: relative; background: #fff; border: 0.01rem solid #f1f1f1; border-left: 0; border-radius: 0.05rem; height: 4.38rem; } .slider_box { margin: 0 auto; width: 10.22rem; height: 3.54rem; overflow: hidden; position: relative; } .silder_con { height: 3.54rem; overflow: hidden; position: absolute; margin: 0; padding: 0; } .silder_panel { width: 10.212rem; height: 3.54rem; overflow: hidden; float: left; position: relative; padding: 0; margin: 0; display: block } .silder_panel img { width: 4rem; height: 3.54rem; overflow: hidden; display: block; } .silder_intro { width: 0; } .silder_play { background: no-repeat 0 -0.3rem; width: 1.36rem; height: 0.3rem; right: 0.45rem; bottom: 0.13rem; text-indent: -9.99rem; overflow: hidden; display: block; position: absolute; } .silder_play:hover {} .ztzl_zy { position: absolute; right: 0; width: 6.22rem; background: #fff; height: 1rem; } .ztzl_zy a { width: 1.42rem; height: 0.73rem; display: inline-block; margin: 0 0 0 0.1rem; border-radius: 0.05rem; font-family: "sourcehanserifcn-bold"; src: ; font-size: 0.19rem; padding: 0.1rem 0.2rem; position: relative; float: left } .ztzl_zy:hover a { font-size: 0.19rem; } .ztzl_zy .back_blue { background: #ebf4fb; color: #398fd7 } .ztzl_zy .back_orange { background: #fdf1eb; color: #ee7a3a } .ztzl_zy .back_green { background: #ecf9f5; color: #42c09c } .ztzl_zy .back_yellow { background: #fff5ef; color: #fbd96a } .ztzl_zy .back_yellow2 { background: #fff2e5; color: #d15149 } .ztzl_zy .back_red { background: #faedec; color: #d15149 } .ztzl_zy .back_blue:hover { background: #d7e9f7; } .ztzl_zy .back_orange:hover { background: #f6dcdb; } .ztzl_zy .back_green:hover { background: #d9f2eb; } .ztzl_zy .back_yellow:hover { background: #fef7e1; } .ztzl_zy .back_yellow2:hover { background: #f6e4d2; } .ztzl_zy .back_red:hover { background: #f6dcdb; } .ztzl_zy .inco_ztzl { width: 0.4rem; height: 0.4rem; } .ztzl_zy .inco_ztzl_1 { position: absolute; right: 0.15rem; bottom: 0.15rem; z-index: 1 } .ztzl_zy .inco_ztzl_2 { position: absolute; right: 0.05rem; bottom: 0.05rem; z-index: 2 } .ztzl_zy a:hover .inco_ztzl_1 { position: absolute; right: 0.12rem; bottom: 0.12rem; z-index: 1; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; } .ztzl_zy a:hover .inco_ztzl_2 { position: absolute; right: 0.08rem; bottom: 0.08rem; z-index: 2; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; } .silder_nav { margin: 0 auto; width: 6.22rem; top: 1rem; overflow: hidden; right: 0rem; position: absolute; background: #fff; z-index: 1; padding: 0 0 0 0rem } .silder_nav li { padding: 0; width: 2.91rem; height: 1.2rem; background: #f8f8f8; float: left; margin: 0 0 0.2rem 0.2rem; cursor: pointer; font-size: 0.12rem; padding: 0.2rem; color: #333 } .silder_nav li a { color: #333 } .silder_nav li:nth-child(3), .silder_nav li:nth-child(4) { margin-bottom: 0 } .silder_nav li.current { background: #ebf4fb; } .silder_nav li .title { font-size: 0.15rem; font-weight: bold } .silder_nav li .nr { margin-top: 0.16rem; line-height: 1.6 } .slider_box a.prev { background: no-repeat; width: 0.3rem; height: 0.44rem; text-indent: -9.99rem; overflow: hidden; display: block; position: absolute; cursor: pointer; } .slider_box a.next { background: no-repeat; width: 0.3rem; height: 0.44rem; text-indent: -9.99rem; overflow: hidden; display: block; position: absolute; cursor: pointer; } .slider_box a.prev { left: 0; top: 50%; margin-top: -0.22rem } .slider_box a.next { left: 3.7rem; top: 50%; margin-top: -0.22rem } .silderbox { height: 0.08rem; line-height: 0.08rem; } .slider_box .icon-dot { display: block; position: absolute; bottom: 0.15rem; left: 2.8rem; display: table; font-size: 0.15rem; z-index: 100 } .slider_box .icon-dot a.current { background: #398fd7; width: 0.275rem; } .slider_box .icon-dot a { width: 0.1rem; height: 0.1rem; background: #f1f1f1; border-radius: 0.1rem; display: inline-block; overflow: hidden; margin: 0 0.02rem; } .wqzt_more { color: #7d7d7d; font-size: 0.13rem; position: absolute; line-height: 0.4rem; right: 0.4rem; top: 0.05rem } .wqzt_more:after { content: ""; width: 0.07rem; height: 0.11rem; background: url(/uploads/image/i3103/inco_more.png) no-repeat; display: block; top: 0.13rem; right: -0.1rem; background-size: 100%; position: absolute } .wqzt_more:hover { color: #d15149; } .wqzt_more:hover:after { content: ""; width: 0.07rem; height: 0.11rem; background: no-repeat; display: block; top: 0.13rem; right: -0.1rem; background-size: 100%; position: absolute } /*专题专栏 end*/ /*政民互动*/ .zmhdindex_box { width: 10.82rem; padding: 0.25rem 0.2rem; position: relative; background: #fff; border: 0.01rem solid #f1f1f1; border-left: 0; border-radius: 0.05rem; height: 4.38rem; } .zmhdindex_box .left { width: 5.85rem; float: left; } .zmhdindex_box .right { width: 4.22rem; float: left; margin-left: 0.3rem } /*左右切换 tab*/ .zmhdindex_box .tab-nav { height: 0.4rem; overflow: hidden; border-bottom: 0.01rem solid #dedede } .zmhdindex_box .tab-nav a { display: block; float: left; color: #333; text-align: center; margin-right: 0.35rem; line-height: 0.4rem; font-size: 0.18rem; text-decoration: none; z-index: 100 } .zmhdindex_box .tab-nav a:hover { color: #398fd7; } .zmhdindex_box .tab-nav a.current { color: #398fd7; border-bottom: 0.03rem solid #398fd7 !important; font-size: 0.2rem; font-weight: bold; line-height: 0.37rem; } .zmhdindex_box .tab-con { position: relative; width: 100%; } .zmhdindex_box .tab-con .more { position: absolute; top: -0.4rem } .zmhdindex_box .tab-con-item { display: none; width: 100%; color: #333; } /*左右切换 tab end*/ .zmhdindex_box .zxzx_list { margin: 0; padding: 0.15rem 0 0 0; width: 100% } .zmhdindex_box .zxzx_list li { margin: 0; padding: 0; } .zmhdindex_box .zxzx_list li a { display: block; font-size: 0.16rem; position: relative; clear: both; height: 0.4rem; padding: 0 0rem 0 0.25rem; line-height: 0.4rem; display: block; color: #333; } .zmhdindex_box .zxzx_list li a .title { position: relative; float: left; display: block; line-height: 0.4rem; width: 78%; /*white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;*/ } .zmhdindex_box .zxzx_list li a .zxzx_list_new { position: relative; float: left; display: block; line-height: 0.38rem; width: 65%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } .zmhdindex_box .zxzx_list li .inco_new_200628 { display: block; width: 0.37rem; height: 0.19rem; background: no-repeat; background-size: 100%; float: left; margin: 0.09rem 0 0 0.1rem } .zmhdindex_box .zxzx_list_zy { font-size: 0.18rem !important; text-align: center; color: #d15149 !important; font-weight: bold; list-style: none } .zmhdindex_box .zxzx_list_zy:before { content: ""; width: 0 !important; height: 0 !important } .zmhdindex_box .zxzx_list li .blue .title { color: #1f528f !important; text-align: center; font-size: 0.16rem !important; font-weight: bold; width: 100% } .zmhdindex_box .zxzx_list li .blue:before { content: ""; width: 0 !important; } .zmhdindex_box .zxzx_list li a:before { content: ""; width: 0.15rem; height: 0.15rem; background: no-repeat; background-size: 100%; position: absolute; left: 0; top: 50%; margin-top: -0.07rem; } .zmhdindex_box .zxzx_listd li a:before { content: ""; width: 0.05rem; height: 0.05rem; background: #7d7d7d; position: absolute; left: 0; top: 50%; margin-top: -0.025rem } .zmhdindex_box .zxzx_listd li a:hover:before { background: #398fd7 } .zmhdindex_box .zxzx_list li a:hover { background: #f5f9fd; color: #1f528f } .zmhdindex_box .zxzx_list li a i { display: block; font-size: 0.14rem; color: #7d7d7d; float: left; font-style: normal; line-height: 0.4rem; position: absolute; right: 0; top: 0; line-height: 0.4rem; height: 0.4rem; font-weight: 300 } .zmhdindex_box .zxzx_list li a:hover i { color: #398fd7 } /*互动平台*/ .zmhd_index_hdpt {} .zmhd_index_hdpt .title { font-size: 0.2rem; line-height: 0.4rem; font-weight: bold } .zmhd_index_hdpt .nr {} .zmhd_index_hdpt .nr ul {} .zmhd_index_hdpt .nr ul li { border-radius: 0.05rem; text-align: center; float: left; margin: 0.3rem 0 0.1rem 0.096rem; width: 0.98rem; } .zmhd_index_hdpt .nr ul li:nth-child(1), .zmhd_index_hdpt .nr ul li:nth-child(5) { margin: 0.3rem 0 0.1rem 0rem; clear: both } .zmhd_index_hdpt .nr ul li a i { display: block; border-radius: 0.05rem; width: 0.98rem; height: 0.98rem; padding: 0.09rem 0; margin-bottom: 0.05rem } .zmhd_index_hdpt .nr ul li a img { display: block; border-radius: 0.05rem; width: 0.8rem; height: 0.8rem; margin: 0 auto; } .zmhd_index_hdpt .nr ul li:hover { webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; } .zmhd_index_hdpt .nr ul li a { color: #333333; text-align: center; display: block; width: 100%; height: 100% } .zmhd_index_hdpt .nr ul li a:hover i { -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .zmhd_index_hdpt .nr ul li a:hover i img { transform: rotate(-15deg); -ms-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); -o-transform: rotate(-15deg); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .zmhd_index_hdpt ul li i.back_blue { background: #f5f9fd } .zmhd_index_hdpt ul li i.back_blue:hover { background: #f5f9fd; border: 0.01rem solid #74b0e3; -moz-box-shadow: 0 0 0.05rem #c3ddf3; -webkit-box-shadow: 0 00.05rem #c3ddf3; box-shadow: 0 0 0.05rem #c3ddf3; } .zmhd_index_hdpt ul li i.back_green { background: #f5fcfa; position: relative } .zmhd_index_hdpt ul li i.back_green:hover { background: #f5fcfa; border: 0.01rem solid #7ad3ba; -moz-box-shadow: 0 0 0.05rem #c6ece1; -webkit-box-shadow: 0 0 0.05rem #c6ece1; box-shadow: 0 0 0.05rem #c6ece1; } .zmhd_index_hdpt ul li i.back_orange { background: #fef8f5; position: relative } .zmhd_index_hdpt ul li i.back_orange:hover { background: #fef8f5; border: 0.01rem solid #f3a275; -moz-box-shadow: 0 0 0.05rem #fad7c4; -webkit-box-shadow: 0 0 0.05rem #fad7c4; box-shadow: 0 0 0.05rem #fad7c4; } .zmhd_index_hdpt ul li i.back_yellow { background: #fffdf7; position: relative } .zmhd_index_hdpt ul li i.back_yellow:hover { background: #fffdf7; border: 0.01rem solid #fce496; -moz-box-shadow: 0 0 0.05rem #fef4d2; -webkit-box-shadow: 0 0 0.05rem #fef4d2; box-shadow: 0 0 0.05rem #fef4d2; } .zmhd_index_hdpt ul li i.back_red { background: #fff8f8; position: relative } .zmhd_index_hdpt ul li i.back_red:hover { background: #fff8f8; border: 0.01rem solid #fe9d9d; -moz-box-shadow: 0 0 0.05rem #ffd5d5; -webkit-box-shadow: 0 0 0.05rem #ffd5d5; box-shadow: 0 0 0.05rem #ffd5d5; } .zmhd_index_hdpt ul li i.back_darkblue { background: #f2f7fb; position: relative } .zmhd_index_hdpt ul li i.back_darkblue:hover { background: #f2f7fb; border: 0.01rem solid #4c95cc; -moz-box-shadow: 0 0 0.05rem #b2d1e9; -webkit-box-shadow: 0 0 0.05rem #b2d1e9; box-shadow: 0 0 0.05rem #b2d1e9 } .zmhd_index_hdpt ul li i.back_grey { background: #f8f8f8; position: relative } .zmhd_index_hdpt ul li i.back_grey:hover { background: #f8f8f8; border: 0.01rem solid #4c95cc; -moz-box-shadow: 0 0 0.05rem #b2d1e9; -webkit-box-shadow: 0 0 0.05rem #b2d1e9; box-shadow: 0 0 0.05rem #b2d1e9 } /*政民互动 end*/ /*政策公开*/ .zcgkindex_box { width: 10.82rem; padding: 0.25rem 0.2rem; border: 0.01rem solid #f1f1f1; border-left: 0; border-radius: 0.05rem; height: 4.38rem; position: relative } .zcgkindex_box:after { content: ""; width: 10.82rem; position: absolute; top: 0; left: 0; height: 4.38rem; background: #fff; z-index: -10 } .zcgkindex_box .left { width: 7rem; float: left; } .zcgkindex_box .right { width: 3rem; float: left; margin-left: 0.3rem } /*左右切换 tab*/ .zcgkindex_box .tab-nav { height: 0.4rem; overflow: hidden; border-bottom: 0.01rem solid #dedede } .zcgkindex_box .tab-nav a { display: block; float: left; color: #333; text-align: center; margin-right: 0.35rem; line-height: 0.4rem; font-size: 0.18rem; text-decoration: none; z-index: 100 } .zcgkindex_box .tab-nav a:hover { color: #398fd7; } .zcgkindex_box .tab-nav a.current { color: #398fd7; border-bottom: 0.03rem solid #398fd7 !important; font-size: 0.2rem; font-weight: bold; line-height: 0.37rem; } .zcgkindex_box .tab-con { position: relative; width: 100%; } .zcgkindex_box .tab-con .more { position: absolute; top: -0.4rem } .zcgkindex_box .tab-con-item { display: none; width: 100%; color: #333; } /*左右切换 tab end*/ .zcgkindex_box .zxzx_list { margin: 0; padding: 0.2rem 0 0 0; width: 100% } .zcgkindex_box .zxzx_list li { margin: 0; padding: 0; } .zcgkindex_box .zxzx_list li a { display: block; font-size: 0.16rem; position: relative; clear: both; height: 0.4rem; padding: 0 0rem 0 0.25rem; line-height: 0.4rem; display: block; color: #333; } .zcgkindex_box .zxzx_list li a .title { position: relative; float: left; display: block; line-height: 0.4rem; width: 78%; /*white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;*/ } .zcgkindex_box .zxzx_list li a .zxzx_list_new { position: relative; float: left; display: block; line-height: 0.38rem; width: 65%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } .zcgkindex_box .zxzx_list li .inco_new_200628 { display: block; width: 0.37rem; height: 0.19rem; background: no-repeat; background-size: 100%; float: left; margin: 0.09rem 0 0 0.1rem } .zcgkindex_box .zxzx_list_zy { font-size: 0.18rem !important; text-align: center; color: #d15149 !important; font-weight: bold; list-style: none } .zcgkindex_box .zxzx_list_zy:before { content: ""; width: 0 !important; height: 0 !important } .zcgkindex_box .zxzx_list li .blue .title { color: #1f528f !important; text-align: center; font-size: 0.16rem !important; font-weight: bold; width: 100% } .zcgkindex_box .zxzx_list li .blue:before { content: ""; width: 0 !important; } .zcgkindex_box .zxzx_list li a:before { content: ""; width: 0.05rem; height: 0.05rem; background: #7d7d7d; position: absolute; left: 0; top: 50%; margin-top: -0.025rem } .zcgkindex_box .zxzx_list li a:hover:before { background: #398fd7 } .zcgkindex_box .zxzx_list li a:hover i { color: #398fd7 } .zcgkindex_box .zxzx_list li a:hover { background: #f5f9fd; color: #1f528f } .zcgkindex_box .zxzx_list li a i { display: block; font-size: 0.14rem; color: #7d7d7d; float: left; font-style: normal; line-height: 0.4rem; position: absolute; right: 0; top: 0; line-height: 0.4rem; height: 0.4rem; font-weight: 300 } .tab-con-item .menubox1 { width: 100%; } .tab-con-item .menubox1 ul { margin: 0; width: 100%; } .tab-con-item .menubox1 li { width: auto; background: #f8f8f8; color: #7d7d7d; font-size: 0.16rem; text-align: center; width: 0.9rem; height: 0.3rem; line-height: 0.3rem; float: left; border-radius: 0.05rem; margin: 0.2rem 0.2rem -0.05rem 0 } .tab-con-item .menubox1 li a { color: #7d7d7d; } .tab-con-item .menubox1 li.hover { background: #fef8f5 !important; color: #ee7a3a; cursor: pointer } .tab-con-item .menubox1 li.hover a { color: #ee7a3a; } .tab-con-item .menuboxzx { background: #fef8f5 !important; } .tab-con-item .menuboxzx a span { color: #ee7a3a; } .tab-con-item .contentbox1 { clear: both; padding: 0rem 0 0 0 } .more2 { position: absolute; top: 0.15rem !important } /*互动平台*/ .zwgk_index_hdpt {} .zwgk_index_hdpt ul {} .zwgk_index_hdpt ul li { border-radius: 0.05rem; text-align: center; float: left; margin: 0.1rem 0 0 0; width: 3rem; height: 0.65rem; border-radius: 0.05rem; position: relative; border: 0.01rem solid #dedede; border-radius: 0.05rem; padding: 0 0.4rem; } .zwgk_index_hdpt .nr ul li:nth-child(1) { margin: 0; clear: both } .zwgk_index_hdpt ul li a img { width: 0.65rem; height: 0.65rem; float: left; margin: 0 0.15rem 0 0.35rem; } .zwgk_index_hdpt ul li a { color: #333333; display: block; width: 100%; height: 100%; font-size: 0.18rem; z-index: 10; } .zwgk_index_hdpt ul li:hover { -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; } .zwgk_index_hdpt ul li:hover a { color: #fff } .zwgk_index_hdpt ul li:hover img { margin: 0 0.25rem 0 0.35rem; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .zwgk_index_hdpt ul li a span { float: left; line-height: 0.65rem; } .zwgk_index_hdpt ul li:after { content: ""; position: absolute; top: 0; left: 0; padding-right: 0; width: 0%; height: 0.64rem; box-sizing: initial; z-index: -1; transition: 0.3s; } .zwgk_index_hdpt ul li:hover:after { width: 100%; } /*颜色*/ .zwgk_index_hdpt ul li.back_blue { border-left: 0.05rem solid #398fd7; } .zwgk_index_hdpt ul li.back_blue:after { background-color: #398fd7; } .zwgk_index_hdpt ul li.back_orange { border-left: 0.05rem solid #ee7a3a; } .zwgk_index_hdpt ul li.back_orange:after { background-color: #ee7a3a; } .zwgk_index_hdpt ul li.back_green { border-left: 0.05rem solid #42c09c; } .zwgk_index_hdpt ul li.back_green:after { background-color: #42c09c; } .zwgk_index_hdpt ul li.back_yellow { border-left: 0.05rem solid #fbd96a; } .zwgk_index_hdpt ul li.back_yellow:after { background-color: #fbd96a; } .zwgk_index_hdpt ul li.back_red { border-left: 0.05rem solid #fe7474; } .zwgk_index_hdpt ul li.back_red:after { background-color: #fe7474; } /*图标*/ .zwgk_index_hdpt ul li .inco_zwgk_box { width: 0.35rem; height: 0.35rem; float: left; margin: 0.15rem 0.2rem 0 0 } .zwgk_index_hdpt ul li .inco_zwgk_1 { background: url(/uploads/image/i3103/inco_zwgk_1.png) no-repeat; background-size: 100%; display: block; } .zwgk_index_hdpt ul li:hover .inco_zwgk_1 { background: url(/uploads/image/i3103/inco_zwgk_1_hover.png) no-repeat; background-size: 100% } .zwgk_index_hdpt ul li .inco_zwgk_2 { background: url(/uploads/image/i3103/inco_zwgk_2.png) no-repeat; background-size: 100%; display: block; } .zwgk_index_hdpt ul li:hover .inco_zwgk_2 { background: url(/uploads/image/i3103/inco_zwgk_2_hover.png) no-repeat; background-size: 100% } .zwgk_index_hdpt ul li .inco_zwgk_3 { background: url(/uploads/image/i3103/inco_zwgk_3.png) no-repeat; background-size: 100%; display: block; } .zwgk_index_hdpt ul li:hover .inco_zwgk_3 { background: url(/uploads/image/i3103/inco_zwgk_3_hover.png) no-repeat; background-size: 100% } .zwgk_index_hdpt ul li .inco_zwgk_4 { background: url(/uploads/image/i3103/inco_zwgk_4.png) no-repeat; background-size: 100%; display: block; } .zwgk_index_hdpt ul li:hover .inco_zwgk_4 { background: url(/uploads/image/i3103/inco_zwgk_4_hover.png) no-repeat; background-size: 100% } .zwgk_index_hdpt ul li .inco_zwgk_5 { background: url(/uploads/image/i3103/inco_zwgk_5.png) no-repeat; background-size: 100%; display: block; } .zwgk_index_hdpt ul li:hover .inco_zwgk_5 { background: url(/uploads/image/i3103/inco_zwgk_5_hover.png) no-repeat; background-size: 100% } /*政策公开 end*/ /*政务服务 */ .zwfwindex_box { padding: 0.25rem 0.2rem; position: relative; background: #fff; border: 0.01rem solid #f1f1f1; border-left: 0; border-radius: 0.05rem; height: 4.38rem; width: 10.82rem } .zwfwindex_box .left { width: 7.15rem; float: left } /*热点服务*/ .zwfwindex_box .left .title { border-bottom: 0.01rem solid #dedede; padding: 0 0 0.15rem 0; } .zwfwindex_box .left .title span { border-bottom: 0.03rem solid #398fd7; font-size: 0.2rem; font-weight: bold; padding: 0 0 0.15rem 0; color: #398fd7 } .zwfwindex_box .zwfwindex_rdfw_nr { width: 100%; height: 1.45rem; padding: 0.2rem 0 0 0 } .zwfwindex_box .zwfwindex_rdfw_nr .zwfwindex_rdfw_box { width: 100%; padding: 0.2rem 0; height: 100%; display: block; position: relative } .zwfwindex_box .zwfwindex_rdfw_nr .zwfwindex_rdfw_box .rdfw_title { font-size: 0.15rem; text-align: center; } .zwfwindex_box .zwfwindex_rdfw_nr .box { position: relative; } .zwfwindex_box .zwfwindex_rdfw_nr .box .content { width: 100%; margin: 0 auto; } .zwfwindex_box .zwfwindex_rdfw_nr .box .box_con { position: relative; } .zwfwindex_box .zwfwindex_rdfw_nr .box .box_con .btnl { position: absolute; } .zwfwindex_box .zwfwindex_rdfw_nr .box .box_con .btn { display: block; width: 0.3rem; height: 0.44rem; position: absolute; cursor: pointer; z-index: 100 } .zwfwindex_box .zwfwindex_rdfw_nr .box .box_con .btnl { background: url(/uploads/image/i3103/arrow-left.png) no-repeat; left: 0; top: 50%; margin-top: -0.22rem; opacity: 0.1 } .zwfwindex_box .zwfwindex_rdfw_nr .box .box_con .btnr { background: url(/uploads/image/i3103/arrow-right.png) no-repeat; right: 0; top: 50%; margin-top: -0.22rem; opacity: 0.1 } .zwfwindex_box .zwfwindex_rdfw_nr .box .box_con .btnl:hover { background: url(/uploads/image/i3103/arrow-left.png) no-repeat; opacity: 0.6 } .zwfwindex_box .zwfwindex_rdfw_nr .box .box_con .btnr:hover { background: url(/uploads/image/i3103/arrow-right.png) no-repeat; opacity: 0.6 } .zwfwindex_box .zwfwindex_rdfw_nr .box .box_con .conbox { position: relative; overflow: hidden; width: 100% } .zwfwindex_box .zwfwindex_rdfw_nr .box .box_con .conbox ul { position: relative; list-style: none; padding: 0; margin: 0; width: 100%; overflow: hidden; height: 1.25rem; } .zwfwindex_box .zwfwindex_rdfw_nr .box .box_con .conbox ul li { float: left; width: 1.625rem; height: 1.25rem; margin-left: 0.21rem; overflow: hidden; } .zwfwindex_box .zwfwindex_rdfw_nr .box .box_con .conbox ul li:first-child { margin-left: 0rem; } .zwfwindex_box .zwfwindex_rdfw_nr .box .box_con .conbox ul li img { display: block; width: 0.8rem; height: 0.6rem; margin: 0.1rem auto } .zwfwindex_box .zwfwindex_rdfw_nr .box .box_con .conbox ul li:hover img { transform: scale(1.1); transition: all 0.5s; } .zwfwindex_rdfw_box.back_blue { background: #f5f9fd; color: #333 } .zwfwindex_rdfw_box.back_blue:hover { background: #f5f9fd; border: 0.01rem solid #74b0e3; -moz-box-shadow: 0 0 0.05rem #c3ddf3; -webkit-box-shadow: 0 0 0.05rem #c3ddf3; box-shadow: 0 0 0.05rem #c3ddf3; color: #398fd7 } .zwfwindex_rdfw_box.back_green { background: #f5fcfa; position: relative; color: #333 } .zwfwindex_rdfw_box.back_green:hover { background: #f5fcfa; border: 0.01rem solid #7ad3ba; -moz-box-shadow: 0 0 0.05rem #c6ece1; -webkit-box-shadow: 0 0 0.05rem #c6ece1; box-shadow: 0 0 0.05rem #c6ece1; color: #119499 } .zwfwindex_rdfw_box.back_orange { background: #fef8f5; position: relative; color: #333 } .zwfwindex_rdfw_box.back_orange:hover { background: #fef8f5; border: 0.01rem solid #f3a275; -moz-box-shadow: 0 0 0.05rem #fad7c4; -webkit-box-shadow: 0 0 0.05rem #fad7c4; box-shadow: 0 0 0.05rem #fad7c4; color: #ee7a3a } .zwfwindex_rdfw_box.back_yellow { background: #fffdf7; position: relative; color: #333 } .zwfwindex_rdfw_box.back_yellow:hover { background: #fffdf7; border: 0.01rem solid #fce496; -moz-box-shadow: 0 0 0.05rem #fef4d2; -webkit-box-shadow: 0 0 0.05rem #fef4d2; box-shadow: 0 0 0.05rem #fef4d2; color: #ff9a64 } .zwfwindex_rdfw_box.back_red { background: #fff8f8; position: relative; color: #333 } .zwfwindex_rdfw_box.back_red:hover { background: #fff8f8; border: 0.01rem solid #fe9d9d; -moz-box-shadow: 0 0 0.05rem #ffd5d5; -webkit-box-shadow: 0 0 0.05rem #ffd5d5; box-shadow: 0 0 0.05rem #ffd5d5; color: #d15149 } .zwfwindex_rdfw_box.back_darkblue { background: #f2f7fb; position: relative; color: #333 } .zwfwindex_rdfw_box.back_darkblue:hover { background: #f2f7fb; border: 0.01rem solid #4c95cc; -moz-box-shadow: 0 0 0.05rem #b2d1e9; -webkit-box-shadow: 0 0 0.05rem #b2d1e9; box-shadow: 0 0 0.05rem #b2d1e9; color: #0068b7 } .zwfwindex_rdfw_box.back_grey { background: #f8f8f8; position: relative; color: #333 } .zwfwindex_rdfw_box.back_grey:hover { background: #f8f8f8; border: 0.01rem solid #4c95cc; -moz-box-shadow: 0 0 0.05rem #b2d1e9; -webkit-box-shadow: 0 0 0.05rem #b2d1e9; box-shadow: 0 0 0.05rem #b2d1e9; color: #7d7d7d } .zwfwindex_box_ztfw { width: 100%; margin: 0.2rem 0 0 0; } .ztfw_title { border-bottom: 0.01rem solid #dedede; padding: 0 0 0.2rem 0; position: relative } .ztfw_title span { border-bottom: 0.03rem solid #398fd7; font-size: 0.2rem; font-weight: bold; padding: 0 0 0.2rem 0; color: #398fd7 } .ztfw_title .tab2-nav { height: 0.4rem; overflow: hidden; position: absolute; right: 0; top: 0 } .ztfw_title .tab2-nav a { display: block; float: left; color: #333; text-align: center; line-height: 0.4rem; font-size: 0.16rem; text-decoration: none; z-index: 100; position: relative; margin: 0 0.1rem; } .ztfw_title .tab2-nav a:hover { color: #398fd7; } .ztfw_title .tab2-nav a:after { content: ""; height: 0.15rem; width: 0.01rem; background: #7d7d7d; position: absolute; right: -0.1rem; top: 50%; margin-top: -0.075rem } .ztfw_title .tab2-nav a:last-child:after { width: 0rem; } .ztfw_title .tab2-nav a.current { color: #398fd7; font-size: 0.16rem; line-height: 0.4rem; } .tab2-con { position: relative; width: 100%; height: 2.3rem; overflow: hidden; } .tab2-con-item { display: none; width: 100%; height: 2.3rem; color: #333; } .tab2-con .zwfwindex_ztfw_box { width: 2.25rem; height: 0.5rem; border: 0.01rem solid #dedede; background: #fff; border-radius: 0.05rem; margin-left: 0.2rem; overflow: hidden; float: left; margin-top: 0.15rem; line-height: 0.5rem; display: block; color: #333 } .tab2-con .zwfwindex_ztfw_box:hover { color: #0068b7 } .tab2-con .zwfwindex_ztfw_box:nth-child(1), .tab2-con .zwfwindex_ztfw_box:nth-child(4) { margin-left: 0rem; } .tab2-con .box { position: relative; } .tab2-con .box .content { width: 100%; margin: 0 auto; } .tab2-con .box .box_con { position: relative; } .tab2-con .box .box_con .btnl { position: absolute; } .tab2-con .box .box_con .btn { display: block !important; width: 0.3rem; height: 0.44rem; position: absolute; cursor: pointer; z-index: 100 } .tab2-con .box .box_con .btnl { background: url(/uploads/image/i3103/arrow-left.png) no-repeat; left: 0; top: 50%; margin-top: -0.22rem; opacity: 0.1 } .tab2-con .box .box_con .btnr { background: url(/uploads/image/i3103/arrow-right.png) no-repeat; right: 0; top: 50%; margin-top: -0.22rem; opacity: 0.1 } .tab2-con .box .box_con .btnl:hover { background: url(/uploads/image/i3103/arrow-left.png) no-repeat; opacity: 0.6 } .tab2-con .box .box_con .btnr:hover { background: url(/uploads/image/i3103/arrow-right.png) no-repeat; opacity: 0.6 } .tab2-con .box .box_con .conbox { position: relative; overflow: hidden; } .tab2-con .box .box_con .conbox ul { position: relative; list-style: none; overflow: hidden; height: 1.3rem; } .tab2-con .box .box_con .conbox ul li { float: left; width: 7.15rem; height: 1.3rem; margin-left: 0.21rem; overflow: hidden; } .tab2-con .box .box_con .conbox ul li:first-child { margin-left: 0; } .tab2-con .box .box_con .conbox ul li img { display: block; width: 0.4rem; height: 0.4rem; float: left; margin: 0.05rem 0 0 0 } .tab2-con .box .box_con .conbox ul li .zwfwindex_ztfw_box:hover img { transform: scale(1.1); transition: all 0.3s; } .tab2-con .box .boxswitch { text-align: center; display: block !important } .tab2-con .box .boxswitch span { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 0.075rem; height: 0.075rem; background: #edb9b6; margin: 0 0.02rem; cursor: pointer; border-radius: 0.075rem; } .tab2-con .box .boxswitch span.cur { background: #d15149; width: 0.15rem } .zwfwindex_box .right { float: left; width: 3rem; margin-left: 0.2rem } .index_zzql_fwzn { width: 3.1rem; height: 1.22rem; background: no-repeat; background-size: 100%; display: block; } .index_zzql_fwzn { font-size: 0.24rem; color: #ee7a3a; line-height: 0.3rem; font-weight: bold; padding: 0.25rem } .index_zzql_fwzn:hover { font-size: 0.25rem; transition: all 0.3s; background-size: 102%; color: #d15149 } .index_zzql_grbs { width: 3.1rem; height: 1.22rem; background: no-repeat; background-size: 100%; display: block; margin: 0.2rem 0 0 0 } .index_zzql_grbs { font-size: 0.24rem; color: #333; line-height: 0.3rem; font-weight: bold; padding: 0.35rem 0 0 0.25rem } .index_zzql_grbs span { font-size: 0.15rem; color: #7d7d7d; line-height: 0.3rem; font-weight: 100; display: block; } .index_zzql_grbs:hover { font-size: 0.25rem; transition: all 0.3s; background-size: 102%; color: #d15149 } .index_zzql_dwbs { width: 3.1rem; height: 1.22rem; background: no-repeat; background-size: 100%; display: block; } .index_zzql_dwbs { font-size: 0.24rem; color: #333; line-height: 0.3rem; font-weight: bold; padding: 0.35rem 0 0 0.25rem } .index_zzql_dwbs span { font-size: 0.15rem; color: #7d7d7d; line-height: 0.3rem; font-weight: 100; display: block; } .index_zzql_dwbs:hover { font-size: 0.25rem; transition: all 0.3s; background-size: 102%; color: #d15149 } .img_zwfwnew img { position: absolute; left: 0 !important; top: 0 !important; width: 0.31rem !important; height: 0.31rem !important; margin: 0 !important; } /*政务服务 end*/ .fotter_ty { width: 100%; margin: 0rem auto 0 auto } .wsbsfwdt2_box { width: 12rem; height: 1rem; margin: 0.2rem auto; overflow: hidden } .wsbsfwdt2_box .yjs_sybox1 { display: block; float: left; width: 5.8rem; height: 1rem; } .wsbsfwdt2_box .yjs_sybox1 img { width: 100%; height: 1rem; border-radius: 0.05rem; } .wsbsfwdt2_box .yjs_sybox1:hover img { width: 101%; transform: scale(1.01); transition: all 0.6s ease; } .wsbsfwdt2_box .yjs_sybox2 { display: block; float: left; width: 5.8rem; height: 1.4rem; margin-left: 0.4rem; position: relative } .wsbsfwdt2_box .yjs_sybox2 .yjs_sybox2_bj { width: 101%; transform: scale(1.01); transition: all 0.6s ease; } .yjs_sybox2_1 { position: absolute; left: 1.9rem; top: 0.1rem; z-index: 100000 } .wsbsfwdt2_box .yjs_sybox2 .yjs_sybox2_img { width: 0.85rem; height: 0.85rem; display: block; float: left; margin: 0 0.04rem } .wsbsfwdt2_box .yjs_sybox2 .yjs_sybox2_img:hover { margin-top: -0.1rem; transform: scale(1.01); transition: all 0.6s ease; } .szfxw_0413_a { position: absolute; left: 1.63rem; top: 0.07rem; font-size: 0.18rem; color: #333 } .szfxw_0413_a:hover { color: #398fd7 }