.ban1 .ban-inn{display:table;width:100%;padding-bottom:50px}
.ban1 .ban-inn .lhs{width:calc(100% - 564px);text-align:left}
.ban1 .ban-inn .rhs{width:564px;float:right}
.ban-inn .rhs:before{display:none}
.ban-inn .rhs span{background:url(https://www.manageengine.cn/products/self-service-password/images/zero-trust-banner-22.png) no-repeat;background-size:600px;position:absolute}
.ban-inn .rhs .ban-sprite{height:380px}
.ban1 .ban-inn .lhs h1{line-height:68px}
.ban1 .ban-inn .lhs h1 br{display:none}
.ban1 .ban-inn .lhs h1 span{font-size:46px;display:inline}
.ban1 .ban-intro .rhs{padding:50px}
.ban1 .ban-intro .rhs p:first-child{margin-bottom:30px}
.ban-inn .rhs .buildings{overflow:hidden;display:block;width:573px;height:299px;position:absolute}
.ban-inn .rhs .building,.ban-inn .rhs .building1{background-position:-13px -13px;width:573px;height:299px}
.ban-inn .rhs .building{-webkit-animation:build 20s linear infinite;animation:build 20s linear infinite}
.ban-inn .rhs .building1{-webkit-animation:build1 20s linear infinite;animation:build1 20s linear infinite}
@-webkit-keyframes build {
0%{left:calc(50% - 320px)}
100%{left:100%}
}
@keyframes build {
0%{left:calc(50% - 320px)}
100%{left:100%}
}
@-webkit-keyframes build1 {
0%{left:-573px}
100%{left:calc(50% - 320px)}
}
@keyframes build1 {
0%{left:-573px}
100%{left:calc(50% - 320px)}
}
.ban-inn .rhs .man{background-position:-13px -348px;width:271px;height:311px;top:15px;left:0;right:0;margin:auto;-webkit-animation:man 4s 1s linear infinite both;animation:man 4s 1s linear infinite both}
.ban-inn .rhs .man::before{content:'';width:60px;height:60px;background:#fff;border-radius:50px;position:absolute;bottom:75px;right:25px;-webkit-animation:tick .8s .6s linear both;animation:tick .8s .6s linear both}
@-webkit-keyframes tick {
to{width:0}
}
@keyframes tick {
to{width:0}
}
@-webkit-keyframes man {
from,to{-webkit-transform:translateY(0px);transform:translateY(0px)}
70%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}
}
@keyframes man {
from,to{-webkit-transform:translateY(0px);transform:translateY(0px)}
50%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}
}
.ban-inn .rhs .man-shadow{background-position:-325px -393px;width:109px;height:33px;bottom:22px;left:220px;-webkit-animation:scale 4s 1s linear infinite both;animation:scale 4s 1s 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:.8}
}
@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/zero-trust-tab1-icon-22.png);background-repeat:no-repeat;background-size:766px;background-position:-12px -12px;width:257px;height:176px;right:26px;top:108px;z-index:1}
.redu.redu1 .tab-2-view:before{background-position:-310px -12px;width:215px;top:95px}
.redu.redu1 .tab-3-view:before{background-position:-567px -12px;width:183px;right:64px;top:100px}
.ttip .tip div{width:230px}
.ttip1 .tip-tb-1-1{left:-16px;top:19%;z-index:1}
.ttip1 .tip-tb-1-1 i{left:246px;top:12px}
.ttip1 .tip div:before{left:228px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);z-index:-1}
.ttip1 .tip-tb-1-2{left:-16px;top:29%;z-index:1}
.ttip1 .tip-tb-1-2 i{left:246px;top:12px}
.ttip2 .tip-tb-1-1{top:21%;left:56%}
.ttip2 .tip-tb-1-2{top:34%;left:68%}
.ttip2 .tip-tb-1-2 i{left:208px;top:-37px}
.ttip2 .tip.tip-tb-1-2 div:before{left:206px;top:-17px;-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg)}
.ttip2 .tip-tb-1-3{top:41%;left:48%}
.ttip3 .tip-tb-1-1{left:-16px;top:19%;z-index:1}
.ttip3 .tip-tb-1-1 i{left:246px;top:12px}
.ttip3 .tip div:before{left:228px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);z-index:-1}
.enhan .tab .tit h2 br{display:none}
.enhan .tab .lhs ul li:nth-child(1) .side-icon::after{background-position:-355px -636px}
.enhan .tab .lhs ul li:nth-child(2) .side-icon::after{background-position:-411px -636px}
.enhan .tab .lhs ul li:nth-child(3) .side-icon::after{background-position:-470px -636px}
.bene.bene1{padding-bottom:0}
.bene1 .bene-box-1::before{background-position:-700px -633px;width:36px}
.bene1 .bene-box-2::before{background-position: -743px -629px;}
.bene1 .bene-box-5::before{background-position:-717px -423px}
.bene1 .bene-box-4::before{background-position: -786px -630px;}
.sche.sche1{margin-top:-100px}
.supp-box.supp-box-3:before{background-position:-805px -496px}
.supp-box.supp-box-6:before{background-position:-861px -496px}
.supp-inn .tit h2 br{display:none}
.supp-box{min-height:360px}
footer{display:table;width:100%}
@media screen and (min-width: 1201px) {
.ban1 .ban-intro{display:table}
.ban1 .ban-intro .lhs{display:table-cell;vertical-align:middle;float:none}
.ban1 .ban-intro .rhs{display:table-cell;vertical-align:middle;float:none}
}
@media screen and (max-width: 1250px) {
.ban1 .ban-inn .rhs{-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);left:60px}
}
@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;line-height:50px}
.ban1 .ban-inn .lhs h1 span{font-size:38px}
}
@media screen and (max-width: 1140px) {
.ban1 .ban-inn .rhs{-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7);left:60px;top:-40px}
}
@media screen and (max-width: 1100px) {
.sche.sche1{margin-top:40px}
.ban1 .ban-inn .lhs h1{font-size:30px;line-height:40px;width:480px}
.ban1 .ban-inn .lhs h1 span{font-size:30px;line-height:40px;padding:0}
.ban1 .ban-inn .lhs{width:calc(100% - 500px)}
.ban1 .ban-inn .rhs{top:-70px;left:80px;width:500px}
.ban1 .ban-inn{padding-bottom:0}
.ban-inn .rhs .ban-sprite{height:300px}
.ban-inn .rhs .buildings{width:500px}
.ban-inn .rhs .man-shadow{left:188px;bottom:-56px}
}
@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 .lhs h1{line-height:40px;width:auto}
.ban1 .ban-inn .lhs h1 br{display:block}
.ban1 .ban-inn .lhs h1 span{line-height:20px;padding-top:0}
.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}
.sche1 .sche-inn h2{padding:0}
}
@media screen and (max-width: 767px) {
.ban1 .ban-intro .lhs{padding:30px 20px}
.ban1 .ban-intro .rhs{padding:24px}
.ban1 .ban-intro .rhs p{font-size:15px;line-height:28px}
.sche1 .sche-inn h2{font-size:20px;line-height:28px}
.sche1 .sche-inn h2 span{display:inline-block;line-height:28px}
}
@media screen and (max-width: 450px) {
.ban1 .ban-inn .lhs h1 br{display:none}
.ban1 .ban-inn .lhs h1{font-size:26px;line-height:1.5;padding:0 40px}
.ban1 .ban-inn .lhs h1 span{font-size:26px;display:inline;line-height:1.5}
.supp1 .supp-inn .tit h2 br{display:block}
}
@media screen and (max-width: 375px) {
.ban1 .ban-inn .lhs h1{padding:0 20px}
.enhan .tab .tit h2 br{display:block}
}