@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; overflow: hidden;}





.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;

  }