.banner-box{position:relative}.banner-box img{width:100%;max-height:320px;-o-object-fit:cover;object-fit:cover}.banner-box .title{display:none;color:#fff;position:absolute;left:20%;top:50%;transform:translateY(-50%);font-size:18px}.content-wrapper-flex{display:flex;max-width:1500px;margin:40px auto}.case-nav{flex-shrink:0;display:flex;justify-content:flex-end;margin-right:40px}.case-nav ul{margin-left:0;margin-top:0;border-left:1px solid #e6e6e6;height:-moz-max-content;height:max-content}.case-nav li{border-left:3px solid rgba(0,0,0,0);padding:2px 0 2px 10px;margin-left:-1.5px}.case-nav li a{color:#70788d;font-size:16px;font-weight:500}.case-nav li.active,.case-nav li:hover{border-left:3px solid #216aed}.case-nav li.active a,.case-nav li:hover a{color:#216aed}.case-nav li+li{margin-top:40px}.details-content{flex:auto}.details-content p{line-height:28px;color:#4f576c;white-space:pre-line}.details-content .main-desc{display:flex}.details-content .main-desc .description{flex:auto}.details-content .main-desc .description h3{margin:0 0 10px 0;font-size:20px}.details-content .main-desc .description h3 .case-icon{width:18px;height:18px;border:1px solid #9da4b7;border-radius:5px;margin-right:4px}.details-content .main-desc .description h3 span{vertical-align:middle}.details-content .main-desc .cover{width:35%;min-width:280px;max-width:320px;-o-object-fit:contain;object-fit:contain;flex-shrink:0;margin-left:20px}.details-content .common-desc-card{padding-top:60px}.details-content .common-desc-card h2{position:relative;margin:5px 0}.details-content .common-desc-card h2::after{content:"";position:absolute;left:0;bottom:2px;background:linear-gradient(90deg, #006DEB 0%, rgba(255, 255, 255, 0) 100%);height:8px;width:60px;z-index:0}.details-content .common-desc-card h2 span{position:relative;z-index:10}.details-content .desc-image{width:100%;-o-object-fit:contain;object-fit:contain;max-width:800px;margin:20px auto;display:block}@media only screen and (min-width: 1680px){.details-content .main-desc .description h3{font-size:24px}.details-content .main-desc .description h3 .case-icon{width:24px;height:24px}.case-nav{margin-right:60px}.case-nav li a{font-size:18px}.details-content p{line-height:30px}}@media screen and (min-width: 0px)and (max-width: 820px){.banner-box img{min-height:130px;-o-object-fit:cover;object-fit:cover}.banner-box .title{display:block}.content-wrapper-flex{display:block;padding:0;margin-top:0}.case-nav{margin-right:0;display:block;top:0;left:0;right:0;background-color:#fff}.case-nav ul{display:flex;justify-content:space-around;align-items:center;border-left:0;border-bottom:1px solid rgba(112,112,112,.075);height:auto;padding-top:5px;margin-bottom:0}.case-nav ul li,.case-nav ul li:hover{padding:8px 0;padding-left:0;position:relative;border-left:0}.case-nav ul li a,.case-nav ul li:hover a{color:#3b4050;font-weight:400}.case-nav ul li.active,.case-nav ul li:hover[class=active],.case-nav ul li:hover.active,.case-nav ul li:hover:hover[class=active]{border-left:0}.case-nav ul li.active::after,.case-nav ul li:hover[class=active]::after,.case-nav ul li:hover.active::after,.case-nav ul li:hover:hover[class=active]::after{content:"";position:absolute;bottom:-1.5px;left:0;right:0;height:3px;width:25px;margin:auto;background:linear-gradient(to right, #00EBD0, #14AEFF)}.case-nav ul li.active a,.case-nav ul li:hover[class=active] a,.case-nav ul li:hover.active a,.case-nav ul li:hover:hover[class=active] a{color:#1f2431;font-weight:500}.case-nav ul li+li{margin-top:0}.details-content{padding-top:60px}.details-content p{margin:0}.details-content .main-desc{justify-content:flex-end;flex-direction:column-reverse;flex-wrap:wrap}.details-content .main-desc .cover{width:100%;max-width:100%;margin-left:0;margin-bottom:30px}.details-content .main-desc h3{display:none}.details-content .main-desc p{padding:0 20px}.details-content .common-desc-card{padding:40px 20px 0 20px}.details-content .common-desc-card:last-child{margin-bottom:50px}.details-content .common-desc-card h2{display:none}}