@charset "UTF-8";

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

.header{position:relative;height: 98px;background:#fff;border-bottom: 1px solid #E5E5E5;width:100%;z-index:1000;display:flex;align-items:center;}
.menu {position: relative;z-index: 1000;}

.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}

.logo{flex:0 0 10%;z-index:99;display:flex;align-items:center;justify-content:flex-start;padding:0 10px;}
.logo img{max-height:78px;max-width:100%;}

/* Right side elements (search) */
.headersearchrg{position:absolute;width:40px;height:30px;cursor:pointer;top:35px;right:20px;z-index:111;background:#002870;color:white;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:16px}

/*menu*/
.menu li li{z-index:220; border-bottom:1px solid #ddd; margin:0; padding:0; }
.menu a{text-decoration:none;display:block; }
.menu li{position:relative;z-index:200; }
.menu ul {position: relative;z-index: 200;}
.menu li.m{float:left; display:inline;}
.menu a.m{font-size:16px;padding:0 0.8vw;height: 98px;line-height:98px; color:#000 ;background: none;font-weight:bold}
.menu a.m:hover{color:blue}
.menu a.m.active{color:blue}

.menu li li a{height: 40px ;line-height:40px;display:block;padding:0 10px;font-size:12px; background:#fff; color:#000 ;font-weight:bold;transition: padding-left ease .3s;-webkit-transition: padding-left ease .3s;}
.menu li li a:hover{ background:#002870;color:#fff;padding-left: 18px;border-left:2px solid red; }
.menu ul ul{display: none;position:absolute;width:180px ;z-index:210;top:98px; }
.menu li:hover > ul {
    display: block !important;
}
.menu ul li:hover > ul {
    display: block !important;
}
.menu ul ul ul{left:180px;top:0px;}

.menuright{ flex:0 0 80%;display:flex;align-items:center;justify-content:center; }

.sf-sub-indicator{top:45px}
.menu li li .sf-sub-indicator{top:13px}

/*fixed*/
.stricky-fixed .header{height: 50px;position:relative;background:#fff;z-index:1000;display:flex;align-items:center;}
.stricky-fixed .header .logo{flex:0 0 10%;z-index:99;display:flex;align-items:center;justify-content:flex-start;padding:0 10px;}
.stricky-fixed .header .logo img{height: 40px;max-width:100%; }
.stricky-fixed .header a.m{color:#000;font-weight:bold;height: 50px; line-height:50px; }
.stricky-fixed .header a.m:hover{color:blue}
.stricky-fixed .header a.m.active{color:blue}
.stricky-fixed .header .headersearchrg{top:10px;right:20px}
.stricky-fixed .menuright{ flex:0 0 80%;display:flex;align-items:center;justify-content:center; }
.stricky-fixed .header .langimg{top:16px}
.stricky-fixed .header .topsearchbox{top:50px}
.stricky-fixed .menu ul ul{top:50px}
.stricky-fixed .menu li:hover > ul {
    display: block !important;
}
.stricky-fixed .menu ul li:hover > ul {
    display: block !important;
}
.stricky-fixed .sf-sub-indicator{top:22px}
.stricky-fixed .headersearchrg05{ top:13px;  }

}
  @media  (max-width: 1025px) {
.headerwrap{ display: none }

}