@charset "utf-8";
/*
描述:cavan响应式主题样式表第8套
作者: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;}
.body{overflow:hidden;}
/*---------------------header-----------------------*/
.w-header{ position:absolute; top:0; left:0; right:0; background:transparent; color:#021830;}
.header_bg{ position:absolute; left:0; right:0; top:0; bottom:0;background:#fff;opacity:0.8; *filter:alpha(opacity=80); filter:progid:dximagetransform.microsoft.alpha(opacity=80);}
.col-logo{float:left; position:relative; z-index:1;}
.w-logo{ height:84px; line-height:84px; min-width:40px;}
.w-logo-img img{max-height:84px;}
.w-logo h1{ font-size:42px; }
.w-logo h1,.w-logo a{color:#021830;}
.w-nav{float:right; }
.w-nav .nav_inner{display:block;}
.w-nav li a{ text-decoration:none;color:#021830;padding:0 10px;}
.w-nav .nav_inner > li > a, .w-nav .nav_inner > li > .li-parent-div > a{line-height:36px; min-width:100px;font-size:14px;}
.w-nav .nav_inner > li > .submenu{ top:36px; 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: no-repeat center; width:19px; height:19px; vertical-align:middle; display:inline-block; *zoom:1;}
.toplogbox .w-search{ position:relative; margin-left:5px;}
.toplogbox .w-search .input-search-w{ background:none; width:250px; height:28px;*width:220px; *height:26px; line-height:26px;  padding: 0 25px 0 5px; border:1px solid #fff; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; *color:#fff;  }
.toplogbox .w-search .search-btn-w{ position:absolute; width:20px; height:20px; right:5px; top:50%; margin-top:-10px; background:url(/uploads/image/t8images/header_search.png) no-repeat center; background-size:contain; cursor:pointer;}
.toplogbox .w-search .search-btn-w span{ display:none;}
.banner_edit{ top:120px;}

/*-----------------------banner------------------*/

/*---------------footer------------------*/
.w-footer{ background:#021830; color:#fff; line-height:2;}
.w-footer a{color:#fff;}
.w-footer .icon-social{background-image:url(/uploads/image/t8images/icon-social-foot-w.png);}
/*----------------------------组件-----------------------*/
.btn-default-w{border:none; color:#fff; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; padding:0.8em 2.5em; background:#021830;}
.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; }
.btn-default-b:hover{}
.btn-large-w{ font-size:105%;}
.gallery-mar{margin:10px;}
.search-defaut-w .search-btn-w{border:1px solid #ddd; border-left:0;background-color:#fff}
.search-defaut-w .search-btn-w:hover{background-color:#fff;border-color:#ddd; }
.icon-social{background-image:url(/uploads/image/t8images/icon-social-w.png);}
.icon-social:hover{opacity:0.7; *filter:alpha(opacity=70); filter:progid:dximagetransform.microsoft.alpha(opacity=70);}
.banner .bx-wrapper .bx-prev{background-image: !important;}
.banner .bx-wrapper .bx-next{background-image: !important;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{ background:#fff !important;}
/*----------------------标题------------------------*/
.color_vice{ color:#c5c5c4;}
/*--------------------系统------------------------*/
.systitle{background:#021830; 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:#021830; border-color:#021830;color:#fff;}
.w-prd-list-cell .w-prd-infobox,.w-prd-list-cell .w-prd-infobox h2 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:#021830;}
.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:#021830;}
.w-adnews3 .w-adnews-texts li .w-adnews-texth a,.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:#808b97;}
.w-adnews3 .w-adnews-imgs .adnews3prev{background-image:;}
.w-adnews3 .w-adnews-imgs .adnews3next{background-image:;}
.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{ line-height:32px; min-width:auto; padding:0 18px;}
.w-admin-nav > .nav_inner > li > .submenu{top:32px;}
/*---------------------登录注册--------------------------*/
.body-login{background-image:url(/uploads/image/t8images/signbg.png);}
.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:;}
.login-button-a{background-image:;}
.login-checka input.checked[type="checkbox"]   label{background-image:;}
.login-input-a,.login-button-a,.login-checka label{border-color:#999;}
@media (min-width:768px){
    .w-com-menu-h{  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; }
	.w-com-menu-h >.w-com-menu-in>.ul-parent> li >.div-parent{ padding:0 35px;}
    .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:#021830;}
    .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:960px){
	.w-header .row{ padding-top:30px;}
	.w-logo h1,.w-logo-img{ line-height:84px;}
	.w-nav{  margin-top:26px; margin-bottom:20px; border-bottom:1px solid #021830; position:relative;z-index:1;}
	.w-nav .li-parentone-div .fa{ display:none;}
	.w-nav .submenu{ box-shadow:0 0 2px rgba(255,255,255,0.2); -moz-box-shadow:0 0 2px rgba(255,255,255,0.2); -webkit-box-shadow:0 0 2px rgba(255,255,255,0.2);}
	.w-nav .li-parent-div .fa-plus:before{content: "\f105";}
	/*---------------------------toplogbox--------------------------*/
    .toplogbox{ position:absolute; left:0; right:0; top:0; background:#021830; z-index:1;}
    .toplogbox .toplogbox-in{overflow:hidden; padding:5px 0; position:relative;}
    .toplogbox .w-languege,.toplogbox .w-loginregister,.toplogbox .w-shopcart,.w-header .w-search,.toplogbox .col-com{float:right; }
	.toplogbox .w-search{position:absolute; left:0; top:1px;}
	/*-----------------------------会员中心和购物中心---------------------*/
	.w-admin-header .w-admin-nav{ padding-top:0; }
    .body-login .w-admin-header{padding-top:20px;}
	.body-login .w-admin-header .w-admin-nav{ float:right;}
	.w-admin-shopcart{padding-top:28px; margin-right:10px;}
}
@media (min-width:1200px){
	.w-com-menu-h{ width:2000px; margin-left:-407px;}
}
@media (max-width:1200px){
	.w-main .row,.w-header .row,.w-footer-in, .toplogbox .toplogbox-in{ width:100%;}
	.col-table{margin:0;}
	.w-nav .nav_inner > li > a, .w-nav .nav_inner > li > .li-parent-div > a{ min-width:auto; padding:0 20px;}
	.w-com-menu-h{margin-left:0;}
}
@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:#021830;}
	.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:#3d3d3d; top:1.56rem; bottom:0; margin-top:0px; display:none; overflow-y:auto; padding:0;}
	.toplogbox .col-com{ border-bottom:1px solid #2a2a2a; border-top:1px solid #484848; float:none; margin-right:0;}
	.w-languege{ float:left; margin:1em;}
	.w-loginregister,.w-shopcart{ float:right; margin:1em;}
	.w-header .w-search{ float:none; margin:1em;}
	.w-header .w-search .input-search-w{ width:100%; box-sizing:border-box; height:3em; line-height:3em;}
	.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:14px; font-weight:normal; color:#fff;}
    .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 a{ text-align:center;}
	/*-----------------------会员中心和购物车--------------------*/
	.w-admin-header{position:fixed; top:0; left:0; width:100%; padding-top:0; height:1.56rem; z-index:999; color:#021830;}
}
@media only screen and (min-width:768px) and (max-width:960px) {
	.w-loginregister, .w-shopcart, .w-header .w-search{margin-right:15px;}
	.w-shopcart{margin-left:15px;}
}
@media (max-width:767px) {
	/*----------------------系统页-------------------*/
	/*----------------------新闻组件--------------------*/
	.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;}
	/*------------------------组件------------------------*/
	.gallery-mar{margin:5% !important;}
}