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

.warp{ width: 100%; position: relative; overflow: hidden; margin: 0 auto; background:#FFF; }

.Header{ display: flex; justify-content: center; }
.Header img{ max-width: 100%; }

.PartTitle{ height: 100px; display: flex; align-items: flex-start; justify-content: center; }
.PartTitle::before{ content: ''; display: block; position: absolute; width: 100%; height: 120%; left: 0; top: 0; background: url(../images/2026ngjsdlyjhwyddh_ico_1_a.png) no-repeat center top; pointer-events: none; z-index: 0; }
.PartTitle h1{ position: relative; font-size: 50px; font-weight: bold; color: #0065b4; line-height: 1.2; margin-left: 100px; z-index: 1; }
.PartTitle h1 a{ letter-spacing: 8px;}
.PartTitle h1 em{ position: absolute; left: calc(100% - 10px); top: 50%; transform: translateY(-50%); font-size: 26px; font-weight: bold; white-space: nowrap; line-height: 1.1; padding-left: 10px; border-bottom: 1px solid #0065b4; font-style: italic; color: inherit; }


.Main::before{ content: ''; display: block; position: absolute; pointer-events: none; width: 100%; height: 284px; background: url(../images/2026ngjsdlyjhwyddh_ico_9.png) no-repeat center bottom; left: 0; bottom: 0; background-size: contain; }


.Part1{ padding: 35px 0 30px; background-color: #0065b4; }
.Part1 .PartTitle h1{ color: #FFF; }
.Part1 .PartTitle h1 em{ border-color: #FFF; }
.Part1 .ConPart{ background-color: #FFF; box-sizing: border-box; padding: 35px 22px; background-color: #FFF; }

.Focus{ width: 580px; }
.Focus .bd{ position: relative; height: 430px; z-index: 0;}
.Focus .bd li{ width: 100%; height: 430px; position: relative; overflow: hidden; }
.Focus .bd li a{ height: 100%; display: block; }
.Focus .bd li img{ width: 100%; height: 100%; object-fit: cover; }
.Focus .bar{ position: absolute; width: 100%; display: flex; justify-content: space-between; align-items: center; height: 40px; background-color: rgba(0,0,0,0.5); bottom: 0; left: 0; z-index: 1; box-sizing: border-box; padding: 0 15px; }
.Focus .txt{ position: relative; max-width: calc(100% - 80px); }
.Focus .txt li{ position: relative; overflow: hidden; max-width: 100%; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; font-size: 18px; color: #FFF; line-height: 1.3; }

.Focus .hd{ display: flex; }
.Focus .hd li{ position: relative; overflow: hidden; width: 12px; height: 12px; border-radius: 50%; background-color: #FFF; cursor: pointer; font-size: 0; }
.Focus .hd li + li{ margin-left: 10px; }
.Focus .hd li.on{ background-color: #32b193; }

.Focus .PrNeBar{ position: absolute; left: 0; top: 50%; display: flex; height: 0; width: 100%; align-items: center; justify-content: space-between; }
.Focus .PrNeBar a{ display: flex; align-items: center; justify-content: center; cursor: pointer; width: 50px; height: 80px; position: relative; left: auto; right: auto; top: auto; transform: none; margin: 0; background-color: rgba(0,0,0,0.8); transition: all 0.3s; opacity: 0; }
.Focus .PrNeBar a.prev{ margin-left: 15px; }
.Focus .PrNeBar a.next{ margin-right: 15px; }
.Focus .PrNeBar a::after{ font-size: 30px; color: #FFF; }
.Focus:hover .PrNeBar a{ margin: 0 !important; opacity: 1; }

.ZxzxNews{ width: 540px; }
.ZxzxNews .first{ position: relative; padding-bottom: 8px; border-bottom: 1px dashed #3a3a3a;}
.ZxzxNews .first h1{ font-size: 25px; font-weight: bold; color: #0062b2; text-align: center; position: relative; max-width: 90%; position: relative; margin: 0 auto; }
.ZxzxNews .first a{ position: relative; overflow: hidden; display: block; max-width: 100%; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; line-height: 1.5; }
.ZxzxNews .first .desc{ position: relative; font-size: 16px; color: #000; line-height: 1.8; text-indent: 2em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow: hidden; margin-top: 10px; }
.ZxzxNews ul{ padding-top: 1px;}
.ZxzxNews li{ position: relative; display: flex; justify-content: space-between; font-size: 18px; color: #151414; padding-left: 15px; margin-top: 25px; line-height: 1.5; }
.ZxzxNews li::before{ content: ''; display: block; position: absolute; width: 4px; height: 4px; background-color: #32b193; border-radius: 50%; left: 0; top: calc(50% - 2px); }
.ZxzxNews li a{ display: block; position: relative; overflow: hidden; max-width: calc(100% - 120px); white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; }
.ZxzxNews li span{ color: #000; }


/* 活动日程 */
.Part2{ margin-top: 55px; }
.Part2 .ConPart{ padding: 80px 0 90px; background-color: #f4f5f5; background-image: url(../images/2026ngjsdlyjhwyddh_ico_2.png); background-repeat: repeat-x; background-position: left top; margin-top: 45px; }
.Part2 .ConPart::after{ content: ''; display: block; position: absolute; pointer-events: none; width: 273px; height: 141px; background: url(../images/2026ngjsdlyjhwyddh_ico_3.png) no-repeat; right: 0; bottom: 0; }

.Part2 .ScrollCon{ height: 615px; overflow-y: auto; display: flex; margin-right: 10px; }
.Part2 .ScrollCon.ScrollStyle::-webkit-scrollbar-track-piece{ background-color: #c9cbcb; }
.Part2 .ScrollCon.ScrollStyle::-webkit-scrollbar-thumb{ background-color: #0065b4; }

.Part2 .line{ width: 560px; position: relative; }
.Part2 .line .tit{ position: sticky; height: 56px; left: 0; top: 0; background-color: #0065b4; z-index: 1; display: inline-block; }
.Part2 .line .tit a{ display: block; font-size: 25px; color: #FFF; font-weight: bold; padding: 0 1em; line-height: 56px;}
.Part2 .line ul{ padding-top: 1px; position: relative; margin-left: 32px; z-index: 0; }
.Part2 .line ul::before{ content: ''; display: block; position: absolute; width: 8px; height: 100%; background-color: #0065b4; left: -8px; top: 0; pointer-events: none; }
.Part2 .line li{ position: relative; padding: 25px 0; padding-left: 59px; }
.Part2 .line li + li{ border-top: 2px dashed #84b3b5; }
.Part2 .line li em{ position: absolute; left: -22px; top: 23px; width: 30px; height: 30px; border: 2px solid #0065b4; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: #FFF; font-size: 25px; font-weight: bold; color: #0065b4; user-select: none; pointer-events: none; }
.Part2 .line li em::after{ content: ''; display: block; position: absolute; width: 37px; border-bottom: 1px solid #22797d; left: 100%; top: calc(50% - 0.5px); }
.Part2 .line li h1{ position: relative; font-size: 20px; font-weight: bold; color: #0065b4; line-height: 1.5; }
.Part2 .line li h1 a{ color:inherit; }
.Part2 .line li p{ position: relative; font-size: 20px; color: #000; }
.Part2 .line li p + h1{ margin-top: 0.8em;}


/* 聚焦大会 */
.Part3{ margin-top: 50px; }
.Part3::before{ content: ''; display: block; position: absolute; width: 100vw; left: calc(50% - 50vw); top: 500px; height: 570px; background: url(../images/2026ngjsdlyjhwyddh_ico_4.png) no-repeat center top; }
.Part3 .ConPart{ margin-top: 55px; padding-top: 1px; }
.Part3 .ConPart::before{ content: ''; display: block; position: absolute; width: 100%; height: 620px; background-color: #0065b4; border-radius: 30px; left: 0; top: 0; pointer-events: none; }
.Part3 .ConPart ul{ position: relative; margin: 30px 18px 0; background-color: #FFF; padding: 35px; display: flex; flex-wrap: wrap; gap: 35px 45px; min-height: 638px;}
.Part3 .ConPart li{ position: relative; overflow: hidden; width: 330px; }
.Part3 .ConPart li .pic{ position: relative; overflow: hidden; height: 200px; }
.Part3 .ConPart li .pic a{ display: block; height: 100%;}
.Part3 .ConPart li .pic img{ width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
.Part3 .ConPart li .txt{ padding: 10px 0 15px; border-bottom: 1px dashed #e9e9e9;}
.Part3 .ConPart li .txt h1{ font-size: 20px; font-weight: bold; color: #000; position: relative; }
.Part3 .ConPart li .txt h1 a{ display: block; position: relative; overflow: hidden; width: 100%; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; line-height: 1.3; }
.Part3 .ConPart li .txt p{ position: relative; overflow: hidden; font-size: 16px; color: #868484; line-height: 1.3; margin-top: 0.5em; }


/* 成果发布 */
.Part4{ margin-top: 90px; }
.Part4 .ConPart{ margin-top: 50px; padding: 30px 40px; background-color: #fafbfe; }
.CgfbSlide{ display: flex; align-items: center; }
.CgfbSlide .bd{ position: relative; width: 750px; height: 410px; background-color: #4292cb; }
.CgfbSlide .bd ul{ position: relative; transform: translate(-9px, -8px); }
.CgfbSlide .bd li{ position: relative; overflow: hidden; width: 750px; height: 410px; }
.CgfbSlide .bd li::after{ content: ''; display: block; position: absolute; z-index: 1; pointer-events: none; box-sizing: border-box; width: calc(100% - 20px); height: calc(100% - 20px); border: 1px solid #FFF; left: 10px; top: 10px; }
.CgfbSlide .bd li a{ display: block; height: 100%; position: relative; z-index: 0;}
.CgfbSlide .bd li img{ width: 100%; height: 100%; object-fit: cover; pointer-events: none;}

.CgfbSlide .con{ position: relative; width: calc(100% - 750px); height: 280px; box-sizing: border-box; padding: 0 10px 0 24px; }
.CgfbSlide .con::before{ content: ''; display: block; position: absolute; width: 401px; height: 305px; background: url(../images/2026ngjsdlyjhwyddh_ico_5.png) no-repeat left top; left: 0; top:-20px; pointer-events: none; }
.CgfbSlide .txt{ position: relative; user-select: none; }
.CgfbSlide .txt li{ position: relative; }
.CgfbSlide .txt li h1{ position: relative; height: 74px; display: flex; align-items: center; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.5);}
.CgfbSlide .txt li h1 a{ font-size: 20px; font-weight: bold; position: relative; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-height: 1.3; }
.CgfbSlide .txt li .desc{ font-size: 20px; line-height: 1.5; color: #000; word-break: break-word; position: relative; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; margin-top: 1em;}

.CgfbSlide .neprBtn{ display: flex; margin-top: 20px; position: relative; justify-content: center; }
.CgfbSlide .neprBtn a{ width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 50%; background-color: #ccc; transition: all 0.3s; }
.CgfbSlide .neprBtn .next{ margin-left: 15px; }
.CgfbSlide .neprBtn img{ pointer-events: none; }
.CgfbSlide .neprBtn a:hover{ background-color: #0065b4; }


/* 世界名山摄影暨山旅会十年回顾展 */
.Part5{ margin-top: 55px; }
.Part5::before{ content: ''; display: block; position: absolute; width: 100vw; left: calc(50% - 50vw); top: 520px; height: 214px; background: url(../images/2026ngjsdlyjhwyddh_ico_8.png) no-repeat center top; }
.Part5 .PartTitle{ height: 140px; }
.Part5 .PartTitle::before{ top: 40px; }
.Part5 .PartTitle h1{ font-size: 41px; display: flex; flex-direction: column; margin-left: 380px; }
.Part5 .PartTitle h1 a{ letter-spacing: 0; }
.Part5 .PartTitle h1 em{ font-size: 17px; position: relative; left: auto; top: auto; transform: none; white-space: pre-line; border: none; padding-left: 30px; color: #0065b4; opacity: 0.4; line-height: 1;}

.SwiperPart{ width: 100%; height: 500px; position: relative; margin-top: 50px; }
.swiper-wrapper{ transition-timing-function: linear !important; }
.mySwiper{ width: 100%; box-sizing: border-box; padding: 62px 0 0px; padding: 15px 0 230px; overflow: initial; pointer-events: auto;}
.mySwiper1{ width: 100%; box-sizing: border-box; padding: 230px 0 0; overflow: initial; margin-top: -445px; pointer-events: auto;}
.SwiperPart .swiper-slide{ position: relative; width: 262px; height: 178px !important; pointer-events: all;}
.SwiperPart .swiper-slide img{ position: relative; z-index: 0; width: 100%; height: 100%; object-fit: cover; border: 6px solid #FFF; box-sizing: border-box; cursor: pointer;}
.SwiperPart .swiper-slide span{ position: absolute; display: none; min-width: 68px; height: 61px; background: url(../images/ico_29.png) no-repeat; font-size: 18px; color: #FFF; line-height: 1.3; text-indent: 0.8em; left: 20px; bottom: 15px; z-index: 1; box-sizing: border-box; padding: 10px 0; padding-left: 5px; filter: drop-shadow(1px 2px 0px #000);}
/* .mySwiper1 .swiper-slide img{ -webkit-box-reflect: below 5px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent) , to(rgba(0, 0, 0, 0.5))); } */



/* 贵州风采 */
.Part6{ margin-top: 50px; }
.Part6 .ConPart{ margin-top: 150px; box-sizing: border-box; height: 300px; padding: 35px 45px; background-color: #0065b4; display: flex; justify-content: space-between; align-items: flex-end; }
.Part6 .ConPart .Pic{ position: relative; width: 585px; height: 315px; border: 15px solid #FFF; box-shadow: 0px -2px 15px -2px rgba(0, 0, 0, 0.1); }
.Part6 .ConPart .Pic a{ display: block; height: 100%;}
.Part6 .ConPart .Pic img{ pointer-events: none; width: 100%; height: 100%; object-fit: cover; }
.Part6 .ConPart .txt{ width: calc(100% - 655px); position: relative; height: 100%; }
.Part6 .ConPart .txt h1{ font-size: 20px; position: relative; color: #FFF; font-weight: bold; margin-bottom: 1em; }
.Part6 .ConPart .txt h1 a{ position: relative; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-height: 1.8; }
.Part6 .ConPart .txt .desc{ position: relative; font-size: 20px; color: #FFF; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; line-height: 1.8; text-indent: 2em; }
.gzfcSlide .neprBtn{position: absolute;width: calc(100% - 745px);right: 45px;bottom: 45px; display: flex; margin-top: 20px; justify-content: center;}
.gzfcSlide .neprBtn a{ width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 50%; background-color: #ccc; transition: all 0.3s; }
.gzfcSlide .neprBtn .next{ margin-left: 15px; }
.gzfcSlide .neprBtn img{ pointer-events: none; }
.gzfcSlide .neprBtn a:hover{ background-color: #0065b4; }