@charset "utf-8";

.servicePage{
  background-color: #FFFFFF;
}

.businessBanner{
  height: 400px;
  background: url('https://tx-public-resource.oss-cn-beijing.aliyuncs.com/xueshi_website_static_files/image/index/bussinessBannerBg.jpg') no-repeat center center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.businessContent .title, .serviceContent .title, .resourceContent .title{
  font-weight: bold;
  font-size: 36px;
  text-align: center;
  margin-top: 100px;
}
.contentWrap{
  margin-bottom: 100px;
}
.contentTitle{
  font-weight: bold;
  color: #000000;
  line-height: 60px;
  font-size: 36px;
  border-bottom: 4px solid #2E2B34;
  margin: 70px 0 60px 0;
}

.sericeItem .titleWrap{
  background-color:#F6F6F6;
  display: flex;
  align-items: center;
}
.sericeItem .titleIconWrap{
  padding: 40px;
  background-color: #5D9CEC;
  margin-right: 30px;
}
.titleAndDesc{
  flex: 1;
}
.titleAndDesc .titleText{
  font-size: 30px;
  color: #5D9CEC;
  line-height: 1.5;
  margin-bottom: 12px;
}
.titleAndDesc .titleDesc{
  font-size: 14px;
  color: #666666;
  line-height: 1.5;
  font-size: 16px;
}
.sericeItem{
  margin-top: 60px;
}
.sericeItem .subIconWrap{
  margin-left: 40px;
}
.sericeItem .folderWrap img{
  width: 64px;
  height: 64px;
  object-fit: cover;
  margin-left: 180px;
  margin-right: 40px;
  cursor: pointer;
}
.sericeItem .serviceContent{
  display: none;
}
.sericeItem .serviceContent .row_4{
  display: flex;
  justify-content: space-between;
}
.sericeItem .serviceContent .row_4 .serviceConentItem{
  width: 260px;
  text-align: center;
  margin-top: 20px;
}
.sericeItem .serviceContent .row_4 .serviceConentItem img{
  width: 260px;
  height: 260px;
  vertical-align: middle;
}
.sericeItem .serviceContent .serviceConentItem .desc{
  padding: 12px 0;
  text-align: center;
  color: #666666;
  background-color: #E5E5E5;
}
.serviceContent .row_3{
  display: flex;
  justify-content: space-between;
}
.serviceContent .row_3 .aiConentItem img{
  width: 360px;
  height: 260px;
}
.serviceContent .row_3 .serviceConentItem{
  margin-top: 20px;
}
.serviceContent .row_3 .aiConentItem:nth-child(2){
  margin: 20px 40px 0 20px;
}

.serviceContent .trainItem{
}
.serviceContent .row_3 .trainItem img{
  width: 380px;
  height: 260px;
  vertical-align: middle;
}