/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */ /* * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. */ /* ========================================================================== Base styles: opinionated defaults ========================================================================== */ html { color: #222; font-size: 12px; line-height: 1.4; } body {width:100%;margin:0px auto;background:url("/beijiao/images/bgbg.jpg") fixed center;} * {padding:0px;margin:0px;} li {list-style-type: none;} li {color:black;} a {text-decoration:none;color:black;} /*首页 通用*/ .titleA{color:rgb(0,114,231);font-size:16px;font-weight:bold;} .titleb{width:85px;height:29px;background:url("/beijiao/img/index5_03.jpg");text-align:center;font-size:14px;font-family:"Microsoft YaHei";line-height:29px;color:white;} .title1{width:85px;height:29px;background:url("/beijiao/img/index5_03.jpg");text-align:center;font-size:14px;font-family:"Microsoft YaHei";line-height:29px;color:white;float:left;margin-right: 8px; cursor: pointer;} .title2{width:85px;height:29px;background:url("/beijiao/img/unsel.jpg");text-align:center;font-size:14px;font-family:"Microsoft YaHei";line-height:29px;color: rgb(0, 77, 144);float:left;margin-right: 8px; cursor: pointer;} .moreA {float:right;} .moreA a {font-size:12px;color:rgb(202,1,1);} .more1 {position:relative;right:20px;} .bline {display:inline-block;zoom: 1; *display: inline;*float:left;margin-top:5px;} .bline a{text-decoration:underline;} /* 首页 主结构*/ .bgwrap {width:1022px;margin:0px auto;background:white;padding-bottom:1px;} #main {width:1002px;margin:0px auto;background:white;} #brow { height: 23px; margin: 0 auto; } #group1 {width:1002px;height:324px;margin:0px auto;overflow:hidden;} .ispace17 {width:1002px;height:17px;clear:both;} #group2 {width:1002px;height:215px;margin:0px auto;overflow:hidden;} .ispace11 {width:1002px;;height:11px;clear:both;} #group3 {width:1002px;height:54px;margin:0px auto;overflow:hidden;} #group4 {width:1002px;height:333px;margin:0px auto;overflow:hidden;} .ispace10 {width:1002px;height:10px;clear:both;} #group5 {width:1002px;height:170px;margin:0px auto;overflow:hidden;} #group5a {width:1002px;height:290px;margin:0px auto;overflow:hidden;} /*社区村居*/ #group5a .sq{ width:495px; height:290px; float:left; } #group5a .sq .title{ background: rgba(0, 0, 0, 0) url(""/beijiao/img/index5_03.jpg"") repeat scroll 0 0; color: white; font-family: "Microsoft YaHei"; font-size: 14px; height: 29px; line-height: 29px; text-align: center; width: 85px; } #group5a .sq .con{ width:493px; height: 257px; border: 1px solid #b3d2f1; border-top: 3px solid #0079fc; } #group5a .sq .con1{ } #group5a .sq .con1 a{ display:block; float:left; width:150px; height:36px; line-height:36px; font-size:14px; color: rgb(0, 113, 227); } /*便民服务*/ #group5a .sq .con2{ } #group5a .sq .con2 li{ float:left; width:94px; text-align:center; margin-top:15px; color: rgb(255, 84, 0); font-size:14px; } #group5a .sq .con2 li a{ color: rgb(255, 84, 0); } #group5a .sq .con2 li a img{ margin-bottom:3px; } .ispace28 {width:1002px;height:28px;clear:both;} #group6 {width:1002px;height:189px;margin:0px auto;overflow:hidden;} .ispace20 {width:1002px;height:20px;clear:both;} #group7 {width:1002px;height:28px;margin:0px auto;overflow:hidden;margin-bottom:50px;} /* PageType */ /* PT1 */ .pt1 {width:320px;height:274px;float:left;margin-right:10px;} .pt1title {width:inherit;height:27px;} .pt1title1 {width:107px;height:27px;background:rgb(25,142,255);color:white;line-height:27px;text-align:center;font-weight:bold;font-size:14px;} .pt1cont {width:inherit;height:247px;background:rgb(217,233,249);margin-top:3px;} .pt1cont2 {width:inherit;height:248px;border:1px solid rgb(144,196,246);} .pt1more {float:right;line-height:27px;color:rgb(169,0,0);} .ggtabs {padding-left:10px;width:220px;float:left;} .ggtabs li {list-style-type: none;width:58px;height:28px;text-align:center;font-size:12px;line-height:28px; display:inline-block; zoom: 1; *display: inline; } #ggtab1_1 {background:url("/beijiao/img/ggseled.jpg") center no-repeat;color:white;font-weight:bold;} #ggtab1_3 {width:85px;} #tabs5 {width:230px;} #tabs5 li a {color:black;font-weight:normal;} .tabs5cont {padding-left:10px;} #tab5_1 {background:url("/beijiao/img/ggseled.jpg") no-repeat;color:white;font-weight:bold;} #tab5_2 {width:72px;} /* PT2 */ .pt2 {width:416px;height:279px;float:left;margin-right:10px;} .pt2title {width:416px;height:29px;} .pt2tabs li{width:97px;height:29px;color:black;line-height:29px;text-align:center;font-weight:normal;font-size:14px;float:left;margin-right:15px;} .group1more {float:right;font-size:14px;line-height:29px;} .group1more a{font-size:14px;line-height:29px;} /* PT3 */ .pt3{width:495px;height:278px;float:left;_height:274px;} .pt3cont{width:269px;height:264px;_margin-top:-5px;position:relative;} .pt3title{font-size:16px;color:rgb(1,106,207);text-align:center;font-weight:bold;height:15px;_margin-top:5px;} #downbtn {text-align:center;height:7px;width:269px;margin-top:245px;*margin-top:0px;_margin-top:0px;} #downbtn {border:none;padding:0px;margin-bottom:11px;} #cjfwlist {height:245px;overflow:hidden;position:absolute;*position:relative;} #cjfwlist li{position:relative;} /* PT4 */ .pt4 {width:255px;height:269px;float:left;} /* 首页 group1 */ .tabs {padding-left:0px;margin:0px 0px 2px 0px;} .tabs li {list-style-type: none;width:196px;height:34px;background:url("/beijiao/img/unsel.jpg") no-repeat;text-align:center;color:rgb(0,77,144);font-size:18px;line-height:34px;*margin-right:2px; zoom:1;/* 触发元素的haslayout属性 */ display:inline-block;/* 非IE6、7浏览器识别该属性,使得页面也成行块布局 */ *display:inline;/* 针对IE6、7定义 display:inline,让块元素呈递为内联对象,并具有display:inline-block属性的表症 */ } #tab1_1 {background:url("/beijiao/img/seled.jpg") no-repeat;color:white;font-weight:bold;} #tab4_1 {background:url("/beijiao/img/seled.jpg") no-repeat;color:white;font-weight:bold;} .group1title {height:29px;} #group1_1 {width:744px;height:324px;float:left;} .group1_1cont {border:1px solid rgb(179,210,241);border-top:3px solid rgb(0,121,251);height:289px;width:744px;} .flashnews {width:387px;height:268px;float:left;border:1px solid rgb(179,210,241);margin:10px;padding:2px;} .picnews {width:320px;height:270px;float:left;margin-top:10px;position:relative;overflow:hidden;} .picnewswrap {width:320px;height:840px;position:relative;overflow:hidden;} .picnews #prevnews {position:absolute;top:110px;z-index:10; filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2; } .picnews #nextnews {position:absolute;top:110px;right:0px; z-index:10; filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2; } #somepictext li {height:64px;width:321px;border-bottom:1px dotted rgb(221,221,221);margin-bottom:5px;*margin-bottom:0px;position:relative;} #somepictext .q_pic {width:60px;height:60px;float:left;} #somepictext .q_pic img{width:59px;height:59px;} #somepictext .q_title {font-size:14px;font-family:"Microsoft YaHei";width:260px;float:left;text-indent:5px;height:55px;} #somepictext .q_cont{font-size:12px;width:260px;float:left;margin-top:5px;} #somepictext .q_date{font-size:12px;position:absolute;right:5px;bottom:0px;} #group1_2 {width:246px;height:324px;float:left;margin-left:10px;overflow:hidden;} .group1_2cont {width:244px;border:1px solid rgb(179,210,241);border-top:3px solid rgb(0,121,251);height:289px;overflow:hidden;position:relative;} .group1_2cont table {position:absolute;} /* 首页 group2 */ .mlbjlist {margin-top:15px;} .mlbjlist li{float:left;width:148px;height:213px;margin-right: 18px;text-align: center;} .mlbjlist li img {width:134px;height:133px;} #mlbj1 {margin-left:10px;} .mlbjtitle {text-indent:2em;margin-top:30px;text-align: left;} .mlbjmore {color:rgb(202,0,0);float:right;} #mlbj6{margin-right:0px;} #group2cont {border:1px solid rgb(179,210,241);border-top:3px solid rgb(0,121,251);height:182px;width:1000px;*height:180px;} /* 首页 group3 */ .piclink li {float:left;width:243px;height:52px;margin-right:7px;} .piclink li img {width:243px;height:52px;} /* 首页 group4 */ .group4cont{width:977px;height:275px;border:1px solid rgb(0,116,238);border-top:3px solid rgb(0,116,238);padding:10px;overflow:hidden;} .xxgklist {width:270px;height:275px;overflow:hidden;float:left;} .xxgkcont {width:437px;height:275px;overflow:hidden;float:left;_width:450px;} .lm_xxgk li {width:120px;height:30px;line-height:30px;font-size:12px;color:rgb(0,94,190);margin-bottom:1px;margin-right:2px;padding-left:10px;float:left;background:url("/beijiao/img/index6_03.jpg");} .lm_xxgk li a:hover{text-decoration:underline;} .xxgk_zd a{font-size:12px;} .lm_xxgk li a{color:rgb(0,113,227);} #tabs4 li {font-family:"Microsoft Yahei";font-weight:normal;font-size:14px;} #tab4_1cont {height:275px;} #tab4_2cont {height:275px;} #tab4_3cont {height:275px;} #bs {width:255px;} .bsznlist {width:255px;height:245px;float:left;} .bsznlist li {width:66px;height:20px;line-height:23px;font-size:12px;margin-bottom:12px;margin-right:12px;float:left;} .zmhdlist {width:245px;height:270px;float:left;} #lm_zmhd {width:245px;height:270px;} #lm_zmhd li {width:245px;height:34px;font-size:12px;padding-left:5px;background:url("/beijiao/img/index4_22.jpg") repeat-x;} #zwlt {width:378px;margin-left:8px;height:237px;_width:389px;} #zwlt .pt1cont{height:237px;background:white;} #zw{background:rgb(254,149,14);font-size:12px;width:68px;height:28px;} .zwtitle1 { width:68px;height:28px;background:rgb(254,149,14);color:white;line-height:28px;text-align:center;font-weight:bold;font-size:12px; float: left;} .zwtitle2 { width:68px;height:28px;background:rgb(238, 238, 238);color:black;line-height:28px;text-align:center;font-size:12px; float:left;} #rd{background:rgb(254,149,14);font-size:12px;width:94px;height:28px;} #cj{width:270px;margin-bottom:15px;margin-left:5px;margin-top:-5px;_height:234px;} .wblist {width:340px;height:275px;float:left;} #rdsx {width:420px;height:277px;margin-right:19px;_width:415px;_margin-right:9px;_height:234px;} #rdsx .pt1cont{height:237px;background:white;} #tabs6 {width:202px;text-align:center;} #cjfwlist img {border:1px solid rgb(213,213,213);border-top:none;padding:1px;} .weibos {width:336px;height:280px;float:right; position:relative;} .weibotitle {width:343px;height:32px;background:white;*right:172px;_right:172px; position:absolute; top:0; z-index:100; left:0;} .wblist {width:340px;height:275px;position:absolute;top:0;} .weibotab li {float:left;width:107px;height:29px;line-height: 29px;text-align: center;margin-left:3px;background:#EEE;color:black;} #rdbstitle .pt1more a{color:rgb(205,0,0);} #wbframe1 {margin-top:-3px;} .iconA {height:29px;line-height:29px;*height:27px;*line-height:27px;} .iconA .bbs_l {display:inline;width:313px;background:url("/beijiao/img/point_04.png") left no-repeat;padding-left:15px;float:right; zoom:1;/* 触发元素的haslayout属性 */ display:inline-block;/* 非IE6、7浏览器识别该属性,使得页面也成行块布局 */ *display:inline;} .iconA .bbs_d {display:inline;width:84px;color:rgb(202,0,0);float:right; zoom:1;/* 触发元素的haslayout属性 */ display:inline-block;/* 非IE6、7浏览器识别该属性,使得页面也成行块布局 */ *display:inline;} .bbs_div .bbs_l {display:inline;width:289px;_width:286px;background:url("/beijiao/img/point_04.png") left no-repeat;padding-left:15px;_padding-left:8px;float:left;} .bbs_div .bbs_d {display:inline;width:74px;color:rgb(128,127,127);float:left;} .bbs_div {height:31px;line-height:31px;} #tabs4{margin:0px;} #tab6_1 {background: url('"/beijiao/img/ggseled.jpg"') no-repeat scroll center center transparent; color: #FFF; font-weight: bold;} #tabs7 {width:240px;float:none;} #tabs7cont li{width:270px;overflow:hidden;} #tabs7 li{width:59px;} #ggtab7_1 {width:120px;text-align:center;background: url('"/beijiao/img/ggseled.jpg"') no-repeat scroll center center transparent; color: #FFF; font-weight: bold;} #upbtn {_width:269px;_height:9px;} #upbtn,#downbtn {overflow:hidden;} #upbtn img{float:left;} #ggzy{width:270px;height:275px;float:left;_width:255px;} #ggzytitle{width:270px;height:29px;line-height: 29px;_width:255px; color: #FFF; text-align: center;} #ggzytitle #gt1{background: none repeat scroll 0% 0% #FFA500;width:140px;font-weight:bold;} #ggzycont {width:270px;height:241px;overflow:hidden;position:relative;_width:255px;} #ggzycont table{position:absolute;} #ggtab7_3{width:84px;} /* 首页 group5 便民服务按钮*/ .bmfw_btn a{color:rgb(255,84,0);text-decoration:none;font-size:14px;line-height:28px;} .bmfw_btn li{width:80px;height:110px;float:left;list-style-type: none;text-align:center;margin-right:18px;} .bmfw_btn li a{font-family:"Microsoft Yahei";} #bmfw_btn li img{width:78px;height:85px;} #bm10{margin-right:0px;} .group5cont{height:106px;border:1px solid rgb(179,210,241);border-top:3px solid rgb(0,121,251);padding:15px;overflow:hidden;} /* 首页 group6 本地网站按钮*/ #bdwz_btn {margin-left:14px;} #bdwz_btn a{color:rgb(0,82,168);text-decoration:none;font-size:12px;line-height:28px;font-weight:normal;} #bdwz_btn li{width:84px;height:120px;margin-bottom:15px;margin-right:37px;} #bdwz_btn li img {border:1px solid #dddddd;padding:1px;margin-bottom:5px;width:78px;height:78px;} .group6cont{height:104px;border-top:3px solid rgb(0,121,251);padding:26px;width:1002px;overflow:hidden;} #bdwz_btn #bd8 {margin-right:0px;} .bdwz_wz li{width:150px;text-align:center;margin-bottom:20px;float:left;} /* 友情链接 */ .yqlj {color:rgb(255,84,0);font-size:15px;float:left;line-height:30px;font-family:"Microsoft Yahei";} .yqljItem { float: left; height: 30px; width: 208px; padding-top: 7px; margin-right:22px; } #wx{ width: 102px; height: 248px; position: fixed; top: 230px; z-index: 11; right:0px; } #wxclose { width: 15px; height: 13px; position: fixed; top: 230px; z-index: 12; cursor:pointer; right:0px; } * html,* html body{_background-image:url(about:blank);_background-attachment:fixed} * html #wx{_position:absolute;_left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)-50))} * html #wxclose{_position:absolute;_left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)-285))} .leftad{ position:fixed; top:250px; left:0px; z-index: 11; } #adclose{ position:fixed; top:250px; left:0px; z-index: 12; cursor: pointer; } /*************************************************************************************************************************************/ /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection rule sets have to be separate. * Customize the background color to match your design. */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* * Remove the gap between images, videos, audio and canvas and the bottom of * their containers: h5bp.com/i/440 */ audio, canvas, img, svg, video { vertical-align: middle; } /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical; } /* ========================================================================== Browse Happy prompt ========================================================================== */ .browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* ========================================================================== Author's custom styles ========================================================================== */ /* ========================================================================== Helper classes ========================================================================== */ /* * Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* * Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* * Extends the .visuallyhidden class to allow the element to be focusable * when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* * Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } /* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */ @media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ } @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ } /* ========================================================================== Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links for images, or javascript/internal links */ a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } .bsznlist1 {width:255px;height:245px;float:left;} .bsznlist1 li {width:115px;height:20px;line-height:23px;font-size:12px;margin-bottom:9px;margin-right:12px;float:left;} /*魅力北滘改版*/ .rollBox { MARGIN: 0px auto; WIDTH: 1000px; HEIGHT: 155px; OVERFLOW: hidden; margin-top:15px; } .rollBox .LeftBotton { MARGIN: 30px 10px 0px 0px; WIDTH: 32px; DISPLAY: inline; BACKGROUND: url("/beijiao/images/scroll_l.gif") no-repeat 0px 50%; FLOAT: left; HEIGHT: 89px; OVERFLOW: hidden; CURSOR: pointer } .rollBox .RightBotton { MARGIN: 30px 0px 0px 10px; WIDTH: 32px; DISPLAY: inline; BACKGROUND: url("/beijiao/images/scroll_r.gif") no-repeat 0px 50%; FLOAT: left; HEIGHT: 89px; OVERFLOW: hidden; CURSOR: pointer } .rollBox .Cont { WIDTH: 915px; FLOAT: left; OVERFLOW: hidden } .rollBox .ScrCont { WIDTH: 1342177.27px } .rollBox .Cont .pic { TEXT-ALIGN: center; WIDTH: 146px; FLOAT: left; OVERFLOW: hidden; margin-right:7px; } .rollBox .Cont .pic IMG { BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 2px; MARGIN: 0px auto; PADDING-LEFT: 3px; WIDTH: 134px; PADDING-RIGHT: 3px; DISPLAY: block; HEIGHT: 134px; OVERFLOW: hidden; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 2px } .rollBox .Cont .pic P { TEXT-ALIGN: center; LINE-HEIGHT: 1.4; HEIGHT: 20px; OVERFLOW: hidden; font-size:12px; } .rollBox .Cont .pic a{text-decoration: none; color:rgb(202, 0, 0);} .rollBox #List1 { FLOAT: left } .rollBox #List2 { FLOAT: left } .titlec{width:426px;height:29px;background:url("/beijiao/img/index5_03.jpg");text-align:center;font-size:14px; font-family:"Microsoft YaHei";line-height:29px;color:white; float:left;} #tabs8{ width:360px;} #tabs8 li {list-style-type: none;width:85px;height:29px; float:left; text-align:center;font-size:13px;line-height:29px;*margin-right:2px;} .bdwz li{float:left; margin-bottom:10px; margin-right:10px; list-style-type:disc; padding-right:40px; height:20px;} #group8 {width:1002px;height:145px;margin:0px auto;overflow:hidden;} .group8cont{height:82px;border:1px solid rgb(179,210,241);border-top:3px solid rgb(0,121,251);padding:15px;width:970px;overflow:hidden;} #tab8_1 {background: url('"/beijiao/img/ggseled.jpg"') no-repeat scroll center center transparent; color: #FFF; font-weight: bold;} .cwgg { width:1002px; margin:0px auto; background:white; } /* 视频新闻*/ .spxw { width: 388px; height: 268px; background: url("/beijiao/images/videobg.jpg") no-repeat; overflow: hidden; float: left; margin-top: 10px; margin-left: 5px; } .spxwlist { width: 320px; height: 270px; overflow: hidden; float: right; margin-top: 10px; } .wsdcont { width: 480px; height: 275px; overflow: hidden; float: left;} .wsdcontt { width: 480px; height: 275px; overflow: hidden; float: right;} .wsdclist { width: 380px; height: 26px; line-height: 26px; display: block; text-overflow:ellipsis; white-space:nowrap; overflow: hidden; }