@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/Sdzs_ico_1.png) no-repeat center top #0f0f0f; background-size: contain; }

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

.slogan{ position: relative; top: 190px; margin: 0 auto; width: 740px; }
.slogan img{ filter: drop-shadow(0px 0px 25px rgba(0,0,0,0.7));}



.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{ z-index: 1; }
/* 山地运动 */
.SdydPart{ display: flex; flex-direction: column; align-items: flex-end; height: 775px;}
.SdydPart::before,
.SdydPart::after{ content: ''; display: block; position: absolute; pointer-events: none; background-color: #016fa5;}
.SdydPart::before{ width: 900px; height: 100%; z-index: 0; opacity: 0.7; right: 0; top: 0; }
.SdydPart::after{ width: calc(900px - 20px); height: calc(100% - 20px); z-index: 1; right: 10px; top: 10px; }
.SdydPart .hd{ position: relative; width: 900px; height: 45px; display: flex; padding: 35px 0 26px; z-index: 2;}
.SdydPart .hd h1{ font-size: 36px; font-weight: bold; color: #FFF; line-height: 1.3; margin-left: 40px; }
.SdydPart .hd ul{ position: relative; display: flex; margin-left: 103px; }
.SdydPart .hd li{ position: relative; height: 51px; font-size: 18px; color: #fff; cursor: pointer; }
.SdydPart .hd li::before{ content: ''; display: block; position: absolute; width: 0px; height: 3px; background-color: var(--page-color); left: 50%; bottom: 0; transform: translateX(-50%); z-index: 0; pointer-events: none; transition: width 0.3s; }
.SdydPart .hd li + li{ margin-left: 50px; }
.SdydPart .hd li a{ color: inherit; line-height: 51px; position: relative; z-index: 1; }
.SdydPart .hd li.on::before{ width: 30px; }

.SdydPart .bd{ position: relative; z-index: 3; width: 100%; }
.SdydPart .bd>div{ min-height: 645px; display: flex; align-items: flex-start; justify-content: space-between;}

.PicDiv{ width: 705px; position: relative; background-color: #FFF; }
.PicDiv .pic{ position: relative; overflow: hidden; height: 460px; }
.PicDiv .pic  a{display: inline-block;height: 100%;width: 100%;}
.PicDiv .pic img{ width: 100%; height: 100%; object-fit: cover; }
.PicDiv .flex{ display: flex; position: relative; height: 160px; box-sizing: border-box; align-items: center; }
.PicDiv .date{ position: relative; width: 120px; display: flex; flex-direction: column; align-items: center; justify-content: center; display:none; }
.PicDiv .date p{ font-size: 40px; color: #1a2a99; line-height: 1.3; }
.PicDiv .date span{ font-size: 18px; color: #999; line-height: 1.3; }
.PicDiv .txt{ margin-right: 28px; margin-left: 20px; width: calc(100% - 158px); position: relative; width: auto; }
.PicDiv .txt h1{ font-size: 24px; position: relative; line-height: 1.3; color: #222; }
.PicDiv .txt h1 a{ display: block; position: relative; overflow: hidden;  white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; }
.PicDiv .txt .desc{ position: relative; overflow: hidden; margin-top: 15px; font-size: 16px; color: #999; line-height: 1.5; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}

.NewsDiv{ position: relative; width: calc(100% - 765px); box-sizing: border-box; border-top: 1px solid #0582bf; margin-right: 30px; }
.NewsDiv ul{ position: relative; }
.NewsDiv li{ position: relative; height: 120px; border-bottom: 1px solid #0582bf; display: flex; align-items: center; padding: 20px 0;}
.NewsDiv li .pic{ position: relative; overflow: hidden; width: 180px; height: 120px; margin-right: 25px; }
.NewsDiv li .pic a{display: inline-block;height: 100%;width: 100%;}
.NewsDiv li .pic img{ width: 100%; height: 100%; object-fit: cover; }
.NewsDiv li h1{ font-size: 20px; color: #FFF; position: relative; width: calc(100% - 205px); }
.NewsDiv li h1 a{ position: relative; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-height: 1.5;}


/* 我与山地 */
.Part2{ margin-top: 55px; height: 1090px; z-index: 0; }
.Part2::before{ content: ''; width: 100%; height: 1120px; display: block; position: absolute; pointer-events: none; left: 0; bottom: 0px; background: url(../images/Sdzs_ico_3.png) no-repeat center bottom; z-index: 0; background-size: 100% 100%;}

.WysdPart{ padding-top: 130px; box-sizing: border-box; height: 1030px; }
.WysdPart::before,
.WysdPart::after{ content: ''; display: block; position: absolute; pointer-events: none; box-sizing: border-box; z-index: 0;}
.WysdPart::before{ width: 52px; height: 52px; border: 1px solid #ab8544; transform: rotateZ(45deg); top: 50px; left: calc(50% - 26px); }
.WysdPart::after{ border-left: 1px solid #ab8544; height: 100%; top: 112px; left: calc(50% - 0.5px); }

.WysdPart li{ position: relative; display: flex; margin-top: 35px; }
.WysdPart li .pt{ position: relative; width: 50%; display: flex; justify-content: space-between; align-items: flex-start; padding-top: 10px;}
.WysdPart li .text{ position: relative; width: 550px; }
.WysdPart li .text span{font-size: 24px;color: #ab8544;line-height: 1.5;display: none;}
.WysdPart li .text h1{ font-size: 28px; color: #FFF; line-height: 1.3; display: block; position: relative; margin-top: 10px; }
.WysdPart li .text h1 a{ position: relative; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-height: 1.5;}
.WysdPart li .text .desc{ position: relative; overflow: hidden; margin-top: 20px; font-size: 16px; color: #FFF; line-height: 2.2; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; }
.WysdPart li .year{position: relative;width: 100px;font-size: 24px;font-weight: bold;color: #ab8544;margin-top: 46px;padding-right: 28px;line-height: 1.75;display: none;}
.WysdPart li .year::after{ content: ''; display: block; position: absolute; pointer-events: none; width: 15px; height: 15px; background-color: #ab8544; transform: rotateZ(45deg); top: calc(50% - 7.5px); left: calc(100% - 7.5px); }

.WysdPart li .pimg{ position: relative; width: 50%; display: flex; justify-content: flex-end; }
.WysdPart li .pic{ position: relative; overflow: hidden; width: 610px; height: 350px; }
.WysdPart li .pic a{display: inline-block;height: 100%;width: 100%;}
.WysdPart li .pic img{ width: 100%; height: 100%; object-fit: cover; }

.WysdPart li:nth-of-type(2n){ flex-direction: row-reverse; }
.WysdPart li:nth-of-type(2n) .pimg{ justify-content: flex-start; }
.WysdPart li:nth-of-type(2n) .pt{ flex-direction: row-reverse; }
.WysdPart li:nth-of-type(2n) .year{ padding-right: 0; padding-left: 28px; }
.WysdPart li:nth-of-type(2n) .year::after{ left: auto; right: calc(100% - 7.5px); }


/* 山地科普 */
.Part3{ box-shadow: 0px -5px 40px 0px rgba(1,1,1,0.7); padding-top: 70px; }
.Part3::before{ content: ''; width: 100%; height: 986px; display: block; position: absolute; pointer-events: none; left: 0; top: 0px; background-color: #17181c; z-index: 0; }

.FirstPart{ height: 565px; display: flex; justify-content: space-between; margin-top: 65px; padding-left: 20px; align-items: flex-start; }

.FirstPart .text{ position: relative; width: 634px; height: 445px; background-color: #21271d; margin-top: 120px; box-sizing: border-box; padding: 30px; padding-right: 190px; }
.FirstPart .text::after{ content: ''; display: block; pointer-events: none; width: 100%; height: 100%; position: absolute; left: 0; top: 0; box-sizing: border-box; border: 10px solid #729629; z-index: 2;}
.FirstPart .text h1{ font-size: 28px; color: #FFF; line-height: 2; }
.FirstPart .text .desc{ font-size: 16px; position: relative; overflow: hidden; color: #FFF; line-height: 2.2; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-top: 20px; }
.FirstPart .text .rel{position: relative;font-size: 16px;color: #FFF;line-height: 2.2;margin-top: 50px;display: none;}
.FirstPart .text .rel span + span{ margin-left: 2em; }
.FirstPart .text .More{  margin-top: 50px; }
.More{ position: relative; }
.More img{ filter: contrast(1) brightness(100);}

.FirstPart .pic{ position: relative; width: 915px; height: 523px; background-color: #21271d; margin-left: -172px; z-index: 1; }
.FirstPart .pic a{display: inline-block;height: 100%;width: 100%;}
.FirstPart .pic img{ width: 100%; height: 100%; object-fit: cover; }

.SdkpPart ul{ display: flex; }
.SdkpPart li{ position: relative; overflow: hidden; width: calc(100vw / (1920 / 370)); height: calc(100vw / (1920 / 213)); }
.SdkpPart li + li{ margin-left: 10px; margin-left: calc((100vw - (100vw / (1920 / 370) * 5)) / 4); }
.SdkpPart li a{ display: block; position: relative; height: 100%; }
.SdkpPart li img{ width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 0; }
.SdkpPart li h1{ position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; left: 0; top: 0; background-color: rgba(81,118,7,0.75); box-sizing: border-box; padding: 0 30px; opacity: 0; z-index: 1; }
.SdkpPart li h1 span{ font-size: 20px; font-weight: bold; color: #FFF; line-height: 1.5; }





/* 山地风味 */
.Part4{ margin-top: 120px; z-index: 0; }

.SdfwPart{ display: flex; justify-content: space-between; }
.SdfwPart .PicPart{ position: relative; width: calc(100% - 530px); background-color: rgba(171,133,68,0.1); }
.SdfwPart .PicPart::before{ content: ''; display: block; position: absolute; pointer-events: none; height: 100%; width: calc((100vw - 1400px) / 2); right: 100%; top: 0; background-color: rgba(171,133,68,0.1); }
.SdfwPart .PicPart ul{ display: flex; height: 100%; align-items: center; }
.SdfwPart .PicPart li{ position: relative; overflow: hidden; width: 400px; height: 500px; margin-right: 20px;}
.SdfwPart .PicPart li a{display: inline-block;height: 100%;width: 100%;}
.SdfwPart .PicPart li img{ width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 0; }
.SdfwPart .PicPart li h1{position: absolute; z-index: 1; width: 100%; box-sizing: border-box; left: 0; bottom: 0; padding: 30px; background-color: rgba(0,0,0,0.5); }
.SdfwPart .PicPart li span{ font-size: 24px; color: #FFF; position: relative; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-height: 1.3; height: 62px; }
.SdfwPart .PicPart li:hover span{ color: var(--page-color); }

.SdfwPart .NewsList{ width: 530px; height: 600px; background-color: #ab8544; box-sizing: border-box; padding: 40px 35px 0; }
.NewsList li{ position: relative; font-size: 20px; color: #FFF; padding-left: 38px; line-height: 1.5; margin-top: 30px; }
.NewsList li::before{ content: ''; display: block; position: absolute; width: 8px; height: 8px; border-radius: 50%; background-color: rgba(255,255,255,0.3); left: 0; top: calc(50% - 4px); }
.NewsList li a{ display: block; position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; transition: all 0.3s; }
.NewsList li a:hover{ color: #FFF; text-decoration: underline; }
.NewsList .More{ text-align: right; margin-top: 60px; }

.NewsList li:nth-child(1){ font-size: 28px; line-height: 1.8; margin-top: 0;}
.NewsList li:nth-child(1)::before{ width: 4px; height: 100%; border-radius: 0; top: 0; background-color: #FFF; }
.NewsList li:nth-child(1) a{/* white-space: normal; *//* display:-webkit-box; *//* -webkit-box-orient:vertical; *//* -webkit-line-clamp:3; */}
.NewsList li .desc{position:relative;overflow:hidden;white-space: normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size: 16px;margin-top: 0.5em;}





/* 山地玩趣 */
.Part5{ padding-top: 150px; box-sizing: border-box; min-height: 1220px; background: url(../images/Sdzs_ico_4.png) no-repeat center bottom; background-size: 100% 100%; }
.SdqwPart{ margin-top: 55px; }

.SdqwPart .swiper-slide{ position: relative; width: 290px; user-select: none; transition:all 0.5s; }
.SdqwPart .swiper-slide .pic{ position: relative; height: 430px; transition:all 0.3s;}
.SdqwPart .swiper-slide .pic a{display: inline-block;height: 100%;width: 100%;}
.SdqwPart .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; }
.SdqwPart .swiper-slide .txt{ font-size: 20px; color: #FFF; display: none; text-align: center; margin-top: 10px;}


.SdqwPart .swiper-slide{ width: 370px; transform-origin: center top; }
.SdqwPart .swiper-slide .pic{ height: 530px; }
.SdqwPart .swiper-slide.swiper-slide-active .txt{ display: block; }

/* .SdqwPart .swiper-slide:has(+ .swiper-slide + .swiper-slide-active + .swiper-slide-active){ transform: matrix(1, 0.13, 0, 1, 0, 10) scale(0.8); }
.SdqwPart .swiper-slide:has(+ .swiper-slide + .swiper-slide-active){ transform: matrix(1, 0.1, 0, 1, 0, 10) scale(0.8); }
.SdqwPart .swiper-slide:has(+ .swiper-slide-active){ transform: matrix(1, 0.07, 0, 1, 0, 40) scale(0.8); }
.SdqwPart .swiper-slide.swiper-slide-active{ transform: matrix(1, 0, 0, 1, 0, 0) scale(1) !important;}
.SdqwPart .swiper-slide.swiper-slide-active .txt{ display: block; }
.SdqwPart .swiper-slide.swiper-slide-active + .swiper-slide{ transform: matrix(1, -0.07, 0, 1, 0, 40) scale(0.8); }
.SdqwPart .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide{ transform: matrix(1, -0.1, 0, 1, 0, 10) scale(0.8); }
.SdqwPart .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide{ transform: matrix(1, -0.13, 0, 1, 0, 10) scale(0.8); } */


.SdqwPart .swiper-button-next,
.SdqwPart .swiper-button-prev{ width: 42px; height: 42px; border-radius: 50%; background-color: rgba(0,0,0,0.6); top: 40%; }
.SdqwPart .swiper-button-next:after,
.SdqwPart .swiper-button-prev:after{ font-size: 22px; color: #FFF; }







/* 无限山地 */
.Part6{ margin-top: -150px; padding-bottom: 85px;}
.WxsdPart{ margin-top: 40px; }
.WxsdPart .bd li{ position: relative; overflow: hidden; height: 520px; display: flex; }
.WxsdPart .bd li .pic{ position: relative; width: 800px; height: 100%;}
.WxsdPart .bd li .pic a{display: inline-block;height: 100%;width: 100%;}
.WxsdPart .bd li .pic img{ width: 100%; height: 100%; object-fit: cover; }
.WxsdPart .bd li .txt{ width: calc(100% - 800px); position: relative; box-sizing: border-box; background-color: #3f3f3f; padding: 70px 65px 0 75px; }
.WxsdPart .bd li .txt h1{ font-size: 28px; color: #FFF; line-height: 1.3; display: block; position: relative; text-align: center; }
.WxsdPart .bd li .txt h1 a{ position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; display: block; }
.WxsdPart .bd li .txt .desc{ position: relative; overflow: hidden; font-size: 20px; color: #FFF; line-height: 2; text-indent: 2em; margin-top: 2em;}
.WxsdPart .hd{ position: absolute; display: flex; left: 33px; bottom: 20px; }
.WxsdPart .hd li{ position: relative; overflow: hidden; font-size: 0; width: 33px; height: 7px; background-color: #FFF; cursor: pointer; margin-right: 5px; }
.WxsdPart .hd li.on{ background-color: var(--page-color); }
.WxsdPart .PrNeBar{ position: absolute; left: calc(800px - 60px); bottom: 0; display: flex; }
.WxsdPart .PrNeBar a{ display: flex; align-items: center; justify-content: center; cursor: pointer; width: 60px; height: 50px; position: relative; left: auto; right: auto; top: auto; transform: none; margin: 0; transition: all 0.3s; }
.WxsdPart .PrNeBar a.prev{ background-color: rgba(0,0,0,0.8); }
.WxsdPart .PrNeBar a.next{ background-color: var(--page-color); }
.WxsdPart .PrNeBar a::after{ font-size: 30px; color: #FFF; }
.WxsdPart .PrNeBar a:hover{ opacity: 0.7; }



/*  英文版-修正 */
body.en .SdydPart .hd{ justify-content: space-between; }
body.en .SdydPart .hd h1{font-size: 24px;}
body.en .SdydPart .hd ul{ margin-right:30px; }