@charset "utf-8";
/*
 * theme 011
 */

/*
 * 导航组件
 */
.sitewidget-navigation { background-color: #33323A; position: relative; z-index: 3; border-top:1px solid rgb(94, 186, 206); border-bottom:1px solid rgb(94, 186, 206);}
/*主导航*/
div[class^="sitewidget-navigation"] .sitewidget-main-nav { color: #fff; line-height: 54px; border-bottom-width: 0; padding: 0 30px; font-size: 18px; font-weight:bold;}
div[class^="sitewidget-navigation"] .sitewidget-main-nav:hover { color: #fff;}
.nav .on > a.sitewidget-main-nav { background-color: #5EBACE; color: #fff;}
.nav li.navi-has-sub > a { background-image: url(/cloud/jjBniKRiiSoqnrr/navhassub.png); background-position: right center; background-repeat: no-repeat;}
/*下拉菜单*/
.nav .sub-nav { display: none; top: 54px; padding: 10px 0px 15px; background-color: #f9f9f9; opacity: 0.95;}
.nav .sub-nav { filter:alpha(opacity=95);}
/*二级导航*/
.nav ul.sub-nav { width: 150%;}
ul.sub-nav li a:hover{ background:#dedede;}
/*三级导航*/
div.sub-nav li a { color: #6d6d6d;}
div.sub-nav > ul { padding: 12px 20px 20px; border-right: 1px solid #d1d1d1; margin-right: 8px;}
/*次导航*/
div[class^="sitewidget-navigation"] .sitewidget-sub-nav { line-height: 40px; color: #5EBACE; font-size: 16px;}
div[class^="sitewidget-navigation"] .sitewidget-sub-nav:hover { text-decoration:underline;}

/*手势按钮*/
.nav li .sub-toggle-thumb { top: 6px;}
.navigation-thumb { background-color: #5EBACE;}
.navigation-thumb-current { background-color: #5EBACE;}

.nav-toggle-hide .navigation-bar { border-bottom-width: 0px;}
.nav-toggle-hide .nav div.sub-nav > ul { padding: 10px; border-right-width: 0px; margin-right: 0px;}
.navigation-style-fit .nav ul.sub-nav { width: 120%;}

/*响应式处理 min-width */
@media (min-width: 1px) {
 .navigation-bar { border-bottom-width: 0px;}
 .nav ul.sub-nav { width: 100%;}
 .nav div.sub-nav > ul { padding: 10px; border-right-width: 0px; margin-right: 0px;}
}
/*响应式处理 1024*/
@media (min-width: 990px) {
 .navigation-bar { border-bottom-width: 4px;}
 .nav ul.sub-nav { width: 150%;}
 .nav > li > a { background: none;}
 .nav div.sub-nav > ul { padding: 12px 20px 20px; border-right: 1px solid #d1d1d1; margin-right: 8px;}
 .nav > li { border-right: 1px solid #555559;}
 .nav > li:first-child { border-left: 1px solid #555559;}
}

/*008*/
.sitewidget-navigation .sitewidget-mainnav-divsions .sitewidget-main-nav:hover { background:none; color: #323232;}
.sitewidget-navigation.widget-smartmenu-style2 .nav > li,
.sitewidget-navigation.widget-smartmenu-style4 .nav > li { border:0;}
.sitewidget-navigation.widget-smartmenu-style3 {
	background-image:-moz-linear-gradient(top,#323232 0%,#201f22 100%);
	background-image:-webkit-linear-gradient(top,#323232 0%,#201f22 100%);
	background-image:-o-linear-gradient(top,#323232 0%,#201f22 100%);
	background-image:-ms-linear-gradient(top,#323232 0%,#201f22 100%);
	background-image:linear-gradient(top,#323232 0%,#201f22 100%);
}
.sitewidget-navigation.widget-smartmenu-style3 .nav .on > a.sitewidget-main-nav {
	background-image:-moz-linear-gradient(top,#5EBACE 0%,#4bd0ed 100%);
	background-image:-webkit-linear-gradient(top,#5EBACE 0%,#4bd0ed 100%);
	background-image:-o-linear-gradient(top,#5EBACE 0%,#4bd0ed 100%);
	background-image:-ms-linear-gradient(top,#5EBACE 0%,#4bd0ed 100%);
	background-image:linear-gradient(top,#5EBACE 0%,#4bd0ed 100%);
}

.sitewidget-navigation.widget-smartmenu-style4 .nav > li {
	background-image:-moz-linear-gradient(top,#323232 0%,#201f22 100%);
	background-image:-webkit-linear-gradient(top,#323232 0%,#201f22 100%);
	background-image:-o-linear-gradient(top,#323232 0%,#201f22 100%);
	background-image:-ms-linear-gradient(top,#323232 0%,#201f22 100%);
	background-image:linear-gradient(top,#323232 0%,#201f22 100%);
}
.sitewidget-navigation.widget-smartmenu-style4 .nav .on > a.sitewidget-main-nav {
	background-image:-moz-linear-gradient(top,#5EBACE 0%,#4bd0ed 100%);
	background-image:-webkit-linear-gradient(top,#5EBACE 0%,#4bd0ed 100%);
	background-image:-o-linear-gradient(top,#5EBACE 0%,#4bd0ed 100%);
	background-image:-ms-linear-gradient(top,#5EBACE 0%,#4bd0ed 100%);
	background-image:linear-gradient(top,#5EBACE 0%,#4bd0ed 100%);
}
.nav .sitewidget-main-nav:hover  { background-color: #5EBACE; color: #fff;}
.nav .sitewidget-main-nav:hover span { color: #fff;}
@media (min-width: 1px) and (max-width: 989px) {
    .nav > li { background-color: transparent;}
    .nav li.navi-has-sub > a { background:none;}
	.sitewidget-navigation.widget-smartmenu-style1 { background-color: #33323A;}
	.sitewidget-navigation.widget-smartmenu-style2 { background-color: #33323A;}
	}


/*
 * 按钮组件
 * 2014-10-30 lixueli
 */ 
.sitewidget-button .backstage-component-btn {cursor: pointer; padding: 0 15px; background-color: #5EBACE; color: #fff; border-radius: 3px; display: inline-block; line-height: 28px; font-size : 14px; text-align: center; text-decoration : none; }
.sitewidget-button .backstage-component-btn:hover {color: #fff; opacity: 0.8; text-decoration: none;}

/*category on sytle*/
.sitewidget-quicknavigation .sitewidget-bd a.on{color:rgb(94, 186, 206);}
.sitewidget-prodGroupCategory .submenu-default-gray .on>a{color:rgb(94, 186, 206);}
.sitewidget-articlecategory .submenu-default-gray .on>a{color:rgb(94, 186, 206);}