@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'iconfont';  /* project id："145951" */
  src: url('//at.alicdn.com/t/font_a8owzg9dqvakbj4i.eot');
  src: url('//at.alicdn.com/t/font_a8owzg9dqvakbj4i.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_a8owzg9dqvakbj4i.woff') format('woff'),
  url('//at.alicdn.com/t/font_a8owzg9dqvakbj4i.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_a8owzg9dqvakbj4i.svg#iconfont') format('svg');
}
.iconfont{
	font-family:"iconfont";
	font-size:16px;
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
}
.loginForm dl,.loginForm dl dt,.loginForm dl dd{ padding:0; margin:0; }
.loginForm dl{ margin-bottom: 20px; position: relative;}
.loginForm dl dt{ position: absolute; left:1px; top:1px; width: 60px; line-height: 40px; background: #f1f1f1; text-align: center;}
.loginForm dl dd {width: 260px;}
.loginForm dl dd input{ height: 30px;  width: 180px; padding:5px 10px 5px 70px;  }
.loginForm dl dd input#code{ width: 65px; padding-right: 125px;}
.loginForm dl img{ position: absolute; right:0; top:2px;}
.loginForm  input[type=text], .loginForm  input[type=password], .loginForm select, .loginForm textarea {
  line-height: 20px !important;
  border: 1px solid #dfdfdf;
  outline: none;
  background-color: white;
  margin: 0;
  font-family: inherit;
  /*box-shadow: 2px 2px 2px #F0F0F0 inset;*/
  background-color: white;
  font-size: 14px;
}
.loginForm  input[type=text].Validform_error, .loginForm  input[type=password].Validform_error, .loginForm  select.Validform_error, .loginForm  textarea.Validform_error {
  border-color: #f00;
}
.loginForm  input[type=text]:focus, .loginForm  input[type=password]:focus, .loginForm select:focus, .loginForm textarea:focus{
  border-color: #76d4e8;
}

.pl-0{ padding-left:0 !important;}






body{color: #333;}
*{margin:0px; padding:0px; list-style:none;}
img{border:none;}
.body{background:#e7e7e7;}
body,a{color:#1c1c1c; font-size:14px; line-height:28px;}
a{text-decoration:none;}
a:hover{ color: #e06900; text-decoration: none;}


.wrap{width:1170px; margin:0px auto;}
.ani{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.lh-32{line-height:32px}/*32像素行距*/

/*分页*/
.pageDiv div{ text-align: center; padding: 30px 0;}
.pageDiv a,.pageDiv span{ display: inline-block; padding:0px 10px; border:1px solid #e5e5e5; text-decoration: none; margin-left: -1px; font-size: 14px !important;}
.pageDiv span{ border:1px solid #f78e0e;background: #f78e0e; color: #fff; z-index: 1 }
.pageDiv a:hover{ border:1px solid #f78e0e; z-index: 9; position: relative; color: #333; background: #f5f5f5}

#topbar{ background: #efefef; padding:5px 0; font-size: 14px !important;}
#topbar .l{ background-image:url(/public/res/images/logo-xs.png); background-repeat: no-repeat; padding-left:65px; background-position: left center;}
#topbar,#topbar a{ font-size: 14px !important;}
#topbar .pipe{ color: #ccc !important;}
#header{ background: #f7f7f7;}
#header .wrap{ position: relative; background:url(/public/static/shop/default/images/top_bg.gif) right bottom no-repeat; height: 100px; padding:20px 0; }
#header .wrap img{ display: block; float: left; height: 100px;margin-right:20px;}
#header .wrap h1{ padding:0; margin:0; font-size: 28px;font-weight: normal;}
#header .wrap p{ padding-top: 10px}
#header .wrap span.tel{ display: inline-block; position:absolute; right:0; bottom:70px; color: #f60; font-size: 36px; font-family:Arial, Helvetica, sans-serif;}
#header .wrap span.tel i{ color: #666; font-size: 28px;}
#header .wrap span.focus{ display: inline-block; position:absolute; right:0; bottom:20px;}
#header .wrap .vipPOP{ position:absolute; width:65px; height:53px; padding-top:35px; right:0px; top:0px; background-image:url(/public/static/images/hyvip.png); font-size:28px; color:#ff0; text-align:center; font-family:Arial, Helvetica, sans-serif;}

.nav{height:54px; line-height: 54px; background-color:#f78e0e }
.nav a{line-height:54px; height:54px; overflow: hidden; display: block; float: left; padding:0 32px 0;  color:#fff; font-size:16px;}
.nav a:hover{background-color:#e88103;}
.nav a.a1{background-color:#c96e00; color:#fff; font-weight:bold; font-size:16px; padding:0 30px 0;}
.btm{background:#fff; border-top:3px solid #f78e0e; padding:20px 0 30px; text-align:center; clear:both;}

#where span{ display:inline-block; font-size:12px; color: #999; padding:0 5px;}

#focus {width:100%; height:300px; background: #fff; overflow:hidden; position:relative; background: url(/public/static/shop/default/images/01.jpg); background-size: cover;}

.picbg{ background: transparent url(/public/static/images/no_pic.gif) no-repeat 50% 50%; margin:-1px; border:1px solid #e7e7e7;}

.box{background-color:#ffffff; border-bottom:0px solid #e7e7e7;}
.box .t{ padding: 0 20px; height:54px; line-height:54px; border-bottom: 2px solid #e7e7e7; }
.box .t h3{font-size: 20px; padding:0; height:54px !important; line-height:54px !important; display: inline-block; position: relative; border-bottom:2px solid #ff6600; left:0; bottom:0px; font-weight: normal; color: #555; }
.box .t a{ display: inline-block; float: right; line-height: inherit !important; font-size: 12px; color: #666;}
.box .c{ padding:15px 20px;}
.box .c-lg{ padding:30px !important;}

.w300{width:300px !important;}
.w840{width:840px !important;}


.list .y{ font-size: 12px; color: #666;}
.list-dot li{background-image:url(/public/static/shop/default/images/liDot.gif); background-position:left center; background-repeat:no-repeat; padding-left:10px; position:relative;}
.list-pt li{ width:224px; float: left; margin:20px; text-align: center;}
.list-pt li .imga{ display: block; width: 224px; height:224px; overflow: hidden; margin-bottom: 15px; }

.comInfo dl,.comInfo dl dt,.comInfo dl dd{ padding:0; margin:0;}
.comInfo dl{ width:100%; margin-bottom: 10px;}
.comInfo dl dt{ font-weight: bold; width:120px; text-align: right; float: left; font-size: 1rem; color: #f78e0e}
.comInfo dl dd { width:640px; float: right;}

/*相册*/
ul.albumUl li {width: 220px; margin:12px; float: left;}
ul.albumUl li img { width:100%; display: block; float: left;}
div.ablumInfo{ position:relative; padding:20px; padding-left:{$plValue}px; min-height: 150px; overflow: visible; }
div.ablumInfo h4{ margin-top: 0; margin-bottom: 15px;}
div.ablumInfo i{ font-size: 18px !important; position: relative; top:2px;}
div.albumFm{height: 150px; position: absolute; left: 25px; top: 20px;}
div.albumFm img{ height:150px;display: block; float: left;}  
/*阴影*/
.sdBox {
  padding: 10px;
  border: 1px solid #e5e5e5;
  background: #f7f7f7;  
  z-index: 1;
  position: relative;
}
.sdBox:hover{
  -webkit-box-shadow: 0 0 8px #ccc;
  -moz-box-shadow: 0 0 8px #ccc;
  box-shadow: 0 0 8px #ccc;
}



.art-list li{ position: relative; padding:0 0 25px 0; margin:0 0 25px 0; border-bottom: 1px solid #eee; }
.art-list li h4 {position: relative; top:-4px;}
.art-list li h4 a{ font-size: 18px;}
/*.art-list li:last-child{ border-bottom: 0 none; margin-bottom: 0}*/
.art-list li .item-pic {
  position: absolute;
  float: left;
  position: relative;
  left: 0;
  width: 200px;
  height: 120px;
  margin-right: 20px;
}
.art-list li .item-pic img{ width: 100%;}
.art-list li h4{ padding-top: 0; margin-top: 0;}
.art-list li .item-desc{ font-size: 14px; color: #666;}
.art-list li .gray,.art-list li .gray a{ color:#999 !important; font-size: 12px;}
.art-list li .gray a:hover{ color:#c10000 !important;}


.article{ font-size: 16px; line-height: 30px;}
.article h3{ padding-top: 10px; padding-bottom: 0; margin-bottom: 10px;}
.article p{ margin-top: 15px;}
.article .extinfo{ text-align: center; font-size: 12px !important;}
.article .extinfo i{ font-size: inherit !important;}
.article .cont img{ display: block; margin:0 auto; max-width: 100%;}


/*在线客服*/
.izl-rmenu{
         margin-right: 0;
         width: 82px;
         position: fixed;
         right: 2px;
         top: 65%;
         /*-webkit-box-shadow: #DDD 0px 1px 5px;
         -moz-box-shadow: #DDD 0px 1px 5px;
         box-shadow: #DDD 0px 1px 5px;*/
         z-index:999;
}
.izl-rmenu .consult{    
  background-image: url(/public/static/images/qq/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center -77px;
    display: block;
    height: 76px;
    width: 82px;
}
.izl-rmenu .consult .phone {
    background-color: rgb(247,247,255);
    position: absolute;
    width: 160px;
    left: -160px;
    top: 0px;
    line-height: 73px;
    color: #000;
    font-size: 18px;
    text-align: center;
    display: none;
    /*box-shadow: #DDD -1px 1px 4px;*/
}
.izl-rmenu a.consult:hover .phone{display:inline !important;}
.izl-rmenu .cart {
    background-image: url(/public/static/images/qq/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    height: 16px;
    width: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #45BDFF;
    text-align: center;
    padding-top: 15px;
    padding-right: 18px;
    padding-bottom: 47px;
    padding-left: 48px;
}
.izl-rmenu a.cart:hover .pic{display:block;}
.izl-rmenu .btn_top {
    background-image: url(/public/static/images/qq/float_top.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 39px;
    width: 82px;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.izl-rmenu .btn_top:hover {
  background-image: url(/public/static/images/qq/float_top.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
}
.izl-rmenu .cart .pic {
  display:none;
    position: absolute;
    left: -160px;
    top: 65px;
    width: 160px;
    height: 160px;
}
#udesk-feedback-tab {
    position: fixed;
    right: 2px;
    top: 65%;
    margin-top: -76px;
    /*-webkit-box-shadow: #DDD 0px -1px 5px;
    -moz-box-shadow: #DDD 0px -1px 5px;
    box-shadow: #DDD 0px -1px 5px;*/
    z-index: 10000;
    cursor: pointer;
    background-image: url(/public/static/images/qq/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 76px;
    width: 82px;
    background-color: #FFF!important;
    z-index:999;
}

/*供应*/
.photolist>a{ display: inline-block; width: 300px; height: 300px; padding:15px; margin:20px; border:1px solid #e7e7e7;}
.photolist>a>img{ display: block; width: 300px; height: 300px;}
.cloudzoomWp{ width: 300px; text-align: center; border:1px solid #e7e7e7; padding:9px; margin-bottom: 10px;}
.cloudzoom{ max-width: 100%; max-height: 300px; }
.zoomNav>img{ width:70px; height:70px;  display: block; float: left; margin:0 5px; cursor: pointer;}
.ul-args li{}
.ul-args li>span{ display: inline-block; width: 90px; font-size: 14px; text-align: right; color: #f60}
.img-thumbnail{ border:1px solid #e7e7e7; background: #fff; padding:4px;}
.imga{ display: block; background: #fff url('/public/static/images/no_pic.gif') center center no-repeat;}
.ul_ptlist li{ float: left; margin:10px; text-align: center;}

.fitImg{width: 100%;height: 100%;object-fit: cover;}