@charset "utf-8";
/*

*/
/*默认页面主体样式定义*/
body{ color:#333; background:#E2E2E2;}
a{ color:#000;}
.w-main .row,.topLogBox .topLogBox-in,.w-footer-in{ max-width:1200px; margin:0 auto;}
.body{overflow:hidden;font-size:14px;}
.scrollTop{position:fixed; right:15px; bottom:30px; cursor:pointer;}
.w-system{padding-top:40px;}
.menu-tel,.search-tel{display:none;}
/*---------------------header-----------------------*/
.w-admin-header{border-bottom:1px solid #d8d8d8;}
.col-logo{ position:relative; z-index:1; }
.w-logo{ height: auto;
  max-width: 100%;
  width: 100%;}
.w-logo h1{ font-size:30px; padding:0 20px; }
.w-logo h1,.w-logo a{color:#000;}
.menu-pc{
  position: fixed;
  z-index: 1000;
  border-bottom: 1px solid #d8d8d8;
  background: #fff;
  width: 92%;
  height: 80px;
  margin: auto;
    margin-top: auto;
  margin-top: auto;
  top: 18px;
  left: 0px;
  right: 0px;
  -webkit-transition: all 1.5s cubic-bezier(0.83, 0, 0.17, 1);
  transition: all 1.5s cubic-bezier(0.83, 0, 0.17, 1);
  border-radius: 6px;
  display: flex;
  align-items: center;  
}
.menu-pc .menu-pc-in{margin: 0 auto;
    margin-top: 0px;
  float: left;
    width: 55%;
}
.menu-pc .w-nav{  }
.menu-pc .w-nav .nav_simpline_cur{ display:block; width:0; height:1px; position:absolute; left:0; bottom:0; background:#000;  }
.menu-pc .w-nav li:hover .nav_simpline_cur,.menu-pc .w-nav li.active .nav_simpline_cur{ width:100%;transition: width 0.5s;-moz-transition: width 0.5s;-webkit-transition: width 0.5s; -o-transition: width 0.5s;  }
.menu-pc .w-search{float:right; margin-top:13px;}
.w-nav{ text-align:center; font-size:0;}
.w-nav .nav_inner{ display:block;} 
.w-nav .nav_inner > li{}
.w-nav li a{ text-decoration:none;color:#262525;font-size:18px;}
.w-nav .nav_inner > li > a, .w-nav .nav_inner > li > .li-parent-div > a{line-height:80px; padding:0 15px;display:block;color:#000; }
.w-nav .nav_inner > li > .submenu{ top:79px; left: -18px; }
.w-nav .nav_inner > li:hover > .submenu,.w-nav .submenu li:hover > .submenu{ display:none;}
.w-nav .submenu a{ font-size:14px; text-align:left; }
.topLogBoxTel{ display:none;}
.topLogBox,.topLogBox a{ font-size:12px;color:#bbb;}
.topLogBox a{ margin:0 6px; text-decoration:none;   }
.topLogBox a:hover{ text-decoration:underline;}
.topLogBox .topLogBox-in{overflow:hidden;}
.topLogBox .w-loginRegister,.topLogBox .w-shopCart{float:left; position:relative; z-index:9; margin-top:10px; margin-bottom:5px;padding-top:2px;}
.topLogBox .w-loginRegister{margin-left:20px;}
.topLogBox .w-languege{float:right; position:relative; z-index:9; margin-top:10px;margin-bottom:5px; margin-right:20px;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:2px;}
.topLogBox .w-search{ position:relative; margin-left:5px;float:right; position:relative; z-index:9; margin:5px 10px;}
.topLogBox .w-search .input-search-w{ background:none;width:235px; height:32px;*width:200px; *height:30px; line-height:30px;  padding: 0 35px 0 5px; border:2px solid #666; }
.topLogBox .w-search .search-btn-w{ position:absolute; right:0; top:0; bottom:0; background:#666; cursor:pointer; }
.topLogBox .w-search .search-btn-w span{ display:block; color:#fff; line-height:30px; padding:0 13px;}
.nav_right_mask{display:none; position:fixed; left:0; right:0; top:0; bottom:0; z-index:2; background:#000;opacity:0.3; *filter:alpha(opacity=30); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);}

/*-----------------------banner------------------*/
.bx-controls-direction{opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); display:none;}
.bx-wrapper:hover .bx-controls-direction{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.banner .bx-wrapper .bx-prev{background-image:url("../images/banner_pre.png") !important; left:0 !important; background-position:left center !important;}
.banner .bx-wrapper .bx-next{background-image:url("../images/banner_next.png") !important; right:0 !important; background-position:right center !important;}
.banner .bx-wrapper .bx-pager.bx-default-pager a{  background:#fff !important;opacity:0.5; *filter:alpha(opacity=50); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);}

/*---------------footer------------------*/
.w-footer{ color:#aaa; font-size:90%;  }
.w-footer a{color:#aaa;}
.w-foot-content{ padding:5px 0;}
/*----------------------------组件-----------------------*/
.w-text{line-height:1.8;}
.btn-default-w{ color:#1c1c1c; padding:0.6em 2.5em;text-align:center;  border:1px solid #1C1C1C; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.btn-small-w{ font-size:100%;}
.btn-large-w{ font-size:110%;}
.gallery-border{ border:1px solid #CCDADD;}
.icon-social{background-image:url('../images/icon-social-w.png');}
.social-item i{  border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;background-color:#eee; }
.search-defaut-w .input-search-w{background:none; border:2px solid #ddd; line-height:2.8em; height:2.8em; padding-right:4.5em; color:#41494f;}
.search-defaut-w{max-width:100%;}
.search-defaut-w .search-btn-w{ height:100%; border:none; background:none; width:auto;}
.search-defaut-w .search-btn-w:hover{ }
.search-defaut-w .search-btn-w span{display:block; padding:0 1em; color:#fff; line-height:2.8em;}
.w-lantern-h .lantern_pre, .w-lantern-h .lantern_next{width:30px; height:30px; margin-top:-15px; border:1px solid #40a804; background-color:#fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.w-lantern-h .lantern_pre{ background-image:url(../images/lantern_pre.png); }
.w-lantern-h .lantern_next{ background-image:url(../images/lantern_next.png);}
/*title*/
.color_vice{ color:#333;}
.color_vice_light{color:#5A5A5A;}
.bg_vice_light{ background:#C6C6C6;}
.lineborder{ border-color:#D9D9D9;}
.w-title .more.aHovercolor_main{ color:#777;}
.w-title .title-h-in > span{font-family:"微软雅黑",microsoft yahei;}
.w-title1 h2{line-height:1.5;}
.w-title16 h2{letter-spacing:3px;}
.w-title16,.w-title16 h2,.w-title16 .title-h-in > span{line-height:1.2;}
.w-title23 .title-h-in > span{font-size:18px;}
.w-title23 .simpline{width:35px; height:3px; margin:10px auto 20px;}
.w-title26 .tith > em{ display:none;}
.w-title26 .tith span{ padding-left:0.6em; font-size:110%;}
.w-title34 .tith .line{background-color:#3e3e3e;}
/*--------------------系统------------------------*/
.systitle{font-size:18px; padding:5px 0 12px;color:#474747;  }
.crumbs{ background:none; padding:0; margin-bottom:5px; }
.w-com-menu{font-family:'宋体',SimSun;}
.w-pages a{border-color:#DDDDDD; color:#000; }
.w-pages{text-align:center;}
.w-pages a:hover,.w-pages a.cur{color:#fff; border:1px solid #000;}
.w-pages a.disabled{color:#aaa; background:none;border:1px solid #DDDDDD;}
.w-pages a.disabled:hover{color:#aaa; background:none;border:1px solid #DDDDDD;}

/*-----------------------------产品----------------------*/
.w-prd-list-cell .w-prd-con{padding:15px; border:1px solid #EEEEEE;}
.w-product1 .w-prd-list-cell .w-prd-con,.w-prd-list1 .w-prd-list-cell .w-prd-con{padding:15px 15px 0;}
.w-product2 .w-prd-list-cell .w-prd-con,.w-prd-list2 .w-prd-list-cell .w-prd-con{padding:15px 0 15px 15px;}
.w-product3 .w-prd-list-cell .w-prd-con{padding:15px 15px 15px 0;}
.w-prd-list-cell .w-prd-infobox h2 a:hover{ text-decoration:none;}
.w-prd-list-cell .w-prd-price-groups > div{ font-size:100%;}
.w-prd-list-cell .w-prd-price-groups .product-price-prefix{font-weight:normal; color:#bbb;}
.w-prd-list2 .w-prd-list-cell .w-prd-con{overflow:hidden;}
.w-prd-list-cell .w-prd-sum{ color:#666;}
.w-prd-list-cell .w-prd-btns a{ line-height:1.3; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.w-prd-list-cell .w-prd-btns a.btn-buy{ background:#628A82; border-color:#628A82; color:#fff;}
.w-prd-list-cell .w-prd-price-groups,.w-prd-list-cell .w-prd-infobox h2,.w-product .w-prd-infobox h2{ margin-bottom:0;}
.w-prd-list-cell .w-prd-price-groups .w-prd-price-sale .product-price-amount{  color:#f00; }
.w-prd-list-cell .w-prd-price-groups .w-prd-price-markit .product-price-amount{color:#000;}
.product-detail-info .product-grayBox .product-prices{line-height:1.2;}
.product-detail-info .product-grayBox{background:none; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.info_tab ul{ padding:0;}
.info_tab_in{border-color:#ebebeb;}
.info_tab li{border:0; background:none; margin-bottom:0;}
.info_tab li a{color:#212121; background:url(../images/tabli.png) no-repeat right center;padding-top:0.5em; padding-bottom:0.5em; display:block;}
.info_tab li:last-child a{ background:none; }
.info_tab li.cur_tab a{color:#8A8A8A;}
/*----------------------------新闻-------------------------*/
.w-News-list,.w-News-list a,.w-News-list .news-com .date,.w-News-list .news-com .news-sum{}
.newsDetail .newsTitle{color:#000;}
.w-News-list1 .news-com .date,.w-News-list1 .news-com .news-sum{margin-top:0;}
.w-News-list8 .news-item .news-com .news-h a:hover{color:#fff;}
.w-adNews{line-height:1.8;}
.w-adNews .date{color:#cacaca;}
.w-adNews li .news-sum{ color:#999;}
.w-adNews1 li .news-item .news-com .news-h a{color:#2b2b2b;}
.w-adNews1 li .news-item .news-com .news-sum{color:#777;}
.w-adNews2 li .news-item{border:none;}
.w-adNews2 li .viewDetail{ display:none;}
.w-adNews2 li .news-item .news-com{padding-left:5px; padding-right:5px; padding-top:5px;}
.w-adNews2 li .news-item .news-com .news-com-top{margin-bottom:5px;}
.w-adNews2 li .news-item .news-com .news-h{line-height:1.2; font-size:110%; font-weight:normal;}
.w-adNews2 li .news-item .news-com .news-sum{ margin-top:5px; line-height:1.5; height:4.5em;}
.w-adNews2 li .news-item .news-com .news-com-top .date{ font-size:13px; line-height:1.2;}
.w-adNews3 .w-adNews-texts li .w-adNews-textH h3{ font-size:115%;}
.w-adNews5 li{border-bottom:0; padding:0.7em 0;}
.w-adNews5 li .news-com{margin-left:27%;}
.w-adNews6 .adNewsF .news-h{font-size:115%;}
.w-adNews7 .adNewsL li{ background-color:#eee;}
/*----------------------菜单----------------------------*/
.w-com-menu li > .div-parent > .fa-plus::before{content: "\f107";}
.w-com-menu li.open > .div-parent > .fa-plus::before{ content: "\f106";}
/*-----------------------会员中心和购物车--------------------*/
/*---------------------登录注册--------------------------*/
.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:#999;}
@media (min-width:478px){
	.w-title2 h2{font-size:18px;}
	.w-title16 h2{font-size:24px; }
	
	.w-adNews5 li a{font-size:15px;}
	.w-adNews2 li .news-item .news-com .news-sum,.w-adNews5 li .news-com{ font-size:13px;}
	.w-adNews8 li .news-h{font-size:15px;}
	.w-adNews8 .news-sum{ font-size:13px;}	
}
@media (min-width:768px){
	/*---------------------------菜单-------------------------*/
	.side_bar{width:185px;}
	.side_left{ margin-left:240px;}
    .systitle{ background:url(../images/systitlebg.png) no-repeat center bottom; margin-bottom:15px;}
	.w-com-menu-V .fa{ font-size:100%; font-weight:normal; right:0; bottom:auto; color:#616363;}
	.w-com-menu-V li a{padding:10px 5px; font-size:100%; line-height:1.2; text-align:center;}
	.w-com-menu-V > .w-com-menu-in > .ul-parent{}
	.w-com-menu-V > .w-com-menu-in > .ul-parent > .li-parent{ margin-bottom:10px; }
	.w-com-menu-V > .w-com-menu-in > .ul-parent > .li-parent > .div-parent{background:none; border:0; }
	.w-com-menu-V > .w-com-menu-in > .ul-parent > .li-parent > .div-parent a{font-size:15px;color:#000; padding:12px 5px; border:1px solid #bbb; font-weight:bold;}
	.w-com-menu-V > .w-com-menu-in > .ul-parent > .li-parent:hover > .div-parent{ box-sizing:content-box;}
	.w-com-menu-V .ul-submenu{ border:1px solid #eee; border-top:0;}
	.w-com-menu-V .ul-submenu{ background:none; padding:5px 0; }
	.w-com-menu-V .ul-submenu .div-parent{ padding:2px 0;}
	.w-com-menu-V .ul-submenu a{color:#333; padding:5px 10px;  *position:relative; font-size:14px;}
	.w-com-menu-V .ul-submenu .li-parent .div-parent{border-bottom:0; }
	.w-com-menu-V .ul-submenu .li-parent .div-parent .fa{line-height:1.8; top:2px;}
	.w-com-menu-V .ul-submenu .ul-submenu{background:none; border:0;}
	.w-com-menu-V .ul-submenu .ul-submenu a{padding:3px; font-size:12px;}
	.w-com-menu .fa{width:30px;}
    .w-com-menu-H{text-align:center; margin-bottom:15px; }
	.w-com-menu-H >.w-com-menu-in{display:inline-block; *display:inline; *zoom:1;  padding:0 15px;} 
	.w-com-menu-H >.w-com-menu-in> ul:after{ content:""; display:block; clear:both; height:0; visibility:hidden;}
	.w-com-menu-H >.w-com-menu-in > ul > li{height:50px; float:left; position:relative;}
    .w-com-menu-H li{margin:5px;}
    .w-com-menu-H li a{  color:#2c2c2c;}
    .w-com-menu-H >.w-com-menu-in>.ul-parent> li >.div-parent a{ padding:0 15px;   line-height:40px;   display:inline-block;*display:inline; *zoom:1; border:1px solid #bbb; }
    .w-com-menu-H .ul-submenu{ padding:10px 0; top:40px; width:135px; background:#000; text-align:left; }
	.w-com-menu-H .ul-parent > li> .ul-submenu > ul{background:none;}
	.w-com-menu-H .ul-submenu .ul-submenu{ top:0; left:135px; padding-top:0;}
	.w-com-menu-H .ul-submenu li{ float:none;}
    .w-com-menu-H .ul-submenu li .div-parent{}
    .w-com-menu-H .ul-submenu li a{ line-height:1.5; color:#fff; padding:6px 8px; font-size:13px; white-space:normal;}
    .w-com-menu-H .ul-submenu .ul-submenu-up{display:none;}
	
	.order-progress .order-progress-line .order-progress-line-sec .line{width:111px;}
}
@media (min-width:961px){
	.col-logo{position:absolute; background:url(../images/headerbgnone.png) repeat; left:0;}
	.col-logo-new{ 
position: relative;
    margin: 0 auto;
    position: relative;
    float: left;
  width: 10%;
    margin-right: 0% !important;
	    
	}
	.w-admin-header .w-admin-nav{float:none; margin-left:0;width: 20%;}
	.w-admin-nav .nav_simpline_cur{ display:block; width:0; height:1px;  position:absolute; left:0; bottom:0; background:#000;  }
    .w-admin-nav li:hover .nav_simpline_cur,.w-admin-nav li.active .nav_simpline_cur{width:100%;transition: width 0.5s;-moz-transition: width 0.5s;-webkit-transition: width 0.5s; -o-transition: width 0.5s; } 
	.w-logo{}
	.w-logo h1{ line-height:64px;}
	.w-nav .nav_inner > li{  float:left; text-align:center; margin:0 9px;}
	.w-nav .nav_inner > li > a, .w-nav .nav_inner > li > .li-parent-div > a{ padding:0 12px; position:relative; z-index:2; }
	.w-nav .li-parentOne-div .fa{ display:none;}
	.w-nav .submenu{ 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-nav .submenu li{min-width: 130px;}
	.w-nav .submenu li:last-child{border-bottom:0;}
	.w-nav .submenu li .submenu{left:171px; }
	.w-admin-shopCart{ position:absolute; right:10px; margin-right:0; padding-top:12px; z-index:2; top:9px;}
	.w-admin-shopCart a{background:#fff; 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-nav .li-parent-div .fa-plus:before{content: "\f105";}
	
	
}
@media (min-width:1201px){
	.col-logo{left:50%; margin-left:-600px;}
	.col-logo-new{ left:0; margin:0 auto;}
	.bx-controls-direction{width:1170px; position:absolute; height:1.66rem; top:50%; margin-top:-0.83rem; left:50%; margin-left:-585px;}
	.w-com-menu-H{ width:2000px; margin-left:-400px;}
	.w-com-menu-H >.w-com-menu-in>.ul-parent> li >.div-parent a{min-width:135px;*min-width:105px;}
	.w-nav .nav_inner > li{ min-width:100px;}
	.w-admin-shopCart{ right:50%; margin-right:-600px;}
}
@media (max-width:1200px){
	.w-main .row,.w-header .row,.w-footer-in, .topLogBox .topLogBox-in{ max-width:100%; }
	.col-table{margin:0;}
	.w-com-menu-H{margin-left:0;}
}
@media (min-width:768px) and (max-width:1300px) {
	/*---------------------头部--------------------------------*/
	.w-admin-shopCart a{padding:7px 5px;}
	.w-admin-shopCart a span,.w-admin-shopCart a .fa-angle-right{display:none;}
	.w-admin-shopCart a .num{left:20px;}
}
@media (max-width:960px) {
	html{width:100%; height:100%; overflow-x:hidden;}
	body{ height:100%;min-width:100%;}
	.body{ padding-top:1.56rem;}
	.menu-tel,.search-tel{display:block;}
	.menu-pc{display:none;}
	.topLogBoxPc{ display:none;}
	.topLogBoxTel{ display:block;}
	/*--------------------header---------------------*/
	.w-header,.w-admin-header,.body-login .w-admin-header{position:fixed; top:0; left:0; width:100%; padding-top:0; height:1.56rem;  background:#fff; z-index:999; color:#434343; box-shadow:0 0 1px rgba(0,0,0,0.1); -moz-box-shadow:0 0 1px rgba(0,0,0,0.1); -webkit-box-shadow:0 0 1px rgba(0,0,0,0.1);}
	.w-admin-header{border-bottom:0;}
	.col-logo{text-align:center;}
	.w-logo{ padding:0 1.2rem; height:auto; min-height:0; min-width:0;}
	.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{height: auto;
  width: 100%;}
	.col-right{position:fixed;left:-70%; width:70%; background:#fff;top:0; bottom:0;padding:0; padding-bottom:9em;margin-top:0px; z-index:3;}
	.menu-tel{ background:none; overflow-y:auto; height:100%;}
	.w-admin-header .w-admin-nav{margin-left:0;}
    .w-nav ul{list-style:none; padding-left:0;}
	.w-nav .nav_inner{ display:block;}
	.w-nav .nav_inner > li{ display:block;}
	.w-nav .nav_inner > li > a, .w-nav .nav_inner > li > .li-parent-div > a{line-height:2.5; color:#666;}
	.w-nav li{border-bottom:0; border-top:0; float:none;}
    .w-nav li a, .w-nav .submenu li a{ display:block;  color:#6a6a6a; text-align:left;border-bottom:1px solid #e1e1e1; font-size:14px;}
	.w-nav .nav_inner > li:hover > .submenu,.w-nav .submenu li:hover > .submenu{display:none;}
	.w-nav .nav_inner > li > .submenu{top:0;}	
	.w-nav .submenu{ position:relative; font-size:14px; box-shadow:0; -moz-box-shadow:0; -webkit-box-shadow:0;}
	.w-nav .submenu li{ width:auto;}
    .w-nav .submenu li .submenu{ left:0; top:0;}
	.w-nav .submenu ul,.w-nav .submenu .submenu ul{background:none;}
	.w-nav .li-parent-div .fa{ position:absolute; top:50%; margin-top:-1em; right:0; width:2em; height:2em; line-height:2em; text-align:center; font-size:150%; }
	.w-nav .li-parent-div .fa-plus::before{content: "\f107";}
	.w-nav .li-parent-div.open .fa-plus::before{content: "\f106";}
	 .w-nav .submenu li a{padding:0.5em 0.5em 0.5em 1.5em; text-align:left;}
	 .w-nav .submenu .submenu li a{ padding-left:2.5em;}
	 .mobile-nav-toggle{display:block;}
	 /*---------------------------topLogBox--------------------------*/
    .topLogBox .w-loginRegister,.topLogBox .w-shopCart,.topLogBox .w-languege{float:none; margin:0;}
	 .topLogBox{position:absolute; bottom:0; left:0; right:0;}
	.topLogBox, .topLogBox a{color:#6a6a6a;}
	.col-com{  border-top:1px solid #e1e1e1; float:none;}
	.w-languege,.w-loginRegister, .w-shopCart{float:none; margin:0;padding: 0.5em;border-bottom:1px solid #e1e1e1;}
	.col-com>div:last-child{ border-bottom:0;}
	.w-header .w-search{ float:none; margin: 0.5em 1em;}
	.w-header .w-search .input-search-w{ width:100%; box-sizing:border-box; height:2.5em; line-height:2.5em;}
	 /*-------------------系统菜单----------------------*/
	 .w-com-menu{background:none; }
	 /*-----------------------会员中心和购物车--------------------*/
	 .w-admin-shopCart, .w-admin-top{display:none;}
	 .signTel, .shopCartTel, .signQuitTel{display:block;}
	.w-admin-header .w-admin-nav{position:fixed;left:-70%; width:70%; background:#fff;top:0; bottom:0;padding:0; margin-top:0px; z-index:3; display:block; overflow-y:auto;}
	.w-admin-nav .w-nav-in{height:100%;}
	.order-progress{display:none;}
}
@media (max-width:767px) {
	/*----------------------系统页-------------------*/
	.w-system{padding-top:0.5rem;}
	.systitle{ font-size:125%;}
	.w-com-menu-V{border:0;}
	/*----------------------新闻---------------------------*/
	.w-adNews5 li .news-h{ font-size:105%;}
	
}	
@media only screen and (max-width:479px){
	.body{font-size:0.375rem;}
	.w-prd-list-cell .w-prd-infobox h2 a{ font-size:100%;}
	.w-prd-list-cell .w-prd-con{padding:0.5em;}
    .w-product1 .w-prd-list-cell .w-prd-con,.w-prd-list1 .w-prd-list-cell .w-prd-con{padding:0.5em 0.5em 0;}
    .w-product2 .w-prd-list-cell .w-prd-con,.w-prd-list2 .w-prd-list-cell .w-prd-con{padding:0.5em 0 0.5em 0.5em;}
    .w-product3 .w-prd-list-cell .w-prd-con{padding:0.5em 0.5em 0.5em 0;}
	
    .w-title23 .title-h-in > span{font-size:105%;}
	.w-title23 .simpline{ margin:0.5em auto 1em; height:2px;}
}
.li-div1{
    
  height: 400px;  
}
.li-div2{
    
  height: 120px;  
}


.search-box {
display: flex;
  align-items: center;
  background-color: #eee;
  padding: 0.2rem 0.3rem;
  border-radius: 88px;
  float: left;
  width: 190px;
  height: 38px;
  margin-right: 10%;
        }
        .search-icon {
width: 24px;
  height: 24px;
  border-radius: 50%;
  opacity: 0.5;
  padding: 4px;
  font-weight: 300;
        }

        .search-input {
border: none;
  background-color: transparent;
  outline: none;
  padding: 8px;
  font-size: 12px;
  width: 100%;
        }
        .lang-switch {
display: flex;
  align-items: center;
  gap: 0px;
  margin-top: 2%;
        }
        .globe-icon {
width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #000;
  position: relative;
        }
        .globe-icon::before, .globe-icon::after {
            content: '';
            position: absolute;
            border: 1px solid #fff;
        }
        .globe-icon::before {
            top: 8px;
            left: 8px;
            right: 8px;
            border-radius: 50%;
        }
        .globe-icon::after {
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            border-radius: 50%;
            border-top: none;
            border-bottom: none;
        }
        .lang-text {
font-size: 18px;
  font-weight: 300;
  /*font-family: 黑体;*/
  margin-left: 0.5rem;
  height: 1rem;
  line-height: 1rem;
        }
.containerheadright{
  width: 22%;
  float: right;
  margin-right: 2%;

}   
    
.wapindexkj{
    display: none;
}    

.w-main1{
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            background: #fff;
        }
.w-main1 .brand-intro {
            text-align: center;
            max-width: 800px;
            padding: 20px;
        }
.w-main1 .title {
font-size: 3rem;
  font-weight: 500;
  margin-bottom: 20px;
  line-height: 1.5;
        }
.w-main1 .desc {
font-size: 1rem;
  color: #666;
  line-height: 1.8;
  margin-bottom: 3rem;
  margin-top: 3rem;
  font-weight: 550;
        }
.w-main1 .btn {
            background-color: #f5b442;
            border: none;
            padding: 10px 20px;
            font-size: 16px;
            cursor: pointer;
            border-radius: 4px;
            transition: background-color 0.3s ease;
        }
.w-main1 .btn:hover {
            background-color: #e8a52d;
        }
        
    
    
    

.footer {
background-color: #1a1a1a;
  color: #999;
  padding: 0px 0 40px;
        }
.footer-container {
width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  border-top: 2px #2f2f2f solid;
  border-bottom: 2px #2f2f2f solid;
        }
.footer-container-kj{
width: 90%;
  margin: auto;    
}
        .footer-left {
background: #2C2C2C;
  width: 32%;
  float: left;
  margin-right: 8%;
  margin-top: 1%;
  border-radius: 10px;
        }
        .brand-logo {
            width: 160px;
            height: 80px;
            /*background-color: #333;*/
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #ccc;
            font-weight: bold;
            font-size: 24px;
        }
        .slogan-en {
            position: absolute;
  bottom: 12%;
  left: 6%;
  color: #ccc;
            font-size: 16px;
            margin-bottom: 10px;
        }
        .slogan-zh {
            position: absolute;
  bottom: 8%;
  left: 6%;
  color: #ccc;
            font-size: 14px;
        }
        .footer-middle {
width: 34%;
  margin-right: 4%;
  border-right: 2px #2f2f2f solid;
  display: flex;
  gap: 80px;
  float: left;
  padding-bottom: 6%;
  padding-top: 4%;
        }
        .footer-column h4 {
color: #fff;
  font-size: 16px;
  margin-bottom: 20px;
  position: relative;
  padding-bottom: 0;
        }
        .footer-column h4::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            width: 30px;
            height: 2px;
            /*background-color: #f8b6cd;*/
        }
        .footer-column ul {
            list-style: none;
        }
        .footer-column li {
            margin-bottom: 18px;
        }
        .footer-column a {
            color: #999;
            text-decoration: none;
            font-size: 14px;
            transition: color 0.3s;
        }
        .footer-column a:hover {
            color: #edaf33;
        }
        .footer-right {
flex: 1;
  min-width: 200px;
  display: flex;
  padding-top: 4%;
        }
        
.footer-left-block{
 width: 100%;
  height: 100%;
  flex: 1;
  display: flex;
  min-height: 390px;  
  position: relative;
  filter: grayscale(100%);
}
.footer-left-block:hover{
 filter: grayscale(0%);   
}
        .contact-info {
            line-height: 1.8;
            font-size: 14px;
            margin-bottom: 30px;
        }
        .contact-info p {
            margin-bottom: 8px;
        }
        .contact-info a {
            color: #999;
            text-decoration: none;
        }
        .social-links {
            display: flex;
            gap: 15px;
            margin-top: 15px;
        }
        .social-icon {
            width: 32px;
            height: 32px;
            background-color: #333;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #ccc;
            font-size: 16px;
            cursor: pointer;
            transition: background-color 0.3s;
        }
        .social-icon:hover {
            background-color: #555;
        }
        .footer-bottom {
max-width: 1200px;
  margin: 40px auto 0;
  text-align: center;
        }
        .brand-name {
            color: #fff;
            font-size: 18px;
            margin-bottom: 10px;
        }
        .brand-name img{ width: 260px;
  margin: auto; }
        .brand-name span {
            color: #f8b6cd;
        }
        .copyright {
            font-size: 12px;
            color: #666;
            /*font-family: Times New Roman;*/
        }




 /* 容器样式 */
    .product-banner {
      padding: 40px 20px;
      width: 100%;
    }

    .banner-container {
margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding-top: 6rem;
  padding-bottom: 1rem;
  width: 84%;
}
    }

    /* 文本区域样式 */
    .text-content {
      flex: 1; /* 占满剩余空间 */
    }

    .main-title {
      font-size: 2.5rem; /* 标题字号 */
      font-weight: bold;
      color: #333333; /* 文字深色 */
      display: inline-block; /* 背景仅覆盖文字 */
      padding: 0 5px; /* 文字与背景边缘间距 */
      margin-bottom: 20px;
    }

    .description {
      font-size: 18px;
      color: #333333;
      line-height: 1.6; /* 行高 */
      margin-bottom: 10px;
    }

    .description.highlight {

      display: inline-block; /* 背景仅覆盖文字 */
      padding: 0 3px;
    }

    /* 按钮样式 */
    .btn-container {
      display: flex;
      justify-content: flex-start; /* 移动端左对齐 */
      align-items: center;
    }

    .all-products-btn {
border: 2px solid #868282;
  background: transparent;
  color: #333333;
  padding: 8px 20px;
  font-size: 20px;
  cursor: pointer;
  transition: background-color 0.3s;
  border-radius: 6px;
    }

    .all-products-btn:hover {
      background-color: #fff; /*  hover时白色背景 */
    }

    /* 响应式调整 - 桌面端 */
    @media (min-width: 768px) {
      .banner-container {
        flex-direction: row; /* 桌面端横向排列 */
        align-items: center; /* 垂直居中 */
        justify-content: space-between; /* 两端对齐 */
      }

      .btn-container {
      justify-content: flex-end;
    border: 1px #666 solid;
    border-radius: 8px;
    margin-right: 4rem;
      }

      .main-title {
   font-size: 3rem;
    font-weight: 500;
      }
    }
.indexhbb{
min-width: 1200px;
  margin: auto;
  padding-top: 10rem;
  max-width: 1800px;
  width: 92%;  
}

.indexhaibaopintu{
 padding-top: 40px;padding-bottom: 40px;width: 100%;background: #1B1B1B;   
}



    .main-image {
width: auto;
  height: 100%;
  display: block;
  border-radius: 18px;
    }

    .brand-logo23 {
      position: absolute;
      top: 20px;
      left: 20px;
      color: #e53e3e; /* 红色标志 */
      font-size: 1.8rem;
      font-weight: bold;
      letter-spacing: -0.5px;
    }

    /* 右侧内容区域 */
    .content-section {
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: 20px;
    }

    /* 标题区域 */
    .title-area {
padding: 10px 0;
    padding-top: 10px;
  padding-top: 10px;
  height: 400px;
  padding-top: 7rem;
    }

    .flame-icon {
color: #e53e3e;
  font-size: 3rem;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  float: left;
  margin-left: 8rem;
    }

    .series-title {
      font-size: 2rem;
      color: #333;
      display: inline-block;
      vertical-align: middle;
    }

    .series-desc {
      color: #333;
      font-size: 0.5rem;
      line-height: 1.5;
      margin-left: 34px; /* 与火焰图标对齐 */
    }

    /* 右侧小图区域 */
    .small-images {
display: flex;
  gap: 10px;
  width: 100%;
  flex-wrap: wrap;
  height: 700px;
    }

    .small-img {
border-radius: 4px;
  display: block;
  height: 700px;
  width: 100%;
    }

    /* 响应式调整 - 桌面端 */
    @media (min-width: 768px) {
      .container {
        flex-direction: row;
      }
.containerindexzy{
display: flex;
    gap: 20px;
    width: 100%;
    padding-bottom: 30px;
    min-height: 600px;
    position: relative;
    height: 1100px;
}
      .main-image-section {
width: 40%;
    align-self: flex-start;
    height: 1100px;

      }

      .content-section {
width: 59%;
    align-self: flex-start;
    padding-top: 2rem;
    height: 1100px;
      }

      .series-title {
font-size: 3rem;
    float: right;
    margin-right: 3rem;
    width: 70%;
    text-align: right;
      }
.iconhuoyan{
 width: 30px;
  text-align: right;
  float: right;
  padding-top: 10px;   
}
      .series-desc {
font-size: 2rem;
    float: right;
    margin-top: 1rem;
    margin-right: 3rem;
      }
    }
    
    
    




        .containerindex3 {
width: 100%;
  margin: 0 auto;
  background: url(/template/mckm/skin/pic/index-2-bj.jpg) no-repeat;
    background-size: auto;
  background-size: cover;
  margin: auto;
  padding-bottom: 3rem;
  padding-top: 4rem;
        }
        

        .header {
position: relative;
  height: 33rem;
  overflow: hidden;
  width: 80%;
  margin: auto;
    margin-top: auto;
    margin-bottom: auto;
  margin-top: 3rem;
  margin-bottom: 10rem;
        }
        
        .header-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            opacity: 0.7;
        }
        
        .header-text {
            position: absolute;
            top: 30px;
            right: 50px;
            text-align: right;
        }
        
        .header-text h1 {
font-size: 2rem;
  text-transform: uppercase;
  color: #d8d8d8;
  /*font-family: Times New Roman;*/
        }
        
        .header-text p {
color: #f5f5f6;
  font-size: 1.8rem;
  margin-top: 0.5rem;
  font-family: 思源黑体;
        }
        
        /* 合作项目样式 */
        .cooperation-section {
display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 40px;
  width: 82%;
  margin: auto;
        }
        
        .text-content2 {
            flex: 1;
            min-width: 300px;
        }
        
        .text-content2 h2 {
font-size: 2.4rem;
  margin-bottom: 20px;
  color: #fbfbfb;
        }
        
        .text-content2 p {
font-size: 1.4rem;
  color: #faf7f7;
  margin-bottom: 8rem;
  max-width: 500px;
        }
        
        .brand-logos {
            display: flex;
            align-items: center;
            gap: 15px;
            margin-top: 20px;
        }
.brand-logos img{
 height: 25px;
  width: auto;   
}        
        .brand-logo {
position: absolute;
  left: 6%;
  width: 110px;
  height: auto;
  top: 12%;
        }
        
        .plus-sign {
            font-size: 24px;
            color: #888;
        }
        
        .image-content2 {
flex: 1;
  min-width: 200px;
  height: auto;
  border-radius: 4px;
  overflow: hidden;
  max-width: 500px;
        }
        
        .cooperation-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        
        .cooperation-image:hover {
            transform: scale(1.05);
        }
        
        .divider {
            width: 100%;
            height: 1px;
            background: linear-gradient(to right, transparent, #444, transparent);
            margin: 60px 0;
        }
        
        /* 响应式调整 */
        @media (max-width: 768px) {
            .header {
                height: 350px;
            }
            
            .header-text {
                top: 20px;
                right: 20px;
            }
            
            .cooperation-section {
                flex-direction: column;
            }
            
            .text-content2, .image-content2 {
                width: 100%;
            }
        }






        
        /* 轮播图容器样式 - 自适应修改 */
.container{

}        
        
        
        .carousel {
position: relative;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  cursor: grab;
  min-height: 100%;
  width: 100%;
        }
        
        .carousel:active {
            cursor: grabbing;
        }
        
        /* 图片列表容器 */
        .carousel-inner {
            position: absolute;
            top: 0;
            left: 0;
            display: flex;
            width: 100% !important;
            height: 100%;
            transition: transform 0.5s ease-in-out;
        }
        
        /* 每张图片的样式 */
        .carousel-item {
            flex: 0 0 100%;
            height: 100%;
            position: relative;
        }
        
        .carousel-item img {
          
max-width: 100%;
height: 100%;
  width: 100%;

            display: block;
        }
        
        /* 图片上的文字和链接 */
        .carousel-caption {
position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  /*background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));*/
  color: white;
  padding: 30px 20px 20px;
    padding-bottom: 20px;
    padding-left: 20px;
  transform: translateY(100%);
  transition: transform 0.3s ease-in-out;
  padding-bottom: 100px;
  padding-left: 150px;
        }
        
        .carousel-item.active .carousel-caption {
            transform: translateY(0);
        }
        
        .carousel-caption h3 {
           font-size: 2.8rem;
            margin-bottom: 10px;
        }
        
        .carousel-caption p {
            font-size: 1.5rem;
            margin-bottom: 15px;
            opacity: 0.9;
        }
        
        .carousel-caption a {
            display: inline-block;
            background-color: #ff6b6b;
            color: white;
            padding: 10px 20px;
            border-radius: 5px;
            text-decoration: none;
            font-weight: bold;
            transition: background-color 0.3s;
        }
        
        .carousel-caption a:hover {
            background-color: #ff5252;
        }
        
        /* 导航按钮样式 */
        .carousel-control {
position: absolute;
 
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0);
  color: #b4b2b2;
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 18px;
  cursor: pointer;
  z-index: 10;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
        }
        
        .carousel-control:hover {
            background-color: rgba(0, 0, 0, 0.6);
            transform: translateY(-50%) scale(1.1);
        }
        
        .carousel-control.prev {
           right: 38%;
        }
        
        .carousel-control.next {
            right: -10%;
        }
        
        /* 暂停按钮样式 */
        .carousel-pause {
 position: absolute;
  bottom: 10%;
  right: -34%;
  background-color: rgba(0, 0, 0, 0);
  color: white;
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 16px;
  cursor: pointer;
  z-index: 10;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.3;
        }
        
        .carousel-pause:hover {
            background-color: rgba(0, 0, 0, 0.6);
            transform: scale(1.1);
        }
        
        /* 小圆点指示器容器 */
        .carousel-indicators {
display: flex;
  justify-content: center;
  gap: 0.5rem;
  z-index: 10;
        }
        
        /* 单个小圆点样式 */
        .carousel-indicator {
width: 30px;
  height: 0px;
  background-color: #fff;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  border-radius: 38px;
        }
        
        .carousel-indicator.active {
       
          background-color: #fcc900;
        }
        
        .carousel-indicator:hover {
       background-color: #fcc900;
        }
        
.kongzhiqi{
position: absolute;
  right: 10%;
  bottom: 15%;
  width: 20%;
}     
        
        /* 响应式设计 */
        @media (max-width: 768px) {
            .carousel-caption h3 {
                font-size: 1.5rem;
            }
            
            .carousel-caption p {
                font-size: 1rem;
            }
            
            .carousel-control {
                width: 40px;
                height: 40px;
                font-size: 16px;
            }
            
            h1 {
                font-size: 2rem;
            }
        }
        
        @media (max-width: 480px) {
            .carousel-caption {
                padding: 20px 15px 15px;
            }
            
            .carousel-caption h3 {
                font-size: 1.2rem;
                margin-bottom: 5px;
            }
            
            .carousel-caption p {
                font-size: 0.9rem;
                margin-bottom: 10px;
            }
            
            .carousel-control {
                width: 35px;
                height: 35px;
                font-size: 14px;
            }
            
            .carousel-indicators {
                bottom: 10px;
            }
            
            .carousel-pause {
                width: 35px;
                height: 35px;
                font-size: 14px;
            }
        }
        
        /* 宽屏适配 */
        @media (min-width: 1600px) {
            .container {
        
            }
            
            .carousel {
          
            }
        }



.pdbanner{
position: relative;
  overflow: hidden;
  /*box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);*/
  cursor: grab;
  min-height: 100%;
  margin: auto;    
    
}
.pdbanner img{
 max-width: 100%;
  height: auto;
  width: 100%;   
}
.pdbanner_txt{
  position: absolute;
  bottom: 20%;
  left: 10%;
  font-size: 3rem;  
}
.pdbanner_txt h2{
    color: #fff;  
}
.pdbanner_txt p{
 font-size: 1.8rem;
  height: 3rem;
  line-height: 3rem;
  width: 100%;
  display: block;
  margin-top: 1.4rem;
  color: #fff;   
}
.lanmuslt{
 position: absolute;
  bottom: 8%;
  right: 8%;
  font-size: 3rem;
  width: 180px;   
}

.cpbody{
background-color: #0F0F0F;
  min-height: 10rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
    padding-top: 20px;
  padding-top: 90px;
}

.cpcontainer {
            width: 100%;
            max-width: 1200px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
  z-index: 99;
        }
        
.category-btn {
color: #fff;
  border: none;
  padding: 12px 30px;
  font-size: 2.5rem;
  cursor: pointer;
  transition: background-color 0.3s ease;
        }
.category-all-products-btn{
border: 1px solid #868282;
  background: transparent;
    background-color: transparent;
  background-color: transparent;
  color: #e6e1e1;
  padding: 8px 20px;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.3s;
  border-radius: 6px;
  position: absolute;
  right: 22px;
}
        
.all-products-btn {
background-color: transparent;
  color: #313131;
  border: 1px solid #ccc;
  padding: 10px 25px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: 500;
        }
        
.all-products-btn:hover {
            background-color: rgba(255, 255, 255, 0.1);
            border-color: #fff;
        }







.slide-btn {
            /* 基础按钮样式 */
            position: relative; /* 用于伪元素定位 */
        
            cursor: pointer;
            overflow: hidden; /* 隐藏超出按钮的伪元素 */
            transition: color 0.3s ease; /* 文字颜色过渡 */
        }

        /* 滑动的黑色背景层（伪元素） */
        .slide-btn::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 0; /* 初始宽度为0（不显示） */
            height: 100%;
            background: #000; /* 黑色背景 */
            transition: width 0.5s ease; /* 宽度过渡动画（控制滑动速度） */
            z-index: -1; /* 放在文字下方 */
        }

        /* 鼠标滑过效果 */
        .slide-btn:hover {
            color: #fff; /* 文字变为白色（与黑色背景对比） */
        }

        .slide-btn:hover::before {
            width: 100%; /* 宽度变为100%（从左到右覆盖） */
        }



  .slide-btn2 {
            /* 基础按钮样式 */
color: #cacaca;
  background: transparent;
  border-radius: 4px;
  cursor: pointer;
  overflow: hidden;
  transition: color 0.3s ease;
        }

        /* 滑动的黑色背景层（伪元素） */
        .slide-btn2::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 0; /* 初始宽度为0（不显示） */
            height: 100%;
            background: #ffffff; /* 黑色背景 */
            transition: width 0.5s ease; /* 宽度过渡动画（控制滑动速度） */
            z-index: -1; /* 放在文字下方 */
        }

        /* 鼠标滑过效果 */
        .slide-btn2:hover {
            color: #333; /* 文字变为白色（与黑色背景对比） */
        }

        .slide-btn2:hover::before {
            width: 100%; /* 宽度变为100%（从左到右覆盖） */
        }

.cpcontainer .slide-btn2:hover::before {
            width: 100% !important; /* 宽度变为100%（从左到右覆盖） */
        }



.pdbanner2{
    display: none;
}

.wapcplist{
    padding-top: 100px;
}
.pdbanner_txt{
    display: none;
}