/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
body {
 	padding-top: 90px;
	font-family: 'Microsoft Yahei';
	color: #666; 
	font-size: 16px; 
	line-height: 1.6;
    position: relative;
}
/*.jp-play-div button{
    width:30px;
    height:30px;
    cursor: pointer;
    border: none;
    background: url('../images/play_24.png') 3px 3px no-repeat;
}
.jp-play-div.jp-state-playing button{
    background: url('../images/stop_24.png') 3px 3px no-repeat;
}*/
@media (max-width: 768px){
    #welcome-tip{
        display: none;
    }
}

.bg_all{background: url('../image/bg.jpg') center 0px repeat-y;background-size: 100% auto;padding-top: 90px;}
.bg-bottom{position: absolute;bottom: 0px;left: 0px;width: 100%;height: auto;}
.fixed{
	position: fixed;
	bottom: 0;
	width: 100%;
}
.container{background: #fff;}
.top .container,.navbar .container,.tohome-bg .container,.copyright .container{background: transparent;}
/*通用*/
.tc{
	text-align: center;
}
.mt20{
	margin-top: 20px;
}
@media (min-width: 1200px){
    #navbar  {
        /* width: 900px;
        float: right; */
    }
}

#navbar{
	position: relative;
}
.navbar .search-open {
    right: 0;
    bottom: -10px;
    display: none;
    padding: 10px;
    position: absolute;
    width: 284px;
}
.search-open .form-control{width: 210px;height: 35px;}
.input-group-addon{
	width: 53px;
	border-color: #A70200;
	background-color: #A70200;
	color: #fff;
	padding: 9px 12px;
}
/*navbar-top*/
.navbar-default{background:url('../image/bg_top.jpg') 0 0 repeat-x;border-bottom: none;margin: 0px;}
.navbar-default .navbar-collapse{border-bottom: 0px;position: relative;}
.navbar>.container .navbar-brand{height: 60px;padding: 5px 0px;margin-left: 0px;}
.navbar>.container .navbar-brand{
    text-align: left;
    line-height: 50px;
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    width:280px;
}
@media (max-width: 768px){
    .navbar>.container .navbar-brand{
        text-align: left;
        line-height: 50px;
        font-size: 18px;
        color: #fff;
        width: 70%;
    }
}
.navbar>.container .navbar-brand img{height: 50px;float: left;margin-right: 5px;}
.navbar-toggle{margin-top: 13px;}

.top{background-color: #fff;color:#999;font-size: 14px;height: 30px;line-height: 30px;}
.cont_uer{height: 30px;line-height: 30px;position: relative;}
.alink{
    float: right;
    padding: 0px 5px;
    font-size: 12px;
    color: #2791c6;
    cursor: pointer;
    border: 1px solid #ccc;
    line-height: 20px;
    margin-top: 4px;
    border-radius: 4px;
}
.cont_uer #loginBtn{font-size: 12px;color: #999;padding-right: 10px;border-right: 1px solid #ccc;margin-top: 5px;height: 20px;line-height: 20px;}
.cont_uer #loginBtn:hover{color: #23527c;}
.cont_uer #loginBtn i{font-size: 16px;margin-right: 5px;}
.cont_uer #loginBtn i,.cont_uer #loginBtn span{vertical-align: top;display: inline-block;*display: inline;*zoom:1;line-height: 20px;}
.navbar-default .navbar-nav>li{margin: 0px 2px;}
.navbar-default .navbar-nav>li>a{color: #fff;padding-left:10px;padding-right: 10px; padding-top: 0;padding-bottom: 0;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{color: #333;background-color: #fff;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a{color: #333;background-color: #fff;display: block;}
.navbar-default .navbar-nav>li>a:hover{color: #333;background-color: #fff;}
.navbar-nav>li>a{    
    padding: 0 20px;
    height: 60px;
    line-height: 60px;
}
.dropdown-menu>li>a{font-size: 16px;line-height: 30px;}
.dropdown-menu{border-top: 0px;}
.navbar-default .navbar-nav>.searchli>a{padding: 15px 20px;height: 60px;line-height: 30px;}
.navbar-default .navbar-nav>.searchli.active>a{background: #eee;}
.navbar-default .navbar-nav>.searchli>a:hover{background: #eee;}
.nav .ion-ios-close-empty,.nav .ion-ios-search-strong{font-size:25px;width: 30px;height:30px;text-align: center;display: inline-block;}
.nav .ion-ios-close-empty{font-size: 30px;}

.navbar-top{
	position: relative;
	border-bottom: 1px solid #e7e7e7;
}
.navbar-top .search,#loginBtn,.login-after{
	float: right;
}
.login-after{
	color: #FFF;
}
.navbar-top .search{
	margin: 10px 0;
    border: 1px solid #A70200;
    padding: 0 10px;
}
.navbar-top .search input{
	border: none;
    background-color: transparent;
    outline: none;
    padding: 5px;
    border-right: 1px solid #A70200;
    margin-right: 8px;
}
.navbar-top #loginBtn,.login-after{
    line-height: 30px;
    font-size: 14px;
    color: #666;
}
.login-after span,.login-after a{margin: 0px 5px;}
.qrcode{
	display: none;
	position: absolute;
    width: 200px;
    padding: 20px;
    background-color: #ffffff;
    top: 50px;
    right: 0;
    z-index: 10;
}
.qrcode .close{
	position: absolute;
	right: 4px;
	top:4px;
}
.qrcode p{
	margin-top: 10px;
	margin-bottom: 0;
}

@media (min-width: 768px){
    .navbar .search-open {
        top: 60px;
        bottom: auto;
        padding: 10px;
        background: #eee;
        right: 0px;
        width: 300px;
    }
    .search-open .form-control{width: 227px;height: 35px;}
    .navbar-top .search{
    float: left;
    }
    #loginBtn,.login-after{
        margin-left: 30px;
    }
}
@media (min-width: 768px){
    .navbar-nav {
        float: right;
    }
}

@media ( max-width: 767px ){
    .navbar-nav{margin: 0px -15px;}
    #navbar{background-color: #A70200;}
    .navbar-nav>li>a{padding: 10px;border:1px solid #A70200;}
    .navbar-default .navbar-nav .open .dropdown-menu>li>a{color: #fff;}
    .navbar-default .navbar-nav>.searchli>a{padding: 10px;}
}
@media ( max-width: 991px ) {
    .navbar-default .navbar-nav>li>a{color: #fff;padding-left:3px;padding-right: 3px;}
}

/*轮播图片居中*/
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img {
    margin: 0 auto;
    width: 100%;
}
.thumbnail>img{max-width: 100%;width:auto;height: 150px;}
.carousel-control.left {
    background-image: -webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,.0001) 100%);
    background-image: -o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,.0001) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,.5)),to(rgba(255,255,255,.0001)));
    background-image: linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=1);
    background-repeat: repeat-x;
}
.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left,rgba(255,255,255,.0001) 0,rgba(255,255,255,.5) 100%);
    background-image: -o-linear-gradient(left,rgba(255,255,255,.0001) 0,rgba(255,255,255,.5) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,.0001)),to(rgba(255,255,255,.5)));
    background-image: linear-gradient(to right,rgba(255,255,255,.0001) 0,rgba(255, 255, 255, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#80ffffff', GradientType=1);
    background-repeat: repeat-x;
}

/**/
.block{
	position: relative;
	display: block;
	margin: 15px 0;
}
.block img{
	width: 100%;
	height: 200px;
}
.block .mask{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	background-color: rgba(0,0,0,.4);
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#68000000,endColorstr=#68000000);
}
.block .title{
    position: absolute;
    width: 140px;
    height: 35px;
    line-height: 32px;
    box-sizing: content-box;
    top: 50%;
    padding: 52px 0;
    margin-top: -70px;
    left:50%;
    margin-left: -70px;
    background-color: rgba(255,255,255,.8);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#cdffffff,endColorstr=#cdffffff);
    color: #A70200;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    /* line-height: 140px; */
    border-radius: 50%;
    transition: all .2s;
    -moz-transition: all .2s; /* Firefox 4 */
    -webkit-transition: all .2s; /* Safari 和 Chrome */
    -o-transition: all .2s; /* Opera  */
}
.block.index-a{
    overflow:hidden;
}
.block .title2{
    height: 67px;
    padding: 36px 0;
}
.block .title span.index-span{
    display:block
}
.block:hover .title span.index-span{
    display:inline-block;
}
.block:hover .title{
    position: absolute;
    width: 100%;
    height: 100%;
    line-height: 200px; 
    padding: 0;
    border-radius: 0;
    top: 0;
    margin:0;
    box-sizing:content-box;
    left:0;
    background-color: rgba(0,0,0,.5);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#88000000,endColorstr=#88000000);
    color: #fff;
}

/*缩略图 浮动效果*/
a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
    border-color: #A70200;
}

/*开放时间*/
.open-time{
	padding: 20px;
	margin-top: 15px;
	border: 1px solid #A70200;
    margin-bottom: 15px;
}
.open-time strong,.open-time strong a{
	color: #A70200;
}
.open-time strong i{
	margin-right: 4px;
    width: 20px;
    display: inline-block;
    text-align: center;
}
.open-time a{
    color: #a70200;
    border: 1px solid #a70200;
    border-radius: 6px;
    padding: 4px 15px;
    margin: 10px 5px 0;
    display: inline-block;
    text-decoration: none;
    transition: all .2s;
	-moz-transition: all .2s; /* Firefox 4 */
	-webkit-transition: all .2s; /* Safari 和 Chrome */
	-o-transition: all .2s; /* Opera */
}
.open-time a:hover{
    background-color: #a70200;
    color: #fff;
}
.open-time a i{
    margin-right: 4px;
}
.breadcrumb{
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 14px;
    color: #999;
    padding: 8px 0px;
    background-color: transparent;
    border-bottom: 2px solid #A70200;
    border-radius: 4px 4px 0 0;
}
/* 左侧列表 */
.sidebar{
	margin-bottom: 20px;
}
.sidebar .title{
    text-align: center;
    color: #fff;
    background-color: #A70200;
    font-size: 18px;
    line-height: 2;
}
.sidebar ul{
	border: 1px solid #A70200;
	list-style: none;
	padding: 20px;
}
.sidebar ul li{
	border-bottom: 1px solid #ddd; 
}
.sidebar ul li.on{
    border-left: 4px solid #A70200;
}
.sidebar ul li.last{
	border-bottom: none; 
}
.sidebar ul li a{
	color: #A70200;
	line-height: 30px;
	padding:3px 5px;
	padding-left: 20px;
	display: block;
	text-decoration: none;
}
/*列表页*/
.list{
	margin-top: 20px;
    margin-bottom: 15px;
}
.list.ui-mar-bottom{
    margin-bottom: 60px;
}
.list a{
	color: #333;
	text-decoration: none;
}
.list .thumbnail{
	padding: 15px;
}
.list h1{
    font-size: 18px;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 32px;
    margin: 5px 0px;
    color: #333;
}
.list .time{
	text-align: right;
	margin-top: 15px;
	color: #999;
	font-size: 14px;
}
.list .intro{
	word-wrap: break-word;
	text-overflow: -o-ellipsis-lastline;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 60px;
	font-size: 16px;
	line-height: 20px;
	color: #666;
}
.list .bottom{
	line-height: 34px;
	color: #999;
	font-size: 14px;
	margin-top: 15px;
}
/*分页*/
.page {
    margin: 15px 0px 25px;
    overflow: hidden;
    clear: both;
    text-align: center;
    position: absolute;
    bottom: 10px;
    left: 0px;
    width:100%;
    /* margin-left: 15%; */
    font-size: 14px;

}
.page a, .page span, .page-disabled {
    padding: 0 8px;
    min-width: 24px;
    line-height: 24px;
    font-size: 14px;
    display: inline-block;
    text-align: center;
}
.page a {
    margin: 0 8px;
    color: #A70200;
    border-radius: 16px;
    text-decoration: none;
}
.page a.page-tag.on {
    background: #A70200;
    color: #fff;
    padding: 0px 10px;
    letter-spacing:2px;
}
.page span, .page .page-disabled {
    height: 24px;
    color: #c8cdd2;
}
@media(max-width:768px) {
    .page a {margin: 0px;}
}
/*参观须知*/
.notice .item{
	padding: 40px 20px;
}
.notice .item .title{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}
.notice .item .title>span{
    color: #66a3f6;
    border-bottom: 2px solid #66a3f6;
    padding: 10px 20px;
}
.notice .item .info{
    text-align: left;
    margin: 50px 0 20px 0;
    line-height: 2;
}
.notice .item .info img{max-width: 100% !important;}
/*详情页*/
.details{
    padding-bottom: 10px;
}
.details h1{
	font-size: 25px;
	margin: 3px 0px 15px;
	text-align: center;
	color: #333;
}
.details .bar{
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
	line-height: 2;
	text-align: center;
    font-size: 13px;
}
.details .author{
	color: #A70200;
	margin-right: 20px;
}
.details .time{
	color: #999;
}
.details .intro{
	border:1px solid #ddd;
	background-color: #eee;
	padding: 20px;
}
.details .cover{
	margin: 20px;
    text-align: center;
}
.details .cover img{
	max-width: 80%;
	border-radius: 6px;
	border:5px solid #fff;
	box-shadow: 0px 0px 0px 1px #bbb;
}
.details .content{
	color: #666;
}
.details .content *{max-width: 100%!important;height: auto!important;}
/*  留言  */
.message{
	padding: 20px;
}
.message .control-label>span{
	color:#d44950;
	margin-right: 4px;
}

.breadcrumb>li+li:before{content: "";padding: 0px;}
.breadcrumb>li+li+li:before{content:"/\00a0";}
/* 兼容ie */
.ie .recommend-info p{
	display: block;
}
.ie .navbar-top .search input{
    padding: 7px;
}
/*   End    */
 @media ( max-width: 450px ){
 	.details h1{font-size: 20px;}
 	.details .bar{font-size: 12px;}
 	.details .author{margin-right: 10px;}
 }
 textarea.form-control{min-height: 100px;}
/*预约*/
.qes-test{
    display:block;
    border:1px dotted #DDD;
    padding:20px;
    background:#f6f6f6;
    margin-top: 20px;
}
.qes-test h2 {
    position:relative;
    border-bottom:1px solid #DDD;
    padding-bottom:15px;
    color:#369;
    font-weight:lighter;
    font-size:18px;
    text-align: center;
    font-family:'Microsoft YaHei';
    margin: 0px auto 10px;
}
.qes-test .add_ask {
    padding-bottom:5px;
    color:#777
}

@media (min-width: 768px){

}
.order-list {
    width:100%;
    color:#666;
    text-align:center;
    font-size:12px
}
.order-list th {
    line-height:38px;
    border-top:1px solid #f0f0f0;
    background-color:#fafafa;
    font-weight:400;
    text-align: center;
}
.order-list td {
    vertical-align:middle;
    border-bottom:1px solid #f0f0f0;
    text-align: center;
}
.order-list td.goods-info {
    padding:15px 0;
    vertical-align:top
}
.order-list td.blank-10 {
    padding:10px 0
}
.order-list td .link {
    display:block;
    line-height:22px
}
.order-list .goods-img {
    float:left;
    width:90px;
    height:61px;
    margin-right: 10px;
}
.order-list .goods-img a {
    color:#666;
    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    white-space:nowrap
}
.order-list .goods-img a:hover {
    color:#ff4883
}
.order-list .goods-img img {
    width:100%;
    height:100%;
    border:1px solid #dfdfdf
}
.order-list .goods-name {
    width: 160px;
    height:61px;
    line-height:20px;
    overflow:hidden
}
.order-list .goods-name h6 {
    width:160px;
    height:39px;
    margin-top:3px;
    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    white-space:nowrap;
    text-align: left;
}
.order-list .goods-name h6 a {
    color:#666
}
.order-list .goods-name h6 a:hover {
    color:#23a877;
}
.fl,.l {
	float:left;
}
.fr,.r {
	float:right;
}
.order-list .total-amount {
    border-right:1px solid #f0f0f0
}
.btn {
    font-size:12px;
    font-weight:400;
    line-height:1.42857143;
    display:inline-block;
    padding: 5px 10px;
    border-radius: 2px;
    vertical-align: middle;
    text-align: center;
    margin-bottom:0;
    cursor:pointer;
    user-select:none;
    white-space:nowrap;
    border:1px solid transparent;
    *display:inline;
    *zoom:1;
    touch-action:manipulation;
    -o-user-select:none
}
.btn:focus {
    outline:0
}
.btn-orange {
	color:#fff;
	border-color:#f3900d;
	background-color:#f3900d;
}

@media (max-width: 550px){
	.order-list .goods-img{margin: 0px auto;float: none;}
	.order-list .goods-name,.order-list .goods-name h6{width: 100%;text-align: center;float: none;}
}

#mask {display: none; position: fixed; left: 0; top: 0; width: 100%; height:100%;background: #000; opacity: 0.45; filter: alpha(opacity = 45); z-index: 9100; }
#mask iframe { position: fixed; left: 0; top: 0; width: 100%; height:100%; border: 0 none; opacity: 0; filter: alpha(opacity=0); z-index: 9000;}
/* 弹出框公用样式*/
.pop {display: none; position: fixed; left: 5%;width:90%;top:50%; padding: 0; margin: 0 auto; z-index: 9200; }
.pop-content { margin: 0 auto; }
.pop-content .close-box {width: 20px;height: 20px;position: absolute;right: 4px;top: 4px;text-decoration: none;font: bold 25px/20px "Microsoft YaHei";background: url('../image/close.png') center 0px no-repeat;background-size: 100% auto;text-indent: -9999px;z-index: 100;}
.gold-rule-box {margin-top: -60%;position: relative;background: #fff;padding: 27px 10px;border:2px solid #A70200;border-radius: 10px;text-align: center;color: #666;}
.gold-rule-box table{width: 100%;}
.gold-rule-box table td{text-align: center;border:1px solid #ccc;padding: 5px;}
.gold-rule-box table td .goods-img{margin: 0px auto;float: none;}
.gold-rule-box table .goods-name,.gold-rule-box table .goods-name h6{width: 100%;text-align: center;float: none;}
.gold-rule-box img{width: 100%;border-radius: 10px;}

@media (max-width: 768px){
    .copyright {
        background-size: cover;
        padding: 10px;
        height: 100px;
    }
}
/* music */
.music{ width:30px; height:30px;float: right;margin-left: 15px;}
.playerBtn{ background:url('../image/music_bbg2.png') no-repeat; background-size:100% 100%; width: 40px; height: 30px; vertical-align:middle; float:left; display:inline-block;}
.playerBtn button{ background:url('../image/music_sbg2.png') no-repeat; background-size:100% 100%; width: 30px; height: 30px; border: none;display:inline-block;outline: none;}
.playerBtn.jp-state-playing button{ -webkit-animation:playmusic 1s linear infinite; -moz-animation:playmusic 1s linear infinite; -ms-animation:playmusic 1s linear infinite; -o-animation:playmusic 1s linear infinite; animation:playmusic 1s linear infinite;}
@-webkit-keyframes playmusic{ 
    0%{ -webkit-transform:rotate(0deg);}
    100%{ -webkit-transform:rotate(360deg);}
}
@-moz-keyframes playmusic{ 
    0%{ -moz-transform:rotate(0deg);}
    100%{ -moz-transform:rotate(360deg);}
}
@-ms-keyframes playmusic{ 
    0%{ -ms-transform:rotate(0deg);}
    100%{ -ms-transform:rotate(360deg);}
}
@-o-keyframes playmusic{ 
    0%{ -o-transform:rotate(0deg);}
    100%{ -o-transform:rotate(360deg);}
}
@keyframes playmusic{ 
    0%{ transform:rotate(0deg);}
    100%{ transform:rotate(360deg);}
}
.animate .op1,.animate.op1{ -webkit-animation-name:op1; animation-name:op1; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-duration:1s; animation-duration:1s;}
@-webkit-keyframes op1{
    0%{ opacity:0;}
    100%{ opacity:1;}
}
@keyframes op1{
    0%{ opacity:0;}
    100%{ opacity:1;}
}