.mian {
  max-width: 1440px;
  margin: auto;
  box-sizing: border-box;
}
.banner img {
  vertical-align: middle;
}
.opinon img {
  vertical-align: middle;
}

.banner {
  height: 370px;
  width: 100%;
  /*margin-top: 55px;*/
  background: linear-gradient(180deg, #FFFFFF 0%, #FFF7E3 100%);
}


.bannerContent {
  height: 100%;
  padding: 0 80px;
  display: flex;
  justify-content: space-between;
  /* align-items: center; */
  position: relative;
  background: url(../img/talend/talend-application-banner.png) no-repeat right 20% bottom 45%/546px 263px;
}
.conLeft {
  width: 45%;
  /* margin-right: 112px; */
}
.conLeft .title {
  font-size: 40px;
  color: #333333;
  font-weight: bold;
  margin-bottom: 28px;
  margin-top: 67px;
}
.conLeft .text {
  font-size: 24px;
  color: #333333;
}
.conLeft .btn1 {
  width: 128px;
  height: 44px;
  background: #E5A414;
  text-align: center;
  line-height: 44px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  margin-right: 33px;
  position: absolute;
  bottom: 78px;
}
.banner .conRigth {
  padding-top: 30px;
  width: 47.66%;
}

.talendCon .con {
  padding: 50px 160px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.talendCon .con dl {
  width: 45%;
}
.talendCon .con dl dt {
  font-size: 24px;
  color: #333333;
  margin-bottom: 18px;
}
.talendCon .con dl dd {
  font-size: 16px;
  color: #333333;
}


.con2Box {
  background-color: #FFFCF6;
}

.talendCon .con.con2 {
  background: url(../img/talend/talend-application-bgc.png) no-repeat left 130px bottom 105px/533px 150px;
}

.talendCon .con.con2 dl dd {
  margin-bottom: 16px;
}


.talendCon .con.con3,.talendCon .con.con4 {
  display: block;
  text-align: center;
}
.talendCon .con.con3 .title,.talendCon .con.con4 .title {
  font-size: 24px;
  color: #333333;
  margin-bottom: 8px;
}
.talendCon .con.con3 .text,.talendCon .con.con4 .text {
  font-size: 16px;
  color: #333333;
}
.talendCon .con.con3 .list {
  display: flex;
  justify-content: space-between;
  margin-top: 38px;
}
.talendCon .con.con3 .list .item {
  width: 25%;
}
.talendCon .con.con3 .list .text1 {
  font-size: 20px;
  color: #333333;
  margin: 11px 0 23px;
}
.talendCon .con.con3 .list .text2 {
  font-size: 16px;
  color: #333333;
}

.talendCon .con4Box {
  background-color: #FFFCF6;
  margin-bottom: 96px;
}
.talendCon .con.con4 .list {
  margin-top: 38px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.talendCon .con.con4 .list .item {
  padding: 20px 25px;
  background-color: #fff;
  box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.1607843137254902);
  margin-right: 30px;
  border: 1px solid rgba(255, 255, 255, 1);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.talendCon .con.con4 .list .item:nth-child(1),
.talendCon .con.con4 .list .item:nth-child(2) {
  margin-bottom: 26px;
}
.talendCon .con.con4 .list .item:hover {
  border: 1px solid #E5A414;
}
.talendCon .con.con4 .list .item .titleBox {
  font-size: 20px;
  color: #333333;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}
.talendCon .con.con4 .list .item .titleBox::before {
  content: '';
  width: 28px;
  height: 28px;
  background: url(../img/talend/talend-dataIntegrity-icon4.png) no-repeat center/100% 100%;
  vertical-align: middle;
  margin-right: 6px;
  /* display: inline-block; */
}
.talendCon .con.con4 .list .item:nth-child(2) .titleBox::before {
  background-image: url(../img/talend/talend-dataIntegrity-icon5.png);
}
.talendCon .con.con4 .list .item:nth-child(3) .titleBox::before {
  background-image: url(../img/talend/talend-dataIntegrity-icon6.png);
}
.talendCon .con.con4 .list .item:nth-child(4) .titleBox::before {
  background-image: url(../img/talend/talend-dataIntegrity-icon7.png);
}
.talendCon .con.con4 .list .item .textBox {
  font-size: 16px;
  color: #333333;
  margin: 7px 0 2px;
  text-align: start;
  width: 330px;
}

.talendCon .con.con4 .list .item span {
  font-size: 14px;
  color: #333333;
  text-align: end;
  display: block;
}
.talendCon .con.con4 .list .item:hover span {
  color: #E5A414;
}















/* 准备好开始使用 Talend 了吗？  */
.tableauDesktop {
  width: 100%;
  height: 144px;
  background: url(../img/minitab/tableauDesktop.png) no-repeat center/100% 100%;
}
.tableauDesktopAuto {
  height: 100%;
  padding: 0 160px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}
.tableauDesktopAuto .free {
  font-size: 30px;
  color: #FFFFFF;
  font-weight: bold;
}
.tableauDesktopAuto .freeBtn {
  width: 198px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border: 1px solid #fff;
  box-sizing: border-box;
  font-size: 24px;
  color: #FFFFFF;
}