/* 内容部分 */
.contentWrap{
    width: 100%;
    min-height: calc(100% - 388px);
}

/* banner部分 */
.banner{
    width: 100%;
    height: 300px;
    /* background: url('/public/protal/images/banner-list.png') no-repeat center;
    background-size: cover; */
}
.banner>img{
    width: 100%;
    height: 100%;
    display: block;
}
/* 中间部分 */
.content{
    width: 100%;
}
.contentTop{
    width: 100%;
    height: 65px;
    background: url('/public/protal/images/fen.jpg') no-repeat center;
    background-size: cover;
}
.aaa{
    position: fixed;
    top: 0;
    left: 50%;
    margin-left: -50%;
    z-index: 999;
}
.tableWrap{
    width: 1190px;
    height: 65px;
    margin: 0 auto;
    position: relative;
}
.contentTable{
    width: 1190px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    display: table;
}
.tableBox{
    display: table-cell;
    /* float: left; */
    /* width: 297px; */
    height: 100%;
    padding: 10px 0px;
    box-sizing: border-box;
    padding-top: 15px;
}
.tableBox a{
    width: 100%;
    height: 100%;
    display: block;
}
.choose-on{
    background: rgba(0, 0, 0, .2);
}
.table-on{
    background: rgba(0, 0, 0, .2);
}
.tableBox .textCN{
    width: 100%;
    height: 20px;
    display: block;
    line-height: 20px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-family: "宋体";
}
.tableBox .textEN{
    width: 100%;
    height: 20px;
    display: block;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    /* margin-top: 5px; */
}
/* 下拉选择区域 */
.contentSelect{
    width: 1190px; 
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    top: 65px;
    left: 0;
    z-index: 999;
    background: #fff;
}
.selectLine{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    display: table;
}
.selectBox{
    height: 65px;
    display: table-cell;
}
.selectBox a{
    width: 100%;
    height: 100%;
    display: block;
}
.selectBoxText{
    width: 100%;
    height: 65px;
    line-height: 65px;
    display: block;
    text-align: center;
    font-size: 18px;
    color: #999;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
}
.text-on{
    color: #19b1b6!important;
    border-bottom: 2px solid #19b1b6;
}
.select-on{
    color: #19b1b6!important;
}
.hideTop{
    height: 130px;
    display: none;
}

.contentCenter{
    width: 1190px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 65px;
}
.centerTitle{
    width: 100%;
    height: 51px;
    margin: 50px auto;
    overflow: hidden;
    text-align: center;
    position: relative;
}
.centerTitleBox{
    width: auto;
    height: 51px;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -50%;
}
.centerTitleLeft{
    width: 43px;
    height: 51px;
    display: block;
    float: left;
    background: url('/public/protal/images/title-left.png') no-repeat center;
    background-size: contain;
}
.centerTitleMiddle{
    width: auto;
    line-height: 51px;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    color: #19b1b6;
    font-family: "宋体";
    height: 51px;
    display: block;
    float: left;
    background: url('/public/protal/images/title-middle.png') no-repeat;
    background-size: cover;
    box-sizing: border-box;
}
.centerTitleRight{
    width: 43px;
    height: 51px;
    display: block;
    float: left;
    background: url('/public/protal/images/title-right.png')no-repeat center;
    background-size: contain;
}


.centerText{
    width: 100%;
    font-size: 18px;
    color: #323232;
    text-indent: 2em;
    margin-bottom: 60px;
    line-height: 1.8;
}
.centerList{
    width: 100%;
    overflow: hidden;
}
.listLine{
    width: 100%;
    height: 235px;
    padding: 24px 0px 22px 0px;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
}
.listLine:first-child{
    border-top: 1px solid #ddd;
}
.lineLeft{
    width: 289px;
    height: 189px;
    float: left;
}
.leftImg{
    width: 100%;
    height: 100%;
    display: block;
}
.lineRight{
    width: 870px;
    height: 189px;
    float: left;
    margin-left: 20px;
    overflow: hidden;
}
.liRightTitle{
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 18px;
    color: #333;
    overflow: hidden;
}
.liRightTitle a{
    color: #555;
}

.liRightTitle a:hover{
    color: #19b1b6;
}
.liRightContent{
    width: 100%;
    height: 120px;
    font-size: 16px;
    color: #999;
    overflow: hidden;
    margin-top: 20px;
}
.liRightBottom{
    width: 100%;
    height: 26px;
    position: relative;
}
.rightSpan{
    width: 100%;
    display: block;
    float: left;
    height: 26px;
    line-height: 26px;
    font-size: 16px;
    color: #999;
    box-sizing: border-box;
}
.rightMore{
    display: block;
    height: 26px;
    line-height: 26px;
    font-size: 16px;
    color: #1db1bb;
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
}
.rightMore:hover{
    text-decoration: underline;
}
/* 分页部分 */
#tableFootWrap{
    width: 100%;
    height: 48px;
    position: relative;
}
.tableFoot{
    width: 100%;
    margin: 10px auto;
    text-align: center;
    vertical-align: middle;
}
.tableFoot a, .tableFoot span{
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px;
    height: 28px;
    line-height: 28px;
    margin: 0 -1px 5px 0;
    background-color: #fff;
    color: #333;
    font-size: 12px;  
    text-decoration: none;
    border: 1px solid #e2e2e2;
    box-sizing: content-box;
    cursor: pointer;
}
.tableFoot .countNum{
    margin-right: 10px;
    padding: 0;
    border: none;
    cursor: auto;
}
.tableFoot .disabled{
    color: #d2d2d2!important;
    cursor: not-allowed!important;
}
.tableFoot .chos-on{
    background-color: #1bb1b6;
    color: #fff;
    border: 1px solid #1bb1b6;
}
.tableFoot .skip{
    height: 30px;
    line-height: 30px;
    color: #999;
    margin-left: 10px;
    padding: 0;
    border: none;
    cursor: auto;
}
.tableFoot input, .tableFoot button{
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    vertical-align: top;
    background-color: #fff;
    box-sizing: border-box;  
    outline: none;
    border: 1px solid #e2e2e2;
    box-sizing: content-box;
}
.tableFoot input{
    display: inline-block;
    width: 40px;
    margin: 0 10px;
    padding: 0 3px;
    text-align: center; 
}
.tableFoot .table-btn{
    margin-left: 10px;
    padding: 0 10px;
    cursor: pointer;
}
/* 样式2 */
.contentAshimar{
    width: 1220px;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 60px;
}
.listAshimarBox{
    width: 388px;
    height: 236px;
    float: left;
    margin-right: 10px;
    margin-bottom: 20px;
    position: relative;
    cursor: pointer;
}
.listAshimarImg{
    width: 100%;
    height: 100%;
    display: block;
}
.listAshimarBoxBottom{
    width: 100%;
    height: 50px;
    line-height: 50px;
    display: block;
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 0px 10px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
}
.ashimarMengPlateWrap{
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    padding: 50px 20px;
    padding-top: 30px;
    box-sizing: border-box;
    display: none;
}
.ashimarMengPlate{
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto;
}
.ashimarMengPlateTop{
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    border-bottom: 1px dashed #ddd;
}
.ashimarMengPlateContent{
    width: 100%;
    height: 98px;
    display: block;
    color: #fff;
    font-size: 14px;
    margin-top: 20px;
    overflow: hidden;
}
/* 样式3 */
.titleChangshi{
    padding-left: 10px;
}
.listChangshiBox{
    width: 573px;
    height: 573px;
    float: left;
    margin-right: 35px;
}
.changshiImg{
    width: 100%;
    height: 275px;
    display: block;
}
.changshiTitle{
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 24px;
    color: #333;
    margin: 20px auto;
}
.changshiLine{
    width: 128px;
    height: 2px;
    display: block;
    background: #333;
}
.changshiText{
    width: 100%;
    height: 110px;
    margin: 20px auto;
    display: block;
    font-size: 18px;
    overflow: hidden;
}
.changshiMore{
    color: #19b1b6;
    font-size: 16px;
    display: block;
}
/* 样式4 */
.listCultureLeft{
    width: 850px;
    height: 500px;
    float: left;
    overflow: hidden;
}
.cultureLeftImgSmall{
    width: 278px;
    height: 279px;
    display: block;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}
.cultureLeftImgBig{
    width: 420px;
    height: 280px;
    display: block;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}
.listCultureRight{
    width: 330px;
    height: 500px;
    float: left;
    overflow: hidden;
}
.cultureRightImg{
    width: 100%;
    height: 100%;
    display: block;
}
/* 样式5 */
.movieDetail{
    margin-bottom: 50px;
}
.movieLine{
    width: 100%;
    height: 1px;
    border-top: 1px solid #ddd;
    margin: 50px auto;
}
.lyrics{
    display: block;
    color: #323232;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    font-family: "宋体";
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 20px;
}
.titleMovie{
    width: 349px;
    height: 51px;
    background: url('/public/protal/images/text-list2.png') no-repeat center;
    background-size: cover;
    margin-top: 0px;
}
/* 样式6 */
.dynamic{
    width: 100%;
}
.dynamicLine{
    width: 100%;
    height: 50px;
    padding: 15px 5px;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
    text-indent:0em;
}
.dynamicPoint{
    width: 8px;
    height: 8px;
    background: #19b1b6;
    border-radius: 50%;
    display: block;
    float: left;
    margin-top: 7px;
}
.dynamicText{
    width: 1000px;
    height: 20px;
    line-height: 20px;
    font-size: 18px;
    color: #989898;
    display: block;
    float: left;
    margin: 0 10px;
}
.dynamicTime{
    width: 105px;
    height: 20px;
    line-height: 20px;
    color: #a1a1a1;
    font-size: 18px;
    display: block;
    float: right;
}
.dynamicLine:hover .dynamicText{
    color: #19b1b6;
}
.dynamicLine:hover .dynamicTime{
    color: #19b1b6;
}
/* 样式7 */
.listStoryBox{
    width: 288px;
    height: 236px;
    float: left;
    margin-right: 10px;
    margin-bottom: 20px;
    position: relative;
    cursor: pointer;
}
/* 样式8 */
.listFestivalsBox{
    width: 590px;
    height: 236px;
    float: left;
    margin-right: 10px;
    margin-bottom: 20px;
    position: relative;
    cursor: pointer;
}
/* 样式9 */
.listDancingBox{
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}
.listDancingLeft{
    width: 390px;
    height: 492px;
    float: left;
    margin-right: 10px;
    position: relative;
}
.dancingLeftImg{
    width: 100%;
    height: 100%;
    display: block;
}
.listDancingBoxBottom{
    width: 100%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 10;
}
.dancingMengPlateWrap{
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 900;
    padding: 180px 20px;
    box-sizing: border-box;
    display: none;
}
.dancingMengPlate{
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto;
}
.dancingMengPlateTop{
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    border-bottom: 1px dashed #ddd;
}
.dancingMengPlateContent{
    width: 100%;
    height: 98px;
    display: block;
    color: #fff;
    font-size: 14px;
    margin-top: 20px;
    overflow: hidden;
}
.listDancingRight{
    width: 800px;
    height: 492px;
    float: left;
    overflow: hidden;
    position: relative;
}
.dancingRightImgBox{
    width: 390px;
    height: 243px;
    display: block;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
}
.dancingRightImg{
    width: 100%;
    height: 100%;
    display: block;
}
.dancingRightMengPlateWrap{
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 900;
    padding: 50px 20px;
    padding-top: 30px;
    box-sizing: border-box;
    display: none;
}
/* 样式10 */
.contentGeneticBox{
    width: 100%;
    overflow: hidden;
}
.geneticLeft{
    width: 270px;
    height: 352px;
    display: block;
    float: left;
    margin-right: 6px;
}
.geneticLeftImg{
    width: 100%;
    height: 100%;
    display: block;
}
.geneticMiddle{
    width: 640px;
    height: 352px;
    display: block;
    float: left;
}
.geneticMiddleImg{
    width: 314px;
    height: 173px;
    float: left;
    margin-right: 6px;
    margin-bottom: 6px;
}
.geneticRight{
    width: 270px;
    height: 352px;
    display: block;
    float: left;
}
.geneticRightImg{
    width:100%;
    height: 100%;
    display: block;
}
/* 样式11 */
.travelListBox{
    width: 590px;
    height: 340px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}
.travelListBox:nth-child(2n){
    margin-right: 0px;
}
.travelListImg{
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 5px;
}
.travelListImg:hover{
    transform: scale(1.2,1.2);
    -webkit-transition: 1s;
    transition: 1s;
}
.travelListBoxBottom{
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0px 20px;
    font-size: 18px;
    color: #fff;
    background: rgba(0, 0, 0, .4);
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    border-radius: 5px;
}
/* 样式12 */
.contentServal{
    overflow: hidden;
    margin-bottom: 60px;
}
.servalLeft{
    width: 390px;
    height: 500px;
    float: left;
    margin-right: 10px;
    position: relative;
}
.servalLeftImg{
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 5px;
}
.servalLeftImg:hover{
    box-shadow: #666 0px 0px 10px;
}
.servalText{
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -15px;
}
.servalRight{
    width: 800px;
    height: 500px;
    float: left;
}
.servalRightImgWrap{
    width: 390px;
    height: 245px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
}
.servalRightBigImg{
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 5px;
}
.servalRightBigImg:hover{
    box-shadow: #666 0px 0px 10px;
}
.servalRightSmallImgBox{
    width: 190px;
    height: 100%;
    display: block;
    float: left;
    margin-right: 10px;
}
.servalRightSmallImg{
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 5px;
}
.servalRightSmallImg:hover{
    box-shadow: #666 0px 0px 10px;
}
.servalSmallText{
    width: 185px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -15px;
}
.servalRightSmallImgBox:last-child{
    margin-right: 0px;
}
/* 样式13 */
.galleryLine{
    width: 100%;
    overflow: hidden;
}
.galleryLineTop{
    width: 100%;
    height: 50px;
}
.galleryLineTopLeft{
    width: 500px;
    height: 100%;
    float: left;
}
.topLeftLine{
    width: 5px;
    height: 18px;
    display: block;
    float: left;
    margin-top: 17px;
    margin-right: 10px;
    background: #19b1b6;
}
.topLeftText{
    width: 150px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    color: #19b1b6;
    display: block;
    float: left;
}
.galleryLineTopRight{
    width: 100px;
    height: 100%;
    float: right;
}
.topRightText{
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #333;
    display: block;
    text-align: right;
}
.topRightText:hover{
    color: #19b1b6;
}
.galleryLineCenter{
    width: 100%;
    /* height: 200px; */
}
.galleryLineCenterImgBox{
    width: 290px;
    height: 200px;
    display: block;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
}
.galleryLineCenterImgBox:last-child{
    margin-right: 0px;
}
.galleryLineCenterImg{
    width: 100%;
    height: 100%;
    display: block;
}
.galleryLineText{
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    padding: 0 10px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, .4);
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.galleryLineCenterImgPlate{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    display: none;
    background: rgba(0, 0, 0, .4);
}
.galleryLineCenterImgPlate a{
    width: 100%;
    height: 100%;
    display:block;
}
.galleryLineCenterImgBox:hover .galleryLineCenterImgPlate{
    display: block;
    cursor: pointer;
}
/* 样式13的朦板 */
.mengPlateWrap{
    width: 100%;
    background: rgba(0, 0, 0, .6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1100;
    display: none;
}
.mengPlateBox{
    width: 1000px;
    height: 455px;
    margin: 0 auto;
    margin-top: 120px;
    position: relative;
}
.mengPlateBigImgWrap{
    width: 660px;
    height: 450px;
    margin: 0 auto;
    position: relative;
}
.mengPlateBigImg{
    width: 100%;
    height: 100%;
    display: block;
}
.mengPlateTxet{
    width: 100%;
    height: 40px;
    display: block;
    line-height: 40px;
    padding: 0px 20px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, .4);
    position: absolute;
    bottom: 0px;
    left: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
}
.mengPlateBoxClose{
    width: 50px;
    height: 50px;
    background: url('/public/protal/images/m-close.png') no-repeat center;
    background-size: cover;
    position: absolute;
    right: 0px;
    top: -50px;
    cursor: pointer;
}
.mengPlateBoxLeft{
    width: 50px;
    height: 50px;
    background: url('/public/protal/images/m-left.png') no-repeat center;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -25px;
    cursor: pointer;
}
.mengPlateBoxRight{
    width: 50px;
    height: 50px;
    background: url('/public/protal/images/m-right.png') no-repeat center;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -25px;
    cursor: pointer;
}
/* 弹框提示语 */
.mengPlateBoxClues{
    width: 200px;
    height: 50px;
    background: rgba(0, 0, 0, .6);
    border-radius: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -100px;
    z-index: 999;
    display: none;
}
.cluesSmile{
    width: 24px;
    height: 24px;
    display: block;
    float: left;
    margin-top: 14px;
    margin-left: 12px;
    margin-right: 10px;
    background: url('/public/protal/images/smile.png') no-repeat center;
    background-size: cover;
}
.cluesText{
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    display: block;
    float: left;
    user-select:none;
}
/* 样式14 */
.gallerysCenter{
    width: 1200px;
    height: auto;
}
/* 样式15 */
.videoLineCenterImgBox{
    width: 290px;
    height: 200px;
    display: block;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
}
.videoLineCenterImg{
    width: 100%;
    height: 100%;
    display: block;
}
.videoLineWrap{
    width: 100%;
    height: 40px;
    padding: 0 10px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, .4);
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
.videoLineText{
    width: 70%;
    height: 40px;
    display: block;
    float: left;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.videoLineRight{
    width: 30%;
    height: 40px;
    float: right;
}
.videoLineIcon{
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    margin-top: 10px;
    margin-right: 5px;
    background: url('/public/protal/images/s-vid.png') no-repeat center;
    background-size: cover;
}
.videoLineNum{
    width: 50px;
    height: 40px;
    display: block;
    float: left;
    line-height: 40px;
    color: #fff;
    font-size: 18px;
    overflow: hidden;
}
.videoLineCenterImgPlate{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background:rgba(0, 0, 0, .4);
    display: none;
}
.videoPlayAnniu{
    width: 45px;
    height: 45px;
    display: block;
    margin: 0 auto;
    margin-top: 85px;
    background: url('/public/protal/images/vide.png') no-repeat center;
    background-size: cover;
    cursor: pointer;
}
/* 轮播图 */
.videoLunboWrap{
    width: 100%;
    height: 370px;
    position: relative;
}
.videoSlide{
    width: 100%;
    position: relative;
    cursor: pointer;
}
.videoSlideImg{
    width: 100%;
    height: 370px;
    display: block;
}
.videoBigPlayWrap{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 900;
    display: none;
}
.videoBigPlay{
    width: 72px;
    height: 72px;
    display: block;
    background: url('/public/protal/images/vide.png') no-repeat center;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -35px;
    margin-left: -35px;
    cursor: pointer;
}
.videoSlideLine{
    width: 100%;
    height: 60px;
    padding: 0 10px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, .4);
    position: absolute;
    bottom: 0;
    left: 0;
}
.videoSlideLineTitle{
    width: 100%;
    height: 16px;
    line-height: 16px;
    font-size: 16px;
    color: #fff;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.videoSlideLineText{
    width: 100%;
    height: 16px;
    line-height: 16px;
    font-size: 14px;
    color: #fff;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.videoPage{
    bottom: 70px!important;
}
.videoPage .swiper-pagination-bullet{
    background: #333!important;
}
.videoPage .swiper-pagination-bullet-active{
    background: #19b1b6!important;
}
.prevVideo{
    width: 50px;
    height: 50px;
    margin-top: -25px;
    background: url('/public/protal/images/lunbo-left-new.png') no-repeat center;
    background-size: cover;
}
.nextVideo{
    width: 50px;
    height: 50px;
    margin-top: -25px;
    background: url('/public/protal/images/lunbo-right-new.png') no-repeat center;
    background-size: cover;
}
.voder{
    background: rgba(0, 0, 0, .6);
}
.videoBox{
    width: 860px;
    height: 440px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -220px;
    margin-left: -430px;
}
.vid{
    width: 800px;
    height: 440px;
    float: left;
}
.videoClose{
    width: 50px;
    height: 50px;
    background: url('/public/protal/images/m-close.png') no-repeat center;
    background-size: cover;
    cursor: pointer;
    float: left;
    margin-left: 10px;
}
/* 样式16 */
.musicCenter{
    margin-top: 0px!important;
}
.contentMiddle{
    width: 100%;
}
.contentMiddleTable{
    width: 100%;
}
.middleTheaderWrap{
    width: 100%;
    height: 50px;
    border-bottom: 2px solid #19b1b6;
}
.middleTheader{
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    color: #999;
}
.middleFirst{
    width: 400px;
}
.middleSecond{
    width: 200px;
}
.middleThird{
    width: 200px;
}
.middleFour{
    width: 200px;
}
.middleTbodyWrap{
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
}
.middleTbodyWrap:hover{
    background: #F6F6F6;
}
.audioWrap{
    width: 1190px;
    height: 30px;
    position: fixed;
    bottom: 0;
    left:50%;
    margin-left: -595px;
    z-index: 1000;
    /* width: 100%;
    height: 30px;
    margin-top: 5px;
    margin-bottom: 5px; */
    display: none;
}
.audio{
    width: 100%;
    height: 30px;
    display: block;
}
.contentMiddleTextWrapFirst{
    width: 100%;
    height: 50px;
    display: block;
    overflow: hidden;
    padding-left: 50px;
    box-sizing: border-box;
}
.contentMiddleTextWrap{
    width: 100%;
    height: 50px;
    display: block;
    overflow: hidden;
}
.contentMiddleI{
    width: 18px;
    height: 18px;
    display: block;
    float: left;
    background: url('/public/protal/images/audio.png') no-repeat center;
    background-size: cover;
    margin-top: 15px;
    margin-right: 10px;
}
.contentMiddleTextFirst{
    width: 300px;
    height: 50px;
    line-height: 50px;
    display: block;
    float: left;
    font-size: 18px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.contentMiddleText{
    width: 200px;
    height: 50px;
    line-height: 50px;
    display: block;
    float: left;
    margin-left: 30px;
    text-align: center;
    font-size: 18px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* 样式17 */
.ashimaTitleBox{
    width: 502px;
    height: 43px;
    margin: 0 auto;
    border: 1px solid #19b1b6;
    border-radius: 25px;
    box-sizing: border-box;
    overflow: hidden;
}
.ashimaTitleBoxTable{
    width: 250px;
    height: 41px;
    line-height: 41px;
    font-size: 18px;
    text-align: center;
    border-radius: 25px;
    display: block;
    float: left;
    box-sizing: border-box;
    color: #b5b5b5;
    background: #fff;
    border: 1px solid #fff;
}
.ashimaTitleBoxOn{
    color: #fff;
    background: #19b1b6;
    border: 1px solid #19b1b6;
}
.ashimaLineText{
    width: 100%;
    height: 40px;
    display: block;
    float: left;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* list19样式 */
.listDaSanXian{
    width: 388px;
    height: 280px;
    float: left;
    margin-right: 10px;
    margin-bottom: 20px;
    position: relative;
}
.listDaSanXianImg{
    width: 100%;
    height: 100%;
    display: block;
}
/* list21样式 */
.serviceCenter{
    margin-top: 30px;
}
.serviceCenterTitle{
    margin-top: 0px;
}
/* list23样式 */
.youjiDetail{
    margin-top: 30px;
}
/* list25样式 */
.tourDynamic{
    margin-top: 0px;
}



/* 无搜索结果部分 */
.searchNone{
    width: 500px;
    height: calc(100% - 357px);
    margin: 0 auto;
    margin-top: 100px;
}
.searchNone img{
    width: 193px;
    height: 134px;
    display: block;
    margin: 0 auto;
}
.searchNoneTextWrap{
    width: 329px;
    margin: 20px auto;
    overflow: hidden;
}
.searchNoneText{
    width: 329px;
    height: 40px;
    line-height: 40px;
    font-size: 24px;
    margin: 0 auto;
    color: #6a6a6a;
    text-align: center;
}

/****************** 版本2样式 *****************/
.contentCenterVersion2{
    margin-top: 0;
}

.contentCenter {
    width: 1190px;
    margin: 0 auto;
}

.travelGuide{
    width: 1200px;
}

.centerTitle {
    width: 100%;
    height: 51px;
    margin: 40px auto;
    overflow: hidden;
    text-align: center;
    position: relative;
    margin-bottom: 15px;
}

.contentSelect {
    width: 1190px;
    height: 65px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 20px;
    background: #fff;
}

.contentSelect {
    width: 1190px;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
}

.selectBoxText {
    width: 100%;
    height: 65px;
    line-height: 65px;
    display: block;
    text-align: center;
    font-size: 18px;
    color: #999;
    box-sizing: border-box;
}
/* 专题推荐 */
.contentSpecailTuijian{
    width: 100%;
    display: table;
    overflow: hidden;
    margin-bottom: 30px;
}
.contentSpecailTuijianBox{
    height: 200px;
    display: table-cell;
    box-sizing: border-box;
    padding-right: 10px;
}
.contentSpecailTuijianBox>img{
    width: 100%;
    height: 100%;
    display: block;
}
.specialTuijian{
    margin-bottom: 30px;
}
.specialTuijianBanner{
    background: url('/public/protal/images/en/banner.png') no-repeat center;
    background-size: cover;
}
/* 非遗传承 */
.geneticBearingBox{
    width: 590px;
    height: 330px;
    display: block;
    float: left;
}
/* 旅游攻略 */
.travelLineTitle{
    width: 100%;
    height: 30px;
    margin: 35px 0px 35px 0px;
}
.travelLineTitleLeft{
    width: 1000px;
    height: 100%;
    float: left;
    overflow: hidden;
}
.travelLineTitleLeftIcon{
    width: 6px;
    height: 20px;
    display: block;
    float: left;
    background: #1db1b5;
}
.travelLineTitleLeftText{
    width: 900px;
    height: 30px;
    line-height: 20px;
    font-size: 18px;
    color: #1db1b5;
    display: block;
    float: left;
    margin-left: 10px;
}
.travelLineTitleRight{
    width: 80px;
    height: 18px;
    float: right;
}
.travelLineTitleRightMore{
    width: 100%;
    height: 100%;
    display: block;
    font-size: 14px;
    color: #333;
    text-align: right;
    line-height: 18px;
}
.travelLineTitleRightMore:hover{
    text-decoration: underline;
    color: #1bb1b6;
}
/* 图话石林 */
.galleryLineCenterImgBox a{
    width: 100%;
    height: 100%;
    display: block;
}
.calssifyWrap{
    width: 100%;
    color: #333;
    overflow: hidden;
}
.calssifyLeft{
    width: 100px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    float: left;
}
.calssifyRight{
    width: 1090px;
    overflow: hidden;
}
.calssifyBox{
    width: 170px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    display: block;
    float: left;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
    margin-bottom: 30px;
    cursor: pointer;
    color: #333;
}
.calssifyBox:hover{
    color: #1bb1b6;
}
.classify-on{
    color: #1bb1b6;
    border-bottom: 2px solid #1bb1b6;
}

/* 音乐鉴赏 */
.contentMiddleTitle{
    width: 100%;
    overflow: hidden;
}
.contentMiddleTitleText{
    width: 500px;
    height: 18px;
    line-height: 18px;
    font-size: 16px;
    color: #19b1b6;
    float: left;
    display: block;
    border-left: 6px solid #19b1b6;
    padding-left: 10px;
    margin-top: 40px;
    box-sizing: border-box;
}
.contentMiddleTitleMore{
    width: 100px;
    height: 18px;
    line-height: 18px;
    font-size: 14px;
    color: #333;
    margin-top: 40px;
    display: block;
    float: right;
    text-align: right
}
.contentMiddleTitleMore:hover{
    color: #19b1b6;
    text-decoration: underline;
}
.scenicTitle{
    margin-bottom: 30px;
}
.scenicText{
    margin-top: 0px;
}