html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0;}
a:hover{color: #996666;}
a,a:visited,a:link{ text-decoration:none; color: #333;}
.clearfix::after {
clear: both;
}
.clearfix::before, .clearfix::after {
content: " ";
display: table;
}
*, *::before, *::after {
box-sizing: border-box;
}
div{display: block;}
body{color: #454545;
font-family: "宋体";
font-size: 12px;
}
#index{ width:500px;}
#index #logo{ float:left; }

#index #nav{float:right;}
html,body{
width: 100%;
height: 100%;
}
.wrap{
position:relative;
width: 100%;
height: 100%;
}
.wrap > div {
/*父级设置定位*/
position:absolute;
left:50%;
top:50%;
}
.wrap .box {
/*设置图片大小*/
display: block;
width: 500px;
height: 280px;
}
.wrap .box div:nth-child(1) {
/*第一张图片隐藏*/
visibility:hidden;
}
.wrap .box div:nth-child(2) {
/*第二张图片定位*/
position:absolute;
left: -50%;
top: -50%;
}
#nav{width: 100px; overflow:hidden; float:left;}
#nav .button a{
font-family: "黑体";
font-size: 14px;
font-weight: normal;
line-height: 30px;
text-align: right;
text-decoration: none;
}

#nav .button a{ display: block;padding-right: 10px;}
#nav .button li{}


#nav .button .trait a{
color: #996666;
font-weight: bold;
}
#nav .button a:hover,#nav .action a{
background-color: #454545;
color: #fff;
}
#nav .button .action a{
color: #fff;
}
#works #nav{}
.main{ width:850px; height:auto; display:block; margin: 0 auto;   margin-top: 100px; }
#content{width: 700px;float:left;margin-left: 50px;height: auto;}

#content .back-btn{ text-align:right; margin-bottom: 200px;line-height: 30px;font-size: 12px;}
#works #content .info{
margin-right: 15px;
float: left;
width: 400px;
}
#works #content .img{

}

#works  dl{ color: #996666; font-size: 14px;  font-weight: bold;}
#works  dt{ width: 100%;border-bottom:1px solid #999; line-height: 30px;    font-weight:bold; font-family: "黑体";  font-size: 18px; }
#works  dl span{border-right:1px solid #999;position: absolute;left: 200px;height: 30px;margin: 10px 0;}
#works .year,#works .type{text-indent: 20px;}
.ct{margin-left: 40px;min-height: 1000px;}
#works  .item{height: 280px; float: left; }
#works .name{font-weight:normal;}
#works .img{ height: 160px; width: 240px; margin-top: 30px;float: right;overflow: hidden;}
#works  dd{width:200px;float: left; line-height: 50px;border-bottom:1px solid #999;position:relative; padding: 15px 0;}
#member .item{float: left; width: 178px; height: 300px; margin-right: 5px;color: #666666;}
#member .item p{line-height:25px;}
#member .hu{position:relative;}
#member .hu span{position:absolute; left: 178px; width: 178px; height: 300px;}
#house .info{ display: block;line-height: 30px;}
#house .name{
font-weight:bold;
color:#996666;
}
#house span.l{ width: 308px; display: block;margin-right: 50px;}
#house span{ float: left;}
#house strong{margin-right: 20px;}
#house .map {color:#996666; }
#house .add:hover{   color:#996666;}
#house .add{
float: right;
color: #666666;
}
#house p
{
font-family:	"黑体";
font-size	:16px;
font-weight	:400;
color:#000;

}
#page{    line-height: 22px;}
#page .txt{width: 300px; float: left;color: #666;}
#page .date{color: #818584;margin-bottom: 15px; display: block;}
#page h1{color: #996666;
font-family: "黑体";
font-size: 18px;
font-weight: lighter; line-height: 20px; margin-top: 200px;}
#page .menu{float: left; margin-right: 80px;width: 200px; position:relative;}
#page #content,  #page #content .ct{margin-left: 0; width: 600px;}
#page .email { text-align:right; width: 180px; margin-bottom: 70px;    font-family: 黑体;
font-size: 14px;
font-weight: normal;
color: rgb(69, 69, 69);
line-height: 30px;}
#page .menu img{margin-left: 50px;}
#page .menu ul li{text-align: right;height:20px; width: 180px;line-height: 20px;position:relative;margin: 5px 0; }
#page .menu ul .st{color:#996666; margin-top: 200px;}
#page .menu ul li a{color:#9c9e9e; margin-right: 5px;}
#page .menu ul .action a,#page .menu ul .action i{color:#996666;}
#page .menu li a:hover{color:#996666;}
#page .back-btn{    margin-bottom: 80px;}
#page p{line-height: 24px;}
#page i{color:#9c9e9e;
position:absolute;
top:0px;
font-style: normal;
font-weight: normal;
font-size: 20px;}
#paper .title{ color: #996666;  font-weight: bold;
font-family: "黑体";
font-size: 18px; line-height: 50px;}
#paper p{ color: #666666;
font-family: "宋体";
font-size: 14px;
line-height: 30px;}
#paper .img{ margin-bottom: 15px;}
#paper h1{
font-weight: bold;
color: #666666;
font-family: "宋体";
font-size: 14px;
line-height: 40px;
}
#wshow{
}
#wshow .back-btn,  #paper .back-btn,  #houseshow .back-btn,#map .back-btn,#xiaonow .back-btn{    margin-bottom: 50px;margin-top: 40px; }
#wshow .back-btn a,  #paper .back-btn a,  #houseshow .back-btn a,#map .back-btn a,#xiaonow .back-btn a{color: #996666;}
#wshow ,#paper,#houseshow,#map,#xiaonow{margin: 0 auto;  width: 850px;}
#wshow {width: 800px;}
#wshow #content,#paper #content,#houseshow #content,#map #content,#xiaonow #content{ float: right; margin-right: 50px;}
#xiaonow{}
#wshow #content{width: 100%;}
#wshow .l{width: 300px; float: left;}
#wshow .txt{ height: 180px;margin-top:120px;overflow:hidden; text-overflow:ellipsis;  display: block; width: 280px;font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
line-height: 20px;}
#wshow h1{margin-bottom: 20px;}
#wshow  .omit { margin-top: 20px; margin-bottom: 50px;font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
line-height: 20px;}
#wshow .txt strong{display: block;}
#wshow .img{ width: 480px;float: right; overflow: hidden;}
#wshow .ct{margin: 0;}
#wshow  dl{ color: #996666;
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;}
#wshow  dt{ width: 100%;border-bottom:1px solid #999; line-height: 30px;  font-weight:bold;    font-family: Arial,Helvetica,sans-serif; font-size: 14px; }
#wshow  dd{width:50%;float: left; line-height: 35px;border-bottom:1px solid #999;position:relative;
font-size: 14px;
font-weight: bold;}
#wshow  dd.year,#wshow  dd.type{text-indent: 15px;}
#wshow .info dd.area,#wshow .info dd.type{border-bottom:none;}
#wshow .ct .l .more{color: #996666; font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
#wshow .ct .l a.more:hover{text-decoration:underline;}
#wshow dd.city{}
#wshow  dl span{border-right:1px solid #999;position: absolute;left: 150px;height: 30px;margin: 2px 0;}
#wshow .img .tmb{ overflow-x:scroll;width: 480px; overflow-y: hidden;}
#wshow .view{ width:480px; height:320px;overflow: hidden;}
#wshow .img .tmb a{ float: left;width: 75px; height: 52px; overflow: hidden; display: block;}
#paper{ margin: 0 auto; width: 700px;}
#paper .text{}
#paper #content .ct{ width: 550px; margin-left: 0; float: right;}
#houseshow #content .ct{padding-top: 80px;}
#houseshow li{ float: left; width: 165px; margin-right: 3px; margin-top: 10px;margin-bottom: 15px;}
#houseshow .ct{ margin-left: 0;float: right;width: 850px; }
#houseshow #content{ width: 850px;}
#xiaonow .ct{ padding-top: 50px; position: relative;}
#xiaonow .imgs{width: 500px;height: 339px; overflow:hidden; margin: 0 130px;}
#xiaonow .lbtn,#xiaonow .rbtn{top:120px;width: 70px; height: 160px; position: absolute; z-index: 10;}
#xiaonow .lbtn{left: 0;}
#xiaonow .rbtn{right: 0;}
#xiaonow #content{width: 800px;}