*{box-sizing: border-box}
.btn-orange{display: inline-block;padding: 0 27px;background-color: #FF7517;border-radius: 21px;font-size: 18px;color: #fff;height: 44px;line-height: 44px;}
.btn-orange:hover{color: #fff;}
.btn-blue{display: inline-block;padding: 0 27px;background-color: #39A6FF;border-radius: 21px;font-size: 18px;color: #fff;height: 44px;line-height: 44px;}
.btn-blue:hover{color: #fff;}
.wrap-system{}
.wrap-system .crumbs{display: flex;align-items: center;height: 15px;}
.wrap-system .crumbs em{margin: 0 5px;}
.wrap-system .system-top{background: url("../image/sys-topbg.png") no-repeat;width: 100%;height: 300px;padding-top: 30px;}
.wrap-system .system-top .sys-top1{display: flex;justify-content: space-between;color: #fff;height: 50px;}
.wrap-system .system-top .sys-top1 a{color: #fff;}
.wrap-system .system-top .sys-top1 p{border: 1px solid #fff;padding: 0 4px;font-size: 12px;height: 23px;line-height: 21px;align-self: flex-end;text-align: center;min-width: 79px;border-radius: 4px}
.wrap-system .system-top .sys-txt{color: #fff;text-align: center;margin-top: 5px;}
.wrap-system .system-top .sys-tit1{font-size: 36px;font-weight: bold;margin-bottom: 20px;}
.wrap-system .system-top .sys-tit2{font-size: 14px;}
.wrap-system .system-main{margin-top: -70px;}
.wrap-system .sys-main1{background-color: #fff;border-radius: 10px;padding: 20px;min-height: 140px;box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.14);}
.wrap-system .sys-main1-bottom{background: #FFECE5;width: 100%;border-radius: 4px;height: 30px;margin-top: 10px;}
.wrap-system .sys-main1-bottom span{width: 36px;height: 20px;background-color: #FF7517;border-radius: 4px;color: #fff;margin-right: 10px;}
.wrap-system .sys-main1-bottom a{color: #FF7517;}
.wrap-system .sys-main1-bottom a:hover{color: #39A6FF;}
.wrap-system .sys-main1-top{width: 100%;}
.wrap-system .sys-main1-left{align-items: center;}
.wrap-system .sys-main1-left .sys-line{width: 1px;height: 33px;background-color: #DDDDDD;}
.wrap-system .sys-main1-item{width: 150px;text-align: center;}
.wrap-system .sys-main1-item p:nth-of-type(1){color: #39A6FF;font-size: 14px;height: 25px;}
.wrap-system .sys-main1-item p:nth-of-type(1) span{font-size: 32px;font-weight: bold;}
.wrap-system .sys-main1-item p:nth-of-type(2){color: #333;margin-top: 20px;}
.wrap-system .sys-main1-right{display: flex;align-items: center;}
.wrap-system .sys-main1-right .sys-main1-r1 span:nth-of-type(4){text-decoration: line-through;}
.wrap-system .sys-main1-right .sys-main1-r2{margin-left: 20px;display: flex;align-items: center;}

.wrap-system .sys-main1-right .sys-main1-r{}
.wrap-system .sys-main1-right .sys-main1-r .sys-main1-tit{font-size: 14px;color: #666;display: flex;margin-bottom: 10px;}
.wrap-system .sys-main1-right .sys-main1-r .sys-main1-tit span{font-size: 14px;color: #FF7517;margin: 0 5px;}
.wrap-system .sys-main1-right .sys-main1-r .progress{width: 260px;height: 10px;background: #EEEEEE;border-radius: 5px;}
.wrap-system .sys-main1-right .sys-main1-r .progress span{width: 40%;height: 10px;background: #FF7517;border-radius: 5px;display: block;}
.wrap-system .sys-main1-right .sys-main1-r .flex-ac>span{margin-left: 10px;color: #666666;}
@media screen and (max-width:1219px){
  .wrap-system .sys-main1-item{width: 135px;}
  .wrap-system .sys-main1-item p:nth-of-type(1) span{font-size: 26px;}
  .wrap-system .sys-main1-item p:nth-of-type(2){margin-top: 10px;}
  .wrap-system .sys-main1-right .sys-main1-r1 .fs22{font-size:18px ;}
  .wrap-system .sys-main1-right .sys-main1-r1 .fs32{font-size: 26px;}
  .wrap-system .sys-main1-right .sys-main1-r1 .fs18{font-size: 16px;}
  .btn-orange,.btn-blue{padding: 0 20px;}
}
@media screen and (max-width:991px){
  .sys-main1-top{justify-content: center;}
  .wrap-system .sys-main1-left{margin-bottom: 10px;}
}

@media screen and (max-width: 767px){

}
.wrap-system .sys-main2{display: flex;justify-content: space-between;margin: 20px auto 0;padding:0 0 40px 0px;overflow: visible;}
.wrap-system .sys-main2-left{max-width: 280px;padding: 20px;background: #fff;border-radius: 10px;box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.14);width: 23.33%;}
.wrap-system .sys-main2-left>p{font-size: 16px;color: #333;font-weight: bold;margin-bottom: 30px;}
.wrap-system .sys-main2-left li{margin-bottom: 35px;}
.wrap-system .sys-main2-left li a{display: flex;align-items: center;justify-content: space-between;}
.wrap-system .sys-main2-left li a p{display: flex;align-items: center;}
.wrap-system .sys-main2-left li a p img{margin-right: 9px;}
.wrap-system .sys-main2-left li a:hover .self-ellipsis-1{color: #39A6FF;}
.wrap-system .sys-main2-left li p span:nth-of-type(1){width: 20px;color: #333;text-align: left;}
.wrap-system .sys-main2-left li p span:nth-of-type(2){max-width: 126px;}
.wrap-system .sys-main2-left li .state{white-space: normal;display: flex;align-items: center;}
.wrap-system .sys-main2-left li .state em{width: 6px;height: 6px;border-radius: 50%;margin-right: 7px;}
.wrap-system .sys-main2-left li .state.study-state1{color: #ccc;}
.wrap-system .sys-main2-left li .state.study-state1 em{background: #ccc;}
.wrap-system .sys-main2-left li .state.study-state2{color: #FF7517;}
.wrap-system .sys-main2-left li .state.study-state2 em{background: #FF7517;}
.wrap-system .sys-main2-left li .state.study-state3{color: #39A6FF;}
.wrap-system .sys-main2-left li .state.study-state3 em{background: #39A6FF;}
.wrap-system .sys-main2-right {word-wrap: break-word!important;}
.wrap-system .sys-main2-right span{word-wrap: break-word!important;}
.wrap-system .sys-main2-right p{word-wrap: break-word!important;}
/*background: url("../image/sys-rightbg.png") no-repeat;*/
.wrap-system .sys-main2-right{max-width: calc(100% - 300px);min-height: 1775px;box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.14);border-radius: 10px;padding: 0;width: 75%;}
.wrap-system .sys-main2-right p img {width: 100% !important;}
.wrap-system .sys-main2-right .sysm2-tit{font-size: 44px;color: #fff;margin: 63px 0 23px 0;text-align: center;font-weight: bold;text-shadow: 0px 3px 0px rgba(0, 33, 97, 0.23);}
.wrap-system .sys-main2-right .sysm2-btn-box{text-align: center;}
.wrap-system .sys-main2-right .sysm2-btn-box .sysm2-btn{color: #fff;font-size: 20px;text-align: center;padding: 10px 30px;border-radius: 20px;background: linear-gradient(5deg, #f5494a 0%, #fe85ac 100%);}
.wrap-system .sysm2-item1{display: flex;margin-top: 40px;position: relative;}
.wrap-system .sysm2-item1 .sysm2-left{width: 52%;background: #FFFFFF;border-radius: 6px;min-height: 156px;border: 4px solid #FF7517;text-align: center;}
.wrap-system .sysm2-item1 .sysm2-left .sysm2-l-tit1{color: #FF7517;font-size: 20px;font-weight: bold;margin: 15px 0;}
.wrap-system .sysm2-item1 .sysm2-left p{color: #666;}
.wrap-system .sysm2-item1 .sysm2-left p span{color: #FF7517;}
.wrap-system .sysm2-item1 .sysm2-right{width: 51%;background: #FFFFFF;border-radius: 6px;min-height: 156px;border: 4px solid #39A6FF;text-align: center;position: absolute;right: 0;top: 35px;}
.wrap-system .sysm2-item1 .sysm2-right .sysm2-right-tit1{color: #333;margin: 20px 0;display: flex;justify-content: center;align-items: center;}
.wrap-system .sysm2-item1 .sysm2-right p.sysm2-right-tit1 span{color: #39A6FF;font-size: 20px;margin-left: 5px;font-weight: bold;}
.wrap-system .sysm2-item1 .sysm2-right .sysm2-right-tit2{color: #666;}
.wrap-system .sysm2-item1 .sysm2-right .sysm2-right-tit3{color: #333;}
.wrap-system .sysm2-item1 .sysm2-right .sysm2-right-tit4{color: #39A6FF;font-size: 20px;font-weight: bold;margin:10px 0;}
.wrap-system .sysm2-item1 .sysm2-right .sysm2-right-tit5{margin-top: 30px;color: #333333;}
.wrap-system .sysm2-item1 .sysm2-right .sysm2-right-tit7{color: #333333;}
.wrap-system .sysm2-item1 .sysm2-right .sysm2-right-tit7 span{color: #39A6FF;}

.wrap-system3 .sysm2-item1 .sysm2-right{z-index: 0;}
.wrap-system3 .sysm2-item1 .sysm2-left{z-index: 1;position: relative;}
.wrap-system4 .sysm2-item1 .sysm2-right .sysm2-right-tit1{margin: 10px 0;}
.wrap-system5 .sysm2-item1 .sysm2-left{min-height: 186px;}
.wrap-system5 .sysm2-item1 .sysm2-right{min-height: 186px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.wrap-system5 .sysm2-item1 .sysm2-right .sysm2-right-tit6{color: #39A6FF;font-size: 20px;font-weight: bold;margin: 0 0 20px 0;}

.wrap-system6{}
.wrap-system6 .sysm2-item1 .sysm2-left p{color: #333;}
.wrap-system7 .sys-vs{position: absolute;left: -50px;top: -6px;}
@media screen and (max-width:1219px){
  .wrap-system7 .sys-vs{width: 6vw;left: -2vw;}
}

.wrap-system .sysm2-main{width: 100%;height: 1312px;border-radius: 20px;margin-top: 66px;background: rgba(241, 246, 251, 0.4);padding: 32px 20px;}
.wrap-system .sysm2-main .sysm2m-tit {display: flex;position: relative;height: 110px;align-items: center;padding-left: 5px;}
.wrap-system .sysm2-main .sysm2m-tit::before{position: absolute;content: "";left: 0;top: 0;width: 110px;height: 110px;border-radius: 50%;background: rgba(255, 255,255,0.6);z-index: 0;}
.wrap-system .sysm2-main .sysm2m-tit *{position: relative;z-index: 1;}
.wrap-system .sysm2-main .sysm2m-tit .num{width: 52px;height: 52px;display: flex;align-items: center;justify-content: center;background: linear-gradient(-70deg, #71ADFF 0%, #2A69EB 70%, #3EB4FF 100%);box-shadow: 6px 5px 10px 1px rgba(52, 115, 238, 0.19); border-radius: 50%;font-size: 32px;color: #fff;font-weight: bold;margin-right: 23px;}
.wrap-system .sysm2-main .sysm2m-tit div{align-self: flex-end;}
.wrap-system .sysm2-main .sysm2m-tit .sysm2-txt1{font-size: 32px;font-weight: bold;color: #3587FF;margin-bottom: 10px;}
.wrap-system .sysm2-main .sysm2m-tit .sysm2-txt2{font-size: 18px;font-weight: 400;color: #afcae4;}
.wrap-system .sysm2-main .sysm2-imgbox{margin: 30px 0 0 0;}
.wrap-system .sysm2-main .sysm2-imgbox img{width: calc(25% - 15px);max-width: 185px;}
.wrap-system .sysm2-main .sysm2-item3{margin-top: 30px;}
.wrap-system .sysm2-main .sysm2-imglist{display: flex;justify-content: space-between;margin-top: 30px;}
.wrap-system .sysm2-main .sysm2-imglist .sysm2-item{width: calc(25% - 25px);text-align: center;}
.wrap-system .sysm2-main .sysm2-imglist .sysm2-item .color-333{font-weight: bold;}

.wrap-system3 .sysm2-main .sysm2-imglist{justify-content: center;}
.wrap-system3 .sysm2-main .sysm2-imglist .sysm2-item:first-child{margin-right: 30px;}

.wrap-system4 .sysm2-main .sysm2-imglist{justify-content: center;}
.wrap-system4 .sysm2-main .sysm2-imglist .sysm2-item:first-child{margin-right: 30px;}




.wrap-system .sysm2-main .sysm2-item p:nth-of-type(2){margin: 20px auto 10px;font-size: 16px;}
.wrap-system .sysm2-main .sysm2-item p:nth-of-type(3){color: #666666;font-size: 12px;text-align: left;}
.wrap-system .sysm2-main .sysm2-more{text-align: center;margin-top: 30px;font-size: 14px;color: #333;}
.wrap-system .sysm2-main .sysm2-item4{}
.wrap-system .sysm2-main .sysm2-item4-main{display: flex;align-items: center;justify-content: space-between;margin-top: 30px;}
.wrap-system .sysm2-main .sysm2-item4-main>div{width: calc(50% - 10px);height: 162px;
  border-radius: 10px;text-align: center;display: flex;align-items: center;flex-direction: column;}
.wrap-system .sysm2-main .sysm2-item4-main>div .sysm2-top{height: 60px;border-radius: 10px 10px 0 0;font-size: 18px;font-weight: bold;color: #fff;display: flex;align-items: center;justify-content: center;width: 100%;}
.wrap-system .sysm2-main .sysm2-item4-main>div .color-666{flex: 1;display: flex;align-items: center;line-height: 24px;}
.wrap-system .sysm2-main .sysm2-i4-left{border: 1px solid #FF7517;}
.wrap-system .sysm2-main .sysm2-i4-left .sysm2-top{background:#FF7517;}
.wrap-system .sysm2-main .sysm2-i4-right{border: 1px solid #39A6FF;}
.wrap-system .sysm2-main .sysm2-i4-right .sysm2-top{background:#39A6FF;}



@media screen and (max-width:1219px){
  /* .wrap-system .sys-main2{overflow-x: hidden;} */
  .wrap-system .sys-main2-left{width: 28%;}
  .wrap-system .sys-main2-right{width: 70%;}

  .wrap-system .sysm2-main .sysm2-imglist .sysm2-item{width: calc(25% - 10px);}
  .wrap-system .sysm2-main .sysm2-imglist .sysm2-item p img{max-width: 100%;}
}

@media screen and (max-width:991px){
  .wrap-system .sysm2-main{padding: 32px 10px;}
  .wrap-system .sys-main2-left{padding: 20px 10px;}
  .wrap-system .sys-main2-right{max-width: none;padding: 0 10px;}

  .wrap-system .sys-main2-left li a{font-size: 12px;}

  .wrap-system .sysm2-main .sysm2m-tit .sysm2-txt1{font-size: 28px;}
}

@media screen and (max-width: 767px){

}

.wrap-system .systme-bottom{width: 100%;min-height: 400px;
  background: #F7F8FA;padding-top: 46px;}
.wrap-system .sys-bottom-tit{text-align: center;
    font-size: 32px;background: linear-gradient(0deg, #FF7517 0%, #FFA76B 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin-bottom: 50px;}
.wrap-system .sys-bottom-tit img{max-width: 48px;max-height: 48px;border-radius: 50%;width: 48px;height: 48px}
.wrap-system .systme-bottom .f-box{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}
.wrap-system .systme-bottom .f-box .sysb-item{width: calc(25% - 20px);height: 100px;background-color: #fff;border-radius: 6px;display: flex;align-items: center;padding: 22px 0 22px 26px;margin-bottom: 20px;}
.wrap-system .systme-bottom .f-box .sysb-item >p{margin-right: 10px;}
.max-991show{display: none;background-color: transparent!important;}

.wrap-system .systme-bottom .f-box .sysb-item a.color-666:hover{color: #39A6FF;}
@media screen and (max-width:1219px){
  .wrap-system .systme-bottom .f-box .sysb-item{padding: 20px 10px;}
}

@media screen and (max-width:991px){
  .max-991show{display: block;}
  .wrap-system .systme-bottom .f-box .sysb-item{width: calc(33% - 13px);}
}

@media screen and (max-width: 767px){

}