@charset "UTF-8";
@font-face {
  font-family: "SiYuanSong";
  src: url("/default/libs/fonts/SiYuanSongTiRegular/SourceHanSerifCN-Bold-2.otf");
}

/* 公共样式 */
.mod-title a{display: block;width: fit-content;margin: 0 auto;}
.show-more{white-space: nowrap;}

/* 头部 */
.header{position: relative;padding-top: 20px;height: 736px;background: url(/mdxrmzf/pc2025/images/zjmd/header_bg.png) center center no-repeat;background-size: 100% 100%;}
.header .header-logo{height: 90px;}
.header .header-logo a{display: block;height: 100%;}
.header .header-logo a img{display: block;height: 100%;}
.header .header-text{float: right;margin-right: 81px;margin-top: -70px;}
.header .header-text img{display: block;height: 100%;}

/* main */
/* 弥渡概况 */
.mdgk-box{background: url(/mdxrmzf/pc2025/images/zjmd/mdgk_bg.png) center center no-repeat;padding-bottom: 145px;background-size: 100% 100%;}
.mdgk-box .mod-content{margin-top: 70px;}
.mdgk-box .left-tab{width: calc(633 / 1260 * 100%);float: left;}
.mdgk-box .left-tab .hd ul{width: fit-content;margin: 0 auto;}
.mdgk-box .left-tab .hd li{float: left;margin-right: 50px;width: 220px;height: 55px;background: url(/mdxrmzf/pc2025/images/zjmd/mdgk_tit.png) center center no-repeat;background-size: 100% 100%;}
.mdgk-box .left-tab .hd li:last-child{margin-right: 0;}
.mdgk-box .left-tab .hd li.on{background: url(/mdxrmzf/pc2025/images/zjmd/mdgk_tit_active.png) center center no-repeat;background-size: 100% 100%;}
.mdgk-box .left-tab .hd li a{display: block;width: 100%;height: 100%;line-height: 55px;text-align: center;font-size: 26px;font-family: "SiYuanSong";color:rgba(66, 128, 138, 1);}
.mdgk-box .left-tab .hd li.on a{color: rgba(71, 43, 16, 1);}
.mdgk-box .left-tab .bd{margin-top: 60px;}
.mdgk-box .left-tab .bd p{font-size: 18px;color: rgba(51, 51, 51, 1);line-height: 40px;text-align: justify;text-indent: 2em;}
.mdgk-box .left-tab .bd p a{color: rgba(5, 47, 66, 1);}
.mdgk-box .right-img{width: calc(573 / 1260 * 100%);float: right;}

/* 乡镇概况 */
.xzgk-box{padding: 56px 0 130px 0;background: url(/mdxrmzf/pc2025/images/zjmd/xzgk_bg.png) center center no-repeat;background-size: 100% 100%;}
.xzgk-box .mod-content{margin-top: 94px;}
.xzgk-box .mod-content .swiper-container{margin-top: 68px;position: relative;}
.xzgk-box .mod-content .swiper-container,.xzgk-box .mod-content .swiper-wrapper{width: 100%;height: 479px;}
.xzgk-box .mod-content .swiper-slide{position: relative;transition: all 0.2s;width: calc(828 / 1260 * 100%);height: 100%;padding: 21px 10px;}
.xzgk-box .mod-content .swiper-slide:not(.swiper-slide-active)::after{content:'';display: block;position: absolute;width: calc(100% - (10px * 2));height: calc(100% - (21px * 2));background-color: rgba(54, 135, 201, 0.5);top: 21px;left: 10px;z-index: 3;}
.xzgk-box .mod-content .swiper-slide.swiper-slide-active{background: url(/mdxrmzf/pc2025/images/zjmd/xzgk_img_bg.png) center center no-repeat;background-size: 100% 100%;}
.xzgk-box .mod-content .swiper-slide .item{position: relative;width: 100%;height: 100%;}
.xzgk-box .mod-content .item img{width: 100%;height: 100%;display: block;}
.xzgk-box .mod-content .item .text{position: absolute;bottom: 50px;background: rgba(34, 120, 98, 0.8);border-left: 12px solid rgba(214, 198, 152, 1);width: calc(100% - 79px);left: 50%;transform: translateX(-50%);padding: 13px 23px;display: none;}
.xzgk-box .mod-content .swiper-slide.swiper-slide-active .item .text{display: block;}
.xzgk-box .mod-content .item .text h5{display: inline-block;vertical-align: middle;writing-mode: vertical-lr;margin-right: 20px;font-size: 20px;font-weight: 700;letter-spacing: 3px;color: #fff;}
.xzgk-box .mod-content .item .text p{display: inline-block;vertical-align: middle;text-indent: 2em;width: calc(100% - 70px);line-height: 30px;font-size: 16px;color: #fff;text-align: justify;}
.xzgk-box .mod-content .item .text p .show-more{color: rgba(255, 141, 26, 1);}
.xzgk-box .mod-content .swiper-pagination{position: relative;}
.xzgk-box .mod-content .swiper-pagination-bullet{width: auto;height: auto;border-radius: 0;line-height: 34px;background:none;opacity: 1 !important;font-size: 26px;color: rgba(51, 51, 51, 1);}
.xzgk-box .mod-content .swiper-pagination-bullet:not(:last-child)::after{content:"/";display: inline-block;padding: 0 20px;color: rgba(51, 51, 51, 1) !important;font-weight: 400 !important;}
.xzgk-box .mod-content .swiper-pagination-bullet-active{color: rgba(66, 128, 138, 1);font-weight: 700;}
.xzgk-box .mod-content .swiper-btn{top: 50%;transform: translateY(-50%);width: 45px;height: 39px;position: absolute;z-index: 3;cursor: pointer;}
.xzgk-box .mod-content .swiper-prev{background: url(/mdxrmzf/pc2025/images/zjmd/arrow_left.png) center center no-repeat;background-size: 100% 100%;left: 12%;}
.xzgk-box .mod-content .swiper-next{background: url(/mdxrmzf/pc2025/images/zjmd/arrow_right.png) center center no-repeat;background-size: 100% 100%;right: 12%;}

/* 旅游者 */
.lyz-box{padding: 54px 0 153px 0;background: url(/mdxrmzf/pc2025/images/zjmd/lyz_bg.png) center center no-repeat;background-size: 100% 100%;}
.lyz-box .mod-content{margin-top: 81px;position: relative;}
.lyz-box .mod-content .swiper-slide{width: 301px;height: 502px;}
.lyz-box .mod-content .swiper-slide:nth-child(even){margin-top: 74px;}
.lyz-box .mod-content .swiper-slide .item{display: block;width: 100%;height: 100%;position: relative;overflow: hidden;}
.lyz-box .mod-content .swiper-slide .item>img{display: block;width: 100%;height: 100%;object-fit: cover;}
.lyz-box .mod-content .swiper-slide .item::after{content: "";display: block;position: absolute;width: 100%;height: 100%;z-index: 1;top: 0;left: 0;transition: all 0.3s;}
.lyz-box .mod-content .swiper-slide:nth-child(4n + 1) .item::after{background-color: rgba(129, 158, 119, 0.8);}
.lyz-box .mod-content .swiper-slide:nth-child(4n + 2) .item::after{background-color: rgba(22, 102, 122, 0.8);}
.lyz-box .mod-content .swiper-slide:nth-child(4n + 3) .item::after{background-color: rgba(186, 164, 128, 0.8);}
.lyz-box .mod-content .swiper-slide:nth-child(4n + 4) .item::after{background-color: rgba(89, 128, 186, 0.8);}
.lyz-box .mod-content .swiper-slide .item .text{position: absolute;bottom: 56px;left: 27px;z-index: 2;}
.lyz-box .mod-content .swiper-slide .item .text .icon{width: 45px;height: 45px;margin-right: 9px;display: inline-block;vertical-align: middle;}
.lyz-box .mod-content .swiper-slide .item .text .icon img{display: block;width: 100%;height: 100%;object-fit: scale-down;}
.lyz-box .mod-content .swiper-slide .item .text h5{display: inline-block;font-size: 30px;font-weight: 700;line-height: 45px;vertical-align: middle;color: rgba(255, 255, 255, 1);font-family: 'SiYuanSong';}
.lyz-box .mod-content .swiper-slide .item .text .show-more{margin-top: 19px;display: block;}
.lyz-box .mod-content .swiper-slide .item .text .show-more span{margin-right: 5px;font-size: 18px;color: #fff;line-height: 23px;vertical-align: middle;}
.lyz-box .mod-content .swiper-slide .item .text .show-more img{display: inline-block;vertical-align: middle;}
.lyz-box .mod-content .swiper-btn{width: 62px;height: 62px;position: absolute;top: 50%;transform: translateY(-50%);z-index: 3;cursor: pointer;}
.lyz-box .mod-content .swiper-prev{background: url(/mdxrmzf/pc2025/images/zjmd/arrow_left2.png) center center no-repeat;background-size: 100% 100%;right: 102%;}
.lyz-box .mod-content .swiper-next{background: url(/mdxrmzf/pc2025/images/zjmd/arrow_right2.png) center center no-repeat;background-size: 100% 100%;left: 102%;}
.lyz-box .mod-content .swiper-slide .item:hover::after{top: 100%;}

@media (max-width: 1500px){
  .lyz-box .mod-content .swiper-btn{width: 52px;height: 52px;}
  .lyz-box .mod-content .swiper-prev{right: auto;left: -20px;}
  .lyz-box .mod-content .swiper-next{left: auto;right: -20px;}
}

@media (max-width: 1280px){
  .mdgk-box .left-tab .hd li{margin-right: 10px;}
  .mdgk-box .left-tab .bd{margin-top: 20px;}
  .xzgk-box .mod-content .swiper-pagination-bullet{font-size: 22px;}
  .lyz-box .mod-content .swiper-slide{height: 430px;}
  .xzgk-box .mod-content .swiper-container, .xzgk-box .mod-content .swiper-wrapper{height: 430px;}
}

@media (max-width: 992px){
  .header{height: 450px;}
  .header .header-text{width: 60%;}
  .mod-title a{height: 90px;}
  .mod-title a img{display: block;height: 100%;}
  .mdgk-box .left-tab{width: 100%;float: none;}
  .mdgk-box .right-img{width: 100%;margin-top: 20px;}
  .mdgk-box .right-img img{display: block;width: 100%;float: none;}
  .mdgk-box .mod-content{margin-top: 30px;}
  .mdgk-box{padding-bottom: 50px;}
  .xzgk-box{padding: 50px 0;}
  .xzgk-box .mod-content{margin-top: 30px;}
  .xzgk-box .mod-content .swiper-pagination-bullet{font-size: 18px;}
  .xzgk-box .mod-content .swiper-pagination-bullet:not(:last-child)::after{padding: 0 10px;}
  .xzgk-box .mod-content .swiper-container, .xzgk-box .mod-content .swiper-wrapper{height: 470px;}
  .xzgk-box .mod-content .swiper-container{margin-top: 20px;}
  .xzgk-box .mod-content .swiper-prev{left: 10px;}
  .xzgk-box .mod-content .swiper-next{right: 10px;}
  .lyz-box{padding: 50px 0;}
  .lyz-box .mod-content .swiper-slide{height: 430px;}
}

@media (max-width: 768px){
  .lyz-box .mod-content .swiper-prev{left: 10px;}
  .lyz-box .mod-content .swiper-next{right: 10px;}
  .lyz-box .mod-content .swiper-slide .item .text .icon{width: 39px;height: 39px;}
  .lyz-box .mod-content .swiper-slide .item .text h5{font-size: 22px;}
}

@media (max-width: 431px){
  .header .header-logo{height: 50px;}
  .header .header-text{margin-top: -20px;margin-right: 30px;}
  .header{height: 200px;padding: 10px;}
  .mod-title a{height: 50px;}
  .mdgk-box .left-tab .hd li{width: calc((100% - 10px) / 2);height: 42px;}
  .mdgk-box .left-tab .hd ul{margin: 0;width: 100%;}
  .mdgk-box .left-tab .hd li a{line-height: 42px;font-size: 18px;}
  .mdgk-box .left-tab .bd p{font-size: 14px;line-height: 1.6;}
  .mdgk-box{padding-bottom: 30px;}
  .xzgk-box{padding: 30px 0;}
  .xzgk-box .mod-content{margin-top: 15px;}
  .xzgk-box .mod-content .swiper-pagination-bullet{font-size: 14px;}
  .xzgk-box .mod-content .swiper-pagination-bullet:not(:last-child)::after{padding: 0 5px;}
  .xzgk-box .mod-content .item .text p{display: none;}
  .xzgk-box .mod-content .item .text{padding: 0 30px;bottom: 10px;width:fit-content;text-align: center;height: 39px;}
  .xzgk-box .mod-content .swiper-container, .xzgk-box .mod-content .swiper-wrapper{height: 230px;}
  .xzgk-box .mod-content .item .text h5{writing-mode:unset;white-space: nowrap;font-size: 14px;margin: 0;line-height: 39px;}
  .xzgk-box .mod-content .swiper-slide{padding: 10px;}
  .xzgk-box .mod-content .swiper-slide:not(.swiper-slide-active)::after{top: 10px;height:calc(100% - 10px * 2)}
  .lyz-box{padding: 30px 0;}
  .lyz-box .mod-content{margin-top: 25px;}
  .lyz-box .mod-content .swiper-slide{height: 310px;}
  .lyz-box .mod-content .swiper-slide .item .text .icon{width: 20px;height: 20px;margin-right: 5px;}
  .lyz-box .mod-content .swiper-slide .item .text h5{font-size: 16px;}
  .lyz-box .mod-content .swiper-slide .item .text{left: 15px;bottom: 30px;}
  .lyz-box .mod-content .swiper-slide .item .text .show-more span{font-size: 14px;}
  .lyz-box .mod-content .swiper-slide .item .text .show-more{margin-top: 5px;}
  .lyz-box .mod-content .swiper-slide .item .text .show-more img{width: 36%;}
  .lyz-box .mod-content .swiper-slide:nth-child(even){margin-top: 0;}
  .lyz-box .mod-content .swiper-btn{width: 39px;height: 39px;}
}

@media (max-width: 320px){
  .header{height: 170px;}
  .xzgk-box .mod-content .swiper-container, .xzgk-box .mod-content .swiper-wrapper{height: 190px;}
  .xzgk-box .mod-content .item .text{height: 32px;}
  .xzgk-box .mod-content .item .text h5{line-height: 32px;}
  .lyz-box .mod-content .swiper-slide{height: 260px;}
}