@charset "utf-8";

/* 一级导航配置 */
#navC ul {}
#navC li {position:relative; float:left;}
/* 下拉菜单内容 */
#navC li ul   { width:145px; background:#204c0d; position:absolute; display:none; top:50px; left:0; padding:10px 5px 30px 5px; z-index:100; overflow:hidden; }
#navC li ul li{ width:145px; height:50px; padding:0; margin:0; background:none; border-right:0;}
#navC li ul li:last-child{}
#navC li:hover ul{display: block;}
#navC li.over  ul{display: block;}
#navC li ul li a      { background:url(lili.jpg) -300px bottom no-repeat; padding:0; margin:0; text-align:center; display:block; color:#fff; width:145px; height:50px; line-height:50px; border-bottom:1px solid #38761d; font-size:14px; transition: all .8s cubic-bezier(.4, 0, .2, 1);}
#navC li ul li a:hover{ background:url(lili.jpg) 0 bottom no-repeat; }
#navC li ul li.nav_title_title{ color:#fff; font-size:14px; font-weight:bold; }

#navC li ul#navF  { width:100%; position:fixed; top:180px; left:0;}
#navC li ul#navF .div1  { width:1000px; margin:0 auto;}
#navC li ul#navF .div2  { width:200px; padding:0 0 0 50px; float:left;}

#navLeft ul {}
#navLeft li {width:240px; position:relative; float:left;}
#navLeft li ul { width:180px; border:1px solid #eeeeee; background:#FFFFFF; position:absolute; display:none; top:0; left:240px; z-index:100;}
#navLeft li ul li{ width:180px; border-bottom:1px solid #eeeeee; margin:0;}
#navLeft li ul li.current a{ background: #284176; color:#fff;}
#navLeft li:hover ul, #navC li.over ul {display: block;}
#navLeft ul li a{ width:180px; height:30px; line-height:30px; font-size:14px; text-align:left; border-radius:0; padding:0; color:#000; overflow:hidden;}
#navLeft ul li a:hover{ color:#fff;}
#navLeft ul li.nav_title_title{width:170px; height:30px; font-weight:bold; font-size:14px; line-height:30px; text-align:left; border-radius:0; padding:0 0 0 10px; background:#d8d8d8; }

/* 下拉动画 - 在需要使用到动画的地方添加下方class */
.fadeIn
{
    -webkit-animation: fadeInDown .3s;
    animation: fadeInDown .3s;
}
@keyframes fadeInDown
{
    0% { -webkit-transform: translate3d(0, -10%, 0); -webkit-transform: translate3d(0, -10%, 0); transform: translate3d(0, -10%, 0); transform: translate3d(0, -10%, 0); opacity: 0; }
    100% { -webkit-transform: none; transform: none; opacity: 1; }
}
@-webkit-keyframes fadeInDown
{
    0% { -webkit-transform: translate3d(0, -10%, 0); opacity: 0; }
    100% { -webkit-transform: none; opacity: 1; }
}


.fadeInS
{
    -webkit-animation: fadeInDownS 1s;
    animation: fadeInDownS 1s;
}
@keyframes fadeInDownS
{
    0% { border-bottom:1px solid #38761d; }
    100% { border-bottom:2px solid #ffffff; }
}
@-webkit-keyframes fadeInDownS
{
    0% { border-bottom:1px solid #38761d; }
    100% { border-bottom:2px solid #ffffff; }
}