@charset "utf-8";
.swiper-container{
    overflow:visible !important;
}
.tit img{
    display: block;
}
.zjhqbox{
    height: 5526px;
    overflow: hidden;
    background: url(../images/zjhq/zjhq_bg.png) no-repeat;
    background-size: 100% 100%;
}
/* 头部 */
.header{
    min-height: 773px;
}
.header .logo{
    margin-top: 47px;
    height: 82px;
}
.header .logo img{
    height: 100%;
}
.header .txt{
    float: right;
}
/* 鹤庆概况 */
.hqgkbox{
    position: relative;
    height: fit-content;
}
.bg-hqgk-r{
    position: absolute;
    right: -13%;
    top: -20%;
}
.bg-hqgk-l{
    position: absolute;
    left: -28.5%;
    bottom: 23%;
    z-index: -1;
}
.hqgk-tit{
    width: 297px;
    height: 120px;
}
.hqgk-tit span{
    display: block;
    height: 120px;
    padding-top: 37px;
    padding-left: 59px;
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    background: url(../images/zjhq/hqgk_titbg.png) no-repeat;
    background-size: 100% 100%;
}
.hqgk-con p{
    float: left;
    text-indent: 2em;
    width: 70.5%;
    height: 360px;
    line-height: 60px;
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hqgk-con p a{
    color: #C53027;
}
.hqgk-con .hqgk-logo{
    display: block;
    float: right;
    margin-top: -52px;
    margin-right: 108px;
}
.hqgk-img{
    position: relative;
    float: left;
    display: block;
    margin-left: -150px;
    margin-top: -132px;
    width: 868px;
    height: 868px;
    z-index: -1;
}
.hqgk-img img{
    position:absolute;
}
.hqgk-list{
    width: auto;
    float: left;
    position: relative;
    margin-left: -138px;
    margin-top: 30px;
}
.hqgk-list a{
    position: absolute;
    display: block;
    width: 88px;
    height: 260px;
    background: url(../images/zjhq/gk_libg.png) no-repeat;
    background-size: 100% 100%;
}
.hqgk-list a img{
    display: block;
    margin: 0 auto;
    padding-top: 56px;
}
.hqgk-list a:nth-child(1){
    left: 0;
}
.hqgk-list a:nth-child(2){
    left: 148px;
    margin-top: 142px;
}
.hqgk-list a:nth-child(3){
    left: 296px;
    margin-top: 27px;
}
.hqgk-list a:nth-child(4){
    left: 444px;
    margin-top: 211px;
}
.hqgk-list a:nth-child(5){
    left: 592px;
    margin-top: 76px;
}
/* 乡镇概况 */
.xzgkbox{
    position: relative;
    min-height: 690px;
}
.bg-xzgk{
    position: absolute;
    right: -16%;
    top: -65%;
    z-index: -1;
}
.xzgkbox .hd{
    height:30px;
}
.tab-brief > .hd li + li{margin-left: 0px;}
.xzgk-nav{
    width: 100%;
}
.xzgk-nav li{
    width: calc(100%/9);
    font-size: 24px;
    text-align: center;
}
.xzgk-nav li.on::after{
    position: absolute;
    bottom: -30%;
    left: 50%;
    transform: translateX(-50%);
    content: '';
    background: url(/hqxrmzf/pc2025/images/zjhq/gk_li_on.png) no-repeat;
    height: 4px;
    width: 72px;
}
.xzgk-content{
    position: relative;
    width: 100%;
    height: 400px;
}
.xzgk-con{
    width: 100%;
    height: 425px;
    margin-top: 24px;
    background: url(/hqxrmzf/pc2025/images/zjhq/gk_leftbg.png) no-repeat;
    background-size: 100% 100%;
}
.xzgk-con>li{
    display: none;
    height: 100%;
}
.xzgk-con>li.on{
    display: block;
}
.xzgk-con .xzgk-txt{
    float: left;
    width: 50%;
    height: 100%;
    padding: 32px 82px 32px 43px;
}
.xzgk-txt p{
    width: 100%;
    height: 100%;
    text-indent: 2em;
    line-height: 60px;
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.xzgk-con p a{
    color: #C53027;
}
.xzgk-con .xzgk-img{
    float: right;
    width: 50%;
    height: 100%;
}
.xzgk-img img{
    
width: 100%;
    
height: 100%;
}
.xzgk-con-tit{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 185px;
    height: 185px;
    background: url(/hqxrmzf/pc2025/images/zjhq/gk_icon.png) no-repeat;
    background-size: 100% 100%;
}
.xzgk-con-tit span{
    display: block;
    text-align: center;
    line-height: 185px;
    font-size: 32px;
    color: #fff;
}
/* 鹤庆旅游 */
.hqlybox{
    margin-top: 127px;
    min-height: 775px;
}
.ly-list{
    width: 100%;
    margin-top: 43px;
}
.ly-list>li{
    float: left;
    width:  calc(100%/3);
    display: flex;
    justify-content: center;
}
.ly-list li:nth-child(2){
    display: flex;
    /* justify-content: center; */
}
.ly-list li:nth-child(3){
    display: flex;
    /* justify-content: right; */
}
.ly-tjjd,.ly-lyxx,.ly-myhq{
    position: relative;
    display: block;
    float: left;
    width: 340px;
    height: 460px;
    transition: transform .5s ease,box-shadow .5s ease;
}
.ly-list .ly-tjjd:hover,.ly-lyxx:hover,.ly-myhq:hover{
    width: 440px;
    height: 560px;
    transform:translateY(-8%);
    box-shadow:0 10px 20px rgba(0,0,0,0.15);
}
.ly-list .ly-tjjd{
    background: url(/hqxrmzf/pc2025/images/zjhq/ly_bg1.png) no-repeat;
    background-size: 100% 100%;
}
.ly-list .ly-lyxx{
    background: url(/hqxrmzf/pc2025/images/zjhq/ly_bg2.png) no-repeat;
    background-size: 100% 100%;
}
.ly-list .ly-myhq{
    background: url(/hqxrmzf/pc2025/images/zjhq/ly_bg3.png) no-repeat;
    background-size: 100% 100%;
}
.ly-list>li img{
    display: block;
    margin: 35px auto 0;
    width: 296px;
    height: auto;
}
.ly-list>li span{
    position: absolute;
    margin-top: 28px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 30px;
    font-weight: 700;
    color: #fff;
}
.ly-tjjd:hover img,.ly-lyxx:hover img,.ly-myhq:hover img{
    width: 386px;
    height: auto;
}
.ly-tjjd:hover span,.ly-lyxx:hover span,.ly-myhq:hover span{
    font-size: 40px;
}
.ly-tjjd:hover a,.ly-lyxx:hover a,.ly-myhq:hover a{
    width: 277px;
    font-size: 18px;
}
.ly-more{
    position: absolute;
    bottom: 62px;
    left: 50%;
    transform: translateX(-50%);
}
.ly-more a{
    display: block;
    width: 222px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: url(/hqxrmzf/pc2025/images/zjhq/ly_gdbg.png) no-repeat;
    background-size: 100% 100%;
}
/* 鹤庆民俗 */
.hqmsbox{
    position: relative;
    margin-top: 127px;
    min-height: 838px;
}
.bg-hqms{
    position: absolute;
    left: -4.2%;
    top: 7%;
}
.ms-list{
    width: 100%;
}
.ms-list>li{
    float: left;
    width: calc(100%/3);
}
.ms-list li:nth-child(2),.ms-list li:nth-child(5){
    display: flex;
    justify-content: center;
}
.ms-list li:nth-child(3),.ms-list li:nth-child(6){
    display: flex;
    justify-content: right;
}
.ms-list li:nth-child(4),.ms-list li:nth-child(5),.ms-list li:nth-child(6){
    margin-top:118px;
}
.ms-list>li a{
    display: flex;
    align-items: center;
}
.ms-list>li img{
    display: block;
    margin: 8% 13%;
    width: 80%;
    height: 80%;
    border-radius: 50%;
}
.ms-list  .ms-img{
    width: 262px;
    height: 243px;
    background: url(../images/zjhq/ms_iconbg.png) no-repeat;
    background-size: 100% 100%;
}
.ms-list .ms-tit{
    display: inline-block;
    margin-left: 15px;
    height: 216px;
    border-left: #E5E5E5 solid 1px;
    border-right: #E5E5E5 solid 1px;
}
.ms-list>li span{
    letter-spacing: 8px;
    line-height: 89px;
    font-size: 20px;
    font-weight: 700;
    color: #204F95;
    writing-mode: vertical-rl;
    height: max-content;
}
/* 鹤庆特产 */
.hqtcbox{
    margin-top: 127px;
    margin-bottom: 129px;
}
.tc-swiper{
    position: relative;
    margin-top: 30px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.swiper-container {
    width:100%;
}
.tc-swiper .swiper-slide{
    box-shadow: 6px 9px 27px  rgba(18, 71, 150, 0.3);
}
.tc-swiper img{
    display: block;
    width: 100%;
    height: 400px;
}
.tc-swiper span{
    display: block;
    width: 100%;
    height: 72px;
    line-height: 72px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
}
.tc-swiper .swiper-button-prev,.tc-swiper .swiper-button-next{
    position: absolute;
    width: 62px;
    height: 62px;
}
.tc-swiper .swiper-button-prev{
    background: url(../images/zjhq/arrow_l.png) no-repeat;
    background-size: 100% 100%;
    left: 32.5%;
}
.tc-swiper .swiper-button-next{
    background: url(../images/zjhq/arrow_r.png) no-repeat;
    background-size: 100% 100%;
    right: 32.5%;
}
@media screen and (max-width: 1500px){
    .hqlybox,.hqtcbox{
        margin: 60px 0;
    }
    .tit img{
        width: 50%;
    }
    .zjhqbox{
        width: 100%;
        height: auto;
        background: none;
    }
    /* 头部 */
    .header{
        min-height: 600px;
        background: url(../images/zjhq/headerbg.png) no-repeat;
        background-size: 100% 100%;
    }
    .header .logo img{
        height: 90%;
    }
    .header .txt img{
        width: 90%;
    }
    .main{
        background: url(../images/zjhq/mainbg.png) no-repeat;
        background-size: 100% 100%;
    }
    /* 鹤庆概况 */
    .hqgk-con p{
        width: 68%;
        line-height: 50px;
    }
    .hqgk-con .hqgk-logo{
        margin-right: 16%;
        margin-top: -3%;
        width: 16%;
    }
    .hqgk-img{
        width: 67%;
        z-index: 1;
    }
    .hqgk-img img{
    }
    .bg-hqgk-r{
        right: -22%;
        top: -17%;
    }
    .bg-hqgk-r img,.bg-hqgk-l img{
        width: 80%;
    }
    .bg-hqgk-l{
        left: -31%;
        bottom: 33%;
    }
    .hqgk-bottom{
        margin-top: 50px;
    }
    /* 乡镇概况 */
    .bg-xzgk{
        right: -33%;
        top: -43%;
    }
    .bg-xzgk img{
        width: 80%;
    }
    .xzgk-con{
        height: 100%;
    }
    .xzgk-con p{
        height: 100%;
        line-height: 55px;
    }
    .xzgk-con .xzgk-img img{
        width: 100%;
        height: 100%;
    }
    .hqlybox{
        min-height: 790px;
    }
    /* 鹤庆旅游 */
    .ly-list .ly-tjjd:hover,.ly-lyxx:hover,.ly-myhq:hover{
        width: 400px;
        height: 500px;
    }
    .ly-tjjd:hover img,.ly-lyxx:hover img,.ly-myhq:hover img{
        width: 90%;
    }
    .ly-tjjd:hover span,.ly-lyxx:hover span,.ly-myhq:hover span{
        font-size: 34px;
    }
    /* 鹤庆民俗 */
    .hqmsbox{
        margin-top: 0;
    }
    .tc-swiper .swiper-button-prev{
        left: 32%;
    }
    .tc-swiper .swiper-button-next{
        right: 32%;
    }
    .tc-swiper img{
        height: 240px;
    }
}
@media screen and (max-width: 1280px){
    .hqgk-con p{
        font-size: 18px;
    }
    .bg-hqgk-r img,.bg-hqgk-l img{
        width: 70%;
    }
    .bg-hqgk-r{
        right: -32%;
        top: -6%;
    }
    .bg-hqgk-l{
        left: -33%;
        bottom: 25%;
    }
    .hqgk-bottom{
        margin-top: 100px;
    }
    .hqgk-img{
        width: 60%;
        margin-left: -10%;
        height: 500px;
    }
    .hqgk-list{
        margin-left: -10%;
        margin-top: -3%;
    }
    .hqgk-list a:nth-child(1){
        left: 0;
    }
    .hqgk-list a:nth-child(2){
        left: 120px;
    }
    .hqgk-list a:nth-child(3){
        left: 240px;
    }
    .hqgk-list a:nth-child(4){
        left: 360px;
    }
    .hqgk-list a:nth-child(5){
        left: 480px;
    }
    .hqgk-list a{
        width: 80px;
        height: 240px;
    }
    .hqgk-list a img{
        padding-top: 52px;
        height: 75%;
    }
    /* 乡镇概况 */
    .xzgk-con{
    }
    .bg-xzgk{
        right: -46%;
        top: -56%;
    }
    .bg-xzgk img{
        width: 73%;
    }
    .xzgkbox{
        margin-top: 100px;
        min-height: fit-content;
    }
    .xzgk-content{
        height: 335px;
    }
    .xzgk-con p{
        line-height: 40px;
        font-size: 18px;
    }
    .xzgk-con-tit{
        width: 150px;
        height: 150px;
    }
    .xzgk-con-tit span{
        line-height: 150px;
        font-size: 28px;
    }
    /* 鹤庆旅游 */
    .hqlybox{
        min-height: 650px;
        margin-top: 80px;
    }
    .ly-list{
        margin-top: 20px;
    }
    .ly-tjjd,.ly-lyxx,.ly-myhq{
        width: 280px;
        height: 400px;
    }
    .ly-tjjd img,.ly-lyxx img,.ly-myhq img{
        width: 86% !important;
    }
    .ly-list .ly-tjjd:hover,.ly-lyxx:hover,.ly-myhq:hover{
        width: 320px;
        height: 442px;
    }
    .ly-tjjd:hover span,.ly-lyxx:hover span,.ly-myhq:hover span{
        margin-top: 40px;
    }
    .ly-more{
        bottom: 12%;
    }
    .ly-more a{
        width: 186px;
        height: 50px;
        line-height: 50px;
    }
    /* 鹤庆民俗 */
    .hqmsbox{
        min-height: 640px;
    }
    .bg-hqms img{
        width: 70%;
    }
    .ms-list  .ms-img{
        width: 200px;
        height: 180px;
    }
    .ms-list .ms-tit{
        margin-left: 15px;
        height: 180px;
    }
    .ms-list>li span{
        letter-spacing: 6px;
        line-height: 75px;
        font-size: 18px;
        font-weight: 700;
    }
    .ms-list li:nth-child(4),.ms-list li:nth-child(5),.ms-list li:nth-child(6){
        margin-top:80px;
    }
    .tc-swiper span{
        height: 60px;
        line-height: 60px;
        font-size: 18px;
    }
}
@media screen and (max-width: 992px){
    .header{
        min-height: 540px;
    }
    .header .logo{
        margin-top: 32px;
    }
    .header .logo img{
        height: 70%;
    }
    .header .txt img{
        width: 70%;
    }
    /* 鹤庆概况 */
    .hqgk-tit{
        width: 240px;
        height: auto;
    }
    .hqgk-tit span{
        height: 110px;
        padding-top: 35px;
        padding-left: 50px;
        font-size: 26px;
    }
    .hqgk-con p{
        line-height: 40px;
    }
    .hqgk-img{
        height: 400px;
    }
    .hqgk-con .hqgk-logo{
        margin-right: 11%;
        margin-top: -3%;
        width: 18%;
    }
    .bg-hqgk-r img,.bg-hqgk-l img{
        width: 60%;
    }
     .bg-hqgk-r{
        right: -43%;
        top: -9%;
    }
    .hqgk-list{
        margin-left: -6%;
        margin-top: -3%;
    }
    .hqgk-list a{
        width: 60px;
        height: 179px;
    }
    .hqgk-list a img{
        padding-top: 38px;
    }
    .hqgk-list a:nth-child(2){
        left: 90px;
        margin-top: 100px;
    }
    .hqgk-list a:nth-child(3){
        left: 180px;
    }
    .hqgk-list a:nth-child(4){
        left: 270px;
        margin-top: 150px;
    }
    .hqgk-list a:nth-child(5){
        left: 360px;
        margin-top: 52px;
    }
    /* 乡镇概况 */
    .bg-xzgk img{
        width: 55%;
    }
    .bg-xzgk{
        right: -70%;
        top: -58%;
    }
    .xzgk-con{
    }
    .xzgk-nav li{
        font-size: 18px;
    }
    .xzgk-content{
        height: 280px;
    }
    .xzgk-con .xzgk-txt{
        padding: 20px 53px 20px 20px;
    }
    .xzgk-con p{
        line-height: 34px;
        font-size: 16px;
    }
    .xzgk-con-tit{
        width: 110px;
        height: 110px;
    }
    .xzgk-con-tit span{
        line-height: 110px;
        font-size: 20px;
    }
    /* 鹤庆旅游 */
    .hqlybox{
        min-height: 510px;
        margin-top: 60px;
    }
    .ly-tjjd,.ly-lyxx,.ly-myhq{
        width: 230px;
        height: 320px;
    }
    .ly-list>li img{
        margin: 25px auto 0;
    }
    .ly-list>li span{
        margin-top: 20px;
        font-size: 24px;
    }
    .ly-more{
        bottom: 12%;
    }
    .ly-more a{
        width: 160px;
        height: 45px;
        line-height: 44px;
        font-size: 14px;
    }
    .ly-list .ly-tjjd:hover,.ly-lyxx:hover,.ly-myhq:hover{
        width: 250px;
        height: 345px;
    }
    .ly-tjjd:hover span,.ly-lyxx:hover span,.ly-myhq:hover span{
        margin-top: 28px;
        font-size: 28px;
    }
    .ly-tjjd:hover a,.ly-lyxx:hover a,.ly-myhq:hover a{
        width: 180px;
        font-size: 16px;
    }
    /* 鹤庆民俗 */
    .hqmsbox{
        min-height: 580px;
    }
    .bg-hqms img{
        display: none;
    }
    .ms-list  .ms-img{
        width: 160px;
        height: 150px;
    }
    .ms-list>li span{
        letter-spacing: 4px;
        line-height: 60px;
        font-size: 16px;
    }
    .tc-swiper img{
        height: 210px;
    }
    .tc-swiper span{
        height: 50px;
        line-height: 50px;
    }
    .tc-swiper .swiper-button-prev,.tc-swiper .swiper-button-next{
        background-size: 80% 80%;
    }
}
@media screen and (max-width: 768px){
    .header{
        min-height: 480px;
    }
    .header .logo img{
        height: 60%;
    }
    .header .txt img{
        width: 60%;
    }
    .hqgk-tit{
        width: 200px;
    }
    .hqgk-tit span{
        height: 96px;
        padding-top: 30px;
        padding-left: 35px;
        font-size: 24px;
    }
    .hqgk-con p{
        line-height: 36px;
        font-size: 16px;
        height: fit-content;
    }
    .hqgk-con p a{
    font-size: 14px;
    }
    .hqgk-con .hqgk-logo{
        margin-right: 16%;
        margin-top: -3%;
        width: 16%;
    }
    .bg-hqgk-r img,.bg-hqgk-l img{
        width: 48%;
    }
     .bg-hqgk-r{
        right: -64%;
        top: -7%;
    }
    .hqlybox{
        margin-top: 50px;
        min-height: 500px;
    }
    .hqgk-img{
        margin-left: -7%;
    }
    .hqgk-list{
        margin-left: -6%;
        margin-top: -8%;
    }
    .hqgk-list a{
        width: 56px;
        height: 162px;
    }
    .hqgk-list a img{
        padding-top: 34px;
    }
    .hqgk-list a:nth-child(2){
        left: 75px;
        margin-top: 78px;
    }
    .hqgk-list a:nth-child(3){
        left: 150px;
        margin-top: 15px;
    }
    .hqgk-list a:nth-child(4){
        left: 225px;
        margin-top: 125px;
    }
    .hqgk-list a:nth-child(5){
        left: 300px;
        margin-top: 47px;
    }

    /* 乡镇概况 */
    .xzgkbox{
        margin-top: 50px;
    }
    .bg-xzgk img{
        display: none;
    }
    .bg-xzgk{
        right: -100%;
    }
    .xzgk-nav li{
        font-size: 18px;
    }
    .xzgk-content{
        height: 270px;
    }
    .xzgk-con .xzgk-txt{
        padding: 15px 60px 15px 15px;
    }
    .xzgk-con p{
        line-height: 30px;
    }
    .xzgk-con-tit{
        width: 110px;
        height: 110px;
    }
    .xzgk-con-tit span{
        line-height: 110px;
        font-size: 20px;
    }
    .tc-swiper .swiper-button-prev{
        left: 23%;
    }
    .tc-swiper .swiper-button-next{
        right: 23%;
    }
}
@media screen and (max-width: 431px){
    .tit{
        text-align: center;
    }
    .tit img{
        width: 80%;
        margin: 0 auto;
    }
    .header{
        min-height: 280px;
    }
    .header .logo{
        margin-top: 32px;
        height:35px;
    }
    .header .logo img{
        height: 90%;
    }
    .header .txt{
        width: 25%;
        margin-right: 50px;
    }
    .header .txt img{
        width: 100%;
    }
    /* 鹤庆概况 */
    .hqgk-tit{
        width: 160px;
    }
    .hqgk-tit span{
        height: 70px;
        padding-top: 20px;
        padding-left: 31px;
        font-size: 18px;
    }
    .hqgk-con p{
        line-height: 30px;
        height: 180px;
        width: 100%;
        font-size: 14px;
    }
    .hqgk-con p a{
        font-size: 14px;
    }
    .hqgk-con .hqgk-logo{
    display: none;
    }
    .bg-hqgk-r img,.bg-hqgk-l img{
        display:none;
    }
     .bg-hqgk-r{
        width: 60%;
        right: -18%;
        top: 0;
    }
    .hqgkbox{
        height: fit-content;
    }
    .hqgk-img{
        display: none;
    }
    .hqgk-bottom{
        margin-top: 20px;
        height: 180px;
    }
    .hqgk-list{
        width: 100%;
        margin-left: 0;
        margin-top: 0;
    }
    .hqgk-list a{
        width: 56px;
        height: 162px;
    }
    .hqgk-list a img{
        padding-top: 34px;
    }
    .hqgk-list a:nth-child(2){
        left: 70px;
        margin-top: 58px;
    }
    .hqgk-list a:nth-child(3){
        left: 140px;
        margin-top: 10px;
    }
    .hqgk-list a:nth-child(4){
        left: 210px;
        margin-top: 90px;
    }
    .hqgk-list a:nth-child(5){
        left: 280px;
        margin-top: 40px;
    }
    /* 乡镇概况 */
    .xzgk-con .xzgk-txt{
        float: none;
        width: 100%;
        height: 100%;
        padding: 20px;
    }
    .xzgk-nav li.on::after{
        bottom: -10%;
    }
    .xzgkbox{
        margin-top: 100px;
        min-height: 620px;
    }
    .xzgk-con{
        height: 251px;
        margin-top: 40px;
    }
    .xzgk-nav{
        margin-top: 0;
    }
    .bg-xzgk img{
        display: none;
    }
    .bg-xzgk{
        right: -100%;
    }
    .xzgk-nav li{
        font-size: 14px;
        width: 20%;
        height: 30px;
        line-height: 30px;
    }
    .xzgk-content{
        height: fit-content;
    }
    .xzgk-con p{
        float: none;
        width: 100%;
        font-size: 14px;
        line-height: 30px;
    }
    .xzgk-con .xzgk-img{
        float: none;
        width: 100%;
        height: 215px;
        margin-top: 20px;
    }
    .xzgk-con-tit{
        display: none;
    }
    .xzgk-con-tit span{
        line-height: 110px;
        font-size: 20px;
    }
    /* 鹤庆旅游 */
    .hqlybox{
        margin-top: 50px;
    }
    .ly-list>li{
        float: none;
        width:  100%;
    }
    .ly-tjjd,.ly-lyxx,.ly-myhq{
        margin: 0 auto;
        width: 100%;
        height: 400px;
    }
    .ly-list .ly-tjjd:hover,.ly-lyxx:hover,.ly-myhq:hover{
        width: 100%;
        height: 400px;
        transform:translateY(0);
    }
    /* 鹤庆民俗 */
    .hqmsbox{
        margin-top: 40px;
    }
    .ms-list>li{
        width: 50%;
        padding-left: 35px;
    }
    .ms-list li:nth-child(3),.ms-list li:nth-child(6){
        justify-content: left;
    }
    .ms-list li:nth-child(2),.ms-list li:nth-child(5){
        justify-content: left;
    }
    .ms-list  .ms-img{
        width: 110px;
        height: 105px;
    }
    .ms-list>li span{
        letter-spacing: 2px;
        line-height: 40px;
        font-size: 14px;
    }
    .ms-list li:nth-child(4),.ms-list li:nth-child(5),.ms-list li:nth-child(6){
        margin-top:0;
    }
    .ms-list .ms-tit{
        margin-left: 10px;
        height: 130px;
        margin-top: 10px;
    }
    .ms-list>li{
        padding-left: 0;
        padding-top:20px;
    }
    /* 鹤庆美食 */
    .hqtcbox{
    margin: 20px 0;
    }
    .tc-swiper img{
        height: 200px;
        width: 100%;
    }
    .tc-swiper .swiper-button-prev,.tc-swiper .swiper-button-next{
        background-size: 60% 60%;
    }
    .tc-swiper span{
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }
    .tc-swiper .swiper-button-prev{
        left: 1%;
    }
    .tc-swiper .swiper-button-next{
        right: -6%;
    }
}