.demibold{font-family:Avenir Next Bold}.nextbold{font-family:Avenir Next Demi}.primary-red{color:#e3002b}.primary-click{color:#526ecc;cursor:pointer}.flex-col{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.flex-col,.flex-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.flex-row{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}.justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.justify-center,.justify-start{display:-webkit-box;display:-ms-flexbox;display:flex}.justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.justify-end,.justify-evenly{display:-webkit-box;display:-ms-flexbox;display:flex}.justify-evenly{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.justify-around{-ms-flex-pack:distribute;justify-content:space-around}.justify-around,.justify-between{display:-webkit-box;display:-ms-flexbox;display:flex}.justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.align-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.align-center,.align-start{display:-webkit-box;display:-ms-flexbox;display:flex}.align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.align-end{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.technologies-wrapper{padding-top:80px}.technologies-wrapper .title{font-size:32px;color:#040818;font-weight:600;font-family:Avenir Next Demi;text-align:center;margin-bottom:60px;line-height:44px}.technologies-wrapper .title-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:1200px;margin:auto}.technologies-wrapper .title-list ul{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:0}.technologies-wrapper .title-list ul li{width:300px;height:150px;background-color:#fff;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;padding:29px 20px 0;display:-webkit-box;display:-ms-flexbox;display:flex}.technologies-wrapper .title-list ul li .box{width:260px;height:121px;background-color:transparent;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.technologies-wrapper .title-list ul li .box .li-title{font-family:Avenir Next Demi;font-size:20px;color:#3b445c;font-weight:600;margin-top:12px;line-height:27px}.technologies-wrapper .title-list ul li .box svg{width:48px;height:48px}.technologies-wrapper .title-list ul .active{background:hsla(0,0%,84.7%,.2)}.technologies-wrapper .title-list ul .active .box{border-bottom:4px solid #3f60fb}.technologies-wrapper .title-list ul .active .box svg{color:#3f60fb}.technologies-wrapper .detail-info{width:100%;height:420px;background-color:#f0f2f5}.technologies-wrapper .detail-info .box{max-width:1200px;padding:50px 0;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.technologies-wrapper .detail-info .box li{width:360px;height:300px;background-color:#fff;-webkit-box-shadow:0 4px 14px 0 rgba(0,0,0,.1);box-shadow:0 4px 14px 0 rgba(0,0,0,.1);padding:40px 20px 32px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}.technologies-wrapper .detail-info .box li .title{font-family:Avenir Next Demi;font-size:20px;color:#3b445c;font-weight:600;line-height:27px;margin-bottom:18px}.technologies-wrapper .detail-info .box li .desc{line-height:22px;font-size:16px;color:#888b99;font-weight:400}.technologies-wrapper .detail-info .box li a{position:absolute;bottom:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.technologies-wrapper .detail-info .box li .btn{font-size:16px;color:#3b445c;font-weight:400;width:136px;height:36px;background-color:#fff;line-height:normal}.technologies-wrapper .detail-info .box li:hover{top:-10px}.technologies-wrapper .detail-info .box li:hover .title{color:#3f60fb}.technologies-wrapper .detail-info .box li:hover .btn{border:none;background:#3f60fb;color:#fff}