@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;}
.w50{width:50%;}

/*--顶部开始--*/
.header{ width:100%; height:150px; background:url(../images/navbg2017.png) repeat-x; position:absolute; top:0; left:0; z-index:99;}
.header-top{margin:0 auto; height:100px;}
.logo{ width:202px; margin-top:20px;-webkit-animation: logo 0.8s;animation: logo 0.8s;}

.head-right{ margin:20px 8px 0 0; height:30px; line-height:30px;-webkit-animation:top_jy 1s;animation:top_jy 1s;}
.head-en{ font-family:Arial; font-size:12px;}
.head-en a{color:#fff;}
.head-en a:hover{color:#e98235;}
.head-search-img{width:20px; height:20px; margin:5px 14px 0 15px;cursor:pointer;}
.head-right .search{width:200px; height:30px;line-height:30px;display:none;outline:none;}
.head-right .search-left{width:160px; height:20px; margin-top:4px;line-height:20px; border:none; background:#fff; color:#666; text-indent:10px; font-size:12px;outline:none;}
.head-right .search-right{width:20px; height:20px; margin:5px 14px 0 0;cursor:pointer;outline:none;}

.top_jy {height:30px; margin-right:25px; float:right; position: relative; z-index: 100;}
.top_jy span {background: url(../images/header-icon-bottom.png) no-repeat right 12px; height:30px; color:#fff; line-height:30px; padding-right:18px;font-size:12px;display: block; cursor: pointer;}
.jiaoyu {border: 1px solid rgb(204, 204, 204); left: 0px; top: 26px;height: 240px;display: none; position: absolute; z-index: 100;}
.jiaoyu a {color: rgb(0, 0, 0); line-height: 24px; padding-left: 10px; font-size: 12px; display: block;}
.jiaoyu a:hover {background: rgb(193, 52, 50); color: rgb(255, 255, 255);}

.jiaoyu { height: auto; padding: 18px 0;overflow: hidden;background: url(../images/header-icon-bottom.png) no-repeat right 0;top: 40px;overflow: inherit;}
.jiaoyu::after {content: "";display: block;clear: both;}
.jiaoyu-1 em{ display: block; position: absolute; width: 0;height: 0; border: 8px solid transparent;top: -16px; left: 200px;border-bottom: 8px solid #F2F2F2;}  
.jiaoyu-1 {width:620px; left:-160px;}
.jiaoyu-1 a { width: 49%;float: left; text-indent:20px; padding: 0; }
.jiaoyu-2 {width: 700px; left:-484px;}
.jiaoyu-2 em{display: block; position: absolute;width: 0;height: 0;border: 8px solid transparent; top: -16px; left: 520px;border-bottom: 8px solid #F2F2F2;}
.jiaoyu-2 a { width: 33%;float: left;text-indent:20px;padding: 0;}
/*--顶部结束--*/

/*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-img10-1.png) no-repeat center center;transition:1s;}
.cyfw-list .dt9:hover{ background:url(../images/fuwu-img10-2.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/wink_0.png) no-repeat 5px center;transition:1s;}
.xmt-list .dt1:hover{ background:url(../images/wink_1.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*/