@charset "utf-8";.box{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.tc{text-align:center}
.db{display:block}
.pr{position:relative}
.pa{position:absolute}
.oh{overflow:hidden}
.fl{float:left}
.fr{float:right}
.fwb{font-weight:bold}
.fwn{font-weight:normal}
.db{display:block}
.dn{display:none}
.fw{font-family:"Microsoft Yahei"}
.f_cb:after,.f_cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:"."}
.f_cb,.f_cbli li{zoom:1}
.ma{margin:0 auto}
.line1{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.line2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.line3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.line4{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.pic{width:100%;overflow:hidden}
.pic img{-o-transition:all 1s linear 0s;transition:all 1s linear 0s}
.pic:hover img{-webkit-transform:scale(1.05) rotate(0) translateY(0);-ms-transform:scale(1.05) rotate(0) translateY(0);transform:scale(1.05) rotate(0) translateY(0)}
.white,.whites{position:relative;overflow:hidden}
.white:after,.whites:after{content:'';cursor:pointer;position:absolute;left:-100%;top:0;width:100%;height:100%;background-image:-moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));transform:skewx(-25deg)}
.white:hover:after{left:100%;-moz-transition:1s;-o-transition:1s;-webkit-transition:1s;transition:1s}
.whites:hover:after{left:100%;-moz-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s;transition:0.5s}

.content{width:80rem;margin:0 auto;max-width:1600px}
body{background: #f5f4f2;}



/* 头部PC样式 */
.logocon{
  background: url(../images/topbg.jpg) no-repeat center top;height: 8.3rem; background-size: 100%;
}
.logocon{
  padding-top: 2rem;box-sizing: border-box;
}
.logocon .logo{float: left;width: 5.5%;}
.logocon .logo img{width:100%;display: block;}
.logocon .logosite{padding-top: 0.6rem;float: left; margin-left: 1%;}
.logocon .logosite span{display: block;font-size: 1.5rem;color:#333;font-weight: bold;}
.logocon .logosite em{display: block;font-size: 0.8rem;color:#333;}

.g_nav{
  background: #dd2020; height: 2.8rem;position: relative;z-index: 22;
}
.g_nav li{float: left; width: 14.2%;text-align: center;position: relative;}
.g_nav li a{display: block;height: 2.8rem;line-height: 2.8rem;font-size: 1.2rem;color:#fff;position: relative;font-weight: bold;}
.g_nav li b{position: relative;z-index: 2;}
.g_nav li a:before{content: "";position: absolute;width: 2px;height: 1.2rem;background: url(../images/line.jpg) no-repeat; right:0;top:50%;margin-top: -0.6rem;}
.g_nav li a:hover:before,.g_nav .curr a:before{background: none;}
.g_nav li a:after{content: "";position: absolute;width: 102%; height: 0; background: #a10818;left:-2px;top:0;transition:all .3s linear 0s;}
.g_nav li a:hover:after,.g_nav .curr a:after{height: 2.8rem;}

.g_nav .sub{display: none;width:100%; left:0; top:2.8rem;  position:absolute; background:#f5f4f3;}
.g_nav .sub li{float: none;width: 100%; zoom:1;}
.g_nav .sub li a{color: #333;font-weight: normal;font-size: 1rem;transition:all .3s linear 0s;}
.g_nav .sub li a:before{background: none;}
.g_nav .sub li a:hover:before{background: none;}
.g_nav .sub li a:hover{color:#fff;background: #dd2020;font-weight: bold;font-size: 1.1rem;}
.g_nav .sub li a:after{background: none;}
.g_nav .sub li a:hover:after{background: none;}
.headmc{display: none;}




/* PC广告样式 */
.bannerpc{line-height:0;position:relative;}
.bannerpc img{width:100%;display:block;}
.bannerpc .ban-con{width:100%;position:absolute;left:13.5%;top:8rem;width:24rem;}
.bannerpc .ban-con.txt1 span{display:block;line-height:2.4rem;font-size:2.2rem;color:#111;margin-bottom:1.5rem;font-weight:700;font-family:Arial;}
.bannerpc .ban-con.txt1 p{line-height:1.6rem;font-size:1rem;color:#111;font-family:Arial;height:7rem;}
.bannerpc .banmore a{display:block;height:2.8rem;background:#705fbd;font-size:.9rem;font-weight:400;line-height:2.8rem;color:#fff;border-radius:.6rem;text-align:center;width:17rem;}
.bannerpc .banmore2 a{display:block;height:2.8rem;background:#705fbd;font-size:.9rem;font-weight:400;line-height:2.8rem;color:#fff;border-radius:.6rem;padding-left:2rem;width:10.5rem;position:relative;}
.bannerpc .banmore2 a:before{content:"";position:absolute;background:url(../images/banmore.png) no-repeat;background-size:1.3rem 1.3rem;width:1.3rem;height:1.3rem;left:8rem;top:50%;margin-top:-.65rem;z-index:112;transition:all .3s linear 0s;}
.bannerpc .banner-paging {
  position: absolute;
  height: 1rem;
  line-height: 1rem;
  left: 0;
  bottom: 1.5rem!important;
  text-align: center;
  z-index: 1;
}
.bannerpc .banner-paging .swiper-pagination-bullet {
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 100%;
  margin: 0 0.5rem;
  background-color: #fff;
  cursor: pointer;
  opacity: 1;
}
.bannerpc .banner-paging .swiper-pagination-bullet-active {
  background-color: #de2020; width: 2.2rem; border-radius: 2rem;
}
.bannerpc .ban-jt{width:100%;}
.bannerpc .ban-jt i{display:block;width:36px;height:70px;cursor:pointer;z-index:300;transition:.5s;}
.bannerpc .ban-jt i img{width:100%;}
.bannerpc .ban-jt i.banner-prev{position:absolute;left:0;top:50%;transform:translate(0,-50%);opacity:0;}
.bannerpc .ban-jt i.banner-next{position:absolute;right:0;top:50%;transform:translate(0,-50%);opacity:0;}
.bannerpc:hover i.banner-prev{left:5%;opacity:1;}
.bannerpc:hover i.banner-next{right:5%;opacity:1;}
.banmc{display:none;}


/* 公告通知PC样式 */
.newpc{margin-bottom: 3rem;}
.newpccon{background: #fff; padding:1rem 0; overflow: hidden;}
.newpccon h2{float: left;width: 18.75%;}
.newpccon h2 img{width: 100%;display: block;}
.newpccon .newsnr{float: left;width: 79%;padding-right: 2%;padding: 1.3rem 0 0 0;}
.newpccon li{height: 2rem; line-height: 2rem; overflow: hidden;}
.newpccon li a{display: block;height: 2rem; line-height: 2rem; padding-left: 1.4rem;position: relative;}
.newpccon li a:before{content: "";position: absolute;width: 0.3rem;height: 0.3rem;background: #dd2020;left:0.6rem;top:50%;margin-top: -0.15rem;border-radius: 50%;}
.newpccon li b{float: left;font-size: 1rem;color:#333333;font-weight: normal;}
.newpccon li span{float: right;font-size: 1rem;color:#333333;}
.newpccon li a:hover b{color:#dd2020;font-weight: bold;}



/* 慈善新闻PC样式 */
.csnewspc{margin-bottom: 3rem;}
.csnewleft{float: left; width: 53%;overflow: hidden;margin-right: 2.3%;margin-top: 1.8rem;}
.csnewleft dt{width: 100%;overflow: hidden;margin-left: 5%;box-sizing: border-box;}
.csnewleft dt img{width: 95%;display: block;transition:all .3s linear 0s;}
.csnewleft dd{margin-left: 5%;position: relative;
  height: 3.8rem;background-color: #dd2020;
}
.csnewleft dd:before{content: "";position: absolute;background:url(../images/dtspan.png) no-repeat;background-size:1.9rem 4.25rem;width:1.9rem;height:4.25rem;left:-1.9rem;bottom:0;}
.csnewleft dl:hover dt img{transform:scale(1.1); }


.date{float: left;width: 9%;padding-top: 0.4rem;text-align: center;margin-right: 2.5%;}
.day{line-height: 1.5rem;font-size: 1.5rem;color:#fff;}
.year{line-height: 1.5rem;font-size: 1rem;color:#fff;}
.csnewleft dd p{position: relative;float: left;width: 70%;font-size: 1.1rem;color:#fff;overflow: hidden;line-height: 3.8rem;-webkit-line-clamp: 1; /* 固定2行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 3.8rem; 
    max-height: 3.8rem;  padding-left: 1.6rem;box-sizing: border-box; }
.csnewleft dd p:before{content: "";position: absolute;width: 1px;height: 1.8rem;background: #fff;left:0;top:50%;margin-top: -0.9rem;}
.csnewleft .new-paging2 {
  position: absolute;  
  height: 1rem;
  line-height: 1rem;
  right: 5%; width: 6rem!important;
  bottom: 1.2rem!important;
  text-align: center;
  z-index: 1; 
}
.csnewleft .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{left: auto;}

.csnewleft .new-paging2 .swiper-pagination-bullet {
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 100%;
  margin: 0 0.5rem;
  background-color: #fff;
  cursor: pointer;
  opacity: 1;
}
.csnewleft .new-paging2 .swiper-pagination-bullet-active {
  background-color: #fff; width: 2.2rem; border-radius: 2rem;
}

.csnewpcr{width:52.25%;overflow: hidden;position: absolute;right:0;top:0;}
.csbg2{width:100%;display: block;}
.csbg2 img{width: 100%;display: block;}
.csnewr{position: absolute;right:6%;top:0;width: 80%;overflow: hidden;}


.tabsys {
  position:relative;
}
.tab-more{
  position:absolute;
  right:0;
  top:0;
}
.csnewbg{
   position: relative;
}





.newrtit{margin-top: 1rem;height: 2.4rem;line-height: 2.4rem;position: relative;margin-bottom: 0.9rem;margin-left: 0.6rem;}
.newrtit .dttit{display: block;float: left;position: relative;padding-left: 2rem;margin-right: 1.5rem;padding-right: 2rem;}
.newrtit .dttit:nth-child(1):before{content: "";position: absolute;width: 1px;height: 1.1rem;right:0;top:50%;margin-top: -0.55rem;background-color: #bcbcbc;}
.newrtit i{position: absolute;left:0;top:50%;width: 1.8rem;height: 1.8rem;margin-top: -0.9rem;overflow: hidden;}
.newrtit i img{width: 3.6rem;display: block;transition:all .3s linear 0s;}
.newrtit span{font-size: 1.3rem;color:#333;}
.newrtit .tab-more a{margin-left: 0;padding: 0;font-size: 1rem;color:#dd2020; margin-right:0;}
.newrtit .tab-more a:before{background: none;}
.newrtit .active span{color:#dd2020;}
.newrtit .active i img{margin-left: -1.8rem;}
.newrtit a:after{content: "";position: absolute;width: 0;height: 2px;background: #dd2020;left:0;bottom: 0;transition: all 0.4s ease-in-out; }
.newrtit .active:after{width:8rem;}
.newrtit .tab-more .active:after{background: none;}
.csnewcon dl{border-bottom:1px dashed #a0a0a0;padding-bottom: 0.7rem;margin-bottom: 0.5rem;margin-left: 1rem;transition: all 0.4s ease-in-out; }
.csnewcon dt a{display: block;height: 2rem; line-height: 2rem; position: relative;margin-bottom: 0.5rem;font-size: 1.1rem;color:#333333; overflow:hidden;}
.csnewcon dt a:before{content: "";position: absolute;width: 0.3rem;height: 0.3rem;background: #dd2020;border-radius: 50%;left:-1rem;top:50%;margin-top: -0.15rem;}
.csnewcon dd{}
.csnewcon dd p{font-size: 1rem;color:#999999;line-height: 1.6rem; max-height: 3.2rem;  display: -webkit-box;
    -webkit-line-clamp: 2; /* 固定2行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}
.csnewcon dl:nth-child(4){border-bottom:none;}
.csnewcon dl:hover a{color:#dd2020;font-weight: bold;}
.csnewcon dl:hover p{color:#333;}
.csnewcon dl:hover{padding-left: 2px;}





/* 志愿项目PC */
.zsxmpc{margin-bottom: 3rem;}
.csxmlst dl{float: left;width: 100%;}
.csxmlst dt{width: 100%;overflow: hidden;}
.csxmlst dt img{width: 100%;display: block;transition:all .3s linear 0s;}
.csxmlst dd{height: 4.6rem;background: #fff;padding: 0 1rem;}
.csxmlst{overflow: hidden;}
.csxmlst p{float: left;width: 72%;font-size: 1.2rem; line-height: 4.6rem; color:#333333; text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}
.csxmlst span{float: right;width: 26%;background: #dd2020;height: 1.8rem;line-height: 1.8rem;text-align: center;color:#fff;margin-top: 1.5rem;}
.csxmlst dl:hover dt img{transform:scale(1.1);}
.csxmlst dl:hover dd{background: #dd2020;}
.csxmlst dl:hover dd p{color: #fff;}
.csxmlst dl:hover span{background: #fff;color:#dd2020;}






/* 志愿服务PC */
.zyfwpc{margin-bottom: 3rem;padding-bottom: 4.5rem;position: relative;}
.zyfwpc:before{content: "";position: absolute;width: 100%;height: 15rem;background: #dd2020;left:0;bottom: 0;}
.zyfwpc .js-swiper-tab{float: left;width: 41.5%;overflow: hidden;}
.zyfwleft p{width: 100%;overflow: hidden;}
.zyfwleft p img{width: 100%;display: block;transition:all .3s linear 0s;}
.zyfwleft p:hover img{transform:scale(1.1);}
.newrtit2{float: right;width: 58.5%;background: #fff;height: 100%;overflow: hidden;position: relative;}
.newrtit2 .bg1{width: 100%;}
.newrtit2 .bg1 img{width: 100%;}
.newrtit2 .news_nav{position: absolute;left:0;top:0;width: 90%;padding:2.3rem 0 0 0; margin:0 5%; box-sizing: border-box; background: #fff;}


.newrtit2 .news_nav dl{float: left;width:50%;height: 9.2rem; padding:1.4rem 5% 0 5%;box-sizing: border-box;border-right:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;}
.newrtit2 .news_nav dl:nth-child(2n){border-right:0;}
.newrtit2 .news_nav dl:nth-child(1),.newrtit2 .news_nav dl:nth-child(2){padding-top: 0;}
.newrtit2 .news_nav dl:nth-child(3),.newrtit2 .news_nav dl:nth-child(4){border-bottom:0;}
.newrtit2 .news_nav dl:nth-child(1),.newrtit2 .news_nav dl:nth-child(3){padding-left: 0;}
.newrtit2 .news_nav dl:nth-child(2),.newrtit2 .news_nav dl:nth-child(4){padding-right: 0;}
.newrtit2 .news_nav dl:nth-child(2n){margin-right: 0;}
.newrtit2 .news_nav dt{height: 2rem;line-height: 2rem;font-family: Arial, Helvetica, sans-serif; display:none;}
.newrtit2 .news_nav dt span{display: inline-block;font-size: 1.6rem;color:#dd2020;}
.newrtit2 .news_nav dt em{display: inline-block;font-size: 0.9rem;color:#333333;}
.newrtit2 .news_nav p{font-size: 1rem;color:#333;line-height: 1.8rem;}
.newrtit2 .news_nav dl:hover p,.newrtit2 .news_nav .cur p{color:#dd2020;font-weight: 700;}

/* 会员风采PC */
.hyfcpc{margin-bottom: 3.6rem;}
.hyfclst dl{float: left;width: 100%;position: relative;}
.hyfclst dt{width: 100%;overflow: hidden;}
.hyfclst dt img{width: 100%;display: block;transition:all .3s linear 0s;}
.hyfclst dd{position: absolute;left:0;bottom: 0; width: 100%; height:3rem;background: rgba(16,16,16,.4);padding: 0 1rem; box-sizing: border-box;}
.hyfclst{overflow: hidden;}
.hyfclst p{font-size: 1.2rem; line-height: 3rem; color:#fff; text-align: center; text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}
.hyfclst dl:hover dt img{transform:scale(1.1);}
.hyfclst dl:hover dd{background: #dd2020;}
.hyfclst dl:hover dd p{color: #fff;}
.hyfclst dl:hover span{background: #fff;color:#dd2020;}


/* 友情链接PC */
.linkpc{background: #fff;padding:1.5rem 0 2.5rem;}
.linkpccon ul{height: 10rem;overflow: hidden;}
.linkpccon li{float: left;width: 23.5%;padding: 0 0.4%;}
.linkpccon li a{display: block;margin-bottom: 1.4rem;}
.linkpccon li img{width: 100%;display: block;border:1px solid #cdcdcd;box-sizing: border-box;}
.linkpccon li:nth-child(4n){margin-right: 0;}
.linkpccon li a:hover{box-shadow: 6px 0 22px rgba(68,77,89,.2);}

/* 底部PC */
.footpc{background: #f5f4f2;padding: 2.5rem 0 3rem 0; margin-top: 4rem;}
.footpc .ftlogo{float: left;width:15%;}
.footpc .logo{width: 55%;margin:0 auto;}
.footpc .logo img{width: 100%;display: block;}
.sitetitle{line-height: 3rem;text-align: center;}
.sitetitle b{display: block;font-size: 1rem;color:#333;font-weight: normal;}
.sitetitle em{display: block;font-size:0.6rem;color:#dd2020;display: none;}
.code{float: left;width: 15%;}
.code i{display:block;width: 55%;margin:0 auto;}
.code i img{width: 100%;display: block;}
.code em{display: block;font-size: 1rem;line-height: 3rem;color:#333333;text-align: center;}
.ftlx{float: right;width: 56%;padding-top: 0.6rem;}
.ftlx p{line-height: 2.6rem;color:#333;font-size: 1.1rem;}


/*返回顶部*/
.izl-rmenu{position:fixed; left:50%; margin-left:45%; bottom:10%; padding-bottom:73px; z-index:999; }
.izl-rmenu .iconBtn{width:54px; height:54px; margin:5px 0;border-radius:30px; cursor:pointer; position:relative;background:rgba(187,187,187,0.66);text-align:center;}
.izl-rmenu .iconBtn:hover{background:rgba(187,187,187,1);box-shadow:0 0 15px rgba(105,105,105,.7);}
.izl-rmenu .btn-wx{background:url(../images/weixinIcon.png) center center no-repeat;width:54px;height:54px;}
.pic{position:absolute; left:-170px; top:0px; display:none;padding:10px;background:#e5e5e5;text-align:center; width:140px;}
.pic img{width:140px;height:140px;}
.pic p{line-height:30px;color:#666;font-size:14px;}
.btn-sina{display:inline-block;}
.btn-sina span{display:inline-block;width:54px;height:54px;background:url(../images/sinaIcon.png) center center no-repeat;}
.iconTop{width:54px;height:54px;background:url(../images/goTop.png) center center no-repeat;}
.pic img {
  width: 140px;
  height: 140px;
}

.newDetails2{margin: 2rem 0;}
.pdffile{height: 2.5rem;line-height: 2.5rem;position: relative;padding-left: 1.5rem;}
.pdffile .pdfico{position: absolute;left:0;top:50%;width:1rem;height: 1rem;top:50%;margin-top: -0.5rem;}
.pdffile .pdfico img{width:100%;display: block;}
.pdffile .pdffj a{float: left;font-size:1.2rem;color:#0066cc;display: block;}

.newDetails{margin-top:2rem;}


.csnewspc h2,
.zsxmpc h2,
.zyfwpc h2,
.hyfcpc h2,
.linkpc h2{width: 100%;}

.csnewspc h2 img,
.zsxmpc h2 img,
.zyfwpc h2 img,
.hyfcpc h2 img,
.linkpc h2 img
{width: 100%;display: block;}

.headpc{display: block;}
.headmc{display: none;}
.bannerpc{display:block;}
.banmc{display: none;}
.newpc{display:block;}
.newmc{display: none;}
.csnewspc{display:block;}
.csnewsmc{display: none;}
.zsxmpc{display:block;}
.zsxmmc{display: none;}
.zyfwpc{display:block;}
.zyfwmc{display: none;}
.hyfcpc{display:block;}
.hyfcmc{display:none;}
.linkpc{display:block;}
.linkmc{display:none;}
.footpc{display:block;}
.footmc{display:none;}
.g_nyconpc{display: block;}
.g_nyconmc{display: none;}
.g_csxmpc{display: block;}
.g_csxmmc{display: none;}
.g_nygyjjpc{display: block;}
.g_nygyjjmc{display: none;}
.g_nyxxgkpc{display: block;}
.g_nyxxgkmc{display: none;}




/* 内页PC样式开始 */
.nyban1{width: 100%; margin-bottom: 2.5rem;}
.nyban1 img{width: 100%;display: block;}
.g_nyconpc .content{margin-top: 2.5rem;}
.nyleft{float:left;width:21%}
.nyleftup{border:1px solid #f1f1f1;box-sizing:border-box;margin-bottom:1.2rem}
.nyleftup h2 a{display:block;height:5rem;border-bottom:1px solid #f1f1f1;font-size:1.4rem;color:#dd2020;line-height:5rem;text-align:center;border-top:0.3rem solid #dd2020}
.nynav{padding:1rem 0 2.5rem 0}
.nynav li a{display:block;height:4rem;line-height:4rem;text-align:center;color:#333;font-size:1.2rem;transition:all .3s linear 0s}
.nynav .cur a,.nynav li a:hover{background:rgba(221,32,32,.6);border-left:0.3rem solid #dd2020;color:#fff;padding-left:0.2rem;font-weight:bold}
.gyh{width:80%;margin:0 auto}
.gyh i{width:100%;display:block;border:1px solid #f1f1f1}
.gyh i img{width:100%;display:block}
.gyh em{display:block;height:4rem;line-height:4rem;text-align:center;color:#666;font-size:1rem}
.nyleftd{border:1px solid #f1f1f1;box-sizing:border-box}
.nyleftd h2 a{display:block;height:3rem;line-height:3rem;font-weight:normal;color:#333;font-size:1.2rem}
.nyleftd h2 span{float:right;color:#666;font-size:1rem}
.nyleftd h2 a:hover{color:#dd2020}
.nyleftd h2 a:hover span{color:#dd2020}
.nyleftd{padding:0 1rem 2rem}
.nyleftd i{width:100%;display:block;border:1px solid #f1f1f1;overflow:hidden}
.nyleftd i img{width:100%;display:block;transition:all .3s linear 0s}
.nyleftd em{display:block;height:3rem;line-height:3rem;text-align:center;color:#333;font-size:1rem}
.nyleftd li:hover i img{transform:scale(1.1)}
.nyleftd li:hover em{color:#dd2020;font-weight:bold}
.nyr{float:right;width:76%}
.searchBar{margin-bottom: 1rem;}
.searchBar input{display:inline-block;}
.inpTxt{border:1px solid #e5e5e5;height:35px;line-height:35px;padding:0 8px;box-sizing: border-box;font-size:14px;width:300px;border-radius:2px;}
.inpBtn{height:35px;line-height:35px;background:#ed4040;color:#fff;font-size:14px;border-radius:2px;text-align:center;border:none;padding:0 20px;}
.new01list{margin-bottom:1rem}
.new01list dl{padding:1rem 0;clear:both;border-bottom:1px dotted #e5e5e5;transition:all .15s cubic-bezier(.4,0,.2,1)}
.new01list dt{overflow:hidden;float:left;width:25%;border:1px solid #f2f2f2;box-sizing: border-box;height:10rem;}
.new01list dt img{width:100%;display:block;transition:all .3s linear 0s;}
.new01list dl:hover dt img{transform:scale(1.1);}
.new01list dd{float:right;width:73%}
.textBar h3{font-weight:normal}
.textBar h3 a{display:block;line-height:30px;font-size:16px;color:#333;font-weight:normal}
.textBar h3 a:hover,.textBar h3 a:focus,.newList li:hover .textBar h3 a,.newList li:hover .textBar h2 a{color:#ed4040}
.detailBar{margin-top:1rem;position:relative;line-height:1.5rem;height:3rem;overflow:hidden;font-size:14px;color:#666;text-overflow:ellipsis}
.time{color:#999;margin-top:0.5rem;font-size:14px;}
.newList li:hover .imgL img{transform:scale(1.1);-webkit-transform:scale(1.1)}
.pageBar{margin-bottom:20px;text-align:center;font-size:14px;margin-top:20px;}
.pageBar a,.pageBar span{display:inline-block;line-height:30px;border:1px solid #e5e5e5;text-align:center;padding:0 10px;margin:0 5px;color:#999}
.pageBar span.current{font-weight:bold;color:red}
.pageBar span.prev,.pageBar span.next{color:#999 !important;font-weight:normal}


/* 内页慈善项目样式 */
.g_csxmpc{margin-top: 2.5rem;}
.csxmup h2 a{display: block;float: left; width: 12%;text-align: center;font-size: 1rem;color:#333;}
.csxmup .nynav2{float: left; width: 50%; height: 35px;line-height: 35px; display:none;}
.csxmup .nynav2 a{float: left; width: 13%;text-align: center;font-size: 1.2rem;color:#333;border:1px solid #f2f2f2;border-radius: 0.21rem; margin-right: 3%;transition:all .3s linear 0s;}
.csxmup .nynav2 a:hover,.csxmup .nynav2 .cur a{background-color: #dd2020;color:#fff;border-radius: 0.21rem;border:1px solid #dd2020;}
.csxmup .searchBar{float: right;}
.new02list{margin-bottom: 2rem;}
.new02list dl{padding: 1rem 0 1rem 0;border-bottom: 1px dotted #e5e5e5;}
.new02list dt{overflow:hidden;float:left;width:25%}
.new02list dt img{width:100%;display:block;transition:all .3s linear 0s;}
.new02list dl:hover dt img{transform:scale(1.1);}
.new02list dd{float: right; width: 72%;}
.textTopLeft{position:relative;}
.textTopLeft h2 a{display:block;line-height:1.667;font-size:1.5rem;color:#333;}
.textTopLeft h2 a:hover{color:#ED4040;}
.projectList li:hover .textTopLeft h2 a{color:#ED4040;}
.txtDetail{margin-top:0.7rem;color:#666;font-size:14px;display:none;}
.txtDetail p{display:inline-block;float:left;width:50%;}
.txtDetail p span{color:#ED4040;font-size:14px;}
.textIntroduction{margin-top:20px;background:#f5f4f3;padding:18px;border-radius:2px; height:72px;}
.textIntroduction p{line-height:1.8rem;color:#999;font-size:14px;overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}


/* 内页公益基金PC */
.g_nygyjjpc{margin-top: 2.5rem;}
.new03list{margin-bottom:1rem}
.new03list dl{padding:1rem 0;clear:both;border-bottom:1px dotted #e5e5e5;transition:all .15s cubic-bezier(.4,0,.2,1)}
.new03list dt{overflow:hidden;float:left;width:25%}
.new03list dt img{width:100%;display:block;transition:all .3s linear 0s;}
.new03list dl:hover dt img{transform:scale(1.1);}
.new03list dd{float:right;width:73%}
.new03list .textBar h3 a{display:block;line-height:30px;font-size:16px;color:#333;}
.new03list .textBar h3 a:hover,.new03list .textBar h3 a:focus,.newList li:hover .textBar h3 a,.newList li:hover .textBar h2 a{color:#ed4040;}
.new03list .time{color:#999;margin-top:10px;font-size:14px;}
.new03list .detailBar {margin-top: 15px;position: relative;line-height: 28px; height: 58px;overflow: hidden;font-size: 14px;color: #666;text-overflow: ellipsis;}
.new03list .fundBar { margin-top: 10px;}
.fundtxt p{line-height: 1.8rem;}
.fundtxt p span{color:#dd2020;font-size:16px;}
.new03list .fundtxt p:nth-child(1),.new03list .fundtxt p:nth-child(2),.new03list .fundtxt p:nth-child(3)
{display: none;}

/* 内页信息公开PC */
.g_nyxxgkpc{margin-top: 2.5rem;}
.new04list{}
.new04list li{padding:0 10px;border-bottom:1px dotted #e5e5e5;transition:all .3s linear 0s;position: relative; height: 4.6rem;line-height: 4.6rem;}
.new04list li a{display:block;font-size:16px;line-height:4.6rem;float:left;position:relative;width:80%;background: url(../images/li-dian.png) left center no-repeat;padding-left:10px;color:#333; }
.new04list li span{overflow:hidden;color:#999;font-size:14px;display:block;line-height:4.6rem; float: right;}
.new04list li:hover a{color:#dd2020;font-weight: bold;}



/*内页联系我们PC*/
.newContent{padding:1rem;}
.newContent h2{font-size:1.5rem;color:#333;text-align:center;line-height:3.5rem;border-bottom:1px solid #e5e5e5;margin-bottom:0.6rem;}
.timeBar{text-align:center;font-size:14px;color:#999;position:relative;}
.timeBar .shareBar{right:0;top:0;color:#999;}
.timeBar .timeBg{line-height:1.6rem;display:inline-block;padding-left:1rem;background:url(../images/timeBg.png) left center no-repeat;}
.newTxt{padding:1rem 0 5rem 0;}
.newTxt p{line-height:2.2;font-size:1rem;color:#666;text-indent: 2rem;width:100%;}
.newTxt p span{font-family: 仿宋, fangsong; font-size: 1.5rem;}
.newDetails p{line-height:2rem!important;font-size:1rem!important;color:#666;text-indent: 2rem!important; margin-left:0;margin-bottom:0;margin-top:1rem!important;margin-bottom:1rem!important; width:100%!important;}
.newDetails p img{margin:0 auto;display:block; width:100%; overflow: hidden;}
.newDetails p span{font-family: 仿宋, fangsong; font-size: 1.2rem!important;}
.newDetails img{max-width: 100%;vertical-align: middle; display: block;}
.newTxt img{max-width: 100%;vertical-align: middle; display: block;}
.address p span b{display: block;}
.address p span em{text-indent: 2rem;display: block;}

/* 总会介绍PC */
.aboutus p{font-size: 1.2rem;line-height: 1.8rem;color:#666; margin-top: 1.5rem;}
.aboutus .zs{width: 80%;display: block; margin:2rem auto;}
.aboutus .zs img{width: 100%;display: block;}

/* 总会章程PC */
.zhzc h3{text-align: center;margin:2rem 0;font-size: 1.5rem;color:#666;font-weight: normal;}
.zhzc h4{text-align: center;margin:2rem 0;font-size: 1.3rem;color:#666;font-weight: normal;}
.zhzc h5{text-align: center;margin:2rem 0;font-size: 1.3rem;color:#666;font-weight: normal;font-family: 楷体;}
.zhzc p{font-size: 1.2rem;color:#666;line-height: 2.6rem;text-indent: 2rem;}

/* 组织架构PC */
.newTxtzjjg p{font-size: 1.2rem;color:#666;line-height: 2.6rem!important;text-indent: 2rem;font-family: "Microsoft Yahei";}
.newTxtzjjg p span{font-size: 1.2rem!important;font-family: "Microsoft Yahei"!important;}

/* 总会制度PC */
.zhzdlist{margin-bottom: 3rem;}
.zhzdlist li{height: 5rem;line-height: 5rem;border-bottom:1px dashed #ccc;position: relative;padding-left: 2.6rem;transition:all .3s linear 0s;}
.zhzdlist li i{float: left;width: 2rem;position: absolute;left:0;top:50%;margin-top: -1rem;}
.zhzdlist li i img{display: block;width: 100%;}
.zhzdlist li b{float: left;font-weight: normal;font-size: 1.2rem;color:#666;}
.zhzdlist li em{float: right;font-size: 1.3rem;color:#fff; width: 6rem;height: 2.2rem;line-height: 2.2rem;background-color: rgba(221,32,32,1);border-radius: 0.3rem;text-align: center;position: absolute;right:0;top:50%;margin-top: -1.3rem;}
.zhzdlist li:hover b{color:#dd2020;font-weight: bold;}
.zhzdlist li:hover{padding-top: 0.3rem;}

/* 慈善项目详情PC */
.csxmxxup{margin-bottom: 1.3rem;}
.csxmxxup dl{position: relative;display: block;width:100%;height:100%;}
.csxmxxup dt{width:100%;overflow: hidden;}
.csxmxxup dt img{width:100%;display: block;}
.csxmxxup dd{position: absolute;right:0;top:0;width:40%;height:100%;background: rgba(0,0,0,.66);padding:3rem 5% 0;box-sizing: border-box;}
.csxmxxup h2{color:#fff;font-size:1.5rem;margin-bottom: 2.5rem;}
.textIntroductionshow{font-size:1rem;color:#fff;line-height: 2rem; height:16rem; padding-right:3.5rem; text-overflow: ellipsis; -webkit-line-clamp: 4; /* 固定4行 */
  -webkit-box-orient: vertical;
  overflow: hidden;}
.csxmxxup h3{color:#fff;font-size:1.2rem;font-weight: normal;line-height: 2.2rem;}
.csxmxxup li{color:#fff;font-size:1.2rem;line-height: 2.2rem;}
.csxmxxup li i{font-size:1.5rem;padding:0 0.7rem 0 0.2rem; display:inline-block;font-weight: bold;}
.csxmxxup .time{display: inline;color:#fff;font-size:1.1rem;line-height: 2rem;}
.ViewMore{ background: #ff6600;border-radius: 1rem;text-align: center;font-size:1.2rem;color:#fff;margin:2rem 0 0 0; width:10rem; height: 3rem;line-height: 3rem;}
.csxmxxup li b{font-weight: normal;}
.g_xmjscon{float: left;width:70%;overflow: hidden;}
.xmxxright{float: right;width:25%;}
.tabsyscs{height: 3rem;border-bottom:1px solid #e5e5e5;}
.tabsyscs a{float:left;padding:0 5%;border-right:1px solid #e5e5e5;border-top:1px solid #e5e5e5; font-size:1.2rem; height: 3rem;line-height: 3rem;}
.tabsyscs a:nth-child(1){border-left:1px solid #e5e5e5;}
.tabsyscs .active{color:#dd2020;font-weight: bold;border-top:0.2rem solid #dd2020;}
.xmjs1 .newTxt p{font-size:0.9rem!important;}
.xmjs1 .newTxt p span{font-size:0.9rem!important;}
.xmjs1 .newTxt img{text-align: center; margin:0.5rem auto;}



/*收支*/
.informationList{margin-top: 2rem;}
.informationTit{background:#f5f4f3;padding:3px 10px;margin-top:15px;}
.informationTit h4{font-size:16px;color:#ED4040;line-height:2rem;}
.informationTit a{position:absolute;right:10px;top:2px;font-size:1rem;color:#999;line-height:30px;}
.informationListBar table{width:100%;border-collapse: collapse;}
.informationListBar table th,.informationListBar table td{border:1px solid#e5e5e5;text-align:center;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; line-height: 3rem;}
.informationListBar table th{color:#333;border-top:2px solid #ED4040;background:#f5f4f3;}
.informationListBar table td{color:#666;}
.informationListBar table td img{width:20px;}
.informationListBar table td .jz{color:#00a60c;}
.informationListBar table td .bf{color:#f00;}

/*proTab*/
.proContentDateil{overflow:hidden;}
.proBottomBar .leftProjectBar{margin-left:25px;}
.tabBar{border-bottom:1px solid #e5e5e5;padding-left:20px;height:3rem;}
.tabBar li{float:left;line-height:3rem;color:#333;padding:0 2rem;font-size:1.2rem;cursor: pointer;}
.tabBar li.activeOnli{border:1px solid #e5e5e5;border-bottom:none;border-top:3px solid #ED4040;background:#fff;color:#ED4040;}
.conDivBar .conBar{display:none;}
.conDivBar .selected{display:block;}


/* 会员风采列表页 */
.hyfclist dl{float: left;width: 31%;position: relative; margin-right: 3%;margin-bottom: 1.5rem;}
.hyfclist dl:nth-child(3n){margin-right: 0;}
.hyfclist dt{width: 100%;overflow: hidden;}
.hyfclist dt img{width: 100%;display: block;transition:all .3s linear 0s;}
.hyfclist dd{position: absolute;left:0;bottom: 0; width: 100%; height:3rem;background: rgba(16,16,16,.4);padding: 0 1rem; box-sizing: border-box;}
.hyfclist{overflow: hidden;}
.hyfclist p{font-size: 1.2rem; line-height: 3rem; color:#fff; text-align: center; text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}
.hyfclist dl:hover dt img{transform:scale(1.1);}
.hyfclist dl:hover dd{background: #dd2020;}
.hyfclist dl:hover dd p{color: #fff;}
.hyfclist dl:hover span{background: #fff;color:#dd2020;}







@media screen and (max-width:767px){
  body{overflow-x: hidden;
        
        max-width: 750px!important;
        min-width: 320px;
        margin: 0 auto;}
    .content{width:100%!important;overflow:hidden;}

.headpc{display: none;}
.headmc{display: block;}
.bannerpc{display:none;}
.banmc{display: block;}
.newpc{display:none;}
.newmc{display: block;}
.csnewspc{display:none;}
.csnewsmc{display: block;}
.zsxmpc{display:none;}
.zsxmmc{display: block;}
.zyfwpc{display:none;}
.zyfwmc{display: block;}
.hyfcpc{display:none;}
.hyfcmc{display:block;}
.linkpc{display:none;}
.linkmc{display:block;}
.footpc{display:none;}
.footmc{display:block;}
.g_nyconpc{display: none;}
.g_nyconmc{display: block;}
.g_csxmpc{display: none;}
.g_csxmmc{display: block;}
.g_nygyjjpc{display: none;}
.g_nygyjjmc{display: block;}
.g_nyxxgkpc{display: none;}
.g_nyxxgkmc{display: block;}


/* 手机头部 */
.head2{position: relative;z-index: 11;height:14.3rem; overflow: hidden; }
.head2 .m_top{height:8.3rem;position: relative;background: url(../images/mctopbg.jpg)no-repeat;background-size: 100%;}
.head2 .logo{ width:18%; float:left;margin:1rem 3% 0 5%;}
.head2 .logo img{display:block; width:100%;}
.head2 h5{float: left;width:68%; padding-top: 2rem;line-height: 2rem;}
.head2 h5 b{font-size:1.6rem;color:#282828; line-height: 2.6rem;  display:block;}
.head2 h5 em{font-size:0.9rem;color:#282828; line-height: 2rem; font-weight: normal; display:block;}
.head2 h4{height: 6rem;line-height: 3rem;overflow: hidden;background: #dd2020;}
.head2 h4 a{ float:left; width: 25%;text-align: center;border:1px solid #fff;box-sizing: border-box; color:#fff; font-size: 1.2rem;position: relative;font-family:"Microsoft Yahei";border-top:0;border-left:0;}
.head2 h4 a:hover{font-weight: bold;}
.head2 h4 span:nth-child(4n) a{border-right:0;}
.head2 h4 span:nth-child(5) a,
.head2 h4 span:nth-child(6) a,
.head2 h4 span:nth-child(7) a,
.head2 h4 span:nth-child(8) a
{border-bottom:0;}
.head2 .menu_btn{width:10%; position: absolute;right:5%;top:2.3rem; height: 3.25rem;  float:right; overflow:hidden; background: rgba(255,255,255,.8);border-radius: 0.2rem; padding:0.2rem;}
.head2 .menu_btn a.downmenu{display:block; width:100%;}
.head2 .menu_btn img{ display:block; width:100%;}
.menu2 .slideMenu{width:100%; display: none;z-index:16;position:absolute; top: 9.3rem; right:0px; transition:transform 1s;-webkit-transition:transform 1s;}
.menu2.down .slideMenu{transform:translate3D(0,100%,0);-webkit-transform:translate3D(0,100%,0);}
.menu2 ul {background:rgba(210,1,1,.9);padding:2rem 12.5% 5rem;}
.menu2 ul li {color: #333; font-size:1.3rem; line-height: 3rem;height: 3rem; border: 1px solid rgba(255,255,255,.8);border-radius: 1.5rem;margin-bottom: 0.8rem; text-align: center; }
.menu2 ul li:before{ content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#ccc;}
.menu2 ul li:last-child:before{ background:none; border:0;}
.menu2 ul li a {display: block;height: 3rem;line-height: 3rem; font-size:1.3rem; font-family:"Microsoft Yahei"; color: #fff;text-decoration: none;}

/* 手机广告 */
.banmc{display:block;line-height:0;overflow:hidden;}
.banmc img{width:100%}
.banmc .swiper-pagination-bullet{background: #ccc; width:1.2rem;height:1.2rem;box-shadow: 6px 0 22px rgba(68,77,89,.2);opacity: 1;}
.banmc .swiper-pagination-bullet-active{background:#dd2020;}
.banmc .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:3rem;}

/* 公告公示MC */
.newpc{margin-bottom: 3rem;}
.newpccon{background: #fff; padding:1rem 0; overflow: hidden;}
.newpccon h2{float: left;width:12%;margin-top: 0.53rem; }
.newpccon h2 img{width: 100%;display: block;}
.newpccon .newsnr{float: left;width: 79%;padding: 1.3rem 5% 0 0;}
.newpccon li{height: 2rem!important; line-height: 2rem!important; overflow: hidden;}
.newpccon li a{display: block;height: 2rem!important; line-height: 2rem!important; padding-left: 1.4rem;position: relative;}
.newpccon li a:before{content: "";position: absolute;width: 0.3rem;height: 0.3rem;background: #dd2020;left:0.6rem;top:50%;margin-top: -0.15rem;border-radius: 50%;}
.newpccon li b{float: left;font-size: 1rem;color:#333333;font-weight: normal;}
.newpccon li span{float: right;font-size: 1rem;color:#333333;}
.newpccon li a:hover b{color:#dd2020;font-weight: bold;}


/* 慈善新闻MC */
.ne_db{display: block;}
.news_nav{margin-top: 1rem;height: 2.4rem;line-height: 2.4rem;position: relative;margin:0 3% 0.9rem;}
.news_nav p{display: block;float: left;position: relative;padding-left: 2rem;margin-right: 1.5rem;padding-right: 2rem;}
.news_nav p:nth-child(1):before{content: "";position: absolute;width: 1px;height: 1.1rem;right:0;top:50%;margin-top: -0.55rem;background-color: #bcbcbc;}
.news_nav i{position: absolute;left:0;top:50%;width: 1.8rem;height: 1.8rem;margin-top: -0.9rem;overflow: hidden;}
.news_nav i img{width: 3.6rem;display: block;transition:all .3s linear 0s;}
.news_nav span{font-size: 1.3rem;color:#333;}
.news_nav .tab-more a{margin-left: 0;padding: 0;font-size: 1rem;color:#dd2020; margin-right:0;}
.news_nav .tab-more a:before{background: none;}
.news_nav .cur span{color:#dd2020;}
.news_nav .cur i img{margin-left: -1.8rem;}
.news_nav p:after{content: "";position: absolute;width: 0;height: 2px;background: #dd2020;left:0;bottom: 0;transition: all 0.4s ease-in-out; }
.news_nav .cur:after{width:8rem;}
.news_nav a{display:none;position:absolute;right:0;top:0;height: 2.4rem;line-height: 2.4rem;font-size:1rem;color:grey;font-weight:400;color:#dd2020;}
.news_nav .ne_db{display:block;width:3rem}
.news_nav .ne_db img{width:100%;display:block}
.csnewsmc .js-swiper-tab{margin:1rem 3%; box-sizing: border-box;overflow: hidden;}
.newstj{width: 100%; margin-bottom: 1rem;}
.newstj img{width: 100%;display: block;}

/* 慈善项目MC */
.csxmlst{margin:0 3%;overflow: hidden;}
.csxmlst p{width: 100%;}

/* 志愿服务MC */
.zyfwmc{margin:0 3%;overflow: hidden;}
.m_zyfwmc dl{float: left;width: 100%;position: relative;}
.m_zyfwmc dt{width: 100%;overflow: hidden;}
.m_zyfwmc dt img{width: 100%;display: block;transition:all .3s linear 0s;}
.m_zyfwmc dd{
  background: #dd2020;padding:1rem 1rem 3rem;box-sizing: border-box;
}
.m_zyfwmc{overflow: hidden;}
.m_zyfwmc .date2{font-size: 1.5rem; color:#fff;line-height: 2rem;font-weight: bold;margin-bottom: 0.6rem;}
.m_zyfwmc p{font-size: 1.1rem; color:#fff;-webkit-line-clamp: 3; /* 固定2行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5rem; 
    max-height: 4.5rem;   }

.m_zyfwmc dl:hover dt img{transform:scale(1.1);}
.m_zyfwmc dl:hover dd{background: #dd2020;}
.m_zyfwmc dl:hover dd p{color: #fff;}
.m_zyfwmc dl:hover span{background: #fff;color:#dd2020;}
.zyfwmc .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 1rem;}
.zyfwmc .swiper-pagination-bullet {
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 100%;
  margin: 0 0.5rem;
  background-color: #fff;
  cursor: pointer;
  opacity: 1;
}
.zyfwmc .swiper-pagination-bullet-active {
  background-color: #fff; width: 2.2rem; border-radius: 2rem;
}

/* 会员风采MC */
.hyfclstmc{margin:0 3%;overflow: hidden;}
.hyfclstmc p{width: 100%;}
.hyfclstmc dl{float: left;width: 100%;position: relative;}
.hyfclstmc dt{width: 100%;overflow: hidden;}
.hyfclstmc dt img{width: 100%;display: block;transition:all .3s linear 0s;}
.hyfclstmc dd{position: absolute;left:0;bottom: 0; width: 100%; height:3rem;background: rgba(16,16,16,.4);padding: 0 1rem; box-sizing: border-box;}
.hyfclstmc{overflow: hidden;}
.hyfclstmc p{font-size: 1.2rem; line-height: 3rem; color:#fff; text-align: center; text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}
.hyfclstmc dl:hover dt img{transform:scale(1.1);}
.hyfclstmc dl:hover dd{background: #dd2020;}
.hyfclstmc dl:hover dd p{color: #fff;}
.hyfclstmc dl:hover span{background: #fff;color:#dd2020;}


/* 友情链接MC */
.linkmc{background: #fff; padding:0 3% 2.5rem;overflow: hidden; }
.linkmc li{float: left;width: 48%;border:1px solid #ccc;box-sizing: border-box;margin-bottom: 0.5rem;}
.linkmc li:nth-child(1){display:none;}
.linkmc li:nth-child(2){display:none;}
.linkmc li img{width: 100%;display: block;}
.linkmc li:nth-child(2n){float: right;}

/* 底部MC */
.footmc{background: #f5f4f2;padding: 2.5rem 0 0 0;}
.fttop{margin-bottom:0.5rem;padding:0 15%; width: 100%;box-sizing: border-box;}
.footmc .ftlogo{float: left;width:50%;}
.footmc .logo{width: 55%;margin:0 auto;}
.footmc .logo img{width: 100%;display: block;}
.sitetitle{line-height: 3rem;text-align: center;}
.sitetitle b{display: block;font-size: 1rem;color:#333;font-weight: normal;}
.sitetitle em{display: block;font-size:0.6rem;color:#dd2020;display: none;}
.code{float: left;width: 50%;}
.code i{display:block;width: 55%;margin:0 auto;}
.code i img{width: 100%;display: block;}
.code em{display: block;font-size: 1rem;line-height: 3rem;color:#333333;text-align: center;}
.ftlx{padding: 0.6rem 10% 8rem; width: 100%;float:none; box-sizing: border-box; background: #f5f4f2; }
.ftlx p{line-height: 1.6rem;color:#333;font-size: 1rem;text-align: center;}
iframe.phone-view, body.phone-view, .c-edit-page.phone-view{width:750px !important;} 
.g_fnva{ position:fixed; z-index:100; bottom:0; width:100%;max-width:750px;min-width:320px;background:#dd2020; height: 6rem;line-height: 6rem; }
.m-f01 li{float: left;width: 20%;text-transform: uppercase;border-right: 1px  solid rgba(255,255,255,.3); box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.m-f01 li em{display: block;width: 40%;padding-top: 0.8rem; margin: 0 auto;}
.m-f01 li img{width: 100%;display: block;}
.m-f01 a{ color:#fff;line-height:3rem;;display:block;text-align:center;font-size: 1rem;position: relative;}
.m-f01 li:nth-child(1){background: #a10818;}

/* 内页手机慈善新闻样式MC */
.nyleft{float:none;width:100%}
.nynav{width: 75%; padding: 0; margin:1.5rem auto 1rem;}
.nynav li a{display:block; float: left;width:48%; padding-left: 0; height:2.5rem;line-height:2.5rem;text-align:center;color:#333;font-size:1.1rem;transition:all .3s linear 0s;box-sizing: border-box;}
.nynav li a:hover,.nynav .cur a{border:none;border-radius: 2rem;background: #dd2020;}
.nyr{float:none;width:94%;margin:0 auto;}
.new01list{margin-bottom:1rem}
.new01list dl{padding:1rem 0;clear:both;border-bottom:1px dotted #e5e5e5;transition:all .15s cubic-bezier(.4,0,.2,1)}
.new01list dt{overflow:hidden;transition:all .3s linear 0s;float:left;width:35%;heigth:10rem;}
.new01list dt img{width:100%;display:block}
.new01list dd{float:right;width:63%}
.new01list .textBar h3{font-weight:normal}
.new01list .textBar h3 a{display:block;font-size:1rem;color:#333;font-weight:normal; -webkit-line-clamp: 1; /* 固定2行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.8rem; 
    max-height: 1.8rem;  }
.new01list .textBar h3 a:hover,.new01list .textBar h3 a:focus,.newList li:hover .new01list .textBar h3 a,.newList li:hover .textBar h2 a{color:#ed4040}
.detailBar{margin-top:0.8rem;position:relative;line-height:1.5rem;height:3rem;overflow:hidden;font-size:1rem;color:#666;text-overflow:ellipsis}
.time{color:#999;margin-top:0.5rem;font-size:1rem;}
.newList li:hover .imgL img{transform:scale(1.1);-webkit-transform:scale(1.1)}
.pageBar{margin-bottom:20px;text-align:center;font-size:0.8rem}
.pageBar a,.pageBar span{display:inline-block;line-height:1.5rem;border:1px solid #e5e5e5;text-align:center;padding:0 0.5rem;margin:0 0.25rem;color:#999}
.pageBar span.current{font-weight:bold;color:red}
.pageBar span.prev,.pageBar span.next{color:#999 !important;font-weight:normal}


/* 内页慈善项目样式MC */
.g_csxmmc{margin-top: 2rem;}
.csxmup .nynav2{float: none; width: 90%; margin:0 auto 2rem; height: 2rem;line-height: 2rem;display:none;}
.csxmup .nynav2 a{ width:13%;text-align: center;font-size: 1.2rem;color:#333;border:1px solid #f2f2f2;border-radius: 0.21rem; margin-right: 3%;transition:all .3s linear 0s; }
.csxmup .nynav2 li:nth-child(5) a{margin-right: 0;}
.csxmup .nynav2 a:hover,.csxmup .nynav2 .cur a{background-color: #dd2020;color:#fff;border-radius: 0.21rem;border:1px solid #dd2020;}
.new02list{margin:0 5% 2rem;}
.new02list dl{padding: 1rem 0 1rem 0;border-bottom: 1px dotted #e5e5e5;}
.new02list dt{overflow:hidden;float:left;width:35%}
.new02list dt img{width:100%;display:block;transition:all .3s linear 0s;}
.new02list dl:hover dt img{transform:scale(1.1);}
.new02list dd{float: right; width: 62%;}





/* 内页公益基金MC */
.new03list{margin-bottom:1rem;margin-top:1rem;}
.new03list dl{padding:1rem 0;clear:both;border-bottom:1px dotted #e5e5e5;transition:all .15s cubic-bezier(.4,0,.2,1)}
.new03list dt{overflow:hidden;float:left;width:35%}
.new03list dt img{width:100%;display:block;transition:all .3s linear 0s;}
.new03list dl:hover dt img{transform:scale(1.1);}
.new03list dd{float:right;width:63%}
.new03list .textBar h3 a{display:block;line-height:1.8rem;font-size:1.2rem;color:#333;height:1.8rem;overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.new03list .textBar h3 a:hover,.new03list .textBar h3 a:focus,.newList li:hover .textBar h3 a,.newList li:hover .textBar h2 a{color:#ed4040;}
.new03list .fundtxt p{font-size: 1.1rem;}
.new03list .fundtxt p:nth-child(1),.new03list .fundtxt p:nth-child(2),.new03list .fundtxt p:nth-child(3)
{display: none;}
.new03list .detailBar {margin-top: 0.8rem;position: relative;line-height: 1.5rem; height: 3rem;overflow: hidden;font-size: 0.8rem;color: #666;text-overflow: ellipsis;}


/* 内页信息公开MC */
.g_nyxxgkmc .nynav4{width: 80%; padding: 0; margin:1.5rem auto 1rem;}
.g_nyxxgkmc .nynav4 li a{display:block; float: left;width: 46%; height:2.5rem;line-height:2.5rem;text-align:center;color:#333;font-size:1.1rem;transition:all .3s linear 0s;box-sizing: border-box;border:1px solid #e5e5e5; border-radius: 2rem;}
.g_nyxxgkmc .nynav4 li:nth-child(2) a{float: right;}
.g_nyxxgkmc .nynav4 li a:hover,.g_nyxxgkmc .nynav4 .cur a{border:1px solid #dd2020;border-radius: 2rem;background: #dd2020; color:#fff;}
.g_nyxxgkmc{margin-top: 2.5rem;}
.new04list{margin-bottom: 2rem;}
.new04list li{padding:1rem 10px;border-bottom:1px dotted #e5e5e5;transition:all .3s linear 0s;position: relative; height: 2rem;}
.new04list li a{display:block;font-size:1.2rem;line-height:2rem;float:left;position:relative;width:80%;background: url(../images/li-dian.png) left center no-repeat;padding-left:10px;color:#333; float: left;}
.new04list li span{overflow:hidden;color:#999;font-size:1rem;float: right;line-height:2rem;}
.new04list li:hover a{color:#dd2020;font-weight: bold;}

/* 关于列表MC */
.nynav5{width: 94%; padding: 0; margin:1.5rem auto 1rem;}
.nynav5 li a{display:block; float: left;width: 20%; padding-left: 0; height:2.5rem;line-height:2.5rem;text-align:center;color:#333;font-size:1.1rem;transition:all .3s linear 0s;box-sizing: border-box;}
.nynav5 li a:hover,.nynav5 .cur a{border:none;border-radius: 2rem;background: #dd2020; color: #fff;}

/* 慈善项目详情MC */
.g_csxmmc .g_xmjscon{float:none;width:90%;overflow: hidden; margin:0 5%;}
.g_csxmmc .xcxmnr{display:none;}
.g_csxmmc .csxmxxup h2{margin-bottom: 1rem;}
.g_csxmmc .textIntroductionshow{font-size:1rem;color:#fff;line-height: 1.8rem; height:7.2rem; padding-right:0.3rem; text-overflow: ellipsis; -webkit-line-clamp: 4; /* 固定4行 */
  -webkit-box-orient: vertical;
  overflow: hidden;}
.g_csxmmc .textIntroduction {
    margin-top: 0.5rem;
    background: #fff; font-size:1.2rem;
    padding: 0.6rem;
    border-radius: 2px;
    height: 3.6rem;
}

.g_csxmmc .ViewMore{margin-top: 1rem;}
.g_csxmmc .csxmxxup dd{width:65%;padding-top:1.2rem;}
.tabsyscsmc{height: 3rem;border-bottom:1px solid #e5e5e5;}
.tabsyscsmc a{float:left;padding:0 5%;border-right:1px solid #e5e5e5;border-top:1px solid #e5e5e5; font-size:1.2rem; height: 3rem;line-height: 3rem;}
.tabsyscsmc a:nth-child(1){border-left:1px solid #e5e5e5;}
.tabsyscsmc .active{color:#dd2020;font-weight: bold;border-top:0.2rem solid #dd2020;}

/* 会员风采MC */
.hyfclist{margin-top: 1.5rem;}
.hyfclist dl{width:47%;}
.hyfclist dl:nth-child(2n){margin-right: 0;}
.hyfclist dl:nth-child(3n){margin-right: 3%;}




.zsxmmc h2,
.csnewsmc h2,
.zyfwmc h2,
.hyfcmc h2,
.linkmc h2
{width: 100%;margin: 1rem 0;}
.zsxmmc h2 img,
.csnewsmc h2 img,
.zyfwmc h2 img,
.hyfcmc h2 img,
.linkmc h2 img
{width: 80%;display: block;margin: 0 auto;}

}
































@keyframes warn{0%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}
5%{opacity:1}
to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}
}@keyframes warn2{0%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}
5%{opacity:8}
to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}
}@-webkit-keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}@keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}.fa-spin{-webkit-animation:hvr-buzz-out 3s infinite linear;animation:hvr-buzz-out 3s infinite linear}
.fa-spin2{-webkit-animation:fa-spin 30s infinite linear;animation:fa-spin 30s infinite linear}
.fa-shake{-webkit-animation:pulse 3s infinite linear;animation:pulse 3s infinite linear}
.fa-shake2{-webkit-animation:pulse 11s infinite linear;animation:pulse 11s infinite linear}
.fa-bubble{-webkit-animation:bubble 3s infinite linear;animation:bubble 3s infinite linear}
.fa-bounceIn{-webkit-animation:bounceIn 3s infinite linear;animation:bounceIn 3s infinite linear}
@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}@-webkit-keyframes bubble{0%{-webkit-transform:scale(0);transform:scale(0);top:0;left:110px}
20%{-webkit-transform:scale(1);transform:scale(1);top:-36px;left:20px}
90%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
100%{opacity:0}
}@keyframes bounceIn{0%{-webkit-transform:scale(0);transform:scale(0);top:0;left:110px}
20%{-webkit-transform:scale(1);transform:scale(1);top:-36px;left:20px}
90%{-webkit-transform:scale(2);transform:scale(2);opacity:1}
100%{opacity:0}
}@-webkit-keyframes fadeInDown1{from{opacity:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}@keyframes fadeInDown1{from{opacity:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}.fadeInDown1{-webkit-animation-name:fadeInDown1;animation-name:fadeInDown1}
@-webkit-keyframes fadeInDown2{from{opacity:0;-webkit-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}@keyframes fadeInDown2{from{opacity:0;-webkit-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}.fadeInDown2{-webkit-animation-name:fadeInDown2;animation-name:fadeInDown2}
@-webkit-keyframes fadeInLeft1{from{-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}@keyframes fadeInLeft1{from{-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}.fadeInLeft1{-webkit-animation-name:fadeInLeft1;animation-name:fadeInLeft1}
@-webkit-keyframes fadeInLeft2{from{-webkit-transform:translate3d(-5%,0,0);transform:translate3d(-5%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}@keyframes fadeInLeft2{from{-webkit-transform:translate3d(-5%,0,0);transform:translate3d(-5%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}.fadeInLeft2{-webkit-animation-name:fadeInLeft2;animation-name:fadeInLeft2}
@-webkit-keyframes fadeInRight1{from{-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}@keyframes fadeInRight1{from{-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}.fadeInRight1{-webkit-animation-name:fadeInRight1;animation-name:fadeInRight1}
@-webkit-keyframes fadeInRight2{from{-webkit-transform:translate3d(5%,0,0);transform:translate3d(5%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}@keyframes fadeInRight2{from{-webkit-transform:translate3d(5%,0,0);transform:translate3d(5%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}.fadeInRight2{-webkit-animation-name:fadeInRight2;animation-name:fadeInRight2}
@-webkit-keyframes zoomLeft{from{-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3);opacity:0}
50%{opacity:1}
}@keyframes zoomLeft{from{-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3);opacity:0}
50%{opacity:1}
}.zoomLeft{-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-animation-name:zoomLeft;animation-name:zoomLeft}
.zoomRight{-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-animation-name:zoomLeft;animation-name:zoomLeft}
@-webkit-keyframes fadeInUp1{from{-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}@keyframes fadeInUp1{from{-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}.fadeInUp1{-webkit-animation-name:fadeInUp1;animation-name:fadeInUp1}
@-webkit-keyframes fadeInUp2{from{-webkit-transform:translate3d(0,2%,0);transform:translate3d(0,2%,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}@keyframes fadeInUp2{from{-webkit-transform:translate3d(0,2%,0);transform:translate3d(0,2%,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}.fadeInUp2{-webkit-animation-name:fadeInUp2;animation-name:fadeInUp2}
.teaser{opacity:0;transform:translate3d(0,25%,0);transition:opacity 1s ease-out 0.2s,transform 1.5s ease-out 0.2s}
.teaser.is-visible{opacity:1;transform:translate3d(0,0,0)}
.lefter{opacity:0;transform:translate3d(-35%,35%,0);transition:opacity 1s ease-out 0.2s,transform 1.5s ease-out 0.2s}
.lefter.is-visible{opacity:1;transform:translate3d(0,0,0)}
.righter{opacity:0;transform:translate3d(35%,35%,0);transition:opacity 1s ease-out 0.2s,transform 1.5s ease-out 0.2s}
.righter.is-visible{opacity:1;transform:translate3d(0,0,0)}
.downer{opacity:0;transform:translate3d(0,-35%,0);transition:opacity 1s ease-out 0.2s,transform 1.5s ease-out 0.2s}
.downer.is-visible{opacity:1;transform:translate3d(0,0,0)}
.lter{opacity:0;transform:translate3d(-35%,0,0);transition:opacity 1s ease-out 0.2s,transform 1.5s ease-out 0.2s}
.lter.is-visible{opacity:1;transform:translate3d(0,0,0)}
.rter{opacity:0;transform:translate3d(35%,0,0);transition:opacity 1s ease-out 0.2s,transform 1.5s ease-out 0.2s}
.rter.is-visible{opacity:1;transform:translate3d(0,0,0)}
.scale{opacity:0;transform:scale(0.5);transition:opacity 1s ease-out 0.2s,transform 1.5s ease-out 0.2s}
.scale.is-visible{opacity:1;transform:scale(1)}



html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:8.6px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:400px){html{font-size:10.6px;}}
@media screen and (min-width:414px){html{font-size:11px;}}
@media screen and (min-width:440px){html{font-size:11.8px;}}
@media screen and (min-width:480px){html{font-size:12.8px;}}
@media screen and (min-width:520px){html{font-size:13.8px;}}
@media screen and (min-width:560px){html{font-size:15px;}}
@media screen and (min-width:600px){html{font-size:16px;}}
@media screen and (min-width:640px){html{font-size:17px;}}
@media screen and (min-width:680px){html{font-size:18.2px;}}
@media screen and (min-width:700px){html{font-size:18.6px;}}
@media screen and (min-width:720px){html{font-size:19.2px;}}
@media screen and (min-width:750px){html{font-size:20px;}}


@media screen and (min-width: 783px) {html{font-size:calc(783px * 20 / 1903)}
}
@media screen and (min-width: 880px) {html{font-size:calc(883px * 20 / 1903)}
}
@media screen and (min-width: 983px){html{font-size:calc(983px * 20 / 1903)}
}
@media screen and (min-width: 1083px) {html{font-size:calc(1083px * 20 / 1903)}
}
@media screen and (min-width:1183px){html{font-size:calc(1183px * 20 / 1903)}
}
@media screen and (min-width:1263px){html{font-size:calc(1263px * 20 / 1903)}
}
@media screen and (min-width:1349px){html{font-size:calc(1349px * 20 / 1903)}
}
@media screen and (min-width:1463px){html{font-size:calc(1463px * 20 / 1903)}
}
@media screen and (min-width:1543px){html{font-size:calc(1543px * 20 / 1903)}
}
@media screen and (min-width:1583px){html{font-size:calc(1583px * 20 / 1903)}
}
@media screen and (min-width:1643px){html{font-size:calc(1643px * 20 / 1903)}
}
@media screen and (min-width:1663px){html{font-size:calc(1663px * 20 / 1903)}
}
@media screen and (min-width:1903px){html{font-size:calc(1903px * 20 / 1903)}