#header-desktop {font-size:0;position:absolute;z-index:20;height:34px;width:100%;top:50px;left:0} #header-desktop .container-rs {position:relative;padding-left:27px;top:400px;left:71px;display:inline-block;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)} #header-desktop .container-rs:before {content:'';width:27px;height:1px;position:absolute;top:50%;left:0;-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} #header-desktop .container-rs .li-rs {display:inline-block;vertical-align:middle;position:relative;margin-left:20px} #header-desktop .container-rs .li-rs a {display:inline-block;text-decoration:none;vertical-align:middle;width:13px;margin-right:13px;opacity:1;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #header-desktop .container-rs .li-rs a:last-child {margin-right:0} #header-desktop .container-rs .li-rs a svg {width:100%;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #header-desktop .container-logo {cursor:pointer;text-decoration:none;display:inline-block;position:absolute;left:50%;top:50%;height:100%;-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} #header-desktop .container-logo svg {height:100%;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #header-desktop .container-vr {padding:5px 10px 5px 30px;position:absolute;top:50%;right:60px;border-radius:50px; font-family: PingFang SC; background: url(../images/tel.png) no-repeat 8px center; font-size:14px;-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} #header-desktop .container-rs:before {background-color:#fff} #header-desktop .container-rs p {color:#fff} #header-desktop .container-rs .li-rs a svg {fill:#fff} #header-desktop .container-logo svg {fill:#fff} #header-desktop .container-vr {color:#fff;background-color:rgba(0,0,0,.2)} #header-desktop.style-hire .container-rs:before {background-color:#fff} #header-desktop.style-hire .container-rs {top:initial;top:calc(100vh - 200px)} #header-desktop.style-hire .container-rs p {color:#fff} #header-desktop.style-hire .container-rs .li-rs a svg {fill:#fff} #header-desktop.style-hire .container-logo svg {fill:#363f54} #header-desktop.style-hire .container-vr {color:#fff;background-color:rgba(0,0,0,.2)} #header-desktop.style-agency .container-rs:before {background-color:#363f54} #header-desktop.style-agency .container-rs p {color:#363f54} #header-desktop.style-agency .container-rs .li-rs a svg {fill:#363f54} #header-desktop.style-agency .container-logo svg {fill:#363f54} #header-desktop.style-agency .container-vr {color:#fff;background-color:rgba(0,0,0,.2)} #header-desktop.style-lecollectionist .container-rs:before {background-color:#363f54} #header-desktop.style-lecollectionist .container-rs p {color:#363f54} #header-desktop.style-lecollectionist .container-rs .li-rs a svg {fill:#363f54} #header-desktop.style-lecollectionist .container-logo svg {fill:#363f54} #header-desktop.style-lecollectionist .container-vr {color:#fff;background-color:rgba(0,0,0,.2)} #header-desktop.style-owkin .container-rs:before {background-color:#363f54} #header-desktop.style-owkin .container-rs p {color:#363f54} #header-desktop.style-owkin .container-rs .li-rs a svg {fill:#363f54} #header-desktop.style-owkin .container-logo svg {fill:#363f54} #header-desktop.style-owkin .container-vr {color:#fff;background-color:rgba(0,0,0,.2)} #header-desktop.style-lefty .container-rs:before {background-color:#363f54} #header-desktop.style-lefty .container-rs p {color:#363f54} #header-desktop.style-lefty .container-rs .li-rs a svg {fill:#363f54} #header-desktop.style-lefty .container-logo svg {fill:#363f54} #header-desktop.style-lefty .container-vr {color:#fff;background-color:rgba(0,0,0,.2)} #header-desktop.style-dreem .container-rs:before {background-color:#363f54} #header-desktop.style-dreem .container-rs p {color:#363f54} #header-desktop.style-dreem .container-rs .li-rs a svg {fill:#363f54} #header-desktop.style-dreem .container-logo svg {fill:#363f54} #header-desktop.style-dreem .container-vr {color:#fff;background-color:rgba(0,0,0,.2)} #header-desktop.style-buzzman .container-rs:before {background-color:#363f54} #header-desktop.style-buzzman .container-rs p {color:#363f54} #header-desktop.style-buzzman .container-rs .li-rs a svg {fill:#363f54} #header-desktop.style-buzzman .container-logo svg {fill:#363f54} #header-desktop.style-buzzman .container-vr {color:#fff;background-color:rgba(0,0,0,.2)} #header-desktop.style-bilionairebay .container-rs:before {background-color:#363f54} #header-desktop.style-bilionairebay .container-rs p {color:#363f54} #header-desktop.style-bilionairebay .container-rs .li-rs a svg {fill:#363f54} #header-desktop.style-bilionairebay .container-logo svg {fill:#363f54} #header-desktop.style-bilionairebay .container-vr {color:#fff;background-color:rgba(0,0,0,.2)} #header-desktop.style-nextworldcap .container-rs:before {background-color:#363f54} #header-desktop.style-nextworldcap .container-rs p {color:#363f54} #header-desktop.style-nextworldcap .container-rs .li-rs a svg {fill:#363f54} #header-desktop.style-nextworldcap .container-logo svg {fill:#363f54} #header-desktop.style-nextworldcap .container-vr {color:#fff;background-color:rgba(0,0,0,.2)} #header-desktop.style-neura .container-rs:before {background-color:#363f54} #header-desktop.style-neura .container-rs p {color:#363f54} #header-desktop.style-neura .container-rs .li-rs a svg {fill:#363f54} #header-desktop.style-neura .container-logo svg {fill:#363f54} #header-desktop.style-neura .container-vr {color:#fff;background-color:rgba(0,0,0,.2)} #header-desktop.style-xola .container-rs:before {background-color:#363f54} #header-desktop.style-xola .container-rs p {color:#363f54} #header-desktop.style-xola .container-rs .li-rs a svg {fill:#363f54} #header-desktop.style-xola .container-logo svg {fill:#363f54} #header-desktop.style-xola .container-vr {color:#fff;background-color:rgba(0,0,0,.2)} #header-desktop.style-gotzm .container-rs:before {background-color:#363f54} #header-desktop.style-gotzm .container-rs p {color:#363f54} #header-desktop.style-gotzm .container-rs .li-rs a svg {fill:#363f54} #header-desktop.style-gotzm .container-logo svg {fill:#363f54} #header-desktop.style-gotzm .container-vr {color:#fff;background-color:rgba(0,0,0,.2)} #header-desktop.style-404 .container-rs {top:calc(100vh - 210px)} #nav-btn {position:fixed;z-index:22;left:0;top:0;height:195px;width:53px;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;cursor:pointer} #nav-btn.scroll {background-color:#fff} #nav-btn .content {position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:pointer} #nav-btn .content .text {position:relative} #nav-btn .content .text span {display:block;color:#fff;font-family:National-Bold;font-size:12px;text-align:center;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #nav-btn.scroll .content .text span,#nav-btn.active .content .text span {color:#363f54!important} #nav-btn .content .action {height:27px;width:27px;margin-top:14px;position:relative} #nav-btn .content .action .bar {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:100%;width:1px;background-color:#fff;-webkit-transition:all .5s cubic-bezier(0,.785,0,1);-o-transition:all .5s cubic-bezier(0,.785,0,1);transition:all .5s cubic-bezier(0,.785,0,1)} #nav-btn:hover .content .action .bar:nth-child(1) {-webkit-transform:translate(-50%,-30%) rotate(90deg) scaleY(.7);-ms-transform:translate(-50%,-30%) rotate(90deg) scaleY(.7);transform:translate(-50%,-30%) rotate(90deg) scaleY(.7)} #nav-btn:hover .content .action .bar:nth-child(2) {-webkit-transform:translate(-50%,-70%) rotate(90deg) scaleY(.7);-ms-transform:translate(-50%,-70%) rotate(90deg) scaleY(.7);transform:translate(-50%,-70%) rotate(90deg) scaleY(.7)} #nav-btn.scroll .content .action .bar,#nav-btn.active .content .action .bar {background-color:#363f54!important} #nav-btn.active .content .action .bar:nth-child(1) {-webkit-transform:translate(-50%,-50%) rotate(-45deg);-ms-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)} #nav-btn.active .content .action .bar:nth-child(2) {-webkit-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)} #nav-btn.style-home .content .text span, #nav-btn.style-services .content .text span, #nav-btn.style-agency .content .text span, #nav-btn.style-qonto .content .text span, #nav-btn.style-chauffeurprive .content .text span, #nav-btn.style-lecollectionist .content .text span, #nav-btn.style-thoughtspot .content .text span, #nav-btn.style-marks .content .text span, #nav-btn.style-orangelabs .content .text span {color:#fff} #nav-btn.style-home .content .action .bar, #nav-btn.style-services .content .action .bar, #nav-btn.style-agency .content .action .bar, #nav-btn.style-qonto .content .action .bar, #nav-btn.style-chauffeurprive .content .action .bar, #nav-btn.style-lecollectionist .content .action .bar, #nav-btn.style-thoughtspot .content .action .bar, #nav-btn.style-marks .content .action .bar, #nav-btn.style-orangelabs .content .action .bar {background-color:#fff} #nav-btn.style-agency .content .action .bar, #nav-btn.style-nextworldcap .content .action .bar, #nav-btn.style-neura .content .action .bar, #nav-btn.style-owkin .content .action .bar, #nav-btn.style-lefty .content .action .bar, #nav-btn.style-xola .content .action .bar, #nav-btn.style-dreem .content .action .bar, #nav-btn.style-buzzman .content .action .bar, #nav-btn.style-bilionairebay .content .action .bar, #nav-btn.style-marks .content .action .bar, #nav-btn.style-gotzm .content .action .bar {background-color:#fff!important} #nav-btn.style-agency .content .text span, #nav-btn.style-nextworldcap .content .text span, #nav-btn.style-neura .content .text span, #nav-btn.style-owkin .content .text span, #nav-btn.style-lefty .content .text span, #nav-btn.style-xola .content .text span, #nav-btn.style-dreem .content .text span, #nav-btn.style-buzzman .content .text span, #nav-btn.style-bilionairebay .content .text span, #nav-btn.style-marks .content .text span, #nav-btn.style-gotzm .content .text span {color:#fff!important} .style-marks .header-menu >ul > li.active > a{ color:#fff!important } #nav {display:none;position:fixed;top:0;left:0;z-index:21;height:100vh;width:100%;background-color:transparent;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #nav.displayBlock {display:block} #nav.show {background-color:rgba(0,0,0,.3)} #nav .head {font-size:0;position:absolute;z-index:20;height:34px;width:100%;top:50px;left:0;opacity:0;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease} #nav.show .head {-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s;opacity:1} #nav .head .container-logo {cursor:pointer;text-decoration:none;display:inline-block;position:absolute;left:50%;top:50%;height:100%;-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} #nav .head .container-logo svg {fill:#363f54;height:100%;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #nav .head .container-vr { background-color:rgba(0,0,0,.05); color:#363f54; padding:5px 10px 5px 30px; position:absolute; top:50%; right:60px; border-radius:50px; font-family:National-Bold; font-size:11px; -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; -moz-transition:all .25s ease; -ms-transition:all .25s ease;background: url(../images/tel2.png) no-repeat 8px center; } #nav .container-rs {position:absolute;padding-left:27px;bottom:160px;left:71px;display:inline-block;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;opacity:0;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease} #nav.show .container-rs {-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s;opacity:1} #nav .container-rs:before {background-color:#363f54;content:'';width:27px;height:1px;position:absolute;top:50%;left:0;-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} #nav .container-rs .li-rs {display:inline-block;vertical-align:middle;position:relative;margin-left:20px} #nav .container-rs .li-rs a {display:inline-block;text-decoration:none;vertical-align:middle;width:13px;margin-right:13px;opacity:1;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #nav .container-rs .li-rs a:last-child {margin-right:0} #nav .container-rs .li-rs a svg {fill:#363f54;width:100%;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #nav .content {position:absolute;width:100%;top:0;left:0;padding:160px 130px 130px;max-height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;opacity:0;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #nav .content.active {opacity:1} #nav .content:before {content:'';width:120%;height:100%;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background-color:#fff} #nav .content.active:before {animation:slideBgTop 1s forwards;-webkit-animation:slideBgTop 1s forwards} @keyframes slideBgTop {0% {-webkit-transform:translateY(-100%)translateX(-50%);transform:translateY(-100%)translateX(-50%);-webkit-animation-timing-function:cubic-bezier(.815,.09,.885,.14)} 50% {-webkit-transform:translateY(-50%)translateX(-50%) skewY(-20deg);transform:translateY(-50%)translateX(-50%) skewY(-20deg)} 100% {-webkit-animation-timing-function:cubic-bezier(.815,.09,.885,.14);-webkit-transform:translateY(0%)translateX(-50%);transform:translateY(0%)translateX(-50%)} } @-webkit-keyframes slideBgTop {0% {-webkit-transform:translateY(-100%)translateX(-50%);transform:translateY(-100%)translateX(-50%);-webkit-animation-timing-function:cubic-bezier(.815,.09,.885,.14)} 50% {-webkit-transform:translateY(-50%)translateX(-50%) skewY(-20deg);transform:translateY(-50%)translateX(-50%) skewY(-20deg)} 100% {-webkit-animation-timing-function:cubic-bezier(.815,.09,.885,.14);-webkit-transform:translateY(0%)translateX(-50%);transform:translateY(0%)translateX(-50%)} } #nav .content .container-prLink {width:28%} #nav .content .container-prLink ul {list-style:none;overflow:hidden} #nav .content .container-prLink ul li {position:relative;margin-bottom:40px;padding-left:40px;-webkit-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px);opacity:0;-webkit-transition:all 1s cubic-bezier(.075,.82,.165,1);-o-transition:all 1s cubic-bezier(.075,.82,.165,1);transition:all 1s cubic-bezier(.075,.82,.165,1)} #nav .content:not(.active) .container-prLink ul li {-webkit-transition-delay:.25s!important;-o-transition-delay:.25s!important;transition-delay:.25s!important;-webkit-transition:transform 1s cubic-bezier(.075,.82,.165,1),opacity 0s ease;-o-transition:transform 1s cubic-bezier(.075,.82,.165,1),opacity 0s ease;-webkit-transition:opacity 0s ease,-webkit-transform 1s cubic-bezier(.075,.82,.165,1);transition:opacity 0s ease,-webkit-transform 1s cubic-bezier(.075,.82,.165,1);transition:transform 1s cubic-bezier(.075,.82,.165,1),opacity 0s ease;transition:transform 1s cubic-bezier(.075,.82,.165,1),opacity 0s ease,-webkit-transform 1s cubic-bezier(.075,.82,.165,1)} #nav .content.active .container-prLink ul li {opacity:1;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px)} #nav .content .container-prLink ul li:nth-child(1) {-webkit-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s} #nav .content .container-prLink ul li:nth-child(2) {-webkit-transition-delay:.58s;-o-transition-delay:.58s;transition-delay:.58s} #nav .content .container-prLink ul li:nth-child(3) {-webkit-transition-delay:.66s;-o-transition-delay:.66s;transition-delay:.66s} #nav .content .container-prLink ul li:nth-child(4) {-webkit-transition-delay:.74s;-o-transition-delay:.74s;transition-delay:.74s} #nav .content .container-prLink ul li:nth-child(5) {-webkit-transition-delay:.82s;-o-transition-delay:.82s;transition-delay:.82s} #nav .content .container-prLink ul li:nth-child(6) {-webkit-transition-delay:.9s;-o-transition-delay:.9s;transition-delay:.9s} #nav .content .container-prLink ul li:last-child {margin-bottom:0;-webkit-transition-delay:.98s;-o-transition-delay:.98s;transition-delay:.98s} #nav .content .container-prLink ul li:before {content:'';background-color:#363f54;position:absolute;left:0;top:50%;width:100%;height:1px;-webkit-transform:translateY(-50%) translateX(-100%);-ms-transform:translateY(-50%) translateX(-100%);transform:translateY(-50%) translateX(-100%);-webkit-transition:transform .75s cubic-bezier(.845,0,.165,1);-o-transition:transform .75s cubic-bezier(.845,0,.165,1);-webkit-transition:-webkit-transform .75s cubic-bezier(.845,0,.165,1);transition:-webkit-transform .75s cubic-bezier(.845,0,.165,1);transition:transform .75s cubic-bezier(.845,0,.165,1);transition:transform .75s cubic-bezier(.845,0,.165,1),-webkit-transform .75s cubic-bezier(.845,0,.165,1)} #nav .content .container-prLink ul li:hover:before {-webkit-transition:transform 2s cubic-bezier(0,.785,0,1);-o-transition:transform 2s cubic-bezier(0,.785,0,1);-webkit-transition:-webkit-transform 2s cubic-bezier(0,.785,0,1);transition:-webkit-transform 2s cubic-bezier(0,.785,0,1);transition:transform 2s cubic-bezier(0,.785,0,1);transition:transform 2s cubic-bezier(0,.785,0,1),-webkit-transform 2s cubic-bezier(0,.785,0,1);-webkit-transform:translateY(-50%) translateX(0%);-ms-transform:translateY(-50%) translateX(0%);transform:translateY(-50%) translateX(0%)} #nav .content .container-prLink ul li a {color:#363f54;font-family:National-Bold;font-size:36px;text-decoration:none;background-color:#fff;position:relative;padding:0 20px} #nav .content .container-prLink ul li span {color:#363f54;font-family:National-Bold;font-size:14px;position:absolute;margin-left:-20px;bottom:100%} #nav .content .container-contentLink {width:72%;position:relative;opacity:0;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #nav.show .content .container-contentLink {-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s;opacity:1} #nav .content .container-contentLink .wrapper-el {position:absolute;width:100%;height:100%} #nav .content .container-contentLink .wrapper-el .el {display:none;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)} #nav .content .container-contentLink .wrapper-el .el.displayBlock {display:block} #nav .content .container-contentLink .wrapper-el .el.show {-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);opacity:1} #nav .content .container-contentLink .wrapper-el .el .container-text {position:absolute;right:0;top:340px;width:350px} #nav .content .container-contentLink .wrapper-el .el .container-text h3 {color:#363f54;font-family:National-Bold;font-size:14px;margin-bottom:13px} #nav .content .container-contentLink .wrapper-el .el .container-text p {color:#757a84;font-family:National-Regular;font-size:12px;line-height:18px} #nav .content .container-contentLink .wrapper-el .el-projects, #nav .content .container-contentLink .wrapper-el .el-services, #nav .content .container-contentLink .wrapper-el .el-case, #nav .content .container-contentLink .wrapper-el .el-dongcha{padding-left:40px;padding-top:95px} #nav .content .container-contentLink .wrapper-el .el-projects ul, #nav .content .container-contentLink .wrapper-el .el-services ul, #nav .content .container-contentLink .wrapper-el .el-case ul, #nav .content .container-contentLink .wrapper-el .el-dongcha ul{-moz-column-count:4;-moz-column-gap:20px;-moz-column-fill:balance;-webkit-column-count:3;-webkit-column-gap:20px;-webkit-column-fill:balance;column-count:3;column-gap:20px;column-fill:balance;list-style-position:inside;list-style:none} #nav .content .container-contentLink .wrapper-el .el-projects ul li, #nav .content .container-contentLink .wrapper-el .el-services ul li, #nav .content .container-contentLink .wrapper-el .el-dongcha ul li, #nav .content .container-contentLink .wrapper-el .el-case ul li{position:relative;margin-bottom:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;padding-left:20px} #nav .content .container-contentLink .wrapper-el .el-projects ul li:before, #nav .content .container-contentLink .wrapper-el .el-services ul li:before, #nav .content .container-contentLink .wrapper-el .el-case ul li:before, #nav .content .container-contentLink .wrapper-el .el-dongcha ul li::before{content:'';background-color:#363f54;position:absolute;left:-1px;top:50%;width:100%;height:1.5px;-webkit-transform:translateY(-50%) translateX(-100%);-ms-transform:translateY(-50%) translateX(-100%);transform:translateY(-50%) translateX(-100%);-webkit-transition:transform .75s cubic-bezier(.845,0,.165,1);-o-transition:transform .75s cubic-bezier(.845,0,.165,1);-webkit-transition:-webkit-transform .75s cubic-bezier(.845,0,.165,1);transition:-webkit-transform .75s cubic-bezier(.845,0,.165,1);transition:transform .75s cubic-bezier(.845,0,.165,1);transition:transform .75s cubic-bezier(.845,0,.165,1),-webkit-transform .75s cubic-bezier(.845,0,.165,1)} #nav .content .container-contentLink .wrapper-el .el-projects ul li:hover:before, #nav .content .container-contentLink .wrapper-el .el-services ul li:hover:before , #nav .content .container-contentLink .wrapper-el .el-case ul li:hover:before , #nav .content .container-contentLink .wrapper-el .el-dongcha ul li:hover::before{-webkit-transition:transform 2s cubic-bezier(0,.785,0,1);-o-transition:transform 2s cubic-bezier(0,.785,0,1);-webkit-transition:-webkit-transform 2s cubic-bezier(0,.785,0,1);transition:-webkit-transform 2s cubic-bezier(0,.785,0,1);transition:transform 2s cubic-bezier(0,.785,0,1);transition:transform 2s cubic-bezier(0,.785,0,1),-webkit-transform 2s cubic-bezier(0,.785,0,1);-webkit-transform:translateY(-50%) translateX(0%);-ms-transform:translateY(-50%) translateX(0%);transform:translateY(-50%) translateX(0%)} #nav .content .container-contentLink .wrapper-el .el-projects ul li a, #nav .content .container-contentLink .wrapper-el .el-services ul li a, #nav .content .container-contentLink .wrapper-el .el-case ul li a , #nav .content .container-contentLink .wrapper-el .el-dongcha ul li a{text-decoration:none;color:#6c717c;font-family:National-Bold;font-size:16px;display:inline-block;background-color:#fff;padding-right:15px;padding-left:15px;position:relative;z-index:1;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #nav .content .container-contentLink .wrapper-el .el-projects ul li .soon,#nav .content .container-contentLink .wrapper-el .el-projects ul li .casestudy, #nav .content .container-contentLink .wrapper-el .el-services ul li .soon,#nav .content .container-contentLink .wrapper-el .el-services ul li .casestudy, #nav .content .container-contentLink .wrapper-el .el-case ul li .soon,#nav .content .container-contentLink .wrapper-el .el-case ul li .casestudy, #nav .content .container-contentLink .wrapper-el .el-dongcha ul li .soon,#nav .content .container-contentLink .wrapper-el .el-dongcha ul li .casestudy{display:inline-block;padding:3px 6px;background-color:#f2f2f2;border-radius:30px;font-family:National-Bold;font-size:11px;position:relative;z-index:1} #nav .content .container-contentLink .wrapper-el .el-projects ul li .soon, #nav .content .container-contentLink .wrapper-el .el-services ul li .soon, #nav .content .container-contentLink .wrapper-el .el-case ul li .soon, #nav .content .container-contentLink .wrapper-el .el-dongcha ul li .soon{color:#363f54} /* #nav .content .container-contentLink .wrapper-el .el-projects ul li .casestudy {color:#2884f6} #nav .content .container-contentLink .wrapper-el .el-projects ul li:hover:before {background-color:#363f54} #nav .content .container-contentLink .wrapper-el .el-projects ul li:hover a {color:#363f54} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-axa:hover:before {background-color:#050494} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-axa:hover a {color:#050494} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-qonto:hover:before {background-color:#6455cc} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-qonto:hover a {color:#6455cc} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-engie:hover:before {background-color:#0af} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-engie:hover a {color:#0af} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-peech:hover:before {background-color:#39c4ff} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-peech:hover a {color:#39c4ff} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-lefty:hover:before {background-color:#80da33} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-lefty:hover a {color:#80da33} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-influence:hover:before {background-color:#ff4f5b} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-influence:hover a {color:#ff4f5b} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-gamology:hover:before {background-color:#ffc022} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-gamology:hover a {color:#ffc022} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-chauffeurprive:hover:before {background-color:#ce0c2a} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-chauffeurprive:hover a {color:#ce0c2a} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-alwaysdata:hover:before {background-color:#e5558b} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-alwaysdata:hover a {color:#e5558b} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-seekube:hover:before {background-color:#1d9cd0} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-seekube:hover a {color:#1d9cd0} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-marks:hover:before {background-color:#f0576c} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-marks:hover a {color:#f0576c} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-orange:hover:before {background-color:#f0613c} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-orange:hover a {color:#f0613c} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-mektoube:hover:before {background-color:#24cf5f} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-mektoube:hover a {color:#24cf5f} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-xola:hover:before {background-color:#1a96fe} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-xola:hover a {color:#1a96fe} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-mondocteur:hover:before {background-color:#ff6c75} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-mondocteur:hover a {color:#ff6c75} */ #nav-btn-mobile {position:fixed;right:0;bottom:0;z-index:22;padding:25px 0;width:120px;height:70px;background-color:#fff;cursor:pointer} #nav-btn-mobile .content {position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center} #nav-btn-mobile .content .container-bar {width:15px;height:1px;top:1px;position:relative;margin-right:10px} #nav-btn-mobile .content .container-bar .bar {position:absolute;left:0;top:0;width:100%;height:1px;background-color:#363f54;-webkit-transition:all .5s cubic-bezier(0,.785,0,1);-o-transition:all .5s cubic-bezier(0,.785,0,1);transition:all .5s cubic-bezier(0,.785,0,1)} #nav-btn-mobile.active .content .container-bar .bar:nth-child(1) {-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)} #nav-btn-mobile.active .content .container-bar .bar:nth-child(2) {-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)} #nav-btn-mobile .content .container-text {position:relative} #nav-btn-mobile .content .container-text span {color:#363f54;font-family:National-Bold;font-size:14px} #nav-mobile {height:100vh;width:100%;background-color:#fff;z-index:21;position:fixed;top:0;left:0;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:all .5s cubic-bezier(0,.785,0,1);-o-transition:all .5s cubic-bezier(0,.785,0,1);transition:all .5s cubic-bezier(0,.785,0,1)} #nav-mobile .head {font-size:0;position:absolute;z-index:20;height:34px;width:100%;top:50px;left:0;opacity:0} #nav-mobile.show .head {opacity:1} #nav-mobile .head:before {position:absolute;content:'';width:100%;top:-150%;left:0;height:70px;background-color:#fff} #nav-mobile .head .container-logo {height:;cursor:pointer;text-decoration:none;display:inline-block;position:absolute;left:50%;top:0;height:100%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} #nav-mobile .head .container-logo svg {fill:#363f54;height:100%} #nav-mobile .head .container-vr {background-color:rgba(0,0,0,.05);color:#363f54;padding:3px 10px;position:absolute;top:0;right:30px;border-radius:50px;font-family:National-Bold;font-size:11px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)} #nav-mobile.show {-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px)} #nav-mobile .wrapper {position:relative;width:100%;height:100%;overflow:hidden} #nav-mobile .wrapper .container {height:100%;width:100%;position:absolute;top:0;left:0;-webkit-transition:all .5s cubic-bezier(0,.785,0,1);-o-transition:all .5s cubic-bezier(0,.785,0,1);transition:all .5s cubic-bezier(0,.785,0,1)} #nav-mobile .wrapper .container.hide-left {-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)} #nav-mobile .wrapper .container.show {-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)} #nav-mobile .wrapper .container.hide-right {-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)} #nav-mobile .wrapper .container-linkPr {padding:160px 60px 30px} #nav-mobile .wrapper .container-linkPr ul {position:relative;list-style:none} #nav-mobile .wrapper .container-linkPr ul li {position:relative;margin-bottom:35px} #nav-mobile .wrapper .container-linkPr ul li:last-child {margin-bottom:0} #nav-mobile .wrapper .container-linkPr ul li a {display:inline-block;text-decoration:none;color:#363f54;font-family:National-Bold;font-size:24px;position:relative} #nav-mobile .wrapper .container-linkPr ul li span {position:absolute;color:#363f54;font-family:National-Bold;font-size:14px;display:inline-block;top:-2px;margin-left:5px} #nav-mobile .wrapper .container-linkPr .li-rs {position:absolute;display:inline-block;vertical-align:middle;bottom:10px;left:25px} #nav-mobile .wrapper .container-linkPr .li-rs a {display:inline-block;text-decoration:none;vertical-align:middle;width:20px;margin-right:16px;opacity:1;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #nav-mobile .wrapper .container-linkPr .li-rs a:last-child {margin-right:0} #nav-mobile .wrapper .container-linkPr .li-rs a svg {fill:#363f54;width:100%;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #nav-mobile .wrapper .container-projects {overflow:auto;-webkit-overflow-scrolling:touch;padding:105px 60px 30px} #nav-mobile .wrapper .container-projects .back {width:14px;position:relative;margin-bottom:30px;cursor:pointer} #nav-mobile .wrapper .container-projects .back svg {fill:#363f54;width:100%;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)} #nav-mobile .wrapper .container-projects ul {position:relative;list-style:none;padding-bottom:50px} #nav-mobile .wrapper .container-projects ul li {position:relative;margin-bottom:35px} #nav-mobile .wrapper .container-projects ul li:last-child {margin-bottom:0} #nav-mobile .wrapper .container-projects ul li a {display:inline-block;text-decoration:none;color:#363f54;font-family:National-Bold;font-size:18px;position:relative;margin-right:10px} #nav-mobile .wrapper .container-projects ul li .soon,#nav-mobile .wrapper .container-projects ul li .casestudy {display:inline-block;padding:3px 6px;background-color:#f2f2f2;border-radius:30px;font-family:National-Bold;font-size:11px;position:relative;z-index:1} #nav-mobile .wrapper .container-projects ul li .soon {color:#363f54} #nav-mobile .wrapper .container-projects ul li .casestudy {color:#2884f6} /*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;} @font-face{ font-family: 'AG'; src:url("../fonts/AkzidenzGrotesk-BoldCondAlt.eot?#iefix") format("embedded-opentype"), url("../fonts/akzidenzgrotesk-boldcondalt.woff") format("woff"), url("../fonts/akzidenzgrotesk-boldcondalt.ttf") format("truetype"), url("../fonts/akzidenzgrotesk-boldcondalt.svg") format("svg"); } /* 澶撮儴 */ .header-menu{ /* position: absolute; */ margin-left: 140px; font-size: 16px; color: #fff; font-weight: bold; font-family: PingFang SC; margin-top: 14px; position: relative; } .header-menu a{ color: #fff; } .header-menu >ul > li {float:left;font-size:16px;z-index:1;cursor:pointer;height:100%;-webkit-tap-highlight-color:transparent;margin: 0 8px;height: 30px;line-height: 30px;} .header-menu >ul > li > a {display:block;color:#fff;position:relative;transition:all 0s;text-align:center;} .style-marks .header-menu >ul > li > a{color: #fff !important;} .style-marks .header-menu .defsubnav li a{color: #fff !important;} .header-menu >ul > li > a:hover {color:#fff !important;} .header-menu >ul > li.active > a {color:#fff !important;} .header-menu >ul > li.active > a:hover {color:#fff;} .header-menu .subnav22 { position: absolute; display: none; width: 100%; left: 0px; background: rgba(0,0,0,0.3); top: 66px; } .header-menu .subnav22 ol { float: right; margin-right: 150px; height: 80px; line-height: 80px; } .header-menu .nav ul li { float: left; margin: 0 30px; font-size: 16px; height: 100%; line-height: 100px; } .header-menu .subnav22 ol li { top: -10px; line-height: 80px; float: left; margin: 0 20px; font-size: 16px; } .header-menu .subnav22 ol li a { font-size: 14px; color: #fff; } /*搴曢儴*/ .footer{ color: #585E6C; position: relative; overflow: hidden;font-family: PingFang SC;} .footer a{color: #585E6C;} .foot-model{padding: 70px 0 45px;background-color: #0C1418;} .foot-nav{float: left; border-right: 1px solid #19292F; position: relative;} .foot-nav:before{display: block; content: ""; width: 1px; height: 100%; background: #000; position: absolute; right: -2px; top: 0;} .foot-nav dl{float: left; margin-right: 67px;text-align: left; font-family: PingFang SC;} .foot-nav dl.last{margin-right: 116px;} .foot-nav dt{font-size: 18px; margin-bottom: 20px; color: #ccc;} .foot-nav dt a{color: #ccc !important;font-size: 18px; font-family: 'AG';text-transform: uppercase;} .foot-nav dd{height: 36px; line-height: 36px;} .foot-tel{float: right; overflow: hidden;} .foot-tel .tit{font-size: 0; text-align: right; margin-bottom: 12px;} .foot-tel .tit i,.foot-tel .tit span{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; font-size: 16px;} .foot-tel .tit i{width: 22px; height: 20px; background: url(../images/icon.png) no-repeat -12px -0; margin-right: 6px;} .foot-tel .ftel{font-size: 24px; font-weight: 800; color: #585E6C; line-height: 1.25;} .foot-tel .advice{ display: block; float: right; width: 140px; height: 40px; line-height: 40px; background: #585E6C; border-radius: 4px; font-size: 0; color: #fff; text-align: center; margin-top: 28px; transition:all .8s ; -webkit-transition:all .8s ; -moz-transition:all .8s ; -ms-transition:all .8s ; -o-transition:all .8s ; } .foot-tel .advice i,.foot-tel .advice span{display: inline-block; *display: inline; *zoom: 1; min-height: 1px; vertical-align: middle; font-size: 14px; color: #fff;} .foot-tel .advice i{width: 20px; height: 22px; background: url(../images/icon.png) no-repeat -34px -0; margin-right: 8px;} .foot-tel .advice:hover{background-color: #FA2840;} .foot-wechat{width: 150px; float: right;margin-right: 18px;margin-top: 20px;} .foot-wechat .imgs{ width: 118px; height: 118px; background-color: #fff; border: 1px solid #DFE1E6; text-align: center; margin: 0 auto 11px;border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; } .foot-wechat img{display: block; width: 108px; height: 108px; margin: 4px 0px 0 4px; border-radius: 4px;} .foot-wechat p{font-size: 14px; text-align: center; line-height: 24px; color:#585E6C;} .foot-copy{padding: 26px 0 26px 0; line-height: 24px; border-top: 1px solid #000000;font-family: PingFang SC;position: relative;background-color: #000;} .foot-copy::after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #000000; } .foot-copy a{color: #585E6C;} @media only screen and (max-width: 1549px){ .foot-nav dl{margin-right: 110px;} .foot-nav dl.last{margin-right: 90px;} .foot-tel{margin-right: 24px;} } /* 鏂伴椈璧勮 */ .index-news {padding:78px 0 72px;overflow:hidden;} .news-ilist {width:63.57%;} .news-slist {width:36.43%;} .index-news .news-title {margin:0 20px 30px 40px;} .index-news .news-slist .news-title{margin: 0 20px 30px 20px;} .index-news .news-title span {color:#363F54;font-weight:bold;font-size:24px; font-family: PingFang SC;position: relative;padding-left: 10px;} .index-news .news-title span i{ position: absolute; width: 4px; height: 24px; background: #4B5263; left: 0; top: 5px; } .index-news .news-title a {font-size:14px;color:#575D6C;text-transform: Capitalize;} .index-news .ind-news-ibox {margin:0 -18px;padding-top:40px;} .index-news .ind-news-ibox .con{ background-color: #F7F7F8; margin-left: 20px; height: 740px; } .index-news .ind-news-ibox .item {margin:0 10px;padding-bottom:24px;background-color:#F7F7F8;cursor:pointer;} .index-news .ind-news-ibox .pic {width:100%;overflow:hidden;padding:20px 20px 0 20px;box-sizing:border-box;} .index-news .ind-news-ibox .pic a {display:block;overflow: hidden;} .index-news .ind-news-ibox .pic img {width: 100%;transition:transform 2s;-webkit-transition:transform 2s;-moz-transition:transform 2s;-ms-transition:transform 2s;-o-transition:transform 2s;} .index-news .ind-news-ibox .item:hover .pic img {transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);} .index-news .ind-news-ibox .item:hover .tit a {color:#FB6A73;transition:color 1s;-webkit-transition:color 1s;-moz-transition:color 1s;-ms-transition:color 1s;-o-transition:color 1s;} .index-news .news-desc-ibox {padding:0 26px;} .index-news .news-desc-ibox .tit a {display:block;font-size:20px;font-family:Microsoft JhengHei;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:26px;} .index-news .news-desc-ibox .time {font-size:14px;color:#999999;font-family:Microsoft JhengHei;margin:14px 0;} .index-news .news-desc-ibox .text {font-size:14px;color:#666666;font-family:Microsoft JhengHei;overflow:hidden;display:-webkit-box !important;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:48px;line-height:24px;} .index-news .news-recommend-list {height:257px;background-color:#F7F7F8;margin:0 10px;} .index-news .news-recommend-list .news-item a {height:59px;line-height:59px;margin:0 20px;display:block;border-top:1px solid #EEEEEE;font-size:16px;font-family:Microsoft JhengHei;color:#000;box-sizing:border-box;padding:0 8px;} .index-news .news-tit {float:right;text-align:left;width:76%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .index-news .news-time {float:left;font-size:14px;color:#666666;font-family:Microsoft JhengHei;} /* .news-slist .dd {height:685px;overflow:hidden;background-color:#F7F7F8;padding:20px;box-sizing:border-box;} */ .news-slist .dd {height:740px;overflow:hidden;background-color:#F7F7F8;padding:20px;box-sizing:border-box;} .news-slist .dd li {margin-bottom:20px;} .news-slist .dd li a {display:block;background-color:#fff;transition:color .4s;} .news-slist .dd li .ifaq {height:80px;display:table;} .news-slist .dd li .ifaq.q {margin-bottom:10px;} .news-slist .dd li .ifaq span {display:block;float:left;width:80px;height:80px;background:#FB6A73;text-align:center;font-size:14px;font-family:Microsoft JhengHei;color:#fff;box-sizing:border-box;padding-top:18px;} .news-slist .dd li .ifaq span em {font-size:18px;display:block;font-weight:bold;margin-bottom:6px;} .news-slist .dd li .title {margin-left:38px;height:80px;line-height:24px;font-size:16px;color:#000000;font-family:Microsoft JhengHei;overflow:hidden;padding:0 28px 0 12px;display:table-cell;vertical-align:middle;} .news-slist .dd li a:hover .title {color:#FB6A73;} /* 二级下拉 */ .header-menu .subnav { position: absolute; left: 0px; top: 32px; display: none; } .header-menu .defsubnav ol { font-size: 0; text-align: left; } .header-menu .defsubnav li { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 0 20px 0 0; height: 80px; line-height: 80px; font-size: 14px; color: #888; } .header-menu .defsubnav li a { color: #fff; } .header-menu .defsubnav li a:hover { color: #333 !important; } /* 鐣欒█ */ .question_ibox{ position: relative; } .question_ibox .bg{ position: absolute; right: 0; top: 92px; } .question_ibox .con{ height: 680px; background: #F7F7F8; float: right; box-sizing: border-box; padding-left: 160px; } .question_ibox .tit{ font-size: 48px; font-family: PingFang SC; font-weight: 800; color: #363F54; line-height: 60px; padding-top: 70px; } .question_ibox .tit span{ color: #FB6A73; } .question_ibox .text{ font-size: 24px; font-family: PingFang SC; font-weight: 800; color: #363F54; margin-top: 22px; } .question_list{ width: 640px; margin-top: 56px; } .question_list .item{ border-bottom: 1px solid #c9d2ea; font-size: 20px; font-family: PingFang SC; font-weight: 400; color: #363F54; } .question_list .item .question_tit{ height: 76px; line-height: 76px; position: relative; } .question_list .item .question_tit i{ position: absolute; right: 8px; top: 30px; background: url(../images/add.png) no-repeat; width: 18px; height: 18px; } .contact-form{ width: 600px; height: 493px; background: #FFFFFF; box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.07); box-sizing: border-box; padding-top: 60px; margin-left: 40px; margin-top: 55px; position: relative; z-index: 2; } .contact-form li.input{ border-bottom: 1px solid #EBEEF1; width: 500px; margin: 0 auto; position: relative; } .contact-form .s-submit{ width: 200px; height: 50px; background: #FB6A73; border-radius: 25px; text-align: center; line-height: 50px; font-size: 16px; font-family: Microsoft JhengHei; font-weight: bold; color: #FFFFFF; margin-top: 30px; cursor: pointer; margin-right: 48px; } .contact-form .s-submit span, .contact-form .s-submit button{ width: 100%; height: 100%; line-height: 50px; display: block; color: #fff; cursor: pointer; } .contact-form input::-webkit-input-placeholder { color: #999999; font-size: 18px; } .contact-form input:-moz-placeholder { color: #999999; font-size: 18px; } .contact-form input::-moz-placeholder { color: #999999; font-size: 18px; } .contact-form input:-ms-input-placeholder { color: #999999; font-size: 18px; } .contact-form2 input::-webkit-input-placeholder { color: #999999; font-size: 16px; } .contact-form2 input:-moz-placeholder { color: #999999; font-size: 16px; } .contact-form2 input::-moz-placeholder { color: #999999; font-size: 16px; } .contact-form2 input:-ms-input-placeholder { color: #999999; font-size: 16px; } .contact-form .input .s-input { height: 81px; line-height: 81px; background-color: #fff; color: #999; font-size: 18px; position: relative; margin: 0 10px; padding-left: 50px; padding-right: 20px; border-radius: 6px; } .contact-form .input input { width: 100%; display: block; height: 100%; color: #999999; } .contact-form .input .s-input select { width: 100%; height: 81px; line-height: 81px; color: #ada8a8; box-sizing: border-box; padding-right: 20px; appearance: none; -moz-appearance: none; -webkit-appearance: none; color: #999; font-size: 18px; } .contact-form .icon { position: absolute; left: 0px; top: 22px; width: 42px; height: 42px; background: url(../images/contact_icon.png) no-repeat; } .contact-form .icon1{ background-position: 0 0; } .contact-form .icon2{ background-position: 0 -49px; } .contact-form .icon3{ background-position: 0 -98px; } .contact-form2{ margin: 0; width: 450px; height: 400px; padding-top: 28px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; box-shadow: rgb(74 70 71 / 50%) 0px 4px 24px; } .contact-form.contact-form2 li.input { width: 370px; } .liuyan-ibox{ position: fixed; right: 10%; bottom: 90px; display: none; } .liuyan-ibox .colse{ position: absolute; top: 12px; right: 12px; z-index: 3; font-size: 40px; font-family: BebasNeue; cursor: pointer; width: 30px; } .container-obj{ position: absolute; top: 15px; right: 20px; z-index: 22; } /* 姣忔棩鐩戠 */ .supervise_ibox { padding-bottom: 145px; padding-top: 100px; } .supervise_ibox .tit{ font-size: 72px; font-family: PingFang SC; font-weight: 800; color: #363F54; line-height: 78px; } .supervise_ibox .tit p{font-size: 48px;} .supervise_ibox .con{ float: right; margin-right: 100px; } .supervise_ibox .tit span{ color: #FB6A73; } .supervise_ibox .text{ line-height: 33px; font-size: 18px; font-family: PingFang SC; font-weight: 400; color: #363F54; margin-top: 22px; margin-bottom: 60px; } .supervise_ibox .logo-text{ font-size: 180px; font-family: BebasNeue; font-weight: bold; color: #F7F7F8; line-height: 140px; } .supervise_ibox .left{ position: relative; width: 654px; } .supervise_mobile{ position: absolute; bottom: -50px; left: 90px; } .supervise_mobile .imgss{ position: absolute; left: 215px; top: 22px; width: 34%; } .supervise-list{ margin-left: 30px; float: left; } .supervise-list .item{ position: relative; } .supervise-list .item .bot{ width: 270px; height: 100px; background: #FB6A73; color: #fff; text-align: center; } .supervise-list .item.item1 .bot{ padding-top: 610px; } .supervise-list .item.item2 .bot{ background-color: #6353C9; } .supervise-list .item .inner{ position: absolute; bottom: 16px; width: 100%; } .supervise-list .item.item2 .inner{ bottom: 12px; } .supervise-list .item .bot span{ display: block; font-size: 16px; font-family: PingFang SC; font-weight: bold; color: #FFFFFF; margin-bottom: 8px; } .supervise-list .item.item2 .bot span{ padding-top: 8px; } .supervise-list .item .bot .btn a{ display: block; width: 130px; height: 32px; border: 1px solid #fdc3c7; border-radius: 16px; line-height: 32px; margin: 0 auto; color: #fff; } .supervise-list .item .bot .btn a:hover{ color: #fff !important; } .supervise-list .imgs { position: absolute; /* left: -23px; */ /* width: 318px; */ } .supervise-list .item.item2 .imgs{ left: 0; } .supervise-list .item.item2{ width: 270px; } .supervise-list .item.item2 .swiper-container{ width: 100%; height: 509px; } .supervise_ibox .right{ position: absolute; right: 20px; top:16px } /* 鏈嶅姟浠嬬粛 */ .service_brief{ background-color: #F4F7FB; padding-top: 18px; overflow: hidden; position: relative; } .service_brief .logo_text{ position: absolute; font-size: 180px; font-family: BebasNeue; font-weight: 400; color: #dedede; line-height: 150px; opacity: .25; } .service_brief .tit{ font-size: 48px; font-family: PingFang SC; font-weight: 800; color: #323655; padding-top: 70px; } .service_brief .tit span{ color: #FB6A73; } .service_brief .text{ font-size: 18px; font-family: PingFang SC; font-weight: 400; color: #999999; margin-top: 4px; } .service_tabCon { margin-top: 36px; height: 700px; overflow: hidden; } .service_tabCon .con{ width: 1820px; overflow: hidden; } .service_tabCon .service-menu{ position: absolute; z-index: 2; width: 100%; left: 0; } .service_tabCon .service-menu ul{ font-size: 0; margin: 0 -48px; } .service_tabCon .service-menu ul li{ display: inline-block; *display: inline; *zoom: 1; color: #2C323C; font-size: 22px; width: 240px; height: 108px; background-color: #FFFFFF; cursor: pointer; font-size: 14px; font-family: PingFang SC; font-weight: bold; color: #B1B1B1; margin: 0 7px; position: relative; transition: background-color .8s; -webkit-transition: background-color .8s; -moz-transition: background-color .8s; -ms-transition: background-color .8s; -o-transition: background-color .8s; } .service_tabCon .service-menu ul li .desc{ margin-left: 72px; margin-right: 5px; margin-top: 34px; } .service_tabCon .service-menu ul li span{ display: block; font-size: 22px; font-family: Microsoft JhengHei; font-weight: bold; color: #363F54; margin-bottom: 12px; /* transition: all .6s; -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; */ } .service_tabCon .service-menu ul li .icon{ position: absolute; width: 36px; height: 36px; left: 28px; top:37px; background: url(../images/ser-icon222.png) no-repeat; } .service_tabCon .service-menu ul li .icon1{background-position: 4px 0;} .service_tabCon .service-menu ul li .icon2{background-position: -38px -4px;} .service_tabCon .service-menu ul li .icon3{background-position: -85px -4px;} .service_tabCon .service-menu ul li .icon4{background-position: -118px -4px;} .service_tabCon .service-menu ul li .icon5{background-position: -158px -4px;} .service_tabCon .service-menu ul li.cur .icon1{background-position: 4px -45px;} .service_tabCon .service-menu ul li.cur .icon2{background-position: -38px -45px;} .service_tabCon .service-menu ul li.cur .icon3{background-position: -85px -45px;} .service_tabCon .service-menu ul li.cur .icon4{background-position: -118px -45px;} .service_tabCon .service-menu ul li.cur .icon5{background-position: -158px -45px;} .service_tabCon .service-menu ul li.cur{ background: linear-gradient(90deg, #ED5E75, #F79BBC); box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.2); color: #fff; } .service_tabCon .service-menu ul li.cur.nth2{ background: linear-gradient(90deg, #4E40AF, #6252C7, #7767E2); } .service_tabCon .service-menu ul li.cur span{ color: #fff; } .service_brief .service-list{ height: 650px; overflow: hidden; } .service-list .tit22{ padding-top: 125px; font-size: 30px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .service-list .btns_ibox { margin-top: 30px; margin-bottom: 8px; } .service-list .btns{ width: 145px; height: 40px; background-color: #FFFFFF; border-radius: 20px; line-height: 40px; text-align: center; float: left; margin-right: 10px; transition: all 1s; cursor: pointer; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; } .service-list .btns:hover{ background: linear-gradient(90deg, #ED5E75, #F79BBC); color: #fff !important; } .service-list.service-list2 .btns:hover{ background: linear-gradient(90deg, #4E40AF, #6252C7, #7767E2);; } .service-list .recommend{width: 560px;margin-left: 68px;} .service-list .recommend .tit2{ padding-bottom: 10px; border-bottom: 1px solid #8f83d5; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; margin-bottom: 20px; } .service-list .recommend .lists { margin: 0 -10px; } .service-list .recommend .item{ width: 50%; } .service-list .recommend .item a{ display: block; margin: 0 10px; } .service-list .recommend .text{ font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; padding-top: 5px; transition: color 1s; -webkit-transition: color 1s; -moz-transition: color 1s; -ms-transition: color 1s; -o-transition: color 1s; } .service-list .recommend .imgs{ width: 100%; overflow: hidden; } .service-list .recommend .imgs img{ width: 100%; transition: transform 1.4s; -webkit-transition: transform 1.4s; -moz-transition: transform 1.4s; -ms-transition: transform 1.4s; -o-transition: transform 1.4s; } .service-list .recommend .item:hover .imgs img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); } .service-list .recommend .item:hover .text{ color: #FD6B74; } .service-list .recommend.recommend2 .item:hover .text{ color: #4E40AF; } .service-desc-ibox .left{margin-top: 30px;} .service-desc-ibox .service-question{ width: 567px; border-top: 1px dashed #857cc1; } .service-desc-ibox .service-question .title{ font-size: 16px; font-family: Microsoft YaHei UI; font-weight: 300; position: relative; color: #FFFFFF; } .service-desc-ibox .service-question li{ border-bottom: 1px dashed #857cc1; padding: 16px 0px; cursor: pointer; } .service_brief .service-main .service-list2 li{ border-bottom: 1px dashed #f58698; } .service-list .recommend2 .tit2{ border-bottom: 1px solid #e47a8b; } .service_brief .service-list2 .service-question{ border-top: 1px dashed #f58698; } .service-desc-ibox .service-question .add-icon { position: absolute; right: 0; top: -16px; width: 40px; height: 53px; background: url(../images/add.png) no-repeat center; cursor: pointer; } .service-desc-ibox .service-question .add-icon.on{ background: url(../images/plus.png) no-repeat center; } .service-question li.active .add-icon{ background: url(../images/plus.png) no-repeat center; } .service-desc-ibox .icon { position: absolute; left: 0; top: 0; width: 23px; height: 23px; } .service-desc-ibox .service-question span{ display: block; margin-left: 34px; } .service-desc-ibox .subnav{ font-size: 14px; font-family: Microsoft YaHei UI; font-weight: 300; color: #FFFFFF; line-height: 24px; margin-left: 34px; margin-top: 8px; opacity: .6; filter:alpha(opacity=60); -webkit-filter:alpha(opacity=60); display: none; } .service-desc-ibox li.active .subnav{ display: block; } .service_brief .service-main{ margin-top: 50px !important; } /* 左侧按钮 */ .awwwards2{ width: 53px; height: 174px; background: #EE762D; color: #fff; } .awwwards2 a,.awwwards2 a:hover{ color: #fff !important; display: block; padding-top: 16px; } .awwwards2 a i { display: block; width: 20px; height: 22px; background: url(../images/icon.png) no-repeat -34px -0; margin: 0 auto; } .awwwards2 a span{ display: block; margin: 0 auto; width: 20px; font-size: 14px; font-family: Microsoft JhengHei; font-weight: bold; color: #FFFFFF; padding-top: 8px; } /* 案例展示 */ .incase { padding-bottom: 100px; box-sizing: border-box; padding-top: 80px; overflow: hidden; } .incase .intitle{ font-size: 48px; color: #364054; font-family: PingFang SC; font-weight: 800; text-align: center; } .incase .intitle span{ color: #FB6A74; } .incase .intext{ font-size: 24px; text-align: center; color: #364054; font-family: PingFang SC; margin-top: 3px; } .incase-tabtit ul{font-size: 0; text-align: center;margin-bottom: 12px;margin-top: 15px;overflow: hidden;} .incase-tabtit li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; padding: 0 22px; height: 44px; line-height: 44px; margin: 0 1px; cursor: pointer;font-family: PingFang SC;} .incase-tabtit li i,.incase-tabtit li span{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;} .incase-tabtit li span{ font-size: 18px; color:#364054; transition: color 1s; -webkit-transition: color 1s; -moz-transition: color 1s; -ms-transition: color 1s; -o-transition: color 1s; } .incase-tabtit li.active span{ color: #FB6A74; } .incase-tabtit li i{ width: 30px; height: 30px; background: url(../images/ali-icon.png) no-repeat; margin-right: 4px;} .incase-tabtit li .ico4 { background-position: 4px -88px; } .incase-tabtit li .ico2 { background-position: -28px -88px; } .incase-tabtit li .ico3 { background-position: -62px -88px; } .incase-tabtit li .ico7 { background-position: -99px -88px; } .incase-tabtit li .ico6 { background-position: -132px -88px; } .incase-tabtit li .ico1 { background-position: -162px -88px; } .incase-tabtit li .ico5 { background-position: -195px -86px; } .incase-tabtit li .ico8 { background-position: -227px -88px; } .incase-tabtit li.active .ico4 { background: url(../images/ali-icon2.png) no-repeat; background-position:4px 5px; } .incase-tabtit li.active .ico2 { background: url(../images/ali-icon2.png) no-repeat; background-position:-29px 5px; } .incase-tabtit li.active .ico3 { background: url(../images/ali-icon2.png) no-repeat; background-position: -62px 5px; } .incase-tabtit li.active .ico7 { background: url(../images/ali-icon2.png) no-repeat; background-position: -99px 5px; } .incase-tabtit li.active .ico6 { background: url(../images/ali-icon2.png) no-repeat; background-position: -132px 5px; } .incase-tabtit li.active .ico1 { background: url(../images/ali-icon2.png) no-repeat; background-position: -162px 5px; } .incase-tabtit li.active .ico5 { background: url(../images/ali-icon2.png) no-repeat; background-position: -195px 7px; } .incase-tabtit li.active .ico8 { background: url(../images/ali-icon2.png) no-repeat; background-position: -227px 5px; } .inabout-show-ibox .incase-tabcont{ margin: 30px -12px 0; } .incase-parent{ font-size: 0; text-align: center; } .incase-parent .tempWrap{ width: 1280px !important; } .incase-parent .slide{ float: left; width: 16.6%; } .incase-parent .item { cursor: pointer; border: 1px solid #EEEEEE; overflow: hidden; margin: 0 5px; /* transition: border .4s; -webkit-transition: border .4s; -moz-transition: border .4s; -ms-transition: border .4s; -o-transition: border .4s; */ } .incase-parent .item img{ width: 100%; transition:transform 1.4s ; -webkit-transition:transform 1.4s ; -moz-transition:transform 1.4s ; -ms-transition:transform 1.4s ; -o-transition:transform 1.4s ; } .incase-parent .item:hover img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); } .incase-parent .item:hover{ border-color: #FB6A74; } .incase-parent .slide.slick-current .item{ border-color: #FB6A74; } .incase-ibox{ background-color: #fff; position: relative; margin-bottom: 32px; } .incase-ibox .right{ box-sizing: border-box; padding-left: 108px; padding-top: 74px; padding-right: 100px; } .incase-ibox .right .tit a{ font-size: 48px; font-family: Microsoft JhengHei; font-weight: bold; color: #364054; line-height: 48px; } .incase-ibox .right .tit a span{ font-size: 28px; display: block; line-height: 28px; margin-top: 10px; } .incase-ibox .txt2{ font-size: 16px; font-family: PingFang SC; font-weight: 400; color: #364054; line-height: 36px; margin-top: 26px; margin-bottom: 62px; } .incase-ibox a.detail{ font-size: 16px; font-family: PingFang SC; font-weight: 400; color: #343434; display: inline-block; vertical-align: middle; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; } .incase-ibox a.detail:hover{ margin-left: 20px; } .incase-ibox a.detail img{ margin-left: 12px; display: inline-block; vertical-align: middle; margin-top: -6px; } .incase-ibox .hot{ position: absolute; right: 0; top: 0; } .incase-ibox .left{ position: relative; overflow: hidden; } .incase-ibox .sel li{ width: 241px; height: 156px; background: linear-gradient(90deg, #4E40B0, #6252C8, #7868E2); color: #fff; margin-bottom: 20px; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; cursor: pointer; position: relative; box-sizing: border-box; padding-left: 25px; padding-top: 20px; position: absolute; right: 0; top: 46px; } .incase-ibox .sel li.li2{ top: 221px; } .incase-ibox .sel li.li3{ top: 397px; } .incase-ibox .sel li div.title22{ font-size: 16px; font-family: PingFang SC; font-weight: bold; color: #FFFFFF; margin-bottom: 2px; } .incase-ibox .sel li span{ font-size: 14px; font-family: Microsoft JhengHei; font-weight: 400; color: #FFFFFF; opacity: 0.8; } .incase-ibox .sel li.active{ width: 492px; height: 156px; background: linear-gradient(90deg, #ED5E76, #F79CBC); } .incase-ibox .sel li.active div.title22{ font-size: 24px; font-family: Source Han Sans CN; font-weight: bold; color: #FFFFFF; width: 322px; line-height: 30px; padding-top: 13px; padding-bottom: 14px; } .incase-ibox .sel li.active.li3 p,.incase-ibox .sel li.active.li1 p{ padding-top: 26px; } .incase-ibox .sel li div.icon{ display: block; width: 45px; height: 45px; margin-bottom: 30px; } .incase-ibox .sel li.li2 div.icon{ margin-bottom: 16px; } .incase-ibox .sel li div.icon1-2{ transform: scale(0); transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); position: absolute; right: 30px; top: 16px; opacity: 0; } .incase-ibox .sel li.active div.icon1-1{ opacity: 0; display: none; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); } .incase-ibox .sel li.active div.icon1-2{ transform: scale(1); opacity: 1; } .case-btns{ font-size: 0; position: absolute; right: 0px; bottom: 160px; } .case-btns .btn-prev,.case-btns .btn-next, .incase-tabbox .swiper-button-next, .incase-tabbox .swiper-button-prev{ margin-right: 12px; display: inline-block; *display: inline; *zoom: 1; cursor: pointer; background: url(../images/case-btn.png) no-repeat; width: 50px; height: 50px; outline: none; } .incase-tabbox .swiper-button-next:after, .incase-tabbox .swiper-container-rtl .swiper-button-prev:after{ content: ""; } .incase-tabbox .swiper-button-prev:after, .incase-tabbox .swiper-container-rtl .swiper-button-next:after{ content: ""; } .incase-tabbox .swiper-button-next{ /* right: 90px; */ right: 200px; bottom: 80px; top: auto; margin-top: 0; margin-right: 0; } .incase-tabbox .swiper-button-prev{ /* right: 150px; */ right: 260px; bottom: 80px; top: auto; left: auto; margin-top: 0; margin-right: 0; } .case-btns .btn-prev,.incase-tabbox .swiper-button-prev{ background-position:0 0; } .case-btns .btn-next,.incase-tabbox .swiper-button-next{ background-position: -63px 0; } .case-btns .btn-prev:hover, .incase-tabbox .swiper-button-prev:hover{ background-position: 0 -56px; } .case-btns .btn-next:hover, .incase-tabbox .swiper-button-next:hover{ background-position: -62px -56px; } .incase .swiper-button-next.swiper-button-disabled, .incase .swiper-button-prev.swiper-button-disabled{ opacity: 1 !important; } .incase-tabslick{ display: none; } .incase-tabslick.active{ display: block; } /* 公司简介 */ .inabout{ position: relative; overflow: hidden; /* height: 200vh; */ } /* .inabout img{ height: 100%; } */ .inabout .inabout-ibox{ width: 100%; position: sticky; left: 0; top: 0; } /* .inabout .inabout-part2,.inabout .inabout-part1{ position: absolute; left: 0; top: 0; transition: opacity .45s; -webkit-transition: opacity .45s; -moz-transition: opacity .45s; -ms-transition: opacity .45s; -o-transition: opacity .45s; height: 100%; } */ .inabout2 .inabout-part2,.inabout2 .inabout-part1{ position: relative; } .inabout2 .inabout-part1{ height: 100vh; background-repeat: no-repeat; background-attachment:fixed; background-position: center; background-size: 100%; } .inabout.inabout2 .about-txt{ /* top: 460px; */ } .inabout.inabout2 a.chakan{ bottom: 150px; } .inabout .inabout-part1,.inabout .inabout-part3{ opacity: 1; } .inabout.active .inabout-part1,.inabout.active .inabout-part3{ opacity: 0; width: 100%; } /* .inabout .inabout-part2{ opacity: 0; } */ .inabout.active .inabout-part2{ opacity: 1; background-color: #313554; } .inabout .about-num{ width: 520px; height: 276px; background: #292c46; border-radius: 0px 0px 20px 20px; margin: 0 auto; position: absolute; top: 0; left: 50%; margin-left: -260px; -webkit-border-radius: 0px 0px 20px 20px; -moz-border-radius: 0px 0px 20px 20px; -ms-border-radius: 0px 0px 20px 20px; -o-border-radius: 0px 0px 20px 20px; } .inabout .about-num p{ text-align: center; font-size: 44px; font-family: PingFang SC; font-weight: 800; color: #FFFFFF; height: 110px; line-height: 110px; position: relative; } .inabout .about-num p i{ position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #FFFFFF; opacity: 0.1; } .inabout ul { font-size: 0; text-align: center; position: absolute; width: 100%; left: 0; top: 162px; box-sizing: border-box; padding: 0 40px; } .inabout ul li{ display: inline-block; *display: inline; *zoom: 1; width: 20%; position: relative; } .inabout ul li .title{ font-size: 18px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; opacity: 0.6; } .inabout ul li span{ font-size: 120px; font-family: 'AG'; font-weight: 400; line-height: 122px; color: #FB6A74; } .inabout ul li i.dot{ width: 20px; height: 20px; position: absolute; left: 50%; margin-left: -22px; background-color: #FB6A74; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .inabout ul li .timer22{ margin-right: 20px; } .inabout ul li .timer223{ margin-left: 20px; } .inabout ul li i.dot1{ top: 38px; } .inabout ul li i.dot2{ top: 76px; } .inabout ul li em{ font-size: 24px; font-family: PingFang SC; font-weight: 800; color: #FB6A74; } .inabout .about-txt{ font-size: 20px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; line-height: 36px; position: absolute; top: 394px; width: 890px; left: 50%; margin-left: -445px; } /* .inabout.active .about-txt{ transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } */ .inabout .about-txt p{ margin-bottom: 16px; } .inabout a.chakan{ font-size: 18px; font-family: Microsoft JhengHei; font-weight: 400; text-decoration: underline; color: #FFFEFE; text-align: center; display: block; margin: 0 auto; position: absolute; left: 50%; width: 340px; margin-left: -120px; bottom: -100%; } .inabout.active a.chakan{ bottom: 310px; } .inabout a.chakan img{ margin-right: 5px; width: 40px; } .inabout .dataStatistics2{ position: absolute; right: 34px; top: 12px; background-color: #2f3351; overflow: hidden; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; } .inabout .dataStatistics3{ position: absolute; left: 34px; top: 12px; background-color: #2f3351; overflow: hidden; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; } .inabout .dataStatistics3.dataStatistics .set_last .digit.active .digit_bottom{ left: 4px; } .inabout .dataStatistics3.dataStatistics .digit.active .digit_top, .inabout .dataStatistics2.dataStatistics .digit.active .digit_top{ left: .6px; } .dataStatistics .digit_set{ left: 6px; } .dataStatistics .digit_set.set_last{ left: -9px; } .inabout .about-num-box{ position: relative; } .inabout .about-num-box .num{ width: 147px; height: 138px; background: #2f3351; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; text-align: center; margin-top: 10px; } .inabout .about-num-box .num1{ float: left; margin-left: 35px; } .inabout .about-num-box .num2{ float: right; margin-right: 35px; } .inabout .about-num-box .timer{ color: #fb6a73; font-family: BebasNeue; font-size: 120px; font-weight: 700; } .inabout .dots{ position: absolute; left: 50%; top: 52px; width: 14px; height: 14px; background-color: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .inabout .dots2{ top: 88px; } /* 右侧留言框 */ .sidebar-position-right{ position: fixed; right: 54px; bottom: 80px; z-index: 99999; } .sidebar-position-right .imgs{ width: 60px; height: 60px; background: linear-gradient(135deg, #FF4E6F 0%, #FB9168 100%); border-radius: 50%; text-align: center; line-height: 60px; cursor: pointer; position: relative; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; } .sidebar-position-right .imgs img{ margin: 0 auto; position: relative; z-index: 2; } .sidebar-position-right .imgs::before{ content: ""; width: 60px; height: 60px; position: absolute; left: 0; top: 0; border-radius: 50%; right: 0; bottom: 0; margin: auto; background: #fff; border-radius: 50%; transition: 0.5s; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); } .sidebar-position-right .imgs:hover{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .sidebar-position-right .imgs:hover::before{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .sidebar-position-right .tendehide, .sidebar-position-right .imgs:hover .tendeshow{ opacity: 0; visibility: hidden; display: none; } .sidebar-position-right .imgs:hover .tendehide{ opacity: 1; visibility: visible; display: block; top: 18px; } /* 媒体查询 */ @media only screen and (max-width:1759px){ .w1760{width: 1600px;} .service_tabCon .con{width: 1630px;} } @media only screen and (max-width:1719px){ .w1720{width: 1600px;} .incase-ibox .right{padding-right: 100px;padding-left: 80px;} } @media only screen and (max-width:1599px){ .w1500{width: 1500px;} .container{width: 1500px;} .w1760{width: 1500px;} .w1720{width: 1500px;} .supervise_ibox .con{margin-right: 0;} } @media only screen and (max-width:1499px) { .w1280{width: 1200px;} .container{width: 1400px;} .w1760{width: 1400px;} .w1500{width: 1400px;} .w1720{width: 1400px;} .index-news .news-tit{width: 64%;} .news-slist .dd{height: 700px;} .index-news .ind-news-ibox .con { height: 700px; } .container-el.el-ly .el.mobile .desc{width: 60%;} .header-menu .defsubnav li{margin: 0 6px;} #section-home { height: 95vh !important; margin-bottom: 4.9vh !important; } #section-home .container-caroussel .container-text>p { font-size: 42px !important; } .contact-form { width: 590px; } .contact-form2{ width: 430px; height: 370px; } .contact-form .icon { top: 18px; } .contact-form2 .icon { top: 12px; } .contact-form.contact-form2 li.input { width: 360px; } .question_list { width: 620px; } .question_ibox .con { padding-left: 120px; } .supervise_ibox .con{ margin-right: 0; } .supervise_ibox .logo-text{font-size: 120px;} .service_tabCon .con{ width: 96%; } .foot-nav dl { margin-right: 92px; } .incase-ibox .sel li { width: 320px; height: 132px; padding-left: 18px; padding-top: 16px; } .incase-ibox .sel li div.icon { margin-bottom: 16px; } .incase-ibox .sel li.active{height: 132px;width: 455px;} .incase-ibox .sel li { top: 24px; } .incase-ibox .sel li.li2 { top: 176px; } .incase-ibox .sel li.li3 { top: 326px; } .incase-ibox .sel li.active div.title22 { font-size: 20px; } .incase-ibox .right { padding-left: 46px; padding-top: 54px; padding-right: 46px; } .incase-ibox .right .tit a { font-size: 40px; line-height: 42px; } .incase-ibox .right .tit a span { font-size: 24px; } .incase-ibox .txt2 { margin-bottom: 40px; margin-top: 20px; line-height: 27px; font-size: 15px; height: 216px; } .case-btns { bottom: 150px; } .inabout .dataStatistics3.dataStatistics .set_last .digit.active .digit_bottom { left: 9px; } .inabout ul { top: 11%; } .inabout.inabout2 .about-txt { top: 40%; } .inabout.inabout2 a.chakan { bottom: 18%; } .supervise-list .item.item2 { width: 240px; } .supervise-list .item.item1 .bot { padding-top: 553px; } .supervise_ibox .left { left: 44px; } .supervise_ibox .right { top: 66px; } .supervise-list .item .bot{width: 240px;} .supervise-list .imgs { /* left: -21px; */ /* width: 282px; */ } .inabout .about-num p { font-size: 32px; height: 94px; line-height: 94px; } .inabout .about-num { height: 230px; } .dataStatistics .digit>div.digit_top, .dataStatistics .digit>div.shadow_top { width: 80px; } .dataStatistics { height: 112px; font-size: 140px; font-weight: normal; } .dataStatistics .digit_set.set_last { left: -5px; } .contact-form2 .input .s-input { height: 70px; line-height: 70px; font-size: 16px; padding-left: 54px; } .inabout .about-num-box .num{ height: 114px; } .inabout .about-num-box .timer { font-size: 104px; } .incase-tabbox .swiper-button-next{ right: 90px; } .incase-tabbox .swiper-button-prev{ right: 150px; } .supervise-list .item.item2 .swiper-container{ height: 452px; } .container-el.el-ly .el.mobile .desc { width: 60%; } .container-el.el-ly .el.mobile .desc {width:60% !important;} } @media only screen and (max-width:1399px) { .container{width: 1200px;} .w1760{width: 1200px;} .w1500{width: 1200px;} .w1720{width: 1200px;} .question_ibox .con { padding-left: 58px; } .question_list { width: 540px; } .contact-form { width: 540px; } .contact-form li.input { width: 480px; } .incase-tabtit li { padding: 0 14px; } .incase-ibox .right { padding-left: 46px; padding-right: 46px; padding-top: 40px; } .incase-ibox .right .tit a { font-size: 26px; line-height: 30px; } .incase-ibox .right .tit a span { font-size: 18px; margin-top: 0px; } .incase-ibox .txt2 { line-height: 25px; font-size: 14px; margin-bottom: 26px; margin-top: 14px; height: 225px; } .incase-tabbox .swiper-button-prev{bottom: 50px; transform: scale(0.8);} .incase-tabbox .swiper-button-next{bottom: 50px; transform: scale(0.8);} .case-btns { bottom: 130px; right: 64px; } .service_tabCon .service-menu ul li{ width: 210px; } .news-slist .dd { height: 656px; } .index-news .ind-news-ibox .con{height: 656px;} .supervise-list .item.item2 { width: 200px; } .supervise-list .item .bot { width: 200px; } .supervise-list { margin-left: 13px; } .supervise-list .imgs { /* width: 234px; */ /* left: -17px; */ } .supervise-list .item.item1 .bot { padding-top: 478px; } .supervise_ibox .right { top: 146px; } .supervise_ibox .logo-text { margin-left: 20px; } .supervise_ibox { padding-bottom: 120px; padding-top: 66px; } .supervise_ibox .tit { font-size: 66px; margin-top: 24px; line-height: 66px; } .incase-ibox .sel li div.icon { width: 30px; height: 30px; margin-bottom: 10px; } .incase-ibox .sel li { height: 118px; } .incase-ibox .sel li.active { height: 118px; width: 420px; } .incase-ibox .sel li.active div.title22 { font-size: 17px; } .incase-ibox .sel li.li3 { top: 284px; } .incase-ibox .sel li { top: 17px; } .incase-ibox .sel li.li2 { top: 152px; } .contact-form2 { width: 420px; padding-top: 40px; } .contact-form.contact-form2 li.input { width: 350px; } .service-desc-ibox .service-question { width: 510px; } .service-list .btns_ibox { padding-left: 40px; } .service-list .tit22 { padding-left: 40px; } .service-desc-ibox .left { margin-left: 40px; } .service-list .recommend { width: 45%; margin-left: 50px; } .service_tabCon .service-menu { left: 50%; transform: translateX(-43.5%); -webkit-transform: translateX(-43.5%); -moz-transform: translateX(-43.5%); -ms-transform: translateX(-43.5%); -o-transform: translateX(-43.5%); } .supervise-list .item.item2 .swiper-container{ height: 377px; } .inabout.inabout2 .about-txt { top: 44%; } .inabout.inabout2 a.chakan { bottom: 10%; } .service_tabCon .service-menu ul li .icon{ left: 22px; top: 32px; } .service_tabCon .service-menu ul li .desc { margin-left: 65px; } /* .header-menu{margin-left: 74px;} */ /* .header-menu .defsubnav li { margin: 0 5px; font-size: 13px; } */ .header-menu .subnav{left: 0;} #section-home .container-caroussel .container-text > p { font-size: 32px !important; } .container-el.el-ly .el.mobile .desc { width: 70% !important; } .container-el.el-ly .el .desc{width: 70% !important;} } /* 多语言切换按钮 */ .language-box {background-color:transparent;position: absolute;top: 50%;right: 210px;} .language { display: block; width: 30px; float: right; margin-right: 16px; height: 30px; line-height: 30px; background: rgba(0,0,0,.2); border-radius: 50%; font-family: "Arial"; font-size: 12px; color: #fff; text-align: center; transition: .8s; } .language:hover{ color: #fff !important; background-color: #FB6A73; }