.ban1 .ban-inn{display:table;width:100%}
.ban1 .ban-inn .lhs{width:calc(100% - 480px);text-align:left}
.ban1 .ban-inn .rhs{width:480px;float:right}
.ban-inn .rhs:before{display:none}
.ban-inn .rhs span,.ban-inn .rhs .window::after,.ban-inn .rhs .window::before{background:url(https://www.manageengine.cn/products/self-service-password/images/workforce-self-service-ban-22.png) no-repeat;background-size:612px;position:absolute}
.ban-inn .rhs .ban-sprite{height:380px}
.ban1 .ban-intro .lhs{padding:105px 30px 105px 50px}
.ban-inn .rhs .window{background-position:-24px -29px;width:335px;height:286px}
.ban-inn .rhs .window::after{content:'';background-position:-390px -194px;width:146px;height:102px;position:absolute;bottom:22px;left:-60px;-webkit-animation:ticket 5s linear infinite both;animation:ticket 5s linear infinite both}
@-webkit-keyframes ticket {
from{-webkit-transform:translate(-72px,-200px);transform:translate(-72px,-200px);opacity:0}
10%{-webkit-transform:translate(-40px,-150px) rotate(20deg);transform:translate(-40px,-150px) rotate(20deg);opacity:1}
20%{-webkit-transform:translate(-20px,-100px) rotate(-20deg);transform:translate(-20px,-100px) rotate(-20deg);opacity:1}
50%{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
60%,to{-webkit-transform:translate(113px,82px);transform:translate(113px,82px);opacity:0}
}
@keyframes ticket {
from{-webkit-transform:translate(-72px,-200px);transform:translate(-72px,-200px);opacity:0}
10%{-webkit-transform:translate(-40px,-150px) rotate(20deg);transform:translate(-40px,-150px) rotate(20deg);opacity:1}
20%{-webkit-transform:translate(-20px,-100px) rotate(-20deg);transform:translate(-20px,-100px) rotate(-20deg);opacity:1}
50%{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
60%,to{-webkit-transform:translate(113px,82px);transform:translate(113px,82px);opacity:0}
}
.ban-inn .rhs .window::before{content:'';background-position:-401px -38px;width:135px;height:104px;position:absolute;bottom:10px;right:-148px;z-index:1;-webkit-animation:ticket2 5s linear infinite both;animation:ticket2 5s linear infinite both}
@-webkit-keyframes ticket2 {
from,50%{-webkit-transform:translate(-131px,60px);transform:translate(-131px,60px);opacity:0}
80%,90%{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
to{-webkit-transform:translate(30px,-25px);transform:translate(30px,-25px);opacity:0}
}
@keyframes ticket2 {
from,50%{-webkit-transform:translate(-131px,60px);transform:translate(-131px,60px);opacity:0}
80%,90%{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
to{-webkit-transform:translate(30px,-25px);transform:translate(30px,-25px);opacity:0}
}
.ban-inn .rhs .man{background-position:-7px -350px;width:287px;height:289px;top:22px;left:154px}
.ban-inn .rhs .tri{background-position:-323px -390px;width:271px;height:211px;bottom:44px;left:62px;z-index:2;-webkit-animation:tri 4s linear infinite both;animation:tri 4s linear infinite both}
@-webkit-keyframes tri {
from,to{-webkit-transform:translateY(0px);transform:translateY(0px)}
70%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}
}
@keyframes tri {
from,to{-webkit-transform:translateY(0px);transform:translateY(0px)}
50%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}
}
.ban-inn .rhs .tri-shadow{background-position:-328px -608px;width:265px;height:33px;bottom:0;right:144px;z-index:2;-webkit-animation:scale 4s linear infinite both;animation:scale 4s linear infinite both}
@-webkit-keyframes scale {
from,to{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(0.75);transform:scale(0.75);opacity:.4}
}
@keyframes scale {
from,to{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(0.75);transform:scale(0.75);opacity:.4}
}
.one-line-form{min-width:520px}
.redu.redu1 .tab-com:before{background-image:url(https://www.manageengine.cn/products/self-service-password/images/Workforce-self-service-tab-sprite-22.png);background-repeat:no-repeat;background-position:-22px -37px;width:208px;height:176px;right:26px;top:92px;z-index:1}
.redu.redu1 .tab-2-view:before{background-position:-299px -49px;width:188px;right:48px;top:100px}
.redu.redu1 .tab-3-view:before{background-position:-572px -38px;width:217px;right:28px;top:100px}
.redu.redu1 .tab-4-view:before{background-position:-873px -37px;width:181px;right:62px;top:95px}
.ttip1 .tip-tb-1-1{left:63%;top:36%}
.ttip1 .tip-tb-1-2{left:65%;top:28%}
.ttip1 .tip-tb-1-3{left:62%;top:73%}
.ttip3 .tip.tip-tb-1-1 div{width:180px}
.ttip3 .tip div{width:230px}
.ttip3 .tip-tb-1-1 div::before{right:-16px;left:unset;-webkit-transform:rotate(174deg);-ms-transform:rotate(174deg);transform:rotate(174deg)}
.ttip3 .tip-tb-1-1{left:3%;top:51%}
.ttip3 .tip-tb-1-1 i{left:200px;top:10px}
.ttip3 .tip-tb-1-2{left:58%;top:15%}
.ttip3 .tip-tb-1-2 i{top:-36px;left:50px}
.ttip3 .tip-tb-1-2 div:before{left:48px;top:-16px;-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg)}
.ttip3 .tip-tb-1-3{left:20%;top:20%}
.ttip3 .tip-tb-1-4{left:22%;top:70%;z-index:1}
.ttip3 .tip-tb-1-4 i{left:27px;top:-38px}
.ttip3 .tip-tb-1-4 div::before{left:25px;top:-16px;-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg)}
.ttip3 .tip-tb-1-5{left:87%;top:58%;z-index:1}
.ttip3 .tip-tb-1-5 i{left:28px;top:-38px}
.ttip3 .tip-tb-1-5 div::before{left:25px;top:-16px;-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg)}
.enhan .tab .lhs ul li:nth-child(1) .side-icon::after{background-position:-353px -503px}
.enhan .tab .lhs ul li:nth-child(2) .side-icon::after{background-position:-410px -503px}
.enhan .tab .lhs ul li:nth-child(3) .side-icon::after{background-position:-470px -503px}
.bene.bene1{padding-bottom:0}
.bene1 .bene-box-1::before{background-position:-535px -499px}
.bene1 .bene-box-2::before{background-position:-597px -499px}
.bene1 .bene-box-5::before{background-position:-665px -499px}
.bene1 .bene-box-4::before{background-position:-740px -499px}
.sche.sche1{margin-top:-100px}
.supp-box.supp-box-3:before{background-position:-805px -496px}
.supp-inn .tit h2 br{display:none}
.supp-box{min-height:360px}
footer{display:table;width:100%}
@media screen and (max-width: 1250px) {
.ban1 .ban-inn .lhs{width:calc(100% - 430px)}
.ban1 .ban-inn .rhs{width:430px}
}
@media screen and (max-width: 1229px) {
.supp-box{min-height:400px}
}
@media screen and (max-width: 1200px) {
.ban1 .ban-intro .lhs{padding:50px}
.ban1 .ban-inn .lhs h1{font-size:38px}
}
@media screen and (max-width: 1140px) {
.ban1 .ban-inn .rhs{-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);left:40px}
}
@media screen and (max-width: 1100px) {
.sche.sche1{margin-top:40px}
.ban1 .ban-inn .lhs h1{font-size:30px}
.ban1 .ban-inn .lhs h1 span{font-size:28px}
.ban1 .ban-inn .rhs{top:-30px}
.ban1 .ban-inn{padding-bottom:0}
}
@media screen and (max-width: 1025px) {
.footer-links .fea-nav.container {width: 96%;}
}
@media screen and (max-width: 992px) {
.ban.ban1{padding:40px 0 60px}
.ban1 .ban-inn .rhs{display:none}
.ban1 .ban-inn{padding-bottom:0}
.ban1 .ban-inn .lhs{width:100%;text-align:center}
.one-line-form{min-width:100%}
.bene.bene1{padding-top:60px}
.supp.supp1{padding-top:60px}
.supp-inn .supp-box{min-height:auto}
.supp-inn-bx ul:last-child li:last-child div{border-bottom:none}
.supp1 .supp-inn .tit h2 span{font-size:24px}
}
@media screen and (max-width: 767px) {
.ban1 .ban-intro .lhs{padding:30px 20px}
}
@media screen and (max-width: 450px) {
.ban1 .ban-inn .lhs h1 br{display:block}
.ban1 .ban-inn .lhs h1{font-size:26px;line-height:1.3}
.ban1 .ban-inn .lhs h1 span{font-size:25px;line-height:1.3}
.supp1 .supp-inn .tit h2 br{display:block}
}