/* CSS Document */



html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;/*vertical-align:baseline;*/ text-decoration:none;}



article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}



body{line-height:1;background:#fff;min-width:1200px;}



input[type="search"]::-webkit-search-cancel-button,



input[type="search"]::-webkit-search-decoration {



  -webkit-appearance: none;



}



ol,ul{list-style:none}



table{border-collapse:collapse;border-spacing:0}



html{font-size:12px;width:100%}



/*html *{font-family:"微软雅黑", Arial, Helvetica, sans-serif}*/



.clear { clear: both;}



.clearfix:after{ content:""; visibility:hidden;  height:0;   clear:both;   display:block; }



/*.clearfix{ display:inline-table;}*/



*html .clearfix{ height:1%; }



/*.clearfix{ display:block;}*/



.fl {float:left;display: inline;}



.fr { float:right;display: inline;}



.wrap{ width:1200px; margin:0px auto;}



.icon{ background:url(../images/icon.png) no-repeat;}



.yellow{ color:#fab000;}



.red{ color:#ea5c4b;}



.fs16{ font-size:16px;}



.mt30{ margin-top:30px;}



.mt20{ margin-top:20px;}



.mt10{ margin-top:10px;}



.mt0{ margin-top:0px;}



.mt50{ margin-top:50px;}



.w240{ width:240px;}



.w230{ width:230px;}



.w930{ width:930px;}



.w940{ width:940px;}



.t_c{ text-align:center;}



.t_l{ text-align:left;}



.t_r{ text-align:right;}



.c6{ color:#666;}



.c9{ color:#999;}



.c3{ color:#333;}



.btn{ background:#fab000; display:inline-block; padding:5px 10px; color:#fff;}



.liner_btn{ height:33px; font:14px/33px "微软雅黑"; color:#666; padding:0px 30px; display:inline-block; border:#eaebeb 1px solid; background: -webkit-gradient(linear,center top,center bottom,from(#fff), to(#f6f6f6));filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fff, endColorstr=#f6f6f6);/*IE<9>*/



-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#fff, endColorstr=#f6f6f6)";/*IE8+*/}



.liner_btn:hover{ border:#eaebeb 1px solid; background: -webkit-gradient(linear,center top,center bottom,from(#f6f6f6), to(#ebebeb));filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f6f6f6, endColorstr=#ebebeb);/*IE<9>*/



-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#f6f6f6, endColorstr=#ebebeb)";/*IE8+*/ color:#fab000;}



.btn_gray{ background:#ececec; color:#333;}



.dn{ display:none;}







small{ font-size:75%;}



.nowrap{white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis}



.price{ color:#fab000; font-size:16px;}



.new_icon{ display:inline-block; width:22px; height:7px; background-position:-191px 0px; vertical-align:8px; margin-left:5px;}







.topbar{ border-bottom:#ededed 1px solid; height:34px; line-height:34px;}



.topbar .wel{ float:left; color:#666;}



.topbar .wel a{ color:#666}



.topbar .wel a:hover{ color:#fab000;}



.topbar .wel i{ display:inline-block; width:16px; height:16px; vertical-align:-3px; margin-left:15px;}



.topbar .smlink{ float:right;}



.topbar .smlink ul li{ float:left;}



.topbar .smlink ul li.tel{ margin-left:10px;}



.pop_box{height:34px; position:relative; float:left; margin:0px; padding:0px; color:#666;}



/*.pop_box:after{ display:inline-block; width:1px; content:""; position:absolute; right:0px; background:#f0f0f0; top:10px; height:12px;}



.pop_box:last-child::after{ background:none}*/



.pop_box a{display:block; }



.pop_box a.tit{  padding:0px 10px; height:30px;line-height:30px;border:solid 1px transparent; color:#333; transition:all 0.4s;}



.pop_box a .arrow{border-left:transparent 4px solid; border-right:transparent 4px solid; border-top:#7d7d7d 4px solid; height:0px; display:inline-block; vertical-align:2px; margin-left:5px; transform:rotate(0deg);transition:transform 0.3s ease-in;}



.pop_box.current a .arrow{transform:rotate(180deg);transition:transform 0.3s ease-in border-left:transparent 4px solid; border-right:transparent 4px solid; border-top:#fab000 4px solid;}



.pop_box .subnav{display:none;background:#fff;position:absolute;top:30px;left:0px; padding:0px 0px; border:#f0f0f0 1px solid; border-top:none; z-index:9;  }



.pop_box .subnav span{  margin:0px auto; height:auto;}



.pop_box .subnav li{ padding:0px; display:block; float:left; width:100%; }



.pop_box .subnav li a{line-height:30px; margin:0px; padding:0px; display:block; color:#999; text-indent:10px;}



.pop_box .subnav li :hover{background:#f5f5f5;}



#link1.current a.tit{border:#f0f0f0 1px solid; color:#fab000;border-bottom:solid 1px #fff;position:relative;z-index:9; background-color:#fff;  }



#link1.current .subnav{display:block; min-width:81px;}



#link2.current a.tit{border:#f0f0f0 1px solid; color:#fab000;border-bottom:solid 1px #fff;position:relative;z-index:9; background-color:#fff;  }



#link2.current .subnav{display:block; min-width:81px;}







header{ hegiht:35px; width:1200px; margin:0px auto; padding:30px 0px;}



header .logo{ float:left;}



header .seach{ float:right;}



header .seach input{outline:none; border:#121212 1px solid; height:34px; width:240px; float:left; line-height:34px; padding:0px 10px; border-right:none;}



header .seach input:focus{ border:#fab000 1px solid;}



header .seach .btn{ background:#121212; width:40px; height:34px; padding:0px; display:inline-block; overflow:hidden; }



header .seach .btn i{ display:inline-block; width:20px; height:20px; background-position:-24px 0px; margin:6px 10px;}



header .seach .btn:hover{ background:#fab000}



nav{ border-bottom:#f0f0f0 1px solid; height:35px; position:relative; width:100%;}



nav .menu{  max-width:1200px; height:100%;  margin:0 auto;  position:relative;}



nav .navField{  float:left; margin-left:24%;}



nav .navField ul{ font-size:0; margin:0 -15px 0 0; text-align:right;}



nav .navField li{ display:inline-block; vertical-align:top; text-align:center; line-height:35px; font-size:16px; margin-right:5px; }



nav .navField li a{ display:inline-block; padding:0 30px;  color:#121212; text-align:center; position:relative; -webkit-transition: -webkit-transform 0.3s, color 0.3s; -moz-transition: -moz-transform 0.3s, color 0.3s; -ms-transition: -ms-transform 0.3s, color 0.3s; -o-transition: -o-transform 0.3s, color 0.3s; transition: transform 0.3s, color 0.3s;}



nav .navField li a:hover, nav .navField li.act a{ text-decoration:none; color:#fff; }



nav .navField li.act{ background:#000;}



nav .navField li a.on{ text-decoration:none; color:#fff;  background:#000;}



nav .menuField{ position:absolute; width:100%; top:36px; background:rgba(255,255,255,0.95);  z-index:999;}



nav .menuField .child{ max-width:1200px; margin:0 auto; text-align:center; display:none}



nav .menuField .current{ display:block;}



nav .menuField .child:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}



nav .menuField .sub_menu{ width:1200px; padding:25px 0px;}



nav .menuField .sub_menu .ad{ width:200px; float:right;}



nav .menuField .sub_menu .ad img{ text-align:right; float:right;}



nav .menuField .sub_menu .section{ width:1000px; float:left;}



nav .menuField .sub_menu .section dl{ float:left; width:20%; display:block; text-align:left; margin-bottom:20px;}



nav .menuField .sub_menu .section dl dt{ font:14px/20px "微软雅黑";  color:#000;}



nav .menuField .sub_menu .section dl dt a{ color:#000;}



nav .menuField .sub_menu .section dl dt a:hover{color:#fab000}



nav .menuField .sub_menu .section dl dd{ font-size:12px; line-height:24px; margin-top:15px;}



nav .menuField .sub_menu .section dl dd.even a{ float:left; width:50%;}



nav .menuField .sub_menu .section dl dd a{ display:block; color:#666;}



nav .menuField .sub_menu .section dl dd a:hover{ color:#fab000}







.cart_box{ float:right; background:#000000; height:35px; display:inline-block;  position:relative;}



.cart_box a{ display:block;}



.cart_box a.tit{  padding:0px 30px 0px 20px; height:35px;line-height:33px;border:solid 1px transparent; color:#fff;  transition:all 0.4s; font-size:13px;}



.cart_box a i{ width:17px; height:15px; background-position:-54px 0px; display:inline-block; vertical-align:-2px; margin-right:5px;}



.cart_box a .sl{ background:#fab000; width:18px; height:18px; border-radius:18px; text-align:center; line-height:18px; display:inline-block; position:absolute; right:15px; top:-5px;}



.cart_box .subnav{display:none;background:#fff;position:absolute;top:35px;right:-1px; padding:0px 0px; margin:0px; border:#f0f0f0 1px solid;   }



.cart_box .subnav .name{ height:40px; border-bottom:#f0f0f0 1px solid; line-height:40px;  padding-left:15px; font-size:14px; font-weight:normal;}



.cart_box .subnav .tali{ background:#f7f7f7; padding:10px; height:auto; overflow:auto;}



.cart_box .subnav .tali p{ text-align:right; color:#666; padding-bottom:8px;}



.cart_box .subnav dl{ border-bottom:#ddd 1px dotted; display:block; clear:both; height:auto; overflow:hidden; padding-bottom:9px; margin:0px 15px;}



.cart_box .subnav dl:last-child{ border-bottom:none;}



.cart_box .subnav dl dt{ float:left; width:48px; height:48px; border:#ddd 1px solid; overflow:hidden;  margin-top:9px;}



.cart_box .subnav dl dd{ position:relative; padding-left:10px; padding-right:50px; line-height:20px; float:left; width:210px; color:#999;  position:relative;}



.cart_box .subnav dl dd a{ color:#333; margin-top:5px;}



.cart_box .subnav dl dd a.del{ position:absolute; right:0px; top:0px; color:#005ea6} 



.cart_box .subnav .none{text-align:center; color:#666; font-size:12px; padding:10px 15px; line-height:24px;}



#cart.current .subnav{display:block; min-width:350px; z-index:8;}











.slides{margin:0px auto;}



.slides img{width:100% !important;height:auto}



.slides ul.bjqs-controls a{-moz-transition-property:opacity;-moz-transition-duration:.3s;-moz-transition-timing-function:ease-out;-webkit-transition-property:opacity;-webkit-transition-duration:.3s;-webkit-transition-timing-function:ease-out;-o-transition-property:opacity;transition-property:opacity;-o-transition-duration:.3s;transition-duration:.3s;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;opacity:0;filter:alpha(opacity=0)}



.slides:hover .marker,.markers:hover .marker{opacity:1;filter:alpha(opacity=100)}



.slides:hover ul.bjqs-controls a{opacity:1;filter:alpha(opacity=1)}



ul.bjqs{position:relative;list-style:none;padding:0;margin:0;display:none}



li.bjqs-slide{position:absolute;display:block}



.slides .litheme{ position:absolute; width:270px; left:0px; top:45px; background:url(../images/alpha30.png) repeat; padding:25px; line-height:24px;}



.slides .litheme h3{ font:18px/20px "微软雅黑"; color:#fff; margin-bottom:10px;}



.slides .litheme a{ color:#fff;}



.slides .name{ font:18px/20px "微软雅黑"; color:#fff; position:absolute; min-width:130px; width:auto; left:0px; top:140px; /*background:url(../images/alpha30.png) repeat;*/ padding:20px 20px; line-height:24px; z-index:99;}



.slides .name a{ color:#fff;}







/*.collection-slides ul.bjqs-controls a{-moz-transition-property:opacity;-moz-transition-duration:.3s;-webkit-transition-property:opacity;-webkit-transition-duration:.3s;-webkit-transition-timing-function:ease-out;-o-transition-property:opacity;transition-property:opacity;-o-transition-duration:.3s;transition-duration:.3s;-o-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;transition-timing-function:ease-out;opacity:0;filter:alpha(opacity=0)}



.collection-slides:hover ul.bjqs-controls a{opacity:1;filter:alpha(opacity=1)}



.collection-slides ol.bjqs-markers{right:10px;width:auto}



*/







ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999}



ul.bjqs-controls.v-centered li a{position:absolute;width:25px;height:36px}



ul.bjqs-controls.v-centered li.bjqs-next a{right:0;background:url(../images/slide-next.png);*background:url(../images/slide-next.png)}



ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;background:url(../images/slide-prev.png);*background:url(../images/slide-prev.png)}



ul.bjqs-controls.v-centered li.bjqs-next a:hover{background:url(../images/slide-next-over.png);*background:url(../images/slide-next-over.png)}



ul.bjqs-controls.v-centered li.bjqs-prev a:hover{background:url(../images/slide-prev-over.png);*background:url(../images/slide-prev-over.png)}



ol.bjqs-markers{list-style:none;padding:0;margin:0;width:100%;position:absolute;bottom:10px;right:15px;text-align:right;font-size:0}



ol.bjqs-markers.h-centered{text-align:center}



ol.bjqs-markers li{display:inline}



ol.bjqs-markers li a{display:inline-block;width:16px;height:16px;background:url(../images/indicator.png) 2px 2px no-repeat;*background:url(../images/indicator.png) 2px 2px no-repeat}



ol.bjqs-markers li.active-marker a,ol.bjqs-markers li a:hover{background:url(../images/indicator-active.png) 2px 2px no-repeat;*background:url(../images/indicator-active.png) 2px 2px no-repeat}



p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0}







.marker{width:25px;height:25px;position:absolute;overflow:hidden;background:url(../images/marker.png) no-repeat;*background:url(../images/marker.png) no-repeat;opacity:0;filter:alpha(opacity=0);transition-property:opacity;transition-duration:.3s;transition-timing-function:ease-out;-webkit-transition-property:opacity;-webkit-transition-duration:.3s;-webkit-transition-timing-function:ease-out;-o-transition-property:opacity;-o-transition-duration:.3s;-o-transition-timing-function:ease-out;z-index:1000}



.marker:hover{background:url(../images/marker-over.png) no-repeat;*background:url(../images/marker-over.png) no-repeat;overflow:visible;z-index:9999}



.marker:hover a{opacity:1;filter:alpha(opacity=100);display:block}



.marker a{position:absolute;background:#fff url(../images/marker-panel-bkg.png);*background:#fff url(../images/marker-panel-bkg.png);padding:10px 8px 30px 10px;display:block;opacity:0;filter:alpha(opacity=0);border-radius:14px;-moz-border-radius:14px;-webkit-border-radius:14px;color:#666;text-decoration:none;text-align:left;font-size:13px}



.marker a img{display:block;width:auto !important;height:auto}



.marker a.topLeft,.marker a.topLeft .marker-pin{top:0;left:0}



.marker a.topRight,.marker a.topRight .marker-pin{top:0;right:0}



.marker a.bottomLeft,.marker a.bottomLeft .marker-pin{bottom:0;left:0}



.marker a.bottomRight,.marker a.bottomRight .marker-pin{bottom:0;right:0}



.marker-pin{width:25px;height:25px;position:absolute;background:url(../images/marker.png) no-repeat;*background:url(../images/marker.png) no-repeat}



.marker a span.code{position:absolute;top:7px}



.marker a.topLeft span.code{left:25px;padding-right:8px}



.marker a.topRight span.code{left:8px;padding-right:25px}



.marker a.bottomLeft span.code,.marker a.bottomRight span.code{left:8px;padding-right:8px}



.marker a span.name{display:block;margin-top:5px;bottom:8px; line-height:18px; font-size:12px; color:#666;}



.marker a.bottomLeft span.name{padding-left:20px;padding-right:8px}



.marker a.bottomRight span.name{padding-right:25px}



.marker a .btn{ margin-left:35px;}











.slideshow-feature-description{text-align:left;padding:7px 0 7px 0;position:absolute;letter-spacing:3px}



.slideshow-feature-description:hover{display:none}



.slideshow-feature-description.show:hover{display:block}







.title{ text-align:center; padding:50px 0px 40px 0px; margin:0px auto;}



.title h2{ font:28px/20px "Iskoola Pota"; text-transform:uppercase;}



.title span{ font-size:18px; font-family:"微软雅黑"; border-top:#000 1px solid; display:inline-block; padding:15px 15px 0px 15px; margin-top:20px;}



.title_hor{ position:relative; padding:50px 0px 25px 0px; margin:0px auto; display:inline-block;}



.title_hor h2{ font:28px/20px "Iskoola Pota"; text-transform:uppercase; display:inline-block;}



.title_hor span{ font-size:18px; font-family:"微软雅黑";  display:inline-block;}



.title_hor:after{ content:""; position:absolute; bottom:5px;  display:inline-block; width:60%; content:""; position:absolute; left:50%; margin-left:-30%; background:#000;  height:1px;}







.i_news_product{ margin:0px auto; width:1200px; overflow:hidden;}



.i_news_product ul{ width:1250px;}



.i_news_product ul li{ width:380px; margin-right:30px; height:255px; position:relative; float:left;}



.i_news_product ul li .mask{ height:125px; width:320px; background:rgba(0,0,0,0.3); position:absolute; left:30px; top:30px; text-align:center; padding-top:70px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; } 



.i_news_product ul li:hover .mask{ opacity:0.6;}



.i_news_product ul li h3{font-family:Impact; font-size:26px; text-transform:uppercase; display:block;  color:#fff; letter-spacing: 3px; position:absolute; top:50%; left:0px; text-align:center; width:100%; margin-top:-20px;}



.i_news_product ul li h3 span{ color:#fff; font-size:18px; text-align:center; display:block; margin-top:10px;}



.i_news_product ul li .view{ color:#fff; position:absolute; bottom:50px; left:40px; display:none; text-decoration:underline;}



.i_news_product ul li:hover .view{ display:inline-block; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; left:50px; position:absolute;}



.i_best_product{ background:#f5f5f5; padding-bottom:30px;}



.i_best_product dl{ float:left; width:224px; margin-right:20px; margin-top:0px; }



.i_best_product dl dt{ width:224px; height:224px; overflow:hidden; position: relative;}



.i_best_product dl dt img{ width:224px; height:224px;}



.i_best_product dl dt .mask{ background:#000; position:absolute; left:0px; top:0px; right:0px;  bottom:0px; opacity: 0;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); transition: opacity 300ms; -webkit-transition: opacity 300ms;}



.i_best_product dl:hover span.mask{opacity: 0.3; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);}



.i_best_product dl dt .add_cart {display:inline-block; background:#fff;  position:absolute;



left:50%;top:50%; margin-top:-15px; margin-left:-63px;  width:125px; height:30px; line-height:30px; text-align:left; font-size:12px;text-transform:uppercase; color:#000;  opacity: 0;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); transition: opacity 300ms; -webkit-transition: opacity 300ms; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; text-align:center;  }



.i_best_product dl dt .add_cart i {margin-right:4px; display:inline-block; width:20px; height:15px; background-position:-81px 0px; vertical-align:-2px;}



.i_best_product dl:hover .add_cart { opacity: 1;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}



.i_best_product dl dd{ padding:15px 10px; height:40px; background:#fff; font-size:14px; }



.i_best_product dl dd .nowrap{ margin-bottom:10px;}



.i_best_product dl:hover dd{ background:#000000; color:#fff; transition:all 0.3s;}



.view_details{ width:146px; height:32px; border:2px solid #000000; display:block; margin:40px auto 0px auto; text-align:center; line-height:32px; color:#000;}



.view_details:hover{ background:#000; color:#fff; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}



.view_details i{ display:inline-block; width:13px; height:7px; background-position:0px -26px; vertical-align:1px; margin-right:5px;}



.view_details:hover i{ background-position:-18px -26px;}



.i_promotions{ width:1200px; position:relative; margin-top:30px;}



.i_promotions ul{ float:left; width:346px;}



.i_promotions ul li{ float:left; position:relative; width:346px; height:290px;}



.i_promotions ul li .caption{ text-align:center; position:absolute; bottom:20px; text-align:center; width:100%; font-size:14px; color:#000;}



.i_promotions ul li .caption span{ display:block; margin-top:10px;}



.i_promotions ul li .mask{ background:#000; position:absolute; left:0px; top:0px; right:0px;  bottom:0px; opacity: 0;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); transition: opacity 300ms; -webkit-transition: opacity 300ms;}



.i_promotions ul li .mask:after {content: ''; display: block; height: 230px; width: 286px; border:#fff 1px solid; position:absolute; left:30px; top:30px;  transition: all .5s ease-in-out .2s;}



.i_promotions ul li:hover span.mask{opacity: 0.3; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);}



.i_promotions ul li .add_cart {display:inline-block; background:#fff;  position:absolute;



left:50%;top:50%; margin-top:-15px; margin-left:-63px;  width:125px; height:30px; line-height:30px; text-align:left; font-size:12px;text-transform:uppercase; color:#000;  opacity: 0;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); transition: opacity 300ms; -webkit-transition: opacity 300ms; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; text-align:center;  }



.i_promotions ul li  .add_cart i {margin-right:4px; display:inline-block; width:20px; height:15px; background-position:-81px 0px; vertical-align:-2px;}



.i_promotions ul li:hover .add_cart { opacity: 1;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}



.i_promotions .big_picture{ width:507px; height:580px; float:left; position:relative;}



.i_promotions .big_picture li {position:relative;  display: inline; width:507px; height:580px; overflow: hidden; }	



.i_promotions .big_picture li .caption{ text-align:center; position:absolute; bottom:50px; text-align:left; padding:0px 30px; font-size:16px; color:#000;}



.i_promotions .big_picture li .caption span{ display:block; margin-top:10px;}



.i_promotions .big_picture:hover .prev,.i_promotions .big_picture:hover .next{opacity:1;filter:alpha(opacity=1)}



.i_promotions .big_picture .prev, .i_promotions .big_picture .next { position: absolute; z-index: 30; display: block; -moz-transition-property:opacity;-moz-transition-duration:.3s;-moz-transition-timing-function:ease-out;-webkit-transition-property:opacity;-webkit-transition-duration:.3s;-webkit-transition-timing-function:ease-out;-o-transition-property:opacity;transition-property:opacity;-o-transition-duration:.3s;transition-duration:.3s;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;opacity:0;filter:alpha(opacity=0); top:272px;}	



.i_promotions .big_picture .prev { left: 0px; }	



.i_promotions .big_picture .next { right: 0px; }



.i_promotions .big_picture .prev a { display: block; width: 25px; height: 36px; overflow: hidden; background:url(../images/slide-prev.png) no-repeat; }



.i_promotions .big_picture .prev a:hover { background:url(../images/slide-prev-over.png) no-repeat; }



.i_promotions .big_picture .next a { display: block; width: 25px; height: 36px; overflow: hidden; background:url(../images/slide-next.png) no-repeat; }



.i_promotions .big_picture .next a:hover { background:url(../images/slide-next-over.png) no-repeat; }



.scale50{ background-position:0px -43px; width:71px; height:68px; display:inline-block; position:absolute; left:0px; top:0px; text-indent:-9999px; z-index:9;}



.i_fabric{  }



.i_fabric .bd{ position:relative; height:355px;  }



.i_fabric .prev,.i_fabric .next{ position: absolute; top:50%; margin-top:-27px; left:0px; display: block; width: 55px; height: 55px; background:#eeeeee; z-index: 9; overflow: hidden; }



.i_fabric .next{ left:auto; right:0px; }



.i_fabric .prev i{ background-position:-111px 0px; margin:20px 0px 0px 20px; display:inline-block; width:10px; height:14px; float:left;}



.i_fabric .next i{ background-position:-171px 0px; margin:20px 0px 0px 25px; display:inline-block; width:10px; height:14px;  float:left;}



.i_fabric .prev:hover,.i_fabric .next:hover{ background:#000000 }



.i_fabric .prev:hover i{background-position:-131px 0px;}



.i_fabric .next:hover i{background-position:-151px 0px;}



.i_fabric .picList{  position:relative; text-align:center;}



.i_fabric .tempWrap{ width:1200px; margin:0px auto;}



.i_fabric .picList dl{ float:left; width:380px; margin-right:30px; margin-top:0px; }



.i_fabric .picList dl dt{ width:380px; height:253px; overflow:hidden; position: relative;}



.i_fabric .picList dl dt .mask{ background:#000; position:absolute; left:0px; top:0px; right:0px;  bottom:0px; opacity: 0;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); transition: opacity 300ms; -webkit-transition: opacity 300ms;}



.i_fabric .picList dl:hover span.mask{opacity: 0.3; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);}



.i_fabric .picList dl dt .view {display:inline-block; text-decoration:underline; color:#fff; position:absolute; left:20px; bottom:20px;  text-align:left; font-size:12px;text-transform:uppercase; color:#000;  opacity: 0;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); transition: opacity 300ms; -webkit-transition: opacity 300ms; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; text-align:center;  }



.i_fabric .picList dl:hover .view { opacity: 1;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); color:#fff;}



.i_fabric .picList dl dd{ padding:20px 15px; height:60px; background:#f5f5f5; font-size:14px; width:350px; text-align:left; }



.i_fabric .picList dl dd .nowrap{ margin-bottom:10px;}



.i_fabric .picList dl dd .depict{ font-size:12px; color:#999; margin-bottom:10px;}



.i_fabric .picList dl:hover dd{ background:#e3e3e3;  transition:all 0.3s;}







.i_about{ width:100%; border-bottom:#e3e3e3 1px solid; padding-bottom:20px;}



.i_about ul li{ float:left; width:50%; overflow:hidden; }



.i_about ul li .cover{height:130px; overflow:hidden; position:relative;}



.i_about ul li .cover .mask{background:#000; position:absolute; left:0px; top:0px; right:0px;  bottom:0px; opacity: 0.5;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); width:100%; }



/*.i_about ul li:hover .cover img{transition:0.6s ease-in;box-sizing: border-box; -moz-transform:scale(1.1,1.1);



-webkit-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1);}*/



.i_about ul li .cover .logo{ margin:0px auto; text-align:center; position:absolute; left:50%; top:30px; margin-left:-150px;}



.i_about ul h3{ padding:20px 10%; font-size:18px; }



.i_about ul p{line-height:24px; font-size:13px; color:#666; padding:0px 10%; height:75px;  overflow:hidden;}



.i_about ul p a{ color:#666;}



.i_about ul p a:hover{ color:#fab000;}



.i_ebook{ float:left; width:402px;}



.i_ebook .picture{ margin-top:25px; height:auto; overflow:hidden; position:relative; text-align:center;}



.i_ebook .picture a{ border:1px solid transparent; display:block; width:400px;}



/*.i_ebook .picture a:hover{ border:#000 1px solid;}*/

.i_ebook .picture span{ display:block; font-size:14px; text-align:center; line-height:30px;}



.i_case{ width:765px; overflow:hidden;}



.i_case ul{ margin-top:25px; width:800px;}



.i_case ul li{ font-size:13px; color:#999; float:left; margin-right:30px;}



.i_case ul li .picture{ height:244px; overflow:hidden; width:367px; position:relative; display:block;}



.i_case ul li .picture .l_pic{ float:left; width:203px; height:244px;}



.i_case ul li .picture .r_pic{ float:right; width:162px; height:244px;}



.i_case ul li a{ font-size:13px; color:#999;}



.i_case ul li h2{ font-size:15px; color:#000; padding-top:15px; margin-bottom:8px;}



.i_case ul li a:hover{ color:#666; text-decoration:underline;}



.i_case ul li .picture .mask{ background:#000; position:absolute; left:0px; top:0px; right:0px;  bottom:0px; opacity: 0;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); transition: opacity 300ms; -webkit-transition: opacity 300ms;}



.i_case ul li .picture:hover span.mask{opacity: 0.3; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);}



.i_case ul li .picture .view {display:inline-block; text-decoration:underline; color:#fff; position:absolute; left:20px; bottom:20px;  text-align:left; font-size:12px;text-transform:uppercase; color:#000;  opacity: 0;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); transition: opacity 300ms; -webkit-transition: opacity 300ms; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; text-align:center;  }



.i_case ul li .picture:hover .view { opacity: 1;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); color:#fff;}



.i_case ul li h2 a{ color:#000; font-size:15px;}







footer{ background:url(../images/footer_bg.png) repeat-x bottom; height:257px; display:block; clear:both; margin-top:40px;} 



.f_link{ width:1200px; margin:0px auto; padding-top:30px;}



.f_link dl{ padding-left:30px; width:250px; float:left;}



.f_link dl dt{ font-size:14px;}



.f_link dl dd{ margin-top:10px; color:#666; line-height:20px; }



.f_link dl dd a{display:block; color:#666;}



.f_link dl dd a:hover{ color:#fab000;}



.f_link dl.other{ width:auto; margin-top:30px; display:block; }



.f_link dl .code{ float:left; width:90px; height:90px; padding:8px; float:left; background:#fff;}



.f_link dl .tel{ width:180px; float:left; margin-left:17px;} 



.f_link dl .tel span{ background-position:-78px -43px; display:block; width:180px; height:36px; font:18px/36px Arial; color:#fab000; text-indent:50px;}



.f_link dl .tel p{ text-align:center; color:#666; margin-top:10px;}



.f_link dl .tel .qq{ width:26px; height:26px; display:inline-block; background-position:-268px -43px}



.f_link dl .tel .sina{ width:26px; height:26px; display:inline-block; background-position:-305px -43px; margin-left:8px;}



.copyright{ width:100%; text-align:center; height:50px; line-height:50px; color:#fff; display:block; clear:both; margin-top:15px;}







.shop_list_4{ width:; margin-top:20px; width:1230px;}



.shop_list_4 dl{ float:left; width:285px; margin-right:20px; margin-top:0px; }



.shop_list_4 dl dt{ width:285px; height:392px; overflow:hidden; position: relative;}



.shop_list_4 dl dt .mask{ background:#000; position:absolute; left:0px; top:0px; right:0px;  bottom:0px; opacity: 0;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); transition: opacity 300ms; -webkit-transition: opacity 300ms;}



.shop_list_4 dl:hover span.mask{opacity: 0.3; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);}



.shop_list_4 dl dt .view {display:inline-block; text-decoration:underline; color:#fff; position:absolute; left:20px; bottom:20px;  text-align:left; font-size:12px;text-transform:uppercase; color:#000;  opacity: 0;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); transition: opacity 300ms; -webkit-transition: opacity 300ms; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; text-align:center;  }



.shop_list_4 dl:hover .view { opacity: 1;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); color:#fff;}



.shop_list_4 dl dd{  height:36px; background:#f5f5f5; font-size:14px; width:285px; text-align:center; font-size:16px; line-height:36px; position:relative;}



.shop_list_4 dl:hover dd{ background:#e3e3e3;  transition:all 0.3s;}



.shop_list_4 dl dd a{ color:#333;}



.shop_ad{ margin-top:20px; position:relative; width:1200px; height:165px;}



.shop_ad .view_details{ position:absolute; right:64px; top:45px;}



.shop_list_3{ width:; margin-top:20px; width:1230px;}



.shop_list_3 dl{ float:left; width:380px; margin-right:30px; margin-top:0px; }



.shop_list_3 dl dt{ width:380px; height:533px; overflow:hidden; position: relative;}



.shop_list_3 dl dt .mask{ background:#000; position:absolute; left:0px; top:0px; right:0px;  bottom:0px; opacity: 0;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); transition: opacity 300ms; -webkit-transition: opacity 300ms;}



.shop_list_3 dl:hover span.mask{opacity: 0.3; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);}



.shop_list_3 dl dt .view {display:inline-block; text-decoration:underline; color:#fff; position:absolute; left:20px; bottom:20px;  text-align:left; font-size:12px;text-transform:uppercase; color:#000;  opacity: 0;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); transition: opacity 300ms; -webkit-transition: opacity 300ms; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; text-align:center;  }



.shop_list_3 dl:hover .view { opacity: 1;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); color:#fff;}



.shop_list_3 dl dd{  height:36px; background:#f5f5f5; font-size:14px; width:100%; text-align:center; font-size:16px; line-height:36px; position:relative;}



.shop_list_3 dl:hover dd{ background:#e3e3e3;  transition:all 0.3s;}



.shop_list_3 dl dd a{ color:#333;}



.shop_album{ text-align:center; width:585px; display:block;}



.shop_album .picture{ width:585px; height:431px;}



.shop_album span{ height:50px; font:16px/50px "微软雅黑"; color:#000;}



.shop_album a:hover span{ color:#fab000; text-decoration:underline;}



.shop_icon_list{ width:1200px; overflow:hidden;}



.shop_icon_list ul{ width:1240px;}



.shop_icon_list ul li{ width:285px; height:155px; overflow:hidden; float:left; margin-right:20px; }



.shop_icon_list ul li a{border:#e3e3e3 1px solid; display:block; padding:38px; text-align:center; font:20px/20px "微软雅黑"; color:#333; transition:all 0.3s linear; -o-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear;}



.shop_icon_list ul li span{ display:block; margin:0px auto; width:55px; height:38px; background:url(../images/icon.png) no-repeat; margin-bottom:15px;}



.shop_icon_list ul li span.icon1{ background-position:-5px -121px;}



.shop_icon_list ul li a:hover span.icon1{background-position:-5px -169px;}



.shop_icon_list ul li span.icon2{ background-position:-65px -121px;}



.shop_icon_list ul li a:hover span.icon2{background-position:-65px -169px;}



.shop_icon_list ul li span.icon3{ background-position:-130px -121px;}



.shop_icon_list ul li a:hover span.icon3{background-position:-130px -169px;}



.shop_icon_list ul li span.icon4{ background-position:-200px -121px;}



.shop_icon_list ul li a:hover span.icon4{background-position:-200px -169px;}











.shop_icon_list ul li a:hover{ background:#181212; color:#fff; }



.site{ height:40px; font:12px/40px "微软雅黑"; color:#666;}



.site a{ color:#666;}



.site span{ color:#333;}



.filter_nav{}



.filter_nav dl{ margin-bottom:2px; display:block; clear:both; padding-bottom:16px; height:40px; overflow:hidden;}
.filter_nav dl.on{ height:auto;}
.filter_nav dl.on dt .fa-angle-down{transform:rotate(180deg); -webkit-transform:rotate(180deg);}

.filter_nav dl dt{ font-size:15px; color:#333; font-weight:bold; padding:0 10px; background-color:#f8f8f8; line-height:40px; cursor:pointer}
.filter_nav dl dt .fa-angle-down{ font-size:18px; line-height:40px; }


.filter_nav dl dd{ line-height:24px; font-size:14px; color:#666;}



.filter_nav dl dd input{ float:left; margin-top:5px;}



.filter_nav dl.color{ /*width:130px;*/}



.filter_nav dl.color dd{ float:left;  margin-right:3px; margin-bottom:5px; overflow:hidden; width:27px; height:27px;}



.filter_nav dl.color dd a{ border:transparent 1px solid; display:inline-block; width:25px; height:25px; position:relative; overflow:hidden;}



.filter_nav dl.color dd a span{ width:14px; height:14px; display:inline-block; background-position:0px -221px; position:absolute; right:0px; bottom:0px; display:none;}

.filter_nav dl.color dd .active span{ display:block;}



.filter_nav dl.color dd a:hover{ border:#121212 1px solid;}



.filter_nav dl.color dd .active{ border:#121212 1px solid;}









.num_title{ height:68px;}



.num_title .bt{ font:bold 14px/28px "微软雅黑";}



.page{ text-align:center; margin:0px auto;} 



.page a{ border:#bebebe 1px solid; width:24px; height:24px; display:inline-block; line-height:24px; font-family:Arial, Helvetica, sans-serif;  margin-left:5px; color:#666666;}



.page a:hover{ background:#121212; border:#121212 1px solid; color:#fff;}



.page .point{ margin-left:5px; color:#121212; padding:0px 5px;}



.page a.active{ background:#121212; color:#fff; border:#121212 1px solid;}



.product_list_3{ margin-top:20px; width:980px;}



.product_list_3 ul li{ position:relative; float:left;  line-height:22px; margin-bottom:20px; margin-right:30px;}



.product_list_3 ul li a{ display:inline-block;}



.product_list_3 ul li .slide_pic{ width:290px; height:290px; position:relative; margin-bottom:10px; border:transparent 1px solid;}



.product_list_3 ul li .slide_pic .stay_btn{ position:absolute; right:10px; top:10px; width:30px; height:30px; background-position:-341px -43px; display:inline-block; cursor:pointer;}



.product_list_3 ul li .slide_pic .stay{ width:140px; height:70px; background:#000000; border:#fff 1px solid; padding:5px 10px; position:absolute; right:10px; top:50px; color:#fab000; display:none; opacity: 1;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); transition: opacity 300ms; -webkit-transition: opacity 300ms; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; transition:all 0.4s;}



.product_list_3 ul li .slide_pic .stay a{ color:#fab000;}



.product_list_3 ul li .slide_pic .stay .fs14{ font-size:14px; color:#fff;}



.product_list_3 ul li .slide_pic .stay a:hover{ text-decoration:underline;}



.product_list_3 ul li .name{ color:#333; font-size:14px;}



.product_list_3 ul li:hover .slide_pic{ border:#121212 1px solid;}



.product_list_3 ul li:hover .name{ color:#000; text-decoration:underline;}

.product_list_3 ul li .add_btn{ height:26px; display:inline-block; width:auto; padding:0px 10px; background:#e8e8e8; font:14px/26px "微软雅黑"; color:#333; position:absolute; right:0px; bottom:10px;}







.promotionPic {width:550px; float:left;  position:relative;}



.catalog {height:450px;  width:80px; overflow: hidden; float:left; margin-right:20px;}  



.catalog .imgbox1 {width: 80px; height: 380px; overflow: hidden; float:left; margin:10px 0px;}            



.catalog .imgbox {width:80px; height:460px;  overflow: hidden; display:block; float:left;}        



.catalog .imgbox li { text-align:center;   border:transparent 1px solid; height: 78px; margin-bottom:20px;}



.catalog a.aUp, .catalog a.aDown { width:80px; height:25px; display:block; float:left; background:#eeeeee}



.catalog a.aUp {background:#eee url(../images/icon.png) no-repeat -213px 8px;}



.catalog a:hover.aUp{background:#000 url(../images/icon.png) no-repeat -213px -17px;}



.catalog a.aDown {background:#eee url(../images/icon.png) no-repeat -293px 8px;}



.catalog a:hover.aDown{background:#000 url(../images/icon.png) no-repeat -293px -17px;}



.catalog a.disabled { filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }



#pro_infor {width:450px; float:left; display:inline; height:450px;}



#image_box {float:left; width:450px; margin:0px; _margin:0;display:inline; height:450px; overflow:hidden; position:relative; background:#000;}



#image_box span {width:47px; height:70px; display:block; position:absolute; left:5px; top:5px; z-index:100;}



#image_box img { text-align:center; margin:0px auto; }



#image_box .stay_btn{ position:absolute; right:10px; top:10px; width:30px; height:30px; background-position:-341px -43px; display:inline-block; cursor:pointer; z-index:999;}



#image_box .stay{ width:140px; height:70px; background:#000000; border:#fff 1px solid; padding:5px 10px; position:absolute; right:10px; top:50px; color:#fab000; display:block; opacity: 1;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); transition: opacity 300ms; -webkit-transition: opacity 300ms; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; transition:all 0.4s; z-index:999;}



#image_box .stay a{ color:#fab000; line-height:24px; }



#image_box .stay .fs14{ font-size:14px; color:#fff;}



#image_box .stay a:hover{ text-decoration:underline;}



 



#image_list img { cursor:pointer; width:78px; height:78px;}



#image_list li.bor{ border:#000 1px solid}







.jqZoomPup{ background:#fff;   cursor:crosshair; opacity:0.6; filter:alpha(opacity=50);-moz-opacity:0.5; text-indent:-999em; overflow:hidden; z-index:10; bodrder:#eee 1px solid;}



.jqZoomWindow{ border:#888888 4px solid; left:0px;}



.promotionPic .share{ height:25px; margin-top:10px; line-height:24px; color:#333;}



.promotionPic .share a{ color:#333;}



.promotionPic .share .sc{ width:17px; height:17px; background-position:-381px -43px; display:inline-block; vertical-align:-4px; margin-right:5px;}



.promotionPic .share .line{ color:#eaebeb; margin:0px 8px; float:left;}



.promotionPic .share .share_icon{ float:left;}



.promotionPic .share .share_icon a{ display:inline-block; width:23px; height:23px; vertical-align:-4px; margin-right:5px;}



.promotionPic .share .share_icon a.sina{ background-position:-408px -43px;}



.promotionPic .share .share_icon a.qq{ background-position:-435px -43px;}



.promotionPic .share .share_icon a.weixin{ background-position:-463px -43px;}



.promotionInfo{ width:610px;}



.promotionInfo h1{ font-size:18px;}



.promotionInfo .depict{ font-size:13px; color:#666; line-height:20px; margin-top:10px;}



.promotionInfo .property_price{ background:#f5f5f5; padding:20px; margin-top:25px; color:#666;}



.promotionInfo .property_price s{ color:#999; line-height:30px; text-decoration:line-through;}



.promotionInfo .property_price .price{ font-size:24px;}



.promotionInfo .property_price .num{ float:right; line-height:24px; }



.promotionInfo .property_price .num li{ float:left; text-align:center; color:#999; font-size:13px;}



.promotionInfo .property_price .num li i{ width:15px; height:13px; display:inline-block; vertical-align:-2px; margin-right:5px;}



.promotionInfo .property_price .num li i.icon1{ background-position:-254px -121px;}



.promotionInfo .property_price .num li i.icon2{ background-position:-278px -121px;}



.promotionInfo .property_price .num li font{ display:block; font-size:16px; color:#666;}



.promotionInfo .property_price .num li.line{ background:#eaebeb; height:40px; display:block; width:1px; margin-top:8px; margin-left:30px; margin-right:30px;}



.promotionInfo .property_color{ margin-top:20px; color:#333; font-size:13px; line-height:20px; display:block; clear:both; height:auto; overflow:hidden;}



.promotionInfo .property_color font{ color:#999;}



.promotionInfo .property_color ul{ margin-top:10px;}



.promotionInfo .property_color ul li{ float:left; display:inline-block;   padding-right:6px; }





.promotionInfo .property_color ul li img{ float:left; margin-right:6px;}



.promotionInfo .property_color ul li a{ color:#666; border:#eaebeb 1px solid; display:inline-block;   line-height:25px; padding:3px 10px 3px 3px; position:relative;}

.promotionInfo .property_color ul li a span{ width:14px; height:14px; background-position:0px -221px; display:inline-block; position:absolute; right:0px; bottom:0px; display:none;}

.promotionInfo .property_color ul li a.active span{ display:block;}



.promotionInfo .property_color ul li a:hover{ border:#000 1px solid;}



.promotionInfo .property_color ul.size li a{ padding:3px 10px 3px 3px;}



.promotionInfo .property_color ul li a.active{ border:#fab000 2px solid; padding:2px 10px 2px 3px;}



.promotionInfo .property_amount{ margin-top:20px; color:#333; font-size:13px; line-height:20px; display:block; clear:both; height:auto; overflow:hidden;}



.promotionInfo .property_amount font{ color:#999;}







.promotionInfo1{ width:610px;}



.promotionInfo1 h1{ font-size:18px;}



.promotionInfo1 .depict{ font-size:13px; color:#666; line-height:20px; margin-top:10px; height:10px; overflow:hidden; display:none;}



.promotionInfo1 .property_bnt{ margin-top:15px;}



.promotionInfo1 .property_bnt a{ background:#e8e8e8; color:#333; display:inline-block; height:26px; line-height:26px; width:42%; font:14px/26px "微软雅黑"; padding:0px 15px; margin-bottom:8px;}


.addproperty{ margin-top:10px;}
.addproperty ul li{ line-height:30px; font-size:14px; color:#777;}
.addproperty ul li span{ color:#353535; margin-right:10px;}
.addproperty ul li em{ margin-right:8px;}
.addproperty ul li em img{ width:22px; height:22px; vertical-align:middle; margin-right:4px;}
.addClearIco{ margin-top:10px; margin-bottom:20px;margin-left:100px;}
.addClearIco em{ margin-right:20px; font-size:14px; color:#666}
.addClearIco em img{ width:40px; height:40px; vertical-align:middle; margin-right:4px;}
/*.promotionInfo1 .property_price{ background:#f5f5f5; padding:20px; margin-top:25px; color:#666;}



.promotionInfo1 .property_price s{ display:block; color:#999; line-height:30px; text-decoration:line-through;}



.promotionInfo1 .property_price .price{ font-size:24px;}



.promotionInfo1 .property_price .num{ float:right; line-height:24px; }



.promotionInfo1 .property_price .num li{ float:left; text-align:center; color:#999; font-size:13px;}



.promotionInfo1 .property_price .num li i{ width:15px; height:13px; display:inline-block; vertical-align:-2px; margin-right:5px;}



.promotionInfo1 .property_price .num li i.icon1{ background-position:-254px -121px;}



.promotionInfo1 .property_price .num li i.icon2{ background-position:-278px -121px;}



.promotionInfo1 .property_price .num li font{ display:block; font-size:16px; color:#666;}



.promotionInfo1 .property_price .num li.line{ background:#eaebeb; height:40px; display:block; width:1px; margin-top:8px; margin-left:30px; margin-right:30px;}*/



.promotionInfo1 .property_color{ margin-top:20px; color:#333; font-size:13px; line-height:20px; display:block; clear:both; height:auto; overflow:hidden;}



.promotionInfo1 .property_color font{ color:#999;}



.promotionInfo1 .property_color ul{ margin-top:10px;}



.promotionInfo1 .property_color ul li{ float:left; display:inline-block;   padding-right:6px;}



.promotionInfo1 .property_color ul li img{ float:left; }



.promotionInfo1 .property_color ul li a{ color:#666; border:#eaebeb 1px solid; display:inline-block;   line-height:25px; padding:2px 2px 2px 2px;}



.promotionInfo1 .property_color ul li a:hover{ border:#000 1px solid;}



.promotionInfo1 .property_color ul.size li a{ padding:0px 10px;}



.promotionInfo1 .property_color ul li a.active{ border:#000 1px solid;}



.promotionInfo1 .property_amount{ margin-top:20px; color:#333; font-size:13px; line-height:20px; display:block; clear:both; height:auto; overflow:hidden;}



.promotionInfo1 .property_amount font{ color:#999;}



.promotionInfo1 .property_other{  margin-top:20px; color:#333; font-size:13px; line-height:20px; display:block; clear:both; height:auto; overflow:hidden;}



.promotionInfo1 .property_other font{ color:#999;}



.promotionInfo1 .property_other ul{ margin-top:10px; float:left; width:70%;}



.promotionInfo1 .property_other ul li{ display:block; clear:both; margin-bottom:8px; height:auto; overflow:hidden;}



.promotionInfo1 .property_other ul li .size{color:#666; border:#eaebeb 1px solid; display:inline-block;   line-height:25px; padding:3px 10px 2px 10px; float:left; position:relative;}



.promotionInfo1 .property_other ul li .size span{ width:14px; height:14px; background-position:0px -221px; display:inline-block; position:absolute; right:0px; bottom:0px; display:none;}

.promotionInfo1 .property_other ul li .size.active span{ display:block;}



.promotionInfo1 .property_other .amount{ float:left; display:inline-block; margin-top:0px;}



.promotionInfo1 .property_other .price{ float:left; line-height:32px; width:120px; text-align:center;}



.promotionInfo1 .property_other .button{ float:right; width:20%; margin-top:10px;}



.promotionInfo1 .property_other .button .cart_bnt{ width:120px; height:32px; font:14px/32px "微软雅黑"; text-align:center; display:inline-block; color:#fff; background:#000000; }



.promotionInfo1 .property_other .button .cart_bnt i{ width:20px; height:15px; display:inline-block; background-position:-54px 0px; vertical-align:-3px; margin-right:5px; }



.promotionInfo1 .property_other .button .buy_bnt{ width:120px; height:32px; font:14px/32px "微软雅黑"; text-align:center; display:inline-block; color:#fff; background:#fab000; margin-bottom:8px;}











.amount{ display:block; margin-top:10px;}



.amount input{ float:left; width:70px; height:28px; border:none; outline:none; border-top:#eaebeb 1px solid; border-bottom:#eaebeb 1px solid; text-align:center;}



.amount a{background:#eaebeb; float:left; display:inline-block;}



.amount a:hover{ background:#000;}



.amount a.add{ height:32px; width:32px; display:inline-block; }



.amount a.add i{ width:12px; height:12px; background-position:-313px -121px; display:inline-block; text-align:center; margin-left:10px; margin-top:15px;}



.amount a:hover.add i{  background-position:-345px -121px; }



.amount a.less{height:32px; width:32px; display:inline-block;}



.amount a.less i{ width:12px; height:12px; background-position:-377px -121px; display:inline-block; text-align:center; margin-left:10px; margin-top:10px;}



.amount a:hover.less i{  background-position:-409px -121px; }



.promotionInfo .property_btn{ margin-top:30px; padding:0px;}



.promotionInfo .property_btn a{ margin-right:20px;}



.promotionInfo .buy_bnt{ width:168px; height:48px; font:16px/48px "微软雅黑"; text-align:center; display:inline-block; color:#fff; background:#fab000; }



.promotionInfo .cart_bnt{ width:168px; height:48px; font:16px/48px "微软雅黑"; text-align:center; display:inline-block; color:#fff; background:#000000;}



.promotionInfo .cart_bnt i{ width:26px; height:21px; display:inline-block; background-position:-441px -121px; vertical-align:middle; margin-right:5px;}



.sub_title{ height:39px; border-bottom:#000 1px solid; font:18px/20px "微软雅黑"; color:#000; display:block;}



.sub_title1{  font:18px/20px "微软雅黑"; color:#000; display:block;}



.sub_title2{ position:relative; padding:50px 0px 25px 0px; margin:0px auto; display:inline-block;}



.sub_title2 h2{ font:23px/20px "Iskoola Pota"; text-transform:uppercase; display:inline-block;}



.sub_title2 span{ font-size:18px; font-family:"微软雅黑";  display:inline-block; margin-left:5px;}







.side_product{ width:1280px; margin:0 auto;}



.side_product dl{ width:220px; margin-top:10px; margin-right:25px; float:left;}



.side_product dl dt{ width:220px; height:220px; display:block;}



.side_product dl dt a{ border:transparent 1px solid; display:block; height:218px; width:218px;}



.side_product dl dt a:hover{ border:#000 1px solid;}



.side_product dl dt img{ width:218px; height:218px;}



.side_product dl dd{ line-height:18px; margin-top:5px;}



.side_product dl dd a{ display:block; font-size:14px; color:#333;}







.promotionDetail{width:940px; z-index: 10; overflow:hidden;}



/*.promotionDetail .hd{ height:39px; border-bottom:#000000 1px solid; background:#fff; position:relative;}



.promotionDetail .hd ul li{ float:left; width:123px; display:inline-block; height:38px; display:inline-block; cursor:pointer; text-align:center; font:16px/38px "微软雅黑"; color:#666;}



.promotionDetail .hd ul li.on{ color:#000;  background:#fff; border:1px solid #000; border-bottom:1px solid #fff; }*/







.detail-nav{ position:relative;z-index:98; height:39px; border-bottom:#000000 1px solid; background:#fff; width:940px;}



.detail-nav-abs{position:fixed;_position:absolute;top:0;_top:expression(documentElement.scrollTop);}



.detail-nav-sie{_position:static;_top:0;}



.detail-nav a,.detail-nav span a{color:#fff;}



.detail-nav a{float:left; width:123px; display:inline-block; height:38px; display:inline-block; cursor:pointer; text-align:center; font:16px/38px "微软雅黑"; color:#666;}



.detail-nav a.down{ color:#000;  background:#fff; border:1px solid #000; border-bottom:1px solid #fff; }







.promotionDetail .bd{}



.promotionDetail .detail{ line-height:24px; color:#666;}



.promotionDetail .detail .parameter ul{ border:#ebebeb 1px solid; padding:10px 20px; font-size:13px; height:auto; overflow:hidden;}



.promotionDetail .detail .parameter ul li{ float:left; width:33%; color:#666; line-height:36px;}



.promotionDetail .detail .parameter ul li span{ color:#333;}



.promotionDetail .detail h3{ font-size:16px; margin:15px 0px; color:#333;}



.promotionDetail .detail .comment{  margin-top:15px;}



.promotionDetail .detail .comment .comment_statistics{ background:#f5f5f5; padding:30px; border:#eaebeb 1px solid; border-bottom:none; }



.promotionDetail .detail .comment .comment_statistics ul li{ float:left; width:30%; font-size:14px; position:relative; height:50px; padding-left:3%;}



.promotionDetail .detail .comment .comment_statistics ul li:nth-child(1){ line-height:50px;}



.promotionDetail .detail .comment .comment_statistics ul li:after{ position:absolute; right:0px; top:0px; width:1px; background:#ebebeb; height:50px;   content:"";}



.promotionDetail .detail .comment .comment_statistics ul li:last-child:after{ background:none; }



.promotionDetail .detail .comment .comment_statistics ul li .star{ display:block; margin-top:15px;}



.promotionDetail .detail .comment .comment_statistics ul li .dec{ font-size:12px; color:#999; display:block; margin-top:15px;}



.star{ background:url(../images/star.png) no-repeat; display:inline-block; height:16px; width:95px; vertical-align:middle;}



.star0{ background-position:0px -81px;}



.star1{ background-position:0px -65px;}



.star2{ background-position:0px -49px;}



.star3{ background-position:0px -32px;}



.star4{ background-position:0px -16px;}



.star5{ background-position:0px 0px;}



.comment_detail{ border:#eaebeb 1px solid; padding:14px;}



.comment_detail dl{ border-bottom:#eaebeb 1px dotted; padding-bottom:15px; margin-bottom:20px; min-height:100px; height:auto; overflow:hidden; position:relative;}



.comment_detail dl dt{ float:left; width:76px; text-align:center; position:absolute; left:0px;}



.comment_detail dl dt .picture{ width:74px; height:74px; border:#ebebeb 1px solid; display:block;}



.comment_detail dl dt span{ color:#666; margin-top:10px; display:block;}



.comment_detail dl dd{ padding-left:100px;}



.comment_detail dl dd .review{ line-height:20px; font-size:14px; color:#333;}



.comment_detail dl dd .review .star{ margin-left:10px;}



.comment_detail dl dd .time{ float:right; color:#b4b4b4; font-size:12px;}



.comment_detail dl dd .content{ font-size:13px; line-height:24px; color:#333; padding:15px 0px; display:block; clear:both;}



.comment_detail dl dd .property{ font-size:12px; color:#999;}



.promotionDetail .detail .item{font-size:13px; color:#666; line-height:20px;}



.promotionDetail .detail .item p{ margin-top:20px;}







.record{}



.record .bd{ position:relative; height:295px;  }



.record .prev,.record .next{ position: absolute; top:50%; margin-top:-18px; left:-37px; display: block; width: 37px; height: 37px; background:#eeeeee; z-index: 9; overflow: hidden; }



.record .next{ left:auto; right:-37px; }



.record .prev i{ background-position:-111px 0px; margin:10px 0px 0px 15px; display:inline-block; width:10px; height:14px; float:left;}



.record .next i{ background-position:-171px 0px; margin:10px 0px 0px 15px; display:inline-block; width:10px; height:14px;  float:left;}



.record .prev:hover,.record .next:hover{ background:#000000 }



.record .prev:hover i{background-position:-131px 0px;}



.record .next:hover i{background-position:-151px 0px;}



.record .picList{  position:relative; text-align:center;}



.record .picList dl{ width:220px; margin-top:20px; margin-right:20px; float:left;}



.record .picList dl dt{ width:220px; height:220px; display:block;}



.record .picList dl dt a{ border:transparent 1px solid; display:block; height:220px; width:220px;}



.record .picList dl dt a:hover{ border:#000 1px solid;}



.record .picList dl dt img{ width:220px; height:220px;}



.record .picList dl dd{ line-height:22px; margin-top:10px;}



.record .picList dl dd a{ display:block; font-size:14px; color:#333;}







.fabric_product{ width:1200px; overflow:hidden;}



.fabric_product ul{  width:1250px;}



.fabric_product ul li{ font-size:13px; color:#999; float:left; margin-right:30px; margin-bottom:40px;}



.fabric_product ul li .picture{ height:253px; overflow:hidden; width:380px; position:relative; display:block;}



.fabric_product ul li .picture .l_pic{ float:left; width:210px; height:253px;}



.fabric_product ul li .picture .r_pic{ float:right; width:168px; height:253px;}



.fabric_product ul li a{ font-size:13px; color:#999;}



.fabric_product ul li h2{ font-size:15px; color:#000; padding-top:15px; margin-bottom:8px;}



.fabric_product ul li a:hover{ color:#666; text-decoration:underline;}



.fabric_product ul li .picture .mask{ background:#000; position:absolute; left:0px; top:0px; right:0px;  bottom:0px; opacity: 0;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); transition: opacity 300ms; -webkit-transition: opacity 300ms;}



.fabric_product ul li .picture:hover span.mask{opacity: 0.3; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);}



.fabric_product ul li .picture .view {display:inline-block; text-decoration:underline; color:#fff; position:absolute; left:20px; bottom:20px;  text-align:left; font-size:12px;text-transform:uppercase; color:#000;  opacity: 0;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); transition: opacity 300ms; -webkit-transition: opacity 300ms; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; text-align:center;  }



.fabric_product ul li .picture:hover .view { opacity: 1;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); color:#fff;}



.fabric_product ul li h2 a{ color:#000; font-size:15px;}



.fabric_product1 ul li{ margin-bottom:0px;}







.fabric_ebook{ width:1230px;}



.fabric_ebook ul li{ float:left; width:382px; margin-right:28px;}



.fabric_ebook ul li a{ display:block; border:transparent 1px solid; width:380px; height:280px; overflow:hidden; transition:all 0.4s;}



.fabric_ebook ul li a img{ width:380px; height:280px;}



.fabric_ebook ul li a:hover{ border:#000 1px solid;}



.fabric_brand{width:1230px;}



.fabric_brand ul li{ float:left; width:382px; margin-right:28px;}



.fabric_brand ul li a{ border:#e3e3e3 1px solid; display:block; text-align:center; width:382px; height:203px; vertical-align:middle; display:table-cell; overflow:hidden; transition:all 0.4s;}



.fabric_brand ul li a img{ max-width:382px; max-height:203px; margin-top:expression(203-this.height/2);*margin-top:expression(101-this.heigth/2);}



.fabric_brand ul li a:hover{ border:#000 1px solid;}



.fabric_list{ width:1230px;}



.fabric_slide{ width:382px; float:left; margin-right:28px; height:310px; overflow:hidden; margin-bottom:35px;}



.fabric_slide .slideBox{ width:382px; height:255px; overflow:hidden; position:relative;  }



.fabric_slide .slideBox .bd{ position:relative; height:100%; z-index:0;   }



.fabric_slide .slideBox .bd a{ border:transparent 1px solid; display:block; width:380px; height:253px;}



.fabric_slide .slideBox:hover .bd a{ border:#000 1px solid;}



.fabric_slide .slideBox .bd li{ zoom:1; vertical-align:middle; }



.fabric_slide .slideBox .bd img{ width:380px; height:253px; display:block;  }



.fabric_slide .slideBox:hover .prev,.fabric_slide .slideBox:hover .next{opacity:1;filter:alpha(opacity=1)}



.fabric_slide .slideBox .prev, .fabric_slide .slideBox .next { position: absolute; z-index: 30; display: block; -moz-transition-property:opacity;-moz-transition-duration:.3s;-moz-transition-timing-function:ease-out;-webkit-transition-property:opacity;-webkit-transition-duration:.3s;-webkit-transition-timing-function:ease-out;-o-transition-property:opacity;transition-property:opacity;-o-transition-duration:.3s;transition-duration:.3s;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;opacity:0;filter:alpha(opacity=0); top:50%; margin-top:-18px;}	



.fabric_slide .slideBox .prev { left: 0px; display:block; width:25px; height:36px; background:url(../images/slide-prev.png)  no-repeat;}	



.fabric_slide .slideBox .next { right: 0px; display:block; width:25px; height:36px; background:url(../images/slide-next.png)  no-repeat;}



.fabric_slide .slideBox .prev:hover { background:url(../images/slide-prev-over.png) no-repeat; transition:all 0.3s; }



.fabric_slide .slideBox .next:hover { background:url(../images/slide-next-over.png) no-repeat; transition:all 0.3s;}











.fabric_slide .name{font-size:13px; color:#999;}



.fabric_slide .name h2{ font-size:15px; color:#000; padding-top:15px; margin-bottom:8px;}



.fabric_detailed{ border:#eaebeb 1px solid;}



.fabric_detailed .introduce{ padding:20px; width:278px; float:left;}



.fabric_detailed .introduce h2{ font:16px/22px "微软雅黑"; color:#000;}



.fabric_detailed .introduce ul li{ margin-top:20px; line-height:20px; color:#666;}



.fabric_detailed .introduce ul li span{ color:#333;}



.fabric_detailed .introduce ul li.share_icon{ }



.fabric_detailed .introduce ul li.share_icon a{ display:inline-block; width:23px; height:23px; vertical-align:-4px; margin-right:5px;}



.fabric_detailed .introduce ul li.share_icon a.sina{ background-position:-408px -43px;}



.fabric_detailed .introduce ul li.share_icon a.qq{ background-position:-435px -43px;}



.fabric_detailed .introduce ul li.share_icon a.weixin{ background-position:-463px -43px;}



.slideshow2{ float:right; width:880px; height:585px;position:relative;}
.slideshow2 .hd{ position:absolute; bottom:20px; z-index:333; right:20px;}
.slideshow2 .hd .pageState{ font-size:16px; color:#fff;}
.slideshow2 .bd ul li{ width:880px;}
.slideshow2 .bd ul li img.banner-img{ width:880px; height:585px;}
.slideshow2 .prev,.slideshow2 .next{ width:30px; height:100px; display:block; background:url(../images/banner-arrow.png) no-repeat; position:absolute; top:242px;}
.slideshow2 .prev{ left:0px; }
.slideshow2 .prev:hover{ background-position:-60px 0;}
.slideshow2 .next{ right:0px; background-position:-30px 0;}
.slideshow2 .next:hover{ background-position:-90px 0;}



.fabric_product5{}



.fabric_product5 ul{ width:1230px;}



.fabric_product5 .sub_title2{ padding:30px 0px 20px 0px;}



.fabric_product5 ul li{ float:left; width:224px; float:left; margin-right:20px; margin-bottom:30px;}



.fabric_product5 ul li a{ color:#999; font-size:13px;}



.fabric_product5 ul li .picture{ width:222px; height:222px; display:block; border:transparent 1px solid;}



.fabric_product5 ul li a:hover .picture{ border:#000 1px solid;}



.fabric_product5 ul li a span{ display:block; font:14px/20px "Iskoola Pota"; color:#000; padding:10px 0px;}







.fabric_related{}



.fabric_related .sub_title2{ padding:10px 0px 20px 0px;}



.fabric_related .bd{ position:relative;  }



.fabric_related .prev,.fabric_related .next{ position: absolute; top:50%; margin-top:-40px; left:-37px; display: block; width: 37px; height: 37px; background:#eeeeee; z-index: 9; overflow: hidden; }



.fabric_related .next{ left:auto; right:-37px; }



.fabric_related .prev i{ background-position:-111px 0px; margin:10px 0px 0px 15px; display:inline-block; width:10px; height:14px; float:left;}



.fabric_related .next i{ background-position:-171px 0px; margin:10px 0px 0px 15px; display:inline-block; width:10px; height:14px;  float:left;}



.fabric_related .prev:hover,.fabric_related .next:hover{ background:#000000 }



.fabric_related .prev:hover i{background-position:-131px 0px;}



.fabric_related .next:hover i{background-position:-151px 0px;}



.fabric_related .picList{  position:relative; text-align:center;}



.fabric_related .picList li{ font-size:13px; color:#999; float:left; margin-right:20px; margin-bottom:40px; position:relative;}



.fabric_related .picList li .picture{ height:150px; overflow:hidden; width:224px; position:relative; display:block;}



.fabric_related .picList li .picture .l_pic{ float:left; width:125px; height:150px;}



.fabric_related .picList li .picture .r_pic{ float:right; width:98px; height:150px;}



.fabric_related .picList li h2{ font-size:15px; color:#000; padding-top:15px; margin-bottom:8px;}



.fabric_related .picList li a:hover{ color:#666; text-decoration:underline;}



.fabric_related .picList li .picture .mask{ background:#000; position:absolute; left:0px; top:0px; right:0px;  bottom:0px; opacity: 0;  filter:progid:DXImageTransf



orm.Microsoft.Alpha(opacity=0); transition: opacity 300ms; -webkit-transition: opacity 300ms;}



.fabric_related .picList li .picture:hover span.mask{opacity: 0.3; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);}



.fabric_related .picList li .picture .view {display:inline-block; text-decoration:underline; color:#fff; position:absolute; left:20px; bottom:20px;  text-align:left; font-size:12px;text-transform:uppercase; color:#000;  opacity: 0;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); transition: opacity 300ms; -webkit-transition: opacity 300ms; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; text-align:center;  }



.fabric_related .picList li .picture:hover .view { opacity: 1;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); color:#fff;}



.fabric_related .picList li h2 a{ color:#000;}



.fabric_related .picList li h2 a:hover{ color:#fab000; font-size:15px;}







.scenes_list{ width:; margin-top:20px; width:1230px;}



.scenes_list .sub_title2{ padding-top:20px;}



.scenes_list dl{ float:left; width:380px; margin-right:20px; margin-bottom:30px; }



.scenes_list dl dt{ width:380px; height:253px; overflow:hidden; position: relative;}



.scenes_list dl dt .mask{ background:#000; position:absolute; left:0px; top:0px; right:0px;  bottom:0px; opacity: 0;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); transition: opacity 300ms; -webkit-transition: opacity 300ms;}



.scenes_list dl:hover span.mask{opacity: 0.3; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);}



.scenes_list dl dt .view {display:inline-block; text-decoration:underline; color:#fff; position:absolute; left:20px; bottom:20px;  text-align:left; font-size:12px;text-transform:uppercase; color:#000;  opacity: 0;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); transition: opacity 300ms; -webkit-transition: opacity 300ms; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; text-align:center;  }



.scenes_list dl:hover .view { opacity: 1;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); color:#fff;}



.scenes_list dl dd{  height:36px; background:#f5f5f5; font-size:14px; width:380px; text-align:center; font-size:16px; line-height:36px; position:relative;}



.scenes_list dl:hover dd{ background:#e3e3e3;  transition:all 0.3s;}



.scenes_list dl dd a{ color:#333;}



.case_depict{ font:14px/24px "微软雅黑"; color:#666;}



.case_depict h2{ font-size:16px; color:#000; margin-top:25px;}



.case_depict h2 i{ width:18px; height:18px; display:inline-block; vertical-align:-4px; background-position:-484px -121px; margin-right:5px;}



.case_depict p{ margin-top:20px;}



.ebook_list{ width:1200px;}



.ebook_list ul li{ float:left; width:240px; font:13px/20px "微软雅黑"; text-align:center; margin:0 30px 28px 30px;}



.ebook_list ul li .picture{ display:block; border:transparent 1px solid; width:240px; height:315px; overflow:hidden; transition:all 0.4s; margin-bottom:10px; display:block;}



.ebook_list ul li .picture img{ width:240px; height:315px;}



.ebook_list ul li .picture:hover{ border:#000 1px solid;}



.ebook_list ul li h2{ color:#000; font-size:15px; display:block;}



.ebook_list ul li a{ color:#666;}



.ebook_list ul li a:hover{ color:#333; }



.ebook_list ul li a:hover h2{ text-decoration:none; color:#fab000;}



.brand_new{ float:left; width:965px;}



.border_box{ border:#eaebeb 1px solid; padding:19px;}



.brand_new .sub_title2{ padding:30px 0px 20px 0px;}



.foucebox {position:relative;width:372px;height:517px;overflow:hidden; }



.foucebox .bd {position:absolute;left:0;top:0;width:372px;height:416px;overflow:hidden;}



.foucebox .bd img {width:372px;height:416px;}



.foucebox .hd {position:relative;height:95px;background:#fff;top:428px;}



.foucebox .hd ul { width:400px; text-align:center;}



.foucebox .hd li {position:relative;float:left;display:inline;width:80px;height:95px;margin-right:17px;overflow:hidden; overflow:hidden; }



.foucebox .hd a {display:block;width:78px;height:88px;padding:1px;  color:#A9A9A7;}



.foucebox .hd img {width:78px;height:88px; }



.foucebox .hoverBg {position:absolute;left:0px;top:-6px;width:80px;height:95px; background:url(../images/yule_sp.png) no-repeat; cursor:pointer;z-index:2;}



.new_list{}



.new_list dl{ position:relative; border-bottom:#eaebeb 1px dotted; padding-bottom:20px; margin-bottom:20px; height:70px;}



.new_list dl dt{ width:105px; height:70px; background:#eaebeb; font-size:14px; text-align:center; color:#666; position:absolute; top:0px; left:0px;}



.new_list dl dt span{ font-size:24px; display:block; color:#000; padding-top:12px; padding-bottom:5px; }



.new_list dl dd{ padding-left:120px; line-height:20px; font-size:13px; color:#999;}



.new_list dl dd h3{ color:#333; font-size:16px; display:block; margin-bottom:10px;}



.new_list dl a:hover dt{ background:#fab000; color:#fff; transition:all 0.4s;}



.new_list dl a:hover dt span{ color:#fff;}



.new_list dl a:hover h3{ color:#fab000}



.new_list dl a:hover dd{ color:#333;}



.new_list dl:last-child{ border-bottom:none; margin-bottom:0px; padding-bottom:0px;}







.new_picture{ width:1250px; padding-bottom:20px;}



.new_picture dl{ background:#fff; box-shadow:#ccc 0px 0px 3px; float:left; width:376px; min-height:300px; overflow:hidden; position:relative; margin-right:35px;  margin-bottom:25px;}



.new_picture dl dt{ width:376px; height:251px;  overflow:hidden;}



.new_picture dl dt img{width:376px; height:251px;}



.new_picture dl dd { display:block;position:absolute;left:0px;top:250px;/*width:336px;*/height:100px;background-color:#fff;filter:alpha(opacity=95);-moz-opacity:0.95;opacity:0.95;text-align:center;font-size:13px;color:#666; padding:0px 20px; text-align:left; line-height:24px; overflow:hidden;}



.new_picture dl dd p{ height:50px; overflow:hidden; }



.new_picture dl dd h3{ color:#333; font-size:16px; display:block; height:50px; line-height:50px;}



.new_picture dl:hover h3{ color:#fab000;}



.new_picture dl:hover dd{ color:#333;}







.favorable_product{ float:right; margin-top:30px;}



.favorable_product .sub_title{ border-bottom:none; height:29px;}



.favorable_product .view_details{ margin-top:15px;}



.favorable_product dl{ width:200px; margin-top:8px;}



.favorable_product dl dt{ width:200px; height:200px; display:block;}



.favorable_product dl dt a{ border:transparent 1px solid; display:block; height:198px; width:198px;}



.favorable_product dl dt a:hover{ border:#000 1px solid;}



.favorable_product dl dt img{ width:198px; height:198px;}



.favorable_product dl dd{ line-height:22px; margin-top:5px;}



.favorable_product dl dd a{ display:block; font-size:14px; color:#333;}







.activity{}



.activity ul{ width:1230px;}



.activity .sub_title2{ padding:30px 0px 20px 0px;}



.activity ul li{ float:left; width:224px; float:left; margin-right:20px; }



.activity ul li .picture{ width:222px; height:222px; display:block; border:transparent 1px solid;}



.activity ul li a:hover .picture{ border:#000 1px solid;}



.activity ul li a span{  font-size:14px; color:#000; padding:10px 0px; display:block; text-align:center;}







.activity_detailed{ font:14px/24px "微软雅黑"; color:#666;}



.activity_detailed .tit{ border-bottom:#eaebeb 1px solid; padding-bottom:20px; line-height:20px; height:auto; overflow:hidden;}



.activity_detailed .tit h1{ float:left; font-size:20px; color:#000; padding-top:20px;}



.activity_detailed .tit h1 span{ display:block; font-size:13px; color:#999; margin-top:15px;}



.activity_detailed .tit .share{ height:25px; margin-top:30px; line-height:24px; color:#333;}



.activity_detailed .tit .share a{ color:#333; }



.activity_detailed .tit .share .sc{ width:17px; height:17px; background-position:-381px -43px; display:inline-block; vertical-align:-4px; margin-right:5px;}



.activity_detailed .tit .share .line{ color:#eaebeb; margin:0px 8px; float:left;}



.activity_detailed .tit .share .share_icon{ float:left;}



.activity_detailed .tit .share .share_icon a{ display:inline-block; width:23px; height:23px; vertical-align:-4px; margin-right:5px;}



.activity_detailed .tit .share .share_icon a.sina{ background-position:-408px -43px;}



.activity_detailed .tit .share .share_icon a.qq{ background-position:-435px -43px;}



.activity_detailed .tit .share .share_icon a.weixin{ background-position:-463px -43px;}



.activity_detailed p{ margin:20px 0px;}



.related_pages{ height:30px; padding-top:20px; display:block; clear:both;}



.related_pages ul li{ width:50%; line-height:30px; color:#333;}



.related_pages ul li span{ width:75px; height:30px; background:#eaebeb; display:inline-block; text-align:center; margin-right:10px;}



.related_pages ul li a{ color:#333333;}



.related_pages ul li a:hover{ color:#fab000;}



.about{ font:14px/24px "微软雅黑"; color:#333;}



.about p{ margin-bottom:30px; display:block; clear:both; height:auto; overflow:hidden;}



.about .picture_l{  margin-right:25px; width:398px; height:266px; float:left;}



.about .picture_r{  margin-left:25px; width:398px; height:266px; float:right;}



.customize_picture{ width:452px; height:452px; float:left; overflow:hidden;}



.customize_info{ border:#eaebeb 1px solid; width:706px; padding:20px 0px 0px 40px; height:430px; float:left;}



.customize_info .tit{ border-bottom:#eaebeb 1px dotted; height:auto; overflow:hidden; padding-bottom:15px; margin-bottom:10px;}



.customize_info .tit h1{ float:left; font:18px/30px "微软雅黑";}



.customize_info .tit .share{ height:25px; margin-top:5px; margin-right:20px; line-height:24px; color:#333;}



.customize_info .tit .share a{ color:#333; }



.customize_info .tit .share .sc{ width:17px; height:17px; background-position:-381px -43px; display:inline-block; vertical-align:-4px; margin-right:5px;}



.customize_info .tit .share .line{ color:#eaebeb; margin:0px 8px; float:left;}



.customize_info .tit .share .share_icon{ float:left;}



.customize_info .tit .share .share_icon a{ display:inline-block; width:23px; height:23px; vertical-align:-4px; margin-right:5px;}



.customize_info .tit .share .share_icon a.sina{ background-position:-408px -43px;}



.customize_info .tit .share .share_icon a.qq{ background-position:-435px -43px;}



.customize_info .tit .share .share_icon a.weixin{ background-position:-463px -43px;}



.customize_info ul li{ display:block; height:auto; clear:both; padding-top:20px; height:auto; overflow:hidden; font-size:13px;}



.customize_info ul li span{ display:block; margin-bottom:10px; }



.customize_info ul li .online{ border:#eaebeb 1px solid; display:inline-block; width:100px; height:26px; line-height:26px; text-align:center; color:#666; vertical-align:middle;}



.customize_info ul li .online i{ width:19px; height:19px; background-position:-252px -169px; display:inline-block; vertical-align:middle; margin-right:5px; }



.customize_info ul li span small{ color:#999;}



.customize_info ul li.w{ float:left; width:50%; padding-top:0px; clear:none; display:inline-block; color:#e85254;}



.customize_info .btn{ width:168px; height:48px; display:inline-block; padding:0px; font:16px/48px "微软雅黑"; color:#fff; text-align:center;}



.customize_info ul li .time{ border:#eaebeb 1px solid; display:inline-block; width:130px; padding:0px 7px; height:30px; line-height:30px; text-align:left; color:#666; background:#fff;}



.customize_info ul li .time i{ width:19px; height:19px; background-position:-281px -169px; display:inline-block; vertical-align:middle; margin-right:5px; }



.customize_info ul li.w5{ float:left; width:50%; clear:none; display:inline-block; padding-top:5px; color:#666;}



.customize_info ul li.w5 span{ display:inline-block; color:#333; }



.customize_info ul li.property_color{ padding-top:10px; color:#333; font-size:13px; line-height:20px; display:block; clear:both;  height:auto; overflow:hidden; border-top:#eaebeb 1px dashed; display:block; clear:both; width:660px;}



.customize_info ul li.property_color span{ color:#333;  line-height:20px; display:block;}



.customize_info ul li.property_color dl{ margin-top:0px; }



.customize_info ul li.property_color dl dd{ float:left; display:inline-block;   padding-right:8px; margin-bottom:6px;}



.customize_info ul li.property_color dl dd img{ float:left; margin-right:6px;}



.customize_info ul li.property_color dl dd a{ color:#666; border:#eaebeb 1px solid; display:inline-block;   line-height:25px; padding:2px 10px 2px 2px;}



.customize_info ul li.property_color dl dd a:hover{ border:#000 1px solid;}



.customize_info ul li.property_color dl dd a.active{ border:#000 1px solid;}







.xm-select{display:block;width:180px;margin-right:14px}



.xm-select label{position:absolute;right:7px;top:6px;z-index:1;width:16px;height:16px;color:#b0b0b0;cursor:pointer;pointer-events:none; background:url(../images/icon.png) no-repeat -319px -162px;}



.xm-select select{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:100%;min-width:100%;height:30px;margin:0;border:0;padding:0 8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:13px;font-weight:400;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;_zoom:1;vertical-align:middle;background:none;color:#666;outline:none;cursor:pointer}



.xm-select .dropdown{position:relative;display:block;overflow:hidden;_zoom:1;width:100%;max-width:100%;height:30px;border:1px solid #eaebeb;background:#fff;color:#333;-webkit-transition:border-color 0.2s linear;transition:border-color 0.2s linear}



.xm-select:hover .dropdown{border-color:#b0b0b0}



.xm-ie-select label{display:none}



.xm-ie-select select{-webkit-box-sizing:content-box;box-sizing:content-box;width:96%;max-width:96%;min-width:96%;height:20px \9;padding:0 1%}



.xm-ie-select .dropdown{height:25px;*height:24px;padding-top:5px;*padding-top:8px;*border:0}



.Inquiry_box{ position:relative; float:left; width:480px; padding:80px 20px; min-height:300px; border-right:#eaeaea 1px solid;}



.Inquiry_box li{  font-size:13px; line-height:30px; position:relative;}



.Inquiry_box li span{  width:80px; text-align:left; display:block; color:#fab000;}



.Inquiry_box li .xm-select{ margin-bottom:15px;}



.Inquiry_box .btn{  font:16px/32px "微软雅黑"; text-align:center; color:#fff; height:32px; background:#000; padding:0px; width:100px; display:inline-block; margin-top:30px;}



.Inquiry_box .k_word{ border:#eaeaea 1px solid; width:355px; padding:7px 10px; outline:none; margin-bottom:5px;}







.help_menu{ border:#eaebeb 1px solid; border-left:#eaebeb 2px solid; float:left; width:230px; height:auto; overflow:hidden; -webkit-box-shadow: 2px 1px 0px rgba(0, 0, 0, 0.08);-moz-box-shadow: 2px 1px 0px rgba(0, 0, 0, 0.08);-ms-box-shadow: 2px 1px 0px rgba(0, 0, 0, 0.08);-o-box-shadow: 2px 1px 0px rgba(0, 0, 0, 0.08); box-shadow: 2px 1px 0px rgba(0, 0, 0, 0.08);}



.help_menu dl{ background:#fff; border-top:#eaebeb 1px solid; }



.help_menu dl dt{ background:#f5f5f5; height:35px; border-bottom:#e3e3e3 1px solid; font:16px/35px "微软雅黑"; text-indent:20px; }



.help_menu dl dd{ margin:0px 20px; padding:8px 0px; line-height:24px; border-bottom:#eaebeb 1px solid; position:relative; display:block;}



.help_menu dl dd a{ font-size:13px; color:#666; display:block;}



.help_menu dl dd a span{ border-bottom:4px solid transparent; border-top:4px solid transparent; border-left:4px solid #808080; display:inline-block; position:absolute; right:0px; top:50%; margin-top:-2px;}



.help_menu dl dd a:hover{ color:#fab000;}



.help_menu dl dd a:hover span{border-left:4px solid #fab000;}



.help_menu dl dd .active{ color:#fab000;}



.help_menu dl dd:last-child{ border-bottom:none;}



.help_cont{ float:right; width:900px;}







.fabric_recommend{ width:1250px;}



.fabric_recommend .tit{ border-bottom:none; height: 30px; color:#000; display: block;font: 18px/20px 微软雅黑;}







.fabric_recommend .picList{  position:relative; text-align:center;}



.fabric_recommend dl{ width:192px; margin-top:10px; float:left; margin-right:10px;}



.fabric_recommend dl dt{ width:192px; height:192px; display:block;}



.fabric_recommend dl dt a{ border:transparent 1px solid; display:block; height:190px; width:190px;}



.fabric_recommend dl dt a:hover{ border:#000 1px solid;}



.fabric_recommend dl dt img{ width:190px; height:190px;}



.fabric_recommend dl dd{ line-height:18px; margin-top:5px;}



.fabric_recommend dl dd a{ display:block; font-size:14px; color:#333;}



.fabric_recommend dl dd .decs{ color:#666; font-size:12px;}











.fabric_recommend .bd{ position:relative; height:225px;  }



.fabric_recommend .prev,.fabric_recommend .next{ position: absolute; top:50%; margin-top:-18px; left:-37px; display: block; width: 37px; height: 37px; background:#eeeeee; z-index: 9; overflow: hidden; opacity: 0;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); transition: opacity 300ms; -webkit-transition: opacity 300ms;}



.fabric_recommend .next{ left:auto; right:11px; }



.fabric_recommend .prev i{ background-position:-111px 0px; margin:10px 0px 0px 15px; display:inline-block; width:10px; height:14px; float:left;}



.fabric_recommend .next i{ background-position:-171px 0px; margin:10px 0px 0px 15px; display:inline-block; width:10px; height:14px;  float:left;}



.fabric_recommend .prev:hover,.fabric_related .next:hover{ background:#000000 }



.fabric_recommend .prev:hover i{background-position:-131px 0px;}



.fabric_recommend .next:hover i{background-position:-151px 0px;}



.fabric_recommend:hover .prev,.fabric_recommend:hover .next{ display:block; opacity: 1;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}







.contact_left{ width:540px; padding-right:50px; border-right:#eaebeb 1px solid; float:left; }



.contact_left .tit{ font:18px/18px "微软雅黑"; color:#000; padding-top:15px; display:block;}



.contact_left p{line-height:24px; font-size:14px; color:#666; margin-top:30px;}



.contact_left .adder{ border-top:#eaebeb 1px dotted; padding-top:20px; margin-top:30px;}



.contact_left .adder ul{ margin-top:20px;}



.contact_left .adder ul li{ line-height:36px; font-size:14px; height:36px; color:#333;}



.contact_left .adder ul li span{ color:#666;}



.contact_left .adder ul li i{ display:inline-block; width:19px; height:18px; vertical-align:middle; margin-right:10px;}



.contact_left .adder ul li i.c_icon1{ background-position:-338px -169px;}



.contact_left .adder ul li i.c_icon2{ background-position:-370px -169px;}



.contact_left .adder ul li i.c_icon3{ background-position:-397px -169px;}



.contact_left .adder ul li i.c_icon4{ background-position:-424px -169px;}







.contact_right{ width:500px; float:right;}



.contact_right .tit{ font:18px/18px "微软雅黑"; color:#000; padding-top:15px; display:block; margin-bottom:20px;}



.contact_right dl{ border-bottom:#eaebeb 1px solid; padding:20px 0px;}



.contact_right dl dt{ height:39px; padding-left:15px; font:normal 16px/35px "Microsoft YaHei";  color:#333;  display:block; cursor:pointer;}



.contact_right dl dt.on{ color:#333; }



.contact_right dl dt em{ float:left; display:block; width:21px; height:21px;   background:url(../images/icon.png) -456px -169px no-repeat; cursor:pointer; margin-right:15px; margin-top:8px;}



.contact_right dl dt.on em{ background-position:-479px -169px; }



.contact_right dl dd{  color:#333; padding-left:53px; font-size:14px; margin-top:5px; line-height:30px;  }



.contact_right dl dd span{ color:#666;}



















#gmap {display:block; width:600px; height:450px; background:url(../images/map/map.jpg) no-repeat; position:relative;   float:right;}



#gmap a {color:#000; font-family:arial, sans-serif; font-size:1.2em; font-weight:bold; text-transform:uppercase;}







a#title2, a#title2:visited {display:block; position:absolute; left:20px; top:15px; cursor:default; text-decoration:none; font-family:"微软雅黑";}











/*新疆*/



a#xj {display:block; width:206px; height:0; padding-top:156px; overflow:hidden; position:absolute; left:14px; top:63px;}



* html a#xj {height:156px; he\ight:0;text-indent:-9000px;}



a#xj:hover {background:transparent url(../images/map/xj1.gif) no-repeat 0 0;overflow:visible;text-indent:-9000px;}







/*西藏*/



a#xz {display:block; width:200px; height:0; padding-top:124px; overflow:hidden; position:absolute; left:37px; top:207px;}



* html a#xz {height:124px; he\ight:0;}



a#xz:hover {background:transparent url(../images/map/xz.gif) no-repeat  0 0;overflow:visible;text-indent:-9000px;}







/*青海*/



a#qh {display:block; width:132px; height:0; padding-top:96px; overflow:hidden; position:absolute; left:147px; top:184px;}



* html a#qh {height:96px; he\ight:0;}



a#qh:hover {background:transparent url(../images/map/qh.gif) no-repeat 0 0; height:-20px; overflow:visible;text-indent:-9000px;}







/*甘肃*/



a#gs {display:block; width:148px; height:0; padding-top:123px; overflow:hidden; position:absolute; left:187px; top:149px;}



* html a#gs {height:123px; he\ight:0;}



a#gs:hover {background:transparent url(../images/map/gsh.gif) no-repeat 0 0; overflow:visible;text-indent:-9000px;}







/*内蒙古*/



a#lmg {display:block; width:226px; height:0; padding-top:196px; overflow:hidden; position:absolute; left:234px; top:17px;}



* html a#lmg {height:196px; he\ight:0;}



a#lmg:hover {background:transparent url(../images/map/lm.gif) no-repeat 0 0; overflow:visible;text-indent:-9000px;}







/*黑龙江*/



a#hlj {display:block; width:116px; height:0; padding-top:106px; overflow:hidden; position:absolute; left:420px; top:13px;}



* html a#hlj {height:106px; he\ight:0;}



a#hlj:hover {background:transparent url(../images/map/hlj.gif) no-repeat 0 0; overflow:visible;text-indent:-9000px;}







/*宁夏*/



a#nx {display:block; width:34px; height:0; padding-top:47px; overflow:hidden; position:absolute; left:290px; top:191px;}



* html a#nx {height:47px; he\ight:0;}



a#nx:hover {background:transparent url(../images/map/nx.gif) no-repeat 0 0; overflow:visible;text-indent:-9000px;}







/*吉林*/



a#jl {display:block; width:88px; height:0; padding-top:59px; overflow:hidden; position:absolute; left:436px; top:96px;}



* html a#jl {height:59px; he\ight:0;}



a#jl:hover {background:transparent url(../images/map/jl.gif) no-repeat 0 0; overflow:visible;text-indent:-9000px;}







/*辽宁*/



a#ln {display:block; width:61px; height:0; padding-top:53px; overflow:hidden; position:absolute; left:423px; top:129px;}



* html a#ln {height:53px; he\ight:0;}



a#ln:hover {background:transparent url(../images/map/ll.gif) no-repeat 0 0; overflow:visible;text-indent:-9000px;}







/*山东*/



a#sd {display:block; width:69px; height:0; padding-top:45px; overflow:hidden; position:absolute; left:396px; top:198px;}



* html a#sd {height:45px; he\ight:0;}



a#sd:hover {background:transparent url(../images/map/sd.gif) no-repeat 0 0; overflow:visible;text-indent:-9000px;}







/*河北*/



a#hb {display:block; width:58px; height:0; padding-top:81px; overflow:hidden; position:absolute; left:377px; top:146px;}



* html a#hb {height:81px; he\ight:0;}



a#hb:hover {background:transparent url(../images/map/heb.gif) no-repeat 0 0; overflow:visible;text-indent:-9000px;}







/*北京*/



a#bj {display:block; width:17px; height:0; padding-top:18px; overflow:hidden; position:absolute; left:394px; top:167px;}



* html a#bj {height:18px; he\ight:0;}



a#bj:hover {background:transparent url(../images/map/bj.gif) no-repeat 0 0; overflow:visible;text-indent:-9000px;}







/*天津*/



a#tj {display:block; width:15px; height:0; padding-top:20px; overflow:hidden; position:absolute; left:406px; top:175px;}



* html a#tj {height:20px; he\ight:0;}



a#tj:hover {background:transparent url(../images/map/tj.gif) no-repeat 0 0; overflow:visible;text-indent:-9000px;}







/*陕西*/



a#shx {display:block; width:55px; height:0; padding-top:93px; overflow:hidden; position:absolute; left:303px; top:188px;}



* html a#shx {height:93px; he\ight:0;}



a#shx:hover {background:transparent url(../images/map/shx.gif) no-repeat 0 0; overflow:visible;text-indent:-9000px;}







/*山西*/



a#sx {display:block; width:37px; height:0; padding-top:73px; overflow:hidden; position:absolute; left:350px; top:173px;}



* html a#sx {height:73px; he\ight:0;}



a#sx:hover {background:transparent url(../images/map/sx.gif) no-repeat 0 0; overflow:visible;text-indent:-9000px;}







/*河南*/



a#hn {display:block; width:62px; height:0; padding-top:56px; overflow:hidden; position:absolute; left:351px; top:224px;}



* html a#hn {height:56px; he\ight:0;}



a#hn:hover {background:transparent url(../images/map/hl.gif) no-repeat 0 0; overflow:visible;text-indent:-9000px;}







/*江苏*/



a#js {display:block; width:56px; height:0; padding-top:50px; overflow:hidden; position:absolute; left:409px; top:232px;}



* html a#js {height:50px; he\ight:0;}



a#js:hover {background:transparent url(../images/map/js.gif) no-repeat 0 0; overflow:visible;text-indent:-9000px;}







/*安徽*/



a#ah {display:block; width:52px; height:0; padding-top:63px; overflow:hidden; position:absolute; left:397px; top:239px;}



* html a#ah {height:63px; he\ight:0;}



a#ah:hover {background:transparent url(../images/map/ah.gif) no-repeat 0 0; overflow:visible;text-indent:-9000px;}







/*上海*/



a#sh {display:block; width:10px; height:0; padding-top:7px; overflow:hidden; position:absolute; left:460px; top:273px;}



* html a#sh {height:7px; he\ight:0;}



a#sh:hover {background:transparent url(../images/map/sh.gif) no-repeat 0 0; overflow:visible;text-indent:-9000px;}







/*浙江*/



a#zj {display:block; width:40px; height:0; padding-top:50px; overflow:hidden; position:absolute; left:433px; top:275px;}



* html a#zj {height:50px; he\ight:0;}



a#zj:hover {background:transparent url(../images/map/zj.gif) no-repeat 0 0; overflow:visible;text-indent:-9000px;}







/*江西*/



a#jx {display:block; width:51px; height:0; padding-top:67px; overflow:hidden; position:absolute; left:388px; top:297px;}



* html a#jx {height:67px; he\ight:0;}



a#jx:hover {background:transparent url(../images/map/jx.gif) no-repeat 0 0; overflow:visible;text-indent:-9000px;}







/*福建*/



a#hj {display:block; width:47px; height:0; padding-top:59px; overflow:hidden; position:absolute; left:414px; top:313px;}



* html a#hj {height:59px; he\ight:0;}



a#hj:hover {background:transparent url(../images/map/hj.gif) no-repeat 0 0; overflow:visible;text-indent:-9000px;}







/*广东*/



a#gd {display:block; width:81px; height:0; padding-top:63px; overflow:hidden; position:absolute; left:350px; top:352px;}



* html a#gd {height:63px; he\ight:0;}



a#gd:hover {background:transparent url(../images/map/gd.gif) no-repeat 0 0; overflow:visible;text-indent:-9000px;}







/*海南*/



a#hl {display:block; width:25px; height:0; padding-top:21px; overflow:hidden; position:absolute; left:338px; top:418px;}



* html a#hl {height:21px; he\ight:0;}



a#hl:hover {background:transparent url(../images/map/hal.gif) no-repeat 0 0; overflow:visible;text-indent:-9000px;}







/*广西*/



a#gx {display:block; width:80px; height:0; padding-top:59px; overflow:hidden; position:absolute; left:294px; top:343px;}



* html a#gx {height:59px; he\ight:0;}



a#gx:hover {background:transparent url(../images/map/gx.gif) no-repeat 0 0; overflow:visible;text-indent:-9000px;}







/*贵州*/



a#gz {display:block; width:62px; height:0; padding-top:52px; overflow:hidden; position:absolute; left:284px; top:312px;}



* html a#gz {height:52px; he\ight:0;}



a#gz:hover {background:transparent url(../images/map/gz.gif) no-repeat 0 0; overflow:visible;text-indent:-9000px;}







/*云南*/



a#yn {display:block; width:92px; height:0; padding-top:92px; overflow:hidden; position:absolute; left:218px; top:313px;}



* html a#yn {height:92px; he\ight:0;}



a#yn:hover {background:transparent url(../images/map/yn.gif) no-repeat 0 0; overflow:visible;text-indent:-9000px;}







/*四川*/



a#sc {display:block; width:111px; height:0; padding-top:96px; overflow:hidden; position:absolute; left:222px; top:250px;}



* html a#sc {height:96px; he\ight:0;}



a#sc:hover {background:transparent url(../images/map/sc.gif) no-repeat 0 0; overflow:visible;text-indent:-9000px;}







/*重庆*/



a#cq {display:block; width:51px; height:0; padding-top:47px; overflow:hidden; position:absolute; left:299px; top:275px;}



* html a#cq {height:47px; he\ight:0;}



a#cq:hover {background:transparent url(../images/map/chq.gif) no-repeat 0 0; overflow:visible;text-indent:-9000px;}







/*湖南*/



a#hun {display:block; width:56px; height:0; padding-top:65px; overflow:hidden; position:absolute; left:339px; top:298px;}



* html a#hun {height:65px; he\ight:0;}



a#hun:hover {background:transparent url(../images/map/hn.gif) no-repeat 0 0; overflow:visible;text-indent:-9000px;}







/*湖北*/



a#hub {display:block; width:82px; height:0; padding-top:49px; overflow:hidden; position:absolute; left:332px; top:261px;}



* html a#hub {height:49px; he\ight:0;}



a#hub:hover {background:transparent url(../images/map/hb.gif) no-repeat 0 0; overflow:visible;text-indent:-9000px;}







/*台湾*/



a#tw {display:block; width:17px; height:0; padding-top:40px; overflow:hidden; position:absolute; left:462px; top:347px;}



* html a#tw {height:40px; he\ight:0;}



a#tw:hover {background:transparent url(../images/map/tw.gif) no-repeat 0 0; overflow:visible;text-indent:-9000px;}







#bg{position: absolute;top: 0px;left: 0px;width: 100%; background:url(../images/tran60.png) repeat center;z-index:100;}



#close{width: 15px;height: 15px; font-size:24px; color:#666; position: absolute;top:5px;right: 20px;}



#tc_box{position: fixed;top: 50%;left: 50%;z-index:101;width:600px;height: 404px;background: #fff;margin-left: -300px;margin-top: -202px;}



.map_box .tit{ background:#f8f8f8; height:40px; line-height:40px; }



.map_box .tit h1 { font-size:16px; float:left; text-align:center; text-indent:15px; font-weight:normal;}



.map_box .hd{ padding:15px 20px;}



.map_box .hd ul li{ float:left; display:inline-block; background:#000000; padding:0px 5px; color:#fff; line-height:22px; margin-right:5px; cursor:pointer; margin-bottom:5px;}



.map_box .hd ul li.on{ background:#fab000}



.map_box .bd{ display:block; clear:both; padding:15px 20px;}



.map_box .bd ul li{ display:inline-block; margin-right:10px; word-break:break-all; line-height:24px;}



.map_box .bd ul li a{ color:#333; font-size:13px;}



.map_box .bd ul .num{  position:absolute; background:#fff; left:10px; top:-10px; line-height:20px; padding:0px 10px; font-weight:bold;}



.map_box .bd ul{ position:relative; border:#fab000 1px dashed; padding:15px;}







.homeslide{ width:1200px; margin:0px auto; height:645px; overflow:hidden; position:relative;  }



.homeslide .bd{ position:relative; height:100%; z-index:0;   }



.homeslide .bd li{ zoom:1; vertical-align:middle; }



.homeslide .bd img{ width:1200px; height:645px; display:block;  }











.pop-up {width: 460px;height:300px;border-radius: 5px;box-shadow: 0 0 2px rgba(187,187,187,.5);background: #fff;position: fixed;left: 50%;top: 50%;padding:25px 0;margin: -150px 0 0 -230px;font-size: 14px;z-index: 12222222;_position: absolute;_top:220px;}



.pop-up1 {width: 460px;height:230px;border-radius: 5px;box-shadow: 0 0 2px rgba(187,187,187,.5);background: #fff;position: fixed;left: 50%;top: 50%;padding:25px 0;margin: -100px 0 0 -230px;font-size: 14px;z-index: 12222222;_position: absolute;_top:220px;}







.pop-up .title,.pop-up1 .title{border-bottom: 1px solid #d9d9d9;height: 40px;font-size: 18px;color: #333;font-weight: normal; padding:0px; margin:0px; text-align:left; text-indent:20px;}



.pop-up .close,.pop-up1 .close{font-size: 24px;line-height: 24px; color: #797979; margin-right:15px;}



.pop-up .close:hover,.pop-up1 .close:hover{	color: #e25353;}



.body-shadow{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: 0.5;filter:alpha(opacity=50);z-index: 11;_position: absolute;_top:expression(offsetParent.scrollTop);}



.hidden{display:none;}











.albums_list{ margin:10px 20px; height:215px;  overflow-y:scroll;}



.albums_list ul{ padding-right:20px;}



.albums_list ul li{ position:relative; min-height:40px; line-height:40px; border-bottom:#eaebeb 1px solid; padding-bottom:10px; margin-bottom:10px;}



.albums_list ul li img{ float:left; width:40px; height:40px; border:#eaebeb 1px solid; margin-right:10px;}



.albums_list ul li .ico-check{ position:absolute; right:0px; top:50%; margin-top:-10px;}



.add_albums{ background:#eaebeb; height:50px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; position:absolute; bottom:0px; left:0px; width:100%; line-height:45px; text-align:center;}



.add_albums a{ color:#333; font-size:16px;}



.add_albums i{ width:22px; height:22px; background:#000; line-height:18px; text-align:center; border-radius:22px; font-size:18px; font-weight:bold; display:inline-block; margin-right:5px; vertical-align:0px; color:#fff;}







.albums_from{margin:10px 20px;}



.albums_from h3{ font-size:14px; margin-bottom:10px; margin-top:20px;}



.albums_from input{ border:#eaebeb 1px solid; width:100%; height:40px; text-indent:10px;}



.albums_from .btn{ padding:10px 25px; display:inline-block; text-align:center; margin:0px auto; margin-top:20px; margin-left:43%;}







.ico-check{



	width:18px;



	height:18px;



	line-height:18px;



	text-align:center;



	display:block;



	border:#dfdfdf 1px solid;



	background:#FFF;



	-webkit-border-radius:100%;



	        border-radius:100%;



	-webkit-box-sizing:border-box;



	        box-sizing:border-box;



	}



.ico-check input{ visibility: hidden; width:0; height:0;}



.ico-check.active{ background:#fab000; border-color:#fab000; position:relative;}



.ico-check.active:after{



	content:"#";



	font-size:0px;



	width:4px;



	height:8px;



	display: block;



	position:absolute;



	left:50%;



	margin-left:-3px;



	top:50%;



	margin-top:-6px;



	border-bottom:#fff 1px solid;



	border-right:#fff 1px solid;



	-webkit-transform:rotate(45deg);



	        transform:rotate(45deg);



	}





.u-flyer{

	width:48px;

	height:48px;

	display:block;

	position: fixed;

	z-index:9;

	-webkit-border-radius:100%;

	   -moz-border-radius:100%;

	    -ms-border-radius:100%;

	     -o-border-radius:100%;

	        border-radius:100%;

	-webkit-box-shadow:0px 1px 10px rgba(0,0,0,0.25);

	   -moz-box-shadow:0px 1px 10px rgba(0,0,0,0.25);

	    -ms-box-shadow:0px 1px 10px rgba(0,0,0,0.25);

	     -o-box-shadow:0px 1px 10px rgba(0,0,0,0.25);

	        box-shadow:0px 1px 10px rgba(0,0,0,0.25);

	}



.combination{  margin-top:30px; min-height:220px; overflow:hidden;}

.combination .hd{ height:40px; width:100%; position:relative; background:#f5f5f5; border:#ebebeb 1px solid; border-bottom:#000 1px solid; }

.combination .hd ul li{ float:left; font:16px/40px "微软雅黑"; width:120px; display:block; text-align:center;  cursor:pointer;}

.combination .hd ul li.on{ background:#000; color:#fff;}

.combination .hd ul li:last-child{ border-right:none;}

.combination .bd{ }

.com_product{ width:1000px;}

.com_product dl{ width:120px; margin-top:15px; float:left; margin-right:44px;}

.com_product dl dt{ width:120px; height:120px; display:block;}

.com_product dl dt a{ border:transparent 1px solid; display:block; height:120px; width:120px;}

.com_product dl dt a:hover{ border:#000 1px solid;}

.com_product dl dt img{ width:120px; height:120px;}

.com_product dl dd{ line-height:18px; margin-top:5px;}

.com_product dl dd a{ display:block; font-size:13px; color:#333;}

.com_product dl dd .decs{ color:#666; font-size:12px;}

.com_product dl.add{ line-height:120px; font-size:60px; width:44px; margin-right:0px; text-indent:-8px;}

.com_product dl.dengyu{ line-height:120px; font-size:40px; width:44px; margin-right:0px; text-align:center;}

.com_product1 dl:first-child{ margin-right:0px;}

.com_product dl.count{ font-size:13px; color:#333; line-height:24px;}

.com_product dl.count .btn{ background:#fab000;}







#bg1{position: absolute;top: 0px;left: 0px;width: 100%; background:url(../images/tran60.png) repeat center;z-index: 20;}

#close1{width: 15px;height: 15px; color:#fff; font-size:24px; position: absolute;top: 14px;right: 24px;}

#tc_login{position: fixed;top: 50%;left: 50%;z-index: 30;width: 700px;height: 404px;background: #fff; margin-left: -350px;margin-top: -202px;}

.login_box1{ width:700px; height:auto; overflow:hidden; margin-bottom:60px; background:#fff; border:#eaebeb 1px solid;}

.login_box1 h2{ font:24px/40px "微软雅黑"; color:#000000; text-align:center; margin:60px 0px 30px 0px;}

.login_box1 .tit{ background:#030000; height:50px; text-align:center; font:18px/50px "微软雅黑"; display:block; color:#fff; }

.login_from1{  padding-bottom:30px; float:left; }

.login_from1 ul{ margin-left:10px; margin-top:60px;}

.login_from1 ul li{ line-height:36px; margin-bottom:30px; display:block; clear:both; height:36px;}

.login_from1 ul li span{ float:left; width:105px; text-align:right; font-size:14px; padding-right:15px;}

.login_from1 .tet{ width:290px; height:36px; border:#eaebeb 1px solid; box-shadow:inset #eaebeb 0px 0px 3px; padding:0px 10px; outline:none; -webkit-transition:border-color 0.2s linear;transition:border-color 0.2s linear;float:left; }

.login_from1 .tet:focus{ border:#fab000 1px solid;}

.login_from1 ul li .w145{ width:145px; float:left;}

.login_from1 ul li .picture{ margin:0px 15px; float:left;}

.login_from1 ul li a{ color:#fab000;}

.login_from1 ul li.checkbox{ font-size:13px; color:#999; margin-bottom:20px;}

.login_from1 ul li.checkbox input{ vertical-align:-2px;}

.login_from1 ul li .btn{ width:145px; height:35px; background:#030000; color:#fff; padding:0px; font:16px/35px "微软雅黑"; color:#fff; text-align:center;}

.login_from1 ul li .btn:hover{ background:#1a0000}

.login_from1 ul li .password{ font-size:14px; color:#030000; margin-left:20px;}

.login_from1 ul li .password:hover{ color:#fab000;}

.login_from1 ul li a.liner_btn{ color:#666; width:250px; text-align:center;}

.login_from1 ul li .tip{ color:#999; margin-left:15px; float:left;}

.login_from1 .getyzm{ background:#e3e3e3; width:105px; height:38px; display:inline-block; color:#666; font-size:14px; text-align:center; margin-left:15px;}

.login_from1 .fail{ background:#fab000; color:#fff;}

.login_from1 .tit_tip{ text-align:center; font:16px/36px "微软雅黑"; color:#333; margin-bottom:35px; line-height:36px;}

.login_from1 .tit_tip i{ display:inline-block; width:36px; height:36px; background-position:-254px -169px; vertical-align:middle; margin-right:10px; }

.other_login1{ float:left; margin-left:40px; border-left:#eaebeb 1px solid; padding-left:40px; margin-top:60px; height:340px;  }

.other_login1 h3{ font-size:14px; padding-bottom:15px; margin-top:100px;}

.other_login1 ul li{ line-height:36px;}

.other_login1 ul li a{ color:#666; font-size:13px;}

.other_login1 ul li a:hover{ color:#fab000;}

.other_login1 ul li a span{ display:inline-block; width:20px; height:17px; vertical-align:middle; margin-right:8px;}

.other_login1 ul li .sian{ background-position:0px 0px;}

.other_login1 ul li .alipay{ background-position:-29px 0px;}

.other_login1 ul li .weixin{ background-position:-56px 0px;}

.m_icon{ background:url(../images/m_icon.png) no-repeat;}





.spic{ display:block; clear:both; width:810px; height:auto; overflow:hidden; margin-bottom:10px;}

.spic li{width:100px;height:100px; text-align:center; margin-right:15px; color:#333; float:left; cursor:pointer; border:#eaebeb 1px solid;}

.spic li img{ width:100px; height:100%;}





.lbBox{position:fixed;top:0;left:0;z-index:99999;width:100%;height:100%;display:none;_position:absolute;}

.lbImg{position:absolute;z-index:99999;top:50%;left:50%;background:#111;margin-top:-21px;margin-left:-21px; z-index:99999;}

.lbImg img{padding:5px;border:1px solid #a4a4a4;background:#a4a4a4}

.lbClose{width:17px;height:16px;overflow:hidden;position:absolute;top:0px;right:-17px;background:url(../images/close.gif) no-repeat;z-index:2;cursor:pointer;display:none;}

.lbBg{position:absolute;width:100%;height:100%;top:0;left:0;background:#000;filter:alpha(opacity=75);opacity:0.75;z-index:9;}





.coupon{ width:1200px; margin:0px auto; overflow:hidden;}

.coupon ul{ margin-top:20px; width:1220px;}

.coupon ul li{ float:left; width:224px; position:relative; margin-right:20px; margin-bottom:20px;}

.coupon ul li .name{ height:43px; text-align:center; font:20px/43px "微软雅黑"; color:#fff; text-align:center; position:absolute; top:0px; left:0px; width:100%}

.coupon ul li .value{ position:absolute; font:76px/80px Impact; color:#000; width:100%; top:55px; text-indent:40px;}

.coupon ul li .value1{ position:absolute; bottom:10px; color:#000; left:0px; font-size:18px; color:#000; text-align:center; width:100%;}



.active_tit{line-height: 24px; font-size: 18px; position:relative; padding-top:25px;}

.active_tit i{ width:35px; height:35px; display:inline-block; background-position:-60px -220px; vertical-align:middle; margin-right:10px;}

.active_tit i.ico{background-position:-24px -220px;}

.active_tit em{font: 20px/20px "Iskoola Pota";text-transform: uppercase; display: inline-block;}

.active_coupon{ margin-top:20px; width:1200px; overflow:hidden;}

.active_coupon ul{ width:1220px;}

.active_coupon li{ border: 1px solid #DEDEDE; height: 130px;width: 283px;float: left; position: relative;overflow: hidden; border-radius:6px; -webkit-border-radius:6px; margin-right:20px;}

.active_coupon li .round-marker{    width: 15px;height: 15px; position: absolute; right: 73px;  top: 35px; display: inline-block; -moz-border-radius: 50% 50% 50% 50%;  -webkit-border-radius: 50% 50% 50% 50%;  border-radius: 50% 50% 50% 50%; background:#fab000;}

.active_coupon li .line { display: inline-block; left: 0; position: absolute; top: 25px; width: 6px;  height: 40px; background-color: #000;}

.active_coupon li .detail {  float: left; width: 178px; padding: 15px 10px 0 15px;}

.active_coupon li .detail .name {font-size: 13px;line-height: 30px;  white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; width: 275px; color: #000;}

.active_coupon li .detail .name .amount { font-size: 30px; font-weight: bold;}

.active_coupon li .coupon-date-range {  font-size: 12px; margin-top: 5px; color: #999;}

.active_coupon li .coupon-command { position: relative;z-index: 3;  float: right; width: 80px;  height: 100%;text-align: center; color: #fff; background-color: #fab000;}

.active_coupon li .count { margin: 15px 0 20px; display: inline-block; font-size:14px; line-height:22px;}

.btn-coupon {  font-size: 10px; font-weight: normal; border: 1px solid #fff; line-height: 20px; height: 20px; width: 60px; -moz-border-radius: 10px;  -webkit-border-radius: 10px;  border-radius: 10px; display:inline-block; color:#fff;}

.active_list{}



.active_list dl{ position:relative; padding-top:25px; display:block; clear:both;  }

.active_list dl dt{width:640px; float:left; height:300px; overflow:hidden; float:left; box-shadow:#ccc 0px 0px 6px;}

/*.active_list dl dt .month { font-size: 12px;  height: 20px;line-height: 20px; background-color: #3D3D3D;

color: #fff; display:block;}

.active_list dl dt .day { height: 40px;line-height: 40px;color: #fab000; font-size: 20px;}*/

.active_list dl dd{ float:left; position:relative; z-index:3;   padding: 15px; width:528px; height: 230px; border:#eaebeb 1px solid;  position: relative; margin-top:20px;}

.active_list dl dd .intor{}

.active_list dl dd .brand{ font-size:16px; color:#fff; float:left; line-height:28px;}

.active_list dl dd .intor h3{font-size: 20px; line-height: 30px; margin-top:55px;}

.active_list dl dd .intor .time{ font-size: 16px; color: #fff; background:#fab000; /*border-top:#eaebeb 1px solid; border-bottom:#eaebeb 1px solid;*/ padding:15px 15px 10px 15px; text-align:right; position:absolute; right:0px; width:529px; top:0px;}

.active_list dl dd .intor .time i{ display:inline-block; width:16px; height:16px; background-position:-131px -220px; vertical-align:-3px; margin-right:5px;}

.active_list dl dd .intor .time b{ background:#000; display:inline-block; padding:3px 5px; border-radius:3px; margin:0px 5px; color:#fff;}

.active_list dl dd .intor .cut{height: 22px;line-height: 22px;border: 1px solid #f4652d;  color: #f4652d;display: inline-block;  padding: 0 18px;  margin:10px 0 10px;  max-width: 417px; border-radius:11px; -webkit-border-radius:11px; font-size:14px;}

.active_list dl dd .intor .decs{line-height: 22px; height:44px; overflow: hidden; color: #999; margin-top:5px; font-size:14px;}

.active_list dl dd .intor .price{ margin-top:20px; font-size:20px;}

.active_list dl dd .intor .price s{ color:#999; font-size:12px; text-decoration:line-through; margin-left:10px;}

.active_list dl dd .btn{    background-color: #000; border:#000 1px solid; font-size: 14px; line-height:24px; font-size:16px; border-radius:4px; -webkit-border-radius:4px;  width: 104px; text-align:center;  display:block; float:right;  color:#fff;}



.promotion_time{margin-top:10px; font-size: 16px; color: #fab000; border:#eaebeb 1px solid; padding:10px 5px; text-align:center;}

.promotion_time i{ display:inline-block; width:16px; height:16px; background-position:-105px -220px; vertical-align:-3px; margin-right:5px;}

.full_cut{height: 22px;line-height: 22px;border: 1px solid #f4652d;  color: #f4652d;display: inline-block;  padding: 0 18px;  margin: 15px 0 10px;  max-width: 417px; border-radius:11px; -webkit-border-radius:11px; position:absolute; right:0px; bottom:0px;}



.sale-active{ color:#e4393c; margin-left:10px; font-size:13px;}

.sale-active i{ background:#e4393c; color:#fff; margin-right:5px; padding:0px 3px;}