@charset "utf-8";

.section.header-section,
.section.footer-section,
.section.header-section .fp-tableCell,
.section.footer-section .fp-tableCell{height: auto !important;}

.zjzg-tit{text-align: center;}
/* top轮播 */
.topbannerbox{position: relative;overflow: hidden;width: 100%;height: 645px;}
.topbannerbox .container{position: relative;z-index: 2;}
.top-pic{padding-top: 160px;}
.topbannerbox .topbtn{position: absolute;top: 50%;transform: translateY(-50%);cursor: pointer;}
.topbannerbox .topbtn.prev{left: -80px;}
.topbannerbox .topbtn.next{right: -80px;}

.topbanner{position: absolute;width: 100%;height: 100%;}
.topbanner img{height: 100%;width: 100%;object-fit: cover;}
.topbanner .swiper-button-prev,.topbanner .swiper-button-next{display: none;}
.topbanner .swiper-pagination{bottom: 50px;}
.topbannerbox .topbanner .swiper-pagination-bullet{width: 15px;height: 15px;margin: 0 20px;background: #fff;opacity: 1;}
.topbannerbox .topbanner .swiper-pagination-bullet-active{width: 40px;border-radius: 8px;background: #2A82E4;}

/* 自贡概况 */
.zggkbox{padding: 18px 0 40px;background: url(../images/zjzg/zggk_bg.png) no-repeat top center;background-size: 100% 100%;}
.gkvideo{width: calc(655 / 1200 * 100%);height: 367px;border: 1px solid #ccc;}
.gkvideo video{object-fit: fill;width: 100%;height: 100%;}
.gktxt{width: calc(491 / 1200 * 100%);font-size: 1.25em;line-height: 45px;text-indent: 2em;}
.gkinfo .box{height: 73px;text-align: center;font-size: 1.5em;color: #000;font-family: '宋体';font-weight: bold;;line-height: 73px;;background: url(../images/zjzg/zggkico_bg.png) no-repeat;background-size: 100% 100%;}
.gkinfo .box:hover{background-image: url(../images/zjzg/zggkico_bg_on.png);}
.zggk-link-box{display: flex;justify-content:space-between;}
.zggk-link-box ul{width: calc(1000 / 1200 * 100%);}
.zggk-link-box .tszg-link{display: flex;justify-content: center;align-items: center;width: calc(200 / 1200 * 100%);background: url(../images/zjzg/tszg_link_bg.png) no-repeat;background-size: 100% 100%;}
.zggk-link-box .tszg-link span{font-size: 1.5em;color: #000;font-family: '宋体';font-weight: bold;}

/* 乐游自贡 */
.lyzgbox{padding: 19px 0 50px;background: url(../images/zjzg/lyzg_bg.png) no-repeat top center;background-size: 100% 100%;}

.lyzg .left-vedio{width: 78%;height: 500px;padding: 70px 135px;margin: 0 auto;background: url(../images/zjzg/lyzgvideo_bg.png) no-repeat top center;background-size: auto 100%;}
.lyzg .left-vedio .ratio-img{width: 100%;padding-top: calc(320 / 595 * 100%);position: relative;}
.lyzg .left-vedio .ratio-img video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}

.lydt > div{width: 25%;float: left;text-align: center;}


/* 投资自贡 */
.tzzgbox{padding: 15px 0 45px;background: url(../images/zjzg/tzzg_bg.png) no-repeat bottom center;background-size: 100% 100%;}
.tzzg-content{display: flex;justify-content: space-between;}
.park-banner{width: 70%;height: 560px;position: relative;overflow: hidden;padding-bottom: 105px;}
.park-banner .swiper-wrapper{display: flex;align-items: center;height: 100%;}
.park-banner .swiper-slide{position: relative;width: 35% !important;height: 100%;transition: all 0.5s;transform-origin: center;opacity: 0.4;}
.park-banner .swiper-slide-prev {margin-right: -8%;transform: scale(0.8);opacity: 0.6;z-index: 2;}
.park-banner .swiper-slide-next {margin-left: -8%;transform: scale(0.8);opacity: 0.6;z-index: 2;}
.park-banner .swiper-slide-active {width: 65% !important;transform: scale(1);opacity: 1;z-index: 3;}
.park-banner .swiper-slide img{width: 100%;height: 100%;object-fit: cover;border-radius: 8px;box-shadow: 0 5px 15px rgba(0,0,0,0.1);}
.park-banner .swiper-slide::after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);border-radius: 8px;transition: opacity 0.5s;pointer-events: none;}
.park-banner .swiper-slide-active::after {opacity: 0;}
.park-banner .swiper-pagination{width: 65px;height: 65px;text-align: center;line-height: 65px;color: #fff;left: 50%;transform: translateX(-50%);border-radius: 50%;background: #D28B1F;}
.park-banner .swiper-pagination span.swiper-pagination-current{font-size: 2em;}
.park-banner .swiper-button-prev,.park-banner .swiper-button-next{top: auto;bottom: 20px;width: 48px;height: 48px;line-height: 48px;font-size: 3em;color: #fff;background: #D28B1F url(../images/zjzg/arrow_prev.png) no-repeat center center;border-radius: 50%;}
.park-banner .swiper-button-next{background-image: url(../images/zjzg/arrow_next.png);right: 35%;}
.park-banner .swiper-button-prev{left: 35%;}
.park-banner .swiper-slide .txt{position: absolute;width: 100%;bottom:0px;padding: 20px;color: #fff;background: rgba(56, 56, 56, .6);}
.park-banner .swiper-slide .txt h4{font-size: 1.5em;margin-bottom: 15px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.tzzg-menu{width: 27.5%;}
.vertical-menu{display: flex;flex-direction: column;gap: 25px;}
.vertical-menu .box{display: block;}
.vertical-menu .box span{color: #fff;}
.vertical-menu .box .cn{display: block;font-size: 1.25em;font-weight: bold;}
.vertical-menu .box .en{display: block;font-size: 0.875em;}
.vertical-menu .box .more{display: inline-block;padding: 0 8px;margin-top: 25px;width: 110px;text-align: center;line-height: 30px;;font-size: 0.875em;border: 1px solid #fff;}
.vertical-menu .tzdt .box .more{margin-top: 15px;}


/* 魅力自贡 */
.mlzgbox{padding: 25px 0 60px;background: url(../images/zjzg/mlzg_bg.png) no-repeat top center;background-size: 100% 100%;}
.mlzgbannerbox{position: relative;}
.mlzgbanner{overflow: hidden;}
.mlzgbanner .swiper-slide{padding: 20px;position: relative;background: url(../images/zjzg/mlzg_slide_bg.png) no-repeat;background-size: 100% 100%;}
.mlzgbanner .swiper-slide .imgratio{padding-top: 137%;}
.mlzgbanner .swiper-slide .txt{position: absolute;width: 100%;bottom:0px;padding: 20px;color: #fff;background: rgba(56, 56, 56, .6);}
.mlzgbanner .swiper-slide h4{font-size: 1.5em;margin-bottom: 15px;}
.mlzgbanner .swiper-slide .memo{line-height: 22px;height: 44px;}
.mlzgbannerbox .btn div{position: absolute;top: 50%;transform: translateY(-50%);width: 62px;height: 62px;cursor: pointer;}
.mlzgbannerbox .swiper-button-prev{left: -70px;}
.mlzgbannerbox .swiper-button-next{right: -70px;}

.zggk-link-box .mobile-link{display: none;}


/* 区县名片 */
.qxmpbox{padding: 20px 0;background: url(../images/zjzg/qxmp_bg.png) no-repeat top center;background-size: 100% 100%;}
.qxmp-content{padding-top: 20px;position: relative;}
.qxmpswiper{overflow: hidden;}
.qxmpswiper .swiper-slide{position: relative;overflow: hidden; height: 542px;transition: all .5s;width: 50%;}
.qxmpswiper .swiper-slide-active img{transform: scaleX(1) !important;}
.qxmpswiper .swiper-slide img{position: absolute;top: 0;left: calc(100% - 543) / 2px;height: 100%;width: 100%;object-fit: cover;transform: scaleX(2);}
.qxmpswiper .swiper-slide .label{position: absolute;top: 0;right: 20px;width: 50px;height: 114px;font-size: 1.25em;color: #fff;padding: 6px 15px;background: url(../images/zjzg/qxmp_label_bg.png) no-repeat;background-size: 100% 100%;transform: scaleX(2);}
.qxmpswiper .swiper-slide-active .label{display: none;}
.qxmpswiper .swiper-slide div{position: absolute;left: 5%;bottom: 10%;opacity: 0;padding: 20px;padding-left: 36px;width: 90%;line-height: 30px;;color: #fff;background-color: rgba(161, 48, 55, 0.8);}
.qxmpswiper .swiper-slide-active div{opacity: 1 !important;}
.qxmpswiper .swiper-slide div::before{content: '';position: absolute;width: 12px;height: 100%;background-color: #EBB34B;left: 0;top: 0;}
.qxmpswiper .swiper-slide .tit{font-size: 1.25em;line-height: 24px;font-weight: bold;float: left;width: 20px;}
.qxmpswiper .swiper-slide .txt{float: right;width: 90%;text-indent: 2em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.qxmp-content .mpbtn{position: absolute;top: 50%;transform: translateY(-50%);width: 55px;height: 55px;cursor: pointer;}
.qxmp-content .mpprev{left: -70px;}
.qxmp-content .mpnext{right: -70px;}

.qxmp-content ul{display: flex;justify-content: space-evenly;gap: 20px;flex-wrap: wrap;}
.qxmp-content ul li{min-width: calc((100% + 20px) / 4 - 20px);}
.qxmp-content ul li a{width: 100%;padding: 30px; display: flex;flex-direction: column;align-items: center;background: url(../images/zjzg/qxmp_item_bg.png) no-repeat;background-size: 100% 100%;}
.qxmp-content ul li:hover a{background-image: url(../images/zjzg/qxmp_item_bg_a.png);}
.qxmp-content ul li p {font-size: 1.8em;color: #000000;font-weight: bold;font-family: 'siyuanSong';}
.qxmp-content ul li .img{width: 100%;margin-top: 30px;overflow: hidden;border-radius: 8px;}
.qxmp-content ul li .img .ratio-img{width: 100%;padding-top: calc(235 / 238 * 100%);position: relative;}
.qxmp-content ul li .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
/* 左侧垂直导航 */
.fp-nav-left{position: fixed;display: flex;flex-direction: column;justify-content: center;align-items: center;left: 0;top: 0;width: 50px;height: 100%;background: rgba(8, 54, 77, .3);}
.fp-nav-left ul{display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 40px;}
.fp-nav-left ul li{position: relative;width: 30px;height: 26px;background: url(../images/zjzg/left_bg.png) no-repeat center center;cursor: pointer;}
.fp-nav-left ul li::after{display: none;content: '';position: absolute;top: 50%;left: 100%;width: 15px;height: 1px;background: #003F52;}
.fp-nav-left ul li::before{display: none;content: '';position: absolute;top: 50%;transform: translateY(-50%);left: 45px;width: 2px;height: 4px;background: #003F52;}
.fp-nav-left ul li span{display: none;position: absolute;top: 50%;transform: translateY(-50%);left: 50px;width: 80px;font-size: 1.25em;color: #003F52;}
.fp-nav-left ul li.on{background-image: url(../images/zjzg/left_active_bg.png);}
.fp-nav-left ul li.on::after,.fp-nav-left ul li.on::before,.fp-nav-left ul li.on span{display: block;}
@media (max-width:1280px){
    .zggk-link-box{display: block;}
    .zggk-link-box ul{width: 100%;}
    .zggk-link-box .tszg-link{display: none;}
    .zggk-link-box .mobile-link{display: block;}
    .gkvideo {height: 343px;}
    .gktxt{line-height: 35px;}
}

@media (max-width:1200px){
    /* top轮播 */
    .topbannerbox{height: 210px;}
    .topbanner{height: 100%;}
    .top-pic{width: 70%;padding-top: 10px;}
    .topbannerbox .topbtn{display: none;}
    .topbanner .swiper-pagination{bottom: 10px;}
    .topbannerbox .topbanner .swiper-pagination-bullet{margin: 0 5px;width: 8px;height: 8px;}
    .topbannerbox .topbanner .swiper-pagination-bullet-active{width: 20px;border-radius: 4px;}
    /* 自贡概况 */
    .zggk{margin-top: 20px;margin-bottom: 20px;}
    .gkvideo{width: 100%;height: 55vw;}
    .gktxt{width: 100%;margin-top: 15px;font-size: 1em;line-height: 32px;}
    .gkinfo .box{font-size: 1em;height: 50px;line-height: 50px;}


    /* 旅游自贡 */
    .lyzgbox{padding-bottom: 15px;}
    .lyzg{height: auto;margin-top: 20px;margin-bottom: 20px;}
    .lydt > div a{line-height: 365px;font-size: 1.5em;}
    .lydt{/* width: 100%; */height: auto;}
    .ylzg{width: 100%;}
    .ylzg > div{height: 140px;margin-top: 10px !important;}
    .ylzg > div a{line-height: 140px;font-size: 1.5em;}
    /* 投资自贡 */
    .tzzg-content{flex-direction: column;}
    .park-banner{width: 100%;height: 55vw;}
    .tzzg-menu{width: 100%;margin-top: 20px;}
    .vertical-menu{flex-direction: row;justify-content: space-between;gap: 10px;}
    .vertical-menu .box{/* padding: 20px 0; */}
    .vertical-menu .box img{/* height: 30px; */margin-bottom: 10px;}
    .vertical-menu .box .txt{font-size: 1em;}
    .tzzg-ico-menu .space-90{margin-left: 0;margin-right: 0;margin-top: -15px;}
    .tzzg-ico-menu .box{/* margin: 15px 0px 0; */padding: 60px 0;font-size: 0.875em;}
    .tzzg-ico-menu .box img{margin-bottom: 5px;height: 30px;}
    /* 魅力自贡 */
    .mlzgbox{padding: 20px 0;background-position: bottom center;}
    .mlzgbannerbox{margin-top: 20px;}
    .mlzgbannerbox .btn div{width: 40px;height: 40px;}
    .mlzgbannerbox .swiper-button-prev{left: 0;}
    .mlzgbannerbox .swiper-button-next{right: 0;}
}

@media (max-width:431px){
    .tzzg-ico-menu .box{width: 90px;height: 90px;padding: 0;padding-top: 18px;}
    .tzzg-ico-menu .box img{margin-bottom: 3px;}
    .lydt{margin-top: 20px}
    .lydt > div{width: 50%;height: auto;padding: 0 10px;margin-top: 15px;}
    .lydt > div img{display: block;width: 100%;}
    .vertical-menu .box{/* padding: 15px 0; */}
    .vertical-menu .box img{width: 100%;/* height: 25px; */margin-bottom: 5px;}
    .vertical-menu .box .txt{font-size: 0.875em;}
    .fp-nav-left{display: none !important;}
    .park-banner .swiper-slide{width: 100% !important;}
    .lyzg .left-vedio{height: 230px;margin: 0 0;width: 100%;padding: 34px 22px;background-size: 100% 100%;margin-top: 20px;}
    .vertical-menu{flex-direction: column;}
    .vertical-menu li {}
    .vertical-menu .box{display: block;width: 100%;/* height: 125px !important; *//* padding: 20px !important; */}
    .vertical-menu  .box .more{margin-top: 15px !important;}

    .section{height: auto !important;}
    .section .fp-tableCell{height: auto !important;}
    .qxmpswiper .swiper-slide{height: 390px;}

    .park-banner .swiper-button-next{right: 25%;}
    .park-banner .swiper-button-prev{left: 25%;}
    .park-banner{height: 320px;padding-bottom: 90px;}
    .park-banner .swiper-slide img{border-radius: 0;}
    .qxmpswiper .swiper-slide div{padding-left: 25px;}
    .qxmpswiper .swiper-slide .txt{width: 85%;}
    .qxmp-content .mpbtn{display: none;}
}