


.navbar-fixed-top {
	position: fixed;
	top:0;
	z-index: 999999999;
	width: 100%;
	background:#000;
	filter:alpha(opacity=40); background: rgba(0,0,0,0.4);

}
#header {
	height: 90px;
	-webkit-transition: .2s;
	transition: .2s;
	 background:#fff;



}
#header.slideUp {
	top: -80px
}
#header.slideDown {
	top: 0
}
#header.bg-dark {
	background: rgba(0,0,0,.4);
	background:#000;
	filter:alpha(opacity=40); background: rgba(0,0,0,0.4);
}
#header.dark-bg {
	position: fixed;
	top:0;
	z-index: 99999999;
	width: 100%;


	}

#header .navli-phone a {
	font-weight: 700;
	pointer-events: none
}
#header .navli-docsearch {
	position: relative
}
#header .header-search {
	width: 34px;
	vertical-align: middle;
	font-size: 16px
}
#header .header-search-box {
	position: absolute;
	-webkit-transition: .1s ease-in;
	transition: .1s ease-in;
	right: 0;
	margin-top: -54px;
	width: 0;
	height: 35px;
	overflow: hidden
}
#header .header-search-box a {
	position: absolute;
	margin: 10px 0 0 11px
}
#header .header-search-btn {
	color: #333!important
}
#header .header-search-btn:hover {
	color: #595959!important
}
#header .header-search-input {
	width: 100%;
	height: 100%;
	line-height: 14px;
	padding-left: 30px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 2px;
	color: #333
}
#header .header-search-input:focus {
	border-color: #cfcfcf
}
#header .header-search-input::-ms-clear {
display:none
}
#header .navli.active>a {

}
#header .navbar-header {
	width:100%;
	float: left
}
#header .navbar-header .navbar-brand {
	position: absolute;
	z-index: 9;
	display: inline-block;
    top:18px;
	overflow: hidden; padding:0;
	color: transparent!important
}
#header .navbar-header .navbar-brand:after {
	content: '';
	height: 100%;
	display: inline-block;
	vertical-align: middle
}
#header .navbar-header .navbar-brand img {
	display: inline-block;
	vertical-align: middle;

	clip: rect(0,185px,42px,0);
	margin: auto auto auto 0
}
#header .navbar-header .navbar-brand span {
	display: inline-block;
	vertical-align: middle;
	margin-left: 70px
}
#header .header-nav-content {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	background: rgba(0,0,0,.3);
	/*white-space: nowrap*/
}

#header .header-nav-content>li {
	margin: 0 20px
}
#header .header-modules-item-h {
	display: block;
	-webkit-transition: .2s;
	transition: .2s
}
#header .header-modules-item-h:hover {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}
#header .header-modules-item-icon {
	font-size: 40px
}
#header .header-modules-item-name {
	margin-top: -3px;
	font-size: 16px;
	color: #fff
}
#header .header-modules-item {
	display: inline-block;
	padding: 35px;
	-webkit-transition: .2s;
	transition: .2s
}
#header .header-modules-item:hover {
	background: rgba(0,0,0,.3)
}
#header .header-modules-nav {
	margin-top: 10px;
	font-size: 12px
}
#header .header-modules-nav li {
	display: inline-block;
	-webkit-transition: .2s;
	transition: .2s;
	opacity: .7
}
#header .header-modules-nav li:hover a{}
#header .header-modules-nav li a{ color:#fff !important;}

#header .header-modules-nav li:last-of-type {
	margin-left: 15px
}
#header .header-modules-nav li:hover {
	opacity: 1
}
#header .pricing-modules {
	font-size: 14px
}
#header .pricing-modules li {
	display: inline-block;
	padding: 20px;
	-webkit-transition: .2s;
	transition: .2s
}
#header .pricing-modules li:hover {
	background: rgba(0,0,0,.3)
}
#header .pricing-modules li a {
	-webkit-transition: .2s;
	transition: .2s;
	color:#fff;
}
#header .pricing-modules li a:hover {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	display: block
}
#header .header-nav-handler:hover>a {
	color: #ccc;
}
#header .header-nav-handler:hover .header-nav-content {
	display: block
}
#toggle-navbar {
	display: none
}
#toggle-navbar span {
	background-color: #666
}
#navbar {
	position: relative;
	text-align: center
}
#navbar>li, #navbar>li>a {
	display: inline-block;
	height:90px; 
}
#navbar>li:hover a{ color:#121212 !important; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#navbar>li>a {
	line-height: 91px;
	/*padding: 0 24px;*/
	padding: 0 18px;
	font-size: 16px;
	color:#666;
}
#navbar>li.user-control {
	display: none;
	position: absolute;
	top: 0;
	right: 25px
}
#navbar>li.user-control:after {
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	content: ''
}
#navbar>li.user-control .user-control-innerwrapper {
	display: inline-block;
	vertical-align: middle;
	padding: 0 15px;
	font-size: 14px;
	background: rgba(255,255,255,.1);
	border-radius: 3px
}
#navbar>li.user-control .vertical-divider {
	display: inline-block;
	vertical-align: middle;
	margin: 0 8px;
	height: 12px;
	border-left: 1px solid #fff
}
#navbar>li.user-control a {
	padding: 0;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	white-space: nowrap;
	-webkit-transition: .2s;
	transition: .2s
}
#navbar>li.user-control a:hover {
	font-weight: 700
}
#navbar .dropdown.open .dropdown-toggle {
	color: #4BD083
}
#navbar .dropdown.open .toggle-icon {
	-webkit-transform: scaleX(1)scaleY(.6)rotateX(180deg)translateY(-4px);
	transform: scaleX(1)scaleY(.6)rotateX(180deg)translateY(-4px);
	color: #4BD083
}
#navbar .dropdown .dropdown-toggle {
	padding-right: 0
}
#navbar .dropdown .toggle-icon {
	padding-left: 0;
	height: auto;
	display: inline-block;
	-webkit-transform: scaleX(1)scaleY(.6)translateY(2px);
	-ms-transform: scaleX(1)scaleY(.6)translateY(2px);
	transform: scaleX(1)scaleY(.6)translateY(2px);
	margin-left: 5px;
	-webkit-transition: 0;
	transition: 0s
}
#navbar .dropdown .dropdown-menu {
	display: none;
	position: absolute;
	background-color: #fff;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	box-shadow: 0 1px 4px rgba(0,0,0,.24);
	white-space: nowrap
}
#navbar .dropdown .dropdown-menu li.active {
	background-color: #4BD083
}
#navbar .dropdown .dropdown-menu li.active a {
	color: #fff
}
#navbar .dropdown .dropdown-menu a {
	display: block;
	padding: 5px 10px
}


#header .pricing-modules li a{color:#fff !important}



#header .navbar-header{ position:relative;}
.uu{ width:100%;display:none; position:absolute; top:100%; left:0; background:#000; padding-left:3%;
    filter:alpha(opacity=70); background: rgba(0,0,0,0.7);}
.uu li{ line-height:33px;}
.uu li a{ color:#fff; font-size:14px;}
.uu li ul{ display:none;}
.uu li:hover .ss{color:#0169ca;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.uu li:hover ul{ display:block; padding-left:3%;}
.uu li ul li a{ color:#fff;}
.uu li ul li:hover a{color:#0169ca;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}








body.mobile #navbar {
	box-shadow: 0 1px 4px rgba(0,0,0,.24)
}
@media screen and (max-width:1200px) {
#navbar>li>a {
	padding: 0 10px
}
}
@media screen and (max-width:1000px) {
#navbar>li>a {
	padding: 0 5px
}
#header .header-modules-item {
	padding: 30px
}
#header .navbar-header .navbar-brand {
	-webkit-transform: scale(.8);
	-ms-transform: scale(.8);
	transform: scale(.8);
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left
}
}
@media screen and (max-width:800px) {
	#header{ height:60px}
#header .navbar-header .navbar-brand { top:5px}
#header .header-nav-content {
	position: static
}
#header .header-nav-content>li {
	display: block;
	padding: 10px
}
#header .header-nav-content a {
	-webkit-transform: none!important;
	-ms-transform: none!important;
	transform: none!important
}
#header .header-modules-item-icon, #header .header-modules-item-name {
	display: inline-block;
	vertical-align: middle
}
#header .header-modules-item-name {
	margin-left: 10px
}
#header .navbar-header {
	float: none;
	height: 60px;
}
#header .navbar-header #toggle-navbar {
	display:block;
	float: right;
	width: 60px;
	height: 60px
}

#header .navbar-header .icon-wrapper {
	position: absolute;
	right: 20px;
	top: 5px;
	bottom: 0;
	margin: auto;
	height: 32px;
	padding: 5px;
}

.icon-bar {
    margin-top: 4px;
    background-color: #666;
    display: block;
    width: 30px;
    height: 2px;
    border-radius: 1px; margin-bottom:5px
}
#header .navbar-header .navbar-brand {
	color: #fff
	}
#navbar {
	padding-right: 0;
	float: none;
	-webkit-transition: ease-out;
	transition: ease-out;
	text-align: left;
	background-color: rgba(0,0,0,.92);
	overflow: auto
}
#navbar.scaley-in {
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
	visibility: visible
}
#navbar.scaley-in, #navbar.scaley-out {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center
}
#navbar.scaley-out {
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
}
#navbar li {
	display: block;
	float: none;
	height: auto
}
#navbar li a {
	display: block;
	color: #fff
}
#navbar li.dropdown .dropdown-menu {
	position: static;
	margin: 0;
	width: auto;
	box-shadow: none;
	background: inherit
}
#navbar li.user-control {
	position: static;
	padding: 20px 0;
	border-top: 1px solid #3C3B3B
}
#navbar li.user-control:after {
	display: block
}
#navbar li.user-control a {
	display: inline-block
}
#navbar .navli-docsearch {
	display: none
}
#account {
	position: static;
	width: 100%;
	border-top: 1px solid #3C3B3B
}
#account .username {
	max-width: calc(100% - 60px)
}
body.not-mobile .dropdown-menu {
	padding-bottom: 80px
}



}


#divselect{position:relative; z-index:10000; float:left; margin-left:10px}
#divselect cite{width:80px; height:36px; font-size:14px;line-height:32px; display:block; color:#666; cursor:pointer;font-style:normal; border-radius:5px;
padding-left:10px; border:1px solid #ccc; background:url(../images/xiala.png) no-repeat 60px center;}
#divselect ul{width:80px;border:1px solid #333333; background-color:#ffffff; position:absolute; z-index:20000; margin-top:-1px; display:none;}
#divselect ul li{height:24px; line-height:24px; z-index:999}
#divselect ul li a{display:block; height:24px; color:#333333; text-decoration:none; padding-left:10px; padding-right:10px; z-index:999}
#divselect ul li a:hover{background-color:#CCC;}

@media screen and (max-width:1350px){#shouy{display:none;}}
@media screen and (max-width:800px) {
.contact_pc,#dianhua{display: none;}

}

.h90{ height:90px;}

@media screen and (max-width:800px) {
.h90{ height:60px;}

}