@charset "utf-8";
/* CSS Document */
.Frame_anchor_nav li{margin: 0; padding: 0; list-style: none;}
.Frame_anchor_nav .transformY{
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.Frame_anchor_nav .show{display:block;left:0px;}
.Frame_anchor_nav .fix_nav{position:fixed;left:-20px;top:50%;z-index:9999;width:2px;height:200px;background-color:rgba(0,0,0,.4);
transition:all .4s ease;
-ms-transition:all .4s ease;
-moz-transition:all .4s ease;
-webkit-transition:all .4s ease;
-o-transition:all .4s ease;
}
.Frame_anchor_nav .fix_nav .nav_list .nav_li{position:absolute;cursor:pointer;width:35px;height:34px;left:-17px;top:-17px;}
.Frame_anchor_nav .fix_nav .nav_list .nav_li .dot{position:absolute;width:34px;height:34px;top:50%;left:50%;background:url('nav-dot.png') no-repeat center;border-radius:50%;_box-shadow:0 0 3px rgba(0,0,0,.2);z-index:1;
  transform:translate(-50%,-50%) scale(0.5);
  -ms-transform:translate(-50%,-50%) scale(0.5);
  -moz-transform:translate(-50%,-50%) scale(0.5);
  -webkit-transform:translate(-50%,-50%) scale(0.5);
  -o-transform:translate(-50%,-50%) scale(0.5);
  transition:all .4s ease .4s;
  -ms-transition:all .4s ease .4s;
  -moz-transition:all .4s ease .4s;
  -webkit-transition:all .4s ease .4s;
  -o-transition:all .4s ease .4s;
}
.Frame_anchor_nav .fix_nav .nav_list .nav_li .dot em{position:absolute;width:12px;height:12px;background:#eaba14;top:50%;left:50%;border-radius:50%;
  transform:translate(-50%,-50%) scale(0);
  -ms-transform:translate(-50%,-50%) scale(0);
  -moz-transform:translate(-50%,-50%) scale(0);
  -webkit-transform:translate(-50%,-50%) scale(0);
  -o-transform:translate(-50%,-50%) scale(0);
  transition:all .4s ease .4s;
  -ms-transition:all .4s ease .4s;
  -moz-transition:all .4s ease .4s;
  -webkit-transition:all .4s ease .4s;
  -o-transition:all .4s ease .4s;
}
.Frame_anchor_nav .fix_nav .nav_list .nav_li .title_box{font-size:14px;color:#fff;text-align:center;overflow:hidden;white-space:nowrap;position:absolute;width:0px;height:30px;line-height:30px;top:2px;left:28px;padding-left:0px;background:url('leftNav_active.png') no-repeat right center;-webkit-background-size: 100% 100%;
background-size: 100% 100%;
  transition:all .4s ease 0s;
  -ms-transition:all .4s ease 0s;
  -moz-transition:all .4s ease 0s;
  -webkit-transition:all .4s ease 0s;
  -o-transition:all .4s ease 0s;
}
.Frame_anchor_nav .fix_nav .nav_list .nav_li:hover .dot{
  transform:translate(-50%,-50%) scale(1);
  -ms-transform:translate(-50%,-50%) scale(1);
  -moz-transform:translate(-50%,-50%) scale(1);
  -webkit-transform:translate(-50%,-50%) scale(1);
  -o-transform:translate(-50%,-50%) scale(1);
  transition:all .4s ease;
  -ms-transition:all .4s ease;
  -moz-transition:all .4s ease;
  -webkit-transition:all .4s ease;
  -o-transition:all .4s ease;
}
.Frame_anchor_nav .fix_nav .nav_list .nav_li:hover .dot em{
  transform:translate(-50%,-50%) scale(1);
  -ms-transform:translate(-50%,-50%) scale(1);
  -moz-transform:translate(-50%,-50%) scale(1);
  -webkit-transform:translate(-50%,-50%) scale(1);
  -o-transform:translate(-50%,-50%) scale(1);
  transition:all .4s ease;
  -ms-transition:all .4s ease;
  -moz-transition:all .4s ease;
  -webkit-transition:all .4s ease;
  -o-transition:all .4s ease;
}
.Frame_anchor_nav .fix_nav .nav_list .nav_li:hover .title_box{width:170px;padding:0px 0px 0px 5px;
  transition:all .4s ease .4s;
  -ms-transition:all .4s ease .4s;
  -moz-transition:all .4s ease .4s;
  -webkit-transition:all .4s ease .4s;
  -o-transition:all .4s ease .4s;
}
.Frame_anchor_nav .fix_nav .nav_list .on .dot{
  transform:translate(-50%,-50%) scale(1);
  -ms-transform:translate(-50%,-50%) scale(1);
  -moz-transform:translate(-50%,-50%) scale(1);
  -webkit-transform:translate(-50%,-50%) scale(1);
  -o-transform:translate(-50%,-50%) scale(1);
  transition:all .4s ease;
  -ms-transition:all .4s ease;
  -moz-transition:all .4s ease;
  -webkit-transition:all .4s ease;
  -o-transition:all .4s ease;
}
.Frame_anchor_nav .fix_nav .nav_list .on .dot em{
  transform:translate(-50%,-50%) scale(1);
  -ms-transform:translate(-50%,-50%) scale(1);
  -moz-transform:translate(-50%,-50%) scale(1);
  -webkit-transform:translate(-50%,-50%) scale(1);
  -o-transform:translate(-50%,-50%) scale(1);
  transition:all .4s ease;
  -ms-transition:all .4s ease;
  -moz-transition:all .4s ease;
  -webkit-transition:all .4s ease;
  -o-transition:all .4s ease;
}
.Frame_anchor_nav .fix_nav .nav_list .on .title_box{
  width:170px;

  padding:0px 0px 0px 5px;
  transition:all .4s ease .4s;
  -ms-transition:all .4s ease .4s;
  -moz-transition:all .4s ease .4s;
  -webkit-transition:all .4s ease .4s;
  -o-transition:all .4s ease .4s;
}