.workMenuBox{width:310px;float:left;position:sticky;top:85px;left:0}
.workMenuBox ul{overflow:hidden;position:relative}
.workMenuBox ul:before{position:absolute;content:'';top:0;bottom:0;left:43px;border-left:1px dashed #22363f}
.workMenuBox ul li{padding:15px 0 15px 22px;position:relative;z-index:2;margin-bottom:20px;transition:all .3s}
.workMenuBox ul li a{line-height:42px;display:block;position:relative;padding-left:60px;font-size:18px;color:#1c1c1c;font-weight:700}
.workMenuBox ul li span{position:absolute;top:0;left:0;display:inline-block;width:42px;height:42px;line-height:42px;text-align:center;color:#fff;font-size:26px;font-weight:700;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#22363f;transition:all .3s}
.workMenuBox ul li.on,.workMenuBox ul li:hover{background:#fff;transition:all .3s}
.workMenuBox ul li.on span,.workMenuBox ul li:hover span{background:#ba1b22;transition:all .3s}
.workConBox{margin-left:310px;padding-left:60px;padding-right:10px;padding-bottom:45px;background:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;border-top-left-radius:0}
@media(max-width:768px){.workMenuBox{display:none;}.workConBox{margin-left:0;padding-left:10px;}}