

.com-padding {
  padding-top: 50px;
  padding-bottom: 50px;
}
.coe-putc {
  padding-top: 50px;
  padding-bottom: 50px;
}
.com-bg {
  background-color: #fff;
}
.com-hover-ba:before,
.com-hover-ba:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: transform .3s;
  z-index: -2;
}
.com-title {
  text-align: center;
}
.com-title h2{
  margin-bottom: 25px;
  color: #1e242b;
  font-size: 32px;
}
.com-title p {
  margin-bottom: 60px;
  color: #ccc;
  font-size: 20px;
  text-transform: uppercase;
}


/*案例列表*/
.case .nav {
  position: relative;
  height: 220px;
  padding: 50px 100px 0;
  margin-bottom: 60px;
  background-color: #fff;
}
.case .nav li {
  text-align: center;
  color: #2d3540;
  font-size: 18px;
}
.case .nav li .img {
  height: 110px;
}
.case .nav li h3{
  height: 60px;
  font-size: 18px;	
  font-weight: normal;
}
.case .nav li h3:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom: 2px solid #d9110c;
  transition: all .3s;
  transform: scaleX(0);
}
.case .nav li:hover h4:after,
.case .nav li.active h4:after {
  transform: scaleX(1);
}
.case .swiper-button-prev {
  left: 30px;
  background: url(/style/images/prev_icon02.png) center no-repeat;
}
.case .swiper-button-next {
  right: 30px;
  background: url(/style/images/next_icon02.png) center no-repeat;
}
.case .main {
  padding-bottom: 100px;
}
.case .main li {
  margin-bottom: 30px;
}
.case .main li a {
  display: block;
  background-color: #fff;
}
.case .main li .img {
  height: 0;
  padding-bottom: 52%;
  position: relative;
}
.case .main li img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.case .main li .txt {
  height: 120px;
  padding-top: 40px;
  border-bottom: 2px solid #1b3f8d;
}

.case .main li .txt h4 {
  margin-bottom: 25px;
  color: #1b3f8d;
  font-size: 24px;
  height: 30px;
  overflow: hidden;
  font-weight: normal;
  text-align:center;
}
.case .main li .txt p {
  color: #555;
  font-size: 14px;
  line-height: 28px;
  padding: 0 10%;
}
.case .main li:hover .txt h4 {
  color: #000;
}
