@charset "utf-8";
/*---------reset---------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-weight: normal; font-style: normal; }
ol, ul { list-style: none; margin:0; padding:0; }
caption, th { text-align: center; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q:before, q:after { content:;}
abbr, acronym { border: 0; }
/*---------end reset-------*/
a { color: #004276; text-decoration:none }
a:hover {color: #BA2636;text-decoration:underline; }
a:visited{color:#5e0000}
p a { color:#bf142c }
.fl{float:left;}
.fr{float:right;}

.height5 { padding-bottom:5px;clear:both }
.height10 { padding-bottom:10px;clear:both }
.height15 { padding-bottom:15px;clear:both }
.height20 { padding-bottom:20px;clear:both }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { *zoom:1;}
.dotted,.dotted10,.dotted20{ clear:both; height:11px; background:url(../images/microsalon_dotted.jpg) no-repeat center; margin:0 10px; display:block}
.dotted10{height:21px;}
.dotted20{height:41px;margin:0}

.clear { clear:both }
body{color:#f6f5f5; font-size:12px;}
.container { margin:0 auto; width:1000px; background:#fff }


/*模板页面内容*/
a{color:#252525;}
a:hover{color:#06335b; text-decoration:none;}
.banner{width:100%; height:100%; position:fixed; z-index:1;}
#banner #tupian ul li a{display:block; width:100%; height:100%; cursor:pointer; position:relative;}
#banner #tupian ul li a.ban01{ background:url(../images/fengdbn01.jpg) no-repeat center top;}
/*#banner #tupian ul li a.ban02{background:url(../images/fengdbn02.jpg) no-repeat center center; background-size: 100% auto;}*/
#banner #tupian ul li a.ban02{background:url(../images/fengdbn02.jpg) no-repeat center top;}
#banner #tupian ul li a.ban03{background:url(../images/fengdbn03.jpg) no-repeat center top;}

#banner #zhezhao{width: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; opacity: 0; background:black;}
#banner #zhezhao a{display: block; width:100%; height:100%;}
.mbox{width:1000px; margin:0 auto; position:relative; z-index:999;}
.mbox .more{}
.sidnav{position:fixed; z-index:1000; right:10px; top:40%;}
.sidnav ul li{margin-bottom:10px;}
.sidnav ul li a{display:block; width:60px; height:60px; border-radius:3px; background:url(../images/icon.jpg) #fff no-repeat 0 0;}
.sidnav ul li.sid2 a{background-position:0 -60px;}
.sidnav ul li.sid3 a{background-position:0 -120px;}
.sidnav ul li.sid3{position:relative;}
.sidnav ul li.sid3 .img{display:none; position:absolute; right:70px; top:-140px;}

.mbox .top{ padding-left:75px; padding-top:100px; height:204px;}
.mbox .mtop{ padding-top:55px; height:5px;}
.mbox .main{}