@charset "UTF-8";
 /*sticky*/
@-webkit-keyframes menu_sticky{0%{margin-top:-100px}
50%{margin-top:-90px}
100%{margin-top:0}
}@keyframes menu_sticky{0%{margin-top:-100px}
50%{margin-top:-90px}
100%{margin-top:0}
}
body .stricky-fixed{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);margin:0;position:fixed !important;top:0;left:0;width:100%;z-index:99990;-webkit-animation-name:menu_sticky;animation-name:menu_sticky;-webkit-animation-duration:0.60s;animation-duration:0.60s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
 .stricky-fixed .header{height: 50px;position:relative;background:#fff; }
 .stricky-fixed .header .logo img{height: 50px; left:50px;}
 .stricky-fixed .logo{position:absolute; top:0px;z-index:99}
 .stricky-fixed .header a.m{color:#333;border-radius: 0px;}   
 .stricky-fixed .header a.m:hover{color:#fff} 
 .stricky-fixed .header a.active{background:#da251d;color:#fff;border-radius: 0px;}  
 
 .stricky-fixed .menuright li li{background:#f4f4f4;top: 1px ;height: 45px ;border-bottom:#ddd 1px solid ;line-height:45px;z-index:99; } 
 
 .stricky-fixed .header .headersearchrg{top:16px}
 .stricky-fixed .header .langimg{top:16px}
 .stricky-fixed .header .topsearchbox{top:66px}

  
 .logo{position:absolute; top:8px;left:50px;z-index:99}
.headertel{position:absolute;right:10px;top:10px;z-index:99}

.header{position:relative;height: 98px;background:none; box-shadow: 0px 0px 15px #333;z-index:100;  }
.headerwrapfloat{position:absolute; width: 100%; top:0;left:0  }
.headerwrapfloat .headertop{display:none; }
.headertop{height:30px;line-height:30px;background:#b5d1ee;color:#333}
 .headertop .boxcol .desp{margin:0; }
.headertop .boxcol .desp p{padding:0;margin:0;  }
.headertop a{font-size:12px;color:#333}


.stricky-fixed .header .menu{top:0}
 .headersearchrg{position:absolute;width:13px;height:20px;cursor:pointer;top:48px;right:55px;z-index:111;;background:url(../images/search.png) 0px 0px no-repeat ;}
  

/*lang*/
.langimg{position:absolute;top:48px;right:2px;z-index:113 }
.langimginc{position:absolute; top:30px;left:0;z-index:1005;border: 1px solid #ccc;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); border-bottom-left-radius: 3px;  border-bottom-right-radius: 3px;}
.langimginc a{display:block;padding:2px;background:#fff; }
.langimg img{height: 16px; }
.langarrow{background:url(../images/menuarr.gif)  0 -100px no-repeat ;width: 10px; height: 10px;   }
 
  /*topsearchbox*/

.topsearchbox{position:absolute; display:block; width: 280px;  top:98px;right:55px;z-index:111}
  .topsearchbox form{height:50px;width:100%;border-radius:4px;margin:0;left:auto;right:0;top:70px;background:#fff; }
 .topsearchbox input{ font-weight:normal;width:100%;height:100%;opacity:0.8;color:#9e9e9e;border:1px solid rgba(51,51,51,0.16);padding:0 47px 0 10px;font-size:15px;border-radius:3px;box-shadow:inset 0 0 11px 2px rgba(119,119,119,0.25)}
 .topsearchbox form button{display:block;width:20px;height:20px; line-height:20px;text-align:center;position:absolute;top:15px;right:5px;background:url(../images/search.png) 0 0  no-repeat ; }
 .contentwrap .topsearchbox{ position:relative; top:0;left:0;right:auto }
  .sidebar .topsearchbox{margin:10px 0}
  
.searcharea{min-height:300px} 
.searcharea .key{margin-bottom:20px}
/*shoppingcart*/
.shoppingcart{position:absolute; top:11px;right:1px }


/* ---pc   -----*/
@media  (min-width: 1025px) {

 /*menu*/
 .menu{ height: 60px ;line-height:60px;border-bottom:none;z-index:99;    } 
.menu li li{height: 30px ;line-height:30px;z-index:99;    } 
.menu a{text-decoration:none;display:block; }
.menu li{position:relative;z-index:200; } 
.menu li.m{float:left; display:inline;}
.menu a.m{font-size:16px;padding:0 22px;}
.menu li li a{display:block;padding:0 10px;font-size:12px; }
.menu ul ul{display: none;position:absolute;width:180px ;z-index:210; }
.menu ul ul ul{left:180px;top:0px;}
.menu li li .sf-sub-indicator{top:13px}
.menu a.m{padding:0 22px;}
.menuright{ position: absolute;  top: 26px;right: 20px; }

.menuright li.m{background:#none;border-bottom:none;}  
.menuright a{color:#333} 
.menuright a:hover,  
.menuright a.active{background:#da251d;color:#fff;border-radius: 5px;} 
.menuright li li{background:#f4f4f4;top: 22px ;height: 45px ;line-height:45px; border-bottom:#ddd 1px solid;z-index:99; } 
.menuright li li a{color:#333;border-left:3px solid #f4f4f4} 
.menuright li li a:hover,   
.menuright li li a.active{background:#fff;color:#f00;border-radius: 0px;border-left:3px solid #d10001;} 


.menu .submenubox strong{padding:5px; }
.menu .submenubox{width: 500px !important; }
.menu .submenubox{clear:both; overflow:hidden; } 
.menu .submenubox li{display:block;height: auto; }
.menu .submenubox li a{display:inline-block; }
 
/***menu arrows */
.sf-sub-indicator {	position:absolute;	display:block;	right:5px;	top:25px;	width:10px;	height:10px;	text-indent:-999em;overflow:hidden;
	background:url('../images/menuarr.gif') no-repeat;}
a.m .sf-sub-indicator { background-position: 0 -100px;} 
li.m li .sf-sub-indicator {	background-position:-10px  0px; }

/*--#header_menu_bottom--*/
#header_menu_bottom .headersearchrg{ display:none;  }
#header_menu_bottom .topsearchbox{ top:48px}
/*--#header_menu_right--*/
#header_menu_right .topsearchbox{ display:none; } 
#header_menu_right .menu{ height: 50px ;line-height:50px;border-bottom:none;z-index:99;    } 
#header_menu_right .sf-sub-indicator{ top:20px }
/*--header_menu_floatbanner--*/
#header_menu_floatbanner .topsearchbox{display:none; top:70px}
#header_menu_floatbanner .menu{background:none;height: 50px ;line-height:50px;border-bottom:none;z-index:99;    } 



}

/* --- mobile  -----*/
@media  (max-width: 1025px) {
.header{height: 50px; }
 .logo{ top:0;left:0;height: 50px;  }
  .logo img{ height: 100% } 
 
 .headersearchrg {top:15px;right:60px; }
 .topsearchbox{top:50px;right:5px;width: 60%;display:none;  }
 .topsearchbox form{width: 100%; height: 50px; }
 .topsearchbox form button{ top:9px;right:0}
 .topsearchbox input{border:1px solid #ccc;box-shadow:none}
  .langimg{right:80px;top:10px} 
 /*menu*/
 .dmmenumobi{position:absolute;top:10px;right:7px;width:40px;height:30px;
background:#2a7dcf url('../images/menumob.png');  background-position:center center;background-repeat:no-repeat;background-size:21px,100%;cursor:pointer;border:0 none; border-radius:5px;z-index:999;text-indent:-9999px}
 .dmmenumobi:focus{ outline:none}
.dmmenumobi.opennavmenu{background:#2a7dcf url('../images/menumobclose.png');background-position:center center;background-repeat:no-repeat;background-size:21px,100%}
   

 .menu .container{padding: 0}/*hack bootstrap container*/
.menu{display:none;width:100%;  position:absolute;top:50px;left:0px;background:#F7F7F5;z-index:90000;height:auto}
.menu li ul.sub{background:#e7f2fd; }
.menu li ul.sub a{background:none; }
 .menu li a{padding-left:10px;color:#333}
 .menu li li a{color:#333}

 .stricky-fixed .menu a.m:hover{color:#f00} 
 
.menu a{display:block !important;height: 40px;line-height:40px; background:#F7F7F5; }
.menu li li a{height: 30px;line-height:30px;padding-left:15px }
.menu li li li a{padding-left:25px}
.menu a{border-bottom:1px solid #1b253b}
.menu li ul{display:none; }
 .stricky-fixed .menu{top:50px}
.sub-nav-toggle{display:block;float:right;margin-top:1px; width:36px;height:36px;cursor:pointer;background:#7ccbfc url(../images/menusub.png) center -30px no-repeat;-o-transition:all 500ms ease-in;-webkit-transition:all 500ms ease-in;-moz-transition:all 500ms ease-in;transition:all 500ms ease-in}
.sub-nav-toggle.plus{background:#1b253b url(../images/menusub.png) center 13px no-repeat}

.menu li li .sub-nav-toggle{height: 30px;background-position:center -35px ; }
.menu li li .sub-nav-toggle.plus{background-position:center 11px ; }

}