.column{
  padding: 80px 0;
}
.column1{
  padding-bottom: 0;
}
.column1 .inner{
  display: flex;
  justify-content: center;
  align-items: center;
}
.column1 .inner .column-slogan{
  margin-right: 26px;
}
.column1 .inner .column-slogan h2{
  margin-bottom: 20px;
}

.column2{
  color: #fff;
  padding: 0;
}
.column2 ul.tab{
  display: flex;
  justify-content: center;
}
.column2 ul.tab > li{
  margin: 0 20px;
  padding: 5px 15px;
  cursor: pointer;
}
.column2 ul.tab > li h2{
  font-size: 18px;
  font-weight: 500;
  color: #6D7278;
  text-transform: none;
}
.column2 ul.tab > li.active h2,
.column2 ul.tab > li:hover h2{
  color: #000000;
  border-bottom: 2px #f7b500 solid;
}
.column2 .content{
  display: none;
  justify-content: center;
  align-items: center;
}
.column2 .content >.top{
 position: relative;
  overflow: hidden;
}
.column2 .content >.top>img{
  width: 100%;
  object-fit: cover;
  height: auto;
  float: left;
}

.column2 .content >.top>.column-slogan{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url("/v4/images/chip/column2.png") no-repeat;
  background-size: cover;
}
.column2 .content >.top>.column-slogan>div{
  flex:1;
 margin-left: 20%;
  padding-right: 91px;
}
.column2 .content >.top>.column-slogan>div>img{
  margin-bottom: 38px;
}
.column2 .content >.top>.column-slogan>div>p{
  margin-bottom: 20px;
}
.column2 .content.active{
  display: block;
}
.column2 .content>.inner{
  margin: 80px auto;
  width: 1200px;
  margin-bottom: 60px;
}
.column2 .content>.inner ul{
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
}
.column2 .content>.inner ul>li{
  display: inline-block;
  width: 392px;
  height: 184px;
  background: rgba(216, 216, 216, 0.18);
  border-radius: 14px;
  margin-right: 10px;
  padding: 30px;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}
.column2 .content>.inner ul>li>a{
  display: none;
  width: 50px;
  height: 50px;
  position: absolute;
  right: 0;
  bottom: 0;
  background: url("/v4/images/chip/download.png") no-repeat;
  background-size: cover;
}
.column2 .content>.inner ul>li>h3{
  margin-bottom: 10px;
}
.column2 .content>.inner ul>li>p:first-child{
  font-size: 14px;
  line-height: 26px;
}
.column2 .content>.inner ul>li>p{
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp:2;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  text-align: left;
}
.column2 .content>.inner ul>li:nth-child(3n){
  margin-right: 0;
}



.column3{
  background: url("/v4/images/chip/column3.jpg") no-repeat;
  background-size: cover;
  padding: 120px 0;
}
.column3 .inner{
  display: flex;
  justify-content: center;
  align-items: center;
}
.column3 .inner h2{
  margin-right: 70px;
  white-space: nowrap;
}
.column3 .inner ul{
  display: flex;
  flex-wrap: wrap;
}
.column3 .inner  ul>li{
  background: #fff;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 22px;
  margin-bottom: 20px;
}
.column3 .inner  ul{
  transform: translateX(90px);
  width: 650px;
  flex-shrink: 0
}
.column3 .inner  ul>li:nth-child(1),
.column3 .inner  ul>li:nth-child(7){
  margin-left: -90px;
}
.column4{
  background: #F8F8F8;
  padding-top: 90px;
  padding-bottom: 60px;
}
.column4 .column-slogan{
  text-align: center;
}
.column4 .column-slogan h2{
  margin-bottom: 57px;
}

@media only screen and (max-width: 1400px) {

}
@media only screen and (max-width: 860px) {
  .column {
    padding: 40px 15px;
  }
  .column1 .inner {
    flex-direction: column;
  }
  .column1 .inner .column-slogan {
    margin-right: 0;
    text-align: center;
    margin-bottom: 15px;
  }
  .column1 .inner img{
    width: 100%;
    height: auto;
  }

  .column2 .content>.inner {
    margin: 40px auto;
    width: 100%;
    margin-bottom: 30px;
  }
  .column2 .content >.top {
    display: none;
  }
  .column2 .content >.top>img {
    min-height: 150px;
  }
  .column2 .content >.top>.column-slogan>div {
    flex: 0;
    margin-left: 0;
  }
  .column2 .content >.top>.column-slogan>div>p {
    margin-bottom: 5px;
  }
  .column2 .content >.top>.column-slogan>div>img {
    display: none;
  }
  .column2 .content>.inner ul>li {
    width: 100%;
    height: auto;
    margin-right: 0;
    padding: 15px;
    margin-bottom: 5px;
  }

  .column3 .inner {
    flex-direction: column;
  }
  .column3 .inner h2 {
    margin-right: 0;
    white-space: normal;
    text-align: center;
  }
  .column3 .inner ul{
    transform: translateX(0);
    width: 100%;
  }
  .column3 .inner ul>li {
    width: 160px;
    height: 160px;
    margin-right: 0;
    margin-bottom: 10px;
    /*padding: 0 15px;*/
  }
  .column3 .inner ul>li:nth-child(2n+1){
    margin-right: 20px;
  }
  .column3 .inner ul>li:nth-child(1), .column3 .inner ul>li:nth-child(7) {
    margin-left: 0;
  }
  .column3 .inner ul>li img{
    /*width: 100%;*/
    /*height: auto;*/
  }
}