/* HTML5 定义 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
}

[hidden] {
    display: none;
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    height: 100%;
}

/*文字大小根据设备(浏览器)自动调整*/

a {
    font-family: "Microsoft Yahei", 微软雅黑, "微软雅黑", Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-size: 100%;
}

a:link {
    color: #2b3240;
}

a:visited {
    color: #2b3240;
}

a:hover {
    color: #5B0D11;
}

a:active {
    color: #2b3240;
}

/*去掉链接（包括图片链接）的虚线边框*/
a, area {
    blr: expression(this.onFocus=this.blur())
}

/* for IE */
:focus {
    outline: none;
}

/* for Firefox */

body {
    background: url("../image/bg-1.jpg") #fff;
    text-align: center;
    margin: 0;
    color: #2b3240;
    line-height: 200%;
    width: 100%;
    height: auto !important;
    height: 100%;
    min-height: 100%;
    font-family: "Microsoft Yahei", 微软雅黑, "微软雅黑", Verdana, Arial, Helvetica, sans-serif;
    font-size: 75%; /*即12px,12/16=0.75*/
}

body.bg2 {
    background: #f8f8f8;
}

body.bg3 {
}

div, ul, dl, dt, dd, form {
    margin: 0;
    padding: 0;
    list-style: none;
}

body, td, input, select, textarea {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

img, object, embed, video {
    max-width: 100%;
    border: 0;
}

input, select {
    vertical-align: middle;
}

input[type=text], input[type=password], textarea {
    border: #d7d7d7 1px solid;
    color: #7d7d7d
}

input::-webkit-input-placeholder {
    color: #c0c0c0;
}

input:-moz-placeholder {
    color: #c0c0c0;
}

input::-moz-placeholder {
    color: #c0c0c0;
}

input:-ms-input-placeholder {
    color: #c0c0c0;
}

/*提示文字*/
textarea::-webkit-input-placeholder {
    color: #c0c0c0;
}

textarea:-moz-placeholder {
    color: #c0c0c0;
}

textarea::-moz-placeholder {
    color: #c0c0c0;
}

textarea:-ms-input-placeholder {
    color: #c0c0c0;
}

/*提示文字*/
input[type="submit"], input[type="reset"], input[type="button"] {
    -webkit-appearance: none;
}

/*重置iphone浏览器默认样式*/
p {
    margin: 13px auto;
    padding: 0;
}

hr {
    border-top: #ccc 1px dotted;
    border-bottom: none;
    background: none;
    border-left: none;
    border-right: none;
    padding: 0;
    margin: 1rem auto;
    clear: both;
}

* {
    -webkit-text-size-adjust: none; /*解决webkit内核浏览器强制最小字体*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/*css3过渡效果*/
a, li, p, div {
    transition: background-color 0.4s, color 0.3s;
    -webkit-transition: background-color 0.4s, color 0.3s;
    -moz-transition: background-color 0.4s, color 0.3s;
    -o-transition: background-color 0.4s, color 0.3s;
}

/*公共*/
.coverLink {
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../image/blank.gif);
}

.blank {
    height: 0;
    line-height: 0;
    clear: both;
    font-size: 0;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
    font-size: 0;
}

.fullWidth {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.global_width {
    width: 100%;
    margin: 0 auto;
    text-align: left;
    position: relative;
    max-width: 720px;
}

.descrition {
    padding: 0 0.5rem;
    margin-bottom: 2rem;
}

.global_width2 {
    width: 100%;
    min-height: 40vh;
    margin: 0 auto;
    text-align: left;
    position: relative;
    max-width: 720px;
    padding: 0 0.75rem;
}

.haveBG {
    background: #fff;
    overflow: hidden;
    border-bottom: #f0f0f0 1px solid;
}

.floatL {
    float: left;
}

.floatR {
    float: right;
}

.textCenter {
    text-align: center;
}

.VMiddle {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
}

/*css3垂直居中*/
.red {
    color: #5B0D11;
}

.gray {
    color: #808080;
    line-height: 150%;
}

.emp {
    font-size: 1rem;
    color: #fff;
    font-weight: bold;
    border-left: #5B0D11 4px solid;
    padding: 0 0 0 1rem;
    margin: 1rem 0;
}

/*公共标题*/
.indexTitl {
    padding: 1.5rem 0 1rem 0;
    text-align: center;
}

.indexTitl.noPadding {
    padding-top: 0;
}

.indexTitl dt {
    color: #181818;
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 200%;
    white-space: nowrap;
    overflow: hidden;
}

.indexTitl .t1 {
    font-size: 0.8rem;
    font-weight: normal;
    color: #908e8e;
    text-transform: uppercase;
}

.indexTitl dt em {
    display: inline-block;
    position: relative;
    font-style: normal;
}

.indexTitl dt em:before, .indexTitl dt em:after {
    content: "";
    display: inline-block;
    width: 10rem;
    height: 1rem;
    background: url("../image/moire-2.png") right center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    vertical-align: middle;
    margin: auto 0.5rem;
    position: absolute;
    left: auto;
    right: 100%;
    top: 0;
    bottom: 0;
}

.indexTitl dt em:after {
    left: 100%;
    right: auto;
    background-position: left center;
}

.indexTitl dd {
    color: #203342;
    font-size: 0.7rem;
    opacity: 0.4;
    filter: alpha(opacity=40);
    letter-spacing: 0.3rem;
    text-transform: uppercase;
    line-height: 1.2em;
}

.indexTitl dd.defaultSubTit:after {
    content: "ShenZhen RoseWood Furniture Museum";
    letter-spacing: 0.1rem;
    text-transform: none;
}

.indexTitl.white dt {
}

.indexTitl.white dt em:before, .indexTitl.white dt em:after {
    background-image: url("../image/moire-2-white.png");
}

.indexTitl.white dd {
    color: rgba(255, 255, 255, 0.85);
}

/*按钮*/
a.btn, .btn {
    display: inline-block;
    background: #134991;
    color: #fff;
    border: #134991 1px solid;
    line-height: 2em;
    border-radius: 1em;
    padding: 0 2.5em;
    font-size: 1rem;
    cursor: hand;
    cursor: pointer;
    margin-right: 8px;
}

a.btn:hover, .btn:hover {
    color: #fff500; /*background:#ffd101; color:#0c1c36; */
}

a.btn1, .btn1 {
    display: inline-block;
    color: #8a9cbe;
    border: #cbd3e1 1px solid;
    line-height: 2em;
    border-radius: 1em;
    padding: 0 2.5em;
    font-size: 1rem;
    cursor: hand;
    cursor: pointer;
    margin-right: 8px;
}

a.btn1:hover, .btn1:hover {
    border-color: #134991;
    color: #134991;
}

a.btnB, input.btnB {
    display: inline-block;
    font-size: 1rem;
    padding: 0 1em;
    line-height: 2.5em;
    width: 100%;
    text-align: center;
    background: #5B0D11;
    border: none;
    border-radius: 0.2em;
    color: rgba(255, 255, 255, 0.8);
    margin: 0.5em auto;
    box-shadow: rgba(236, 30, 40, 0.3) 0 0.2em 0.5em;
}

a.btnB:disabled, input.btnB:disabled {
    background-color: #cbd0d4;
}

a.btnB:active, input.btnB:active {
    color: #fff;
    background: #5B0D11;
}

/*flex*/
.flexBox {
    display: flex;
    position: relative;
}

.flexAuto {
    flex: 1 1 auto;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.flexFix {
    flex: 0 0 auto;
    display: inline-block;
}

/*主导航*/
nav {
    text-align: left;
    display: none;
    z-index: 100;
}

nav li.Selected > a {
    background: #5B0D11;
    color: rgba(255, 255, 255, 0.85);
    border: none;
}

/*页头*/
#head {
    position: fixed;
    z-index: 10;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    text-align: center;
    line-height: 0;
    overflow: hidden;
    background: url("../image/bg-1.jpg") #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0 0 1em;
}

#head.haveBG, body.nobanner #head {
    background-color: #181818
}

.headBlank, #headBlank {
    height: 3rem;
    clear: both;
}

#logo {
    position: absolute;
    display: none;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto; /*text-align:left;*/
}

#logo a {
    position: relative;
    display: inline-block;
    height: 2.6rem;
    line-height: 2.6rem;
    margin-top: 0.2rem;
    vertical-align: middle;
}

#logo a img {
    width: auto;
    height: 100%;
    margin: auto 0;
    vertical-align: middle;
}

#topIco {
    float: right;
    display: inline-block;
    color: rgba(255, 255, 255, 0.2);
    line-height: 2.5rem;
    white-space: nowrap;
}

a.topA {
    color: rgba(255, 255, 255, 0.7);
    display: inline-block;
    height: 5em;
    padding: 0 0.5rem;
    vertical-align: middle;
    white-space: nowrap;
}

#copy p {
    margin: 0;
}

a.topA:hover {
    color: #fff;
}

/*页头图标*/
.headIco {
    position: relative;
    display: inline-block;
    cursor: hand;
    cursor: pointer;
    height: 3rem;
    width: 3rem;
    overflow: hidden;
    vertical-align: middle;
}

.headIco i {
    display: inline-block;
    width: 80%;
    height: 80%;
    overflow: hidden;
    background: url(../image/icos.png) center top;
    background-size: 100% auto;
}

.headIco em {
    display: inline-block;
    width: 100%;
    height: 50%;
    overflow: hidden;
    background: url(../image/icos_menu.png) center top;
    background-size: 100% auto;
}

.headIco span {
    position: absolute;
    left: 0;
    top: auto;
    bottom: 0;
    width: 100%;
    text-align: center;
    line-height: 200%;
    color: #fff;
}

#ico_back, #ico_hide, #ico_list {
    float: left;
    position: relative;
    z-index: 10;
}

#ico_back {
    display: none;
}

#ico_back:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 60%;
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    background: rgba(255, 255, 255, 0.15);
}

#ico_search { /*float:right;*/
}

#ico_list i {
    background-position: center -100%;
}

#ico_hide i {
    background-position: center -300%;
}

#ico_back i {
    background-position: center -400%;
}

#ico_top {
    position: fixed;
    left: auto;
    right: 1%;
    top: auto;
    bottom: 0.5rem;
    z-index: 99;
}

#ico_top i {
    background-position: center -500%;
}

#ico_showEWM i {
    background-position: center -600%;
}

#pageTit {
    height: 3rem;
    line-height: 3rem;
    font-size: 1rem;
    max-width: 60%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    padding: 0 1em;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

@media screen and (max-width: 320px) {
    #pageTit {
        max-width: 30%;
    }
}

/*搜索层*/
/*#search{ position:fixed; left:-100%; overflow:hidden; top:0; width:0; height:100%; z-index:1000; background:rgba(37,49,73,0.96); text-align:left;-webkit-transition:left 0.5s ease-in-out,width 0.5s;-moz-transition:left 0.5s ease-in-out,width 0.5s;-o-transition:left 0.5s ease-in-out,width 0.5s; transition:left 0.5s ease-in-out,width 0.5s;}
#hideSearch{ position:absolute; left:0; bottom:0; z-index:-1; height:100%; width:100%;}
#search.show{ left:0;width:100%;}
#searchHead{ position:relative; padding:0.5em 0 0.3em 0; background:#253149; border-bottom:#404040 1px solid;}
#Searchform{ width:100%; position:absolute; z-index:1; padding:0 3.5em 0 4em; top:0.8em;}
#searchInput{ padding:0 0 0 1em; width:100%; height:2.8em; line-height:280%; background:rgba(255,255,255,0.25);background-size:auto 50%;  border:none; border-radius:0.4em; color:#fff;}
#searchFont{ position:relative; z-index:10; display:inline-block; !*font-size:1rem;*! width:3em; height:3em; line-height:292%; float:right; color:#fff; text-align:center; vertical-align:middle; border:none; background:url(../images/icoSearch.png) center center no-repeat; background-size:auto 50%; text-indent:-1000%}
#hotKeyword a{ display:inline-block; font-size:1.2em; line-height:200%; padding:0 1.2em; margin:0 0.5em 0.5em 0; border:rgba(255,255,255,0.16) 1px solid; border-radius:0.3em; color:#fff; cursor:hand; cursor:pointer;}*/


/*页底导航*/
/*#menuCover{position:fixed; left:0; top:auto; bottom:0; width:100%; height:100%; z-index:999; background:url(../image/blank.gif) ; display:none;}
#menuBT{ position:fixed; z-index:1001; left:0; right:0; margin:0 auto; top:auto; bottom:0; width:100%; line-height:0;}
#nav{ position:relative; z-index:1000; background:#fff; box-shadow:rgba(0,0,0,0.08) 0 0 1rem; padding-right:4rem;}
#nav:after{content:"";position:absolute; left:0; top:0; width:100%; height: 1px; background:rgba(255,255,255,0.2);}
#nav li{ position:relative; float:left; width:25%; padding:0.5em 0 0 0; text-align:center; border-left:rgba(43,50,64,0.06) 1px solid;}
#nav li:first-child{bprder-left:none;}
#nav li .headIco{ z-index:1001;}
#nav li span{ display:inline-block; position:absolute; z-index:0; left:0; top:auto; bottom:0; width:100%; text-align:center; line-height:1.3rem; margin-top:0.2rem; color:#2b3240;}
#nav li#icolist{ width:4rem;height:100%;!*background:#ba1942; border-left:none;*! padding:0; position:absolute;left:auto;top:0;right:0; text-align:center;}
#ico_menu2 .headIco em{ background-position:center -200%;}
#ico_menu3 .headIco em{ background-position:center -400%;}
#ico_menu4 .headIco em{ background-position:center -600%;}
#ico_menu5 .headIco em{ background-position:center -800%;}*/
/*页底导航_二级*/
/*#nav li p{ position:absolute;  left:0; top:auto; bottom:100%; background:#fff; box-shadow:rgba(0,0,0,0.12) 0 0 1em; margin:0; padding:0; border:#e1e1e1 1px solid; display:none;}
#nav li:nth-child(3) p,#nav li:nth-child(4) p{ left:auto; right:0;}
#nav li p a{ display:inline-block; width:100%; line-height:1.5em; border-top:#e1e1e1 1px solid; padding:0.6em 0.8em; white-space:nowrap; text-align:left;}
#nav li p a:first-child{ border-top:none;}
#nav li b{ position:absolute; left:auto; right:1px; bottom:1px; width: 0;height: 0;border-bottom:0.5em solid rgba(43,50,64,0.12);border-left:0.5em solid transparent;}
#menuBlank,.menuBlank{ height:4.2em;}*/

/*二维码层*/
#ewm_weChat {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: rgba(37, 49, 73, 0.96);
    text-align: center;
    display: none;
    color: #fff;
}

#ewm_weChat a {
    display: inline-block;
    width: 100%;
    color: #fff;
    margin-top: -10%;
}

#ewm_weChat img {
    max-width: 60%;
    height: auto;
}


/*新闻列表*/
#News {
    position: relative;
}

#News dl {
    position: relative;
    padding-top: 1rem;
    margin-bottom: 1rem;
    border-top: #ebebeb 1px dotted;
    overflow: hidden;
    display: flex;
}

#News dl:first-child {
    border-top: none;
    padding-top: 0.5rem;
}

#News dl a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../image/blank.gif);
    z-index: 3;
}

#News dt {
    position: relative;
    width: 35%;
    overflow: hidden;
    flex: 0 0 auto;
}

#News dt img {
    width: 100%;
    height: 7rem;
    object-fit: contain;
    vertical-align: bottom;
}

#News dd {
    line-height: 24px;
    flex: 1 1 auto;
    padding-left: 1em;
}

#News dd .p1 {
    margin: 0;
    padding: 0;
    max-height: 48px;
    overflow: hidden;
    font-size: 0.875rem;
    color: #181818;
    vertical-align: top;
}

#News dd .p2 {
    margin: 0;
    padding: 0;
    color: #c0c0c0;
    vertical-align: top;
}

#News dd .p2 em {
    float: left;
}

.info-content img {
    max-width: 100%;
    height: auto;
}

.ico-news {
    display: inline-block;
    width: 1.3rem;
    height: 1.3rem;
    background: url(../image/ico-news.png) left top;
    background-size: 100% auto;
    vertical-align: middle;
    margin: -2px 4px 0 1em;
}

.ico-news:first-child {
    margin-left: 0;
}

.ico-news2 {
    background-position: left -100%;
}

@media screen and (max-width: 375px) {
    #News dt {
        width: 40%;
    }
}

/*首页博物馆三宝*/
#indexTreasures dl {
    position: relative;
    display: inline-block;
    max-width: 292px; /*border:#eee2d4 2px solid;*/
    float: left;
    padding: 2.5rem 1rem 1rem 1rem;
    text-align: center;
    transition: background-color 0.25s;
    margin-left: 1rem;
}

#indexTreasures dl:first-child {
    margin-left: 0;
}

#indexTreasures dt, #indexTreasures dd, #indexTreasures i {
    z-index: 2;
    position: relative;
}

#indexTreasures dl:after {
    content: "";
    display: inline-block;
    background: url("../image/font-1.png") center 0.6rem no-repeat #fff;
    background-size: 85% auto;
    width: calc(100% - 0.5rem);
    height: calc(100% - 0.5rem);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 0;
}

#indexTreasures dt {
    font-size: 1.2rem;
    transition: color 0.25s;
    font-weight: bold;
    line-height: 1.5rem;
    height: 1.5rem;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

#indexTreasures dt:before, #indexTreasures dt:after {
    content: "·";
    font-size: 1.0rem;
    margin: 0 0.5em;
}

#indexTreasures dd.intro {
    font-size: 0.75rem;
    line-height: 2em;
    height: 10em;
    overflow: hidden;
    color: #606060;
    text-align: justify;
    margin: 1rem auto;
}

#indexTreasures dd.intro p {
    margin: 0;
    padding: 0;
}

#indexTreasures dd.pic {
    border-radius: 4px;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: 60%;
    overflow: hidden;
}

#indexTreasures dd.pic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    transition: transform 0.25s;
}

#indexTreasures i {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 50%;
    background: url("../image/box-1.png") left top no-repeat;
}

#indexTreasures i.i2 {
    left: auto;
    right: 0;
    background-position: right top;
}

#indexTreasures i.i3 {
    top: auto;
    bottom: 0;
    background-position: left bottom;
}

#indexTreasures i.i4 {
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
    background-position: right bottom;
}

/*首页博物馆十景*/
#index_scenic {
    position: relative;
}

#index_scenic .swiper-slide img {
    vertical-align: bottom;
}

#index_scenic dl {
    position: relative;
    border-top: rgba(255, 255, 255, 0.3) 1px solid;
    border-bottom: rgba(255, 255, 255, 0.3) 1px solid;
    padding: 0.4rem 0;
}

#index_scenic dd {
    position: absolute;
    left: 0;
    top: auto;
    bottom: 0.4rem;
    line-height: 1.5rem;
    padding: 0.5rem;
    text-align: center;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), transparent);
    width: 100%;
    color: #fff;
}

#scenic-pagination {
    position: absolute;
    display: inline-block;
    width: 5em;
    height: 2em;
    left: 50%;
    top: 0.4rem;
    transform: translateX(-50%);
    z-index: 2;
    background: rgba(0, 0, 0, 0.5);
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.7rem;
    text-align: center;
}

/*页脚*/
.clearFootMargin {
    margin-top: -2rem;
}

.menuBlank {
    height: 5rem;
    clear: both;
}

#foot {
    position: relative;
    margin: 2rem auto 0 auto;
    padding: 0.5rem 0.5rem;
    text-align: left;
    text-align: center;
    background: #5B0D11;
    line-height: 1.8em;
    border-top: #eee2d4 1px solid;
}

/*#foot:before{content:"";display:inline-block; width:calc(100% - 1rem); position:absolute;left:0; right:0; top:0; height:1px; overflow:hidden; background:rgba(43,50,64,0.1); overflow:hidden; margin:0 auto;}*/
#foot, #foot a {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.6)
}

#foot a:active {
    color: #eee2d4;
}

#foot_tel {
    margin: 0 auto -0.4rem auto;
    position: relative;
    top: -1.1rem;
}

#foot_tel a {
    background: #fff;
    border: #eee2d4 1px solid;
    color: #5B0D11;
    padding: 0 1rem;
    line-height: 1.6rem;
    border-radius: 1rem 3px 1rem 3px;
    display: inline-block;
    box-shadow: rgba(0, 0, 0, 0.08) 0 0.4em 1em;
}