.sec-pTB{
				padding: 0!important;
			}
			.sec6{
				margin-bottom: 0!important;
			}
			p {
				font-size: 14px!important;
				line-height: 28px!important;
			}
			
			span {
				font-size: 14px!important;
				line-height: 28px!important;
			}
			
			ul li {
				font-size: 14px!important;
				line-height: 28px!important;
			}
			
			h2 {
				line-height: 1.6!important;
			}
			
			.ban .lhs h1 {
				line-height: 60px!important;
			}
			
			.sec2 .inn .lhs h2 {
				font-size: 20px!important;
			}
			
			.sec5 .inn {
				width: 100%;
			}
			
			.sec2 .inn .rhs {
				padding: 54px 50px;
			}
			
			.tab-1-com .lhs {
				padding: 40px 70px 40px 0;
			}
			
			
			.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(https://www.manageengine.com/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(https://www.manageengine.com/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(https://www.manageengine.com/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: 28px;
				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(https://www.manageengine.com/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 {
					font-size: 40px;
					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: 28px
				}
				.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: 30px
				}
				.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
				}
			}