#scroll{display:none}
.CS_CTAContainer {float: none !important;}
.ac{max-width:1340px;padding:0 20px}
.ban{padding:50px 0}
.ban .lhs{width:calc(100% - 580px)}
.ban .rhs{width:580px}
.ban .lhs h1{color:#151a22;padding-right:25px;line-height:1.4}
.ban .lhs h1 strong{display:block}
.ban-ani{height:394px;width:580px;position:relative;top:30px}
.ban1 .ban-ani span{background:url(/sites/meweb/images/fr/active-directory-360/images/sso-solution-banner-sprite-22.png) no-repeat;background-size:600px}
.ban1 .ban-ani .shield{background-position:-10px -480px;width:580px;height:166px;bottom:0;left:0;right:0;margin:auto}
.ban1 .ban-ani .line{background-position:-7px -267px;width:397px;height:194px;top:10px;left:0;right:0;margin:auto}
.ban .ban-ani .card1{background-position:-7px -16px;width:56px;height:34px;bottom:-20px;left:94px;-webkit-animation:card1 1.4s .2s linear both,cards 2s 7.2s linear infinite;animation:card1 1.4s .2s linear both,cards 2s 7.2s linear infinite}
@-webkit-keyframes card1 {
0%{-webkit-transform:translate(75px,-154px);transform:translate(75px,-154px)}
40%{-webkit-transform:translate(27px,-58px);transform:translate(27px,-58px)}
60%{-webkit-transform:translate(0,-58px);transform:translate(0,-58px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes card1 {
0%{-webkit-transform:translate(75px,-154px);transform:translate(75px,-154px)}
40%{-webkit-transform:translate(27px,-58px);transform:translate(27px,-58px)}
60%{-webkit-transform:translate(0,-58px);transform:translate(0,-58px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
.ban .ban-ani .card2{background-position:-6px -73px;width:116px;height:72px;bottom:-28px;left:-90px;-webkit-animation:card2 1.4s 1.3s linear both,cards 2s 7.4s linear infinite;animation:card2 1.4s 1.3s linear both,cards 2s 7.4s linear infinite}
@-webkit-keyframes card2 {
0%{-webkit-transform:translate(235px,-124px) scale(.8);transform:translate(235px,-124px) scale(.8)}
40%{-webkit-transform:translate(135px,-70px) scale(.8);transform:translate(135px,-70px) scale(.8)}
60%{-webkit-transform:translate(98px,-14px) scale(.8);transform:translate(98px,-14px) scale(.8)}
100%{-webkit-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1)}
}
@keyframes card2 {
0%{-webkit-transform:translate(235px,-124px) scale(.8);transform:translate(235px,-124px) scale(.8)}
40%{-webkit-transform:translate(135px,-70px) scale(.8);transform:translate(135px,-70px) scale(.8)}
60%{-webkit-transform:translate(98px,-14px) scale(.8);transform:translate(98px,-14px) scale(.8)}
100%{-webkit-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1)}
}
.ban .ban-ani .card3{background-position:-81px -9px;width:81px;height:50px;top:48px;left:-42px;-webkit-animation:card3 1.4s 2s linear both,cards 2s 7.6s linear infinite;animation:card3 1.4s 2s linear both,cards 2s 7.6s linear infinite}
@-webkit-keyframes card3 {
0%{-webkit-transform:translate(200px,0px);transform:translate(200px,0px)}
40%{-webkit-transform:translate(107px,35px);transform:translate(107px,35px)}
60%{-webkit-transform:translate(82px,-2px);transform:translate(82px,-2px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes card3 {
0%{-webkit-transform:translate(200px,0px);transform:translate(200px,0px)}
40%{-webkit-transform:translate(107px,35px);transform:translate(107px,35px)}
60%{-webkit-transform:translate(82px,-2px);transform:translate(82px,-2px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
.ban .ban-ani .card4{background-position:-133px -85px;width:78px;height:48px;top:-38px;left:92px;-webkit-animation:card4 1.4s 2.8s linear both,cards 2s 7.8s linear infinite;animation:card4 1.4s 2.8s linear both,cards 2s 7.8s linear infinite}
@-webkit-keyframes card4 {
0%{-webkit-transform:translate(67px,82px);transform:translate(67px,82px)}
50%{-webkit-transform:translate(-11px,56px);transform:translate(-11px,56px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes card4 {
0%{-webkit-transform:translate(67px,82px);transform:translate(67px,82px)}
50%{-webkit-transform:translate(-11px,56px);transform:translate(-11px,56px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
.ban .ban-ani .card5{background-position:-179px -9px;width:82px;height:51px;top:-6px;right:0;-webkit-animation:card5 1.4s 3s linear both,cards 2s 8s linear infinite;animation:card5 1.4s 3s linear both,cards 2s 8s linear infinite}
@-webkit-keyframes card5 {
0%{-webkit-transform:translate(-163px,42px);transform:translate(-163px,42px)}
50%{-webkit-transform:translate(-110px,0px);transform:translate(-110px,0px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes card5 {
0%{-webkit-transform:translate(-163px,42px);transform:translate(-163px,42px)}
50%{-webkit-transform:translate(-110px,0px);transform:translate(-110px,0px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
.ban .ban-ani .card6{background-position:-222px -83px;width:81px;height:50px;bottom:-28px;right:-44px;-webkit-animation:card6 1.4s 4s linear both,cards 2s 7s linear infinite;animation:card6 1.4s 4s linear both,cards 2s 7s linear infinite}
@-webkit-keyframes card6 {
0%{-webkit-transform:translate(-203px,-129px);transform:translate(-203px,-129px)}
30%{-webkit-transform:translate(-117px,-68px);transform:translate(-117px,-68px)}
60%{-webkit-transform:translate(0px,-68px);transform:translate(0px,-68px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes card6 {
0%{-webkit-transform:translate(-203px,-129px);transform:translate(-203px,-129px)}
30%{-webkit-transform:translate(-117px,-68px);transform:translate(-117px,-68px)}
60%{-webkit-transform:translate(0px,-68px);transform:translate(0px,-68px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@-webkit-keyframes cards {
from,to{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(.8);transform:scale(.8)}
}
@keyframes cards {
from,to{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(.8);transform:scale(.8)}
}
.ban1 .ban-ani .man{background-position:-321px -9px;width:94px;height:231px;right:156px;top:30px}
.ban1 .ban-ani .key{background-position:-432px -4px;width:110px;height:243px;top:16px;left:0;right:0;margin:auto}
.one-line-form.with-state{width:550px}
.one-line-form.with-state ul li input[type=submit]{padding:0 48px 0 22px}
.one-line-form.with-state ul li .icn-dwn{right:10px}
.sec2 .inn .lhs{padding:50px}
.sec2 .inn .lhs h2{font-size:27px}
.sec2 .inn .lhs p{font-size:21px}
.sec3 .tit h2 strong{font-size:32px;font-weight:500;display:block}
.sec3 .tit h2{font-size:28px;font-weight:300;line-height:1.4}
.tab-1-tit ul{padding:0}
.sec3-1 .tab-1-tit ul li span:before,.sec4-1 .tab-1-tit ul li span:before{background:url(/sites/meweb/images/fr/active-directory-360/images/sso-solution-sprite-22.png) no-repeat;background-size:460px;top:0;bottom:0;margin:auto}
.sec3-1 .tab-1-tit ul li span{height:84px;display:table-cell;vertical-align:middle;text-align:left}
.sec3-1 .tab-1-ic ul li:nth-child(1) span:before{background-position:-2px -5px;width:31px;height:24px;left:16px}
.sec3-1 .tab-1-ic ul li:nth-child(2) span:before{background-position:-39px -5px;width:17px;height:29px}
.sec3-1 .tab-1-ic ul li:nth-child(3) span:before{background-position:-63px -6px;width:25px;height:25px}
.tab-1-com .lhs{padding-right:500px;position:relative}
.sec3-1 .tab-1-com .lhs::before{content:'';background:url(/sites/meweb/images/fr/active-directory-360/images/sso-solution-sprite-22.png) no-repeat;background-size:460px;width:286px;height:286px;position:absolute;right:30px;top:0;bottom:0;margin:auto}
.sec3-1 .tab-1-view .lhs::before{background-position:-160px -6px}
.sec3-1 .tab-2-view .lhs::before{background-position:-4px -312px}
.sec3-1 .tab-3-view .lhs::before{background-position:-4px -615px}
.sec4 .tit h2{font-size:28px;font-weight:300;line-height:1.3;color:#fff}
.sec4 .tit h2 strong{font-size:32px;display:block;font-weight:600}
.sec4 .tab-1-tit ul li span{height:84px;display:table-cell;vertical-align:middle;line-height:1.4}
.sec4-1 .tab-2-ic ul li:nth-child(1) span:before{background-position:-3px -52px;width:34px;height:28px}
.sec4-1 .tab-2-ic ul li:nth-child(2) span:before{background-position:-44px -51px;width:35px;height:27px}
.sec4-1 .tab-2-ic ul li:nth-child(3) span:before{background-position:-87px -51px;width:33px;height:26px}
.sec4-1 .tab-2-ic ul li:nth-child(4) span:before{background-position:-5px -90px;width:39px;height:30px}
.sec4-1 .tip-tb-1-1{top:13.5%;left:14.5%}
.sec4-1 .tip-tb-2-1{top:50.5%;left:28.5%}
.sec4-1 .tip-tb-2-2{left:92%;top:24%}
.sec4-1 .tip-tb-2-2 div{right:-100px;top:34px}
.sec4-1 .tip-tb-2-2 div::before{left:130px;top:-4px}
.sec4-1 .tip-tb-3-1{left:30.5%;top:5.8%}
.sec5.sec5-1 .inn:before{background:url(/sites/meweb/images/fr/active-directory-360/images/sso-solution-sprite-22.png) no-repeat -5px -133px;background-size:460px}
.sec5.sec5-1 .inn .lhs{width:450px;padding:90px 0 0 100px}
.sec5.sec5-1 .inn{padding:0}
.sec5.sec5-1 .inn .rhs{border:none;background:none;border-radius:0;padding:60px 30px;width:calc(100% - 450px);border-left:1px solid #dbdfe2}
.sec5 .inn .rhs ul{display:inline-block;width:calc(90% / 2);vertical-align:top}
.sec5 .inn .rhs ul:first-child{padding-right:50px}
.sec5.sec5-1 .inn .rhs ul:first-child::before{content:'';width:1px;height:100%;background:-o-linear-gradient(top,rgba(218,218,218,0.051) 0,#dbdfe2 50%,rgba(218,218,218,0.051) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(218,218,218,0.051)),color-stop(50%,#dbdfe2),to(rgba(218,218,218,0.051)));background:linear-gradient(to bottom,rgba(218,218,218,0.051) 0,#dbdfe2 50%,rgba(218,218,218,0.051) 100%);position:absolute;right:22px;top:0;bottom:0;margin:auto}
.sec5.sec5-1 .inn .rhs ul:first-child::after{content:'';background:-o-linear-gradient(left,rgba(218,218,218,0.051) 0,#dbdfe2 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(218,218,218,0.051)),to(#dbdfe2));background:linear-gradient(to right,rgba(218,218,218,0.051) 0,#dbdfe2 100%);width:100%;height:1px;position:absolute;top:calc(50% - 2px);right:22px}
.sec5.sec5-1 .inn .rhs ul:last-child::before{content:'';background:-o-linear-gradient(right,rgba(218,218,218,0.051) 0,#dbdfe2 100%);background:-webkit-gradient(linear,right top,left top,color-stop(0,rgba(218,218,218,0.051)),to(#dbdfe2));background:linear-gradient(to left,rgba(218,218,218,0.051) 0,#dbdfe2 100%);width:100%;height:1px;position:absolute;bottom:calc(50% - 55px);left:-25px}
.sec5.sec5-1 .inn .rhs ul li{padding:0 0 40px 30px}
.sec5.sec5-1 .inn .rhs ul li:last-child{padding-bottom:0}
@media (max-width: 1200px) {
.ban-ani{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);left:30px}
.sec3-1 .tab-1-tit ul li span{text-align:center}
.tab-1-com .lhs{padding-right:350px}
.sec5.sec5-1 .inn .rhs ul:first-child::after,.sec5.sec5-1 .inn .rhs ul:first-child::before,.sec5.sec5-1 .inn .rhs ul:last-child::before{display:none}
.sec5 .inn .rhs ul{display:block;width:100%}
.sec5.sec5-1 .inn .rhs ul li{padding:0 0 24px 30px}
.sec5.sec5-1 .inn .rhs ul li:last-child{padding-bottom:24px}
.sec5.sec5-1 .inn .rhs ul:last-child li:last-child{padding-bottom:0}
}
@media (max-width: 1124px) {
.tab-1-tit ul li span{font-size:15px}
}
@media (max-width: 1100px) {
.ban .lhs{width:100%}
.ban .lhs h1{padding-right:0}
.sec5.sec5-1 .inn:before{display:none}
.sec5.sec5-1 .inn .rhs,.sec5.sec5-1 .inn .lhs{width:100%}
.sec5.sec5-1 .inn .lhs{padding:40px 20px}
.sec5 .inn .lhs h2 br{display:none}
}
@media (max-width: 992px) {
.tab-1-com .lhs{padding-right:0}
.sec3-1 .tab-1-com .lhs::before{display:none}
}
@media (max-width: 950px) {
.one-line-form.with-state{width:100%}
.tab-1-tit ul li span{font-size:14px;line-height:1.4}
}
@media (max-width: 769px) {
.tab-1-tit ul{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.tab-1-tit ul li{padding:0}
.sec3-1 .tab-1-tit ul li span{height:auto;display:block}
.sec3-1 .tab-1-tit ul li span br{display:none}
}
@media (max-width: 767px) {
.sec3 .tit h2{font-size:26px}
.sec4 .tab-1-tit ul li span{height:auto}
.sec4 .tab-1-tit ul li span br{display:none}
.sec6 h2 br{display:none}
}
@media (max-width: 600px) {
.sec2 .inn .lhs,.sec2 .inn .rhs{padding:24px}
.sec2 .inn .lhs h2{font-size:24px}
.sec2 .inn .lhs p,.sec2 .inn .rhs p{font-size:16px;line-height:1.3}
.sec2 .inn .rhs p{line-height:1.6}
.sec3{padding:70px 0 90px}
.sec3.sec4{padding-bottom:140px}
.sec3 .tit h2{font-size:20px}
.sec5.sec5-1 .inn .lhs{padding:24px}
.sec5.sec5-1 .inn .rhs{padding:24px}
.sec5 .inn .lhs h2,.sec5 .inn .lhs h2 span{font-size:18px;line-height:1.4}
.sec6{padding:60px 0}
.sec6 h2{font-size:22px;line-height:32px}
}
@media (max-width: 500px) {
.ban .lhs h1 strong{line-height:1.3}
}