.navbar-brand img{
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}
.custom-nav-link {
    color: #ffffff;
}
.affix .navbar-brand img{
    filter: none;
    -webkit-filter:none;
}
.affix .custom-nav-link {
    color: unset;
}
ul li {
    list-style: none;
}
.linux-page .btn{vertical-align: top;font-size:12px;padding: 6px 8px !important;border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;border-radius: 15px;}
.function {
	padding-top:60px;
	min-width:1040px;
	background-position:top center;
	background-repeat:repeat-x
}
.function .title {
	margin-bottom:20px;
	color:#20a53a;
	text-align:center;
	font-weight:400;
	font-size:30px
}
.function .subinfo {
	color:#666;
	text-align:center;
	font-size:16px
}
.onekeycon,.onekeycon-more {
	float:left;
	padding-top:90px;
	padding-bottom:10px
}
.onekeycon ul li,.onekeycon-more ul li {
	position:relative;
	float:left;
	margin-bottom:60px;
	width:260px;
	height:160px;
	text-align:center
}
.onekeycon ul li span {
	display:block;
	margin:0 auto 20px;
	width:158px;
	height:158px;
	border-radius:79px;
	background-color:#20a53a;
	color:#fff;
	font-size:30px;
	line-height:158px
}
.onekeycon ul li p {
	color:#858585;
	text-align:center;
	font-size:16px
}
.onekeycon-more ul li span {
	display:block;
	margin:0 auto;
	width:158px;
	height:158px;
	border:#cacad9 1px solid;
	border-radius:79px;
	background-color:#fff;
	color:#444;
	font-size:30px;
	line-height:158px
}
.onekeycon-more ul li p {
	position:absolute;
	top:0;
	left:50px;
	display:none;
	margin:0 auto;
	padding:55px 20px 20px;
	width:118px;
	height:83px;
	border:1px solid #cacad9;
	border-radius:79px;
	background-color:#20a53a;
	color:#fff;
	font-size:16px
}
.tab-tit {
	padding-bottom:50px;
	text-align:center
}
.tab-tit span {
	margin:0 30px;
	padding-bottom:5px;
	color:#666;
	font-size:20px;
	cursor:pointer
}
.tab-tit span.on {
	border-bottom:#20a53a 2px solid;
	color:#20a53a
}
.tab-wrap {
	padding-bottom:60px
}
.tab-wrap .tab-con {
	display:none
}
.tab-con-info {
	margin-bottom:20px;
	color:#666;
	text-align:center;
	font-size:16px;
	line-height:26px
}
.qtitle {
	padding:30px 0 20px;
	color:#444;
	font-size:20px
}
.qtitle a {
	margin-left:20px;
	color:#20a53a;
	font-size:14px
}
.faq {
	margin-bottom:20px;
	padding-left:15px;
	border-left:5px #ddd solid;
	font-size:14px
}
.faq p {
	line-height:30px
}
.faq p .link {
	color:#20a53a
}
.code {
	display:inline-block;
	margin-top:6px;
	padding:8px 10px;
	border:#ddd 1px solid;
	background-color:#f0f0f0;
	font-size:15px
}
.tab-con-img {
	text-align:center
}
.clear {
	clear:both;
	width:100%;
	height:1px
}
.btlayout {
	margin:0 auto;
	width:1040px
}
.btlayout:after,.row:after {
	clear:both;
	display:table;
	content:""
}
.container {
	width: auto;
	max-width: auto;
}
.cy-container {
	position:relative;
	margin-top:4%;
	width:100%;
	min-width:1220px;
	text-align:center
}
.cy-install {
	position:relative;
	margin-top:4%;
	width:100%;
	min-width:1220px
}
.cy-white {
	background-color:#fff
}
.title {
	margin-bottom:20px;
	color:#20a53a;
	text-align:center;
	font-weight:400;
	font-size:30px
}
.cy-btlayout {
	margin:0 auto;
	width:1040px
}
.cy-onekeycon {
	float:left;
	padding-top:50px;
	padding-bottom:10px
}
.linux-banner {
	position:relative
}
.linux-banner .wide1190 {
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin-top:100px;
}
.wide1190 {
width: 1200px;
margin: 0 auto;
}
.linux-banner .banner-title {
	padding-top:40px;
	font-size:44px;
	color:#9ae7ae;
	text-align:center
}
.linux-banner .banner-title span {
	margin-left:10px;
	display:inline-block;
	width:64px;
	height:20px;
	line-height:20px;
	background:#0cd532;
	border-radius:4px;
	font-size:14px;
	color:#e8ffe3;
	vertical-align:middle
}
.linux-banner .banner-txt {
	padding-top:5px;
	font-size:16px;
	color:#ceecd6;
	text-align:center
}
.linux-banner .banner-img {
	margin-top:40px
}
.linux-banner .banner-btn {
	padding-top:30px;
	text-align:center
}
.linux-banner .banner-btn a {
	display:inline-block;
	width:186px;
	height:44px;
	line-height:42px;
	border-radius:22px;
	border:1px solid #08b74a;
	box-sizing:border-box;
	font-size:18px;
	text-align:center
}
.linux-banner .banner-btn a.install-btn {
	background:#08b74a;
	color:#e2ffcf
}
.linux-banner .banner-btn a.demo-btn {
	margin-left:25px;
	color:#42cf5c
}
.linux-banner .banner-btn a.demo-btn::before {
	content:'';
	display:inline-block;
	border-top:5px solid transparent;
	border-left:8px solid #36a33b;
	border-bottom:5px solid transparent;
	vertical-align:middle;
	margin-top:-2px;
	margin-right:6px
}
.linux-banner .banner-btn a:hover {
	opacity:.9
}
.linux-banner .banner-bg1 {
	height:408px;
	background:url(./img/banner1.jpg) no-repeat top center;
	    background-size: cover;
}
.linux-banner .banner-bg2 {
	height:816px;
	background:url(./img/banner2.jpg) no-repeat top center;
	    background-size: cover;
}
.linux-page .linux-title {
	font-size:30px;
	color:#333;
	text-align:center
}
.linux-page .linux-title::before,.linux-page .linux-title::after {
	content:"";
	display:inline-block;
	width:220px;
	height:1px;
	background:#e5e5e5;
	vertical-align:middle
}
.linux-page .linux-title::before {
	margin-right:22px
}
.linux-page .linux-title::after {
	margin-left:22px
}
.linux-page .linux-title-small {
	padding-top:4px;
	font-size:16px;
	color:#999;
	text-align:center
}
.linux-page .linux-manage {
    padding-top: 300px;
    padding-bottom: 230px;
    background: url(./img/linux-bg1.jpg) no-repeat bottom center;
}
.linux-page .linux-manage .linux-manage-list {
	margin-top:50px
}
.linux-page .linux-manage .linux-manage-list li {
	float:left;
	width:25%;
	text-align:center
}
.layui-layer-ico {
	background:url(./img/icon.png) no-repeat
}
.layui-layer-ico1 {
	background-position:-30px 0
}
.linux-page .linux-manage .linux-manage-list li .lml-svga {
	display:inline-block;
	width:74px;
	height:74px;
	position:relative
}
.linux-page .linux-manage .linux-manage-list li .lml-svga .J-svga {
	width:100%;
	height:100%
}
.linux-page .linux-manage .linux-manage-list li p {
	font-size:16px;
	color:#515151
}
.linux-page .linux-config {
    padding: 50px 0;
    background: url(./img/linux-bg2.jpg) no-repeat bottom center #f4fffa;
	height: 750px;
	background-size: 100%;
}
.linux-page .linux-config .linux-config-list li {
	margin-top:40px;
	float:left;
	width:25%;
	height:200px;
	text-align:center
}
.linux-page .linux-config .linux-config-list li .lcl-svga {
	display:inline-block;
	width:94px;
	height:94px;
	position:relative
}
.linux-page .linux-config .linux-config-list li .lcl-svga .J-svga {
	width:100%;
	height:100%
}
.linux-page .linux-config .linux-config-list li .lcl-title {
	padding-top:10px;
	font-size:20px;
	color:#333
}
.linux-page .linux-config .linux-config-list li p {
	padding-top:6px;
	font-size:16px;
	color:#666
}
.linux-page .linux-tab {
	text-align:center;
	font-size:0
}
.linux-page .linux-tab li .item {
	padding:0 36px 12px;
	font-size:24px;
	border-bottom:1px solid #ddd
}
.linux-page .linux-tab li .item.active {
	background:0 0;
	border-bottom:2px solid #08b74a;
	color:#08b74a;
	padding-bottom:6px;
	position:relative
}
.linux-page .linux-tab li .item.active::before {
	content:'';
	display:inline-block;
	border-top:5px solid #08b74a;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	position:absolute;
	bottom:-7px;
	left:50%;
	margin-left:-5px
}
.linux-page .linux-tab li.active {
	background:0 0
}
.linux-page .linux-tab-content {
	text-align:center
}
.linux-page .linux-tab-content p {
	padding:20px 0;
	font-size:16px;
	color:#999
}
.linux-page .linux-explain {
	margin-top:30px;
	padding-top:40px;
	padding-bottom:40px;
	background:url(./img/linux-bg3.jpg) no-repeat top center #f5fbfe
}
.linux-page .linux-explain .linux-explain-title {
	padding-top:30px;
	font-size:20px;
	color:#333
}
.linux-page .linux-explain .linux-explain-title img {
	margin-right:6px;
	vertical-align:middle;
	margin-top:-2px
}
.linux-page .linux-explain p {
	padding-top:6px;
	font-size:14px;
	color:#333
}
.linux-page .linux-explain p span {
	display:inline-block;
	border:1px solid #e5e5e5;
	background:#fff;
	line-height:normal;
	padding:6px 12px;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	-moz-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	-khtml-user-select:none;
	user-select:none
}

@media (max-width: 768px){
	.wide1190 {
	    width: 100%;
	}
	#hamburgerTrigger span {
    color: #fff;
}
.affix 	#hamburgerTrigger span {
    color: unset;
}
	.linux-banner .wide1190 {
	    margin-top: 30px;
	}
	.linux-banner .banner-title {
	    font-size: 20px;
	}
	.linux-banner .banner-txt {
	    padding-top: 5px;
	    font-size: 12px;
	    color: #ceecd6;
	    text-align: center;
	}
	.linux-banner .banner-bg1 {
	    height:auto;
	}
	.linux-banner .banner-bg2 {
	    height:420px;
	}
	.linux-banner .banner-btn a {
	    display: inline-block;
	    width: 40%;
	    height: 35px;
	    line-height: 35px;
	    border-radius: 22px;
	    border: 1px solid #08b74a;
	    box-sizing: border-box;
	    font-size: 12px;
	    text-align: center;
	}
	.banner-img img{width: 83%;}
	.linux-page .linux-manage {
	    padding-top: 100px;
	    padding-bottom: 300px;
	}
	.linux-page .linux-title {
	    font-size: 18px;
	    color: #333;
	    text-align: center;
	}
	.linux-page .linux-title::before, .linux-page .linux-title::after {
	    content: "";
	    display: inline-block;
	    width: 10%;
	    height: 1px;
	    background: #e5e5e5;
	    vertical-align: middle;
	}
	.linux-page .linux-title-small {
	    padding-top: 4px;
	    font-size: 12px;
	    color: #999;
	    text-align: center;
	}
	.linux-page .linux-manage .linux-manage-list {
	    margin-top: 20px;
	}
	.linux-page .linux-manage .linux-manage-list li {
	    float: left;
	    width: 50%;
	    text-align: center;
		margin-bottom: 30px;
	}
	.linux-page .linux-manage .linux-manage-list li p {
	    font-size: 12px;
	    color: #515151;
	}
	.linux-page .linux-config .linux-config-list li {
	    margin-top: 40px;
	    float: left;
	    width: 50%;
	    height: 200px;
	    text-align: center;
	}
	.linux-page .linux-config .linux-config-list li .lcl-title {
	    padding-top: 10px;
	    font-size: 18px;
	    color: #333;
	}
	.linux-page .linux-config .linux-config-list li p {
	    font-size: 12px;
	    color: #666;
	    padding: 0 8px;
	}
	.linux-page .linux-config {
	    height: 1100px;
	}
	.cy-container {
	    position: relative;
	    margin-top: 4%;
	    width: 100%;
	    min-width: 100%;
	    text-align: center;
	}
	.btlayout {
	    margin: 0 auto;
	    width: 100%;
	}
	.tab-tit {
	    padding-bottom: 20px;
	    text-align: center;
	}
	.tab-tit span {
	    margin: 0 10px;
	    padding-bottom: 5px;
	    color: #666;
	    font-size: 12px;
	    cursor: pointer;
	}
	.tab-con-info {
	    margin-bottom: 20px;
	    color: #666;
	    text-align: center;
	    font-size: 12px;
	    line-height: 26px;
	    padding: 0 10px;
	}
	.tab-con-img img{
	   width: 100%;
	}
	.tab-wrap {
	    padding-bottom: 0;
	}
	.nj {
	    padding:0 15px;
	}
	.linux-page .linux-explain p span {
	    display: inline-block;
	    border: 1px solid #e5e5e5;
	    background: #fff;
	    line-height: normal;
	    padding: 4px 6px;
	    -moz-user-select: none;
	    -webkit-user-select: none;
	    -ms-user-select: none;
	    -khtml-user-select: none;
	    user-select: none;
	    margin-top: 5px;
	    overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        line-clamp: 4;
        -webkit-box-orient: vertical;
	}
	.linux-page .linux-explain p {
    width: 100% !important;
}
label {
margin-left:0 !important;
}
}