@charset "UTF-8";
 
/* ---pc   -----*/
@media  (min-width: 1026px) {

.headerwrap{position:absolute;  top:0px; width: 100%; z-index:335}
 .logo{position:absolute; top:10px;left:10px;z-index:99}
.headertel{position:absolute;right:10px;top:10px;z-index:99}

.header{position:relative;height: 98px;background:none;  }
.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}

.dmfontsearch{position:absolute; right: 65px;top:43px;color:#fff;}

/* bannerbg */ 
 

 /*menu*/
.menu li li{z-index:99; border-bottom:1px solid #566576;   } 
.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:17px;padding:0 22px;height: 98px;line-height:98px; color:#ccc;background: none}

.menu li li a{height: 40px ;line-height:40px;display:block;padding:0 10px;font-size:12px; background:#4b545d; color:#fff ;transition: padding-left ease .3s;-webkit-transition: padding-left ease .3s;}
.menu li li a:hover{ background:#30404f;padding-left: 18px;border-left: solid 2px #efa80b; }
.menu ul ul{display: none;position:absolute;width:180px ;z-index:210; margin:0;}
.menu ul ul ul{left:180px;top:0px;}
 
 .menuright{ position: absolute;    top: 0px;right: 80px; }
 
/*
.menuright{ position: absolute; background:none !important;    top: 0px;right: 80px; }
.menuright a.active{ background:none !important; }
*/
 .sf-sub-indicator{top:45px}
 .menu li li .sf-sub-indicator{top:13px}
 
 
/*fixed*/
.stricky-fixed .menu a.m{height: 50px; line-height:50px;  }
.stricky-fixed  .sf-sub-indicator{top:22px}
.stricky-fixed .headersearchrg05{ top:13px;  }

 .stricky-fixed .header{height: 50px;position:relative;background:#fff; }
 .stricky-fixed .header .logo img{height: 40px; }
 .stricky-fixed .header a.m{color:#333}   .stricky-fixed .header a.m:hover{color:#000}  
 .stricky-fixed .header .headersearchrg{top:16px}
 .stricky-fixed .header .langimg{top:16px}
 .stricky-fixed .header .topsearchbox{top:50px}
  .stricky-fixed .dmfontsearch{top:16px;color:#333;}


}


 @media  (max-width: 1025px) {



.header{height: 50px;background:#fff;  }
 .logo{ top:0;left:0;height:50px; position:absolute;  }
  .logo img{ height: 100% }
.langimg{top:18px;right:80px;}
.topuser{position: absolute;top:15px;right:80px;}
.dmfontsearch { top:18px; right:60px; position: absolute; cursor: pointer;}

.topsearchboxshow .topsearchbox { top:0;right:150px; }

 /*menu*/
 .menusimpletoggle{top:18px;right:5px}
.menusimpletext{top:60px;right:5px}

.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}
.menushow{display:block;}
 .stricky-fixed .menu{top:50px}
 .menu li.m {width:100%;}
.menu li ul.sub{background:#9dd1f1; }
.menu li ul.sub ul{background:#c3deef; }
.menu li ul.sub a{background:none; }
 .menu li a{padding-left:10px;color:#333}
 .menu li li a{color:#333}
.menu a{display:block !important;height: 40px;line-height:40px; background:#F7F7F5; }
.menu li li a{height: 33px;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; }

  
}