@charset "UTF-8";
.noticeBox {width:1200px;margin:0 auto 20px;position: relative;background-color: #f7f8fa;}
.noticeBox h2 {float:left;width:116px;height:56px;position:relative;margin-right:19px;}
.noticeBox h2 a {display:block;width:100%;text-align:center;color:#fff;font-size:18px;font-weight:bold;height:56px;background:url(../images/ggBtg.png) no-repeat;text-align:center;line-height:56px;}
.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;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.noticeBox .donOk {position: absolute;top: 4px;right: 0;background: #f7f8fa;padding-left: 20px;}
.noticeBox .donOk a {display: block;width:148px;height:46px;background-image:linear-gradient(0deg,#c10e0e 0%,#ff4b47 100%),linear-gradient(#e63737,#e63737);background-blend-mode:normal,normal;box-shadow:1px 2px 3px 0px rgba(0,0,0,0.3),inset 2px 1px 0px 0px rgba(255,255,255,0.43);border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;line-height:46px;color:#fff;text-align:center;font-size:18px;}
.noticeBox .donOk .btn {display: block;width:148px;height:46px;background-image:linear-gradient(0deg,#c10e0e 0%,#ff4b47 100%),linear-gradient(#e63737,#e63737);background-blend-mode:normal,normal;box-shadow:1px 2px 3px 0px rgba(0,0,0,0.3),inset 2px 1px 0px 0px rgba(255,255,255,0.43);border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;line-height:35px;color:#fff;text-align:center;font-size:18px;}
.billCon{
    position: relative;
}
.billBox{
    position: absolute;
    top: 58px;
    left: 0;
    right: 0;
    width: 216px;
    height: 180px;
    /* background-color: red; */
    border: 1px solid #dd2020;
    background-color: #fff;
    z-index: 9;
    padding: 15px;
    text-align: center;
}
.billBox img{
    width: 130px;
    height: 130px;
    margin: 0 auto;
}
.billBox p{
    padding-top: 8px;
}
.wrapBg {width:100%;box-sizing:border-box;}
/*banenr*/
.carousel-banner {min-width: 1200px;}
.carousel-banner .carousel-control.left {background:none;background:url(../images/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(../images/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:12px;height:12px;border-radius:8px;-webkit-border-radius:8px;margin:0 5px;}
.carousel-banner .carousel-indicators .active {background:#dd2020;width: 38px;}
.carousel-banner .item img {width:100%;}
/*数据*/
.wrap-info {width:100%;height:260px;padding:30px 0;background:url(../images/donbg.jpg) center center no-repeat;min-width:1200px;margin-bottom: 30px;background-size: 100% 260px;}
.info-box li {margin-right:60px;}
.info-box h3 {color:#fff;font-size:16px;font-weight:bold;line-height:20px;margin-top:10px;}
.info-box p {color:#fff;font-size:14px;line-height: 20px;margin-top:10px;}
.information-btn {margin-top: 53px;}
.information-btn a {display:block;width:120px;height:40px;background-image:linear-gradient(0deg,#7d7d7d 0%,#000000 50%,#808080 53%,#ffffff 100%),linear-gradient(#dd2020,#dd2020);background-blend-mode:soft-light,normal;box-shadow:inset 0px 1px 0px 0px #ffffff;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;font-size:18px;line-height:36px;letter-spacing:0px;color:#fff;text-align:center;}
.information-btn a.mb20 {margin-bottom: 25px;}
.donationBox {width:460px;}
.donationLove .DTitle span {width:20%;display:block;float:left;font-size:16px;line-height:unset;padding-bottom: 10px;color: #fff;text-align:center; }
.LoveData span {width:20%;display:block;line-height:30px;text-align:center;font-size:16px;color:#fff;float:left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.donationLove span.DName {text-align: left;padding-left:10px;}
.donationLove span.Dmounch {text-align: right;}
.donationLove span.DTime {margin-left: 8%;}
.donationLove span.Dproject {width:32%;}
.LoveData {width:100%;height:180px;overflow:hidden;border-top: 1px solid #deac6c;border-bottom: 1px solid #deac6c;}
.leftAccount{width: 45%;}
/**/
.news-box {width:540px;float:left;position:relative;}
.mp20 {margin-top:20px;}
.titleB {line-height:40px;height:40px;width:100%;}
.titleB a {display:block;width:100%;border-bottom:2px solid #ea2b32;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:#ea2b32;}
/*新闻资讯图片滚动部分*/
.Img-b {width:540px;margin-top: 20px;position:relative;}
.mr_frBtnL {position:absolute;left:0;bottom:50%;margin-top:-17px;width:40px;display:block;height:50px;line-height:50px;filter:alpha(opacity=60);background:#fff;background:rgba(0,0,0,0.6);z-index:99;}
.mr_frBtnL span {display:block;width:40px;height:50px;background:url(../images/arrow-icon.png) center 9px no-repeat;}
.mr_frUl {width:100%;overflow:hidden;}
.mr_frBtnR {position:absolute;right:0;bottom:50%;margin-top:-17px;width:40px;display:block;height:50px;line-height:50px;filter:alpha(opacity=60);background:#fff;background:rgba(0,0,0,0.6);z-index:99;}
.mr_frBtnR span {display:block;width:40px;height:50px;background:url(../images/arrow-icon.png) center -25px no-repeat;}
.mr_frBtnL:hover,.mr_frBtnR:hover {filter:alpha(opacity=60);background:#ea2b32;}
.mr_frUl ul li {float:left;height:405px;width:540px;position:relative;}
.mr_frUl ul li img {width:100%;height:100%;vertical-align:top;object-fit:cover;}
.mr-txt {position:absolute;left:0;bottom:0;height:50px;line-height:50px;background:#000;filter:alpha(opacity=60);background:rgba(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 {float:left;margin-left: 20px;width: 640px;}
.newsContent .titdiv ul {margin-left: 80px;}
.newsContent .titdiv ul li {width:140px;height:40px;background-color:#fff;box-shadow:-2px 0px 8px 0px rgba(0,0,0,0.14);display:block;float:left;text-align:center;line-height:40px;cursor:pointer;}
.newsContent .titdiv ul .onli {background-color:#dd2020;box-shadow:-2px 0px 8px 0px rgba(0,0,0,0.14);}
.newsContent .titdiv ul li a {color:#666;font-size: 18px;}
.newsContent .titdiv ul .onli a {color:#fff;}
.newsContent .condiv {padding-top:26px;overflow:hidden;}
.newsContent .condiv div.subdiv {width:100%;display:none;}
/*tab1*/ 
.tab1 ul li {margin-bottom: 1px;}
.tab1 ul li a{display:block;position:relative;width:100%;}
.numLeft{float:left;width:100px;height:100px;background-color:#f7f8fa;margin-right: 10px;}
.numLeft h3 {font-size:20px;color:#333;line-height: 30px;margin-top: 20px;text-align: center;font-weight:bold;}
.numLeft p {font-size:14px;color:#666;line-height: 30px;text-align: center;}
.numTxt{position:relative;}
.numTxt h4{font-size:14px;color:#333;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;line-height:26px;font-weight: bold;padding: 10px 0;}
.numR p{line-height: 22px;max-height:44px;overflow:hidden;color:#666;font-size:14px;}
.tab1 ul li a:hover{background:#fafafa;}
.tab1 ul li a:hover .numLeft,.tab1 ul li a:hover .numTxt h4,.tab1 ul li a:hover .numTxt span{color:#dd2020;}
/*慈善项目*/
.ProjectUL {padding:20px 0;width:1200px;overflow:hidden;}
.ProjectUL li {float:left;width:300px;padding:0 10px 0 10px;position:relative;box-sizing:border-box;overflow:hidden;}
.ProjectUL li:first-child {padding-right:10px;}
.ProjectUL li.noPadding {padding:0;}
.pro-Img a {display:block;width:100%;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(../images/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;}
/*爱心机构*/
.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;}
/*慈善视频*/
.wrapCulture .cultureTit a {display: block;position: relative;}
.wrapCulture .cultureTit a img {}
.wrapCulture .cultureTit a span {font-size: 16px;color: #999;position: absolute;top: 50%;margin-top: -16px;right:0;line-height: 32px;}
.wrapCulture .cultureVideo {padding:20px 0 0 0;}
.wrapCulture .cultureVideo .videoBox {width:560px;height:315px;overflow:hidden;position: relative;}
.wrapCulture .cultureVideo .videoBox a {display:block;width:100%;height:100%;}
.wrapCulture .cultureVideo .videoBox a img {width:100%;height:100%;object-fit:cover;}
.wrapCulture .cultureVideo .videoBox .videoPopup {position:absolute;top:0;left:0;right:0;bottom:0;width:560px;height:315px;    background: rgba(0,0,0,.2);}
.wrapCulture .cultureVideo .videoBox .videoPopup a img {width:58px;height:58px;position:absolute;top:50%;left:50%;margin:-29px 0 0 -29px;}
.wrapCulture .culture-right {width: 580px;}
.wrapCulture .culture-right ul {width: 100%;overflow: hidden;}
.wrapCulture .culture-right ul li {float: left;margin-top: 28px;}
.wrapCulture .culture-right ul li a {display: block;width: 100%;}
.wrapCulture .culture-right ul li.mr20 {margin-right: 20px;}
/*友情链接*/
.linkBox {position: relative;}
.linkBox .tabs {width:100%;padding: 6px 0 0 260px;}
.linkTitle {position:absolute;top: 0;left: 0;}
.linkBox .tabs ul {margin-top: 6px;}
.linkBox .tabs li {float:left;text-align:center;line-height:40px;width:170px;height:40px;background-color:#fff;box-shadow:-2px 0px 8px 0px rgba(0,0,0,0.14);}
.linkBox .tabs li a {font-size: 18px;color: #666;}
.linkBox .tabs li.on {background-color:#dd2020;box-shadow:-2px 0px 8px 0px rgba(0,0,0,0.14);}
.linkBox .tabs li.on a {color: #fff;}
.linkBox .content {position:relative;padding:30px 0;width:100%;}
.linkBox .tempWrap {width:auto!important;}
.linkBox .content li {float:left;width:240px;height:90px;background-color:#fff;border:solid 1px #f2f2f2;}
.linkBox .content li a {display:block;width:100%;height:100%;}
.linkBox .content li a img {display:block;width:100%;height:100%;}
/*title*/
.titles {position: relative;}
.titles h1 {padding-top: 34px;}
/*公益项目*/
.projectbg {background-color: #fcfbf7;}
.searchPro{margin: 45px 0 0 95px;text-align:right;position: relative;}
.searchPro input{display:inline-block;}
.searchPro .inpTxt{border:1px solid #999;height:30px;line-height:30px;padding:0 8px;box-sizing: border-box;font-size:14px;width:230px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
.searchPro .inpTxt::-webkit-input-placeholder {font-size:14px;color:#999;}
.searchPro .inpBtn{width: 40px;height:30px;background: url(../images/search.png) no-repeat center center;background-size: 26px 24px;position: absolute;right: 0;top: 0;}
.catNav {display:inline-block;}
.catNav ul li {padding-top: 24px;float: left;cursor:pointer;width:100px;height:120px;background-color:#ffffff;box-shadow:-2px 0px 16px 0px rgba(0,0,0,0.16);}
.catNav ul li.active {background-color:#dd2020;box-shadow:-2px 0px 16px 0px rgba(0,0,0,0.16);}
.catNav ul li span {display: block;width: 100%;height: 48px;}
.catNav ul li span.ps01 {background: url(../images/pro01.png) no-repeat center center;background-size: 54px 48px;}
.catNav ul li.active span.ps01 {background: url(../images/pro1.png) no-repeat center center;background-size: 54px 48px;}
.catNav ul li span.ps02 {background: url(../images/pro02.png) no-repeat center center;background-size: 54px 48px;}
.catNav ul li.active span.ps02 {background: url(../images/pro2.png) no-repeat center center;background-size: 54px 48px;}
.catNav ul li span.ps03 {background: url(../images/pro03.png) no-repeat center center;background-size: 54px 48px;}
.catNav ul li.active span.ps03 {background: url(../images/pro3.png) no-repeat center center;background-size: 54px 48px;}
.catNav ul li span.ps04 {background: url(../images/pro04.png) no-repeat center center;background-size: 54px 48px;}
.catNav ul li.active span.ps04 {background: url(../images/pro4.png) no-repeat center center;background-size: 54px 48px;}
.catNav ul li span.ps05 {background: url(../images/pro05.png) no-repeat center center;background-size: 54px 48px;}
.catNav ul li.active span.ps05 {background: url(../images/pro5.png) no-repeat center center;background-size: 54px 48px;}
.catNav ul li span.ps06 {background: url(../images/pro06.png) no-repeat center center;background-size: 54px 48px;}
.catNav ul li.active span.ps06 {background: url(../images/pro6.png) no-repeat center center;background-size: 54px 48px;}
.catNav ul li p {color: #333;font-size: 16px;margin-top: 4px;text-align: center;}
.catNav ul li.active p {color: #fff;}
.catBox {width: 100%;margin: 0 auto;}
.catBoxdiv {padding: 0 40px;position: relative;margin:0 -40px;}
.wrapUl {}
.ul-list {padding-top:35px!important;width: 300px;}
.ul-list li {width:280px;margin: 0 10px;margin-bottom:30px;position:relative;background-color:#ffffff;box-shadow:0px 4px 20px 0px rgba(0,0,0,0.13);}
.ul-list li a {display:block;position:relative}
.ul-list li a.img {width: 280px;height: 160px;}
.ul-list li a.img img {width: 100%;height: 100%;object-fit: cover;vertical-align: top;}
.ul-list li a .layer {position:absolute;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,0.5);text-align:center;padding:60px 0}
.ul-list li a .layer .img-icon {height:40px}
.ul-list li .cont {display:block}
.ul-list li .cont .t {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;color:#333;overflow:hidden;display:block;padding:10px 0;text-align: center;line-height:30px;}
.ul-list li a:hover {color:#dd2020;}
.ul-list li:last-child {margin-right:0}
.wrapPrev {position: absolute;top: 50%;margin-top: -16px;left: 0;display: block;width: 32px;height:32px;background: url(../images/arrow01.png) no-repeat center center;background-size: 32px 32px;}
.wrapNext {position: absolute;top: 50%;margin-top: -16px;right: 0;display: block;width: 32px;height:32px;background: url(../images/arrow02.png) no-repeat center center;background-size: 32px 32px;}
/*2019.07.02*/
.news-box .title {width:100%;position:relative;}
.news-box .title a {display:block;width:100%;}
.news-box .title a span {}
.news-box .title a i {position:absolute;right:0px;top:0;line-height:40px;color:#999;font-size:16px;}
/*pop*/
.popup {position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.6);display:none;transition:all 0.3s;z-index:99999;}
.popcont {position:relative;top:150px;left:50%;width:300px;margin-left:-150px;background:#fff;border-radius:4px;overflow:hidden;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;}
.popcont h2 {width:100%;height:53px;background:#f0ad4e;padding:10px 15px;position:relative;line-height:30px;font-size:16px;color:#fff;}
.popcont h2 a {position:absolute;top:10px;width:30px;height:30px;display:inline-block;text-align:center;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;right:0;}
.imgCode {padding:20px;text-align:center;}
.imgCode img {display:block;width:200px;height:200px;margin:0 auto;}
.closeBox {padding:19px 20px 20px;text-align:right;border-top:1px solid #e5e5e5;}
.closeBox button {color:#333;background-color:#fff;border:1px solid #ccc;text-align:center;font-size:14px;display:inline-block;margin-bottom:0;font-weight:400;text-align:center;padding:6px 12px;font-size:14px;line-height:1.4;border-radius:4px;}