﻿
.noticeBox {
  width: 1200px;
  margin: 0 auto; }
  .noticeBox span {
    display: inline-block;
    float: left;
    width: 56px;
    height: 56px;
    background: #ea2b32;
    text-align: center;
    font-size: 18px;
    color: #fff;
    position: relative;
    font-weight: bold;
    padding: 7px 9px;
    line-height: 21px;
    vertical-align: top;
    margin-right: 15px; }
  .noticeBox .NewList {
    overflow: hidden;
    height: 56px;
    box-sizing: border-box;
    vertical-align: middle; }
    .noticeBox .NewList li {
      float: left;
      margin: 13px 30px 13px 0;
      height: 30px; }
      .noticeBox .NewList li a {
        display: inline-block;
        font-size: 16px;
        color: #666;
        line-height: 30px;
        height: 30px; }

.wrapBg {
  width: 100%;
  padding-bottom: 20px;
  box-sizing: border-box; }

/*banenr*/
.carousel-banner .carousel-control.left {
  background: none;
  background: url(../image/arrowLeft.png) no-repeat;
  width: 32px;
  height: 90px;
  overflow: hidden;
  position: absolute;
  left: 10%;
  top: 50%;
  margin-top: -30px; }

.carousel-banner .carousel-control.right {
  background: none;
  background: url(../image/arrowRight.png) no-repeat;
  width: 32px;
  height: 90px;
  overflow: hidden;
  position: absolute;
  right: 10%;
  top: 50%;
  margin-top: -30px; }

.carousels {
  position: relative;
  border-radius: 2px;
  overflow: hidden;
  min-width: 1200px; }

.carousel-banner .carousel-indicators {
  bottom: 25px; }

.carousel-banner .carousel-indicators li {
  background: #fff;
  border: none;
  width: 10px;
  height: 10px;
  border-radius: 8px;
  margin: 0 5px; }

.carousel-banner .carousel-indicators .active {
  background: #ea2b32; }

  .carousel-inner>.item>a>img{margin:0 auto;}

/*数据*/
.wrap-info {
  width: 100%;
  padding: 15px 0; }

.info-icon {
  width: 840px;
  float: left;
  position: relative;
  box-sizing: border-box; }

.info-icon li {
  /*border-right:1px solid #dcdcdc;text-align:center;*/
  width: 33.3%;
  float: left;
  margin: 0;
  padding: 0; }

.info-icon li:last-child {
  border: none; }

/*.dateTxtBox{text-align:center;}*/
.infor-icon {
  background: url(../image/icon-1.png) -19px -114px no-repeat;
  display: inline-block;
  width: 50px;
  height: 65px;
  vertical-align: top; }

.infor-1 {
  background-position: -19px -114px; }

.infor-2 {
  background-position: -19px -189px; }

.infor-3 {
  background-position: -19px -264px; }

.infor-4 {
  background-position: -19px -344px; }

.infoTxt {
  display: inline-block;
  vertical-align: top; }

.infor-num {
  line-height: 30px;
  color: #333;
  font-size: 14px; }

.infor-num h2 {
  display: inline-block;
  line-height: 30px;
  color: #ea2b32;
  font-weight: normal;
  font-size: 18px; }

.infor-num h2.red {
  color: #ea2b32; }

.infor-num h2.blue {
  color: #1d7fda; }

.infor-num h2.green {
  color: #7ed910; }

.infor-num .orange {
  color: #fc880d;
  line-height: 30px;
  font-size: 28px;
  text-align: left;
  display: inline-block;
  width: 100%; }

.infoTxt p {
  line-height: 26px;
  color: #999;
  font-size: 14px;
  text-align: left; }

.infoTxt p span {
  color: #ea2b32; }

.information-btn {
  float: left;
  width: 360px;
  padding: 10px 0 0 20px;
  box-sizing: border-box; }

.information-btn a {
  display: inline-block;
  width: 130px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  border-radius: 2px;
  background: #ea2b32;
  margin-right: 35px; }

.information-btn a.yellow {
  background: #ea2b32; }

.information-btn a.mar-r {
  margin-right: 0;
  background: #ea2b32; }

.icon-bar {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 5px 0;
  background: url(../image/icon-1.png) 0 0 no-repeat;
  vertical-align: middle; }

.icon-1 {
  background-position: -31px -453px; }

.icon-2 {
  background-position: -31px -501px; }

.icon-3 {
  background-position: -31px -548px; }

/*慈善掠影*/
.news-box {
  width: 410px;
  float: left;
  margin-right: 15px; }

.mp20 {
  margin-top: 20px; }

.titleB {
  line-height: 40px;
  height: 40px;
  width: 100%; }

.titleB a {
  display: block;
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  line-height: 40px;
  position: relative;
  font-size: 22px;
  color: #ea2b32; }

.titleB a span {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  line-height: 40px;
  font-size: 14px;
  color: #999; }

/*图片滚动部分*/
.Img-b {
  width: 390px;
  margin: 15px 10px 0 10px;
  position: relative; }

.mr_frBtnL {
  position: absolute;
  left: 0;
  bottom: 50%;
  margin-top: -17px;
  width: 35px;
  display: block;
  height: 35px;
  line-height: 35px;
  filter: alpha(opacity=70);
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
  z-index: 99; }

.mr_frBtnL span {
  display: block;
  width: 35px;
  height: 35px;
  background: url(../image/arrow-icon.png) center 3px no-repeat; }

.mr_frUl {
  width: 100%;
  overflow: hidden; }

.mr_frBtnR {
  position: absolute;
  right: 0;
  bottom: 50%;
  margin-top: -17px;
  width: 35px;
  display: block;
  height: 35px;
  line-height: 35px;
  filter: alpha(opacity=70);
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
  z-index: 99; }

.mr_frBtnR span {
  display: block;
  width: 35px;
  height: 35px;
  background: url(../image/arrow-icon.png) center -31px no-repeat; }

.mr_frBtnL:hover, .mr_frBtnR:hover {
  filter: alpha(opacity=70);
  background: #ea2b32; }

.mr_frUl ul li {
  float: left;
  height: 330px;
  width: 390px;
  position: relative; }

.mr_frUl ul li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  vertical-align: middle; }

.mr-txt {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 40px;
  line-height: 40px;
  background: #000;
  filter: alpha(opacity=60);
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  width: 100%;
  font-size: 16px;
  padding: 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.mr-txt:hover, .mr-txt:focus {
  color: #fff; }

/*慈善资讯*/
.newsContent {
  width: 420px;
  float: left;
  margin-right: 15px; }

.newsContent .titdiv ul li {
  width: 139px;
  height: 40px;
  display: block;
  float: left;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  font-size: 18px;
  color: #ea2b32;
  margin-right: 1px;
  background: #e5e5e5; }

.newsContent .titdiv ul .onli {
  background: #ea2b32;
  border: 1px solid #ea2b32;
  color: #fff; }

.newsContent .titdiv ul li a {
  color: #ea2b32; }

.newsContent .titdiv ul .onli a {
  color: #fff; }

.newsContent .condiv {
  padding-top: 20px; }

.newsContent .condiv div.subdiv {
  width: 100%;
  display: none; }

/*tab1*/
.tab1 li {
  line-height: 33px; }

.tab1 li:nth-of-type(odd) {
  background: #fbfbfb; }

.tab1 li:nth-of-type(even) {
  background: none; }

.tab1 li a {
  display: block;
  line-height: 33px;
  font-size: 14px;
  color: #333;
  position: relative;
  padding: 0 80px 0 10px;
  background: url(../image/arrowIcon.png) left center no-repeat;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.tab1 li a .dataTime {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 33px;
  text-align: right; }

.tab1 li a .red {
  color: #ea2b32; }

/*爱心捐赠*/
.donationBox {
  float: left;
  width: 340px; }

.donationLove {
  padding-top: 15px; }

.DTitle {
  height: 35px;
  background: #fbfbfb; }

.DTitle span {
  font-size: 14px; }

.DName {
  display: inline-block;
  line-height: 35px;
  text-align: center;
  font-size: 12px;
  color: #333;
  width: 30%;
  overflow: hidden;
  float: left; }

.Dmounch {
  display: inline-block;
  line-height: 35px;
  text-align: center;
  font-size: 12px;
  color: #333;
  width: 30%;
  float: left;
  overflow: hidden; }

.Dproject {
  display: inline-block;
  line-height: 35px;
  text-align: center;
  font-size: 12px;
  color: #333;
  width: 40%;
  float: left;
  overflow: hidden; }

.LoveData {
  width: 100%;
  height: 290px;
  overflow: hidden; }

.LoveData li {
  border-bottom: 1px solid #e5e5e5; }

/*慈善项目*/
.ProjectUL {
  padding: 20px 0;
  width: 1200px;
  overflow: hidden; }

.ProjectUL li {
  float: left;
  width: 300px;
  padding-left: 15px;
  overflow: hidden; }

.ProjectUL li.noPadding {
  padding: 0; }

.pro-Img a {
  display: block;
  width: 285px;
  height: 160px;
  overflow: hidden; }

.pro-Img a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  vertical-align: middle;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out; }

.pro-Img a img:hover {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2); }

.pro-Txt {
  padding: 10px 0 0 0; }

.proTit a {
  display: block;
  line-height: 30px;
  font-size: 16px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.proTit a span {
  color: #EA2B32; }

.proTxtData {
  line-height: 22px;
  color: #999;
  max-height: 44px;
  padding-bottom: 46px;
  overflow: hidden; }

.amountFund {
  padding: 5px 0 0 0; }

.amountTarget {
  float: left;
  position: relative;
  width: 70%;
  padding: 0 0 0 24px;
  background: url(../image/icon-1.png) -34px -596px no-repeat;
  line-height: 30px;
  font-size: 12px;
  color: #ea2b32; }

.btnTarget {
  overflow: hidden; }

.btnTarget a {
  display: block;
  line-height: 30px;
  background: #ea2b32;
  color: #fff;
  text-align: center;
  font-size: 12px;
  border-radius: 2px; }

/*爱心机构*/
.publicFund {
  padding: 15px 0; }

.LoveFundBox {
  width: 585px; }

.ImgLeft {
  float: left;
  position: relative;
  width: 240px;
  margin-right: 15px; }

.ImgLeft a img {
  max-width: 100%;
  vertical-align: middle; }

.TxtRight {
  overflow: hidden; }

.TitleB a {
  display: block;
  line-height: 30px;
  font-size: 16px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.Named-person {
  line-height: 24px;
  font-size: 12px;
  color: #666; }

.Named-person .yellow {
  color: #fc880c; }

.Introduction {
  line-height: 22px;
  color: #999;
  max-height: 44px;
  overflow: hidden;
  position: relative; }

.Introduction label {
  color: #666; }

.Introduction a {
  display: inline-block;
  line-height: 22px;
  bottom: 0;
  right: 0;
  color: #EA2B32; }

/*link*/
.linkTitle {
  position: relative; }

.linkTitle h3 {
  display: inline-block;
  font-size: 24px;
  color: #fff;
  background: url(../image/linkBg.png) no-repeat;
  line-height: 37px;
  width: 160px;
  padding-left: 10px;
  font-weight: normal; }

.linkTitle a {
  display: inline-block;
  line-height: 37px;
  color: #999;
  position: absolute;
  right: 10px;
  top: 0; }

.Link-list {
  padding: 0px 0 10px 0px;
  height: 140px;
  overflow: hidden; }

.Link-list li {
  float: left;
  width: 220px;
  box-sizing: border-box;
  text-align: center;
  margin: 0 20px 0 0;
  height: 120px;
  padding: 0 10px; }

.Link-list li a {
  display: block;
  margin: 20px 0;
  text-align: center;
  box-sizing: border-box;
  vertical-align: middle;
  width: 200px;
  height: 40px;
  background: #f5f4f3;
  line-height: 40px;
  /*overflow:hidden;*/ }

.Link-list li a:hover {
  box-shadow: 0 0 15px rgba(187, 187, 187, 0.7); }

.Link-list li a img {
  width: 100%;
  height: 100%;
  vertical-align: middle; }

/*title*/
.titles {
  position: relative;
  padding-top: 80px; }
  .titles h1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    font-size: 29px;
    line-height: 80px;
    font-weight: bold;
    color: #fc960c; }
    .titles h1 span {
      color: #f45353; }
  .titles a {
    display: block;
    text-align: right;
    font-size: 14px;
    color: #999;
    border-bottom: 1px solid #e5e5e5; }

.Belt-ad {
  width: 100%; }
  .Belt-ad a {
    display: block;
    width: 100%;
    height: auto; }
    .Belt-ad a img {
      width: 100%;
      height: 100%;
      object-fit: cover; }

.fundWrap {
  width: 1200px;
  margin: 20px auto 0 auto; }
  .fundWrap .wrap {
    margin-bottom: 30px; }
    .fundWrap .wrap .fund {
      width: 490px;
      height: 0;
      padding-bottom: 230px;
      overflow: hidden;
      position: relative;
      box-sizing: border-box; }
      .fundWrap .wrap .fund .title {
        height: 42px;
        width: 100%;
        position: relative;
        background: #ece8e9;
        border-top: 2px solid #ea2b32;
        box-sizing: border-box; }
        .fundWrap .wrap .fund .title a {
          display: block;
          width: 100%;
          height: 40px;
          line-height: 40px; }
          .fundWrap .wrap .fund .title a span {
            position: absolute;
            padding: 0 15px;
            text-align: center;
            height: 40px;
            background: #ea2b32;
            color: #fff;
            font-size: 18px; }
          .fundWrap .wrap .fund .title a i {
            position: absolute;
            right: 10px;
            top: 0;
            line-height: 40px;
            color: #ea2b32; }
      .fundWrap .wrap .fund ul {
        padding: 10px 0; }
        .fundWrap .wrap .fund ul li {
          float: left;
          width: 50%; }
          .fundWrap .wrap .fund ul li a {
            display: block;
            background: url(../image/li-dian.png) left center no-repeat;
            line-height: 30px;
            height: 30px;
            white-space: nowrap;
            font-size: 14px;
            color: #333;
            overflow: hidden;
            text-overflow: ellipsis;
            padding: 0 10px 0 10px; }
      .fundWrap .wrap .fund .fundList li {
        float: left;
        width: 33.3%; }

.wrapCulture {
  margin-top: 50px;
  width: 100%;
  padding-top: 0px; }
  .wrapCulture .culture {
    float: left;
    width: 550px;
    height: 0;
    padding-bottom: 370px;
    position: relative;
    margin-right: 20px;
    height: 0; }
    .wrapCulture .culture .cultureImg {
      padding-top: 20px; }
      .wrapCulture .culture .cultureImg .Img {
        float: left;
        position: relative;
        width: 230px;
        height: 180px;
        margin-right: 15px; }
        .wrapCulture .culture .cultureImg .Img a {
          display: block;
          width: 100%;
          height: 100%; }
          .wrapCulture .culture .cultureImg .Img a img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
      .wrapCulture .culture .cultureImg .info {
        overflow: hidden; }
        .wrapCulture .culture .cultureImg .info h2 {
          width: 100%; }
          .wrapCulture .culture .cultureImg .info h2 a {
            display: block;
            width: 100%;
            font-size: 16px;
            padding: 5px 0;
            color: #333; }
        .wrapCulture .culture .cultureImg .info p {
          margin-top: 8px;
          font-size: 14px;
          color: #999;
          line-height: 22px;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 6;
          -webkit-box-orient: vertical;
          position: relative; }
          .wrapCulture .culture .cultureImg .info p a {
            position: absolute;
            display: inline-block;
            bottom: -1px;
            right: 0;
            font-size: 14px;
            color: #ea2b32;
            background: #fff;
            padding: 0 5px; }
    .wrapCulture .culture .cultureList {
      padding: 15px 0 0 0; }
      .wrapCulture .culture .cultureList ul li a {
        display: block;
        position: relative;
        font-size: 14px;
        color: #333;
        line-height: 30px;
        padding: 0 80px 0 8px;
        background: url(../image/li-dian.png) left center no-repeat;
        overflow: hidden;
        text-overflow: ellipsis;white-space: nowrap; }
        .wrapCulture .culture .cultureList ul li a span {
          position: absolute;
          right: 0;
          top: 0;
          font-size: 12px;
          color: #999; }
  .wrapCulture .Charity {
    float: left;
    width: 550px;
    height: 0;
    padding-bottom: 352px;
    position: relative;
    margin-right: 20px;
    overflow: hidden; }
    .wrapCulture .Charity .charityList {
      padding-top: 15px; }
      .wrapCulture .Charity .charityList ul li {
        padding: 0 0 20px 0; }
        .wrapCulture .Charity .charityList ul li .img {
          float: left;
          position: relative;
          width: 98px;
          height: 80px;
          margin-right: 15px; }
          .wrapCulture .Charity .charityList ul li .img a {
            display: block;
            width: 100%;
            height: 100%; }
            .wrapCulture .Charity .charityList ul li .img a img {
              width: 100%;
              height: 100%;
              object-fit: cover; }
        .wrapCulture .Charity .charityList ul li .info {
          overflow: hidden; }
          .wrapCulture .Charity .charityList ul li .info h2 a {
            display: block;
            width: 100%;
            height: 30px;
            line-height: 30px;
            font-size: 14px;
            color: #333;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
          .wrapCulture .Charity .charityList ul li .info p {
            margin-top: 5px;
            line-height: 22px;
            height: 44px;
            font-size: 12px;
            color: #999;
            position: relative;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical; }
            .wrapCulture .Charity .charityList ul li .info p a {
              position: absolute;
              bottom: 0;
              right: 0;
              color: #ea2b32;
              padding: 0 5px;
              background: #fff; }
  .wrapCulture .magazine {
    float: left;
    width: 330px;
    height: 0;
    padding-bottom: 370px; }
    .wrapCulture .magazine .magazineList {
      padding: 20px 0 0 0; }
      .wrapCulture .magazine .magazineList a {
        display: block;
        width: 330px;
        height: 306px;
        overflow: hidden;
        padding: 0 30px;
        box-sizing: border-box; }
        .wrapCulture .magazine .magazineList a img {
          width: 100%;
          height: 100%;
          object-fit: cover; }

/*# sourceMappingURL=indexStyle.css.map */
.jump-ipt{
  width: 50px;
  height: 32px;
  border: 1px solid #e5e5e5;
  text-align: center;
  color: #999;
}
.jump-ipt:focus{
  outline: 1px solid #e5e5e5;
}
