@charset "utf-8";

/* 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:微软雅黑,"微软雅黑",Verdana,Arial,Helvetica, sans-serif;text-decoration: none; font-size:100%;}
a:link   {color:#3e342e;}
a:visited{color:#3e342e;}
a:hover  {color:#c7113a;}
a:active {color:#3e342e;}

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

body{background:url(../images/body_bg.jpg) center top #fff; text-align:center; margin:0; color:#3e342e; line-height:200%; width:100%; height:auto !important; height:100%; min-height:100%; font-family:微软雅黑,"微软雅黑",Verdana,Arial,Helvetica, sans-serif;font-size:75%;/*即12px,12/16=0.75*/}
div,ul,li,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;}
p{ margin:13px auto; padding:0;}
hr{ border-top:#e1e1e1 1px dotted\9;border-top:rgba(225,225,225,0.5) 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;}

/*公共*/
.blank{ height:0; line-height:0; clear:both; 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:640px;}
.floatL{ float:left;}.floatR{ float:right;}
.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垂直居中*/

/*页头*/
#head{ position:relative; text-align:center; background:url(../images/body_bg.jpg) center top #fff; line-height:0; height:7em;}
#logo{ position:absolute; margin:0 auto; display:inline-block; width:50%; left:25%; top:0; height:100%;}
#logo a{ position:relative; display:inline-block; height:100%; width:100%; text-align:center;}
#logo a img{ max-height:80%;}
/*页头图标*/
.headIco{ position:absolute; top:0; display:inline-block; height:100%;cursor:hand; cursor:pointer; width:6em; overflow:hidden; background:rgba(236,227,209,0.1); box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.headIco i{ display:inline-block; width:4em; height:4em; background:url(../images/icos.png) left center no-repeat; background-size:auto 100%;}
#ico_home{ left:0; border-right:#ebd6c7 1px solid; display:none;}
#ico_back{ left:0; border-right:#ebd6c7 1px solid;}
#ico_showMore{ left:auto; right:0; border-left:#ebd6c7 1px solid;}
#ico_back i{ background-position:-4em top;}
#ico_showMore i{background-position:-8em top;}
#showMore{ position:absolute; z-index:100; left:auto; right:0; top:100%; background:rgba(33,33,33,0.95); display:none;}
#showMore a{ display:inline-block; padding:0.8rem 2em; line-height:1rem; color:#eee; clear:both; border-bottom:#444 1px solid;}
#showMore a img{ max-width:10em;}

/*移动端主导航*/
#mobileMenu{overflow:hidden; text-align:left; z-index:99; background:url(../images/bgPic1.jpg) center center repeat;}
#mobileMenu #nav li{ float:left; width:25%; line-height:3.5em; background:url(../images/Vline.png) right center no-repeat;}
#mobileMenu #nav li a{ display:inline-block;color:#514e48; width:100%; cursor:pointer; cursor:hand; text-align:center; font-size:1.2em;}
#mobileMenu #nav li a:hover,#mobileMenu #nav li.active a{color:#c7113a;}

/*二级导航*/
#sub_Menu{ position:absolute; left:0; top:10.5em; width:100%; z-index:99;}
.subMenu{background:rgba(33,33,33,0.96);background:#212121\9; line-height:2.5em;display:none; width:100%; min-height:3em; padding:1.5em 1em 1em 1em; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.subMenu p{ color:#fff; font-weight:bold; margin:0; padding:0.6em; border-bottom:#666 1px dotted; font-size:1.2em;}
.subMenu a{ color:#c8c8c8; margin:0 0.6em; display:inline-block;}
.subMenu a i{ display:inline-block; margin:-0.2em 0.5em 0 0; font-style:normal; color:#a0a0a0; width:1.5em; height:1.5em; line-height:1.5em; text-align:center; vertical-align:middle; border:#4b4848 1px solid; border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; -webkit-border-radius:50%;}
.subMenu a.curr,.subMenu a.curr i{ color:#e2c7ab;}
@media screen and (max-width:320px){
  .subMenu{ text-align:left;}
}
@media screen and (max-width:480px){
  .headIco{ width:5em;}
  #head{ height:5em;}
  #sub_Menu{ top:8.5em;}
}

/*页脚*/
#foot{ background:url(../images/bgPic1.jpg); padding:1em; color:#424242; margin:1em auto 0 auto; line-height:150%;}