.icon {
display: inline-block;
vertical-align: middle;
background-repeat: no-repeat;
}
.icon.ico-title {
width: 22px;
height: 20px;
background-image: url("/jfsx/img/ico-title.png");
}
.icon.i-pos {
width: 18px;
height: 22px;
background-image: url("/jfsx/img/pos.png");
}
.icon.i-survey {
width: 26px;
height: 28px;
background-image: url("/jfsx/img/survey.png");
margin: 0 10px 0 14px;
}
.icon.i-pic {
width: 23px;
height: 23px;
background-image: url("/jfsx/img/i-pic.png");
margin: 0 10px 0 14px;
}
.icon.i-liuyan {
width: 22px;
height: 20px;
background-image: url("/jfsx/img/liuyan.png");
}
.icon.i-lvse {
width: 18px;
height: 18px;
background-image: url("/jfsx/img/i-lvse.png");
}
.icon.i-bjcx {
width: 20px;
height: 20px;
background-image: url("/jfsx/img/i-search.png");
}
.icon.arrow {
width: 10px;
height: 8px;
background-image: url("/jfsx/img/arrow.png");
}
body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
margin: 0;
padding: 0;
font-weight: normal;
}
a {
text-decoration: none;
color: #000;
}
img {
border: none;
width:100%;
}
.pull-left {
float: left;
}
.pull-right {
float: right;
}
ul {
list-style: none;
}
.clearfix:after {
content: "";
display: block;
clear: both;
}
.clearfix {
zoom: 1;
}
body {
font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
font-size: 14px;
background: url("/jfsx/image/web/bg-img.png") repeat;
}
body .header .banner {
width: 1200px;
height: 380px;
margin: 0 auto;
overflow: hidden;
position: relative;
}
body .header .banner img {
display: block;
}
body .header .nav {
width: 1200px;
margin: 0 auto;
background-color: #c70514;
position: relative;
}
body .header .nav a {
display: inline-block;
width: 236px;
height: 60px;
line-height: 60px;
font-size: 18px;
color: #fff;
text-align: center;
font-weight: bold;
background: url("/jfsx/image/web/line.png") no-repeat 100% center;
}
body .header .nav a:last-child {
background: none;
}
body .header .nav a.on {
color: #c70514;
background-color: #fff;
}
body .header .nav a.noline {
background: none;
}
body .container {
width: 1200px;
margin: 0 auto;
}
body .container .pos {
border-bottom: 1px solid #c70514;
padding: 25px 0 8px 0;
font-size: 18px;
}
body .container .pos a:last-child {
color: #c70514;
}
body .container .news {
margin-top: 30px;
}
body .container .news .pic-news .slideBox {
width: 550px;
height: 336px;
overflow: hidden;
position: relative;
border: 1px solid #ddd;
margin-bottom:25px;
}
body .container .news .pic-news .slideBox .hd {
height: 20px;
overflow: hidden;
position: absolute;
right: 8px;
bottom: 7px;
z-index: 1;
}
body .container .news .pic-news .slideBox .hd ul {
overflow: hidden;
zoom: 1;
float: left;
}
body .container .news .pic-news .slideBox .hd ul li {
float: left;
margin-right: 4px;
width: 18px;
height: 18px;
text-align: center;
background: transparent;
cursor: pointer;
border: 1px solid #fff;
color: #fff;
}
body .container .news .pic-news .slideBox .hd ul li.on {
background: #f00;
}
body .container .news .pic-news .slideBox .bd {
position: relative;
height: 100%;
z-index: 0;
}
body .container .news .pic-news .slideBox .bd li {
zoom: 1;
vertical-align: middle;
position: relative;
}
body .container .news .pic-news .slideBox .bd li a {
display: block;
}
body .container .news .pic-news .slideBox .bd li a img {
width: 100%;
height: 336px;
display: block;
}
body .container .news .pic-news .slideBox .bd li div {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 35px;
line-height: 35px;
background-color: #7c7273;
color: #fff;
}
body .container .news .pic-news .slideBox .bd li div span {
display: block;
width: 28em;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
body .container .news .list {
margin-bottom: 25px;
}
body .container .news .list.list1 {
width: 596px;
height: 338px;
margin-top: 0;
}
body .container .news .list.list2 {
width: 570px;
}
body .container .news .list.list3 {
width: 580px;
}
body .container .news .list.list4 {
width: 100%;
}

body .container .news .list.list4 h2 {
background: url("/jfsx/image/web/bg-title1.png") no-repeat;
}
body .container .news .list.list5 {
width: 364px;
}
body .container .news .list.list5 h2 {
background: url("/jfsx/image/web/bg-title2.png") no-repeat;
}
body .container .news .list.list5 .text ul li {
background: none;
padding-left: 10px;
}
body .container .news .list.list5 .text ul li a {
overflow: visible;
white-space: normal;
}
body .container .news .list.list6 {
width: 800px;
}
body .container .news .list.list6 h2 {
background: url("/jfsx/image/web/bg-title3.png") no-repeat;
}
body .container .news .list h2 {
font-weight: bold;
font-size: 18px;
padding-left: 30px;
background: url("/jfsx/image/web/bg-title.png") no-repeat;
background-size: 100% 100%;
color: #fff;
height: 52px;
line-height: 52px;
position: relative;
width:100%;
}
body .container .news .list h2 .more {
position: absolute;
top: 0;
right: 60px;
color: #fff;
font-weight: normal;
}
body .container .news .list .text {
padding-right: 10px;
}
body .container .news .list .text .top h3 {
text-align: center;
padding: 35px 0 25px 0;
font-size: 20px;
color: #c70514;
}
body .container .news .list .text .top p {
text-indent: 2em;
font-size: 14px;
line-height: 1.8em;
padding-bottom: 10px;
border-bottom: 1px dashed #ccc;
}
body .container .news .list .text .top p .link-detail {
color: #c70514;
}
body .container .news .list .text ul {
list-style: none;
line-height: 2em;
font-size: 16px;
padding-top: 18px;
}
body .container .news .list .text ul li {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
background: url("/jfsx/image/web/dot.png") no-repeat 0 center;
padding-left: 25px;
}
body .container .news .list .text ul li a {
color: #000;
width:450px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
body .container .news .list .text ul li a:hover {
color: #006cc3;
}
body .container .news .list .text ul li a:active {
color: red;
}
body .container .news .list .text .link-page {
text-align: center;
margin-top: 30px;
}
body .container .news .list .link-pic {
height: 200px;
background-color: #f5d680;
margin-top: 15px;
}
body .container .news .list .link-pic a {
width: 265px;
height: 150px;
position: relative;
background-color: #b90200;
padding: 10px 10px 40px 10px;
margin-left: 20px;
}
body .container .news .list .link-pic a:first-child {
margin-left: 0;
}
body .container .news .list .link-pic a .list-img {
overflow: hidden;
width: 265px;
height: 150px;
text-align: center;
background-color: #fff;
}
body .container .news .list .link-pic a .list-img {
width:100%;
}
body .container .news .list .link-pic a .list-text {
position: absolute;
width: 230px;
left: 50%;
margin-left: -115px;
bottom: 8px;
text-align: center;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 16px;
color: #fff;
}
body .container .news .list .pic-list {
margin-top: 15px;
margin-bottom: 40px;
}
body .container .news .list .pic-list a {
display: inline-block;
margin-right: 28px;
width: 208px;
height: 100px;
}
body .container .news .list .pic-list a img {
width: 100%;
height: 100%;
}
body .container .news .list .pic-list a:last-child {
margin-right: 0;
}
body .container .news .main-text {
width: 800px;
}
body .container .news .main-text .head-title {
text-align: center;
}
body .container .news .main-text .head-title h2 {
font-size: 18px;
font-weight: bold;
}
body .container .news .main-text .head-title h4 {
font-size: 16px;
margin: 10px 0 20px 0;
}
body .container .news .main-text .paragraph p {
text-indent: 2em;
line-height: 2em;
text-align: justify;
color: #000;
font-size: 16px;
}
body .container .news .main-text .prev-next-page {
margin-top: 45px;
margin-bottom: 70px;
}
body .container .news .main-text .prev-next-page a {
display: block;
margin-top: 25px;
}
body .container .news .main-text .prev-next-page a:hover {
color: red;
}
body .footer {
background-color: #a60410;
padding: 20px 0 0 0;
margin: 0 auto;
color: #fff;
line-height: 1.8em;
text-align: center;
}