﻿@charset "utf-8";

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    margin: 0;
    padding: 0;
    border: 0
}

body,
button,
input,
select,
textarea {
    font: 15px/1.5 '\5FAE\8F6F\96C5\9ED1', arial, "\5b8b\4f53";
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 500;
}

input,
select,
textarea {
    font-size: 100%;
    outline: none;
}

ol,
ul,
li {
    list-style: none;
}

i,
em {
    font-style: normal;
}

/*b,strong{ font-weight:normal}
*/
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*caption,th,td {text-align:left;}
*/
img {
    border: 0;
    vertical-align: top;
}

a {
    text-decoration: none;
    color: #333
}

/*a:hover {text-decoration:none;color:#ff7000}*/
.clear {
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.wrap:before,
.wrap:after,
.clearfix:before,
.clearfix:after,
.main:before,
.main:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    overflow: hidden;
    height: 0;
    line-height: 0;
}

.clearfix {
    *zoom: 1;
}

.wp50 {
    width: 50%;
    margin: 0 1%;
}

.wp25 {
    width: 25%
}

.wp20 {
    width: 19%;
}

.wp30 {
    width: 19%
}

.wd520 {
    width: 520px;
}

body {
    background-color: #f3f3f3;
}

.wrap1200 {
    width: 1200px;
    margin: 0 auto;
    min-width: 1200px;
    background-color: #ffffff;
}

.pd {
    padding-top: 15px;
    padding-bottom: 15px;
}

.fc {
    margin: 0 auto
}

.relative {
    position: relative
}

.mt {
    margin-top: 10px;
}

.mb {
    margin-bottom: 15px;
}

.mr {
    margin-right: 15px
}

.ml {
    margin-left: 15px
}

.ml30 {
    margin-left: 37px
}

.write {
    color: #fff
}

.border {
    border: #ddd solid 1px;
}

.orange {
    color: #ff7000
}

.red {
    color: #c2191c
}

.green {
    color: #1aa100
}

.gray {
    background-color: #f7f7f7;
}

.blue {
    color: #0059eb
}

.box {
    background: #fff;
    -webkit-box-shadow: 0 0 6px #999;
    -moz-box-shadow: 0 0 6px #999;
    box-shadow: 0 0 6px #999;
    -ms-filter: progid:DXImageTransform.Microsoft.Shadow(color=#999, direction=0, strength=6) progid:DXImageTransform.Microsoft.Shadow(color=#999, direction=90, strength=6) progid:DXImageTransform.Microsoft.Shadow(color=#999, direction=180, strength=6) progid:DXImageTransform.Microsoft.Shadow(color=#999, direction=270, strength=6);
    *filter: progid:DXImageTransform.Microsoft.Shadow(color=#999, direction=0, strength=6) progid:DXImageTransform.Microsoft.Shadow(color=#999, direction=90, strength=6) progid:DXImageTransform.Microsoft.Shadow(color=#999 direction=180, strength=6) progid:DXImageTransform.Microsoft.Shadow(color=#999, direction=270, strength=6);
}

html {
    min-width: 1200px;
}

/*头部*/
.wrap {
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
}

.wp100 {
    width: 100%;
    position: relative;
}

.wrap .fr a:hover {
    color: #c2191c;
}

.tips {
    margin-left: 8px;
    padding: 0px 20px;
    background: #3bb4f3;
}

.sitenav {
    background: #e4e4e4;
    height: 30px;
    font-size: 13px;
    line-height: 30px;
    padding: 5px 10px;
}

.sitenav .fr {
    font-size: 15px;
    letter-spacing: 1px;
}

.top {}

.header {
    position: relative;
    width: 100%;
}

.header img {
    width: 100%;
}

.gaibian {
    display: flex;
    align-items: center;
    position: relative;
    margin: auto;
}

.swiper-fade {
    animation-name: fade;
    animation-duration: 1.5s;
}

@keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

.search {
    height: 30px;
    position: relative;
    color: #666;
}

.search span {
    font-size: 15px;
    letter-spacing: 1px;
}

.s-text {
    height: 30px;
    line-height: 30px;
    width: 260px;
    background-color: #ffffff;
    border: #b9b9b9 solid 1px;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 5px 32px 5px 5px;
}

.search img {
    position: absolute;
    right: 5px;
    width: 26px;
    height: 26px;
    top: 3px;
    cursor: pointer;
}

.nav {
    width: 100%;
    height: 42px;
    background: #c2191c;
    line-height: 42px;
    overflow: hidden;
}

.nav li {
    float: left;
    width: 10%;
    text-align: center;
}

.nav li a {
    color: #ffffff;
    font-size: 16px;
}

.nav li:hover {
    background: #9e1b1e;
}

.nav li a:hover {
    color: white
}

.work-cnt-lsearch {
    width: 100%;
    display: flex;
    justify-content: center;
}

.submit-btn .search-submit-go {
    /* position: absolute;
    bottom: 6px; */
    width: 30px;
    height: 30px;
    /* overflow: hidden; */
    position: absolute;
    left: 10px;
    line-height: 200px;
    border: 0;
    background: url(../images/search.png) no-repeat 0 0;
    cursor: pointer;
    top: 3px;
}

.submit-btn {
    border-radius: 0 10px 10px 0;
    height: 38px;
    width: 50px;
    background-color: #c2191c;
    position: relative;
    left: 252px;
    top: -38px;
}

.lsearch {
    position: relative;
    height: 38px;
    width: 300px;
    border: 1px solid #b9b9b9;
    border-radius: 10px;
    background: #ffffff;
    margin-bottom: 10px;

}

.lsearch .text-box {
    width: 250px;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    padding-left: 15px;
    font-family: 微软雅黑;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    background: 0px center;
}

.lsearch .search-submit {
    position: absolute;
    bottom: 10px;
    right: 15px;
    width: 18px;
    height: 19px;
    overflow: hidden;
    line-height: 200px;
    border: 0;
    background: url(../images/search_love.png) no-repeat 0 0;
    cursor: pointer;
}

/***首页***/
.donation-search {
    display: flex;
    align-items: center;
}

.search-name {
    height: 30px;
    font-size: 16px;

}

.content-tab {
    width: 100%;
    margin-top: 20px;
    font-size: 17px;
    text-align: center
}

.content-tab2 {
    width: 248px;
    height: 159px;
    background: url(../images/index-bg2.png)no-repeat;
    background-size: 100% auto;
    border: #eee solid 1px
}

.content-tab .title {
    color: white;
}

.content-tab2 ul {
    overflow: hidden;
    margin-top: 38px;
    margin-left: 15px
}

.content-tab2 ul li {
    list-style: none;
    width: 115px;
    float: left;
}

.index-tab {
    float: left;
    width: 173px;
    height: 162px;
    background: url("../images/index-bg1.png");
    cursor: pointer
}

.index-tab h1 {
    font-size: 28px
}

.index-tab h2 {
    font-size: 0.9em
}

.index-dl {
    margin-top: 0px
}

.index-dl ul li {
    width: 180px;
    margin-top: 8px
}

.index-tab1 {
    font-size: 22px;
    font-weight: bold;
    color: white;
    margin: 10px auto
}

.index-list tr td a {
    padding-left: 12px
}

.index-list tr td {
    line-height: 34px;
    border-bottom: #ddd dashed 1px
}

.index-hd {
    text-align: center;
    background: #3293f4;
    color: white;
    font-weight: bold;
    font-size: 18px;
    height: 42px;
    line-height: 42px;
    margin: 20px auto
}

.index-icon {
    display: inline-block;
    vertical-align: middle;
    width: 45px;
    height: 51px;
    background: url(../images/icon2.png) no-repeat center;
    margin-top: -5px;
}

.index-icon1 {
    display: inline-block;
    vertical-align: middle;
    width: 80px;
    height: 60px;
    background: url(../images/index-icon1.png) no-repeat center;
    margin-top: 5px;
}

.index-icon2 {
    display: inline-block;
    vertical-align: middle;
    width: 80px;
    height: 60px;
    background: url(../images/index-icon2.png) no-repeat center;
    margin-top: 5px;
}

.index-icon3 {
    display: inline-block;
    vertical-align: middle;
    width: 80px;
    height: 60px;
    background: url(../images/index-icon3.png) no-repeat center;
    margin-top: 5px;
}

.no1 {
    background: #0066cb;
    padding: 1px 4px;
    color: white;
    font-size: 12px;
    font-weight: bold
}

.no2 {
    background: #c2eaf6;
    color: #3e9bbc;
    padding: 1px 4px;
    font-size: 12px;
    font-weight: bold
}

.no3 {
    background: #c5e6f9;
    color: #b8bdc1;
    padding: 1px 4px;
    font-size: 12px;
    font-weight: bold
}

/*焦点图*/
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height .5s ease-in-out;
    -moz-transition: height .5s ease-in-out;
    -ms-transition: height .5s ease-in-out;
    -o-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item {
    float: left
}

.owl-controls .owl-buttons div,
.owl-controls .owl-page {
    cursor: pointer
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.grabbing {
    cursor: url(grabbing.png) 8 8, move
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

#owl-demo {
    position: relative;
    width: 580px;
    height: 355px;
}

#owl-demo .item {
    position: relative;
    display: block;
}

#owl-demo img {
    display: block;
    width: 580px;
    height: 355px;
}

#owl-demo b {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 42px;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50);
}

#owl-demo span {
    position: absolute;
    left: 2%;
    bottom: 5px;
    width: 78%;
    height: 30px;
    overflow: hidden;
    color: #fff;
    font-size: 18px;
}

.owl-pagination {
    position: absolute;
    right: 0;
    bottom: 10px;
    width: 20%;
    height: 22px;
    text-align: center;
}

.owl-page {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 3px;
    background-image: url(../images/bg15.png);
    *display: inline;
    *zoom: 1;
    background-size: 100% 100%;
}

.owl-pagination .active {
    width: 10px;
    background-image: url(../images/bg16.png);
    background-size: 100% 100%;
}

.owl-buttons {
    display: none;
}

.owl-buttons div {
    position: absolute;
    top: 45%;
    width: 35px;
    height: 40px;
    margin-top: -20px;
    text-indent: -9999px;
    background-size: 100% 100%;
}

.owl-prev {
    left: 0;
    background-image: url(../images/bg17.png);
}

.owl-next {
    right: 0;
    background-image: url(../images/bg18.png);
}

.owl-prev:hover {
    background-image: url(../images/bg19.png);
}

.owl-next:hover {
    background-image: url(../images/bg20.png);
}


/*焦点新闻*/
.inews {
    width: 590px;
    box-sizing: border-box;
    border: 1px solid #dbdbdb;
    padding: 10px 20px;
    position: relative;
    height: 355px;
}

.inews img {
    position: absolute;
    right: 0;
    top: 0;
}

.inews-hd {
    display: inline-block;
    width: 100%;
    height: 32px;
    line-height: 32px;
    /*border-bottom:#ddd 1px solid;*/
}

.inews-hd span {
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 12px;
    font-size: 15px;
    background-color: #c2191c;
    border-radius: 7px;
    margin-right: 10px;
}

.hot-news {
    border-bottom: #ddd dashed 1px;
}

.hot-news h2 {
    color: #c43434;
    font-size: 19px;
    text-align: center;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    font-weight: bold;
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hot-news h2 a {
    color: #c43434;
}

.hot-news h2 a:hover {
    color: #ff7000
}

.hot-news p {
    text-align: justify;
    cursor: pointer;
    text-indent: 2rem;
    line-height: 1.6;
    margin-bottom: 10px;
    overflow: hidden;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.hot-news p a {
    color: #ff7000
}

.inews-ul {}

.inews-ul li {
    width: 100%;
    height: 30px;
    overflow: hidden;
    background: url(../images/dot1.gif) 5px center no-repeat;
    line-height: 30px;
    font-size: 14px;
}

.inews-ul li a {
    display: inline-block;
    width: 76%;
    padding-left: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.inews-ul li em {
    float: right;
    color: #777
}

.inews-ul li:last-child,
.bd-notice li:last-child,
.notice-bd li:last-child,
.news-item:last-child,
.sidebar-middle .user li:last-child {
    border-bottom: none
}

.left1-jkhd {
    overflow: hidden;
}

.left1-jk {
    border: 1px solid #c2191c;
    padding: 10px;
    overflow: hidden;
}

.left1-jkhd .jkfs {
    background: url(../images/bk1.png);
    background-size: 100% 100%;
    padding: 5px 10px 15px 10px;
    box-sizing: border-box;
    color: #ffffff;
}

.jkrx {
    color: #da0000;
    background-color: #f1f1f1;
    padding: 7px 5px;
}

.ft1-jklist {
    line-height: 1.9;
    margin: 12px 0;
}

.left1-link {
    height: 65px;
    line-height: 65px;
    background: url(../images/bk2.png) left no-repeat;
    border: 1px solid #c2191c;
    border-radius: 3px;
    margin-top: 15px;
    overflow: hidden;
    cursor: pointer;
}

.left1-link img {
    vertical-align: middle;
    margin-left: 7%;
    width: 35px;
    height: 39px;
}

.left1-link span {
    float: right;
    width: 55%;
    margin: 0 auto;
    color: #c2191c;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
}

.left1-img {
    margin-top: 15px;
}

.left1-img img {
    width: 100%;
    height: 357px;
}

.center-hd {
    display: inline-block;
    width: 100%;
    height: 38px;
    line-height: 38px;
    overflow: hidden;
}

.center-hd span {
    color: #fff;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    font-size: 18px;
    background-color: #c2191c;
    border-radius: 7px;
    margin-right: 10px;
}

.ft2-list {
    border: 1px solid #dbdbdb;
    padding: 10px;
    overflow: hidden;
}

.piclist img {
    width: 220px;
    height: 148px;
}

div.ft2-tittle {
    padding: 10px 10px 5px 10px;
    border-bottom: none;
}

.jz_table {
    width: 100%;
    border-collapse: collapse;
}

.jz_table th,
td {
    text-align: center;
    border: 1px solid #dbdbdb;
    padding: 5px 0;
}

.jz_table th {
    color: #b11518;
    font-size: 16px;
}

.ft2-listh3 {
    color: #b11518;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: bold;
    padding: 0 15px;
}

.ft2-listbm {
    border-bottom: 1.2px solid #c2191c;
    overflow: hidden;
    padding-bottom: 3px;
}

.ft2-listcnt {
    padding: 5px 10px 0px 10px;
}

.inews-ul li a:hover {
    color: #c2191c;
}

.ft2-sign {
    width: 440px;
}

.ft2-sign ul {
    overflow: hidden;
    /*border:1px solid #eeeeee;box-sizing:border-box;*/
}

.ft2-sign ul li {
    float: left;
    width: 33.33%;
    padding: 15px 10px;
    box-sizing: border-box;
    overflow: hidden;
    border: 1px solid #eeeeee;
    box-sizing: border-box;
}

.ft2-sign ul li img {
    width: 40px;
    height: 40px;
    vertical-align: middle;
    margin-top: 5px;
}

.ft2-sign ul li .ft2-signtxt {
    margin-left: 38px;
    line-height: 1.5;
    text-align: center;
    width: 90px;
    font-size: 17px;
    color: #666;
    letter-spacing: 0.5px;
}

.ft2-signcnt {
    margin: 0 auto;
}

.ft3-video {
    width: 100%;
    height: 180px;
}

.ft3-video img {
    width: 100%;
}

.ft3-code {
    width: 100%;
    height: 135px;
    background: url(../images/code-bk.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 10px 8px;
    box-sizing: border-box;
    overflow: hidden;
}

.ft3-code img {
    width: 100px;
    height: 100px;
}

.ft3-code p {
    float: right;
    font-size: 12px;
    color: #fff;
    width: 100%;
    text-align: right;
}

.rdwork-list {
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid #dbdbdb;
}

.rdwork-list ul {
    overflow: hidden;
}

.rdwork-list ul li {
    width: 11.11%;
    text-align: center;
    float: left;
}

.rdwork-list ul li img {
    width: 85px;
    height: 85px;
}

.rdwork-list ul li p {
    margin-top: 5px;
    font-size: 15px;
}

.ix-bor {
    text-align: center;
}

.ix-bor img {
    width: 100%;
}

.ix-bor p {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 5px;
}

.redlinkcnt {
    width: 80%;
}

.redlinkcnt ul {
    overflow: hidden;
}

.redlinkcnt ul li {
    width: 21%;
    margin: 8px 2%;
    float: left;
}

.redlinkcnt ul li img {}

.redlinkselect {
    width: 20%;
    margin-top: 5px;
}

.gaibian {}

.redlinkselect select {
    width: 80%;
    margin-top: 5px;
}

.news-click {
    cursor: pointer;
}

div.work-cnt .worklist-ul {
    padding: 10px 20px;
}

div.work-cnt .worklist-ul li {
    height: 38px;
    line-height: 38px;
}

/*工作列表页*/
.work-list {
    overflow: hidden;
    margin: 10px 0 50px 0;
}

.work-left {
    width: 22%;
}

.work-lefthd {
    width: 100%;
    background-color: #c2191c;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    letter-spacing: 1px;
}

.work-right {
    width: 75%;
}

.work-leftlist li {
    cursor: pointer;
    letter-spacing: 1px;
    height: 50px;
    line-height: 50px;
    width: 100%;
    background-color: #f2eeef;
    overflow: hidden;
    border-top: 1px solid #ffffff;
    padding: 0 30px;
    box-sizing: border-box;
    font-size: 16px;
    color: #3e3d3d;
}

.work-leftlist li span {
    color: #c2c2c2;
}

.work-leftlist li.active {
    background-color: #f7dfdf;
}

.work-righthd {
    color: #b11518;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: bold;
    border-bottom: 1px solid #dbdbdb;
    height: 50px;
    line-height: 50px;
}

.work-righthd span {
    border-bottom: 1.5px solid #c2191c;
    padding: 12px 20px;
}

/*底部*/
.footer {
    position: relative;
    bottom: 0px;
    width: 100%;
    margin-top: 20px;
    text-align: center;
    border-top: 2px solid #c2191c;
    padding: 40px 0;
}

.footer p {
    line-height: 30px;
    color: #c2191c;
    padding: 15px;
    font-size: 15px;
    letter-spacing: 1px;
    text-align: center;
}

/*分页*/
.pagination {
    float: right;
    padding: 30px 5px
}

.pagination a {
    padding: 2px 10px;
    margin: 0 5px;
    background: #fcfcfc;
    border: #ddd solid 1px;
    border-radius: 3px;
}

.pagination a:hover {
    border: #bd1550 solid 1px
}

.pagination a.current {
    background: #bd1550;
    color: #fff;
    border: #bd1550 solid 1px
}

.pagination a.disable {
    cursor: default;
    color: #aaa
}

.pagination a.disable:hover {
    border: #ddd solid 1px
}

.pagination input {
    padding: 2px;
    margin: 0 2px;
    border: #ddd solid 1px;
    width: 40px
}