@charset "gb2312";
/* ¹²ÓÃcss */
* { margin: 0; padding: 0 }
body { font: 14px "΢ÈíÑźÚ", "Microsoft YaHei", Arial, Helvetica, sans-serif; color: #666666; }
img { border: 0; display: block }
ul,li { list-style: none; }
a { color: #444; text-decoration: none; }
.clearfloat { height: 0px; width: 100%; clear: both; overflow: hidden }
.blank { height: 5px; overflow: hidden; width: 100%; margin: auto; clear: both }
.f_l { float: left; }
.f_r { float: right; }
/*body*/
header { width: 100%; }
.navtop { width: 1200px; margin: auto; position: relative; }
.logo { margin-top: 10px; background: url(../images/logobg.jpg) no-repeat; width: 235px; height: 56px; position: absolute; animation: myfirst 5s; -moz-animation: myfirst 5s; /* Firefox */ -webkit-animation: myfirst 5s; /* Safari and Chrome */ -o-animation: myfirst 5s; /* Opera */ }
 @keyframes myfirst { 0% {
width:0%;
}
100% {
width:268px;
}
}
 @-moz-keyframes myfirst /* Firefox */ { 0% {
width:0%;
}
100% {
width:268px;
}
}
 @-webkit-keyframes myfirst /* Safari and Chrome */ { 0% {
width:0%;
}
100% {
width:268px;
}
}
 @-o-keyframes myfirst /* Opera */ { 0% {
width:0%;
}
100% {
width:268px;
}
}
/*nav*/
nav { float: right; width: 100%; margin: 10px 0 }
.navigation { height: 40px; }
.menu { position: relative; padding-top: 5px; float: left; margin-left: 250px; width: 500px; }
.menu li { float: left; width: 110px; text-align: center; position: relative; line-height: 40px; }
.menu li:hover { background: url(../images/navli.png) no-repeat bottom center }
.menu li a { display: block; text-decoration: none; color: #ccc; font-size: 18px; }
.menu ul { position: relative; z-index: 300; }
.menu li ul { display: none; width: 110px; position: absolute; TOP: 40px; left: 0; }
.menu li ul li { font-size: 12px; height: 28px; line-height: 28px; background: #666666; }
.menu li ul li a { font-size: 14px; color: #Fff; }
.menu li ul li:hover a { color: #Fff; background: #00abf1; }
.tell { float: right; font-size: 18px; background: url(../images/tell.jpg) no-repeat left center; padding-left: 40px; line-height: 50px; color: #075897; font-weight: bold; }
.tell { }
@-webkit-keyframes animations2 { 0% {
opacity:0;
}
 40% {
opacity:.8;
}
 45% {
opacity:.3;
}
 50% {
opacity:.8;
}
 55% {
opacity:.3;
}
 60% {
opacity:.8;
}
 100% {
opacity:1;
}
}
@-moz-keyframes animations2 { 0% {
opacity:0;
}
 40% {
opacity:.8;
}
 45% {
opacity:.3;
}
 50% {
opacity:.8;
}
 55% {
opacity:.3;
}
 60% {
opacity:.8;
}
 100% {
opacity:1;
}
}
@-o-keyframes animations2 { 0% {
opacity:0;
}
 40% {
opacity:.8;
}
 45% {
opacity:.3;
}
 50% {
opacity:.8;
}
 55% {
opacity:.3;
}
 60% {
opacity:.8;
}
 100% {
opacity:1;
}
}
@keyframes animations2 { 0% {
opacity:0;
}
 40% {
opacity:.8;
}
 45% {
opacity:.3;
}
 50% {
opacity:.8;
}
 55% {
opacity:.3;
}
 60% {
opacity:.8;
}
 100% {
opacity:1;
}
}
footer { background: #3e3e3e; width: 100%; text-align: center; line-height: 26px; padding: 20px 0; color: #FFF }
footer a { color: #FFF }
.footer { width: 1200px; margin: auto; background: url(../images/wx.jpg) no-repeat right bottom; padding: 30px 0; font-size: 16px; line-height: 30px; text-shadow: #000 0px 0px 5px; position: relative }
.guanyu { position: absolute; left: 0; top: 40px }
.guanyu li a :hover { color: #CCC }