/*分类导航开始*/ .middle .nav-box{ margin: 20px 0; width: 100%; } .middle .nav-box li{ float: left; margin-right: 35px; margin-bottom: 20px; width: 265px; } .middle .nav-box li div{ float: left; margin: 10px 0; } .middle .nav-box li p{ font-weight: bold; font-size: 16px; float: left; } .middle .nav-box li span{ width: 1px;height: 16px; border-right: 1px solid #333333; float: left; margin: 3px 5px 0 5px; } .middle .nav-box li a{ color: #333333; font-size: 14px; width: 56px; text-align: center; float: left; margin: 2px 5px 0 5px; } .middle .nav-box li a:hover{ color: #FF3030; } /*分类导航结束*/ /*内容部分-轮播图*/ /*顶部banner*/ .H_Banner{ width: 100%; float: left; position: relative; } .H_slider1 .bd ul li,.H_slider2 .bd ul li{ position: relative; } /*.H_slider1 .bd ul .H_banner1{*/ /*background: url("/newsbjmfbfcom/templets/mfzx/zx-public/images/Hot.jpg") no-repeat center;*/ /*}*/ /*.H_slider1 .bd ul .H_banner2{*/ /*background: url("/newsbjmfbfcom/templets/mfzx/zx-public/images/Hot.jpg") no-repeat center;*/ /*}*/ /*banner轮播图*/ .H_BannerImg1{ width: 100%; height: 390px; } .H_slider1{ width: 100%; height: 390px; position:relative; overflow:hidden; } .H_slider1 .bd{ width:100%; position:absolute; top: 0; left: 0; overflow: hidden; } .H_slider1 .bd li{ width:100%; height: 390px; overflow:hidden; } .H_slider1 .bd li span{ background: url("/newsbjmfbfcom/templets/mfzx/zx-public/images/Gradient1.png"); z-index: 10; ;width: 790px;height: 252px; position: absolute; bottom: 0%;left: 0%; } .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;*/ border-radius: 50%; margin-right: 10px; background:url("/newsbjmfbfcom/templets/mfzx/zx-public/images/spot2.png") no-repeat center; } .H_slider1 .hd li.on{ border-radius: 5px; border:none; width: 26px; background: url("/newsbjmfbfcom/templets/mfzx/zx-public/images/strip.png") no-repeat center; } /*.H_slider1 a{*/ /*display: block;*/ /*width: 100%;*/ /*height: 100%;*/ /*}*/ /*内容部分-轮播图*/ .middle .conBox-left{ float: left; width: 790px; } .conBox-right{ width: 380px;float: right; } .con-1{ width: 100%; margin-top: 30px; } .Medical{ width: 380px; border-top: 1px solid #bdbdbd; float: left; } .Medical-head{ display: inline-block; padding: 10px 0; color: #666666; margin-right: 10px; font-size: 20px; margin-top: -1px; } .Medical-head:hover{ border-top:2px solid #FF3030; color: #333333; font-weight: bold; } .Medical-head-bd{ border-top:2px solid #FF3030; color: #333333; font-weight: bold; } .fon-head{ font-size: 20px; } .Medical-img{ cursor: pointer; position: relative; } .Medical-img img{ width: 100%; } .Medical-img .Gradient2{ position: absolute; background: url("/newsbjmfbfcom/templets/mfzx/zx-public/images/Gradient2.png"); width: 380px;height: 150px; bottom: 0; left: 0; } .Medical-img p{ cursor: pointer; position: absolute; font-size: 16px; bottom: 10px; left: 20px; color: #ffffff; } .Medical-new{ width: 100%; zoom: 1; } .mutual .Medical-new li{ width: 100%; float: left; margin-bottom: 9px; } .Medical-new li a,.con-1 .Pension .Pension-new li a{ float: left; display: block; font-size: 14px; color: #666666; margin: 5px 0; width: 100%; cursor: pointer; } .con-1 .Pension .Pension-new li a{ margin: 7px 0; } .Medical-new .first a,.con-1 .Pension .Pension-new .first a{ color: #333333; font-weight: bold; } .policyBox .Medical-new li a{ margin: 10px 0; } .Medical-new li .span1,.con-1 .Pension .Pension-new li .span1{ float: left; display: inline-block; width: 4px;height: 4px; background: url("/newsbjmfbfcom/templets/mfzx/zx-public/images/dian1.png"); margin:8px 10px 0 0 ; } .Medical-new li p,.con-1 .Pension .Pension-new li p{ width: 320px; overflow: hidden; float: left; text-overflow:ellipsis; white-space: nowrap; } .Medical-new li .time,.con-1 .Pension .Pension-new li .time{ float: right; } .Medical-new li a:hover{ color:#ff3030 ; } .Medical-new li a:hover .span1{ background: url("/newsbjmfbfcom/templets/mfzx/zx-public/images/dian2.png"); } .Pension .Pension-new li a:hover{ color:#ff3030 ; }.Pension .Pension-new .first a:hover{ color:#ff3030 ; } .con-1 .Pension .Pension-new li a:hover .span1{ background: url("/newsbjmfbfcom/templets/mfzx/zx-public/images/dian2.png"); } .conBox-right .Medical .Medical-new li a:hover{ color:#FF3030; /*font-weight: bold;*/ } .con-1 .Pension{ border-top: 1px solid #bdbdbd; width: 380px; float: right; } .con-1 .Pension .Pension-head span{ padding: 10px 0; margin-right: 30px; color: #666666; font-size: 20px; float: left; margin-top: 1px; } .con-1 .Pension .Pension-head span:hover{ cursor: pointer; border-top: 2px solid #FF3030; color: #333333; margin-top: -1px; font-weight: bold; } .con-1 .Pension .Pension-head .head{ color: #333333; margin-top: -1px; border-top: 2px solid #FF3030; font-weight: bold; } .query a{ margin: 5px 0; font-weight: bold; color: #333; display: block; width: 383px; height: 65px; line-height: 65px; text-align: center; font-size: 20px; background: url("/newsbjmfbfcom/templets/mfzx/zx-public/images/Pension1.png") no-repeat center; } .query a:hover{ color: #fafbfc; background: url("/newsbjmfbfcom/templets/mfzx/zx-public/images/Pension2.png") no-repeat center; } .query a:hover .jt{ background: url("/newsbjmfbfcom/templets/mfzx/zx-public/images/jt2.png") no-repeat center; } .query a div{ width: 130px; margin: 0 auto; } .query a .sb .Pension-bg{ margin-left: 10px; } .query a span{ float: left; } .query a .jt{ margin-left: 15px; margin-top: 22px; width: 12px; height: 22px; background: url("/newsbjmfbfcom/templets/mfzx/zx-public/images/jt1.png") no-repeat center; } .con-1 .Pension .Pension-bt li{ float: left;margin: 0 43px; font-size: 16px; } .con-1 .Pension .Pension-bt li a{ color: #FF3030; } .con-1 .Pension .Pension-bt li a:hover{ border-bottom:1px solid #FF3030; } /*右侧*/ .conBox-right .best{ margin-top: 30px; float: left; width: 380px; border-top: 1px solid #dddddd; } .conBox-right .best-p,.con-box .ranking .best-p{ display:inline-block; margin: -1px; color: #333333; padding: 10px 0; font-weight:bold; font-size: 20px; border-top:2px solid #FF3030 ; } .H_BannerImg{ width: 100%; height: 285px; } .H_slider2{ width: 100%; height: 285px; position:relative; /*overflow:hidden;*/ } .H_slider2 .bd{ width:100%; position:absolute; top: 0; left: 0; overflow: hidden; } .H_slider2 .bd li{ width:100%; height: 285px; overflow:hidden; } .H_slider2 .hd{ position:absolute; right: 0; /*margin-left: 50px;*/ top:-20px; text-align:center; z-index: 1; } .H_slider2 .hd li{ float: left; width:6px; height:6px; /*overflow:hidden;*/ cursor:pointer; border-radius: 50%; margin-right: 10px; background:url("/newsbjmfbfcom/templets/mfzx/zx-public/images/spot1.png") no-repeat center; } .H_slider2 .hd li.on{ border-radius: 5px; border:none; width: 26px; background: url("/newsbjmfbfcom/templets/mfzx/zx-public/images/strip.png") no-repeat center; } .Price-box{ width: 100%;float: left; margin-top: 10px; } .Price-box .tHead{ font-weight: bold; width: 126px;margin: 10px auto;font-size: 14px; } .Price-box .list-box{ border: 1px solid #ccc; } .Price-box .list-box .list-nav { background-color: #f5f5f5; height: 30px;line-height: 30px;text-align: center; } .Price-box .list-box .list-nav span{ background-color: #f5f5f5; float: left; width: 65px; margin: 0 5px; } .Price-box .list-box .list-nav span p{ cursor: pointer; display: block; width: 59px; margin: 0 auto; font-size: 14px; } .Price-box .list-box .list-nav span p:hover{ /*font-weight: bold;*/ background-color: #ffffff; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; } .Price-box .list-box .list-nav .Hbg p{ font-weight: bold; background-color: #ffffff; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; } .Price-box .list-box .Product-data{ display: none; height: 174px; overflow-y: auto; overflow-x: hidden; } .Price-box .list-box .Product-data-sel{ display: block; } .Price-box .list-box .Product-data li{ width: 360px; margin-left: 10px; } .Price-box .list-box .Product-data p{ margin: 2px 0 0 25px ; font-size: 14px; float: left; width: 45px; text-align: center; color:#666; } .Price-box .list-box .Product-data .name{ width: 126px; margin-left: 0; text-align: left; color: #333333; } .Price-box .list-box .Product-data .Price-nav{ font-weight: bold; } .Price-box .list-box .Product-data .Price-nav .col{ color: #333333; } .conBox2{ width: 100%; margin: 30px 0; } .conBox2 .education{ margin-top: 30px; border-top: 1px solid #bdbdbd; width: 690px; float: left; } .education .education-img{ width: 280px; height: 157px; float: left; } .education .education-img img{ display:inline-block; } .education .education-new{ width: 380px; height: 155px; float: right; } .education .education-new ul{ margin: 20px 0; } .conBox2-con .heart-box{ width: 270px; height: 204px; position: relative; float: left; margin:37px 30px 0 62px; } .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: 110px; } .heart-box .span6{ top: 70px; } .heart-box .span7{ top: 80px; left: 105px; } .heart-box .span8{ top: 57px; right: 0; } .heart-box .span9{ top: 115px; left: 18px; } .heart-box .span10{ top: 110px;left: 110px; } .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:110px; } .Convenience{ float: right; width: 378px; border: 1px solid #cccccc; height: 125px; } .Convenience .head-r{ font-size: 16px; font-weight: bold; display:block; margin: 10px auto; width: 64px; } .Convenience .Convenience-con{ width: 338px; padding: 0 20px; } .Convenience .Convenience-con a{ float: left; font-size: 16px; border-bottom: 1px solid #FFFFFF; margin: 5px 0; color: #333333; } .Convenience .Convenience-con a:hover{ color:#ff3030 ; } .Convenience .Convenience-con span{ float: left; width: 1px; height: 16px; border-left:1px solid #cccccc ; margin:8px 12px; } .conBox2-con2{ width: 100%; } .conBox2-con2 .welfareBox{ float: left; width: 790px; border-top: 1px solid #bdbdbd; } .conBox2-con2 .fund{ float: left; width: 380px; } .conBox2-con2 .fund a{ float: left; width: 100%; } .conBox2-con2 .fund a img{ display: block; width: 100%;height: 100%; } .welfareBox .bt-img{ float: left; margin-top: 10px; } .conBox2-con2 .welfare{ float: left; width: 380px; margin-left: 30px; } .conBox2-con2 .welfare .bt-img2{ float: left; margin-top: 27px; } .conBox2-con2 .welfare .bt-img2 img{ border: 1px solid #bdbdbd; } .policyBox{ float: right; width: 380px; } .conBox2 .conBox2-con3{ width: 100%; } .conBox2-con .W-box{ width: 380px; float: left; } .conBox2-con .W-box .query a div{ width: 187px; } .conBox2-con .traffic{ margin: 0 30px; } .conBox2-con .W-box .Medical{ margin-top: 40px; } .conBox3{ width: 100%; margin-top: 40px; } .conBox3-con{ width: 100%; height: 405px; margin-top: 30px; } .conBox3-con .div-box{ float: left; } .conBox3-con .b-food{ width: 480px; } .Medical2{ width: 480px; } .conBox3-con .food{ top: 38px; position: relative; width: 480px; height: 400px; } .conBox3-con .food a{ position: absolute; width: 230px;height: 90px ; margin: 20px 0; } .conBox3-con .food img{ width:100% ; height: 100%; } .conBox3-con .food .a1{ top:0;left: 0; } .conBox3-con .food .a1:hover{ top: -2px;left: -5px; width: 240px;height: 94px ; } .conBox3-con .food .a2{ top:0;right: 0; } .conBox3-con .food .a2:hover{ top: -2px;right: -5px; width: 240px;height: 94px ; z-index: 10; } .conBox3-con .food .a3{ top:120px;left: 0; } .conBox3-con .food .a3:hover{ top: 118px;left: -5px; width: 240px;height: 94px ; } .conBox3-con .food .a4{ top:120px;right: 0; } .conBox3-con .food .a4:hover{ top: 118px;right: -5px; width: 240px;height: 94px ; } .conBox3-con .food .a5{ top:240px;left: 0; } .conBox3-con .food .a5:hover{ top: 238px;left: -5px; width: 240px;height: 94px ; } .conBox3-con .food .a6{ top:240px;right: 0; } .conBox3-con .food .a6:hover{ top: 238px;right: -5px; width: 240px;height: 94px ; } .mutual{ border-top:1px solid #DDDDDD ; margin: 0 30px; width: 375px; } .Medical3{ width: 280px; } .equity-market{ width: 280px; } .equity-market .con-equity{ float: left; width: 280px; height: 354px; border: 1px solid #DDDDDD; } .cooper-box{ width: 100%; } .cooper-box span a{ display: block; overflow: hidden; width: 140px; } .cooper-box span a.imgbox{ width: 138px; height:78px; border: 1px solid #dddddd; overflow: hidden; } .cooper-box span .icon-logo{ display: block; overflow: hidden; width: 140px; border: 1px solid #DDDDDD; } .cooper-box span { margin-right: 10px; width: 140px; float: left; font-size: 12px; } .cooper-box span:hover p{ color: #ff3030; } .cooper-box span img{ width: 138px; height: 78px; display: block; } .cooper-box span p{ margin-top: 10px; text-align: center; color: #666666; } .mechanism{ line-height: 30px;text-align: left; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; margin: 30px 0; font-size:12px; } .mechanism a{ color: #666666; } .mechanism span,.mechanism p{ float: left; } .mechanism span{ width: 1075px; margin-left: 15px; font-size: 12px; } .mechanism span a{ float: left; margin-right: 25px; } .mechanism span a:hover{ color: #ff3030; } .Trade-union-system{ margin-bottom: 30px; width: 100%; } .Trade-union-system p{ line-height: 40px; font-weight: bold; text-align: center; font-size: 16px; float: left; } .cla-gonghui{ float: left; } .cla-gonghui a{ float: left; color: #333333; height: 40px; line-height: 40px; margin-left: 30px; font-size: 16px; } .cla-gonghui a:hover{ color: #ff3030; } .Trade-union-system .Trade-union-box{ float: left; margin-right: 50px; margin-left: 10px; } .Trade-union-box .dj-box{ cursor: pointer; text-align: center; /*margin-top: 5px;*/ width: 180px; height: 40px; font-size: 14px; line-height: 40px; display: block; text-decoration: none; } .Trade-union-box .dj-box p{ float: left; /*width: 160px;*/ text-align: center; } .Trade-union-box .dj-box:hover{ color: #ff3030; } .Trade-union-box .dj-box:hover span{ background: url("/newsbjmfbfcom/templets/mfzx/zx-public/images/head-ld2.png") no-repeat center; } .Trade-union-box .dj-box span{ float: left; margin-top: 19px; margin-left: 5px; width: 9px; height: 6px; background: url("/newsbjmfbfcom/templets/mfzx/zx-public/images/head-ld1.png") no-repeat center; } .img-box{ margin-bottom: 5px; margin-top: 0px; } .pinP-rukou{ margin: 30px 0; } .pinP-rukou img{ float: left; width: 886px; height: 126px; border: 2px solid #ddd; } .pinP-rukou .Rk-anniu a{ display: block; width: 280px; height: 55px; text-align: center; color: #fff; line-height: 55px; font-size: 18px; } .pinP-rukou .Rk-anniu .a1{ background-color: #fb6666; margin-bottom: 20px; } .pinP-rukou .Rk-anniu .a1:hover{ background-color: #e22f2f; } .pinP-rukou .Rk-anniu .a2{ background-color: #f9ae3b; } .pinP-rukou .Rk-anniu .a2:hover{ background-color: #ef9f24; }