.mian {
  max-width: 1223px;
  margin: auto;
  /*box-sizing: border-box;*/
  padding: 0 60px;
}

.mian-2 {
  max-width: 1360px;
  margin: auto;
  /*box-sizing: border-box;*/
  padding: 0 60px;
}
body {
  background-color: #fff !important;
}
.technology .technology-banner {
  text-align: center;
}
.banner{
  height: 309px !important;
  position: relative;
}
.bg-cover {
  background-size: cover;
  background-position: center;
  height: inherit;
}

.layui-carousel-ind{
  top: 30px !important;
}
.bannerContent{

  height: 412px;
  width: 100%;
  position: absolute;
  bottom: 0px;
  display: flex;
}


/*.technology .technology-banner img {*/
/*  width: 100%;*/
/*  height: 310px;*/
/*  vertical-align: middle;*/
/*  margin-bottom: 50px;*/
/*}*/

.technology-content {
  /* padding-left: 8px; */
  /*margin-top: 120px;*/
  margin-top: 50px;
}
.technology-content .title {
  margin-bottom: 31px;
  /*padding-left: 4px;*/
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.technology-content .title h3 {
  font-size: 24px;
  color: #333333;
  font-weight: bold;
  display: inline-flex;
  align-items: center;
  /*vertical-align: middle;*/
}
.technology-content .title h3::before {
  content: '';
  width: 6px;
  height: 30px;
  background: #E5A414;
  margin-right: 12px;
  vertical-align: middle;
}
.technology-content .title span {
  font-size: 14px;
  color: #999999;
  vertical-align: super;
}

.technology-content .title .right-more {
  font-size: 14px;
  vertical-align: super;
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
}

/* Tableau 优课堂 */

.technology-content .con1 .list .item {
  padding: 12px 0;
  border-bottom: 1px solid #F3F3F3;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.technology-content .con1 .list .item .textBox {
  display: flex;
  align-items: center;
  width: 90%;
}
.technology-content .con1 .list .item .textBox img {
  vertical-align: middle;
  margin-right: 16px;
  width: 36px;
  height: 38px;
}
.technology-content .con1 .list .item .textBox .text {
  width: 100%;
}
.technology-content .con1 .list .item .textBox .t1 {
  width: 95%;
  font-size: 18px;
  color: #333333;
  display: inline-block;
  margin-bottom: 2px;
  /* 内容过长显示成省略号（内容显示为一行） */
  white-space: nowrap;/*设置不换行*/
  overflow: hidden; /*设置隐藏*/
  text-overflow: ellipsis; /*设置隐藏部分为省略号*/
}
.technology-content .con1 .list .item .textBox .t2 {
  width: 95%;
  font-size: 14px;
  color: #999999;
  /* 内容过长显示成省略号（内容显示为一行） */
  white-space: nowrap;/*设置不换行*/
  overflow: hidden; /*设置隐藏*/
  text-overflow: ellipsis; /*设置隐藏部分为省略号*/
}
.technology-content .con1 .list .item .textBox .t1:hover {
  color: #E5A414;
}
.technology-content .con1 .list .item .time {
  flex-shrink: 0;
}
.technology-content .con1 .list .item .time p {
  font-size: 14px;
  color: #999999;
}



/* 举个栗子 */
.technology-content .con2{
  margin-top: 120px;
}
.technology-content .con2 .menu{
  display: flex;
  /*justify-content: center;*/
  align-items: center;
  margin-bottom: 60px;
}

.technology-content .con1 .menu{
  display: flex;
  /*justify-content: center;*/
  align-items: center;
  margin-bottom: 45px;
}

.technology-content .con2 .menu-back,.technology-content .con1 .menu-back{
  background: #F7F7F7;
}

.technology-content .con2 .menu li ,.technology-content .con1 .menu li{
  padding: 21px 64px 17px 0;
  font-size: 16px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
}

.technology-content .con2 .menu li:first-child,.technology-content .con1 .menu li:first-child{
  margin-left: 13px;
}

.technology-content .con2 .content li ,.technology-content .con1 .content li {
  display: none;
}


/* 菜单切换效果 */
.technology-content .con2 .menu li.current ,.technology-content .con1 .menu li.current {
  font-size: 16px;
  font-family: PingFang SC-Bold, PingFang SC;
  font-weight: bold;

}

.technology-content .con2 .menu li.current span,.technology-content .con1 .menu li.current span{
  padding-bottom: 3px;
  border-bottom:2px solid #E5A414;
  opacity: 1;
}
.technology-content .con2 .content li.show,.technology-content .con1 .content li.show  {
  display: block;
}

.technology-content .con2 .content .list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.technology-content .con2 .content .list .item {
  width: 48%;
  display: flex;
  align-items: center;
  margin-bottom: 38px;
}
.technology-content .con2 .content .list .item:nth-child(3) {
  margin-bottom: 0;
}
.technology-content .con2 .content .list .item:nth-child(4) {
  margin-bottom: 0;
}
.technology-content .con2 .content .list .item img {
  vertical-align: middle;
  margin-right: 24px;
  width: 174px;
  height: 99px;
}
.technology-content .con2 .content .list .item .text {
  width: 100%;
}
.technology-content .con2 .content .list .item .text-t1 {
  font-size: 16px;
  color: #333333;
  font-weight: bold;
  border-bottom: 1px solid #F0F0F0;
  padding-bottom: 3px;
  margin-bottom: 6px;
  /* 内容过长显示两行，多余为省略号 */
  text-overflow:ellipsis;/*设置隐藏部分为省略号*/
  overflow: hidden;/*设置隐藏*/
  display: -webkit-box;
  -webkit-line-clamp: 2;/*设置显示行数，此处为2行，可设置其他数字*/
  -webkit-box-orient: vertical;
}
.technology-content .con2 .content .list .item .text-t2 {
  font-size: 14px;
  color: #999999;
  /* 内容过长显示两行，多余为省略号 */
  text-overflow:ellipsis;/*设置隐藏部分为省略号*/
  overflow: hidden;/*设置隐藏*/
  display: -webkit-box;
  -webkit-line-clamp: 2;/*设置显示行数，此处为2行，可设置其他数字*/
  -webkit-box-orient: vertical;
}

.technology-content .con3{
  margin-top: 120px;
}
/* 可视化库 */
.technology-content .con3 .listBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.technology-content .con3 .title {
  margin-bottom: 40px;
}
.technology-content .con3 .listBox .left {
  margin-right: 28px;
  cursor: pointer;
}
.technology-content .con3 .listBox .rigth {
  margin-left: 28px;
  cursor: pointer;
}
.technology-content .con3 .listBox .list {
  overflow: hidden;
}
.technology-content .con3 .listBox .list-item {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.technology-content .con3 .listBox .list .item {
  display: block;
  width: 386px;
  height: 246px;
  /* background: url(../img/technologyExchange/technology-img1.png) no-repeat center/100% 100%; */
  flex-shrink: 0;
  position: relative;
}
/* .technology-content .con3 .listBox .list .item:nth-child(2) {
  background-image: url(../img/technologyExchange/technology-img2.png);
}
.technology-content .con3 .listBox .list .item:nth-child(3) {
  background-image: url(../img/technologyExchange/technology-img3.png);
}
.technology-content .con3 .listBox .list .item:nth-child(4) {
  background-image: url(../img/technologyExchange/technology-img4.png);
}
.technology-content .con3 .listBox .list .item:nth-child(5) {
  background-image: url(../img/technologyExchange/technology-img5.png);
}
.technology-content .con3 .listBox .list .item:nth-child(6) {
  background-image: url(../img/technologyExchange/technology-img6.png);
} */
.technology-content .con3 .listBox .list .item:nth-child(2n) {
  margin: 0 28px;
}
.technology-content .con3 .listBox .list .item:nth-child(4) {
  margin-left: 0;
}
.technology-content .con3 .listBox .list .item:last-child {
  margin-right: 0 !important;
}
.technology-content .con3 .listBox .list .item img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.technology-content .con3 .listBox .list .item p {
  background: rgba(0, 0, 0, 0.53);
  font-size: 16px;
  color: #FFFFFF;
  padding: 4px 0 4px 16px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  /*opacity: 0.53;*/
}

.technology-content .con4{
  margin-top: 120px;
}
.technology-content .con4 .school-of-digital-innovation{
  display: flex;
  justify-content: space-between;
}
.technology-content .con4 .school-of-digital-innovation .bookImg{
  width: 454px;
  height: 255px;
}
.technology-content .con4 .school-of-digital-innovation .content-box{
  margin-left: 63px;
}
.technology-content .con4 .school-of-digital-innovation .content-box .text-h4{
  font-size: 16px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 24px;
}
.technology-content .con4 .school-of-digital-innovation .content-box .img-text-box{
  margin-top: 28px;
}
.technology-content .con4 .school-of-digital-innovation .content-box .img-text{
  margin-bottom: 24px;
  display: flex;
}
.technology-content .con4 .school-of-digital-innovation .content-box .img-text img{
  margin-right: 13px;
}

.technology-content .con4 .school-of-digital-innovation .content-box .small-text{
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 22px;
}



.book-new{
  background: #033988;
  /* position: fixed; */
  /*display: flex;*/
  bottom: 0;
  /*width: 100%;*/
  height: 65px;
  margin-top: 250px;
}
.book-new .text-links-box{
  display: flex;
  justify-content: space-between;
}
.book-new .text-links-box .text-links{
  display: flex;
  padding-top: 8px;
  align-items: center;
}


.book-new .text-links-box .text-h2{
  font-size: 24px;
  font-family: PingFang SC-Bold, PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  margin-right: 104px;
}
.book-new .text-links-box .text-links a{
  font-size: 18px;
  font-family: PingFang SC-Bold, PingFang SC;
  font-weight: bold;
  color: #033988;
  background:#FFFFFF ;
  padding: 6px 28px;
  border-radius: 18px 18px 18px 18px;
}
.book-new .bookImg{
  width: 199px;
  height: 199px;
  vertical-align: middle;
  margin-top: -141px;
}
/* 工具书定位右下角 */
.book {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 415px;
  height: 130px;
  background: #361D9D;
  box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.1607843137254902);
  border-radius: 15px 15px 15px 15px;
  display: flex;
  align-items: center;
  padding: 0 8px 0 13px;
}
.book .bookImg {
  width: 199px;
  height: 199px;
  vertical-align: middle;
  margin-top: -75px;
}
.book dl p {
  color: #fff;
  font-size: 16px;
}
.book dl dt {
  color: #fff;
  font-size: 16px;
}
.book dl dd {
  text-align: center;
  margin-top: 12px;
}
.book dl dd a {
  font-size: 16px;
  padding: 6px 20px;
  color: #FFFFFF;
  display: inline-block;
  background: linear-gradient(180deg, #F5B423 0%, #D19000 100%);
  border-radius: 18px 18px 18px 18px;
  border: 1px solid #FFFFFF;
}

.closeImg {
  position: absolute;
  right: 7px;
  top: 7px;
}
.layui-carousel-ind li{
  background-color:#D8D8D8
}
.layui-carousel-ind li.layui-this {
  background-color: #E5A414 !important;
}
.layui-carousel-ind ul {
  background-color: #FFFFFF !important;
}
.content-box .text{
  font-size: 16px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
}

.con6{
  margin-top: 128px;
}
.con6 .content-box{
  display: flex;
  justify-content: space-between;
}

.con6 .content-box img{
    display: inline-block;
    vertical-align: middle;
}

.con6 .content-box .text{
  margin-top: -37px;
  padding-left: 14px;
}

.con6 .content-box .text .link-box{
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 37px;
}

.con6 .content-box .text  .link-box .title-1{
    font-size: 16px;
    font-family: PingFang SC-Heavy, PingFang SC;
    font-weight: 800;
    color: #fff;
}

.con6 .content-box .text .link-box .detail{
  font-size: 12px;
  font-family: PingFang SC-Heavy, PingFang SC;
  font-weight: 800;
  color: #fff;
  padding-right: 18px;
}