@charset "utf-8";
/* CSS Document made by:wfy 2015/7/4 mail:871229893@qq.com updata by:2015/11/4*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#f5f5f5; color:#666; font-size:14px; font-family:'微软雅黑', "Microsoft YaHei UI", Arial,'宋体'; word-wrap:break-word;}
table { border-collapse:collapse; width: 100%;border: 0;}
td,th,caption { font-size:14px; border: 1px solid #ccc;vertical-align: middle; text-align: center;}
h1, h2, h3, h4, h5, h6 ,em{ font-weight:normal; font-size:100%; font-style:normal;}
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
/* 链接样式，颜色可酌情修改 */
del,ins,a {text-decoration:none; color:#666; cursor:pointer;}
a:link {color:#666;}
a:visited {color:#999;}
a:hover,a:active,a:focus {color:var(--main-theme-color); text-decoration:none;}
/*图片初始化*/
img { border:none; display:block; }
a:hover img {opacity: 0.95;	filter: alpha(opacity=90);}
ol,ul,li { list-style:none; }
/*输入框*/
input, textarea, select, button { font-size:1em; outline: none; font-family: "Microsoft YaHei UI", Arial,'宋体'; box-sizing:content-box;vertical-align:middle;font-family:inherit; font-size:inherit; font-style:inherit;font-weight:inherit;}
input[type="submit"],input[type="button"],button {cursor: pointer;-webkit-appearance: button;}
input::-moz-focus-inner { border: 0; padding: 0;}
input[type="text"],input[type="search"],input[type="number"]{ text-indent:5px;}
/* 清除特殊标记的字体和字号 */
address,caption,cite,code,dfn,em,strong,th,var { font-weight: normal; font-style: normal;}
/*上下标*/
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
hr { border: none; height: 1px; }
/* 清除浮动 */
.clear {clear: both;height: 0;	font-size: 0;line-height: 0;visibility: hidden;	overflow: hidden;}
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
.test{border: 1px solid #f00;}/*测试用*/
/*公用类*/
.pull-left{float: left;}
.pull-right{float: right;}
.border {border: 1px solid #ccc;}
.hide {display: none;}
.show{ display:block !important;}

.cur{cursor: pointer;}
.align-left{ text-align:left !important;}
.align-right{ text-align:right !important;}

.mt5 {	margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {	margin-top: 15px;}
.mt20 {	margin-top: 20px;}
.mt30 {	margin-top: 30px;}
.mt50 {	margin-top: 50px;}
.mt100 { margin-top: 100px;}

.pt10{ padding-top:10px;}
.pt20{ padding-top:20px;}
.pb10{ padding-bottom:10px;}
.pb20{ padding-bottom:20px;}

.bgfff{ background-color:#ffffff !important;}
/*文字颜色公用类*/
.red {color: #f00 !important;}
.saffron{color: #f05e13!important;}
.white{ color:#fff !important;}
.blue {color: #1bb2e9!important;}
.green {color: var(--main-theme-color)!important;}
.color999 {color: #999!important;}
.color666 {color: #666!important;}
.color333 {color: #333!important;}

.container {width: 1200px; margin: 0 auto; position: relative;}
.container2{width: 1200px; margin: 0 auto; position:relative;}
#Mask{ background:#000;opacity: 0.6;filter: alpha(opacity=60); width:100%; height:100%; position:fixed; top:0; left:0; z-index:50;}
.test{ border: 1px solid #f00;}
/******************************public css over***************************************/
/*头部上方logo百度索引使用*/
body>.img{ position: relative;}
body>.img img{ position: absolute; left: 0; top: -200px;}
/*头部*/
.top-above{ height:36px; background-color:#f5f5f5;}
.top-above p{ color:#737373; font-size:12px; line-height:36px;}
.top-above a{ color:#737373; padding:0 10px; transition:0.5s;}
.top-above a:hover{ color:var(--main-theme-color);}
 /*add wfy pt40 2016-12-08*/
 .above-right p{ display: inline; float: left;}
.head_star{ padding-top:12px; padding-left: 3px;}
.head_star span{ width: 16px; height: 16px; box-sizing: border-box; display: inline-block; float: left; margin-left: 2px;}
.head_star span.bright{ background: url("/Public/project/images/common/bright_star1.png") no-repeat; background-size: 100%;}
.head_star span.half{ background: url("/Public/project/images/common/half_star.png1") no-repeat; background-size: 100%;}
.head_star span.dark{ background: url("/Public/project/images/common/dark_star.png") no-repeat; background-size: 100%;}
/*add wfy pt40 2016-12-08*/
.top{ height:96px;}
.logo{ width:380px; height:59px; z-index: 5; background:url(/Public/project/images/index/index_logo.png) no-repeat top right; margin:20px 0 0 5px; display:inline-block; position: relative;}
.logo .logoimg{ position: absolute; top: -49px; left: -10px; width: 158px;}
.top-content{ width:690px; padding-top:25px; line-height:30px;}
.top .search-cont{ width:500px; height:40px; position: relative;}
.top .search-cont em{ color:#9f9f9f; float:left; display:block; position: absolute;top:6px;left:12px;}
.top .search-cont input{height:36px; border:0px solid #f00;}
.top .search-cont input.txt{ width:466px; text-indent:8px; padding-left: 30px; line-height:36px\9; border:2px solid var(--main-theme-color);}
.top .search-cont input.btn{ width:100px; background-color:var(--main-theme-color); font-size:18px; color:#fff; font-family:"Microsoft YaHei UI";  position: absolute;top:2px; right:0px;}
.top-content .fast_search{font-size: 14px;}
.top-content .fast_search a{color: #999; }
.top-content .fast_search a:hover{color: var(--main-theme-color);}
 /*限时促销*/
.xianshi{position:relative;}
.xianshi .chuxiao{position: absolute; top:-2px; right:-2px;}
/*头部购物车*/
.shoping-cart{ width:140px; height:38px; position:relative; background-color:#f2f2f2;}
.shoping-cart:hover{box-shadow: 0 0 5px 0px #ccc;background-color:#fff; }
.shoping-cart p{ text-align:center; line-height:38px; font-size: 16px;}
.shoping-cart p em{ padding-right:10px; font-size: 18px;}
.shoping-cart p a{ color:#7b7b7b;}
.shoping-cart span.cart_goods_num{ position:absolute; top:-7px; left:97px; display:inline-block; background:var(--main-theme-color); height:20px; line-height:20px; padding:0 7px; border-radius:10px 10px 10px 0; font-size:12px; color:#fff;}
.shoping-cart .cartGoodsList{ border:1px solid #ccc; width:300px; position:absolute; top:38px; right:-1px; background-color:#fff; z-index:20; padding-bottom:0; box-shadow: 0 0 5px 0px #ccc;}
.shoping-cart:hover .cartGoodsList{ display:block;}
.cartGoodsList h2{ font-size:14px; font-weight:bold; line-height:36px; padding-left:10px;}
.cartGoodsList li{ border-bottom:1px dashed #ddd; padding:5px 10px;}
.cartGoodsList li:hover{ background-color:#f5f5f5;}
.cartGoodsList li .img{ width:60px; float:left;}
.cartGoodsList li .img img{ width:100%;}
.cartGoodsList li .txt{ width:215px; float:right;}
.cartGoodsList li .txt p{ font-size:12px; line-height:20px; padding-top:4px;}
.cartGoodsList li a.title{width:155px; overflow:hidden; white-space:nowrap;text-overflow: ellipsis;}
.cartGoodsList li a:hover{ color:var(--main-theme-color);}
.cartGoodsList li h5{font-size:12px; line-height:20px;overflow:hidden; white-space:nowrap;text-overflow: ellipsis;}
.cartGoodsList .cover_shadow{ position:absolute; right:0; top:-5px; width:140px; background-color:#fff; height:10px;}
.cartGoodsList .placeHolder{ text-align:center; line-height:50px; color:#999; font-size:12px;}
.gotoBuy{padding:7px 10px;line-height:32px; background-color:#f5f5f5;}
.gotoBuy p{ text-align:left;line-height:32px; float:left;}
.gotoBuy a{ float:right; background:var(--main-theme-color); display:block; font-size:16px; color:#fff; padding:0 10px; border-radius:3px;}
.gotoBuy a:hover{ background-color:#88b624;}
/**导航*/
.nav{ height:45px; position: relative; z-index: 9;}
.nav span{ transition:0.4s;}
.goods-nav{ width:180px; height:45px; position:relative; }
.goods-nav h2{ background-color:var(--main-theme-color); line-height:44px; text-align:center; font-size:18px; color:#fff; transition:0.4s; }
.goods-nav h2 span{transform:rotate(0deg); display:inline-block;}

.goods-nav .goods-list-nav{ background-color:#fff; background-color:#fff; position:absolute; left:0; top:45px; width:180px;display:none;}
.goods-list-nav dl{ border-bottom:1px dashed #ddd; padding:10px;clear:both;}
.goods-list-nav dl:hover{ background-color:#f5f5f5;}
.goods-list-nav dt{ font-size:16px; line-height:26px; color:#8d8d8d;}
.goods-list-nav dd{ font-size:12px; float:left; line-height:20px; margin-right:10px; display: inline-block; overflow: visible; white-space: nowrap;}
.goods-list-nav dd a{ color:#162142;}
.goods-list-nav dd a:hover{ color:var(--main-theme-color);}
.nav ul.nav-list{ height:45px;}
.nav ul.nav-list li{ float:left; line-height:45px; font-size:18px; width:140px; text-align:center;}
.nav ul.nav-list li a{ color:#666;}
.nav ul.nav-list li a:hover,.nav ul.nav-list li a.selected{ color:var(--main-theme-color);}

/*楼层图片*/
.left-bar  .set_imgwidth{width: 100%;}

/*尾部*/
.footer{ background:#162142; color:#6985a5; padding-top:45px; font-size: 14px;}
.footer .cont1{ width:320px; padding-top:5px;}
.footer .cont1 i.phone{ font-size:50px; color:var(--main-theme-color); float:left; padding-top:10px;}
.footer .cont1 .txt{ float:left; padding-left:10px;}
.footer .cont1 .txt h2{ font-size:32px;color:var(--main-theme-color);}
.footer .cont1 .txt p{ line-height:30px; color:#abb2ba;}
.footer .cont1 .txt a{ width:210px; height:42px; background:var(--main-theme-color); display:block; margin-top:20px; text-align:center; line-height:40px; color:#fff; font-size:16px;}
.footer .cont1 .txt a span{ font-size:30px; padding-right:10px;}
.footer .cont2{ width:360px; border-left:1px solid #364768;border-right:1px solid #364768; padding:20px 0;}
.footer .cont2 .img{ width:130px; height:130px; float:left; margin-left:30px;}
.footer .cont2 .img img{ width: 100%;}
.footer .cont2 p{ line-height:40px; padding-left:180px;}

.footer .cont3{ width:480px; padding-left:35px; padding-top:5px;}
.footer .cont3 dl{ float:left; width:120px;}
.footer .cont3 dt{ padding-bottom:10px; line-height:30px;}
.footer .cont3 dd{ line-height:26px;}
.footer .cont3 dd a{color:#6985a5;}
.footer .cont3 dd a:hover{ color:var(--main-theme-color);}

.foot-bottom{ border-top:1px solid #364768; padding:15px 0; margin-top:20px;}
.foot-bottom p{ line-height:26px; padding-left:30px; float:left;}
.foot-bottom ul{ padding:10px 0 0 700px;}
.foot-bottom li{ width:105px; height:34px; float:left; margin-right:10px;}
.foot-bottom li a{ display:block;width:105px; height:34px;}

.foot-bottom dl{ font-size: 16px; color: #6985a5; line-height: 26px; padding-bottom: 35px;}
.foot-bottom dt{ float: left;}
.foot-bottom dd{ float: left; padding: 0 10px;}
.foot-bottom dd a{ color: #6985a5;}
.foot-bottom dd a:hover{ color: var(--main-theme-color);}
.kz-friend-link a{ color: #6985a5; padding-right: 10px;}

/*公用样式*/
.banner-nav{ height:110px; background:#f7f7f7;}
.banner-nav li{ width:25%; float:left; text-align:center;}
.banner-nav li i{ width:60px; height:60px; margin:12px auto 0; display:block;}
.banner-nav li i.case1{background:url(/Public/project/images/index/introspective1.png) no-repeat top center;}
.banner-nav li i.case2{background:url(/Public/project/images/index/introspective2.png) no-repeat top center;}
.banner-nav li i.case3{background:url(/Public/project/images/index/introspective3.png) no-repeat top center;}
.banner-nav li i.case4{background:url(/Public/project/images/index/introspective4.png) no-repeat top center;}
.banner-nav li p{ font-size:18px; color:#717679;}

/*位置*/
.position{ height:55px;}
.position p{ line-height:55px; padding-left:10px; color:#666;}
.position a{ color:#666;}

/*分页样式*/
.pager{ text-align:center; padding:20px 0;}
.pager p{ font-size:14px;}
.pager p a{ color:#162142; border:1px solid #eee; padding:4px 12px; margin-left:5px;}
.pager p a:hover{color:var(--main-theme-color); background:#f7f7f7;}

.page{padding:10px 5px; font-size:14px;}
.page a,.page span.current{ display:inline-block; height:32px; border:1px solid #ddd; line-height:32px; text-align:center;margin: 0 2px;}
.page a.num{ width:32px;}
.page a.prev,.page a.next{ width:60px;}
.page span.current{color:var(--main-theme-color); width:32px; border:1px solid var(--main-theme-color); }

/**右侧固定商务通*/
.fixed-box{ position:fixed; top:0; right:0; height: 100%; _position:relative; border-right:3px solid #162142; z-index: 11;}
.fixed-box ul{ position:absolute; top:50%; right:0; margin-top:-136px;}
.fixed-box ul li{ background-color:#162142; text-align:center; margin-bottom:3px; color:#fff; text-align:center; padding:10px 0px; width:38px; line-height:22px; border-radius:3px; transition:0.5s; position:relative;}
.fixed-box ul li:hover{ background-color:var(--main-theme-color);}
.fixed-box ul li span{ font-size:22px; width: 38px;}
.fixed-box ul li span.number{ color:#fff; background-color:#f00; font-size:14px; padding:0px 5px; margin-top:5px; display: inline-block; border-radius:4px;}
.fixed-box ul li p{ line-height:16px; font-size:14px; padding-top:3px;}
.fixed-box ul li a{ color:#fff;}
.fixed-box ul li.li2{ height:46px; padding:0; line-height:46px; cursor:pointer;}
.fixed-box li .img{ display:none; position:absolute; top:0; right:43px; opacity:0;color:#666;}
.fixed-box li._purchase_cart ._purchart_box{position:absolute; bottom:-48px; right:43px; opacity:0;color:#666;}
.fixed-box li span.cart_main_indicate{ position: absolute; top: -4px; right:-3px; font-size: 12px !important; display: block; background-color: var(--main-theme-color); width: 20px; height: 20px; border-radius: 50%;}
.fixed-box ul li:hover span.cart_main_indicate{ background-color: #162142;}
.fixed-box ul li.kefu .img{ width:131px; height:181px; background: url(/Public/project/images/index/kefu_icon.png) no-repeat;}
.fixed-box li.kefu p{ text-align:left; line-height:26px; padding-left:18px;}
.fixed-box li.kefu p span{ width:22px; height:22px; display:inline-block; border-radius:50%; background:var(--main-theme-color); font-size:14px; color:#fff; margin-right:5px; vertical-align:middle; text-align:center; line-height:22px;}
.fixed-box li.kefu p.p1{ padding-top:12px;}
.fixed-box li.kefu p.qqnum{ text-align:center; padding:0; margin:0;margin-left:-10px;}
.fixed-box li.kefu h5{ line-height:20px; padding-top:10px; margin-left:-10px;}
.fixed-box a.jionqq{ background:var(--main-theme-color); display:block; margin:10px 0 0 15px; width:90px; height:32px; line-height:30px;}
.fixed-box ul li.code .img{ width:157px; height:163px;}
/**
 * 浏览器过低提示
 * **/
.browserTips{ padding: 20px; font-size: 16px; line-height: 28px;}
.browserTips li{ float: left; padding: 20px 0 0 30px;}
.browserTips li .img{ width: 120px; height: 120px;}
.browserTips li h5{ text-align: center;}
/*商桥样式修改*/
body>a img{ display: none !important;}
#qiao-icon-wrap{ opacity: 0;}
#newBridge{ display: none !important;}

.top-tips{line-height:32px; text-align:center; background-color:#162142; color:#fff; display: none;}
.top-tips .top-close{ position:absolute; top:0; right:0; cursor: pointer;}


/*公用pagenav分页样式   add wfy 2016-11-10 pt179 begin*/
.pageNav { clear: both;float: none; font-family: Arial,Helvetica,sans-serif; font-size: 0; padding: 18px 0; text-align: center; margin-top:40px;}
.pageNav span, .pageNav a, .pageNav b { font-size: 14px; margin-right: 5px; overflow: hidden; padding: 3px 8px;}
.pageNav a { border: 1px solid #ccdbe4; cursor: pointer;}
.pageNav b { color: #000;}
.pageNav .mor { font-weight: bold; padding: 3px;}

/* 公用radio样式 */
.kz-radio { position: relative; appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-progress-appearance: none; width: 17px; height: 17px; outline: none; border: 1px solid #999999; border-radius: 50%;}
.kz-radio:checked { border-color: var(--main-theme-color);background-color: var(--main-theme-color); outline: none;}
.kz-radio:checked:after { position: absolute; top: 4px; left: 4px; display: block; content: ""; width: 7px; height: 7px; border-radius: 50%; background-color: #fff; }
.kz-radio:focus { outline: none !important;}
/*add wfy 2016-11-10 pt179 end*/