@charset "utf-8"; #header { position: relative; z-index: 3; } /* mainbanner */ #focuspic {height:520px;overflow:hidden;position:relative;margin-bottom: 30px;} #focuspic .hd {position:absolute;bottom:20px;left: 0;right: 0;display: block;width: 350px;margin: auto;padding:7px 22px;} #focuspic .hd li {float:left;width:50px;height:8px;overflow:hidden;background:#fff;margin:0 4px;display:inline;cursor:pointer;transition: all 0.2s;border-radius: 0;} #focuspic .hd li.on {background:#fa6708; } #focuspic .hd li span { display:none;} #focuspic .bd li { position:relative;} #focuspic .bd li .pic{ height:520px; width:100%; min-width:1200px; background-position:center; } #focuspic .bd li .pic img{width:100%;height:520px;} #focuspic .bd li .con {width:1200px;margin:0 auto;position:absolute;top:380px;left: 50%; margin-left:-600px; position:absolute;display:none;} #focuspic .bd li .title{overflow: initial;} #focuspic .bd li.on .title a {display:inline; margin-left:20px;filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity:0.9; padding:0 20px;} #focuspic .bd li .title a { float:left; color:#fff; font-weight:100;height:50px; background:#005caa; margin-left:-80px; line-height:46px; font-size:26px; color:#fff; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; transition:all 1.5s ease-in-out } #focuspic .bd .con .titlebg{display:none;} .row{margin-bottom: 20px;zoom: 1;} #rowa{height: 320px;} #rowa #focusnews { float:left; width:480px; height:320px;} #rowa #focusnews .hd {z-index: 19;height: 10px!important;border: 0!important;bottom: 12px;} #rowa #focusnews .bd{ z-index: 11; } #rowa #focusnews .bd li{ position: relative; z-index: 12; } #rowa #focusnews .bd li .pic{ position: relative; z-index: 13; } #rowa #focusnews .bd li .pic img{ vertical-align: bottom; height: 320px;} #rowa #focusnews .bd li .con{ width: 100%; position: absolute; z-index: 14; left: 0; bottom: 0; height: 35px;line-height: 35px;;} #rowa #focusnews .bd li .con .title{ height: 35px; line-height: 35px; overflow: hidden; position: relative; z-index: 16; text-align:left;} #rowa #focusnews .bd li .con .title a{ display: block; padding: 0 10px; color: #fff; text-decoration: none; font-size:16px;} #rowa #focusnews .bd li .con .titlebg{ filter: progid:dximagetransform.microsoft.alpha(opacity=80); opacity: 0.8; position: absolute; width: 100%; height: 35px; z-index: 15; left: 0; bottom: 0; background-color: #000; } #rowa #focusnews .hd ul li{float: left;display: inline;width: 10px;height: 10px;transition: all 0.5s;line-height: 10px;text-align: center;background: #fff;margin-left: 6px;cursor: pointer;overflow: hidden;border-radius: 0;margin-right: 0;} #rowa #focusnews .hd ul li.on{background-color: #fa6708;color: #fff;} #indtzgg{float: right;width: 690px;} #indtzgg .toplist .t{padding-bottom: 8px;} #indtzgg .toplist .t .date{float:left; background-color:#eee; width:90px; height:90px; line-height:30px; text-align:center; font-size:12px; color:#005caa; margin-right:20px;} #indtzgg .toplist .t .date .dd{display:block; background-color:#f5f5f5; height:60px; line-height:60px; font-size:48px; font-weight:100;} #indtzgg .toplist .t .con .title {font-weight: 100;font-size: 20px;line-height: 30px;margin-bottom: 5px;padding-top: 5px;} #indtzgg .toplist .t .con .intro{font-size: 14px;line-height: 24px;color: #717171;height: 52px;} #indtzgg .toplist .t .con .intro .more { text-decoration: none; color: #ff6600; margin-left: 5px; float:none; } #indtzgg .toplist .n{height: 32px;line-height: 32px;} #indtzgg .toplist .nodata, #indtzgg .toplist .n .title { height: 32px; line-height: 32px; font-size: 14px; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } #indtzgg .toplist .n a { text-decoration: none; background:url(/uploads/image/cmbiyyimg/liteicon1.png) no-repeat 0 5px; padding-left:20px;transition: all 0s;} #indtzgg .toplist .n a:hover{ text-decoration: underline; background-position: 0 -28px;} #indtzgg .toplist .n .date { float: right; color: #999; } #indtzgg .bd ul {background: url(/uploads/image/cmbiyyimg/boxline.png) no-repeat 5px 120px;} .seemore{line-height:33px;float:right;color:#fff;font-size:16px;font-weight:bold;padding:0 15px 0 40px;background:#005caa no-repeat 15px 6px;border-radius: 3px;} .seemore:hover{color:#fff;} #rowb {background: url(/uploads/image/cmbiyyimg/columnbbg.png) repeat;height: 340px;padding: 20px 0;clear: both;} #ztzlbox{float: left;width: 480px;} #ztzlbox .nodelist li{float: left;width: 230px;text-align: center;margin-bottom: 20px;} #ztzlbox .nodelist .li2,#ztzlbox .nodelist .li4{float: right;} #ztzlbox .nodelist li .tit {display: block;padding: 5px 0;height: 40px;line-height: 20px;} #mtjjbox {float: right;width: 690px;} #ztzlbox .nodelist li img{width:100%;height:80px} .topiclist .t { *zoom: 1;background: none;padding-bottom: 10px;margin: 0;border: 0;} .topiclist .t:after { content: ""; display: table; clear: both; } .topiclist .t .pic {float:left;margin-right: 20px;} .topiclist .t .con .title {font-weight: 100;font-size: 20px;line-height: 30px;margin-bottom: 5px; padding-top:5px;text-align: left;} .topiclist .t .con .title .tit {text-decoration: none;color: #333;font-weight: 100;} .topiclist .t .con .title .tit:hover, .topiclist .t .con .title .tit:focus { text-decoration: underline; } .topiclist .t .con .intro {font-size: 14px;line-height: 24px;color: #717171;} .topiclist .t .con .intro .more { text-decoration: none; color: #ff6600; margin-left: 5px; float:none; } .topiclist .t .con .intro .more:hover, .topiclist .t .con .intro .more:focus { text-decoration: underline; } .topiclist .nodata, .topiclist .n .title { height: 32px; line-height: 32px; font-size: 14px; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .topiclist .n { } .topiclist .n .tit { text-decoration: none; padding-left:15px;} .topiclist .n a:hover, .topiclist .n a:focus { text-decoration: underline; } .topiclist .n .date { float: right; color: #999; } .detail{display: inline!important;text-decoration: none;color: #ff6600;margin-left: 5px;} #expressbox {background: url(/uploads/image/cmbiyyimg/qti.png) no-repeat center top;margin: 20px 0;padding: 85px 60px 0;text-align: center;line-height: 28px;font-size: 16px;position: relative;} #expressbox .prev,#expressbox .next { width:20px; height:39px; position:absolute; top:125px; left:0; z-index:20; background:url(/uploads/image/cmbiyyimg/arricon.png) no-repeat; cursor:pointer; } #expressbox .next {left: inherit;right:0;background:url(/uploads/image/cmbiyyimg/arricon_r.png) no-repeat right;cursor:pointer;} #expressbox .prev:hover { background-position:right;} #expressbox .next:hover { background-position:left;} #expressbox li { float:left; width:135px; position: relative;height: 155px} #expressbox li a{position: absolute;top: 0;left: 0;right: 0;bottom: 0;line-height: 275px;} #expressbox li b { display:block; width:110px; height:110px; margin:0 auto; background:#fff;border-radius:50%; margin-bottom:10px;border:3px solid #fff; transition:all 1s} #expressbox li b i { display:block; height:100px; width:100px; border:5px solid #f5f5f5; border-radius:50%;transition:all 0.5s; background:#f5f5f5 url(/uploads/image/cmbiyyimg/qicons.png) no-repeat -532px 24px;} #expressbox li:hover b { border:3px solid #005caa;} #expressbox li:hover b i { background-color:#005caa; border-color: #fff; background-position:-532px -66px; } #expressbox li a:hover { color:#005caa; font-weight:bold;} #expressbox .li1 b i { background-position:24px 24px;} #expressbox .li2 b i { background-position:-115px 24px;} #expressbox .li3 b i { background-position:-254px 24px;} #expressbox .li4 b i { background-position:-393px 24px;} #expressbox .li5 b i { background-position:-532px 24px;} #expressbox .li6 b i { background-position:-670px 24px;} #expressbox .li7 b i { background-position:-808px 24px;} #expressbox .li8 b i { background-position:-946px 24px;} #expressbox .li1:hover b i { background-position:24px -66px;} #expressbox .li2:hover b i { background-position:-115px -66px;} #expressbox .li3:hover b i { background-position:-254px -66px;} #expressbox .li4:hover b i { background-position:-393px -66px;} #expressbox .li5:hover b i { background-position:-532px -66px;} #expressbox .li6:hover b i { background-position:-670px -66px;} #expressbox .li7:hover b i { background-position:-808px -66px;} #expressbox .li8:hover b i { background-position:-946px -66px;} /*-- 颜色代码 #416eb4 深色标题 #ddd 淡色边框 --*/