/*首页重定义*/
#foot{ margin-top:0;}

/* banner */
#indexBanner{ position:relative; z-index:1; height:750px; overflow:hidden; text-align:center; background:url(../image/loading1.gif) center center no-repeat #101010; max-width:none; transition: height 0.25s;}
#indexBanner:after{content:""; display:inline-block;width:100%; height: 1px; overflow: hidden; background: rgba(0,0,0,0.1); position:absolute; left:0; top:auto; bottom: 0; z-index: 11;}
#bannerBox{position:absolute; top:0; left:50%; width:1920px; margin-left:-960px; height:100%; overflow:hidden;text-align:center;}
#bannerBox a{display:block;}
#bannerBox img{max-width:100%; height:auto;}
@media (max-width:1600px){
	#indexBanner{height:625px;}
	#bannerBox{width:1600px; margin-left:-800px;}
}
@media (max-width:1440px){
	#indexBanner{height:562px;}
	#bannerBox{width:1440px; margin-left:-720px;}
}

.banner-pagination{position:absolute;display:inline-block;overflow:hidden; left:50% !important;top:25%; bottom:auto !important; margin:auto 0 auto 576px; width:24px !important; z-index:11; text-align:right; padding:0 !important;}
.banner-pagination:after{content:'';display:inline-block; width:1px; height:65%; background:#fff;position:absolute;left:0;top:0;bottom:0; right:0; margin:auto;}
.banner-pagination span{position: relative; display:inline-block; width:1.5rem; height:1.5rem; line-height:1.5rem; overflow:hidden; border:transparent 1px solid; margin:0.4rem 0 !important;padding:0 !important; cursor:hand; cursor:pointer; border-radius:50%; transition:border 0.25s;font-size:0; background:none; opacity:1  !important;}
.banner-pagination span:after{content:'';display:inline-block; width:50%; height:50%; background:#fff; border-radius:50%; position:absolute; left:0;right:0;top:0;bottom:0;margin:auto;}
.banner-pagination span.swiper-pagination-bullet-active{border-color:#fff;background:none;}

#banner-next,#banner-prev{display:none;  font-size:1.5rem; width:3rem; height:3rem; line-height:3rem; background:rgba(0,0,0,0.5); background:url("../image/tran.png")\9;border-radius:50%; font-family: "宋体"; font-weight:bold; color: #fff; text-align: center; position: absolute; left:2%; top:50%; margin-top:-2rem; z-index: 10; cursor: hand; cursor: pointer;}
#banner-next{ left:auto; right:2%;}
#indexBanner:hover #banner-next,#indexBanner:hover #banner-prev{ display: inline-block;}


/*首页主题*/
#indexTheme{margin:-3rem auto 0 auto;padding:10px; display: inline-block; background:rgba(255,255,255,0.98); position: relative; z-index:2; box-shadow:rgba(0,0,0,0.08) 0 0 1rem;}
#indexTheme img{max-width:100%; height:auto; vertical-align:bottom;}
#focus{width:720px;height:250px; overflow:hidden;float:left; position: relative; margin-bottom:10px;}
#focus img{width:720px; height:auto;}
#focus-next,#focus-prev{display:none;  font-size:1.2rem; width:2rem; height:2rem; line-height:2rem; background:rgba(0,0,0,0.25); background:url("../image/tran.png")\9;border-radius:50%; font-family: "宋体"; color: #fff; text-align: center; position: absolute; left:2%; top:50%; margin-top:-1rem; z-index: 10; cursor: hand; cursor: pointer;}
#focus-next{ left:auto; right:2%;}
#focus:hover #focus-next,#focus:hover #focus-prev{ display: inline-block;}

#guide_head{width:450px; float:right; margin-bottom:10px;}
#guide_head p{margin:0; padding:0;}
#guide{width:450px; float:right; background:url("../image/bg-2.jpg") #203342; color:#fff; padding:1rem 1.5rem; min-height:200px;}
#guide p{opacity:0.9; filter:alpha(opacity=90); margin:0; padding:0.25em 0;}
#guide p span{color:#f5e3c5;}

.theme{width:355px;float:left; margin:0 10px 0 0; overflow: hidden; position: relative;}
.theme.floatR{float:right;}
.theme p{display: inline-block; width:100%; overflow: hidden; vertical-align: top; margin: 0; padding:0;}
.theme p img{width:100%; height:auto; vertical-align: bottom; transition:transform 0.4s;}

.theme dl{position:absolute;z-index:1; left:0; right:0; top:10%; margin:0 auto; color:#fff;}
.theme dt{font-size:1.5rem; }
.theme dd{font-size:12px; letter-spacing:2px; opacity:0.6;}
.theme dl.black{color:#303133;}
.theme dl.left{ left:10%; right: auto; top:50%;transform:translateY(-55%); text-align: left;}

.theme:hover p img{transform: scale(1.06,1.06);}

/*首页博物馆三宝*/
#indexTreasures dl{position: relative;display:inline-block; width:350px; height:530px; background:url("../image/box-11.png") center center no-repeat #fff;border:#eee2d4 2px solid; float:left; padding:4rem 2.5rem 0 2.5rem; text-align:center; transition:background-color 0.25s; margin-left:75px;}
#indexTreasures dl:first-child{margin-left:0;}
#indexTreasures dt{font-size:2rem; transition:color 0.25s; font-family:"宋体"; font-weight:bold; line-height:2rem; height:2rem; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
#indexTreasures dt:before,#indexTreasures dt:after{content:"·"; font-size:1.5rem; margin:0 0.5em;}
#indexTreasures dd.intro{font-size:12px; line-height:2em; height:14em; overflow:hidden;color:#606060; text-align:justify; margin:1.5rem auto 2rem auto;}
#indexTreasures dd.intro p{margin:0;padding:0;}
#indexTreasures dd.pic{border-radius:4px;overflow:hidden; width:260px; height:0; padding-bottom:60%; overflow:hidden;}
#indexTreasures dd.pic img{width:100%; height:auto; vertical-align:bottom;transition:transform 0.25s;}
#indexTreasures dl:hover{background-color:#5B0D11; border-color:#5B0D11;}
#indexTreasures dl:hover dt{color:#5B0D11;}
#indexTreasures dl:hover dd.pic img{transform:scale(1.1);}

/*首页博物馆十景 */
#index_scenic{position: relative; background:url("../image/bg-3.jpg") right bottom repeat-y;}
#index_scenic dl{ position:relative;}
#index_scenic dt{width:50%; float:left; text-align: right; background:#fff;min-height: 300px;}
#index_scenic dt img{max-width:100%; height: auto; vertical-align: bottom;}
#index_scenic dd{position:absolute;height:100%; width:50%; left:50%; text-align:left;}
#index_scenic dd>div{width:calc(600px - 6rem);position:absolute;left:6rem; top:50%; transform:translateY(-50%);}
#index_scenic dd h2{ font-size:2rem;font-family:"宋体"; font-weight:bold;}

#scenicControl{position:absolute; z-index:20;left:0;top:0; right:0;bottom:0; margin:auto; width:2rem; height:6rem; box-shadow:rgba(0,0,0,0.1) 0 0 1em;}
.scenicBtn{display:inline-block; width:2.5rem; height:2.5rem;line-height:2.5rem; background:#f0f0f0; font-size:1.2rem; font-family: "宋体"; cursor:hand; cursor:pointer; font-weight:bold;}
.scenicBtn:hover{color:#5B0D11;}
#scenic-details{background:#5B0D11; color:#fff;}
#scenic-details:hover{background:#2b3240; }
#scenic-pagination{position:absolute; z-index:20;left:50%;top:4rem;width:100px; margin-left:500px; text-align:right; color:#8f2f33; font-size:1rem;}


/*首页新闻*/
#index_news{ padding-bottom:5rem;}
#indexNews dl{width:330px; float:left; margin-left:105px;position: relative;}
#indexNews dl:first-child{margin-left:0;}
#indexNews dt{width:100%; position: relative; margin-bottom:3rem;}
#indexNews dt a{display: inline-block; width:100%; height: 0; padding-bottom:60%; overflow: hidden;background:#3c4551; vertical-align: bottom;}
#indexNews dt a img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

#indexNews dt p {
    margin: 0;
    padding: 0.5rem;
    background: #5B0D11;
    color: #fff;
    text-align: center;
    width: 4rem;
    display: inline-block;
    position: absolute;
    left: 1.5rem;
    top: auto;
    bottom: -2rem;
    font-size: 0;
    line-height: 0;
}

#indexNews dt p b {
    display: inline-block;
    width: 100%;
    font-size: 32px;
    line-height: 2rem;
    height: 2rem;
    font-weight: normal;
}
#indexNews dt p span{font-size:12px;line-height: 1rem; height: 1rem;  display: inline-block; width:100%;}
#indexNews dd b{display: inline-block; width:100%; height:3em; line-height:1.5em; font-size:15px; color:#181818; overflow: hidden; text-align: justify;}
#indexNews dd p{font-size: 12px; color:#aaacb0; line-height:1.5em; height:4.5em; overflow: hidden; margin:0.5rem 0 1.5rem 0; padding:0; text-align: justify;}
#indexNews dd span{display: inline-block; width:100%; text-align: right; color:#aaacb0;}

#indexNews dd span:before {
    content: "";
    display: inline-block;
    width: 1.8rem;
    height: 1px;
    overflow: hidden;
    background: #aaacb0;
    vertical-align: middle;
    transition: width 0.25s;
    margin-right: 0.5rem;
}

#indexNews dl:hover dd b, #indexNews dl:hover dd span {
    color: #5B0D11;
}

#indexNews dl:hover dd p {
    color: #606060;
}

#indexNews dl:hover dd span:before {
    width: 5rem;
    background: #5B0D11;
}