body{background-image:url("/ybjxcwgysjcom/Content/ybj/Base/img/ind-body.jpg"); background-attachment:fixed;background-size:cover;} .wrap{background: url("/ybjxcwgysjcom/Content/ybj/Base/img/indFooterBg.png") left bottom repeat-x;} #content{ padding:0; background:none; width:1200px; border-top:0;} #footer{background:none;} .column{overflow: hidden;} .box,.boxA{margin-bottom:0;} .areaL{ width:240px; float:left; margin-right:12px; overflow:hidden } .areaC{ width:454px; float:left; margin-right:12px; overflow:hidden } .areaR{ width:482px; float:right; overflow:hidden } /* columnA */ #columnA{overflow:hidden;} /* 焦点图 */ .indFocus{width:454px; height:304px; overflow:hidden;position:relative;} .indFocus .hd{ overflow:hidden; position:absolute; z-index: 2; right:14px; bottom:14px;} .indFocus .hd li{ float:left; width:13px; height:13px; text-align:center; cursor:pointer; margin-left:6px; display: inline; background-color: #fff; color: #333;} .indFocus .hd li span{display: none;} .indFocus .hd li.on{ background-color: #f1bb28; color: white;} .indFocus .bd{ position:relative; height:304; overflow:hidden; } .indFocus .bd li{position:relative} .indFocus .bd .pic{ position:relative; z-index:0; line-height:0;} .indFocus .bd .pic img{ width:454px; height:304px; border:0; } .indFocus .bd .con{ position:absolute; width:100%; z-index:1; bottom:0; height:46px; line-height:46px; text-align:left; } .indFocus .bd .con .title{font-size: 14px;position:absolute;width:100%;bottom:0;left:0;z-index:1;} .indFocus .bd .con .title a{ color:#fff; padding-left:10px; text-decoration:none; } .indFocus .bd .con .titleBg{ position:absolute; width:100%; z-index:0; bottom:0; left:0; background:#000; filter:alpha(opacity=60);opacity:0.6; height:46px;} .iconList{overflow:hidden; margin:-12px -12px 0 0;} .iconList li{float:left; margin:12px 12px 0 0; text-align:center;} .iconList a{display:block;width:114px; height:146px; background:#ff604a; color:#fff} .iconList i{display:block; height:100px; background:url("/ybjxcwgysjcom/Content/ybj/Base/img/ind-icons.png") center 12px no-repeat; } .iconList a:hover{ text-decoration:none; } .iconList .li2 a{background:#f1bb28} .iconList .li3 a{background:#00c87a} .iconList .li4 a{background:#01b4f7} .iconList .li5 a{background:#019be3} .iconList .li6 a{background:#f8c333} .iconList .li2 i{background-position:center -88px} .iconList .li3 i{background-position:center -188px} .iconList .li4 i{background-position:center -288px} .iconList .li5 i{background-position:center -495px} .iconList .li6 i{background-position:center -395px} .indBox{ background:#fff; padding:10px 20px 15px 20px;} .indBox .hd{ height:36px; line-height:34px; overflow:hidden; margin-bottom:10px;} .indBox .hd .more{ float:right; color:#999; font-size:12px;} .indBox .hd ul{overflow:hidden} .indBox .hd li{float:left; font-size:18px; margin-right:10px;} .indBox .hd li a{padding:0 5px; display:block; float:left;} .indBox .hd li a:hover{text-decoration:none} .indBox .hd .on a{ color:#00A5F1; border-bottom:2px solid #00A5F1;} .indBox .hd h3{font-size:18px;} #bmxw .bd{height:180px;} /* columnB */ #columnB{margin-top: 12px;} .xxgk{padding:10px;color:#fff;background:#00A5F1;height: 121px;} .xxgk dt{ font-size:18px; line-height:30px; margin-bottom:5px; } .xxgk a{color:#fff} /* .xxgk ul{overflow:hidden} .xxgk li{float:left; width:105px} .xxgk .infoList li a{ background-position:0 -404px; padding-left:10px; } */ .nodeIconList{} .nodeIconList li{width: 105px; height: 84px; float: left; text-align: center;} .nodeIconList li.last{float: right;} .nodeIconList li a{display: block; position: relative; z-index: 1; padding-top: 52px; height: 30px; line-height: 30px; border: 1px solid #55d1ff;} .nodeIconList li a:hover{text-decoration: none;} .nodeIconList li i{position: absolute; z-index: 1; left: 50%; top: 12px; margin-left: -20px; width: 40px; height: 40px; float: left; overflow: hidden; background: url("/ybjxcwgysjcom/Content/ybj/Base/img/ind-bsdtIcon.png") center top no-repeat;} .nodeIconList li.last i{background-position: center -40px;} .nodeIconList li:hover{background-color: #0bbcfe;} .wxList{ width:150px; float:left; height:140px; margin-right:12px; position:relative } .wxList .wxPic{display:none; z-index:3; position:absolute; top:0; left:162px;} .wxList .wxPic img{width:120px; height:120px; padding:10px 17px; background:#fff;} .wxList li{height:64px;margin-bottom:12px;background:url("/ybjxcwgysjcom/Content/ybj/Base/img/ind-wx.png") no-repeat;} .wxList li a{display:block; height:64px;} .wxList li.wb a{overflow: hidden; text-indent: -9999px;} .wxList .wx{background-position:0 -76px; } .wxList.hover .wxPic{display:block; } #columnB .iconList a{width: 154px; height:140px;} #columnB .iconList .li6{margin-right:0;} #ztzl{height: 115px;} #ztzl .tempWrap{ height:253px !important} .ztList{overflow:hidden;margin-right: -16px;} .ztList li{float:left;width:202px;height:64px; margin-right:12px;} .ztList li img{width:100%; height:64px;} /*首页-底部广告焦点图*/ #indBanner{ overflow: hidden; height: 100px; margin-top: 12px; position: relative; z-index: 1;} #indBanner .bd .pic img{width: 1200px; height: 100px;} #indBanner .bd .con{display: none;} #indBanner .hd{ overflow:hidden; position:absolute; right:14px; bottom:14px;} #indBanner .hd li{ float:left; width:13px; height:13px; text-align:center; cursor:pointer; margin-left:6px; display: inline; background-color: #fff; color: #333;} #indBanner .hd li span{display: none;} #indBanner .hd li.on{ background-color: #f1bb28; color: white;} /* 友情链接模拟下拉 */ .indFriend{margin: 12px auto 0; text-align: center;} .indFriendBox{display: inline-block; margin: 0 auto; text-align: left;} .indFriend dl{width: 228px; margin: 0 8px; float: left; display:inline; position:relative;} .indFriend dl dt{height: 28px;line-height: 28px;padding:0 5px 0 8px;overflow:hidden;border:1px solid #d7d7d7;background:#fff;position:relative;cursor:pointer;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;} .indFriend dl dt i{ right:12px; top:50%; margin-top:-2px; border-width:5px; position:absolute; border-color:transparent; border-style:dashed; border-top-color:#363636;border-top-style:solid; content:"";display:block; font-size:0;line-height:0;width:0;} .indFriend dl dt h3{ width:185px} .indFriend dd{bottom: 29px;display:none;width:100%;position:absolute;left:0;} .indFriend ul{ max-height: 389px; border:1px solid #d7d7d7; background:#fff;overflow-y:scroll; } .indFriend li{line-height:22px;padding: 8px 10px;border-bottom:1px dotted #d7d7d7;/* word-break:keep-all; *//* white-space:nowrap; */cursor:pointer;} .indFriend li a{display:block;} .indFriend li a:hover{color:#CD3333; text-decoration:none} .indFriend li:hover{ background-color:#f1f1f1 } .indFriend .last{border-bottom:0} .indFriend .on {z-index:9; -webkit-box-shadow:0 0 3px rgba(0, 0, 0, .3); -moz-box-shadow:0 0 3px rgba(0, 0, 0, .3); box-shadow:0 0 5px rgba(0, 0, 0, .2); } .indFriend .on dt{border-color:#bbb; } .indFriend .on dt i{ border-top-style:none; border-bottom-color:#aaa;border-bottom-style:solid; } .indFriend .on dd{ display:block; -webkit-box-shadow:0 0 3px rgba(0, 0, 0, .3); -moz-box-shadow:0 0 3px rgba(0, 0, 0, .3); box-shadow:0 0 5px rgba(0, 0, 0, .2); } .indFriend .on dd ul{ border-color:#bbb; }