@charset "utf-8"; /* 重置样式 */ html { overflow-y: scroll; } body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd, ul, ol, li, pre,fieldset, lengend, button, input, textarea,th, td { margin: 0; padding: 0; } body,button, input, select, textarea { font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; } h1 { font-size: 18px; } h2 { font-size: 16px; } h3 { font-size: 14px; } h4, h5, h6 { font-size: 100%; } ul, ol { list-style: none; } a { text-decoration: none; } img { border: none; } .clear{ clear: both; } body{ background: url(../images/bg.jpg) repeat-x; } /*主体*/ #main{ width: 1200px; padding: 10px 0; margin: 0 auto; } /*上栏*/ .mainLeft{ width: 1200px; margin:20px auto; } .mainLeft h1{ height: 72px; text-align: center; } .mainLeft h1 a{ font: 36px/72px "方正大黑简体"; color: #555; } .wrapper{width:1050px;margin:auto;position:relative;}/*980*/ .wrap_it_all {min-height:100%;} * html .wrap_it_all {height:100%;} #slider {clear:both; height:400px; width:1050px; overflow:hidden;} .slider_area {} .slider_carousel {position:absolute; width:1050px; } .roundabout-holder {padding:0; height:400px; position:absolute; width:1050px;} .roundabout-moveable-item {border:0; list-style:none; width:640px; height:400px; -moz-box-shadow:0px 20px 20px -10px #000000; box-shadow:0px 10px 10px -5px #555; -webkit-box-shadow:0px 10px 10px -5px #5550;} .roundabout-moveable-item img {width:100%; height:100%; display:block;} .info{position:absolute; left:10px;right:10px;bottom: 10px; height: 30px;line-height:26px;padding:10px; background:rgba(0,0,0,0.3);color:#fff; display:none; /*标题*/ } .roundabout-in-focus .info{display:block;} .round_conrol {position:absolute; width:900px; height:34px; padding:0 0 0 0;top:170px;left:100px;z-index:999; }/*左右按钮*/ #bt-previous {position:absolute; width:34px; height:34px; display:block !important; left:0; top:0; cursor:pointer; text-indent:-9999px;} #bt-previous a{display:block; width:34px; height:34px; background:url(../images/fan_left.png) no-repeat left; } #bt-next {position:absolute; width:34px; height:34px; display:block !important; right:0; top:0; cursor:pointer; text-indent:-9999px;} #bt-next a{ display:block; width:34px; height:34px;background:url(../images/fan_right.png) no-repeat left; } .round_but {position:absolute; display:block; width:24px; height:22px;cursor:pointer;} .info h3 a{ font: 14px/30px "微软雅黑"; color: #fff; } .info p{ font: 12px/24px "微软雅黑"; color: #fff; } .info p a{ color: #fabe00; } /*下栏*/ .mainRight{ width: 788px; height: 597px; float: right; border: 1px solid #f5f5f5; position: relative; } /*下面左边新闻列表信息*/ .bottomLeft{ width: 820px; float: left; } .bottomLeft li{ border-bottom: 1px dashed #e5e5e5; padding-bottom: 20px; margin-bottom: 20px; } .bottomLeft li h3{ height:30px; line-height:30px; padding-left: 24px; background: url(../images/select.png) no-repeat 2px 8px; } .bottomLeft li h3 a{ color: #444; font-size: 18px; font-family: "黑体"; font-weight: normal; } .bottomLeft li h3 a:hover{ color: #fa7500; } .bottomLeft li p{ color: #666; font-size:14px; font-family: "微软雅黑"; line-height: 24px; text-indent: 2em; text-align: justify; text-justify:inter-ideograph; } .bottomLeft li p a{ color: #317ad2; } .bottomLeft li p a:hover{ color: #f00; } /*下面右侧视频图片新闻*/ .bottomRight{ width: 350px; float: right; } .title{ margin-bottom: 6px; height: 30px; border-bottom: 1px solid #3a84a9; } .title h2{ float: left; width: 84px; height: 30px; line-height: 30px; text-align: center; background: #317ad2; -webkit-transition: background 2s; -moz-transition: background 2s; -ms-transition: background 2s; -o-transition: background 2s; transition: background 2s; } .title h2:hover{ background: #ff730a; } .title h2 a{ display: block; font-family: "微软雅黑"; font-size: 14px; color: #fff; font-weight: normal; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -ms-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s; } .title h2 a:hover{ color: #317ad2; } .title .more{ display: block; float: right; margin-right: 10px; margin-top: 6px; } .spxw { margin-bottom: 20px; } .spxw .bfnr{ width: 350px; height: 220px; position: relative; } .spxw .bfnr>img{ width: 350px; height: 220px; } .bfnr .bfan{ display: block; width: 46px; height: 46px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; background: url(../images/bfButton.png) no-repeat; } .bfnr .bfan:hover{ background: url(../images/bfButtons.png) no-repeat; } .bfnr .bfan img{ width: 46px; height: 46px; } /*图片新闻*/ .tpxw{ } .tpxw ul li{ width: 350px; height: 228px; text-align: center; margin-bottom: 20px; } .tpxw ul li img{ width: 350px; height: 200px; } .tpxw ul li a{ font: 14px/28px "微软雅黑"; color: #666; display: block; }