.container {
  min-height: calc(100vh - 208px);
  min-width: 1280px;
  /*  */
  /*  */
}
.container .topBanner {
  height: 420px;
  background: url(../img/productBg1.png) no-repeat top center #E9834C;
  background-size: cover;
  padding-top: 192px;
  color: #fff;
  text-align: center;
  line-height: 1;
}
.container .topBanner h4 {
  font-size: 48px;
  font-weight: 400;
  margin-bottom: 22px;
}
.container .topBanner p {
  font-size: 18px;
  font-weight: 400;
}
.container .mainCont .layui-tab {
  margin: 0;
}
.container .mainCont .layui-tab .layui-tab-title {
  height: 64px;
  border: 0;
  text-align: center;
  position: sticky;
  top: 0;
  z-index: 10;
  background: #fff;
  border-bottom: 1px solid #E5E5E5;
}
.container .mainCont .layui-tab .layui-tab-title li {
  line-height: 63px;
  font-size: 16px;
  color: #333333;
  padding: 0 16px;
}
.container .mainCont .layui-tab .layui-tab-title li + li {
  margin-left: 46px;
}
.container .mainCont .layui-tab .layui-tab-title .layui-this {
  color: #E2231A;
}
.container .mainCont .layui-tab .layui-tab-title .layui-this a {
  color: #E2231A;
}
.container .mainCont .layui-tab .layui-tab-title .layui-this:after {
  height: 65px;
  border-bottom: 2px solid #E2231A;
}
.container .mainCont .layui-tab .layui-tab-content {
  padding: 48px 0 44px;
}
.container .mainCont .productBox {
  display: flex;
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
}
.container .mainCont .productBox h1 {
  position: absolute;
  top: -90px;
}
.container .mainCont .productBox .major {
  width: 80px;
  font-size: 16px;
  font-weight: bold;
  color: #FFFFFF;
  padding: 0 32px;
  display: flex;
  align-items: center;
  line-height: 1.05;
  margin-bottom: 4px;
}
.container .mainCont .productBox .list {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  line-height: 50px;
}
.container .mainCont .productBox .list .type {
  width: 180px;
  height: 50px;
  background: #EBEBEB;
  font-weight: bold;
  text-align: center;
  margin-left: 4px;
  margin-bottom: 4px;
}
.container .mainCont .productBox .list ul {
  width: 415px;
  height: 50px;
  display: flex;
  background: #F5F5F5;
  margin-left: 1px;
  margin-bottom: 4px;
  padding-left: 20px;
}
.container .mainCont .productBox .list ul li {
  position: relative;
  padding-left: 13px;
}
.container .mainCont .productBox .list ul li::before {
  content: '';
  width: 5px;
  height: 5px;
  background: #D32430;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: calc(50% - 2.5px);
}
.container .mainCont .productBox .list ul li + li {
  margin-left: 45px;
}
.container .mainCont .productBox .list ul + ul.merge {
  width: 100%;
  margin-left: 4px;
}
.container .mainCont .productBox .list .merge {
  width: 1015px;
}
.container .mainCont .productBox .list.lineH {
  line-height: 73px;
}
.container .mainCont .productBox .list.lineH .type {
  height: 73px;
}
.container .mainCont .productBox .list.lineH ul {
  height: 73px;
}
.container .mainCont .productBox:nth-of-type(1) .major {
  background: #E84853;
}
.container .mainCont .productBox:nth-of-type(2) .major {
  background: #F5AA2F;
}
.container .mainCont .productBox:nth-of-type(3) .major {
  background: #90BF40;
}
.container .mainCont .productBox:nth-of-type(4) .major {
  background: #3EB4AB;
}
.container .mainCont .productBox:nth-of-type(5) .major {
  background: #29AADB;
}
.container .mainCont .productBox:nth-of-type(6) .major {
  background: #618ABD;
}
.container .mainCont .productBox ~ .productBox {
  margin-top: 28px;
}
@media screen and (max-width: 1280px) {
  .container .mainCont .layui-tab .layui-tab-content {
    padding: 48px 20px 44px;
  }
  .container .mainCont .productBox .list .type {
    width: 170px;
  }
  .container .mainCont .productBox .list ul {
    width: 405px;
  }
  .container .mainCont .productBox .list .merge {
    width: 985px;
  }
}