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

/*
 * navigation
 */
.sitewidget-navigation { background-color: #323232; position: relative; z-index: 3;}
/*主导航*/
div[class^="sitewidget-navigation"] .sitewidget-main-nav { color: #fff; line-height: 60px; border-bottom-width: 0; padding: 0 20px; font-size: 16px; font-weight:bold;}
div[class^="sitewidget-navigation"] .sitewidget-main-nav:hover { color: #fff;}
.nav .on > a.sitewidget-main-nav { background-color: #000000; color: #fff;}
.nav li.navi-has-sub > a { background-image: url(/cloud/ioBnrKRqiSmlkjr/navhassub.png); background-position: right center; background-repeat: no-repeat;}
/*下拉菜单*/
.nav .sub-nav { display: none; top: 60px; padding: 10px 0 15px; border-top: 2px solid #29AAE3; background-color: #f9f9f9; opacity: 0.95; box-shadow: 0 3px 5px #29AAE3;}
.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: 42px; color: #dd4a4b; font-size: 15px;}
div[class^="sitewidget-navigation"] .sitewidget-sub-nav:hover { text-decoration:underline;}

/*手势按钮*/
.nav li .sub-toggle-thumb { top: 6px;}
.navigation-thumb { background-color: #F95355;}
.sitewidget-navigation .nav li.on .sitewidget-main-nav,
.sitewidget-navigation .nav li .sitewidget-main-nav:hover { color: #29AAE3; }

/*响应式处理 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-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;}
/*002*/
.sitewidget-navigation.widget-smartmenu-style3 {
	background-image:-moz-linear-gradient(top,#323232 0%,#626262 100%);
	background-image:-webkit-linear-gradient(top,#323232 0%,#626262 100%);
	background-image:-o-linear-gradient(top,#323232 0%,#626262 100%);
	background-image:-ms-linear-gradient(top,#323232 0%,#626262 100%);
	background-image:linear-gradient(top,#323232 0%,#626262 100%);
}
.sitewidget-navigation.widget-smartmenu-style3 .nav .on > a.sitewidget-main-nav {
	background-image:-moz-linear-gradient(top,#F95355 0%,#b01517 100%);
	background-image:-webkit-linear-gradient(top,#F95355 0%,#b01517 100%);
	background-image:-o-linear-gradient(top,#F95355 0%,#b01517 100%);
	background-image:-ms-linear-gradient(top,#F95355 0%,#b01517 100%);
	background-image:linear-gradient(top,#F95355 0%,#b01517 100%);
}

.sitewidget-navigation.widget-smartmenu-style4 .nav > li {
	background-image:-moz-linear-gradient(top,#323232 0%,#626262 100%);
	background-image:-webkit-linear-gradient(top,#323232 0%,#626262 100%);
	background-image:-o-linear-gradient(top,#323232 0%,#626262 100%);
	background-image:-ms-linear-gradient(top,#323232 0%,#626262 100%);
	background-image:linear-gradient(top,#323232 0%,#626262 100%);
}
.sitewidget-navigation.widget-smartmenu-style4 .nav .on > a.sitewidget-main-nav {
	background-image:-moz-linear-gradient(top,#F95355 0%,#b01517 100%);
	background-image:-webkit-linear-gradient(top,#F95355 0%,#b01517 100%);
	background-image:-o-linear-gradient(top,#F95355 0%,#b01517 100%);
	background-image:-ms-linear-gradient(top,#F95355 0%,#b01517 100%);
	background-image:linear-gradient(top,#F95355 0%,#b01517 100%);
}
.nav .sitewidget-main-nav:hover  { 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: #323232;}
	.sitewidget-navigation.widget-smartmenu-style2 { background-color: #323232;}
	.sitewidget-navigation .navigation-thumb-current { background-color: #323232;}
	}

/*
 * 产品搜索组件 
 */
.sitewidget-prodsearch {}
.sitewidget-prodsearch .prodsearch-styles-wrap form { background-color: #f0f0f0;}
.sitewidget-prodsearch .prodsearch-styles-wrap form>div{+height: 39px;}
.sitewidget-prodsearch .prodsearch-input { margin-right:-40px;}
.sitewidget-prodsearch .prodsearch-input input {height:40px; +height:39px;line-height:40px; background-color: #f0f0f0;}
.sitewidget-prodsearch .prodsearch-button, .sitewidget-prodsearch .prodsearch-button button { width:40px; height:40px;}
.sitewidget-prodsearch .prodsearch-button button { background:url(/cloud/knBnkKRpiSkklnpo/searchbg.png) center center no-repeat;}
.sitewidget-prodsearch .prodsearch-style-square-btn .prodsearch-button button, .sitewidget-prodsearch .prodsearch-style-round-btn .prodsearch-button button,
.sitewidget-prodsearch .prodsearch-style-split-btn .prodsearch-button button{background-color: #f95355;}
.sitewidget-prodsearch .prodsearch-style-split-btn .prodsearch-split{height: 42px; background: #fff; right: 40px;}
.sitewidget-prodsearch .prodsearch-style-round-btn form, .sitewidget-prodsearch .prodsearch-style-round-right form, 
.sitewidget-prodsearch .prodsearch-style-round-left form{border-radius: 20px;}

/*button*/ 
.sitewidget-button .backstage-component-btn { background:#ffe500; padding:16px 40px!important; font-family: 'Trebuchet MS'; color: #000; display:inline-block; font-size: 16px; transition: 0.5s ease; -o-transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease; text-transform: uppercase;}
.sitewidget-button .backstage-component-btn:hover{ background:#222; color:#FFF;}

/*on style*/
.sitewidget-quicknavigation .sitewidget-bd a.on{color:#17B5E5}
.sitewidget-prodGroupCategory .submenu-default-gray .on>a{color:#FF000F}
.sitewidget-articlecategory .submenu-default-gray .on>a{color:#FF000F}

/*inqure button*/
.prodlist-wrap .prodlist-pro-inquire:hover { background: #29AAE3;}