.technology-application{box-sizing: border-box;padding-top: 80px;letter-spacing: 2px;min-height: 100vh;display: flex;flex-direction: column;background: #F7F8FC;}
.technology-application .tech-main{flex: 1;box-sizing: border-box;padding: 0 12.5%;margin-top: 40px;display: flex;}
.technology-application .tech-main .left-column{width: 260px;}
.technology-application .tech-main .left-column .column-item{width: 100%;height: 80px;display: flex;align-items: center;box-sizing: border-box;padding-left: 34px;background: #EFF3F7;border-radius: 10px 10px 0px 0px;
font-size: 18px;font-weight: 600;color: #333333;}
.technology-application .tech-main .left-column .column-item img{width: 30px;height:30px;display: block;margin-right: 30px;}
.technology-application .tech-main .left-column .column-list{width: 100%;height: 80px;background: #FFFFFF;display: flex;align-items: center;
box-sizing: border-box;padding-left: 25px;font-size: 16px;font-weight: 600;color: #333333;position: relative;}
.technology-application .tech-main .left-column .column-list:last-child{border-radius: 0px 0px 10px 10px;}
.technology-application .tech-main .left-column .column-list img{width: 50px;height: 50px;display: block;margin-right: 18px;}
.technology-application .tech-main .left-column .column-list_active{background: #DEEAFC !important;}
.technology-application .tech-main .left-column .column-list .blue-line{position: absolute;left: 0;margin: auto 0;width: 4px;height: 38px;
background: #2374ED;}
.technology-application .tech-main .show-main{margin-left: 20px;flex: 1;}
.technology-application .tech-main .show-main .sx-case{background: #FFFFFF;border-radius: 10px;box-sizing: border-box;padding: 30px 24px 0 24px;margin-bottom: 20px;}
.technology-application .tech-main .show-main .sx-case .sand-table{display: flex;align-items: center;justify-content: space-between;}
.technology-application .tech-main .show-main .sx-case .sand-table .sp-btn{transition: all 0.8s;width: 121px;height: 40px;background: #2374ED;border-radius: 10px;display: flex;align-items: center;justify-content: center;
font-size: 14px;font-weight: 400;color: #FFFFFF;}
.technology-application .tech-main .show-main .sx-case .sand-table .sp-btn img{width: 20px;height: 20px;display: block;margin-right: 7px;}
.technology-application .tech-main .show-main .sx-case .cp-title{font-size: 24px;font-weight: bold;color: #2374ED;}
.technology-application .tech-main .show-main .sx-case .introduction{display: flex;align-items: center;margin-top: 30px;font-size: 18px;font-weight: 600;color: #333333;}
.technology-application .tech-main .show-main .sx-case .introduction .triangle{width: 20px;height: 20px;margin-right: 3px;}
.technology-application .tech-main .show-main .sx-case .introduction .triangle img{width: 100%;height: 100%;display: block;}
.technology-application .tech-main .show-main .sx-case .introduction .bias{width: 20px;height: 20px;margin-left: 15px;}
.technology-application .tech-main .show-main .sx-case .introduction .hui-line{flex: 1;height: 17px;border-top: 1px solid #EEEDF0;}
.technology-application .tech-main .show-main .sx-case .cp-content{margin-top: 30px;font-size: 16px;font-weight: 500;color: #333333;line-height: 30px;}
.technology-application .tech-main .show-main .sx-case .cp-content p{text-indent: 2em;text-overflow:ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.technology-application .tech-main .show-main .sx-case .cp-content .all-equipment{display: flex;flex-wrap: wrap;/*align-items: center;*/margin-top: 30px;}
.technology-application .tech-main .equ-item{display: flex;flex-direction: column;align-items: center;font-size: 14px;font-weight: 600;
color: #333333;margin: 0 1.3% 30px 0;width: 24%;}
.technology-application .tech-main .equ-item:nth-child(4n){margin-right: 0;}
.technology-application .tech-main .equ-item .equ-photo{width: 100%;height:0!important;padding-bottom: 67%;background: #F4F7FA;border-radius: 10px;display: flex;align-items: center;justify-content: center;overflow: hidden;margin-bottom: 20px;border:1px solid #eee;position: relative;/*box-shadow: 2px 2px 6px 2px #eee;*/}
.technology-application .tech-main .equ-item .equ-photo img{transition: all 0.8s;position: absolute;top: 0;bottom:0;left:0;right:0;width:100%;height:100%;object-fit: cover;}
.technology-application .tech-main .show-main .paging{display: flex;align-items: center;justify-content: flex-end;margin: 40px 0;}
.technology-application .tech-main .show-main .paging .paging-item{width: 32px;height: 32px;background: #F5F5F7;margin-left: 20px;line-height: 32px;border-radius:3px;text-align: center;}
.technology-application .tech-main .show-main .paging .paging-item_active {background: #2374ED;color: #FFFFFF !important;}
.technology-application .recommend{box-sizing: border-box;padding: 60px 12.5%;background: #FFFFFF;}
.technology-application .recommend .reco-title{display: flex;align-items: center;}
.technology-application .recommend .reco-title img{width: 30px;height: 30px;display: block;margin-right: 11px;}
.technology-application .recommend .reco-title .reco-name{font-size: 26px;font-weight: bold;color: #333333;}
.technology-application .recommend .reco-title .reco-name span{color: #2374ED;}
.technology-application .recommend .all-reco-box{margin-top: 38px;display: flex;align-items: center;}
.technology-application .recommend .all-reco-box .reco-list{width: 24%;display: flex;flex-direction: column;font-size: 16px;font-weight: 600;color: #333333;margin-right: 1.3%;}
.technology-application .recommend .all-reco-box .reco-list:last-child{margin-right: 0;}
.technology-application .recommend .all-reco-box .reco-list .reco-img{width: 100%;height: 0;padding-bottom: 67%;overflow: hidden;margin-bottom: 20px;background-color: #F4F7FA;border-radius: 10px;display:flex;justify-content:center;align-items:center;border:1px solid #eee;position:relative;}
.technology-application .recommend .all-reco-box .reco-list .reco-img img{width: 100%;height: 100%;object-fit:cover;transition: all 0.8s;position:absolute;top:0;bottom:0;left:0;right:0;}
.technology-application .recommend .all-reco-box .reco-list{text-align:center;}
.technology-application .recommend .all-reco-box .reco-list span{text-overflow:ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}