/*commom style*/ body { min-width: 1220px; } *, *:before, *:after { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img { border: medium none; margin: 0; padding: 0; font-family: 微软雅黑; } em { font-style: normal; } ul, ol { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } a, ins { text-decoration: none; } *:focus { outline: none; } a { color: #333; } a:hover { color: #355e92; /*transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;-moz-transition:all 0.2s;*/ } .left { float: left; } .right { float: right; } .clearfix:after { display: block; content: ""; height: 0; visibility: hidden; clear: both; } .clearfix { zoom: 1; } .hide { display: none; } .block { display: block; } /*主体样式*/ .content-bg { background: #f7f7f7; width: 100%; padding-bottom: 20px; } .content { background: #ffffff; width: 1220px; margin: 0 auto; padding: 20px; } /*顶部链接*/ .topLink-list{ width: 320px; margin-left: 10px; } .topLink-list ul li{ float: left; font-size: 16px; color: #1a56a8; padding-left: 68px; width: 160px; height: 75px; line-height: 75px; } .topLink-list ul li a{ display: block; width: 100%; height: 100%; color: #1a56a8; } .topLink-list ul li:hover{ font-size: 18px } .toplink-right{ width: 280px; } .list1{ background: url("toplink-2.png") no-repeat center top; } .list2{ background: url("toplink-3.png") no-repeat center top; } .list3{ background: url("toplink-4.png") no-repeat center top; } .list4{ background: url("toplink-5.png") no-repeat center top; } .hov{ border-radius: 5px; } .hov:hover{ box-shadow: 0 0 15px #333333; } /*头条*/ .top-tit{ width: 100%; /* height: 100px; */ line-height: 45px; text-align: center; font-size: 34px; font-weight: bold; padding:20px 0; } .top-tit a{ color: #0055ae; } /*图片新闻*/ .focusBox { position: relative; width: 580px; height: 366px; overflow: hidden; } .focusBox .pic { position: relative; z-index: 0; } .focusBox .pic img { width: 580px; height: 366px; display: block; } .focusBox .hd { width: 105px; position: absolute; bottom: 13px; right: 20px; text-align: center; font-size: 0; z-index: 3; } .focusBox .hd li { margin: 0 4px; background: url(circle.png) no-repeat; height: 13px; overflow: hidden; width: 13px; cursor: pointer; display: inline-block; *display: inline; zoom: 1; _background: url(circle.png) no-repeat; } .focusBox .hd .on { background: url(circleon.png) no-repeat; } .focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 42px; width: 100%; background: url("lb-1.png") repeat-x center top; overflow: hidden; } .focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 42px; width: 100%; overflow: hidden; } .focusBox .txt li { height: 42px; line-height: 42px; position: absolute; bottom: -42px; } .focusBox .txt li a { display: block; color: white; padding: 0 0 0 10px; font-size: 16px; text-decoration: none; } .focusBox .prev, .focusBox .next { width: 40px; height: 66px; margin: -60px 0 0; display: none; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter: alpha(opacity=20); opacity: 0.2; } .focusBox .prev { left: 0; background: url(left.png) no-repeat 0 0; } .focusBox .next { right: 0; background: url(right.png) no-repeat 0 0; } .focusBox .prev:hover, .focusBox .next:hover { filter: alpha(opacity=50) !important; opacity: 0.5 !important; } /*工作动态*/ .work { margin-left: 20px; } .work-title { width: 580px; height: 45px; border-bottom: solid 1px #efefef; } .work-title span { display: block; width: 130px; height: 45px; background: #2957a2; color: #ffffff; font-weight: bold; font-size: 22px; text-align: center; line-height: 45px; position: relative; } .sj { position: absolute; width: 100%; height: 7px; background: url(sj.png) no-repeat center } .work-list { margin-top: 15px; } .work-list ul li { line-height: 36px; padding-left: 15px; background: url(dian.png) no-repeat left center; } .work-list ul li a { font-size: 16px; /* color: #333333; */ } .work-list ul li span { color: #999999; } /*链接列表*/ .linklist{ width: 100%; height: 143px; background: #f0f9fe; margin-top: 30px; } .linklist ul li{ float: left; margin-left: 35px; } .linklist ul li a{ display: block; width: 108px; height: 143px; text-align: center; padding-top: 104px; } .linklist ul li a:hover{ color: #1a56a8; } .link-lis1{ background: url(link-1.png) no-repeat center 15px; } .link-lis2{ background: url(link-2.png) no-repeat center 15px; } .link-lis3{ background: url(link-3.png) no-repeat center 15px; } .link-lis4{ background: url(link-4.png) no-repeat center 15px; } .link-lis5{ background: url(link-5.png) no-repeat center 15px; } .link-lis6{ background: url(link-6.png) no-repeat center 15px; } .link-lis7{ background: url(link-7.png) no-repeat center 15px; } .link-lis8{ background: url(link-8.png) no-repeat center 15px; } .link-lis1:hover{ background: url(link-9.png) no-repeat center 15px; } .link-lis2:hover{ background: url(link-10.png) no-repeat center 15px; } .link-lis3:hover{ background: url(link-11.png) no-repeat center 15px; } .link-lis4:hover{ background: url(link-12.png) no-repeat center 15px; } .link-lis5:hover{ background: url(link-13.png) no-repeat center 15px; } .link-lis6:hover{ background: url(link-14.png) no-repeat center 15px; } .link-lis7:hover{ background: url(link-15.png) no-repeat center 15px; } .link-lis8:hover{ background: url(link-16.png) no-repeat center 15px; } /*通知公告*/ .notice { width: 569px; margin-top: 20px; } .notice-title { width: 100%; height: 45px; border-bottom: solid 1px #efefef; } .notice-title a { float: left; display: block; /*width: 88px;*/ height: 45px; cursor: pointer; font-size: 22px; line-height: 45px; margin-right: 40px; } .notice-title a.on{ color: #2957a2; font-weight: bold; border-bottom: 3px solid #1a56a8; } .notice-list { margin-top: 15px; } .notice-list ul li { line-height: 36px; padding-left: 15px; background: url(dian.png) no-repeat left center; } .notice-list ul li a { font-size: 16px; /* color: #333333; */ } .notice-list ul li span { color: #999999; } .more{ line-height: 45px; font-size: 14px; } .more a{ display: none; } /*视频图片*/ .bottom-list{ width: 345px; margin-right: 20px; } .bottom-list ul li{ padding: 0; background: none; position: relative; } .vio-tit{ padding-left: 10px; width: 340px; height: 35px; line-height: 35px; background: url("lb-1.png") repeat-x center top; color: #ffffff; /* -khtml-opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);filter:"alpha(opacity=60)";opacity:0.6; */ position: absolute; left: 0; bottom: 0; } .notice-list .vio-list li img{ width: 340px; height: 200px; } /*轮播*/ .picScroll-left { width: 100%; overflow: hidden; position: relative; margin-top: 30px; } .picScroll-left .hd a{ display: block; position: absolute; width: 20px; height: 36px; top: 25px; z-index: 9999; } .picScroll-left .hd .prev{ left: 0; /*float: right;*/ /*margin-right: 5px;*/ /*margin-top: 10px;*/ /*overflow: hidden;*/ cursor: pointer; /*background: url("left.png") no-repeat;*/ } .picScroll-left .hd .next{ cursor: pointer; right: 0; } .picScroll-left .hd .prev img, .picScroll-left .hd .next img{ width: 20px; height: 36px; } .picScroll-left .hd ul { float: right; overflow: hidden; zoom: 1; margin-top: 10px; zoom: 1; } .picScroll-left .hd ul li.on { background-position: 0 0; } .picScroll-left .bd ul { overflow: hidden; zoom: 1; } .picScroll-left .bd ul li { margin: 0 16px 0 0; float: left; _display: inline; overflow: hidden; text-align: center; } .picScroll-left .bd ul li .pic { text-align: center; } .picScroll-left .bd ul li .pic img { width: 223px; height: 90px; display: block; /*padding: 2px;*/ /*border: 1px solid #ccc;*/ } .picScroll-left .bd ul li .pic a:hover img { border-color: #999; } .picScroll-left .bd ul li .title { line-height: 24px; } /*友情链接*/ .bottom-link{ width: 100%; height: 150px; background: #eff9fe; border-top:solid 1px #1a56a8; } .qjpd{ width: 126px; height: 41px; line-height: 41px; text-align: center; background: #ffffff; font-size: 16px; color: #1a56a8; font-weight: bold; } .qjpd img{ margin-left: 7px; } .yqlj-list{ background: #ffffff; padding:10px 20px; } .yqlj-list ul li{ float: left; font-size: 16px; line-height: 35px; width: 130px; }