.container {
	max-width: 1200px
}
body {
	color: #333;
}
#lhsTree a {
	color: #333
}
.fixed_bar_hcontainer {
	margin: 195px -89px 0
}
.hideAnimation {
	margin: 195px -89px 0 0;
	transition: all .5s
}
.showAnimation {
	margin: 195px 0 0;
	transition: all .5s
}
#lhsTree>li {
	color: #333;
}
#lhsTree>li, #scroll ul.relPrd > li {
	border-bottom: none;
}
#lhsTree>li>ul li, #scroll ul.relPrd li ul li, #scroll ul.relPrd li ul li {
	border-top: none;
}
#lhsTree>li>ul li.feaact {
	background: #f1f9fe;
	border-left: 3px solid #2283e8;
}
#lhsTree>li>ul li:hover {
	background: #f1f9fe;
	transition: .2s;
}
#lhsTree>li>ul li.feaact a {
	color: #2a85e5;
}
#lhsTree>li>ul li {
	padding: 10px 0 10px 20px;
	margin-left: 16px;
	font-size: 13px;
	transition: .2s;
}
#lhsTree > li > span.ifTree:after {
	border-top: 5px solid transparent;
	border-left: 5px solid #374f60;
	border-bottom: 5px solid transparent;
}
#lhsTree > li > span.ifTree.dropact:after {
	border-left: 5px solid transparent;
	border-top: 5px solid #374f60;
	border-bottom: 5px solid transparent;
}
#scroll ul.relPrd > li > span {
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
}
#scroll ul.relPrd li ul li {
	padding-left: 27px;
	position: relative;
}
#scroll ul.relPrd li ul li::before {
	content: "";
	position: absolute;
	height: 30px;
	width: 30px;
	background: url("https://www.manageengine.cn/products/active-directory-audit/images/lhs-ad-product-icons-sprite.png");
	background-size: 32px;
	background-position: 0 0;
	left: -6px;
}
#scroll ul.relPrd li ul li:nth-of-type(2)::before {
	background-position: 0 -36px;
}
#scroll ul.relPrd li ul li:nth-of-type(3)::before {
	background-position: 0 -71px;
}
#scroll ul.relPrd li ul li:nth-of-type(4)::before {
	background-position: 0 -110px;
}
#scroll ul.relPrd li ul li:nth-of-type(5)::before {
	background-position: 0 -147px;
}
#scroll ul.relPrd li ul li:nth-of-type(6)::before {
	background-position: 0 -184px;
}
#scroll ul.relPrd li ul li:nth-of-type(7)::before {
	background-position: 0 -221px;
}
#scroll ul.relPrd li ul li:nth-of-type(8)::before {
	background-position: 0 -261px;
}
#scroll ul.relPrd li ul li:nth-of-type(9)::before {
	background-position: 0 0;
}
#scroll ul.relPrd li ul li:nth-of-type(10)::before {
	background-position: 0 -294px;
}
.featureContent {
	padding-left: 65px;
	position: relative;
}
.featureBox .featureContent::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 40px;
	width: 50px;
	background: url("https://www.manageengine.cn/products/active-directory-audit/images/active-directory-audit-feature-page-sprite.png");
}
body {
	color: #333
}

.title {
	text-align: center;
	margin-bottom: 50px
}

.title h1 {
	font-size: 35px;
	line-height: 35px;
	font-weight: 600
}

.title h2 {
	margin-bottom: 10px !important;
}

.title p {
	font-size: 14px;
	line-height: 21px;
	margin: 15px 50px
}

.featureContainer.title {margin-bottom: 38px}

.featureContainer h2 {
	font-size: 22px;
	line-height: 28px;
	text-align: center;
	margin-bottom: 40px;
	font-weight: 600
}

.featureList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.featureBox {
	width: 49%;
	margin-bottom: 40px
}

.featureContent {
	padding-left: 30px
}

.featureBox .featureContent::before {
	content: "";
	position: relative;
	display: block;
	left: 0;
	top: 0;
	height: 47px;
	width: 59px;
	background: url("https://www.manageengine.cn/products/active-directory-audit/images/powershell-logging-sprite.png");
	background-size: 286px;
	background-position: -8px -15px;
	margin-bottom: 12px
}

.fea1 .featureBox:nth-of-type(2) .featureContent::before {
	background-position: -84px -14px
}

.fea1 .featureBox:nth-of-type(3) .featureContent::before {
	background-position: -148px -15px
}

.fea1 .featureBox:nth-of-type(4) .featureContent::before {
	background-position: -221px -14px
}
.featureContent h5 {
	font-size: 16px;
	font-weight: 600
}

.featureContent p {
	font-size: 14px;
	line-height: 22px;
	margin: 10px 0 0
}

.fea1 .featureContent p,
.fea2 .featureContent p {
	margin: 5px 0 0
}

.full-slider {
	position: relative
}

.tab {
	cursor: pointer
}

.full-slider h2 {
	font-size: 22px;
	line-height: 28px;
	font-weight: 600;
	text-align: center
}

.slideTab {
	width: 100%;
	display: inline-block;
	text-align: center;
	margin-bottom: -8px;
	position: relative;
	bottom: 0;
	right: 0
}

.slideTab .tab {
	float: none!important;
	font-size: 16px;
	font-weight: 600;
	line-height: 46px;
	margin: 0!important;
	opacity: 1!important;
	transition: .3s;
	position: relative!important;
	width: 31%!important;
	display: inline-block!important;
	cursor: pointer
}

.slideTab .tab:hover {
	color: #1281bd;
	transition: .3s
}

.slideTab .tab.flex-active-slide {
	color: #1281bd;
	transition: .3s
}

.slideTab .tab.flex-active-slide::before {
	content: "";
	position: absolute;
	height: 3px;
	width: 90%;
	bottom: 1px;
	left: 7%;
	background: #1281bd;
	transition: .3s
}

#nav-slider {
	height: 0;
	margin: 0;
	opacity: 0;
	padding;
	0 visibility: hidden;
	width: 0
}

#slilock .flex-direction-nav {
	position: absolute;
	display: none
}

#slilock .flex-direction-nav li {
	list-style-type: none
}

#slilock .flex-control-paging {
	position: relative;
	margin: 0 auto;
	display: table;
	padding-left: 0;
	margin-top: 18px;
	z-index: 0
}

#slilock .flex-control-paging li {
	margin: 0 6px;
	display: inline-block;
	zoom: 1
}

#slilock .flex-control-paging li a {
	width: 11px;
	height: 11px;
	display: block;
	background: #d2e4e8;
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px
}

#slilock .flex-control-paging li a.flex-active {
	background: #0879b8;
	cursor: default
}

#slilock ul {
	position: relative;
	display: inline-block;
	width: 100%
}

#slilock .gslider {
	width: 96%;
	margin: 0 0 0 -5%;
	position: relative
}

#slilock .slide2 .gslider {
	width: 96%;
	margin: 0 0 0 -7%
}

#slilock .slide3 .gslider {
	width: 96%;
	margin: 0 0 0 -9%
}

#slilock .gslider img {
	width: 100%;
	border: 5px solid #fff;
	border-radius: 3px;
	box-shadow: 0 5px 21px -10px rgba(150, 150, 150, 0.8)
}

#slilock .gslider p {
	text-align: center;
	font-size: 18px;
	line-height: 30px;
	margin-top: 30px
}

.mobShow {
	display: none
}

.tip {
	position: absolute;
	height: 100%;
	width: 100%
}

@-webkit-keyframes pulse {
	to {
		box-shadow: 0 0 0 15px rgba(232, 76, 61, 0)
	}
}

@-moz-keyframes pulse {
	to {
		box-shadow: 0 0 0 15px rgba(232, 76, 61, 0)
	}
}

@-ms-keyframes pulse {
	to {
		box-shadow: 0 0 0 15px rgba(232, 76, 61, 0)
	}
}

@keyframes pulse {
	to {
		box-shadow: 0 0 0 15px rgba(232, 76, 61, 0)
	}
}

.tip-com span {
	width: 14px;
	height: 14px;
	background: #f5633d;
	border-radius: 69%;
	color: transparent;
	cursor: pointer;
	position: relative;
	box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
	-webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	-moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	-ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	font-size: 10px;
	display: flex;
	justify-content: center;
	align-items: center
}

.tip1 .tip1_1,
.tip1 .tip1_2,
.tip1 .tip1_3,
.tip2 .tip2_1,
.tip2 .tip2_2,
.tip2 .tip2_3,
.tip3 .tip3_1,
.tip3 .tip3_2 {
	position: absolute!important;
	top: 159px;
	left: 329px
}

.tip1 .tip1_1 {
	top: 32%;
	left: 57%
}

.tip1 .tip1_2 {
	top: 53%;
	left: 18%
}

.tip1 .tip1_3 {
	top: 53px;
	left: 484px
}

.tip2 .tip2_1 {
	top: 74%;
	left: 57%
}

.tip2 .tip2_2 {
	top: 79%;
	left: 27%
}

.tip2 .tip2_3 {
	top: 90%;
	left: 17%
}

.tip3 .tip3_1 {
	top: 65%;
	left: 55%
}

.tip3 .tip3_2 {
	top: 29%;
	left: 23%
}

.tip-tool {
	background: #3f3f3f;
	color: #fff;
	padding: 7px 22px 12px 19px;
	border-radius: 2px;
	width: 300px;
	margin: -25px 0 0 34px;
	box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.6);
	position: absolute;
	transform: scale(0.9);
	opacity: 0;
	z-index: -1
}

.tip1 .tip1_1_tool,
.tip1 .tip1_2_tool,
.tip1 .tip1_3_tool,
.tip2 .tip2_1_tool,
.tip2 .tip2_2_tool,
.tip2 .tip2_3_tool,
.tip3 .tip3_1_tool,
.tip3 .tip3_2_tool {
	position: absolute;
	top: 32%;
	left: 55%
}

.tip1 .tip1_2_tool {
	top: 55%;
	left: 15%
}

.tip1 .tip1_3_tool {
	top: 45px;
	left: 110px
}

.tip2 .tip2_1_tool {
	top: 64%;
	left: 54%
}

.tip2 .tip2_2_tool {
	top: 83%;
	left: 25%
}

.tip2 .tip2_3_tool {
	top: 85%;
	left: 14%
}

.tip3 .tip3_1_tool {
	top: 75%;
	left: 46%
}

.tip3 .tip3_2_tool {
	top: 23%;
	left: 20%
}

.tip1 .tip1_1_tool::before,
.tip1 .tip1_2_tool::before,
.tip1 .tip1_3_tool::before,
.tip2 .tip2_1_tool::before,
.tip2 .tip2_2_tool::before,
.tip2 .tip2_3_tool::before,
.tip3 .tip3_1_tool::before,
.tip3 .tip3_2_tool::before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-right: 8px solid #3f3f3f;
	top: 25px;
	left: -8px
}

.tip1 .tip1_1_tool::before {
	top: 19px;
	left: -8px;
	transform: rotate(0deg)
}

.tip1 .tip1_2_tool::before {
	top: 11%;
	left: -8px
}

.tip1 .tip1_3_tool::before {
	top: 20%;
	left: 100%;
	transform: rotate(180deg)
}

.tip2 .tip2_1_tool::before {
	top: 62%;
	left: -6px;
	transform: rotate(0deg)
}

.tip2 .tip2_2_tool::before {
	top: 5%;
	left: -8px;
	transform: rotate(0deg)
}

.tip2 .tip2_3_tool::before {
	top: 70%;
	left: -6px;
	transform: rotate(0deg)
}

.tip3 .tip3_1_tool::before {
	top: -11px;
	left: 8%;
	transform: rotate(90deg)
}

.tip3 .tip3_2_tool::before {
	top: 44%;
	left: -8px
}

.close,
.closePop {
	position: absolute;
	right: 8px;
	top: 8px;
	width: 12px;
	height: 12px;
	opacity: .3;
	cursor: pointer
}

.close:before,
.close:after,
.closePop:before,
.closePop:after {
	position: absolute;
	left: 5px;
	content: ' ';
	height: 12px;
	width: 2px;
	background-color: #fff
}

.close:before,
.closePop:before {
	transform: rotate(45deg)
}

.close:after,
.closePop:after {
	transform: rotate(-45deg)
}

.tip-tool h5 {
	font-size: 16px;
	margin-bottom: 4px;
	margin-top: 7px;
	font-weight: 500;
	color: #fff;
	line-height: 20.15px
}

.tip-tool.active {
	opacity: 1;
	transition: 1s;
	z-index: 999
}

#slilock .gslider .tip-tool p {
	margin: 4px 0 6px;
	font-size: 14px;
	line-height: 20px;
	color: #c8c8c8;
	text-align: left
}

.otherSolutions h2 {
	font-size: 22px;
	font-weight: 600;
	text-align: center
}

.solutionTab {
	text-align: center;
	margin-bottom: 50px
}

.solutionTab .tab {
	font-size: 18px;
	font-weight: 600;
	line-height: 21px;
	transition: .3s;
	position: relative;
	width: 23%;
	display: inline-block
}

.solutionTab .tab.active {
	color: #1281bd;
	transition: .3s
}

.solutionTab .tab:hover {
	color: #1281bd;
	transition: .3s
}

.solutionTab .tab.active::before {
	content: "";
	position: absolute;
	height: 3px;
	width: 94%;
	bottom: -12px;
	left: 3%;
	background: #1281bd;
	transition: .3s
}

.solutionList .featureBox {
	width: 44%;
	background: #fff;
	-webkit-box-shadow: 0 0 12px 2px rgba(239, 239, 239, .92);
	box-shadow: 0 0 12px 2px rgba(239, 239, 239, .92);
	padding: 15px 2%;
	position: relative;
	transition: .3s;
	border: 2px solid transparent
}

.solutionList .featureBox:hover {
	border: 2px solid #1281bd;
	transition: .3s
}

.solutionList .featureBox .featureContent {
	padding-left: 65px
}

.solutionList .featureBox .featureContent::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 50px;
	width: 60px;
	background: url("https://www.manageengine.cn/products/active-directory-audit/images/active-directory-audit-feature-page-sprite-lockout.png");
	background-size: 650px
}

.solutionList .featureContent p {
	margin: 3px 0 0
}

.solutionList .featureBox a {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	left: 0;
	z-index: 11;
	text-decoration: none
}

.solutionList .featureBox:nth-of-type(1) .featureContent::before {
	background-position: -179px -74px
}

.solutionList .featureBox:nth-of-type(2) .featureContent::before {
	background: url("https://www.manageengine.cn/products/active-directory-audit/images/active-directory-audit-feature-page-sprite-lockout.png");
	background-position: -353px -67px;
	background-size: 650px
}

.solutionList .featureBox:nth-of-type(3) .featureContent::before {
	background: url("https://www.manageengine.cn/products/active-directory-audit/images/active-directory-audit-feature-page-sprite-lockout.png");
	background-position: -273px -68px;
	background-size: 650px
}

.solutionList .featureBox:nth-of-type(4) .featureContent::before {
	background: url("https://www.manageengine.cn/products/active-directory-audit/images/active-directory-audit-feature-page-sprite-lockout.png");
	background-position: -590px -72px;
	background-size: 650px
}

.solutionList .featureBox:nth-of-type(5) .featureContent::before {
	background: url("https://www.manageengine.cn/products/active-directory-audit/images/active-directory-audit-feature-page-sprite-lockout.png");
	background-position: -6px 0;
	background-size: 650px
}

.solutionList .featureBox:nth-of-type(6) .featureContent::before {
	background: url("https://www.manageengine.cn/products/active-directory-audit/images/active-directory-audit-feature-page-sprite-lockout.png");
	background-position: -599px 0;
	background-size: 650px
}

.solutionList .featureBox:nth-of-type(7) .featureContent::before {
	background-position: -14px 52px
}

.solutionList .featureBox:nth-of-type(8) .featureContent::before {
	background-position: -106px -141px
}

.solutionList .featureBox:nth-of-type(9) .featureContent::before {
	background-position: -185px -147px
}

.solutionList .featureBox:nth-of-type(10) .featureContent::before {
	background-position: -262px -147px
}

.solutionList .featureBox:nth-of-type(11) .featureContent::before {
	background-position: -431px -141px
}

.solutionList .featureBox:nth-of-type(12) .featureContent::before {
	background-position: -341px -141px
}

.solutionList .featureBox:nth-of-type(13) .featureContent::before {
	background-position: -6px 0
}

.solutionList .featureBox:nth-of-type(14) .featureContent::before {
	background-position: -104px 0
}

.solutionList .featureBox:nth-of-type(15) .featureContent::before {
	background-position: -180px 0
}

.solutionList .featureBox:nth-of-type(16) .featureContent::before {
	background-position: -257px 0
}

.solutionList .featureBox:nth-of-type(17) .featureContent::before {
	background-position: -422px 0
}

.solutionList .featureBox:nth-of-type(18) .featureContent::before {
	background-position: -185px -147px
}

.solutionList .featureBox:nth-of-type(19) .featureContent::before {
	background-position: -512px 0
}

.solutionList .featureBox:nth-of-type(20) .featureContent::before {
	background-position: -599px 0
}

.solutionList .featureBox:nth-of-type(21) .featureContent::before {
	background-position: -185px -147px
}

.solutionList .featureBox:nth-of-type(22) .featureContent::before {
	background-position: -103px -72px
}

.solutionList .featureBox:nth-of-type(23) .featureContent::before {
	background-position: -339px -2px
}

.solutionList .featureBox:nth-of-type(24) .featureContent::before {
	background-position: -257px 0
}

.ctaContainer{text-align: center; margin: 20px 0 40px; padding: 20px 10px 38px;background: #d5ebff;border: 1px solid #e4e9ec;}
.ctaContainer h2{font-size: 19px; line-height: 30px; margin-bottom: 30px; font-weight: 700;margin: 7px 0 30px;}
.ctaContainer a{padding: 10px 35px; color: #fff; background: #e51931; font-size: 14px; font-weight: 600; text-decoration: none;}
.ctaContainer a:hover{text-decoration: none;}
.ctaContainer span{font-size: 11px; display: block; margin-top: 7px; font-style: italic;}


.bes-faq {
	margin: 0 auto;
	display: table;
	padding: 0 !important;
	width: 100%;
}

.bes-faq h2 {
	font-size: 20px;
	margin: 20px 0 15px;
}

.bes-faq .collapse>ul>li {
	border: 1px solid #a8a8a8;
	box-shadow: none;
	margin-bottom: 0;
	border-radius: 5px
}
    
.bes-faq .collapse>ul>li.act-whi {border: 1px solid #2a85e5;}
    
.bes-faq .collapse>ul>li div{width: 88%}

.collapse ul li ul.list {
	list-style-type: none !important;
	padding: 0 0 12px 21px !important;
	position: relative
}

.collapse ul li ul.list li {
	padding-bottom: 12px
}

.collapse ul li ul.list li:last-child {
	padding-bottom: 0
}

.collapse ul li ul.list li:before {
	position: absolute;
	width: 7px;
	height: 7px;
	margin-top: 8px;
	left: 2px;
	top: auto;
	border: none;
    background: #000;
    border-radius: 50px;
}

.collapse ul li ul.list li em {
	display: block;
	margin-top: 8px
}

.collapse>ul {
	padding-left: 0 !important
}

.collapse ul li p.note{margin: 15px 0;}

.collapse>ul>li {
	position: relative;
	overflow: hidden;
	background: #f8fcff;
	margin-bottom: 20px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	border: 1px solid #cbdeeb;
	box-shadow: rgba(0, 0, 0, .07) 0 2px 5px;
	-webkit-box-shadow: rgba(0, 0, 0, .07) 0 2px 5px;
	-moz-box-shadow: rgba(0, 0, 0, .07) 0 2px 5px;
	-o-box-shadow: rgba(0, 0, 0, .07) 0 2px 5px;
	background: #fff;
	width: 90%;
	display: inline-block;
	padding: 18px 12px 18px 68px;
}

.collapse>ul>li span {
	background: url(https://www.manageengine.cn/products/active-directory-audit/images/powershell-logging-sprite.png);
	content: "";
	position: absolute;
	background-size: 286px;
	width: 32px;
	height: 21px;
	background-position: -9px -88px;
	margin-top: 2px;
	left: 19px
}

.collapse>ul>li span.icon2 {
	background-position: -63px -87px;
}

.collapse>ul>li span.icon3 {
	background-position: -116px -87px;
}

.collapse ul li h5 {
	display: block;
	font-weight: 600;
	color: #000;
	line-height: 30px;
	position: relative;
	font-size: 17px;
	cursor: pointer;
	z-index: 1;
}

.collapse>ul li:before {
	content: '';
	position: absolute;
	width: 14px;
	height: 14px;
	right: 20px;
	top: 25px;
	border-radius: 1px;
	border: 1px solid #026da3;
}

.collapse ul li h5:before {
	content: '';
	position: absolute;
	width: 5px;
	height: 1px;
	background: #15679b;
	right: 12px;
	top: 16px;
	transform: rotateZ(45deg);
}

.collapse ul li h5.act:before,
.collapse ul li h5.act::after {
	transform: rotateZ(135deg);
	display: block !important;
}

.collapse ul li h5:after {
	content: '';
	position: absolute;
	width: 1px;
	height: 5px;
	background: #15679b;
	right: 17px;
	top: 14px;
	transform: rotateZ(45deg);
}

.collapse ul li div {
	display: none;
}

.collapse ul li p {
	font-weight: 400;
	color: #333;
	margin: 20px 0
}

.collapse ul li:after {
	content: '';
	position: absolute;
	left: 34px;
	top: 19px;
	width: 45px;
	height: 45px;
	background-size: 470px;
	background-position: 0 0;
	z-index: 0
}

@media screen and (max-width:991px) {
	.slideTab .tab {
		line-height: 26px
	}
}

@media screen and (max-width:767px) {
	.tip {
		display: none
	}
	.tip-com span {
		color: #fff
	}
	.mobShow {
		display: block
	}
	.otherSolutions h2,
	.full-slider h2 {
		margin-bottom: 40px
	}
	.title h1 {
		margin-top: 30px
	}
	#slilock .gslider {
		margin: 0 0 0 -10%
	}
}
@media screen and (max-width:760px) {
.collapse ul li ul.list li {line-break: anywhere;}
}

@media screen and (max-width:500px) {
	.featureList {
		justify-content: center
	}
	.featureBox {
		width: 90%
	}
	.solutionList .featureBox {
		width: 80%
	}
	.solutionTab .tab {
		width: 45%;
		margin-bottom: 30px
	}
	.solutionTab {
		margin-bottom: 30px
	}
.collapse>ul>li {width:auto}
}