.hide{
    display: none;
}
.center{
    text-align: center;
}
body>div{
    min-width:1240px;
}
a:hover{ opacity:.8;}
header {
    height: 76px;
    line-height: 76px;
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(126, 0, 17, .8);
    background-image: url("../images/nav-bg.jpg");
    background-size: 1920px 76px;
    background-repeat: repeat-x;
    background-position: center center;
}

header .logo {
    line-height:0;
    float: left;
}
header .logo img{
    width:307px;
    margin-top: 6px;
}

header nav {
    float: left;
    margin-left:60px;
}

header nav > ul > li {
    width: 68px;
    float: left;
    text-align: center;
    position: relative;
    height:76px;
}
header nav > ul > li.current:after{
    content: "";
    position: absolute;
    top:0;
    left:0;
    width:100%;
    /*height:84px;*/
    height:100%;
    background-color:#561118;

}
header nav > ul > li .nav-child {
    display: none;
}

header nav > ul > li:hover {
    background-color:#561118;
}

header nav > ul > li:hover .nav-child {
    display: block;
}

header nav a {
    color: #fff;
    font-size: 20px;
    position: relative;
    z-index: 10;
    font-family:"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
}

header .nav-child {
    position: absolute;
    z-index: 99;
    bottom: -36px;
    left: 0;
    height: 36px;
    line-height: 36px;
}

header .nav-child > ul {
    width:500px;
}

header .nav-child > ul > li {
    float: left;
    padding: 0 20px;
    background: rgba(74, 74, 74, 0.6);
    position: relative;

}
header .nav-child > ul > li > a{
    font-size:16px;
}
header .nav-child > ul > li:after{
    position: absolute;
    content:"";
    height:12px;
    width:1px;
    right:0;
    top:13px;
    background-color:#66696e;
}
header .nav-child > ul > li:last-child::after{
    content: "";
    display: none;
}
header .nav-child > ul >li a:hover{
    color:#d8d8d8;
}
header .nav-child > ul > img {
    float: left;
    position: relative;
    top: 23px;
}

header .nav-child > ul > li:hover .nav-child-child {
    display: block;
}

header .nav-child-child li {
    text-align: center;
}

.cf:after{
    content: "020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.cf {
    zoom: 1;
}
.nav-right{
    position: absolute;
    top:50%;
    right:0;
    margin-top:-13px;
}
.nav-right li{
    float:left;
    padding-left: 10px;
    line-height: normal;
}
.nav-right li a{
    display: inline-block;
    position: relative;
}
.nav-qq-qrcode{
    position: absolute;
    width:80px;
    left:50%;
    margin-left:-40px;
    bottom:-84px;
    display:none;
    max-width:initial;
}
.nav-right li a:hover .nav-qq-qrcode{
    display: block;
}
.nav-right li .nav-ico{
    vertical-align: middle;
}
.nav-right li a:hover .nav-ico{
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1);
}
.new-wrap{
    width:1200px;
    position: relative;
    margin:0 auto;
}
/*footer*/
.new-footer{
    /*margin-top:50px;*/
}
.new-footer-line1{
    background-image: url("../images/footer-bg1.jpg");
    background-size: 1920px 126px;
    background-repeat: repeat-x;
    background-position: center center;
}
.new-footer-line1 .new-wrap{
    position: relative;
    height:126px;
}
.new-footer-line1 .new-wrap img{
    width:214px;
    position: absolute;
    left:50%;
    margin-left:-107px;
    bottom:50px;
}

.new-footer-line2{
    background-image: url("../images/footer-bg2.jpg");
    background-size: 1920px 155px;
    background-repeat: repeat-x;
    background-position: center center;
}
.new-footer-line2 .new-wrap{
    position: relative;
    height:155px;
    box-sizing:border-box;
    padding:22px;
}
.new-footer-line2 .new-wrap>div{
    text-align:center;
    font-size:12px;
    color:#fff;
    margin-bottom:14px;
}
.new-footer-line2 .new-wrap>div a{
    color:#fff;
    text-decoration: underline;
}
/*全景页*/
/*位置栏*/
.new-location-wrap{
    margin-top:76px;
    height:36px;
    line-height:36px;
    background-image: url("../images/location-bg.jpg");
    background-size: 1920px 36px;
    background-repeat: repeat-x;
    background-position: center center;
    font-size:14px;
    color: #6b6b6b;
}

/*全景页主体*/
.top-banner>img{
    display: block;
    width:100%;
}
.search-wrap{
    height:60px;
    background-color:#9b806a;
    line-height: 60px;
    color:#ffffff;
    position: relative;
    font-size:18px;
}
.search-wrap .ico-search{
    padding:0 8px 0 32px;
    vertical-align: middle;
    position: relative;
    top:-3px;
}
.search-wrap .search-box{
    position: absolute;
    width:800px;
    height:100%;
    left:370px;
    top:0;
}
.new-select{
    display: inline-block;
    padding-left:15px;
    width:202px;
    height:42px;
    line-height:36px;
    box-sizing: border-box;
    background: url("../images/vr/select-bg.png") no-repeat scroll 0 0 transparent;
    vertical-align: middle;
}
.new-select select{
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    text-indent: 0.01px;
    text-overflow: "";
    border:none;
    outline:none;
    color:#535353;
    font-size:14px;
    background-color:transparent;
    height:38px;
    width:100%;
}
.new-select select::-ms-expand{
    display: none;
}
.first-select{
    margin:0 43px 0 22px;
}
/**主体列表*/
.new-list{
    margin-top:25px;
    position: relative;
    overflow:hidden;
}
.new-list ul{
    max-height:550px;
    min-height:0px;
    overflow-y:scroll;
    width:1217px;
}
.new-select>ul{
    list-style: none;
    margin:0;
    padding:0;
    overflow: hidden;
}
.vr-list ul{
    width:1217px;
    overflow-y:scroll;
    max-height:520px;
    min-height:230px;
}
.vr-list ul li{

}
.new-list>ul>li{
    float:left;
    width:290px;
    height:190px;
    margin-right:13px;
    margin-bottom:20px;
    overflow:hidden;
}
.new-list>ul>li:nth-of-type(4n){
    margin-right:0;
}
.new-list>ul>li>a{
    display: block;
    text-align:center;
    vertical-align: middle;
    height:100%;
    width:100%;
    position: relative;
    cursor: pointer;
}
.new-list>ul>li>a>img{
    vertical-align: middle;
    display: block;
    -webkit-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    width:100%;
    height:100%;
}
.new-list>ul>li>a>h3{
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
    height:40px;
    line-height:40px;
    margin:0;
    padding:0;
    font-weight: normal;
    background: -moz-linear-gradient(left, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.2) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.9)), color-stop(100%,rgba(0,0,0,0.2)));
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.2) 100%);
    background: -o-linear-gradient(left, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.2) 100%);
    background: -ms-linear-gradient(left, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.2) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#33000000',GradientType=1 );

}
.new-list>ul>li>a>h3>span{
    color:#fff;
    overflow:hidden;
}
.new-list>ul>li:hover>a>img{
    -ms-transform: scale(1.05);
    -webkit-transform:scale(1.05);
    transform:scale(1.05);
}
.new-list>ul>li>a>h3>span:first-child{
    font-size:16px;
    max-width:80px;
    margin-left:6px;
    float:left;
}
.new-list>ul>li>a>h3>span:nth-child(2){
    font-size:12px;
    float:right;
    max-width:180px;
    margin-right:6px;
}
.list-shadow{
    position: absolute;
    left:0;
    bottom:0;
    width:100%;
    height:66px;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.vr-popup{
    display: none;
}

/*首页*/
/*slider*/
.autoimg{
    position: relative;
    width:100%;
    height:470px;
    min-width:1200px;
    margin:76px auto 0 auto;
}
.autoimg .swiper-container,.autoimg .swiper-slide{
    width:100%;
    height:100%;
}
.autoimg .swiper-pagination-clickable .swiper-pagination-bullet{
    background:url(../images/icon-slider.png) no-repeat center center;
    width:35px;
    height:22px;
    opacity:1;
}
.autoimg .swiper-pagination-clickable  .swiper-pagination-bullet-active{
    background:url(../images/icon-slider-current.png) no-repeat center center;
    width:35px;
    height:22px;
    opacity:1;
}
.autoimg .swiper-slide img{
    object-fit: cover;
    width:100%;
    height:100%;
    font-family: 'object-fit: cover;';
}
.autoimg .swiper-slide a{ display:block; height:100%; width:100%; opacity:1;}

/*floor1*/
.new-title{
    font-size:20px;
    color:#fff;
    font-weight: normal;
}
.f1{
    margin-top:8px;
}
.f1-left{
    float:left;
    width:903px;

}
.f1-left-top {
    height:56px;
    line-height: 58px;
    background-image:url("../images/index/f1-topleft-bg.png");
    background-repeat: no-repeat;
    background-size:100% 100%;
    background-position: center center;
    padding-left:28px;

}
.f1-left-iframe{
    width:892px;
    height:605px;
    border:1px solid #c7c7c7;
    margin:10px 0 0 12px;
    border:1px solid #c7c7c7;
    box-sizing: border-box;

}
.f1-right{
    float:right;
    width:281px;
}
.f1-right-top {
    height:56px;
    line-height: 58px;
    background-image:url("../images/index/f1-topright-bg.png");
    background-repeat: no-repeat;
    background-size:100% 100%;
    background-position: center center;
    padding-left:28px;

}
.f1-right-village{
    width:280px;
    margin-top:11px;
    padding-right:12px;
}
.f1-right-village ul{
    width:100%;
    margin:0;
    padding:0;
    list-style: none;
}
.f1-right-village ul li{
    width:100%;
    /*height:145px;*/
	height:155px;
    /*margin-bottom:8px;*/
	margin-bottom:9px;
}
.f1-right-village ul li a{
    width:100%;
    height:100%;
    display: block;
    position: relative;
}
.f1-right-village ul li a img{
    width:100%;
    height:100%;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}
.f1-right-village li h3{
    position: absolute;
    bottom:0;
    height:22px;
    line-height: 22px;
    width:100%;
    background: -moz-linear-gradient(left, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.2) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.9)), color-stop(100%,rgba(0,0,0,0.2)));
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.2) 100%);
    background: -o-linear-gradient(left, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.2) 100%);
    background: -ms-linear-gradient(left, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.2) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#33000000',GradientType=1 );
}
.f1-right-village li h3 span:first-child{
    font-size:14px;
    color:#fff;
    font-weight:normal;
    padding-left:4px;

}
.f .more{
    position: absolute;
    right:0;
    bottom:0;
    padding:0 4px 0 5px;
    height:19px;
    line-height: 19px;
    text-align:center;
    vertical-align: middle;
    color:#fff;
    background-color:#9c816a;
    font-size:12px;
}

.fl{
    float:left;
}
.fr{
    float:right;
}

/*floor 2new*/
.f2_new{
    margin:8px 12px;
}
.index-box_new{
    width:890px;
    height:200px;
}
.index-c-box_new{
    width:830px;
    height:100%;
    position: relative;
}
.index-c-box_new img.cover-img{
    width:100%;
    height:100%;
    /*object-fit: cover;*/
    /*font-family: 'object-fit: cover;';*/
}
.index-c-box_new a.cover-a{
    position: relative;
    width:100%;
    height:100%;
    display: block;
}

.sub-title_new{
    width:60px;
    height:100%;
    background-image:url("../images/index/sub-title-bg-merge.jpg");
    background-size:61px 890px;
    background-position: 0 0;
    background-repeat: no-repeat;
    text-align:center;
    display:block;

}
.f3-r .sub-title_new{
    margin-right:10px;
}
.sub-title_new.st2{
    background-position: 0 -200px;
}
.sub-title.st3{
    background-position: 0 -400px;
}
.sub-title_new.st4{
    background-position: 0 -600px;
}
.sub-title_new.st5{
    background-position: 0 -800px;
}
.sub-title_new.st6{
    background-position: 0 -1000px;
    /*margin-right:0;*/
}
.sub-title_new:before{
    width:0;
    height:100%;
    content:"back";
    display: inline-block;
    vertical-align: middle;
    overflow:hidden;
}
.sub-title_new span{
    width:22px;
    font-size:20px;
    color:#fff;
    vertical-align: middle;
    display: inline-block;
    line-height:1.2;
    word-wrap: break-word;
}

.sub-title_new span.gt-gap{
    padding-top:0.5em;
}

/*floor 2*/
.f2{
    margin:8px 12px;
}
.index-box{
    width:582px;
    height:200px;
}
.index-c-box{
    width:522px;
    height:100%;
    position: relative;
}
.index-c-box img.cover-img{
    width:100%;
    height:100%;
    /*object-fit: cover;*/
    /*font-family: 'object-fit: cover;';*/
}
.index-c-box a.cover-a{
    position: relative;
    width:100%;
    height:100%;
    display: block;
}

.sub-title{
    width:60px;
    height:100%;
    background-image:url("../images/index/sub-title-bg-merge.jpg");
    background-size:61px 1200px;
    background-position: 0 0;
    background-repeat: no-repeat;
    text-align:center;
    display:block;

}
.f3-r .sub-title{
    margin-right:10px;
}
.sub-title.st2{
    background-position: 0 -200px;
}
.sub-title.st3{
    background-position: 0 -400px;
}
.sub-title.st4{
    background-position: 0 -600px;
}
.sub-title.st5{
    background-position: 0 -800px;
}
.sub-title.st6{
    background-position: 0 -1000px;
    /*margin-right:0;*/
}
.sub-title:before{
    width:0;
    height:100%;
    content:"back";
    display: inline-block;
    vertical-align: middle;
    overflow:hidden;
}
.sub-title span{
    width:22px;
    font-size:20px;
    color:#fff;
    vertical-align: middle;
    display: inline-block;
    line-height:1.2;
    word-wrap: break-word;
}

.sub-title span.gt-gap{
    padding-top:0.5em;
}
.f3{
    margin:15px 12px;
}
.f3 .index-c-box{
    border:1px solid #c7c7c7;
    border-left:0;
    box-sizing:border-box;
}
.f3 .index-c-box ul{
    padding-top:6px;
}
.f3 .index-c-box ul li{
    margin-top:12px;
    position: relative;
    padding: 0 90px 0 33px;
    height:20px;
    line-height:20px;
    overflow:hidden;
    text-overflow:ellipsis;
}
.f3 .index-c-box ul li a{
    font-size:14px;
    color:#4c4c4c;
}
.f3 .index-c-box ul li:before{
    position: absolute;
    content:"";
    left:22px;
    top:8px;
    width:4px;
    height:4px;
    border-radius: 50%;
    background-color:#b9b9b9;

}
.f3 .index-c-box ul li a:hover{
    color:#7e0011;
}
.f3 .index-c-box ul li span{
    color:#bdbdbd;
    font-size:14px;
    position: absolute;
    right:6px;
    top:0;
    height:20px;
    line-height:20px;
}
.f3 .index-c-box .more{
    background-color:transparent;
    color:#9c816a;
}

.f3-last{
    width:300px;
    height:200px;
    box-sizing: border-box;
    background-size:100% 100%;
    background-image: url("../images/index/btns-bg.jpg");
    text-align:center;
}
.f3-last .btns{
    margin-top:13px;
}
.btn-index{
    display: inline-block;
    width:280px;
    height:40px;
    background-image:url("../images/index/btn-bg.png");
    background-size:100% 100%;
    vertical-align: middle;
    line-height: 43px;
    box-sizing: border-box;
    padding-left:70px;
    text-align:left;
    position: relative;
    color:#535353;
    font-size:16px;
}
.f3-last .btn-index{
    margin-top:10px;
}
.f3-last .btn-index:first-child{
    margin-top:0;
}
.icon-btn{
    position: absolute;
    left:35px;
    width:32px;
    height:24px;
    top:50%;
    margin-top:-12px;
}

/*index pop*/
ul.index-pop{
    list-style: none;
    position: absolute;
    left:50%;
    margin-left:560px;
    top:82px;
    width:39px;
    z-index:5;
}
ul.index-pop li{
    margin-bottom:10px;
    position: relative;
    width:100%;
    height:39px;
}
ul.index-pop li a{
    display: block;
    width:100%;
    height:100%;
}
ul.index-pop li img{
    width:100%;
    display:block;
    position: relative;
    z-index:2;
}
ul.index-pop li span{
    -ms-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    position: absolute;
    top:4px;
    height:31px;
    line-height: 31px;
    right:34px;
    border-radius:6px;
    background-color:#333;
    color:#fff;
    text-align:center;
    width:0;
    opacity:0;
    overflow:hidden;
    z-index:1;
    font-size:16px;
}
ul.index-pop li a:hover span{
    width:200px;
    opacity:1;
}
.zoom-effect{
    overflow: hidden;
}
.zoom-effect img{
    -ms-transition:all 0.4s ease-in-out;
    -webkit-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
}
.zoom-effect:hover img{
    -ms-transform: scale(1.01);
    -webkit-transform:scale(1.01);
    transform:scale(1.01);
}
.zoom-effect:hover img.icon-btn{
    -ms-transform: scale(1.1);
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
}
.no-hover:hover{
    opacity: 1;
}
.arrow-effect .gt-gap{
    animation:move-left-to-right 1s 0s ease-in-out infinite;
}
@keyframes move-left-to-right {
    0% {
        transform: translateX(5%);
        opacity: 1;
    }
    50% {
        transform: translateX(20%);
        opacity: 0.4;
    }
    100% {
        transform: translateX(5%);
        opacity: 1;
    }
}

/*口述史*/
.top-banner-gap{
    background-color:#9b806a;
    height:10px;
}
.page-dictate{
    background-color:#fff;
}
.dictate-list>ul>li{
    width:380px;
    height:208px;
    margin-right:30px;
    margin-bottom:32px;
}
.dictate-list>ul>li:nth-of-type(4n){
    margin-right:28px;
}
.dictate-list>ul>li:nth-of-type(3n){
    margin-right:0;
}
.dictate-list ul{
    width:1217px;
    overflow-y:scroll;
    max-height:550px;
    min-height:230px;
    position: relative;
}
.dictate-list>ul>li>a>h3>span:first-child{
    max-width:180px;
    font-size:18px;
    padding-left:40px;
}
.dictate-list>ul>li>a>h3>span:first-child span{
    font-size:14px;
    padding-left:8px;
}
.dictate-list>ul>li>a>h3:before{
    content:"";
    position: absolute;
    width:22px;
    height:24px;
    top:50%;
    margin-top:-12px;
    left:10px;
    background-image:url("../images/dictate/icon-micphone.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size:100% 100%;
}
.loading-tips{
    position: absolute;
    width:100%;
    bottom:5px;
    height:20px;
    line-height: 20px;
    text-align:center;
    font-size:14px;
}
/*video*/
.video-pic{
    position: relative;
    width: 1260px;
    margin: 0 auto;
    padding-bottom: 10px;
    background: #fff;
}
.video-pic img{
    width: 100%;
}
.video-play-btn{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    margin-left: -100px;
    margin-top: -100px;
    cursor: pointer;
}
.video-wrap{
    width: 1260px;
    height: auto;
    margin: 0 auto;
    background: rgba(0,0,0,0.8);
    z-index: -1;
}
.dictate-video-wrap{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: rgba(0,0,0,0.8);
    z-index: -1;
}
.video{
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}
.dictate-video-wrap .video{
    position: absolute !important;
    top: 20%;
    left: 50%;
    width: 750px;
    height: auto;
    margin-left: -375px;
}
.close{
    position: absolute;
    top: 20%;
    left: 50%;
    padding-top: 10px;
    margin-left: 355px;
    cursor: pointer;
}

/*村落单馆*/
.village-alone-list>ul>li{
    width:290px;
    height:215px;
}
.village-alone-list>ul>li>a>h3{
    height:64px;
}
.village-alone-list>ul>li>a>h3>div{
    height:32px;
    line-height: 32px;
    font-size:14px;
    overflow: hidden;
    text-align:left;
    padding:0 4px 0 10px;
    color:#fff;
}
.village-alone-list>ul>li>a>h3>div:first-child{
    font-size:20px;
}
.top-banner{
    position: relative;
}
.page-village-alone .top-banner .provinces-box{
    position: absolute;
    bottom:15px;
    left:0;
    width:100%;
    height:112px;
}
.page-village-alone .top-banner .provinces{
    position: relative;
    margin:0 48px;
    height:100%;
    overflow:hidden;
}
.page-village-alone .top-banner .provinces ul{
    height:100%;
    display: inline-block;
    white-space: nowrap;
    position: relative;
    left:0;
    font-size:0;
}
.page-village-alone .top-banner .provinces ul li{
    display:inline-block;
    margin-right:35px;
    height:100%;
    width:36px;

}
.page-village-alone .top-banner .provinces ul li:last-child{
    margin-right:0;
}
.page-village-alone .top-banner .provinces ul li a{
    position: relative;
    display: block;
    width:100%;
    height:100%;
    color:#535352;
    background-color:#f0f0f0;
    font-size:16px;
    border:1px solid #a3a3a3;
    box-sizing: border-box;
    text-align:center;
    padding:0 5px;
    cursor:pointer;
}
.page-village-alone .top-banner .provinces ul li a:before{
    content:"";
    height:100%;
    vertical-align: middle;
    width:0;
    display: inline-block;
}
.page-village-alone .top-banner .provinces ul li a span{
    vertical-align: middle;
    word-wrap:break-word;
    white-space: normal;
    line-height: 1.5;
    display: inline-block;
}
.page-village-alone .provinces ul li a:hover, .page-village-alone .provinces ul li a.current{
    color:#fff;
    background-color:#9d816b;
}
.provinces-box .arrow-left, .provinces-box .arrow-right,.moveable-nav-box .arrow-left,.moveable-nav-box .arrow-right{
    width:30px;
    position: absolute;
    top:50%;
    margin-top:-50px;
    cursor: pointer;
}
.provinces-box .arrow-left, .moveable-nav-box .arrow-left{
    left:12px;
}
.provinces-box .arrow-right,.moveable-nav-box .arrow-right{
    right:12px;
}
.provinces-box .provinces ul{
    -ms-transition: left .5s ease-in-out;
    -webkit-transition: left .5s ease-in-out;
    transition: left .5s ease-in-out;
}
/*村落美文*/
.banner-nav{
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
    text-align:center;
}
.banner-nav ul{
    list-style: none;
    display: inline-block;
    font-size:0;
    position: relative;
    z-index:1;
}
.banner-nav ul li{
    display: inline-block;
    font-size:18px;
}
.beautiful-banner-nav{
    bottom:6px;
}
.beautiful-banner-nav ul li a{
    display: block;
    background-color:#fff;
    width:180px;
    padding:7px;
}
.beautiful-banner-nav ul li.selected a{
    background-color:#9b806a;

}
.beautiful-banner-nav ul li a span{
    height:60px;
    line-height: 60px;
    width:100%;
    box-sizing: border-box;
    border:1px solid #a3a3a3;
    display: inline-block;
    font-size:20px;
    letter-spacing: 5px;
    color:#535352;
}
.beautiful-banner-nav ul li.selected a span{
    border:1px solid #fff;
    color:#fff;
}
.beautiful-banner-nav ul li.selected a span{
    color:#fff;
}
.beautiful-list>ul>li{
    height:250px;
}
.beautiful-list>ul>li>a>h3>span{
    height:40px;
    line-height: 40px;
    overflow: hidden;
}
.beautiful-list>ul>li>a>h3>span:first-child{
    max-width:200px;
    font-size:14px;
}
.beautiful-list>ul>li>a>h3>span:nth-child(2){
    max-width:60px;
}
.beautiful-list ul{
    max-height: 600px;
}

/*摄影作品馆*/
.screenage-banner-nav{
    bottom:30px;
}
.screenage-banner-nav>div{
    position: relative;
    margin:0 auto;
    display:inline-block;
}
.screenage-banner-nav>div:before{
    position: absolute;
    content:"";
    width:100%;
    height:1px;
    background-color:#9d816b;
    top:50%;
    left:0;
}
.screenage-banner-nav ul li{
    margin-right:65px;
    width:146px;
    height:146px;
    box-sizing: border-box;
    border:3px solid #fff;
    border-radius: 100%;
    position: relative;
}
.screenage-banner-nav ul li.selected:before{
    border:10px solid transparent;
    content:"";
    border-top-color:#9d816b;
    width:0;
    height:0;
    font-size:0;
    position: absolute;
    bottom:-30px;
    left:50%;
    margin-left:-10px;
    z-index:2;
}
.screenage-banner-nav ul li:last-child{
    margin-right:0;
}
.screenage-banner-nav ul li.selected, .screenage-banner-nav ul li:hover{
    border:3px solid #9d816b;
}

.screenage-banner-nav ul li a{
    display: block;
    width:100%;
    height:100%;
    position: relative;
}
.screenage-banner-nav ul li a img{
    display: block;
    width:100%;
    height:100%;
    border-radius: 100%;
}
.screenage-banner-nav li .menu-text-bg{
    width:32px;
    height:100px;
    position: absolute;
    top:50%;
    margin-top:-50px;
    left:50%;
    margin-left:-16px;
    padding:2px;
    box-sizing:border-box;
    background-color:#fff;
    color:#535352;

}
.screenage-banner-nav li.selected .menu-text-bg,.screenage-banner-nav li:hover .menu-text-bg{
    background-color:#9d816b;
    color:#fff;
}

.screenage-banner-nav li .menu-text-box{
    position: relative;
    width:100%;
    height:100%;
    border:1px solid #a3a3a3;
    box-sizing: border-box;
    text-align: center;
    font-size:0;
}
.screenage-banner-nav li.selected .menu-text-box,.screenage-banner-nav li:hover .menu-text-box{
    border:1px solid #fff;

}
.screenage-banner-nav li .menu-text-box:before{
    display: inline-block;
    height:100%;
    width:0;
    content:"";
    vertical-align: middle;
}
.screenage-banner-nav li .menu-text-box span{
    display: inline-block;
    vertical-align: middle;
    font-size:14px;
    line-height: 1.5;
}
.screenage-list>ul>li{
    height:195px;
}
.screenage-list ul{
    max-height:520px;
}
.screenage-list>ul>li>a>h3>span:first-child{
    max-width:200px;
    font-size:14px;
}
.beautiful-list>ul>li>a>h3>span:nth-child(2){
    max-width: 60px;
}
.bigimg_click{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display: none;
    z-index:6;
    background-color:rgba(0,0,0,.4);
}
.close_tips{
    width:100%;
    position: absolute;
    left:0;
    top:85px;
    text-align: center;
}
.close_tips span{
    display: inline-block;
    background-color:#000;
    color:#fff;
    font-size:14px;
    padding:5px;
    border-radius: 2px;
}
.bigimg_click img{
    display: block;
    margin:8% auto;
    max-height:770px;
    max-width:1000px;
}
/*学术*/
.paper-list ul{
    min-height:600px;
    max-height: 700px;
}
.paper-list ul li{
    width:100%;
    background-color:#ebebeb;
    padding:10px;
    box-sizing: border-box;
    float:none;
    margin:0;
    margin-top:28px;
    height:256px;
}
.paper-list ul li:first-child{
    margin-top:0;
}
.paper-list .book-box{
    border:1px solid #a3a3a3;
    height:100%;
    width:100%;
    box-sizing: border-box;
}
.book-box{
    font-size:14px;
    color:#535352;
}
.book-box>div{
    height:100%;
    box-sizing: border-box;
    position: relative;
}
.book-box .book-c1{
    width:300px;
    padding:17px;
}
.book-box .book-c1 img{
    width:100%;
    height:100%;
    object-fit: contain;
    font-family: 'object-fit: contain;';
}
.book-box .book-c2{
    width:400px;
    padding:30px 30px 30px 44px;

}
.book-c2::before{
    position: absolute;
    top:50%;
    margin-top:-84px;
    left:0;
    content:"";
    width:23px;
    height:168px;
    background-image:url("../images/paper/book-title1.png");
    background-position: center center;
    background-size:100% 100%;
}
.book-box .book-c3{
    width:478px;
    padding:30px 30px 30px 44px;
}
.book-c3::before{
    position: absolute;
    top:50%;
    margin-top:-84px;
    left:0;
    content:"";
    width:23px;
    height:168px;
    background-image:url("../images/paper/book-title2.png");
    background-position: center center;
    background-size:100% 100%;
}
.book-box .info, .book-box .brief{
    position: relative;
    width:100%;
    height:100%;
    line-height: 1.8;
    color:#535352;
    text-align: justify;
    overflow-y: auto;
}
.book-box .brief p{
    margin:5px;
}
.book-box .info table{
    width:100%;
    border-collapse: collapse;
}
.book-box .info table td{
    height:26px;
    line-height: 26px;
}
.book-box .info table tr td:first-child{
    word-break: keep-all;
    white-space: nowrap;
}
.book-box div::-webkit-scrollbar {/*滚动条整体样式*/
    width: 3px;     /*高宽分别对应横竖滚动条的尺寸*/
}
.book-box div::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    background: #a3a3a3;
    width:6px;
    height:3px;
}
.book-box div::-webkit-scrollbar-track {/*滚动条里面轨道*/
    background: #fff;
}

/*名录*/
.names-list{
    min-height: 200px;
}
.pici-text h3{
    font-size:20px;
    color:#79171c;
    margin:0;
    padding:0;
    font-weight: normal;
    text-align: center;
}
.pici-text p{
    color:#5d5b5b;
    font-size:14px;
    padding:10px 20px 22px;
    margin:0;
    line-height: 1.5;
}
.top-banner-content{
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
    font-size:0;
}
.pici-select ul{
    list-style: none;
    display: inline-block;
    font-size:0;
}
.pici-select ul li{
    position: relative;
    display: inline-block;
    width:128px;
    height:46px;
    line-height: 46px;
    margin-left:5px;
    background-color:#fff;
    padding-left:25px;
    box-sizing: border-box;
    color:#5d5b5b;
    font-size:18px;
    cursor:pointer;
}
.pici-select ul li:before{
    position: absolute;
    content:"";
    right:22px;
    top:20px;
    width:0;
    height:0;
    border:7px solid transparent;
    border-top-color:#9b806a;
}
.pici-select ul li.selected:before,.pici-select ul li:hover:before{
    border-top-color:#fff;
}
.pici-select ul li.selected,.pici-select ul li:hover{
    background-color:#9b806a;
    color:#fff;
}
.pici-select ul li.selected{
    cursor: default;
}
.top-banner-gap5{
    height:5px;
}
.search-wrap-names{
    background-color:transparent;
    background-image:url("../images/names/search-bg.jpg");
    background-size:100% 100%;
    color:#5d5b5b;
    border-bottom:1px solid #c3c3c3;
}
.search-wrap-names .search-box{
    left:260px;
}
.search-wrap-names .first-select{
    margin:0 43px 0 0px
}
.names-list ul{
    font-size: 0;
    position: relative;
    z-index:100;
}
.names-list ul li{
    box-sizing: border-box;
    border:1px solid #5d5b5b;
    display: inline-block;
    margin-top:26px;
    margin-right:54px;
}
.names-list ul li:nth-child(3n),.names-list ul li.c-last {
    margin-right:0;
}

.names-list ul li>span{
    height:36px;
    line-height: 36px;
    width:362px;
    font-size:14px;
    color:#5d5b5b;
    display: inline-block;
    box-sizing: border-box;
    padding-left:12px;
    position: relative;
}
.names-list ul li:hover>span{
    background-color:#5d5b5b;
    color:#fff;
}
.names-list ul li>div{
    display: none;
    font-size: 14px;
    color:#fff;
    background-color:#5d5b5b;
    width:100%;
    position: absolute;
    left:0;
    top:0;
    padding:15px 25px;
    box-sizing: border-box;
    line-height: 1.5;
    max-height: 280px;
    overflow:auto;
    z-index:1;
}
.pici-select ul li.selected.cursor-progress{
    cursor: wait;
}
.names-list .show-more{
    display: inline-block;
    width:28px;
    height:28px;
    line-height: 28px;
    position: absolute;
    right:4px;
    top:50%;
    margin-top:-14px;
    cursor: pointer;
    background-color:#c3c3c3;
    color:#fff;
    text-align:center;
}
/*选址*/
.pattern-wrap .beautiful-banner-nav ul li a{
    width:142px;
}
.pattern-wrap .beautiful-banner-nav ul li a span{
    height:50px;
    line-height:50px;
}
.pattern-wrap .banner-nav ul li{
    margin-right:8px;
}
.pattern-wrap .banner-nav ul li:last-child{
    margin-right: 0;
}
.intro-text-box{
    position: relative;
}
.intro-text{
    border-bottom:1px solid #9b806a;
    box-sizing: border-box;
    height:50px;
    line-height: 1.8;
    margin-top:10px;
    font-size:14px;
    color:#5d5b5b;
    overflow:hidden;
    position: relative;
    -ms-transition:height .5s ease-in-out;
    -webkit-transition:height .5s ease-in-out;
    transition:height .5s ease-in-out;
}
.intro-text.expand{
    height:130px;
}
.intro-text-box .more{
    position: absolute;
    bottom:-18px;
    right:0;
    height:18px;
    width:50px;
    line-height:18px;
    font-size:12px;
    background-color:#9b806a;
    color:#fff;
    text-align:center;
}
.new-list>ul>li>a>h3.grid-title-auto{
    height:auto;
    text-align:left;
    color:#fff;
    padding:0px 28px 8px 5px;
    box-sizing: border-box;
}
.new-list>ul>li>a>h3.grid-title-auto>div:first-child{
    font-size:20px;
    line-height: 36px;
}
.new-list>ul>li>a>h3.grid-title-auto>div:last-child{
    font-size:14px;
    line-height: 16px;
    text-align:justify;
}
h3.grid-title-auto:before,.building-list dd ul li a:after{
    position: absolute;
    content:">";
    width:16px;
    height:16px;
    right:7px;
    bottom:9px;
    background-color:#9b806a;
    text-align: center;
    line-height: 16px;
    font-size:14px;
}
.pattern-list{
    margin-top:34px;
}
.pattern-list>ul>li{
    width:286px;
    height:197px;
    margin-right:18px;
}
/*vr特展*/
.page-vrexhibition{

}
.page-vrexhibition .slogan{
    position: absolute;
    width:7.7%;
    left:50%;
    margin-left:-600px;
    top:0;
    padding-top:2.5%;
}
.page-vrexhibition .banner-box{
    position: absolute;
    width:1200px;
    bottom:15px;
    left:50%;
    margin-left:-600px;

}
.page-vrexhibition .banner-box h5{
    height:70px;
    line-height: 70px;
    font-size: 24px;
    text-align: center;
    color:#fff;
    font-weight: normal;
    margin:0;
}
.page-vrexhibition .banner-box .tabs{
    text-align: center;
    font-size: 0;
}
.page-vrexhibition .banner-box .tabs a{
    display: inline-block;
    width: 211px;
    margin-right:12px;
}
.page-vrexhibition .banner-box .tabs a:hover{
    opacity: 0.9;
}
.page-vrexhibition .banner-box .tabs a:last-child{
    margin-right:0;
}
.page-vrexhibition .banner-box .tabs a img{
    display: block;
    width:100%;
}
.exhibition-wrap .top-intro{
    font-size:16px;
    color:#5d5b5b;
    padding:26px 0 26px 0;
    line-height: 1.5;
}
.exhibition-wrap .e-f{
    position: relative;
    border-top:3px solid #9b806a;
    padding:96px 0 80px 0;
}
.exhibition-wrap .e-f-box{
    position: relative;
}
.exhibition-wrap .e-f-r{
    margin-left:414px;
}
.e-f-r-top{
    border-left: 1px solid #e5e5e5;
    font-size: 0;
}
.exhibition-wrap .e-f-l{
    position: absolute;
    width:414px;
    top:0;
    left:0;
}
.e-f-r .t-intro-box{
    padding:0 0 0 25px;
}
.e-f-r .t-intro{
    text-align: justify;
    margin:25px 0 0 0;
    line-height: 1.8;
    font-size:16px;
    color:#5d5b5b;
}
.e-f-r .stitle{
    text-align: center;
    margin:38px 0 16px 0;
}
.e-f-l-slogan{
    text-align: right;
    padding:0 54px 16px 0;
}
.e-f-l-slogan img{
    width:75px;
}
.e-f-qrcode{
    text-align: center;
    margin:40px 0 78px 0;
    position: relative;
}
.e-f-qrcode:before{
    position: absolute;
    top:-26px;
    width:0;
    height:0;
    content:"";
    border:9px solid transparent;
    border-top-color:#79171c;
    left:50%;
    margin-left:-9px;
}
.e-f:last-child{
    padding-bottom:0;
}
.e-f:last-child .e-f-qrcode{
    margin-bottom:0;
}
.to-top{
    width:80px;
    height:25px;
    line-height: 25px;
    font-size:14px;
    color:#fff;
    background-color:#9b806a;
    text-align:center;
    display:block;
    position: fixed;
    bottom:50px;
    right:10px;
    cursor: pointer;
}
.to-top span{
    font-size:18px;
    padding-left:4px;
}
/*合作*/
.team-f{
    margin-top:60px;
}
.team-f>h1{
    color:#9b806a;
    font-size: 20px;
    font-weight: bold;
    margin:0 0 10px 0;
}
.team-f .obox{
    position: relative;
}
.team-f .ibox{
    border:1px solid #e3e3e3;
    border-bottom-color: #9b806a;
    background-color:#f7f7f7;
    transition:max-height 0.5s ease;
}
.team-f .ibox.expand{
    max-height:1800px;
}
.team-f .ibox ul{
    list-style: none;
    margin-top:20px;
    text-align: center;
}
.team-f .ibox ul li{
    width:266px;
    height:266px;
    display: block;
    margin:0 0 20px 26px;
    background-color: #fff;
    float:left;
    position: relative;
}
.team-f .team-box{
    position: absolute;
    width:100%;
    height:100%;
}
.team-f .team-front{
    -ms-transition:all 0.6s ease;
    -webkit-transition:all 0.6s ease;
    transition:all 0.6s ease;
}

.team-f .team-front img{
    width:100%;
    display: block;
    margin:70px 0 0 0;
}
.team-f .item-title{
    font-size:17px;
    color:#6b6b6b;
    margin:0;
    padding:0 15px;
    line-height: 1.2;
    position: absolute;
    top:220px;
    text-align: center;
    width:100%;
    box-sizing:border-box;
}
.team-f .team-back .item-title{
    color:#9b806a;
}
.team-f .team-back{
    opacity:0;
    visibility: hidden;
}
.team-f .ibox ul li:hover .team-back{
    -ms-transition:all 0.6s ease;
    -webkit-transition:all 0.6s ease;
    transition:all 0.6s ease;
    box-shadow: rgba(0,0,0,0.2) 0 0 5px 0;
    opacity:1;
    visibility: visible;
}
.team-f .ibox ul li:hover .team-front{
    -webki-transition:none;
    -ms-transition:none;
    transition:none;
    opacity: 0;
}
.team-f .team-back img{
    width:138px;
    display: block;
    margin:40px auto 5px;
}
.team-f .qrcode-tips{
    font-size: 14px;
    color:#6b6b6b;
    margin:0;
    text-align:center;
}
.team-f1 .ibox{
    max-height: 304px;
    overflow: hidden;
}
.more{
    padding:0 4px 0 5px;
    height:19px;
    line-height: 19px;
    text-align:center;
    vertical-align: middle;
    color:#fff;
    background-color:#9c816a;
    font-size:12px;
}
.team-f .more{
    position: absolute;
    right:0;
    bottom:-19px;
}
.team-f1 .team-front img{
    box-sizing: border-box;
    padding:0 20px 0;
}
/*志愿者*/
.team-f3 .ibox{
    max-height:220px;
    overflow:hidden;
}
.team-f2 .ibox ul li, .team-f3 .ibox ul li{
    width:170px;
    height:178px;
}
.team-f3 .team-front img{
    margin:40px 0 0 0;
}
.team-f2 .team-back img, .team-f3 .team-back img{
    margin:20px auto 5px;
    width:90px;
}
.team-f2 .item-title, .team-f3 .item-title{
    top:140px;
    font-size: 12px;
}
.team-f2 .qrcode-tips, .team-f3 .qrcode-tips{
    font-size:14px;
}
/*技术合作单位*/
.team-f2 .team-back{
    height:auto;
    z-index:2;
    background-color:#fff;
    min-height: 100%;
}
.team-f2 .item-title{
    position: static;
    margin-top:10px;
}
.team-f2 .team-front img{
    margin:15px 0 0 0;
    padding:20px 40px 0 40px;
    box-sizing: border-box;
}
.team-f2 .ibox ul li:hover .team-back{
    transition: none;
}
#target2{
    max-height: 0;
    overflow:hidden;
    border:none;
    transition:none;
}
#target2.expand{
    max-height:2500px;
    overflow: visible;
}
.team-f2 .team-detail{
    font-size:12px;
    color:#6b6b6b;
    line-height: 1.5;
    margin:14px 15px 10px 15px;
    padding: 15px 0 0 0;
    text-align:justify;
    border-top:1px solid #9b806a;
    position: relative;
}
.team-f2 .team-detail:before{
    position: absolute;
    content:'详情';
    left:50%;
    top:-7px;
    height:14px;
    line-height:14px;
    color:#6b6b6b;
    width:50px;
    margin-left:-25px;
    background-color:#fff;
    display: inline-block;
    text-align: center;
    font-size:14px;
}
.team-f1{
    margin-top:30px;
}

/*活动*/
.news-f{
    position: relative;
    margin-top:20px;
}
.news-f1, .news-f2{
    padding:22px;
    background-color:#f0f0f0;
}
.news-img{
    width:845px;
    height:276px;
    border:1px solid #c7c7c7;
    box-sizing: border-box;
}
.img-cover{
    width:100%;
    height:100%;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}
.news-f .news-text{
    width:280px;
    height:276px;
    box-sizing: border-box;
    border-bottom:1px solid #c7c7c7;
    overflow:hidden;
}
.news-text h1{
    font-size:20px;
    margin:0;
    padding-bottom:15px;
    font-weight: normal;
    border-bottom:1px solid #c7c7c7;
    line-height: 1.5;
}
.news-text h1 a{
    color:#535352;
}
.news-text>div{
    padding-top:15px;
    line-height:2;
}
.news-text>div a{
    font-size:14px;
    color:#535352;
}
.news-f3{
    margin-top:35px;
}
.news-f3:before{
    content:"";
    width:1px;
    height:100%;
    position: absolute;
    left:50%;
    top:0;
    background-color:#b6b6b6;
}
.news-f3 ul{
    width:530px;
}
.news-f3 ul li{
    margin:0 0 16px 0;
    padding-left:8px;
    box-sizing: border-box;
    position: relative;
}
.news-f3 ul li:before{
    content:"";
    width:2px;
    height:2px;
    border-radius: 100%;
    background-color:#000;
    top:50%;
    margin-top:-1px;
    left:2px;
    position: absolute;
}
.news-f3 ul li:last-child{
    margin-bottom:0;
}
.news-f3 ul li span{
    float: right;
    font-size:12px;
    line-height: 18px;
    height:18px;
}
.news-f3 ul li a{
    font-size:16px;
    color:#535352;
    line-height: 18px;
    height:18px;
    max-width:450px;
    overflow: hidden;
    display: inline-block;
}
/*建筑*/
.building-wrap .new-select{
    margin:0 40px 0 12px;
}
.building-wrap .new-select:last-child{
    margin-right:0;
}
.building-wrap .search-wrap .search-box{
    width:600px;
}
.building-list{
    min-height: 300px;
}
.building-list dl{
    margin:30px 0 50px 0;
    border-top:2px solid #5d5b5b;
}
.building-list dt{
    float:left;
    width:200px;
    padding-left:20px;
    box-sizing: border-box;
    margin-top:12px;
    color:#7e0011;
    font-size:20px;
    position: relative;
    line-height: 1.2;
}
.building-list dt:before{
    content:"";
    position: absolute;
    left:0;
    top: 4px;
    border:7px solid transparent;
    border-left-color:#9b806a;
}
.building-list dd{
    width:952px;
    float:right;
    margin:0;
}
.building-list dd ul{
    list-style: none;
    margin:0;
    font-size:0;
    -webkit-text-size-adjust:none;
    text-align:justify;
    text-justify:distribute;
}
.building-list dd ul li{
    display: inline-block;
    width:308px;
    background-color:#f0f0f0;
    margin:0 0 20px 0;
    height:90px;
    overflow: hidden;
    position: relative;
    float:left; /*fix last line gap bug*/
    margin-left:14px;
}
.building-list dd ul li:nth-child(3n+1){
    margin-left:0; /*fix last line gap bug*/
}

.building-list dd ul li a{
    display: block;
    width:100%;
    height:100%;
    font-size:14px;
    position: absolute;
    padding:20px;
    box-sizing: border-box;
    color:#5d5b5b;
}
.building-list dd ul li:hover{
    box-shadow: rgba(0,0,0,0.2) -2px 2px 5px 0;
}
.building-list dd ul li a:after{
    right:0;
    bottom:0;
    color:#fff;
}
.building-list dd ul li a h3{
    margin:0;
    font-size:20px;
    font-weight: normal;
}
.building-list dd ul li a p{
    margin:10px 0 0 0;
    font-size:14px;
}

/*film*/
.page-film{
    background-color:#fff;
}
.page-film .beautiful-banner-nav ul li a span{
    letter-spacing: 1px;
}
.page-film .film-list{
    margin-top:18px;
}
.film-list ul{
    max-height: 800px;
}
.film-list>ul>li{
    height:306px;
}
.film-list h3.grid-title-auto{
    min-height:60px;
}
.film-list>ul>li>a>h3.grid-title-auto{
    padding:0px 42px 8px 5px;
}
.film-list>ul>li>a>h3.grid-title-auto>div:first-child{
    min-height:36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.film-list>ul>li>a>h3.grid-title-auto>div:last-child{
    min-height:16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.film-list h3.grid-title-auto:before{
    position: absolute;
    right:10px;
    bottom:8px;
    background-image:url("../images/film/icon-play.png");
    background-size:cover;
    background-repeat: no-repeat;
    background-color:transparent;
    width:32px;
    height:32px;
    content:'';
}

/*非遗*/
.heritage-banner-nav{
    bottom:6px;
}
.heritage-list dd{
    width:100%;
}
.heritage-list dd ul li{
    width:288px;
    margin-left:16px;
}
.heritage-list dd ul li:nth-child(3n+1){
    margin-left:16px;
}
.heritage-list dd ul li:nth-child(4n+1){
    margin-left:0px;
}
.page-heritage .l-img{
    width:160px;
}
.page-heritage .l-img img{
    width:100%;
}
.page-heritage .r-content{
    width:1020px;
}
.heritage-top{
    margin-top:10px;
}
.heritage-top .r-content h2{
    color:#9d816b;
    font-size:20px;
    margin: 40px 0 20px 0;
    font-weight:normal;
}
.heritage-top .r-content p{
    font-size:14px;
    color:#5d5b5b;
    line-height: 1.5;
    margin:0;
    text-align: justify;
}
.moveable-nav{
    position: relative;
    margin:0 190px;
    height:100%;
    overflow:hidden;
}
.moveable-nav ul{
    white-space: nowrap;
    -ms-transition: left .5s ease-in-out;
    -webkit-transition: left .5s ease-in-out;
    transition: left .5s ease-in-out;
    left:0;
}
.arrow-left.disable,.arrow-right.disable{
    opacity:0.4;
    cursor:default;
}

/*专题页*/
.page-special{
    background-color:#fff;
}
.page-special .top-text{
    padding: 20px 0;
    background-color:#9b806a;
    position: relative;
    color:#fff;
}
.page-special .top-text::before, .page-special .top-text::after{
    content:"";
    height:20px;
    width:100%;
    position: absolute;
    left:0;
    background-repeat:no-repeat;
    background-size: 100% auto;
}
.page-special .top-text::before{
    top:0;
    background-image: url("../images/special/box-top-bg.png");
    background-position: bottom center;
}
.page-special .top-text::after{
    bottom:0;
    background-image: url("../images/special/box-bottom-bg.png");
    background-position: top center;
}
.page-special .top-text p{
    padding: 6px 50px;
    margin:0;
    line-height: 1.5;
    background-image: url("../images/special/box-middle-bg.png");
    background-repeat: repeat-y;
    background-size: 100% auto;
    text-align: justify;
    font-size:16px;
}
.c1{
    margin-top:48px;
    text-align:center;
}
.c1 .title-box{
    margin-bottom:32px;
}
.title-box h3{
    margin:0;
    padding: 0 30px;
    border:2px solid #afafaf;
    border-top:none;
    border-bottom:none;
    display: inline-block;
    font-size:30px;
    color:#9d816b;
    line-height:1.2;
    font-weight: normal;
}
.c1 .content-box{
    border: 1px solid #9b806a;
    padding:40px 0;
    position: relative;
}
.corner{
    width:7px;
    height:7px;
    box-sizing:border-box;
    position: absolute;
    border:1px solid #9b806a;
}
.corner-tl{
    border-left:none;
    border-top:none;
    left:-1px;
    top:-1px;
    background-color:#fff;
}
.corner-tr{
    border-right:none;
    border-top:none;
    right:-1px;
    top:-1px;
    background-color:#fff;
}
.corner-bl{
    border-left:none;
    border-bottom:none;
    left:-1px;
    bottom:-1px;
    background-color:#fff;
}
.corner-br{
    border-right:none;
    border-bottom:none;
    right:-1px;
    bottom:-1px;
    background-color:#fff;
}
.c1 .content{
    width:964px;
    margin:0 auto;
    text-align:center;
    color:#5d5b5b;
    font-size:14px;
    line-height:1.5;
}
.c1 .content img{
    max-width:100%;
    margin:60px 0 10px 0;
}
.c1 .content img:first-child{
    margin-top:0;
}
.c1 .content p{
    text-align:justify;
    margin:0;
}
.c1 .content p.with-dot{
    margin:30px 0;
    line-height: 1.5;
    position: relative;
    padding-left:14px;
}
p.with-dot::before{
    content:"";
    position: absolute;
    left:0;
    top:8px;
    width:0;
    height:0;
    border:4px solid transparent;
    border-left-color:#9b806a;
}
.c1.type-video{
    padding: 30px 0;
}
.c1.type-video .content-width{
    background-image: url("../images/special/v-bg.jpg");
    background-size:100% 100%;
    background-position: center center;
}
.c1 .content-width{
    width:1130px;
    position: relative;
    margin:0 auto;
}
.video-poster{
    width:630px;
    margin:0 auto;
    padding:8px 0;
    position: relative;
}
.video-poster .video-img{
    width:100%;
    display: block;
    cursor: pointer;
}
.video-poster::before{
    content:"";
    width:61px;
    height:61px;
    position: absolute;
    left:30px;
    top:50%;
    margin-top:-16px;
    background-image:url("../images/special/btn-play.png");
    background-size:100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    cursor:pointer;
}
.special-list>ul>li{
    width:355px;
    height:237px;
    margin-right:30px;
    margin-bottom:30px;
}
.special-list>ul>li:nth-of-type(4n){
    margin-right:30px;
}
.special-list>ul>li:nth-of-type(3n){
    margin-right:0px;
}
.special-list ul{
    max-height:initial;
    min-height:auto;
    overflow-y:visible;
    width:100%;
}
.special-list>ul>li>a>h3{
    text-align: left;
    color:#fff;
    padding-left:10px;
    box-sizing: border-box;
    font-size:16px;
    height:30px;
    line-height:30px;
}
.full-img{
    width:100%;
    display: block;
}
.vr-img{
    cursor: pointer;
}
.type-vr .content h3{
    margin:0 0 1.5em 0;
    font-size:20px;
    color:#9d816b;
    font-weight:normal;
}