/****2025公益慈善专题主体****/
.gycsHead{ background-color: #fffefd;}
.gycsHead .zt-con .zt-nav .nav ul li a{ color: #454545;}
.gycsHead .zt-con .zt-nav .search input[type="text"] { box-shadow: 0 0 0.08rem #f7eacc;}
.gycsHead .zt-con .zt-nav .search input[type="button"] { background: url(../images/2025_zt_jsbtnc.png) no-repeat center;}
.gycsFoot .footer .drop-groups{ background-color: #fff;}
.gycsFoot .footer .drop-groups{ border-bottom: 0.06rem solid #f27532;}
.gycs-bg{ height: 4.5rem; background: url(../images/2025_cycs_banner_bg.png) no-repeat center center; background-size: cover;}
.gycs-bg .w145{ height: 100%; position: relative;}
.gycs-bg .msg{  width: 5.43rem; height: 1.25rem; position: absolute; top: 50%; left: 0; transform: translate(0,-50%);}   
.gycs-bg .img{  width:4.34rem; height: 4.23rem;position: absolute; right: 0.55rem; bottom: 0;}

.gycs-tit{ width: 100%; height: 0.44rem; margin: 0.45rem auto; background-repeat: no-repeat; background-position: center center; background-size: auto 100%;}
.gycs-tit a{display: block;width: 60%;height: 100%;}
.gycs-tit.lm-cszcwj { height: .35rem; background-image: url(../images/2025_cycs_lm01.png);}
.gycs-tit.lm-cshdxx { height: .35rem; background-image: url(../images/2025_cycs_lm02.png);}
.gycs-tit.lm-cszzxx { height: .35rem; background-image: url(../images/2025_cycs_lm03.png); background-position: 0 center;}
.gycs-tit.lm-csgrb { height: .35rem; background-image: url(../images/2025_cycs_lm04.png); background-position: 0 center;}

.gycsxx ul{ margin: -0.29rem -0.29rem 0 0;}
.gycsxx ul li{ width: calc((100% - 0.29rem * 3) / 3); margin: 0.29rem 0.29rem 0 0; padding: 0.25rem; float: left; border: 1px solid #FFE0E0; border-radius: 0.03rem; box-shadow: 0 0 0.05rem #FFE0E0; position: relative;}
.gycsxx ul li i{ width:0; height: 100%; background-color: #FFE0E0; position: absolute; top: 0; left: 0; bottom: 0; transition: all .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear;}
.gycsxx ul li a{ display: block; position: relative; z-index: 1;}
.gycsxx ul li a .tit{ height: 0.6rem; line-height: 0.3rem; text-align: justify; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.gycsxx ul li a .date{ margin-top: 0.1rem; font-size: 0.17rem; color: #666666; text-align: right; display: block;}
.gycsxx ul li:hover i{ width: 100%;}
.gycsxx ul li:hover a .tit{ color: #454545;}

.gycszcwd{ width: calc(100% + 0.1rem); margin: -0.1rem 0 0 -0.05rem; overflow: hidden;}
.gycszcwd .box{ margin-right: -0.3rem;}
.gycszcwd .box .swiper-container{ padding: 0 0.05rem 0.5rem 0.05rem;}
.gycszcwd .box .swiper-pagination{ width: calc(100% - 0.3rem); bottom: 0.05rem;}
.gycszcwd .box a{ margin-right: 0.3rem; border: 1px solid #FFE0E0; border-radius: 0.03rem; box-shadow: 0 0 0.05rem #FFE0E0; display: block; overflow: hidden;}
.gycszcwd .box a .img{ height: 2.15rem; overflow: hidden;}
.gycszcwd .box a .img img{ width: 100%; height: 100%; object-fit: cover; border-top-left-radius: 0.03rem; border-top-right-radius: 0.03rem;}
.gycszcwd .box a:hover .img img{ transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1);}
.gycszcwd .box a span{display: -webkit-box; margin: 0.2rem 0; padding: 0 0.25rem; width: 100%;height: .5rem; line-height: .25rem; text-align: center; overflow: hidden; text-overflow: ellipsis;-webkit-box-orient: vertical; line-clamp: 2;-webkit-line-clamp: 2; }
.gycszcwd .box a:hover span{ color: #F81D19;}

.gycs-news-box::after {display: block;height: 0;clear: both;content: "";}
.gycs-cszzxx {float: left; width: calc(50% - .15rem);}
.gycs-csgrb {float: right; width: calc(50% - .15rem); }
.gycs-news ul{padding: .20rem .3rem 0 .3rem; height: 2.58rem; box-sizing: border-box;border: 1px solid #FFE0E0;box-shadow: 0 0 0.05rem #FFE0E0;}
.gycs-news ul li {height: .45rem; line-height: .45rem;}
.gycs-news ul li::after {display: block;height: 0;clear: both;content: "";}
.gycs-news ul li span {font-size: .17rem; font-weight: 400;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.gycs-news ul li span:hover {color: #F81D19;}
.gycs-news ul li span:nth-child(1) {display: block; float: left; width: calc(100% - 1.3rem); }
.gycs-news ul li span:nth-child(2) {display: block; float: right; width: 1.3rem; text-align: right;}

@media screen and (max-width: 1024px) {
	/****2025公益慈善专题主体****/
	.gycsFoot .footer{ border-top: 0.06rem solid #f27532;}
	.gycs-bg .img{ right: 0;}
}

@media screen and (max-width: 850px) {
    /****2025公益慈善专题主体****/
	.gycs-bg{ height: calc(100vw * 450 / 850);}
	.gycs-bg .msg{ width: 80%; height: auto; margin-top: 0.6rem; position: static; transform: translate(0,0);}   
	.gycs-bg .img{ width: calc(100vw * 300 / 850); height:auto; right: -0.2rem;}
	.gycs-tit{ height: calc(100vw * 44 / 850); margin: calc(100vw * 45 / 850) auto;}
	.gycsxx ul li{ width: calc((100% - 0.29rem * 2) / 2);}
	.gycsxx ul li a .date{ margin-top: 0.2rem; font-size: 0.2rem;}
	.gycszcwd .box a .img{ height: calc(100vw * 215 / 850);}
}

@media screen and (max-width: 700px) {
    /****2025宣传月专题主体****/
	.gycs-bg{ height: calc(100vw * 450 / 700);}   
	.gycs-bg .img{ width: calc(100vw * 280 / 700); height:auto; right: -0.2rem;}
	.gycs-tit{ height: calc(100vw * 44 / 700); margin: calc(100vw * 35 / 700) auto;}
	.gycsxx ul{ margin: -0.29rem 0 0 0;}
	.gycsxx ul li{ width: 100%;}
	.gycsxx ul li a .tit{ height: auto; line-height: calc(100vw * 35 / 700);}
	.gycsxx ul li a .date{ font-size: 0.29rem;}
	.gycszcwd .box a .img{ height: calc(100vw * 380 / 700);}
    .gycszcwd .box a span{ height: calc(100vw * 60 / 700); line-height: calc(100vw * 30 / 700); }

    .gycs-cszzxx {float: none; width: 100%;}
    .gycs-csgrb {float: none; width:100%;}

    .gycs-news ul{padding: calc(100vw * 20 / 700) calc(100vw * 30 / 700) 0 calc(100vw * 30 / 700); height: calc(100vw * 258 / 700);}
    .gycs-news ul li {height: calc(100vw * 45 / 700); line-height: calc(100vw * 45 / 700);}
    .gycs-news ul li span {font-size: 0.29rem; }
    .gycs-news ul li span:nth-child(1) { width: calc(100% - (100vw * 180 / 700));}
    .gycs-news ul li span:nth-child(2) { width: calc(100vw * 180 / 700);}

}