.stickyHeader
{
top: 0;
    position: fixed;
    left: 0;
    right: 0;
    background: #fff;
    height: 136px;
    z-index: 10000;
}

#mainHeader {
border:0;
color: #444;
height: 100px;
padding: 0;
/*background: transparent url(/theme/images/common/top-l.png?20191106) repeat-x;*/
margin:0 auto;
}
.mainHeaderW, .mainNavW{
max-width: 1365px;
    margin: 0 auto;
}


#mainHeader .main-util {
float: right;
background: transparent url(../images/common/top-r1.png) no-repeat;
height:77px;
background-size:cover;
width:184px;
display:none;
}
/*
#mainHeader .main-util-m {
float: right;
width:220px;
height:95px;
padding-top:15px;
padding-left:20px;
}

.utilbar>li {
float:left;
list-style:none;
}
*/
.header-phone {
background: transparent url(../images/common/phone.png) no-repeat;
padding-left: 25px;
padding-right:30px;
height: 24px;
color:#ff6b00;
font-weight:bold;
font-size:16px;
line-height:24px;
margin-top:20px;
margin-left:35px;
}
.header-phone  a, .header-phone  a:hover, .header-phone  a:visited{
height: 24px;
color:#ff6b00;
font-weight:bold;
font-size:16px;
line-height:24px;
text-decoration:none;
}

.main-util-logo {
float:left;
position:relative;
height:65px;
border-bottom:0px;
margin:20px 0 15px;
padding: 0 0 0 40px;
background-color:#ffffff;
}

.main-util-logo .logo
{
	float:left;
	padding-right:15px;
	/*width:160px;*/
	height:65px;
}
.main-util-logo .logo a {
	display:block;
	height:65px;
	border:0;
}
.main-util-logo .logo img
{
	/*width:100%;*/
	height:100%;
}
/*
.main-util-logo .logo-line
{
	margin-top:10px;
	background-color:#999;
	width:1px;
	float:left;
	height:50px;
}

#mainHeader .main-select {
float: right;
background: transparent url(/theme/images/common/top-r.png) repeat-x;
height:95px;
width:200px;
}
#mainHeader .main-select-m {
float: right;
background: transparent url(/theme/images/common/top-m.png) no-repeat;
width:30px;
height:95px;
}
*/
#nav-toggle {
	display:none;
	padding-right:10px;
	margin-top:0;
}

#nav-toggle .langbtn {
	float: left;
    line-height: 31px;
    display: inline-block;
    width: 50px;
    padding: 2px 0px 0px 0px;
    color: #000;
    font-size: 14px;
    line-height: 20px;
    height: 36px;
    cursor: pointer;
    margin-top: 0;
}
#nav-toggle .langbtn a {
	color: #004a98;
    font-weight: bold;
	text-decoration:none;
}
#menu-togger {
	float:left;
}
#nav-toggle .navbtn {
display: block;
background-image: url(../images/common/tab-nav-r.png%3F20191106);
background-position: top right;
background-repeat: no-repeat;
color: #FFF;
text-decoration: none;
font-weight: bold;
}

#nav-toggle .navbtn span{
display: block;
background-image: url(../images/common/tab-nav-l.png%3F20191106);
background-repeat: no-repeat;
padding: 5px 15px 0px 15px;
color:#302f2f;
font-size:14px;
line-height:30px;
height:34px;
width:60px;
cursor:pointer;
margin-top:0;
}
#nav-toggle .navbtn span img {
	float:right;
}

#shortcutHolder {
 float:left;
 padding-left:40px;
 margin-top:0;
}

#shortcutHolder .shortcutTabs {
overflow: hidden;
padding:0;
margin:0;
}
#shortcutHolder .shortcutTabs li {
float: left;
list-style: none;
margin:0 0 0 1px;
padding:0;
cursor:pointer;
}
#shortcutHolder .shortcutTabs a {
display: block;
background-image: url(../images/common/tab-blue-r.png%3F20191106);
background-position: top right;
background-repeat: no-repeat;
color: #fff;
text-decoration: none;
font-weight: bold;
}
#shortcutHolder .shortcutTabs span {
display: block;
background-image: url(../images/common/tab-blue-l.png%3F20191106);
background-repeat: no-repeat;
padding: 10px 10px 10px 10px;
color:#fff;
font-size:15px;
line-height:16px;
height:36px;
width:130px;
cursor:pointer;
text-align:center;
}
#shortcutHolder .shortcutTabs span img{
	float:left;
	width:36px;
	padding-right:5px;
}
#shortcutHolder .shortcutTabs li.quote{margin:0;}
/*#shortcutHolder .shortcutTabs li.quote a, #shortcutHolder .shortcutTabs li.quote.active a, #shortcutHolder .shortcutTabs li.space.active a, #shortcutHolder .shortcutTabs li.location.active a {*/
#shortcutHolder .shortcutTabs li.quote a, #shortcutHolder .shortcutTabs li.quote.active a {
background-image: url(../images/common/tab-orange-r.png%3F20191106);
}
/*#shortcutHolder .shortcutTabs li.quote span, #shortcutHolder .shortcutTabs li.quote.active span, #shortcutHolder .shortcutTabs li.space.active span, #shortcutHolder .shortcutTabs li.location.active span{*/
#shortcutHolder .shortcutTabs li.quote span, #shortcutHolder .shortcutTabs li.quote.active span{
background-image: url(../images/common/tab-orange-l.png%3F20191106);
color:#fff;

}
#shortcutHolder .shortcutTabs li.quote span {
	width:135px;
}
#shortcutHolder .shortcutTabs li.location {
	margin-left:5px;
}

#mainNav {
height:36px;
}

#nav-normal {
	float:right;
}

#mainNav ul {
list-style: none;
margin: 0;
}

.lt-ie9 #mainNav ul {
	display:block !important;
}

#mainNav ul.nav, #mainNav li a, #mainNav li.active li a, #mainNav .mainNavW {
position: relative;
}

#mainNav li {
float: left;
font-size: 16px;
line-height: 16px;
margin: 0 0 0 20px;
padding: 10px 1px 10px;
text-shadow: 0 -1px 0 rgba(0,0,0,.08);
background-position:50% 100%;
}

#mainNav li:hover, #mainNav li.active {
	background-image:url(../images/common/menu-carrot.png%3F20191106);
	background-position:50% 100%;
	*background-position:70% 100%;
	background-repeat:no-repeat;
}
/*
#mainNav li, #mainNav li.active a, #mainNav li.active li.active a {
font-weight: bold;
}

#mainNav li a, #mainNav li.active li a {
font-weight: normal;
text-decoration:none;
}
*/

#mainNav .nav li a {
color: #004a98;
font-weight:bold;
text-decoration:none;
display:block;
}
/*
.nav,.nav * {
	margin: 0;
	padding: 0;
	list-style: none;
}
*/
#mainNav .nav>li {
	position: relative;
	z-index: 999;
}

#mainNav .nav ul {
position: absolute;
left: -9999px;
top: -9999px;
width: 0;
height: 0;
margin: 0;
padding: 0;
list-style: none;
border: 1px solid #ccc;
background: white;

}

/*
.nav>li {
	float: left;
	border:1px solid #ffffff;
	border-bottom:0px;
}
*/
#mainNav .nav li:hover>ul {
	display: block;
left: -15px;
top: 36px;
white-space: nowrap;
padding: 1px;
padding-top: 0px;
padding-bottom: 0px;
height: auto;
z-index: 300;
width: auto;
min-width: 150px;
background-color: #dddddd;
}

#mainNav ul.nav li {
	white-space: nowrap; 
	-webkit-transition: background .2s;
	transition: background .2s;
	height:36px;
}

#mainNav ul.nav li li a {
	padding: 10px 15px;
	height:44px;
	display:block;
	text-align:left;
}
#mainNav ul.nav li ul li:hover {
	background:#00a7e1;
}

#mainNav ul.nav li ul li:hover a {
	color:#ffffff;
}

#mainNav ul.nav li ul li {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #fff;
	background: #f3f3f3;
	position:relative;
    float: none;
    padding: 0;
    margin: 0;
    height: 100%;
}

#mainNav .nav li li:first-child {
	border-top: 0px solid #fff;
}

.main-yellow-padding {
background: #ff6b00;
padding: 0;
height:2px;
width:100%;
}

.menuLast {
	display:none;
}

@media only screen and (max-width: 1400px){
	#mainHeader .main-util, #nav-normal{
		margin-right:40px;
	}
	#mainNav ul.nav li {
		margin-left:15px;
	}
}
@media only screen and (max-width: 1368px){
	.mainHeaderW, .mainNavW {
		width:100%;
	}
}

@media only screen and (max-width: 1365px){
	#mainHeader .main-util, #nav-normal{
		margin-right:20px;
	}
	/*
	#nav-normal {
    padding-right: 10px;
	}
	*/
}
@media only screen and (max-width: 1180px){
	#mainNav ul.nav >li {
		font-size:12px;
	}
}
@media only screen and (max-width: 1260px){
	#mainNav ul.nav li {
		font-size:14px;
	}
}
@media only screen and (max-width: 1130px){
/*
	#shortcutHolder {
		padding-left:10px;
	}
*/
/*
	#shortcutHolder .shortcutTabs span {
	font-size:11px;
	padding:13px 5px 7px 5px;
	width:125px;
	}
*/
/*
	#shortcutHolder .shortcutTabs li.quote span {
		width:105px;
	}
*/
	#mainHeader .main-util, #nav-normal{
		margin-right:10px;
	}
	#mainNav ul.nav li {
		margin-left:10px;
	}

}
@media only screen and (min-width: 1025px){
	#nav-normal , #nav-normal ul.nav {
		display:block !important;
	}
}

@media only screen and (max-width: 1024px){
#nav-toggle {
	display:block;
	float:right;
}
#mainNav{
padding:0;
position:relative;
}

#nav-normal{
margin-left:0;
float: left;
padding: 0;
width: 100%;
height:0;
display:none;
}
#nav-toggle .langbtn {
		padding:10px 8px 5px 15px;
		width:auto
}
#uc_menu__li_lang_HKZH, #uc_menu__li_lang {
	display:none;
}

#nav-normal ul.nav {
width: 300px;
float:right;
display:none;
padding: 0px;
margin: 0px;
border-top: 2px solid #ff6b00;
overflow:hidden;
background:#f3f3f3;
z-index:999;
height:470px;
overflow-y:auto;
}

#nav-normal ul.nav  li{
margin:0;
min-width:120px;
float:none;
height:auto;
padding:0;
border-bottom:1px solid #ddd;
}

#nav-normal ul.nav li.haschild {
	border-bottom:0;
}
#mainNav li {
	padding:10px 0;
	margin: 0 0 0 20px;
}
#mainNav li:hover {
	background:none;
}

#mainNav ul.nav ul {
	display: block;
    position: relative;
    top: initial;
    left: initial;
    width: auto;
    height: auto;
	border:0;
}

#mainNav ul.nav  li a {
	padding: 10px 26px;
	text-decoration: none;
	display:block;
}
#mainNav .nav li:hover>ul {
	left:initial;
	top:initial;
	padding:0;
}
#mainNav ul.nav li ul li {
	padding-left:30px;
}
#mainNav .nav li li:first-child  {
	border-top:1px solid #ddd;
}
#shortcutHolder {
	position:absolute;
}
#mainNav li:hover, #mainNav li.active {
	background:none;
}

}

@media only screen and (max-width: 767px) {	
/*
	#nav-toggle .navbtn span {
		padding:12px 8px 6px 8px;
	
	}
*/
}

@media only screen and (max-width: 567px){
	.header-phone {
		padding:0;
		margin:0;
		float:right;
		
	}
	.stickyHeader {
		height:126px;
	}
	#mainHeader {
		height:90px;
	}
	.contentContainer, .contentContainer.homeContainer {
		margin-top:126px;
	}
	#mainHeader .main-util {
		float:right;
		height:auto;
		margin:0;
		margin-top:15px;
		margin-right:10px;
		width:120px;
		background:none;
	}
		
	.main-util-logo {
		width:170px;
		height:56px;
		margin-bottom:0;
		padding-left:20px;
	}
	.main-util-logo .logo, .main-util-logo .logo a {
		height:56px;
	}

	.main-util-logo  img{
		width:auto;
		max-height:56px;
	}

	#nav-toggle {
		margin-top:-65px;
	}	
	
	#nav-toggle .langbtn {
		padding:6px 8px 5px 15px;
		width:auto;
	}
	/*
	#nav-toggle .navbtn {
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef));
	background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#efefef 100%);
	border:1px solid #ddd;
	border-radius:5px;
	}
	*/
	#nav-toggle .navbtn {
		background:none;
		border:0;
	}
	#nav-toggle .navbtn span{
		background:none;
		padding:0;
		height:31px;
		width:auto;
	}
	#nav-normal {
		height:100%;
		position:fixed;
		z-index:9999;
		margin:0;
		right:0;
		width:300px;
		display:none;
	}
	#nav-normal ul.nav {
		overflow-x:hidden;
		overflow-y:auto;
		height:calc(100% - 130px);;
	}

	
	#shortcutHolder {
		position:relative;
	}
	
	#shortcutHolder {
		padding-left:20px;
	}
}
@media only screen and (max-width: 480px){			
	#mainNav{
		padding:0;
		height:auto;
		/*min-height:52px;*/
	}

	#nav-normal ul.nav  li{
		margin:0;
	}

/*
	#shortcutHolder .shortcutTabs span {
		width:130px;
		padding:13px 0px 7px 5px;
	}
	#shortcutHolder .shortcutTabs li.quote span {
		width:110px;
	}
*/
}

@media only screen and (max-width: 420px){
/*
	#shortcutHolder .shortcutTabs span {
		width:120px;
		padding:13px 0px 7px 5px;
	}
	#shortcutHolder .shortcutTabs li.quote span {
		width:103px;
	}
	#shortcutHolder .shortcutTabs span img {
		width:25%;
		padding-top:5px;
	}
*/
}
@media only screen and (max-width: 380px){
	ul.nav li a {
		padding:0 8px;
	}
}

@media only screen and (max-width: 359px){
/*
	#shortcutHolder .shortcutTabs span, .mobile #shortcutHolder .shortcutTabs span {
		font-size:10px;
		width:110px;
		padding:13px 0px 7px 5px;
	}
	#shortcutHolder .shortcutTabs span img {
		width:25%;
	}
	#shortcutHolder .shortcutTabs li.quote span {
		width:93px;
	}
	#shortcutHolder .shortcutTabs li.location span {
		width:100px;
	}
*/
}