.container_bg{ margin:0 auto}

.container {
  width: 1000px;
  margin: 0 auto;
}

.clear {
  clear: both; height:0px; line-height:0px; overflow:hidden; font-size:0px
}

#header {
  height: 109px;
}

#header .logo {
  width: 204px;
  height: 45px;
  float: left;
  margin: 25px 0 0 12px;
}

#header .location {
  height: 53px;
  float: left;
  border-left: 1px solid #59564f;
  color: #59564f;
  font: bold 12px/21.5px 'Microsoft YaHei';
  margin: 32px 0 0 16px;
  padding: 0 0 0 15px;
}

#header .location a {
  text-decoration: none;
  color: #d0ab46;
}

#header .slogan {
  width: 286px;
  height: 51px;
  float: right;
  background: url(../images/slogan.jpg) no-repeat;
  margin: 32px 0px 0 0;
}

#slider {
  height: 520px;
  background: url(../images/demo-slider.png) no-repeat;
}

#menu {
  position: relative;
   margin:0 auto;
  height: 50px;
  background:url(../images/menubg.jpg) repeat-x;
}

#menu .container { margin:0 auto}

#menu .list {
  /*display: block;
  float: left;
  position: relative;
  left: 50%;
  bottom: 0;*/
  text-align: center;
  width:100%
}

#menu .list li{ line-height:50px; width:90px; float:left; background:url(../images/menuborder.jpg) left top no-repeat}
#menu .list li#first{ background:none}
#menu .list li#first a:hover{ background:url(../images/menuac.jpg) -2px top no-repeat}

#menu .list li a{ display:block; width:90px; margin:0 auto; height:50px; line-height:50px; font-size:14px; font-weight:bold; color:#FFF}
#menu .list li a:hover{ background:url(../images/menuac.jpg) left top no-repeat}

#menu .list .item {
  /*display: block;
  height: 40px;
  margin: 0 30px;
  float: left;
  position: relative;
  right: 50%;
  padding: 0 5px;*/
  display: inline-block;
  height: 44px;
  margin: 0 40px;
  float:left;
}

#menu .list .item .title {
  display: block;
  float:left;
  height: 44px;
  font: bold 18px/38px 'Microsoft YaHei';
  text-decoration: none;
  color: #59564f;
}

#menu .list .item .title .highlight {
  color: #BD0000;
}

#menu .list .item ul {
  position: absolute;
  bottom: 45px;
  z-index: 100;
  display: none;
}

#menu.hover .list .item ul {
  display: block;
}

#menu .list .item ul li {
  text-align: left;
  color: #59564f;
  font: normal 14px/22px 'Microsoft YaHei';
}

#menu .list .item ul li .highlight {
  color: #d0ab46;
  font-weight: bold;
}

#menu .list .item ul li a {
  color: #59564f;
  font: normal 14px/22px 'Microsoft YaHei';
  text-decoration: none;
}

#menu .list .item ul li.home a {
  display: block;
  margin: 0 0 5px 5px;
}

#menu .list .item ul li.contact {
  line-height: 16px;
}

#demo{ width:1000px; height:200px; overflow:hidden; margin:0 auto; position:relative}

#under-construction {
  height: 346px;
}

#under-construction h3{ margin:0 auto; text-align:left; padding-top:28px;}

#under-construction .left {
  float: left;
  width: 1000px;
  margin: 16px 0 0;
}

#under-construction .left .item{ width:249px; float:left}
#under-construction .left .item .img{ margin:0 auto; text-align:center; width:249px; background:url(../images/border.jpg) left 38px no-repeat }
#under-construction .left #first .img{ background:none}
#under-construction .left .item .img img{ margin:0 auto}
#under-construction .left .item .tit{ margin:0 auto; text-align:center; padding-top:35px; line-height:16px; text-align:center}
#under-construction .left .item .con{ margin:0 auto; line-height:30px; text-align:center; color:#666666}
#under-construction .left .item .bot{ margin:30px auto 0px auto; width:197px; height:27px; background:url(../images/bg01.jpg) center top no-repeat}
#under-construction .left .item .bot dt{ float:left; line-height:27px; text-align:center; color:#FFFFFF; width:97px; font-size:12px}
#under-construction .left .item .bot dd{ float:right; line-height:27px; text-align:center; color:#000000; width:97px; font-size:12px}
#under-construction .left .item .bot dd a{ color:#FFFFFF}


#under-construction .left table {
  width: 100%;
  font: normal 12px 'Microsoft YaHei';
}

#under-construction .left table th {
  height: 31px;
  line-height: 31px;
  background: #BD0000;
  color: #FFFFFF;
  font-size:14px;
  font-weight:bold;
  border-bottom: 1px solid #dcdcdc;
}

#under-construction .left table td {
  height: 33px;
  line-height: 33px;
  background: #FFFFFF;
  color: #484742;
  text-align: center;
  border-bottom: 1px solid #dcdcdc;
}

#under-construction .left table td a {
  color: #be0004;
  text-decoration: none;
}

#under-construction .right {
  float: right;
  width: 290px;
  margin: 64px 0 0;
  border-left: 1px dotted #4b4a45;
  padding: 10px 20px 10px 30px;
  position: relative;
}

#under-construction .right .tab li {
  display: block;
  float: left;
  width: 96px;
  height: 25px;
  color:#4d4a45;
}

#under-construction .right .tab li a {
  display: block;
  width: 96px;
  height: 25px;
  font: normal 12px/25px 'Microsoft YaHei';
  text-decoration: none;
  color: #4d4a45;
  text-align: center;
}

#under-construction .right .tab li a:hover, #under-construction .right .tab li a.active {
  background: #b19772;
  color: #fff;
}

#under-construction .right .item {
  display: none;
}

#under-construction .right .item li a {
  display: block;
  height: 30px;
  font: normal 12px/30px 'Microsoft YaHei';
  text-decoration: none;
  color: #4d4a45;
}

#under-construction .right .button {
  display: block;
  width: 290px;
  height: 56px;
  background: #8b582b;
  color: #fff;
  font: bold 26px/56px 'Microsoft YaHei';
  text-decoration: none;
  text-align: center;
}


#tpgg{width:100%; margin:0 auto; position:relative; height:352px;}
#tpgg .con{ height:324px; width:1600px; position:absolute; left:50%; margin-left:-800px; text-align:center; top:28px; z-index:100}
#tpgg .con img{ margin:0 auto}

#works {
  height: 605px;
  background:  url(../images/works.jpg) 8px 28px no-repeat;
  position: relative;
  padding: 0 0 0;
}

#works .tag {
  position: absolute;
  top: 24px;
  left: 288px;
  font-weight:bold
}

#works .tag li {
  display: block;
  float: left;
  height: 23px;
  margin: 0 0 0px 10px;
}



#works .tag li a {
  display: block;
  height: 23px;
  font: normal 14px/25px 'Microsoft YaHei';
  color: #444;
  text-decoration: none;
  padding: 0 5px;
}

#works .tag li a:hover {
  color:#BC0D1E;
}


#works .tag li a strong{ font-size:16px; font-weight:bold}



#works a.button {
  display: block;
  width: 126px;
  height: 44px;
  position: absolute;
  top: 35px;
  right: 20px;
}

#works .list {
  padding:98px 3px 0px 0px;
}

#works .list ul li {
  display: block;
  width: 315px;
  height: 220px;
  float: left;
  position: relative;
  border: 5px solid #dcdcdc;
  margin: 6px 3px 0;
}

#works .list ul li a {
  display: block;
  width: 315px;
  height: 220px;
  position: relative;
}

#works .list ul li a .title-mask {
  width: 100%;
  height: 35px;
  background: #000;
  opacity: 0.5;
  position: absolute;
  bottom: 0;
}

#works .list ul li a .title span{ float:right}

#works .list ul li a .title{
  height: 35px; width:300px;
  position: absolute;
  bottom: 0;
  color: #f8b62b;
  font: normal 12px/35px 'Microsoft YaHei';
  padding: 0 0 0 10px;
}

#works .list ul li a .mask {
  width: 100%;
  height: 220px;
  background: #000;
  opacity: 0.5;
  position: absolute;
  bottom: 0;
  display: none;
}

#works .list ul li a .detail {
  width: 80px;
  height: 85px;
  position: absolute;
  bottom: 0;
  left: 117.5px;
  top: 46px;
  display: none;
}

#works .list ul li a .info {
  width: 100%;
  height: 72px;
  position: absolute;
  bottom: 10px;
  text-align: center;
  color: #c3c3c3;
  font: normal 12px/24px 'Microsoft YaHei';
  display: none;
}

#works .list ul li a .info strong {
  color: #f8b62b;
}

#works .list ul li a:hover .title-mask {

}

#works .list ul li a:hover .title {

}

#works .list ul li a:hover .mask {
  display: none;
}

#works .list ul li a:hover .detail {
  display: none;
}

#works .list ul li a:hover .info {
  display: none;
}




#works1 {
  height: 605px;
  background:  url(../images/works1.jpg) 8px 28px no-repeat;
  position: relative;
  padding: 0 0 0;
}

#works1 .tag {
  position: absolute;
  top: 28px;
  left: 288px;
  font-weight:bold
}

#works1 .tag li {
  display: block;
  float: left;
  height: 44px;
  margin: 0 0 0px 10px;
}



#works1 .tag li a {
  display: block;
  height: 44px;
  font: normal 14px/44px 'Microsoft YaHei';
  color: #444;
  text-decoration: none;
  padding: 0 5px;
}

#works1 .tag li a:hover {
  color:#BC0D1E;
}


#works1 .tag li a strong{ font-size:16px; font-weight:bold}



#works1 a.button {
  display: block;
  width: 126px;
  height: 44px;
  position: absolute;
  top: 35px;
  right: 20px;
}

#works1 .list {
  padding:98px 3px 0px 0px;
}

#works1 .list ul li {
  display: block;
  width: 315px;
  height: 220px;
  float: left;
  position: relative;
  border: 5px solid #dcdcdc;
  margin: 6px 3px 0;
}

#works1 .list ul li a {
  display: block;
  width: 315px;
  height: 220px;
  position: relative;
}

#works1 .list ul li a .title-mask {
  width: 100%;
  height: 35px;
  background: #000;
  opacity: 0.5;
  position: absolute;
  bottom: 0;
}

#works1 .list ul li a .title span{ float:right}

#works1 .list ul li a .title{
  height: 35px; width:300px;
  position: absolute;
  bottom: 0;
  color: #f8b62b;
  font: normal 12px/35px 'Microsoft YaHei';
  padding: 0 0 0 10px;
}

#works1 .list ul li a .mask {
  width: 100%;
  height: 220px;
  background: #000;
  opacity: 0.5;
  position: absolute;
  bottom: 0;
  display: none;
}

#works1 .list ul li a .detail {
  width: 80px;
  height: 85px;
  position: absolute;
  bottom: 0;
  left: 117.5px;
  top: 46px;
  display: none;
}

#works1 .list ul li a .info {
  width: 100%;
  height: 72px;
  position: absolute;
  bottom: 10px;
  text-align: center;
  color: #c3c3c3;
  font: normal 12px/24px 'Microsoft YaHei';
  display: none;
}

#works1 .list ul li a .info strong {
  color: #f8b62b;
}

#works1 .list ul li a:hover .title-mask {

}

#works1 .list ul li a:hover .title {

}

#works1 .list ul li a:hover .mask {
  display: none;
}

#works1 .list ul li a:hover .detail {
  display: none;
}

#works1 .list ul li a:hover .info {
  display: none;
}





#designer {
  background: url(../images/designer.jpg) 8px 28px no-repeat;
  padding: 0px 0 0; height:480px;
  position: relative;
}

#designer .liulan{ margin:0 auto; padding-top:90px}
#designer .liulan .turnleft{ float:left; width:33px; text-align:center; padding-top:78px}
#designer .liulan .turnright{ float:right; padding-top:78px; padding-right:7px}
#designer .liulan .liulanCon{ float:left; width:934px;OVERFLOW: hidden; height:320px}
#designer .liulan #propro{OVERFLOW: hidden; width:934px; height:320px; margin:0px auto 0px auto}
#designer .liulan #inpro{float: left;width: 5000%;}
#designer .liulan #propro1{float: left;}
#designer .liulan #propro2{float: left;}

#designer a.button {
  display: block;
  width: 144px;
  height: 80px;
}


#designer ul.list li {
  display: block;
  width: 144px;
  height: 266px;
  margin: 10px 0px 0 0;
  border: 5px solid #e6e6e6;
  float: left;
}

#designer ul.list li.last {
  margin-right: 0;
}

#designer ul.list li a {
  display: block;
  width: 144px;
  height: 266px;
  position: relative;
  background:#000000
}

#designer ul.list li a .title{
  height: 35px; width:144px;
  position: absolute;
  bottom: 0;
  display:none;
  color: #f8b62b;
  font: normal 12px/35px 'Microsoft YaHei';
  padding: 0 0 0 10px;
}

#designer ul.list li a .title-mask {
  width: 100%;
  height: 35px;
  /*background: #000;
  opacity: 0.5;*/
  position: absolute;
  bottom: 0;
  display:none
}

#designer ul.list li a .mask {
  width: 144px;
  height: 266px;
  background: #000;
  opacity: 0.5;
  position: absolute;
  bottom: 0;
  display: none;
}

#designer ul.list li a .info {
  width: 144px;
  height: 64px;
  position: absolute;
  top:270px;
  line-height:16px;
  text-align: center;
  color: #333;
  font: normal 'Microsoft YaHei'; font-size:12px;
}
#designer ul.list li a .info b{ font-weight:bold; font-size:14px}


#designer ul.list li a:hover .mask {
  display: none;
}

#designer ul.list li a:hover .info {

}

#designer .elite {
  margin: 20px 0 10px;
}

#craft {
  background: url(../images/craft.jpg) 8px 28px no-repeat;
  padding: 0px 0 0; height:530px;
  position: relative;
}

#craft .liulan{ margin:0 auto; padding-top:90px}
#craft .liulan .turnleft{ float:left; width:33px; text-align:center; padding-top:78px}
#craft .liulan .turnright{ float:right; padding-top:78px; padding-right:7px}
#craft .liulan .liulanCon{ float:left; width:934px;OVERFLOW: hidden; height:210px}
#craft .liulan #jpgcjpgc{OVERFLOW: hidden; width:934px; height:210px; margin:0px auto 0px auto}
#craft .liulan #injpgc{float: left;width: 5000%;}
#craft .liulan #jpgcjpgc1{float: left;}
#craft .liulan #jpgcjpgc2{float: left;}

#craft a.button {
  display: block;
  width: 126px;
  height: 44px;
  position: absolute;
  top: 35px;
  right: 20px;
}

#craft ul.list li {
  display: block;
  width: 178px;
  height: 178px;
  margin: 10px 12px 0 0;
  border: 5px solid #e6e6e6;
  float: left;
}

#craft ul.list li.last {
  margin-right: 0;
}

#craft ul.list li a {
  display: block;
  width: 178px;
  height: 178px;
  position: relative;
}

#craft ul.list li a .mask {
  width: 178px;
  height: 178px;
  background: #000;
  opacity: 0.5;
  position: absolute;
  bottom: 0;
  display: none;
}

#craft ul.list li a .info {
  width: 84px;
  height: 64px;
  background: url(../images/designer-info-background.png) no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 20px 0 0;
  margin: -42px 0 0 -42px;
  display: none;
  text-align: center;
  color: #fff;
  font: normal 12px/22px 'Microsoft YaHei';
}

#craft ul.list li a:hover .mask {
  display: none;
}

#craft ul.list li a:hover .info {
  display: none;
}

#craft .elite {
  margin: 20px 0 10px;
}




#cailiao {
  background: url(../images/cailiao.jpg) 8px 28px no-repeat;
  padding: 0px 0 0; height:530px;
  position: relative;
}

#cailiao .liulan{ margin:0 auto; padding-top:90px}
#cailiao .liulan .turnleft{ float:left; width:33px; text-align:center; padding-top:78px}
#cailiao .liulan .turnright{ float:right; padding-top:78px; padding-right:7px}
#cailiao .liulan .liulanCon{ float:left; width:934px;OVERFLOW: hidden; height:210px}
#cailiao .liulan #jpgcjpgc{OVERFLOW: hidden; width:934px; height:210px; margin:0px auto 0px auto}
#cailiao .liulan #injpgc{float: left;width: 5000%;}
#cailiao .liulan #jpgcjpgc1{float: left;}
#cailiao .liulan #jpgcjpgc2{float: left;}

#cailiao a.button {
  display: block;
  width: 126px;
  height: 44px;
  position: absolute;
  top: 35px;
  right: 20px;
}

#cailiao ul.list li {
  display: block;
  width: 178px;
  height: 178px;
  margin: 10px 12px 0 0;
  border: 5px solid #e6e6e6;
  float: left;
}

#cailiao ul.list li.last {
  margin-right: 0;
}

#cailiao ul.list li a {
  display: block;
  width: 178px;
  height: 178px;
  position: relative;
}

#cailiao ul.list li a .mask {
  width: 178px;
  height: 178px;
  background: #000;
  opacity: 0.5;
  position: absolute;
  bottom: 0;
  display: none;
}

#cailiao ul.list li a .info {
  width: 84px;
  height: 64px;
  background: url(../images/designer-info-background.png) no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 20px 0 0;
  margin: -42px 0 0 -42px;
  display: none;
  text-align: center;
  color: #fff;
  font: normal 12px/22px 'Microsoft YaHei';
}

#cailiao ul.list li a:hover .mask {
  display: none;
}

#cailiao ul.list li a:hover .info {
  display: none;
}

#cailiao .elite {
  margin: 20px 0 10px;
}


#partner {
  background:url(../images/partner.jpg) left 27px no-repeat;
  padding: 90px 0 0;
  position: relative;
}

#partner a.button {
  display: block;
  width: 135px;
  height: 85px;
  position: absolute;
  top: 30px;
  right: 20px;
}

#partner ul {
  padding: 0 0px;
}

#partner ul li {
  display: block;
  float: left;
  width: 137px;
  height: 87px;
  margin-right:5px; margin-bottom:5px
}

#partner ul li a {
  display: block;
  width: 135px;
  height: 85px;
  border:1px solid #937191;
  position: relative;
  color: #fff;
  text-align: center;
  text-decoration: none;
}

#partner ul li a .mask {
  display: none;
  width: 135px;
  height: 85px;
  background: #0cf;
  opacity: 0.8;
  position: absolute;
  top: 0;
}

#partner ul li a .detail {
  display: none;
  width: 100%;
  text-align: center;
  font: bold 12px/82px 'Microsoft YaHei';
  position: absolute;
  top: 0;
}

#partner ul li a:hover .mask {
  display: none;
}

#partner ul li a:hover .detail {
  display: none;
}


.banner{ margin:0px auto 0px auto; background:#FFFFFF; padding-top:15px; padding-bottom:15px}
.banner .banner_con{ width:1000px; margin:0 auto}

.khkb{ float:left; width:330px; margin-right:35px}
.khkb h3{ border-bottom:1px solid #aaaaaa; height:35px}
.khkb h3 dt{ float:left; font-size:16px; line-height:35px}
.khkb h3 dd{ float:right; line-height:35px; font-size:12px}
.khkb .pcon{ margin:0 auto; padding-top:10px}

#ggcolee{ height:360px; width:330px; overflow:hidden; position:relative}

.khkb .pcon .item{ margin:0 auto 10px auto}
.khkb .pcon .item .img{ float:left; width:145px}
.khkb .pcon .item .con{ float:right; width:170px}
.khkb .pcon .item .con .tit{ font-size:14px; line-height:30px; border-bottom:1px solid #d1d1d1}
.khkb .pcon .item .con .des{ margin:0 auto; padding-top:5px; line-height:20px; text-align:left; font-size:12px}

.zxgl{ float:left; width:310px;}
.zxgl h3{ border-bottom:1px solid #aaaaaa; height:35px}
.zxgl h3 dt{ float:left; font-size:16px; line-height:35px}
.zxgl h3 dd{ float:right; line-height:35px; font-size:12px}
.zxgl .pcon{ margin:0 auto; padding-top:10px}
.zxgl .pcon dd{ float:left; width:300px; line-height:24px; font-size:12px}
.zxgl .pcon dd span{ float:right; font-size:12px}
.zxgl .pimg{ width:310px; margin:0 auto; padding-top:10px}

.nzzx{ float:right; width:300px}
.nzzx h3{ border-bottom:1px solid #aaaaaa; height:35px}
.nzzx h3 dt{ float:left; font-size:16px; line-height:35px}
.nzzx h3 dd{ float:right; line-height:35px; font-size:12px}
.nzzx .pcon{ margin:0 auto; padding-top:10px}
.nzzx .pcon dd{ float:left; width:300px; line-height:24px; font-size:12px}
.nzzx .pcon dd span{ float:right; font-size:12px}
.nzzx .pimg{ width:310px; margin:0 auto; padding-top:10px}


#links{ margin:30px auto 0px auto; width:1000px; text-align:left; line-height:24px; font-size:14px}



#footer { 
  margin:30px auto 0px auto;
  background:#F2F2F2;
}

#footer .pcon{ background:url(../images/copyright.jpg) center top no-repeat; min-height:175px; height:auto !important; height:175px; overflow:visible}
#footer .pcon .copyright{font: normal 12px/22px 'Microsoft YaHei'; text-align:center; padding-top:40px; padding-bottom:30px}


.slide{position:relative;width:1000px;height:520px;overflow:hidden;z-index:1;margin:1px auto 0px auto;background:#FFF url(../images/ibg2.gif) repeat-x 0 520px;}
.slide ul{position:absolute;top:0;left:0;width:1000px;height:520px;overflow:hidden;z-index:2;}
.slide ul li{position:absolute;top:0;left:0;width:1000px;height:520px;overflow:hidden;background-position:center 0;display:none;}
.slide #btnPrev{position:absolute;top:164px;left:0;display:block;width:22px;height:69px;overflow:hidden;background:url(../images/islide_btn.png) no-repeat 0 0;
	_background:url(../images/islide_btn.gif) no-repeat 0 0;z-index:3;cursor:pointer; display:none}
.slide #btnNext{position:absolute;top:164px;right:0;display:block;width:22px;height:69px;overflow:hidden;background:url(../images/islide_btn.png) no-repeat -22px 0;_background:url(../images/islide_btn.gif) no-repeat -22px 0;z-index:3;cursor:pointer; display:none}
.slide #slideNum{position:absolute;bottom:20px;z-index:5; right:50px}
.slide #slideNum a{	float:left;	width:60px;	height:6px;	overflow:hidden;margin-left:4px;display:inline;background:#FFF;}
.slide #slideNum a:hover,.slide #slideNum a.active{background:#F00;}