@charset "UTF-8";

body{background: none;}
.header-dlgk-box{background: url(/dlzrmzf/pc2025/images/yxdl/header_bg.png) center top no-repeat;background-size: 100% 100%; padding-bottom: 90px;}
.header-dlgk-box .header-logo a img{display: none;}
.header-dlgk-box .header-logo a img.logo-red{display: block !important;}
.header-dlgk-box .header-logo{margin-top: 20px;float: left;width: calc(538 / 1260 * 100%);}
.header-dlgk-box .header-logo a{width: 100%;}
.header-dlgk-box .header-search{width: calc(350 / 1260 * 100%); float: right;margin-top: 38px;}
.header-dlgk-box .header-search .header-search-box{height: 52px;}
.header-dlgk-box .header-search .header-search-box{width: 100%;}
.header-dlgk-box .header-search .header-search-box .header-search-btn{line-height: 52px;background: none;}
.header-dlgk-box .header-search .header-search-box .header-search-btn:hover{background: none;}
.header-dlgk-box .header-search .header-search-box .header-search-btn::before{content:"搜一搜";color: rgba(1, 82, 147, 1);font-weight: 400;font-size: 18px;}
.header-dlgk-box .header-text img{display: block;}

.yxdl-container{padding-left: 140px;}
.title{padding-left: 34px;}
.title a{display: block;}
.content{padding-left: 34px;}
.left-nav{width: 140px;margin-top: 60px; border-radius: 10px;background: linear-gradient(180deg, rgba(182, 216, 250, 1) 0%, rgba(255, 255, 255, 0) 100%);padding: 86px 19px;position: absolute;transition: all 0.2s;z-index: 999;}
.footer .znwd-box{display: none;}
.left-nav .znwd-box{display: none;position: absolute;left: 50%;right:auto;bottom: calc(100% - 54px);transform: translateX(-47%);}
.left-nav ul li{width: 99px;height: 100px;color: rgba(32, 79, 149, 1);font-size: 22px;font-weight: 700;padding: 20px 25px;cursor: pointer;transition: all 0.2s;}
.left-nav ul li:hover{color: rgb(0, 140, 255);}
.left-nav ul li.on{background: url(/dlzrmzf/pc2025/images/yxdl/left_nav_active_bg.png) center center no-repeat;color: #fff;}

/* 大理概况 */
.dlgk-box{margin-top: 530px;position: relative;}
.dlgk-box .content-box1{margin-top: 20px;}
.dlgk-box .content-box1 p{float: left; width: calc(738 / 1090 * 100%);font-size: 20px;line-height: 46px;text-indent: 2em;}
.dlgk-box .content-box1 img{float: right; width: calc(300 / 1090 * 100%);}
.dlgk-box .content-box2{margin: 63px auto 0 auto;position: relative;padding: 0 20px;}
.dlgk-box .content-box2 ul{position: absolute;left: 50%;bottom: 0;width: 90%;transform: translateX(-50%);}
.dlgk-box .content-box2 li {position: absolute;width: 138px;transform: translateX(-50%);}
.dlgk-box .content-box2 li:nth-child(1){left: 0;bottom: 233px;}
.dlgk-box .content-box2 li:nth-child(2){left: 25%;bottom: 79px;}
.dlgk-box .content-box2 li:nth-child(3){left: 50%;bottom: -16px;}
.dlgk-box .content-box2 li:nth-child(4){left: 75%;bottom: 79px;}
.dlgk-box .content-box2 li:nth-child(5){left: 100%;bottom: 233px;}
.dlgk-box .content-box2 .icon{position: relative;}
.dlgk-box .content-box2 .icon img{display: block;position: relative;z-index: 1;}
.dlgk-box .content-box2 .icon::after{content: "";display: block;width: 120px;height: 60px;background: url(/dlzrmzf/pc2025/images/yxdl/dlgk_icon_shadow.png) center center no-repeat;background-size: 100% 100%;position: absolute;z-index: 0;left: 50%;bottom: -30px;transform: translateX(-50%);}
.dlgk-box .content-box2 .text{font-size: 20px;color: #000;text-align: center;margin-top: 20px;font-weight: 700;line-height: 26px;}
.dlgk-box .content-box3{margin-top: 83px;}
.dlgk-box .content-box3 ul{margin: 0 -15px;}
.dlgk-box .content-box3 li{float: left;padding: 0 15px;width: calc(100% / 12);}
.dlgk-box .content-box3 li a{width: 100%;height: 174px;display: block; background: url(/dlzrmzf/pc2025/images/yxdl/dlgk_li_bg.png) center center no-repeat;background-size: 100% 100%;writing-mode: vertical-lr;line-height: 63px;text-align: center;font-size: 20px;font-weight: 700;color: rgba(55, 101, 171, 1);}
.dlgk-box .content-box3 li:hover a{background: url(/dlzrmzf/pc2025/images/yxdl/dlgk_li_active_bg.png) center center no-repeat;background-size: 100% 100%;color: #fff;}

/* 文化大理 */
.whdl-box{padding: 20px 0 70px 0;background: url(/dlzrmzf/pc2025/images/yxdl/whdl_bg.png) center center no-repeat;background-size: 100% 100%;}
.whdl-box .content{position: relative;}
.whdl-box .content .tab-box{background: url(/dlzrmzf/pc2025/images/yxdl/whdl_content_bg.png) center center no-repeat;background-size: 100% 100%;padding: 50px 50px;}
.whdl-box .content .tab-box .hd{width: fit-content;margin: 0 auto;}
.whdl-box .content .tab-box .hd li{margin: 0 30px;padding-bottom: 10px;}
.whdl-box .content .tab-box .hd li a{font-size: 22px;font-weight: 700;color: rgba(0, 0, 0, 1);}
.whdl-box .content .tab-box .hd li.on a{color: rgba(168, 40, 40, 1);}
.whdl-box .content .tab-box .hd li.on::after{background-color: rgba(168, 40, 40, 1);;width: 100%;left: 0;bottom: 0; transform: none;margin-left: 0;border-radius: 0;}
.whdl-box .content .tab-box .bd{margin-top: 12px;}
.whdl-box .content .tab-box .bd-item .left-img{width: calc(474 / 1020 *100%);float: left;margin-right: 10px;position: relative;}
.whdl-box .content .tab-box .bd-item .left-img .text{position: absolute;left: 50%;bottom: -5px;transform: translateX(-50%);font-size: 26px;font-weight: 700;color: rgba(32, 79, 149, 1);background: url(/dlzrmzf/pc2025/images/yxdl/whdl_text_bg.png) center center no-repeat;width: 236px;height: 59px;line-height: 59px;text-align: center;}
.whdl-box .content .tab-box .bd-item .right-list{float: left;width: calc(500 / 1020 * 100%);}
.whdl-box .content .tab-box .bd-item .right-list li{padding: 13px 0;}
.whdl-box .content .tab-box .bd-item .right-list li:nth-child(4){max-width: 90%;}
.whdl-box .content .tab-box .bd-item .right-list li:nth-child(5){max-width: 80%;}
.whdl-box .content .tab-box .bd-item .right-list a{font-size: 22px;color: rgba(0, 0, 0, 1);}
.whdl-box .content .bg-img{position: absolute;z-index: 3;right: -150px;bottom: -50px;}

/* 旅游大理 */
.lydl-box{background: url(/dlzrmzf/pc2025/images/yxdl/lydl_bg.png) center center no-repeat;background-size: 100% 100%;padding: 50px 0 100px 0;}
.lydl-box .content .tab-box{position: relative;width: calc(1055 / 1090 * 100%);height: 919px;background: url(/dlzrmzf/pc2025/images/yxdl/lydl_content_bg.png) center center no-repeat;background-size: 100% 100%;margin: 0 auto;}
.lydl-box .content .tab-box .hd {position: absolute;top: 0;left: 0;z-index: 2;}
.lydl-box .content .tab-box .hd li{width: 165px;height: 52px;background: url(/dlzrmzf/pc2025/images/yxdl/lydl_tab_bg.png) center center no-repeat;background-size: 100% 100%;position: absolute;}
.lydl-box .content .tab-box .hd li:nth-child(1){left: -5px;top: 125px;}
.lydl-box .content .tab-box .hd li:nth-child(2){left: 615px;top: 220px;}
.lydl-box .content .tab-box .hd li:nth-child(3){left: 235px;top: 728px;}
.lydl-box .content .tab-box .hd li:nth-child(4){left: 862px;top: 885px;}
.lydl-box .content .tab-box .hd li a{display: block;width: 100%;height: 100%;line-height: 49px;text-align: center;contain-intrinsic-size: 26px;color: rgba(125, 30, 26, 1);font-weight: 700;font-size: 26px;}
.lydl-box .content .tab-box .hd li.on a{color: #fff;background: url(/dlzrmzf/pc2025/images/yxdl/lydl_tab_active_bg.png) center center no-repeat;background-size: 100% 100%;}
.lydl-box .content .tab-box .bd{height: 100%;position: relative;z-index: 1;}
.lydl-box .content .tab-box .bd-item{height: 100%;position: relative;}
.lydl-box .content .tab-box .bd-item li{position: absolute;}
.lydl-box .content .tab-box .bd-item li a{display: block;width: 100%;height: 100%;overflow: hidden;}
.lydl-box .content .tab-box .bd-item li img{display: block;width: 100%;height: 100%;object-fit: cover;transition: all 0.3s;}
.lydl-box .content .tab-box .bd-item li:hover img{transform: scale(1.03);}
.lydl-box .content .tab-box .bd-item li:nth-child(1){width: calc(282 / 1090 * 100%);height: 165px;left: 274px;top: 125px;}
.lydl-box .content .tab-box .bd-item li:nth-child(2){width: calc(255 / 1090 * 100%);height: 167px;left: 98px;top: 300px;}
.lydl-box .content .tab-box .bd-item li:nth-child(3){width: calc(386 / 1090 * 100%);height: 185px;left: -27px;top: 477px;}
.lydl-box .content .tab-box .bd-item li:nth-child(4){width: calc(483 / 1090 * 100%);height: 363px;left: 353px;top: 300px;}
.lydl-box .content .tab-box .bd-item li:nth-child(5){width: calc(235 / 1090 * 100%);height: 313px;left: 827px;top: 421px;}
.lydl-box .content .tab-box .bd-item li:nth-child(6){width: calc(282 / 1090 * 100%);height: 165px;left: 546px;top: 673px;}

/* 大理视频 */
.dlsp-box{background: url(/dlzrmzf/pc2025/images/yxdl/dlsp_bg.png) center center no-repeat;background-size: 100% 100%;padding: 34px 0 160px 0;}
.dlsp-box .content{margin-top: 27px;}
.dlsp-box .dlsp-swiper-box{background: url(/dlzrmzf/pc2025/images/yxdl/dlsp_content_bg.png) center center no-repeat;background-size: 100% 100%;padding: 30px 0;position: relative;}
.dlsp-box .dlsp-swiper-box .swiper-container{width: calc(763 / 1090 * 100%);height: 429px;margin: 0 auto;}
.dlsp-box .dlsp-swiper-box .swiper-slide{width: 100%;}
.dlsp-box .dlsp-swiper-box .swiper-slide a{display: block;width: 100%;height: 100%;overflow: hidden;border-radius: 12px;}
.dlsp-box .dlsp-swiper-box .swiper-slide a video{display: block;width: 100%;height: 100%;object-fit: contain;}
.dlsp-box .dlsp-swiper-box .swiper-button{width: 23px;height: 32px;position: absolute;top: 51%;}
.dlsp-box .dlsp-swiper-box .swiper-button-prev{left: 50px;background: url(/dlzrmzf/pc2025/images/yxdl/arrow_left_icon.png) center center no-repeat;background-size: 100% 100%;}
.dlsp-box .dlsp-swiper-box .swiper-button-next{right: 50px;background: url(/dlzrmzf/pc2025/images/yxdl/arrow_right_icon.png) center center no-repeat;background-size: 100% 100%;}

/* 图片大理 */
.tpdl-box{padding: 26px 0 90px 0;background-color: #e5f2fb;}
.tpdl-box .content{margin-top: 19px;padding: 0;}
.tpdl-box .content .swiper-container{width: 100%;height: 506px;}
.tpdl-box .content .swiper-container .swiper-slide{width: 900px;height: 100%;}
.tpdl-box .content .swiper-container .swiper-slide a{display: block;width: 100%;height: 100%;}
.tpdl-box .content .swiper-container .swiper-slide a img{display: block;width: 100%;height: 100%;object-fit: cover;}
.tpdl-box .content .text{display: none; background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);position: absolute;bottom: 0;left: 0;width: 100%;padding: 43px 0 18px 0;text-align: center;color: #fff;font-size: 22px;}
.tpdl-box .content .swiper-container .swiper-slide-active .text{display: block;}

@media (max-width: 1500px) {
  .dlgk-box .content-box3 li a{line-height: 57px;}
  .left-nav ul li{padding:15px 17px 15px 23px;width:90px;height:90px;}
  .left-nav ul li.on{background-size:100% 100%;}
}

@media (max-width: 1280px) {
  .dlgk-box{margin-top: 470px;}
  .dlgk-box .content-box2 li{width: 100px;}
  .dlgk-box .content-box2 .text{font-size: 18px;margin-top: 10px;}
  .dlgk-box .content-box3 li{padding: 0 5px;}
  .whdl-box .content .tab-box .bd-item .left-img{display: none;}
  .whdl-box .content .tab-box .bd-item .right-list{width: 100%;}
  .whdl-box .content .tab-box .hd li{margin: 0 20px;}
  .whdl-box .content .bg-img{display: none;}
  .whdl-box .content .tab-box .bd-item .right-list li:nth-child(4){max-width: 100%;}
  .whdl-box .content .tab-box .bd-item .right-list li:nth-child(5){max-width: 100%;}
  .whdl-box .content .tab-box .bd-item .right-list a{font-size: 18px;}
  .lydl-box .content .tab-box{background: none;height: auto;}
  .lydl-box .content .tab-box .hd{position: relative;width: fit-content;margin: 0 auto;}
  .lydl-box .content .tab-box .hd li{position: unset;display: inline-block;margin: 0 10px;}
  .lydl-box .content .tab-box .bd{margin-top: 20px;}
  .lydl-box .content .tab-box .bd-item li{position: unset;width: 50% !important;height: 240px !important;float: left;padding: 10px;}
  .dlsp-box .dlsp-swiper-box .swiper-container{height: 340px;}
  .tpdl-box .content .swiper-container{height: 390px;}
  .tpdl-box .content .swiper-container .swiper-slide{width: 630px;}
}

@media (max-width: 992px) {
  .header-search{width: 40%;margin-top: 20px;margin-bottom: 10px;}
  .header-text img{width: 60%;}
  .dlgk-box{margin-top: 430px;}
  .left-nav{display: none;}
  .yxdl-container{padding-left: 0;}
  .content{padding-left: 0;}
  .header-dlgk-box{background-size: 135% 100%;}
  .dlgk-box .content-box1 p{font-size: 16px;width: 100%;}
  .dlgk-box .content-box1 img{display: none;}
  .dlgk-box .content-box2{padding: 0;}
  .lydl-box .content .tab-box .hd li{margin: 0 5px;}
  .dlsp-box .dlsp-swiper-box .swiper-container{height: 320px;}
  .tpdl-box .content .swiper-container{height: 360px;}
}

@media (max-width: 768px) {
  .title{padding-left: 0;}
  .header-dlgk-box .header-search{width: 50%;margin-top: 20px;}
  .header-dlgk-box .header-search .header-search-box{height: 45px;}
  .header-dlgk-box .header-text img{width: 50%;}
  .dlgk-box{margin-top: 30px;}
  .dlgk-box .content-box1{background-color: #ffffff58;padding: 20px;}
  .dlgk-box .content-box2{margin-top: 20px;}
  .dlgk-box .content-box2 li{width: 79px;}
  .dlgk-box .content-box2 li:nth-child(1){bottom: 163px;}
  .dlgk-box .content-box2 li:nth-child(2){bottom: 39px;}
  .dlgk-box .content-box2 li:nth-child(3){bottom: -16px;}
  .dlgk-box .content-box2 li:nth-child(4){bottom: 39px;}
  .dlgk-box .content-box2 li:nth-child(5){bottom: 163px;}
  .dlgk-box .content-box3 ul{margin: 0 -20px;}
  .dlgk-box .content-box3 li{width: calc(100% / 6);padding: 10px 20px;display: table;table-layout: fixed;}
  .dlgk-box .content-box3 li a{line-height: 79px;display:table-cell;vertical-align: middle;}
  .whdl-box .content .tab-box .hd li{margin: 0 10px;}
  .whdl-box .content .tab-box .hd li a{font-size: 18px;}
  .whdl-box .content .tab-box .bd-item .right-list a{font-size: 16px;}
  .lydl-box .content .tab-box .hd{font-size: 0;width: 100%;}
  .lydl-box .content .tab-box .hd li{margin: 0;width: calc(100% / 4);}
  .lydl-box .content .tab-box .hd li a{font-size: 16px;}
  .header-search .header-search-box .header-search-btn{line-height: 45px;}
  .header-search .header-search-box .header-search-btn::before{font-size: 16px;}
}

@media (max-width: 431px) {
  .header-dlgk-box .header-logo{width: 100%;float: none;}
  .header-dlgk-box .header-search{width: 100%;float: none;}
  .dlgk-box{overflow:hidden;}
  .dlgk-box .content-box1{padding: 15px;margin-top: 0;}
  .dlgk-box .content-box1 p{font-size: 14px;line-height: 1.5;}
  .dlgk-box .content-box2 li{width: 56px;}
  .dlgk-box .content-box2 .text{font-size: 14px;}
  .dlgk-box .content-box2 li:nth-child(1){bottom: 43px;}
  .dlgk-box .content-box2 li:nth-child(2){bottom: -9px;}
  .dlgk-box .content-box2 li:nth-child(3){bottom: -50px;}
  .dlgk-box .content-box2 li:nth-child(4){bottom: -9px;}
  .dlgk-box .content-box2 li:nth-child(5){bottom: 43px;}
  .dlgk-box .content-box3 ul{margin: 0;}
  .dlgk-box .content-box3 li{padding: 5px;}
  .dlgk-box .content-box3 li a{height: 120px;font-size: 14px;}
  .header-dlgk-box{padding-bottom: 30px;}
  .whdl-box .content .tab-box{padding: 39px 20px;}
  .whdl-box .content .tab-box .hd{white-space: nowrap;overflow: auto;width: 100%;}
  .whdl-box .content .tab-box .hd li{float: none;display: inline-block;}
  .whdl-box .content .tab-box .hd li a{font-size: 16px;}
  .whdl-box .content .tab-box .bd-item .right-list li{padding: 5px 0;}
  .whdl-box .content .tab-box .bd-item .right-list li a{font-size: 14px;}
  .whdl-box{padding: 20px 0 30px 0;}
  .lydl-box{padding: 20px 0 30px 0;}
  .lydl-box .content .tab-box .hd{margin: 0 -5px;width: auto;}
  .lydl-box .content .tab-box .hd li{margin: 0 5px;width: calc((100% - 20px) / 2);}
  .lydl-box .content .tab-box .hd li a{line-height: 50px;}
  .lydl-box .content .tab-box .bd-item li{width: 100% !important;padding: 0;margin-top: 10px;height: 200px !important;}
  .lydl-box .content .tab-box .bd{margin-top: 0;}
  .dlsp-box{padding: 20px 0 30px 0;}
  .dlsp-box .dlsp-swiper-box{padding: 15px 0;}
  .dlsp-box .dlsp-swiper-box .swiper-container{width: 75%; height: 170px;}
  .dlsp-box .content{margin-top: 20px;}
  .dlsp-box .dlsp-swiper-box .swiper-button{width: 16px;height: 20px;top: 56%;}
  .dlsp-box .dlsp-swiper-box .swiper-button-prev{left: 15px;}
  .dlsp-box .dlsp-swiper-box .swiper-button-next{right: 15px;}
  .tpdl-box .content .swiper-container{height: 230px;}
  .tpdl-box .content{padding: 0 15px;}
  .tpdl-box .content .swiper-container .swiper-slide{width: 100%;}
  .tpdl-box{padding: 20px 0 30px 0;}
}