body{ background: #ebebeb; font-family: "Microsoft YaHei"; } .header{ height: 356px; } .header h1{ display: none; } .header-cbj{ background: url("../images/cbj.jpg") center top no-repeat; } .header-dyc{ background: url("../images/header-dyc.jpg") center top no-repeat; } .skb .header{ background: url("../images/header-skb.jpg") center top no-repeat; } .nav{ height: 50px; line-height: 50px; } .nav-cbj{ background: #d61010; } .nav-dyc{ background: #002775; } .skb .nav{ background: #064e86; } .wrap{ background: #fff; width: 1000px; padding: 0 20px 30px; margin: 0 auto; overflow: hidden; } .nav{ text-align: center; } .nav li{ color: #fff; display: inline; font-size: 18px; font-weight: bold; padding: 0 30px; } .nav a{ background-image: url("../images/icon-channel.png"); background-repeat: no-repeat; color: #fff; padding-left: 26px; } .i-index{ background-position: 0px -382px; } .i-hydt{ background-position: 0px -313px; } .i-xxgk{ background-position: 0px -179px; } .i-zcfg { background-position: 0px -247px; } .i-tzgg{ background-position: 0px -113px; } .i-lxwm{ background-position: 0px -48px; } .slider-cbj{ background: #ccc; width: 557px; height: 377px; overflow: hidden; } .flexslider img{ display: block; } .flexslider,.flexslider .slides li{ position: relative; } .flexslider li span{ background: #3e3e3e; background: rgba(0,0,0,.5); filter:alpha(opacity=50); color: #fff; display: block; width: 100%; font-size: 16px; line-height: 40px; text-align: center; position: absolute; bottom: 0; left: 0; } .flex-control-nav { position: absolute; right: 5px; bottom: 10px; } .flex-control-nav li { margin-right: 5px; display: inline-block; zoom: 1; } .flex-control-paging li a { background: #dcdcdc; border-radius: 5px; display: block; cursor: pointer; float: left; width: 10px; height: 10px; line-height: 0; font-size: 0; overflow: hidden; } .flex-control-paging li a.flex-active { background: #ff5e00; } .flex-direction-nav a{ cursor: pointer; width: 40px; height: 68px; position: absolute; top: 50%; line-height: 0; font-size: 0; margin-top: -34px; } .flex-direction-nav .flex-prev { background: url(../images/icon-channel.png) 0 -726px no-repeat; left: 0; } .flex-direction-nav .flex-next { background: url(../images/icon-channel.png) -50px -726px no-repeat; right: 0; } /* flexslider end */ .zone-wrap{ width: 398px; } .title-cbj{ border-bottom: 2px solid #d61010; height: 33px; line-height: 33px; } .title-cbj span,.title-dyc span{ color: #fff; float: left; font-size: 16px; font-weight: bold; } .title-cbj span{ background: url("../images/icon-channel.png") 0px -522px no-repeat; width: 102px; height: 33px; text-align: center; } .title-skb{ border-bottom: 2px solid #064e86; height: 33px; line-height: 33px; margin-bottom: 14px; } .title-skb .title-skb-more{ float: right; color: #064e86; } .title-skb span{ display: block; background: url("../images/icon-channel.png") 0px -562px no-repeat; height: 33px; line-height: 33px; color: #064e86; font-size: 16px; font-weight: bold; padding-left: 32px; } .title-dyc{ border-bottom: 2px solid #002775; height: 31px; line-height: 31px; } .title-dyc span{ background: url("../images/icon-channel.png") 0px -668px no-repeat; width: 73px; padding-left: 16px; } .title-cbj .title-cbj-more{ float: right; color: #d61010; } .title-dyc{ border-bottom: 2px solid #002775; } .title-dyc .title-dyc-more{ float: right; color: #002775; } .txt-list{ height: 252px; overflow: hidden; padding: 5px 0 4px; } .dyc .zone-wrap .txt-list{ height: 336px; } .txt-list li{ background: url("../images/i-point-cbj.png") 0 19px no-repeat; font-size: 16px; line-height: 42px; padding-left: 10px; } .dyc .txt-list li { background: url("../images/i-point-dyc.png") 0 19px no-repeat; } .news-wrap{ padding-top: 30px; } .news-gird{ width: 314px; margin-right: 29px; float: left; } .news-gird.last{ margin-right: 0; } .news-gird .txt-list{ margin-top: 15px; } .cbj-bg-list{ background: #f1f1f1; font-size: 16px; line-height: 42px; height: 252px; overflow: hidden; padding: 10px 9px; margin-top: 15px; } .title-link{ color: #b9231d; background: url("../images/icon-channel.png") 0px -450px no-repeat; border-bottom: 2px solid #b9231d; font-size: 18px; font-weight: bold; padding-bottom: 9px; padding-left: 20px; } .dyc .title-link{ color: #002775; background: url("../images/icon-channel.png") 0px -632px no-repeat; border-bottom: 2px solid #002775; } .skb .title-link{ color: #064e86; background: url("../images/icon-channel.png") 0px -603px no-repeat; border-bottom: 2px solid #064e86; } .link-list{ width: 1150px; overflow: hidden; } .link-list li{ background: #f5f5f5; border: 1px solid #b9231d; width: 201px; height: 56px; float: left; margin-top: 16px; margin-right: 9px; text-align: center; display: table; padding: 0 20px; } .dyc .link-list li{ border: 1px solid #002775; } .skb .link-list li{ border: 1px solid #064e86; } .link-list a{ color: #3b3b3b; display: table-cell; vertical-align:middle; text-align:center; } .dyc-anc-img{ width: 1116px; overflow: hidden; } .dyc-anc-img li{ margin-right: 16px; float: left; } .skb-left{ width: 272px; float: left; margin-right: 42px; } .skb-mid{ width: 352px; float: left; } .skb-right{ width: 293px; } .skb-left .txt-list{ background: #f1f1f1; height: 108px; overflow: hidden; padding: 0 8px; } .skb-left .txt-list li,.skb-right .txt-list li{ background: none; line-height: 37px; font-size: 14px; } .skb-gird{ margin-bottom: 26px; } .skb-mid .txt-list{ height: 150px; overflow: hidden; } .skb-mid .txt-list li{ background: url(../images/i-point-dyc.png) 0 15px no-repeat; font-size: 14px; line-height: 36px; } .skb-right .txt-list{ height: 288px; overflow: hidden; }