.banner {
  width: 100%;
  height: 400px;
  background: url("../../images/product/product_banner.png") no-repeat center top;
}

.product {
  width: 1200px;
  margin: 40px auto;
}

.product .breadcrumb {
  /*margin-top: 100px;*/
  margin-bottom: 20px;
}

.product .intro {
  height: 500px;
  width: 100%;
  margin-bottom: 32px;
  float: left;
  position: relative;
  padding: 0;
  background: url(../../images/home/sfdmx-banner.png) no-repeat #b1001c;
}

.image-1 {
  height: 585px;
  width: 100%;
  margin-bottom: 32px;
  position: relative;
  padding: 0;
  display: inline-block;
  background-position: center;
  background-size: cover !important;
  background: url(../../images/home/sfdmx/sfdmx-image1.png) no-repeat;
}

.image-2 {
  height: 475px;
  width: 100%;
  margin-bottom: 32px;
  position: relative;
  padding: 0;
  display: inline-block;
  background-position: center;
  background-size: cover !important;
  background: url(../../images/home/sfdmx/sfdmx-image2.png) no-repeat;
}

.image-3 {
  height: 500px;
  width: 100%;
  margin-bottom: 32px;
  position: relative;
  padding: 0;
  display: inline-block;
  background-position: center;
  background-size: cover !important;
  background: url(../../images/home/sfdmx/sfdmx-image3.png) no-repeat;
}

.image-4 {
  height: 500px;
  width: 100%;
  margin-bottom: 32px;
  position: relative;
  padding: 0;
  display: inline-block;
  background-position: center;
  background-size: cover !important;
  background: url(../../images/home/sfdmx/sfdmx-image4.png) no-repeat;
}

.image-5 {
  height: 500px;
  width: 100%;
  margin-bottom: 32px;
  position: relative;
  padding: 0;
  display: inline-block;
  background-position: center;
  background-size: cover !important;
  background: url(../../images/home/sfdmx/sfdmx-image5.png) no-repeat;
}

.image-6 {
  height: 500px;
  width: 100%;
  margin-bottom: 32px;
  position: relative;
  padding: 0;
  display: inline-block;
  background-position: center;
  background-size: cover !important;
  background: url(../../images/home/sfdmx/sfdmx-image6.png) no-repeat;
}

.product .features {
  margin-top: 20px;
  width: 100%;
  float: left;
}

.title {
  color: #1D274E;
  font-size: 28px;
  margin: 10px auto 30px;
  width: 200px;
  text-align: center;
  overflow: hidden;
}

.product .features-panel {
  padding: 20px 0;
  margin-left: -55px;
}

.product .features-panel > div {
  width: 360px;
  height: 353px;
  float: left;
  margin-left: 55px;
  margin-bottom: 60px;
  box-shadow: 0px 0px 20px 0px rgba(201, 201, 201, 0.18);
  border-radius: 5px;

}

.product .features-panel > div:hover {
  box-shadow: 0px 0px 20px 0px rgba(201, 201, 201, 0.28);
  border-radius: 5px;
}

.product .features-panel > div.dwgz {
  background: url("../../images/product/djy/Icon.png") no-repeat center 60px;
}

.product .features-panel > div.dwgz2 {
  background: url("../../images/product/djy/Icon1.png") no-repeat center 60px;
}

.product .features-panel > div.dwgz3 {
  background: url("../../images/product/djy/Icon2.png") no-repeat center 60px;
  margin-right: 0;
}

.product .features-panel > div .title {
  font-size: 24px;
  color: #1D274E;
  text-align: center;
  margin-top: 155px;
  width: 100%;
  margin-bottom: 0;
}

.product .features-panel > div .content {
  color: #747DA1;
  font-size: 16px;
  line-height: 28px;
  width: 288px;
  margin: 15px auto 0;
  text-align: center;
}

.product .introduction {
  position: relative;
  background: url("../../images/product/djy/introduction.png") no-repeat;
  height: 607px;
  width: 100%;
  overflow: hidden;
  padding: 0px;
  margin-left: -15px;
}

.product .introduction > div {
  width: 457px;
  height: 535px;
  padding: 50px 20px 0 60px;
  font-size: 18px;
  color: #EFEFEF;
  line-height: 36px;
}

.product .introduction .title {
  color: #ffffff;
  font-size: 24px;
  margin-bottom: 20px;
  height: 30px;
  width: 100%;
  background: url(../../images/product/djy/djy_sec_title.png) no-repeat left 0px;
}

.product p.black {
  color: black;
  line-height: 30px;
  margin-top: 30px;
  font-size: 18px;
}

.architecture {
  height: 414px;
  width: 100%;
  background: url(../../images/product/djy/architecture.png) no-repeat left 0px;
  float: left;
  margin: 60px auto;
}

.promotion {
  height: 414px;
  width: 100%;
  background: url(../../images/product/djy/promotion.png) no-repeat left bottom;
  float: left;
  margin: 60px auto;
}

.promotion .title {
  color: #313131;
  font-size: 28px;
  margin-bottom: 20px;
  width: 100%;
  text-align: center;
  float: left;
}

.promotion .content {
  color: #000000;
  font-size: 24px;
  line-height: 44px;
  margin: 15px auto 0;
  text-align: left;
  float: left;
  padding: 0 20px;
}

.partywork {
  height: 414px;
  width: 100%;
  background: url(../../images/product/djy/partywork.png) no-repeat left bottom;
  float: left;
  margin: 60px auto;
}

.partywork .title {
  color: #313131;
  font-size: 28px;
  margin-bottom: 20px;
  width: 100%;
  text-align: center;
  float: left;
}

.partywork .content {
  color: #000000;
  font-size: 24px;
  line-height: 44px;
  margin: 15px auto 0;
  text-align: left;
  float: left;
  padding: 0 20px;
}

.newMode {
  height: 280px;
  width: 100%;
  float: left;
  margin: 60px auto;
}

.newMode .title {
  color: #313131;
  font-size: 28px;
  margin-bottom: 20px;
  width: 100%;
  text-align: center;
  float: left;
}

.newMode .list {
  color: #2D2D2D;
  font-size: 20px;
  line-height: 44px;
  margin: 0 auto;
  text-align: left;
  float: left;
  padding: 0;
  width: 100%;

}

.newMode .list div {
  width: 10%;
  float: left;
  height: 120px;
  text-align: center;
  line-height: 290px;

}