*{margin:0;padding:0;box-sizing:border-box;font-family:"微软雅黑"}
a{text-decoration:none}
ul{list-style:none}


.card-fouth{padding:20px 0 88px;width:942px;height:394px;margin:0 auto;background-color:#fff;box-shadow:0 2px 10px #00000080;border-radius:8px;}
.card-fouth .sub-title{margin-bottom:32px;text-align:center;font-size:40px;color:#333}
.card-fouth .desc.desc-list{width:900px;margin:0 auto;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-align:center}
/*顶部分类*/
.card-fouth .industry{font-size:22px;color:#999;padding:15px 0;display:inline-block;background-image:url(jiantoudan.png);width:230px; height:64px}
.card-fouth .industry.first{padding-left:0}
.card-fouth .industry.last{padding-right:0}
.card-fouth .industry.active{padding-bottom:14px;background-image:url(middle-arrow.png);}
.card-fouth .industry span{font-family:PingFang SC;font-weight:400}
.card-fouth .industry.active span{color:#ffffff;font-weight:500}
/*内容*/
.card-fouth .case-container{position:relative;width:940px;margin:0 auto;height:480px}
.card-fouth .case-panel{position:absolute;z-index:1;opacity:0;overflow:hidden;}
.card-fouth .case-panel.active{z-index:100;opacity:1;-webkit-transition:all .2s ease-out .1s;transition:all .2s ease-out .1s}
.card-fouth .case-preview{display:inline-block;width:576px;position:relative;top:28px;left:-60px;z-index:200}

.legal-container{margin-top:56px;display:flex;justify-content:space-between}
.legal-container .left-box{width:960px;height:466px;background-image:linear-gradient(0deg,#7EAFFF 0%,#367EF5 100%);border-radius:10px}
.legal-container .left-box .hot-service{height:63px;display:flex;align-items:center;justify-content:space-between}
.legal-container .left-box .hot-service div:nth-child(1){display:flex;align-items:center}
.legal-container .left-box .hot-service div:nth-child(1) p{font-weight:600;font-size:18px;color:#fff;letter-spacing:0;text-align:center;margin-left:14px}
.legal-container .left-box .hot-service div:nth-child(1) span{cursor:pointer;margin-right:8px;background-color:#0000001a;border-radius:20px;font-weight:500;font-size:16px;color:#fff;letter-spacing:1px;text-align:center;padding:0 15px;line-height:34px}
.legal-container .left-box .hot-service div:nth-child(1) span:hover{background-color:#0000004d}
.legal-container .left-box .hot-service div:nth-child(2){width:125px;cursor:pointer}
.legal-container .left-box .hot-service div:nth-child(2) span{font-weight:500;font-size:16px;color:#fff;margin-right:5px}
.legal-container .left-box .left-content{width:942px;height:394px;margin:0 auto;background-color:#fff;box-shadow:0 2px 10px #00000080;border-radius:8px}
.legal-container .left-box .left-content .lifecycle-box{height:100%;position:relative}
.arrow-box{display:flex;align-items:center;padding:0 25px}
.arrow-box div{cursor:pointer;font-weight:500;font-size:20px;color:#323233;letter-spacing:0;text-align:center}

.list-box{padding:0 20px;display:flex;justify-content:space-between;flex-wrap:wrap}
.list-box .item-box{cursor:pointer;width:436px;height:55px;margin-top:15px;background:#F6F8FC;border-radius:2px;display:flex;align-items:center}
.list-box .item-box .item-point{display:inline-block;width:6px;height:6px;margin:0 11px 0 18px;border-radius:50%;background-color:#4d8ffd;box-shadow:0 0 5px #4d8ffd}
.list-box .item-box .item-name{flex:1;font-weight:400;font-size:18px;color:#323233;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.list-box .item-box:hover{box-shadow:0 2px 10px #0000001a}
.list-box .item-box:hover .item-name{color:#4d8ffd}
.right-box{position:relative;display:flex;flex-direction:column;align-items:flex-end}
.right-box img{margin-top:10px;z-index:10}
.right-box .right-title{width:170px;background:#3380FF;border:4px solid rgba(255,255,255,.6);border-radius:22px;z-index:10;position:absolute;top:182px;right:22px;font-weight:600;font-size:22px;color:#fff;letter-spacing:0;text-align:center;line-height:46px}
.right-box .right-nav{margin-top:-5px}
.right-box .right-nav p{width:217px;background:#FFFFFF;margin-bottom:10px;border:2px solid #D9E5FF;box-shadow:0 3px 10px #7292bf1a;border-radius:4px;line-height:52px;font-weight:500;font-size:20px;color:#323233;letter-spacing:0;text-align:center;cursor:pointer}
.right-box .right-nav .nav-active{color:#2464e2}


.container{margin:0 auto;width:1200px;overflow:hidden}
.container .title{text-align:center;margin:29px 0 9px}