#header{width:100%; height:60px; padding:0 30px 0 20px; box-sizing:border-box; background:#111214; position:relative; z-index:88;}
#header .logo{}
#header .version{font-size:14px; color:#999; border-left:1px solid #999; padding:0 12px; margin-left:8px;}
#header .version span{color:#2495fc;}
#header .phone{font-size:14px; color:#999;}

#header .info >*{display:inline-block; vertical-align:middle;}
#header .files{line-height:28px; border-radius:30px; border:1px solid #666; font-size:14px; color:#999; padding:0 24px; margin-right:30px;}
#header .video{line-height:28px; border-radius:30px; border:1px solid #666; font-size:14px; color:#999; padding:0 24px; margin-right:30px;}

#header .man{position:relative; margin-left:30px; text-align:left; height:100%; cursor:pointer;}
#header .man >*{display:inline-block; vertical-align:middle;}
#header .man .na{font-size:14px; color:#999; min-width:40px; padding:0 15px 0 9px;}
#header .man .xl{position:relative; top:1px;}
#header .man .sub{position:absolute; display:none; top:100%; left:0; min-width:100%; box-shadow:0 0 5px rgba(0,0,0,.2); padding:5px 0; background:#fff; border-radius:3px;}
#header .man .sub a{display:block; font-size:12px; line-height:20px; padding:0 20px; white-space:nowrap;}
#header .man:hover .sub{display:block;}









#lefter{top:60px; left:0; bottom:0; width:50px; background:#212326; padding-top:18px;}

#lefter .item{}
#lefter .item .ico{padding:12px 0; text-align:center; display:block; cursor:pointer; /*opacity:.7;*/ z-index:3;}
#lefter .item .ico i{display:block; height:40px;}
#lefter .item[u0='email'] .ico i{top:2px;}
#lefter .item .ico .i1{opacity:0;}
#lefter .item .ico font{font-size:13px; color:#888; /*display:none;*/ display:block; line-height:1; height:0px; overflow:hidden; transition:.1s;}
#lefter .item .ico .my_na{width:0; left:100%; top:0; bottom:0; /*background:#212326;*/ overflow:hidden;}
#lefter .item .ico .my_na >*{width:280px; font-size:13px; color:#ccc; text-align:left; text-indent:5px;}

#lefter .item [dlbox]{left:100%; top:0; bottom:0; width:0; background:#333336; overflow:hidden;}
#lefter .item [dlbox].sty{width:150px;}
#lefter .item dl{top:0; right:0; bottom:0; padding-top:15px; width:150px; overflow:auto; transition:.3s;}
#lefter .item dt{line-height:50px; height:50px; padding-left:18px; font-size:17px; color:#fff;}
#lefter .item dd{padding-left:18px; font-size:13px; line-height:40px; color:#ccc;}

#lefter .item [u2]{line-height:34px; font-size:12px; color:#ccc;}
#lefter .item [u2]:before{content:'-'; float:left; margin:0 8px 0 0;}

#lefter .item.cur [dlbox].sty{z-index:2;}

#lefter .item [u1].cur{color:#2196f3}
#lefter .item [u2].cur{color:#24f321}

#lefter[page='1000']{width:70px;}
#lefter[page='1000'] .item{}
#lefter[page='1000'] .item .ico{opacity:1; padding:14px 0;}
#lefter[page='1000'] .item .ico font{display:block; height:16px}

#lefter[page='1000'].menuStyle2{width:60px;}
#lefter[page='1000'].menuStyle2 .item .ico font{font-size:12px; line-height:1.6;}
#lefter[page='1000'].menuStyle2 .item .ico{padding:5px 0 15px;}

#lefter .item:hover .ico .my_na >*,
#lefter .item.cur .ico .my_na >*,
#lefter .item:hover .ico font,
#lefter .item.cur .ico font{color:#2495fc;}
#lefter .item.cur .i0{opacity:0;}
#lefter .item.cur .i1{opacity:1;}
#lefter .item.cur .ico svg *,
#lefter .item:hover .ico svg *{fill:#2495fc; color:#2495fc}

#lefter .my_na_box{width:0; left:100%; top:0; bottom:0; background:#212326; z-index:2;}
#lefter .my_na_box:after{width:100px; left:-100px; top:0; bottom:0; background:#212326; position:absolute; content:'';}
#lefter.hovershowname .item .ico .my_na,
#lefter.hovershowname .my_na_box{/*width:100px;*/ width:150px;}
/*#lefter.hovershowname .item [dlbox]{transform:translateX(30px);}*/
#lefter.hovershowname .item dl{right:-180px;}




#righter{top:60px; left:70px; bottom:0; right:0;}
#righter.sty{left:200px;}

/*#righter[alone]{top:10%; bottom:10%; right:10%; left:10%; background:#fff; border-radius:3px;}*/
#righter[alone]{height:calc(100% - 90px); margin-top:45px; background:#fff; border-radius:3px;}

#righter.menuStyle2{left:60px;}
#righter.menuStyle2.sty{left:210px;}