/*banner*/
.banner{}
.banner .swiper-slide>img{ width:100%}
.banner .text{position:absolute;z-index:5;*z-index:5;_z-index:5;left:23px;bottom:34px;color:#fff;}
.banner .text .title-img{ width:auto;height:36px;}
.banner .text p{font-size:12px; color:#fff;line-height:18px;margin-top:12px; padding-top: 16px; position: relative;}
.banner .text p:after{content:'';display:inline-block;width:158px;height:2px;background:#fff;position:absolute;left:0;top:0;}
.banner .more { position: absolute; right: 20px; bottom: 34px; line-height:16px; font-size: 12px;   color:#fff; display: flex;align-items: center;} 
.banner .more span{ padding-left: 4px;}

/*新闻*/
.news{margin-top:40px;}

.news-tabs{ display: flex; align-items: center; justify-content: space-evenly;}
.tit-t{position: relative;font-weight: 500;}
.tit-t .zh{font-size: 20px;line-height: 29px; color: #666; }
.tit-t .en{font-size: 24px; position: absolute; left: 20px; bottom: 10px;color: rgba(0, 46, 194, 0.05); line-height: 1;}
.tit-t.cur .zh{ font-weight: 700; color: #416CD0;}
.tit-t-center .zh{ text-align: center;}
.tit-t-center .en{left: 45%;}

.news-box{ padding-top: 16px;}
.news-box .hide{display: none;}
.news-item .more a{ display: flex; align-items: center; justify-content: end;}
.news-item .more span{ padding-left: 8px;font-size: 14px; color: #416CD0;}
.news-item .more .iconfont{ font-size: 18px;}
.news-img{}
.news-img-box{-webkit-box-shadow:0px 0px 30px rgba(24, 55, 112, 0.1); box-shadow:0px 0px 30px rgba(24, 55, 112, 0.1);}
.news-img-box .more{font-size: 12px;line-height: 17.38px;padding: 0 24px 24px 0; text-align: right;}
.news-img-box .more a{color: rgba(51, 51, 51, 0.6);}
.news-img-box .more a:hover{color: #416CD0;}

.image-news{ }
.image-news .pic{width: 100%; max-height: 216px;overflow: hidden;}
.image-news .txt{ padding:16px 24px 20px;}
.image-news .txt>.lin1{font-size: 18px;font-weight: 700;line-height: 30px;}
.image-news .txt .text-r{padding-top: 12px;}
.image-news .txt .text-r .lin1{font-size: 13px;line-height: 20px;color: rgba(51, 51, 51, 0.6);}
.image-news .txt .text-r .time{font-size: 12px;line-height: 17px;color: rgba(51, 51, 51, 0.6); padding-top: 4px;}

/* 文字新闻列表 */
.news-list{}
.news-list li{padding:24px 0px;border-bottom:1px solid rgba(24, 55, 112, 0.1);transition: all 0.3s ease-in-out;position: relative;}  
.news-list li:last-child{ border:0}
.news-list li a{ width:100%; display:flex; align-items: center}
.news-list span{text-align:right;}
.news-list span.date{min-width: 68px;font-size:12px;padding-right:16px; line-height: 17px;}
.news-list span.date em{display: block;font-size: 20px; line-height: 32px; font-weight:700;}

.news-list .text_wrap{ flex:1; line-height:24.5px; display: table; font-size:16px; padding-left: 16px; position: relative;}
.news-list .text_wrap::before{ content: ''; position: absolute; top: 13px; left: 0; width: 1px; height: 24px; background: rgba(51, 51, 51, .6);}
.news-list .text_wrap p{vertical-align: middle; }

/* .news-list li:before{content: '';background-color:#416CD0;display: block;position: absolute;z-index: 10;width: 100%;height:0;left:0%;top: 50%;background-size: 50% 50%; background-repeat: no-repeat;transition: all 0.3s ease-in-out;} */
/* .news-list li:hover{z-index: 10;position: relative;} */
/* .news-list li:hover:before{width: 104%;height: 100%;left:-2% ;top:0%;content: '';} */
/* .news-list li:hover a{color:#fff;border:none;} */
/* .news-list li:hover .text_wrap{border-left:2px solid #ffffff;} */

.news-list li.border{border:none;}
.news .btn,.newsletter .btn{text-align:right;margin:40px auto 0px;}
.news .btn a,.newsletter .btn a{border:1px solid #dd0000;color:#dd0000;display:inline-block;padding:5px 30px;text-align:center;vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;
  position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}


/*捐赠项目*/
.project{background: #F4F7F8; margin-top:32px; padding-top: 32px; width: 100%; }
.project-wrap{padding: 16px 20px 0; box-sizing: border-box; position: relative;}
.project li{-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;overflow:hidden;}
.project .pic{height:240px;overflow:hidden;position:relative;transition:all 0.6s ease-out 0s;}
.project li:hover .pic{transform:scale(1.1);}
.project .pic span{background-repeat: no-repeat;background-position: center;background-size: contain;height: 100%;display: block;}
.project .swiper .txt-t{position: absolute;left: 13px;top: 28px;writing-mode: tb-lr;writing-mode: vertical-lr;max-height: 85%;font-size:14px; letter-spacing: 2px; font-weight: 500; color:#fff;}
.project .swiper li a:after{content:'';display:inline-block;width:1px;height:18px;background-color:#fff;position:absolute;left:22px;top:0px;}
.project .swiper{padding-bottom:40px;}
.project .swiper-pagination-bullets{ bottom: 37px;}
.project .swiper-pagination-bullet{width:8px;height:8px;}
.project .swiper-pagination-bullet-active{background:#416CD0;}
.project .swiper-button-next,.project .swiper-button-prev{top: 40%; width: 24px; height: 32px; background-size: contain;}
.project .swiper-button-next::after, .project .swiper-button-prev::after{content: none;}
.project .swiper-button-next{right:0;background-image:url(../images/index/project_r.png); }
.project .swiper-button-prev{left:0;background-image:url(../images/index/project_l.png);}	


/* 首页捐赠板块 */
.donate{width: 100%;}

/*捐赠指南*/
.guide{background: #F4F7F8; padding-bottom: 24px; }
.guide-list{ padding-top: 16px;}
.guide-list li{ float: left; width: 33.33%; text-align: center; position: relative;}
.guide-list li::before{ content: ''; position: absolute; top: 20px; right:0; width: 1px; height: 36px; background: rgba(51, 51, 51, .1);} 
.guide-list li:last-child::before{display: none;} 
.guide-list li img{ width: 54px; height:54px;}
.guide-list li h3{ font-size: 14px;font-weight: 700;letter-spacing: 2px;line-height: 20px;
color: #416CD0; padding-top: 14px;}
.guide-list li:nth-child(2) h3{color: #B89158; }
.guide-list li:nth-child(3) h3{color: #990100; }

/* 捐赠故事 */
.story{ padding: 44px 20px 32px;}
.story-list{ padding-top:24px; display: flex; align-items: center; justify-content: space-between;}
.story-list li{ width: 48.38%; margin-right: 15px; overflow: hidden;}
.story-list li:last-child{ margin: 0;}
.story-list li img{-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.story-list li:hover img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}