/* CSS Document */
body { font-family:"dr",Arial, Helvetica, sans-serif }

b{font-weight: 600;}
#top { background:#000; height:52px; }
#header { max-width:1184px; margin:0 auto; position:relative; z-index:9999; height:52px; }
#header a.logo { display:block; position:absolute; left:0; top:12px; }
#header ul { margin:0 auto; float:left; padding-left:165px; }
#header li { float:left; margin:0 27px; line-height:24px; position:relative; padding-top:14px; padding-bottom:14px; }
#header li ul li { float:none; height:auto; margin:0; padding:0; }
#header li ul.sub_menu { position:absolute; left:0; top:52px; width:270px;z-index:9998;}
#header li ul.sub_menu { 
background: #fff none repeat scroll 0 0; 
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); 
opacity:0;
 filter:alpha(opacity=0); 
 -moz-opacity:0;
 -ms-opacity: 0;
 -moz-opacity:0;
 -webkit-opacity: 0;
padding:0px 0; 
position: absolute; 
text-align:left; 
transform: scaleY(0); 
transform-origin: 0 0 0; 
transition: all 0.3s ease 0s;
/**/
-webkit-transform: scaleY(0);
-webkit-transform-origin: 0 0 0;
-webkit-transition: all 0.3s ease 0s;
  /**/
-moz-transform: scaleY(0);
-moz-transform-origin: 0 0 0;
-moz-transition: all 0.3s ease 0s;
  /**/
-ms-transform: scaleY(0);
-ms-transform-origin: 0 0 0;
-ms-transition: all 0.3s ease 0s;
}
#header li a.on{color:#df0024}
#header li i{ position:absolute; right:10px; top:10px; color:#222; font-size:14px;}
#header li em{ position:absolute; right:10px; top:10px; color:#222; font-size:14px;}
#header li.selected ul.sub_menu{ 
  opacity: 1;
 filter:alpha(opacity=100); 
 -moz-opacity:1;
 -ms-opacity: 1;
 -moz-opacity:1;
 -webkit-opacity: 1;
  transform: scaleY(1);
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -khtml-transform: scaleY(1);
}

#header li.selected li ul.sub_menu{
 z-index:9998;
 background:#eee none repeat scroll 0 0;
 box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
 left: 270px;
 opacity: 0;
 filter:alpha(opacity=0); 
 -moz-opacity:0;
 -ms-opacity: 0;
 -moz-opacity:0;
 -webkit-opacity: 0;
 padding:0px 0;
 padding-top:1px;
 position: absolute;
 text-align: left;
 top:-1px;
 transform: scaleY(0);
 transform-origin: 0 0 0;
 transition: all 0.3s ease 0s;
 /**/
 -webkit-transform: scaleY(0);
 -webkit-transform-origin: 0 0 0;
 -webkit-transition: all 0.3s ease 0s;
  /**/
 -moz-transform: scaleY(0);
 -moz-transform-origin: 0 0 0;
 -moz-transition: all 0.3s ease 0s;
  /**/
 -ms-transform: scaleY(0);
 -ms-transform-origin: 0 0 0;
 -ms-transition: all 0.3s ease 0s;
 /**/
 width:270px;
 border-top:1px solid #d7d7d7;
 border-left:1px solid #d7d7d7;
 border-right:0px solid #919191;
 border-bottom:0px solid #919191;
}

/*over 2 列*/
#header li.selected li ul.sub_menu.overt {
  height: auto;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  width: 440px !important;
}

#header li.selected li ul.sub_menu.overt li {
  width: 50%;
  border-bottom: 1px solid #d7d7d7;
}

ul.sub_menu.overt li a:hover,ul.sub_menu.overt li a {
  border-bottom: 0 !important;
}


#header li.selected li ul.sub_menu.overt a{padding:3px 15px;}

#header li.selected li ul.sub_menu.overt::-webkit-scrollbar {
  width: 5px;
}

#header li.selected li ul.sub_menu.overt::-webkit-scrollbar-thumb {
  background: #666;
  border-radius: 5px;

}

/*over 3列*/
#header li.selected li ul.sub_menu.over {
  height: auto;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  width: 650px !important;
}

#header li.selected li ul.sub_menu.over li {
  width: 33.3%;
  border-bottom: 1px solid #d7d7d7;
}

ul.sub_menu.over li a:hover,ul.sub_menu.over li a {
  border-bottom: 0 !important;
}


#header li.selected li ul.sub_menu.over a{padding:3px 15px;}

#header li.selected li ul.sub_menu.over::-webkit-scrollbar {
  width: 5px;
}

#header li.selected li ul.sub_menu.over::-webkit-scrollbar-thumb {
  background: #666;
  border-radius: 5px;

}



#header li.selected li.selected ul.sub_menu{
  opacity: 1;
 filter:alpha(opacity=100); 
 -moz-opacity:1;
 -ms-opacity: 1;
 -moz-opacity:1;
 -webkit-opacity: 1;
  transform: scaleY(1);
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -khtml-transform: scaleY(1);
}

#header li.selected li.selected li ul.sub_menu{
 z-index:9998;
 background:#fff none repeat scroll 0 0;
 box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
 left: 270px;
 opacity: 0;
 filter:alpha(opacity=0); 
 -moz-opacity:0;
 -ms-opacity: 0;
 -moz-opacity:0;
 -webkit-opacity: 0;
 padding:0px 0;
 padding-top:1px;
 position: absolute;
 text-align: left;
 top:-1px;
 transform: scaleY(0);
 transform-origin: 0 0 0;
 transition: all 0.3s ease 0s;
 /**/
 -webkit-transform: scaleY(0);
 -webkit-transform-origin: 0 0 0;
 -webkit-transition: all 0.3s ease 0s;
  /**/
 -moz-transform: scaleY(0);
 -moz-transform-origin: 0 0 0;
 -moz-transition: all 0.3s ease 0s;
  /**/
 -ms-transform: scaleY(0);
 -ms-transform-origin: 0 0 0;
 -ms-transition: all 0.3s ease 0s;
 /**/
 width:270px;
 border-top:1px solid #d7d7d7;
 border-left:1px solid #d7d7d7;
 border-right:0px solid #919191;
 border-bottom:0px solid #919191;
}
#header li.selected li.selected li.selected ul.sub_menu{
  opacity: 1;
 filter:alpha(opacity=100); 
 -moz-opacity:1;
 -ms-opacity: 1;
 -moz-opacity:1;
 -webkit-opacity: 1;
  transform: scaleY(1);
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -khtml-transform: scaleY(1);
}
#header li.selected li.selected:after{ width:4px; height:100%; position:absolute; right:-2px; top:0; background:#eee; content:""; display:block; z-index:9999}
#header li.selected li.selected li.selected:after{ width:4px; height:100%; position:absolute; right:-2px; top:0; background:#fff; content:""; display:block; z-index:9999}
#header li ul li a{ float:none; color:#565555; line-height:16px; display:block; font-size:12px; padding:7px 15px; padding-right:20px; border-bottom:1px solid #f5f5f5; }
#header li ul li li a{ padding-right:15px;}
#header li ul li a:hover{ background:#eee;}
#header li.selected li.selected a:hover,#header li.selected ul li.selected a{background:#eee;color:#df0024; border-color:#d7d7d7}
#header li.selected li.selected li a:hover{border-color:#d7d7d7}
#header li.selected ul li.selected li a{color:#565555; background:none; border-bottom:1px solid #d7d7d7}
#header li.selected ul li.selected li a:hover,#header li.selected ul li.selected li.selected a{ color:#565555; background:#fff;border-bottom:1px solid #d7d7d7}
#header li.selected ul li.selected li.selected li a{color:#565555; background:none; border-bottom:1px solid #d7d7d7}

#header li li.selected i{color:#df0024}
#header li a { color:#fff; font-size:14px; float:left; }
#header li a:hover{ color:#fe6d36 }
#header li a.on:hover{color:#df0024}
/***/
.mycart { display:block; position:absolute; right:245px; top:14px; cursor:pointer; }
.mycart i { width:25px; height:22px; background:url(../images/icon_cart.png) no-repeat; display:inline-block }
.my_cart_div { display:block; position:relative }
.my_cart_div font.number { background:#E30000; color:#fff; width:18px; height:18px; text-align:center; line-height:18px; display:block; font-size:12px; position:absolute; right:-8px; top:-5px; -webkit-border-radius: 50%; border-radius: 50%; -moz-border-radius: 50%; }
#my_cart_ul { position:absolute; right:0; top:24px; display:none; padding-top:13px; border:1px solid #313131; border-top:0; width:300px; }
#my_cart_ul ul { display:block; float:left; width:100%; background:#fff; padding:10px 0; padding-top:0; padding-bottom:0; max-height:400px; overflow:auto; }
#my_cart_ul ul img { display:block; float:left; width:45px; height:45px; margin-right:10px; margin-top:0px; }
#my_cart_ul ul li { float:left; width:100%; margin:0; border-bottom:1px solid #eee; height:65px; padding:10px 10px; position:relative }
#my_cart_ul ul li b{ font-weight:normal; float:left; width:186px;}
#header #my_cart_ul ul li i{ right:10px; top:6px;}
#my_cart_ul ul li em { cursor:pointer; position:absolute; right:5px; top:26px; color:#666; font-size:12px; }
#my_cart_ul ul li em:hover { color:#F00 }
#my_cart_ul ul li a { color:#666; font-size:12px; display:block; float:left; width:100%; }
#my_cart_ul ul li a font { line-height:15px; display:block; max-height:30px; overflow:hidden; margin:0; padding:0; }
#my_cart_ul ul li a span { margin-right:10px; line-height:normal; color:#F00; }
#my_cart_ul ul li.buy_0 { background:#f5f5f5 }
.mycart li i { font-style:normal; width:auto; height:auto; background:none; }
#my_cart_ul p { display:block; float:left; width:100%; background:#eee; padding:10px 10px; font-size:12px; position:relative }
#my_cart_ul p em { color:#F00; font-size:14px; }
#my_cart_ul p span { position:absolute; right:10px; top:6px; background:#F00; color:#fff; padding:5px 10px;  text-transform:uppercase; -webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px; cursor:pointer; }
.search { display:block; position:absolute; right:0; top:12px; padding:1px 6px;-webkit-border-radius:20px; border-radius:20px; -moz-border-radius:20px;border:1px solid #fff;}
.search form { display:block; float:left;}
.search input {float:left; background:none;color:#fff; border:0;padding:3px 5px; font-size:12px; padding-top:4px; }
#icon_submit { background:url(../images/icon_search.png) no-repeat center center; height:22px; width:25px; display:block; float:left; cursor:pointer; }
.search form.on { background-color:#504e4e }
.search form.on input { display:block }
/****/
#footer { background:#2f3030; color:#eee; font-size:12px; }
.footer {margin:0 auto; border-bottom:1px solid #3e3f3f; padding:10px 0}
.footer_contact { display:block;border-top:1px solid #212121;padding:10px 0; padding-bottom:30px;}
.footer_contact  div.footer_copyright{max-width:1205px; margin:0 auto; position:relative}
.footer_contact span { margin-right:50px; }
.footer_contact span i { background:url(../images/icon_jgh.png) no-repeat left center; display:inline-block; height:14px; width:16px; vertical-align:middle; margin-right:2px; }
.footer_contact span.email i { background-position:-16px center; margin-right:4px; }
.footer_contact span.time i { background-position:-32px 0px; margin-right:4px; }
.footer_contact span a, .footer_contact span font { display:inline-block; vertical-align:middle; color:#eee }
.footer_contact span a:hover { color:#fff }
.footer p { display:block; line-height:24px; max-width:1205px; margin:0 auto; }
.footer p em { margin:0 6px; font-size:12px; vertical-align:middle}
.footer p a { color:#eee }
.footer p a:hover { color:#fff }
/***/
.share_link { display:block; padding:0px 0; text-align:center; position:absolute; right:0; top:-10px;}
.share_link a i { background:url(../images/icon_gs.png) no-repeat left center; width:36px; height:36px; display:inline-block }
.share_link a { margin:0 1px; }
.share_link a i.instagram { background-position:-274px center }
.share_link a i.youtube { background-position:-217px center }
.share_link a i.whatapp { background-position:-324px center }
.share_link a i.google { background-position:-53px center }
.share_link a i.twitter { background-position:-107px center }
.share_link a i.weixn { background-position: right center }
.share_link a { position:relative }
.share_link a img { display:none; width:160px; height:160px; position:absolute; left:0; top:-183px }
.share_link a:hover img { display:block }
.share_link a div{ display:none; background:#505050; color:#fff; font-size:16px; font-weight:bold; width:180px; padding:25px 0; text-align:center; position:absolute; left:-72px; top:-153px;}
.share_link a div:before{ background:url(../images/whatapp_cion.png) no-repeat center center; background-size:100% 100%; display:inline-block; margin:0 auto;width:50px; height:51px; content:""}
.share_link a div font{ display:block; padding-top:10px;}
.share_link a:hover div{ display:block}