@charset "utf-8";
/* Dickson Furniture Co.,Ltd. 鈻 CSS Document */

.products_top     {background-color:#f6f6f6; overflow:hidden; position:relative; padding-top:90px; padding-bottom:30px;}
.products_top .sd {height:30px; width:100%; position:absolute; left:0px; top:-30px; box-shadow:0px 0px 50px rgba(0,0,0,.2);}
.products_h1      {font-size:32px; margin:0px; font-weight:normal;}
.products_m       {font-size:16px; color:#807770;}

.products_top_l   {text-decoration:none;width:380px; height:300px; display:inline-block; background-color:#FFF; cursor:pointer; text-align:center; animation:fadein 0.8s ease backwards; -webkit-animation:fadein 0.8s ease backwards; -moz-animation:fadein 0.8s ease backwards;}
.products_top_l:hover {text-decoration:none;box-shadow:0px 0px 15px rgba(0,0,0,0.1);}
.products_top_l .t{font-size:18px; line-height:1.2; display:block;color:#111;}
.products_top_l .d{color:#a2a2a2; display:block; margin-top:10px;}

.products_type    {overflow:visible;}
.products_type_l  {width:590px; height:200px; position:relative; background-color:#333; display:inline-block; float:left; cursor:pointer; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.products_type_l .i {width:100%; display:block; height:100%; color:#FFF; text-align:center; font-size:20px; letter-spacing:3px; line-height:200px; background-color:rgba(30, 30, 30, .6); text-decoration:none !important;}
.products_type_l:hover {box-shadow:5px 5px 10px rgba(0,0,0,.2); transform:scale(1.02,1.02);}
.products_type_l:hover .i {opacity:0;}

.products_cs_l    {width:600px; display:inline-block; float:left;}
.products_cs_r    {width:auto; display:inline-block; float:right; padding-top:16px; padding-bottom:3px; border-bottom:solid 1px #d9d5d2;}
.products_cs_i    {border:none; width:128px; border-width:0px; font:inherit; text-align:center; color:#CCC; text-transform:uppercase;}
.products_cs_r:before {content:''; display:inline-block; width:1.4em; height:1.4em; background:url(/pub/icon/search.png) no-repeat center center; background-size:contain; vertical-align:middle;}

.products_cate    {border-top:solid 1px #eee; border-bottom:solid 1px #eee; padding-top:0px; padding-bottom:36px;}
.products_cate_l  {width:150px; padding:0 10px; display:inline-block; text-align:center; font-size:16px; color:#111;}
.products_cate_l:hover {color:#111;}
.products_cate_l.selected {color:#111; font-weight:700;}

.products_s_c     {position:absolute; width:1180px; padding:0px 10px;}
.products_s_r     {background-color:#FFF; border-radius:3px; max-width:1050px; padding:20px; float:right; display:none; filter:drop-shadow(0px 0px 10px rgba(0,0,0,0.1)); -webkit-filter:drop-shadow(0px 0px 10px rgba(0,0,0,0.1));}
.products_s_r_l   {display:inline-block; margin:5px; float:left; width:200px; height:130px; overflow:hidden; text-align:center; color:#999; /*font-size:12px;*/}
.products_s_r_lt  {display:inline-block; width:100%;}
.products_s_r_x   {color:#999; display:inline-block; float:right; clear:both; padding:2px 10px;}
.products_s_r_x:hover {color:#333;}
.products_s_r_a   {position:absolute; width:18px; height:18px; background-color:#FFF; transform:rotate(45deg); top:-8px; right:48px;}

/* 鏈€夊垎绫绘椂鐨勬彁绀烘枃妗 */
.products_tip { font-size: 16px; color: #666; padding: 48px 20px; line-height: 1.6; }


@keyframes fadein{ 0%{opacity:0;} 100%{opacity:1;} }
@-moz-keyframes fadein{ 0%{opacity:0;} 100%{opacity:1;} }
@-webkit-keyframes fadein{ 0%{opacity:0;} 100%{opacity:1;} }