/* CSS Document */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:14px "Arial",HELVETICA;background:#fff;-webkit-text-size-adjust:100%; color:#333;word-wrap:break-word}
a{color:#333;text-decoration:none;text-wrap:normal;word-wrap:break-word;}
a:hover{text-decoration:none}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
h4{ font-size:16px; font-weight:bold;}
.clear{ clear:both;}
.body-bg{ background:url(../img/bg1.jpg) no-repeat 50% 0; display:table; width:100%;}
#menu{ width:563px; height:41px; background:url(../img/bg-menu.png) no-repeat; float:right;margin-top:15px;}
#menu li{ float:left; margin-left:10px; line-height:35px;margin-right:18px;}
#menu li div{ display:none; }
.pos-relative{ position:relative;}
.simple-menu {  background: #000 none repeat scroll 0 0;  box-shadow: 0 5px 5px #333;  opacity: 0.9;  padding: 10px;  position: absolute;
  z-index: 10;}
#menu .simple-menu li{ margin-left:0;}
#menu li:hover div{ display:block;}
#menu li a{ color:#fff; font-size:17px;text-shadow: 1px 1px 0 #000;}
.cen-auto{ width:1060px; margin:0 auto;}
#hd-left{ float:left; width:300px;}
#hd-right{ float:right;padding-top:15px;}
#search{border:1px solid #151515; border-radius:5px; background:url(../img/ico-big.jpg) 9px 6px no-repeat #fff; width:240px;padding-left:40px; height:32px; float:right;margin-right:20px;}
#search .inp-search{    border: medium none;  height:32px; line-height:32px; width:230px;}
#header{ position:relative; height:118px; position:relative;}
#logo{ position:absolute;  top:24px; float:left;}
.menu-posi {  background: #000 none repeat scroll 0 0;  box-shadow: 0 5px 5px #333;  left: 0px;  opacity: 0.9;  position: absolute;  top: 99px;  z-index: 10; width:1020px;padding:20px;}
#menu li a:hover{ color:#ed6d00;}
#menu .menu-zindex li ul li{ float:none; height:30px;}
#menu .menu-zindex li ul li.secmenu-tit{ margin-left:0;}
.main{padding:5px; background:#fff; box-shadow:0 0 13px #666; -moz-box-shadow:0 0 13px #666; -o-box-shadow:0 0 13px #666; -webkit-box-shadow:0 0 13px #666; -ms-box-shadow:0 0 13px #666; float:left; width:1050px;}
.secmenu-tit{ font-weight:bold; float:left;}
#menu li a.color-orange{ font-weight:16px; font-weight:bold; color:#ed6d00; border:1px solid #ed6d00; padding:2px 15px;}
.change-yy{float:right; margin-top:5px; margin-right:5px;border:1px solid #555;}
.phone{margin-top:6px; margin-left:3px;}
#login{ float:right; height:34px; border-radius:5px; background:#fff;}
.login-txt{ padding-right:10px; padding-left:10px; height:34px; line-height:34px; font-size:11px;}
.login-txt img{ margin-left:5px;}
.ico-cart{ height:34px; border-radius:5px 0 0 5px; width:37px; display:inline-block; background:url(../img/ico-cart.jpg) no-repeat 4px 8px #ed6d00; float:left;}
#banner{ width:1050px; height:435px;}

#welcome{ border-radius:0 0 3px 3px; background:#000; color:#fff; padding:0 5px; height:22px; position:absolute; top:0; left:10px;}
#welcome a{ color:#fff;}
#footer{ text-align:center; margin-top:40px;}
.foot-cen{width:1050px; margin:0 auto;}
#foot-link,#img-link{padding-bottom:10px;padding-top:5px; background:#fff;}
#foot-link li,#img-link li{ padding:0 10px; border-right:1px solid #ccc; height:14px; display:inline-block;}
#foot-link li:last-child{ border-right:0;}
#img-link li{ border-right:none; height:auto;}
#copyright{ color:#666; height:50px; background:#f6f6f6; border-top:1px solid #ccc; text-align:center; line-height:50px;}
/*----------------------page and banner slider------------------------*/
.dft_ads {  height: 435px;  overflow: hidden;  width: 1050px;}
.flexslider {  height: 435px;  overflow: hidden;  position: relative;  width: 1050px;}
.flex-control-nav {  bottom: 20px;  position: absolute;  text-align: center;  width: 100%;}
.flex-control-nav li {  display: inline-block;  margin: 0 4px;}
.flex-control-paging li a {  background:#fff;  cursor: pointer;  display: block;  height: 10px;  overflow: hidden;  text-indent: -99em;
  width: 10px;  border-radius:50%; opacity:0.5;}
.flex-control-paging li a.flex-active { background:#fff; opacity:1;}
.bgstretcher {  overflow: hidden;  position: fixed;  width: 100%;  z-index: 1;}
.flex-direction-nav{ display:none; }
#dftads:hover .flex-direction-nav{ display:block};
.flex-viewport {  max-height: 2000px;  transition: all 1s ease 0s;}
.zoom {  bottom: 4px;  position: absolute;  right: -31px;  z-index: 100;}
.flex-prev{width:80px; height:54px; background:url(../img/home-l.png) no-repeat; position:absolute; top:50%; margin-top:-30px;left:10px; text-indent:-99999px; overflow:hidden;}
.flex-next{width:80px; height:54px; background:url(../img/home-r.png) no-repeat; position:absolute; top:50%; margin-top:-30px;right:10px; text-indent:-99999px;overflow:hidden;}
.ico-home{ width:29px; height:36px; background:url(../img/ico-home.png)  no-repeat 4px 8px;margin-top:-1px; display:block; float:left;margin-left:8px;}
/*----------------------home product pic slider------------------------*/
.picbox {  height:220px;  overflow: hidden;  position: relative;  width: 980px;margin-left:48px;margin-top:10px;}
#maylike .picbox{margin-left:30px;}
.piclist {  height:210px;  left:0;  position: absolute;  top: 0;}
.piclist li:hover{ border:1px solid #ccc; box-shadow:5px 5px 5px #d5d5d5; width:188px;}
.piclist li {  float: left;  height:210px;  overflow: hidden;  text-align: center;  width:190px;  padding:10 0px;}
.piclist li img{ width:150px; margin-bottom:5px; }
.piclist li p{ font-family:Impact;}
#product-list{padding:30px 0px 0 0px; width:1050px; position:relative; background:url(../img/pro-shadow.jpg) repeat-x;}
.og_prev {  width:31px; height:65px; background:url(../img/btn-prev.png) no-repeat; position:absolute; left:0px; top:90px; cursor:pointer}
.og_next {  width:31px; height:65px; background:url(../img/btn-next.png) no-repeat;position:absolute; right:0px; top:90px;cursor:pointer}
#maylike .og_prev{left:-5px;}
#maylike .og_next{right:-5px;}
.pro-bg{ width:1050px; padding:13px 10px 0 10px; background:url(../img/body-bg.png) no-repeat center top;}
#pro-nav{ width:1060px;margin-left:-5px; margin-top:-5px; height:39px; background:url(../img/navbg.jpg) repeat-x; line-height:39px; position:relative; }
.nav-two{width:1040px; background:#fff; border-bottom:4px solid #333;padding:10px; position:absolute; top:39px; left:0;z-index:20; display:none;}
#pro-nav li .navtwo-tit{ font-weight:bold;}
.pro-tit{ font-size:18px; font-family:Impact; padding:0 20px; float:left;  color:#757575; letter-spacing:1px;}
.fixednav{ position:fixed; top:0;margin-left:-525px; left:50%; z-index:999999;}
#pro-nav li{ float:left; padding:0 10px;margin:0 10px; height:39px; font-family:Verdana; font-weight:bold;}
#pro-nav li:hover{ background:#fff;}
#pro-nav  li ul li{ float:none; line-height:30px; height:30px; font-weight:normal; font-family:Arial;}
#pro-nav li li:hover{ background:#777; }
#pro-nav li li:hover a{ color:#d5d5d5; text-decoration:none;}
#pro-nav li li a{ margin-left:2px;padding:5px;}
#pro-nav li:hover div.nav-two{ display:block;}
.nav-img{ float:left; margin-left:20px;}
.nav-img img{ width:200px;}
span.kongbai{width:24px; height:24px; display:block; float:left;}
.nav-two ul{ float:left; border-right:1px solid #ccc;padding:0 10px;}
#content{ width:1050px; background:#fff; float:left;min-height:480px;}
#pro-left{ float:left; margin-top:15px; width:220px;margin-left:10px;}
#pro-right{ float:right; margin-right:10px; width:790px;margin-top:15px;}
.top-nav{ width:100%; height:34px; color:#fff; text-indent:15px; line-height:34px; font-family:Verdana; font-size:16px; background:#757575;}
.nav-list,.allnav{ width:218px; border:1px solid #757575;padding:10px 0;}
.allnav li{line-height:32px; text-indent:15px;}
.nav-list li{ line-height:30px; overflow:hidden;}
.nav-list li a{ font-weight:bold;padding-left:15px; display:block;}
.allnav li a{ padding-left:10px; display:block;}
.nav-list li ul li a{ font-weight:normal;padding-left:30px; }
#pro-path{ width:100%; height:30px; line-height:30px; text-indent:15px; background:#ddd;margin-top:20px;}
.product-box{ width:790px;  float:right; margin:20px 0;}
#allproduct{ width:810px;}
.single-pro{ float:left; width:188px; border:1px solid #d5d5d5;margin-right:10px; margin-bottom:10px; height:230px; position:relative; text-align:center; text-align:center;}
.ico-new{ position:absolute; z-index:2; top:8px; left:8px;cursor:pointer;}
.ico-like{ position:absolute; right:10px; top:5px; z-index:2;cursor:pointer;}
.single-pro .pro-img{ width:150px; margin-top:25px;}
.pro-name{ width:100%;padding-top:10px; padding-bottom:5px; font-family:Impact;}
.pro-price{font-size:16px; color:#f00000; font-family:Impact;}
.pro-hover{ position:absolute; float:left;width:190px; z-index:2; display:none; cursor:pointer;}
.single-pro:hover .pro-hover{ display:block;}
.single-pro:hover{ box-shadow:5px 5px 5px #d5d5d5;}
.tocart{ position:absolute; right:10px; top:192px;z-index:2; }
#turnpage{ width:100%; float:left; margin-bottom:20px; text-align:right;}
#turnpage a{width:28px; height:28px; text-align:center; color:#333; border:1px solid #ddd; margin-right:-1px; display:inline-block; line-height:28px;}
#turnpage a.page-active{ color:#f00000;}
#turnpage em{padding:0 5px;}
.pro-num{ margin-right:10px;}
#pro-right h4{ font-size:18px; font-weight:bold; border-bottom:1px solid #ccc; line-height:40px;padding-top:10px; color:#ed6d00;margin-bottom:20px;}
/*----------------------product-details------------------------*/
.left-right{ position:relative;width:100%;}
.b-left{ position:absolute; left:-111px; top:250px; z-index:2;}
.b-right{ position:absolute; right:-110px; top:250px; z-index:2;}
#p-details{ width:500px; float:right;margin-top:10px; }
#p-path{ width:100%; margin-top:10px;}
#detail-content{padding:0px 20px;}
#p-details h3{ font-family:Impact; font-size:22px; font-weight:normal; line-height:30px;}
.h-tit{ font-weight:bold;}
.p-price{ font-size:22px; color:#ff0000;padding-top:8px;font-family:Impact;}
.p-box{ width:100%; margin-top:10px;}
.color-list li img{ width:60px;border:1px solid #ccc;}
.color-list li.color-on img{ border:1px solid #000;}
.color-list li{ display:inline-block; margin-right:5px; cursor:pointer;}
.p-tit{ padding-bottom:7px;}
.h-like{margin-bottom:5px;}
.size-chart{ padding-left:30px; background:url(../img/ico-size.jpg) no-repeat;margin-left:10px; color:#666;}
a.size-chart:hover{ text-decoration:underline; color:#333;}
.size-list li{ width:42px; height:42px; cursor:pointer; border:1px solid #ccc; text-align:center; margin-right:5px; display:inline-block; line-height:42px;}
.size-list li.size-on{border:1px solid #000;}
#qty-box{width:72px; height:26px; border:1px solid #ccc; border-radius:3px; float:left; }
.qty-tit{ float:left; line-height:28px; margin-right:5px;}
#qty-box span{ width:20px; height:26px; display:inline-block; line-height:26px; text-align:center; font-weight:bold; cursor:pointer;}
#inp-qty{width:30px; height:26px; line-height:26px; background:transparent; text-align:center; border:none; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.btn-tocart{padding-top:14px;padding-bottom:10px; width:100%;}
.qty{ width:100%; height:34px;padding-top:5px;}
.btn-inlike{ float:right;margin-top:10px; cursor:pointer;}
.share{padding-top:15px;}
.share a{ display:inline-block; margin-right:5px;}
#p-mid{ width:100%; margin-top:30px;}
#p-images{ width:500px;}
#mid-des{ width:500px; float:left;}
#des-con{padding:10px;border:1px solid #ccc;margin-top:10px;}
.wenjian-box{border:1px solid #ccc;padding:5px; float:left;margin-bottom:10px;}
#mid-download{ float:right; width:500px;}
#download-con{ margin-top:10px;}
#lc-list{border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:14px 0;margin-top:20px; margin-bottom:20px; float:left; width:100%;}
#lc-list li{ width:20%; display:inline-block; text-align:center; float:left;}
#maylike{ position:relative; float:left; }

/*fangdajing*/
#preview{ float:left;  text-align:center; width:452px;margin-top:10px;margin-left:25px;}
.jqzoom{ width:350px; height:350px; position:relative;margin-left:25px;}

.zoomdiv{ left:859px; height:350px; width:350px;}
.list-h li{ float:left;}
#spec-n5{width:452px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(/img/left.gif) no-repeat; width:18px; height:37px; float:left; cursor:pointer; margin-top:10px;}
#spec-right{background:url(/img/right.gif) no-repeat; width:18px; height:37px; float:left;cursor:pointer; margin-top:10px;}
#spec-list{ width:325px; float:left; overflow:hidden;  display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:58px;}
#spec-list ul li img{ padding:2px ; width:50px; height:50px; opacity:0.7; -webkit-opacity:0.7; -moz-opacity:0.7; filter:alpha(Opacity=70);}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background: #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #333;background:#fff 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:405px; margin-right:6px;margin-left:5px;}
#spec-list div{ margin-top:0;}

/*home 3pics slider*/
#zt-img,#gc-img{ float:left; margin-right:20px;}
#zt-img,#gc-img,zs-img{ width:340px; height:190px; overflow:hidden;}
#zt-img img,#gc-img img,zs-img img{ width:340px;}
#img-list{ margin-top:10px; margin-bottom:10px;width:1050px; overflow:hidden;}
.ibanner { width:1080px; height:190px;}
.ibanner img{ float:left; margin-right:15px;} 
.ibanner_pic a{ position:relative; float:left;}
.ibanner_pic span{ position:absolute; bottom:0; height:0px; background:#000;  opacity:0.7; -webkit-opacity:0.7; -moz-opacity:0.7; filter:alpha(Opacity=70); color:#fff; text-indent:10px; line-height:40px; display:block; width:340px; z-index:10; height:40px;}
.ibanner_pic p{ color:#fff; bottom:0;line-height:40px; width:340px; z-index:11; position:absolute; text-indent:10px}

/*cart*/
.fl{float:left;}
.fr{float:right;}
clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-table}
*html .clearfix{height:1%}
.clearfix{display:block}
.catbox{width:790px}
.catbox table{text-align:center;width:100%;}
.catbox table th,.catbox table td{border:1px solid #ccc;}
.catbox table th{background:#f5f5f5;border-top:2px solid #ccc;height:36px;}
.catbox table td{padding:10px;}
.catbox table tbody tr:hover{background:#f6f6f6;}
.checkbox{width:60px;}
.goods{width:300px;}
.goods span{text-align:left;float:right;margin-right: 40px;margin-top: 10px}
.goods ul{ float:left; text-align:left;padding-top:10px; font-size:12px; color:#666;}
.goods img{width:120px;height:120px;margin-right:10px;float:left;}
.price{width:100px;}
.count{width:100px;}
.count .add, .count input, .count .reduce{float:left;margin-right:-1px;position:relative;z-index:0;}
.count .add, .count .reduce{height:23px;width:19px;border:1px solid #ccc;background:#f5f5f5;text-align:center;line-height:23px;color:#444;}
.count .add:hover, .count .reduce:hover{color:#f50;z-index:3;border-color:#f60;cursor:pointer;}
.count input{width:36px;height:15px;line-height:15px;border:1px solid #aaa;color:#343434;text-align:center;padding:4px 0;background-color:#fff;z-index:2;}
.subtotal{width:150px;color:red;font-weight:bold;}
.operation span:hover,a:hover{cursor:pointer;color:red;text-decoration:underline;}

.foot{margin-top:10px;margin-bottom:10px;color:#666;height:48px;border:1px solid #c8c8c8;background-color:#f5f5f5;position:relative;z-index:8;}
.foot div, .foot a{line-height:48px;height:48px;}
.foot .select-all{width:100px;height:48px;line-height:48px;padding-left:15px;color:#666;}
.foot .closing{border-left:1px solid #c8c8c8;width:100px;text-align:center;color:#000;font-weight:bold;background:RGB(238,238,238);cursor:pointer;}
.foot .total{margin:0 20px;cursor:pointer;}
.foot  #priceTotal, .foot #selectedTotal{color:red;font-family:"Microsoft Yahei";font-weight:bold;}
.foot .selected{cursor:pointer;}
.foot .selected .arrow{position:relative;top:-3px;margin-left:3px;}
.foot .selected .down{position:relative;top:3px;display:none;}
.show .selected .down{display:inline;}
.show .selected .up{display:none;}
.foot .selected:hover .arrow{color:red;}
.foot .selected-view{width:935px;border:1px solid #c8c8c8;position:absolute;height:auto;background:#ffffff;z-index:9;bottom:48px;left:-1px;display:none;}
.show .selected-view{display:block;}
.foot .selected-view div{height:auto;}
.foot .selected-view .arrow{font-size:16px;line-height:100%;color:#c8c8c8;position:absolute;right:330px;bottom:-9px;}
.foot .selected-view .arrow span{color:#ffffff;position:absolute;left:0px;bottom:1px;}

#selectedViewList{padding:10px 20px 10px 20px;}
#selectedViewList div{display:inline-block;position:relative;width:100px;height:80px;border:1px solid #ccc;margin:10px;float:left;}
#selectedViewList div img{width:100px;height:80px;margin-right:10px;float:left;}
#selectedViewList div span{display:none;color:#ffffff;font-size:12px;position:absolute;top:0px;right:0px;width:60px;height:18px;line-height:18px;text-align:center;background:#000;cursor:pointer;}
#selectedViewList div:hover span{display:block;}
.com-address{padding:10px 0;}
.sh-addr{border:1px solid #ccc; background:#f6f4b6; margin-top:10px;padding:10px;}
.btn-check{ background:#f00000; color:#fff; padding:15px; font-weight:bold; margin-top:20px;margin-bottom:30px;cursor:pointer;}
/*orderbox*/
.order-box table the,.order-box table td{ border:1px solid #ccc;}
.order-box table{ text-align:center; width:100%;}
.order-box table thead tr{ background:#f5f5f5;margin-bottom:20px; height:40px;}
.order-box table td{padding:5px;}
.order-box .goods span{padding-top:10px;}
.order-box{margin-bottom:20px;}
.sear-order{padding-bottom:20px; width:100%;}
.sear-order input{width:200px; height:24px; line-height:24px; padding-left:10px; background:transparent; border:1px solid #ccc; float:left;}
.sear-order span{ background:#f5f5f5; border:1px solid #ccc; height:24px; line-height:24px; display:block; float:left;padding:0 10px;}
.login-box{ width:50%; margin:25px auto;}
.login-box input {  background-color: #fff;  background-image: none;  border: 1px solid #ccc;  border-radius: 4px;  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;  color: #555;  display: block;  font-size: 14px;   height: 34px;  line-height: 1.42857;  padding:0 12px;  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;  width: 75%; }
.login-box label{ width:18%; float:left; line-height:36px; font-weight:bold;}
.login-box li{margin-bottom:20px;}
.btn-login{ width:80px; background:#f5f5f5; border:1px solid #ccc; line-height:36px; display:block; text-align:center; border-radius:5px; margin-left:18%;}
.login-box p{ text-align:center; font-size:26px; color:#ed6d00; font-weight:bold;padding:40px 0;}
.reg{float:right;padding-right:10px;}
.order-num{padding-left:20px;}
.order-time{padding:0 5px;}
.order-box thead{ margin-bottom:20px;}
.news{ width:100%;}
.news li{ background:url(../img/ico-sj.jpg)no-repeat 0px 16px; line-height:40px; border-bottom:1px solid #d5d5d5;padding-left:15px;}
.all-con{padding-bottom:40px;}
.fj-name{ font-weight:bold;padding-bottom:10px;margin-top:20px;}