/* 系统介绍页 */
body{
  background: url(../images/stystemIntro-bg-top.jpg) center -250px no-repeat #f6f6ff;
}
h1{
  position: relative;
}
.container{
  margin-top: 32px;
}
.part1 .tit{
  width: 278px;
  height: 60px;
  line-height: 60px;
  background: url(../images/title-bg1.png) 0 0 no-repeat;
  font-size: 40px;
  color: #fff;
  font-family: '黑体';
  padding-left: 50px;
  margin-top: 76px;
}
.video,.video2{
  width: 355px;
  height: 213px;
  position: absolute;
  right: 0;
  bottom:-289px;
  background: url('../images/video_bg.png') no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}
.video2{
  bottom: -386px;
}
.video_star{
  width: 64px;
  height: 64px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: url('../images/star.png') no-repeat;
  background-size: cover;
}
.video_center{
  width: 341px;
  height: 188px;
}
.video_center:hover{
  cursor: pointer;
}
.video .video_center{
  background: url('../images/video_bg.jpg') no-repeat;
  background-size: cover;
}
.video2 .video_center{
  background: url('../images/video_bg2.jpg') no-repeat;
  background-size: cover;
}
.part1 .desc{
  width: 823px;
  text-align: justify;
  padding-top: 22px;
}
.part1 .desc p{
  font-size: 24px;
  line-height: 42px;
  color: #fff;
  font-family: '黑体';
  padding-bottom: 35px;
}
.part1 .desc p:last-child{
  letter-spacing: -0.5px;
  padding-bottom: 11px;
}
.cor-orange{
  color: #ffc400;
}
.cor-yellow{
  color: #f6ed86;
}
.part2{
  display: flex;
  justify-content: space-between;
  margin-left: -17px;
  /*09-23 margin-top修改*/
  margin-top: 45px;
}
/*09-23 宽高修改*/
.part2 .item{
  width: 380px;
  height: 767px;
  background: url(../images/border.png?date=20240923) center no-repeat;
  background-size: cover;
  text-align: center;
}
/*09-23 item-big为新增图片*/
.part2 .item.item-big{
  width:570px;
  height: 767px;
  background: url(../images/border2.png) center no-repeat!important;
  background-size: cover;
  text-align: center;
}
/*09-23 padding-top修改*/
.part2 .item .pic{
  padding-top: 89px;
}
/*09-23 padding-top修改*/
.part2 .item:nth-child(2) .pic{
  padding-top: 90px;
}
/*09-23 padding-top修改*/
.part2 .item:nth-child(3) .pic{
  padding-top: 90px;
}
.part2 .item .tit{
  /*9-23宽度修改*/
  width: 300px;
  height: 64px;
  line-height: 64px;
  color: #484a51;
  font-weight: 900;
  font-size: 32px;
  margin: 0 auto;
}
.part2 .item .tit1{
  background: linear-gradient(to right,rgba(233,250,251,0),rgba(233,250,251,1),rgba(233,250,251,0));
  margin-top: 27px;
}
.part2 .item .tit2{
  background: linear-gradient(to right,rgba(252,241,205,0),rgba(252,241,205,1),rgba(252,241,205,0));
  margin-top: 45px;
}
.part2 .item .tit3{
  background: linear-gradient(to right,rgba(254,224,244,0),rgba(254,224,244,1),rgba(254,224,244,0));
  margin-top: 53px;
}
.part2 .desc{
  font-size:23px;
  line-height: 38px;
  color: #5a5c63;
  padding: 0 50px;
  text-align: justify;
  margin: 33px auto 0;
  letter-spacing: -1px;
}
.title-adv{
  /*09-23 增加margin-top*/
  margin-top:38px;
  text-align: right;
}
.part-box{
  position: relative;
  height: 1800px;
  overflow: hidden;
}
.abs-left{
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  margin-left: -185px;
}
.abs-right{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin-left: 180px;
}
.abs-left .abs-container{
  margin-left: 185px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  clear: both;
}
.abs-right .abs-container{
  clear: both;
}
.part3{
  width: 1570px;
  height: 379px;
  top: 0;
  background: url(../images/sys-intro-pic1.png) 0 0 no-repeat;
  margin-top: 50px;
}
.part3 .bg{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);

}
.part3 .desc{
  width: 803px;
  font-size: 24px;
  color: #5a5c63;
  line-height: 40px;
  float: right;
  padding: 80px 60px 0 0;
  text-align: justify;
}
.part3 .desc .ico-zs{
  vertical-align: -3px;
}
.part4{
  top: 379px;
  width: 1560px;
  height: 559px;
  background: url(../images/sys-intro-pic2.png?date=20240923) 0 0 no-repeat;
  margin-top: 50px;
}
.part4 .desc{
  width: 800px;
  font-size: 24px;
  color: #5a5c63;
  line-height: 40px;
  float: left;
  padding: 80px 60px 0 62px;
  text-align: justify;
}

.part4 .desc .ico-zs{
  vertical-align: -3px;
}

.part5{
  top: 988px;
  width: 1570px;
  height: 373px;
  background: url(../images/sys-intro-pic3.png) 0 0 no-repeat;
}
.part5 .desc{
  width: 800px;
  font-size: 23px;
  color: #5a5c63;
  line-height: 40px;
  float: right;
  padding: 70px 60px 0 62px;
  text-align: justify;
}

.part5 .desc .ico-zs{
  vertical-align: -3px;
}
.part6{
  top: 1311px;
  width: 1570px;
  height: 394px;
  background: url(../images/sys-intro-pic4.png) 0 0 no-repeat;
  margin-top: 50px;
}
.part6 .desc{
  width: 800px;
  font-size: 23px;
  color: #fff;
  line-height: 40px;
  float: left;
  padding: 85px 60px 0 62px;
  text-align: justify;
}

.part6 .desc .ico-zs{
  vertical-align: -3px;
}
.xt_bg {
  background: url(../images/stystemIntro-bg-down.jpg) center top no-repeat #1841c3;
  background-size: contain;
  padding-top: 70px;
  box-sizing: border-box;
}

.xt_bg h3 {
  font-size: 66px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 33px;
}

.xt_bg .Mart90 {
  margin-top: 90px;
}


/* 视频弹框 */
.video_pop{
  width: 920px;
  height: 594px;
  box-sizing: border-box;
  border: 2px solid #3377ff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: #26284c;
  border-radius: 4px;
  display: none;
  z-index: 10011;
}
.video_title{
  width: 100%;
  height: 56px;
  background: #404480;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding: 0px 8px 0px 24px;
}
.video_name{
  width: 832px;
  font-size: 18px;
  font-weight: 700;
  font-family: "PingFang SC";
  color: #ffffff;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.clear{
  width: 40px;
  height: 40px;
  background: url('../images/clear_icon.png') no-repeat;
  background-size: cover;
}
.clear:hover{
  cursor: pointer;
  background: url('../images/clear_hover_icon.png') no-repeat;
  background-size: cover;
}

.video_content{
  width: 872px;
  height: 490px;
  margin: 24px auto;
  background: #182d60;
}

/* 遮罩层 */
.mask_shadow{
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  position: fixed;
  top: 0;
  left:0;
  display: none;
  z-index: 10010;
}