.ban-inn .lhs h1,.ban-inn .lhs h1 span{font-size:42px;display:inline}
.ban-inn .lhs{width:calc(100% - 620px)}
.ban-inn .rhs:before{display:none}
.ban-inn .rhs{width:620px;transform:scale(1.15);right:40px}
.banner-img{position:relative;width:100%;max-width:540px;min-height:340px;float:right!important;display:table}
.banner-img span{background-image:url(https://www.manageengine.cn/products/self-service-password/images/adaptive-multi-factor-authentication-banner-22.png);display:block;background-size:404px;background-repeat:no-repeat;position:absolute}
span.banner-shiled{width:143px;height:170px}
span.banner-laptop{width:404px;height:286px;background-position:0 -290px;left:40px;top:70px}
span.banner-pendrive{width:38px;height:95px;background-position:-15px -178px;left:10px;bottom:60px;animation:pendrive-anim 5s infinite}
span.banner-chat{width:90px;height:54px;background-position:-180px 3px;left:calc(50% - 90px)}
span.banner-tick{width:76px;height:76px;background-position:-72px -200px;right:100px;top:40px}
span.banner-mobile{width:116px;height:200px;background-position:-161px -54px;right:0;bottom:10px}
span.banner-mobile summary{position:absolute}
.mobile-finger-print{background-color:#a3c9fe;width:60px;height:52px;display:block;left:32px;top:88px;animation:slideDown 5s infinite}
@keyframes slideDown {
0%{opacity:1;max-height:52px}
50%{opacity:1;max-height:0;background-color:#a3c9fe}
55%{max-height:0;background-color:#a3c9fe}
61%{max-height:52px;background-color:rgba(0,255,0,0.2)}
100%{opacity:1;max-height:52px;background-color:rgba(0,255,0,0.3)}
}
.banner-laptop summary{position:absolute}
.laptop-username,.laptop-password{background-color:#fff;width:90px;height:14px;display:block;right:156px;top:112px;border-radius:2px;animation:slideRight 5s infinite}
.laptop-password{top:130.5px}
@keyframes slideRight {
0%{opacity:1;max-width:86px}
60%{opacity:1;max-width:0;background-color:#fff}
61%{max-width:86px;background-color:rgba(0,255,0,0.3)}
100%{opacity:1;max-width:86px;background-color:rgba(0,255,0,0.3)}
}
.laptop-button{background-color:rgba(0,255,0,0);width:76px;height:14px;display:block;right:161px;top:154px;border-radius:2px;animation:colorChange 5s infinite;font-size:6px;line-height:14px;text-align:center;color:#fff}
.laptop-success{position:absolute;background-color:#a3c9fe;width:130px;height:148px;display:block;right:134px;top:45px;opacity:0;animation:success-anim 5s infinite}
@keyframes success-anim {
70%{opacity:0}
71%{opacity:1}
100%{opacity:1}
}
@keyframes colorChange {
50%{background-color:rgba(0,255,0,0)}
51%{background-color:rgba(0,255,0,0.3)}
100%{background-color:#199719}
}
.banner-tick-anim{position:absolute;background-color:#7bd6b3;width:30px;height:30px;display:block;right:22px;top:22px;animation:tickslideRight 5s infinite}
.banner-shiled-tick-anim{position:absolute;background-color:#eaf3ff;width:80px;height:80px;right:30px;top:60px;animation:tickslideRight1 5s infinite}
@keyframes tickslideRight {
0%{max-width:30px}
70%{max-width:30px}
75%{max-width:0}
100%{max-width:0}
}
@keyframes tickslideRight1 {
0%{max-width:80px}
70%{max-width:80px}
75%{max-width:0}
100%{max-width:0}
}
.banner-chat-anim{position:absolute;background-color:#fff;width:80px;height:20px;right:5px;top:12px;animation:chatlideRight 5s infinite}
@keyframes chatlideRight {
0%{max-width:80px}
100%{max-width:0}
}
.laptop-success .banner-shiled{transform:scale(0.8);top:-10px;right:-6px}
@keyframes pendrive-anim {
0%{transform:rotate(0deg)}
20%{transform:rotate(90deg) scale(0.8);bottom:-15px;left:5px}
60%{transform:rotate(90deg) scale(0.8) rotateY(60deg) rotateZ(5deg);bottom:-25px;left:5px}
71%{transform:rotate(90deg) scale(0.8) rotateY(60deg) rotateZ(5deg);bottom:-25px;left:22px}
75%{transform:rotate(90deg) scale(0.8) rotateY(60deg) rotateZ(5deg);bottom:-25px;left:22px}
100%{transform:rotate(0deg)}
}
.ban-intro .lhs{width:330px}
.ban-intro .rhs{width:calc(100% - 330px)}
.redu .tab-com:after{right:20px;top:0}
.redu .tab-com:before{background-image:url(https://www.manageengine.cn/products/self-service-password/images/adaptive-multi-factor-authentication-MFA-sprite-22.png);background-size:986px;top:50px;right:-10px}
.redu .tab-com.tab-1-view:before{width:259px;height:180px;background-position:2px 0}
.redu .tab-com.tab-2-view:before{width:259px;height:180px;background-position:-258px 2px;right:26px}
.redu .tab-com.tab-3-view:before{width:190px;height:180px;background-position:-515px 2px;right:68px}
.redu .tab-com.tab-4-view:before{width:283px;height:180px;background-position:-705px 8px;right:25px}
.adaptive-mfa-box{background-color:#fafcff;padding:60px 60px 200px;margin-bottom:150px;position:relative;border:2px solid #eaf0f8;border-radius:20px}
.adaptive-mfa-box h4{font-size:22px;font-weight:400;color:#0864f0;margin-bottom:20px;line-height: 1.6;}
.adaptive-mfa-box p{font-size:16px;line-height:1.6}
.adaptive-mfa-box ul{margin:20px 0}
.adaptive-mfa-box ul,.adaptive-mfa-box ul li{font-size:16px;line-height:2;padding-left:40px;position:relative}
.adaptive-mfa-box ul li::before{content:"";background-image:url(https://www.manageengine.cn/products/self-service-password/images/adaptive-multi-factor-authentication-banner-22.png);background-size:404px;background-position:-173px -252px;width:16px;height:16px;display:block;background-repeat:no-repeat;position:absolute;left:15px;top:6px}
.adaptive-mfa-box img{position:absolute;bottom:-180px;max-width:1000px;left:calc(50% - 500px);width:100%}
.enhan .rhs{height:auto;position:relative;overflow:hidden}
.enhan .rhs:before{content:"";background-image:url(https://www.manageengine.cn/products/self-service-password/images/adaptive-multi-factor-authentication-banner-22.png);background-size:404px;background-position:0 -570px;width:306px;height:400px;display:block;background-repeat:no-repeat;position:absolute;bottom:-140px;right:-20px}
.enhan .rhs img{position:relative;width:100%;}
.enhan .tab .lhs ul li:nth-child(1) span:after{background-position:-350px -636px}
.enhan .tab .lhs ul li:nth-child(2) span:after{background-position:-405px -636px}
.enhan .tab .lhs ul li:nth-child(3) span:after{background-position:-466px -636px}
.bene-box.bene-box-1:before{background-position:-480px -572px}
.bene-box.bene-box-2:before{background-position:-530px -571px}
.bene-box.bene-box-5:before{background-position:-576px -571px}
.bene-box.bene-box-4:before{background-position:-662px -420px}
.sche small,.sche small a{font-size:14px;color:#fff;font-weight:200;position: relative;z-index: 1;}
.sche small{display:table;margin:20px auto 10px}
.sche small a{border-bottom:1px solid #fff}
.supp-box{min-height:360px}
.supp-box:before{width:45px;height:45px}
.supp-box.supp-box-1:before{background-position:-690px -12px}
.supp-box.supp-box-2:before{background-position:-798px -12px}
.supp-box.supp-box-3:before{background-position:-805px -496px}
.supp-box.supp-box-4:before{background-position:-744px -12px}
.tip p span{font-size:12px;color:#222;font-weight:500;display:table}
.tip-tb-1-1{left:31%;top:20%}
.tip-tb-1-2{left:31%;top:30%}
.tip-tb-2-1{left:47%;top:41%}
.tip-tb-2-2{top:28%;left:48%}
.tip-tb-2-3{top:22%;left:60%}
.tip-tb-3-1{left:30%;top:21%}
.tab .lhs ul li span:after{opacity:.7}
.tab .lhs ul li span.act:after{opacity:1}
.tip div{height:0;overflow:hidden}
.tip.act div{height:auto;overflow:inherit}
.redu-tb .rhs{height:320px}
.redu .tab-com .txt{height:200px}
@media(max-width:1366px) {
.ban-inn .rhs{width:560px;transform:scale(1);right:0}
.ban-inn .lhs{width:calc(100% - 560px)}
}
@media(max-width:1280px) {
.ban-inn .lhs{padding-right:0}
.ban-inn .rhs{top:0}
.ban-inn .lhs h1,.ban-inn .lhs h1 span{font-size:36px;line-height:1.4}
}
@media(max-width:1240px) {
.ban-inn .lhs h1,.ban-inn .lhs h1 span{font-size:34px}
}
@media(max-width:1200px) {
.ban-inn .rhs{position:absolute;right:-40px;top:0;transform:scale(0.85)}
.ban-inn .lhs{min-height:auto;width:calc(100% - 480px)}
.ban-intro .lhs,.ban-intro .rhs{width:100%}
.adaptive-mfa-box img{bottom:-140px}
.adaptive-mfa-box{padding-bottom:18%}
.redu{padding-bottom:40px}
.redu.enhan-tb{padding:60px 0}
}
@media(max-width:1100px) {
.ban-inn .lhs h1 span{display:table;margin:0 auto;width:100%;float:none}
.ban-inn .lhs{min-height:auto;width:100%}
.ban-inn .rhs{display:none}
.ban-inn .lhs h1,.ban-inn .lhs h1 span{font-size:42px;line-height:1.4;margin:0;padding:0}
.ban-inn{padding-bottom:40px;margin:0 auto;width:100%;float:none}
.adaptive-mfa-box img{left:0}
.ban-intro:before{display:none}
.bene-inn{margin-bottom:90px}
}
@media(max-width:991px) {
.ban-inn .lhs h1,.ban-inn .lhs h1 span{font-size:32px}
.redu .lhs{width:260px}
.redu .rhs{width:calc(100% - 260px)}
.tab .lhs ul li span{height:48px}
.redu .tab-com .txt{height:260px}
.supp-box{min-height:auto}
li:last-child .supp-box{border-bottom:0}
}
@media(max-width:767px) {
.ban-inn .lhs h1,.ban-inn .lhs h1 span{font-size:26px}
.redu .tab-com .txt{height:auto}
.redu .lhs{display:none}
.redu .rhs{height:auto;width:100%}
.redu .tab-com{display:block;margin-bottom:40px;border-bottom:1px solid #f0f0f0;padding-bottom:40px}
.redu .tab-com:last-child{border:0;margin-bottom:0;padding-bottom:20px}
.bene,.supp,.expl{padding-top:40px}
.bene-inn{margin-bottom:40px}
.redu.enhan-tb{padding:30px 0 50px}
}
@media(max-width:680px) {
.adaptive-mfa-box{padding:40px;margin-bottom:0}
.adaptive-mfa-box img{position:initial}
.adaptive-mfa-box ul{padding-left:0}
.bene-com{width:100%}
}
@media(max-width:480px){
	.adaptive-mfa-box{
		padding:40px 30px;
	}
	.bene-inn{
		margin-bottom: 0;
	}
}