@import url(enreset.css);

/*banner大图共用样式*/
#kinMaxShow{visibility:hidden;width:100%; height:490px; overflow:hidden;}

/*页头公用部分*/
header .top{height: 30px;line-height: 30px;background: #c5b8a5;color: #ffffff;font-size: 13px;letter-spacing: 1px;}
header .logo{padding:20px 0 5px;background: url(../enimages/hcontact.jpg) right center no-repeat;}

/*导航部分*/
nav{height: 35px;line-height: 35px;position: relative;z-index: 9;}
nav ul{display: inline;background: url(../enimages/sprateNav.jpg) no-repeat center right;}
nav ul li{display: inline-block;padding: 0 10px;text-align: center;background: url(../enimages/sprateNav.jpg) no-repeat center left;height: 35px;line-height: 35px;position: relative;font-size: 12px;}
nav ul li a{display: block;width: 100%;height: 25px;}
nav ul li a:link{color: #8b806c;}
nav ul li a:visited{color: #8b806c;}
nav ul li a:hover{color: #8b806c;}
nav ul li a:link{color: #8b806c;}
nav ul li ul.sonNav{display: none;background: #fff;z-index: 99;position: absolute;left: 0;top:35px;min-width:155px;}
nav ul li ul.sonNav li{background: none;border-bottom: 1px #ccc dashed;min-width: 155px;height: 25px;line-height: 25px;text-align: left; margin:5px auto;float: none;padding: 0 0 5px 10px;}
nav ul li ul.sonNav li a:link{color: #000;}
nav ul li ul.sonNav li a:visited{color: #000;}
nav ul li ul.sonNav li a:hover{color: #8b806c;}
nav ul li ul.sonNav li a:active{color: #000;}

/*首页主体部分*/
div#banner{width: 100%;height: 490px;margin-top: 5px;}
#main{}
#main .title{margin-top: 35px;font-size: 24px;color: #000;font-family: "宋体";letter-spacing: 3px;position: relative;border-bottom: 1px #c5b8a5 solid;padding-bottom: 10px;width: 100%;font-weight: bold;}
#main .title h2{font-weight: bold;}
#main .title span{font-size: 18px;letter-spacing: 1px;color: #8b806c;}
#main .title .sLine,#main .position .sLine{position: absolute;width: 300px;height: 8px;background: #c5b8a5;left: 0;bottom: -4px;font-size:0;}
#main .video{width: 800px;height: 495px;margin-top: 35px;}
#main .side{width: 345px;margin-top: 35px;}
#main .side ul.link{display: block;width: 345px;margin-top: -10px;}
#main .side ul.link li{height: 48px;line-height: 48px;border-bottom: 1px #ccc dashed;list-style: disc inside;font-size: 16px;font-weight: normal;letter-spacing: 1px;}
#main .side ul.link li a{margin-left: 25px;}
/*#main .side ul.link li a:link{color: #c5b8a5;}
#main .side ul.link li a:visited{color: #c5b8a5;}
#main .side ul.link li a:hover{color: #988a76;}
#main .side ul.link li a:link{color: #c5b8a5;}
*/#main .side .sideCase{margin-top: 15px;position: relative;width: 345px;height: 245px;}
#main .side .sideCase a{display: block;width: 100%;height: 100%;}
#main .side .sideCase img{width: 345px;height: 245px;}
#main .case{margin-top: 20px;}
#main .case ul{display: block;}
#main .case ul li{display: block;float: left;margin-left:23px;width: 275px;height: 185px;position: relative;*margin-left: expression(this.previousSibling==null?'0':'23px'); }
#main .case ul li:first-child{margin-left: 0px;}
#main .case ul li a{display: block;width: 100%;height: 100%;}
#main .case ul li img{width: 275px;height: 185px;}

#main .shade{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.4);left: 0;bottom: 0;display: none;text-align: center;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4B000000,endColorstr=#4B000000); }
#main .shade p{height: 45px;line-height: 2;margin:0 30px;font-size: 20px;letter-spacing: 2px;font-family: 'microsoft yahei';}
#main a:link .shade p{color: #fff;}
#main a:visited .shade p{color: #fff;}
#main a:hover .shade p{color: #fff;}
#main a:active .shade p{color: #fff;}
#main .shade .l{border-bottom: 1px #fff solid;margin-top:20%;}
#main .shade .s{margin-top:20%;}

#main .conLeft{width: 810px;}
#main .conLeft .tab{margin-top: 10px;}
#main .conLeft .tab ul{display: block;font-size: 14px;color: #c5b8a5;background: url(../enimages/sprateNav.jpg) no-repeat center right;}
#main .conLeft .tab ul li{display: block;cursor: pointer;float: left;text-align: center;background: url(../enimages/sprateNav.jpg) no-repeat center left;width: 160px;float: left;height: 35px;line-height: 35px;color:#8b806c;}
#main .conLeft .tab ul li:hover{color:#8b806c;}
/*#main .conLeft .tab ul li:first-child{background: none;}*/
#main .conLeft .tab ul.chanTab{font-weight: bold;color: #000;}
#main .conLeft .tab ul.chanTab li{background: none;width: 100px;}
#main .conLeft .tab .tDiv{display: none;width: 810px;height: 400px;}
#main .conLeft .tab .tDiv ol{display: block;padding-top: 20px;}
#main .conLeft .tab .tDiv ol li{display: block;width: 275px;height: 185px;margin-bottom: 10px;position: relative;}
#main .conLeft .tab .tDiv ol li img{width: 275px;height: 185px;}
#main .conLeft .tab .tDiv ol li p{position: absolute;width: 100%;left: 0;bottom: 0;height: 30px;line-height: 30px;text-align: left;background: rgba(192,181,160,0.8);color: #fff;font-size: 14px;text-indent: 10px;overflow: hidden;}
#main .conLeft .tab dl dt{float: left;width: 385px;height: 230px;}
#main .conLeft .tab dl.tDiv{height: 230px;}
#main .conLeft .tab dl.tDiv dt img{width: 385px;height: 210px;}
#main .conLeft .tab dl dd{float: left;height: 230px;margin-left: 15px;width: 410px;}
#main .conLeft .tab dl dd h2{color: #a27740;font-size: 14px;font-weight: bold;height: 25px;line-height: 25px;}
#main .conLeft .tab dl dd p{text-align: justify;line-height: 1.77;margin:5px 0;letter-spacing: 1px;font-family: Arial;}
#main .conLeft .tab dl dd p.c{font-size: 14px;font-family: 'microsoft yahei';}
#main .conLeft .tab dl dd p span a:link{color: #a27740;}
#main .conLeft .tab dl dd p span a:visited{color: #a27740;}
#main .conLeft .tab dl dd p span a:hover{color: #988a76;}
#main .conLeft .tab dl dd p span a:link{color: #a27740;}

#main .conLeft #scroll{margin-top: 44px;overflow:hidden;width: 810px;height: 277px;position:relative;}
#main .conLeft #scroll ul{height: 277px;}
#main .conLeft #scroll ul li{display: block;float: left;width: 192px;height: 277px;position: relative;margin:0 10px;background: #e3e3e3;}
#main .conLeft #scroll ul li img{width: expression(this.width > 172 ? '172px': true);max-width: 172px;padding:10px;}
#main .conLeft #scroll ul li a{display: block;width: 100%;height: 100%;}
#main .conLeft #scroll ul li p.s{margin-top: 40%;font-weight: bold;font-size: 18px;overflow: hidden;}
#main .conLeft #scroll ul li p{text-align: left;margin:0 45px;font-size: 16px;letter-spacing: 1px;}

#main .sideRight{width: 345px;border:1px #d9d9d9 solid;margin-top: 73px;_margin-top: 78px;position: relative;padding-top: 40px;}
#main .sideRight h2{width: 230px;height: 45px;line-height: 45px;position: absolute;top:-25px;font-size: 24px;background: #fff;left: 50%;margin-left: -115px;text-align: center;/*letter-spacing: 2px;*/font-weight: bold;font-family: '宋体';}
#main .sideRight ul{padding:0 15px 10px;}
#main .sideRight ul li{height: 45px;line-height: 45px;border-bottom: 1px #ccc dashed;}
#main .sideRight ul.hotNews li{list-style: disc inside;letter-spacing: 1px;font-size: 14px;overflow: hidden;}
#main .sideRight ul.hotNews li.chanLi{border-bottom:0;border-top: 1px #ccc dashed;margin-top: 10px; }

#main .sideRight ul.yuyue li {height: 30px;line-height: 30px;padding:7px 10px 8px 0px;}
#main .sideRight ul.yuyue li span{font-size: 12px;margin-right: 10px;_margin-right: 5px;color: #a27740;}
#main .sideRight ul.yuyue li input,#main .sideRight ul.yuyue li select{color: #ccc;}

#main .sideRight p.chanz{text-align: justify;padding: 5px 14px;font-size: 14px;line-height: 2;letter-spacing: 1px;}

#main .iNews{width: 570px;}
#main .iNews .title h2{font-size: 22px;}
#main .iNews .title .nLine{position: absolute;width: 250px;height: 3px;background: #c5b8a5;left: 0;bottom: 0px;font-size:0;}
#main .iNews .title .nLine i{position: absolute;padding: 3px 4px 2px;background: url(../enimages/arrow_up.png) no-repeat left top;top: -5px;left: 45px;}
#main .iNews ul.hotNews{display: block;position: relative;height: 198px;margin-top: 25px;list-style: none;}
#main .iNews ul.hotNews li{display: block;list-style: disc inside;height: 38px;line-height: 38px;list-style: none;font-size: 14px;overflow: hidden;letter-spacing: 1px;}
#main .iNews ul.hotNews li img{width: 267px;height: 198px;position: absolute;left: 0;top: 0;}
#main .iNews ul.hotNews li p{width: 290px;margin-left: 280px;_margin-left: 260px;height: 37px;line-height: 37px;border-bottom: 1px #ccc dashed;text-indent: 15px;background: url(../enimages/circle.png) no-repeat 2px 16px;}
#main .iNews ul.newsBottom{padding-top: 10px;}


/*页脚部分*/
#navBottom{margin-top: 55px;}
#navBottom div.bNav{width: 600px;}
#navBottom div.bNav ul{width: 150px;float: left;}
#navBottom div.bNav ul h3{font-size: 14px;height: 30px;line-height: 30px;padding-bottom: 10px;}
#navBottom div.bNav ul li{height: 30px;line-height: 30px;font-size: 10px;}
#navBottom div.service{width: 570px;/*padding-top: 40px;*/}
#navBottom div.service .contact{padding-top: 20px;margin-right: 20px;_margin-right:10px;}
#navBottom div.service .code{padding: 20px 0  0 10px;margin-left: 20px;_margin-right:10px}

footer{margin-top: 50px;background: #c5b8a5;padding-bottom: 10px;}
footer .link{padding:20px 0;}
footer .link h3{font-size: 18px;margin-top: 10px;}
footer .link ul{display: block;width: 1170px;}
footer .link ul li{font-size: 14px;height: 35px;line-height: 35px;margin: 0 5px;float:left;white-space:nowrap;}
footer .fNav{margin:0 0 10px;text-align: center;font-size: 14px;}
footer .fNav li{display: inline;margin:0 10px;}
footer p{text-align: center;font-size: 14px;height: 78px;line-height: 45px;}
footer .byuyue{height: 45px;line-height: 45px;background: rgba(0,0,0,0.5);position: fixed;left: 0;bottom: 0;width: 100%;z-index: 999;}
footer .byuyue span{font-size: 14px;color: #fff; font-weight: bold;}
footer .byuyue i.closedb{position: absolute;font-size: 18px;font-weight: bold;color: #fff;cursor: pointer;font-style: normal;top: 0;right: 20px;}
footer .rightSide{position: fixed;right: 0;bottom:0;margin-bottom: 48px;z-index: 996;}
footer .rightSide .f{width: 70px;height: 71px;margin:10px 0;position: relative;border:1px #ccc solid;}
footer .rightSide .f01{background: url(../enimages/footer_01.jpg);}
footer .rightSide .f02{background: url(../enimages/footer_02.jpg);}
footer .rightSide .f02 a{display: block;width: 100%;height: 100%;}
footer .rightSide .f03{background: url(../enimages/footer_03.jpg);}
footer .rightSide .f04{cursor: pointer;border:0;}
footer .rightSide .f04 .btt{background: url(../enimages/footer_04.jpg);width: 100%;height: 100%;border:1px #ccc solid;}
footer .rightSide .rContact{display: none;position: absolute;z-index: 997;border:2px #eaeaea solid;left:-270px;top:50%;margin-top:-38px;background: #fff;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;width: 236px;height: 118px;}
footer .rightSide .rContact p{text-indent: 15px;color: #b0814b;text-align: left;height: 40px;line-height: 40px;font-weight: bold;font-size: 15px;}
footer .rightSide i{display: none;position: absolute;background: url(../enimages/right_arrow.png); width: 12px;height: 24px;left: -32px;top: 50%;margin-top: -10px;z-index: 998;}

/*内页主体侧栏*/
#main .position{margin-top: 15px;border-top: 25px #c5b8a5 solid;padding-top: 40px;height: 45px;line-height: 45px;font-size: 14px;letter-spacing: 1px;color: #a27740;position: relative;border-bottom: 1px #c5b8a5 solid;}
#main .sideBar{width: 240px;}
#main .sideBar .pageNav{display: block;}
#main .sideBar .pageNav li{height: 70px;line-height: 70px;font-size: 12px;border-bottom: 1px #ccc dashed;background: url(../enimages/circle2.jpg) no-repeat 20px center;padding-left: 40px;}

#main .sideBar .reCase{margin-bottom: 40px;}
#main .sideBar .reCase p.t{height: 100px;line-height: 100px;font-size: 16px;background: url(../enimages/circle.png) no-repeat 60px 50px;padding-left: 80px;letter-spacing: 2px;}
#main .sideBar .reCase .cs{width: 240px;height: 170px;position: relative;}
#main .sideBar .reCase .cs a{display: block;width: 100%;height: 100%;}
#main .sideBar .reCase .cs a img{width: 240px;height: 170px;}
#main .sideBar .reCase .cs .shade p{font-size: 16px;letter-spacing: 1px;}

#main .wrap{width: 876px;margin-top: 30px;}
/*内页主体文章,单页面*/
#main .contrain{word-wrap:break-word;line-height: 1.5;letter-spacing: 4px;text-align: justify;font-size: 14px;}
#main .contrain img{width: expression(this.width > 872 ? '872px': true);max-width: 872px;}
#main .contrain p{}
#main .contrain ul.conArList{display: block;margin:40px 0 20px;}
#main .contrain ul.conArList h1{background: #f8f8f8;border-bottom: 1px #ccc solid;height: 42px;line-height: 42px;font-size: 16px;font-weight: bold;}
#main .contrain ul.conArList h1 span{font-size: 14px;font-weight: normal;margin-left: 10px;color: #ccc;}
#main .contrain ul.conArList li{height: 35px;line-height: 35px;font-size: 14px;color: #444;}

#main .contrain img.conImg{float: left;margin:10px 35px 30px 0;width: expression(this.width > 172 ? '172px': true);max-width: 172px;padding:10px;}
#main .contrain h1.conH1{font-size: 22px;font-weight: bold;color: #a27740;height: 50px;padding-top: 30px;line-height: 50px;}
#main .contrain h1.conH1 span{font-size: 16px;font-weight: bold;margin-left: 10px;color: #000;}
#main .contrain p.conP{height: 50px;line-height: 50px;font-size: 16px;font-weight: bold;color: #000;}

/*内页主体列表*/
#main .gyList{}
#main .gyList dl{margin:15px 0 40px;height: 174px;}
#main .gyList dl dt{float: left;width: 292px;height: 174px;}
#main .gyList dl img{width: 292px;height: 174px;}
#main .gyList dl dd{float: left;width: 550px;height: 174px;margin-left: 20px;}
#main .gyList dl dd h1{font-weight: bold;width: 100%;font-size: 14px;letter-spacing: 1px;height: 30px;line-height: 30px;overflow: hidden;}
#main .gyList dl dd p{font-size: 14px;letter-spacing: 3px;text-align: justify;line-height: 2.1;}

/*内页主体案例列表*/
#main .caseList{}
#main .caseList ul{display: block;}
#main .caseList ul li{display: block;width: 275px;margin:20px 8px;float: left;height: 234px;}
#main .caseList ul li img{width: 275px;height: 185px;}
#main .caseList ul li p{height: 45px;line-height: 45px;text-align: center;font-size: 16px;}

/*内页主体案例、文章内页*/
#main .caseArticle{}
#main .caseArticle h1{font-size: 22px;color: #444;font-weight: bold;height: 50px;line-height: 40px;padding-bottom: 20px;border-bottom: 1px #ccc dashed;text-align: center;overflow: hidden;letter-spacing: 2px;}
#main .caseArticle .content{line-height: 1.8;letter-spacing: 2px;padding:20px 0 5px; word-wrap:break-word;text-align: justify;font-size: 14px;}
#main .caseArticle .content img{width: expression(this.width > 872 ? '872px': true);max-width: 872px;}

#main .propose{margin:10px auto 60px;border-top: 1px #ccc dashed;border-bottom: 1px #ccc dashed;padding:30px 10px;}
#main .propose h2,#main .proNews h2{font-size: 14px;color: #a27740;font-weight: bold;height: 40px;line-height: 40px;letter-spacing: 2px;}
#main .propose ul{display: block;}
#main .propose ul li{display: block;float: left;width: 205px;margin:0 4px;}
#main .propose ul li img{width: 205px;height: 137px;}
#main .propose ul li p{height: 40px;line-height: 40px;text-align: center;overflow: hidden;width: 100%;}

#main .pn{border-top: 1px #ccc dashed;border-bottom: 1px #ccc dashed;padding:30px 10px;height: 50px;line-height: 50px;font-size: 14px;color: #a27740;margin:10px auto 30px;}
#main .pn .pre{width: 47%;text-align: right;}
#main .pn .next{width: 47%;text-align: left;}

#main .proNews{padding:30px 10px;}
#main .proNews ul{display: block;width: 100%;}
#main .proNews ul li{font-size: 15px;letter-spacing: 2px;height: 30px;line-height: 30px;overflow: hidden;display: block;width: 48%; float: left;margin-right: 1%;}


/*内页主体设计师列表*/
#main .desList{}
#main .desList dl{margin:30px auto 60px;}
#main .desList dl dt{float: left;width: 192px;display: block;}
#main .desList dl dt img{width: expression(this.width > 172 ? '172px': true);max-width: 172px;padding:10px;}
#main .desList dl dd{float: right;letter-spacing: 2px;display: block;width: 666px;padding: 20px 0 0 14px;}
#main .desList dl dd h1{font-size: 22px;font-weight: bold;color: #a27740;height: 50px;line-height: 50px;}
#main .desList dl dd h1 span{font-size: 14px;color: #444;margin-left: 10px;}
#main .desList dl dd span.role{font-size: 12px;color: #a27740;height: 40px;line-height: 40px;}
#main .desList dl dd div.info{line-height: 1.8;font-size: 14px;color: #444;}

/*内页主体设计师页面内容*/
#main .designer{}
#main .designer .desPic{width: 590px;margin:0 auto 30px;}
#main .designer .desPic dt{float: left;width: 192px;display: block;}
#main .designer .desPic dt img{width: expression(this.width > 172 ? '172px': true);max-width: 172px;padding:10px;}
#main .designer .desPic dd{float: left;display: block;letter-spacing: 2px;padding: 80px 0 0 30px;width: 368px;}
#main .designer .desPic dd h1{font-size: 22px;font-weight: bold;color: #a27740;height: 40px;line-height: 40px;}
#main .designer .desPic dd p{height: 40px;line-height: 40px;font-size: 16px;}

/*404页面*/
.main404{width: 850px;margin:150px auto 0;}
.main404 .logo404{width: 280px;height: 341px;}
.main404 .logo404 img{width: 280px;height: 341px;}
.main404 .content404{width: 450px;padding-top: 100px;}
.main404 .content404 h1{font-size: 38px;font-weight: bold;letter-spacing: 2px;}
.main404 .content404 h1 span{font-size: 14px;font-weight: normal;margin-left: 20px;height: 80px;line-height: 80px;}
.main404 .content404 p{font-size: 20px;letter-spacing: 4px;}

/*MAP地图样式*/
#main .mapposition{height: 85px;line-height: 85px;letter-spacing: 2px;}
#main .mapposition h2{font-size: 15px;font-weight: bold;}
#main .mapList{padding-bottom: 80px;}
#main .mapList p{height: 95px;line-height: 95px;font-size: 15px;border-bottom:1px #ccc solid;letter-spacing: 2px;}
#main .mapList p span.N{font-weight: bold;margin:0;text-align: left;}
#main .mapList p span{margin-left: 20px;display: block;float: left;width: 150px;text-align: center;}

/*部分公用样式*/ 
.more{text-align: right;height: 28px;line-height: 28px;padding:0 15px;letter-spacing: 2px;font-size: 14px;font-family: 'microsoft yahei';}
.more a:link{color: #a27740;}
.more a:visited{color: #a27740;}
.more a:hover{color: #988a76;}
.more a:link{color: #a27740;}
.typePut{height: 30px;line-height: 30px;background: none;border:1px #ccc solid;}
input[type='text'].typePut{text-indent: 5px;}
.bPut{background: #fff;}
.btn{background: #e3e3e3;border:1px #ccc solid;color: #a27740;padding:5px 15px;cursor: pointer;}
.btn:hover{background: #eee;border:1px #ddd solid;color: #988a76;}
a.c5:link{color: #a27740;}
a.c5:visited{color: #a27740;}
a.c5:hover{color: #915507;}
a.c5:active{color: #a27740;}
#pages { overflow: hidden; padding: 10px 0;margin-top: 20px; text-align: center;font-size: 14px;margin:100px auto;}
#pages a { background: #fff; border: 1px solid #ac804a; color: #333333; display: inline-block; padding: 5px 15px; margin: 0 8px; }
/*#pages a.a1 { height: 22px; line-height: 22px; margin-top: 0; padding: 0 12px; }*/
#pages a:hover { background: none repeat scroll 0 0 #F1F1F1; color: #000000; text-decoration: none; }
#pages span { background: #fff; border: 1px solid #ac804a; color: #ac804a; display: inline-block; margin: 0 8px; padding: 5px 15px;}
#node{position:fixed;background: #1774dc;display: none;width: 300px;height: 50px;top: 50%;left: 50%;margin-left: -150px;line-height: 50px;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;text-align: center;color: #fff;margin-top: -20px;border:3px #ccc solid;font-weight: bold;font-size: 16px;z-index: 999;}