.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:99999;position:fixed;height:180px;width:180px;margin:auto;top:0;left:0;right:0;bottom:0;} .pace .pace-activity{position:absolute;z-index:2000;display:block;left:0px;top:-14px;height:180px;width:180px;} .pace-loadscreen{position:fixed;top:0;z-index:1500;width:100%;height:100%;background:#fff;display:block;margin:0 auto;} .pace-logo{position:fixed;top:50%;left:50%;z-index:1600;opacity:0;cursor:default;pointer-events:none;fill:#1d2088;} .pace-logo{margin-top:-50px;margin-left:-80px;height:160px;width:160px;} .pace-logo svg{height:64px;width:160px;} #pace-loader-circle path{fill:none;stroke-width:5px;stroke-dashoffset:0;stroke-dasharray:50;stroke:#1d2088;-webkit-animation:strokeRotate .9s linear infinite;animation:strokeRotate .9s linear infinite;} @-webkit-keyframes strokeRotate{ to{stroke-dashoffset:200} } @keyframes strokeRotate{ to{stroke-dashoffset:200} } .pace-running .pace-logo,.pace-running .pace-activity{opacity:1;} .pace-running .pace-logo{-webkit-animation:animInitialLogo 1s both;animation:animInitialLogo 1s both;} @-webkit-keyframes animInitialLogo{ from{opacity:0;} } @keyframes animInitialLogo{ from{opacity:0;} } .pace-running .pace-activity{-webkit-animation:animInitialLoader .5s cubic-bezier(0.7,0,0.3,1) both;animation:animInitialLoader .5s cubic-bezier(0.7,0,0.3,1) both;} @-webkit-keyframes animInitialLoader{ from{opacity:0;-webkit-transform:scale3d(0.5,0.5,1);} } @keyframes animInitialLoader{ from{opacity:0;-webkit-transform:scale3d(0.5,0.5,1);transform:scale3d(0.5,0.5,1);} } .pace-done .pace-logo,.pace-done .pace-activity{opacity:1;} .pace-done .pace-logo{-webkit-animation:animLoadedLogo 1s cubic-bezier(0.7,0,0.3,1) forwards;animation:animLoadedLogo 1s cubic-bezier(0.7,0,0.3,1) forwards;} @-webkit-keyframes animLoadedLogo{ to{top:20px;left:30px;margin:0px;opacity:0} } @keyframes animLoadedLogo{ to{top:20px;left:30px;margin:0px;opacity:0} } .pace-done .pace-activity{-webkit-animation:animLoadedLoader 0.3s cubic-bezier(0.7,0,0.3,1) forwards;animation:animLoadedLoader 0.3s cubic-bezier(0.7,0,0.3,1) forwards;} @-webkit-keyframes animLoadedLoader{ to{opacity:0;-webkit-transform:scale3d(0.3,0.3,1);} } @keyframes animLoadedLoader{ to{opacity:0;-webkit-transform:scale3d(0.1,0.1,1);transform:scale3d(0.1,0.1,1);} } .pace-done .pace-logo svg{-webkit-transition:all 0.5s ease 0.3s;transition:all 0.5s ease 0.3s;} .pace-done .pace-loadscreen{-webkit-animation:animLoadedHeader 1s cubic-bezier(0.7,0,0.3,1) forwards;animation:animLoadedHeader 1s cubic-bezier(0.7,0,0.3,1) forwards;-webkit-animation-delay:0.5s;animation-delay:0.5s;} @-webkit-keyframes animLoadedHeader{ to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)} } @keyframes animLoadedHeader{ to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);} } .pace-done .pace-logo{-webkit-animation-delay:0.3s;animation-delay:0.3s;} .no-js .pace-loadscreen{position:relative;min-height:0;} .no-js .pace-loadscreen{margin-top:20px;height:180px;opacity:1;-webkit-transform:none;transform:none;} html,body{font-family:arial,'Hiragino Sans GB',' ',sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:300px;-webkit-tap-highlight-color:transparent;} body.onHoldNavi,body.onHold{overflow-y:scroll;} object{pointer-events:none;} a,a::after,a::before,a:hover,.midnightHeader a svg{cursor:pointer;color:#1d2088;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;} a:hover{color:#1d2088;} #slider{min-height:850px;position:relative;} h1,h2,h3,h4,strong{font-family:arial,'Hiragino Sans GB',' ',sans-serif;} #navi{position:fixed;z-index:1001;} #navi .logo{ width:200px; height:80px;} #navi .logo svg{ width:200px; height:80px; display:block;} #navi .logo h1{font-size:22px;line-height:22px;width:105px;text-align:center;text-transform:none;transform:translateX(-150px);opacity:1;margin-top:-15px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;line-height:20px;word-spacing:-3px;} #navi .logo:hover{text-decoration:none;} #navi .logo:hover h1{opacity:1;transform:translateX(0);} .logo h1:after{display:none!important;} body.onHoldNavi .mnContainer{z-index:3000;} body.onHoldNavi #mainContent,body.onHoldNavi #slider,body.onHoldNavi #quicklinks,body.onHoldNavi footer,body.onHoldNavi header .content,body.onHoldNavi header .notFound,body.onHoldNavi header #contactBtn,body.onHoldNavi .projectFilter,body.onHoldNavi #crossLinks{overflow:hidden;-webkit-filter:blur(5px);-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px);filter:blur(5px);-webkit-transition:all 1s linear;transition:all 1s linear;-moz-transition:all 1s linear;-webkit-transition:all 1s linear;-o-transition:all 1s linear;} .mnContainer,.midnightHeader,.midnightInner{overflow:hidden!important;} .ptb80{padding-top:80px;padding-bottom:80px} .ptb100{padding-top:100px;padding-bottom:100px} .ptb150{padding-top:150px;padding-bottom:150px} .ptb200{padding-top:200px;padding-bottom:200px} .pt50{padding-top:50px} .pt100{padding-top:100px} .pt200{padding-top:200px} .pt300{padding-top:300px} .pb100{padding-bottom:100px} .pb200{padding-bottom:200px} .pr150{ padding-right:150px;} .mb50{margin-bottom:50px} .mb100{margin-bottom:100px} .mb150{margin-bottom:150px} .mt70{margin-top:70px} .mt100{margin-top:100px} .mt-300{margin-top:-300px} br.by0-419{display:none} br.by420-619{display:none} br.by620-767{display:none} br.by0-767{display:none} br.by768-991{display:none} br.by992-1199{display:none} br.by1200{display:none} br.by1400{display:none} .midnightHeader.default .logo svg{fill:#fff;} .midnightHeader.default .naviBar div{background-color:#fff;} .midnightHeader.default a.logo,.midnightHeader.default a:hover{color:#fff;} .midnightHeader.whiteHoverRed .logo svg,.midnightHeader.whiteHoverBlue .logo svg,.midnightHeader.blueHoverWhite .logo:hover svg,.midnightHeader.redHoverWhite .logo:hover svg,.subpageHeader.bgBlue .logo svg,.subpageHeader.bgRed .logo svg{fill:#fff!important;} .midnightHeader.whiteHoverRed a.logo,.midnightHeader.whiteHoverBlue a.logo,.midnightHeader.blueHoverWhite .logo:hover,.midnightHeader.redHoverWhite .logo:hover,.subpageHeader.bgBlue a.logo,.subpageHeader.bgRed a.logo{color:#fff!important;} .midnightHeader.whiteHoverRed .naviBar div,.midnightHeader.whiteHoverBlue .naviBar div,.midnightHeader.blueHoverWhite .naviBar:hover div,.midnightHeader.redHoverWhite .naviBar:hover div,.subpageHeader.bgBlue .naviBar div,.subpageHeader.bgRed .naviBar div{background-color:#fff!important;} .midnightHeader.blueHoverRed .logo svg,.midnightHeader.blueHoverWhite .logo svg,.midnightHeader.whiteHoverBlue .logo:hover svg,.midnightHeader.redHoverBlue .logo:hover svg,.subpageHeader.bgRed .logo:hover svg,.subpageHeader.bgWhite .default .logo svg{fill:#333!important;} .midnightHeader.blueHoverRed a.logo,.midnightHeader.blueHoverWhite a.logo,.midnightHeader.whiteHoverBlue .logo:hover,.midnightHeader.redHoverBlue .logo:hover,.subpageHeader.bgRed .logo:hover,.subpageHeader.bgWhite .default .logo a{color:#333!important;} .midnightHeader.blueHoverRed .naviBar div,.midnightHeader.blueHoverWhite .naviBar div,.midnightHeader.whiteHoverBlue .naviBar:hover div,.midnightHeader.redHoverBlue .naviBar:hover div,.subpageHeader.bgRed .naviBar:hover div,.subpageHeader.bgWhite .default .naviBar div{background-color:#333!important;} .midnightHeader.redHoverBlue .logo svg,.midnightHeader.redHoverWhite .logo svg,.midnightHeader.whiteHoverRed .logo:hover svg,.midnightHeader.blueHoverRed .logo:hover svg,.subpageHeader.bgBlue .logo:hover svg,.subpageHeader.bgWhite .default .logo:hover svg{fill:#1d2088!important;} .midnightHeader.redHoverBlue a.logo,.midnightHeader.redHoverWhite a.logo,.midnightHeader.whiteHoverRed .logo:hover,.midnightHeader.blueHoverRed .logo:hover,.subpageHeader.bgBlue .logo:hover,.subpageHeader.bgWhite .default .logo:hover{color:#1d2088!important;} .midnightHeader.redHoverBlue .naviBar div,.midnightHeader.redHoverWhite .naviBar div,.midnightHeader.whiteHoverRed .naviBar:hover div,.midnightHeader.blueHoverRed .naviBar:hover div,.subpageHeader.bgBlue .naviBar:hover div,.subpageHeader.bgWhite .default .naviBar:hover div{background-color:#1d2088!important;} body.onHoldNavi .midnightHeader .logo svg{fill:#1d2088!important;} body.onHoldNavi .midnightHeader .logo{color:#1d2088!important;} body.onHoldNavi .midnightHeader .logo:hover svg{fill:#333!important;} body.onHoldNavi .midnightHeader .logo:hover{color:#333!important;} body.onHoldNavi .midnightHeader .naviBar div{background-color:#1d2088!important;} body.onHoldNavi .midnightHeader .naviBar:hover div{background-color:#333!important;} /**返回顶部**/ .awards{ position:fixed; right:60px; bottom:60px; box-sizing:border-box; z-index:9;} .awards a.backtop{ width:70px; height:70px; background-color:#333; border-radius:10px; opacity:1; display:block; position:relative;-webkit-transform:scale3d(0.9,0.9,1);transform:scale3d(0.9,0.9,1);box-shadow:inset 0 0 0 2px #333;-webkit-transition:box-shadow 0.3s,-webkit-transform 0.3s;transition:box-shadow 0.3s,transform 0.3s;} .awards a.backtop .arrow{ width:30px; height:30px; border-right:2px solid; border-bottom:2px solid; border-color:#fff; transform:rotate(225deg); position:absolute;top:30px; left:20px;} .awards a.backtop:hover{ box-shadow:inset 0 0 0 35px #1d2088;} .awards a.backtop:hover .arrow{ border-color:#fff;} .awards a.backcont{ width:70px; height:70px; background-color:#333; border-radius:10px; opacity:1; display:block; -webkit-transform:scale3d(0.9,0.9,1);transform:scale3d(0.9,0.9,1);box-shadow:inset 0 0 0 2px #333;-webkit-transition:box-shadow 0.3s,-webkit-transform 0.3s;transition:box-shadow 0.3s,transform 0.3s; font-size:18px; color:#fff; box-sizing:border-box; text-align:center; letter-spacing:1px; line-height:70px; margin-top:10px;text-decoration:none;} .awards a.backcont:hover{ box-shadow:inset 0 0 0 35px #1d2088;} .awards a.backcase{ width:70px; height:70px;background-color:#1d2088; border-radius:10px; opacity:1; display:block; -webkit-transform:scale3d(0.9,0.9,1);transform:scale3d(0.9,0.9,1);box-shadow:inset 0 0 0 2px #1d2088;-webkit-transition:box-shadow 0.3s,-webkit-transform 0.3s;transition:box-shadow 0.3s,transform 0.3s; font-size:18px; color:#fff; box-sizing:border-box; text-align:center; letter-spacing:1px; line-height:150%; margin-top:10px;text-decoration:none; padding:10px; } .awards a.backcase:hover{ box-shadow:inset 0 0 0 35px #333;} .logo{display:inline-block;width:200px; height:80px;margin:20px 0 0 20px;-webkit-transition:0.3s all ease;-o-transition:0.3s all ease;transition:0.3s all ease;cursor:pointer; } .logo svg{width:200px; height:80px;} .naviBar{display:inline-block;-webkit-transition:275ms all ease;-o-transition:275ms all ease;transition:275ms all ease;cursor:pointer;float:right;margin:38px 35px 0 0; position:absolute; right:0; top:0;} .naviBar div{display:block;width:25px;height:4px;margin-bottom:4px;-webkit-transition:0.2s all ease;-o-transition:0.2s all ease;transition:0.2s all ease;} .naviBar div:last-child{margin-bottom:0;} body.onHoldNavi .naviBar div.bar2{transform:rotate(225deg);} body.onHoldNavi .naviBar div.bar1{transform:translate(0px,8px) rotate(135deg);} body.onHoldNavi .naviBar div.bar3{transform:translate(0px,-8px) rotate(135deg);} #naviContent{position:fixed;background:#fff;color:#fff;top:0;top:0;left:0;width:100%;height:0%;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s,height .35s;overflow:hidden;} #naviContent nav{} #naviContent.open{opacity:.9;visibility:visible;height:100%;z-index:-1;} body.onHoldNavi #naviContent li{animation:fadeInTop .5s ease forwards;animation-delay:.35s;} body.onHoldNavi #naviContent li:nth-of-type(2){animation-delay:.4s;} body.onHoldNavi #naviContent li:nth-of-type(3){animation-delay:.45s;} body.onHoldNavi #naviContent li:nth-of-type(4){animation-delay:.50s;} body.onHoldNavi #naviContent li:nth-of-type(5){animation-delay:.55s;} .amore{ float:right;} .amore .square,.amore .square:before{ opacity:0; transition:opacity 0.5s,color 0.5s,transition 0.5s;-moz-transition:opacity 0.5s,color 0.5s,-moz-transition 0.5s;-webkit-transition:opacity 0.5s,color 0.5s,-webkit-transition 0.5s; -o-transition:opacity 0.5s,color 0.5s,-o-transition 0.5s; } .amore .square span{ opacity:0;} .amore:hover .square{ position:relative; top:24px; right:80px; width:50px; color:#fff; height:50px; background-color:#000;-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; z-index:99; opacity:1; padding:4px 10px; box-sizing:border-box; text-align:center;} .amore:hover .square span{ opacity:1;} .amore:hover .square:before{position:absolute; content:"";width:0; height:0;right:-10px;top:19px;border-top:6px solid transparent; border-left:10px solid #000;border-bottom:6px solid transparent; opacity:1;} #contactBtn#slide3 .amore:hover .square{ background-color:#fff; color:#333;} #contactBtn#slide3 .amore:hover .square:before{ border-color:#fff;} @keyframes fadeInTop{ 0%{opacity:0;top:20%;} 100%{opacity:1;top:0;} } nav{position:relative;text-align:center;height:100%;} nav ul{list-style:none;padding:0;margin:0 auto;display:inline-block;position:relative;height:100%;} nav li{display:block;position:relative;opacity:0;margin:10px 0;} nav a{display:block;position:relative;color:#333;text-decoration:none;overflow:hidden;line-height:1.2;font-size:46px;} nav .shl{font-size:16px;color:#333;margin-bottom:10px; display:inherit;} nav a:hover,nav a:hover .shl{color:#1d2088;text-decoration:none;} nav a:focus,nav a:active{text-decoration:none;} nav a:hover:after,nav a:focus:after,nav a:active:after{width:50px;} nav a:after{content:'';position:absolute;bottom:0;left:50%;width:0%;transform:translateX(-50%);height:3px;background-color:#1d2088;} #naviContent .bottombar{background-color:transparent;margin-top:-50px;padding:0;} #naviContent .bottombar p,#naviContent .bottombar a{color:#1d2088;} #naviContent .bottombar a:hover{color:#fa1e37;text-decoration:none;} #naviContent .bottombar .container-fluid{max-width:100%;padding:0 45px;width:100%;} .open .bottombar .social-icons a{fill:#1d2088;} #slider{height:100vh;width:100%;padding:0;overflow:hidden;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;} #slider p{font-size:18px;margin-bottom:35px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;} #slider h1{font-size:50px;line-height:4vw;margin-bottom:2vw; font-weight:600;} #slider h1,#slider p,#slider a{position:relative;opacity:0;left:-30px;} #slider img{position:relative;opacity:1;left:0px; width:90%;} .activeSlide h1,.activeSlide p,.activeSlide a{animation:SCfadeInRight 1s ease forwards;animation-delay:.5s;} .activeSlide img{animation:SCfadeInLeft 1s ease forwards;animation-delay:.5s;} .activeSlide p{animation-delay:.8s;} .activeSlide a{animation-delay:1.1s;} .lastSlide h1,.lastSlide p,.lastSlide a,.lastSlide img{opacity:1;left:0;animation:SCfadeOut .4s;} @keyframes SCfadeInRight{ to{opacity:1;left:0;} } @keyframes SCfadeInLeft{ to{opacity:1;left:0;} } @keyframes SCfadeOut{ 0%{opacity:1;} 100%{opacity:0;} } .divascookies-accept-button-text{position:relative;text-decoration:none!important;line-height:1;border-radius:0;background:none;padding:15px 20px 13px;border:2px solid;font-size:16px;z-index:1;overflow:hidden;width:auto;text-align:center;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;} #contactBtn{position:absolute;z-index:1000;display:block;width:56px;height:56px;padding:0;border:none;border-radius:15px;background:none;vertical-align:middle;-webkit-backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;} #contactBtn:focus{outline:none;} #contactBtn::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;z-index:-1;-webkit-transform:scale3d(0.9,0.9,1);transform:scale3d(0.9,0.9,1);box-shadow:inset 0 0 0 2px #fff;-webkit-transition:box-shadow 0.3s,-webkit-transform 0.3s;transition:box-shadow 0.3s,transform 0.3s;} #contactBtn:hover::before{box-shadow:inset 0 0 0 28px #fdb813;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);} #contactBtn svg{ width:55px;height:55px;fill:#fff;stroke:#fff;stroke-width:2px;stroke-miterlimit:10;} #contactBtn.slide4::before{box-shadow:inset 0 0 0 2px #1d2088;} #contactBtn.slide4 svg{ fill:#333; stroke:#333;} #contactBtn.slide4:hover svg{ fill:#fff; stroke:#fff;} #contactBtn.slide4::before{box-shadow:inset 0 0 0 2px #333} #contactBtn:hover svg{stroke:#fff;} #contactBtn.slide1:hover::before,#contactBtn.slide2:hover::before{box-shadow:inset 0 0 0 28px #333;} #contactBtn.slide3:hover::before,#contactBtn.slide4:hover::before{box-shadow:inset 0 0 0 28px #1d2088} #slider .arrow,.subpageHeader .arrow{position:absolute;width:25px;height:25px;border-bottom:3px solid;border-right:3px solid;transform:rotate(45deg);-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;-webkit-animation:bounce-down 1s infinite;-moz-animation:bounce-down 1s infinite;-o-animation:bounce-down 1s infinite;animation:bounce-down 1s infinite;bottom:60px;left:50%;margin-left:-15px;display:none;} #slide1 .arrow,#slide3 .arrow,.subpageHeader .arrow{border-color:#fff;} #contactBtn2{position:absolute;z-index:1000;display:block;width:56px;height:56px;padding:0;border:none;border-radius:15px;background:none;vertical-align:middle;-webkit-backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;} #contactBtn2:focus{outline:none;} #contactBtn2::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;z-index:-1;-webkit-transform:scale3d(0.9,0.9,1);transform:scale3d(0.9,0.9,1);box-shadow:inset 0 0 0 2px #fff;-webkit-transition:box-shadow 0.3s,-webkit-transform 0.3s;transition:box-shadow 0.3s,transform 0.3s;} #contactBtn2:hover::before{box-shadow:inset 0 0 0 28px #fdb813;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);} #contactBtn2 svg{ width:55px;height:55px;fill:#fff;stroke:#fff;stroke-width:2px;stroke-miterlimit:10;} #contactBtn2.slide4::before{box-shadow:inset 0 0 0 2px #1d2088;} #contactBtn2.slide4 svg{ fill:#333; stroke:#333;} #contactBtn2.slide4:hover svg{ fill:#fff; stroke:#fff;} #contactBtn2.slide4::before{box-shadow:inset 0 0 0 2px #333} #contactBtn2:hover svg{stroke:#fff;} #contactBtn2.slide1:hover::before,#contactBtn2.slide2:hover::before{box-shadow:inset 0 0 0 28px #333;} #contactBtn2.slide3:hover::before,#contactBtn2.slide4:hover::before{box-shadow:inset 0 0 0 28px #1d2088} #contactBtn3{position:absolute;z-index:1000;display:block;width:56px;height:56px;padding:0;border:none;border-radius:15px;background:none;vertical-align:middle;-webkit-backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;} #contactBtn3:focus{outline:none;} #contactBtn3::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;z-index:-1;-webkit-transform:scale3d(0.9,0.9,1);transform:scale3d(0.9,0.9,1);box-shadow:inset 0 0 0 2px #fff;-webkit-transition:box-shadow 0.3s,-webkit-transform 0.3s;transition:box-shadow 0.3s,transform 0.3s;} #contactBtn3:hover::before{box-shadow:inset 0 0 0 28px #fdb813;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);} #contactBtn3 svg{ width:55px;height:55px;fill:#fff;stroke:#fff;stroke-width:2px;stroke-miterlimit:10;} #contactBtn3.slide4::before{box-shadow:inset 0 0 0 2px #1d2088;} #contactBtn3.slide4 svg{ fill:#333; stroke:#333;} #contactBtn3.slide4:hover svg{ fill:#fff; stroke:#fff;} #contactBtn3.slide4::before{box-shadow:inset 0 0 0 2px #333} #contactBtn3:hover svg{stroke:#fff;} #contactBtn3.slide1:hover::before,#contactBtn3.slide2:hover::before{box-shadow:inset 0 0 0 28px #333;} #contactBtn3.slide3:hover::before,#contactBtn3.slide4:hover::before{box-shadow:inset 0 0 0 28px #1d2088} #contactBtn4{position:absolute;z-index:1000;display:block;width:56px;height:56px;padding:0;border:none;border-radius:15px;background:none;vertical-align:middle;-webkit-backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;} #contactBtn4:focus{outline:none;} #contactBtn4::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;z-index:-1;-webkit-transform:scale3d(0.9,0.9,1);transform:scale3d(0.9,0.9,1);box-shadow:inset 0 0 0 2px #fff;-webkit-transition:box-shadow 0.3s,-webkit-transform 0.3s;transition:box-shadow 0.3s,transform 0.3s;} #contactBtn4:hover::before{box-shadow:inset 0 0 0 28px #fdb813;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);} #contactBtn4 svg{ width:55px;height:55px;fill:#fff;stroke:#fff;stroke-width:2px;stroke-miterlimit:10;} #contactBtn4.slide4::before{box-shadow:inset 0 0 0 2px #1d2088;} #contactBtn4.slide4 svg{ fill:#333; stroke:#333;} #contactBtn4.slide4:hover svg{ fill:#fff; stroke:#fff;} #contactBtn4.slide4::before{box-shadow:inset 0 0 0 2px #333} #contactBtn4:hover svg{stroke:#fff;} #contactBtn4.slide1:hover::before,#contactBtn4.slide2:hover::before{box-shadow:inset 0 0 0 28px #333;} #contactBtn4.slide3:hover::before,#contactBtn4.slide4:hover::before{box-shadow:inset 0 0 0 28px #1d2088} .slide{position:absolute;display:flex;height:100vh;min-height:850px;width:100%;padding:0;background-position:center center;z-index:200;overflow:hidden;} .sliderContent{padding-left:220px;margin:auto;} .activeSlide{z-index:202!important;} .lastSlide{z-index:201!important;} .vCenterWrapper{display:flex;display:-webkit-flex;display:-ms-flexbox;flex-direction:row;-webkit-flex-direction:row;-webkit-align-content:stretch;align-content:stretch;height:100%;} .vCenter{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;} #slide1 .sliderContent{ padding-right:220px; padding-left:0;} #slide1{background:url(../images/未标题-1.jpg) transparent;} #slide2{background:url(../images/slide2bg.jpg) transparent;} #slide3{background:url(../images/slide3bg.jpg) transparent;} #slide4{background:url(../images/slide4bg.jpg) transparent;} #slide1,#slide2,#slide3,#slide4{background-size:cover;background-blend-mode:multiply; background-position:center;} #slide4{background-blend-mode:screen;} #slide1 p,#slide1 h1,#slide2 p,#slide2 h1,#slide3 p,#slide3 h1{color:#fff;} #slide4 p,#slide4 h1{color:#fff;} #slider .sliderContent .btn{ width:200px; height:50px; position:relative;text-decoration:none!important;border-radius:0;background:none;z-index:1;overflow:hidden; border:none; padding:0;} #slider .sliderContent .btn span{ width:200px; height:50px; text-align:center;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease; border:2px solid; display:inline-block;} #slider .sliderContent .btn:hover span{ transform:rotate(180deg);-ms-transform:rotateX(180deg);/* IE 9 */-moz-transform:rotateX(180deg);/* Firefox */-webkit-transform:rotateX(180deg);/* Safari 和 Chrome */-o-transform:rotateX(180deg);} #slider .sliderContent .btn em{ width:200px; height:50px; color:#fff; position:absolute; left:0; top:0; line-height:50px; text-align:center;font-size:16px;font-style:normal;} #slide1 .sliderContent .btn span,#slide2 .sliderContent .btn span,#slide3 .sliderContent .btn span{ border-color:#fff;} #slide1 .sliderContent .btn em,#slide2 .sliderContent .btn em,#slide3 .sliderContent .btn em{ color:#fff;} #slide1 .sliderContent .btn:hover span,#slide2 .sliderContent .btn:hover span{ background-color:#333; border-color:#333;} #slide3 .sliderContent .btn:hover span,#slide4 .sliderContent .btn:hover span{background-color:#1d2088; border-color:#1d2088;} #slide4 .sliderContent .btn span{ border-color:#333;} #slide4 .sliderContent .btn em{ color:#333;} #slide4 .sliderContent .btn:hover em{ color:#fff;} #quicklinks{position:relative;background-color:transparent;text-align:center;height:160px;margin-top:-160px;z-index:300;} #quicklinks .row div{padding:0;} #quicklinks .row div a{display:inline-block;box-sizing:border-box;width:100%;padding:5px 30px;margin-top:30px;border-top:2px solid #fff;border-bottom:2px solid #fff;border-right:2px solid #fff;border-left:2px solid #fff;height:130px;color:#fff; position:relative;} #quicklinks a:visited,#quicklinks a:active{text-decoration:none;} #quicklinks .row div a h2{ font-weight:bold; margin-top:17px; margin-bottom:0; text-align:left;} #quicklinks .row div a:hover h2{ margin-top:27px;} #quicklinks .row div a span{ font-size:14px; text-align:left; display:block; } #quicklinks .row div a p{ margin-top:13px; text-align:left;} #quicklinks .arrow{width:40px;height:40px;border-bottom:2px solid #fff;border-right:2px solid #fff;transform:rotate(315deg);-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out; position:absolute; right:50px; top:35%; } #quicklinks .row div a:hover .arrow{border-color:#fff;-webkit-animation:shake-right 1s infinite;-moz-animation:shake-righ 1s infinite;-o-animation:shake-righ 1s infinite;animation:shake-righ 1s infinite;} #quicklinks .row div:last-child a{border-right:0;} #quicklinks .row div:first-child a{border-left:0;} #quicklinks .row div:nth-child(2)a{width:calc(100% + 4px);margin-left:-2px;} #quicklinks a:hover{margin-top:0!important;height:160px!important;text-decoration:none;} @keyframes shake-righ{ 0%{opacity:0;-webkit-transform:translateX(-20px) rotate(315deg);-moz-transform:translateX(-20px) rotate(315deg);-o-transform:translateX(-20px) rotate(315deg);transform:translateX(-20px) rotate(315deg);} 50%{opacity:1;-webkit-transform:translateX(0) rotate(315deg);-moz-transform:translateX(0) rotate(315deg);-o-transform:translateX(0) rotate(315deg);transform:translateX(0px) rotate(315deg);} 100%{opacity:0;-webkit-transform:translateX(5px) rotate(315deg);-moz-transform:translateX(5px) rotate(315deg);-o-transform:translateX(5px) rotate(315deg);transform:translateX(5px) rotate(315deg);} } @-moz-keyframes shake-righ{ 0%{opacity:0;-webkit-transform:translateX(-20px) rotate(315deg);-moz-transform:translateX(-20px) rotate(315deg);-o-transform:translateX(-20px) rotate(315deg);transform:translateX(-20px) rotate(315deg);} 50%{opacity:1;-webkit-transform:translateX(0) rotate(315deg);-moz-transform:translateX(0) rotate(315deg);-o-transform:translateX(0) rotate(315deg);transform:translateX(0px) rotate(315deg);} 100%{opacity:0;-webkit-transform:translateX(5px) rotate(315deg);-moz-transform:translateX(5px) rotate(315deg);-o-transform:translateX(5px) rotate(315deg);transform:translateX(5px) rotate(315deg);} } @-webkit-keyframes shake-righ{ 0%{opacity:0;-webkit-transform:translateX(-20px) rotate(315deg);-moz-transform:translateX(-20px) rotate(315deg);-o-transform:translateX(-20px) rotate(315deg);transform:translateX(-20px) rotate(315deg);} 50%{opacity:1;-webkit-transform:translateX(0) rotate(315deg);-moz-transform:translateX(0) rotate(315deg);-o-transform:translateX(0) rotate(315deg);transform:translateX(0px) rotate(315deg);} 100%{opacity:0;-webkit-transform:translateX(5px) rotate(315deg);-moz-transform:translateX(5px) rotate(315deg);-o-transform:translateX(5px) rotate(315deg);transform:translateX(5px) rotate(315deg);} } section .content p,section .content h3{padding-right:50px;} section .container-fluid,.bottombar .container-fluid{max-width:1840px;padding:0 120px;box-sizing:border-box;width:100%;} section h1{font-size:92px;margin-bottom:40px;margin-top:0;} section h2{font-size:72px;margin-bottom:40px;margin-top:0;} section h3{font-weight:200;font-size:30px;margin-top:0;} section h3.large{font-size:40px;margin-bottom:30px;} section h2::after,#mainContent section h3.large::after{content:'';width:100px;height:5px;display:block;margin-top:25px;} section.bgWhite h2::after,section.bgBlue h2::after,#mainContent section h3.large::after{background:#1d2088;} section.bgRed h2::after,section.bgDarkBlue h2::after{background:#fff;} section .center h2::after,section.center h2::after,section h2.center::after{margin-left:auto;margin-right:auto;} .subpageHeader .row{ padding:0 10%; box-sizing:border-box;} .subpageHeader h2::after{display:none;} .subpageHeader .content a{color:#fff!important;text-decoration:none;font-size:16px;margin-bottom:10px;font-family:'Volte-Medium',sans-serif;} .subpageHeader .content a:hover{color:#001e61!important;text-decoration:none;} section#crossLinks h2::after{display:none;} section p{font-size:18px;line-height:30px;margin-bottom:50px;} .subpageHeader{position:relative;} .subpageHeader.bgBlack{background:url(../images/bgblack.jpg) repeat-x;} .subpageHeader .morph-button-fixed{bottom:30px;} .subpageHeader h1{font-size:50px;line-height:70px;margin-bottom:20px;text-transform:uppercase;display:table; color:#fff; letter-spacing:2px; font-weight:600;} .subpageHeader h1:after{content:'';width:100px;height:5px;display:block;margin-top:15px;} .subpageHeader.bgWhite{background:url(../images/bgwhite.jpg) repeat-x;} .subpageHeader.bgWhite #contactBtn svg{stroke:#1d2088; fill:#1d2088;} .subpageHeader.bgWhite #contactBtn:hover svg{stroke:#fff; fill:#fff;} .subpageHeader.bgWhite #contactBtn::before{ box-shadow:inset 0 0 0 2px #1d2088;} .subpageHeader.bgWhite #contactBtn:hover::before{box-shadow:inset 0 0 0 28px #1d2088;} .subpageHeader.bgWhite h1{ color:#1d2088;} .subpageHeader.bgWhite .content p{ color:#1d2088; box-sizing:border-box;} .subpageHeader.bgBlack h1:after,.subpageHeader.bgWhite h1:after{background:#1d2088;} .subpageHeader.bgBlack #contactBtn:hover::before{box-shadow:inset 0 0 0 28px #1d2088;} .subpageHeader.bgRed{background:url(../images/bgred.jpg) repeat-x;} .subpageHeader.bgRed h1::after{background:#fff;} .subpageHeader.bgRed #contactBtn:hover svg{stroke:#fff; fill:#fff;} .subpageHeader.bgRed #navi a.naviBar:hover div{ background-color:#fdb813;} .subpageHeader.bgRed #contactBtn:hover::before{box-shadow:inset 0 0 0 28px #333;} .subpageHeader h2{margin:0;line-height:1;} .subpageHeader .content p{margin:0;line-height:150%; font-size:18px; color:#fff; padding:0;} .projectContent{overflow:hidden;} .projectContent img{ max-width:100%;} .projectContent iframe{width:1140px;height:642px;margin:auto;display:inherit;} .projectContent .video{padding:30px;} section{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;overflow:hidden;} .bgWhite{background-color:#fff;} section.bgWhite .btn::before,.bgRed,#slide4 .btn::before,#slide2 .btn::before,section.bgBlue .btn::before,section.bgDarkBlue .btn::before,section.bgBlue .morph-content .btn::before,section.bgRed .morph-content .btn::before{background-color:#1d2088;} .bgBlue,section.bgRed .btn::before{background-color:#001e61;} .bgDarkBlue{background-color:#131a2d;} .bgDarkRed{background-color:#1d2088;} section.bgWhite .btn:hover,#slide4 .btn:hover,.bgDarkBlue,.bgRed,.bgBlue,section.bgBlue .btn,section.bgDarkBlue .btn,section.bgRed .btn,#slide1 .btn,#slide3 .btn,section.bgBlue .morph-content .btn:hover,section.bgRed .morph-content .btn:hover{color:#fff;} .bgWhite,section.bgWhite .btn,section.bgBlue .btn:hover,section.bgBlue .morph-content .btn,section.bgRed .morph-content .btn{color:#333;} section.bgDarkBlue .btn:hover,#slide2 .btn:hover{color:#131a2d;} section.bgBlue .btn,section.bgDarkBlue .btn,section.bgRed .btn,#slide1 .btn,#slide3 .btn{border-color:#fff;} section.bgWhite .btn:hover,section.bgBlue .btn:hover,section.bgDarkBlue .btn:hover,section.bgBlue .morph-content .btn:hover,section.bgRed .morph-content .btn:hover{border-color:#fa1e37;} section.bgWhite .btn,section.bgRed .btn:hover,section.bgBlue .morph-content .btn,section.bgRed .morph-content .btn{border-color:#001e61;} #siegel ul{padding:0;background:rgba(0,0,0,0.2);-moz-box-shadow:0 0 40px rgba(0,0,0,0.4);-webkit-box-shadow:0 0 40px rgba(0,0,0,0.4);box-shadow:0 0 40px rgba(0,0,0,0.4);width:100%;display:flex;flex-flow:row wrap;} #siegel li{color:#001e61;border-color:#001e61;border-bottom:1px solid;border-left:1px solid;list-style:none;float:left;overflow:hidden;padding-right:0;padding-left:0;padding-bottom:130px;background:#fff;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;} #siegel .contentBox,#siegel .linkBox{padding:30px 50px;} #siegel p{margin-bottom:0;text-align:justify;} #siegel .linkBox{border-top:1px solid #001e61;position:absolute;bottom:0;width:100%;} #siegel .linkBox p{text-align:center;} #siegel h3{text-align:center;} #siegel .contentBox img{margin:40px 0;} .divascookies{position:fixed;z-index:5000;overflow:hidden;width:275px;height:50px;left:50%;margin-left:-137px;padding:5px 5px 5px 17px;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;text-align:center;background-color:#fff;display:none;-webkit-box-shadow:0 0 40px rgba(0,0,0,0.4);-moz-box-shadow:0 0 40px rgba(0,0,0,0.4);box-shadow:0 0 40px rgba(0,0,0,0.4);} .divascookies .divascookies-banner-text{margin-top:10px;float:left;} .divascookies .divascookies-accept-button-text{display:inline-block;margin-left:10px;padding:11px 5px 5px 4px;width:40px;height:40px;-webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px;border-color:#fa1e37;color:#fa1e37;background-color:#fff;} .divascookies .divascookies-accept-button-text:hover{color:#fff;background-color:#fa1e37;cursor:pointer;} #crossLinks .container-fluid{padding:0;max-width:100%;} #crossLinks .content{text-align:center;display:inline-block;} #crossLinks .content:after{content:'';border:8px solid;width:400px;height:400px;position:absolute;border-radius:50%;display:block;top:50%;left:50%;margin-left:-200px;margin-top:-200px;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;} #crossLinks .content p{padding-right:0;margin-bottom:0;} #crossLinks a{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;} #crossLinks>div>div{padding-top:250px;padding-bottom:250px;} #crossLinks>div>div:hover .content:after{content:'';width:400px;height:240px;border-radius:0;margin-left:-200px;margin-top:-120px;} #crossLinks h2{margin-bottom:0;font-size:60px;} #agb .content>ol>li{font-size:18px;} ol>li>ol{font-size:18px;} ol li p{margin-bottom:20px;} ol li:last-child p{margin-bottom:50px;} .img-grid .content>div{padding:15px;} .shadow{box-shadow:0 0 40px rgba(0,0,0,0.4);} .center{text-align:center;} *:focus{outline:none;} section.bgDarkBlue a{color:#fff; display:block;} section.bgDarkBlue a:hover{color:#fff;text-decoration:none;} .projectGrid{width:calc(100% + 1px);} .projectGrid:after{content:'';display:block;clear:both;} .projectGrid .projectItem{padding:0;margin:0 0 -3px 0;background-color:#fff;overflow:hidden;} .projectGrid .projectItem figure{position:relative;z-index:1;display:inline-block;overflow:hidden;width:100%;height:100%;text-align:center;cursor:pointer;} .projectGrid .projectItem figure img{position:relative;display:block;height:100%;opacity:1;} .projectGrid .projectItem figure figcaption{padding:2em;color:#fff;text-transform:uppercase;-webkit-backface-visibility:hidden;backface-visibility:hidden; box-sizing:border-box;} .projectGrid .projectItem figure figcaption::before,.projectGrid .projectItem figure figcaption::after{pointer-events:none;} .projectGrid .projectItem figure figcaption,.projectGrid .projectItem figure a{position:absolute;bottom:0;left:0;width:100%;height:100%;} .projectGrid .projectItem figure a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0;} .projectGrid .projectItem figure h2{ font-size:30px;word-spacing:0.15em;opacity:0;font-weight:300; border-bottom:none; padding-top:23%;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;} .projectGrid .projectItem figure h2::after{ background-color:transparent;} .projectGrid .projectItem figure h2,.projectGrid .projectItem figure p,.projectGrid .projectItem figure span{margin:0;} .projectGrid .projectItem figure p{letter-spacing:1px;font-size:16px;padding:0.5em 15%;text-transform:none;opacity:0;} .projectGrid .projectItem figure span{letter-spacing:1px;font-size:14px;padding:0 2em;text-transform:none;opacity:0;} figure.effect-layla{background-color:#fff;} figure.effect-layla img{min-height:100%;min-width:100%;top:0%;left:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;} figure.effect-layla figcaption{padding:20px;} figure.effect-layla img,figure.effect-layla figcaption::before,figure.effect-layla figcaption::after,figure.effect-layla p,figure.effect-layla span{-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;} figure.effect-layla:hover img{opacity:0.8;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);} figure.effect-layla:hover h2,figure.effect-layla:hover p,figure.effect-layla:hover span{opacity:1;} figure.effect-layla:hover figcaption::after,figure.effect-layla:hover h2,figure.effect-layla:hover p,figure.effect-layla:hover span,figure.effect-layla:hover img{-webkit-transition-delay:0.15s;transition-delay:0.15s;} figure.effect-layla:hover .home-grid-item-overlay{left:0%;} .home-grid-item-overlay{width:130%;height:100%;float:left;position:absolute;bottom:0;left:-130%;background:url(../images/grid_bg.png);background-size:cover;background-position:100% 0px;-moz-transition:.5s ease-in;-o-transition:.5s ease-in;-webkit-transition:.5s ease-in;transition:.5s ease-in;} .projectGrid.projectPad{ padding:15px 50px; box-sizing:border-box;} .projectGrid.projectPad .projectItem{ padding:15px; box-sizing:border-box; max-height:470px;} .projectGrid .projectMore{ width:100%; float:left; margin:100px 0 0 0; text-align:center; display:block;} .projectGrid .projectMore .projectBtn{ width:200px; height:50px; position:relative;text-decoration:none!important;border-radius:0;background:none;z-index:1;overflow:hidden; border:none; padding:0;} .projectGrid .projectMore .projectBtn span{ width:150px; height:50px; text-align:center;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease; border:2px solid; border-color:#333; display:inline-block;} .projectGrid .projectMore .projectBtn:hover span{ background-color:#015697; border-color:#015697; color:#fff;transform:rotate(180deg);-ms-transform:rotateX(180deg);/* IE 9 */-moz-transform:rotateX(180deg);/* Firefox */-webkit-transform:rotateX(180deg);/* Safari å’Œ Chrome */-o-transform:rotateX(180deg);} .projectGrid .projectMore .projectBtn em{ width:150px; height:50px; color:#333; position:absolute; left:0; line-height:50px; text-align:center;font-size:16px;font-style:normal;} .projectGrid .projectMore .projectBtn:hover em{ color:#fff;} .projectGrid.projectCase{ padding:100px 9% 0 9%; box-sizing:border-box;} .projectGrid.projectCase .projectItem{ padding:5px 0; box-sizing:border-box;} .projectGrid.projectCase .projectItem .home-grid-item-overlay{ height:200px; left:0;} .projectGrid.projectCase .projectItem figure figcaption,.projectGrid.projectCase .projectItem figure a{ bottom:0; height:200px; } .projectGrid.projectCase .projectItem figure figcaption{ padding:2em 5em;} .projectGrid.projectCase .projectItem figure h2{ padding-top:20px; text-align:left; opacity:1;} .projectGrid.projectCase .projectItem figure p{ padding:0.5em 0; text-align:left; opacity:1;} #projekte .case h2{ text-align:center; display:block;} #projekte .case h2::after{ background-color:transparent; margin:0; height:0;} #projekte .case b{ width:100px; height:32px; background-color:#015696; font-size:16px; padding:0 10px; box-sizing:border-box; color:#fff; display:block; line-height:32px; font-weight:normal; margin:0 auto; text-align:center;} /***优秀案例***/ .projectGrid.projectCase .projectItem.projectExce{ position:relative; overflow:hidden; box-sizing:border-box; padding:5px; margin:1px 0;} .projectExce .projectPic{ width:100%; float:left; overflow:hidden; text-align:center; } .projectExce .projectPic .projectImg{ width:100%; height:400px; background-size:cover; background-repeat:no-repeat; background-position:center; display:block;} .projectExce:hover .projectPic .projectImg{ -webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);} .projectExce .projectPic .projectImg{ -webkit-transition:-webkit-transform 1s; -o-transition:-webkit-transform 1s; -moz-transition:-webkit-transform 1s; transition:transform 1s;} .projectExce .projectText{ width:100%; height:100%; float:left; position:absolute; top:0; left:0; opacity:0; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease; padding:0 20px;} .projectExce .projectText::after{ content:''; position:absolute; width:100%; height:100%; overflow:hidden;background-color:rgba(0,0,0,0.6); top:0; left:-100%; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease; z-index:98;} .projectExce .projectText:hover::after{ left:0;} .projectExce .projectText h3{ width:100%; position:absolute; z-index:99; top:0; left:0; text-align:center; color:#fff; font-weight:normal; opacity:0; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease; padding:36% 0;} .projectExce:hover .projectText,.projectExce:hover .projectText h3{ opacity:1;} .projectExce .projectText h3 p{ width:100%; float:left; font-size:24px; margin:15px 0 0 0; letter-spacing:1px;} .projectExce .projectText h3 span{ width:100%; float:left; font-size:18px; margin-top:15px;} .projectExce .projectText h3 a{ opacity:0;} /**关于我们**/ #ueberuns .row{ padding:0 7%; box-sizing:border-box;} #ueberuns .col_left{ width:50%; padding:0 5% 0 1%; box-sizing:border-box;} #ueberuns .col_left .col-sm-6{ padding:0 10px 10px 10px; box-sizing:border-box;} #ueberuns .col_left .col-sm-12{ padding:10px 10px 0 10px; box-sizing:border-box;} #ueberuns .col_right{ padding:0 1%; box-sizing:border-box;} #ueberuns .col_right h2{ margin-bottom:30px;} #ueberuns .col_right h2::after{ background-color:transparent; margin:0; height:0;} #ueberuns .col_right b{ width:100px; height:15px; background-color:#1d2088; font-size:12px; padding:0 10px; box-sizing:border-box; color:#fff; display:inline-block; line-height:15px; font-weight:normal;} #ueberuns .col_right p{ margin:50px 0 60px 0; font-size:14px; line-height:180%;} #ueberuns .col_right .btn{ width:150px; height:50px; position:relative;text-decoration:none!important;border-radius:0;background:none;z-index:1;overflow:hidden; border:none; padding:0;} #ueberuns .col_right .btn span{ width:150px; height:50px; text-align:center;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease; border:2px solid; border-color:#333; display:inline-block;} #ueberuns .col_right .btn:hover span{ background-color:#1d2088; border-color:#1d2088; color:#fff;transform:rotate(180deg);-ms-transform:rotateX(180deg);/* IE 9 */-moz-transform:rotateX(180deg);/* Firefox */-webkit-transform:rotateX(180deg);/* Safari å’Œ Chrome */-o-transform:rotateX(180deg);} #ueberuns .col_right .btn em{ width:150px; height:50px; color:#333; position:absolute; left:0; top:0; line-height:50px; text-align:center;font-size:16px;font-style:normal;} #ueberuns .col_right .btn:hover em{ color:#fff;} #ueberuns .row_none{ display:none;} #ueberuns .row_none .col-sm-12{ padding:10px 20px; box-sizing:border-box;} /**我们的服务**/ #leistungen .row{ padding:0 7%; box-sizing:border-box;} #leistungen .col_left{ padding:0 0 0 3%; box-sizing:border-box;} #leistungen .col_left h2{ margin-bottom:30px;} #leistungen .col_left h2::after{ background-color:transparent; margin:0; height:0;} #leistungen .col_left b{ width:100px; height:15px; background-color:#1d2088; font-size:12px; padding:0 10px; box-sizing:border-box; color:#fff; display:inline-block; line-height:15px; font-weight:normal;} #leistungen .col_left .col_mod{margin:50px 0 60px 0;} #leistungen .col_left .col_mod p{ margin:5px 0; font-size:14px; line-height:180%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #leistungen .col_left .btn{ width:150px; height:50px; position:relative;text-decoration:none!important;border-radius:0;background:none;z-index:1;overflow:hidden; border:none; padding:0;} #leistungen .col_left .btn span{ width:150px; height:50px; text-align:center;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease; border:2px solid; border-color:#fff; display:inline-block;} #leistungen .col_left .btn:hover span{ background-color:#333; border-color:#333; color:#fff;transform:rotate(180deg);-ms-transform:rotateX(180deg);/* IE 9 */-moz-transform:rotateX(180deg);/* Firefox */-webkit-transform:rotateX(180deg);/* Safari 和 Chrome */-o-transform:rotateX(180deg);} #leistungen .col_left .btn em{ width:150px; height:50px; color:#fff; position:absolute; left:0; top:0; line-height:50px; text-align:center;font-size:16px;font-style:normal;} #leistungen .col_left .btn:hover em{ color:#fff;} #leistungen .container-fluid .col_row{ padding:0 10%; box-sizing:border-box; margin-top:60px;} .iconGrid{padding:0;background:rgba(0,0,0,0.2);width:100%;display:flex;flex-flow:row wrap;} .iconGrid li{list-style:none;float:left;overflow:hidden;padding:50px 18px;background-color:#00ADE5;border-bottom:1px inset rgba(0,0,0,0.2);border-left:1px inset rgba(0,0,0,0.2);-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;text-align:center;} .iconGrid li:hover{background-color:#333;box-shadow:0 0 30px 0 rgba(0,0,0,0.7);z-index:2;} .iconGrid li a{width:100%;height:100%;cursor:pointer;color:#fff!important;text-decoration:none;display:inline-block;} .iconGrid h3{font-size:24px;height:50px; font-weight:600; letter-spacing:1px;} .iconGrid p{margin-top:10px;margin-bottom:0; line-height:120%; font-size:16px;} .iconGrid object{margin-bottom:20px;} .col_term{} section.col_term h2::after{ background-color:#1d2088;} .col_term p{ font-size:14px;} .col_term .btn{ width:150px; height:50px; position:relative;text-decoration:none!important;border-radius:0;background:none;z-index:1;overflow:hidden; border:none; padding:0; margin:0 auto;} .col_term .btn span{ width:150px; height:50px; text-align:center;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease; border:2px solid; border-color:#fff; display:inline-block;} .col_term .btn:hover span{ background-color:#1d2088; border-color:#1d2088; color:#fff;transform:rotate(180deg);-ms-transform:rotateX(180deg);/* IE 9 */-moz-transform:rotateX(180deg);/* Firefox */-webkit-transform:rotateX(180deg);/* Safari 和 Chrome */-o-transform:rotateX(180deg);} .col_term .btn em{ width:150px; height:50px; color:#fff; position:absolute; left:0; top:0; line-height:50px; text-align:center;font-size:16px;font-style:normal;} .col_term .btn:hover em{ color:#fff;} .subpageHeader .row.projectFilter{ padding:0 9%;} section .projectFilter{position:absolute;bottom:40px;padding-right:120px;} .rowBg{ background-color:#1d2088;} .rowBg a.logo svg:hover{ color:#fff;} #row_type{ position:absolute; left:7.8%; top:25px; display:none;} .filtersButtonGroup .btn{font-size:14px; color:#ffffff;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;margin-right:15px;margin-top:10px;padding:8px 20px;outline:0; background-color:transparent; border:2px solid #fff;} .filtersButtonGroup .btn:hover{color:#333;border-color:#333;} .filtersButtonGroup .btn.active{color:#333;background:#fff;border-color:#fff;outline:0;-webkit-box-shadow:none;box-shadow:none;} /*.projectItem img{position:relative;display:block;min-height:101%;min-width:101%;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);max-width:100%;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;} .projectItem[data-project-grid="H2"] img{max-width:none;min-width:auto;height:100%;} .projectItem:hover img{opacity:0.3;-webkit-transform:translateX(-50%) translateY(-50%) scale3d(1.1,1.1,1.1);transform:translateX(-50%) translateY(-50%) scale3d(1.1,1.1,1.1);}*/ .projectItem .projectContent,.projectItem.viewAll h3{position:absolute;top:50%;left:0;width:100%;color:#fff;text-align:center;opacity:0;padding:0 50px;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;transition:all 0.4s ease-out;} .projectItem:hover .projectContent{opacity:1;} .projectItem .projectContent h3{margin-bottom:0;} .projectItem .projectContent p{font-size:14px;margin-bottom:0;} .projectItem a{position:absolute;width:100%;height:100%;left:0;top:0;} .projectItem.viewAll a{background-color:#fa1e37;} .projectItem.viewAll:hover a{background-color:#001e61;} .projectItem.viewAll h3{opacity:1;} .projectHeader h3{font-size:20px;margin-bottom:0;} .projectHeader p{font-size:16px;line-height:24px;margin-bottom:10px;font-family:'Volte-Medium',sans-serif;} .projectContent div{padding:0;} .projectContent .img-responsive{min-width:100%;} .p_menu{ display:none;} .subpageHeader .col_case{ margin-top:70px;} .subpageHeader .col_case b{ font-size:30px; color:#fff;} .subpageHeader .col_case b em{ font-size:16px; margin-left:20px; font-style:normal; font-weight:300;} .subpageHeader .col_case p{ font-size:16px; color:#fff;} #projectNavi{height:300px;} #projectNavi>div{padding:0;} #projectNavi img{object-fit:cover;height:300px;width:100%;opacity:0.4;-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;transition:all 0.4s ease-out;} #projectNavi.top img,#projectNavi.top{height:150px;} #projectNavi.top img{-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:0.2;} .prevProject:hover img,.nextProject:hover img{-webkit-transform:scale3d(1.05,1.05,1);transform:scale3d(1.05,1.05,1);} #projectNavi .prevProject,#projectNavi .nextProject{background:#1d2088;background:-webkit-linear-gradient(45deg,#50176c 0%,#1d2088 100%);background:-o-linear-gradient(45deg,#50176c 0%,#1d2088 100%);background:-moz-linear-gradient(45deg,#50176c 0%,#1d2088 100%);background:linear-gradient(45deg,#50176c 0%,#1d2088 100%);overflow:hidden;} #projectNavi.top .prevProject,#projectNavi.top .nextProject{background:#fff;} .nextProject a,.prevProject a,.allProjects a{position:absolute;height:100%;width:100%;cursor:pointer;z-index:2;left:0;top:0;} #projectNavi a:hover,#projectNavi a,#projectNavi span{text-decoration:none;} #projectNavi p{margin-bottom:0;padding:0;} #projectNavi .allProjects p{position:absolute;top:50%;color:#fff;-webkit-transform:translateX(-50%);transform:translateX(-50%);left:48.5%;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;} #projectNavi.top .allProjects p{color:#001e61;} #projectNavi h3{margin-bottom:0;padding:0;} #projectNavi .content{position:absolute;top:50%;left:0;width:100%;color:#fff;margin-bottom:0;text-align:center;padding:0 50px;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;transition:all 0.4s ease-out;} #projectNavi .arrow{width:30px;height:30px;border-bottom:2px solid #fff;border-right:2px solid #fff;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;position:absolute;top:50%;margin-top:-15px;} #projectNavi.top .content{color:#001e61;} #projectNavi.top .arrow{border-bottom:2px solid #001e61;border-right:2px solid #001e61;} .prevProject .arrow{transform:rotate(135deg);left:-30px;} .prevProject:hover .arrow{transform:rotate(135deg);left:30px;} .nextProject .arrow{transform:rotate(-45deg);right:-30px;} .nextProject:hover .arrow{transform:rotate(-45deg);right:30px;} .shareProject,.allProjects{height:300px;position:relative;text-align:center;} .shareProject{background:#fff;} #projectNavi .allProjects .backToAll{width:7px;height:7px;border-radius:0!important;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;font-size:20px!important;background-color:#fff;box-shadow:-0.5em 0 #fff,-0.5em 0.5em #fff,0.5em 0 #fff,0.5em -0.5em #fff,0 -0.5em #fff,-0.5em -0.5em #fff,0 0.5em #fff,0.5em 0.5em #fff;position:absolute;top:40%; left:48%;color:#fff;-webkit-transform:translateY(-50%);transform:translateY(-50%);} #projectNavi .allProjects:hover .backToAll{background-color:#333;-moz-box-shadow:-0.6em 0 #333,-0.6em 0.6em #333,0.6em 0 #333,0.6em -0.6em #333,0 -0.6em #333,-0.6em -0.6em #333,0 0.6em #333,0.6em 0.6em #333;-webkit-box-shadow:-0.6em 0 #333,-0.6em 0.6em #333,0.6em 0 #333,0.6em -0.6em #1d2088,0 -0.6em #333,-0.6em -0.6em #333,0 0.6em #333,0.6em 0.6em #333;box-shadow:-0.6em 0 #333,-0.6em 0.6em #333,0.6em 0 #333,0.6em -0.6em #333,0 -0.6em #333,-0.6em -0.6em #333,0 0.6em #333,0.6em 0.6em #333;} #projectNavi .allProjects:hover p{color:#333;} #projectNavi.top .allProjects:hover .backToAll{background-color:#333;-moz-box-shadow:-0.6em 0 #333,-0.6em 0.6em #333,0.6em 0 #333,0.6em -0.6em #333,0 -0.6em #333,-0.6em -0.6em #333,0 0.6em #333,0.6em 0.6em #333;-webkit-box-shadow:-0.6em 0 #333,-0.6em 0.6em #333,0.6em 0 #333,0.6em -0.6em #333,0 -0.6em #333,-0.6em -0.6em #333,0 0.6em #333,0.6em 0.6em #333;box-shadow:-0.6em 0 #333,-0.6em 0.6em #333,0.6em 0 #333,0.6em -0.6em #333,0 -0.6em #333,-0.6em -0.6em #333,0 0.6em #1d2088,0.6em 0.6em #333;} #projectNavi.top .allProjects:hover p{color:#333;} .jssocials-shares{margin:0.2em 0;} .jssocials-shares *{box-sizing:border-box;} .jssocials-share{display:inline-block;vertical-align:top;margin:0.3em 0.6em 0.3em 0;} .jssocials-share:last-child{margin-right:0;} .jssocials-share-logo{width:1em;vertical-align:middle;font-size:1.5em;display:inline-block;} .jssocials-share-link{display:inline-block;text-align:center;text-decoration:none;line-height:1;padding:12px 15px 10px;color:#fff;-webkit-transition:background 200ms ease-in-out,border-color 200ms ease-in-out;transition:background 200ms ease-in-out,border-color 200ms ease-in-out;} .jssocials-share-link:hover,.jssocials-share-link:focus,.jssocials-share-link:active{color:#fff;} .jssocials-share-label{padding-left:0.3em;vertical-align:middle;} .jssocials-share-twitter .jssocials-share-link{background:#00aced;} .jssocials-share-twitter .jssocials-share-link:hover{background:#0087ba;} .jssocials-share-facebook .jssocials-share-link{background:#3b5998;} .jssocials-share-facebook .jssocials-share-link:hover{background:#2d4373;} .jssocials-share-googleplus .jssocials-share-link{background:#dd4b39;} .jssocials-share-googleplus .jssocials-share-link:hover{background:#c23321;} .jssocials-share-pinterest .jssocials-share-link{background:#cb2027;} .jssocials-share-pinterest .jssocials-share-link:hover{background:#9f191f;} .serviceList ul{-webkit-padding-start:0;-moz-padding-start:0;-o-padding-start:0;padding-left:0;} .serviceList li{font-size:18px;list-style:none;padding:5px 35px;background:url(../fonts/e8288f266ca74956ac536c37cba0119c.woff);-ms-transform:rotateX(180deg);/* IE 9 */-moz-transform:rotateX(180deg);/* Firefox */-webkit-transform:rotateX(180deg);/* Safari 和 Chrome */-o-transform:rotateX(180deg);} .morph-button .inputbtn:hover .btn{ color:#fff;} .morph-button-fixed,.morph-button-fixed .morph-content{position:absolute;right:30px;bottom:165px;display:block;width:293px;height:56px;} .morph-button-fixed>button{z-index:1000;width:100%;height:100%;-webkit-transition:opacity 0.1s 0.5s;transition:opacity 0.1s 0.5s;} .morph-button-fixed.open>button{opacity:0;-webkit-transition:opacity 0.1s;transition:opacity 0.1s;} .morph-button-fixed .morph-content{position:fixed;z-index:900;opacity:0;-webkit-transition:opacity 0.5s 0.7s,width 0.4s 0.1s,height 0.4s 0.1s,top 0.4s 0.1s,left 0.4s 0.1s,margin 0.4s 0.1s;transition:opacity 0.5s 0.7s,width 0.4s 0.1s,height 0.4s 0.1s,top 0.4s 0.1s,left 0.4s 0.1s,margin 0.4s 0.1s;} .morph-button-fixed.open .morph-content{opacity:1;} .morph-button-fixed .morph-content>div{visibility:hidden;height:0;opacity:0;-webkit-transition:opacity 0.1s,visibility 0s 0.1s,height 0s 0.1s;transition:opacity 0.1s,visibility 0s 0.1s,height 0s 0.1s;padding:50px 30px;} .morph-button-fixed.open .morph-content>div{visibility:visible;height:auto;opacity:1;-webkit-transition:opacity 0.3s 0.5s;transition:opacity 0.3s 0.5s;} .morph-button-fixed.active>button{z-index:2000;} .morph-button-fixed.active .morph-content{z-index:1900;} .morph-button-modal.open::before{opacity:1;pointer-events:auto;} .morph-button-modal.active::before{z-index:1800;} .morph-button-modal .morph-content{overflow:hidden;border-radius:100px;-webkit-transition:opacity 0.3s 0.5s,width 0.4s 0.1s,height 0.4s 0.1s,top 0.4s 0.1s,left 0.4s 0.1s,margin 0.4s 0.1s,border-radius 0.5s 0.1s;transition:opacity 0.3s 0.5s,width 0.4s 0.1s,height 0.4s 0.1s,top 0.4s 0.1s,left 0.4s 0.1s,margin 0.4s 0.1s,border-radius 0.5s 0.1s;} .morph-button-modal.open .morph-content{top:50%!important;left:50%!important;margin:-250px 0 0 -250px;width:500px;height:500px;-webkit-transition:width 0.4s 0.1s,height 0.4s 0.1s,top 0.4s 0.1s,left 0.4s 0.1s,margin 0.4s 0.1s,border-radius 0.5s 0.1s;transition:width 0.4s 0.1s,height 0.4s 0.1s,top 0.4s 0.1s,left 0.4s 0.1s,margin 0.4s 0.1s,border-radius 0.5s 0.1s;border-radius:0;} .morph-button-modal-1 .morph-content{background-color:#fff;} .morph-button .morph-content,.morph-button.open .morph-content{-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);transition-timing-function:cubic-bezier(0.7,0,0.3,1);-webkit-box-shadow:0 0 40px rgba(0,0,0,0.4);-moz-box-shadow:0 0 40px rgba(0,0,0,0.4);box-shadow:0 0 40px rgba(0,0,0,0.4);} .no-js .morph-button>button{display:none;} .no-js .morph-button{margin:10px 0;float:none;} .no-js .morph-button,.no-js .morph-button .morph-content,.no-js .morph-button .morph-content>div{position:relative;width:auto;height:auto;opacity:1;visibility:visible;top:auto;left:auto;-webkit-transform:none;transform:none;pointer-events:auto;} .no-js .morph-button .morph-content .icon-close{display:none;} .no-transition{-webkit-transition:none!important;transition:none!important;} .animatedSvg{fill:none;stroke:#fff;stroke-width:2;} .animatedSvg .text{stroke-width:0;fill:#fff;} .animatedSvg .dashed g path{stroke-dasharray:5,5!important;} #clients .row{ padding:0 4%; box-sizing:border-box;} #clients h2{color:#1d2088; font-size:48px;} #clients h2::after{ background-color:#fdb813;} #clients ul{--webkit-padding-start:0;-moz-padding-start:0;-o-padding-start:0;padding-left:0;} #clients li{list-style:none;padding-bottom:20px;padding-top:20px;border-bottom:1px solid #dfdfdf;} #clients li img{ opacity:0.6;} #clients li:hover img{ opacity:1;} svg.clientlogo{fill:#131a2d;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;} footer .center{text-align:center;} footer .center img{margin:0 auto;} footer .logo{ width:200px; height:80px; margin:20px 0;} footer .logo svg{ width:200px; height:80px; fill:#fff;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;} footer .logo svg:hover{fill:#1d2088;} footer .sitemap p{font-size:14px;line-height:20px;text-align:justify;margin-bottom:0;} footer .sitemap ul{-webkit-padding-start:0;-moz-padding-start:0;-o-padding-start:0;padding-left:0;} footer .sitemap ul:first-child{margin-top:0px;} footer .sitemap ul li{list-style-type:none;} footer .sitemap ul>li ul>li{list-style-type:none;margin-bottom:8px;} footer .sitemap ul li h3{ text-align:center;} footer .sitemap ul li h3 a{text-transform:uppercase;font-size:18px;} footer .sitemap a{text-decoration:none;color:#fff;} footer .sitemap li ul li a{font-size:14px;line-height:18px;display:block; text-align:center;} footer .sitemap ul li h3 a:hover,footer .sitemap li ul li a:hover{color:#1d2088;text-decoration:none;} footer img{margin-bottom:1px;} footer a:last-child img{margin-bottom:0;} .bottombar{background-color:#101526;padding:20px 0;} .bottomtext div:nth-child(2){text-align:center;} .bottombar .social-icons{text-align:right;} .bottombar .social-icons a{margin:0 8px;display:inline-block;width:20px;height:20px;fill:#fff;} .bottombar a.facebook:hover{fill:#475993;} .bottombar a.instagram:hover{fill:#C21975;} .bottombar a.snapchat:hover{fill:#FFFF00;stroke:#000;stroke-width:1px;} .bottombar a.pinterest:hover{fill:#CB2027;} .bottombar a.behance:hover{fill:#0076FF;} .bottombar a.google:hover{fill:#F34A38;} .bottombar p{font-size:14px;line-height:20px;margin:0;color:#fff;} #anfahrt{position:relative;} #anfahrt .kontakt{position:absolute;z-index:2;color:#fff;top:50%;transform:translateY(-50%);} #anfahrt .kontakt .col_bar{ padding:0 10%; box-sizing:border-box;} #anfahrt .kontakt .col_bar h2{ font-size:50px;} #anfahrt .kontakt .col_bar p{ font-size:14px;} #anfahrt .kontakt .col_bar .btn{ width:150px; height:50px; position:relative;text-decoration:none!important;border-radius:0;background:none;z-index:1;overflow:hidden; border:none; padding:0;} #anfahrt .kontakt .col_bar .btn span{ width:150px; height:50px; text-align:center;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease; border:2px solid; border-color:#fff; display:inline-block;} #anfahrt .kontakt .col_bar .btn:hover span{ background-color:#1d2088; border-color:#1d2088;transform:rotate(180deg);-ms-transform:rotateX(180deg);/* IE 9 */-moz-transform:rotateX(180deg);/* Firefox */-webkit-transform:rotateX(180deg);/* Safari 和 Chrome */-o-transform:rotateX(180deg);} #anfahrt .kontakt .col_bar .btn em{ width:150px; height:50px; color:#fff; position:absolute; left:0; top:0; line-height:50px; text-align:center;font-size:16px;font-style:normal;} #anfahrt .kontakt .col_bar .inputbtn{ width:120px; height:50px; float:right; position:relative;} #anfahrt .kontakt .col_bar .inputbtn .inputbox{ width:120px; height:50px; border-radius:0; -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease; border:2px solid #fff; box-sizing:border-box;} #anfahrt .kontakt .col_bar .inputbtn .btn{ width:120px; height:50px; border-radius:0; position:absolute; left:0; top:0; color:#fff; text-align:center; line-height:50px; font-size:16px; background-color:transparent; padding:0; border:none; margin:0; } #anfahrt .kontakt .col_bar .inputbtn:hover .inputbox{ background-color:#015697; border-color:#015697; color:#4d378b; box-sizing:border-box;transform:rotate(180deg);-ms-transform:rotateX(180deg);/* IE 9 */-moz-transform:rotateX(180deg);/* Firefox */-webkit-transform:rotateX(180deg);/* Safari å’Œ Chrome */-o-transform:rotateX(180deg);} .morph-button .inputbtn:hover .btn{ color:#fff;} #teamImg{margin-top:0;padding:0px;} #social{display:-webkit-box;display:block;width:100%;} #social .newsletterFormInner{ position:relative;} #social .newsletterFormInner h3{ font-size:40px; font-weight:bold; letter-spacing:1px;} #social .newsletterFormInner p{ font-size:24px; margin-bottom:0; text-align:center;} #social .newsletterFormInner .arrow{width:50px;height:50px;border-bottom:3px solid #fff;border-right:3px solid #fff;transform:rotate(315deg);-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out; position:absolute; right:50px; top:20%; } #social .newsletterFormInner:hover .arrow{border-color:#fff;-webkit-animation:shake-right 1s infinite;-moz-animation:shake-righ 1s infinite;-o-animation:shake-righ 1s infinite;animation:shake-righ 1s infinite;} #social div{padding:0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} #social div a{width:100%;min-height:184px;cursor:pointer;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;} #social div.colww{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;height:80px; width:80px; background-image:url(../images/icon_08.png); background-size:contain; background-repeat:no-repeat; display:inline-block; margin:0 auto;} #social>div a:hover div.colww:hover{ background-image:url(../images/2w.jpg); width:100px; height:100px;} #social div.colqq{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;height:80px; width:80px; background-image:url(../images/icon_09.png); background-size:contain; background-repeat:no-repeat; display:inline-block; margin:0 auto;} #social div.colxl{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;height:80px; width:80px; background-image:url(../images/icon_10.png); background-size:contain; background-repeat:no-repeat; display:inline-block; margin:0 auto;} #social>div a:hover div.colqq:hover,#social>div a:hover div.colxl:hover{ width:90px; height:90px;} #social>div a:hover{background-color:rgba(0,0,0,0.2);} #social .newsletter{background-color:#fdb813;padding:50px 120px; min-height:184px;} #social .weixin{background-color:#20b920; position:relative;} #social .weixin a .colCode{ display:none; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} #social .weixin a:hover .colCode{ width:100px; height:100px; display:block;} #social .koukou{background-color:#0188fb;} #social .weibo{background-color:#e6162d;} input[type="text"],input[type="password"],input[type="email"],input[type="tel"],textarea,select{padding:15px 0 7px;font-size:1.4rem;vertical-align:middle;box-shadow:none;background:transparent;border:0;width:100%;border-radius:0!important;outline:0;display:block;} .field{margin-bottom:10px;} .line{transition-delay:300ms!important;} footer .kontaktformular>p{overflow:hidden;opacity:1;transition:opacity .6s ease-in-out,max-width .6s ease-in-out;max-width:100%;} footer .kontaktformular label{color:#fff;} footer .kontaktformular{float:right;width:100%; margin-top:70px;} .kontaktformular .btn{float:right;margin-right:0!important;} #wirueberuns .row{position:relative;} #wirueberuns .contentBottom{position:absolute;bottom:0;right:0;} .inputGroup{position:relative;margin-bottom:35px;} .inputGroup label{position:absolute;top:9px;margin-bottom:0;pointer-events:none;transition:all 0.3s ease;font-size:16px;color: #000;} .inputGroup input,.inputGroup textarea{display:block;border:none;border-bottom:1px solid #fff;padding:10px 0 8px;font-size:18px;background:transparent;color:#000;-webkit-transform:translate3d(0,0,0);} .inputGroup input:invalid,.inputGroup input:valid{padding-left:70px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .inputGroup input:focus,.inputGroup textarea:focus{background:transparent;outline:none;padding-left:0;} .inputGroup input:focus~label,.inputGroup textarea:focus~label,.inputGroup textarea:valid~label,.inputGroup input[type="email"]:focus~label{top:-10px;transition:all 0.3s ease;font-size:16px;} .inputGroup input:focus~.inputBar:before,.inputGroup input:focus~.inputBar:after,.inputGroup textarea:focus~.inputBar:before,.inputGroup textarea:focus~.inputBar:after{width:50%;} .inputGroup textarea{height:120px;overflow:auto;resize:none;} .inputGroup .inputBar{position:relative;display:block;} .inputGroup .inputBar:before,.inputGroup .inputBar:after{content:"";display:block;position:absolute;bottom:0;width:0;background:#1d2088;height:2px;transition:all 0.2s ease;} .inputGroup .inputBar:after{right:50%;} .inputGroup .inputBar:before{left:50%;} textarea::-webkit-scrollbar{width:5px;height:5px;} textarea::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background:rgba(255,255,255,0.6);-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,0);} textarea::-webkit-scrollbar-thumb:window-inactive{background:rgba(255,0,0,0);} #map-canvas a{display:none!important;} .mapCanvas{width:100%;height:650px;overflow:hidden;background:url(../images/gmap.jpg) #101526 center no-repeat;} #mainContent .kontaktformular .inputGroup textarea{height:120px;} .kontaktformular .contactformWarning{display:none;padding:10px;font-size:16px;line-height:1;height:48px;background:#1d2088;max-width:calc(100% - 120px);} .kontaktformular .contactformWarning p{display:table-cell;margin-bottom:0;font-size:16px;line-height:1;vertical-align:middle;height:28px;} #slider .contactformWarning p{margin-bottom:0!important;font-size:16px!important;left:0!important;opacity:1!important;color:#fff} /***行业动态***/ #news .news h2{ text-align:center; display:block;} #news .news h2::after{ background-color:transparent; margin:0; height:0;} #news .news b{width:100px;height:15px;background-color:#015697;font-size:12px;padding:0 10px;box-sizing:border-box;color:#fff; display:block;line-height:15px;font-weight:normal; margin:0 auto; text-align:center;} #news #dynamic .nbtn{ width:200px; height:50px; position:relative;text-decoration:none!important;border-radius:0;background:none;z-index:1;overflow:hidden; border:none; padding:0; margin:60px auto 0; display:block;} #news #dynamic .nbtn span{ width:200px; height:50px; text-align:center;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease; border:2px solid; border-color:#333; display:inline-block;} #news #dynamic .nbtn:hover span{ background-color:#015697; border-color:#015697; color:#fff;transform:rotate(180deg);-ms-transform:rotateX(180deg);/* IE 9 */-moz-transform:rotateX(180deg);/* Firefox */-webkit-transform:rotateX(180deg);/* Safari Chrome */-o-transform:rotateX(180deg);} #news #dynamic .nbtn em{ width:200px; height:50px; color:#333; position:absolute; left:0; top:0; line-height:50px; text-align:center;font-size:16px;font-style:normal;} #news #dynamic .nbtn:hover em{ color:#fff;} /***内页——行业动态***/ #dynamic .row{ padding:0 10%; box-sizing:border-box;} #dynamic ul{ width:100%;} #dynamic ul li{ list-style:none; float:left;overflow:hidden;padding:25px 10px; margin-top:30px; box-sizing:border-box; border-bottom:2px solid #333;} #dynamic ul li .col_box .col_pic{ width:100px; height:100px; background-size:cover; background-position:center; background-repeat:no-repeat; float:left;} #dynamic ul li .col_box .col_tit{ width:85%; float:left; margin-left:25px;} #dynamic ul li .col_box .col_tit h2{ font-size:26px; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:20px;} #dynamic ul li .col_box .col_tit h2::after{ background-color:#015697} #dynamic ul li .col_box .col_tit .col_time{ color:#333; font-size:18px; padding:0;} #dynamic ul li p{ color:#333; font-size:16px; margin:15px 0 25px 0; height:60px; overflow:hidden;} #dynamic ul li .btn{ width:140px; height:40px; position:relative;text-decoration:none!important;border-radius:0;background:none;z-index:1;overflow:hidden; border:none; padding:0; margin:0 auto; float:right;} #dynamic ul li .btn span{ width:140px; height:40px; text-align:center;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease; border:2px solid; border-color:#333; display:inline-block;} #dynamic ul li .btn em{ width:140px; height:40px; color:#333; position:absolute; left:0; top:0; line-height:40px; text-align:center;font-size:16px;font-style:normal;} #dynamic ul li a:hover .btn span{background-color:#015697; border-color:#015697; color:#fff;transform:rotate(180deg);-ms-transform:rotateX(180deg);/* IE 9 */-moz-transform:rotateX(180deg);/* Firefox */-webkit-transform:rotateX(180deg);/* Safari Chrome */-o-transform:rotateX(180deg);} #dynamic ul li a:hover .btn em{ color:#fff;} #dynamic .col_art{ width:100%;} #dynamic .col_art h2{font-size:26px; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:10px;} #dynamic .col_art h2::after{ background-color:#1d2088} #dynamic .col_art .col_time{ font-size:14px; color:#333; margin-bottom:40px;} #dynamic .col_art .col_bar p{ font-size:16px; color:#333;} #dynamic .col_art .col_bar p img{ width:auto; max-width:100%;} /***内页——关于我们***/ #about .row{ padding:0 6%; box-sizing:border-box;} #about .col_left{ width:50%; padding:0 4%; box-sizing:border-box;} #about .col_left .col-sm-6{ padding:0 10px 10px 10px; box-sizing:border-box;} #about .col_left .col-sm-12{ padding:10px 10px 0 10px; box-sizing:border-box;} #about .col_right h2{ margin-bottom:30px; font-size:48px; font-weight:600; letter-spacing:1px;} #about .col_right h2::after{ width:90px; height:5px; margin:25px 0 0 0;} #about .col_right .col_con{ margin:50px 0 60px 0; padding:0;} #about .col_right .col_con p{ font-size:18px; line-height:180%;} #about .row_none{ display:none;} #about .row_none .col-sm-12{ padding:10px 20px; box-sizing:border-box;} #culture{ background-color:#1d2088;} #culture .row{ padding:0 6%; box-sizing:border-box;} #culture .col_left{ padding:0 1% 0 5%; box-sizing:border-box;} #culture .col_left h2{ margin-bottom:30px; font-size:48px; font-weight:600; letter-spacing:1px; color:#fff;} #culture .col_left h2::after{ background-color:#fff; width:90px; height:5px; margin:25px 0 0 0;} #culture .col_left .col_con{ margin:50px 0 0px 0; padding:0;} #culture .col_left .col_con p{ font-size:18px; line-height:180%; color:#fff; padding:0;} #culture .col_right{ padding:0 5% 0 4%; box-sizing:border-box;} #design{ background-color:#333;} #design .row{ padding:0 6%; box-sizing:border-box;} #design .col_left{ padding:0 5%; box-sizing:border-box;} #design .col_right{ padding:0 2% 0 4%; box-sizing:border-box;} #design .col_right h2{ margin:80px 0 30px 0; font-size:48px; font-weight:600; letter-spacing:1px; color:#fff;} #design .col_right h2::after{ background-color:#1d2088; width:90px; height:5px; margin:25px 0 0 0;} #design .col_right .col_con{ margin:50px 0 60px 0; padding:0;} #design .col_right .col_con p{ font-size:18px; line-height:180%; color:#fff;} #design .col_right .col_con span{ display:block; font-size:18px; margin-bottom:15px; color:#fff;} #design .row_none{ display:none;} #design .row_none .col-sm-12{ padding:10px 20px; box-sizing:border-box;} #team .row{ padding:0 7%; box-sizing:border-box;} #team .container-fluid h2{ font-size:48px; font-weight:600; letter-spacing:1px; color:#333;} #team .container-fluid h2::after{ background-color:#1d2088; width:120px; height:5px; margin:25px auto 0;} #team .container-fluid .content p{ font-size:18px; line-height:180%; color:#333; padding:0;} #team .col-lg-12{ padding:0 2%; box-sizing:border-box;} #team .grid figcaption p{ color:#fff;} #team .grid{margin:15px 0;} figure.teamEffekt{position:relative;overflow:hidden;} figure.teamEffekt figcaption::before{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,0) 30%,rgba(0,0,0,0.5) 100%);content:'';opacity:0.5;transform:translate3d(0,50%,0) translate3d(0,-30px,0);} figure.teamEffekt h3{position:absolute;color:#fff;font-size:20px;margin-bottom:10px;left:30px;bottom:10px;transition:transform 0.35s,color 0.35s;transform:translate3d(0,-50%,0);} figure.teamEffekt figcaption::before,figure.teamEffekt p{transition:opacity 0.35s,transform 0.35s;} figure.teamEffekt p{position:absolute;bottom:20px;left:30px;opacity:0;transform:translate3d(0,10px,0);color:#fff;margin-bottom:0;} figure.teamEffekt:hover h3{color:#fff;transform:translate3d(0,-50%,0) translate3d(0,-15px,0);} figure.teamEffekt.twolines:hover h3{transform:translate3d(0,-50%,0) translate3d(0,-25px,0);} figure.teamEffekt:hover figcaption::before,figure.teamEffekt:hover p{opacity:1;transform:translate3d(0,0,0);} figure p{font-size:16px;} /***内页——服务范围***/ #ourservice{ background-color:#fff;} #ourservice .row{ padding:0 10%; box-sizing:border-box;} #ourservice .col_left h2{ font-size:40px; font-weight:600; letter-spacing:1px; color:#333;} #ourservice .col_left h2::after{ background-color:#1d2088; width:90px; height:5px; margin:25px 0 0 0;} #ourservice .col_left .col_con{ margin:50px 0 60px 0; padding:0;} #ourservice .col_left .col_con p{ font-size:18px; line-height:180%; color:#333; margin-bottom:30px;} #vorteile .row{ padding:0 10%; box-sizing:border-box;} #vorteile h2{margin-bottom:60px; font-size:48px;} #vorteile .iconGrid li{padding:40px 30px;} #vorteile .iconGrid li h3{ font-size:28px; font-weight:600; height:auto; margin:35px 0 5px 0;} #vorteile .iconGrid li span{ color:#fff; font-size:13px;} #vorteile .iconGrid li p{ font-size:16px; color:#fff; margin-top:35px;} .bgpurple{ background-color:#1d2088} #serviceCase .row{ padding:0 10%; box-sizing:border-box;} #serviceCase .row p{ color:#333;} #serviceCase .row .service{position:relative;max-width:1000px;list-style:none;text-align:center;} #serviceCase .row .service figure{position:relative;float:left;overflow:hidden;text-align:center;cursor:pointer;background-blend-mode:multiply;width:100%;background:#1d2088;background:-webkit-linear-gradient(left,#333,#1d2088);background:-o-linear-gradient(right,#333,#1d2088);background:-moz-linear-gradient(right,#333,#1d2088);background:linear-gradient(to right,#333,#1d2088);margin:15px 0;} #serviceCase .row .service figure img{position:relative;display:block;opacity:0.3;max-height:500px;} #serviceCase .row .service figure figcaption{padding:30px;color:#fff;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;} #serviceCase .row .service figure figcaption::before,#serviceCase .row .service figure figcaption::after{pointer-events:none;} #serviceCase .row .service figure figcaption{position:absolute;top:0;left:0;width:100%;height:100%;} #serviceCase .row .service a{width:100%;height:100%;} #serviceCase .row .service figure figcaption h2{font-weight:300; margin:0} #serviceCase .row .service figure figcaption h2 span{font-weight:800;} #serviceCase .row .service figure figcaption .col_sity{ margin-top:15px;} #serviceCase .row .service figure figcaption .col_sity p{letter-spacing:1px;font-size:16px; color:#fff; margin:0px; padding:0; line-height:28px;} #serviceCase .row .service .serviceEffekt{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;} #serviceCase .row .service figure.serviceEffekt img{-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden; margin-left:0px;} #serviceCase .row .service figure.serviceEffekt:hover img{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} #serviceCase .row .service figure.serviceEffekt figcaption{text-align:left;background:rgba(226,70,74,0.1);} #serviceCase .row .service figure.serviceEffekt h2{position:relative;overflow:hidden;padding:20px 0;font-size:26px; font-weight:600;} #serviceCase .row .service figure.serviceEffekt h2::after{position:absolute;bottom:0;left:0;width:100%!important;height:3px!important;background-color:#1d2088;content:'';-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0);} #serviceCase .row .service figure.serviceEffekt:hover h2::after{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} .serviceEffekt .linkText{position:absolute;bottom:50px;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;} #serviceCase .row .service figure.serviceEffekt:hover .linkText{transform:translateY(0px); border:1px solid #1d2088; padding:0px 0 0 10px; border-radius:15px;} #serviceCase .row .service figure.serviceEffekt .linkText p{padding:0;float:left; color:#fff; margin:0; font-size:16px;} #serviceCase .row .service figure.serviceEffekt:hover .linkText p{ -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out; color:#1d2088;} #serviceCase .row .service figure.serviceEffekt:hover .linkText p{ margin:0;} #serviceCase .row .service figure.serviceEffekt:hover .linkText p::before{width:50px;transform:translateX(0px);} #serviceCase .row .service .serviceEffekt .arrow{width:24px;height:24px;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;margin:6px 0 0 10px;display:inline-block;border:1px solid #fff;border-radius:50px;} #serviceCase .row .service figure.serviceEffekt:hover .linkText .arrow{ border:none;} #serviceCase .row .service .serviceEffekt span.arrow:before{content:'';width:7px;height:7px;border-bottom:1px solid #fff;border-right:1px solid #fff;transform:rotate(-45deg);margin:0 0 -1px 6px;display:inline-block;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;} #serviceCase .row .service .serviceEffekt span.arrow:after{content:'';width:0;height:1px;background:#fff;position:absolute;left:107px;top:10px;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;} #serviceCase .row .service .serviceEffekt.kontakt span.arrow:after{left:124px;} #serviceCase .row .service figure.serviceEffekt:hover .arrow{width:40px;height:22px;border-color:#1d2088;} #serviceCase .row .service figure.serviceEffekt:hover .arrow:before{ width:10px; height:10px; margin:0 0 -1px 16px; border-bottom:1px solid #1d2088;border-right:1px solid #1d2088;} /***内页——联系我们***/ #contactway{ background-color:#1d2088;} #contactway .row{ padding:0 9%; box-sizing:border-box;} #contactway .col_left h2{ font-size:48px; font-weight:600; letter-spacing:1px; color:#fff;} #contactway .col_left h2::after{ background-color:#fff; width:90px; height:5px; margin:25px 0 0 0;} #contactway .col_left .col_con{ margin:50px 0 60px 0; padding:0;} #contactway .col_left .col_con p{ font-size:18px; line-height:160%; color:#fff; margin-bottom:5px;} #contactway .col_right .img-responsive{ margin:180px 0 0 -50px;} #jointeam .row{ padding:0 9%; box-sizing:border-box;} #jointeam .container-fluid h2{ font-size:48px; font-weight:600; letter-spacing:1px; color:#333;} #jointeam .container-fluid h2::after{ background-color:#1d2088; width:120px; height:5px; margin:25px auto 0;} #jointeam .container-fluid .content p{ font-size:18px; line-height:200%; color:#333; margin:0; text-align:left;} #jointeam .col_job{ width:100%; float:left; margin:0; padding:0;} #jointeam .col_job li{list-style:none;float:left;overflow:hidden;padding:50px 30px; box-sizing:border-box; text-align:center;} #jointeam .col_job li h2{font-size:24px; font-weight:600; height:auto; margin:35px 0 0px 0; color:#333;} #jointeam .col_job li h2:after{ width:60px; height:2px; background-color:#1d2088; margin:15px auto;} #jointeam .col_job li p{ font-size:18px; color:#333; margin:15px 0 30px 0;} #jointeam .col_job li .btn{ width:150px; height:50px; position:relative;text-decoration:none!important;border-radius:0;background:none;z-index:1;overflow:hidden; border:none; padding:0; margin:0 auto;} #jointeam .col_job li .btn span{ width:150px; height:50px; text-align:center;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease; border:2px solid; border-color:#333; display:inline-block;} #jointeam .col_job li .btn:hover span{ background-color:#1d2088; border-color:#1d2088;transform:rotate(180deg);-ms-transform:rotateX(180deg);/* IE 9 */-moz-transform:rotateX(180deg);/* Firefox */-webkit-transform:rotateX(180deg);/* Safari å’Œ Chrome */-o-transform:rotateX(180deg);} #jointeam .col_job li .btn em{ width:150px; height:50px; color:#333; position:absolute; left:0; top:0; line-height:50px; text-align:center;font-size:16px;font-style:normal;} #jointeam .col_job li .btn:hover em{ color:#fff;} #kontakt{ background-color:#333;} #kontakt .row{ padding:0 9%; box-sizing:border-box;} #kontakt h2{ font-size:48px;} #kontakt .container-fluid h2::after{ background-color:#fff;} #kontakt .container-fluid .inputbtn{ width:120px; height:50px; float:right; position:relative;} #kontakt .container-fluid .inputbtn .inputbox{ width:120px; height:50px; border-radius:0; -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease; border:3px solid #fff; box-sizing:border-box;} #kontakt .container-fluid .inputbtn .btn{ width:120px; height:50px; border-radius:0; position:absolute; left:0; top:0; color:#fff; text-align:center; line-height:50px; font-size:16px; background-color:transparent; padding:0; border:none; margin:0; } #kontakt .container-fluid .inputbtn:hover .inputbox{ background-color:#1d2088; border-color:#1d2088; box-sizing:border-box;transform:rotate(180deg);-ms-transform:rotateX(180deg);/* IE 9 */-moz-transform:rotateX(180deg);/* Firefox */-webkit-transform:rotateX(180deg);/* Safari å’Œ Chrome */-o-transform:rotateX(180deg);} @media (max-width:1890px){ #navi .logo h1{font-size:17px;line-height:18px;width:75px;} } @media (max-width:1199px){ #navi .logo{ width:150px; height:60px; margin:10px 0 0 20px;} #navi .logo svg{ width:150px; height:60px;} section h2{font-size:56px;margin-bottom:30px;} section p{font-size:16px;line-height:24px;margin-bottom:40px;} section .content p{padding-right:0;} #slide1 .sliderContent{ padding-right:80px;} #quicklinks .arrow{ display:none;} .img-grid{margin-top:50px;} #contactBtn{width:55px;height:55px;} #social .newsletter{padding:50px 50px 50px 50px;} #social .col-md-6 .col-xs-4{ width:33.3333333%;} footer .awards a{display:inline-block;width:160px;vertical-align:middle;} footer img{margin-bottom:0;} footer .sitemap .awards{margin-top:50px;} section .container-fluid{ padding:0 80px;} footer a.logo{ display:none;} footer .awards a.backtop{ float:right;} #anfahrt .kontakt .col_bar{ padding:0;} .mt-300{margin-top:-200px;} .service figure{max-height:500px;} #clients li:nth-child(n+25){border-bottom:0;} .noDisplayMax1199{display:none;} .projectHeader p{font-size:14px;line-height:22px;} #wirueberuns .contentBottom{position:relative;} #wirueberuns .contentBottom img{margin:0 auto;} #anfahrt .kontakt .btn{margin-right:10px;margin-top:10px;} .kontakt .kontaktformular .contactformWarning{display:none;max-width:100%;margin-bottom:10px;} .projectContent iframe{width:940px;height:530px;} #ueberuns .col_left{ padding:0 2% 0 0} #ueberuns .col_right{ width:50%;} #leistungen .container-fluid .col_row{ padding:0 10%;} #dynamic ul li p{ height:53px;} } @media (max-width:991px){ .sliderImg{display:none;} .vCenterWrapper{display:block;} #slider .vCenter{ padding:0;} footer .sitemap ul:first-child{display:block;margin-top:0px;} footer .sitemap .awards{ margin:0;} footer .awards a.backtop{ float:right;} #social{display:table;} #social img{padding:50px 0;width:25%;} #social .newsletter{padding:50px 120px;} .pt100{padding-top:70px} footer ul p{padding:0;} .kontakt .container-fluid .row>div{margin-bottom:40px;} #press-jobs .row>div:first-child{margin-bottom:70px;} #clients li:nth-child(n+25){border-bottom:0;} .noDisplayMax991{display:none;} .projectHeader .container-fluid>div>div:first-child{margin-bottom:50px;} .projectHeader .mt70{margin-top:0px;} #projectNavi{height:200px;} #projectNavi img{height:200px;} .shareProject,.allProjects{height:200px;} section .projectFilter{display:none;} #social div a{position:inherit;} #anfahrt .kontakt{position:relative;padding-top:100px;padding-bottom:100px;top:0;transform:none;} #anfahrt .kontakt.container-fluid>div>div{margin-bottom:20px;} .service figure{max-height:400px;} .projectContent iframe{width:700px;height:394px;} #ueberuns .row{ padding:0 8%;} } @media (max-width:767px){ br.by0-767{display:block;} .headBg{ height:70px; background-color:#1d2088; box-shadow:0 3px 3px rgba(0,0,0,0.1);} #row_type{ display:none;} .midnightHeader.blueHoverRed .logo svg,.midnightHeader.blueHoverWhite .logo svg,.midnightHeader.whiteHoverBlue .logo:hover svg,.midnightHeader.redHoverBlue .logo:hover svg,.subpageHeader.bgRed .logo:hover svg,.subpageHeader.bgWhite .default .logo svg{fill:#fff!important;} .midnightHeader.blueHoverRed a.logo,.midnightHeader.blueHoverWhite a.logo,.midnightHeader.whiteHoverBlue .logo:hover,.midnightHeader.redHoverBlue .logo:hover,.subpageHeader.bgRed .logo:hover,.subpageHeader.bgWhite .default .logo a{color:#fff!important;} .midnightHeader.blueHoverRed .naviBar div,.midnightHeader.blueHoverWhite .naviBar div,.midnightHeader.whiteHoverBlue .naviBar:hover div,.midnightHeader.redHoverBlue .naviBar:hover div,.subpageHeader.bgRed .naviBar:hover div,.subpageHeader.bgWhite .default .naviBar div{background-color:#fff!important;} .midnightHeader.redHoverBlue .logo svg,.midnightHeader.redHoverWhite .logo svg,.midnightHeader.whiteHoverRed .logo:hover svg,.midnightHeader.blueHoverRed .logo:hover svg,.subpageHeader.bgBlue .logo:hover svg,.subpageHeader.bgWhite .default .logo:hover svg{fill:#fff!important;} .midnightHeader.redHoverBlue a.logo,.midnightHeader.redHoverWhite a.logo,.midnightHeader.whiteHoverRed .logo:hover,.midnightHeader.blueHoverRed .logo:hover,.subpageHeader.bgBlue .logo:hover,.subpageHeader.bgWhite .default .logo:hover{color:#fff!important;} .midnightHeader.redHoverBlue .naviBar div,.midnightHeader.redHoverWhite .naviBar div,.midnightHeader.whiteHoverRed .naviBar:hover div,.midnightHeader.blueHoverRed .naviBar:hover div,.subpageHeader.bgBlue .naviBar:hover div,.subpageHeader.bgWhite .default .naviBar:hover div{background-color:#fff!important;} #navi .logo{ width:175px; height:70px; margin:0 0 0 15px;} #navi .logo svg{ width:175px; height:70px;} .naviBar{ margin:27px 15px 0 0;} #slider,.slide{min-height:640px;} #slide1, #slide2, #slide3, #slide4{ background-position:50%;} #quicklinks,#contactBtn,#contactBtn2,#contactBtn3,#contactBtn4{display:none;} #slider .arrow,.subpageHeader .arrow{display:none; border-color:#fff;} #slider4 .arrow{ border-color:#1d2088;} #slider .vCenter{height:100%; padding:0;} .iconGrid h3{height:auto;font-size:20px;} .kontakt{position:relative;padding:100px 0;} #teamImg{margin-top:20px;padding:0; box-sizing:border-box;} footer a.logo{ display:none;} footer .sitemap ul:first-child{display:block;margin-top:0px;} footer .sitemap ul:first-child>li{margin-bottom:30px;} footer .sitemap ul:last-child>li{margin-top:0;} footer img{margin-bottom:1px;width:100%;} .bottombar p{font-size:12px;} .ptb200{padding-top:120px;padding-bottom:120px;} .pt200{padding-top:120px;} .bottombar{text-align:center;} .bottombar .social-icons{text-align:center;margin-bottom:0px;margin-top:10px;} #naviContent .bottombar{margin-top:-110px;} #crossLinks>div>div{padding-top:120px;padding-bottom:120px;} #crossLinks .content:after{content:'';border:5px solid;width:220px;height:220px;margin-left:-110px;margin-top:-110px;} #crossLinks>div>div:hover .content:after{content:'';width:220px;height:140px;border-radius:0;margin-left:-110px;margin-top:-70px;} #crossLinks h2{font-size:32px;} #clients li:nth-child(n+21){border-bottom:0;} .noDisplayMax767{display:none;} #projectNavi{height:400px;} #projectNavi>div{height:200px;} #vorteile .iconGrid li{width:100%;} .projectContent iframe{width:550px;height:310px;} .img-grid{ margin:0;} #ueberuns .row{ padding:0 2%;} #ueberuns .col_left{ padding:0 2%; width:100%;} #ueberuns .col_right{ padding:0 4%; width:100%;} #ueberuns .row_show{ display:none;} #ueberuns .row_none{ display:block; margin-top:30px;} #ueberuns .row_none .col-sm-6{ width:50%; float:left; padding:10px;} #ueberuns .row_none .col-sm-12{ padding:10px; float:left;} #ueberuns .col_right .btn em,#leistungen .col_left .btn em{ font-size:14px;} #leistungen .container-fluid .col_row{ margin-top:20px; padding:0 7%;} .iconGrid li.col-sm-12{ width:100%;} #anfahrt .kontakt .col_bar{ padding:0 2%;} footer .sitemap .awards{ width:80px; float:right; margin-top:0;} #social .newsletterFormInner h3{ font-size:28px;} #social div.colww,#social div.colqq,#social div.colxl{ width:45px; height:45px;} #social>div a:hover div.colww:hover{ width:60px; height:60px;} #social>div a:hover div.colqq:hover,#social>div a:hover div.colxl:hover{ width:50px; height:50px;} #anfahrt .kontakt .col_bar h2{ font-size:36px;} .amore .square{ display:none;} /**返回顶部**/ .awards{ right:20px; bottom:60px; } .awards a.backtop{ width:60px; height:60px;} .awards a.backtop .arrow{ width:24px; height:24px; top:24px; left:18px;} .awards a.backcont{ width:60px; height:60px; font-size:14px; line-height:60px;} .awards a.backcase{ width:60px; height:60px; font-size:14px; line-height:140%;} /***内页——关于我们***/ #about,#culture,#design,#team{ padding:80px 0;} #about .row,#culture .row,#design .row{ padding:0 4%;} #about .col_right h2,#culture .col_left h2,#team .container-fluid h2{ font-size:24px;} #about .col_right h2::after,#culture .col_left h2::after,#design .col_right h2::after{ width:60px; margin:15px 0 0;} #about .col_right .col_con,#culture .col_left .col_con,#design .col_right .col_con{ margin:25px 0 30px 0;} #about .col_right .col_con p,#culture .col_left .col_con p,#design .col_right .col_con p{ font-size:14px; margin-bottom:15px;} #about .row_none .col-sm-12{ padding:10px 15px;} #about .row_show,#design .row_show{ display:none;} #about .row_none,#design .row_none{ display:block} #about .row_none .col-sm-6{ width:50%; float:left; padding:10px;} #about .row_none .col-sm-12{ padding:10px; float:left;} #culture .col_left,#culture .col_right{ padding:0 4%;} #design .col_right{ padding:0 4%;} #design .col_right h2{ font-size:24px; margin:0;} #design .col_right .col_con span{ font-size:14px; margin-bottom:10px;} .img-grid .content>div{ padding:10px 15px;} #team .row{ padding:0 4%;} #team .container-fluid h2::after{ width:60px; margin:15px auto 0;} #team .container-fluid .content p{ font-size:14px; margin-bottom:15px; text-align:left;} figure.teamEffekt h3{ font-size:16px;} #team .grid figcaption p{ font-size:12px;} #team .col-sm-6{ width:50%; float:left; padding:0 7px;} /***内页——案例分类***/ .p_menu{ width:210px; height:40px; line-height:40px; border:2px solid #fff; font-size:14px; color:#000; margin-top:10px; text-align:center; margin:30px 15px 0 15px; float:left; display:block; border-radius:5px; box-sizing:border-box;} .p_menu .menu_head{ cursor:pointer; position:relative; height:40px; line-height:40px; color:#fff; font-size:14px; } .p_menu .menu_head .p_arrow{display:inline;float:right;width:5px;height:5px;margin:14px 0px 0 0px;-webkit-transform:rotate(135deg);border:solid #fff;border-width:1px 1px 0 0;background:none!important; position:absolute; right:15px;} .p_menu .menu_body{ display:none; width:210px; margin:-4px 0 0 -2px; border-radius:5px; overflow:hidden; } .p_menu .menu_body a{ display:block; color:#4a4a4a; border-bottom:1px solid #dfdfdf; background-color:#fff; text-decoration:none; padding:0 20px; } .p_menu .menu_body a:last-child{ border:none;} .p_menu .menu_body a:hover{ color:#1d2088; text-decoration:underline; } /***行业动态***/ #news .news h2{ text-align:center; display:block;} #news .news h2::after{ background-color:transparent; margin:0; height:0;} #news .news b{width:100px;height:15px;font-size:12px;padding:0 10px;line-height:15px;} #news #dynamic .nbtn{ width:200px; height:50px; position:relative; margin:60px auto 0; } #news #dynamic .nbtn span{ width:200px; height:50px; border-color:#333;} #news #dynamic .nbtn:hover span{ background-color:#1d2088; border-color:#1d2088; } #news #dynamic .nbtn em{ width:200px; height:50px; color:#333; line-height:50px; font-size:16px;} } @media (max-width:619px){ .headBg{ height:70px; background-color:#1d2088; box-shadow:0 3px 3px rgba(0,0,0,0.1);} #row_type{ display:none;} .midnightHeader.blueHoverRed .logo svg,.midnightHeader.blueHoverWhite .logo svg,.midnightHeader.whiteHoverBlue .logo:hover svg,.midnightHeader.redHoverBlue .logo:hover svg,.subpageHeader.bgRed .logo:hover svg,.subpageHeader.bgWhite .default .logo svg{fill:#fff!important;} .midnightHeader.blueHoverRed a.logo,.midnightHeader.blueHoverWhite a.logo,.midnightHeader.whiteHoverBlue .logo:hover,.midnightHeader.redHoverBlue .logo:hover,.subpageHeader.bgRed .logo:hover,.subpageHeader.bgWhite .default .logo a{color:#fff!important;} .midnightHeader.blueHoverRed .naviBar div,.midnightHeader.blueHoverWhite .naviBar div,.midnightHeader.whiteHoverBlue .naviBar:hover div,.midnightHeader.redHoverBlue .naviBar:hover div,.subpageHeader.bgRed .naviBar:hover div,.subpageHeader.bgWhite .default .naviBar div{background-color:#fff!important;} .midnightHeader.redHoverBlue .logo svg,.midnightHeader.redHoverWhite .logo svg,.midnightHeader.whiteHoverRed .logo:hover svg,.midnightHeader.blueHoverRed .logo:hover svg,.subpageHeader.bgBlue .logo:hover svg,.subpageHeader.bgWhite .default .logo:hover svg{fill:#fff!important;} .midnightHeader.redHoverBlue a.logo,.midnightHeader.redHoverWhite a.logo,.midnightHeader.whiteHoverRed .logo:hover,.midnightHeader.blueHoverRed .logo:hover,.subpageHeader.bgBlue .logo:hover,.subpageHeader.bgWhite .default .logo:hover{color:#fff!important;} .midnightHeader.redHoverBlue .naviBar div,.midnightHeader.redHoverWhite .naviBar div,.midnightHeader.whiteHoverRed .naviBar:hover div,.midnightHeader.blueHoverRed .naviBar:hover div,.subpageHeader.bgBlue .naviBar:hover div,.subpageHeader.bgWhite .default .naviBar:hover div{background-color:#fff!important;} #navi .logo.slide4 svg{ fill:#fff;} #navi{position:absolute;} .naviBar{margin-left:calc(100vw - 60px)!important;margin:23px 20px 0 0;} #navi .logo{ width:150px; height:60px; margin:5px 0 0 10px;} #navi .logo svg{ width:150px; height:60px; fill:#fff;} body.onHoldNavi .midnightHeader .naviBar div{background-color:#1d2088!important;} .mnContainer,.midnightHeader,.midnightInner{position:fixed;} section .container-fluid,.bottombar .container-fluid{padding:0 30px;} section h2{font-size:32px;} .sliderContent{width:87%;padding:0;} #slider h1{font-size:10vw;line-height:12vw;margin-bottom:4vw;} #social div a{min-height:95px;} #social .newsletter{padding:35px 25px; min-height:85px;} #social .newsletter .questions input{font-size:24px;} #naviContent .bottombar{margin-top:-70px;} .bottombar .social-icons a{width:28px;} #slider h1{ font-size:28px; line-height:35px;} #slider p{ font-size:14px;} #slide1 .sliderContent{ padding:0;} nav li{margin:5px 0;} nav a{font-size:22px;} nav .shl{font-size:14px;} .service figure{max-height:450px;} .service figure img{max-height:none;width:calc(100% + 20px);} .subpageHeader h2{font-size:50px;} #projectNavi{height:450px;} #projectNavi .col-xs-6{width:100%;} #projectNavi>div{height:150px;} .shareProject,.allProjects{height:150px;} .projectItem .projectContent,.projectItem.viewAll h3{padding:0 10px;} .projectItem .projectContent h3,.projectItem.viewAll h3{font-size:20px;margin-bottom:0;} .projectItem .projectContent p{line-height:16px;} #siegel .contentBox,#siegel .linkBox{padding:30px 34px;} .projectContent iframe{width:400px;height:225px;} .projectContent .video{padding:0px;} .amore .square{ display:none;} /**返回顶部**/ .awards{ right:20px; bottom:60px; } .awards a.backtop{ width:60px; height:60px;} .awards a.backtop .arrow{ width:24px; height:24px; top:24px; left:18px;} .awards a.backcont{ width:60px; height:60px; font-size:14px; line-height:60px;} .awards a.backcase{ width:60px; height:60px; font-size:14px; line-height:140%;} /***内页——关于我们***/ #about,#culture,#design,#team{ padding:80px 0;} #about .row,#culture .row,#design .row{ padding:0 4%;} #about .col_right h2,#culture .col_left h2,#team .container-fluid h2{ font-size:24px;} #about .col_right h2::after,#culture .col_left h2::after,#design .col_right h2::after{ width:60px; margin:15px 0 0;} #about .col_right .col_con,#culture .col_left .col_con,#design .col_right .col_con{ margin:25px 0 30px 0;} #about .col_right .col_con p,#culture .col_left .col_con p,#design .col_right .col_con p{ font-size:14px; margin-bottom:15px;} #about .row_none .col-sm-12{ padding:10px 15px;} #about .row_show,#design .row_show{ display:none;} #about .row_none,#design .row_none{ display:block} #about .row_none .col-sm-6{ width:50%; float:left; padding:10px;} #about .row_none .col-sm-12{ padding:10px; float:left;} #culture .col_left,#culture .col_right{ padding:0 4%;} #design .col_right{ padding:0 4%;} #design .col_right h2{ font-size:24px; margin:0;} #design .col_right .col_con span{ font-size:14px; margin-bottom:10px;} .img-grid .content>div{ padding:10px 15px;} #team .row{ padding:0 4%;} #team .container-fluid h2::after{ width:60px; margin:15px auto 0;} #team .container-fluid .content p{ font-size:14px; margin-bottom:15px; text-align:left;} figure.teamEffekt h3{ font-size:16px;} #team .grid figcaption p{ font-size:12px;} #team .col-sm-6{ width:50%; float:left; padding:0 7px;} /***内页——案例分类***/ .p_menu{ width:210px; height:40px; line-height:40px; border:2px solid #fff; font-size:14px; color:#000; margin-top:10px; text-align:center; margin:30px 15px 0 15px; float:left; display:block; border-radius:5px; box-sizing:border-box;} .p_menu .menu_head{ cursor:pointer; position:relative; height:40px; line-height:40px; color:#fff; font-size:14px; } .p_menu .menu_head .p_arrow{display:inline;float:right;width:5px;height:5px;margin:14px 0px 0 0px;-webkit-transform:rotate(135deg);border:solid #fff;border-width:1px 1px 0 0;background:none!important; position:absolute; right:15px;} .p_menu .menu_body{ display:none; width:210px; margin:-4px 0 0 -2px; border-radius:5px; overflow:hidden; } .p_menu .menu_body a{ display:block; color:#4a4a4a; border-bottom:1px solid #dfdfdf; background-color:#fff; text-decoration:none; padding:0 20px; } .p_menu .menu_body a:last-child{ border:none;} .p_menu .menu_body a:hover{ color:#1d2088; text-decoration:underline; } /***行业动态***/ #news .news h2{ text-align:center; display:block;} #news .news h2::after{ background-color:transparent; margin:0; height:0;} #news .news b{width:100px;height:15px;font-size:12px;padding:0 10px;line-height:15px;} #news #dynamic .nbtn{ width:200px; height:50px; position:relative; margin:60px auto 0; } #news #dynamic .nbtn span{ width:200px; height:50px; border-color:#333;} #news #dynamic .nbtn:hover span{ background-color:#1d2088; border-color:#1d2088; } #news #dynamic .nbtn em{ width:200px; height:50px; color:#333; line-height:50px; font-size:16px;} } @media (min-width:1600px){ .col-lg-4.service{width:33.33333333%;} } @media (min-width:1400px){ br.by1400{display:inline!important} .projectGrid .projectItem figure h2{ font-size:30px; padding-top:21%; } .projectGrid .projectItem figure h2::after{ margin-top:10px;} .projectGrid .projectItem figure p{ font-size:16px; line-height:170%; padding:0.5em 10%;} .projectGrid.projectTop .projectItem figure h2{ font-size:30px; padding-top:20%; } .projectExce .projectPic .projectImg{ height:400px;} } @media (min-width:1200px){ br.by1200{display:inline!important} footer ul:first-child>li{padding-left:0px!important;} .social-icons{text-align:right;} nav a{font-size:40px;} #arbeitsweise object{padding-right:50px;} #clients li:nth-child(n+31){border-bottom:0;} .jssocials-share{font-size:16px;} section h2{ font-size:64px;} } @media (min-width:1200px) and (max-width:1599px) { .service:last-child{display:inherit;} .projectGrid .projectItem figure h2{ font-size:30px; padding-top:21%; } .projectGrid .projectItem figure h2::after{ margin-top:5px;} .projectGrid .projectItem figure p{ font-size:16px; line-height:170%; padding:0 6%;} .projectGrid.projectTop .projectItem figure h2{ font-size:30px; padding-top:15%; } .projectGrid.projectPad .projectItem{ max-height:350px;} .projectGrid.projectCase .projectItem figure figcaption{ padding:2em 3em;} .projectGrid.projectCase .projectItem figure figcaption h2{ font-size:30px; padding-top:5px; } .projectExce .projectPic .projectImg{ height:320px;} } @media (min-width:1200px) and (max-width:1350px) { #navi .logo{ width:160px; height:64px;} #navi .logo svg{ width:160px; height:64px;} #slider h1{font-size:42px;line-height:4vw;margin-bottom:2vw;} .sliderContent{padding-left:200px;} #slide1 .sliderContent{ padding-right:200px;} footer span.displayNone{display:none!important;} #social .newsletterFormInner h3{ font-size:30px;} .projectGrid .projectItem figure h2{ font-size:30px; padding-top:21%; } .projectGrid .projectItem figure h2::after{ margin-top:10px;} .projectGrid .projectItem figure p{ font-size:16px; line-height:170%; padding:0.5em 10%;} .projectGrid.projectTop .projectItem figure h2{ font-size:30px; padding-top:20%; } /***优秀案例***/ .projectGrid.projectCase .projectItem.projectExce{ width:50%; padding:5px; margin:1px 0;} .projectExce .projectPic{ } .projectExce .projectPic .projectImg{ height:300px;} .projectExce .projectText{ padding:0 20px; } .projectExce .projectText:hover::after{ left:0;} .projectExce .projectText h3{ padding:36% 0;} .projectExce .projectText h3 p{ font-size:24px; margin:15px 0 0 0; letter-spacing:1px;} .projectExce .projectText h3 span{ font-size:18px; margin-top:15px;} .projectGrid.projectCase .projectItem.projectExce:nth-child(9){ display:none;} /***行业动态***/ #news .news h2{ text-align:center; display:block;} #news .news h2::after{ background-color:transparent; margin:0; height:0;} #news .news b{width:100px;height:15px;font-size:12px;padding:0 10px;line-height:15px;} #news #dynamic .nbtn{ width:200px; height:50px; position:relative; margin:60px auto 0; } #news #dynamic .nbtn span{ width:200px; height:50px; border-color:#333;} #news #dynamic .nbtn:hover span{ background-color:#1d2088; border-color:#1d2088; } #news #dynamic .nbtn em{ width:200px; height:50px; line-height:50px; font-size:16px;} /***内页——行业动态***/ #news #dynamic{ padding:10px 0;} #dynamic{ padding:80px 0;} #dynamic .row{ padding:0 5%; margin:0;} #dynamic ul li{ padding:25px 0px; margin-top:20px;} #dynamic ul li .col_box .col_pic{ width:100px; height:100px;} #dynamic ul li .col_box .col_tit{ width:82%; margin-left:25px;} #dynamic ul li .col_box .col_tit h2{ font-size:24px; margin-bottom:20px;} #dynamic ul li .col_box .col_tit h2::after{ margin-top:20px;} #dynamic ul li .col_box .col_tit .col_time{ font-size:16px; padding:0;} #dynamic ul li p{ font-size:17px; margin:15px 0 20px 0; height:60px; } #dynamic ul li .btn{ width:140px; height:40px;} #dynamic ul li .btn span{ width:140px; height:40px; } #dynamic ul li .btn em{ width:140px; height:40px;line-height:40px; font-size:15px;} #dynamic .col_art h2{font-size:24px; margin-bottom:10px;} #dynamic .col_art .col_time{ font-size:14px; margin-bottom:40px;} #dynamic .col_art .col_bar p{ font-size:16px; } #dynamic .col_art .col_bar p img{ width:auto; max-width:100%;} } @media (min-width:992px) and (max-width:1199px) { br.by992-1199{display:inline!important} #slide1, #slide2, #slide3, #slide4{ background-position:center;} .sliderContent{padding-left:180px;} #slide1 .sliderContent{ padding-right:100px;} #slider h1{font-size:44px;line-height:5vw;margin-bottom:2vw;} #slider p{font-size:16px;} #quicklinks .row div a:hover h2{ margin-top:30px;} section h2{ font-size:54px;} .ptb200{padding-top:150px;padding-bottom:150px;} .pt200{padding-top:150px;} .iconGrid h3{ font-size:22px;} footer .logo{margin:0 50px 0 0;float:left;} .bottombar .social-icons{text-align:right;} .bottombar .bottomtext div>div:last-child{padding-left:0;padding-right:0;} .bottombar .social-icons a{margin:0 6px;} #crossLinks .content:after{content:'';width:360px;height:360px;margin-left:-180px;margin-top:-180px;} #crossLinks>div>div:hover .content:after{content:'';width:400px;height:200px;margin-left:-200px;margin-top:-100px;} #ueberuns .row,#leistungen .row{ padding:0 9%;} #leistungen .container-fluid .col_row{ padding:0 12%;} .projectGrid .projectItem figure h2{ font-size:30px; padding-top:17%; } .projectGrid .projectItem figure h2::after{ margin-top:5px;} .projectGrid .projectItem figure p{ font-size:15px; line-height:170%; padding:0px;} .projectGrid.projectTop .projectItem figure h2{ font-size:30px; padding-top:15%; } .projectGrid.projectCase{ padding:70px 10% 0 10%;} .projectGrid.projectCase .projectItem figure figcaption{ padding:20px 50px;} .projectGrid.projectPad{ padding:20px;} .projectGrid.projectPad .projectItem{ padding:10px 10px; max-height:230px;} /***优秀案例***/ .projectGrid.projectCase .projectItem.projectExce{ width:50%; padding:5px; margin:1px 0;} .projectExce .projectPic{ } .projectExce .projectPic .projectImg{ height:330px;} .projectExce .projectText{ padding:0 20px; } .projectExce .projectText:hover::after{ left:0;} .projectExce .projectText h3{ padding:32% 0;} .projectExce .projectText h3 p{ font-size:24px; margin:15px 0 0 0; letter-spacing:1px;} .projectExce .projectText h3 span{ font-size:18px; margin-top:15px;} .projectGrid.projectCase .projectItem.projectExce:nth-child(9){ display:none;} /***行业动态***/ #news .news h2{ text-align:center; display:block;} #news .news h2::after{ background-color:transparent; margin:0; height:0;} #news .news b{width:100px;height:15px;font-size:12px;padding:0 10px;line-height:15px;} #news #dynamic .nbtn{ width:200px; height:50px; position:relative; margin:60px auto 0; } #news #dynamic .nbtn span{ width:200px; height:50px; border-color:#333;} #news #dynamic .nbtn:hover span{ background-color:#1d2088; border-color:#1d2088; } #news #dynamic .nbtn em{ width:200px; height:50px; line-height:50px; font-size:16px;} /***内页——行业动态***/ #news #dynamic{ padding:10px 0;} #dynamic{ padding:80px 0;} #dynamic .row{ padding:0 2%; margin:0;} #dynamic ul li{ padding:25px 0px; margin-top:20px;} #dynamic ul li .col_box{ padding:0 10px;} #dynamic ul li .col_box .col_pic{ width:100px; height:100px;} #dynamic ul li .col_box .col_tit{ width:82%; margin-left:25px;} #dynamic ul li .col_box .col_tit h2{ font-size:24px; margin-bottom:20px;} #dynamic ul li .col_box .col_tit h2::after{ margin-top:20px;} #dynamic ul li .col_box .col_tit .col_time{ font-size:16px; padding:0;} #dynamic ul li .col-xs-12{ padding:0 10px;} #dynamic ul li p{ font-size:17px; margin:15px 0 20px 0; height:50px; } #dynamic ul li .btn{ width:140px; height:40px;} #dynamic ul li .btn span{ width:140px; height:40px; } #dynamic ul li .btn em{ width:140px; height:40px;line-height:40px; font-size:15px;} #dynamic .col_art h2{font-size:24px; margin-bottom:10px;} #dynamic .col_art .col_time{ font-size:14px; margin-bottom:40px;} #dynamic .col_art .col_bar p{ font-size:16px; } #dynamic .col_art .col_bar p img{ width:auto; max-width:100%;} } @media (min-width:768px) and (max-width:991px) { br.by768-991{display:inline!important} .headBg{ height:70px; background-color:#1d2088; box-shadow:0 3px 3px rgba(0,0,0,0.1);} #row_type{ display:none;} .midnightHeader.blueHoverRed .logo svg,.midnightHeader.blueHoverWhite .logo svg,.midnightHeader.whiteHoverBlue .logo:hover svg,.midnightHeader.redHoverBlue .logo:hover svg,.subpageHeader.bgRed .logo:hover svg,.subpageHeader.bgWhite .default .logo svg{fill:#fff!important;} .midnightHeader.blueHoverRed a.logo,.midnightHeader.blueHoverWhite a.logo,.midnightHeader.whiteHoverBlue .logo:hover,.midnightHeader.redHoverBlue .logo:hover,.subpageHeader.bgRed .logo:hover,.subpageHeader.bgWhite .default .logo a{color:#fff!important;} .midnightHeader.blueHoverRed .naviBar div,.midnightHeader.blueHoverWhite .naviBar div,.midnightHeader.whiteHoverBlue .naviBar:hover div,.midnightHeader.redHoverBlue .naviBar:hover div,.subpageHeader.bgRed .naviBar:hover div,.subpageHeader.bgWhite .default .naviBar div{background-color:#fff!important;} .midnightHeader.redHoverBlue .logo svg,.midnightHeader.redHoverWhite .logo svg,.midnightHeader.whiteHoverRed .logo:hover svg,.midnightHeader.blueHoverRed .logo:hover svg,.subpageHeader.bgBlue .logo:hover svg,.subpageHeader.bgWhite .default .logo:hover svg{fill:#fff!important;} .midnightHeader.redHoverBlue a.logo,.midnightHeader.redHoverWhite a.logo,.midnightHeader.whiteHoverRed .logo:hover,.midnightHeader.blueHoverRed .logo:hover,.subpageHeader.bgBlue .logo:hover,.subpageHeader.bgWhite .default .logo:hover{color:#fff!important;} .midnightHeader.redHoverBlue .naviBar div,.midnightHeader.redHoverWhite .naviBar div,.midnightHeader.whiteHoverRed .naviBar:hover div,.midnightHeader.blueHoverRed .naviBar:hover div,.subpageHeader.bgBlue .naviBar:hover div,.subpageHeader.bgWhite .default .naviBar:hover div{background-color:#fff!important;} .amore .square{ display:none;} .subpageHeader h1{ font-size:40px;} #slider h1{font-size:40px;line-height:5.5vw;margin-bottom:3vw;} #slider p{ font-size:16px;} #slider .vCenter{ padding:150px 0;} #slide1 .sliderContent{ padding:0;} .sliderContent{width:65%;padding:0;} nav a{ font-size:36px;} section h2{ font-size:46px;} #quicklinks .row div a{ padding:5px 15px;} #quicklinks .row div a h2{ font-size:20px; margin-top:25px;} #quicklinks .row div a p{ font-size:12px;} #quicklinks .arrow{ display:none;} .iconGrid h3{font-size:20px;} .ptb200{padding-top:120px;padding-bottom:120px;} .pt200{padding-top:120px;} #naviContent .bottombar .bottomtext{text-align:left;} .mapCanvas{ height:300px; } footer .logo{margin:0 50px 0 0;float:left;} footer .awards a{width:160px;} footer .awards img{width:90%;} .bottombar .bottomtext{text-align:left;} .bottombar .social-icons a{margin:0 4px;} .bottombar .container-fluid>.row{display:flex;} .bottombar .social-icons{align-self:center;} .bottomtext div:nth-child(2){text-align:left;} #crossLinks .content:after{content:'';width:280px;height:280px;margin-left:-140px;margin-top:-140px;} #crossLinks>div>div:hover .content:after{content:'';width:280px;height:140px;margin-left:-140px;margin-top:-70px;} #crossLinks h2{margin-bottom:0;font-size:40px;} #crossLinks>div>div{padding-top:180px;padding-bottom:180px;} .service figure img{max-height:none;transform:translateY(-25%);} #ueberuns .row{ padding:0 2%;} #ueberuns .col_right{ width:100%;} #ueberuns .row_show{ display:none;} #ueberuns .row_none{ display:block; margin-top:30px;} #ueberuns .row_none .col-sm-6{ padding:10px;} #ueberuns .row_none .col-sm-12{ padding:10px;} #leistungen .container-fluid .col_row{ padding:0;} .iconGrid li.col-md-6{ width:50%;} #anfahrt .kontakt .col_bar{ padding:0;} footer a.logo{ display:none;} .projectGrid .projectItem figure h2{ padding-top:15%; font-size:22px;} .projectGrid .projectItem figure h2::after{ margin-top:10px;} .projectGrid .projectItem figure p{ padding:0.5em 10%; font-size:15px;} .projectGrid .projectMore{ margin:60px 0 0 0;} .projectGrid.projectCase{ padding:60px 0% 0 0%;} .projectGrid.projectCase .projectItem .home-grid-item-overlay{ height:180px;} .projectGrid.projectCase .projectItem figure figcaption{ padding:20px 40px;} .projectGrid.projectCase .projectItem figure h2{ padding-top:25px;} .projectGrid.projectCase .projectItem figure h2::after{ margin-top:0px;} .projectGrid.projectPad{ padding:15px;} .projectGrid.projectPad .projectItem{ padding:10px 10px;} /***优秀案例***/ .projectGrid.projectCase .projectItem.projectExce{ width:50%; padding:5px; margin:1px 0;} .projectExce .projectPic{ } .projectExce .projectPic .projectImg{ height:280px;} .projectExce .projectText{ padding:0 20px; } .projectExce .projectText:hover::after{ left:0;} .projectExce .projectText h3{ padding:32% 0;} .projectExce .projectText h3 p{ font-size:20px; margin:15px 0 0 0; letter-spacing:1px;} .projectExce .projectText h3 span{ font-size:16px; margin-top:15px;} .projectGrid.projectCase .projectItem.projectExce:nth-child(9){ display:none;} /***内页——关于我们***/ #about,#culture,#design,#team{ padding:80px 0;} #about .col_right h2,#culture .col_left h2,#team .container-fluid h2{ font-size:30px;} #about .col_right h2::after,#culture .col_left h2::after,#design .col_right h2::after{ width:60px; margin:20px 0 0;} #about .col_right .col_con,#culture .col_left .col_con,#design .col_right .col_con{ margin:25px 0 30px 0;} #about .col_right .col_con p,#culture .col_left .col_con p,#design .col_right .col_con p{ font-size:16px; margin-bottom:15px;} #about .row_none .col-sm-12{ padding:20px 15px 10px 15px;} #about .row_show,#design .row_show{ display:none;} #about .row_none,#design .row_none{ display:block} #culture .col_left,#culture .col_right{ padding:0 4%;} #design .col_right{ padding:0 4%;} #design .col_right h2{ font-size:24px; margin:0;} #design .col_right .col_con span{ font-size:16px; margin-bottom:10px;} .img-grid .content>div{ padding:10px 15px;} #team .row{ padding:0;} #team .container-fluid h2::after{ width:60px; margin:20px auto 0;} #team .container-fluid .content p{ font-size:16px; margin-bottom:15px; text-align:left;} figure.teamEffekt h3{ font-size:20px;} #team .grid figcaption p{ font-size:14px;} /***内页——案例作品***/ #clients{ padding:80px 0;} #clients h2{ font-size:30px; } #clients h2::after{ width:60px; margin-top:20px;} .subpageHeader .col_case{ margin-top:50px;} .subpageHeader .col_case b{ font-size:30px;} .subpageHeader .col_case b em{ font-size:14px;} .subpageHeader .col_case p{ font-size:16px;} /***内页——案例分类***/ .p_menu{ width:210px; height:40px; line-height:40px; border:2px solid #fff; font-size:14px; color:#000; margin-top:10px; text-align:center; margin:30px 15px 0 15px; float:left; display:block; border-radius:5px; box-sizing:border-box;} .p_menu .menu_head{ cursor:pointer; position:relative; height:40px; line-height:40px; color:#fff; font-size:14px; } .p_menu .menu_head .p_arrow{display:inline;float:right;width:5px;height:5px;margin:14px 0px 0 0px;-webkit-transform:rotate(135deg);border:solid #fff;border-width:1px 1px 0 0;background:none!important; position:absolute; right:15px;} .p_menu .menu_body{ display:none; width:210px; margin:-4px 0 0 -2px; border-radius:5px; overflow:hidden; } .p_menu .menu_body a{ display:block; color:#4a4a4a; border-bottom:1px solid #dfdfdf; background-color:#fff; text-decoration:none; padding:0 20px; } .p_menu .menu_body a:last-child{ border:none;} .p_menu .menu_body a:hover{ color:#1d2088; text-decoration:underline; } /***行业动态***/ #news .news h2{ text-align:center; display:block;} #news .news h2::after{ background-color:transparent; margin:0; height:0;} #news .news b{width:100px;height:15px;font-size:12px;padding:0 10px;line-height:15px;} #news #dynamic .nbtn{ width:200px; height:50px; position:relative; margin:60px auto 0; } #news #dynamic .nbtn span{ width:200px; height:50px; border-color:#333;} #news #dynamic .nbtn:hover span{ background-color:#1d2088; border-color:#1d2088; } #news #dynamic .nbtn em{ width:200px; height:50px; line-height:50px; font-size:16px;} /***内页——行业动态***/ #news #dynamic{ padding:10px 0;} #dynamic{ padding:80px 0;} #dynamic .row{ padding:0 2%; margin:0;} #dynamic ul li{ padding:25px 0px; margin-top:20px;} #dynamic ul li .col_box{ padding:0;} #dynamic ul li .col_box .col_pic{ width:95px; height:95px;} #dynamic ul li .col_box .col_tit{ width:80%; margin-left:20px;} #dynamic ul li .col_box .col_tit h2{ font-size:22px; margin-bottom:20px;} #dynamic ul li .col_box .col_tit h2::after{ margin-top:20px;} #dynamic ul li .col_box .col_tit .col_time{ font-size:14px; padding:0;} #dynamic ul li .col-xs-12{ padding:0;} #dynamic ul li p{ font-size:16px; margin:15px 0 20px 0; height:50px; } #dynamic ul li .btn{ width:120px; height:40px;} #dynamic ul li .btn span{ width:120px; height:40px; } #dynamic ul li .btn em{ width:120px; height:40px;line-height:40px; font-size:14px;} #dynamic .col_art h2{font-size:22px; margin-bottom:10px;} #dynamic .col_art .col_time{ font-size:14px; margin-bottom:40px;} #dynamic .col_art .col_bar p{ font-size:16px; } #dynamic .col_art .col_bar p img{ width:auto; max-width:100%;} /***内页——服务范围***/ #ourservice,#vorteile,#serviceCase{ padding:80px 0;} #ourservice .row,#vorteile .row,#serviceCase .row{ padding:0 2%;} #ourservice .col_left h2,#vorteile h2{ font-size:30px;} #ourservice .col_left h2::after{ width:60px; margin:20px 0 0;} #ourservice .col_left .col_con{ margin:25px 0 30px 0;} #ourservice .col_left .col_con p{ font-size:16px; margin-bottom:15px;} #vorteile h2::after{ width:60px; margin:20px auto 0;} #vorteile .iconGrid li:last-child{ display:none;} #vorteile .iconGrid li h3{ font-size:24px;} .mt-300{ margin-top:-250px;} #serviceCase .row p{ font-size:16px; margin-bottom:20px;} #serviceCase .row .col-sm-12{ width:50%;} #serviceCase .row .service figure.serviceEffekt figcaption{ padding:20px;} #serviceCase .row .service figure.serviceEffekt h2{ font-size:22px; padding:15px 0;} #serviceCase .row .service figure figcaption .col_sity{ margin-top:15px;} #serviceCase .row .service figure figcaption .col_sity p{ font-size:16px;} #serviceCase .row .service .serviceEffekt .arrow{ margin:0 0 0 10px;} .serviceEffekt .linkText{ bottom:40px;} /***内页——联系我们***/ #contactway,#jointeam,#kontakt{ padding:80px 0;} #contactway .row,#jointeam .row,#kontakt .row{ padding:0 2%;} #contactway .col_left h2,#jointeam .container-fluid h2,#kontakt h2{ font-size:30px;} #contactway .col_left h2::after{ width:60px; margin:20px 0 0;} #contactway .col_left .col_con{ margin:20px 0;} #contactway .col_left .col_con p,#jointeam .container-fluid .content p{ font-size:16px;} #contactway .col_right .img-responsive{ margin:0;} #jointeam .col_job li{ padding:30px 15px; width:100%;} #jointeam .col_job li h2{ font-size:20px;} #jointeam .col_job li p{ font-size:16px;} #jointeam .container-fluid h2::after,#kontakt h2::after{ width:60px; margin:15px auto 0;} } @media (min-width:620px) and (max-width:767px) { br.by620-767{display:inline!important} .headBg{ height:60px; background-color:#1d2088; box-shadow:0 3px 3px rgba(0,0,0,0.1);} #row_type{ display:none;} .midnightHeader.blueHoverRed .logo svg,.midnightHeader.blueHoverWhite .logo svg,.midnightHeader.whiteHoverBlue .logo:hover svg,.midnightHeader.redHoverBlue .logo:hover svg,.subpageHeader.bgRed .logo:hover svg,.subpageHeader.bgWhite .default .logo svg{fill:#fff!important;} .midnightHeader.blueHoverRed a.logo,.midnightHeader.blueHoverWhite a.logo,.midnightHeader.whiteHoverBlue .logo:hover,.midnightHeader.redHoverBlue .logo:hover,.subpageHeader.bgRed .logo:hover,.subpageHeader.bgWhite .default .logo a{color:#fff!important;} .midnightHeader.blueHoverRed .naviBar div,.midnightHeader.blueHoverWhite .naviBar div,.midnightHeader.whiteHoverBlue .naviBar:hover div,.midnightHeader.redHoverBlue .naviBar:hover div,.subpageHeader.bgRed .naviBar:hover div,.subpageHeader.bgWhite .default .naviBar div{background-color:#fff!important;} .midnightHeader.redHoverBlue .logo svg,.midnightHeader.redHoverWhite .logo svg,.midnightHeader.whiteHoverRed .logo:hover svg,.midnightHeader.blueHoverRed .logo:hover svg,.subpageHeader.bgBlue .logo:hover svg,.subpageHeader.bgWhite .default .logo:hover svg{fill:#fff!important;} .midnightHeader.redHoverBlue a.logo,.midnightHeader.redHoverWhite a.logo,.midnightHeader.whiteHoverRed .logo:hover,.midnightHeader.blueHoverRed .logo:hover,.subpageHeader.bgBlue .logo:hover,.subpageHeader.bgWhite .default .logo:hover{color:#fff!important;} .midnightHeader.redHoverBlue .naviBar div,.midnightHeader.redHoverWhite .naviBar div,.midnightHeader.whiteHoverRed .naviBar:hover div,.midnightHeader.blueHoverRed .naviBar:hover div,.subpageHeader.bgBlue .naviBar:hover div,.subpageHeader.bgWhite .default .naviBar:hover div{background-color:#fff!important;} .amore .square{ display:none;} /**返回顶部**/ .awards{ right:40px; bottom:60px; } .awards a.backtop{ width:60px; height:60px; } .awards a.backtop .arrow{ width:24px; height:24px; top:24px; left:18px;} .awards a.backcont{ width:60px; height:60px; font-size:14px; line-height:60px;} .awards a.backcase{ width:60px; height:60px; font-size:14px; line-height:140%;} .sliderContent{width:72%;padding:0;} #slider h1{font-size:32px;line-height:5vw;margin-bottom:3vw;} #slider p{ font-size:16px;} #slide1 .sliderContent{ padding:0;} nav li{ margin:10px 0;} nav a{ font-size:30px;} #naviContent .bottombar{ margin-top:-60px;} .service figure{max-height:500px;} section h2{ font-size:40px;} #social .newsletterFormInner h3{ font-size:30px;} #anfahrt .kontakt .col_bar h2{ font-size:48px;} .mapCanvas{ height:300px; background-size:cover;} .subpageHeader .row{ padding:0 3%;} .subpageHeader h1{ font-size:24px; line-height:26px; margin-top:20px} .subpageHeader h1:after{ width:50px;} .subpageHeader p{ font-size:13px;} .subpageHeader .content p{ font-size:13px;} .projectGrid .projectItem figure h2{ padding-top:15%; font-size:20px;} .projectGrid .projectItem figure h2::after{ margin-top:5px;} .projectGrid .projectItem figure p{ padding:0.5em 10%; font-size:14px;} .projectGrid .projectMore{ margin:60px 0 0 0;} .projectGrid.projectCase{ padding:50px 0% 0 0%;} .projectGrid.projectCase .projectItem figure figcaption{ padding:20px 40px;} .projectGrid.projectPad{ padding:15px;} .projectGrid.projectPad .projectItem{ padding:10px 5px;} /***优秀案例***/ .projectGrid.projectCase .projectItem.projectExce{ width:100%; padding:5px; margin:1px 0;} .projectExce .projectPic{ } .projectExce .projectPic .projectImg{ height:340px;} .projectExce .projectText{ padding:0 20px; } .projectExce .projectText:hover::after{ left:0;} .projectExce .projectText h3{ padding:30% 0;} .projectExce .projectText h3 p{ font-size:20px; margin:15px 0 0 0; letter-spacing:1px;} .projectExce .projectText h3 span{ font-size:16px; margin-top:15px;} .projectGrid.projectCase .projectItem.projectExce:nth-child(9){ display:none;} /***行业动态***/ #news .news h2{ text-align:center; display:block;} #news .news h2::after{ background-color:transparent; margin:0; height:0;} #news .news b{width:100px;height:15px;font-size:12px;padding:0 10px;line-height:15px;} #news #dynamic .nbtn{ width:200px; height:50px; position:relative; margin:60px auto 0; } #news #dynamic .nbtn span{ width:200px; height:50px; border-color:#333;} #news #dynamic .nbtn:hover span{ background-color:#1d2088; border-color:#1d2088; } #news #dynamic .nbtn em{ width:200px; height:50px; line-height:50px; font-size:16px;} /***内页——行业动态***/ #news #dynamic{ padding:10px 0;} #dynamic{ padding:80px 0;} #dynamic .row{ padding:0 2%; margin:0;} #dynamic ul li{ padding:25px 10px; margin-top:30px;} #dynamic ul li .col_box .col_pic{ width:100px; height:100px;} #dynamic ul li .col_box .col_tit{ width:75%; margin-left:25px;} #dynamic ul li .col_box .col_tit h2{ font-size:20px; margin-bottom:20px;} #dynamic ul li .col_box .col_tit .col_time{ font-size:14px; padding:0;} #dynamic ul li p{ font-size:14px; margin:15px 0 25px 0; height:60px; } #dynamic ul li .btn{ width:140px; height:40px;} #dynamic ul li .btn span{ width:140px; height:40px; } #dynamic ul li .btn em{ width:140px; height:40px;line-height:40px; font-size:14px;} #dynamic .col_art h2{font-size:24px; margin-bottom:10px;} #dynamic .col_art .col_time{ font-size:14px; margin-bottom:40px;} #dynamic .col_art .col_bar p{ font-size:16px; } #dynamic .col_art .col_bar p img{ width:auto; max-width:100%;} } @media (min-width:420px) and (max-width:619px) { br.by420-619{display:inline!important} .headBg{ height:60px; background-color:#1d2088; box-shadow:0 3px 3px rgba(0,0,0,0.1);} #row_type{ display:none;} .midnightHeader.blueHoverRed .logo svg,.midnightHeader.blueHoverWhite .logo svg,.midnightHeader.whiteHoverBlue .logo:hover svg,.midnightHeader.redHoverBlue .logo:hover svg,.subpageHeader.bgRed .logo:hover svg,.subpageHeader.bgWhite .default .logo svg{fill:#fff!important;} .midnightHeader.blueHoverRed a.logo,.midnightHeader.blueHoverWhite a.logo,.midnightHeader.whiteHoverBlue .logo:hover,.midnightHeader.redHoverBlue .logo:hover,.subpageHeader.bgRed .logo:hover,.subpageHeader.bgWhite .default .logo a{color:#fff!important;} .midnightHeader.blueHoverRed .naviBar div,.midnightHeader.blueHoverWhite .naviBar div,.midnightHeader.whiteHoverBlue .naviBar:hover div,.midnightHeader.redHoverBlue .naviBar:hover div,.subpageHeader.bgRed .naviBar:hover div,.subpageHeader.bgWhite .default .naviBar div{background-color:#fff!important;} .midnightHeader.redHoverBlue .logo svg,.midnightHeader.redHoverWhite .logo svg,.midnightHeader.whiteHoverRed .logo:hover svg,.midnightHeader.blueHoverRed .logo:hover svg,.subpageHeader.bgBlue .logo:hover svg,.subpageHeader.bgWhite .default .logo:hover svg{fill:#fff!important;} .midnightHeader.redHoverBlue a.logo,.midnightHeader.redHoverWhite a.logo,.midnightHeader.whiteHoverRed .logo:hover,.midnightHeader.blueHoverRed .logo:hover,.subpageHeader.bgBlue .logo:hover,.subpageHeader.bgWhite .default .logo:hover{color:#fff!important;} .midnightHeader.redHoverBlue .naviBar div,.midnightHeader.redHoverWhite .naviBar div,.midnightHeader.whiteHoverRed .naviBar:hover div,.midnightHeader.blueHoverRed .naviBar:hover div,.subpageHeader.bgBlue .naviBar:hover div,.subpageHeader.bgWhite .default .naviBar:hover div{background-color:#fff!important;} .amore .square{ display:none;} /**返回顶部**/ .awards{ right:20px; bottom:60px; } .awards a.backtop{ width:60px; height:60px; } .awards a.backtop .arrow{ width:24px; height:24px; top:24px; left:18px;} .awards a.backcont{ width:60px; height:60px; font-size:14px; line-height:60px;} .awards a.backcase{ width:60px; height:60px; font-size:14px; line-height:60px;} #slider p{margin-bottom:25px;} .img-grid{ margin:0;} #ueberuns .col_left{ padding:0 2%; width:100%;} #ueberuns .col_right{ padding:0 4%;} #ueberuns .row_show{ display:none;} #ueberuns .row_none{ display:block; margin-top:30px;} .morph-button-modal.open .morph-content{} /***内页——关于我们***/ #about,#culture,#design,#team{ padding:80px 0;} #about .row,#culture .row,#design .row{ padding:0 4%;} #about .col_right h2,#culture .col_left h2,#team .container-fluid h2{ font-size:24px;} #about .col_right h2::after,#culture .col_left h2::after,#design .col_right h2::after{ width:60px; margin:15px 0 0;} #about .col_right .col_con,#culture .col_left .col_con,#design .col_right .col_con{ margin:25px 0 30px 0;} #about .col_right .col_con p,#culture .col_left .col_con p,#design .col_right .col_con p{ font-size:14px; margin-bottom:15px;} #about .row_none .col-sm-12{ padding:10px 15px;} #about .row_show,#design .row_show{ display:none;} #about .row_none,#design .row_none{ display:block} #about .row_none .col-sm-6{ width:50%; float:left; padding:10px;} #about .row_none .col-sm-12{ padding:10px; float:left;} #culture .col_left,#culture .col_right{ padding:0 4%;} #design .col_right{ padding:0 4%;} #design .col_right h2{ font-size:24px; margin:0;} #design .col_right .col_con span{ font-size:14px; margin-bottom:10px;} .img-grid .content>div{ padding:10px 15px;} #team .row{ padding:0 4%;} #team .container-fluid h2::after{ width:60px; margin:15px auto 0;} #team .container-fluid .content p{ font-size:14px; margin-bottom:15px; text-align:left;} figure.teamEffekt h3{ font-size:16px;} #team .grid figcaption p{ font-size:12px;} #team .col-sm-6{ width:50%; float:left; padding:0 7px;} #news #dynamic{ padding:0px 0;} /***行业动态***/ #news .news h2{ text-align:center; display:block;} #news .news h2::after{ background-color:transparent; margin:0; height:0;} #news .news b{width:100px;height:15px;font-size:12px;padding:0 10px;line-height:15px;} #news #dynamic .nbtn{ width:200px; height:50px; position:relative; margin:60px auto 0; } #news #dynamic .nbtn span{ width:200px; height:50px; border-color:#333;} #news #dynamic .nbtn:hover span{ background-color:#1d2088; border-color:#1d2088; } #news #dynamic .nbtn em{ width:200px; height:50px; line-height:50px; font-size:16px;} /***内页——行业动态***/ #news #dynamic{ padding:10px 0;} #dynamic{ padding:80px 0;} #dynamic .row{ padding:0 2%; margin:0;} #dynamic ul li{ padding:25px 10px; margin-top:30px;} #dynamic ul li .col_box .col_pic{ width:80px; height:80px;} #dynamic ul li .col_box .col_tit{ width:75%; margin-left:20px;} #dynamic ul li .col_box .col_tit h2{ font-size:18px; margin-bottom:20px;} #dynamic ul li .col_box .col_tit .col_time{ font-size:14px; padding:0;} #dynamic ul li p{ font-size:14px; margin:15px 0 25px 0; height:50px; } #dynamic ul li .btn{ width:120px; height:40px;} #dynamic ul li .btn span{ width:120px; height:40px; } #dynamic ul li .btn em{ width:120px; height:40px;line-height:40px; font-size:14px;} #dynamic .col_art h2{font-size:24px; margin-bottom:10px;} #dynamic .col_art .col_time{ font-size:14px; margin-bottom:40px;} #dynamic .col_art .col_bar p{ font-size:16px; } #dynamic .col_art .col_bar p img{ width:auto; max-width:100%;} } @media (max-width:419px){ br.by0-419{display:inline!important} .headBg{ height:60px; background-color:#1d2088; box-shadow:0 3px 3px rgba(0,0,0,0.1);} #row_type{ display:none;} .midnightHeader.blueHoverRed .logo svg,.midnightHeader.blueHoverWhite .logo svg,.midnightHeader.whiteHoverBlue .logo:hover svg,.midnightHeader.redHoverBlue .logo:hover svg,.subpageHeader.bgRed .logo:hover svg,.subpageHeader.bgWhite .default .logo svg{fill:#fff!important;} .midnightHeader.blueHoverRed a.logo,.midnightHeader.blueHoverWhite a.logo,.midnightHeader.whiteHoverBlue .logo:hover,.midnightHeader.redHoverBlue .logo:hover,.subpageHeader.bgRed .logo:hover,.subpageHeader.bgWhite .default .logo a{color:#fff!important;} .midnightHeader.blueHoverRed .naviBar div,.midnightHeader.blueHoverWhite .naviBar div,.midnightHeader.whiteHoverBlue .naviBar:hover div,.midnightHeader.redHoverBlue .naviBar:hover div,.subpageHeader.bgRed .naviBar:hover div,.subpageHeader.bgWhite .default .naviBar div{background-color:#fff!important;} .midnightHeader.redHoverBlue .logo svg,.midnightHeader.redHoverWhite .logo svg,.midnightHeader.whiteHoverRed .logo:hover svg,.midnightHeader.blueHoverRed .logo:hover svg,.subpageHeader.bgBlue .logo:hover svg,.subpageHeader.bgWhite .default .logo:hover svg{fill:#fff!important;} .midnightHeader.redHoverBlue a.logo,.midnightHeader.redHoverWhite a.logo,.midnightHeader.whiteHoverRed .logo:hover,.midnightHeader.blueHoverRed .logo:hover,.subpageHeader.bgBlue .logo:hover,.subpageHeader.bgWhite .default .logo:hover{color:#fff!important;} .midnightHeader.redHoverBlue .naviBar div,.midnightHeader.redHoverWhite .naviBar div,.midnightHeader.whiteHoverRed .naviBar:hover div,.midnightHeader.blueHoverRed .naviBar:hover div,.subpageHeader.bgBlue .naviBar:hover div,.subpageHeader.bgWhite .default .naviBar:hover div{background-color:#fff!important;} .amore .square{ display:none;} /**返回顶部**/ .awards{ right:20px; bottom:60px; } .awards a.backtop{ width:60px; height:60px;} .awards a.backtop .arrow{ width:24px; height:24px; top:24px; left:18px;} .awards a.backcont{ width:60px; height:60px; font-size:14px; line-height:60px;} .awards a.backcase{ width:60px; height:60px; font-size:14px; line-height:140%;} section .container-fluid,.bottombar .container-fluid{padding:0 30px;} section h2{font-size:32px;} .sliderContent{width:87%;padding:0;} #slider h1{font-size:10vw;line-height:12vw;margin-bottom:4vw;} #social div a{min-height:95px;} #social .newsletter{padding:35px 25px; min-height:85px;} #social .newsletter .questions input{font-size:24px;} #naviContent .bottombar{margin-top:-70px;} .bottombar .social-icons a{width:28px;} #slider h1{ font-size:28px; line-height:35px;} #slider p{ font-size:14px;} #slide1 .sliderContent{ padding:0;} nav li{margin:5px 0;} nav a{font-size:22px;} nav .shl{font-size:14px;} .service figure{max-height:450px;} .service figure img{max-height:none;width:calc(100% + 20px);} .subpageHeader h2{font-size:50px;} #projectNavi{height:450px;} #projectNavi .col-xs-6{width:100%;} #projectNavi>div{height:150px;} .shareProject,.allProjects{height:150px;} .projectItem .projectContent,.projectItem.viewAll h3{padding:0 10px;} .projectItem .projectContent h3,.projectItem.viewAll h3{font-size:20px;margin-bottom:0;} .projectItem .projectContent p{line-height:16px;} #siegel .contentBox,#siegel .linkBox{padding:30px 34px;} .projectContent iframe{width:400px;height:225px;} .projectContent .video{padding:0px;} .projectGrid .projectItem figure h2{ font-size:16px; padding-top:4%; } .projectGrid .projectItem figure h2::after{ margin-top:5px;} .projectGrid .projectItem figure p{ font-size:12px; line-height:155%; padding:0.5em 0;} .projectGrid.projectTop .projectItem figure h2{ font-size:18px; padding-top:10%; } .projectGrid.projectCase{ padding:40px 0% 0 0%;} .projectGrid.projectCase .projectItem .home-grid-item-overlay{ height:100px;} .projectGrid.projectCase .projectItem figure figcaption, .projectGrid.projectCase .projectItem figure a{ height:100px;} .projectGrid.projectCase .projectItem figure figcaption{ padding:20px;} .projectGrid.projectCase .projectItem figure h2{ padding:0;} .projectGrid.projectCase .projectItem figure p{ overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2; padding:0; height:38px;} .projectGrid.projectPad{ padding:15px;} .projectGrid.projectPad .projectItem{ padding:10px 5px;} /***优秀案例***/ .projectGrid.projectCase .projectItem.projectExce{ width:100%; padding:5px; margin:1px 0;} .projectExce .projectPic{ } .projectExce .projectPic .projectImg{ height:320px;} .projectExce .projectText{ padding:0 20px; } .projectExce .projectText:hover::after{ left:0;} .projectExce .projectText h3{ padding:35% 0;} .projectExce .projectText h3 p{ font-size:20px; margin:15px 0 0 0; letter-spacing:1px;} .projectExce .projectText h3 span{ font-size:16px; margin-top:15px;} .projectGrid.projectCase .projectItem.projectExce:nth-child(9){ display:none;} .subpageHeader{height:68vh;} .subpageHeader .container-fluid,.subpageHeader .vCenterWrapper,.subpageHeader .vCenter{height:100%;} .subpageHeader h1{ font-size:22px; line-height:24px; margin-top:20px} .subpageHeader h1:after{ width:50px;} .subpageHeader p{ font-size:13px;} #slider,.slide{height:calc(100vh - 100px)!important;min-height:600px!important;} #slider p{font-size:16px;margin-bottom:25px;} .subpageHeader .row{ padding:0 5%;} .subpageHeader .content p{ font-size:13px; } section .container-fluid,.bottombar .container-fluid{padding:0 4%;} nav a{font-size:22px;} nav .shl{font-size:12px;} .ptb200{padding-top:80px;padding-bottom:80px;} .pt200{padding-top:80px;} #social .newsletterFormInner h3{font-size:24px;} footer li a:first-child img{margin-top:20px;} #anfahrt .kontakt .col_bar h2{font-size:36px;} #social .newsletterFormInner p{ font-size:16px;} #social .newsletterFormInner .arrow{ width:30px; height:30px;} footer .sitemap ul li h3 a{ font-size:16px;} footer .sitemap li ul li a{ font-size:13px;} section.bgDarkBlue a{ white-space:nowrap;} .divascookies{top:100px!important;} .divascookies{width:100%;height:100px;left:0;top:0!important;margin-left:0;padding:5px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;text-align:center;} .divascookies .divascookies-banner-text{float:inherit;} .divascookies .divascookies-accept-button-text{width:100px;} #clients li{padding:15px 0;} #projectNavi{height:360px;} #projectNavi>div{height:120px;} #projectNavi .content{padding:0 10px;} #projectNavi h3{font-size:20px;} #projectNavi p{font-size:14px;} #projectNavi .allProjects p{ top:52%;} .shareProject,.allProjects{height:120px;} #anfahrt .kontakt .btn{margin-right:10px;margin-top:10px;margin-left:0;} .projectContent iframe{width:100%;height:200px;} .img-grid{ margin:0;} #ueberuns .col_left{ padding:0 2%; width:100%;} #ueberuns .col_right{ width:100%; padding:0 4%;} #ueberuns .row_show{ display:none;} #ueberuns .row_none{ display:block; margin-top:30px;} #ueberuns .row_none .col-sm-6{ width:50%; float:left; padding:10px;} #ueberuns .row_none .col-sm-12{ padding:10px; float:left;} .iconGrid li{ padding:35px 18px;} .iconGrid li img{ width:100px;} .iconGrid h3{ font-size:18px;} .iconGrid p{ font-size:14px;} #social div.colww,#social div.colqq,#social div.colxl{ width:45px; height:45px;} #social>div a:hover div.colww:hover{ width:60px; height:60px;} #social>div a:hover div.colqq:hover,#social>div a:hover div.colxl:hover{ width:50px; height:50px;} .mapCanvas{ height:200px; background-size:cover; } section h2::after, #mainContent section h3.large::after{ height:3px;} #anfahrt .kontakt{ padding:80px 4%;} .inputGroup label{ font-size:14px;} #anfahrt .kontakt .col_bar .inputbtn{ height:40px;} #anfahrt .kontakt .col_bar .inputbtn .inputbox{ height:40px;} #anfahrt .kontakt .col_bar .inputbtn .btn{ height:40px; line-height:40px; font-size:14px;} #anfahrt .kontakt .col_bar .btn em{ font-size:14px;} .morph-button-modal.open .morph-content{ width:94%; margin:-250px 0 0 0px; left:3%!important;} /***内页——关于我们***/ #about,#culture,#design,#team{ padding:80px 0;} #about .row,#culture .row,#design .row{ padding:0 4%;} #about .col_right h2,#culture .col_left h2,#team .container-fluid h2{ font-size:24px;} #about .col_right h2::after,#culture .col_left h2::after,#design .col_right h2::after{ width:60px; margin:15px 0 0;} #about .col_right .col_con,#culture .col_left .col_con,#design .col_right .col_con{ margin:25px 0 30px 0;} #about .col_right .col_con p,#culture .col_left .col_con p,#design .col_right .col_con p{ font-size:14px; margin-bottom:15px;} #about .row_none .col-sm-12{ padding:10px 15px;} #about .row_show,#design .row_show{ display:none;} #about .row_none,#design .row_none{ display:block} #about .row_none .col-sm-6{ width:50%; float:left; padding:10px;} #about .row_none .col-sm-12{ padding:10px; float:left;} #culture .col_left,#culture .col_right{ padding:0 4%;} #design .col_right{ padding:0 4%;} #design .col_right h2{ font-size:24px; margin:0;} #design .col_right .col_con span{ font-size:14px; margin-bottom:10px;} .img-grid .content>div{ padding:10px 15px;} #team .row{ padding:0 4%;} #team .container-fluid h2::after{ width:60px; margin:15px auto 0;} #team .container-fluid .content p{ font-size:14px; margin-bottom:15px; text-align:left;} figure.teamEffekt h3{ font-size:16px;} #team .grid figcaption p{ font-size:12px;} #team .col-sm-6{ width:50%; float:left; padding:0 7px;} /***内页——案例作品***/ #clients{ padding:80px 0;} #clients h2{ font-size:24px; } #clients h2::after{ width:60px; margin-top:15px;} .subpageHeader .col_case{ margin-top:50px;} .subpageHeader .col_case b{ font-size:24px;} .subpageHeader .col_case b em{ font-size:12px;} .subpageHeader .col_case p{ font-size:14px;} /***内页——案例分类***/ .p_menu{ width:210px; height:40px; line-height:40px; border:2px solid #fff; font-size:14px; color:#000; margin-top:10px; text-align:center; margin:30px 15px 0 15px; float:left; display:block; border-radius:5px; box-sizing:border-box;} .p_menu .menu_head{ cursor:pointer; position:relative; height:40px; line-height:40px; color:#fff; font-size:14px; } .p_menu .menu_head .p_arrow{display:inline;float:right;width:5px;height:5px;margin:14px 0px 0 0px;-webkit-transform:rotate(135deg);border:solid #fff;border-width:1px 1px 0 0;background:none!important; position:absolute; right:15px;} .p_menu .menu_body{ display:none; width:210px; margin:-4px 0 0 -2px; border-radius:5px; overflow:hidden; } .p_menu .menu_body a{ display:block; color:#4a4a4a; border-bottom:1px solid #dfdfdf; background-color:#fff; text-decoration:none; padding:0 20px; } .p_menu .menu_body a:last-child{ border:none;} .p_menu .menu_body a:hover{ color:#1d2088; text-decoration:underline; } /***行业动态***/ #news .news h2{ text-align:center; display:block;} #news .news h2::after{ background-color:transparent; margin:0; height:0;} #news .news b{width:100px;height:15px;font-size:12px;padding:0 10px;line-height:15px;} #news #dynamic .nbtn{ width:160px; height:50px; position:relative; margin:60px auto 0; } #news #dynamic .nbtn span{ width:160px; height:50px; border-color:#333;} #news #dynamic .nbtn:hover span{ background-color:#1d2088; border-color:#1d2088; } #news #dynamic .nbtn em{ width:160px; height:50px; line-height:50px; font-size:14px;} /***内页——行业动态***/ #news #dynamic{ padding:10px 0;} #dynamic{ padding:80px 0;} #dynamic .row{ padding:0 2%; margin:0;} #dynamic ul li{ padding:25px 5px 20px 5px; margin-top:5px;} #dynamic ul li .col_box{ padding:0 5px;} #dynamic ul li .col_box .col_pic{ width:65px; height:65px;} #dynamic ul li .col_box .col_tit{ width:72%; margin-left:15px;} #dynamic ul li .col_box .col_tit h2{ font-size:16px; margin-bottom:15px;} #dynamic ul li .col_box .col_tit h2::after{ margin-top:15px;} #dynamic ul li .col_box .col_tit .col_time{ font-size:12px; padding:0;} #dynamic ul li .col-xs-12{ padding:0 5px;} #dynamic ul li p{ font-size:14px; margin:15px 0 20px 0; height:50px; } #dynamic ul li .btn{ width:100px; height:35px;} #dynamic ul li .btn span{ width:100px; height:35px; } #dynamic ul li .btn em{ width:100px; height:35px;line-height:35px; font-size:12px;} #dynamic .col_art h2{font-size:24px; margin-bottom:10px;} #dynamic .col_art .col_time{ font-size:14px; margin-bottom:40px;} #dynamic .col_art .col_bar p{ font-size:16px; } #dynamic .col_art .col_bar p img{ width:auto; max-width:100%;} /***内页——服务范围***/ #ourservice,#vorteile,#serviceCase{ padding:80px 0;} #ourservice .row,#vorteile .row,#serviceCase .row{ padding:0 4%;} #ourservice .col_left h2,#vorteile h2{ font-size:24px;} #ourservice .col_left h2::after{ width:60px; margin:15px 0 0;} #ourservice .col_left .col_con{ margin:25px 0 30px 0;} #ourservice .col_left .col_con p{ font-size:14px; margin-bottom:15px;} #vorteile h2::after{ width:60px; margin:15px auto 0;} #vorteile .iconGrid li h3{ font-size:24px;} .mt-300{ margin-top:-250px;} #serviceCase .row p{ font-size:14px; margin-bottom:20px;} #serviceCase .row .service figure.serviceEffekt figcaption{ padding:10px 20px;} #serviceCase .row .service figure.serviceEffekt h2{ font-size:20px; padding:15px 0;} #serviceCase .row .service figure figcaption .col_sity{ margin-top:10px;} #serviceCase .row .service figure figcaption .col_sity p{ font-size:14px; letter-spacing:0; line-height:22px;} #serviceCase .row .service .serviceEffekt .arrow{ margin:0 0 0 10px;} .serviceEffekt .linkText{ bottom:30px;} #serviceCase .row .service figure.serviceEffekt:hover .arrow:before{ margin:0 0 -4px 16px;} /***内页——联系我们***/ #contactway,#jointeam,#kontakt{ padding:80px 0;} #contactway .row,#jointeam .row,#kontakt .row{ padding:0 4%;} #contactway .col_left h2,#jointeam .container-fluid h2,#kontakt h2{ font-size:24px;} #contactway .col_left h2::after{ width:60px; margin:15px 0 0;} #contactway .col_left .col_con{ margin:20px 0;} #contactway .col_left .col_con p,#jointeam .container-fluid .content p{ font-size:14px;} #contactway .col_right .img-responsive{ margin:0;} #jointeam .col_job li{ padding:30px 15px; width:100%;} #jointeam .col_job li h2{ font-size:18px;} #jointeam .col_job li p{ font-size:14px;} #jointeam .container-fluid h2::after,#kontakt h2::after{ width:60px; margin:15px auto 0;} } .aniByViewportUp{transform:translateY(150px);opacity:0.1;} .aniByViewportLeft{transform:translateX(100px);opacity:0.1;} .aniByViewportRight{transform:translateX(-100px);opacity:0.1;} .comeUp{animation:comeIn 0.8s ease forwards;} .comeLeft{animation:comeIn 0.8s ease forwards;} .comeRight{animation:comeIn 0.8s ease forwards;} .comeUp:nth-child(odd),comeLeft:nth-child(odd),comeRight:nth-child(odd){animation-duration:1.5s;} .already-visible{-ms-transform:translate(0,0);-webkit-transform:translate(0,0);transform:translate(0,0);animation:none;opacity:1;} @keyframes comeIn{ to{-ms-transform:translate(0,0);-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1;} } @font-face{font-weight:normal;font-style:normal;font-family:'icomoon';src:url('../fonts/icomoon.eot');src:url('../fonts/icomoon.eot') format('embedded-opentype'),url('../fonts/icomoon.woff') format('woff'),url('../fonts/icomoon.ttf') format('truetype'),url('../fonts/icomoon.svg') format('svg');} .newsletterForm{position:relative;margin:0 auto;max-width:100%;width:100%;text-align:left;} .newsletterForm .submit{display:none;} .newsletterForm ol{margin:0;padding:0;list-style:none;position:relative;-webkit-transition:height 0.4s;transition:height 0.4s;} .newsletterForm ol:before{content:'';background-color:rgba(0,0,0,0);position:absolute;left:0;bottom:0;width:100%;height:2.35em;} .questions li{z-index:100;position:relative;visibility:hidden;height:0;-webkit-transition:visibility 0s 0.4s,height 0s 0.4s;transition:visibility 0s 0.4s,height 0s 0.4s;border-bottom:1px solid #fff;} .questions li.current,.no-js .questions li{visibility:visible;height:auto;-webkit-transition:none;transition:none;} .questions li>span{display:block;overflow:hidden;} .questions li>span label{display:block;-webkit-transition:-webkit-transform 0.4s;transition:transform 0.4s;-webkit-transform:translateY(-100%);transform:translateY(-100%);} .questions li.current>span label,.no-js .questions li>span label{-webkit-transition:none;transition:none;-webkit-transform:translateY(0);transform:translateY(0);} .show-next .questions li.current>span label{-webkit-animation:moveUpFromDown 0.4s both;animation:moveUpFromDown 0.4s both;} @-webkit-keyframes moveUpFromDown{ from{-webkit-transform:translateY(100%);} to{-webkit-transform:translateY(0);} } @keyframes moveUpFromDown{ from{-webkit-transform:translateY(100%);transform:translateY(100%);} to{-webkit-transform:translateY(0);transform:translateY(0);} } .questions input{display:block;padding:15px 0;width:calc(100% - 30px);font-size:32px;border:0;line-height:1;opacity:0;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;} input#q2,input#q3{width:45%;display:inline-block;} li.namen>span{display:inline-block;overflow:hidden;width:45%;} .questions .current input,.no-js .questions input{opacity:1;} .questions input:focus,.newsletterForm button:focus{outline:none;} .next{position:absolute;font-size:30px;right:0;bottom:40px;display:block;padding:0;width:30px;height:30px;border:none;background:none;color:#fff;text-align:center;opacity:0;z-index:100;cursor:pointer;-webkit-transition:-webkit-transform 0.3s,opacity 0.3s;transition:transform 0.3s,opacity 0.3s;-webkit-transform:translateX(-20%);transform:translateX(-20%);pointer-events:none;-webkit-tap-highlight-color:rgba(0,0,0,0);} .next:hover{color:rgba(0,0,0,0.5);} .next::after{position:absolute;top:0;left:0;width:100%;height:100%;content:"\e600";text-transform:none;font-weight:normal;font-style:normal;font-variant:normal;font-family:'icomoon';line-height:2;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} .next.show{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);pointer-events:auto;} .newsletterForm .progress{width:0%;height:5px;background:#fff;-webkit-transition:width 0.4s ease-in-out;transition:width 0.4s ease-in-out;border-radius:0px;} .newsletterForm .progress::before{position:absolute;top:auto;width:100%;height:inherit;background:rgba(0,0,0,0.05);content:'';} .newsletterForm .number{display:none;} .newsletterForm .number:after{position:absolute;left:50%;content:'/';opacity:0.4;-webkit-transform:translateX(-50%);transform:translateX(-50%);} .newsletterForm .number span{float:right;width:40%;text-align:center;} .newsletterForm .number .number-current{float:left;} .newsletterForm .number-next{position:absolute;left:0;} .newsletterForm.show-next .number-current{-webkit-transition:-webkit-transform 0.4s;transition:transform 0.4s;-webkit-transform:translateY(-100%);transform:translateY(-100%);} .newsletterForm.show-next .number-next{-webkit-animation:moveUpFromDown 0.4s both;animation:moveUpFromDown 0.4s both;} .newsletterForm .error-message,.newsletterForm .final-message{position:absolute;visibility:hidden;opacity:0;-webkit-transition:opacity 0.4s;transition:opacity 0.4s;} .newsletterForm .error-message{margin-top:10px;width:100%;color:#fff;font-size:13px;} .final-message{top:50%;left:0;padding:0.5em;width:100%;text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%);} .error-message.show,.final-message.show{visibility:visible;opacity:1;} .final-message.show{-webkit-transition-delay:0.5s;transition-delay:0.5s;font-size:24px;} .newsletterFormInner.hide{visibility:hidden;opacity:0;-webkit-transition:opacity 0.3s,visibility 0s 0.3s;transition:opacity 0.3s,visibility 0s 0.3s;} .no-js .newsletterForm{font-size:1.75em;} .no-js .questions li{padding:0 0 2em;} .no-js .newsletterForm .submit{display:block;float:right;padding:10px 20px;border:none;background:rgba(0,0,0,0.3);color:rgba(0,0,0,0.4);} .no-js .newsletterForm .controls{display:none;} input[type=text]::-ms-clear{display:none;} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .pace-activity svg{display:none;} .vCenterWrapper{height:auto;} .vCenter{display:block;} #social .facebook,#social .instagram{display:block;position:relative;min-height:270px;} #social div a{position:absolute;} #social img{padding:0!important;} .slide.vCenterWrapper{height:100%;} .slide .sliderContent{margin-top:50%;transform:translateY(-50%);} #slide2,#slide3,#slide4{background-size:cover;background-blend-mode:none;} nav.overlay-menu{margin-top:50%;transform:translateY(-50%);height:100%;} #naviContent .bottombar{position:absolute;bottom:20px;width:100%;} } @supports (-ms-accelerator:true){.pace-activity svg{display:none;}