@charset "utf-8";

/*全局控制*/
* {margin: 0; padding: 0;}
html,body {width: 100%; min-width: 1000px; height: auto; overflow: auto; font-size: 14px;}
ul,ol,li {list-style: none;}
::-webkit-scrollbar {display: none;}
.webNode {width: 100%; height: auto; overflow: auto;}
.viewNone {display: none !important;}
.grayBg {width: 100%; height: auto; overflow: auto; background: #F5F6F8 !important;}
.spaceNode {width: 100%; height: 30px; clear: both;}
a label{cursor: pointer;}

/*头部区域*/
.header {width: 100%; height: auto; }
.headArea {max-width: 1200px; height: 70px; margin: 0 auto;}
.logo {width: 30%; height: 70px; float: left;}
.logo img {height: 60px; padding: 5px 0;}
.menu {width: 70%; height: 70px; float: left;}
.menu ul {display: block; width: 100%; height: 70px;}
.menu ul li {width: 15%; text-align: center; line-height: 70px; float: right; position: relative; float: left;}
.menu ul li a {text-decoration: none; color: #000000;}
.menu ul li::after {content: ''; position: absolute; bottom: 0px; width: 0; height: 3px; background-color: #FF7757;}
.menu ul li:hover::after{width: 60%; left: 20%;}
.menu .showMenu {color: #FF7757 !important;}
.menu .showMenu::after {content: ''; position: absolute; left: 20%; bottom: 0px; width: 60%; height: 3px; background-color: #FF7757;}
.menu ul li.active a {color: #FF7757 !important;}
.menu ul li.active a::after {content: ''; position: absolute; left: 20%; bottom: 0px; width: 60%; height: 3px; background-color: #FF7757;}

/*轮播图区域*/
.banner {position: relative; width: 100%; height: auto;}


.banner .swiperBanner {width: 100%; height: auto;}
.banner .swiper-slide {display: flex; align-items: center; justify-content: center;}
.banner .swiper-slide a {display: block; width: 100%; height: auto;}
.banner .swiper-slide img {display: block; width: 100%; height: auto;}
.banner .swiper-slide img.wap{display: none;}
.bannerNode {position: absolute; top: 0; left: calc(50% - 600px); bottom: 0; width: 1200px;}
.bannerPage {position: absolute; right: 0; bottom: 20px; width: 100px; height: 50px; color: #fff;}
.bannerPage .swiper-pagination-current {font-size: 26px;}
.bannerBtn {position: absolute; left: 0; bottom: 20px; width: 100px; height: 50px;}
.bannerBtn .swiper-button-prev {width: 35px; height: 35px; background: #666; border-radius: 50%;}
.bannerBtn .swiper-button-prev::after {font-size: 15px; color: #333;}
.bannerBtn .swiper-button-prev:hover {background: #fff;}
.bannerBtn .swiper-button-next {width: 35px; height: 35px; background: #999; border-radius: 50%;}
.bannerBtn .swiper-button-next::after {font-size: 15px; color: #333;}
.bannerBtn .swiper-button-next:hover {background: #fff;}


/*通栏广告*/
.adNode {width: 100%; height: auto; clear: both; margin: 0 auto;}
.adNode a {display: block; width: 100%; height: auto;}
.adNode img {display: block; width: 100%; height: auto; max-height: 300px;}

/*通栏背景*/
.bgNode1 {width: 100%; height: auto; background: url(../images/bgNode1.png) bottom no-repeat; background-size: 100%;}
.bgNode2 {width: 100%; height: auto; background: url(../images/bgNode2.png) center no-repeat; background-size: 100%;}
.bgNode3 {width: 100%; height: auto; background: url(../images/bgNode3.png) bottom no-repeat; background-size: 100%;}

/*主体区域*/
.mainNode {max-width: 1200px; height: auto; min-height: 500px; overflow: auto; margin: 0 auto;}
.itemTag {width: 100%; line-height: 70px; font-size: 26px; font-weight: bold; text-align: center; margin: 20px 0;}

.itemSay {width: 100%; height: auto; overflow: hidden; clear: both; margin-top: 30px;}
.itemSayL {width: calc(40% - 20px); min-height: 500px; margin-right: 20px; float: left; position: relative;}
.itemSayL label {display: block; line-height: 40px; font-weight: bold; font-size: 26px; padding-top: 40px; padding-bottom: 10px;}
.itemSayL aside {display: block; line-height: 25px; color: #666; max-height: 350px; overflow: auto;}
.itemSayL span {
    display: block; width: 40%; height: 60px; line-height: 70px; text-align: center; color: #fff; font-size: 18px;
    position: absolute; bottom: 0; left: 0; visibility: hidden;
    background: url(../images/itemSayBg.png) center no-repeat; background-size: 100%;
}
.itemSayR {width: 60%; height: auto; overflow: hidden; float: left;}
.itemSayArea {width: 100%; min-height: 450px;}
.itemSayArea .swiper-container {width: 100%; height: 400px;}
.itemSayArea .swiper-slide {position: relative; height: 350px; background: #FFF;}
.itemSayArea .swiper-slide:nth-of-type(even) {margin-top: 50px;}
.itemSayArea .swiper-slide img {display: block; width: calc(100% - 4px); height: calc(100% - 4px); padding: 2px;}
.itemSayArea .swiper-slide .coverFotBg {
    position: absolute; top: 0; left: 0; bottom: 0; right: 0; 
    background: url(../images/coverFot.png) bottom no-repeat; background-size: 100%;
}
.itemSayArea .swiper-slide span {display: block; position: absolute; left: 20px; bottom: 0; line-height: 50px; color: #fff;}

.itemSayArea .itemSayAreaBox {width: 100%; height: 400px; padding: 25px 0; overflow: hidden;}
.itemSayArea .itemSaySlider {width: 32%; height: 350px; margin-top: 50px; float: left; position: relative; cursor: pointer;}
.itemSayArea .itemSaySlider:nth-of-type(even) {margin-top: 0; margin-left: 2%; margin-right: 2%;}
.itemSayArea .itemSaySlider img {display: block; width: calc(100% - 4px); height: calc(100% - 4px); padding: 2px;}
.itemSayArea .itemSaySlider .coverFotBg {
    position: absolute; top: 0; left: 0; bottom: 0; right: 0; 
    background: url(../images/coverFot.png) bottom no-repeat; background-size: 100%;
}
.itemSayArea .itemSaySlider span {display: block; position: absolute; left: 20px; bottom: 0; line-height: 50px; color: #fff;}


.itemSayFot {width: 100%; height: 50px; clear: both;}
.itemSayMore {width: 170px; height: 45px; margin-top: 5px; float: right; position: relative;}
.itemSayMore i {display: block; width: 45px; height: 45px; cursor: pointer;}
.itemSayMore .prevH {background: url(../images/newsIcon8.png) center no-repeat; float: left;}
.itemSayMore .prevH:hover {background: url(../images/newsIcon9.png) center no-repeat;}
.itemSayMore .nextH {background: url(../images/newsIcon10.png) center no-repeat; float: left;}
.itemSayMore .nextH:hover {background: url(../images/newsIcon11.png) center no-repeat;}
.itemSayMore .swiperPage {width: 80px; height: 45px; line-height: 45px; text-align: center; float: left;}
.itemSayMore .swiper-pagination-current {font-size: 26px;}
.changeBg {background: #FF7757 !important;}
.itemSayMore .swiperPage b {font-size: 26px !important;}

.itemMore {width: 100%; height: auto; overflow: auto; clear: both;}
.itemMoreL {width: 40%; height: 80px; float: left;}
.itemMoreL img {width: 40px; height: 40px; float: left; margin: 20px 10px;}
.itemMoreL label {display: block; margin-top: 15px;}
.itemMoreL label b {display: block; line-height: 30px; font-size: 16px;}
.itemMoreL label span {display: block; line-height: 20px; color: #999;}
.itemMore a {float: right; line-height: 40px; padding-top: 40px; padding-right: 10px; text-decoration: none; color: #999;}

.indexPlay {width: 100%; height: auto; overflow: auto;}
.indexPlayTop {width: 100%; height: auto; overflow: hidden; margin-bottom: 20px;}
.indexPlayL {width: calc(55% - 50px); height: 350px; float: left;}
.indexPlayL img {display: block; width: 100%; height: 350px;}

.indexPlayR {width: 45%; height: 350px; float: left; margin-left: 50px;}
.indexPlayR label {display: block; line-height: 35px; font-size: 16px; font-weight: bold;}
.indexPlayR aside {display: block; min-height: 225px; line-height: 28px;}
.indexPlayR a {display: block; line-height: 40px; text-decoration: none; font-size: 15px; color: #666;}
.indexPlayR a i {font-size: 16px; margin-left: 5px;}
.indexPlayR a:hover{color: #FF7757 !important;}

.indexPlayR span.disabled {
    opacity: 0.5;      /* 半透明效果 */
    cursor: not-allowed; /* 禁止指针 */
    pointer-events: none; /* 阻止点击事件 */
}

.indexPlayRF {width: 180px; height: 50px; margin-left: calc(100% - 180px); overflow: hidden;}
.indexPlayRF span {width: 50px; height: 45px; float: left; cursor: pointer;}
.indexPlayRF p {width: 60px; height: 45px; margin: 0 10px; float: left; text-align: center;}
.indexPlayRF p b {display: inline-block; line-height: 45px; font-size: 26px;}
.indexPlayRF p i {display: inline-block; font-style:normal; line-height: 45px;}
.indexPlayRF .prevH {background: url(../images/newsIcon8.png) center no-repeat;}
.indexPlayRF .prevH:hover {background: url(../images/newsIcon9.png) center no-repeat;}
.indexPlayRF .nextH {background: url(../images/newsIcon10.png) center no-repeat;}
.indexPlayRF .nextH:hover {background: url(../images/newsIcon11.png) center no-repeat;}

.indexPlayFot {width: 100%; height: auto; overflow: hidden; margin-bottom: 20px;}
.indexPlayFot img {width: calc(25% - 15px); height: 200px; display: block; float: left;}
.indexPlayFot img:nth-child(2) {margin: 0 10px 0 20px;}
.indexPlayFot img:nth-child(3) {margin: 0 20px 0 10px;}


.itemPlay {width: 100%; height: auto; overflow: auto; clear: both; margin-bottom: 30px;}
.itemPlay ul {display: block; width: 100%; height: auto; overflow: auto; clear: both; padding: 10px 0px;}
.itemPlay ul li {display: block; width: 33.33%; float: left; position: relative;}
.itemPlay ul li img {width: 100%; height: 300px; display: block;}
.itemPlay ul li .coverFotBg {
    position: absolute; top: 0; left: 0; bottom: 0; right: 0; 
    background: url(../images/coverFot.png) bottom no-repeat; background-size: 100%;
}
.itemPlay ul li span {
    display: block; line-height: 40px; padding: 0 10px; color: #fff; font-size: 15px;
    position: absolute; left: 10px; bottom: 10px;
}
.itemPlay ul li aside {
    display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0;
    background: #FF7757; padding: 20px; visibility: hidden; opacity: 0.8;
}
.itemPlay ul li aside a {display: block; text-decoration: none; position: relative; width: 100%; height: 100%;}
.itemPlay ul li:hover > aside {visibility: visible;}
.itemPlay ul li aside b {display: block; text-align: center; line-height: 40px; color: #fff; font-size: 20px;}
.itemPlay ul li aside label {display: block; line-height: 25px; color: #fff; cursor: pointer;}

.itemFood {width: 100%; height: auto; overflow: auto; clear: both; margin-bottom: 30px;}
.itemFoodBlock {width: calc(33.33% - 20px); padding: 10px; overflow: hidden; float: left; position: relative;}
.itemFoodBlock img {width: 100%; height: 200px; display: block; object-fit: cover;}
.maxFoodBlock img {width: 100%; height: 420px; display: block;object-fit: cover;}
.itemFoodBlock .coverFotBg {
    position: absolute; top: 10px; left: 10px; bottom: 10px; right: 10px; opacity: 0.2;
    background: url(../images/coverFot.png) bottom no-repeat; background-size: 100%;
}
.itemFoodBlock a {position: absolute; top: 10px; left: 10px; bottom: 10px; right: 10px; display: block;}
.itemFoodBlock span {
    display: block; line-height: 40px; font-weight: bold; padding: 0 15px; 
    position: absolute; left: 10px; bottom: 10px; color: #fff; font-size: 15px;
}

.itemHostel {width: 100%; height: auto; clear: both;}
.itemHostel ul {display: block; width: 100%; height: auto; overflow: auto; clear: both; padding: 10px 0px;}
.itemHostel ul li {display: block; width: calc(33.33% - 20px); padding: 10px; float: left; position: relative;}
.itemHostel ul li img {width: 100%; height: 250px; display: block;}
.itemHostel ul li a {position: absolute; top: 10px; left: 10px; bottom: 10px; right: 10px; display: block;}
.itemHostel ul li span {
    display: block; line-height: 40px; font-weight: bold; padding: 0 15px;
    position: absolute; left: 10px; bottom: 10px; background: #fff; font-size: 15px;
}
.itemHostel ul li span img{display: block; width: 25px; height: 25px; float: right; margin-top: 10px; margin-left: 10px;}

.itemNews {width: 100%; height: auto; overflow: auto; clear: both;}
.newsTui {width: calc(40% - 44px); height: auto; overflow: auto; float: left; background: #fff; padding: 22px;}
.newsTuiItem {width: 100%; height: auto; overflow: auto;}
.newsTuiTop {width: 100%; height: auto; overflow: auto;}
.newsTuiTop a {display: block; text-decoration: none; color: #666;}
.newsTuiTop span{display: block; line-height: 30px; color: #999;}
.newsTuiTop label{display: block; line-height: 40px; font-size: 16px; color: #000; font-weight: bold;}
.newsTuiTop aside {display: block; line-height: 30px; min-height: 60px;}
.newsTuiTop img {display: block; width: 100%; height: 220px; margin-top: 10px;}
.newsTuiFot {width: 100%; line-height: 50px; overflow: auto; clear: both; margin-top: 20px;}
.newsTuiFot span {width: 50px; height: 45px; margin-right: 10px; float: left; cursor: pointer;}
.newsTuiFot .prevH {background: url(../images/newsIcon8.png) center no-repeat;}
.newsTuiFot .prevH:hover {background: url(../images/newsIcon9.png) center no-repeat;}
.newsTuiFot .nextH {background: url(../images/newsIcon10.png) center no-repeat;}
.newsTuiFot .nextH:hover {background: url(../images/newsIcon11.png) center no-repeat;}
.newsTuiFot a {text-decoration: none; float: right; color: #999;}
.newsTuiFot a:hover{color: #FF7757 !important;}
.newsPu {width: 55%; height: auto; overflow: auto; float: left; margin-left: 5%; margin-top: 30px; border-top: 1px solid #DCDCDC;}
.newsPuItem {width: 100%; height: auto; overflow: hidden; clear: both; padding: 20px 0; border-bottom: 1px solid #DCDCDC;}
.newsPuItemL {width: calc(100% - 130px); height: auto; overflow: auto; float: left; margin-right: 30px;}
.newsPuItemL span{display: block; line-height: 40px; text-decoration: none; font-size: 16px; color: #000; font-weight: bold;}
.newsPuItemL span i{display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #000; margin-right: 5px; margin-bottom: 5px;}
.newsPuItemL a{display: block; text-decoration: none; color: #000;}
.newsPuItemL aside{display: block; line-height: 30px; color: #666;}
.newsPuItemL:hover span {color: #FF7757 !important;}
.newsPuItemL:hover aside {color: #FF7757 !important;}
.newsPuItemR {width: 100px; height: 100px; line-height: 160px; float: left; color: #999;}
.newsMore {width: 100%; line-height: 150px; text-align: center;}
.newsMore a {line-height: 40px; border: 1px solid #bbb; border-radius: 5px; color: #415058; text-decoration: none; padding: 10px 20px;}

/*走进武陵*/
.visitNode {max-width: 1200px; height: auto; min-height: 500px; padding-top: 30px; overflow: auto; margin: 0 auto;}
.nodeTag {width: 100%; height: auto; line-height: 100px; font-size: 26px; text-align: center; font-weight: bold;}
.visitDesc {width: calc(100% - 40px); height: auto; padding: 20px; overflow: auto; background: #fff;}
.visitDescPic {width: 55%; height: auto; overflow: auto; float: left;}
.visitDescPic img {width: 100%; height: 400px; display: block;}
.visitDescTxt {width: calc(45% - 20px); height: auto; padding-left: 20px; overflow: auto; float: left;}
.visitDescTxtTop {width: 100%; height: 350px; clear: both;}
.visitDescTxtTop label {display: block; line-height: 40px; font-size: 20px; font-weight: bold;}
.visitDescTxtTop aside {display: block; line-height: 30px;}
.visitDescTxtFot {width: 200px; height: 50px; clear: both; margin-left: calc(100% - 200px);}
.visitDescTxtFot span {width: 50px; height: 45px; margin-right: 10px; float: left; cursor: pointer;}
.visitDescTxtFot .prevH {background: url(../images/newsIcon8.png) center no-repeat;}
.visitDescTxtFot .prevH:hover {background: url(../images/newsIcon9.png) center no-repeat;}
.visitDescTxtFot .nextH {background: url(../images/newsIcon10.png) center no-repeat;}
.visitDescTxtFot .nextH:hover {background: url(../images/newsIcon11.png) center no-repeat;}
.visitDescTxtFot label {width: 70px; height: 45px; text-align: center; float: left;}
.visitDescTxtFot label b {display: inline-block; line-height: 45px; font-size: 30px;}
.visitDescTxtFot label i {display: inline-block; line-height: 45px; font-size: 20px; font-style: normal;}
.visitNodeList {width: 100%; height: auto; overflow: auto; clear: both; margin-bottom: 50px;}
.visitNodeList ul {display: block; width: 100%; height: auto; overflow: auto; clear: both;}
.visitNodeList ul li {display: block; width: calc(33.33% - 20px); padding: 10px; float: left;}
.visitNodeItem {width: 100%; height: auto; overflow: auto; position: relative;}
.visitNodeItem img {width: 100%; height: 300px; display: block; cursor: pointer;}
.visitNodeItem .coverFotBg {
    position: absolute; top: 0; left: 0; bottom: 0; right: 0; 
    background: url(../images/coverFot.png) bottom no-repeat; background-size: 100%;
}
.visitNodeItem span {
    display: block; line-height: 100px; text-align: center; font-weight: bold; 
    position: absolute; left: 0; bottom: 0; right: 0; color: #fff; font-size: 20px;
}
.visitNodePic {display: none;}
.visitNodeTxt {display: none;}

/*弹窗部分*/
.viewNone {display: none !important;}
.viewUI {position: fixed; top: 10%; bottom: 10%; left: calc(50% - 590px); width: 1140px; padding: 20px; background: #333;}
.viewClose {width: 100%; height: auto; text-align: right;}
.viewClose img {width: 20px; height: 20px; cursor: pointer;}
.viewTag {width: 100%; line-height: 20px; padding-top: 20px; text-align: center; font-weight: bold; margin-top: -40px; color: #fff; font-size: 20px;}
.viewNode {position: absolute; left: 20px; top: 60px; right: 20px; bottom: 20px; height: auto; overflow: auto; }
.viewNode aside {display: block; line-height: 25px; color: #fff; margin-top: 10px;}

.viewPics {width: 100%; height: auto; clear: both; position: relative;}
.viewPics .swiper-container {width: 100%; min-height: 300px;}
.viewPics .swiper-slide img {width: 100%; height: auto; display: block;}

/*企业概况*/
.companyNode {max-width: 1200px; height: auto; overflow: auto; margin: 30px auto;}
.companyTeam {width: 100%; height: auto; overflow: auto; line-height: 30px;}
.companyTeam img {width: 100%; height: auto;}
.companyItem {width: 100%; height: auto; line-height: 30px;}
.companyItem img {display: inline-block; width: 25%; height: auto;}
.companyTop {width: 100%; height: auto; overflow: auto;}
.companyPic {width: 45%; height: auto; max-height: 400px; position: relative; float: left;}
.companyPic span {display: block; height: 150px; background: #FF7757; position: absolute; left: 10px; bottom: 0; right: 20px;}
.companyPic img {display: block; width: calc(100% - 30px); height: 360px; margin-top: 10px; padding-bottom: 10px; position: relative; z-index: 1;}
.companyTxt {width: 55%; height: auto;  float: left;}
.companyTxt h2{display: block; line-height: 30px; font-size: 18px;}
.companyTxt p {line-height: 30px;}
.companyBusiness {width: 100%; padding-bottom: 40px; overflow: auto; background: url(../images/companyNoteBg2.png) center no-repeat; background-size: 100%;}
.companyBusiness .nodeTag {color: #fff !important;}
.companyBusiness .nodeTxt {width: 70%; margin-left: 15%; color: #fff; line-height: 30px; font-size: 16px; text-align: center;}
.companyTab {width: 100%; height: auto; overflow: auto; position: relative;}
.companyLine {width: 100%; height: 1px; background: #FFC9BC; position: absolute; top: 50px;}
.companyTab ul {display: block; width: 100%; height: auto; overflow: auto; position: relative; z-index: 1;}
.companyTab ul li {display: block; width: 25%; height: auto; overflow: auto; float: left; text-align: center;}
.companyTab ul li img {display: block; width: 100px; margin-left: calc(50% - 50px);}
.companyTab ul li span {display: block; text-align: center; line-height: 50px; font-weight: bold;}
.companyTab ul li label {display: block; width: 80%; padding-left: 10%; text-align: center; line-height: 25px;}
.companyTabPic {width: 100%; height: auto; overflow: auto; padding: 20px 0;}
.companyTabPic img {display: block; width: calc(50% - 5px); height: auto; float: left;}
.companyTabPic img:first-child {margin-right: 10px;}
.companyNote {width: 100%; min-height: 550px; overflow: hidden; background: url(../images/companyNoteBg.png) center repeat-y; position: relative;}
.companyNote .noteItem {width: 50%; height: auto; padding: 10px 0; position: relative;}
.companyNote .noteItem label{display: block; height: auto; overflow: auto; line-height: 35px;}
.companyNote .noteItem label span {
    display: block; float: left; background: #fff; margin-top: 5px;
    width: 10px; height: 10px; padding: 4px; border: 1px solid #FF7757; border-radius: 50%;
}
.companyNote .noteItem label span i{display: block; width: 10px; height: 10px; background: #FF7757; border-radius: 50%; visibility: hidden;}
.companyNote .noteItem label b{display: block; float: left; margin-left: 20px; font-size: 18px;}
.companyNote .noteItem aside {display: block; padding-left: 35px; line-height: 25px;}

.companyNote .leftNote {left: 50%; border-left: 1px solid #FF7757;}
.companyNote .leftNote label {margin-left: -15px;}
.companyNote .leftNote label span{margin-left: 5px;}

.companyNote .rightNote {border-right: 1px solid #FF7757;}
.companyNote .rightNote label {margin-right: -15px;}
.companyNote .rightNote label span{float: right; margin-right: 5px;}
.companyNote .rightNote label b{float: right; margin-right: 20px;}
.companyNote .rightNote aside{padding-right: 35px; text-align: right;}

.companyNote .leftNoteLast label {background: url(../images/companyIcon5.png) -8px center no-repeat;}
.companyNote .leftNoteLast label span{visibility: hidden;}

.companyNote .rightNoteLast label {background: url(../images/companyIcon5.png) calc(100% + 8px) center no-repeat;}
.companyNote .rightNoteLast label span{visibility: hidden;}
.companyNote .curNote label span i{visibility: visible;}

/*玩转武陵*/
.playNode {max-width: 1200px; height: auto; min-height: 500px; padding-top: 30px; padding-bottom: 30px; overflow: auto; margin: 0 auto;}
.playMenu {width: 160px; height: auto; overflow: auto; float: left; margin-right: 20px;}
.playMenu ul {display: block; width: 100%; height: auto; overflow: auto;}
.playMenu ul li{display: block; width: 100%; padding: 5px 0; margin-bottom: 10px; text-align: center; font-size: 16px;}
.playMenu ul li a {display: block; text-decoration: none; background: #eee; color: #999;}
.playMenu ul li label {display: block; width: 100%; height: auto; line-height: 40px; text-align: center;}
.playMenu ul li img {filter: grayscale(100%);}
.playMenu ul li.curPlay img {
    filter: none;
}
.curPlay a {background: #fefefe !important; color: #333 !important;}

.playList {width: calc(100% - 180px); height: auto; overflow: auto; margin-bottom: 20px;}
.lineNode {width: 100%; height: 200px; background: #fff; margin-bottom: 10px;}
.linePic {width: 350px; height: 200px; float: left;}
.linePic img {width: calc(100% - 20px); height: 180px; padding: 10px;}
.lineTxt {width: calc(100% - 370px); height: 180px; padding: 10px; float: left;}
.lineTxt label {display: block; line-height: 40px; font-size: 18px; font-weight: bold; color: #000; cursor: pointer;}
.lineTxt aside {display: block; line-height: 30px; color: #666;}
.lineTxt a {display: block; text-decoration: none;}
.lineTxt a:hover label{color: #FF7757 !important;}

.fyNode {width: calc(50% - 10px); height: auto; overflow: auto; float: left; background: #fff;}
.fyNode:nth-of-type(even) {margin-left: 20px; margin-bottom: 20px;}
.fyNode img {display: block; width: 100%; height: 280px;}
.fyNode label {display: block; line-height: 40px; padding-left: 15px; font-size: 18px; font-weight: bold; color: #000;}
.fyNode aside {display: block; min-height: 90px; line-height: 30px; padding: 0 15px 15px 15px; color: #666;}
.fyNode a {display: block; text-decoration: none;}
.fyNode a:hover label{color: #FF7757 !important;}

.itemMenu {width: 100%; height: 70px; clear: both;}
.itemMenu ul {display: block; width: 100%; height: 70px; text-align: center;}
.itemMenu ul li{display: inline-block; width: 10%; line-height: 50px; text-align: center; position: relative;}
.itemMenu ul li a {display: block; color: #415058; text-decoration: none;}
.curItem a {color: #FF7757 !important;}
.curItem::after {content: ''; position: absolute; left: 25%; bottom: 0; width: 50%; height: 3px; background-color: #FF7757;}
.itemMenu ul li:hover::after {content: ''; position: absolute; left: 25%; bottom: 0; width: 50%; height: 3px; background-color: #FF7757;}

.boxList {width: 100%; height: auto; overflow: auto; clear: both;}
.boxList ul {display: block; width: 100%; height: auto; overflow: auto; clear: both;}
.boxList ul li {display: block; width: 30%; height: auto; float: left; margin: 0 10px 10px 10px; background: #fff;}
.boxTop {width: 100%; height: auto; overflow: auto; position: relative;}
.boxTop img {width: 100%; height: 300px; display: block;}
.boxTop .coverFotBg {
    position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0.2;
    background: url(../images/coverFot.png) bottom no-repeat; background-size: 100%;
}
.boxTop a {display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
.boxTop span {
    position: absolute; left: 0; bottom: 0; right: 0;
    padding: 10px; line-height: 50px; font-size: 15px; color: #fff; font-weight: bold; font-size: 20px;
}
.boxTop2 {width: 100%; height: auto; overflow: auto; position: relative;}
.boxTop2 img {width: 100%; height: 300px; display: block;}
.boxList .boxTip {width: calc(100% - 20px); height: 50px; overflow: auto; clear: both; padding: 0 10px;}
.boxList .boxTip label {display: block; width: 70%; line-height: 50px; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.boxList .boxTip span {display: block; width: 30%; line-height: 50px; float: left; text-align: right; color: #FF7757;}
.boxList .boxTxt {padding: 0 10px;}
.boxList .boxTxt label {display: block; line-height: 30px; font-weight: bold; font-size: 20px;}
.boxList .boxTxt p {display: block; line-height: 40px; color: #FF7757; font-weight: bold; font-size: 16px;}
.boxList .boxTxt p i {
    display: inline-block; width: 60px; height: 25px; text-align: center; line-height: 25px; font-size: 14px; 
    border-radius: 5px; font-style: normal; background: #FF7757; color: #fefefe; font-weight: normal;
}
.boxList .boxTxt p i b {color: #fff; font-size: 16px;}
.boxList .boxTxt span {display: block; line-height: 30px; color: #B2B2B2}
.boxList .boxTxt span img {height: 20px; margin-right: 5px;}

/*动态武陵*/
.newsNode {max-width: 1200px; height: auto; min-height: 500px; padding-top: 30px; overflow: auto; margin: 0 auto;}
.itemNewsList {width: 100%; height: 100%; min-height: 800px; margin-bottom: 30px;}
.hotList {width: calc(100% - 40px); height: auto; padding: 20px; background: #fff;}
.hotTag {width: 100%; line-height: 40px; font-size: 20px; font-weight: bold; border-bottom: 1px solid #eee; margin-bottom: 20px;}
.hotItem {width: 100%; height: auto; overflow: auto;}
.hotItemPic {width: 350px; height: 200px; overflow: hidden; float: left; margin-right: 20px;}
.hotItemPic img {width: 100%; height: 200px;}
.hotItemTxt {width: calc(100% - 370px); height: 200px; overflow: auto; float: left;}
.hotItemTop {width: 100%; height: auto; overflow: auto;}
.hotItemTop a{text-decoration: none;}
.hotItemTop label {
    display: block; width: 100%; line-height: 30px; font-size: 18px; font-weight: bold; text-decoration: none; color: #000;
    overflow: auto; text-overflow: ellipsis; white-space: nowrap;
}
.hotItemTop:hover label{color: #FF7757 !important;}
.hotItemTop span {display: block; width: 100%; line-height: 30px;}
.hotItemTop span i {font-style: normal; margin-right: 20px; color: #999;}
.hotItemTop aside {display: block; height: 90px; overflow: hidden; line-height: 30px; font-size: 15px; color: #666;}
.hotItemFot {width: 100%; height: 50px; clear: both;}
.hotItemFotL {height: 50px; overflow: auto; float: left;}
.hotItemFotL span {display: block; line-height: 50px; padding-left: 25px; color: #999; margin-right: 10px; float: left;}
.fotL_Icon1 {background: url(../images/newsIcon1.png) center left no-repeat;}
.fotL_Icon1:hover {background: url(../images/newsIcon2.png) center left no-repeat;}
.fotL_Icon2 {background: url(../images/newsIcon3.png) center left no-repeat;}
.fotL_Icon2:hover {background: url(../images/newsIcon4.png) center left no-repeat;}
.fotL_Icon3 {background: url(../images/newsIcon5.png) center left no-repeat;}
.fotL_Icon3:hover {background: url(../images/newsIcon6.png) center left no-repeat;}
.hotItemFotR {width: 170px; height: 45px; padding-top: 5px; overflow: hidden; float: right;}
.hotItemFotR span {width: 50px; height: 45px; float: left; cursor: pointer;}
.hotItemFotR .prevH {background: url(../images/newsIcon8.png) center no-repeat; background-size: 80%;}
.hotItemFotR .prevH:hover {background: url(../images/newsIcon9.png) center no-repeat; background-size: 80%;}
.hotItemFotR .nextH {background: url(../images/newsIcon10.png) center no-repeat; background-size: 80%;}
.hotItemFotR .nextH:hover {background: url(../images/newsIcon11.png) center no-repeat; background-size: 80%;}
.hotItemFotR label {width: 70px; height: 45px; text-align: center; float: left;}
.hotItemFotR label b {display: inline-block; line-height: 45px; font-size: 30px;}
.hotItemFotR label i {display: inline-block; line-height: 45px; font-size: 20px; font-style: normal;}

.newsList {width: calc(100% - 40px); height: auto; margin-top: 20px; padding: 20px; background: #fff; position: relative;}
.newsListTag {width: 100%; line-height: 40px; font-size: 20px; font-weight: bold; border-bottom: 1px solid #eee; margin-bottom: 10px;}
.pageList {width: 100%; height: auto; overflow-y: auto; padding-bottom: 20px;}
.pageItem {width: 100%; height: auto; overflow: auto; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #dfdfdf;}
.pageItemTime {width: 100px; height: 120px; padding-top: 30px; float: left; margin-right: 20px; background: #eee; color: #999;}
.pageItemTime b {display: block; line-height: 60px; text-align: center; font-size: 50px;}
.pageItemTime span {display: block; line-height: 30px; text-align: center; opacity: 0.8;}
.pageItemArea {width: calc(100% - 120px); height: 150px; float: left;}
.pageItemTop {width: 100%; height: auto; overflow: auto;}
.pageItemTop label {
    display: block; width: 100%; line-height: 30px; font-size: 18px; font-weight: bold; text-decoration: none; color: #000; cursor: pointer;
    overflow: auto; text-overflow: ellipsis; white-space: nowrap;
}
.pageItemTop span {display: block; width: 100%; line-height: 30px;}
.pageItemTop span i {font-style: normal; margin-right: 20px; color: #999;}
.pageItemTop aside {display: block; line-height: 30px; overflow: hidden; font-size: 15px; color: #666;}
.pageItemFot {width: 100%; height: 30px; clear: both;}
.pageItemFot span {display: block; line-height: 30px; padding-left: 25px; color: #999; margin-right: 10px; float: left;}
.pageItemTop a{text-decoration: none;}
.pageItem:hover .pageItemTime {background: #FF7757; color: #fff;}
.pageItem:hover .pageItemTop label {color: #FF7757;}

/*分页样式*/
.pageNumber { line-height: 50px; text-align: center;}
.page_info{text-align: center; margin-top: 10px; color: #333;}
.page_info span{padding: 0 2px; font-weight: bold;}
.page_list{line-height: 50px; text-align: center; letter-spacing: 0;}
.page_list a {
    display: inline-block; text-align: center; line-height: 35px; color: #666; min-width: 35px; 
    background: #eee; text-decoration: none; border-radius: 5px; padding: 0 5px; margin: 0 3px;
}
.page_list a:hover{color: #fff; background: #FF7757;}
.page_list a.on{color: #fff !important; background: #FF7757 !important;}
.page_list a.page-num-current{color: #fff !important; background: #FF7757 !important;}

.pageGuide {width: 100%; height: auto; line-height: 50px; background: #eee; color: #999;}
.pageGuide a {color: #999; text-decoration: none;}

.guideNode {max-width: 1200px; height: auto; overflow: auto; margin: 0 auto;}
.pageNode {max-width: 1200px; height: auto; min-height: 700px; overflow: auto; margin: 0 auto;}
.pageTag {width: 100%; height: auto; overflow: auto; margin: 20px 0;}
.pageTag label {display: block; text-align: center; line-height: 80px; font-weight: bold; font-size: 26px;}
.pageTag span {display: block; width: 100%; line-height: 40px; text-align: center; overflow: auto; border-bottom: 1px solid #ccc; color: #999;}
.pageTag span i {display: inline-block; font-style: normal; margin: 0 30px; text-align: center;}
.pagePic {width: 100%; height: auto; overflow: auto; text-align: center; padding-bottom: 20px;}
.pagePic img {display: block; width: 100%;}
.pageTxt {width: 100%; height: auto; min-height: 400px; line-height: 40px; font-size: 16px; padding-bottom: 20px; color: #666;}
.pageTxt img {padding: 0; margin: 0;}
.pageTxt #widthFull {width: 100%; display: block;}
.pageTxt #blockPic {display: block; margin: 0 auto;}

.pageShare {width: 100%; height: 50px; overflow: auto;}
.pageShare span {display: block; line-height: 50px; padding-left: 25px; color: #999; margin-right: 10px; float: left;}
.pageShare .fotL_Icon2 {cursor: pointer;}
.pageShare .fotL_Icon3 {cursor: pointer;}
.shareNode {width: 100%; height: auto; overflow: hidden;}
.pageMore {width: 100%; height: auto; overflow: auto; line-height: 50px; margin: 25px 0;}
.pageMore .prevPage {float: left; text-decoration: none; color: #666;}
.pageMore .nextPage {float: right; text-decoration: none; color: #666;}
.noPageView {width: calc(100% - 20px); min-height: 600px; padding: 10px;}

/*关于我们*/
.aboutNode {max-width: 1200px; height: auto; min-height: 500px; padding-top: 30px; overflow: auto; margin: 0 auto;}
.itemMap {width: 100%; height: auto; overflow: auto; min-height: 450px;}
.itemContact {width: 100%; height: auto; overflow: auto; clear: both;}
.itemContact ul {display: block; width: 100%; height: auto;}
.itemContact ul li {display: block; width: 30%; height: auto; float: left;}
.itemContact ul li:nth-of-type(even) {margin: 0 5%;}
.itemContact ul li img {display: block; width: 60%; margin-left: 20%;}
.itemContact ul li span {display: block; width: 100%; height: auto; line-height: 30px; text-align: center; font-size: 18px; font-weight: bold;}
.itemContact ul li label {display: block; line-height: 40px; text-align: center; font-size: 16px; color: #999;}
.itemMediaTag {width: 100%; height: auto; line-height: 100px; padding-top: 50px; text-align: center; font-size: 30px; font-weight: bold;}
.itemMedia {width: 100%;  overflow: hidden; padding-bottom: 100px; position: relative;}
.itemMedia .itemMediaLink {width: 20%; margin: 0 2.5%; height: 100px; float: left; position: relative;}
.itemMedia .linkCode {
    visibility: hidden; width: 100%; height: auto; padding: 20px; position: absolute; bottom: 95px; left: -20px;
    background: url(../images/link_Bg.png) center bottom no-repeat; background-size: 100%;
}
.itemMedia .linkCode img {width: 100%;}
.itemMedia .linkCode span {display: block; text-align: center; line-height: 30px; padding-bottom: 10px; color: #999; font-size: 15px;}
.itemMedia .linkIcon {width: 100%; height: auto; max-height: 85px;}
.itemMedia .linkIcon img {display: block; width: calc(100% - 2px); height: auto; max-height: 85px; border: 1px solid #e1e1e1; cursor: pointer;}
.itemMedia .itemMediaLink:hover .linkCode {visibility:visible;}
.itemMedia .linkGuide {visibility: visible; width: 400px; position: absolute; top: -280px; right: -50px;}
.itemMedia:hover .linkGuide {visibility: hidden;}

/*脚注区域*/
.footer {width: 100%; height: 240px; background: #000;}
.footArea {max-width: 1200px; margin: 0 auto;}
.footLogo {width: 300px; height: 150px; text-align: center; padding: 25px 0px; float: left;}
.footLogo img {width: auto; height: 120px;}
.footLogo label {display: block; width: 100%; line-height: 30px; font-size: 16px; text-align: center; color: #999;}
.footMain {width: calc(100% - 300px); height: 180px; padding: 10px 0px; float: left;}
.footMenu {width: 100%; height: 50px; line-height: 50px; overflow: hidden; text-align: center; color: #FFF;}
.footMenu a {margin: 0 2.5vh; color: #FFF; text-decoration: none;}
.footPic {
    width: 100%; height: 75px; line-height: 75px; overflow: hidden; text-align: center; 
    /* background: url(../images/footIcon.png) center bottom no-repeat; */
}
.footPic img {height: 25px;}
.footLink{margin-bottom: 20px;}
.footLink,.copyright {width: 100%;   overflow: hidden; text-align: center; color: #999;}
.footLink a,.copyright a {margin: 0 0.5vh; color: #999; text-decoration: none;}
.footLink span:last-child {display: none;}

.backTop {
    position: fixed; right: 20px; bottom: 20px; display: block; width: 50px; height: 50px; 
    background: url(../images/topIcon.jpg) center no-repeat; background-size: 100%; border-radius: 5px;
}


  /* 隐藏PC端 */
  @media (min-width: 769px) {
    .mobile-tabbar { display: none !important; }
  }

  /* 简介样式 */
  .xianludesc {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 8px;
    margin: 15px 0;
    line-height: 1.8;
    font-size: 14px;
    color: #333;
    border-left: 4px solid #FF7757;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
  }
  
  .xianludesc p {
    margin: 0 0 10px 0;
    text-align: justify;
  }
  
  .xianludesc p:last-child {
    margin-bottom: 0;
  }
  
  /* 简介内容高亮 */
  .xianludesc strong {
    color: #FF7757;
    font-weight: 600;
  }
  
  /* 简介列表样式 */
  .xianludesc ul, .xianludesc ol {
    padding-left: 20px;
    margin: 10px 0;
  }
  
  .xianludesc li {
    margin-bottom: 5px;
    line-height: 1.6;
  }