.iconLinks{padding:9px 0;overflow:hidden; background:#FAFAFA; border:1px solid #ddd; margin-bottom:18px; } .iconLinks li{float:left;width: 238px;text-align:center;border-right: 1px solid #f1f1f1;} .iconLinks li a{font-size:16px;width: 208px;height: 80px;float: left;text-align: center;color: #3c3c3c;margin:0 15px;padding: 10px 0;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s;} .iconLinks li a:hover{background-color:#5678b7;} .iconLinks i{background: url("/swhzjxcwgysjcom/Content/swj/base/img/linkIcons.png") no-repeat center 0;width: 100%;height: 50px;display: block;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s} .iconLinks .iconXxgk2{background-position: center -140px;} .iconLinks .iconXxgk3{background-position: center -281px;} .iconLinks .iconXxgk4{background-position: center -399px;} .iconLinks .iconXxgk5{background-position: center -537px;} .iconLinks .iconXxgk6{background-position: center -667px;} .iconLinks .iconXxgk7{background-position: center -801px;} .iconLinks li a:hover i{transform:rotateY(180deg);} .iconLinks li span{display: inline-block;padding-top: 5px;color: #333;} .iconLinks li:hover span{color:#fff;} .iconLinks li a:hover i{background: url("/swhzjxcwgysjcom/Content/swj/base/img/linkIconsH.png") no-repeat center 0;width: 100%;height: 50px;display: block;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s} .iconLinks li a:hover .iconXxgk2{background-position: center -140px;} .iconLinks li a:hover .iconXxgk3{background-position: center -281px;} .iconLinks li a:hover .iconXxgk4{background-position: center -399px;} .iconLinks li a:hover .iconXxgk5{background-position: center -537px;} .iconLinks li a:hover .iconXxgk6{background-position: center -667px;} .iconLinks li a:hover .iconXxgk7{background-position: center -800px;} #friendLink{margin:20px auto;} #friendLink .hd{float:left;margin-right:20px;font-size:20px;} #friendLink .bd{overflow:hidden;} #friendLink select {font-size:16px;background: #fbfbfb none repeat scroll 0 0;border: 1px solid #cfcfcf;float: left;margin-right: 24px;padding: 6px;width: 216px;height: 45px;} #rowB .indBox,#rowC .indBox{ width: 552px; margin-bottom:18px; } #rowB .indBox .bd,#rowC .indBox .bd{ height:175px; } /* indBox */ .indBox{ border:1px solid #ddd; padding: 18px; } .indBox .hd{ height: 45px; line-height: 45px; border-bottom:1px solid #ddd; margin-bottom:10px; margin-top:-10px; } .indBox .hd .more{ float:right; } .indBox .hd h3{ font-size:20px; font-weight:bold; color:#3C5B99; border-bottom:3px solid #5778B7; line-height: 43px; float:left; padding:0 10px; min-width:100px; } .indBox .hd h3 a{ color:#3C5B99 } .indBox .bd{ clear:both; overflow:hidden; padding:5px 0; } /* indBox1 */ .indBox1{ border:1px solid #ddd; padding: 18px; margin-bottom:18px; } .indBox1 .iHd{ height: 45px; line-height: 45px; margin-bottom:10px; margin-top:-10px; } .indBox1 .iHd .more{ margin-top:8px; float:right; display:block; height:28px; line-height:28px; border:1px solid #ccc; padding:0 13px; background:#fff; } .indBox1 .iHd h3{ font-size:20px; padding-left:30px; background: url("/swhzjxcwgysjcom/Content/swj/Base/img/icons.png") 0 -123px no-repeat; } .indBox1 .iBd{ clear:both; overflow:hidden; } .focusBox{ width:320px; height:250px; float:left; margin-right:10px; margin-bottom:0; } #xwzx{ width:760px; float:left; } #swgg{ width:350px; float:right; background:#F7FAFF } #swgg .iHd h3{ background-position:0 -192px } #swgg .iBd{ height:250px; } /* ztzl */ .ztzl{ margin-bottom:18px; } .ztzlList{ overflow:hidden; margin-right:-18px; } .ztzlList li{ width:590px; height:88px; float:left; margin-right:18px; } /* indBox2 */ .indBox2{ border:1px solid #ddd; margin-bottom:18px; } .indBox2 .iHd{ width: 84px; height: 332px; float:left; background:url("/swhzjxcwgysjcom/Content/swj/Base/img/ind-hd1.png") 0 0 no-repeat #5778B7; } .indBox2 .iHd h3{ font-size:20px; width:25px; color:#fff; padding:100px 0 0 32px; } .indBox2 .iHd h3 a{ color:#fff; } .indBox2 .iBd{ overflow:hidden; padding:18px; } #rowE .indBox2{ float:left; width: 589px; height: 332px; } #rowE #yfhz{ float:right; position:relative; } #yfhz .iHd{ background:url("/swhzjxcwgysjcom/Content/swj/Base/img/ind-hd2.png") 0 0 no-repeat #DEBE7A } #yfhz .indTab{ width: 385px; } #yfhz .link{ display:block; width:70px; height:266px; background:url("/swhzjxcwgysjcom/Content/swj/Base/img/ind-12312.png") no-repeat; position:absolute; right:18px; top:40px; } /* indTab */ .indTab .hd{ border-bottom:1px solid #ddd; height:50px; line-height:50px; } .indTab .hd li{ float:left; font-size:17px; padding:0 20px; line-height:49px; } .indTab .hd .on{ border-bottom:2px solid #5778B7 } .indTab .hd .on a{ color:#5778B7 } .indTab .bd{ clear:both; overflow:hidden } /* 友情链接 */ #friendLink{margin: 0 0 20px -20px;} #friendLink a:hover{text-decoration:none;} #friendLink dl{width: 19.99%;float: left;position: relative;} #friendLink dl dt{margin-left: 20px;height: 38px;line-height: 38px;overflow: hidden;border: 1px solid #ccc;background: #fbfbfb;position: relative;cursor: pointer;} #friendLink dl dt h3{ padding: 0 5px;} #friendLink 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;} #friendLink dl dt span{ display: block; margin: 0 36px 0 10px; border-right: 1px solid #ccc;} #friendLink dd{ margin-left: 20px; bottom: 35px;display: none;position: absolute;left: 0;right: 0;} #friendLink ul{ max-height: 389px; border: 1px solid #ccc; background: #fff;overflow-y: scroll;} #friendLink li{ vertical-align:top;} #friendLink li a,#friendLink .noData{ display:block; line-height: 22px; padding: 8px 10px;border-bottom: 1px dotted #ccc;word-break: keep-all;white-space: nowrap;cursor: pointer;} #friendLink li a:hover{ color: #CD3333; background-color: #f1f1f1} #friendLink .last{border-bottom: 0} #friendLink .on dt{z-index: 9;border-color: #bbb; -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);} #friendLink .on dt i{ border-top-style: none; border-bottom-color: #aaa;border-bottom-style: solid;} #friendLink .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);} #friendLink .on dd ul{ border-color: #bbb;} .letterList .dep{ display:none; }