@charset "UTF-8";
body{background: url(../images/zjws/zjws_banner.jpg) no-repeat top center; background-size: 1920px  auto;}
.zjws-thead {padding: 100px 0;}
.zjws-thead img{height: 425px;}

.zjws-wsgkbg{background: url(../images/zjws/zjws_wsgkbg.png) no-repeat bottom center; background-size: 1920px auto;}
.zjws-wsgk{margin-top: -60px; position: relative;z-index: 1;padding-left: 53px;padding-right: 55px;padding-top: 60px;cursor: pointer;padding-bottom: 60px;margin-bottom: 40px;}
.zjws-wsgk::before{position: absolute;content: '';width: 55px; height: 100%; top: 0; left: 0; background: url(../images/zjws/zjws_wsgk_l.png) no-repeat;background-size: 100% 100%;}
.zjws-wsgk::after{position: absolute;content: '';width: 55px; height: 100%; top: 0; right: 0; background: url(../images/zjws/zjws_wsgk_r.png) no-repeat;background-size: 100% 100%;}
.zjws-wsgk .item{background:url(../images/zjws/zjws_wsgk_bg.png) no-repeat;background-size: 100% 100%; height: 450px;position: relative;padding: 20px;}
.zjws-wsgk .item .padding{padding: 40px 30px;}

@media (max-width:1280px){
    .zjws-wsgk .item{height: auto;}
    .zjws-thead img{height: auto; width: 28%;} 
}
@media (max-width:780px){
    .zjws-thead{padding: 40px 0;}
    .zjws-thead img{height: auto; width: 40%;} 
    .zjws-wsgk .item .padding{padding: 20px 0;}
    .zjws-wsgk{margin-top: 0;}
}
.wsgk-thead{text-align: center;}
.wsgk-thead img{ height: 100px;}
.wsgk-txt{text-indent: 2em; line-height: 2.3em;font-size: 1.125em;}
.wsgk-txt a{color: #AB1B1B;}

.wsgk-list li a{background: url(../images/zjws/wsgjlist_bg.png) no-repeat; background-size: 100% 100%;height: 86px;line-height: 86px}
.wsgk-list li a i{margin-right: 10px;}
.wsgk-list li a i img{width: 50px;}
.wsgk-list li a span{font-size: 1.5em;}

@media (max-width:992px){
    .wsgk-list li a i img{width: 30px;}
    .wsgk-list li a span{font-size: 1.125em;}
}

@media (max-width:780px){
    .zjws-wsgk::after,.zjws-wsgk::before{content: initial;}
    .zjws-wsgk{padding:0;}
    .wsgk-thead img{height: auto;}
}

.zjws-tit{text-align: center;}
.zjws-tit img{height: 140px;}
/* 旅游指南 */
.lyzn{background: url(../images/zjws/zjws_lyznbg.png) no-repeat top center; background-size:1920px 100%;padding: 20px 0 40px;}

.lyzn-swiper{position: relative;}
.lyzn .lyzn-swiper .swiper-slide{width: 65.5%; position:relative}
.lyzn .lyzn-swiper .swiper-slide.swiper-slide-active{z-index:99}
.lyzn .lyzn-swiper .swiper-slide.xzjj-tab > .hd img{width:100%;height:100%;display:block;}
.lyzn .swiper-slide .box{padding: 30px;position: relative;}
.lyzn .swiper-slide.swiper-slide-active .imgratio{box-shadow: 0px 9.28px 37.1px  rgba(56, 28, 0, 0.5);}
.lyzn .swiper-slide.swiper-slide-active  .txt{display: block;}
.lyzn .swiper-slide .txt{position: absolute; left: 0;right: 0; width: 80%;margin: auto; z-index: 99;  bottom: 0; height: 60px; line-height: 60px;display: none;}
.lyzn .swiper-slide .txt a{display: block; color: #fff; background: linear-gradient(90deg, rgba(171, 27, 27, 1) 0%, rgba(230, 115, 115, 1) 100%);  padding: 0px 20px;border-radius: 6px;padding-left: 30%;}
.lyzn .swiper-slide .txt span{display:block; font-size: 1.5em;position: absolute; left: 0; width: 25%;text-align: center;top: 0;}
.lyzn .swiper-slide .txt span:after{position: absolute; right: 0; top: 50%; margin-top: -10px; content:''; width: 1px; height:20px; background: #fff; opacity: .6;}

.lyzn-swiper .swiper-button{width: 60px;height: 60px;}
.lyzn-swiper .swiper-button.swiper-button-prev{background: url(../images/zjws/zjws_prev.png) no-repeat; background-size: 100%;}
.lyzn-swiper .swiper-button.swiper-button-next{background: url(../images/zjws/zjws_next.png) no-repeat; background-size: 100%;}

@media (max-width:1280px){
    .lyzn .lyzn-swiper .swiper-slide{width: 80%;}
}

@media (max-width:992px){
    .lyzn .lyzn-swiper .swiper-slide{width: 100%;}
    .zjws-tit img{height: auto;}
}
@media (max-width:480px){
    .lyzn .swiper-slide .box{padding: 0px 30px;}
    .lyzn-swiper .swiper-button{width: 35px; height: 35px;}
    .lyzn .swiper-slide .txt a{padding-left: 35%;}
    .lyzn .swiper-slide .txt span{width: 30%;}
    .lyzn .swiper-slide .txt span{font-size: 1.125em;}
}
/* 魅力巍山 */
.mlws{background: url(../images/zjws/zjws_mlwsbg.png) no-repeat top center; background-size:1920px 100%;padding: 40px 0 60px;}
.mlws-list .imgratio{padding-top: 138%;}


/* 巍山视频 */
.wssp{background: url(../images/zjws/zjws_wssp_bg.png) no-repeat top center; background-size:1920px 100%;padding: 40px 0 60px;}
.wssp .wssp-box{background: url(../images/zjws/zjws_wssp_bg1.png) no-repeat;  background-size:100% 100%; padding: 75px 0;}
.wssp .wssp-box .sqgk-video{width: 1122px; height: 555px;margin: auto;}

@media (max-width:1280px){
    .wssp .wssp-box{padding-left: 50px;padding-right: 50px;}
    .wssp .wssp-box .sqgk-video{width: auto;height: 480px;}
    
}
@media (max-width:992px){
    .wssp .wssp-box{padding: 0px 40px 40px;}
    .wssp .wssp-box .sqgk-video{height: auto;}
}
@media (max-width:480px){
    .wssp .wssp-box{padding:20px ;}
    .mlws{padding: 30px 0;}
}


/* 乡镇简介 */
.xzjj{background: url(../images/zjws/zjws_xcjjbg.png) no-repeat top center; background-size:1920px 100%;padding: 40px 0 60px;}

.xzjj-tab > .hd {position: relative;}
.xzjj-tab > .hd ul li a{background: url(../images/zjws/zjws_wsgjbg1.png) no-repeat;background-size: 100% 100%;font-size: 1.57em;font-weight: bold;color: #fff;}
.xzjj-tab > .hd ul li a{display: block;text-align: center;padding: 18px 10px;margin: 0px 10px;}
.xzjj-tab .swiper-container{margin-left: -10px;margin-right: -10px;}
.xzjj-tab .swiper-button{width: 15px;height: 25px;opacity: 1;margin-top: -12px;}
.xzjj-tab .swiper-button.swiper-button-prev{background: url(../images/zjws/zjws_xzjj_prev.png) no-repeat; background-size: 100% 100%;left: -30px;}
.xzjj-tab .swiper-button.swiper-button-next{background: url(../images/zjws/zjws_xzjj_next.png) no-repeat; background-size: 100% 100%;right: -30px;}
.xzjj-tab > .hd ul li.on a,
.xzjj-tab > .hd ul li:hover a{background: url(../images/zjws/zjws_wsgjbg1_on.png) no-repeat;background-size: 100% 100%;}

.xzjj-tab .bd{background: #fff;box-shadow: 0px 0px 10px  rgba(0, 0, 0, 0.12);padding: 30px 40px; min-height: 350px;}
.xzjj-tab .bd .item{line-height: 2.2em;font-size: 1.125em;}
.xzjj-tab .bd .item p{text-indent: 2em;}
.xzjj-tab .bd .item a{color: #A92820;}

@media (max-width:992px){
    .xzjj-tab > .hd{margin-bottom: 20px;}
    .xzjj-tab > .hd ul li a{font-size: 14px;}
    .xzjj-tab .swiper-button.swiper-button-next{right: 0;}
    .xzjj-tab .swiper-button.swiper-button-prev{left: 0;}
}

@media (max-width:480px){
    .xzjj-tab .bd{padding: 20px;}
    .xzjj-tab .bd .item{font-size: 1em;}
}