﻿.banner {
  position: relative;
  left: 50%;
  width: 1920px;
  height: 482px;
  text-align: center;
  margin: 0 0 47px -960px;
}

.banner li {
  width: 100%;
  text-align: center
}

.section {
  width: 1000px;
  margin: 0 auto;
}

.about {
  float: left;
  width: 405px;
  border-top: 2px solid #e4e4e4;
  background: url(../images/index_28.jpg) center bottom no-repeat;
  height: 335px;
}

.about .title {
  height: 80px;
  background: url(../images/index_23.gif) left bottom no-repeat;
}

.about .title a {
  color: #6a6866;
  font-size: 30px;
  font-weight: bolder;
  font-family: Arial
}

.about .title span {
  color: #55100e;
  font-size: 24px;
  font-family: "微软雅黑"
}

.about .cont {
  line-height: 30px;
  padding: 15px 27px 0 0;
  height: 120px;
  overflow: hidden
}

.about .cont a {
  float: right;
  margin-right: -27px;
}

.product {
  float: right;
  width: 560px;
}

.product .title {
  background: url(../images/index_20.png) no-repeat;
  width: 56px;
  height: 340px;
  position: relative;
  float: left;
}

.product .title a {
  display: block;
  width: 56px;
  height: 23px;
  position: absolute;
  left: 0;
  bottom: 3px;
}

.product .list_pro {
  float: right;
  width: 506px;
  margin-right: -11px;
  height: 338px;
  overflow: hidden
}

.product li .photo,
.case li .photo {
  width: 241px;
  height: 163px;
  display: block
}

.product li .info,
.case li .info {
  width: 241px;
  height: 163px;
  background: url(../images/index_47.png) repeat;
  margin-top: -163px;
  position: relative;
  z-index: 10000;
  display: none
}

.product li .info a,
.case li .info a {
  display: block;
  width: 163px;
  height: 119px;
  background: url(../images/index_31.png) 196px 90px no-repeat;
  line-height: 24px;
  padding: 44px 50px 0 28px;
  color: #fff
}

.product li .info span,
.case li .info span,
.ny_pro li .info span {
  height: 42px;
  line-height: 42px;
  font-size: 20px;
  font-weight: normal
}

.product li,
.case li {
  float: left;
  width: 241px;
  height: 163px;
  margin: 0 12px 12px 0;
}

.product li:hover .info,
.case li:hover .info {
  display: block
}

.rsp {
  background: url(../images/index_36.jpg) no-repeat;
  width: 1000px;
  height: 152px;
  overflow: hidden;
  margin: 32px auto 20px;
}

.wp_section {
  width: 100%;
  height: 418px;
  background: #f3f3f3;
  overflow: hidden;
  margin-bottom: 30px
}

.section1 {
  width: 1000px;
  margin: 0 auto;
  padding-top: 27px;
}

#ifocus {
  float: left;
  width: 382px;
  height: 360px;
  background: #dadada;
  position: relative
}

#ifocus .title {
  width: 142px;
  height: 78px;
  background: rgba(85, 16, 14, 0.96);
  text-align: center;
  padding-top: 36px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10000000
}

#ifocus #ifocus_pic {
  width: 382px;
  height: 260px;
}

#ifocus_tx {
  width: 220px;
  padding: 11px 0 0 154px;
  line-height: 24px;
}

#ifocus_tx a {
  height: 32px;
  line-height: 32px;
  color: #211e19;
  font-size: 14px;
  font-weight: bold;
  display: block
}

#ifocus_btn {
  position: absolute;
  width: 100%;
  bottom: 109px;
  z-index: 1000000
}

#ifocus_btn ul {
  width: 100%;
  text-align: right;
  zomm: 1;
}

#ifocus_btn ul li {
  display: inline-block;
  *display: inline;
  width: 10px;
  height: 10px;
  margin: 0 2px;
  background: #fff
}

#ifocus_btn ul li.on {
  background: #c7a59c
}

.news_right {
  float: right;
  width: 573px;
  background: url(../images/index_40.gif) 19px 24px no-repeat
}

.news_right li {
  height: 97px;
  line-height: 24px;
  padding: 21px 0 0 118px;
  margin-bottom: 10px;
  border: 1px solid #f3f3f3
}

.news_right li p {
  height: 75px;
  border-left: 1px solid #b8b8b8;
  padding: 0 22px 0 30px
}

.news_right li a {
  display: block;
  height: 32px;
  line-height: 32px;
}

.news_right li a span {
  float: right;
  color: #afafaf
}

.news_right li:hover {
  border: 1px solid #211e19
}

.case {
  width: 1000px;
  margin: auto;
  overflow: hidden
}

.case .title {
  height: 43px;
  line-height: 43px;
  background: #1f1c17;
}

.case .title a {
  float: right;
  margin-right: 10px;
  color: #fff
}

.case .title h3 {
  border-left: 10px solid #5b1917;
  padding-left: 12px;
  color: #fff;
  font-size: 18px;
  height: 43px;
}

.case .title h3 span {
  color: #bfbfbe;
  font-size: 12px;
}

.case .cont {
  padding-top: 18px;
}

.case li .name {
  height: 52px;
  line-height: 52px;
  text-align: center;
}

.case li {
  height: 215px;
  margin: 0 5px;
}

.case ul {
  float: left;
  margin: 0 -2px;
}

.ny_pro li .photo {
  display: block;
  width: 231px;
  height: 157px;
}

.ny_pro li .info {
  width: 231px;
  height: 157px;
  margin-top: -157px;
  background: url(../images/index_47.png) repeat;
  position: relative;
  z-index: 10000;
  display: none
}

.ny_pro li .info a {
  display: block;
  width: 163px;
  height: 110px;
  background: url(../images/index_31.png) 190px 85px no-repeat;
  padding: 47px 42px 0 26px;
  line-height: 24px;
  color: #fff
}

.ny_pro li .name {
  height: 46px;
  line-height: 46px;
  text-align: center
}

.ny_pro li {
  float: left;
  width: 231px;
  height: 203px;
  margin: 0 15px 10px
}

.ny_pro ul {
  float: left;
  margin: 0 -13px;
}

.ny_pro li:hover .info {
  display: block
}

.ny_news li .nub {
  float: left;
  width: 118px;
  height: 118px;
  text-align: center;
  line-height: 118px;
  font-family: Arial;
  position: relative;
}

.ny_news li .nub .border {
  width: 70px;
  height: 80px;
  border: 4px solid #5e0c12;
  box-sizing: border-box;
  position: absolute;
  top: 20px;
  left: 20px;
}

.ny_news li .nub .num {
  position: absolute;
  font-weight: bold;
  height: 60px;
  line-height: 60px;
  font-size: 54px;
  top: 30px;
  left: 46px;
  background-color: #f3f3f3;
}

.ny_news li .info {
  float: left;
  border-left: 1px solid #939393;
  height: 84px;
  margin-top: 16px;
  line-height: 24px;
  padding: 4px 14px 0 36px;
  width: 562px
}

.ny_news li .info a {
  display: block;
  height: 30px;
  line-height: 30px;
  font-size: 14px
}

.nu_news li .info a span {
  float: right;
  color: #afafaf
}

.ny_news li {
  height: 118px;
  margin-bottom: 10px;
  border: 1px solid #f3f3f3;
}

.ny_news li:hover {
  border-color: #211e19;
}



#content {
  width: 1000px;
  margin: 0 auto
}