@charset "utf-8";
body{margin:0px auto;padding:0px;border:0px;font-family:"微软雅黑"; font-size:14px;-webkit-font-smoothing:antialiased;font-smoothing:antialiased; min-width:1200px;}
ul,li{margin:0px; padding:0px; list-style:none;}
table,tr,td,h2,span,p,form,input,dl,dd,dt,em,b{margin:0px; padding:0px;}
em,img{border:0px;}
a{text-decoration:none; cursor:pointer;}
a:hover{ text-decoration:none;}
.auto{margin:0px auto;}
.fl{float:left; display:inline;}
.fr{float:right;display:inline;}
.width{width:1200px;}
.clear{ clear:both;}
.auto{margin:0px auto;}
.re{position:relative;}
.w100{width:100%;}
.w8-9{
    width:928px;
}
.w50{width:50%;}
/*nav-star*/
#nav-box{ height:50px;width:100%;}
.nav-box{margin:0 auto; position:relative; height:50px;}
#nav {
    HEIGHT:50px;
    width:918px;
    padding:0;
    -webkit-animation: nav-box 1s;
    animation: nav-box 1s;
    display:block;
}
#nav .mainlevel { list-style:none; float:left;WIDTH:102px; FONT-SIZE:16px;}
#nav .mainlevel a {TEXT-ALIGN: center;LINE-HEIGHT: 50px; WIDTH:100%; DISPLAY: block; HEIGHT: 50px; COLOR: #fff;}
#nav .mainlevel a:hover { COLOR: #fff; background:url(../img/front/nav-on-bg.png) repeat;}
.navhover{COLOR: #fff; background:url(../img/front/nav-on-bg.png) repeat;}
#nav .mainlevel:hover ul{display:block;}
#nav .mainlevel ul {
    display:none;
    list-style:none;
    z-index:909;
    width:145px;
    top:50px;
    position:absolute;
    display:none;
}
#nav .mainlevel ul li {
    width:100%;
    height:32px;
    font-size:14px;
    margin-bottom:1px;
    background-image: url(../img/front/nav-bg.png);
    background-repeat: repeat;
}
#nav .mainlevel ul li a{color:#363636; font-size:14px; font-weight:normal; display:block; width:100%; height:32px; line-height:32px;}
#nav .mainlevel ul li a:hover { color:#000000;width:100%; height:32px;  line-height:32px;font-weight:100;}

.nav-lianjie{width:350px; text-align:right; float:right; line-height:50px;-webkit-animation: nav-lianjie 1.0s;animation: nav-lianjie 1.0s;}
.nav-lianjie span{font-size:12px; padding:0 5px; display:inline-block; color:#fff;}
.nav-lianjie a{color:#fff;}
.nav-lianjie a:hover{color:#e98235;}

/*导航菜单-二级菜单*/
.dh1{display: block; -webkit-animation: dhli 0.8s;animation: dhli 0.8s;}
.dh2{display: block; -webkit-animation: dhli 1.0s;animation: dhli 1.0s;}
.dh3{display: block; -webkit-animation: dhli 1.2s;animation: dhli 1.2s;}
.dh4{display: block; -webkit-animation: dhli 1.4s;animation: dhli 1.4s;}
.dh5{display: block; -webkit-animation: dhli 1.6s;animation: dhli 1.6s;}
.dh6{display: block; -webkit-animation: dhli 1.8s;animation: dhli 1.8s;}
.dh7{display: block; -webkit-animation: dhli 2.0s;animation: dhli 2.0s;}
.dh8{display: block; -webkit-animation: dhli 2.2s;animation: dhli 2.2s;}
.dh9{display: block; -webkit-animation: dhli 2.4s;animation: dhli 2.4s;}

@-webkit-keyframes dhli {
    0%{ opacity: 0;-webkit-transform:rotateX(-50deg)rotatey(135deg)rotateZ(15deg) translate(0px,20px); }}
@keyframes dhli {
    0%{ opacity: 0;transform:rotateX(-50deg)rotatey(135deg)rotateZ(15deg) translate(0px,20px); }}
/*nav-end*/