@charset "utf-8";
/*
描述:cavan响应式主题样式表第9套
作者:wangxb
*/
/*默认页面主体样式定义*/
body{ color:#484848;}
a{ color:#333;}
.w-main .row,.w-header .row,.topLogBox .topLogBox-in,.w-footer-in{ max-width:1186px; margin:0 auto;}
/*---------------------header-----------------------*/
.w-header{  color:#313131; }
.col-logo{float:left;}
.w-logo{ height:90px; line-height:90px; min-width:40px;}
.w-logo-img img{max-height:90px;}
.w-logo h1{ font-size:42px; }
.w-logo h1,.w-logo a{color:#59C0CA;}
.w-nav{float:right; }
.w-nav .nav_inner{display:block;}
.w-nav li a{ text-decoration:none;color:#313131;padding:0 10px;}
.w-nav .nav_inner > li > a, .w-nav .nav_inner > li > .li-parent-div > a{line-height:90px; min-width:100px;font-size:14px;}
.w-nav .nav_inner > li:nth-child(4n+1) > a, .w-nav .nav_inner > li:nth-child(4n+1) > .li-parent-div > a { border-bottom:3px solid #E94486;}
.w-nav .nav_inner > li:nth-child(4n+2) > a, .w-nav .nav_inner > li:nth-child(4n+2) > .li-parent-div > a { border-bottom:3px solid #EF8200;}
.w-nav .nav_inner > li:nth-child(4n+3) > a, .w-nav .nav_inner > li:nth-child(4n+3) > .li-parent-div > a { border-bottom:3px solid #46C743;}
.w-nav .nav_inner > li:nth-child(4n) > a, .w-nav .nav_inner > li:nth-child(4n) > .li-parent-div > a { border-bottom:3px solid #4397C7;}
.w-nav .nav_inner > li > .submenu{ top:90px; left:50%; margin-left:-75px;}
.w-nav .submenu a{ color:#fff;font-size:12px; text-align:center;}
.w-nav .submenu li a{ padding:8px 10px;}
.topLogBox,.topLogBox a{ color:#fff; font-size:12px ;}
.topLogBox a{ margin:0 6px; text-decoration:none;}
.topLogBox .col-com{margin-right:30px;}
.w-loginRegister,.w-languege,.w-shopCart{padding-top:2px;}
.w-shopCart i{ background:url(../images/shopCart.png) no-repeat center; width:19px; height:19px; vertical-align:middle; display:inline-block; *zoom:1; margin-right: 3px;}
/*-----------------------banner------------------*/
.banner .bx-wrapper .bx-prev{background-image:url("../images/banner_pre.png") !important;}
.banner .bx-wrapper .bx-next{background-image:url("../images/banner_next.png") !important;}
.banner .bx-wrapper .bx-pager.bx-default-pager a{ background:#fff;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{ background:#fff !important;}
/*---------------footer------------------*/
.w-footer{ background:#59C0CA; color:#fff; line-height:2;}
.w-footer a{color:#fff;}
/*----------------------------组件-----------------------*/
.btn-default-w{border:none; color:#fff; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; padding:0.8em 2.5em; background:#59C0CA;}
.btn-black-w:hover,.btn-black-w:focus, .btn-default-w:hover,.btn-default-w:focus, .btn-global-w:hover,.btn-global-w:focus{color:#fff; }
.search-defaut-w .search-btn-w{background:url("../images/input-search-white.png") no-repeat center #ef8200; border:0;}
.search-defaut-w .search-btn-w:hover{ background-color:#FF9B20;}
.btn-large-w{ font-size:105%;}
/*--------------------系统------------------------*/
.systitle{background:#40B5C1; color:#fff;}
/*-----------------------------产品----------------------*/
.w-prd-list-cell .w-prd-btns a{border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.w-prd-list-cell .w-prd-btns a.btn-buy{ background:#59C0CA; border-color:#59C0CA;color:#fff;}
.w-prd-list-cell .w-prd-infobox,.w-prd-list-cell .w-prd-infobox h2 a,.w-prd-list-cell .w-prd-infobox .w-prd-name a{ color:#474b54;}
.w-prd-list .w-prd-imgbox{border:1px solid #e6e6e6;}
.product-detail-wrap{color:#666;}
.product-descons{color:#2a2a2a;}
/*----------------------------新闻-------------------------*/
.w-News-list a{color:#6f6f6f;}
.w-News-list .news-com .news-sum{color:#6f6f6f;}
.newsDetail,.newsDetail a{ color:#767676;}
.w-News-list5 li .news-item .data-day,.w-adNews1 li .news-item .data-day{ background:#59C0CA;}
.w-adNews3 .w-adNews-imgs .news-img .news-buoy-content .mask{background:#4f411c;}
.w-adNews3,.w-adNews3 .w-adNews-imgs .adNews3prev,.w-adNews3 .w-adNews-imgs .adNews3next{background-color:#59C0CA;}
.w-adNews3 .w-adNews-texts li .w-adNews-textH h3,.w-adNews3 .w-adNews-texts li .w-adNews-textH p,.w-adNews3 .w-adNews-texts li .w-adNews-textH h3,.w-adNews3 .w-adNews-texts li .w-adNews-textH .news-sum{ color:#fff;}
.w-adNews3 .w-adNews-imgs .news-img .news-buoy-content,.w-adNews3 .w-adNews-imgs .adNews3prev,.w-adNews3 .w-adNews-imgs .adNews3next{height:60px;}
.w-adNews3 .w-adNews-imgs .news-img .news-buoy-content h3{ padding:20px 130px 20px 45px;}
.w-adNews3 .w-adNews-texts li .numberQ{border-color:#fff; color:#fff;opacity:0.5; *filter:alpha(opacity=50); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);}
.w-adNews3 .w-adNews-texts li{border-color:#ACDFE4;}
.w-adNews3 .w-adNews-imgs .adNews3prev{background-image:url("../images/adNews3prev.png");}
.w-adNews3 .w-adNews-imgs .adNews3next{background-image:url("../images/adNews3next.png");}
.newsDetail .newsTitle{color:#232323;}
/*----------------------菜单----------------------------*/
.w-com-menu li > .div-parent > .fa-plus::before{content: "\f107";}
.w-com-menu li.open > .div-parent > .fa-plus::before{ content: "\f106";}

/*-----------------------会员中心和购物车--------------------*/
.w-admin-nav > .nav_inner > li > a, .w-admin-nav > .nav_inner > li > .li-parent-div > a{  min-width:auto; padding:0 18px;}
/*---------------------登录注册--------------------------*/
.body-login{background:#fff;}
.signbox-A .login-h2A,.login-input-A,.register-A a, .password-forget-A a,.login-button-A,.signfoot,.login-checkA span{color:#666;}
input[class*='login-input-A']::-webkit-input-placeholder{ color:#666;}
input[class*='login-input-A']:-moz-placeholder{ color:#666;}
input[class*='login-input-A']::-moz-placeholder{ color:#666;}
input[class*='login-input-A']:-ms-input-placeholder{ color:#666;}
.sign-content-A{ background-image:url("../images/signboxbg.png");}
.login-button-A{background-image:url("../images/signbtnbg.png");}
.login-checkA input.checked[type="checkbox"] + label{background-image:url("../images/login-checked.png");}
.login-input-A,.login-button-A,.login-checkA label{border-color:#ABDFE4;}

@media (min-width:769px){
	.systitle{ font-size: 24px; text-align: left;}
	.w-com-menu-H{ position: relative;} 
	.w-system .w-com-menu-H{margin-top:-30px;}
	.w-com-menu-H:before{ content: ''; position: absolute; left: 50%; width: 3000px; margin-left: -1500px; bottom: 0; border-bottom:1px solid #f0f0f0; box-shadow:0 2px 2px rgba(0,0,0,0.05); -moz-box-shadow:0 2px 2px rgba(0,0,0,0.05); -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.05);}
	.w-com-menu-H li{margin:0;}
	.w-com-menu-H li a{ font-size:16px;}
	.w-com-menu-H >.w-com-menu-in{display:inline-block; *display:inline; *zoom:1; position: relative; z-index: 2;}
	.w-com-menu-H >.w-com-menu-in>.ul-parent> li >.div-parent{ padding:0 10px;}
	.w-com-menu-H >.w-com-menu-in>.ul-parent> li >.div-parent a{ padding:20px 10px; display:inline-block;*display:inline; *zoom:1; color:#333;border-bottom:2px solid transparent;}
	.w-com-menu-H .ul-submenu{ padding-top:26px; top:60px;}
	.w-com-menu-H .ul-submenu .ul-submenu{ top:30px; padding-top:7px;}
	.w-com-menu-H .ul-submenu li .div-parent{margin:0 5px;}
	.w-com-menu-H .ul-submenu li a{color:#232323; line-height:2;}
	.w-com-menu-H .ul-submenu .ul-submenu-up{display:none;}
}
@media (min-width:961px){
	.w-header .row{ padding-top:30px; border-bottom:1px solid #c7c7c7; margin-bottom:40px;}
	.body-login .w-admin-header .w-admin-row{ border-bottom:1px solid #c7c7c7;}
	.w-logo h1,.w-logo-img{ line-height:90px;}
	.w-nav{ margin-bottom:-1px;}
	.w-nav .li-parentOne-div .fa{ display:none;}
	.w-nav .submenu{ box-shadow:0 0 2px rgba(0,0,0,0.2); -moz-box-shadow:0 0 2px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);}
	.w-nav .li-parent-div .fa-plus:before{content: "\f105";}
	/*---------------------------topLogBox--------------------------*/
	.topLogBox{ position:absolute; left:0; right:0; top:0; background:#59C0CA; z-index:1;}
	.topLogBox .topLogBox-in{overflow:hidden; padding:5px 0; position:relative;}
	.topLogBox .w-languege,.topLogBox .w-loginRegister,.topLogBox .w-shopCart,.topLogBox .col-com{float:right; }
	/*-----------------------------会员中心和购物中心---------------------*/
	.w-admin-header .w-admin-nav{ padding-top:0; }
	.body-login .w-admin-header{padding-top:20px;}
	.w-admin-header .w-admin-nav{ float:right;}
	.w-admin-shopCart{ position: absolute;left: 0;margin-right: 0;padding-top: 0; padding-bottom:0;z-index: 2;top: -35px;}
	.w-admin-shopCart a{background:none; padding:7px 15px;}
	.w-admin-shopCart a span, .w-admin-shopCart a .fa-angle-right{ display:inline-block; *display:inline; *zoom:1;}
	.w-admin-shopCart a .num{left:111px;}

	.w-com-menu-H >.w-com-menu-in>.ul-parent> li >.div-parent{ padding:0 15px;}
}
@media (min-width:1201px){
	.w-admin-shopCart{ left:50%; margin-left:-600px; right:auto;}
	.w-com-menu-H >.w-com-menu-in>.ul-parent> li >.div-parent{ padding:0 35px;}
}
@media (max-width:1200px){
	.w-main .row,.w-header .row,.w-footer-in, .topLogBox .topLogBox-in{ width:100%;}
	.w-nav .nav_inner > li > a, .w-nav .nav_inner > li > .li-parent-div > a{ min-width:auto; padding:0 20px;}
}
@media (max-width:960px) {
	html{width:100%; height:100%; overflow-x:hidden;}
	body{ height:100%;min-width:100%;}
	.body{ padding-top:1.56rem;}
	
	/*--------------------header---------------------*/
	.w-header{position:fixed; top:0; left:0; width:100%; padding-top:0; height:1.56rem;  background:#fff; box-shadow:0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow:0 1px 2px rgba(0,0,0,0.1); -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1);  z-index:999; color:#59C0CA;}
	.col-logo{float:none; text-align:center;}
	.w-logo{ padding:0 1.2rem; height:auto; min-width:auto; line-height:normal;}
	.w-logo h1{ font-size:0.7rem; margin-top:0.35rem; margin-bottom:0;}
	.w-logo-img{ display:block; padding:0.25rem; line-height:1.06rem;}
	.w-logo-img img{max-height:1.06rem;}
	.col-right{position:fixed;left:0; width:100%; background:#fff; top:1.56rem; bottom:0; margin-top:0px; display:none; overflow-y:auto; padding:0;}
	.topLogBox .col-com{ float:none; margin-right:0; text-align: center;}
	.topLogBox, .topLogBox a{ color:#333;}
	.w-languege,.w-loginRegister,.w-shopCart{ float:none; margin:1em; display: inline-block;}
	.w-nav{ float:none; padding-top:0; }
  .w-nav ul{list-style:none; padding-left:0;}
	.w-nav .nav_inner > li > a, .w-nav .nav_inner > li > .li-parent-div > a{line-height:3; font-size:15px; font-weight:normal; color:#222;}
	.w-nav li{ border-bottom:0; border-top: 0;}
  .w-nav li a{ display:block; padding:1em 5px; text-align:center; color:#999;}
	.w-nav .nav_inner > li > .submenu{top:0; left:0; margin-left:0;}	
	.w-nav .submenu li a{ text-align:center; color: #888; font-size: 13px;}
	.w-nav .submenu ul{ background: #f8f8f8;}	
	.w-nav .submenu ul li{ border-bottom:1px solid rgba(55,55,55,0.05)}
	.w-nav .submenu .submenu ul{background: #f0f0f0;}
	/*-----------------------会员中心和购物车--------------------*/
	.w-admin-header{position:fixed; top:0; left:0; width:100%; padding-top:0; height:1.56rem; z-index:999; color:#59C0CA; box-shadow:0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow:0 1px 2px rgba(0,0,0,0.1); -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1); }
	.w-admin-nav{ background: #fff;}
}
@media only screen and (min-width:768px) and (max-width:960px) {
	.w-loginRegister, .w-shopCart{margin-right:15px;}
	.w-shopCart{margin-left:15px;}
}
@media (max-width:768px) {
	.w-adNews3 .w-adNews-imgs .news-img .news-buoy-content{height:3em;}
	.w-adNews3 .w-adNews-imgs .news-img .news-buoy-content h3{ height:3em; padding:1em 4.5em 1em 1em; font-size:100%;}
	.w-adNews3 .w-adNews-imgs .adNews3prev,.w-adNews3 .w-adNews-imgs .adNews3next{height:3em; width:2em;}
	.w-adNews5 li .news-h{ font-size:105%;}
	.w-com-menu .ul-parent{background-color:#f0f0f0;}
	.w-com-menu .ul-submenu ul{ background-color:#fafafa;}
	.w-com-menu .ul-submenu .ul-submenu ul{ background-color:#fdfdfd;}
	.w-com-menu li a, .w-com-menu .ul-submenu li a{text-align:left;}
	.w-com-menu li a, .w-com-menu .fa{color:#2b2b2b; }
	.w-com-menu .ul-submenu li{ font-size: 92%;}
	.w-com-menu .ul-submenu li a,.w-com-menu .ul-submenu .fa{ color:#666;}
	.w-com-menu li, .w-com-menu .ul-submenu li{border:none; border-bottom:1px solid #fff;}
	.w-com-menu .ul-submenu .ul-submenu li{ font-size: 95%;}
}	


