/* header */
.header {
  height: 40px;
  background-color: #333333;
}
.header ul {
  height: 40px;
}
.header ul li {
  height: 40px;
  line-height: 40px;
  float: left;
}
.header ul li a {
  color: #b0b0b0;
  height: 40px;
  float: left;
  padding: 0 7px;
}
.header ul li span {
  color: #b0b0b0;
  float: left;
}
/* nav */

.nav .nav_left {
  margin-top: 20px;
}
.nav_left .logo {
  vertical-align: top;
  float: left;
}
.nav_left .new {
  float: left;
}
.nav_right {
  height: 100px;
  line-height: 100px;
  margin-left: 20px;
}
.nav_right ul li {
  float: left;
  height: 100px;
}
.nav_right ul li a {
  margin: 0 15px;
  font-size: 14px;
  color: #000000;
}
/* banner */
.banner_left {
  width: 235px;
  height: 460px;
  background-color: #2c505f;
}
.banner_left ul {
  width: 100%;
  height: 100%;
  padding-top: 30px;
  box-sizing: border-box;
}
.banner_left ul li {
  padding-left: 25px;
  padding-right: 20px;
}
.banner_left ul li a {
  display: block;
  height: 40px;
  line-height: 40px;
  color: #ffffff;
}
.banner_left ul li a span {
  float: right;
}
.banner_left ul li.active {
  background-color: #FF6700;
}
.banner_left ul li:hover {
  background-color: #FF6700;
}
/* info */
.info {
  margin-top: 20px;
  /* background-color: yellow; */
}
.info .first {
  width: 235px;
  height: 170px;
  background-color: #5f5750;
  text-align: center;
  padding-top: 50px;
  box-sizing: border-box;
  
}
.info .first  p {
  color: #fff;
  line-height: 30px;
}
.info .second {
  margin-left: 14px;
}
.info .third {
  margin-left: 14px;
}
/* product */
.product {
  background-color: #f5f5f5;
  margin-top: 50px;
  padding-top: 60px;
  padding-bottom: 40px;
  box-sizing: border-box;
}
.pro_top {
  height: 50px;
  line-height: 50px;
  margin-bottom: 10px;
}
.pro_top h2 {
  font-weight: normal;
}
.pro_top a {
  font-size: 16px;
  color: #000000;
}
.pro_content a {
  display: block;
}
.pro_content .right {
  width: 992px;
}
.pro_content .right ul {
  width: 100%;
}
.pro_content .right ul li {
  float: left;
  /* width: 25%; */
  width: 234px;
  text-align: center;
  background-color: #fff;
}
.pro_content .right ul li a img{
  margin: 0 auto;
  margin-bottom: 20px;
  width: 160px;
  height: 160px;

}
.pro_content .right ul li a span {
  height: 20px;
  line-height: 20px;
  display: inline-block;
  padding: 0 15px;
  background-color: #ffac13;
  color: #ffffff;
  margin-bottom: 5px;
}
.pro_content .right ul li a p {
  line-height: 20px;
}
.pro_content .right ul li a .name {
  color: #000000;
}
.pro_content .right ul li a .produce {
  color: #b0b0b0;
}
.pro_content .right ul li a .money {
  color: #ff6700;
  font-size: 14px;
}
.pro_content .right ul li:nth-last-child(-n+4) {
  margin-top: 14px;
}
.pro_content .right ul li:nth-child(4),
.pro_content .right ul li:nth-child(8) {
  float: right;
}
.pro_content .right ul li{
  margin-left: 14px;
}
/* link */
.link {
  background-color: #fff;
  padding: 40px 0;
}
.link_left dl {
  width: 160px;
  float: left;
  font-size: 12px;
  color: #333333;
}
.link_left dl dt {
  color: #000000;
  line-height: 50px;
  font-size: 14px;
}
.link_left dl dd {
  line-height: 30px;
  color: #757575;
}
/* .link_left dl:last-child {
  border-right: 1px solid #ccc;
} */
.link_right {
  margin-top: 30px;
  text-align: center;
  line-height: 24px;
  font-size: 12px;
  color: #757575;
  width: 200px;
  height: 100px;
  border-left: 1px solid #ccc;


}
.link_right p:first-child {
  color: #ffac13;
  font-size: 14px;
}
/* footer */
.footer {
  padding-top: 30px;
  background-color: #fafafa;
  font-size: 12px;
  color: #757575;
}
.footer img {
  float: left;
  margin-right: 10px;
}
.footer p.footer_nav {
  color: #000000;
}
.footer p.footer_name {
  font-size: 16px;
  font-family: '楷体';
  margin-top: 40px;
  text-align: center;
  margin-bottom: 10px;
}

.second {
  width: 235px;  /* 容器的宽度 */
  height: 170px; /* 容器的高度 */
  overflow: hidden; /* 如果图片超出容器大小，隐藏超出部分 */
  position: relative; /* 为使用伪元素做准备 */
}