/* 头部大轮播图 */
@-webkit-keyframes fadeInLeft{
	0%{opacity:0;-webkit-transform:translateX(max-width)}
	100%{opacity:1;-webkit-transform:translateX(0)}
}
@keyframes fadeInLeft{
	0%{opacity:0;transform:translateX(max-width)}
	0%{opacity:.5;transform:translateX(max-width)}
	100%{opacity:1}
}
.swiper-container{width:100%;height:100%;margin-left:auto;margin-right:auto;margin-top:5.714285rem}
.swiper-slide{background-size:cover;background-position:center}
.myswiper .swiper-slide:after{content:"";display:block;position:absolute;top:0;right:0;width:100%;height:100%;z-index:1}
.gallery-thumbs{height:20%;box-sizing:border-box;padding:10px 0}
.gallery-thumbs .swiper-slide{width:25%;height:100%;opacity:.4}
.gallery-thumbs .swiper-slide-thumb-active{opacity:1}
.myswiper{height:34vw;min-height:333.4375px;width:100%;position:relative}
.myswiper .mythumbs{position:absolute;bottom:2.857rem;width:84%;display:flex;flex-direction:row;height:5.357rem;z-index:10;left:8%}
.myswiper .mythumbs .thumbs{flex:1}
.myswiper .mythumbs .thumbs+.thumbs{margin-left:.715rem}
.myswiper .mythumbs .curn{flex:2}
.myswiper .mythumbs .thumbs .tips{display:flex;height:5.357rem;text-align:center;font-size:1.143rem;cursor:pointer;background:url(/statics/images/Common/bg_null2-5c09a4b752b9b21da3866889fb723503.png)0 0}
.myswiper,.myswiper .mythumbs .thumbs .tips span{margin:auto}
.myswiper .mythumbs .thumbs .img{display:none;height:5.357rem;background-size:100% 100%}
.myswiper .mythumbs .thumbs.curn .tips{display:none}
.myswiper .mythumbs .thumbs.curn .img{
	display:block;
	animation-name:'fadeInLeft';/*动画属性名，也就是我们前面keyframes定义的动画名*/
	animation-duration: 2s;/*动画持续时间*/
	animation-iteration-count: 1;/*定义循环资料，infinite为无限次*/
	animation-direction: alternate;/*定义动画方式*/
	-webkit-animation-name: "fadeInLeft"; /*动画名称，需要跟@keyframes定义的名称一致*/
	-webkit-animation-duration: 2s;/*动画持续的时间长*/
	-webkit-animation-iteration-count: 1;/*动画循环播放的次数为1 infinite为无限次*/
}
/* 通用控制 */
.box-content{margin-bottom:1.786rem}
.tab-title{font-size:1.428571rem;color:#999}
.double-content{display:flex;height:calc(100% - 5.501rem)}
.left-content,.right-content{flex:1;height:calc(100% - 10.857rem)}
.left-content{width:calc(50% - .883rem)}
.right-content{width:50%}
.double-content .half-content+.half-content{margin-left:1.786rem}
.box-pd{padding:1rem}
.box-title{height:2.857rem;margin:0 1rem;line-height:2.857rem;text-align:center}
.box-tab{color:#999;margin-right:1.429rem}
.tab-sel{height:2.6rem;color:var(--main_color)}
.sel-border{border-bottom:.071428rem solid var(--main_color);padding:0 0 1rem}
.partner-span{padding:0 1.9rem 1rem}
.previewdiv{position:relative;cursor:pointer}
.previewpic{width:100%}
.pic-title{position:absolute;left:0;bottom:0;background:url(/statics/images/Common/video_titbg-fd2f83ddb9e127be28089f9b78108cb1.png)repeat-y 0 0;background-size:cover;color:#fff;text-align:center;width:100%;line-height:3rem}
.partner-name,.text-overflow{text-overflow:ellipsis;overflow:hidden}
.partner-name{text-align:center;width:14.256rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.text-overflow{white-space:nowrap;word-break:break-all}
.all-title{width:10.714285rem;margin:0 auto;height:2.857142rem;color:var(--main_color);border-bottom:1px solid var(--main_color);font-size:1.428571rem;text-align:center}
.white-content{height:50rem;background-color:#fff}
.gray-content{height:50rem;background-color:#f3f3f3}
.blank{width:100%;height:4.25rem}
.box-detail{margin:0 auto;height:100%}

/* 统计数据 */
.total-detail{width:100%;background-color:#fff}
.total-content{display:flow-root;font-size:1.214rem;line-height:1.429rem;padding:4.143rem 0;width:60%;margin:0 auto;text-align:center}
.total-content>div>div:nth-child(2){min-width:calc(100% - 10rem);font-weight:700;color:var(--main_color);padding-top:1.785714rem;font-size:1.785714rem}
.total-content .left-total{width:33.33%;float:left}
.total-content .center-total{width:33.33%;border-left:.143rem solid var(--main_color);border-right:.143rem solid var(--main_color);float:left}
.total-content .right-total{width:33.33%;float:left}

/* 新闻动态，视频 */
@media screen and (max-width: 970px){
	.box-news .newsTitle{width:75%}
}
@media screen and (min-width: 970px){
	.box-news .newsTitle{width:75%}
}
@media screen and (min-width: 1200px){
	.box-news .newsTitle{width:77%}
}
@media screen and (min-width: 1401px){
	.box-news .newsTitle{width:80%}
}
.news-detail{margin:1.5rem auto 4.5rem;height:57%}
.news-detail img{height:23.928571rem}
.news-detail .left-content{margin-top:1.428571rem}
.news-div{height:23.5rem}
.box-news{margin:0 1rem}
.box-news>div{width:100%;height:3.61rem;display:flex;border-bottom:.071428rem solid #e9e9e9;padding:1.538461rem 0}
.box-news>div>div{cursor:pointer;width:100%;padding:.357142rem 0}
.box-news>div>div>.newsDay{color:#999}
.video-content>div:not(:first-child){display:none}
.more-div{margin:4.5rem auto 6.5rem}
.left-more{width:calc(50% - .883rem);height:50px;float:left}
.right-more{width:50%;height:50px;float:right}
.center-more{width:9%;margin:0 auto}
.view-more div,.view-more-video div{border-radius:.714285rem;padding:.714285rem 0!important;color:#999;font-size:1.142857rem;margin:0 auto}
.view-more div{width:11.538461rem!important;border:1px solid #999}
.view-more div:hover{color:#000;border:1px solid #000}
.view-more,.view-more-video{text-align:center;cursor:pointer;position:relative;border:0!important}
.view-more-video div:hover{color:#000;border:.071428rem solid #000}
.view-more-video div{border:.071428rem solid #999;width:10.714285rem!important}
.box-video .previewdiv{width:31.90476rem;margin:0 auto}

/* 关于我们 */
.gray-donate-content{height:24.857142rem;background-color:#f3f3f3}
.donate-content{margin:0 auto;height:80%}
.donate-content .donate-left{flex:1;width:53%;margin-top:4.8rem;height:calc(100% - 12.857rem)}
.donate-content .donate-left a{color:#000}
.donate-content .donate-right{flex:1;width:47%;height:calc(100% - 12.857rem)}
.donate-content .donate-right img{width:9.857142rem;height:9.857142rem}
.donate-content .donate-right div{float:right}
.donate-right .qrcode{display:inline-block;text-align:center;margin-top:2rem}
.donate-right .qrcode p{line-height:2.692307rem}
.donate-right>div:last-child{padding-right:2.142857rem}
.donate-content>div>div{font-size:1.143rem;display:flex;min-height:1.429rem}
.donate-content>div>div>div{line-height:2.429rem}
.donate-content i{font-size:1.5rem;color:var(--main_color);margin:auto .643rem}

/* 慈善项目 */
.box-project{width:100%;font-size:1rem;display:flow-root}
.box-project>div{float:left}
.box-project>div:nth-child(2),.box-project>div:nth-child(3){margin-bottom:1em}
.first-project{width:calc(50% - .25em)}
.small-project{width:calc(25% - .875em);margin-left:1em}
.box-project .pic-title{font-size:1.072rem}
.project-content{margin:3rem auto 1.5rem;height:64%}
.project-content>div{display:block;float:left;margin-right:5%;width:30%;border:1px solid #ddd;height:30.5rem}
.project-content>div:last-child{margin-right:0}
.project-content .project-img{position:relative}
.project-content .project-img img{height:auto}
.project-content .project-instruction{vertical-align:middle;border-top:none;width:100%;height:calc(100% - 17.857142rem);padding:0 2.5rem}
.project-content .project-instruction>div:first-child{font-size:1.285714rem;color:#000;display:block;padding-top:1.785714rem;text-align:center;font-weight:700}
.project-content .project-instruction>div:last-child{font-size:1.142857rem;color:#494848;display:block;text-align:left;padding-top:10px;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:unset;text-overflow:ellipsis;display:-webkit-box;word-break:break-all;line-height:1.8rem}
.more-project{width:75%;margin:0 auto;text-align:center}
.more-project div{border:1px solid #999;border-radius:.714285rem;width:10.714285rem;margin:0 auto;margin-top:-.714285rem;padding:.714285rem 0;color:#999;cursor:pointer;font-size:1.142857rem}
.more-project div:hover{color:#000;border:1px solid #000}

/* 合作伙伴 */
.white-partner-content{height:22.857142rem;background-color:#fff}
.partner-content{margin:3rem auto;height:70%}
.partner-box img{margin:0;width:14.256rem;height:5.346rem}
.partner-content .partner-box:not(:first-child){display:none}
.partner-tab .partner-title{text-align:right;width:50%}
.partner-tab .partner-title2{width:50%;text-align:left;padding-left:2.142857rem}