.c7-container{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-evenly;}
.tableft7{
   padding: 0 20px;
    height: 630px;
    background-image: linear-gradient(-3deg, #2c5eff 0%, #579dff 100%), linear-gradient(#da091d, #da091d);
    background-blend-mode: normal, normal;
    box-shadow: 0px 10px 20px 0px rgb(63 119 229 / 30%);
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    z-index: 10;
}
.tableft7 .tableft-li{width: 280px;height: 90px;border-radius: 16px;display: flex;align-items: center;
  justify-content: flex-end;font-size: 24px;   color: #fff; position: relative;padding-right: 10px;z-index: 10;}
.tableft-li.active::after{content: '';position: absolute;width: 12px;height: 12px;background: #fff;transform: rotate(45deg);right: -6px;top: 50%;margin-top: -6px;;}
.tableft-li.num::before{position: absolute;transform: rotate(0deg);left: 10px;font-size: 60px;font-style: italic;z-index: -1;;font-family: Geneva, Tahoma, sans-serif}
.tableft-li.num1::before{content: '01';}
.tableft-li.num2::before{content: '02';}
.tableft-li.num3::before{content: '03';}
.tableft-li.num4::before{content: '04';}

.tableft7 .tableft-li.active{background: #fff;  color: #3953e8;}
.tabContent7{display: none;background: #fff;width: 100%;;border-radius: 30px;box-shadow: 0 0 3px #cccc;margin-left: -50px;z-index: 1;min-height: 650px;margin-top: -50px;}
.tabContent7.active{display: block;}
.tabContent7 .tab-pd50{padding: 60px 40px 60px 100px;}
.sys-con h1{font-size: 40px;text-align: center;margin-bottom: 40px;}
.sys-con h2{font-size: 24px;position: relative;}
.sys-con h2::before{
      content: ''; border-left: #4a8aff 6px solid;position: absolute;left: -18px; top: 0px; z-index: 10;  width: 40px;height:30px;}
	  .sys-con p{line-height: 30px;font-family: Arial, microsoft yahei, Helvetica, sans-serif;}
	  .sys-con img{    max-width: 100%;border-radius: 10px;box-shadow: 0px 0px 10px #ccc;}