.headNavWrap {
    margin-bottom: 0;
}


/* 区情概况 */

.generalSituationOfTheDistrictWrap {
    position: relative;
    min-height: 610px;
    margin-bottom: 160px;
}

.generalSituationOfTheDistrictWrap img {
    width: 100%;
}

.generalSituationOfTheDistrictWrap .generalSituation {
    height: 362px;
    width: calc(50% + 659px);
    position: absolute;
    bottom: 69px;
    right: 0;
    background-color: rgba(13, 89, 164, .5);
}

.generalSituationOfTheDistrictWrap .generalSituation .videWrap {
    width: 643px;
    height: 362px;
    float: left;
    position: relative;
}

.generalSituationOfTheDistrictWrap .generalSituation .videWrap .videoMask {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(../images/icon_play.png?v=2207280530) rgba(0, 0, 0, .5) no-repeat center;
    background-size: 84px 84px;
    display: none;
    cursor: pointer;
}

.generalSituationOfTheDistrictWrap .generalSituation .videWrap .videoMask.active {
    display: block;
}

.generalSituationOfTheDistrictWrap .generalSituation .videWrap video {
    width: 643px;
    height: 362px;
    object-fit: fill;
    outline: none;
    cursor: pointer;
}

.generalSituationOfTheDistrictWrap .generalSituation .videWrap video::-webkit-media-controls-fullscreen-button {
    /* display: none; */
}

.generalSituationOfTheDistrictWrap .generalSituation .videWrap video::-webkit-media-controls-play-button {}

.generalSituationOfTheDistrictWrap .generalSituation .videWrap video::-webkit-media-controls-timeline {}

.generalSituationOfTheDistrictWrap .generalSituation .videWrap video::-webkit-media-controls-current-time-display {}

.generalSituationOfTheDistrictWrap .generalSituation .videWrap video::-webkit-media-controls-time-remaining-display {}

.generalSituationOfTheDistrictWrap .generalSituation .videWrap video::-webkit-media-controls-mute-button {}

.generalSituationOfTheDistrictWrap .generalSituation .videWrap video::-webkit-media-controls-toggle-closed-captions-button {}

.generalSituationOfTheDistrictWrap .generalSituation .videWrap video::-webkit-media-controls-volume-slider {}

.generalSituationOfTheDistrictWrap .generalSituation .textWrap {
    float: left;
    width: 612px;
    margin-left: 40px;
}

.generalSituationOfTheDistrictWrap .generalSituation .textTitle {
    color: #fff;
    font-size: 36px;
    position: relative;
    height: 82px;
    line-height: 82px;
    text-align: center;
}

.generalSituationOfTheDistrictWrap .generalSituation .textTitle::after {
    display: block;
    content: '';
    clear: both;
    zoom: 1;
}

.generalSituationOfTheDistrictWrap .generalSituation .textTitle .lineLeft, .generalSituationOfTheDistrictWrap .generalSituation .textTitle .lineRight {
    position: relative;
    display: block;
    height: 1px;
    background-color: #fff;
    width: calc(50% - 123px);
    margin-top: 31px;
    background-color: #0d59a4;
}

.generalSituationOfTheDistrictWrap .generalSituation .textTitle .lineLeft:after, .generalSituationOfTheDistrictWrap .generalSituation .textTitle .lineRight::before {
    display: block;
    content: '';
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 12px;
    margin-top: -6px;
}

.generalSituationOfTheDistrictWrap .generalSituation .textTitle .lineLeft {
    float: left;
    text-align: right;
}

.generalSituationOfTheDistrictWrap .generalSituation .textTitle .lineLeft:after {
    float: right;
}

.generalSituationOfTheDistrictWrap .generalSituation .textTitle .lineRight {
    float: right;
}


/* 右侧文字 */

.generalSituationOfTheDistrictWrap .generalSituation .textContent {}

.generalSituationOfTheDistrictWrap .generalSituation .textContent .text01 {
    font-size: 16px;
    color: #fff;
    margin-bottom: 28px;
    font-size: 16px;
    line-height: 24px;
}

.generalSituationOfTheDistrictWrap .generalSituation .textHref {
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
}


/**************************第二部分*五地一城*************************************/

.fivePlacesAndOneCityWrap {
    margin-bottom: 104px;
}

.fivePlacesAndOneCityWrap .indexGeneralTitle {
    margin-bottom: 39px;
}

.fivePlacesAndOneCityWrap .fivePlacesListWrap {
    width: 1314px;
    height: 737px;
    margin: 0 auto;
    background: url(../images/fivePlacesListWrap_bg.jpg?v=2207200617) no-repeat center;
}

.fivePlacesAndOneCityWrap .fivePlacesListWrap .fivePlacesList {
    float: left;
    width: 33.3%;
    height: 370px;
    position: relative;
    background: no-repeat center;
    background-size: 100% auto;
}

.fivePlacesAndOneCityWrap .fivePlacesListWrap .fivePlacesList:nth-of-type(1) {
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    border-right: 1px solid rgba(255, 255, 255, .2);
}

.fivePlacesAndOneCityWrap .fivePlacesListWrap .fivePlacesList:nth-of-type(2) {
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    border-right: 1px solid rgba(255, 255, 255, .2);
}

.fivePlacesAndOneCityWrap .fivePlacesListWrap .fivePlacesList:nth-of-type(3) {
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.fivePlacesAndOneCityWrap .fivePlacesListWrap .fivePlacesList:nth-of-type(4) {
    border-right: 1px solid rgba(255, 255, 255, .2);
}

.fivePlacesAndOneCityWrap .fivePlacesListWrap .fivePlacesList:nth-of-type(5) {
    border-right: 1px solid rgba(255, 255, 255, .2);
}

.fivePlacesAndOneCityWrap .fivePlacesListWrap .fivePlacesList:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    /*background-color: rgba(0,0,0,.6);*/
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.fivePlacesAndOneCityWrap .fivePlacesListWrap .fivePlacesList a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 40px 21px;
}

a, button, input, textarea {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.fivePlacesAndOneCityWrap .fivePlacesListWrap .fivePlacesList a .itemLogo {
    margin: 0 auto;
    display: block;
}

.fivePlacesAndOneCityWrap .fivePlacesListWrap .fivePlacesList .itemLogo {
    position: relative;
    height: 11px;
    background: url(../images/zjjj_arrow_right.png?v=2207200608) no-repeat left center;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.fivePlacesAndOneCityWrap .fivePlacesListWrap .fivePlacesList a .itemLogo img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.fivePlacesAndOneCityWrap .fivePlacesListWrap .fivePlacesList a .itemTitle {
    font-size: 24px;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    text-overflow: hidden;
    white-space: nowrap;
    font-weight: bold;
    color: #fefefe;
    position: relative;
    margin-bottom: 3px;
}

.fivePlacesAndOneCityWrap .fivePlacesListWrap .fivePlacesList a .textDesc {
    font-size: 16px;
    color: #fefefe;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: hidden;
    white-space: nowrap;
    margin-bottom: 10px;
}

.fivePlacesAndOneCityWrap .fivePlacesListWrap .fivePlacesList a .itemText {
    position: relative;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
    opacity: 0;
    margin-bottom: 69px;
}

.fivePlacesAndOneCityWrap .fivePlacesListWrap .fivePlacesList a .itemText p {
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 5px;
}

.fivePlacesAndOneCityWrap .fivePlacesListWrap .fivePlacesList:hover .itemText {
    display: block;
    opacity: 1;
    margin-top: 0;
}

.fivePlacesAndOneCityWrap .fivePlacesListWrap .fivePlacesList:hover:before {
    background-color: rgba(13, 89, 164, .5);
}

.fivePlacesAndOneCityWrap .fivePlacesListWrap .fivePlacesList:hover .itemLogo {
    height: 11px;
    background: url(../images/zjjj_arrow_right_big.png?v=2207200608) no-repeat left center;
}


/**************************第三部分*旅游线路*************************************/

.touristRoutesWrap {
    width: 100%;
    margin: 0 auto 82px;
}

.touristRoutesWrap .indexGeneralTitle {
    margin-bottom: 39px;
}

.touristRoutesWrap .swiperWrap {
    position: relative;
    margin: 0 auto;
    width: 1314px;
    z-index: 12;
    background-color: #fff;
}

.touristRoutesWrap .swiperWrap .swiper-slide {
    height: 524px;
    padding: 11px 10px;
}

.touristRoutesWrap .swiperWrap .swiper-slide:hover {
    background-color: rgba(238, 238, 238, .5);
}

.touristRoutesWrap .swiperWrap .swiper-slide .imgWrap {
    display: block;
    width: 420px;
    position: relative;
}

.touristRoutesWrap .swiperWrap .swiper-slide .imgWrap img {
    width: 420px;
    height: 420px;
}

.touristRoutesWrap .swiperWrap .swiper-slide .imgWrap .textWrap {
    padding-top: 16px;
}

.touristRoutesWrap .swiperWrap .swiper-slide .imgWrap .textWrap .text01 {
    font-size: 24px;
    line-height: 32px;
    height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 80px;
    width: 100%;
    margin-bottom: 1px;
    color: rgba(51, 51, 51, 1);
}

.touristRoutesWrap .swiperWrap .swiper-slide .imgWrap .text02 {
    font-size: 16px;
    line-height: 24px;
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 80px;
    width: 100%;
    margin-bottom: 1px;
    color: rgba(51, 51, 51, 1);
}


/* 旅游线路介绍 */

.touristRoutesIntroWrap {
    position: relative;
    margin: 0 auto;
    width: 1314px;
}

.touristRoutesIntroWrap .introListWrap {
    margin-bottom: 3px;
}

.touristRoutesIntroWrap .introListWrap:after {
    display: block;
    content: '';
    clear: both;
}

.touristRoutesIntroWrap .introListWrap li {
    float: left;
    width: 20%;
    height: 68px;
    border-bottom: 10px solid #eeeeee;
    position: relative;
}

.touristRoutesIntroWrap .introListWrap li span {
    font-size: 18px;
    color: #333;
    display: block;
    float: left;
    height: 68px;
    margin-bottom: -10px;
    border-bottom: 10px solid #eeeeee;
}

.touristRoutesIntroWrap .introListWrap li.active span {
    border-bottom-color: #bbbbbb;
}

.touristRoutesIntroWrap .introListWrap li i {
    display: none;
    width: 50px;
    height: 18px;
    float: left;
    margin-left: -5px;
    margin-top: 54px;
    background: url(../images/icon_sider.png?v=2207280423) no-repeat center;
}

.touristRoutesIntroWrap .introListWrap li.active i {
    display: block;
}

.touristRoutesIntroWrap .introListWrap li:before, .touristRoutesIntroWrap .introListWrap li.lastChild:after {
    display: block;
    content: '';
    height: 8px;
    background-color: #eee;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 2px;
}

.touristRoutesIntroWrap .routesSliderWrap {}

.touristRoutesIntroWrap .routesSliderWrap li {
    display: none;
    position: relative;
    overflow: hidden;
    padding-top: 30px;
    margin-bottom: 30px;
}

.touristRoutesIntroWrap .routesSliderWrap li p {
    font-size: 16px;
    height: 151px;
    display: -webkit-box;
    color: #333;
    line-height: 30px;
    background-color: #eeeeee;
    width: 100%;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    padding: 17px 24px 0 22px;
    position: relative;
}

.touristRoutesIntroWrap .routesSliderWrap li:before {
    display: none;
    position: absolute;
    top: 20px;
    content: "";
    height: 0;
    width: 0;
    line-height: 0;
    overflow: hidden;
    border-bottom: 10px solid #eeeeee;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

.touristRoutesIntroWrap .routesSliderWrap li.active {
    display: block;
}

.touristRoutesIntroWrap .routesSliderWrap li.text01:before {
    left: -10px;
}

.touristRoutesIntroWrap .routesSliderWrap li.text02:before {
    left: calc(20% - 10px);
}

.touristRoutesIntroWrap .routesSliderWrap li.text03:before {
    left: calc(40% - 10px);
}

.touristRoutesIntroWrap .routesSliderWrap li.text04:before {
    left: calc(60% - 10px);
}

.touristRoutesIntroWrap .routesSliderWrap li.text05:before {
    left: calc(80% - 10px);
}

.touristRoutesIntroWrap .routesSliderWrap li.active:before {
    display: block;
}


/* 非遗产品 */

.intangibleCulturalHeritageProductsWrap {
    width: 100%;
    background: url(../images/zwgk_bg.png?v=2207200713) no-repeat center bottom;
    background-size: 1920px 598px;
    margin: 0 auto 50px;
}

.intangibleCulturalHeritageProductsWrap .indexGeneralTitle {
    margin-bottom: 39px;
}

.intangibleCulturalHeritageProductsWrap::after {
    display: block;
    content: '';
    clear: both;
    zoom: 1;
}

.intangibleCulturalHeritageProductsWrap .swiperWrap {
    position: relative;
    margin: 0 auto;
    width: 1314px;
    z-index: 12;
    background-color: #fff;
}

.intangibleCulturalHeritageProductsWrap .layui-icon.layui-carousel-arrow {
    top: auto;
    /*bottom: -93px;*/
    bottom: 0;
    width: 62px;
    height: 62px;
    border-radius: 0;
}

.intangibleCulturalHeritageProductsWrap .layui-icon.layui-carousel-arrow[lay-type='sub'] {
    text-indent: -9999px;
    left: 589px;
    background: url(../images/swiper_arrow_left.png?v=2207200945) rgba(238, 238, 238, 1) no-repeat center;
z-index: 11;
}

.intangibleCulturalHeritageProductsWrap .layui-icon.layui-carousel-arrow[lay-type='add'] {
    text-indent: -9999px;
    right: 601px;
    background: url(../images/swiper_arrow_right.png?v=2207200945) rgba(244, 144, 0, 1) no-repeat center;
}

.intangibleCulturalHeritageProductsWrap .swiperWrap .layui-carousel .imgWrap {
    display: block;
    width: 100%;
    height: 737px;
    position: relative;
}

.intangibleCulturalHeritageProductsWrap .swiperWrap .layui-carousel .imgWrap img {
    width: 100%;
    height: 100%;
}

.intangibleCulturalHeritageProductsWrap .swiperWrap .layui-carousel .imgWrap .textWrap {
    position: absolute;
    z-index: 10;
    width: 413px;
    height: 470px;
    /*bottom: -62px;*/
    bottom: 0;
    left: 238px;
    padding: 23px 39px;
    background-color: rgba(17, 105, 192, .5);
}

.intangibleCulturalHeritageProductsWrap .swiperWrap .layui-carousel .imgWrap .textWrap .text01 {
    position: relative;
    font-size: 24px;
    line-height: 32px;
    height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 80px;
    width: 100%;
    margin-bottom: 14px;
    color: #FFFFFF;
}

.intangibleCulturalHeritageProductsWrap .swiperWrap .layui-carousel .imgWrap .textWrap .text01 span {
    color: #FFFFFF;
    display: block;
    height: 32px;
    line-height: 32px;
    text-align: right;
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
}

.intangibleCulturalHeritageProductsWrap .swiperWrap .layui-carousel .imgWrap .text02 {
    color: #FFFFFF;
    /* height: 390px; */
    line-height: 30px;
    overflow: hidden;
    width: 100%;
    text-align: left;
    height: auto;
    display: -webkit-box;
    overflow: hidden;
    /*超出隐藏*/
    text-overflow: ellipsis;
    /*隐藏后添加省略号*/
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 13;
}

.intangibleCulturalHeritageProductsWrap .swiperWrap .layui-carousel-ind {
    text-align: right;
    padding-right: 5%;
}

.intangibleCulturalHeritageProductsWrap .swiperWrap .layui-carousel-ind ul {
    padding: 0 11px;
    background-color: transparent;
}

.intangibleCulturalHeritageProductsWrap .swiperWrap .layui-carousel-ind ul li {
    width: 16px!important;
    height: 16px!important;
    border-radius: 16px!important;
}

.intangibleCulturalHeritageProductsWrap .swiperWrap .layui-carousel-ind ul li + li {
    margin-left: 10px;
}


/**************************第二部分*江津特产*************************************/

.jiangjinSpecialtyWrap {
    margin-bottom: 82px;
}

.jiangjinSpecialtyWrap .indexGeneralTitle {
    margin-bottom: 48px;
}

.jiangjinSpecialtyWrap .jiangjinSpecialtyListWrap {
    width: 1314px;
    min-height: 737px;
    margin: 0 auto;
}

.jiangjinSpecialtyWrap .jiangjinSpecialtyListWrap:after {
    display: block;
    content: '';
    clear: both;
    zoom: 1;
}

.jiangjinSpecialtyWrap .jiangjinSpecialtyListWrap .jiangjinSpecialtyList {
    width: 430px;
    height: 520px;
    position: relative;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.jiangjinSpecialtyWrap .jiangjinSpecialtyListWrap .jiangjinSpecialtyList:nth-of-type(3n + 1) {
    float: left;
}

.jiangjinSpecialtyWrap .jiangjinSpecialtyListWrap .jiangjinSpecialtyList:nth-of-type(3n + 2) {
    float: left;
    margin-left: 10px;
}

.jiangjinSpecialtyWrap .jiangjinSpecialtyListWrap .jiangjinSpecialtyList:nth-of-type(3n) {
    float: right;
}

.jiangjinSpecialtyWrap .jiangjinSpecialtyListWrap .jiangjinSpecialtyList:before {
    position: absolute;
    display: block;
    content: '';
    width: 410px;
    height: 496px;
    left: 10px;
    top: 12px;
    right: 10px;
    bottom: 12px;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.jiangjinSpecialtyWrap .jiangjinSpecialtyListWrap .jiangjinSpecialtyList a {
    position: absolute;
    width: 410px;
    height: 496px;
    left: 10px;
    top: 12px;
    right: 10px;
    bottom: 12px;
}

.jiangjinSpecialtyWrap .jiangjinSpecialtyListWrap .jiangjinSpecialtyList a .itemLogo {
    margin: 0 auto;
    display: block;
}

.jiangjinSpecialtyWrap .jiangjinSpecialtyListWrap .jiangjinSpecialtyList .itemLogo {
    position: relative;
    height: 11px;
    opacity: 0;
    background: url(../images/jjtc_arrow_right.png?v=2207200608) no-repeat 20px center;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.jiangjinSpecialtyWrap .jiangjinSpecialtyListWrap .jiangjinSpecialtyList a .itemLogo img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.jiangjinSpecialtyWrap .jiangjinSpecialtyListWrap .jiangjinSpecialtyList a .itemTitle {
    overflow: hidden;
    text-overflow: hidden;
    white-space: nowrap;
    position: relative;
    margin-bottom: 3px;
    height: 46px;
    overflow: hidden;
}

.jiangjinSpecialtyWrap .jiangjinSpecialtyListWrap .jiangjinSpecialtyList a .itemTitle span {
    color: #333333;
    font-size: 24px;
    padding: 0 20px;
    background-color: rgba(255, 255, 255, .9);
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
    display: inline-block;
    height: 46px;
    line-height: 46px;
}

.jiangjinSpecialtyWrap .jiangjinSpecialtyListWrap .jiangjinSpecialtyList a .itemText {
    position: relative;
    transition: all .6s cubic-bezier(.4, 0, .2, 1);
    opacity: 0;
    margin-bottom: 162px;
}

.jiangjinSpecialtyWrap .jiangjinSpecialtyListWrap .jiangjinSpecialtyList a .itemText p {
    color: #333;
    font-size: 16px;
    line-height: 30px;
    padding: 0 20px;
    margin-bottom: 5px;
}

.jiangjinSpecialtyWrap .jiangjinSpecialtyListWrap .jiangjinSpecialtyList:hover .itemTitle span {
    background-color: transparent;
}

.jiangjinSpecialtyWrap .jiangjinSpecialtyListWrap .jiangjinSpecialtyList:hover .itemText {
    display: block;
    opacity: 1;
    margin-top: 0;
}

.jiangjinSpecialtyWrap .jiangjinSpecialtyListWrap .jiangjinSpecialtyList:hover:before {
    background-color: rgba(255, 255, 255, .9);
}

.jiangjinSpecialtyWrap .jiangjinSpecialtyListWrap .jiangjinSpecialtyList:hover .itemLogo {
    height: 11px;
    opacity: 1;
}
.bmdtBox{max-width: 1314px; margin: 40px auto 20px auto !important;}
.bmdtBox img{width: 100%;}
.bmdtBox .bianmcon{display: block;}
.bmdtBox .bianmconwap{display: none;}