body {
background: url(../images/body-bg-2-2.png) no-repeat bottom center;
}
.body {
background:url(../images/body-bg.png) no-repeat top center;
}
.body-2 {
background:url(../images/body-bg-2-11.png) no-repeat top center;
}
.top-bg {
width:100%;
height:824px;
background:url(../images/body-bg-2-1.png) no-repeat top center;
position:absolute;
top:0
}
.end-bg {
width:100%;
height:822px;
background:url(../images/body-bg-2-2.png) no-repeat top center;
position:absolute;
bottom:0
}
.header {
min-height:250px
}
.header .top .top-by {
color:#fbfbfb;
font-size:14px;
line-height:30px
}
.header .top .top-by a {
color:#fbfbfb;
position:relative;
padding-right:25px
}
.header .top .top-by a:after {
content:'|';
position:absolute;
right:12px
}
.header .top .top-by a:last-child {
padding-right:0
}
.header .top .top-by a:last-child:after {
content:''
}
.header .top .logo {
margin-top:20px
}
.header .top .logo img {
display:block;
margin:0 auto
}
.header .top .search-box {
width:340px;
margin:15px auto 0;
position:relative
}
.header .top .search-box form {
position:relative
}
.header .top .search-box form .input {
display:block;
width:340px;
height:40px;
padding:0;
background:0 0;
border:0;
box-sizing:border-box;
padding-left:10px;
padding-right:40px;
background:#fff
}
.header .top .search-box form .sb {
position:absolute;
top:0;
right:0;
cursor:pointer
}
.header .top .search-box .search-word {
line-height:37px
}
.header .top .search-box .search-word .word-title {
color:#cb0101;
font-size:14px
}
.header .top .search-box .search-word a {
font-size:12px;
color:#fbfbfb;
margin-left:10px;
float: right;
padding-left: 20px;
}
.header.header-2 {
min-height:200px
}
.header.header-2 .top .top-by {
line-height:40px
}
.header.header-2 .top .logo {
margin-top:35px
}
.header.header-2 .top .logo .d-title {
color:#fff;
font-size:48px;
line-height:90px;
padding-left:20px
}
.header.header-2 .top .search-box {
margin-top:64px
}
.index-news .news-box .news-types {
box-shadow:-2px 2px 3px rgba(0, 0, 0, .3)
}
.index-news .news-box .news-types ul {
border-right:1px solid #bababa;
position:relative
}
.index-news .news-box .news-types ul li {
width:260px;
height:74px;
background:#0190cb;
border-top:1px solid #bababa;
position:relative;
transition:all .5s ease;
-o-transition:all .5s ease;
-moz-transition:all .5s ease;
-webkit-transition:all .5s ease
}
.index-news .news-box .news-types ul li a {
display:block;
padding-left:80px;
position:relative;
line-height:74px;
font-size:18px;
color:#fff;
transition:all .5s ease;
-o-transition:all .5s ease;
-moz-transition:all .5s ease;
-webkit-transition:all .5s ease
}
.index-news .news-box .news-types ul li a .li-icon {
position:absolute;
top:0;
left:38px;
width:32px;
height:74px;
display:flex;
justify-content:center;
align-items:center
}
.index-news .news-box .news-types ul li a .li-icon .tb {
background-position-y:-84px;
transition:all .5s ease;
-o-transition:all .5s ease;
-moz-transition:all .5s ease;
-webkit-transition:all .5s ease
}
.index-news .news-box .news-types ul li a .vm {
position:absolute;
top:29px;
right:37px
}
.index-news .news-box .news-types ul li.on, .index-news .news-box .news-types ul li:hover {
background:0 0;
z-index:2
}
.index-news .news-box .news-types ul li.on a, .index-news .news-box .news-types ul li:hover a {
color:#0190cb;
font-weight:800
}
.index-news .news-box .news-types ul li.on a .tb, .index-news .news-box .news-types ul li:hover a .tb {
background-position-y:-117px
}
.index-news .news-box .news-types ul li:first-child {
border:none
}
.index-news .news-box .news-types ul .hover-bg {
width:283px;
height:83px;
background:url(../images/new-type-hover.png) no-repeat top left;
position:absolute;
top:-3px;
left:-4px;
z-index:1;
transition:all .5s ease;
-o-transition:all .5s ease;
-moz-transition:all .5s ease;
-webkit-transition:all .5s ease
}
.index-news .news-box .news-right-box {
width:939px;
height:374px
}
.index-news .news-box .news-right-box .tab-body {
display:none
}
.index-news .news-box .news-right-box .tab-body .img-box {
box-shadow:-2px 2px 3px rgba(0, 0, 0, .3)
}
.index-news .news-box .news-right-box .tab-body .img-box .news-image-loop {
width:678px;
height:374px;
position:relative
}
.index-news .news-box .news-right-box .tab-body .img-box .news-image-loop .img-list {
width:9999px;
height:374px;
position:absolute;
top:0;
left:0
}
.index-news .news-box .news-right-box .tab-body .img-box .news-image-loop .img-list li {
float:left;
position:relative;
width:678px;
height:374px
}
.index-news .news-box .news-right-box .tab-body .img-box .news-image-loop .img-list li .li-img {
width:678px;
height:374px
}
.index-news .news-box .news-right-box .tab-body .img-box .news-image-loop .img-list li .li-img img {
display:block;
width:100%
}
.index-news .news-box .news-right-box .tab-body .img-box .news-image-loop .img-list li .li-title {
position:absolute;
bottom:0;
left:0;
width:638px;
padding:0 20px;
height:46px;
background:#fbfbfb;
font-size:14px;
color:#0190cb;
line-height:46px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden
}
.index-news .news-box .news-right-box .tab-body .img-box .news-image-loop .loop-control {
position:absolute;
top:177px;
z-index:2;
transform:scale(1.2)
}
.index-news .news-box .news-right-box .tab-body .img-box .news-image-loop .loop-control.prev {
left:10px
}
.index-news .news-box .news-right-box .tab-body .img-box .news-image-loop .loop-control.next {
right:10px
}
.index-news .news-box .news-right-box .tab-body .img-box .leader-list {
width:259px;
height:374px;
border:1px solid #cbcbcb;
border-top:0;
background:#fff
}
.index-news .news-box .news-right-box .tab-body .img-box .leader-list .leader-list-title {
width:260px;
height:49px;
line-height:49px;
text-align:center;
font-size:18px;
color:#f1f9fc;
background:url(../images/title-bg-1.png) no-repeat top center
}
.index-news .news-box .news-right-box .tab-body .img-box .leader-list .leader-box {
padding:0 25px
}
.index-news .news-box .news-right-box .tab-body .img-box .leader-list .leader-box .leader {
display:flex;
flex-wrap:wrap;
padding:13px 0
}
.index-news .news-box .news-right-box .tab-body .img-box .leader-list .leader-box .leader a {
display:block;
font-size:14px;
color:#000;
text-align:center;
line-height:32px;
width:33.333%
}
.index-news .news-box .news-right-box .tab-body .img-box .leader-list .leader-box .leader a.one {
width:100%;
font-size:18px
}
.index-news .news-box .news-right-box .tab-body .img-box .leader-list .leader-box .leader a.w3 {
letter-spacing:.5em;
margin-right:-.5em
}
.index-news .news-box .news-right-box .tab-body .img-box .leader-list .leader-box .leader a.w2 {
letter-spacing:2em;
margin-right:-2em
}
.index-news .news-box .news-right-box .tab-body .img-box .leader-list .leader-box .leader:last-child {
border-top:1px dashed #ddd
}
.index-news .news-box .news-right-box .tab-body .news-list {
background:#fcfcfc;
border:1px solid #0e87cc;
border-left:0;
padding:2px 18px 0 28px;
height:370px;
position:relative
}
.index-news .news-box .news-right-box .tab-body .news-list li {
margin-top:8px;
border-bottom:1px dashed silver
}
.index-news .news-box .news-right-box .tab-body .news-list li a {
display:block;
line-height:44px;
font-size:16px;
color:#656565;
padding-left:30px;
padding-right:120px;
position:relative;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden
}
.index-news .news-box .news-right-box .tab-body .news-list li a .icon {
position:absolute;
top:14px;
left:5px
}
.index-news .news-box .news-right-box .tab-body .news-list li a .time {
position:absolute;
top:0;
right:0
}
.index-news .news-box .news-right-box .tab-body .news-list li:last-child {
border:none
}
.index-news .news-box .news-right-box .tab-body .news-list .more {
font-size:14px;
position:absolute;
right:20px;
bottom:0;
line-height:40px
}
.index-news .news-box .news-right-box .tab-body .department-box {
background:#fcfcfc;
border:1px solid #0e87cc;
border-left:0;
height:372px;
padding:0 10px
}
.index-news .news-box .news-right-box .tab-body .department-box .depa-list {
display:flex;
justify-content:space-between;
flex-wrap:wrap;
border-bottom:1px dashed #cdcdcd;
}
.index-news .news-box .news-right-box .tab-body .department-box .depa-list li {
min-width:20%;
text-align:center
}
.index-news .news-box .news-right-box .tab-body .department-box .depa-list li a {
color:#0e88cb;
line-height:35px;
font-size:16px
}
.index-news .news-box .news-right-box .tab-body .department-box .depa-list li:hover a {
color:#f1a1a4;
position:relative
}
.index-news .news-box .news-right-box .tab-body .department-box .depa-list li:hover a:after {
display:block;
content:'';
width:100%;
border-bottom:1px solid #f1a1a4;
position:absolute;
left:0
}
.index-news .news-box .news-right-box .tab-body .department-box .depa-list li.col-2 {
width:40%
}
.index-news .news-box .news-right-box .tab-body .department-box .city-dep-list li {
width:190px;
text-align:center;
float:left;
margin-top:14px;
padding:0 19px
}
.index-news .news-box .news-right-box .tab-body .department-box .city-dep-list li a {
color:#0e88cb;
font-size:16px;
line-height:24px
}
.index-news .news-box .news-right-box .tab-body .department-box .city-dep-list li:hover a {
color:#f1a1a4
}
.index-infos {
padding-top:24px
}
.index-infos .info-title {
height:39px;
border-bottom:1px solid #099bcd
}
.index-infos .info-title h1 {
background:url(../images/title-bg-2.png) no-repeat top left;
font-size:22px;
line-height:40px;
color:#f2f2f2;
width:140px;
height:40px;
text-align:center;
box-shadow:0 1px 2px rgba(0, 0, 0, .2)
}
.index-infos .info-box {
width:380px;
margin-right:56px
}
.index-infos .info-box .info-con {
width:380px;
height:170px;
background:#feffff;
margin-top:16px;
box-shadow:0 0 4px 2px rgba(0, 0, 0, .1)
}
.index-infos .info-box .info-con .link-list {
display:flex;
justify-content:space-between;
flex-wrap:wrap;
padding:5px 24px
}
.index-infos .info-box .info-con .link-list li {
min-width:40%;
margin-top:13px
}
.index-infos .info-box .info-con .link-list li a {
display:block;
padding-left:38px;
position:relative;
line-height:38px;
font-size:16px;
color:#666
}
.index-infos .info-box .info-con .link-list li a .li-icon {
position:absolute;
top:0;
left:0;
width:38px;
height:38px;
display:flex;
justify-content:center;
align-items:center
}
.index-infos .info-box .info-con .link-list li:hover a {
color:#0198cb
}
.index-infos .info-box .info-con .link-list li:hover a .li-icon .l-icon {
background-position-y:-30px
}
.index-infos .btns-box {
width:320px;
display:flex;
justify-content:space-between;
flex-wrap:wrap
}
.index-infos .btns-box .btn-link {
width:145px;
height:50px;
display:flex;
justify-content:center;
align-items:center;
color:#fff;
font-size:16px;
line-height:50px;
background:url(../images/title-bg-4.png) no-repeat top center;
margin-top:7px;
box-shadow:0 0 4px rgba(0, 0, 0, .2)
}
.index-infos .btns-box .btn-link .l-icon {
margin-right:5px
}
.index-infos .btns-box .btn-link.top {
width:320px;
background:url(../images/title-bg-3.png) no-repeat top center
}
.index-infos .webs-box {
height:100px;
background:#fff;
margin-top:15px;
box-shadow:0 1px 2px rgba(0, 0, 0, .2)
}
.index-infos .webs-box .web-list {
padding:28px 30px 0;
display:flex;
justify-content:space-around
}
.index-infos .webs-box .web-list li {
border:1px solid #ededed;
background:#fcfcfc;
width:153px
}
.index-infos .webs-box .web-list li a {
height:60px;
display:flex;
justify-content:center;
align-items:center;
font-size:12px;
color:#666
}
.index-infos .webs-box .web-list li a .li-icon {
margin-right:8px
}
.index-infos .webs-box .web-list li.big a {
font-size:16px
}
.index-infos .webs-box .web-list li:hover a {
color:#0e9bd5
}
.index-links {
display:flex;
justify-content:center;
color:#fff;
padding-top:50px
}
.index-links .links-list {
width:273px;
height:24px;
border:1px solid #fff;
position:relative;
margin:0 15px;
text-align:center
}
.index-links .links-list .icon {
position:absolute;
top:8px;
right:7px;
transition:all .5s ease;
-o-transition:all .5s ease;
-moz-transition:all .5s ease;
-webkit-transition:all .5s ease
}
.index-links .links-list .links-xl {
position:absolute;
top:26px;
left:0;
width:100%;
height:auto;
max-height:100px;
overflow-y:auto;
overflow-x:hidden;
background:#fff;
display:none;
z-index:9
}
.index-links .links-list .links-xl li a {
display:block;
font-size:12px;
line-height:24px;
color:#333
}
.index-links .links-list .links-xl li:hover a {
background:#0290cb;
color:#fff
}
.index-links .links-list .links-title {
display:block;
text-align:center;
position:relative;
font-size:14px;
line-height:24px;
cursor:pointer
}
.index-links .links-list .links-title:before {
content:'-------------';
position:absolute;
top:0;
left:5px
}
.index-links .links-list .links-title:after {
content:'-----------';
position:absolute;
right:17px;
top:0
}
.index-links .links-list .links-title.lt-1:before {
content:'--------------'
}
.index-links .links-list .links-title.lt-1:after {
content:'------------'
}
.index-links .links-list .links-title.lt-2:before {
content:'----------------'
}
.index-links .links-list .links-title.lt-2:after {
content:'--------------'
}
.index-links .links-list .links-title.lt-3:before {
content:'-----------------'
}
.index-links .links-list .links-title.lt-3:after {
content:'---------------'
}
.footer {
display:flex;
justify-content:center;
padding-top:30px;
padding-bottom:6px
}
.footer .ewm-box {
font-size:16px;
color:#fff;
width:180px;
position:relative
}
.footer .ewm-box img {
display:block;
width:73px;
margin:0 auto
}
.footer .ewm-box p {
font-size:12px;
line-height:20px;
color:#fff;
text-align:center
}
.footer .dz-box {
margin-left:20px;
padding-left:66px;
position:relative
}
.footer .dz-box .dz {
position:absolute;
top:0;
left:0
}
.footer .dz-box table tr td {
font-size:14px;
color:#fff
}
.footer .dz-box table tr td a {
color:#fff;
position:relative
}
.footer .dz-box table tr td a .ba {
position:absolute;
top:0;
left:-20px
}
.footer .zc {
padding-top:10px
}
.nav {
height:40px;
background:url(../images/nav-bg.png) repeat-x top center;
box-shadow:0 1px 2px rgba(0, 0, 0, .22)
}
.nav a {
display:block;
float:left;
padding:0 30px;
position:relative;
color:#fcfcfc;
font-size:14px;
line-height:40px
}
.nav a:after {
content:'';
height:20px;
border-left:1px solid #f2f2f2;
position:absolute;
top:10px;
right:0
}
.nav a:first-child:before {
content:'';
height:20px;
border-left:1px solid #f2f2f2;
position:absolute;
top:10px;
left:0
}
.nav a.on, .nav a:hover {
color:#036
}
.content .content-box .position {
height:50px
}
.content .content-box .position li {
float:left;
margin-right:5px;
position:relative
}
.content .content-box .position li .top {
color:#333;
font-size:14px;
line-height:50px
}
.content .content-box .position li:after {
content:' >';
color:#333;
font-family:'黑体'
}
.content .content-box .position li:last-child:after {
content:''
}
.content .content-box .position li:hover .top {
color:#036
}
.content .content-box .position li:hover .son-types {
display:block
}
.content .content-box .position li .son-types {
display:none;
position:absolute;
top:50px;
left:0;
height:auto;
background:#fff;
border:2px solid #0e87cc;
border-top:none;
border-bottom:5px solid #0e87cc;
border-radius:0 0 5px 5px;
z-index:999;
background:#0e87cc;
width:100%;
min-width:80px;
box-sizing:border-box
}
.content .content-box .position li .son-types a {
display:block;
font-size:14px;
line-height:28px;
color:#333;
padding:0 5px;
background:#fff
}
.content .content-box .position li .son-types a:hover {
background:#0e87cc;
color:#ececec
}
.content .content-box .contents {
min-height:400px;
background:#fcfcfc;
padding:0 25px 30px;
box-shadow:0 0 3px rgba(63, 63, 63, .17)
}
.content .content-box .contents .news-list {
padding-top:7px
}
.content .content-box .contents .news-list li {
border-bottom:1px dashed #cdcdcd;
margin-bottom:8px;
display:block;
height:38px;
line-height:38px;
font-size:14px;
color:#666;
padding-left:30px;
padding-right:120px;
position:relative;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden
}
.content .content-box .contents .news-list li .title {
color:#666
}
.content .content-box .contents .news-list li .time {
position:absolute;
top:0;
right:0
}
.content .content-box .contents .news-list li .icon {
position:absolute;
top:11px;
left:0;
transition:all .5s ease;
-o-transition:all .5s ease;
-moz-transition:all .5s ease;
-webkit-transition:all .5s ease
}
.content .content-box .contents .news-list li .department {
position:absolute;
top:0;
right:100px;
color:#666
}
.content .content-box .contents .news-list li .department:hover {
color:#cb0101
}
.content .content-box .contents .news-list li:hover {
border-color:#cb0101
}
.content .content-box .contents .news-list li:hover .title {
color:#cb0101
}
.content .content-box .contents .news-list li:hover .icon {
left:8px
}
.content .content-box .contents .pagination {
display:flex;
justify-content:center;
padding-top:5px
}
.content .content-box .contents .pagination li {
margin:0 3px;
float:left
}
.content .content-box .contents .pagination li a, .content .content-box .contents .pagination li span {
border:1px solid #adadad;
display:block;
padding:0 15px;
line-height:28px;
height:28px;
color:#666
}
.content .content-box .contents .pagination li a:hover {
border-color:#cb0101;
background:#cb0101;
color:#fff
}
.content .content-box .contents .pagination li.disabled {
cursor:not-allowed;
border-color:#ccc
}
.content .content-box .contents .pagination li.disabled span {
color:#ccc
}
.content .content-box .contents .pagination li.active a, .content .content-box .contents .pagination li.active span {
border-color:#cb0101;
background:#cb0101;
color:#fff
}
.content .content-box .contents .content-title {
text-align:center;
font-size:26px;
line-height:50px;
font-weight:400;
padding-top:20px;
font-family:'黑体'
}
.content .content-box .contents .info {
font-size:12px;
color:#666;
line-height:24px;
border-bottom:1px solid #333;
text-align:center
}
.content .content-box .contents .info a, .content .content-box .contents .info span {
float:none
}
.content .content-box .contents .info span {
margin-left:10px
}
.content .content-box .contents .content-body {
font-size:14px;
line-height:28px;
border-bottom:1px solid #333;
padding:20px 10px;
overflow:hidden
}
.content .content-box .contents .content-body img {
max-width:100%
}
.content .content-box .contents .content-body table {
max-width:100%
}
.content .content-box .contents .np {
padding:20px
}
.content .content-box .contents .np p {
font-size:14px;
color:#333
}
.content .content-box .contents .np p a {
color:#036
}
.content .content-box .contents.fen {
padding:30px 0 30px;
background:0 0;
box-shadow:none
}
.content .content-box .contents.fen .type-list {
width:290px;
border-radius:3px 3px 0 0;
box-shadow:0 0 4px rgba(0, 0, 0, .1);
background:#fff;
overflow:hidden;
float:left
}
.content .content-box .contents.fen .type-list .type-title {
height:50px;
border-bottom:1px solid #0291cc
}
.content .content-box .contents.fen .type-list .type-title h1 {
font-size:16px;
color:#0291cc;
font-weight:400;
line-height:48px;
padding-left:10px;
padding-right:10px;
float:left;
border-bottom:2px solid #0291cc
}
.content .content-box .contents.fen .type-list .list {
border-top:0;
padding:10px 0
}
.content .content-box .contents.fen .type-list .list li {
padding:5px 10px
}
.content .content-box .contents.fen .type-list .list li a {
display:block;
position:relative;
line-height:30px;
font-size:14px;
color:#666;
border:1px solid #ededed;
background:#fcfcfc;
padding-left:10px;
padding-right:10px
}
.content .content-box .contents.fen .type-list .list li a:hover {
display:block;
position:relative;
line-height:30px;
font-size:14px;
color:#fff;
border:1px solid #ededed;
background:#39C;
padding-left:10px;
padding-right:10px
}
.content .content-box .contents.fen .type-list .list li a .li {
font-family:'黑体';
margin-right:10px
}
.content .content-box .contents.fen .right-list {
float:right;
width:890px;
background:#fcfcfc;
box-shadow:0 0 3px rgba(63, 63, 63, .17)
}
.content .content-box .contents.fen .right-list .position {
padding-left:10px;
border-bottom:1px solid #0291cc
}
.content .content-box .contents.fen .right-list .news-list {
padding:10px
}