/* ali.css：原站 el_style + home_style_desktop + style2 合并（_ali_full_merge.css）；背景图使用本地 ../image；文末含栅格补充 */ .container-el.el-ly .el {display:none;text-decoration:none;-webkit-perspective:800px;-ms-perspective:800px;perspective:800px;position:relative;text-align:center;opacity:0;-webkit-transition:all 1.5s ease;-o-transition:all 1.5s ease;transition:all 1.5s ease} .container-el.el-ly .el.displayBlock {display:block} .container-el.el-ly .el.show {opacity:1} .container-el.el-ly .el.hide {-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;opacity:0} .container-el.el-ly .el .link-zone {cursor:pointer;position:absolute;left:0;top:0;height:100%;width:100%;z-index:1} .container-el.el-ly .el .container-illu {position:relative;height:21vw;width:100%} .container-el.el-ly .el .container-illu .container-obj {position:absolute;height:100%;width:100%;left:0;top:0;-webkit-transform:translateZ(-50px);-ms-transform:translateZ(-50px);transform:translateZ(-50px)} .container-el.el-ly .el .container-illu .container-device {height:100%;width:100%;z-index: 22;position: relative;} .container-el.el-ly .el .container-illu .container-device .device.desktop .head {position:absolute;z-index:1;left:0;top:0;width:100%;height:21px;background-color:#fff;border-radius:5px 5px 0 0} .container-el.el-ly .el .container-illu .container-device .device.desktop .head .ptn {position:absolute;height:5px;width:5px;border-radius:3px;top:50%;background-color:#232426;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);opacity:.2} .container-el.el-ly .el .container-illu .container-device .device.desktop .head .ptn:nth-child(1) {left:6px} .container-el.el-ly .el .container-illu .container-device .device.desktop .head .ptn:nth-child(2) {left:16px} .container-el.el-ly .el .container-illu .container-device .device.desktop .head .ptn:nth-child(3) {left:26px} .container-el.el-ly .el.desktop .container-illu .container-device {-webkit-box-shadow:0 15px 28px 0 rgba(0,0,0,.3);box-shadow:0 15px 28px 0 rgba(0,0,0,.3);width:100%;height:100%;padding-top:21px;-webkit-transform-style:preserve-3d;will-change:transform;-webkit-transform:translateZ(200px) rotate3d(-1,-1,0,60deg);-ms-transform:translateZ(200px) rotate3d(-1,-1,0,60deg);transform:translateZ(200px) rotate3d(-1,-1,0,60deg);-webkit-transition:all 1500ms cubic-bezier(0,.785,0,1);-o-transition:all 1500ms cubic-bezier(0,.785,0,1);transition:all 1500ms cubic-bezier(0,.785,0,1)} .container-el.el-ly .el.desktop.show .container-illu .container-device {-webkit-transform:translateZ(0px) rotate3d(0,0,0,0deg);-ms-transform:translateZ(0px) rotate3d(0,0,0,0deg);transform:translateZ(0px) rotate3d(0,0,0,0deg)} .container-el.el-ly .el.desktop.hide .container-illu .container-device {opacity:0;-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;-webkit-transform:rotate3d(0,0,0,0deg);-ms-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)} .container-el.el-ly .el.desktop .container-illu .container-device .device {height:100%;width:100%} .container-el.el-ly .el.desktop .container-illu .device .container-screen {width:100%;height:100%;position:relative;overflow:hidden} .container-el.el-ly .el.desktop .container-illu .device .container-screen img {position:absolute;top:0;left:0;width:100%} .container-el.el-ly .el.mobile .container-illu .device {height:100%;position:absolute;top:50%;filter:drop-shadow(0px 14px 28px rgba(0,0,0,0.3));-webkit-filter:drop-shadow(0px 14px 28px rgba(0,0,0,0.3));-moz-filter:drop-shadow(0px 14px 28px rgba(0,0,0,0.3))} .container-el.el-ly .el.mobile .container-illu .device:nth-child(1) {left:31%} .container-el.el-ly .el.mobile .container-illu .device:nth-child(2) {right:31%} .container-el.el-ly .el.mobile .container-illu .container-device .device {will-change:transform;opacity:0;-webkit-transition:all 1500ms cubic-bezier(0,.785,0,1);-o-transition:all 1500ms cubic-bezier(0,.785,0,1);transition:all 1500ms cubic-bezier(0,.785,0,1)} .container-el.el-ly .el.mobile .container-illu .container-device .device:nth-child(1) {-webkit-transform:translateZ(200px) rotate3d(-1,-1,0,60deg) translate(-50%,-50%);-ms-transform:translateZ(200px) rotate3d(-1,-1,0,60deg) translate(-50%,-50%);transform:translateZ(200px) rotate3d(-1,-1,0,60deg) translate(-50%,-50%);-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s} .container-el.el-ly .el.mobile .container-illu .container-device .device:nth-child(2) {-webkit-transform:translateZ(200px) rotate3d(-1,-1,0,60deg) translate(50%,-50%);-ms-transform:translateZ(200px) rotate3d(-1,-1,0,60deg) translate(50%,-50%);transform:translateZ(200px) rotate3d(-1,-1,0,60deg) translate(50%,-50%);-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s} .container-el.el-ly .el.mobile.show .container-illu .container-device .device {opacity:1} .container-el.el-ly .el.mobile.show .container-illu .container-device .device:nth-child(1) {-webkit-transform:translateZ(0px) translate(-50%,-50%) rotateY(0deg);-ms-transform:translateZ(0px) translate(-50%,-50%) rotateY(0deg);transform:translateZ(0px) translate(-50%,-50%) rotateY(0deg);-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s} .container-el.el-ly .el.mobile.show .container-illu .container-device .device:nth-child(2) {-webkit-transform:translateZ(0px) translate(50%,-50%) rotateY(0deg);-ms-transform:translateZ(0px) translate(50%,-50%) rotateY(0deg);transform:translateZ(0px) translate(50%,-50%) rotateY(0deg);-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s} .container-el.el-ly .el.mobile.hide .container-illu .container-device .device:nth-child(1) {-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s} .container-el.el-ly .el.mobile.hide .container-illu .container-device .device:nth-child(2) {-webkit-transform:translate(50%,-50%);-ms-transform:translate(50%,-50%);transform:translate(50%,-50%);-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s} .container-el.el-ly .el.mobile.hide .container-illu .container-device .device {-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;opacity:0} .container-el.el-ly .el.mobile .container-illu .device .iphone {height:100%;position:relative;z-index:1} .container-el.el-ly .el.mobile .container-illu .device .container-screen {overflow:hidden;position:absolute;top:50%;left:50%;width:89%;height:95.5%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .container-el.el-ly .el.mobile .container-illu .container-device .soon {padding:4px 12px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) translateZ(10px);transform:translate(-50%,-50%) translateZ(10px);opacity:0;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} .container-el.el-ly .el.mobile.show .container-illu .container-device .soon {-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s;opacity:1} .container-el.el-ly .el.mobile .container-illu .container-device .soon:before {content:'';position:absolute;left:0;top:0;height:100%;width:100%;border-radius:30px;-webkit-box-shadow:0 6px 24px 0 rgba(0,0,0,.2);box-shadow:0 6px 24px 0 rgba(0,0,0,.2);-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} .container-el.el-ly .el.mobile.show .container-illu .container-device .soon:before {-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s;-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)} .container-el.el-ly .el.mobile .container-illu .container-device .soon span {position:relative;font-family:National-Bold;font-size:24px} .container-el.el-ly .el.mobile .container-illu .container-device .device .container-screen img {width:100%} .container-el.el-ly .el.mobile .container-illu .container-device .device .container-screen img.unscroll {min-height:100%} .container-el.el-ly .el.mobile .container-illu .container-device .device .container-screen img.scroll {position:absolute;top:0;left:0} .container-el.el-ly .el.mobile .container-illu .container-device .device .container-screen img.header {position:absolute;z-index:1;top:0;left:0} .container-el.el-ly .el.mobile .container-illu .container-device .device .container-screen img.footer {position:absolute;z-index:1;bottom:0;left:0} .container-el.el-ly .el.el-qonto .container-illu .bubble-group {position:absolute;width:35%;opacity:.6} .container-el.el-ly .el.el-qonto .container-illu .bubble-group.left {left:0;top:-40px;-webkit-transform:translateZ(0) translateX(-50%);-ms-transform:translateZ(0) translateX(-50%);transform:translateZ(0) translateX(-50%)} .container-el.el-ly .el.el-qonto .container-illu .bubble-group.right {right:0;top:-40px;-webkit-transform:translateZ(0) translateX(50%) rotateY(180deg);-ms-transform:translateZ(0) translateX(50%) rotateY(180deg);transform:translateZ(0) translateX(50%) rotateY(180deg)} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>* {opacity:0;animation-duration:3s;-webkit-animation-duration:3s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:cubic-bezier(0,0,.58,1);animation-timing-function:cubic-bezier(0,0,.58,1)} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(1) {-webkit-animation-delay:0s;animation-delay:0s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(2) {-webkit-animation-delay:2s;animation-delay:2s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(3) {-webkit-animation-delay:.1s;animation-delay:.1s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(4) {-webkit-animation-delay:1.1s;animation-delay:1.1s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(5) {-webkit-animation-delay:.2s;animation-delay:.2s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(6) {-webkit-animation-delay:1.2s;animation-delay:1.2s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(7) {-webkit-animation-delay:1.9s;animation-delay:1.9s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(8) {-webkit-animation-delay:1.5s;animation-delay:1.5s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(9) {-webkit-animation-delay:.5s;animation-delay:.5s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(10) {-webkit-animation-delay:.9s;animation-delay:.9s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(11) {-webkit-animation-delay:0s;animation-delay:0s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(12) {-webkit-animation-delay:2s;animation-delay:2s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(13) {-webkit-animation-delay:.3s;animation-delay:.3s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(14) {-webkit-animation-delay:1.4s;animation-delay:1.4s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(15) {-webkit-animation-delay:.2s;animation-delay:.2s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(16) {-webkit-animation-delay:1.1s;animation-delay:1.1s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(17) {-webkit-animation-delay:1.7s;animation-delay:1.7s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(18) {-webkit-animation-delay:1.3s;animation-delay:1.3s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(19) {-webkit-animation-delay:.7s;animation-delay:.7s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(20) {-webkit-animation-delay:1.1s;animation-delay:1.1s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(21) {-webkit-animation-delay:0s;animation-delay:0s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(22) {-webkit-animation-delay:2s;animation-delay:2s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(23) {-webkit-animation-delay:.5s;animation-delay:.5s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(24) {-webkit-animation-delay:.1s;animation-delay:.1s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(25) {-webkit-animation-delay:.6s;animation-delay:.6s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(26) {-webkit-animation-delay:1.5s;animation-delay:1.5s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(27) {-webkit-animation-delay:1.9s;animation-delay:1.9s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(28) {-webkit-animation-delay:1.5s;animation-delay:1.5s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(29) {-webkit-animation-delay:1.5s;animation-delay:1.5s} @keyframes qontoBubbleAnimLeft {0% {opacity:0;-webkit-transform:translateZ(0) translate(20px,20px);-ms-transform:translateZ(0) translate(20px,20px);transform:translateZ(0) translate(20px,20px)} 20% {opacity:1} 100% {opacity:0;-webkit-transform:translateZ(0) translate(-5px,-5px);-ms-transform:translateZ(0) translate(-5px,-5px);transform:translateZ(0) translate(-5px,-5px)} } @-webkit-keyframes qontoBubbleAnimLeft {0% {opacity:0;-webkit-transform:translateZ(0) translate(20px,20px);-ms-transform:translateZ(0) translate(20px,20px);transform:translateZ(0) translate(20px,20px)} 20% {opacity:1} 100% {opacity:0;-webkit-transform:translateZ(0) translate(-5px,-5px);-ms-transform:translateZ(0) translate(-5px,-5px);transform:translateZ(0) translate(-5px,-5px)} } @keyframes qontoBubbleAnimRight {0% {opacity:0;-webkit-transform:translateZ(0) translate(-20px,20px);-ms-transform:translateZ(0) translate(-20px,20px);transform:translateZ(0) translate(-20px,20px)} 20% {opacity:1} 100% {opacity:0;-webkit-transform:translateZ(0) translate(5px,5px);-ms-transform:translateZ(0) translate(5px,5px);transform:translateZ(0) translate(5px,5px)} } @-webkit-keyframes qontoBubbleAnimRight {0% {opacity:0;-webkit-transform:translateZ(0) translate(-20px,20px);-ms-transform:translateZ(0) translate(-20px,20px);transform:translateZ(0) translate(-20px,20px)} 20% {opacity:1} 100% {opacity:0;-webkit-transform:translateZ(0) translate(5px,5px);-ms-transform:translateZ(0) translate(5px,5px);transform:translateZ(0) translate(5px,5px)} } .container-el.el-ly .el.el-qonto.show .container-illu .bubble-group.left g>* {animation-name:qontoBubbleAnimLeft;-webkit-animation-name:qontoBubbleAnimLeft} .container-el.el-ly .el.el-qonto.show .container-illu .bubble-group.right g>* {animation-name:qontoBubbleAnimRight;-webkit-animation-name:qontoBubbleAnimRight} .container-el.el-ly .el.el-marks .container-illu .obj-1 {position:absolute;right:-33px;top:-10px;width:60px;opacity:0;-webkit-transform:scale(0) translateY(120px);-ms-transform:scale(0) translateY(120px);transform:scale(0) translateY(120px)} .container-el.el-ly .el.el-marks .container-illu .obj-2 {position:absolute;right:-10px;top:0;width:120px;opacity:0} .container-el.el-ly .el.el-marks .container-illu .obj-3 {position:absolute;right:10px;top:140px;width:36px;opacity:0;-webkit-transform:scale(0) translateY(120px);-ms-transform:scale(0) translateY(120px);transform:scale(0) translateY(120px)} .container-el.el-ly .el.el-marks.show .container-illu .obj-1 {-webkit-transition:all .45s ease;-o-transition:all .45s ease;transition:all .45s ease;opacity:1;-webkit-transform:scale(1) translateY(0px);-ms-transform:scale(1) translateY(0px);transform:scale(1) translateY(0px)} .container-el.el-ly .el.el-marks.show .container-illu .obj-2 {-webkit-transition:transform 10s ease,opacity 1s ease;-o-transition:transform 10s ease,opacity 1s ease;-webkit-transition:opacity 1s ease,-webkit-transform 10s ease;transition:opacity 1s ease,-webkit-transform 10s ease;transition:transform 10s ease,opacity 1s ease;transition:transform 10s ease,opacity 1s ease,-webkit-transform 10s ease;opacity:1;-webkit-transform:translateY(-80px);-ms-transform:translateY(-80px);transform:translateY(-80px)} .container-el.el-ly .el.el-marks.show .container-illu .obj-3 {-webkit-transition:all .45s ease;-o-transition:all .45s ease;transition:all .45s ease;-webkit-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s;opacity:1;-webkit-transform:scale(1) translateY(0px);-ms-transform:scale(1) translateY(0px);transform:scale(1) translateY(0px)} .container-el.el-ly .el.el-chauffeurprive .container-obj .obj-1 {height:100%;width:40%;background-color:rgba(0,0,0,.1);-webkit-transform:translate(-20%,10%) skew(-5deg) scaleY(0);-ms-transform:translate(-20%,10%) skew(-5deg) scaleY(0);transform:translate(-20%,10%) skew(-5deg) scaleY(0);-webkit-transition:all 1.5s cubic-bezier(0,.785,0,1);-o-transition:all 1.5s cubic-bezier(0,.785,0,1);transition:all 1.5s cubic-bezier(0,.785,0,1)} .container-el.el-ly .el.el-chauffeurprive.show .container-obj .obj-1 {-webkit-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s;-webkit-transform:translate(-20%,10%) skew(-5deg) scaleY(1);-ms-transform:translate(-20%,10%) skew(-5deg) scaleY(1);transform:translate(-20%,10%) skew(-5deg) scaleY(1)} .container-el.el-ly .el.el-lecollectionist .container-obj .obj-1 {background-color:#f9eee7;background-blend-mode:multiply;background-position:center center;background-size:cover;width:60%;height:100%;position:absolute;right:-20%;top:50%;-webkit-transform:translateX(0%) translateY(-50%);-ms-transform:translateX(0%) translateY(-50%);transform:translateX(0%) translateY(-50%);-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} .container-el.el-ly .el.el-orangelabs .container-obj .obj-1 {background-blend-mode:hard-light;background-position:center center;background-size:cover;height:90%;width:40%;opacity:0;position:absolute;left:50%;top:10%;opacity:1;-webkit-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .container-el.el-ly .el.el-orangelabs .container-obj .obj-1 {opacity:1} .container-el.el-ly .el.el-mondocteur .container-obj .obj-1 {position:absolute;width:80%;top:-56%;right:-25%} .container-el.el-ly .el.el-engie .container-obj .obj-1 {position:absolute;right:80%;width:40%;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)} .container-el.el-ly .el.el-engie .container-obj .obj-2 {position:absolute;right:80%;width:80%;top:40%} .container-el.el-ly .el.el-owkin .container-obj .obj-1 {position:absolute;right:50%;width:100%;top:70%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);opacity:0} .container-el.el-ly .el.el-owkin .container-obj .obj-2 {position:absolute;right:50%;width:100%;height:100%;top:70%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background-repeat:no-repeat;background-position:center center;background-size:cover;z-index:1;opacity:0} .container-el.el-ly .el.el-owkin.show .container-obj .obj-1,.container-el.el-ly .el.el-owkin.show .container-obj .obj-2 {opacity:1;-webkit-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease} .container-el.el-ly .el.el-peech .container-obj {z-index:1;-webkit-transform:translateZ(0px);-ms-transform:translateZ(0px);transform:translateZ(0px)} .container-el.el-ly .el.el-peech .container-obj .obj-1 {position:absolute;right:-23%;z-index:1;width:30%;top:90%;-webkit-transform:translateY(-30%);-ms-transform:translateY(-30%);transform:translateY(-30%);-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;opacity:0;-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s} .container-el.el-ly .el.el-peech .container-obj .obj-2 {position:absolute;left:-23%;z-index:1;width:30%;top:90%;-webkit-transform:translateY(-30%);-ms-transform:translateY(-30%);transform:translateY(-30%);-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;opacity:0} .container-el.el-ly .el.el-peech.show .container-obj .obj-1,.container-el.el-ly .el.el-peech.show .container-obj .obj-2 {opacity:1;-webkit-transform:translateY(-50%) translateX(0%);-ms-transform:translateY(-50%) translateX(0%);transform:translateY(-50%) translateX(0%)} .container-el.el-ly .el.el-lefty .container-obj .obj-1 {position:absolute;right:-26%;z-index:1;width:70%;top:-35%;-webkit-transform:rotate(-20deg) translate(-20%,20%);-ms-transform:rotate(-20deg) translate(-20%,20%);transform:rotate(-20deg) translate(-20%,20%);-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease} .container-el.el-ly .el.el-lefty.show .container-obj .obj-1 {-webkit-transform:none;-ms-transform:none;transform:none} .container-el.el-ly .el.el-influence .container-obj .obj-1 {background:-webkit-gradient(linear,right top,left top,from(#FF633C),to(#FF3C79));background:-webkit-linear-gradient(right,#FF633C 0%,#FF3C79 100%);background:-o-linear-gradient(right,#FF633C 0%,#FF3C79 100%);background:linear-gradient(270deg,#FF633C 0%,#FF3C79 100%);position:absolute;right:-35%;z-index:1;width:100%;height:100%;top:-35%;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all .5s cubic-bezier(1,.005,.305,1);-o-transition:all .5s cubic-bezier(1,.005,.305,1);transition:all .5s cubic-bezier(1,.005,.305,1)} .container-el.el-ly .el.el-influence.show .container-obj .obj-1 {-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)} .container-el.el-ly .el.el-influence .container-obj .obj-2 {background:-webkit-gradient(linear,right top,left top,from(#FF3C79),to(#FF633C));background:-webkit-linear-gradient(right,#FF3C79 0%,#FF633C 100%);background:-o-linear-gradient(right,#FF3C79 0%,#FF633C 100%);background:linear-gradient(270deg,#FF3C79 0%,#FF633C 100%);position:absolute;left:-35%;z-index:1;width:70%;height:70%;bottom:5%;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all .5s cubic-bezier(1,.005,.305,1);-o-transition:all .5s cubic-bezier(1,.005,.305,1);transition:all .5s cubic-bezier(1,.005,.305,1)} .container-el.el-ly .el.el-influence.show .container-obj .obj-2 {-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s;-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)} .container-el.el-ly .el.el-gamology .container-obj .obj-1 {position:absolute;right:-26%;z-index:1;width:30%;top:50%;-webkit-transform:translateY(-50%) translateX(30%);-ms-transform:translateY(-50%) translateX(30%);transform:translateY(-50%) translateX(30%);fill:transparent;stroke:#fff;stroke-width:3px;stroke-dasharray:700;stroke-dashoffset:700;-webkit-transition:all 2s cubic-bezier(1,.005,.305,1),fill 3s cubic-bezier(1,.005,.305,1),-webkit-transform 3s cubic-bezier(1,.005,.305,1);transition:all 2s cubic-bezier(1,.005,.305,1),fill 3s cubic-bezier(1,.005,.305,1),-webkit-transform 3s cubic-bezier(1,.005,.305,1);-o-transition:all 2s cubic-bezier(1,.005,.305,1),fill 3s cubic-bezier(1,.005,.305,1),transform 3s cubic-bezier(1,.005,.305,1);transition:all 2s cubic-bezier(1,.005,.305,1),fill 3s cubic-bezier(1,.005,.305,1),transform 3s cubic-bezier(1,.005,.305,1);transition:all 2s cubic-bezier(1,.005,.305,1),fill 3s cubic-bezier(1,.005,.305,1),transform 3s cubic-bezier(1,.005,.305,1),-webkit-transform 3s cubic-bezier(1,.005,.305,1)} .container-el.el-ly .el.el-gamology.show .container-obj .obj-1 {fill:#fff;stroke-dashoffset:0;-webkit-transform:translateY(-50%) translateX(0%);-ms-transform:translateY(-50%) translateX(0%);transform:translateY(-50%) translateX(0%)} .container-el.el-ly .el.el-thoughtspot .container-obj .obj-1 {position:absolute;left:-15%;z-index:1;width:30%;top:-45%;-webkit-transform:translate(100%,100%);-ms-transform:translate(100%,100%);transform:translate(100%,100%);-webkit-transition:all 2s cubic-bezier(1,.005,.305,1);-o-transition:all 2s cubic-bezier(1,.005,.305,1);transition:all 2s cubic-bezier(1,.005,.305,1)} .container-el.el-ly .el.el-thoughtspot .container-obj .obj-2 {position:absolute;left:-36%;z-index:1;width:50%;top:5%;-webkit-transform:translate(50%,50%);-ms-transform:translate(50%,50%);transform:translate(50%,50%);-webkit-transition:all 2s cubic-bezier(1,.005,.305,1);-o-transition:all 2s cubic-bezier(1,.005,.305,1);transition:all 2s cubic-bezier(1,.005,.305,1);-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s} .container-el.el-ly .el.el-thoughtspot .container-obj .obj-3 {position:absolute;left:-16%;z-index:1;width:40%;top:50%;-webkit-transform:translate(50%,50%);-ms-transform:translate(50%,50%);transform:translate(50%,50%);-webkit-transition:all 2s cubic-bezier(1,.005,.305,1);-o-transition:all 2s cubic-bezier(1,.005,.305,1);transition:all 2s cubic-bezier(1,.005,.305,1);-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s} .container-el.el-ly .el.el-thoughtspot.show .container-obj .obj-1,.container-el.el-ly .el.el-thoughtspot.show .container-obj .obj-2,.container-el.el-ly .el.el-thoughtspot.show .container-obj .obj-3 {-webkit-transform:translate(0%,0%);-ms-transform:translate(0%,0%);transform:translate(0%,0%)} .container-el.el-ly .el.el-alwaysdata .container-obj .obj-1 {position:absolute;right:-44%;z-index:1;width:70%;top:50%;-webkit-transform:translateY(-30%);-ms-transform:translateY(-30%);transform:translateY(-30%);opacity:0;-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease} .container-el.el-ly .el.el-alwaysdata.show .container-obj .obj-1 {opacity:1;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)} .container-el.el-ly .el.el-buzzman .container-obj .obj-1 {position:absolute;width:150%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .container-el.el-ly .el.el-buzzman .container-obj .obj-1 path {display:block;opacity:0;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)} .container-el.el-ly .el.el-buzzman .container-obj .obj-1 path.dl-tr {-webkit-transition:all 1.5s cubic-bezier(.5,-.01,0,1.005);-o-transition:all 1.5s cubic-bezier(.5,-.01,0,1.005);transition:all 1.5s cubic-bezier(.5,-.01,0,1.005)} .container-el.el-ly .el.el-buzzman .container-obj .obj-1 path.dl-tr:nth-child(2n+1) {-webkit-transition-delay:.35s;-o-transition-delay:.35s;transition-delay:.35s} .container-el.el-ly .el.el-buzzman .container-obj .obj-1 path.dl-tr:nth-child(3n+1) {-webkit-transition-delay:.25s;-o-transition-delay:.25s;transition-delay:.25s} .container-el.el-ly .el.el-buzzman .container-obj .obj-1 path.dl-tr:nth-child(4n+1) {-webkit-transition-delay:.45s;-o-transition-delay:.45s;transition-delay:.45s} .container-el.el-ly .el.el-buzzman.show .container-obj .obj-1 path {opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .container-el.el-ly .el.el-bilionairebay .container-obj .obj-1 {position:absolute;right:-44%;z-index:1;width:100%;top:10%;opacity:0;-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease} .container-el.el-ly .el.el-bilionairebay.show .container-obj .obj-1 {opacity:1} .container-el.el-ly .el.el-xola .container-obj .obj-1 {position:absolute;left:0;z-index:1;width:130%;top:-100%;opacity:0;-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;-webkit-transform:translateY(10%);-ms-transform:translateY(10%);transform:translateY(10%)} .container-el.el-ly .el.el-xola.show .container-obj .obj-1 {opacity:1;-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)} .container-el.el-ly .el.el-xola .container-obj .obj-2 {position:absolute;left:0;z-index:1;width:130%;height:128%;top:-100%;background-repeat:no-repeat;background-position:center center;background-size:cover;z-index:1} .container-el.el-ly .el.el-uber .container-illu .container-device .soon:before {background-color:#1c1b1b} .container-el.el-ly .el.el-uber .container-illu .container-device .soon span {color:#fff} .container-el.el-ly .el.el-axa .container-illu .container-device .soon:before {background-color:#2b13a6} .container-el.el-ly .el.el-axa .container-illu .container-device .soon span {color:#fff} .container-el.el-ly .el.el-blackpills .container-obj .obj-1 {position:absolute;width:130%;top:50%;left:50%;opacity:0;-webkit-transform:translate(-50%,-50%) scale(.4) rotate(30deg);-ms-transform:translate(-50%,-50%) scale(.4) rotate(30deg);transform:translate(-50%,-50%) scale(.4) rotate(30deg);-webkit-transition:all 1500ms cubic-bezier(0,.785,0,1);-o-transition:all 1500ms cubic-bezier(0,.785,0,1);transition:all 1500ms cubic-bezier(0,.785,0,1)} .container-el.el-ly .el.el-blackpills.show .container-obj .obj-1 {opacity:1;-webkit-transform:translate(-50%,-50%) scale(1) rotate(0deg);-ms-transform:translate(-50%,-50%) scale(1) rotate(0deg);transform:translate(-50%,-50%) scale(1) rotate(0deg)} .container-el.el-ly .el.el-gotzm .container-obj .obj-1 {position:absolute;width:130%;top:50%;left:50%;opacity:0;-webkit-transform:translate(-50%,-50%) scale(.4) rotate(30deg);-ms-transform:translate(-50%,-50%) scale(.4) rotate(30deg);transform:translate(-50%,-50%) scale(.4) rotate(30deg);-webkit-transition:all 1500ms cubic-bezier(0,.785,0,1);-o-transition:all 1500ms cubic-bezier(0,.785,0,1);transition:all 1500ms cubic-bezier(0,.785,0,1)} .container-el.el-ly .el.el-gotzm.show .container-obj .obj-1 {opacity:1;-webkit-transform:translate(-50%,-50%) scale(1) rotate(0deg);-ms-transform:translate(-50%,-50%) scale(1) rotate(0deg);transform:translate(-50%,-50%) scale(1) rotate(0deg)} .container-el.el-ly .el.desktop.show .container-illu .device .container-screen img {-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-name:scrollCoverBrowser;animation-name:scrollCoverBrowser;-webkit-animation-timing-function:cubic-bezier(1,.005,.305,1);animation-timing-function:cubic-bezier(1,.005,.305,1);-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite} .container-el.el-ly .el.unscroll.desktop.show .container-illu .device .container-screen img {-webkit-animation-name:none;animation-name:none} @keyframes scrollCoverBrowser {10% {-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)} 50% {-webkit-transform:translateY(-40%);-ms-transform:translateY(-40%);transform:translateY(-40%)} 100% {-webkit-transform:translateY(calc(-100% + 21vw));-ms-transform:translateY(calc(-100% + 21vw));transform:translateY(calc(-100% + 21vw))} } @-webkit-keyframes scrollCoverBrowser {10% {-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)} 50% {-webkit-transform:translateY(-40%);-ms-transform:translateY(-40%);transform:translateY(-40%)} 100% {-webkit-transform:translateY(calc(-100% + 21vw));-ms-transform:translateY(calc(-100% + 21vw));transform:translateY(calc(-100% + 21vw))} } /* .container-el.el-ly .el.mobile.show .container-illu .device:nth-child(2) .container-screen img.scroll {-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-name:scrollCoverMobile;animation-name:scrollCoverMobile;-webkit-animation-timing-function:cubic-bezier(1,.005,.305,1);animation-timing-function:cubic-bezier(1,.005,.305,1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards} */ .container-el.el-ly .el.mobile.show .container-illu .device:nth-child(2) .container-screen img.scroll {-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-name:scrollCoverBrowser;animation-name:scrollCoverBrowser;-webkit-animation-timing-function:cubic-bezier(1,.005,.305,1);animation-timing-function:cubic-bezier(1,.005,.305,1);-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite} .container-el.el-ly .el.mobile.show.unscroll .container-illu .device:nth-child(1) .container-screen img.unscroll,.container-el.el-ly .el.mobile.show.unscroll .container-illu .device:nth-child(2) .container-screen img.scroll {-webkit-animation-name:none;animation-name:none} .container-el.el-ly .el.mobile.soon .container-illu .device:nth-child(1) .container-screen img.unscroll,.container-el.el-ly .el.mobile.soon .container-illu .device:nth-child(2) .container-screen img.scroll {-webkit-filter:blur(10px);filter:blur(10px);-webkit-animation-name:none;animation-name:none;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)} @keyframes scrollCoverMobile {10% {-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)} 50% {-webkit-transform:translateY(-10%);-ms-transform:translateY(-10%);transform:translateY(-10%)} 100% {-webkit-transform:translateY(calc(-100% + 21vw));-ms-transform:translateY(calc(-100% + 21vw));transform:translateY(calc(-100% + 21vw))} } @-webkit-keyframes scrollCoverMobile {10% {-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)} 50% {-webkit-transform:translateY(-10%);-ms-transform:translateY(-10%);transform:translateY(-10%)} 100% {-webkit-transform:translateY(calc(-100% + 21vw));-ms-transform:translateY(calc(-100% + 21vw));transform:translateY(calc(-100% + 21vw))} } /* .container-el.el-ly .el .desc {color:#fff;width:80%;margin-left:auto;margin-right:auto;margin-top:30px;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} */ .container-el.el-ly .el .desc {color:#fff;width:53%;margin-left:auto;margin-right:auto;margin-top:30px;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} /* .container-el.el-ly .el.mobile .desc {width:68%} */ .container-el.el-ly .el.mobile .desc {width:48%;} .container-el.el-ly .el.el-lecollectionist .desc,.container-el.el-ly .el.el-owkin .desc,.container-el.el-ly .el.el-lefty .desc,.container-el.el-ly .el.el-dreem .desc,.container-el.el-ly .el.el-buzzman .desc,.container-el.el-ly .el.el-bilionairebay .desc,.container-el.el-ly .el.el-nextworldcap .desc,.container-el.el-ly .el.el-neura .desc,.container-el.el-ly .el.el-xola .desc,.container-el.el-ly .el.el-gotzm .desc {color:#363f54} /* .container-el.el-ly .el .desc h2 {display:inline-block;vertical-align:middle;width:50%;font-family:National-Bold;font-size:18px;text-align:right;padding-right:60px} */ .container-el.el-ly .el .desc h2 {display:inline-block;vertical-align:middle;width:100%;font-family:National-Bold;font-size:18px;text-align:center;} .container-el.el-ly .el .desc .container-p {display:inline-block;vertical-align:middle;width:50%} .container-el.el-ly .el .desc .container-p p:nth-child(1) {opacity:.5;font-family:National-Regular;font-size:13px;margin-bottom:6px;text-align:left} .container-el.el-ly .el .desc .container-p p:nth-child(2) {position:relative;font-family:National-Regular;font-size:13px;text-align:left} .container-el.el-ly .el .desc .container-p p a {text-decoration:none;color:initial} #loader {position:absolute;z-index:11;height:100vh;width:100%;top:0;left:0;background-color:#2884f6;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease} #loader.hide {opacity:0} #loader .container-bg {position:absolute;top:0;left:0;width:100%;height:100%} #loader .container-bg .bg {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background-repeat:no-repeat;background-position:center center;background-size:cover} /* #loader .container-bg .bg-filter {background-repeat:no-repeat;background-position:center center;background-size:cover;z-index:1;opacity:1} */ #loader .container-bg .bg.show-qonto {background:-webkit-gradient(linear,left top,right top,from(#5041B2),to(#7969E6));background:-webkit-linear-gradient(left,#5041B2 0%,#7969E6 100%);background:-o-linear-gradient(left,#5041B2 0%,#7969E6 100%);background:linear-gradient(90deg,#5041B2 0%,#7969E6 100%)} #loader .container-bg .bg.show-marks {background:-webkit-gradient(linear,left top,right top,from(#FD8355),color-stop(37.02%,#F0576C),to(#F79CBD));background:-webkit-linear-gradient(left,#FD8355 0%,#F0576C 37.02%,#F79CBD 100%);background:-o-linear-gradient(left,#FD8355 0%,#F0576C 37.02%,#F79CBD 100%);background:linear-gradient(90deg,#FD8355 0%,#F0576C 37.02%,#F79CBD 100%)} #loader .container-bg .bg.show-chauffeurprive {background:-webkit-gradient(linear,left top,right top,from(#CE0C2A),to(#DC6C7F));background:-webkit-linear-gradient(left,#CE0C2A 0%,#DC6C7F 100%);background:-o-linear-gradient(left,#CE0C2A 0%,#DC6C7F 100%);background:linear-gradient(90deg,#CE0C2A 0%,#DC6C7F 100%)} #loader .container-bg .bg.show-lecollectionist {background:-webkit-gradient(linear,right top,left top,from(#FAF0E7),to(#EFE5DC));background:-webkit-linear-gradient(right,#FAF0E7 0%,#EFE5DC 100%);background:-o-linear-gradient(right,#FAF0E7 0%,#EFE5DC 100%);background:linear-gradient(270deg,#FAF0E7 0%,#EFE5DC 100%)} #loader.show-lecollectionist svg g g g g path {fill:#363f54!important} #loader .container-bg .bg.show-orangelabs {background:-webkit-gradient(linear,right top,left top,from(#F0613C),to(#F0783C));background:-webkit-linear-gradient(right,#F0613C 0%,#F0783C 100%);background:-o-linear-gradient(right,#F0613C 0%,#F0783C 100%);background:linear-gradient(270deg,#F0613C 0%,#F0783C 100%)} /* #loader .container-bg .bg.show-mondocteur {background-color:#ff6c75} */ #loader .container-bg .bg.show {opacity:1} #loader-anim {width:40%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} #loader-anim.style-qonto svg g g g g path {fill:#fff!important} #loader-anim.style-lecollectionist svg g g g g path {fill:#fff!important} #loader-anim.style-chauffeurprive svg g g g g path {fill:#fff!important} #loader-anim.style-marks svg g g g g path {fill:#363f54!important} #loader-anim.style-orangelabs svg g g g g path {fill:#fff!important} /* #loader-anim.style-mondocteur svg g g g g path {fill:#fff!important} */ #header-desktop .container-rs {top:calc(80vh - 210px);opacity:0;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #header-desktop .container-rs.show {opacity:1} #section-home {position:relative;height:89vh;min-height:700px;margin-bottom: 3vh;} #section-home .container-caroussel {position:relative;height:100%;min-height:700px;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #section-home .container-caroussel .container-bg {position:absolute;top:0;left:0;width:100%;height:100vh;min-height:700px;overflow:hidden} #section-home .container-caroussel .container-bg:after {content:'';position:absolute;z-index:2;width:100%;height:20vh;max-height:calc(100vh - 700px);background-color:#fff;left:0;bottom:0;will-change:transform;-webkit-transform:translateZ(0) translateY(100%);-ms-transform:translateZ(0) translateY(100%);transform:translateZ(0) translateY(100%);-webkit-transition:all 1s cubic-bezier(0,.785,0,1);-o-transition:all 1s cubic-bezier(0,.785,0,1);transition:all 1s cubic-bezier(0,.785,0,1)} #section-home .container-caroussel .container-bg.show:after {-webkit-transform:translateZ(0) translateY(0%);-ms-transform:translateZ(0) translateY(0%);transform:translateZ(0) translateY(0%)} #section-home .container-caroussel .container-bg .bg {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease} /* #section-home .container-caroussel .container-bg .bg-filter {background-repeat:no-repeat;background-position:center center;background-size:cover;z-index:1;opacity:1} */ /* #section-home .container-caroussel .container-bg .bg.bg-qonto {background:-webkit-gradient(linear,left top,right top,from(#5041B2),to(#7969E6));background:-webkit-linear-gradient(left,#5041B2 0%,#7969E6 100%);background:-o-linear-gradient(left,#5041B2 0%,#7969E6 100%);background:linear-gradient(90deg,#5041B2 0%,#7969E6 100%)} #section-home .container-caroussel .container-bg .bg.bg-marks {background:-webkit-gradient(linear,left top,right top,from(#FD8355),color-stop(37.02%,#F0576C),to(#F79CBD));background:-webkit-linear-gradient(left,#FD8355 0%,#F0576C 37.02%,#F79CBD 100%);background:-o-linear-gradient(left,#FD8355 0%,#F0576C 37.02%,#F79CBD 100%);background:linear-gradient(90deg,#FD8355 0%,#F0576C 37.02%,#F79CBD 100%)} */ #section-home .container-caroussel .container-bg .bg.bg-lecollectionist {background:-webkit-gradient(linear,left top,right top,from(#5041B2),to(#7969E6));background:-webkit-linear-gradient(left,#5041B2 0%,#7969E6 100%);background:-o-linear-gradient(left,#5041B2 0%,#7969E6 100%);background:linear-gradient(90deg,#5041B2 0%,#7969E6 100%)} #section-home .container-caroussel .container-bg .bg.bg-qonto {background:-webkit-gradient(linear,left top,right top,from(#FD8355),color-stop(37.02%,#F0576C),to(#F79CBD));background:-webkit-linear-gradient(left,#FD8355 0%,#F0576C 37.02%,#F79CBD 100%);background:-o-linear-gradient(left,#FD8355 0%,#F0576C 37.02%,#F79CBD 100%);background:linear-gradient(90deg,#FD8355 0%,#F0576C 37.02%,#F79CBD 100%)} /* #section-home .container-caroussel .container-bg .bg.bg-chauffeurprive {background:-webkit-gradient(linear,left top,right top,from(#CE0C2A),to(#DC6C7F));background:-webkit-linear-gradient(left,#CE0C2A 0%,#DC6C7F 100%);background:-o-linear-gradient(left,#CE0C2A 0%,#DC6C7F 100%);background:linear-gradient(90deg,#CE0C2A 0%,#DC6C7F 100%)} */ #section-home .container-caroussel .container-bg .bg.bg-marks {background:-webkit-gradient(linear,right top,left top,from(#FAF0E7),to(#EFE5DC));background:-webkit-linear-gradient(right,#FAF0E7 0%,#EFE5DC 100%);background:-o-linear-gradient(right,#FAF0E7 0%,#EFE5DC 100%);background:linear-gradient(270deg,#FAF0E7 0%,#EFE5DC 100%)} #section-home .container-caroussel .container-bg .bg.bg-orangelabs {background:-webkit-gradient(linear,right top,left top,from(#F0613C),to(#F0783C));background:-webkit-linear-gradient(right,#F0613C 0%,#F0783C 100%);background:-o-linear-gradient(right,#F0613C 0%,#F0783C 100%);background:linear-gradient(270deg,#F0613C 0%,#F0783C 100%)} #section-home .container-caroussel .container-bg .bg.bg-mondocteur {background-color:#ff6c75} #section-home .container-caroussel .container-bg .bg.show {opacity:1} #section-home .container-caroussel .container-text {width:40%;position:absolute;z-index:2;top:calc(50% + 40px);right:50%;text-align:center;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #section-home .container-caroussel .container-text.container-text2{ left: -117%; right: 0; width: 120%; top: calc(50% + -28px); } #section-home .container-caroussel.show-qonto .container-text,#section-home .container-caroussel.show-qonto .container-text a {color:#fff} #section-home .container-caroussel.show-lecollectionist .container-text,#section-home .container-caroussel.show-lecollectionist .container-text a {color:#fff} /* #section-home .container-caroussel.show-chauffeurprive .container-text,#section-home .container-caroussel.show-chauffeurprive .container-text a {color:#fff} */ #section-home .container-caroussel.show-marks .container-text,#section-home .container-caroussel.show-marks .container-text a {color:#363f54} #section-home .container-caroussel.show-orangelabs .container-text,#section-home .container-caroussel.show-orangelabs .container-text a {color:#fff} #section-home .container-caroussel.show-mondocteur .container-text,#section-home .container-caroussel.show-mondocteur .container-text a {color:#fff} #section-home .container-caroussel .container-text>p:nth-child(1) {opacity:0;font-family:National-Regular;font-size:16px;margin-bottom:8px;position:relative;display:inline-block;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #section-home .container-caroussel .container-text>p.show:nth-child(1) {opacity:.5} #section-home .container-caroussel .container-text>p:nth-child(1):before {content:'';position:absolute;top:50%;right:calc(100% + 11px);height:1px;width:19px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #section-home .container-caroussel.show-qonto .container-text>p:nth-child(1):before {background-color:#fff} #section-home .container-caroussel.show-lecollectionist .container-text>p:nth-child(1):before {background-color:#fff} /* #section-home .container-caroussel.show-chauffeurprive .container-text>p:nth-child(1):before {background-color:#fff} */ #section-home .container-caroussel.show-marks .container-text>p:nth-child(1):before {background-color:#363f54} #section-home .container-caroussel.show-orangelabs .container-text>p:nth-child(1):before {background-color:#fff} #section-home .container-caroussel.show-mondocteur .container-text>p:nth-child(1):before {background-color:#fff} #section-home .container-caroussel .container-text>p:nth-child(2) { font-family: Source Han Sans CN;;font-size:48px;font-weight: bold;height: 56px;} #section-home .container-caroussel .container-text>p:nth-child(3) { font-family: Source Han Sans CN;font-size:48px;font-weight: bold;height: 56px;} #section-home .container-caroussel .container-text>p:nth-child(2) span,#section-home .container-caroussel .container-text>p:nth-child(3) span {white-space:pre;display:inline-block;opacity:0;will-change:transform;-webkit-transform:translateZ(0) translateY(-100px);-ms-transform:translateZ(0) translateY(-100px);transform:translateZ(0) translateY(-100px);-webkit-transition:all .5s cubic-bezier(.045,.855,.1,.955);-o-transition:all .5s cubic-bezier(.045,.855,.1,.955);transition:all .5s cubic-bezier(.045,.855,.1,.955)} #section-home .container-caroussel .container-text>p:nth-child(2) span:nth-child(1) {-webkit-transform:translateY(-100px) translateX(-100px);-ms-transform:translateY(-100px) translateX(-100px);transform:translateY(-100px) translateX(-100px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(2) span:nth-child(1) {opacity:1;-webkit-transform:translateY(-100px);-ms-transform:translateY(-100px);transform:translateY(-100px)} #section-home .container-caroussel .container-text>p:nth-child(2) span:nth-child(3) {-webkit-transform:translateY(-170px) translateX(100px);-ms-transform:translateY(-170px) translateX(100px);transform:translateY(-170px) translateX(100px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(2) span:nth-child(3) {opacity:1;-webkit-transform:translateY(-170px);-ms-transform:translateY(-170px);transform:translateY(-170px)} #section-home .container-caroussel .container-text>p:nth-child(2) span:nth-child(5) {-webkit-transform:translateY(-50px) translateX(50px);-ms-transform:translateY(-50px) translateX(50px);transform:translateY(-50px) translateX(50px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(2) span:nth-child(5) {opacity:1;-webkit-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px)} #section-home .container-caroussel .container-text>p:nth-child(2) span:nth-child(7) {-webkit-transform:translateY(-20px) translateX(100px);-ms-transform:translateY(-20px) translateX(100px);transform:translateY(-20px) translateX(100px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(2) span:nth-child(7) {opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)} #section-home .container-caroussel .container-text>p:nth-child(2) span:nth-child(9) {-webkit-transform:translateY(-70px) translateX(40px);-ms-transform:translateY(-70px) translateX(40px);transform:translateY(-70px) translateX(40px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(2) span:nth-child(9) {opacity:1;-webkit-transform:translateY(-70px);-ms-transform:translateY(-70px);transform:translateY(-70px)} #section-home .container-caroussel .container-text>p:nth-child(2) span:nth-child(9) {-webkit-transform:translateY(-90px) translateX(60px);-ms-transform:translateY(-90px) translateX(60px);transform:translateY(-90px) translateX(60px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(2) span:nth-child(11) {opacity:1;-webkit-transform:translateY(-90px);-ms-transform:translateY(-90px);transform:translateY(-90px)} #section-home .container-caroussel .container-text>p:nth-child(3) span:nth-child(1) {-webkit-transform:translateY(100px) translateX(-100px);-ms-transform:translateY(100px) translateX(-100px);transform:translateY(100px) translateX(-100px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(3) span:nth-child(1) {opacity:1;-webkit-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px)} #section-home .container-caroussel .container-text>p:nth-child(3) span:nth-child(3) {-webkit-transform:translateY(170px) translateX(100px);-ms-transform:translateY(170px) translateX(100px);transform:translateY(170px) translateX(100px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(3) span:nth-child(3) {opacity:1;-webkit-transform:translateY(170px);-ms-transform:translateY(170px);transform:translateY(170px)} #section-home .container-caroussel .container-text>p:nth-child(3) span:nth-child(5) {-webkit-transform:translateY(50px) translateX(50px);-ms-transform:translateY(50px) translateX(50px);transform:translateY(50px) translateX(50px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(3) span:nth-child(5) {opacity:1;-webkit-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px)} #section-home .container-caroussel .container-text>p:nth-child(3) span:nth-child(7) {-webkit-transform:translateY(20px) translateX(100px);-ms-transform:translateY(20px) translateX(100px);transform:translateY(20px) translateX(100px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(3) span:nth-child(7) {opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)} #section-home .container-caroussel .container-text>p:nth-child(3) span:nth-child(9) {-webkit-transform:translateY(70px) translateX(-40px);-ms-transform:translateY(70px) translateX(-40px);transform:translateY(70px) translateX(-40px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(3) span:nth-child(9) {opacity:1;-webkit-transform:translateY(70px);-ms-transform:translateY(70px);transform:translateY(70px)} #section-home .container-caroussel .container-text>p:nth-child(3) span:nth-child(11) {-webkit-transform:translateY(140px) translateX(-80px);-ms-transform:translateY(140px) translateX(-80px);transform:translateY(140px) translateX(-80px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(3) span:nth-child(11) {opacity:1;-webkit-transform:translateY(140px);-ms-transform:translateY(140px);transform:translateY(140px)} #section-home .container-caroussel .container-text>p:nth-child(3) span:nth-child(13) {-webkit-transform:translateY(60px) translateX(-80px);-ms-transform:translateY(60px) translateX(-80px);transform:translateY(60px) translateX(-80px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(3) span:nth-child(13) {opacity:1;-webkit-transform:translateY(60px);-ms-transform:translateY(60px);transform:translateY(60px)} #section-home .container-caroussel .container-text>p:nth-child(3) span:nth-child(15) {-webkit-transform:translateY(100px) translateX(-60px);-ms-transform:translateY(100px) translateX(-60px);transform:translateY(100px) translateX(-60px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(3) span:nth-child(15) {opacity:1;-webkit-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px)} #section-home .container-caroussel .container-text.slide-2>p:nth-child(2) span,#section-home .container-caroussel .container-text.slide-2>p:nth-child(3) span,#section-home .container-caroussel .container-text.show>p:nth-child(2) span,#section-home .container-caroussel .container-text.show>p:nth-child(3) span {-webkit-transition:all .75s cubic-bezier(.045,.855,.1,.955);-o-transition:all .75s cubic-bezier(.045,.855,.1,.955);transition:all .75s cubic-bezier(.045,.855,.1,.955);opacity:1;-webkit-transform:translateZ(0px) translateY(0px);-ms-transform:translateZ(0px) translateY(0px);transform:translateZ(0px) translateY(0px)} #section-home .container-caroussel .container-text .btn {padding:15px 20px;border-radius:3px;display:inline-block;text-decoration:none;margin-top:50px;cursor:pointer;opacity:0;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #section-home .container-caroussel .container-text>.btn.show {opacity:1} /* #section-home .container-caroussel.show-qonto .container-text .btn,#section-home .container-caroussel.show-marks .container-text .btn,#section-home .container-caroussel.show-mondocteur .container-text .btn,#section-home .container-caroussel.show-orangelabs .container-text .btn,#section-home .container-caroussel.show-chauffeurprive .container-text .btn {background-color:rgba(255,255,255,.2)} */ #section-home .container-caroussel.show-qonto .container-text .btn,#section-home .container-caroussel.bg.show-lecollectionist .container-text .btn,#section-home .container-caroussel.show-mondocteur .container-text .btn,#section-home .container-caroussel.show-orangelabs .container-text .btn,#section-home .container-caroussel.show-lecollectionist .container-text .btn {background-color:rgba(255,255,255,.2)} #section-home .container-caroussel.bg.show-marks .container-text .btn {background-color:rgba(0,0,0,.2)} #section-home .container-caroussel .container-text .btn p { font-family: Source Han Sans CN;font-size:18px;font-weight: bold;} #section-home .container-caroussel .wrapper-container-el {z-index:2;position:absolute;top:calc(50% + 40px);left:50%;width:35%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)} #section-home .container-caroussel .wrapper-container-el .container-el {position:relative} #section-home .container-caroussel>.btn {position:absolute;z-index:2;top:50%;right:60px;height:35px;width:35px;border-radius:30px;cursor:pointer;opacity:0;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #section-home .container-caroussel>.btn.show {opacity:1} /* #section-home .container-caroussel.show-qonto>.btn,#section-home .container-caroussel.show-marks>.btn,#section-home .container-caroussel.show-chauffeurprive>.btn,#section-home .container-caroussel.show-orangelabs>.btn,#section-home .container-caroussel.show-mondocteur>.btn {background-color:rgba(255,255,255,.2)} */ #section-home .container-caroussel.show-qonto>.btn,#section-home .container-caroussel.show-lecollectionist>.btn,#section-home .container-caroussel.show-orangelabs>.btn,#section-home .container-caroussel.show-mondocteur>.btn {background-color:rgba(255,255,255,.2)} #section-home .container-caroussel.show-marks>.btn {background-color:rgba(54,63,84,.2)} #section-home .container-caroussel>.btn .arrow {stroke:none!important;height:10px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #section-home .container-caroussel>.btn .progress {position:absolute;top:50%;left:50%;height:38px;width:38px;-webkit-transform:translate(-50%,-50%) rotate(-90deg);-ms-transform:translate(-50%,-50%) rotate(-90deg);transform:translate(-50%,-50%) rotate(-90deg)} #section-home .container-caroussel>.btn .progress circle:nth-child(1) {fill:none!important;stroke-width:4px;stroke-dasharray:339.292;stroke-dashoffset:339.292;-webkit-transition:stroke-dashoffset 0s ease;-o-transition:stroke-dashoffset 0s ease;transition:stroke-dashoffset 0s ease} #section-home .container-caroussel>.btn .progress.active circle:nth-child(1) {-webkit-transition:stroke-dashoffset 6s linear;-o-transition:stroke-dashoffset 6s linear;transition:stroke-dashoffset 6s linear;stroke-dashoffset:0} #section-home .container-caroussel.show-qonto>.btn .arrow,#section-home .container-caroussel.show-qonto>.btn .progress circle {fill:#fff;stroke:#fff} #section-home .container-caroussel.show-lecollectionist>.btn .arrow,#section-home .container-caroussel.show-lecollectionist>.btn .progress circle {fill:#fff;stroke:#fff} #section-home .container-caroussel.show-marks>.btn .arrow,#section-home .container-caroussel.show-marks>.btn .progress circle {fill:#20242e;stroke:#20242e} /* #section-home .container-caroussel.show-chauffeurprive>.btn .arrow,#section-home .container-caroussel.show-chauffeurprive>.btn .progress circle {fill:#fff;stroke:#fff} */ #section-home .container-caroussel.show-marks>.btn .arrow,#section-home .container-caroussel.show-marks>.btn .progress circle {fill:#20242e;stroke:#20242e} #section-home .container-caroussel.show-orangelabs>.btn .arrow,#section-home .container-caroussel.show-orangelabs>.btn .progress circle {fill:#fff;stroke:#fff} #section-home .container-caroussel.show-mondocteur>.btn .arrow,#section-home .container-caroussel.show-mondocteur>.btn .progress circle {fill:#fff;stroke:#fff} #section-home .container-caroussel .container-ms {position:absolute;z-index:1;left:50%;bottom:38px;opacity:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #section-home .container-caroussel .container-ms.show {opacity:1} #section-home .container-caroussel .container-ms svg {height:30px;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #section-home .container-caroussel.show-qonto .container-ms svg {fill:#fff} #section-home .container-caroussel.show-lecollectionist .container-ms svg {fill:#fff} /* #section-home .container-caroussel.show-chauffeurprive .container-ms svg {fill:#fff} */ #section-home .container-caroussel.show-marks .container-ms svg {fill:#363f54} #section-home .container-caroussel.show-orangelabs .container-ms svg {fill:#fff} #section-home .container-caroussel.show-mondocteur .container-ms svg {fill:#fff} #section-home .container-ms svg path:nth-child(1) {opacity:.3} #section-home .container-ms svg path:nth-child(2) {animation:containerMsScroll 3s ease infinite;-webkit-animation:containerMsScroll 3s ease infinite} @keyframes containerMsScroll {0% {-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)} 50% {-webkit-transform:translateY(8px);-ms-transform:translateY(8px);transform:translateY(8px)} 100% {-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)} } @-webkit-keyframes containerMsScroll {0% {-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)} 50% {-webkit-transform:translateY(8px);-ms-transform:translateY(8px);transform:translateY(8px)} 100% {-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)} } #section-contact {position:relative;padding:50px 0 200px;text-align:center;z-index:2;opacity:0;-webkit-transition:opacity 700ms cubic-bezier(.694,0,.335,1);-o-transition:opacity 700ms cubic-bezier(.694,0,.335,1);transition:opacity 700ms cubic-bezier(.694,0,.335,1)} #section-contact.reach {opacity:1} #section-contact .container-text {display:inline-block;vertical-align:middle;width:485px;padding-left:95px;text-align:left} #section-contact .container-text h2 {color:#363f54;font-family:National-Bold;font-size:42px;line-height:51px;margin-bottom:34px;position:relative} #section-contact .container-text h2:before {content:'';height:3px;width:60px;border-radius:2px;background-color:#2884f6;position:absolute;top:23px;right:calc(100% + 35px);-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:transform .75s cubic-bezier(.77,0,.23,1.005);-o-transition:transform .75s cubic-bezier(.77,0,.23,1.005);-webkit-transition:-webkit-transform .75s cubic-bezier(.77,0,.23,1.005);transition:-webkit-transform .75s cubic-bezier(.77,0,.23,1.005);transition:transform .75s cubic-bezier(.77,0,.23,1.005);transition:transform .75s cubic-bezier(.77,0,.23,1.005),-webkit-transform .75s cubic-bezier(.77,0,.23,1.005)} #section-contact.reach .container-text h2:before {-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)} #section-contact .container-text p {color:#8a99c0;font-family:National-Regular;font-size:24px;line-height:42px} #section-contact .container-action {display:inline-block;vertical-align:middle;width:485px} #section-contact .container-action a {text-decoration:none;display:inline-block;position:relative} #section-contact .container-action a .btn {position:relative;display:block;height:100px;width:100px;margin:auto} #section-contact .container-action a .btn:before {content:'';position:absolute;top:50%;left:50%;height:100%;width:100%;border-radius:100px;background-color:#2884f6;-webkit-box-shadow:0 2px 14px 0 rgba(0,0,0,.2);box-shadow:0 2px 14px 0 rgba(0,0,0,.2);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:transform 500ms cubic-bezier(0,.785,0,1);-o-transition:transform 500ms cubic-bezier(0,.785,0,1);-webkit-transition:-webkit-transform 500ms cubic-bezier(0,.785,0,1);transition:-webkit-transform 500ms cubic-bezier(0,.785,0,1);transition:transform 500ms cubic-bezier(0,.785,0,1);transition:transform 500ms cubic-bezier(0,.785,0,1),-webkit-transform 500ms cubic-bezier(0,.785,0,1)} #section-contact .container-action a:hover .btn:before {-webkit-transform:translate(-50%,-50%) scale(.9);-ms-transform:translate(-50%,-50%) scale(.9);transform:translate(-50%,-50%) scale(.9)} #section-contact .container-action a .btn svg {height:18px;fill:#fff;position:absolute;z-index:1;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} #section-contact .container-action a .text {width:100%;display:block;white-space:nowrap;text-align:center;margin-top:15px} #section-contact .container-action a .text p {color:#363f54;font-family:National-Bold;font-size:14px;display:inline-block;vertical-align:middle} #section-contact .container-action a .text .arrow {fill:#363f54;height:8px;display:inline-block;vertical-align:middle;margin-left:9px} #section-pr-1,#section-pr-2 {position:relative;text-align:center} .section-pr-el .container-el {position:relative} .section-pr-el .container-el .el {padding:116px 0 50px;position:relative;overflow:hidden;margin-bottom:200px} .section-pr-el .container-el .el:last-child {margin-bottom:0} .section-pr-el .container-el .el .title {position:relative;text-align:center;z-index:1;display:inline-block;padding-left:calc(16% + 65px)} .section-pr-el .container-el .el .title h2 {display:inline-block;color:#363f54;font-family:National-Bold;font-size:42px;line-height:51px;position:relative;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);opacity:0;-webkit-transition:all .75s ease;-o-transition:all .75s ease;transition:all .75s ease} .section-pr-el .container-el .el.reach .title h2 {opacity:1;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px)} .section-pr-el .container-el .el:nth-child(odd) .title h2 {text-align:left} .section-pr-el .container-el .el:nth-child(even) .title h2 {text-align:right} .section-pr-el .container-el .el .title h2:before {content:'';height:3px;width:60px;border-radius:2px;background-color:#363f54;position:absolute;top:30px;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:transform .75s cubic-bezier(.77,0,.23,1.005);-o-transition:transform .75s cubic-bezier(.77,0,.23,1.005);-webkit-transition:-webkit-transform .75s cubic-bezier(.77,0,.23,1.005);transition:-webkit-transform .75s cubic-bezier(.77,0,.23,1.005);transition:transform .75s cubic-bezier(.77,0,.23,1.005);transition:transform .75s cubic-bezier(.77,0,.23,1.005),-webkit-transform .75s cubic-bezier(.77,0,.23,1.005)} .section-pr-el .container-el .el.reach .title h2:before {-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)} .section-pr-el .container-el .el:nth-child(odd) .title h2:before {right:calc(100% + 35px)} .section-pr-el .container-el .el:nth-child(even) .title h2:before {left:calc(100% + 35px)} .section-pr-el .container-el .el .illu {position:absolute;top:0;height:100%;width:45%;border-radius:4px;overflow:hidden;background-color:rgba(0,0,0,.1)} .section-pr-el .container-el .el:nth-child(odd) .illu {left:0;-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg)} .section-pr-el .container-el .el:nth-child(even) .illu {right:0} .section-pr-el .container-el .el .illu .bg {position:absolute;height:100%;width:100%;left:0;top:0;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);background-repeat:no-repeat;background-position:center center;background-size:cover;-webkit-transition:transform 750ms cubic-bezier(.215,.61,.355,1);-o-transition:transform 750ms cubic-bezier(.215,.61,.355,1);-webkit-transition:-webkit-transform 750ms cubic-bezier(.215,.61,.355,1);transition:-webkit-transform 750ms cubic-bezier(.215,.61,.355,1);transition:transform 750ms cubic-bezier(.215,.61,.355,1);transition:transform 750ms cubic-bezier(.215,.61,.355,1),-webkit-transform 750ms cubic-bezier(.215,.61,.355,1)} .section-pr-el .container-el .el.reach .illu .bg {-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .section-pr-el .container-el .el .illu:after {content:'';position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background-color:#fff;-webkit-transition:transform 750ms cubic-bezier(.215,.61,.355,1);-o-transition:transform 750ms cubic-bezier(.215,.61,.355,1);-webkit-transition:-webkit-transform 750ms cubic-bezier(.215,.61,.355,1);transition:-webkit-transform 750ms cubic-bezier(.215,.61,.355,1);transition:transform 750ms cubic-bezier(.215,.61,.355,1);transition:transform 750ms cubic-bezier(.215,.61,.355,1),-webkit-transform 750ms cubic-bezier(.215,.61,.355,1)} .section-pr-el .container-el .el.reach:nth-child(odd) .illu:after {-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)} .section-pr-el .container-el .el.reach:nth-child(even) .illu:after {-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)} .section-pr-el .container-el .el .wrapper {position:relative;z-index:1;margin-top:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} .section-pr-el .container-el .el:nth-child(even) .wrapper .container-text,.section-pr-el .container-el .el:nth-child(odd) .wrapper .container-img {-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1} .section-pr-el .container-el .el:nth-child(odd) .wrapper .container-text,.section-pr-el .container-el .el:nth-child(even) .wrapper .container-img {-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2} .section-pr-el .container-el .el .wrapper .container-img {width:613px;height:412px;position:relative;display:inline-block;vertical-align:middle;opacity:0;-webkit-transition:opacity 1000ms cubic-bezier(.694,0,.335,1);-o-transition:opacity 1000ms cubic-bezier(.694,0,.335,1);transition:opacity 1000ms cubic-bezier(.694,0,.335,1)} .section-pr-el .container-el .el.reach .wrapper .container-img {opacity:1;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px)} .section-pr-el .container-el .el .wrapper .container-img img.desktop {filter:drop-shadow(0px 14px 28px rgba(0,0,0,0.3));-webkit-filter:drop-shadow(0px 14px 28px rgba(0,0,0,0.3));-moz-filter:drop-shadow(0px 14px 28px rgba(0,0,0,0.3))} .section-pr-el .container-el .el.el-desktop .wrapper .container-img img {width:100%} .section-pr-el .container-el .el.el-mobile .wrapper .container-img .device {height:100%;position:absolute;top:50%;filter:drop-shadow(0px 14px 28px rgba(0,0,0,0.3));-webkit-filter:drop-shadow(0px 14px 28px rgba(0,0,0,0.3));-moz-filter:drop-shadow(0px 14px 28px rgba(0,0,0,0.3));-webkit-transition:all 1000ms cubic-bezier(.694,0,.335,1);-o-transition:all 1000ms cubic-bezier(.694,0,.335,1);transition:all 1000ms cubic-bezier(.694,0,.335,1);opacity:0} .section-pr-el .container-el .el.el-mobile .wrapper .container-img .device:nth-child(1) {left:30%;-webkit-transform:translateX(-50%) translateY(calc(-50% + 30px));-ms-transform:translateX(-50%) translateY(calc(-50% + 30px));transform:translateX(-50%) translateY(calc(-50% + 30px))} .section-pr-el .container-el .el.el-mobile .wrapper .container-img .device:nth-child(2) {right:30%;-webkit-transform:translateX(50%) translateY(calc(-50% + 30px));-ms-transform:translateX(50%) translateY(calc(-50% + 30px));transform:translateX(50%) translateY(calc(-50% + 30px));-webkit-transition-delay:.25s;-o-transition-delay:.25s;transition-delay:.25s} .section-pr-el .container-el .el.el-mobile.reach .wrapper .container-img .device:nth-child(1) {-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);opacity:1} .section-pr-el .container-el .el.el-mobile.reach .wrapper .container-img .device:nth-child(2) {-webkit-transform:translateX(50%) translateY(-50%);-ms-transform:translateX(50%) translateY(-50%);transform:translateX(50%) translateY(-50%);opacity:1} .section-pr-el .container-el .el.el-mobile .wrapper .container-img .device .iphone {height:100%;position:relative;z-index:1} .section-pr-el .container-el .el.el-mobile .wrapper .container-img .device .container-screen {overflow:hidden;position:absolute;top:50%;left:50%;width:89%;height:95.5%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .section-pr-el .container-el .el.el-mobile .wrapper .container-img .device .container-screen img {width:100%;min-height:100%} .section-pr-el .container-el .el .wrapper .container-text {display:inline-block;vertical-align:middle;position:relative;width:335px;text-align:left;opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);-webkit-transition:opacity 700ms cubic-bezier(.694,0,.335,1),transform 700ms cubic-bezier(.694,0,.335,1);-o-transition:opacity 700ms cubic-bezier(.694,0,.335,1),transform 700ms cubic-bezier(.694,0,.335,1);-webkit-transition:opacity 700ms cubic-bezier(.694,0,.335,1),-webkit-transform 700ms cubic-bezier(.694,0,.335,1);transition:opacity 700ms cubic-bezier(.694,0,.335,1),-webkit-transform 700ms cubic-bezier(.694,0,.335,1);transition:opacity 700ms cubic-bezier(.694,0,.335,1),transform 700ms cubic-bezier(.694,0,.335,1);transition:opacity 700ms cubic-bezier(.694,0,.335,1),transform 700ms cubic-bezier(.694,0,.335,1),-webkit-transform 700ms cubic-bezier(.694,0,.335,1)} .section-pr-el .container-el .el.reach .wrapper .container-text {opacity:1;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px)} .section-pr-el .container-el .el:nth-child(odd) .wrapper .container-text {margin-left:150px} .section-pr-el .container-el .el:nth-child(even) .wrapper .container-text {margin-right:150px} .section-pr-el .container-el .el .wrapper .container-text h3 {font-family:National-Regular;font-size:16px;margin-bottom:42px} /* .section-pr-el .container-el .el.el-chauffeurprive .wrapper .container-text h3 {color:#cf0a2d} */ /* .section-pr-el .container-el .el.el-lecollectionist .wrapper .container-text h3 {color:#dbbc8f} .section-pr-el .container-el .el.el-marks .wrapper .container-text h3 {color:#ed665e} .section-pr-el .container-el .el.el-orangelabs .wrapper .container-text h3 {color:#f60} .section-pr-el .container-el .el.el-qonto .wrapper .container-text h3 {color:#7969e6} .section-pr-el .container-el .el.el-thoughtspot .wrapper .container-text h3 {color:#ed665e} .section-pr-el .container-el .el.el-mondocteur .wrapper .container-text h3 {color:#ff6c75} */ .section-pr-el .container-el .el .wrapper .container-text>p {color:#363f54;font-family:National-Regular;font-size:16px;line-height:24px;margin-bottom:60px} .section-pr-el .container-el .el .wrapper .container-text a {text-decoration:none;position:relative;display:inline-block} /* .section-pr-el .container-el .el .wrapper .container-text a:after {content:'';height:2px;width:10px;position:absolute;left:calc(100% + 12px);top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)} */ /* .section-pr-el .container-el .el.el-chauffeurprive .wrapper .container-text a:after {background-color:#cf0a2d} */ /* .section-pr-el .container-el .el.el-lecollectionist .wrapper .container-text a:after {background-color:#dbbc8f} .section-pr-el .container-el .el.el-marks .wrapper .container-text a:after {background-color:#ed665e} .section-pr-el .container-el .el.el-orangelabs .wrapper .container-text a:after {background-color:#f60} .section-pr-el .container-el .el.el-qonto .wrapper .container-text a:after {background-color:#7969e6} .section-pr-el .container-el .el.el-thoughtspot .wrapper .container-text a:after {background-color:#ed665e} .section-pr-el .container-el .el.el-mondocteur .wrapper .container-text a:after {background-color:#ff6c75} */ .section-pr-el .container-el .el .wrapper .container-text a p {color:#363f54;font-family:National-Bold;font-size:14px} .section-pr-el .link-work {padding:16px 32px;border-radius:3px;background-color:#2884f6;display:inline-block;text-decoration:none;margin-top:150px} .section-pr-el .link-work p {color:#fff;font-family:National-Bold;font-size:14px} #section-work {position:relative;margin-top:150px;margin-bottom:150px;padding:350px 0 150px 20%;-webkit-transition:.7s;-o-transition:.7s;transition:.7s;opacity:1;overflow:hidden} #section-work.reach {opacity:1} #section-work:after {content:'';position:absolute;right:0;top:0;width:95%;height:100px;background-color:#fff} #section-work:before {content:'';position:absolute;right:0;top:0;width:95%;height:100%;background-color:#2884f6} #section-work .bnd {position:absolute;z-index:5;top:0%;left:0%;width:calc(100% + 280px);height:100%;background-color:#fff;-webkit-transform:translateX(-140px) skew(-20deg);-ms-transform:translateX(-140px) skew(-20deg);transform:translateX(-140px) skew(-20deg);-webkit-transition:all 1000ms cubic-bezier(.694,0,.335,1);-o-transition:all 1000ms cubic-bezier(.694,0,.335,1);transition:all 1000ms cubic-bezier(.694,0,.335,1)} #section-work.reach .bnd {-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)} #section-work .container-text {width:310px;position:relative;z-index:3;opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);-webkit-transition:opacity 700ms cubic-bezier(.694,0,.335,1),transform 700ms cubic-bezier(.694,0,.335,1);-o-transition:opacity 700ms cubic-bezier(.694,0,.335,1),transform 700ms cubic-bezier(.694,0,.335,1);-webkit-transition:opacity 700ms cubic-bezier(.694,0,.335,1),-webkit-transform 700ms cubic-bezier(.694,0,.335,1);transition:opacity 700ms cubic-bezier(.694,0,.335,1),-webkit-transform 700ms cubic-bezier(.694,0,.335,1);transition:opacity 700ms cubic-bezier(.694,0,.335,1),transform 700ms cubic-bezier(.694,0,.335,1);transition:opacity 700ms cubic-bezier(.694,0,.335,1),transform 700ms cubic-bezier(.694,0,.335,1),-webkit-transform 700ms cubic-bezier(.694,0,.335,1);-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s} #section-work.reach .container-text {opacity:1;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px)} #section-work .container-text h2 {position:relative;color:#363f54;top:-30px;display:inline-block;margin-bottom:40px;font-family:National-Bold;font-size:42px;line-height:51px;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transform:translateX(-60px) rotate(-90deg);-ms-transform:translateX(-60px) rotate(-90deg);transform:translateX(-60px) rotate(-90deg)} #section-work .container-text h2:after {border-radius:3px;content:'';position:absolute;right:calc(100% + 35px);top:24px;width:60px;height:3px;background-color:#363f54;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:transform .75s cubic-bezier(.77,0,.23,1.005);-o-transition:transform .75s cubic-bezier(.77,0,.23,1.005);-webkit-transition:-webkit-transform .75s cubic-bezier(.77,0,.23,1.005);transition:-webkit-transform .75s cubic-bezier(.77,0,.23,1.005);transition:transform .75s cubic-bezier(.77,0,.23,1.005);transition:transform .75s cubic-bezier(.77,0,.23,1.005),-webkit-transform .75s cubic-bezier(.77,0,.23,1.005)} #section-work.reach .container-text h2:after {-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)} #section-work .container-text>p {color:#fff;font-family:National-Regular;font-size:24px;line-height:34px} #section-work .container-text>p i {color:#013e8d} #section-work .container-text .btn {margin-top:60px;padding:18px 20px;border-radius:3px;background-color:#fff;display:inline-block;cursor:pointer;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #section-work .container-text .btn p {color:#363f54;font-family:National-Bold;font-size:14px} #section-work .container-illu {position:absolute;z-index:2;bottom:0;right:0;height:calc(100% - 100px);overflow:hidden;max-width:60%} @-moz-document url-prefix() {#section-work .container-illu {width:800px} } #section-work .container-illu:after {content:'';position:absolute;z-index:4;left:0;top:0;width:10%;height:100%;background:-webkit-gradient(linear,left top,right top,from(#2884F6),to(rgba(40,132,246,0)));background:-webkit-linear-gradient(left,#2884F6,rgba(40,132,246,0));background:-o-linear-gradient(left,#2884F6,rgba(40,132,246,0));background:linear-gradient(to right,#2884F6,rgba(40,132,246,0))} #section-work .container-illu video {height:100%;opacity:0;-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;-webkit-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s} #section-work.reach .container-illu video {opacity:1;z-index:10} #section-work .container-illu img.illu {display:none} #section-work .container-illu img.cloud-1 {display:inline-block;position:absolute;bottom:0;left:0;width:60%;z-index:1;opacity:.7} #section-work .container-illu img.cloud-2 {display:inline-block;position:absolute;top:20%;right:0;width:30%;z-index:1;opacity:.7} #section-work .container-illu img.cloud-3 {display:inline-block;position:absolute;top:45%;right:0;width:20%;z-index:1;opacity:.7} #section-work .container-illu img.cloud-4 {display:inline-block;position:absolute;bottom:0;left:60%;width:20%;z-index:1;opacity:.7} #section-team {position:relative;padding:0 0 0 42%;margin-top:150px;overflow:hidden} #section-team:before {content:'';position:absolute;left:0;top:0;width:95%;height:100%;background-color:#003981} #section-team .bnd {position:absolute;z-index:5;top:0%;left:0%;width:calc(100% + 280px);height:100%;background-color:#fff;-webkit-transform:translateX(-140px) skew(-20deg);-ms-transform:translateX(-140px) skew(-20deg);transform:translateX(-140px) skew(-20deg);-webkit-transition:all 1000ms cubic-bezier(.694,0,.335,1);-o-transition:all 1000ms cubic-bezier(.694,0,.335,1);transition:all 1000ms cubic-bezier(.694,0,.335,1)} #section-team.reach .bnd {-webkit-transform:translateX(calc(95% - 265px));-ms-transform:translateX(calc(95% - 265px));transform:translateX(calc(95% - 265px))} #section-team .wrapper-caroussel-pp {position:absolute;z-index:1;height:100%;width:42%;top:0;left:0} #section-team .wrapper-caroussel-pp h2 {color:#fff;font-family:National-Bold;top:67px;font-size:42px;line-height:51px;position:absolute;z-index:1;left:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)} #section-team .wrapper-caroussel-pp h2:before {content:'';position:absolute;border-radius:3px;width:60px;height:3px;background-color:#fff;right:calc(100% + 35px);top:35px;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:transform .75s cubic-bezier(.77,0,.23,1.005);-o-transition:transform .75s cubic-bezier(.77,0,.23,1.005);-webkit-transition:-webkit-transform .75s cubic-bezier(.77,0,.23,1.005);transition:-webkit-transform .75s cubic-bezier(.77,0,.23,1.005);transition:transform .75s cubic-bezier(.77,0,.23,1.005);transition:transform .75s cubic-bezier(.77,0,.23,1.005),-webkit-transform .75s cubic-bezier(.77,0,.23,1.005)} #section-team.reach .wrapper-caroussel-pp h2:before {-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)} #section-team .wrapper-caroussel-pp .container-caroussel-pp {position:relative;overflow:hidden;height:100%} #section-team .wrapper-caroussel-pp .container-caroussel-pp .el-pp {display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;-webkit-transition:all .7s cubic-bezier(.5,-.01,0,1.005);-o-transition:all .7s cubic-bezier(.5,-.01,0,1.005);transition:all .7s cubic-bezier(.5,-.01,0,1.005);-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)} #section-team .wrapper-caroussel-pp .container-caroussel-pp .el-pp.show {-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)} #section-team .wrapper-caroussel-pp .container-caroussel-pp .el-pp.hide {-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)} #section-team .container-text {padding:230px 0 150px 120px;position:relative;z-index:1} #section-team .container-text>p {color:#8a99c0;font-family:National-Regular;font-size:18px;line-height:24px;max-width:240px} #section-team .container-text .container-caroussel-name {margin-top:100px} #section-team .container-text .container-caroussel-name .el-name {position:relative;padding-left:47px;margin-bottom:25px} #section-team .container-text .container-caroussel-name .el-name:last-child {margin-bottom:0} #section-team .container-text .container-caroussel-name .el-name .prg {position:absolute;top:50%;left:0;width:47px;height:1px;overflow:hidden;background-color:#8a99c0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)} #section-team .container-text .container-caroussel-name .el-name .prg:before {content:'';position:absolute;top:0;left:0;height:100%;width:100%;background-color:#fff;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease} #section-team .container-text .container-caroussel-name .el-name.show .prg:before {-webkit-transition:all 4s linear;-o-transition:all 4s linear;transition:all 4s linear;-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)} #section-team .container-text .container-caroussel-name .el-name .name {color:#8a99c0;font-family:National-Bold;font-size:18px;padding-left:23px;display:inline-block;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #section-team .container-text .container-caroussel-name .el-name.show .name {color:#fff} #section-team .container-text .container-caroussel-name .el-name .job {color:#8a99c0;font-family:National-Regular;font-size:18px;padding-left:23px;display:inline-block;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #section-team .container-text .container-caroussel-name .el-name.show .job {color:#fff} #section-team .container-text .btn {position:absolute;right:20%;top:90px;padding:18px 20px;border-radius:3px;background-color:#fff;display:inline-block;cursor:pointer;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #section-team .container-text .btn p {color:#363f54;font-family:National-Bold;font-size:14px} #section-sponsors {position:relative;padding:150px 0} #section-sponsors .container-li {position:relative;width:80%;height:50px;margin:auto} #section-sponsors .container-li .li-el {position:relative;text-align:center;display:-webkit-flex;-webkit-justify-content:space-between;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} #section-sponsors .container-li .li-el .el {display:inline-block;text-decoration:none;vertical-align:middle;position:relative;height:45px;margin-right:10px;margin-left:10px;font-size:20px;-webkit-transition:all .7s cubic-bezier(.5,-.01,0,1.005);-o-transition:all .7s cubic-bezier(.5,-.01,0,1.005);transition:all .7s cubic-bezier(.5,-.01,0,1.005);opacity:0;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);-webkit-filter:blur(10px);-o-filter:blur(10px);filter:blur(10px)} #section-sponsors .container-li .li-el .el.el-toughtspot {width:105px} #section-sponsors .container-li .li-el .el.el-orange {width:41px} /* #section-sponsors .container-li .li-el .el.el-chauffeurprive {width:107px} */ #section-sponsors .container-li .li-el .el.el-blackpills {width:132px} #section-sponsors .container-li .li-el .el.el-axa {width:43px} #section-sponsors .container-li .li-el .el.el-auchan {width:91px} #section-sponsors .container-li .li-el .el.el-mondocteur {width:179px} #section-sponsors .container-li .li-el .el.el-uber {width:62px} #section-sponsors .container-li .li-el .el.el-xola {width:91px} #section-sponsors .container-li .li-el .el.el-edf {width:37px} #section-sponsors .container-li .li-el .el.el-buzzman {width:100px} #section-sponsors .container-li .li-el .el img {fill:#8d8d97;width:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} #section-sponsors .container-li .li-el .el:first-child,#section-sponsors .container-li .li-el .el:last-child {-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s} #section-sponsors .container-li .li-el .el:nth-child(2),#section-sponsors .container-li .li-el .el:nth-child(5) {-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s} #section-sponsors .container-li .li-el .el:nth-child(3),#section-sponsors .container-li .li-el .el:nth-child(4) {-webkit-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s} #section-sponsors .container-li .li-el.anim .el {-webkit-filter:blur(0px);-o-filter:blur(0px);filter:blur(0px);opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .section-pr-el .container-el .el:nth-child(even) .title {text-align:right;padding-right:calc(33% + 65px)} @media only screen and (max-width: 960px){ #section-home{display:none;} } /*slick.css*/ .sqiao_fixed{height: auto !important;} .sqiao_fixed ul{margin-bottom: 8px;} .slick-slider{position: relative; z-index: 2;} .slick-list{position: relative; overflow: hidden;} .slick-list:focus{outline: 0;} .slick-list.dragging{cursor: pointer; cursor: hand;} .slick-track{position: relative;} .slick-track:before,.slick-track:after{content: ""; display: table;} .slick-track:after{clear: both;} .slick-loading .slick-track{visibility: hidden;} .slick-slide{float: left; height: 100%; min-height: 1px; display: none; position: relative; z-index: 1;} .slick-slide:focus{outline: 0;} .slick-slide.slick-active{z-index: 2;} .slick-slide.slick-loading img{display: none;} .slick-slide.dragging img{pointer-events: none;} .slick-initialized .slick-slide{display: block;} .slick-loading .slick-slide{visibility: hidden;} .slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;} .slick-prev,.slick-next{display:block; width: 20px; height: 20px; line-height: 0; font-size: 0; cursor: pointer; position: absolute; top: 50%; margin-top: -10px; z-index: 6;} .slick-prev:focus,.slick-next:focus{outline: 0;} .slick-prev{left: -25px;} .slick-next{right: -25px;} .slick-dots{width: 100%; font-size: 0; text-align: center; position: absolute; bottom: 30px; z-index: 4;} .slick-dots li{position: relative; display: inline-block; *display: inline; *zoom: 1; margin: 0 5px;} .slick-dots li button{display: block; width: 14px; height: 14px; line-height: 0; font-size: 0; background: #fff; border-radius: 50%; cursor: pointer;} .slick-dots li.slick-active button{background: #ff6a00;} .container{width: 1500px; margin: 0 auto; position: relative;} @media only screen and (max-width: 1549px){ .container{width: 1200px;} } @media only screen and (max-width: 1240px){ .container{width: 100%; padding: 0 16px; box-sizing: border-box;} } /*首页*/ .inhead{text-align: center; position: relative; padding-top: 36px;} .inentitle{font-family: "Arial Black"; font-size: 120px; color: #f6f5fb; line-height: 1;} .intitle{width: 100%; color: #514a7c; font-size: 0; text-align: center; height: 50px; line-height: 50px; position: absolute; left: 0; top: 70px;} .intitle h2{display: inline-block; *display: inline; *zoom: 1; font-size: 48px; position: relative;} .intitle h2 img{height: 32px; vertical-align: bottom; margin-right: 2px; position: relative; top: -4px;} /*首页---广告图*/ .banner{position: relative;margin-top: var(--page-header-offset, 110px);} .banner .site-advert-banner, .banner .advert-carousel{width:100%;} .banner .advert-carousel__slide img{width:100%;height:auto;display:block;object-fit:cover;} #banner{overflow: hidden;} #banner .slick-slide{width: 100%; position: relative;} #banner .slick-slide a{display: block; width: 100%; height: 100%;} #banner .slick-slide img{max-width: none; width: 1920px; position: relative; left: 50%; top: 0; margin-left: -960px;} .bans-dots{position: absolute; left: 50%; bottom: 30px; margin-left: -750px; z-index: 10;} .bans-dots .line{width: 100%; height: 1px; background: #fff; filter: alpha(opacity=60); opacity: .6; position: absolute; left: 0; top: 0;} .bans-dots ul{position: relative; z-index: 2;} .bans-dots li{width: 90px; float: left; padding-top: 1px; position: relative; font-size: 14px; color: #fff; text-align: center; cursor: pointer;} .bans-dots li span{display: block; width: 1px; height: 5px; background: #fff; filter: alpha(opacity=60); opacity: .6; position: absolute; left: 0; top: -5px;} .bans-dots li i{display: block; width: 0; height: 2px; background: #fff; position: absolute; left: 0; top: -1px;} .bans-dots li em{display: block; height: 30px; line-height: 30px;} .bans-dots li.active{font-weight: bold;} .bans-dots li.active i{width: 100%;} @media only screen and (max-width: 1549px){ #banner .slick-slide img{width: 1550px; margin-left: -775px;} .bans-dots{margin-left: -600px;} } /*首页---服务*/ .inservice{background: #fff; position: relative; overflow: hidden;} .inservice .intitle h2 img{height: 40px;} .inservice .intitle h2 span{color: #f37b97; font-family: "Impact"; font-size: 94px; vertical-align: middle; margin-left: 14px; background-image: linear-gradient(to right,#f37b97,#feadce); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .inservice .intitle h2:after{display: block; content: ""; width: 30px; height: 30px; border-radius: 50%; background-image: linear-gradient(to right,#f37b97,#feadce); position: absolute; right: 10px; bottom: -20px;} .inservice-box{margin-top: 14px; padding-bottom: 48px;} .inservice-box ul{margin: -17px; position: relative; *overflow: hidden;} .inservice-box li .item{height: 200px; padding: 0 4px 0 50px; margin: 17px; position: relative; background-repeat: no-repeat; background-position: center; border-radius: 8px; overflow: hidden; box-shadow: 0 0 10px rgba(7,0,2,.15); transition: box-shadow .6s;} .inservice-box li .icon{width: 50px; height: 50px; background: url(../image/icon222.png) no-repeat; position: absolute; left: 10px; top: 13px;} .inservice-box li .title{font-size: 24px; color: #fff; margin-left: 16px; padding-top: 19px;} .inservice-box li .desc{font-family: "Microsoft Yahei Light"; font-size: 16px; color: #fff; margin-left: 16px; margin-top: 4px; height: 22px; line-height: 22px;} .inservice-box li .intro{margin-top: 10px; font-family: "Microsoft Yahei Light"; font-size: 17px; color: #fff;} .inservice-box li .intro p{line-height: 32px; position: relative; padding-left: 16px;} .inservice-box li .intro p i{display: block; width: 6px; height: 6px; background: #fff; border-radius: 50%; position: absolute; left: 0; top: 13px;} .inservice-box li .more{display: block; width: 98px; height: 28px; line-height: 28px; border: 1px solid #fff; border-radius: 15px; position: absolute; right: 15px; bottom: 20px; font-size: 14px; color: #fff; text-align: center;} .inservice-box li .more:hover{color: #fff!important;} .inservice-box li.s1 .item{background-image: url(../image/inservice-dbg1.jpg);} .inservice-box li.s2 .item{background-image: url(../image/inservice-dbg2.jpg);} .inservice-box li.s3 .item{background-image: url(../image/inservice-dbg3.jpg);} .inservice-box li.s4 .item{background-image: url(../image/inservice-dbg4.jpg);} .inservice-box li.s5 .item{background-image: url(../image/inservice-dbg5.jpg);} .inservice-box li.s6 .item{background-image: url(../image/inservice-dbg6.jpg);} .inservice-box li.s7 .item{background-image: url(../image/inservice-dbg7.jpg);} .inservice-box li.s8 .item{background-image: url(../image/inservice-dbg8.jpg);} .inservice-box li.s1 .icon{background-position: 0 0;} .inservice-box li.s2 .icon{background-position: -50px 0;} .inservice-box li.s3 .icon{background-position: -100px 0;} .inservice-box li.s4 .icon{background-position: -150px 0;} .inservice-box li.s5 .icon{background-position: -200px 0;} .inservice-box li.s6 .icon{background-position: -250px 0;} .inservice-box li.s7 .icon{background-position: -300px 0;} .inservice-box li.s8 .icon{background-position: -350px 0;} .inservice-box li .item:hover{box-shadow: 0 0 16px rgba(7,0,2,.32);} @media only screen and (max-width: 1549px){ .inservice-box ul{margin: -10px;} .inservice-box li .item{margin: 10px;} .inservice-box li .title{font-size: 22px;} .inservice-box li .desc{font-size: 14px; line-height: 20px;} .inservice-box li .intro{font-size: 15px; margin-top: 20px;} .inservice-box li .intro p{line-height: 30px;} } /*首页---解决方案*/ .insolution{background: #f3f8ff; padding-bottom: 40px; position: relative; overflow: hidden;} .insolution .inentitle{color: #e9f1fc;} .insolution .intitle h2:after{display: block; content: ""; width: 30px; height: 30px; border-radius: 50%; background-image: linear-gradient(to right,#77c2fb,#83eefe); position: absolute; right: -36px; bottom: -10px;} .insolution-box{margin-top: 10px;} .insolution-box li .item{margin: 0 18px; padding: 20px 10px; transition: box-shadow .6s;} .insolution-box li .icon{width: 102px; height: 102px; background: url(../image/icon222.png) no-repeat; margin: 0 auto;} .insolution-box li .ico1{background-position: 0 -50px;} .insolution-box li .ico2{background-position: -102px -50px;} .insolution-box li .ico3{background-position: -204px -50px;} .insolution-box li .ico4{background-position: -306px -50px;} .insolution-box li .title{font-size: 30px; font-weight: bold; color: #514a7c; margin-top: 22px; text-align: center;} .insolution-box li .line{width: 40px; height: 2px; background: #ff6945; margin: 24px auto 0;} .insolution-box li .desc{font-size: 16px; height: 104px; line-height: 26px; text-align: center; margin-top: 22px;} .insolution-box li .more{display: block; width: 118px; height: 28px; line-height: 28px; color: #666; text-align: center; margin: 24px auto 0; border: 1px solid #999; border-radius: 15px;} .insolution-box li .more:hover{background: #ff6a00\9; background-image: linear-gradient(to right,#f20058,#ff6a00); color: #fff!important; border-color: #f20058;} .insolution-box li .item:hover{box-shadow: 0 0 20px rgba(7,0,2,.16);} @media only screen and (max-width: 1549px){ .insolution-box ul{margin: 0 -8px;} .insolution-box li .item{margin: 0 8px;} .insolution-box li .title{font-size: 24px;} .insolution-box li .desc{font-size: 14px;} } /*首页---案例*/ .incase{padding: 10px 0 46px 0; background: url(../image/incase-bg2.jpg) no-repeat center top; position: relative; overflow: hidden;} .incase .intitle{position: static; color: #fff;} .incase-tabbox{margin-top: 22px;} .incase-tabtit ul{font-size: 0; text-align: center;} .incase-tabtit li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; padding: 0 22px; height: 44px; line-height: 44px; margin: 0 1px; background: #fff; cursor: pointer;} .incase-tabtit li:first-child{border-radius: 18px 0 0 18px;} .incase-tabtit li:last-child{border-radius: 0 18px 18px 0;} .incase-tabtit li i,.incase-tabtit li span{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;} .incase-tabtit li i{width: 28px; height: 28px; background: url(../image/icon222.png) no-repeat; margin-right: 4px;} .incase-tabtit li .ico1{background-position: 0 -152px;} .incase-tabtit li .ico2{background-position: -30px -152px;} .incase-tabtit li .ico3{background-position: -60px -152px;} .incase-tabtit li .ico4{background-position: -90px -152px;} .incase-tabtit li span{font-size: 18px;} .incase-tabtit li.active{background: #f20058; color: #fff;} .incase-tabtit li.active .ico1{background-position: 0 -182px;} .incase-tabtit li.active .ico2{background-position: -30px -182px;} .incase-tabtit li.active .ico3{background-position: -60px -182px;} .incase-tabtit li.active .ico4{background-position: -90px -182px;} .incase-tabcont{margin-top: 30px; position: relative;} .incase-tabslick{margin: 0 -17px; display: block!important; height: 0; opacity: 0; visibility: hidden;} .incase-tabslick.tactive{height: auto; opacity: 1; visibility: visible; padding-bottom: 46px; transition: opacity .5s;} .incase-tabslick .slick-list{padding-bottom: 16px;} .incase-tabslick .slick-slide .item{margin: 0 17px;} .incase-tabslick .slick-slide .pic{overflow: hidden; border-radius: 8px 8px 0 0;} .incase-tabslick .slick-slide .pic img{width: 100%; height: 200px; transition: transform .8s;} .incase-tabslick .slick-slide .pic:hover img{transform: scale(1.1);} .incase-tabslick .slick-slide .text{padding: 18px 14px 32px 20px; background: #fff; box-shadow: 5px 5px 10px rgba(7,0,2,.1); border-radius: 0 0 8px 8px;} .incase-tabslick .slick-slide .title{height: 28px; line-height: 28px; font-size: 22px; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .incase-tabslick .slick-slide .title a{color: #000;} .incase-tabslick .slick-slide .intro{height: 24px; line-height: 24px; overflow: hidden; font-size: 14px; margin-top: 8px;} .incase-tabslick .slick-slide .intro span{float: left;} .incase-tabslick .slick-slide .intro i{display: block; width: 16px; height: 16px; float: left; margin-right: 4px; margin-top: 4px; background: url(../image/icon222.png) no-repeat -120px -152px;} .incase-tabslick .slick-slide .intro em{float: right;} .incase-tabslick .slick-slide .desc{font-size: 14px; height: 72px; line-height: 24px; margin-top: 10px; overflow: hidden; display: -webkit-box !important; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3;} .incase-tabslick .slick-slide .more{display: block; width: 120px; height: 30px; line-height: 30px; color: #fff; text-align: center; margin-top: 28px; position: relative; background: #fb9c71\9; background-image: linear-gradient(#fb9c71,#fe6d80); border-radius: 15px; text-indent: 24px;} .incase-tabslick .slick-slide .more i{display: block; width: 46px; height: 46px; background: url(../image/icon222.png) no-repeat -130px -168px; position: absolute; left: -10px; top: -9px;} .incase-tabslick .slick-slide .more:hover{color: #fff!important; transform: translateX(10px); background-image: linear-gradient(to right,#fd2c4b,#f97334);} .incase-tabslick .slick-dots{bottom: 0;} .incase-tabslick .slick-dots li{margin: 0 13px;} .incase-tabslick .slick-dots li button{width: 8px; height: 8px; position: relative;} .incase-tabslick .slick-dots li button:after{display: block; content: ""; width: 16px; height: 16px; border: 1px solid #fff; border-radius: 50%; position: absolute; left: 50%; top: 50%; margin-left: -9px; margin-top: -9px;} .incase-tabslick .slick-dots li.slick-active button:after{width: 24px; height: 24px; border-color: #f20058; margin-left: -13px; margin-top: -13px;} @media only screen and (max-width: 1549px){ .incase-tabslick{margin: 0 -8px;} .incase-tabslick .slick-slide .item{margin: 0 8px;} .incase-tabslick .slick-slide .pic img{height: 165px;} .incase-tabslick .slick-slide .text{padding: 18px 10px 32px 12px;} .incase-tabslick .slick-slide .title{font-size: 20px;} } /*首页---选择我们*/ .inwhyus{padding: 14px 0; background: url(../image/inwhyus-bg.jpg) no-repeat center bottom; overflow: hidden;} .inwhyus .intitle h2:after{display: block; content: ""; width: 30px; height: 30px; border-radius: 50%; background-image: linear-gradient(to right,#f37b97,#feadce); position: absolute; right: -36px; bottom: -10px;} .inwhyus-box{margin-top: 30px;} .inwhyus-box{height: 574px; position: relative;} .inwhyus-box .pic{position: absolute; left: 50%; top: 0; margin-left: -379px;} .inwhyus-box .pic img{width: 758px; height: 574px;} .inwhyus-box .text{width: 344px; position: absolute; overflow: hidden;} .inwhyus-box .text .title{font-size: 30px; line-height: 34px; font-weight: bold; color: #ff6a00; padding-left: 40px; position: relative;} .inwhyus-box .text .title i{display: block; width: 30px; height: 30px; line-height: 30px; border: 2px solid #ff6945; border-radius: 50%; font-size: 24px; text-align: center; position: absolute; left: 0; top: 0;} .inwhyus-box .text .desc{width: 100%; float: left; font-size: 18px; color: #666; line-height: 28px; margin-top: 6px;} .inwhyus-box .t1{left: 168px; top: 2px;} .inwhyus-box .t2{right: 176px; top: 2px;} .inwhyus-box .t3{width: 380px; left: 20px; top: 168px;} .inwhyus-box .t4{right: 48px; top: 168px;} .inwhyus-box .t5{width: 360px; left: 0; top: 354px;} .inwhyus-box .t6{width: 350px; right: 8px; top: 354px;} .inwhyus-box .t7{width: 324px; left: 50%; top: 412px; margin-left: -162px;} .inwhyus-box .t7 .title{font-size: 27px;} @media only screen and (max-width: 1549px){ .inwhyus-box{height: 458px;} .inwhyus-box .pic{margin-left: -303px;} .inwhyus-box .pic img{width: 606px; height: 458px;} .inwhyus-box .text{width: 310px;} .inwhyus-box .text .title{font-size: 26px; line-height: 28px; padding-left: 34px;} .inwhyus-box .text .title i{display: block; width: 24px; height: 24px; line-height: 24px; border: 2px solid #ff6945; font-size: 22px;} .inwhyus-box .text .desc{font-size: 15px; line-height: 22px;} .inwhyus-box .t1{left: 100px;} .inwhyus-box .t2{right: 108px;} .inwhyus-box .t3{width: 318px; left: -4px; top: 132px;} .inwhyus-box .t4{right: 8px; top: 132px;} .inwhyus-box .t5{width: 300px; left: -16px; top: 282px;} .inwhyus-box .t6{width: 286px; right: -4px; top: 282px;} .inwhyus-box .t7{width: 270px; top: 326px; margin-left: -135px;} .inwhyus-box .t7 .title{font-size: 23px;} } /*首页---转换客户案例*/ .incust{padding: 34px 0 72px 0; background: url(../image/incust-bg.jpg) no-repeat center top; position: relative; overflow: hidden;} .incust .intitle{position: static; color: #fff;} .incust-tabbox{margin-top: 26px;} .incust-tabtit ul{font-size: 0; text-align: center;} .incust-tabtit li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 0 1px;} .incust-tabtit li a{display: block; padding: 0 22px; height: 44px; line-height: 44px; margin: 0 1px; background: #fff;} .incust-tabtit li:first-child a{border-radius: 18px 0 0 18px;} .incust-tabtit li:last-child a{border-radius: 0 18px 18px 0;} .incust-tabtit li i,.incust-tabtit li span{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;} .incust-tabtit li i{width: 30px; height: 30px; background: url(../image/icon222.png) no-repeat; margin-right: 4px;} .incust-tabtit li .ico1{background-position: -176px -152px;} .incust-tabtit li .ico2{background-position: -206px -152px;} .incust-tabtit li .ico3{background-position: -236px -152px;} .incust-tabtit li .ico4{background-position: -266px -152px;} .incust-tabtit li .ico5{background-position: -296px -152px;} .incust-tabtit li span{font-size: 18px;} .incust-tabtit li.active a,.incust-tabtit li a:hover{background: #f20058; color: #fff!important;} .incust-tabtit li.active .ico1,.incust-tabtit li a:hover .ico1{background-position: -176px -182px;} .incust-tabtit li.active .ico2,.incust-tabtit li a:hover .ico2{background-position: -206px -182px;} .incust-tabtit li.active .ico3,.incust-tabtit li a:hover .ico3{background-position: -236px -182px;} .incust-tabtit li.active .ico4,.incust-tabtit li a:hover .ico4{background-position: -266px -182px;} .incust-tabtit li.active .ico5,.incust-tabtit li a:hover .ico5{background-position: -296px -182px;} .incust-tabcont{margin-top: 40px;} .incust-tabitem ul{margin: 0 -15px;} .incust-tabitem li .item{display: block; margin: 0 15px; overflow: hidden; border-radius: 12px;} .incust-tabitem li img{display: block; width: 100%; transition: transform .8s;} .incust-tabitem li .item:hover img{transform: scale(1.1);} @media only screen and (max-width: 1549px){ .incust-tabitem ul{margin: 0 -10px;} .incust-tabitem li .item{margin: 0 10px; border-radius: 8px;} } /*首页---流程*/ .inprocess{padding-bottom: 72px; background: #f3f8ff;} .inprocess .inentitle{color: #e9f1fc;} .inprocess .intitle h2{padding-right: 70px;} .inprocess .intitle h2 img{height: 40px;} .inprocess .intitle h2:after{display: block; content: ""; width: 30px; height: 30px; border-radius: 50%; background-image: linear-gradient(to right,#f37b97,#feadce); position: absolute; right: -15px; top: -26px;} .inprocess .intitle h2:before{display: block; content: ""; width: 64px; height: 64px; border-radius: 50%; background-image: linear-gradient(to right,#e5418d,#facb5a); position: absolute; right: -10px; bottom: -30px;} .inprocess-box{margin-top: 20px;} .inprocess .tit{width: 102px; height: 300px; float: left;} .inprocess .tit img{display: block; width: 102px; height: 300px;} .inprocess .cont{margin-left: 102px; overflow: hidden;} .inprocess .cont ul{overflow: hidden; margin-left: -1px;} .inprocess .cont li .item{margin-left: 1px; height: 148px; border-top: 2px solid #ff6a00; background: #fff;} .inprocess .cont li .icon{width: 70px; height: 62px; margin: 22px auto 0; background: url(../image/icon222.png) no-repeat; transition: transform .8s;} .inprocess .cont li .ico1{background-position: 0 -212px;} .inprocess .cont li .ico2{background-position: -70px -212px;} .inprocess .cont li .ico3{background-position: -140px -212px;} .inprocess .cont li .ico4{background-position: -210px -212px;} .inprocess .cont li .ico5{background-position: -280px -212px;} .inprocess .cont li .ico6{background-position: 0 -274px;} .inprocess .cont li .ico7{background-position: -70px -274px;} .inprocess .cont li .ico8{background-position: -140px -274px;} .inprocess .cont li .ico9{background-position: -210px -274px;} .inprocess .cont li .ico10{background-position: -280px -274px;} .inprocess .cont li .title{font-size: 20px; text-align: center; margin-top: 8px;} .inprocess .cont li .item:hover .icon{transform: rotateY(180deg);} @media only screen and (max-width: 1549px){ .inprocess .cont li .title{font-size: 18px;} } /*首页---技术团队*/ .inteam{height: 320px; background: url(../image/inteam-bg1.jpg) no-repeat center top; font-size: 0; text-align: center; color: #fff;} .inteam .name,.inteam .text{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; text-align: left;} .inteam .name{font-size: 36px; line-height: 48px; margin-top: 68px; margin-right: 22px; padding-top: 42px;} .inteam .name b{display: block;} .inteam .text{padding-left: 72px; margin-top: 68px; margin-left: 50px; position: relative;} .inteam .text .line{width: 1px; height: 100px; background: #fff; filter: alpha(opacity=60); opacity: .6; position: absolute; left: 0; top: 32px;} .inteam .text .num{font-size: 36px; font-weight: bold; line-height: 1;} .inteam .text .num span{font-family: "Arial"; font-size: 100px;} .inteam .text .title{font-size: 24px; margin-top: 20px;} .inteam .text .desc{font-size: 18px; margin-top: 10px;} @media only screen and (max-width: 1549px){ .inteam .text{padding-left: 62px; margin-left: 40px;} .inteam .name{font-size: 34px;} .inteam .text .num{font-size: 34px;} .inteam .text .num span{font-size: 96px;} .inteam .text .title{font-size: 22px;} .inteam .text .desc{font-size: 16px;} } /*首页---关于我们*/ .inabout{margin-top: 65px; margin-bottom: 20px; position: relative; overflow: hidden;} .inabout > div{position: relative; z-index: 2;} .inabout .bg{width: 100%; border-radius: 12px; background: #f3faff; position: absolute; left: 0; top: 0; right: 0; bottom:0px; z-index: 1;} .inabout .pic img{display: block; width: 100%;} .inabout .text{margin: 0 68px; padding-top: 50px;} .inabout .text .title{font-size: 38px; color: #514a7c; line-height: 1;} .inabout .text .name{font-size: 24px; color: #514a7c; line-height: 36px; margin-left: -10px; margin-top: 6px;} .inabout .text .line{width: 50px; height: 2px; background: #dd2918; margin-top: 24px;} .inabout .text .desc{font-size: 18px; line-height: 30px; color: #282828; margin-top: 22px;} .inabout .text .more{display: block; width: 138px; height: 38px; line-height: 38px; border: 1px solid #999; border-radius: 20px; font-family: "Microsoft Yahei Light"; font-size: 14px; color: #666; text-align: center; margin-top: 40px;} .inabout .text .more:hover{background: #dd2918; border-color: #dd2918; color: #fff!important;} @media only screen and (max-width: 1549px){ .inabout .bg{bottom: 56px;} .inabout .text{margin: 0 42px; padding-top: 44px;} .inabout .text .title{font-size: 42px;} .inabout .text .name{font-size: 22px; margin-left: -10px;} .inabout .text .desc{font-size: 15px; line-height: 26px;} .inabout .text .more{margin-top: 30px;} } /*首页---新闻*/ .innews{overflow: hidden; padding: 76px 0;} .innews ul{margin: 0 -15px;} .innews li .item{margin: 0 15px;} .innews li .title{font-family: "Microsoft Yahei Light"; height: 24px; line-height: 24px; font-size: 24px; font-weight: bold; border-left: 4px solid #ff6a00; margin-bottom: 22px; padding-left: 12px;} .innews li .title a{font-family: "Microsoft Yahei"; float: right; margin-right: 4px; font-size: 14px; font-weight: normal; color: #666;} .innews li .dt{margin-bottom: 16px;} .innews li .dt a{display: block; padding: 20px 34px 26px 40px; background: #fff; border: 1px solid #ccc;} .innews li .dt .time{height: 30px; line-height: 30px; font-size: 18px; font-weight: bold; color: #ff6a00; transition: color .5s;} .innews li .dt .line{width: 23px; height: 2px; background: #ccc; margin-left: 14px; margin-top: 10px; transition: background .5s;} .innews li .dt h3{font-size: 24px; height: 68px; line-height: 34px; overflow: hidden; margin-top: 10px;} .innews li .dt .desc{font-family: "Microsoft Yahei Light"; font-size: 14px; height: 72px; line-height: 24px; color: #666; overflow: hidden; transition: color .5s; margin-top: 10px;} .innews li .dt a:hover{background: #ff6a00; border-color: #ff6a00; color: #fff!important;} .innews li .dt a:hover .line{background: #fff;} .innews li .dt a:hover .time,.innews li .dt a:hover .desc{color: #fff!important;} .innews li .dt a:hover .time{border-bottom-color: #fff;} .innews li .dd{height: 48px; line-height: 48px; border-bottom: 1px solid #ccc; padding: 0 4px; margin-top: 6px;} .innews li .dd .time{float: right; color: #999;} .innews li .dd h3{height: 40px; line-height: 40px; font-size: 15px; margin-right: 130px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} @media only screen and (max-width: 1549px){ .innews ul{margin: 0 -10px;} .innews li .item{margin: 0 10px;} .innews li .dt a{padding-left: 24px; padding-right: 18px;} .innews li .dt h3{font-size: 22px;} } /*内页*/ .main-container{padding-bottom: 60px; background: #fff; position: relative; overflow: hidden;padding-top: 30px;} .main-container.bg1{background: #f7f7f7;} .ny-banner{height: 240px; background-repeat: no-repeat; background-position: center; position: relative;} .ny-banner .text{width: 100%; text-align: center; font-family: "Microsoft Yahei Light"; color: #fff; line-height: 36px; position: absolute; left: 0; top: 50%; margin-top: -45px;} .ny-banner .text .title{font-size: 48px; line-height: 48px;} .ny-banner .text .entitle{font-size: 24px; text-transform: uppercase; margin-top: 6px;} .navigation{height: 62px; border-bottom: 1px solid #eee;} .cream-menu{float: left;} .cream-menu li{float: left; position: relative; padding: 0 8px;} .cream-menu li a{display: block; height: 62px; line-height: 62px; font-size: 16px; color: #666; padding: 0 22px; position: relative;} .cream-menu li span{display: block; width: 1px; height: 12px; background-color: #ddd; position: absolute; left: -1px; top: 50%; margin-top: -6px;} .cream-menu li i{display: block; height: 2px; background: #ff6a00; position: absolute; left: 50%; right: 50%; bottom: -1px; transition: all 0.3s ease;} .cream-menu li.active i,.cream-menu li:hover i{left: 8px; right: 8px;} .cream-menu li.active a,.cream-menu li:hover a{color: #ff6a00!important;} .cream-nav{float: right; height: 62px; line-height: 62px; font-size: 14px; color: #666;} .cream-nav a{color: #666;} .cream-nav a:last-child{color: #ff6a00;} /*列表分页*/ .list-page{padding: 26px 0 10px 0; text-align: left; color: #666; overflow: hidden; font-size: 0;} .list-page .pagination,.list-page .go_page{display: inline-block; *display: inline; *zoom: 1; vertical-align: top;} .list-page li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 0 4px; font-size: 14px;} .list-page a, .list-page .disabled span{display: block; text-align: center; min-width: 28px; height: 38px; line-height: 38px; position: relative; padding: 0 5px; border: 1px solid #666; color: #666; font-size: 14px;} .list-page a:hover,.list-page li.active span{border: 1px solid #ff6a00; background: #ff6a00; color: #fff!important;} .list-page li.disabled span{font-size: 18px;} .list-page li span{display: block; height: 38px; line-height: 38px; min-width: 28px; text-align: center; padding: 0 5px;} .list-page .go_page{margin-left: 24px;} .list-page .go_page span{color: #666; font-size: 14px; float: left; height: 40px; line-height: 40px;} .list-page input{border: 1px solid #666; width: 38px; height: 38px; line-height: 38px; text-align: center; color: #666; margin: 0 8px; vertical-align: top;} .list-page a.disabled{cursor: not-allowed;} .list-page .confirm_jump_page{float: left; width: 40px; height: 30px; line-height: 30px; margin-left: 10px; margin-top: 5px; background: #ff6a00; color: #fff; cursor: pointer;} /*案例列表*/ .case-banner{height: 400px!important;} .list-case{padding: 52px 0 42px 0;} .list-case ul{margin: -20px -17px; position: relative; overflow: hidden;} .list-case li .item{margin: 20px 17px;} .list-case li .pic{overflow: hidden; border-radius: 8px 8px 0 0;} .list-case li .pic img{width: 100%; height: 200px; transition: transform .8s;} .list-case li .pic:hover img{transform: scale(1.1);} .list-case li .text{padding: 18px 14px 32px 20px; background: #fff; box-shadow: 5px 5px 10px rgba(7,0,2,.1); border-radius: 0 0 8px 8px;} .list-case li .title{height: 28px; line-height: 28px; font-size: 22px; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .list-case li .title a{color: #000;} .list-case li .intro{height: 24px; line-height: 24px; overflow: hidden; font-size: 14px; margin-top: 8px;} .list-case li .intro span{float: left;font-weight: bold; color: #F20058; font-size: 16px;} .list-case li .intro i{display: block; width: 16px; height: 16px; float: left; margin-right: 4px; margin-top: 4px; background: url(../image/icon222.png) no-repeat -120px -152px;} .list-case li .intro em{float: right;font-weight: bold; color: #F20058; font-size: 16px;} .list-case li .desc{font-size: 14px; height: 72px; line-height: 24px; margin-top: 10px; overflow: hidden; display: -webkit-box !important; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3;} .list-case li .more{display: block; width: 120px; height: 30px; line-height: 30px; color: #fff; text-align: center; margin-top: 28px; position: relative; background: #fb9c71\9; background-image: linear-gradient(#fb9c71,#fe6d80); border-radius: 15px; text-indent: 24px;} .list-case li .more i{display: block; width: 46px; height: 46px; background: url(../image/icon222.png) no-repeat -130px -168px; position: absolute; left: -10px; top: -9px;} .list-case li .more:hover{color: #fff!important; transform: translateX(10px); background-image: linear-gradient(to right,#fd2c4b,#f97334);} @media only screen and (max-width: 1549px){ .list-case ul{margin: -12px -8px;} .list-case li .item{margin: 12px 8px;} .list-case li .pic img{height: 165px;} .list-case li .text{padding: 18px 10px 32px 12px;} .list-case li .title{font-size: 20px;} } /*案例详情*/ .casedetails{margin-top: 40px;} .casepull-left{width: 1040px; float: left;} .casepull-left .lbox{padding: 50px; background: #fff;} .casedetails-note .pic{width: 500px; float: left; border-radius: 6px; overflow: hidden;} .casedetails-note .pic img{width: 100%; height: 285px;} .casedetails-note .text{margin-left: 500px; margin-right: -20px; padding-left: 28px; padding-top: 6px;} .casedetails-note .text .title{font-size: 30px;} .casedetails-note .text ul{margin-top: 14px;} .casedetails-note .text li{font-size: 14px; line-height: 22px; padding: 4px 0;} .casedetails-note .text li em{color: #666;} .casedetails-note .text li span{color: #000;} .casedetails-note .text li.into{overflow: hidden;} .casedetails-note .text li.into em{display: block; float: left;} .casedetails-note .text li.into i{display: block; width: 16px; height: 16px; float: left; margin-right: 4px; margin-top: 3px; background: url(../image/icon222.png) no-repeat -120px -152px;} .casedetails-tabbox{margin-top: 28px;} .casedetails-tabtit{border-bottom: 1px solid #eee;} .casedetails-tabtit ul{height: 40px;} .casedetails-tabtit li{width: 150px; height: 40px; line-height: 40px; float: left; margin-right: 2px; background: #f7f7f7; font-size: 16px; color: #666; text-align: center; cursor: pointer;} .casedetails-tabtit li.active{background: #ff6a00; color: #fff;} .casedetails-tabcont{margin-top: 30px;} .casedetails-tabcont .article-body{margin-top: 0; padding-bottom: 0;} .casedetails-tabcont video{width: 100%;} .casepull-left .artcile-menu li a{background: #fff;} .casepull-right{padding: 20px; background: #fff;} .casepull-title{height: 38px; line-height: 38px; font-size: 18px; color: #514a7c; border-bottom: 1px solid #eee;} .casepull-title b{font-weight: bold;} .casepull-title a{float: right; font-size: 14px; color: #514a7c;} .custpull-slick{margin-top: 18px;} .custpull-slick .slick-slide{border-radius: 12px; overflow: hidden;} .custpull-slick .slick-slide img{width: 100%; height: 195px; transition: transform .8s;} .custpull-slick .slick-slide:hover img{transform: scale(1.1);} .custpull-slick .slick-dots{bottom: 16px;} .custpull-slick .slick-dots li{margin: 0 3px;} .custpull-slick .slick-dots li button{width: 8px; height: 8px;} .clistpull{margin-top: 20px;} .clistpull-box{overflow: hidden;} .clistpull-box ul{margin-bottom: -1px;} .clistpull-box li{overflow: hidden; padding: 20px 0; border-bottom: 1px solid #eee;} .clistpull-box li .pic{width: 120px; float: left; border-radius: 4px; position: relative; overflow: hidden;} .clistpull-box li .pic img{width: 100%; height: 68px; transition: transform .8s;} .clistpull-box li .pic:hover img{transform: scale(1.1);} /* .clistpull-box li .text{margin-left: 120px; padding-left: 16px; padding-top: 6px;} */ .clistpull-box li .title{font-size: 16px; color: #000; height: 24px; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .clistpull-box li .title a{color: #000;} .clistpull-box li .into{overflow: hidden; font-size: 14px; line-height: 24px; margin-top: 6px;} .clistpull-box li .into span{display: block; float: left;} .clistpull-box li .into i{display: block; width: 16px; height: 16px; float: left; margin-right: 4px; margin-top: 4px; background: url(../image/icon222.png) no-repeat -120px -152px;} .plistpull{margin-top: 0!important;} @media only screen and (max-width: 1549px){ .casepull-left{width: 850px;} .casepull-left .lbox{padding: 20px;} .casedetails-note .pic{width: 450px;} .casedetails-note .pic img{height: 258px;} .casedetails-note .text{margin-left: 450px; margin-right: -10px; padding-left: 20px; padding-top: 4px;} .casedetails-note .text .title{font-size: 24px;} .casedetails-note .text ul{margin-top: 10px;} .casedetails-note .text li{padding: 2px 0;} .custpull-slick .slick-slide img{height: 152px;} .clistpull-box li{padding: 14px 0;} .clistpull-box li .pic{width: 110px;} .clistpull-box li .pic img{height: 62px;} .clistpull-box li .text{margin-left: 110px; padding-left: 10px;} .casepull-right .clistpull-box li .text{margin-left: 0px; padding-left: 10px;} .clistpull-box li .into{font-size: 12px; margin-top: 2px;} } /*转换客户案例*/ .main-cust{padding-bottom: 60px;} .list-cust{padding: 50px 0 80px 0;} .list-cust ul{margin: -20px -15px; position: relative; overflow: hidden;} .list-cust li .item{display: block; min-height: 120px; margin: 20px 15px; overflow: hidden; border-radius: 12px; position: relative;} .list-cust li img{display: block; width: 100%; transition: transform 1s;} .list-cust li .mask{width: 100%; height: 100%; opacity: 0; visibility: hidden; position: absolute; left: 0; top: 0; transition: opacity .5s,visibility .5s;} .list-cust li .bg{width: 100%; height: 100%; background: #ff762e; filter: alpha(opacity=60); opacity: .6; position: absolute; left: 0; top: 0; z-index: 1;} .list-cust li .icon{width: 74px; height: 74px; background: url(../image/icon222.png) no-repeat 0 -336px; position: absolute; left: 50%; top: 50%; margin-left: -37px; margin-top: -37px; z-index: 2;} .list-cust li .ico1{background-position: 0 -336px;} .list-cust li .ico2{background-position: -74px -336px;} .list-cust li .item:hover img{transform: scale(1.1);} .list-cust li .item:hover .mask{opacity: 1; visibility: visible;} .layui-layer-image .layui-layer-content{overflow: hidden!important;} .layui-layer-video video{display: block; width: 100%; height: 100%; background: #000;} .layui-layer-video video:focus{outline: 0;} .layui-layer-cust .layui-layer-setwin{width: 30px; height: 30px; right: 0; top: -30px;} .layui-layer-cust .layui-layer-setwin a{margin-left: 0; width: 16px; height: 16px; background: url(../image/icon222.png) no-repeat -372px -202px!important; left: 14px; top: 0;} .cust-ajax{text-align: center;} .cust-ajax > span{display: inline-block; background: #445268; width: 4px; height: 35px; border-radius: 2px; margin: 2px; animation-fill-mode: both; animation: line-scale-pulse-out-rapid 0.9s 0s infinite cubic-bezier(.11,.49,.38,.78);} .cust-ajax > span:nth-child(4){animation-delay: 0.25s!important;} .cust-ajax > span:nth-child(1),.cust-ajax > span:nth-child(5){animation-delay: 0.5s!important;} @keyframes line-scale-pulse-out-rapid{0%{-webkit-transform: scaley(1); transform: scaley(1);}80%{-webkit-transform: scaley(0.3); transform: scaley(0.3);}90%{-webkit-transform: scaley(1); transform: scaley(1);}} .cust-ajax > em{display: inline-block; vertical-align: top; margin-left: 14px; height: 46px; line-height: 46px;} @media only screen and (max-width: 1549px){ .list-cust ul{margin: -14px -10px;} .list-cust li .item{margin: 14px 10px; border-radius: 8px;} } /*内页右侧*/ .pull-right{width: 400px; float: right;} .pull-title{font-size: 18px; border-bottom: 1px solid #eee; color: #000; padding-bottom: 10px;} .pull-tagslist{position: relative; overflow: hidden; padding: 15px 6px;} .pull-tagslist a{display: block; float: left; margin: 5px; height: 24px; line-height: 24px; padding: 0 18px; border: 1px solid #ddd; font-size: 14px; color: #999;} .pull-tagslist a:hover{background: #ff6a00; border-color: #ff6a00; color: #fff!important;} .pull-problem{margin-top: 14px;} .pull-problem ul{padding: 15px 14px;} .pull-problem li{height: 36px; line-height: 36px; font-size: 16px; overflow: hidden; position: relative;} .pull-problem li a{color: #666; float: left; padding-left: 16px; padding-right: 25px; position: relative;} .pull-problem li a i{display: block; width: 6px; height: 6px; background: #ccc; border-radius: 50%; position: absolute; left: 0; top: 16px; transition: background .5s;} .pull-problem li a span{display: block; width: 28px; height: 18px; background: url(../image/icon222.png) no-repeat -259px -336px; position: absolute; right: 0; top: 9px;} .pull-problem li a:hover i{background: #ff6a00;} .pull-solution{margin-top: 22px;} .pull-solution ul{padding: 15px 14px;} .pull-solution li{height: 36px; line-height: 36px; font-size: 16px; overflow: hidden; position: relative;} .pull-solution li i{display: block; width: 24px; height: 20px; background: url(../image/icon222.png) no-repeat; position: absolute; left: 0; top: 8px;} .pull-solution li .ico1{background-position: -150px -358px;} .pull-solution li .ico2{background-position: -174px -358px;} .pull-solution li .ico3{background-position: -198px -358px;} .pull-solution li .ico4{background-position: -222px -358px;} .pull-solution li .ico5{background-position: -246px -358px;} .pull-solution li .ico6{background-position: -270px -358px;} .pull-solution li .ico7{background-position: -294px -358px;} .pull-solution li .ico8{background-position: -318px -358px;} .pull-solution li a{color: #666; padding-left: 32px;} @media only screen and (max-width: 1549px){ .pull-right{width: 320px;} .pull-problem li{font-size: 14px;} .pull-solution li{font-size: 14px;} } /*新闻列表*/ .news-container{padding: 30px 0 60px 0;} .news-search{margin-left: 35px; width: 953px;} .news-search .form{padding: 0 100px 0 10px; height: 40px; background: #f7f7f7; border-radius: 7px; overflow: hidden; position: relative;} .news-search .form .input{display: block; width: 100%; height: 40px; line-height: 40px; *line-height: 42px; } .news-search .form .btns{display: block; width: 90px; height: 40px; background: #ff6a00; cursor: pointer; position: absolute; right: 0; top: 0;} .news-search .form .btns i{display: block; width: 21px; height: 20px; background: url(../image/icon222.png) no-repeat -238px -336px; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px;} .news-menu{margin-top: 16px; border-bottom: 1px solid #eee;} .news-menu ul{margin-left: 32px;} .news-menu li{float: left; position: relative;} .news-menu li a{display: block; height: 40px; line-height: 40px; font-size: 14px; color: #666; padding: 0 26px; position: relative;} .news-menu li span{display: block; width: 1px; height: 12px; background-color: #ddd; position: absolute; left: -1px; top: 50%; margin-top: -6px;} .news-menu li i{display: block; height: 2px; background: #ff6a00; position: absolute; left: 50%; right: 50%; bottom: -1px; transition: all 0.3s ease;} .news-menu li.active i,.news-menu li:hover i{left: 4px; right: 4px;} .news-menu li.active a,.news-menu li:hover a{color: #ff6a00!important;} .news-box{margin-top: 32px;} .news-left{width: 953px; float: left; margin-left: 35px;} .list-news ul{overflow: hidden; margin-top: -18px;} .list-news li{padding-top: 20px; margin-bottom: 20px; overflow: hidden;} .list-news li .time{width: 70px; float: left; font-family: "Microsoft Yahei Light"; text-align: center;} .list-news li .time span{display: block; font-size: 48px; line-height: 48px;} .list-news li .time em{display: block; font-size: 14px; margin-top: 10px;} .list-news li .text{margin-left: 112px;} .list-news li .title{font-size: 16px; color: #000; height: 20px; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .list-news li .title a{color: #000;} .list-news li .desc{font-size: 14px; color: #666; max-height: 72px; line-height: 24px; overflow: hidden; display: -webkit-box !important; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-top: 12px;} .list-news li .tags{margin: 3px 5px -5px -5px; position: relative; overflow: hidden;} .list-news li .tags a{display: block; float: left; margin: 5px; height: 24px; line-height: 24px; padding: 0 18px; border: 1px solid #ddd; font-size: 14px; color: #999;} .list-news li .tags a:hover{background: #ff6a00; border-color: #ff6a00; color: #fff!important;} @media only screen and (max-width: 1549px){ .news-search{width: 850px; margin-left: 0;} .news-menu ul{margin-left: 0;} .news-menu li a{padding: 0 21px;} .news-left{width: 850px; margin-left: 0;} .list-news li .text{margin-left: 100px;} } /*新闻底部定制方案*/ .nylonform{background: #ff6a00; font-family: "Microsoft Yahei Light"; color: #fff; text-align: center; padding: 76px 0;} .nylonform .title{font-size: 36px; line-height: 1;} .nylonform .desc{font-size: 24px; margin-top: 12px;} .nylonform .btns{display: block; width: 200px; height: 48px; line-height: 48px; background: #fff; margin: 24px auto 0; font-size: 14px; color: #000; text-align: center;} /*当前位置*/ .location{height: 63px; line-height: 62px; font-size: 14px; color: #666;} .location a{color: #666;} .location a:last-child{color: #ff6a00;} .location .container{border-bottom: 1px solid #eee;} /*新闻详情*/ .sidebar{margin-top: 20px;} .sidebar-left{width: 1057px; float: left;} .sidebar-menu{width: 260px; float: left;} .sidebar-menu .title{background: #333; color: #fff; text-align: center; padding: 22px 10px;} .sidebar-menu .title h2{font-size: 18px; line-height: 22px;} .sidebar-menu .title p{text-transform: capitalize; margin-top: 6px; font-size: 14px; line-height: 18px;} .sidebar-menu ul{padding-top: 1px;} .sidebar-menu li{margin-bottom: 1px;} .sidebar-menu li a{display: block; height: 50px; line-height: 50px; background: #f7f7f7; padding: 0 20px 0 20px; position: relative;} .sidebar-menu li a i{display: block; width: 7px; height: 11px; background: url(../image/icon222.png) no-repeat -300px -336px; position: absolute; right: 20px; top: 19px;} .sidebar-menu li.active a,.sidebar-menu li a:hover{background: #ff6a00; color: #fff!important;} .sidebar-menu li.active a i,.sidebar-menu li a:hover i{background-position: -300px -347px;} .article{margin-left: 343px; padding-top: 16px;} .article-title{font-size: 24px; color: #000; line-height: 30px;} .article-intro{overflow: hidden; margin-top: 14px;} .article-intro .time{height: 28px; line-height: 28px; float: left; position: relative; padding-left: 26px; color: #c7c7c7;} .article-intro .time i{display: block; width: 18px; height: 18px; background: url(../image/icon222.png) no-repeat -150px -378px; position: absolute; left: 0; top: 5px;} .article-intro .bdsharebuttonbox{float: right; height: 28px;} .article-intro .bdsharebuttonbox a{display: block; float: left; width: 28px; height: 28px; transition: all 0s; padding: 0; margin: 0 6px; background: url(../image/icon222.png) no-repeat!important; -moz-opacity: 1!important; -khtml-opacity: 1!important; opacity: 1!important;} .article-intro .bdsharebuttonbox .bshare-qzone{background-position: -168px -378px!important;} .article-intro .bdsharebuttonbox .bshare-tsina{background-position: -196px -378px!important;} .article-intro .bdsharebuttonbox .returnlist{background-position: -224px -378px!important;} .article-intro .bdsharebuttonbox .bshare-weixin{background-position: -252px -378px!important;} .article-intro .bdsharebuttonbox .bshare-tqq{background-position: -280px -378px!important;} .article-intro .bdsharebuttonbox .bshare-qzone:hover{background-position: -168px -406px!important;} .article-intro .bdsharebuttonbox .bshare-tsina:hover{background-position: -196px -406px!important;} .article-intro .bdsharebuttonbox .returnlist:hover{background-position: -224px -406px!important;} .article-intro .bdsharebuttonbox .bshare-weixin:hover{background-position: -252px -406px!important;} .article-intro .bdsharebuttonbox .bshare-tqq:hover{background-position: -280px -406px!important;} .article-tags{margin: 14px 5px -5px -5px; position: relative; overflow: hidden;} .article-tags a{display: block; float: left; margin: 5px; height: 24px; line-height: 24px; padding: 0 18px; border: 1px solid #ddd; font-size: 14px; color: #999;} .article-tags a:hover{background-color: #ff6a00; border-color: #ff6a00; color: #fff!important;} .article-body{font-size: 14px; line-height: 28px; color: #555; padding-bottom: 20px; overflow: hidden; margin-top: 30px;} .article-body img{width: 100% !important; height: auto !important;} .artcile-menu{margin-top: 20px;} .artcile-menu ul{margin: 0 -6px;} .artcile-menu li a{display: block; height: 60px; line-height: 60px; background: #f7f7f7; padding: 0 14px; margin: 0 6px; overflow: hidden;} @media only screen and (max-width: 1549px){ .sidebar-left{width: 850px;} .sidebar-menu{width: 220px;} .article{margin-left: 250px;} } /*关于我们*/ .about-title{font-family: "Microsoft Yahei Light"; font-size: 30px; text-align: center;} .about-team{height: 800px; background: url(../image/about-teambg.jpg) no-repeat center #111; background-attachment: fixed; color: #fff; position: relative; z-index: 2; overflow: hidden;background-size: cover;} .about-team .bg{width: 100%; height: 100%; background: #111; filter: alpha(opacity=40); opacity: .4; position: absolute; left: 0; top: 0; z-index: 1;} .about-team .text{width: 100%; height: 100%; font-size: 0; text-align: center; position: absolute; left: 0; top: 0; z-index: 2;} .about-team .text .middle,.inteam .text ul{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;} .about-team .text .middle{width: 0; height: 100%;} .about-team .text ul{padding-top: 60px;} .about-team .text li{min-width: 200px; float: left; margin: 0 110px; text-align: left;} .about-team .text li .num{font-size: 48px; color: #ff6a00; line-height: 1;} .about-team .text li .num span{font-family: "Arial"; font-size: 150px; font-weight: bold;} .about-team .text li .title{font-size: 24px; color: #ff6a00; margin-top: 8px;} @media only screen and (max-width: 1499px){ .about-team .text li{margin: 0 60px;} .about-team .text li .num{font-size: 38px;} .about-team .text li .num span{font-size: 120px;} .about-team .text li .title{font-size: 18px;} } .about-text{position: relative; overflow: hidden; background: #ff6a00;} .about-text .pic{overflow: hidden;} .about-text .pic img{width: 100%; transition: transform 1.2s;} .about-text .pic:hover img{transform: scale(1.1);} .about-text .text{width: 584px; padding-top: 5%; padding-right: 84px; position: absolute; right: 50%; top: 0; margin-right: -750px;} .about-text .text .name{font-family: "Microsoft Yahei Light"; font-size: 24px; line-height: 2.5; color: #fff;} .about-text .text .title{font-family: "Microsoft Yahei Light"; font-size: 48px; line-height: 1.25; color: #fff;} .about-text .text .line{width: 50px; height: 1px; background: #fffefe; filter: alpha(opacity=40); opacity: .4; margin-top: 20px;} .about-text .text .desc{font-family: "Microsoft Yahei Light"; font-size: 18px; line-height: 30px; color: #fff; margin-top: 20px;} .about-text .text .more{display: block; width: 138px; height: 38px; line-height: 38px; border: 1px solid #fff; color: #fff; font-family: "Microsoft Yahei Light"; text-align: center; margin-top: 46px;} .about-text .text .more:hover{background: #c00; border-color: #c00; color: #fff!important;} @media only screen and (max-width: 1549px){ .about-text .text{width: 520px; padding-top: 3%; padding-right: 30px; margin-right: -600px;} .about-text .text .name{font-size: 20px;} .about-text .text .title{font-size: 40px;} .about-text .text .desc{font-size: 16px;} } @media only screen and (max-width: 1399px){ .about-text .text .more{margin-top: 32px;} } .history{padding: 58px 0 76px 0; background: #fff;} .history-title{font-size: 18px; text-align: center; margin-top: 16px;} .history-box{position: relative; margin-top: 22px;} .history-box .line{width: 1px; height: 100%; background: #ccc; position: absolute; left: 50%; top: 0;} .history-scroll{height: 600px; padding-top: 24px; position: relative; overflow: hidden; max-width: 1262px; margin: 0 auto;} .history-scroll .radius{width: 15px; height: 15px; background: #fff; border: 1px solid #ccc; border-radius: 50%; position: absolute; left: 50%; margin-left: -8px; top: 0;} .history-scroll ul{margin: 0 14px; overflow: hidden; margin-bottom: 10px;} .history-scroll li{width: 588px; float: left;} .history-scroll li .pic{width: 140px; height: 140px; float: left; border-radius: 50%; overflow: hidden;} .history-scroll li .pic img{width: 140px; height: 140px;} .history-scroll li .text{padding-left: 220px; text-align: right;} .history-scroll li .text .time{font-family: "Arial"; font-size: 40px; font-weight: bold; position: relative; line-height: 44px; transition: color .5s;} .history-scroll li .text .time span{display: block; width: 18px; height: 18px; background: #fff; border: 1px solid #ccc; border-radius: 50%; position: absolute; right: -39px; top: 12px;} .history-scroll li .text .time span i{display: block; width: 10px; height: 10px; background: #333; border: 1px solid #ccc; border-radius: 50%; position: absolute; left: 3px; top: 3px; transition: background .5s;} .history-scroll li .text .desc{font-size: 18px; margin-top: 6px; line-height: 1.7;} .history-scroll .n2 li{float: right;} .history-scroll .n2 li .pic{float: right;} .history-scroll .n2 li .text{padding-left: 0; padding-right: 220px; text-align: left;} .history-scroll .n2 li .text .time span{right: auto; left: -39px;} .history-scroll li:hover .text .time{color: #ff6a00;} .history-scroll li:hover .text .time span i{background: #ff6a00;} .history-box .down{width: 19px; height: 48px; background: url(../image/icon222.png) no-repeat -372px -224px #fff; position: absolute; left: 50%; bottom: -20px; margin-left: -9px; animation: bounce-down 1.1s linear infinite;} @keyframes bounce-down{25%{transform: translateY(10px);}50%,100%{transform: translateY(0);}75%{transform: translateY(-10px);}} @media only screen and (max-width: 1549px){ .history-scroll li{width: 558px;} .history-scroll li .text .desc{font-size: 16px;} } .abtjoinus{background: #111; background-size: auto 100%; position: relative; overflow: hidden;} .abtjoinus .pic{position: relative; overflow: hidden;} .abtjoinus .pic img{width: 100%; transition: transform 1.2s;} .abtjoinus .pic:hover img{transform: scale(1.1);} .abtjoinus .pic a{display: block; padding-top: 28px; color: #fff; position: absolute; right: 28px; top: 28px;} .abtjoinus .pic a i{display: block; width: 34px; height: 21px; background: url(../image/icon222.png) no-repeat -54px 0; position: absolute; left: 50%; top: 0; margin-left: -17px;} .abtjoinus .text{width: 636px; padding-top: 5%; position: absolute; left: 50%; top: 0; margin-left: -750px;} .abtjoinus .text .name{font-family: "Microsoft Yahei Light"; font-size: 24px; line-height: 2.5; color: #fff;} .abtjoinus .text .title{font-family: "Microsoft Yahei Light"; font-size: 48px; line-height: 1.25; color: #fff;} .abtjoinus .text .line{width: 50px; height: 1px; background: #fffefe; filter: alpha(opacity=40); opacity: .4; margin-top: 20px;} .abtjoinus .text .desc{font-family: "Microsoft Yahei Light"; font-size: 18px; min-height: 90px; line-height: 30px; color: #fff; margin-top: 20px;} .abtjoinus .text .more{display: block; width: 138px; height: 38px; line-height: 38px; border: 1px solid #fff; color: #fff; font-family: "Microsoft Yahei Light"; text-align: center; margin-top: 46px;} .abtjoinus .text .more:hover{background: #ff6a00; border-color: #ff6a00; color: #fff!important;} @media only screen and (max-width: 1549px){ .abtjoinus .text{width: 570px; padding-top: 3%; margin-left: -600px;} .abtjoinus .text .name{font-size: 20px;} .abtjoinus .text .title{font-size: 40px;} .abtjoinus .text .desc{font-size: 16px;} } @media only screen and (max-width: 1399px){ .abtjoinus .text .more{margin-top: 32px;} } .abtteam{padding: 100px 0 10px 0; background: #fff; position: relative; overflow: hidden;} .abtteam-text{position: relative; overflow: hidden;} .abtteam-text .pic{width: 98%; position: relative; margin-left: 5px;} .abtteam-text .pic > img{width: 100%;} .abtteam-text .pic .mask{width: 100%; height: 100%; opacity: 0; visibility: hidden; position: absolute; left: 0; top: 0; transition: opacity .6s,visibility .6s;} .abtteam-text .pic .mask img{display: block; width: 100%; height: 100%;} .abtteam-text .pic:hover .mask{opacity: 1; visibility: visible;} .abtteam-text .text{width: 620px; position: absolute; left: 50%; top: -10px; margin-left: -750px;} .abtteam-text .text .name{font-family: "Microsoft Yahei Light"; font-size: 24px; line-height: 1.8;} .abtteam-text .text .title{font-family: "Microsoft Yahei Light"; font-size: 48px; line-height: 1.25;} .abtteam-text .text .line{width: 50px; height: 1px; background: #ff6a00; margin-top: 20px;} .abtteam-text .text .desc{font-family: "Microsoft Yahei Light"; font-size: 18px; min-height: 90px; line-height: 30px; margin-top: 20px;} .abtteam-spic{margin: 10px 5px 0 5px; position: relative;} .abtteam-spic li .item{position: relative; margin: 0 5px;} .abtteam-spic li .pic img{width: 100%;} .abtteam-spic li .mask{width: 100%; height: 100%; opacity: 0; visibility: hidden; position: absolute; left: 0; top: 0; transition: opacity .6s,visibility .6s;} .abtteam-spic li .mask img{display: block; width: 100%; height: 100%;} .abtteam-spic li:hover .mask{opacity: 1; visibility: visible;} .abtteam-spic ol{position: absolute; left: 0; bottom: 0;} .abtteam-spic ol li.s1{width: 50%;} .abtteam-spic ol li.s2{width: 50%; position: absolute; right: 0; bottom: 0;} .abtteam-spic ul{float: right; margin: } .about-vr{position: relative; height: 100vh;} .about-vr .iframe{display: block; width: 100%; height: 100%;} @media only screen and (max-width: 1549px){ .abtteam-text .text{width: 546px; margin-left: -600px;} .abtteam-text .text .name{font-size: 20px;} .abtteam-text .text .title{font-size: 40px;} .abtteam-text .text .desc{font-size: 16px;} .abtteam-text .pic{width: 98%;} } @media only screen and (max-width: 1399px){ .abtteam-text .pic{width: 98%;} .abtteam-spic{margin-top: 20px;} } /*联系我们*/ .contact{ position: relative;} .contact-map{height: 100%; position: relative;} .contact-map .iframe{width: 100%; height: 100%;} .contact-map img{max-width: none;} .contact-text{width: 46.875%; background: #ff6a00; font-family: "Microsoft Yahei Light"; color: #fff; position: absolute; right: 0; bottom: 0; z-index: 16;} .contact-text .text{padding: 60px 0 85px 70px;} .contact-text .tit1{font-size: 40px;} .contact-text .tit2{font-size: 72px; font-weight: bold; margin-top: 10px;} .contact-text ul{margin-top: 14px;} .contact-text li{min-height: 30px; line-height: 30px; position: relative; padding-left: 40px; font-size: 24px; margin-bottom: 10px;} .contact-text li .icon{display: block; width: 30px; height: 30px; background: url(../image/icon222.png) no-repeat; position: absolute; left: 0; top: 0;} .contact-text li .ico1{background-position: -370px -274px;} .contact-text li .ico2{background-position: -370px -304px;} .contact-text .more{display: block; width: 210px; height: 50px; line-height: 50px; background: #fff; font-size: 18px; color: #ff6a00; text-align: center; margin-top: 34px;} .contact-text .more:hover{transform: translateX(10px); color: #ff6a00!important;} @media only screen and (max-width: 1620px){ .contact-text .text{padding: 40px 0 65px 50px;} } @media only screen and (max-width: 1549px){ .contact-text .tit1{font-size: 26px;} .contact-text .tit2{font-size: 54px;} .contact-text li{font-size: 20px;} } @media only screen and (max-width: 1399px){ .contact-text{width: 40%;} .contact-text .text{padding: 30px 0 30px 30px;} .contact-text .tit1{font-size: 20px;} .contact-text .tit2{font-size: 40px;} .contact-text li{font-size: 18px;} .contact-text .more{width: 180px; height: 40px; line-height: 40px; font-size: 16px; margin-top: 20px;} } /*解决方案*/ .solution-banner{height: 400px!important;} .solution-banner .title{width: 100%; font-size: 56px; font-weight: bold; color: #fff; text-align: center; line-height: 60px; position: absolute; left: 0; top: 50%; margin-top: -30px;} .solution-banner .title span{font-weight: normal; color: #ff6a00;} .solution-menu .cream-menu{margin: 0 -14px;} .solution-menu .cream-menu li{padding: 0 14px;} .solution-menu .cream-menu li a{padding: 0 8px; font-size: 18px;} .solution-menu .cream-menu li.active i,.solution-menu .cream-menu li:hover i{left: 14px; right: 14px;} .solutionB1{background: #fff; position: relative; overflow: hidden;} .solutionB1 .intitle h2 img{height: 40px;} .solutionB1 .intitle h2 span{color: #f37b97; font-family: "Impact"; font-size: 94px; vertical-align: middle; margin-left: 14px; background-image: linear-gradient(to right,#f37b97,#feadce); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .solutionB1 .intitle h2:after{display: block; content: ""; width: 30px; height: 30px; border-radius: 50%; background-image: linear-gradient(to right,#f37b97,#feadce); position: absolute; right: 10px; bottom: -20px;} .solutionB1-box{margin-top: 22px; padding-bottom: 84px;} .solutionB1-box ul{margin: 0 -12px;} .solutionB1-box li .item{height: 290px; padding: 0 22px; margin: 0 12px; position: relative; background-repeat: no-repeat; background-position: center; border-radius: 10px; background: #fff; box-shadow: 0 0 10px rgba(7,0,2,.1); transition: transform .6s; text-align: center;} .solutionB1-box li .icon{padding-top: 48px;} .solutionB1-box li .icon img{height: 88px;} .solutionB1-box li .title{font-size: 24px; font-weight: bold; color: #514a7c; line-height: 38px; margin-top: 34px;} .solutionB1-box li .num{width: 62px; height: 62px; line-height: 62px; background: #fff; border-radius: 50%; font-family: "Arial"; font-size: 23px; color: #ff6a00; text-align: center; box-shadow: 0 0 10px rgba(7,0,2,.1); position: absolute; left: 50%; bottom: -31px; margin-left: -31px;} .solutionB1-box li .item:hover{transform: translateY(-14px);} @media only screen and (max-width: 1549px){ .solutionB1-box ul{margin: 0 -10px;} .solutionB1-box li .item{margin: 0 10px; height: 230px;} .solutionB1-box li .icon{padding-top: 38px;} .solutionB1-box li .icon img{height: 70px;} .solutionB1-box li .title{font-size: 18px; line-height: 30px; margin-top: 22px;} .solutionB1-box li .num{width: 50px; height: 50px; line-height: 50px; font-size: 18px; bottom: -25px; margin-left: -25px;} } .solutionB2{background: #f3f8ff; padding-bottom: 46px; position: relative; overflow: hidden;} .solutionB2 .inentitle{color: #e9f1fc;} .solutionB2 .intitle h2:after{display: block; content: ""; width: 30px; height: 30px; border-radius: 50%; background-image: linear-gradient(to right,#77c2fb,#83eefe); position: absolute; right: -36px; bottom: -10px;} .solutionB2-box{background: #fff; border-radius: 10px; text-align: center; padding: 30px 60px;} .solutionB3{padding: 10px 0 40px 0; background: #fff; position: relative; overflow: hidden;} .solutionB3 .intitle h2:after{display: block; content: ""; width: 30px; height: 30px; border-radius: 50%; background-image: linear-gradient(to right,#f37b97,#feadce); position: absolute; right: -36px; bottom: -10px;} .solutionB3-box{margin-top: 4px;} .solutionB3-box ul{margin: 0 -12px;} .solutionB3-box li .item{margin: 0 12px; padding: 30px 14px 18px 14px; text-align: center; transition: box-shadow .6s;} .solutionB3-box li .icon img{height: 125px;} .solutionB3-box li .title{font-size: 36px; font-weight: bold; color: #514a7c; margin-top: 22px; text-align: center;} .solutionB3-box li .line{width: 40px; height: 2px; background: #ff6a00; margin: 20px auto 0;} .solutionB3-box li .desc{font-size: 18px; height: 72px; line-height: 36px; text-align: center; margin-top: 20px;} .solutionB3-box li .item:hover{box-shadow: 0 0 20px rgba(7,0,2,.16);} @media only screen and (max-width: 1549px){ .solutionB3-box ul{margin: 0 -10px;} .solutionB3-box li .item{margin: 0 10px;} .solutionB3-box li .icon img{height: 95px;} .solutionB3-box li .title{font-size: 30px;} .solutionB3-box li .desc{font-size: 14px; height: 60px; line-height: 30px;} } .solution-case .inhead{padding-top: 63px;} .solution-case .incase-tabbox{margin-top: 34px;} .pull-links-ibox{ margin-top: 14px; } .pull-links-ibox li{ margin-bottom: 20px; } .pull-links-ibox li a{ display: block; width: 100%; overflow: hidden; } .pull-links-ibox li img{ overflow: hidden; width: 100%; transition: transform 1.1s; -webkit-transition: transform 1.1s; -moz-transition: transform 1.1s; -ms-transition: transform 1.1s; -o-transition: transform 1.1s; } .pull-links-ibox li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .layui-layer-content img{ max-height: 100vh; }.yqlj{ height: 40px; line-height: 40px; } .yqlj span{ float: left; } .yqlj ul li{ float: left; padding: 0 10px; } .sqiao_fixed{ box-sizing: border-box; padding-top: 30px !important; width: 161px !important; } .sqiao_logo{ text-align: center; } /* 新增样式 */ .col-lg-7 { width:20%; *width:18%; float: left; min-height: 1px; } .inservice-box li .more:hover{ background:linear-gradient(90deg,rgba(242,0,88,1),rgba(255,106,0,1)); border-color: #FF6A00; } .inservice-box li.s4 .item .desc{ height: 40px; margin-right: 10px; } .ali-worry { padding-bottom: 74px; overflow: hidden; } .ali-worry .intitle h2:after { display: block; content: ""; width: 30px; height: 30px; border-radius: 50%; background-image: linear-gradient(to right,#f37b97,#feadce); position: absolute; right: -36px; bottom: -10px; } .ali-worry-list{ margin: -12px 0px; padding-top: 28px; } .ali-worry-list .item{ height:172px; color: #fff; background:linear-gradient(90deg,rgba(37,60,114,1),rgba(187,76,113,1)); border-radius:10px; margin: 12px 15px; box-sizing: border-box; } .ali-worry-list .item .tit{ font-weight:bold; font-size: 28px; padding-top: 38px; background: url(../image/dayi.png) no-repeat 34px 40px; padding-left: 80px; padding-bottom: 12px; } .ali-worry-list .item .text{ font-weight: 300; font-family:MicrosoftYaHeiLight; font-size: 22px; line-height: 32px; opacity: .8; padding-left: 80px; } .ali-renke{ background-color: #F3F8FF; padding-bottom: 72px; padding-top: 6px; overflow: hidden; } .ali-renke .inentitle { color: #e9f1fc; } .ali-renke .intitle h2:after { display: block; content: ""; width: 30px; height: 30px; border-radius: 50%; background:linear-gradient(90deg,rgba(119,194,251,1),rgba(131,238,254,1)); position: absolute; right: -36px; bottom: -10px; } .renke-list{ margin: 0 -15px; padding-top: 30px; } .renke-list .item{ background-color: #fff; border-radius:16px; padding: 10px; margin: 0 15px; } .renke-list img{ width: 100%; } .incase-tabslick .slick-slide .intro span, .incase-tabslick .slick-slide .intro em{ font-weight: bold; color: #F20058; font-size: 16px; } .incase-tabslick .slick-dots li.slick-active button{ width: 12px; height: 12px; background-color: #F20058; } .insolution{padding-bottom: 46px;} .insolution-box li .item { margin: 4px 18px; } .insolution-box li .ico1 { background-position:-102px -50px; } .insolution-box li .ico2 { background-position: -204px -50px; } .insolution-box li .ico6 { background-position: -306px -50px; } .insolution-box li .ico3, .insolution-box li .ico4,.insolution-box li .ico5,.insolution-box li .ico7,.insolution-box li .ico8 { background: url(../image/ali-icon.png) no-repeat; } .insolution-box li .ico3{ background-position: 8px 14px; } .insolution-box li .ico4{ background-position: -306px -50px!important; background:url(../image/icon222.png) no-repeat; } .insolution-box li .ico5{ background-position: -255px 14px; } .insolution-box li .ico7{ background-position: -389px 17px; } .insolution-box li .ico8{ background-position: -523px 13px; } .insolution-box li .title{ margin-top: 18px; } .inservice-box{ padding-bottom: 72px; } .inabout-show-ibox{ padding-top: 3px; overflow: hidden; padding-bottom: 46px; } .inabout-show-ibox .incase-tabtit li{ background-color: #E7F2F9; } .inabout-show-ibox .incase-tabtit li span{ color: #222222; font-weight:300; } .inabout-show-ibox .incase-tabtit li{ height: 42px; line-height: 42px; padding: 0 35px; transform: all .5s; -webkit-transform: all .5s; -moz-transform: all .5s; -ms-transform: all .5s; -o-transform: all .5s; } .inabout-show-ibox .incase-tabtit li span{ transform: color .5s; -webkit-transform: color .5s; -moz-transform: color .5s; -ms-transform: color .5s; -o-transform: color .5s; } .inabout-show-ibox .incase-tabtit li.active, .inabout-show-ibox .incase-tabtit li:hover { background: #f20058; color: #fff!important; } .inabout-show-ibox .incase-tabtit li.active span, .inabout-show-ibox .incase-tabtit li:hover span{ color: #fff; } .inabout-show-ibox .incase-tabslick2 .text2{ text-align: center; font-size: 18px; color: #666666; font-weight: 300; padding-top: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color .9s; -webkit-transition: color .9s; -moz-transition: color .9s; -ms-transition: color .9s; -o-transition: color .9s; } .inabout-show-ibox .incase-tabslick2 .item:hover .text2{ color: #E5438C; } .inabout-show-ibox .incase-tabslick2 .slick-slide .pic{ border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; overflow: hidden; } .inabout-show-ibox img{ border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; transition: transform .8s; -webkit-transition: transform .8s; -moz-transition: transform .8s; -ms-transition: transform .8s; -o-transition: transform .8s; display: block; } .inabout-show-ibox .item:hover img { transform: scale(1.1); } .inabout-show-ibox .slick-slide .item { margin: 0 12px; } .incase-tabslick2{display: block!important; height: 0; opacity: 0; visibility: hidden;} .incase-tabslick2.tactive{height: auto; opacity: 1; visibility: visible; padding-bottom: 46px; transition: opacity .5s;} .incase-tabslick2 .slick-dots{ bottom: 0; } .incase-tabslick2 .slick-dots li { margin: 0 13px; } .incase-tabslick .slick-dots li button { width: 8px; height: 8px; position: relative; } .incase-tabslick2 .slick-dots li button:after { display: block; content: ""; width: 16px; height: 16px; border: 1px solid #c9c9c9; border-radius: 50%; position: absolute; left: 50%; top: 50%; margin-left: -9px; margin-top: -9px; } .incase-tabslick2 .slick-dots li.slick-active button { width: 12px; height: 12px; background-color: #F20058; } .incase-tabslick2 .slick-dots li.slick-active button:after { width: 24px; height: 24px; border-color: #f20058; margin-left: -13px; margin-top: -13px; } .incase-tabslick2 .slick-dots li button{ background-color: #c9c9c9; width: 8px; height: 8px; } .incase-tabtit li i{ background: url(../image/ali-icon2.png) no-repeat; } .incase-tabtit li .ico1 { background-position: 4px -88px; } .incase-tabtit li .ico2 { background-position: -129px -140px; } .incase-tabtit li .ico3 { background-position: -62px -88px; } .incase-tabtit li .ico4 { background-position: -162px -89px; } .incase-tabtit li .ico5 { background-position: -132px -88px; } .incase-tabtit li .ico6 { background-position: -162px -88px; } .incase-tabtit li .ico7 { background-position: -195px -86px; } .incase-tabtit li .ico8 { background-position: -227px -88px; } .incase-tabtit li.active .ico1 { background-position: 6px -118px; } .incase-tabtit li.active .ico2 { background-position:-129px -162px; } .incase-tabtit li.active .ico3 { background-position: -62px -118px; } .incase-tabtit li.active .ico4 { background-position: -162px -118px; } .incase-tabtit li.active .ico5 { background-position: -132px -118px; } .incase-tabtit li.active .ico6 { background-position: -162px -118px; } .incase-tabtit li.active .ico7 { background-position: -195px -118px; } .incase-tabtit li.active .ico8 { background-position: -227px -118px; } .inabout-show-ibox .incase-tabcont{ margin: 30px -12px 0; } @media only screen and (max-width: 1549px){ .incase-tabtit li{padding: 0 18px;} } .incust{ background-size: cover; } .inabout .text .desc{ font-size: 16px; line-height: 28px; } .inabout .text .desc .p1{ margin-bottom: 26px; } .inabout .text .line{ background-color: #DE0618; } .inabout .text .more{ margin-top: 26px; } .picture-popup{ position: fixed; width: 100%; height: 100%; left: -200%; top: 0; z-index: 999; display: block; } .picture-popup.show{ left: 0; } .picture-popup .bg{ background: #000; position: absolute; width: 100%; height: 100%; opacity: 0; transition: 0.3s; } .picture-popup.show .bg{ opacity: .8; } .picture-popup > img{ z-index: 1; position: absolute; border: 10px solid #fff; top: 50%; left: 50%; border-radius: 16px; transition: 0.3s; opacity: 0; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); max-width: 100%; max-height: 80%; -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; } .picture-popup.show > img{ opacity: 1; } .picture-popup .off-btn{ width: 50px; height: 50px; border-radius: 50%; line-height: 50px; text-align: center; font-size: 28px; color: #ffffff; position: absolute; right: 23px; top: 10px; z-index: 3; cursor: pointer; font-family: cursive; transition: .3s; } .picture-popup .off-btn:hover{ opacity: .6; } .ali-renke .slick-dots{ bottom: -35px; } .ali-renke .slick-dots li.slick-active button { width: 12px; height: 12px; background-color: #F20058; } .ali-renke .slick-dots li button { width: 8px; height: 8px; position: relative; background-color: #e3e3e3; } .ali-renke .slick-dots li button:after { display: block; content: ""; width: 16px; height: 16px; border: 1px solid #e3e3e3; border-radius: 50%; position: absolute; left: 50%; top: 50%; margin-left: -9px; margin-top: -9px; } .ali-renke .slick-dots li.slick-active button:after { width: 24px; height: 24px; border-color: #f20058; margin-left: -13px; margin-top: -13px; } .ali-renke .slick-dots li { margin: 0 13px; } @media only screen and (max-width: 1549px){ .solution-menu .cream-menu li { padding: 0 6px; } .solution-menu .cream-menu li a { padding: 0 6px; font-size: 15px; } } @media only screen and (max-width: 1499px){ .solution-menu .cream-menu li a { padding: 0 8px; font-size: 14px; } .solution-menu .cream-menu li { padding: 0 8px; } .cream-menu li a{padding: 0 14px;} /* .list-case li .intro span{font-size: 14px;} .list-case li .intro em{font-size: 14px;} .incase-tabslick .slick-slide .intro span, .incase-tabslick .slick-slide .intro em{font-size: 15px;} */ } /* ========== 补充：原站加载顺序中 header_style_desktop 内的栅格（common 仅含顶栏时缺失） ========== */ .col-lg-2_0 { width: 20%; *width: 18%; float: left; min-height: 1px; } .col-lg-3 { width: 25%; float: left; min-height: 1px; } .col-lg-4 { width: 33.3333%; float: left; min-height: 1px; } .col-lg-6 { width: 50%; float: left; min-height: 1px; } .tl { text-align: left !important; } .tc { text-align: center !important; } .tr { text-align: right !important; } /* 与 common.css 固定顶栏配合（覆盖上文 style2 中的 margin-top:85px） */ .banner { margin-top: var(--page-header-offset, 110px); } @media only screen and (max-width: 960px) { .container { width: 100% !important; padding: 0 16px; box-sizing: border-box; } .inentitle { font-size: 48px; } .intitle { position: static; height: auto; line-height: 1.3; } .intitle h2 { font-size: 22px; } .inservice-box ul { margin: 0; } .inservice-box li .item { height: auto; padding: 16px 16px 48px 56px; margin: 8px 0; } .inwhyus-box { height: auto; } .inwhyus-box .pic { position: static; margin: 0 auto; text-align: center; } .inwhyus-box .pic img { width: 100%; max-width: 360px; height: auto; } .inwhyus-box .text { position: static; width: 100%; margin: 16px 0; padding: 0 12px; box-sizing: border-box; } .inprocess .tit, .inprocess .cont { float: none; width: 100%; margin: 0; } .inprocess .tit img { width: auto; height: auto; max-height: 80px; margin: 0 auto; } .inteam { height: auto; padding: 32px 16px; } .inteam .name, .inteam .text { display: block; margin: 0 0 16px; padding: 0; } .inabout .text { margin: 16px; padding-top: 16px; } .inabout .text .title { font-size: 22px; } .innews { padding: 32px 0; } .innews ul { margin: 0; } .col-lg-2_0, .col-lg-3, .col-lg-4, .col-lg-6 { width: 100%; float: none; } .ali-worry-list .item { height: auto; padding-bottom: 16px; } .ali-worry-list .item .tit, .ali-worry-list .item .text { font-size: 16px; line-height: 1.5; padding-left: 16px; background: none; } .casepull-left, .sidebar-left, .news-left, .news-search, .pull-right, .article { width: 100% !important; float: none !important; margin: 0 !important; } }