
/* navNow */
.navNow{background: #f0f1f4;}
.nav2{position: relative;margin-top: -0.2rem;position: relative;z-index: 9;}
.nav2 ul{justify-content:space-between;align-content:flex-start;flex-wrap:wrap;justify-content:space-evenly;align-content:flex-start;}
.nav2::after{content: "";background: url(/img/bg4.png)no-repeat right;min-height: 0.8rem;background-size: 100% 100%;position: absolute;left: 0;top: 0;width: 90%;z-index: 1;height: 100%;}
.nav2 ul li{position: relative;z-index: 4;}
.nav2 ul li a{font-size: 0.2rem;color: white;line-height: 0.8rem;padding: 0 0.1rem;}
.now{}
.now .nowCon{}
.now .nowCon p{}
.now .nowCon p a{font-size: 0.2rem;color: #6c6d6e;display: inline-block;margin-right: 0.3rem;position: relative;line-height:0.5rem;}
.now .nowCon p a+a::after{content: "";position: absolute;width: 2px;height: 2px;background: #828385;border-radius: 50%;left: -0.15rem;top: 50%;margin-top: -1px;}
.now .nowCon p a:hover{color: #1a53a8;}

.now2 {/* background-size: 40% 100%; */margin-top: -0.345rem;position: relative;z-index: 9;}
.now2 .nowCon2{padding: relative;overflow: hidden;}
.now2 .nowCon2::after{content: "";position: absolute;background: url(/img/bg4.png)no-repeat right center;height: 0.69rem;left: -30vw;right: 50vw;top: 0;z-index: -2;}
.now2 .nowCon2 p a{font-size: 0.2rem;color: white;display: inline-block;margin-right: 0.3rem;position: relative;line-height:0.69rem;}
.now2 .nowCon2 p a+a::after{content: "";position: absolute;width: 2px;height: 2px;background: #FFFFFF;border-radius: 50%;left: -0.15rem;top: 50%;margin-top: -1px;}
.now .nowCon2 p a:hover{font-weight: bold;}
.now2 .nowCon2{}
@media screen and (max-width: 800px) {
        .nav2{margin-top: 0rem;}
	.nav2::after{width: 100%;height: 100%;}
	.nav2 ul{justify-content:space-evenly;align-content:flex-start;flex-wrap:wrap;padding: 0.1rem 0;}
	.nav2 ul li a{font-size: 0.32rem;line-height: 0.64rem;}
	.now .nowCon{padding: 0.1rem 0;}
	.now .nowCon p a{font-size: 0.24rem;}
	.now2{background-size: 100% 100%;}
	.now2 .nowCon2::after{right: 0.5rem;background-size: 100% 100%;left: -1px;}
	/* .now2 .nowCon2{padding: 0.1rem 0;} */
	.now2 .nowCon2 p a{font-size: 0.24rem;}
}
/* 社交媒体 */
/* .listsjmt-pic{margin-top: 40px;} */
.NrContainer {
  margin-top: 0.8rem;
  border-bottom: 1px solid #dfdfdf;
  padding-bottom: 0.66rem;
}
.w12 {
  max-width: 12rem;
  margin: 0 auto;
}
.NrContainer .mb{margin-bottom: 1rem;}
.waterfall {position: relative;margin-left: 30px;}

.waterfall {width: 100%;column-gap:0.33rem;column-count: 3;margin: 0 auto;overflow: visible;}
.waterfall .item {/* padding: 10px; */margin-bottom: 0.33rem;break-inside: avoid;box-shadow: 1px 1px 12px rgba(0,0,0,0.12);padding-bottom: 12px;}
.waterfall .item .sjmt-pic{position: relative;}
.waterfall .item .sjmt-pic::after{position: absolute;content: "";left: 0;bottom: 0;width: 100%;height: 80%;background:linear-gradient(to top, rgba(0,0,0,0.8),rgba(0,0,0,0));z-index: 1;}
.waterfall .item .sjmt-pic img {width: 100%;}
@media (min-width: 0px) and (max-width: 800px) {.waterfall {column-count: 1;}}

.waterfall .text{padding:0.25rem  0.4rem 0.4rem 0.4rem;}
.waterfall .text p{font-size: 0.12rem;color: #8d8d8d;text-align: left;line-height: 0.32rem;}
.waterfall .text span{display: block;line-height: 0.26rem;color: #000000;font-size: 0.16rem;}
.waterfall .sjmt-pic{position: relative;}
.waterfall .sjmt-pic h4{position: absolute;bottom:0;left:0.4rem;z-index: 2;display: inline-block;border-bottom: 4px solid #ee9640;padding-left: 0.4rem;font-size: 0.16rem;color: white;line-height: 0.32rem;padding-bottom: 0.16rem;}
.waterfall .sjmt-pic h4::after{content: "";position: absolute;left: 0;background: url(/image/wb.png) no-repeat left center;background-size: auto;top: 0;width: 0.4rem;height: 0.3rem;}
.waterfall .sjmt-pic h5{position: absolute;bottom:0;left:0.4rem;z-index: 2;display: inline-block;border-bottom: 4px solid #47d800;padding-left: 0.4rem;font-size: 0.16rem;color: white;line-height: 0.2rem;padding-bottom: 0.16rem;}
.waterfall .sjmt-pic h5::after{content: "";position: absolute;left: 0;background: url(/img/img23_2.png) no-repeat left center;background-size: auto;top: 0;width: 0.4rem;height: 0.3rem;}

.waterfall .sjmt-pic h2{position: absolute;bottom:0;left:0.4rem;z-index: 2;display: inline-block;border-bottom: 4px solid #ef01fe;padding-left: 0.4rem;font-size: 0.16rem;color: white;line-height: 0.32rem;padding-bottom: 0.16rem;}
.waterfall .sjmt-pic h2::after{content: "";position: absolute;left: 0;background: url(/img/img23_3.png) no-repeat 0.07rem center;background-size: auto;top: 0;width: 0.4rem;height: 0.3rem;}

.waterfall .sjmt-pic h3{position: absolute;bottom:0;left:0.4rem;z-index: 2;display: inline-block;border-bottom: 4px solid #00e9ff;padding-left: 0.4rem;font-size: 0.16rem;color: white;line-height: 0.32rem;padding-bottom: 0.16rem;}
.waterfall .sjmt-pic h3::after{content: "";position: absolute;left: 0;background: url(/image/bl.png) no-repeat left center;background-size: auto;top: 0;width: 0.4rem;height: 0.3rem;}
@media screen and (max-width: 1024px) {
	.waterfall .sjmt-pic h2::after,
	.waterfall .sjmt-pic h3::after,
	.waterfall .sjmt-pic h4::after,
	.waterfall .sjmt-pic h5::after{background-size: contain;}
}
@media screen and (max-width: 800px) {
	.waterfall .text{padding:0.3rem;}
	.waterfall .text p{font-size: 0.24rem;line-height: 0.44rem;}
	.waterfall .text span{line-height: 0.4rem;color: #000000;font-size: 0.32rem;}
	.waterfall .sjmt-pic h2{left:0.5rem;padding-left: 0.45rem;font-size: 0.32rem;line-height: 0.54rem;}
	.waterfall .sjmt-pic h2::after{top: 0;width: 0.45rem;height: 0.4rem;}
	.waterfall .sjmt-pic h3{left:0.5rem;padding-left: 0.45rem;font-size: 0.32rem;line-height: 0.54rem;}
	.waterfall .sjmt-pic h3::after{top: 0;width: 0.45rem;height: 0.4rem;}
	.waterfall .sjmt-pic h4{left:0.5rem;padding-left: 0.45rem;font-size: 0.32rem;line-height: 0.54rem;}
	.waterfall .sjmt-pic h4::after{top: 0;width: 0.45rem;height: 0.4rem;}
	.waterfall .sjmt-pic h5{left:0.5rem;padding-left: 0.45rem;font-size: 0.26rem;line-height: 0.54rem;}
	.waterfall .sjmt-pic h5::after{top: 0;width: 0.45rem;height: 0.4rem;}
	.waterfall .text p{font-size: 0.24rem;line-height: 0.45rem;}
	.waterfall .text span{line-height: 0.52rem;font-size: 0.23rem;}
}
/* 响应式 */
@media screen and (max-width: 800px) {
	.w12{max-width: 800px;margin: 0 .5rem;}
	body {
		font-size: 0.24rem;
	}
	.waterfall {
		column-count: 1;
	}
	
	
}

