.wsj{ overflow: hidden; } .index_focus{ position: absolute; width: 1910px; left: 50%; margin-left: -959px; top: 0; } .index_focus .bds{ margin: 0 auto;width: 100%; } .H_Banner{ width: 100%; float: left; position: relative; } .H_slider1 .bd ul li{ position: relative; } /*banner轮播图*/ .H_BannerImg1{ width: 100%; height: 480px; } .H_slider1{ width: 100%; height: 480px; position:relative; /*overflow:hidden;*/ } .H_slider1 .bd{ width:100%; position:absolute; top: 0; left: 0; overflow: hidden; } .H_slider1 .bd li{ width:100%; height: 480px; overflow:hidden; } .H_slider1 .bd li a{ display: block;width: 100%; } .H_slider1 .bd li a img{ display: block;width: 100%;height: 100%; } .H_slider1 .hd { position: absolute; right: 50%; bottom: 20px; text-align: center; z-index: 20; } /* .H_slider1 .hd{ position:absolute; right: 10px; bottom:20px; text-align:center; z-index: 20; } */ .H_slider1 .bd ul li p{ color:#ffffff; font-size: 20px; position: absolute; left: 20px;bottom: 20px; z-index: 20; } .H_slider1 .hd li{ float: left; width:6px; height:6px; /*overflow:hidden;*/ cursor:pointer; border-radius: 50%; margin-right: 10px; background:url("/staticbjmfbfcom/static.mfzxcn.com/static/img/spot2.png") no-repeat center; } .H_slider1 .hd li.on{ border-radius: 5px; border:none; width: 26px; background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/strip.png") no-repeat center; } .H_slider1 .hd li{ float: left; width:11px; height:10px; /*overflow:hidden;*/ cursor:pointer; border-radius: 50%; margin-right: 10px; background:url("/staticbjmfbfcom/static.mfzxcn.com/static/img/zh_item1.png") no-repeat center; } .H_slider1 .hd li.on{ border-radius: 5px; border:none; width: 30px; background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/zh_item2.png") no-repeat center; } .P-img{ margin-top:30px; } .con-Modular1{ width: 100%;padding: 30px 0; } .con-Modular2{ width: 100%;background-color: #eef0f5; } .con-Modular2 .lar2bg-box{ padding: 30px 0; background-color: #eef0f5; } .con-Modular3{ width: 100%; padding: 30px 0; } .con-Modular4{ width: 100%;background-color: #eef0f5; } .con-Modular4 .lar2bg-box{ padding: 30px 0; background-color: #eef0f5; } .con-Modular5{ padding: 30px 0; width: 100%; } .con-Modular6{ background-color: #eef0f5; width: 100%; } .con-Modular6 .lar2bg-box{ padding: 30px 0; background-color: #eef0f5; } .left-navBox-bg{ float: left;background-color: #ffffff; } .right-navBox-bg{ float: right; } .right-navBox-bg .top-bg{ position: absolute; top: 0;left: 0; z-index: 10 ; height: 15px; background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/rigrt-mack.png") no-repeat center; } .left-navBox{ height: 480px; position: relative; float: left;width: 205px;background:#ffffff url("/staticbjmfbfcom/static.mfzxcn.com/static/img/rigrt-mack2.png") no-repeat bottom; } .left-navBox .head-img{ background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/head-img.png") no-repeat center;width: 235px;height: 143px;position: absolute; top:0; left: -5px; } .left-navBox .l-nav-box{ position: relative; z-index: 300; margin-top: 100px; width: 100%; } .left-navBox .l-nav-box li{ float: left; width: 183px; padding:0 10px; height: 64px;cursor: pointer; margin-top: 10px ; } .left-navBox .l-nav-box .li2{ height: 76px; } .left-navBox .l-nav-box li .nav-com { float: left; margin-top: 5px; width: 100%; } /*.left-navBox .l-nav-box li .sp-headBox{*/ /*margin-top: 10px;*/ /*}*/ .left-navBox .l-nav-box li .nav-com{ float: left; margin-top: 5px; width: 100%; } .left-navBox .l-nav-box li .nav-com a{ display: block; float: left; margin-right: 5px; height: 14px; line-height: 12px; } .left-navBox .l-nav-box li .nav-com a:hover{ color: #ff3030; } .left-navBox .l-nav-box li .head-p a{ float: left; color: #333333; font-size:18px ; font-weight: bold; } .left-navBox .l-nav-box li .head-p a:hover{ color: #ff3030; } .left-navBox .l-nav-box li .nav-Icon{ float: left;width: 18px; height: 18px;margin-top: 5px; margin-right: 10px; } .left-navBox .l-nav-box li .nav-Icon1{ background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/l-nav-icon1.png") no-repeat center; } .left-navBox .l-nav-box li .nav-Icon2{ background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/l-nav-icon2.png") no-repeat center; } .left-navBox .l-nav-box li .nav-Icon3{ background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/l-nav-icon3.png") no-repeat center; } .left-navBox .l-nav-box li .nav-Icon4{ background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/l-nav-icon4.png") no-repeat center; } .left-navBox .l-nav-box li .nav-Icon5{ background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/l-nav-icon5.png") no-repeat center; } /* .left-navBox .l-nav-box li .nav-conBox{ float: left; } */ .left-navBox .l-nav-box li .nav-conBox a{ font-size: 12px;margin-right: 8px; } .left-navBox .l-nav-box li .nav-conBox a:hover{ color: #ff3030; } .left-navBox .l-nav-box li .nav-conBox p a{ float: left; color: #333333; font-size: 18px; font-weight: bold; } .right-navBox{ float: right;width: 280px;height: 480px; background:#ffffff url("/staticbjmfbfcom/static.mfzxcn.com/static/img/rigrt-mack.png") no-repeat top; overflow: hidden; } .YesBox .Head-portraitBox .land-box { display: none; position: absolute; bottom: 0; width: 100%; border-top: 1px solid #dddddd; } .no-land .Head-portraitBox .land-box{ display: block; } .Head-portraitBox .land-box .land-btn{ float: left;width: 139px;height: 39px;border-right: 1px solid #dddddd;text-align: center;line-height: 39px; }.Head-portraitBox .land-box a:hover{ color: #ffffff; background-color: #ff3030; } .Head-portrait img{ position: absolute; top:0; left: 0; } .Head-portrait .head-mack{ position: absolute; top:0;left: 0; } .YesBox .Head-portrait .dndl-img{ top: -15px; left: 35px; width: 174px; height: 88px; } .YesBox .Head-portraitBox{ background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/yes-bg.png") no-repeat center; width: 100%;height: 140px; border-bottom: 1px solid #dddddd; } .no-land .Head-portraitBox { background: none; } .YesBox .Head-portraitBox .user-name{ display: block; text-align: center;font-size: 16px;margin-top: 15px; } .no-land .Head-portraitBox .Head-portrait .user-name{ display: none; } .YesBox .Head-portrait{ position: absolute; width: 100%; margin-top: 18px; } .YesBox .Head-portrait a{ position: relative; margin: 0 auto; display: block; width: 70px;height: 70px; } .YesBox .Head-portrait img{ position: absolute; width: 62px; height: 62px; top: 3px; left: 4px; } .YesBox .Head-portrait .head-mack1{ width: 100%; height: 100%; position: absolute; top:0;left: 0; } .no-land .Head-portrait .head-mack1{ display: none; width: 100%; height: 100%; position: absolute; top:0;left: 0; } .YesBox .Head-portrait .head-mack2{ display: none; width: 100%; height: 100%; position: absolute; top:0;left: 0; } .no-land .Head-portrait .head-mack2{ display: block; width: 100%; height: 100%; position: absolute; top:0;left: 0; } .YesBox .Yes-Land{ text-align: center;border-bottom: 1px solid #dddddd; } .YesBox .Yes-Land a{ margin: 0; height: 39px;line-height: 39px;text-align: center; } .YesBox .Yes-Land a:hover{ border-bottom: 1px solid #666666; color: #666666; } .YesBox .Yes-Land i{ display:inline-block;width: 3px;height: 10px;background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/yes-d.jpg") no-repeat center;margin: 0 10px; } .right-navBox .Yes-Land2{ width: 100%;height: 70px;overflow: hidden; background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/rigrt-mack2.png") no-repeat bottom; } .right-navBox .Yes-Land2 a { float: left; height: 100%;width: 100%; background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/fund.png") no-repeat center; } .right-navBox .Yes-Land2 a p{ margin-top: 10px; text-align: center; } .Land{ width: 100%;border-bottom: 1px solid #dddddd; } .Land a{ margin: 0; float: left;height: 30px;line-height: 30px;text-align: center; width: 139px; border-right: 1px solid #dddddd; } .Land .a0{ font-size: 16px; } .Land a:hover{ background-color: #ff3030;color: #ffffff; } .Land .a1{ width: 69px; } .Land .a2{ height: 80px;color: #333333; } .Land .a2:hover{ background-color: #eef0f5; color: #333333; font-weight: bold; } .Land .a2 span{ display: block; margin: 0 auto; margin-top: 15px; width: 25px;height: 25px; } .Land .a2 .sp1{ background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/fund.png") no-repeat center; } .Land .a2 .sp2{ background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/lottery.png") no-repeat center; } .right-navBox .service{ width: 100%;font-size: 14px;border-bottom: 1px solid #dddddd;height: 39px; } .right-navBox .service span{ margin: 0; float: left;height: 100%;line-height: 39px;text-align: center; width: 139px; cursor: pointer; } .right-navBox .service span i{ display: inline-block; height: 37px;line-height: 37px;text-align: center; color: #333333; } .right-navBox .service .i-bot i{ border-bottom: 2px solid #ff3030; font-weight: bold; } .right-navBox .service span:hover i{ border-bottom: 2px solid #ff3030;font-weight: bold; } .Labour-Union span{ width: 100%;display: block;text-align: center;height: 38px;line-height: 38px;border-bottom: 1px solid #dddddd; } .Labour-Union .activities-class{ width: 100%;height: 55px;border-bottom: 1px solid #dddddd; } .Labour-Union .activities-class a{ display: block;height: 56px;width: 69px ;border-right: 1px solid #dddddd; float: left; ; } .Labour-Union .activities-class a:hover{ background-color: #eef0f5; } .Labour-Union .activities-class a i{ display: block; width: 21px;height: 21px; margin: 0 auto; padding-top: 10px } .Labour-Union .activities-class a .i1{ background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/service-icon1.png") no-repeat center; } .Labour-Union .activities-class a .i2{ background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/service-icon2.png") no-repeat center; } .Labour-Union .activities-class a .i3{ background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/service-icon3.png") no-repeat center; } .Labour-Union .activities-class a .i4{ background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/service-icon4.png") no-repeat center; } .Labour-Union .activities-class a .i5{ background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/service-icon5.png") no-repeat center; } .Labour-Union .activities-class a .i6{ background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/service-icon6.png") no-repeat center; } .Labour-Union .activities-class a .i7{ background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/service-icon7.png") no-repeat center; } .Labour-Union .activities-class a .i8{ background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/service-icon8.png") no-repeat center; } .Labour-Union .activities-class a p{ text-align: center; } .service-con-box{ overflow: hidden; } .service-con-box li{ display: none; } .Workers{ width: 100%;padding-left: 1px; overflow: hidden; } .Workers a{ float: left; width: 92px; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; height: 94px; } .Workers a:hover{ background-color: #eef0f5; } .Workers a i{ display: block; width: 24px;height: 24px; margin: 0 auto; margin-top: 21px; margin-bottom: 10px } .Workers a p{ text-align: center; } .Workers a .i1{ background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/Workers1.png") no-repeat center; } .Workers a .i2{ background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/Workers2.png") no-repeat center; } .Workers a .i3{ background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/Workers3.png") no-repeat center; } .Workers a .i4{ background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/Workers4.png") no-repeat center; } .Workers a .i5{ background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/Workers5.png") no-repeat center; } .Workers a .i6{ background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/Workers6.png") no-repeat center; } /*滚动新闻*/ .txtMarquee-left{position:relative; } .txtMarquee-left .bd{ margin-bottom: 20px;margin-top: -30px;} .txtMarquee-left .bd .Notice {font-size: 14px; float: left;height: 30px;line-height: 30px;text-align: left ;margin-right: 10px } .txtMarquee-left .bd .tempWrap{ width:1148px !important;float: left } .txtMarquee-left .bd ul{ overflow:hidden; zoom:1; } .txtMarquee-left .bd ul li{font-size: 14px; float:left; height:30px; line-height:30px; text-align:left; _display:inline; width:auto !important; margin-right: 60px } .txtMarquee-left .bd ul li .D{ float: left; display: inline-block; width: 4px; height: 4px; background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/dian1.png") no-repeat center; margin: 13px 10px 0 0; } .txtMarquee-left .bd ul li .newTime{ margin-left: 30px; } .txtMarquee-left .bd ul li:hover a{ border-bottom: 1px solid #666; } /*新闻滚动结束*/ .bg-lar2{ background-color: #eef0f5; } .head-tit{ margin-bottom: 30px; width: 100%; } .head-tit .con1-head{ width: 300px; margin: 0 auto; } .head-tit .con1-head i{ float: left;width: 60px;height: 16px; margin: 11px 15px 0 15px; background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/icon-t.png") no-repeat center; } .head-tit .con1-head h1{ float: left; width: 120px; } .head-tit h1 { display: block;font-size: 30px;text-align: center;color: #333333;line-height:35px } .head-tit h1 a{ color: #333333; } .head-tit p{ display: block; font-size: 14px;color: #999999; text-align: center; margin-bottom: 20px; } .Picture-display{ margin-top: 10px; } .Picture-display li{ width: 224px; height: 250px; float: left; position: relative; margin: 0 10px; } .Picture-display .li-l{ margin-left: 0; } .Picture-display .li-r{ margin-right: 0; } .Picture-display li .Mask{ /*display: block;*/ left: 0; top: 0; position: absolute; background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/Mask1.png") no-repeat center; width: 224px;height: 250px; } .Picture-display li .Mask h2{ margin: 10px auto; text-align: center; font-size: 24px; /*font-weight: bold;*/ color: #ffffff; } .Picture-display li .Mask p{ display: none; line-height: 24px; padding: 15px; text-align: left; font-size: 14px; color: #ffffff; } .Picture-display li .Mask .Mask-con{ width: 100%; position: absolute;bottom: 20px; } .Picture-display li:hover .Mask{ background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/Mask2.png") no-repeat center; } .Picture-display li:hover p{ display: block; } .con-Modular2 .con-ul li{ width: 410px ; } .con-Modular2 .con-ul .head-span{ color: #333333; font-size: 20px; display: block; margin-bottom: 10px; } .con-Modular2 .con-ul .head-span a{ color: #333333; } .con-Modular2 .con-ul .head-span i{ float: left;width: 1px; height: 20px;border-right: 4px solid #ff3030; margin-top: 4px; margin-right: 3px; } /*.con-Modular2 .con-ul .head-span p{*/ /*float: left;*/ /*}*/ .con-Modular2 .con-ul li{ float: left;margin-right: 55px; } .con-Modular2 .con-ul .new-box{ line-height: 30px;text-align: left;height: 30px;cursor: pointer; } .con-Modular2 .con-ul .new-box a{ width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; } .con-Modular2 .con-ul .new-box:hover{ color: #ff3030; } .con-Modular2 .con-ul .new-box:hover a{ color: #ff3030; } .con-Modular2 .con-ul .new-box span{ float: right; } /*心*/ .con-Modular2 .con-ul .heart{ float:left;margin: 0; width: 259px; height: 230px; } .heart-box{ width: 259px; height: 204px; position: relative; float: left; } .heart-box span a{ color:#f1ada9 ; font-size: 16px; } .heart-box span{ position: absolute; } .heart-box .fon-22 a{ font-size: 22px; font-weight: bold; } .heart-box .fon-20 a{ color: #ea847f; font-size: 20px; font-weight: bold; } .heart-box span a:hover{ color: #FF3030; } .heart-box .span1{ left: 35px; top: 5px; } .heart-box .span2{ right: 45px; } .heart-box .span3{ top: 35px;left: 9px; } .heart-box .span4{ top: 27px; right: 10px; } .heart-box .span5{ top: 50px;left: 105px; } .heart-box .span6{ top: 70px; } .heart-box .span7{ top: 80px; left: 95px; } .heart-box .span8{ top: 57px; right: 0; } .heart-box .span9{ top: 115px; left: 18px; } .heart-box .span10{ top: 110px;left: 99px; } .heart-box .span11{ top: 110px;right: 10px; } .heart-box .span12{ top: 145px; left: 50px; } .heart-box .span13{ top: 140px;right: 43px; } .heart-box .span14{ top: 175px; left:106px; } .People-focus{ background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/People-focus.png") no-repeat center; width: 98px;height: 24px; margin: 0 auto; margin-bottom: 10px; } .Convenience .green{ float: left; margin-top: 5px; display: inline-block; background:url("/staticbjmfbfcom/static.mfzxcn.com/static/img/green.png") no-repeat center; width: 100px;height: 21px; } .Convenience i{ display: inline-block; width: 1px;height: 14px;border-left: 1px solid #666666;margin: 0 10px; } .Convenience div{ margin-top: 5px; margin-left: 20px; float: left; } .Convenience div a:hover{ border-bottom: 1px solid #666; } .img{ display: block; height: 110px; margin-top:30px; cursor:default; } .con-Modular3 .Mall-img li{ margin: 0 14px; width: 278px; height: 244px; float: left; } .con-Modular3 .Mall-img li span{ font-size: 20px;height: 60px;line-height: 60px;display: inline-block;text-align: center;width: 278px;color: #ffffff; } .con-Modular3 .Mall-img li .business{ width: 100%; margin-left: 1px; } .con-Modular3 .Mall-img li .business a{ float: left;width: 90px;height: 90px;margin: 1px;overflow: hidden; } .con-Modular3 .Mall-img li .business a img{ display: block;width: 90px;height: 90px; } /*.con-Modular3 .Mall-img li .business a:hover img{*/ /*width: 100px;height: 100px;margin-left: -5px;margin-top: -5px;*/ /*}*/ .con-Modular3 .Mall-img .li1{ background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/Shopping-bg1.png") no-repeat center; margin-left: 2px; } .con-Modular3 .Mall-img .li2{ background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/Shopping-bg2.png") no-repeat center; } .con-Modular3 .Mall-img .li3{ background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/Shopping-bg3.png") no-repeat center; } .con-Modular3 .Mall-img .li4{ margin-right: 0; background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/Shopping-bg4.png") no-repeat center; } .Commodity ul{ display: none; } .Commodity .ul-sel{ display: block; } .CommodityBox{ margin-top: 20px; /*border: 1px solid #dddddd;*/ border-left: none; } .con-Modular3 .CommodityBox .classification{ margin-top: -2px; float: left; width: 276px; overflow: hidden; } .con-Modular3 .CommodityBox .classification .li-bot{ border-bottom:1px solid #dddddd } .con-Modular3 .CommodityBox .classification li{ width: 100%; float: left; cursor: pointer; background-color: #eeeeee; border-top: 1px solid #dddddd; /*border-bottom: 1px solid #dddddd;*/ border-left: 4px solid #eeeeee; /*margin-top: -1px;*/ } .con-Modular3 .CommodityBox .classification li:hover{ border-left: 4px solid #ff3030; background-color: #ffffff; } .con-Modular3 .CommodityBox .classification .liBg{ border-left: 4px solid #ff3030; background-color: #ffffff; } .con-Modular3 .CommodityBox .classification span{ float: left;height: 140px;font-size: 20px;text-align: center;line-height: 140px;margin-left: 10px;color: #333333; } .con-Modular3 .CommodityBox .classification span a{ color: #333333; } .con-Modular3 .CommodityBox .classification img { float: right; } .con-Modular3 .Commodity{ margin-top: -1px; float: right; width: 924px; } .con-Modular3 .Commodity li{ position: relative; float: left; margin-top: -1px; margin-left: -1px; height: 281px; width: 230px; border: 1px solid #dddddd; background-color: #ffffff; } .con-Modular3 .Commodity li:hover{ border: 1px solid #ff3030;z-index: 100; } .con-Modular3 .Commodity li img{ margin: 20px; } .con-Modular3 .Commodity li p{ display: block; width: 229px; font-size: 16px; text-align: center; } .con-Modular4 .con-ul li{ width: 380px ; } .con-Modular4 .con-ul .head-span{ color: #333333; font-size: 20px; display: block; margin-bottom: 10px; } .con-Modular4 .con-ul .head-span a{ color:#333333; } .con-Modular4 .con-ul .head-span i{ float: left;width: 1px; height: 20px;border-right: 4px solid #ff3030; margin-top: 4px; margin-right: 3px; } .con-Modular4 .con-ul li{ float: left; } .con-Modular4 .con-ul li .More-a{ float: right;margin: 10px 0; } .con-Modular4 .con-ul li .More-a:hover{ color: #ff3030; } .con-Modular4 .con-ul .li2{ margin: 0 30px; } .con-Modular4 .con-ul .new-box{ line-height: 30px;text-align: left;height: 30px;cursor: pointer; } .con-Modular4 .con-ul .new-box a{ width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; } .con-Modular4 .con-ul .new-box:hover{ color: #ff3030; } .con-Modular4 .con-ul .new-box:hover a{ color: #ff3030; } .con-Modular4 .con-ul .new-box span{ float: right; } .con-Modular4 .con-ul .map-box{ overflow: hidden; cursor: pointer; width: 380px;height: 233px;position: relative; } /*.con-Modular4 .con-ul .map-box:hover img{*/ /*width: 430px;height: 263px;*/ /*top:-25px;*/ /*left:-15px;*/ /*}*/ .con-Modular4 .con-ul .map-box img{ position: absolute;top: 0px;left: 0px; } .con-Modular4 .con-ul .map-box span{ position: absolute;width: 380px;height: 233px; line-height: 233px;text-align: center;color: #ffffff;font-size: 22px; background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/Map-mask.png") no-repeat center; } .PensionBox{ margin-top:10px; } .PensionBox .Pension-query{ width: 380px;float: left;height: 160px; } .Pension-query a{ text-align: center; margin-bottom: 10px; display: block; background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/fillet-bg2.png") no-repeat center; width: 381px;height: 70px; } .Pension-query a:hover{ margin-top: -3px; margin-bottom: 13px; } .Pension-query a span{ font-size: 20px; color: #ffffff; display: inline-block; margin-top: 15px; } .PensionBox .One-stop { margin:0 50px; float: left; text-align: center; width: 340px; } .PensionBox .One-stop span,.PensionBox .ficaBox span{ color: #333333; font-size: 20px; } .PensionBox .One-stop ul{ width: 100%; margin-top: 20px; } .PensionBox .One-stop ul li{ margin: 10px 0; width: 98px; height: 25px; border: 1px solid #9A9A9A; float: left; } .PensionBox .One-stop ul li:hover{ border: 1px solid #ff3030; } .PensionBox .One-stop ul li:hover a{ color: #ff3030; } .PensionBox .One-stop ul .lisM{ margin: 10px 20px; } .PensionBox .One-stop ul li a{ display: block;width: 100%; line-height: 25px; height: 100%;text-align: center; } .PensionBox .ficaBox{ text-align: center; float: left; } .PensionBox .ficaBox .fica{ margin-top: 35px; } .PensionBox .ficaBox .fica .a-left{ margin-right: 17px; } .PensionBox .ficaBox .fica a{ float: left; } .PensionBox .ficaBox .fica a:hover{ margin-top: -3px; } /*5部分*/ .educationBox { } .education-class{ width: 208px; float: left; border-left: 1px solid #dddddd; border-top:1px solid #dddddd; } .education-class li{ height: 68px; width: 205px; line-height: 68px; text-align: center; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 3px solid #eee; background-color: #eeeeee; margin-top: -1px; cursor: pointer; } .education-class li:hover{ background-color: #ffffff; border-left: 3px solid #ff3030; } .education-class .li-hov{ background-color: #ffffff; border-left: 3px solid #ff3030; } .education-con{ float: left; } .Exhibition-box{ width: 278px; height: 276px; float: left; overflow: hidden; } .Exhibition-box a{ display: block; width: 100%; height: 100%; overflow: hidden; position: relative; } .education-conBox{ display: none; float: left; width: 991px; ; } .Exhibition-box{ float: left; position: relative; } .Exhibition-box span { position: absolute; top: 0; left: 0; background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/Exhibition-bg.png"); width: 278px; height: 276px; } .Exhibition-box span p{ width: 278px; position: absolute; bottom: 10px;text-align: center; font-size: 16px; color: #ffffff; } .education-r{ float: left; border: 1px solid #dddddd;height: 274px; border-left: none; } .education-new{ float: left; margin:35px ; width: 267px; } .education-new li{ margin: 15px 0; } .education-new li:hover a{ color: #ff3030; } .education-new p{ float: left; width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .education-new span{ float: left;margin-left: 30px; } .expertBox{ margin-top: 50px; margin-right: 14px; float: left; /*height: 274px;*/ } .expertBox span{ width: 100px; margin:0 10px; float: left; text-align: center; } .expertBox span img{ float: left; width: 100%; } .expertBox span:hover p{ border-bottom: 1px solid #333333; } .expertBox span p{ margin-top: 10px; display: inline-block; border-bottom: 1px solid #ffffff; color: #333333; } .Train{ margin-top: 30px; } .Train .Train-class{ float: left; margin-top: 10px;color: #333333; } .Train .TrainChoice{ margin-left: 10px; float: left; } .Train .TrainChoice a{ float: left; margin: 0 5px; padding: 10px; color: #4a598f; text-align: center; background-color: #e3e8f5; } .Train .TrainChoice a:hover{ border: 1px solid #4a598f; padding: 9px; } .Service-card{ width: 480px; } .imgBox{ position: relative;float: left; } .imgBox span{ position: absolute; top: 0; left: 0; background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/Service-bg.png") no-repeat center; width: 276px; height: 210px; } .imgBox span p{ position: absolute;bottom: 10px;text-align: center;width: 276px;color: #ffffff; } .ServiceBox{ float: left; } .Service-class{ float: left; margin-left: 27px; } .Service-class .Service ul{ display: none; } .Service-class .Service ul p{ float: left; width: 168px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .Service-nav li{ float: left; border-bottom: 2px solid #eef0f5; padding-bottom: 5px; cursor: pointer; } .Service-nav .li-left{ margin-right: 35px; } .Service-nav li:hover{ border-bottom: 2px solid #ff3030; } .Service-nav .li-bot{ border-bottom: 2px solid #ff3030; } .Service span{ background: url(""/staticbjmfbfcom/static.mfzxcn.com/static/img/dian1.png"") no-repeat center; float: left;width: 4px;height: 4px;margin: 8px 5px;margin-left: 0; } .Service li{ /* line-height:2em; */ margin: 10px 0 ; } .Service li a{ line-height:20px; height:20px; } .Service li:hover a{ color: #ff3030; } .Service li:hover span{ background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/dian2.png") no-repeat center; } .Service-new{ margin-top: 10px;float: left;width: 100%; } .Service-new p{ float: left; width: 400px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .Service-new .dian{ background: url(""/staticbjmfbfcom/static.mfzxcn.com/static/img/dian1.png"") no-repeat center; float: left;width: 4px;height: 4px;margin: 8px 5px;margin-left: 0; } .Service-new .time{ float: right; } .Service-new li{ margin: 5px 0; } .Service-new li:hover a{ color: #ff3030; } .Service-new li:hover .dian{ background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/dian2.png")no-repeat center; } .mf-Community{ float: left;width: 380px; margin: 0 29px; } .mf-Community div{ float: left; } .mf-Community .div-left{ margin-right: 8px; margin-bottom: 10px; } .mf-Community .mf-imgBox a{ width: 186px; height: 131px; position: relative; float: left; overflow: hidden; } /*.mf-Community a:hover img{*/ /*width: 196px;height: 141px;margin-top: -5px;margin-left: -5px;*/ /*}*/ .mf-Community a .Mask{ position: absolute; top:0; left: 0; width: 186px; height: 131px ; background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/Map-mask.png") no-repeat center; } .mf-Community a .Mask p{ height: 131px;line-height: 131px;text-align: center;color: #ffffff; font-size: 16px; } .mf-activity{ width: 281px;float: left; } .mf-activity .img-box a{ float: left;width: 100%;height: 100%; } .mf-activity .img-box{ width: 281px;overflow: hidden;height: 276px; } .noInfo{ line-height: 100px; text-align: center; } .vide_v .paly_btn { width: 67px; height: 67px; display: block; position: absolute; top: 103px; left: 103px; background:url("/staticbjmfbfcom/static.mfzxcn.com/static/img/paly_btn.png") center no-repeat; } .vide_v .education-new{ margin:0; width: 298px; height: 100%; border-right: 1px solid #dddddd; } .vide_v .education-new li.vis{ height: 30px; line-height: 30px; margin:0; width: 240px; padding-left:34px; padding-right: 24px; margin-bottom: 5px; } .vide_v .education-new li.vis span{ width: 18px; height: 18px; margin:0; margin-top: 6px; float: right; } .vide_v .education-new li.vis:hover{ background-color: #f4f4f4; color: #666; } .vide_v .education-new li.vis:hover p{ color: #666; } .vide_v .education-new li.vis:hover span{ background:url("/staticbjmfbfcom/static.mfzxcn.com/static/img/palybtn2.png") center no-repeat; background-image: 100%; } .vide_v .tilekk{ height: 60px; line-height: 60px; margin:0; } .vide_v .tilekk span{ font-size: 24px; color: #333333; float: left; height: 60px; line-height: 60px; text-align: left; } .vide_v .tilekk a{ float: right; height: 60px; line-height: 60px; margin-right: 24px; font-size: 16px; color: #999999; } .vide_v .tilekk a:hover{ color: #ff3030; } .vide_v .expertBox{ margin-top:0px; margin-left: 20px; } .vide_v .expertBox .expert{ margin-top: 28px; width: 378px; } .vide_v .expertBox span{ margin: 0 12px; } .no_data{ margin-top:?30px; }