@charset "UTF-8";
/* CSS Document */
@media screen and (min-width:1200px) {

body { background: #1c1311; }

header { top: 0; background: #2f201d; position: relative; z-index: 10; margin: 0px; }

.menuItem { text-shadow: 0.02rem 0.02rem 0.05rem #000; }

#subBanner { width: 100%; height: 4rem; background: url(../image/pbAbout_pc.jpg) center top no-repeat; background-size: 19.2rem; }

#sbTitleBoard { width: 3.3rem; height: 2.86rem; position: absolute; top: 2.27rem; left: -0.41rem; background: url(../image/bannerTitleBoard.png) no-repeat; background-size: 100%; z-index: 20; }

#sbtCN { padding-right: 0.34rem; text-align: right; padding-top: 0.63rem; height: 0.87rem; line-height: 0.24rem; font-size: 0.2rem; color: #e1c5a0; letter-spacing: 0.16rem; }

#sbtEN { padding-right: 0.5rem; text-align: right; height: auto; overflow: hidden; line-height: 0.6rem; font-size: 0.6rem; color: #40302d; }
#subBanner { background-image: url(../image/pbNews_pc.jpg); }

#subMenu { height: 1.13rem; width: 100%; background: #3a2920; }

#subMenuWrap { float: left; height: 1.13rem; padding: 0.415rem 0; padding-left: 2.57rem; }

.smItem { float: left; height: 0.3rem; padding: 0 0.25rem; margin: 0 0.075rem; color: #edd2b2; line-height: 0.3rem; letter-spacing: 0.05rem; border-radius: 0.3rem; text-indent: 0.05rem; }

#subMenuWrap .current { background: #edd2b2; color: #3a2920; }

}

@media screen and (max-width:1199px) and (min-width:541px) {

body { background: #1c1311; }

header { top: 0; background: #2f201d; z-index: 10; margin: 0px; }

#subBanner { width: 100%; height: auto; overflow: hidden; background: none; }

#subBanner img { width: 100%; }

#sbTitleBoard { position: absolute; top: 1.32rem; left: 0.15rem; color: #f3e2cb; height: 1rem; width: 3rem; }

#sbtCN { height: 0.4rem; font-size: 0.2rem; letter-spacing: 0.16rem; overflow: hidden; }

#sbtEN { overflow: hidden; font-size: 0.48rem; }
	#subMenu { width: 100%; background: #3a2920; overflow: hidden;}

#subMenuWrap { float: left; padding:0.24rem 0; overflow: hidden;}

.smItem { float: left; height: 0.3rem; padding: 0 0.25rem; margin: 0.24rem 0.075rem; color: #edd2b2; line-height: 0.3rem; letter-spacing: 0.05rem; border-radius: 0.3rem; text-indent: 0.05rem;}

#subMenuWrap .current { background: #edd2b2; color: #3a2920; }
}

@media screen and (max-width:540px) {

body { background: #1c1311; }

header { top: 0; background: #2f201d; z-index: 10; margin: 0px; height: 1.23rem; }

#pageLogo { float: left; background: url(../image/logoHead.png) left center no-repeat; background-size: 2.65rem; width: 2.65rem; height: 0.6rem; margin-top: 0.33rem; }

#menuICO { margin-top: 0.43rem; }

#subBanner { width: 100%; height: auto; overflow: hidden; background: none; }

#subBanner img { width: 100%; }

#sbTitleBoard { position: absolute; top: 1rem; left: 0.15rem; color: #f3e2cb; height: 1rem; width: 3rem; }

#sbtCN { height: 0.4rem; font-size: 0.3rem; letter-spacing: 0.16rem; overflow: hidden; }

#sbtEN { overflow: hidden; font-size: 0.48rem; }
	#subMenu { width: 100%; background: #3a2920; overflow: hidden;}

#subMenuWrap { float: left; padding:0.24rem 0; overflow: hidden;}

.smItem { float: left; height: 0.3rem; padding: 0 0.25rem; margin: 0.24rem 0.075rem; color: #edd2b2; line-height: 0.3rem; letter-spacing: 0.05rem; border-radius: 0.3rem; text-indent: 0.05rem;}

#subMenuWrap .current { background: #edd2b2; color: #3a2920; }
}