@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:1200px;margin-top:15px;} .w50{width:50%;} /*nav-star*/ #nav-box{ height:50px;width:100%;} .nav-box{margin:0 auto; position:relative; height:50px;} #nav {HEIGHT:50px; width:816px; 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(../images/nav-on-bg.png) repeat;} .navhover{COLOR: #fff; background:url(../images/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; background:url(../images/tm.png) repeat;} #nav .mainlevel ul li { width:100%; height:32px;font-size:14px; background:url(../images/nav-bg.png) repeat; margin-bottom:1px;} #nav .mainlevel ul li a{color:#fff; font-size:14px; font-weight:normal; display:block; width:100%; height:32px; line-height:32px;} #nav .mainlevel ul li a:hover { color:#fff;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*/ @-webkit-keyframes logo { 0%{ opacity:0;-webkit-transform:translate(-10px,-20px); }} @keyframes logo { 0%{ opacity:0;transform:translate(-10px,-20px); }} @-webkit-keyframes nav-lianjie { 0%{ opacity:0;-webkit-transform:translate(50px,0px); }} @keyframes nav-lianjie { 0%{ opacity:0;transform:translate(50px,0px); }} @-webkit-keyframes top_jy { 0%{ opacity:0;-webkit-transform:translate(20px,-40px); }} @keyframes top_jy { 0%{ opacity:0;transform:translate(20px,-40px); }} @-webkit-keyframes nav-box { 0%{ opacity:0;-webkit-transform:translate(-50px,0px); }} @keyframes nav-box { 0%{ opacity:0;transform:translate(-50px,0px); }} @-webkit-keyframes hover-wen { 0% { text-indent:0;} 50% { text-indent:5px;} 100% { text-indent:0;} } @keyframes hover-wen { 0% { text-indent:0;} 50% { text-indent:5px;} 100% { text-indent:0;} } @-webkit-keyframes hover-img { 0% {transform:scale(1);} 50% {transform:scale(1.05);} 100% {transform:scale(1);} } @keyframes hover-img { 0% {transform:scale(1);} 50% {transform:scale(1.05);} 100% {transform:scale(1);} } @-webkit-keyframes more-img { 0% {right:5px;} 50% {right:10px;} 100% {right:5px;} } @keyframes more-img { 0% {right:5px;} 50% {right:10px;} 100% {right:5px;} } @-webkit-keyframes lianjie { 0% {background-position:20px center;} 50% {background-position:10px center;} 100% {background-position:20px center;} } @keyframes lianjie { 0% {background-position:20px center;} 50% {background-position:10px center;} 100% {background-position:20px center;} } @-webkit-keyframes liebiao { 0% {background-position:20px center; background-color:none;} 25% {background-position:15px center;background-color:#fff9ed;} 50% {background-position:10px center;background-color:#feeeca;} 75% {background-position:15px center;background-color:#fff9ed;} 100% {background-position:20px center;background-color:none;} } @keyframes liebiao { 0% {background-position:20px center; background-color:none;} 25% {background-position:15px center;background-color:#fff9ed;} 50% {background-position:10px center;background-color:#feeeca;} 75% {background-position:15px center;background-color:#fff9ed;} 100% {background-position:20px center;background-color:none;} } /*--常用链接开始--*/ .fw-mt{ width:100%;background:url(../images/hn-foot-bg.jpg) no-repeat center top; padding:32px 0 40px 0;height:157px;overflow:hidden;} .fw-mt-left{width:920px;} .fw-mt-right{width:240px;} .fw-mt-bt{ height:24px; margin-bottom:42px;} .cyfw-list{ width:100%;} .cyfw-list dl{ float:left; width:80px; margin:10px 10px 0 0;} .cyfw-list dt{height:52px; text-align:center; display:block;} .cyfw-list dd{height:30px; line-height:30px; text-align:center; font-size:12px; color:#fff;} .cyfw-list .dt1{background:url(../images/fuwu-img1.png) no-repeat center center;transition:1s;} .cyfw-list .dt1:hover{ background:url(../images/fuwu-img1-on.png) no-repeat center center;transition:1s;} .cyfw-list .dt2{background:url(../images/fuwu-img2.png) no-repeat center center;transition:1s;} .cyfw-list .dt2:hover{ background:url(../images/fuwu-img2-on.png) no-repeat center center;transition:1s;} .cyfw-list .dt3{background:url(../images/fuwu-img3.png) no-repeat center center;transition:1s;} .cyfw-list .dt3:hover{ background:url(../images/fuwu-img3-on.png) no-repeat center center;transition:1s;} .cyfw-list .dt4{background:url(../images/fuwu-img4.png) no-repeat center center;transition:1s;} .cyfw-list .dt4:hover{ background:url(../images/fuwu-img4-on.png) no-repeat center center;transition:1s;} .cyfw-list .dt5{background:url(../images/fuwu-img5.png) no-repeat center center;transition:1s;} .cyfw-list .dt5:hover{ background:url(../images/fuwu-img5-on.png) no-repeat center center;transition:1s;} .cyfw-list .dt6{background:url(../images/fuwu-img6.png) no-repeat center center;transition:1s;} .cyfw-list .dt6:hover{ background:url(../images/fuwu-img6-on.png) no-repeat center center;transition:1s;} .cyfw-list .dt7{background:url(../images/fuwu-img7.png) no-repeat center center;transition:1s;} .cyfw-list .dt7:hover{ background:url(../images/fuwu-img7-on.png) no-repeat center center;transition:1s;} .cyfw-list .dt8{background:url(../images/fuwu-img8-1.png) no-repeat center center;transition:1s;} .cyfw-list .dt8:hover{ background:url(../images/fuwu-img8-1-1.png) no-repeat center center;transition:1s;} .cyfw-list .dt9{background:url(../images/fuwu-img9.png) no-repeat center center;transition:1s;} .cyfw-list .dt9:hover{ background:url(../images/fuwu-img9-on.png) no-repeat center center;transition:1s;} .cyfw-list .dt10{background:url(../images/fuwu-img10.png) no-repeat center center;transition:1s;} .cyfw-list .dt10:hover{ background:url(../images/fuwu-img10-on.png) no-repeat center center;transition:1s;} .xmt-list{ width:100%;height:80px;} .xmt-list dl{ float:left; width:33%; height:80px;position:relative;display:block;} .xmt-list dt{width:100%; height:40px; margin:5px 0;display:block;} .xmt-list dd{width:100%; height:30px; line-height:30px;font-size:12px; color:#fff;} .xmt-list .dd1{text-align:left;} .xmt-list .dd2{text-align:center;} .xmt-list .dd3{text-align:right;} .xmt-list .dt1{background:url(../images/foot-hd-gw.png) no-repeat 5px center;transition:1s;} .xmt-list .dt1:hover{ background:url(../images/foot-hd-gw-on.png) no-repeat 5px center;transition:1s;} .xmt-list .dt2{background:url(../images/foot-hd-wx.png) no-repeat center center;transition:1s;} .xmt-list .dt2:hover{ background:url(../images/foot-hd-wx-on.png) no-repeat center center;transition:1s;} .xmt-list .dt3{background:url(../images/foot-hd-wb.png) no-repeat 90% center;transition:1s;} .xmt-list .dt3:hover{ background:url(../images/foot-hd-wb-on.png) no-repeat 90% center;transition:1s;} .xmt-list-erw1{ position:absolute; top:-100px; left:-20px; height:100px; width:100px;display:none;} .xmt-list-erw2{ position:absolute; top:-100px; left:0; height:100px; width:100px;display:none;} /*--常用链接结束--*/ /*foot-star*/ .footer{padding:20px 0; background-color:#313131;} .foot-box{ position:relative; min-height:50px;} .footer .foot-left{width:158px; height:50px; position:absolute; top:50%; margin-top:-25px;} .footer .foot-right{ width:810px; color:#999999;font-size:12px; line-height:22px;} .footer .foot-right span{padding:0 5px; display:inline-block;font-size:12px;} /*foot-end*/