html,body{width: 100%;}
.tran{transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.tranX{transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.tranY{transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
/* flex布局 */
.flex-item{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-center{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-middle{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-box{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-betw{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}

.w{width: 1200px;margin: 0 auto;}
.mt30{margin-top: 30px;}
.mt20{margin-top: 20px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.title{width: 100%;text-align: center;position: relative;}
.title img{max-width: 100%;}
.title .titleMore{font-size: 16px;color: #666;position: absolute;top: 50px;right: 10px;}
.title .titleMore:hover{color: #308a4f;}

/* banner */
.banner{width: 100%;}
.banner img{width: 100%;}

/* 最新动态 */
.newsLeft{width:600px;height: 350px;position: relative;}
.newsLeft .swiper-wrapper{width: 100%;height: 100%;}
.newsLeft>.swiper-pagination-bullets.pager1{width: auto;padding: 0 20px 0 0;left: auto;right: 0;}
.newsLeft .pager1 .swiper-pagination-bullet{width: 10px;height: 10px;border-radius: 5px;background: #fff;opacity: 1;transition: all .4s;}
.newsLeft .pager1 .swiper-pagination-bullet-active{background: #308a4f;}
.newsLeft .swiper-slide a{display: block;width: 100%;height: 100%;position: relative;}
.newsLeft .swiper-slide a .img,.newsLeft .swiper-slide a .img img{width: 100%;height: 100%;}
.newsLeft .swiper-slide a .text{position: absolute;bottom: 0;left: 0;width: 100%;height: 40px;line-height: 40px; background:rgba(0,0,0,0.5);padding-left: 10px;}
.newsLeft .swiper-slide a .text p{width:60%;font-size: 16px;color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.swiper-button-next.comNext, .swiper-button-prev.comPrev{width: 20px;height: 40px;margin-top:-20px;background: url(2024xsf_black_LR.png) no-repeat 0 center;transition: all ease .4s;opacity: 0.7;}
.swiper-button-next.comNext:hover, .swiper-button-prev.comPrev:hover{opacity: 0.9;}
.swiper-button-prev.comPrev{left: 0;}
.swiper-button-next.comNext{right:0;background-position: -20px center;}
.newsRight{width:calc(100% - 630px);}
.newsRight .newsList,.newsRight .newsList li{width: 100%;}
.newsRight .newsList li a{display:block;padding-left:15px;position:relative;width: 100%;line-height: 50px;font-size: 18px;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .4s;}
.newsRight .newsList li a::before{content: '';display: block;width: 6px;height: 6px;border-radius: 50%;background: #308a4f;position: absolute;left: 0;top: 50%;margin-top: -3px;}
.newsRight .newsList li a:hover{color: #308a4f;}

/* 倡议书 */
.cysMain ul{margin: 0 -6px;}
.cysMain ul li{width: 33.33%;float: left;padding: 0 6px;}
.cysMain ul li .cysBox{padding:65px 40px 50px;display:block;width: 100%;height:410px;background: url(2024xsf_cys_bg.png) no-repeat;background-size: 100% 100%;}
.cysMain ul li .cysBox .tit{font-size: 18px;font-weight: bold;text-align: center;line-height:1.6;margin-bottom: 10px;color: #308a4f;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.cysMain ul li .cysBox p{height:194px;display:block;font-size: 18px;color: #333;line-height: 1.8;text-indent: 2em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:6;overflow: hidden;}
.cysMain ul li .cysBox .detail{display: block;width: 180px;line-height: 36px;text-align: center;margin: 20px auto 0;font-size: 16px;color: #308a4f;border-radius: 50px;border: 2px solid #308a4f;transition: .4s;}
.cysMain ul li .cysBox .detail:hover{background: #308a4f;color: #fff;}

/* 公益广告 */
.twmMain{margin: 0 auto;position: relative;}
.twmSwiper {width: 100%;}
.twmMain .comNext1 {width: 36px;height: 36px;background: url(2024xsf_ysbtnR.png) no-repeat;position: absolute;right: -40px;top: 50%;margin-top:-18px;z-index: 99;}
.twmMain .comPrev1 {width: 36px;height: 36px;background: url(2024xsf_ysbtnL.png) no-repeat;position: absolute;left: -40px;top: 50%;margin-top:-18px;z-index: 99;}
.twmMain .txtBox{width: 100%;border: 1px solid #eee;}
.twmMain .txtBox .img{width: 100%;height: 190px;display: flex;justify-content: center;align-items: center;}
.twmMain .txtBox .img img{width: 100%;height: auto;max-width: 100%;max-height: 100%;}
.twmMain .txtBox .tit{display:block;font-size: 16px;color: #333;text-align:center;line-height: 32px;padding: 5px 8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .4s;}
.twmMain .txtBox .tit:hover{color: #308a4f;}

/* 新闻＋ */
.twmMain.xwjMain .txtBox .img{height: 420px;}

/* 底部 */
.footer{margin-top:80px;padding:30px 0 20px 0;background: #308a4f;}
.footer p{line-height:30px;font-size:16px;text-align:center;color: #fff;}
@media only screen and (max-width: 1280px){
	.w{width: 920px;}
	.mt30{margin-top: 20px;}
	.mb30{margin-bottom: 20px;}
	.title .titleMore{top: 36px;}
	.newsLeft{width: 500px;height: 290px;}
	.newsRight{width:calc(100% - 520px);}
	.newsLeft .swiper-slide a .text{height: 36px;line-height: 36px;}
	.newsLeft>.swiper-pagination-bullets.pager1{bottom: 8px;padding: 0 8px 0 0;}
	.newsRight .newsList li a{line-height: 41px;font-size: 16px;}
	.cysMain ul li .cysBox{padding: 60px 30px 50px;}
	.cysMain ul li .cysBox p{font-size: 16px;-webkit-line-clamp:7;height: 200px;}
	.twmMain .txtBox .img{height: 147px;}
	.twmMain.xwjMain .txtBox .img{height: 320px;}
	.footer{margin-top: 60px;padding: 20px 0;}
	.footer p{font-size: 16px;line-height: 1.6;}
}
@media only screen and (max-width: 992px){
	.w{width: 720px;}
	.title .titleMore{top: 26px;}
	.newsLeft,.newsRight{width: 350px;}
	.newsLeft{height: 230px;}
	.newsLeft .swiper-slide a .text p{width: 66%;}
	.newsRight .newsList li a{line-height: 33px;}
	.cysMain ul li{width: 50%;}
	.cysMain ul li:nth-child(n+3){display: none;}
	.twmMain .txtBox .img{height: 178px;}
	.twmMain.xwjMain .txtBox .img{height: 350px;}
	.footer{margin-top: 50px;}
	.footer p{font-size: 14px;}
}
@media only screen and (max-width: 767px){
	.w{width: 100%;padding: 0 10px;}
	.mt30{margin-top: 10px;}
	.mt20{margin-top: 10px;}
	.mb30{margin-bottom: 5px;}
	.title{overflow: hidden;width: 100%;}
	.title img{width:700px;max-width: 700px;position: relative;left: 50%;margin-left: -350px;}
	.title .titleMore{right: 0;font-size: 14px;}
	.news{margin-top: 10px;}
	.newsMain,.newsLeft,.newsRight{width: 100%;}
	.newsLeft{height: 210px;}
	.newsLeft .swiper-slide a .text p{width: 60%;}
	.newsRight{margin-top: 10px;}
	.newsRight .newsList li:nth-child(n+5){display: none;}
	.newsRight .newsList li a,.newsRight .newsList li a{font-size: 16px;}
	.newsRight .newsList li a{line-height: 2;}
	.cysMain ul li{width: 100%;}
	.cysMain ul li .cysBox{padding: 55px 25px 40px;height: 340px;}
	.cysMain ul li .cysBox p{height: 145px;-webkit-line-clamp:5;}
	.twmMain{width: calc(100% - 100px);}
	.twmMain .comNext1 {right: -50px;}
	.twmMain .comPrev1 {left: -50px;}
	.twmMain .txtBox .img {height: 128px;}
	.twmMain.xwjMain .txtBox .img{height: 380px;}
}