<> htmlbody { margin: 0; padding: 0; border: 0; font-size: 16px; color: #404040; font-family: 'microsoft Yahei' } a:hover { color: #bd1a2d; } ulolli { list-: none; } img { vertical-align: top; border: none; } .g_head_box { background: #fff; width: 100%; min-width: 1200px; overflow: hidden; } .g_head_box .m-login-box { float: left; width: 96px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #fff; margin-right: 20px; } .g_head_box .m-login-box a { color: #fff; } .g-nav-box { background: #bd1a2d; width: 100%; margin: 0 auto; min-width: 1200px; } .navTop_box { width: 100%; background: #f5f5f5; line-height: 40px; min-width: 1200px; } .navTop_box p { width: 1200px; margin: 0 auto; color: #404040; font-size: 14px; box-sizing: border-box; } .navTop_box p a { color: #404040; padding: 0 16px; text-decoration: none; } .g-nav-box .g-nav { width: 1200px; margin: 0 auto; overflow: hidden; box-sizing: border-box; } .f_clear { display: block; *zoom: 1; } .g-nav-box li { float: left; height: 48px; line-height: 48px; margin: 0 12px; min-width: 100px; } .g-nav-box li a { display: block; height: 56px; text-align: center; font-size: 18px; color: #fff; padding: 0 16px; font-family: 'Microsoft YaHei' ; text-decoration: none; } .g-nav-box li a:hover { background: #cc1b37; font-family: 'Microsoft YaHei' } .g_head_box .m_logo { float: left; margin: 32px 32px 32px 0; } .top_logo { position: relative; padding-top: 16px; color: #ffffff; } .l_topnav a { font-size: 14px; line-height: 56px; color: #bd1a2d; margin: 0 8px; display: inline-block; } .g_head_box .m_head { margin: 0 auto; width: 1200px; overflow: hidden; } .clearfloat { overflow: hidden; } .l_topnav { overflow: hidden } .m_search_box { float: right; width: 560px; } .m_search { float: left; min-width: 560px; max-width: 900px; height: 38px; margin-top: 8px; box-sizing: border-box; } .searchword { float: left; font-size: 14px; line-height: 30px; min-width: 450px; } .searchword a { font-size: 14px; color: #404040; } .m_search_fl { border: 1px solid #bd1a2d; width: 80%; background: #fff } .m_search .searchWords { width: 53%; color: #999; font-size: 14px; text-indent: 1rem; border: 0; outline: none; float: left; line-height:34px; } .m_search .searchbutton { float: right; background: #bd1a2d; border: 0; height: 36px; width: 90px; cursor: pointer; font-size: 16px; color: #fff; text-align: left; padding-left: 30px; outline: none; border: none; } .searchSelect { outline: 0; border: 0; background: #fff; font-size: 16px; width: 20%; float: left; margin-left: 10px; margin-top: 5px; appearance: none; -moz-appearance: none; -webkit-appearance: none; } .m_search_fr { width: 100px; } .m_search_fr a { display: block; font-size: 14px; color: #000; text-decoration: none; marin-bottom: 5px; } .hot-word a { float: left; color: #404040; font-size: 14px; padding-right: 16px; } .L_float { float: left } .R_float { float: right } .ewm-show ul { margin: 0 } .ewm-show li { width: 50%; float: left; text-align: center; margin-bottom: 0 } .ewm-show li span { margin-top: 8px; } .ewm-show img { width: 5rem; max-width: inherit } .layer { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: #000; opacity: 0.8; z-index: 99; } .searchad_box { position: fixed; left: 0; top: 0; width: 100%; z-index: 100; background-color: #fff; font-size: 14px; } .S_box { width: 1200px; margin: 0 auto; } .searchad_box .title { height: 48px; position: relative; } .searchad_box .title a { display: inline-block; padding: 0px 10px; font-size: 16px; line-height: 46px; color: #000; text-decoration: none; } .searchad_box .title a.on { border-bottom: 2px solid #d30b15; } .searchad_box .title span { width: 22px; height: 22px; background: url("http://rsj.beijing.gov.cn/so/pc/images/icon.png") no-repeat -70px 0; position: absolute; top: 13px; right: 53px; cursor: pointer; } .searchad_box .condition_top { width: 100%; background: #eee; border-top: 1px solid #ccc; padding: 24px 0 29px 0; } .searchad_box .level { min-height: 34px; line-height: 34px; margin-top: 6px; clear: both; } .searchad_box span { display: inline-block; } .searchad_box .level span.searchad_box .level div.searchad_box .level input.searchad_box .level label.searchad_box .level select { float: left; margin-right: 5px; height: 32px; } .searchad_box .level .fir { width: 70px; padding-right: 7px; font-weight: bold; } .searchad_box .level .sec { width: 168px; } .searchad_box .level .thi { width: 30px; text-align: center; } .searchad_box .level input[type="text"] { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 200px; height: 32px; line-height: 32px; border: 1px solid #ccc; padding-left: 5px; } .searchad_box .level input[type="text"].dateicon { background: #fff url(../images/icon.png) no-repeat 175px -201px; } .searchad_box .level label { margin-right: 20px; } .searchad_box .condition_bottom { padding-bottom: 20px; } .searchad_box .condition_bottom .level input[type="checkbox"] { margin-right: 5px; } .searchad_box .condition_bottom .level .zdydate { display: none; } .searchad_box .searchad_box_zcwj .level .fir { color: #333; } .searchad_box .level input[type="text"].input570 { width: 570px; height: 32px; } .searchad_box .level input[type="text"].input610 { width: 610px; height: 32px; } .searchad_box .level select { width: 200px; height: 32px; border: 1px solid #ccc; } .searchad_box .level textarea.ssfktextarea { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 570px; height: 90px; border: 1px solid #ccc; padding-left: 5px; } .searchad_box .searchad_box_zcwj .level select.select160 { width: 160px; } .searchad_box .searchad_box_zcwj .level select.select95 { width: 95px; } .searchad_box .searchad_box_zcwj .level input[type="text"].input200 { width: 200px; } .searchad_box .btn_prompt { display: none; line-height: 38px; color: #d30b15; position: absolute; bottom: 0px; left: 410px; } .searchad_box .searchad_box_ssfk input[type="button"] { margin: 15px 0 0 210px; } .searchad_box a.closebtn { float: left; display: block; width: 140px; height: 38px; margin: 15px 0 0 50px; background: #999; font-size: 18px; line-height: 38px; color: #fff; text-align: center; } .searchad_box input[type="button"] { float: left; width: 140px; height: 38px; margin: 15px 0 0 259px; background: #cc1b37; font-size: 18px; line-height: 38px; color: #ffffff; cursor: pointer; } /*页尾*/ .rsj_foot_box { width: 100%; background: #bd1a2d; min-width: 1200px; } .rsj_foot_box_nr { width: 1200px; padding: 20px; height: 160px; margin: 0 auto; box-sizing: border-box } .rsj_foot_nr_conac.rsj_foot_nr_jiucuo { float: left; margin-top: 20px; } .rsj_foot_nr_jiucuo { padding-top: 10px; } .rsj_foot_nr_ewm { width: 96px; float: right; background: #a91728; padding: 16px; margin-left: 18px; height: 96px; font-size: 12px; color: #fff; line-height: 20px; text-align: center; } .rsj_foot_nr_ewm img { width: 80px; } .rsj_foot_nr_ewm p { color: #fff; text-align: center; } .rsj_foot_nr_txt { width: 52%; float: right; color: #fff; font-size: 14px; background: #a91728; line-height: 32px; padding: 16px; height: 96px; } .rsj_foot_nr_txt p { margin: 0; padding: 0; color: #fff; } .rsj_foot_nr_txt span { padding-right: 5px; color: #fff; } .rsj_foot_nr_link { width: 10%; float: right; color: #fff; font-size: 14px; background: #a01818; margin-right: 8px; line-height: 32px; text-align: center; padding: 32px 16px; } .rsj_foot_box_nr a { color: #fff; font-size: 14px; text-align: center; line-height: 200%; padding-right: 15px; text-decoration: none; } .rsj_foot_box_nr a:hover { color: #ffffff70; } .rsj_foot_box_nr span { float: left; margin-right: 10px; } .rsj_foot_bottom { width: 100%; height: 40px; line-height: 40px; background: #dabb85; text-align: center; font-size: 14px; min-width: 1200px; } .rsj_foot_bottom span { padding-right: 20px; } .rsj_foot_box1 { display: none; } @media screen and (min-width: 300px) and (max-width: 699px) and (orientation: portrait) { .rsj_foot_box1 { width: 100%; background: #bd1a2d; color: #fff; font-size: 14px; line-height: 32px; display: block; text-align: center; } } .contcqhlxjf{ display: none; position: fixed; top: 40%; left: 33%; width: 22%; height: 140px; padding: 20px; border: 3px solid #bd1a2d; background: #fff; color: #404040; z-index:888; overflow: auto; line-height:2; font-size:14px; } .contcqhlxjfzw{ display: none; position: fixed; top: 40%; left: 33%; width: 22%; height: 140px; padding: 20px; border: 3px solid #bd1a2d; background: #fff; color: #404040; z-index:888; overflow: auto; line-height:2; font-size:14px; } <> body,h1,h2,h3,h4,h5,h6,div,p,dl,dt,dd,ol,ul,li,form,table,th,td,a,img,span,strong,var,em,input,textarea,select,option { margin: 0; padding: 0; } input[type="submit"]input[type="reset"]input[type="button"]button { -webkit-appearance: none; } body { background: #ededed; font-family: "\Microsoft YaHei\SimHei","Arial"; } html,body { margin: 0; padding: 0; border: 0; color: #404040; font-family: "Microsoft YaHei","Arial"; -text-align: center; } ul,ol { list-: none; } img { border: 0; } input,select,textarea { background: none; outline: none; border: none; } textarea { resize: none; } table { border-collapse: collapse; border-spacing: 0; } th,var,em { font-weight: normal; font-: normal; } strong{ font-family: "\Microsoft YaHei\SimHei","Arial"; } a { text-decoration: none; color: #404040; cursor: pointer; font-family: "Microsoft YaHei","Arial"; } a:link,a:visited,a:hover,a:active { text-decoration: none; } a:hover { } ul,ol,li { list-: none; } img { vertical-align: top; border: none; } .fl { float: left; } .fr { float: right; } .clearfix:after { content: ''; display: block; clear: both; } h1 { font-size: 28px; color: #404040; font-weight: bold; } h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; color: #404040; font-weight: normal; } textarea,input { font-size: 12px; line-height: 16px; margin: 0; padding: 0; } dl { margin: 0; padding: 0; border: 0; } dt,dd { clear: both; } input { border: none; outline: none; } .print{ text-align: right; padding: 40px 0; border-bottom: 1px solid #ddd; } .clearfix:after { content: "\200B"; display: block; height: 0; clear: both; } .clearfix { *zoom: 1; } .f_hidden { display: none; visibility: hidden; } .L_float { float: left } .R_float { float: right } .w50 { width: 48%; float: left; } .znwdK{ overflow: hidden; padding: 10px; box-sizing: border-box; } .znwdText{ float:right; line-height:30px; width: 368px; font-size: 14PX; margin-bottom:15px; } .znwdText p{ font-size: 1.4rem; line-height:50px; color:#bd1a2d; } .w48 { width: 50%; float: right; } .box { margin: 0 auto; width: 1200px; background-color: #fff; min-height: 560px; box-sizing: border-box; } .liebiao li{ font-family: "\Microsoft YaHei\SimHei","Arial"; } .m-nav-secondary { width: 1200px; background: #d40a2a; margin: 0 auto; box-sizing: border-box; } .m-nav-secondary .u-nav-zwgk { width: 90%; } .u-nav-zwgk li { padding: 0 448px; } .m-nav-secondary li { font-family: "Microsoft YaHei"; font-size: 16px; width: auto; margin: 0; height: 43px; line-height: 43px; padding: 0 3% 0 0; float: left; } .m-nav-secondary li a { color: #ffffff; } .m-nav-secondary li a:hover { color: #fcdbaf; } .m-nav-secondary ul { margin: 0 auto; height: 43px; line-height: 43px; } .colorBox { width: 100%; background: #fff } .xqrqly{ color: #999; font-size: 14px; border-bottom: 3px #ccc double; padding-bottom: 10px; line-height: 30px; height: 30px; } .xqrqly span{ padding-left: 16px; float: left; } .xqrqly dl{ float: right; padding-left: 15px; } .xqrqly a{ padding-left:10px; } .xqrqly dl div span { display: none; } .xqrqly dl div img { width: 0; } .xqrqly dl a div div div { display: none; } .bsPromo bsPromo1{ display: none; width: 0; } .xqrqly dl a div div img{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); _filter:none; padding-right:5px; } .xqrqly dl a div div img:hover{ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0); _filter:none; } #div_div { width: 135px; margin: 0 auto 40px; } #qr_container { position: relative; margin: auto; } .slider1 { float: left; width: 576px; height: 328px; overflow: hidden; position: relative; } .slider1 .slides { height: 320px; overflow: hidden; float: left; } .slider1 .slides img { width: 576px; } .slider1 .slides li { position: relative; height: 320px; } .slider1 .flex-control-nav { position: absolute; right: 1%; bottom: 0; } .slider1 .flex-control-nav li { float: left; margin: 0 0 0 20px; cursor: pointer; text-indent: -1000px; } .slider1 .flex-control-nav li a { display: block; width: 14px; height: 14px; text-align: center; background: #fff; cursor: pointer; border-radius: 50%; } .slider1 .flex-control-nav .flex-active { background: #f5d389; } .slider1 .flex-direction-nav { display: none; } .ban_title a { font-size: 24px; } .ban_title { float: left } .zt_con ul li { width: 160px; height: 100px; float: left; margin-right: 20px } .zt_con ul li img { width: 160px; height: 100px; } .zt_con ul { width: 524px; height: 100px; } .gkzt ul li { width: 23.5%; height: 80px; float: left; margin: 0.7%; } .gkzt ul li img { width: 240px; height: 80px; border: 1px solid #cccccc } .gkzt ul { width: 100% } .gkzt p { line-height: 32px; text-align: center } .zcjd ul li { width: 240px; height: 112px; float: left; margin: 16px } .zcjd ul li img { width: 240px; height: 80px; border: 1px solid #cccccc } .zcjd ul { width: 100% } .zcjd p { line-height: 32px; text-align: center } .linkbg { width: 80px; background: #bd1a2d; text-align: center; float: left; } .linkbg a { color: #fff; } .linkbg a:hover { color: #fff; } .linkbt { float: left; width: 472px; } .ban_title { font-size: 24px; color: #404040; font-weight: 400; padding-left: 3px; border-bottom: 4px solid #bd1a2d; } .more { margin-top: 1%; } .more a { display: block; width: 56px; height: 8px; font-size: 14px; } .listBox { width: 1200px; margin: 0 auto; background-color: #fff; box-sizing: border-box; height: 100%; } .list { width: 90%; margin: 0 auto; padding: 1% 0; min-height: 580px; box-sizing: border-box; border-top:1px solid #ddd; } .list p { line-height: 2; text-indent: 2rem; padding: 5px 0; font-size: 14px; color:#666; } .list dt{ font-size: 14px; width: 40px; height: 25px; background: #bd1a2d; line-height: 25px; margin: 11px 0; float: left; border-radius: 20px; font-: normal; color: #fff; text-align: center; } .list dd{ width: 640px; margin: 0 auto; } .list li { position: relative; font-size: 14px; line-height: 55px; color: #404040; padding-left: 16px; width: 100%; border-bottom: 1px dotted #dcdcdc; height: 55px; overflow: hidden; box-sizing: border-box; } .list li i { font-size: 1px; width: 4px; height: 4px; background: #bd1a2d; line-height: 4px; margin: 25px 0; float: left } .list li a { color: #404040; padding-left: 16px; } .list li a:hover { color: #bd1a2d; } .list li span { float: right; } .list li span a { padding-left: 8px; border-left: 1px solid #ccc } .nav_li { background: #f7f7f7; } .part1 { width: 1200px; margin: 0 auto; padding: 10px 50px 0; background: #fff; box-sizing: border-box; padding-bottom: 10px; } .banner { border-bottom: 1px solid #ddd; margin-bottom: 5px; } .part2 { padding-top: 20px; } .mb65 { margin-bottom: 40px; } .part2 .news_ul { margin-bottom: 8px; } .menuon { background: #d40a2a; font-size: 20px; padding: 0 8px; color: #fff; font-family: "Microsoft YaHei"; } .menuon1 { background: #d40a2a; font-size: 20px; color: #fff; font-family: "Microsoft YaHei"; } .part2 { margin-top: 20px; } .part2 .news_ul { margin-bottom: 48px; } .news_ul { margin-top: 16px; margin-right: 20px; } .docdate { right: 0px; color: #666; position: absolute } .news_ul li { height: 32px; } .news_ul li span { display: block; position: absolute; width: 4px; height: 4px; background: #404040; top: 8px; left: 0; font-size: 14px; } .news_ul li a:hover { color: #bd1a2d; } .news_ul_time { font-size: 12px; color: #666; float: right } .head_news { width: 100%; float: right; } .jj_news { width: 1088px; } .head_news h3 a { font-size: 20px; line-height: 32px; } .head_news h4 { font-size: 24px; line-height: 32px; padding-bottom: 20px; color: #fff; } .head_news p { font-size: 14px; line-height: 32px; color: #404040; padding-bottom: 8px; } .head_news a { font-size: 14px; } .head_news .u_details { font-size: 24px; border-bottom: 1px solid #f5d389; padding: 0 32px 8px 0; } .banshi_index { background: #fff; } .line-box { display: inline; } .btn-username { width: 85px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; position: relative; top: 7px; } .z-none { display: none!important; } .m_area { min-width: 1200px; margin: 0 auto; } .m_area1 { width: 100%; background-image: -webkit-linear-gradient(0deg,#bd1a2b,#cc1b37 ); } /*交流互动*/ .jzmail ul li { float: left; box-shadow: 20px 20px 0 rgba(0,0,0,0.1); color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; padding: 16px 90px; margin: 8px; } .jzmail ul li a { display: inline-block; font-size: 16px; color: #fff; box-sizing: border-box; box-sizing: content-box; padding: 0 5px; -webkit-transition: all 0.3s; transition: all 0.3s; } .jzmail ul li:hover { background: #fff; border: 1.5px solid #bd1a2d; box-sizing: border-box; } .jzmail ul li:hover a,.jzmail ul li:hover p { color: #bd1a2d } .jzmailcolor1 { background: #bd1a2d; } .jzmailcolor2 { background: #ff9704; } /*便民*/ .classify { width: 1200px; margin: 0 auto; background: #fff; } .classify-box { width: 100%; overflow: hidden; } .classify-title { padding: 24px 0 20px; overflow: hidden; } .classify-title h2 { margin: 0; padding-left: 10px; border-left: 4px #eb4b3f solid; font-size: 24px; font-weight: bold; } .classify-box ul { overflow: hidden; height: 176px; margin-bottom:10px; } .classify-box li { float: left; display: block; width: 20%; height: 173px; overflow: hidden; margin-right: -1px; margin-bottom: -1px; border: 1px #e5e5e5 solid; text-align: center; box-sizing: border-box; } .classify-box li a { color: #fff } .classify-box li a:hover { color: #bd1a2d } .classify-box li .item-title { margin: 17px; } .classify-box li .item-dep { font-size: 16px; color: #404040; } .classify-box li .item-intro { margin: 32px 16px 48px; } .classify-box li .item-intro a { color: #404040; } .classify-box li:hover { background: #f7f7f7!important; } .classify-box li:hover .item-title,.classify-box li:hover .item-dep { display: none; } .classify-box li:hover .item-intro { margin-top: 36px; } /*classify button*/ .classify-control { margin-top: 20px; text-align: center; } .classify-control .btn-border { width: 100px; background: none; } .classify-control .btn-border:hover { background: #eb4b3f; color: #fff; } .classify-box ul li a.btn { display: inline-block; text-align: center; cursor: pointer; font-size: 16px; margin-right: 10px; padding: 0 16px; color: #FFF; } .classify-box ul li a.btn:link { color: #FFF; background: #bd1a2d; border: 3px solid #bd1a2d; padding:5px; } .classify-box ul li a.btn:hover { background: #FFF; color: #bd1a2d; border: 3px solid #bd1a2d; } #mainText p a.btn { display: inline-block; text-align: center; cursor: pointer; font-size: 16px; margin-right: 10px; padding: 0 16px; color: #FFF; } #mainText dd { font-weight:500; } #mainText p a.btn:link { color: #FFF; background: #bd1a2d; border: 3px solid #bd1a2d; } #mainText p a.btn:hover { background: #FFF; color: #bd1a2d; border: 3px solid #bd1a2d; } #mainTextZoom{ padding-top:20px } .xgzcMain { width: 700px; float: left; overflow: hidden; border-right: 1px solid #ebede2; padding-right: 65px; box-sizing: border-box; } .xgzcList { width: 290px; float: right; margin-bottom: 30px; box-sizing: border-box; padding-left: 20px; overflow: hidden; } .xgzcList p { line-height: 32px; margin: -32px 32px; color: #404040; } .xgzcList li { margin: 3px 0; overflow: hidden; float: left; width: 100%; box-sizing: border-box; } .xgzcList i { position: absolute; text-indent: 8px; } .xgzcList li a { font-size: 16px; line-height: 42px; width: 95%; float: right; padding-left: 10px; } .xgzcList li a:hover { color: #bd1a2d; } .xgzcList li i { font-size: 1px; width: 4px; height: 4px; background: #bd1a2d; color: #bda12d; line-height: 4px; float: left; margin: 17px 0; } .xgzcList dt { margin-top: 20px; font-size: 18px; } .xgzcList xgjd { font-size: 18px; color: #d30415; font-weight: 400; padding-left: 3px; border-bottom: 2px solid #d30415; } #mainTextZoom input{ cursor: hand; font-size: 16px; cursor: hand; } #mainTextZoom input:hover{ color: #bd1a2d; } canvas#Canvas { margin-top: 20px; } .fj{ width: 580px; margin:0 auto; } #fj900{ width: 900px; margin:0 auto; } .fj p{ line-height:20px; } #fj900 p{ line-height:20px; margin-bottom:0px; } .list li p .btn { color: #FFF; background: #bd1a2d; padding: 8px 16px; } .list li p .btn:link { color: #FFF; background: #bd1a2d; padding: 8px 16px; } .list li p .btn:hover { background: #ff4848; color: #fff; padding: 8px 16px; } /*翻页*/ #changepage { width: 100%; text-align: center; overflow: hidden; font-size: 14px; padding: 20px 0; margin-top: -1px; border-top: 1px solid #fff; } #changepage .up_page,#changepage .down_page { display: inline-block; color: #404040; text-align: center; padding: 3px 1.5px; border: 1px solid #e8e8e8; margin: 0 16px; } .changepage { text-align: center; margin-top: 0; padding: 2% 0; font-size: 14px; } .changepage a { padding: 8px 16px; display: inline-block; border: 1px solid #e8e8e8; background: #fff; font-size: 14px; } .changepage a:hover,.changepage .current { background: #d30b15; color: #fff; } .changepage input { border: 1px solid #e8e8e8; display: inline-block; padding: 3px 2.5px; margin: 0 8px; height: 28px; font-size: 14px; line-height: 28px; width: 46px; text-align: center; } .changepage span { display: inline-block; border: 1px solid #e8e8e8; padding: 8px 16px; } .changepage span.u_page { border: 0; padding: 0; } .banshi_head_box { height: 512px; } .banshi_head { margin: 0 auto; min-width: 1200px; } .banshi-nav-box { width: 100%; height: 152px; background: #bd1a2d; position: relative; z-index: 8; margin-top: -160px; opacity: 0.8 } /*信息公开*/ .zfxxgk-main { margin: 0 -32px } .zfxxgk-main ul { margin: 10px 30px 10px; } .zfxxgk-main ul li { float: left; box-shadow: 0 3px 20px 0 rgba(0,0,0,0.1); background-color: #ffffff; color: #404040; -webkit-transition: all 0.3s; transition: all 0.3s; padding: 16px; margin: 8px; width: 170px; text-align: center; } .zfxxgk-main ul li a { display: inline-block; font-size: 16px; color: #404040; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 5px; -webkit-transition: all 0.3s; transition: all 0.3s; } .zfxxgk-main ul li:hover { background-color: #bd1a2d } .zfxxgk-main ul li:hover a,.zfxxgk-main ul li:hover p { color: #fff } /*新闻速览*/ .newsmain { width: 98%; margin: 10px auto; } .newsmain .server-title { margin: 48px 0 20px 0; font-weight: 400; font-size: 24px; -webkit-box-sizing: border-box; box-sizing: border-box } .newsmain .special-subject .special-d { margin: 0 8px; overflow: hidden } .newsmain .special-subject ul li { float: left; width: 30%; margin: 10px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: 0 3px 20px 0 rgba(0,0,0,0.1); box-shadow: 0 3px 20px 0 rgba(0,0,0,0.1); font-size: 14px; display: inline-block; height: 40px; } .newsmain .special-subject ul li a:hover { color: #fff; } .newsmain .special-subject ul li a img { width: 90%; margin: 5%; height: 150px; border-bottom: 4px solid #bd1a2d } .newsmain .special-subject ul li a .special-name { font-size: 14px; color: #404040; font-weight: 500; padding: 0 24px; margin: 8px 0 } .newsmain .special-subject ul li a .special-firstRemark { font-size: 14px; color: #404040; padding: 0 24px; line-height: 24px; } .newsmain .special-subject ul li p a:hover { color: #fff; } .newsmain .special-subject ul li:hover { color: #fff; background-color: #bd1a2d; -webkit-transform: translate3d(0,-1px,0); transform: translate3d(0,-1px,0); -webkit-box-shadow: 0 16px 32px rgba(0,0,0,0.1); box-shadow: 0 16px 32px rgba(0,0,0,0.1) } .newsmain .special-subject ul li:hover .special-name,.newsmain .special-subject ul li:hover .special-firstRemark { color: #fff } /*视频*/ .newsnav { width: 1140px; margin: 0 auto } .newsnav .title-box { padding: 20px 30px 0; background: #fff; text-align: center } .newsnav .title-box a { color: #404040; border-bottom: 4px solid #fff; font-size: 20px; } .newsnav .title-box a:hover { color: #bd1a2d; border-bottom: 4px solid #bd1a2d; font-size: 20px; } .newsnav .title-box a li { float: left } /*领导简历*/ .photolist ul { width: 1000px; margin: 0 auto; padding: 10px 0 20px 0; overflow: hidden; } .photolist li { position: relative; font-size: 16px; line-height: 45px; color: #404040; margin: 0 20px; width: 285px; float: left; height: 350px; text-align: center; margin-top: 30px } .photolist img { width: 200px; height: 250px; } .photolist p { line-height: 20px; } .photolist h1 { font-size: 20px; } /*详情通用*/ .doc-info { border: 1px solid #EBEDE2; padding: 25px 30px; overflow: hidden; margin-bottom:15px; } .doc-info li { width: 50%; float: left; font-size: 14px; color: #404040; line-height: 30px; } .doc-info li span { font-weight: normal; margin-right: 10px; padding-left: 8px; } .doc-info li span a { color: #bd1a2d; } .doc-fj { padding: 15px 10px; overflow: hidden; } .doc-fj li { width: 100%; float: left; color: #404040; font-size:16px; } .doc-fj li span { font-weight: normal; margin-right: 10px; } .doc-fj li a { float: left; color: #0000ff; font-size:16px; } .doc-fj li a:hover{ text-decoration: underline; } .doc-fj li p { width: 1000px; } #mainText { padding-top: 30px; } #mainText { width: 1000px; padding: 35px 0 25px 0; margin: 0 auto; color: #404040; font-size: 16px; line-height: 200%; } #mainText p { outline: none; margin-bottom: 20px; } #mainText p img{ max-width:1000px; height:auto; } #mainText table td { border: 1px solid #404040; padding-left: 16px; padding-right: 16px; line-height: 38px; } #mainText table { width: 100%; border: 1px solid #404040; box-sizing: content-box; background: #fff; } #mainText table p { margin: 0px; } #mainText p a{ color:#0000ff; } #mainText p a:hover { color: #bd1a2d; } .header { width: 100%; margin: 0 auto; padding-top: 0px; } .container { width: 90%; margin: 0 auto; overflow: hidden; } .crumbs { width: 1200px; margin: 0 auto; height: 60px; margin: 0 auto; line-height: 60px; font-size: 14px; color: #404040; background: #fff; padding: 0 30px; box-sizing: border-box; } .crumbs a { color: #404040; } .header h1 p { font-size: 28px; line-height: 40px; color: #333; text-align: center; outline: none; } .header h1 { padding: 30px 0; box-sizing: border-box; } .header h1 span{ margin: 0; } .ldlist { float: left; width: 260px; } .ldnr { float: right; width: 700px; margin-top: 30px; } .ldlist p { font-size: 20px; color: #404040; font-weight: normal; margin: 10px 0; border-bottom: 2px dotted #ccc; } .ldlist h3 { font-size: 16px; margin-top: -10px; margin-bottom: 20px; } .ldlist span { border-bottom: 3px solid #bd1a2d; } /*右侧图标*/ .right-share { position: absolute; top: 240px; right: 20px; } .right-share li { position: relative; margin-bottom: 3px; border: 3px solid #c50001 } .right-share li i { cursor: pointer; display: block; width: 48px; height: 48px; } .right-share li i.icon1 { background: #c50001 url(../../../../../../yw/201912/W020191225574932373894.png) center no-repeat } .right-share li:hover i.icon1 { background: #ffffff url(../../../../../../yw/201912/W020191225544530327129.png) center no-repeat } .right-share li i.icon2 { background: #c50001 url(../../../../../../yw/201912/W020191222451366349245.png) center no-repeat } .right-share li:hover i.icon2 { background: #ffffff url(../../../../../../yw/201912/W020191222451366995698.png) center no-repeat } .right-share li i.icon3 { background: #c50001 url(../../../../../../yw/201912/W020191222481952785450.png) center no-repeat } .right-share li:hover i.icon3 { background: #ffffff url(../../../../../../yw/201912/W020191222481953623500.png) center no-repeat } .right-share li i.icon4 { background: #c50001 url(../../../../../../yw/201912/W020191214364381636781.png) center no-repeat } .right-share li:hover i.icon4 { background: #ffffff url(../../../../../../yw/201912/W020191214360421908413.png) center no-repeat } .right-share li i.icon5 { background: #c50001 url(../../../../../../yw/201912/W020191228391581817410.png) center no-repeat } .right-share li:hover i.icon5 { background: #fffff url(../../../../../../yw/201912/W020191226333766385012.png) center no-repeat } .right-share li:hover .share-show { display: block } .share-show { display: none; padding: 16px; right: 60px; top: -10px; position: absolute; box-shadow: 0 4px 10px rgba(0,0,0,.1); background: #fff; border-radius: 3px; } .share-show:after { top: 24px; content: ''; border: 8px solid transparent; border-left-color: #fff; right: -16px; position: absolute; width: 0; height: 0 } .right-share>ul>li.help .help-cont { position: absolute; background: #c50001; height: 48px; line-height: 48px; color: #fff; left: -40px; top: 0; border-radius: 48px; align-items: center; width: 16px; padding: 0 } .right-share ul li.help .help-cont a { white-space: nowrap; margin-left: 8px; font-size: 16px; color: #fff } .right-share ul li.help .help-cont:after { display: none } .right-share ul li.help .help-cont a:hover { text-decoration: none } .right-share ul li.help .help-cont a img { margin: 16px 0 0 16px; float: left } .ewm-show { text-align: center; } .ewm-show ul { margin: 0 } .ewm-show li { width: 50%; float: left; text-align: center; margin-bottom: 0 } .ewm-show li span { margin-top: 8px; } .ewm-show img { width: 80px; max-width: inherit } .tab-hd { font-size: 24px; color: #404040; font-weight: 400; padding-left: 0; width: 100%; overflow: hidden; border-bottom: 1px solid #ccc; line-height:40px; } .active { font-size: 24px; color: #404040; font-weight: 400; padding-left: 3px; border-bottom: 4px solid #bd1a2d; float: left; cursor: pointer; } .active01 { font-size: 24px; color: #fff; font-weight: 400; padding-left: 3px; border-bottom: 4px solid #fff; float: left; cursor: pointer; } .tab-hd li { float: left; font-size: 24px; color: #404040; font-weight: 400; box-sizing: content-box; margin-right: 32px; padding: 0; } .tab-bd li { line-height: 200%; margin: 15px 0; } .tab-bd span { text-indent: 120px; } .tab-bd i { position: absolute; text-indent: 8px; } .tab-bd li a { font-size: 14px; float: left; line-height: 35px; width: 90%; text-indent: 8px; overflow: hidden; } .tab-bd li i { font-size: 1px; width: 4px; height: 4px; background: #bd1a2d; line-height: 4px; margin: 15px 0; } .tab-bd li a:hover { color: #bd1a2d; } .tab-bd ul { margin-top: 16px; margin-right: 20px; } .allList { overflow: hidden; width: 100%; } .allList p { line-height: 32px; margin: -32px 32px; color: #404040; } .allList li { line-height: 32px; margin: 3px 0; overflow: hidden; height: 32px; float: left; width: 100%; box-sizing: border-box; } .allList ly{ color:#bd1a2d; font-size: 14px; padding-left: 10px; } .allList span { text-indent: 120px; } .allList i { position: absolute; text-indent: 8px; } .allList li a { font-size: 14px; line-height: 200%; width: 100%; padding-left: 10px; } .allList li a:hover { color: #bd1a2d; } .allList li i { font-size: 1px; width: 4px; height: 4px; background: #bd1a2d; color: #bda12d; line-height: 4px; margin: 15px 0; } .tab-bd ul { margin-top: 16px; margin-right: 20px; } .news_sp_ul li { float: left; width: 155px; margin: 0 10px; text-align: center; } .news_sp_ul li img { width: 150px; height: 110px; margin-bottom: 8px; } .news_sp_ul li a { font-size: 14px; float: left; } .news_sp_ul { margin-top: 16px; float: left; } .news_gk { width: 100%; } .news_gk li { float: left; margin-right: 12px; border: 3px solid #eee; max-width: 192px; box-shadow: 0px 0px 10px #e9e9e9; margin-bottom: 16px; transition: all 0.3s; cursor: pointer; } .news_gk li:hover { border: 3px solid #bd1a2d; } .news_gk li img { width: 44px; padding: 16px 23px 32px 23px; } .news_gk li p { margin-top: -32px; margin-bottom: 8px; text-align: center; font-size: 13px; color: #404040; } .news_gk li.s1 { border: 3px solid #bd1a2d; } .news_gk li.s2 { border: 3px solid #eee; } .news_fw { width: 100%; } .news_fw li { float: left; margin-right: 16px; border: 2px solid #eee; min-width: 254px; box-shadow: 0px 0px 10px #e9e9e9; margin-bottom: 16px; transition: all 0.3s; cursor: pointer; } .news_fw li img { width: 44px; padding: 16px 24px 32px 24px; } .news_fw li p { margin-top: -64px; margin-bottom: 32px; text-align: center; font-size: 20px; color: #404040; padding-left: 16px; } .news_fw li.s1 { border: 3px solid #bd1a2d; } .news_fw li.s2 { border: 3px solid #eee; } .news_zt { width: 100%; } .news_zt li { width: 235px; box-shadow: 0px 0px 10px #e9e9e9; margin-bottom: 16px; margin-left: 16px; transition: all 0.3s; cursor: pointer; height: 80px; float: left; } .news_zt li img { width: 112px; margin: -16px; } .news_zt li p { margin-top: -160px; margin-bottom: 8px; text-align: center; font-size: 20px; color: #404040; } .news_zt li.s1 { border: 3px solid #bd1a2d; } .news_zt li.s2 { border: 3px solid #eee; } /*首页办事伸缩*/ .guide-slider { width: 1250px; margin: 10% auto; background: #fff; height: 260px; } .guide-slider .guide { width: 200px; height: 260px; float: left; -webkit-transition: all ease-in .3s; transition: all ease-in .3s; position: relative; overflow: hidden; } .guide-slider .guide .display { border-right: 1px solid #d5d5d5; width: 200px; height: 260px; text-align: center; float: left; position: relative; z-index: 2; background: #ffffff; -webkit-transition: all ease-in .3s; transition: all ease-in .3s; } .guide-slider .guide .display .icon { display: inline-block; width: 74px; height: 74px; margin-top: 42px; background-image: url("function.png"); } .guide-slider .guide .display .icon.icon1 { background-position: -592px 0; } .guide-slider .guide .display .icon.icon2 { background-position: 0 0; } .guide-slider .guide .display .icon.icon3 { background-position: -296px 0; } .guide-slider .guide .display .icon.icon4 { background-position: -444px 0; } .guide-slider .guide .display .icon.icon5 { background-position: -518px 0; } .guide-slider .guide .display .title { font-size: 16px; color: #666666; height: 40px; line-height: 40px; } .guide-slider .guide .display .introduction { border-top: 1px solid #ddd; width: 150px; margin: 0 auto; font-size: 12px; color: #999999; text-align: left; line-height: 20px; } .guide-slider .guide .display::after { content: ""; display: block; position: absolute; border-: solid; border-color: transparent #ffffff transparent transparent; border-width: 10px 15px; top: 100%; margin-top: 0; right: -1px; -webkit-transition: all ease-in .3s; transition: all ease-in .3s; } .guide-slider .guide .behind { width: 250px; height: 260px; display: inline-block; border-right: 1px solid #ddd; background: #fff; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 1; } .guide-slider .guide .behind .function-list-wrap { width: 210px; margin: 0 auto; } .guide-slider .guide .behind .function-list { margin-right: -10px; margin-top: 20px; } .guide-slider .guide .behind .function-list > li { float: left; padding-right: 10px; } .guide-slider .guide .behind .function-list > li > a { display: block; border: 1px solid #ddd; width: 100px; height: 40px; text-align: center; line-height: 40px; margin-bottom: 18px; color: #0876c2; } .guide-slider .guide .behind .function-list > li > a:hover { text-decoration: none; border: 1px solid #0876c2; background: #0876c2; color: #ffffff; } .guide-slider .guide .behind .function-list > li > a.important { color: #f58914; } .guide-slider .guide .behind .function-list > li > a.important:hover { border: 1px solid #f58914; background: #f58914; color: #ffffff; } .guide-slider .guide.on { width: 450px; } .guide-slider .guide.on .display { background: #4fa0d8; border-right-color: transparent; } .guide-slider .guide.on .display .title { color: #fff; } .guide-slider .guide.on .display .introduction { color: #fff; } .guide-slider .guide.on .display::after { top: 50%; margin-top: -5px; } .guide-slider .guide.on .display .icon.icon1 { background-position: -74px 0; } .guide-slider .guide.on .display .icon.icon2 { background-position: -148px 0; } .guide-slider .guide.on .display .icon.icon3 { background-position: -222px 0; } .guide-slider .guide.on .display .icon.icon4 { background-position: -370px 0; } .guide-slider .guide.on .display .icon.icon5 { background-position: -666px 0; } /*左侧栏目*/ .menu,.tab-box { width: 300px; margin: 0 auto; float: left; border: 1px solid #eee; } .menu p{ padding-left: 40px; line-height: 56px; font-size: 20px; background: #bd1a2d; color: #fff; } .menu ul li { border-bottom: 1px solid #eee; font-size: 15px; padding: 15px 20px; } .menu ul li a{ line-height: 32px; font-size:16px; } .menu ul li span i { width: 0; height: 0; border-top: 10px solid #bd1a2d; border-left: 7px solid transparent; border-right: 7px solid transparent; margin-top: 24px; float: right; margin-right: 32px; } .menu ul li span i.action { transition: all 0.3s ease-out; } .menu ul li>dl { background: #fff; text-indent: 32px; display: block; } .menu ul li>dl a { display: block; width: 100%; font-size: 16px; color: #404040; text-decoration: none; cursor: pointer; border-bottom: 1px solid #ccc; } .Jmenu a { background: #000; } /*上方栏目*/ .tab-box { width: 600px; margin-top: 40px; } .tab-box .tab { border-bottom: 1px solid #eee; } .tab-box .tab ul li { width: 33.3%; float: left; height: 55px; line-height: 55px; text-align: center; } .tab-box .tab ul li.action { background: #d8e7f5; } .tab-box .box { width: 100%; height: 200px; } .tab-box .box .item { display: none; padding: 15px; height: 200px; } .tab-box .box .item:first-child { display: block; } /*专题图*/ .pic_content ul li { float: left; padding: 3px; background: #eaeaea; text-align: center; margin: 15px 23px 15px 0; position: relative; } .pic_content ul li p { line-height: 14px; line-height: 24px; color: #404040; width: 151px; position: absolute; bottom: 2px; left: 2px; text-align: center; font-size: 14px; } .pic_content ul li a img { width: 152px; height: 90px; } /*悬浮链接*/ .suspension { position: fixed; z-index: 55; right: 0; top: 425px; width: 70px; height: 240px; } .suspension-box { position: relative; float: right; } .suspension .a { display: block; width: 44px; height: 44px; background: #ff8787; margin-bottom: 4px; cursor: pointer; outline: none; border-radius: 22px; } .suspension .a.active,.suspension .a:hover { background: #bd1a2d; } .suspension .a .i { float: left; width: 44px; height: 44px; background-image: url(../../../../../../yw/201912/W020191225574932373894.png); background-repeat: no-repeat; } .suspension .a .i { background-position: -96px 0; } .suspension .a-service .i { width: 26px; height: 26px; margin-top: 10px; margin-left: 10px; background-image: url(../../../../../../yw/201912/W020191225574932373894.png); background-repeat: no-repeat; background-position: -56px -10px; } .suspension .a-service-phone .i { width: 26px; height: 26px; margin-top: 10px; margin-left: 10px; background-image: url(../../../../../../yw/201912/W020191225574932373894.png); background-repeat: no-repeat; background-position: -150px -10px; } .suspension .a-.i { background-position: -44px 0; } .suspension .a-cart .i { width: 26px; height: 26px; margin-top: 10px; margin-left: 10px; background-image: url(../../../../../../yw/201912/W020191225574932373894.png); background-repeat: no-repeat; background-position: -10px -10px; } .suspension .a-top .i { background-position: -182px 0; } .suspension .a-top { background: #40404060; display: none; } .suspension .a-top:hover { background: #c0c1c3; } .suspension .d { display: none; width: 128px; background: #fff; position: absolute; right: 67px; min-height: 90px; border: 1px solid #E0E1E5; border-radius: 3px; box-shadow: 0px 2px 5px 0px rgba(161,163,175,0.11); } .suspension .d .arrow { position: absolute; width: 8px; height: 12px; background: url(../../../../../../yw/201912/W020191225544535931442.png) no-repeat; right: -8px; top: 31px; } .suspension .d-service { top: 0; } .suspension .d-service-phone { top: 34px; } .suspension .d-cart { top: 78px; } .suspension .d-qrcode { top: 0px; } .suspension .d .inner-box { padding: 16px; } .suspension .d .inner-box img { width: 90px; } .suspension .d-qrcode { text-align: center; } .suspension .d-qrcode .inner-box { padding: 20px 0; } .suspension p { font-size: 16px; color: #93959c; text-align: center; } /*首页弹出*/ *html .advbox { position: absolute; top: expression(eval(document.documentElement.scrollTop)); } .advbox { width: 156px; position: fixed; display: none; left: 0; top: 0; box-shadow: 0 4px 20px 0 rgba(0,0,0,0.5); margin: -172px 0 0 0; } .advbox .advpic { position: relative; height: 344px; overflow: hidden; } .advbox .advpic .closebtn { display: block; width: 35px; height: 35px; line-height: 35px; font-size: 16px; color: #333333; text-indent: 12px; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 99; background: #d4e9ef; } /*跳转提示*/ *html .notesbox { position: absolute; top: expression(eval(document.documentElement.scrollTop)); } .notesbox { width: 556px; position: fixed; display: none; background: #fff; border: 1px solid #ccc; right: 0; top: 0; box-shadow: 0 4px 20px 0 rgba(0,0,0,0.5); margin: -172px 0 0 0; } .notesbox .notespic { position: relative; height: 344px; overflow: hidden; } .notesbox .notespic .closebtn { display: block; width: 60px; height: 22px; line-height: 26px; font-size: 16px; color: #fff; text-indent: 12px; overflow: hidden; position: absolute; right: 32px; top: 9.6px; z-index: 99; } .tp_list { padding: 1px 0 0; zoom: 1; overflow: hidden; } .tp_list ul { margin: -11px 0 0 0px; padding: 0 40px } .tp_list li { position: relative; display: inline; float: left; width: 320px; margin: 25px 0 0px 35px; } .tp_list li em { position: absolute; left: 20px; bottom: 60px; width: 22px; height: 22px; overflow: hidden; text-indent: -99999px; background: url(icos.png) no-repeat -98px -3px; } } .tp_list h3,.tp_list p { width: 100%; height: 20px; overflow: hidden; margin: 5px 0 0; line-height: 18px; } .tp_list .u-img img { width: 320px; height: 200px; border:1px solid #ccc; } .tp_list h3 { height: 50px; margin-top: 5px; text-align: center; } .tp_list h3 a { font-size: 14px; font-weight: normal; } .xxgkzl_bg { background: url(../../../../../../xxgk/zfxxgk/images/P020200115556809293997.jpg) no-repeat center; } /*焦点图*/ .focus{ position:relative; width:585px; height:340px; float: left;} .focus img{ width: 585px; height: 340px;} .focus .shadow .title{width: 260px; height: 50px;padding-left: 30px;line-height:50px;} .focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; } .focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} .focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; } .focus .btn a:hover,.focus .btn a.current{ cursor:pointer;background:#fc114a;} .focus .fPic{ position:absolute; left:0px; top:0px; } .focus .D1fBt{ overflow:hidden; zoom:1; height:16px; z-index:10; } .focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:50px; line-height: 50px; background:rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9; display:block; text-align:left;color:#fff; } .focus .shadow a{ text-decoration:none; color:#fff; font-size:16px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";} .focus .fcon{ position:relative; width:100%; float:left; display:none; background:#000 } .focus .fcon img{ display:block; } .focus .fbg{bottom:12px; right:10px; position:absolute; text-align:center; z-index: 200; } .focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:auto} .focus .D1fBt a{position:relative; display:inline; width:10px; height:10px; border-radius:7px; margin:3px 8px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#fff; } .focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;} .focus .D1fBt img{display:none} .focus .D1fBt i{display:none; font-:normal; } .focus .prev,.focus .next{position: absolute; top: 60%; transform: translateY(-50%); font-size: 48px; font-weight: 900; user-select: none; color: #fff; border-radius: 5px; cursor: pointer; transition: all 0.1s linear;} .focus .prev{top: 60%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; } .focus .next{top: 60%;margin-top: -37px; right: 0; background-position:-40px -74px; cursor:pointer;} .focus .prev:hover{ background-position:0 0;background:#000; } .focus .next:hover{ background-position:-40px 0;background:#000;} .ft a { width: 230px; height: 240px; float: left; text-align: center; padding: 10px; box-sizing: border-box; color: #404040; font-size: 14px; -webkit-transition: all 0.3s; transition: all 0.3s; box-shadow: 0 3px 20px 0 rgba(0,0,0,0.1); margin: 10px; } .ft a img { width: 210px; height: 150px; border-bottom: 4px solid #bd1a2d; } .ft a:hover { background: #bd1a2d; color: #fff; } .ft a p { width: 90%; text-align: center; margin: 10px auto; } a:hover.bta01 { background: #ff593c; color: #fff; } .bta01 { background: #fcbb0c; padding: 15px 80px; line-height: 70px; box-shadow: 8px 8px 0 rgba(0,0,0,0.1); margin: 10px; } a:hover.bta02 { background: #d40a2a; color: #fff; } .bta02 { background: #bd1a2d; padding: 15px 80px; line-height: 70px; box-shadow: 8px 8px 0 rgba(0,0,0,0.1); margin: 10px; color: #fff; } .contcqhlxjf{ display: none; position: fixed; top: 40%; left: 33%; width: 22%; height: 140px; padding: 20px; border: 3px solid #bd1a2d; background: #fff; color: #404040; z-index:1; overflow: auto; line-height:2; font-size:14px; } .contcqhlxjfzw{ display: none; position: fixed; top: 40%; left: 33%; width: 22%; height: 140px; padding: 20px; border: 3px solid #bd1a2d; background: #fff; color: #404040; z-index:1; overflow: auto; line-height:2; font-size:14px; } .header_new li:nth-child(1){ width:40px; } .header_new li:nth-child(2){ width:200px; } .header_new li:nth-child(3){ width:150px; } .header_new li:nth-child(4){ width:200px; } .header_new li:nth-child(5){ width:100px; } .header_new li:nth-child(7){ width:200px; } @media screen and (min-width: 300px) and (max-width: 900px){ /******************** 全局移动端样式 ***************/ /******************** JH ***************/ html { overflow-x: hidden; } #cont_cqhlxjf { top: 50%; left: 50%; transform: translate(-50%-50%); width: 80%; } /** 热门搜索 */ .gray_bg { width: unset!important; } .gray_bg .rd_tab { height: unset; } .gray_bg .rd_tab #D1pic2 { position: unset; } .gray_bg .rd_tab #D1pic2 .fcon:nth-child(2) .I_box_01 { width: 47% !important; float: left; } .gray_bg .rd_tab #D1pic2 .fcon:nth-child(2) .I_box_01 p { /*line-height: unset;*/ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .gray_bg .rd_tab #D1pic2 .fcon:nth-child(2) .rd_fw_list >li { width: 100%; } .gray_bg .rd_tab #D1pic2 .fcon:nth-child(3) .I_box_01 { margin-bottom: 5px; } .gray_bg .rd_tab #D1pic2 .fcon:nth-child(3) .rd_fw_list >li { width: 100%; } .gray_bg .rd_tab #D1pic2 .fcon:nth-child(3) .rd_fw_list >li:first-child { margin-top: 0; } .gray_bg .rd_tab #D1pic2 .fcon:nth-child(3) .rd_fw_list >li { margin-top: 5px; } /** 按个人、按主题、按单位、场景式服务 */ .part1.clearfloat:nth-child(4) { padding: 0 !important; } .part1.clearfloat:nth-child(4) .tab-hd01 { display: flex; justify-content: space-between; align-items: center; } .part1.clearfloat:nth-child(4) .tab-hd01 >li { width: 80px !important; font-size: 14px; height: 30px; line-height: 30px; margin-right: unset; } .part1.clearfloat:nth-child(4) .tab-bd01 >li .bsfw_list { width: 100%!important; } .part1.clearfloat:nth-child(4) .tab-bd01 >li .bsfw_list .I_person_list { padding: 0 8px 0; } .part1.clearfloat:nth-child(4) .tab-bd01 >li .bsfw_list .I_person_list >a { width: 50% !important; margin: 0 !important; overflow: hidden; } .part1.clearfloat:nth-child(4) .tab-bd01 >li .bsfw_list .I_person_list >a >span { /*line-height: unset;*/ height: 66px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } /** 跨省通办、个人办事、法人办事、事业单位公开招聘、 */ .part1.clearfloat { padding: 0 8px 0 !important; } .part1.clearfloat .zfxxgk .banner { display: flex; flex-flow: row; justify-content: space-between; align-items: center; } .part1.clearfloat .zfxxgk .banner .more { height: 24px; } .part1.clearfloat .zfxxgk .banner .more a { text-align: right; } .part1.clearfloat .zfxxgk .zfxxgk-main { width: 100%; margin: 0; } .part1.clearfloat .zfxxgk .zfxxgk-main >ul { width: 100%; margin: 0; } .part1.clearfloat .zfxxgk .zfxxgk-main >ul >li { width: 38%!important; margin: 4px; } .part1.clearfloat .zfxxgk .zfxxgk-main >ul >li >a { text-align: left; height: 44px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /** */ .homeWdbox { display: flex; flex-flow: column; padding-bottom: 20px; margin-bottom: 8px; } .homeWdbox .homeWd_left { width: 100%; } .homeWdbox .homeWd_left ul li { width: 39%; font-size: 16px; } .homeWdbox .homeWd_left ul li a { font-size: 18px; } .homeWdbox .homeWd_right { margin-top: 10px; width: 100%; border-left: none; } .homeWdbox .homeWd_right p { height: 128px; display: flex; align-items: center; } .homeWdbox .homeWd_right ul { width: 100%; display: flex; flex-direction: row; justify-content: space-between; } .homeWdbox .homeWd_right ul li { padding: 8px 16px; margin-right: 0; } .homeWdbox .homeWd_right ul li img { width: 30px; height: 30px; } /** 公共专栏 */ .newsmain li a img { width: 100%; height: 100%; } /** 政府信息公开 */ .news_gk { padding: 8px 10px; } .ban_title { font-size: 18px; } .part1 .w50 .banner .more a { text-align: right; } .part1 .w48 .banner .more a { text-align: right; } .part1.clearfloat:nth-child(10) { padding-top: 8px !important; /*margin-top: 8px;*/ } .part1:nth-child(11) .ft a { width: 94%; } .jzmail ul { /*display: flex;*/ /*justify-content: space-between;*/ } .jzmail a { padding: 10px 20px; } .classify-box .clearfloat { display: flex; justify-content: space-between; } .classify-box .clearfloat a { margin-left: unset !important; } .classify-box ul { height: unset; } .classify-box ul li { width: 50%; } .classify-box ul li:nth-child(7) { width: 100%; } .classify-box ul li:nth-child(7) div img { position: absolute; width: unset!important; left: 0; } .classify-box ul li:nth-child(7) div span:nth-child(2) { left: 20px; right: unset!important; } .classify-box ul li:nth-child(7) div span:nth-child(3) { left: 140px; right: unset!important; } /** 专题服务 */ .part1:nth-child(13) .pic_content ul{ display: flex; flex-flow: row; flex-wrap: wrap; } .part1:nth-child(13) .pic_content li { flex: 1; max-width: calc(46% - 8px); margin: 6px; /*margin: 15px 20px 15px 0;*/ } .part1:nth-child(13) .pic_content li a { display: block; width: 100%; height: 100%; /*margin: 15px 20px 15px 0;*/ } .part1:nth-child(13) .pic_content li a img { /*margin: 15px 20px 15px 0;*/ object-fit: contain; } /************** T ************/ body { overflow: scroll; } .part1 { width: 100%!important; } /* 公开专栏 */ .part1 .ban_title a { font-size: 18px; } .part1 .newsmain ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .part1 .newsmain ul li { width: 45%!important; height: auto!important; } /* 政府信息公开 */ .part1 > p { height: unset!important; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; } .part1 > p > .bta02 { margin-top: 10px; padding: 10px 20px; width: calc(50% - 20px); height: 60px; line-height: unset; box-sizing: border-box; display: flex; align-items: center; justify-content: center; } .part1 > .news_gk { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } .part1 > .news_gk > li { width: 30%; margin: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; } .jzmail ul { display: flex; flex-direction: row; flex-wrap: nowrap; height: 80px; clear: both; width: 100%; } .jzmail ul a { width: 55%; display: flex; justify-content: center; align-items: center; } /* 左右栏布局 */ .part1 .w50.part1 .w48 { width: 100%; } /* 焦点图、工作动态 */ .focus { width: 100%!important; height: 160px!important; box-sizing: border-box; } .focus img { width: 100%!important; height: 160px!important; } .part1 > div:nth-child(2) { margin-top: 15px!important; width: 100% !important; } /**** 首页焦点图 *******/ .g_index .focus_area > .home_head_news.g_index .focus_area .L_float { width: 100%!important; } .y-carousel { min-width: unset!important; width: 100vw!important; height: 600px!important; } .y-carousel .focus_area .home_head_news .tab-bd li p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; color: #fff; } .y-carousel .focus_area { width: 100%!important; padding: 0 10px; } .y-carousel .focus_area .w50 { width: 100%!important; } .y-carousel .focus_area .w50 .focus.y-carousel .focus_area .w50 .focus img { width: 100%; height: 160px; box-sizing: border-box; } .focus .fPic { width: 100%; } .tab-hd.home_head_news .tab-hd li.home_head_news .tab-hd li a { font-size: 16px!important; } .tab-hd { display: flex; } .tab-hd li { margin-right: 10px!important; } /* 箭头 */ .focus .prev.focus .next { font-size: 30px!important; } /**** 首页导航 *******/ .g_index { min-width: unset!important; } .index_nav_bg { width: 100%!important; background: #d40a2a; transform: unset!important; } .index_nav { position: relative; background-color: #d40a2a; width: 100%!important; display: flex; flex-direction: row; flex-wrap: wrap; line-height: 40px; margin: 0; } .index_nav >li { text-align: center; min-width: 30%; max-width: 30%; flex: 1; padding: 0; font-size: 16px!important; line-height: unset!important; padding: 0!important; } .index_nav li a { font-size: 16px!important; } .index_nav >li >a { /*pointer-events: none;*/ } .index_nav li .nav_item{ display: none !important; /*position: relative;*/ width: unset; padding-bottom: 20px; } .index_nav li .nav_item ul { display: flex; flex-flow: row; flex-wrap: wrap; position: absolute; background: rgba(2392201881); /*top: 10px;*/ left: 0; width: calc(100vw - 20px); margin: 10px 10px 0; /*height: 200px;*/ } .index_nav li .nav_item ul li { min-width: fit-content; /*margin-right: 30px;*/ line-height: 40px !important; } /* ****政民互动**** */ .part1 .newsmain .head_news > .allList > ul > li { width: 100%!important; } /*******政务公开******/ .g_head_box { width: 100%; min-width: unset !important; } .g_head_box .navTop_box.g_head_box .top_logo { display: none; } .g_head_box .m_head { display: flex; flex-direction: column; } .g_head_box .m_head .m_logo { height: 40px; display: flex; margin: 12px 0 0; } .g_head_box .m_head .m_logo img { height: 40px; padding-left: 18px; } .g_head_box .m_search_box { margin: 0 10px; width: 375px; } .g_head_box .m_search_box .m_search { min-width: 300px; width: 100%; } .g_head_box .m_search_box .m_search .m_search_fl { width: 99%; } .g_head_box .m_search_box .m_search .searchbutton { width: 60px; padding: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; } /* 导航栏 */ .g-nav-box { min-width: unset!important; overflow: hidden; } .g-nav-box .g-nav { width: 100%!important; display: flex!important; flex-direction: row; flex-wrap: wrap; } .g-nav-box .g-nav li { width: unset !important; } .g-nav-box .g-nav li a { font-size: 16px; } /** 政务公开二级菜单*/ .m-nav-secondary { width: 100% !important; /*width: calc(100vw - 20px) !important;*/ /*margin: 10px 10px 10px !important;*/ } .m-nav-secondary .u-nav-zwgk { display: flex; flex-flow: row; flex-wrap: wrap; /* height: 100%!important; */ line-height: unset!important; flex-direction: row; height: unset; } .m-nav-secondary .u-nav-zwgk li { min-width: fit-content; float: unset!important; } /* 隐藏导航栏 */ .crumbs { display: none!important; } /* 页面底部 */ .rsj_foot_box { min-width: 100%!important; } .rsj_foot_box .rsj_foot_box_nr { width: 100%; padding: 0; height: unset; display: flex; flex-direction: row; } .rsj_foot_nr_txt { box-sizing: border-box; float: unset; width: 100%; padding: 16px 10px 16px 0!important; background: unset !important; height: unset!important; } .rsj_foot_nr_txt { } .rsj_foot_box_nr a { padding-right: 0!important; } .rsj_foot_nr_txt { width: 100%!important; } .rsj_foot_nr_txt > p { width: 100%; height: auto; } .rsj_foot_box .rsj_foot_nr_jiucuo.rsj_foot_nr_ewm.rsj_foot_bottom { display: none; } .sidebar-war { display: none!important; } /* 移动端不显示 */ .mobile-not-show{ display: none !important; } /* 移动端显示 */ .mobile-show{ display: block !important; } .m_search_fr{ display: none !important; } .searchword{ display: none !important; } .m_search_box{ margin-bottom: 10px !important; } } /* 人事考试_文件通知样式H5CSS */ @media screen and (min-width: 300px) and (max-width: 900px) and (orientation: portrait) { .bg{ width: unset !important; } .bg .main{ display: flex; flex-flow: column; } .bg .main .left{ width: 100%; } .bg .main .left .tit_ty{ background: transparent; } .left #menu li{ width: 100%; } .left #menu{ padding-right: 20px; } .bg .main .list_right{ width: unset; } .bg .main .list_right .test_list_red .red span img{ display: none; } .bg .main .list_right .test_list >li >span{ background: transparent; } .bg .main .test_list li{ padding-left: 14px; } .bg .main .test_list li span{ width: 88% !important; padding-right: 20px; } .bg .main .test_list li span a{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .top{ width: 100% !important; } .top .erweima{ display: none !important; } } /* 人事考试_去掉头尾样式处理 H5CSS */ @media screen and (min-width: 300px) and (max-width: 900px) and (orientation: portrait) { .g_head_box{ display: none !important; } .g-nav-box{ display: none !important; } .rsj_foot_box{ display: none !important; } .print{ display: none !important; } } /* 新闻速览 */ @media screen and (min-width: 300px) and (max-width: 900px) and (orientation: portrait) { .part1 .menu { width: 100%; } .part1 .menu ul { display: flex; flex-direction: row; } .part1 .menu ul p { display: none; } .part1 .menu ul li { padding: 5px 7px; } .part1 .listBox .list { border: unset; } .crumbs { display: none; } } /* 新闻速览 人力社保知识小课堂详情页 */ @media screen and (min-width: 300px) and (max-width: 900px) and (orientation: portrait) { .box{ width: unset !important; } #mainText{ width: unset !important; } #mainText .header .xqrqly{ border-bottom: none; } #mainText .header .xqrqly dl{ display: none; } #mainText .header .xqrqly dl #proclaim{ display: none; } #mainText .header .xqrqly #proclaim #share{ display: none; } /*#mainTextZoom{*/ /* height: 220px;*/ /*}*/ #mainTextZoom iframe{ width: 100%; height: 220px; } #mainTextZoom iframe video { width: 100% !important; height: 220px !important; } #mainTextZoom p a { width: 100% !important; margin-right: 0 !important; margin-bottom: 10px; } #mainTextZoom p a img { max-width: 100% !important; } .box .container #mainText .header .xqrqly #proclaim .m-share .share .qrcodefoot { padding-left: 0 !important; } .box .container #mainText #mainTextZoom .m-share .share#sharefoot .qrcodefoot { padding-left: 0 !important; text-align: center; } .box .container #mainText #mainTextZoom p.print { padding: 0; text-align: center; } #mainTextZoom{ padding-right: 1px } #mainTextZoom .ue_table{ overflow: auto; } #mainTextZoom .ue_table .firstRow td{ min-width: 80px; } #mainText table{ box-sizing: border-box; } } body { background:#f4f9ff; } font{ font-size:14px; color:#404040; } .logo{ padding-top: 25px; } .detailed table td{ border-right: 1px solid #404040; border-bottom: 1px solid #404040; padding-left: 16px; padding-right: 16px; line-height: 38px; } .detailed table{ width: 100%; border:1px solid #404040; box-sizing: content-box; background: #fff; border-right:0; border-bottom:0; } .detailed p{ color:#404040; font-family: "Microsoft YaHei","Arial"; } .detailed a{ color:#404040; } .top{ width:1150px; height:100px; background:#f4f9ff url(http://rsj.beijing.gov.cn/images/rsks_banner.png) no-repeat center; margin:0 auto; position:relative; margin-left:auto; margin-right:auto; } .erweima { position: absolute; right: 20px; top: 20px; } .TRS_Editor table p { color: #404040; font-size: 14px; font-family: "\Microsoft YaHei\SimHei","Arial"; } b { display: none; } .TRS_Editor div p font { color: #404040; font-size: 14px; line-height: 210%; } .header h1 p font { padding-top: 30px; font-size: 28px; } .TRS_Editor span,.TRS_Editor span font { color: #404040; font-family: "\Microsoft YaHei\SimHei","Arial"; } .TRS_Editor p { color: #404040; } .TRS_Editor span strong { display: none; } #mainText table td div { margin-top: -30px; } #mainText table td table { margin: 20px 0; } strong { font-family: "\Microsoft YaHei\SimHei","Arial"; font-weight: normal; } .view span { font-family: "\Microsoft YaHei\SimHei","Arial"; font-size: 14px; line-height: 30px; }