@charset "utf-8";
/* CSS Document */
@import url(reset.css);
@import url(header.css);
@import url(footer.css);
@import url("animate.min.css");

:root{
    --page-color: #8bbb29;
}
a:active,a:hover {
	color: var(--page-color);
}

.warp{ width: 100%; position: relative; overflow: hidden; margin: 0 auto; background:url(../images/Yjsj_ico_2.png) no-repeat center top #0b1d27; background-size: contain; }

.Header{ position: relative; height: 524px; }

.slogan{ position: relative; top: 240px; margin: 0 auto; width: 634px; }



.MT50{ margin-top: 50px; }
.MT60{ margin-top: 60px; }
.MT70{ margin-top: 70px; }

.PartTitle{ position: relative; height: 60px; display: flex; align-items: center; justify-content: center; }
.PartTitle h1{ position: relative; }
.PartTitle h1 a{ font-size: 36px; color: #FFF; font-weight: bold; line-height: 1; position: relative; }


/* 前言 */
.Part1{ box-sizing: border-box; border: 1px solid #a0abb8; background-color: rgba(255,255,255,0.13); padding: 25px 110px; font-size: 20px; color: #FFF; line-height: 2; text-align: center; }

/* 我与山地 */
.Part2{ margin-top: 160px; }
.Part2 .w1400{ display: flex; justify-content: space-between; }

.BztxPart{ width: 645px; }
.BztxPart .Tit{ position: relative; padding-left: 32px; margin-right: 120px; }
.BztxPart .Tit::before{ content: ''; display: block; position: absolute; left: 0; top: 0; width: 4px; height: calc(100% - 36px); background-color: var(--page-color); }
.BztxPart .Tit h1{ font-size: 36px; font-weight: bold; color: #FFF; line-height: 1; }
.BztxPart .Tit .desc{ position: relative; font-size: 18px; color: #FFF; line-height: 2; margin-top: 12px;word-break: break-word;}

.NewsList{ position: relative; padding-left: 32px; }
.NewsList li{ position: relative; font-size: 24px; color: #FFF; padding-left: 40px; margin-top: 30px; }
.NewsList li::before{ content: ''; display: block; position: absolute; width: 8px; height: 8px; border-radius: 50%; background-color: rgba(255,255,255,1); left: 0; top: calc(50% - 4px); }
.NewsList li a{ display: block; position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; line-height: 1.5; transition: all 0.3s; }

.More{ position: relative; padding-left: 32px; margin-top: 80px; }
.More img{ filter: contrast(1) brightness(100);}



.PhotoSwiper{ width: 645px; }
.PhotoSwiper .swiper-slide{ position: relative; overflow: hidden; width: 460px; height: 650px; border-radius: 20px;}
.PhotoSwiper .swiper-slide .pic{ position: relative; width: 100%; height: 100%; }
.PhotoSwiper .swiper-slide .pic a{display: inline-block;height: 100%;}
.PhotoSwiper .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; }
.PhotoSwiper .swiper-slide .txt{ position: absolute; left: 0; bottom: 0; width: 100%; box-sizing: border-box; padding:10px 20px 20px; background-color: rgba(26,42,153,0.8); color: #FFF; display: none; }
.PhotoSwiper .swiper-slide .txt h1{ font-size: 24px; position: relative; }
.PhotoSwiper .swiper-slide .txt h1 a{ position: relative; overflow: hidden; display: block; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; line-height: 1.5; }
.PhotoSwiper .swiper-slide .txt .desc{ font-size: 14px; position: relative; overflow: hidden; color: #FFF; line-height: 1.7; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-top: 10px; text-indent: 2em; }
.PhotoSwiper .swiper-slide .txt .desc a{ color: var(--page-color); }

/* .PhotoSwiper .swiper-slide.swiper-slide-active{ box-shadow: 0px 5px 45px 0px rgba(112,169,200,0.45); } */
.PhotoSwiper .swiper-slide.swiper-slide-active .txt{ display: block; }


.PostBar{ position: relative; display: flex; justify-content: center; margin-top: 40px; width: 460px; user-select: none; }
.PostBar .p{ display: flex; cursor: pointer; width: 40px; height: 36px; align-items: center; justify-content: center; }
.PostBar .p img{ pointer-events: none; height: 19px; }
.PostBar .swiper-pagination{ position: relative; width: auto; color: #FFF; font-size: 23px; left: auto; top: auto; bottom: auto; margin: 0 10px; font-weight: 100; }



.Part3{ margin-top: 130px; }
.Part3 .w1400{ display: flex; justify-content: space-between; }
@media screen and (min-width: 750px){
    .Part3 .swiper-wrapper{ transform: translateX(185px) !important; }
}



.Part4{ margin-top: 130px; }
.Part4 .w1400{ display: flex; justify-content: space-between; }




/* 底部样式覆盖 */
.Footer{ background-color: #0f2735; }
.Footer .FootText,
.Footer .Card + .Card,
.FootRelPart{ border-color: #243b48;}
.Footer .Txt_T,
.Footer .Card p.ico,
.Footer .FootLinkPart,
.FootRelPart p{ filter: contrast(1) brightness(100); }
.Footer a:hover{ text-decoration: underline; }



/* 英文版-修正 */
body.en .BztxPart .Tit .desc{font-size: 14px;}