@charset "utf-8";
.header .header-swipe .header-banner {
  background-image: url('../img/project/project-normal-banner.png');
}
.main {
  width: 100%;
  position: relative;
}
.main .main-page {
  display: none;
  min-width: 1200px;
}
.main .show {
  display: block;
}
.main .main-con {
  background-color: #fff;
  position: relative;
  z-index: 3;
}
.main .main-con .main-project {
  background-color: #fff;
}
.main .main-con .main-project .main-project-box {
  text-align: center;
  padding-top: 60px;
  padding-bottom: 85px;
}
.main-project-tab .main-project-title {
  display: inline-block;
  cursor: pointer;
}
.main-project-tab .main-project-title:hover {
  opacity: 0.7;
}
.main .main-con .main-project .main-project-box .main-project-title p {
  padding: 0 100px;
  font-size: 34px;
  color: #616265;
  letter-spacing: 4px;
}
.main .main-con .main-project .main-project-box .main-project-title.active p,
.main .main-con .main-project .main-project-box .main-project-title:hover p {
  color: #282b33;
  font-weight: bold;
}
.main .main-con .main-project .main-project-box .main-project-title span {
  display: none;
  height: 3px;
  width: 60px;
  background-color: #10295f;
  margin: 0 auto;
  margin-top: 10px;
}
.main .main-con .main-project .main-project-box .main-project-title.active span,
.main .main-con .main-project .main-project-box .main-project-title:hover span {
  display: block;
}
.main .main-con .main-intro .main-intro-con {
  width: 100%;
  height: 1414px;
  background-color: #fff;
  background: url('../img/project/etkq-case.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.main .main-con .main-intro .main-intro-con img {
  width: 100%;
}
.main .main-con .main-intro .main-intro-con1 {
  width: 100%;
  height: 492px;
  background: url('../img/project/etkq-case1.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #fefbf1;
  margin-top: 130px;
}
.main .main-con .main-intro .main-intro-con2 {
  width: 100%;
  height: 933px;
  background: url('../img/project/etkq-case2.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1288px auto;
  background-color: #ffffff;
  margin: 0 0 50px 0;
}
.main .main-con .main-intro .main-intro-con3 {
  width: 100%;
  height: 539px;
  background: url('../img/project/etkq-case3.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.main .main-con .main-intro .main-intro-con4 {
  width: 100%;
  height: 700px;
  background: url('../img/project/etkq-case4.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1175px auto;
  background-color: #ffffff;
}
.main .main-con .main-intro .main-intro-con5 {
  width: 100%;
  height: 494px;
  background: url('../img/project/etkq-case5.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.main .main-con .main-intro .main-intro-con6 {
  width: 100%;
  height: 816px;
  background: url('../img/project/etkq-case6.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1200px auto;
  background-color: #ffffff;
}
.main:before {
  width: 100%;
  height: 454px;
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  transform: skewY(2deg);
  background-color: #fff;
  z-index: 2;
}
.main:after {
  width: 100%;
  height: 454px;
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  transform: skewY(-2deg);
  background-color: #fff;
  z-index: 2;
}
@media screen and (max-width: 1200px) and (min-width: 1024px) {
  .container {
    width: 1024px;
    margin: 0 auto;
    position: relative;
  }
}
@media screen and (max-width: 1024px) {
  .container {
    width: 960px;
    margin: 0 auto;
    position: relative;
  }
}
@media screen and (min-width: 1200px) {
  .container {
    width: 1200px;
    margin: 0 auto;
    position: relative;
  }
}