@charset "utf-8";
/* CSS Document */

html, body { margin:0px; padding:0; font-family:"Microsoft YaHei","微软雅黑"; background:url(../images/bj.jpg); }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,img,button {border:0;  padding:0; margin:0; font-weight:normal; } 
table,td,tr,th{font-size:12px;}
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6,p,em,i,b,span { margin:0; padding:0; font-weight:normal; font-style:normal;}
ol,ul {list-style:none;}
address,cite,code,th {font-weight:normal;font-style:normal;}
img:hover { opacity:1; filter: alpha(opacity=100); }
.fl { float:left; }
.fr { float:right; }
a { color:#333; text-decoration:none; cursor:pointer; }
a:hover { color:#0b4283; text-decoration:none;   }



.home { width:1000px; height:734px; position:absolute; left:50%; top:50%; margin-top:-367px; margin-left:-500px;}





/*焦点图*/
.focus,#focus { width:1000px; height:520px; overflow:hidden; position:relative; }
.focus ul li { width:100%; height:520px; overflow:hidden;}
.focus ul li img { width:100%; height:520px;}



.logo { width:303px; position: absolute; left:51px; top:43px; z-index:999;
-webkit-animation:logo 0.8s ease-out 0s backwards; 
-moz-animation:logo 0.8s ease-out 0s backwards;
-o-animation:logo 0.8s ease-out 0s backwards;
-ms-animation:logo 0.8s ease-out 0s backwards;
animation:logo 0.8s ease-out 0s backwards;
}
@keyframes logo
{
0%   { -webkit-transform:scale(0.5);  opacity:0;}
100% { -webkit-transform:scale(1);  opacity:1;}
}
@-moz-keyframes logo
{
0%   { -webkit-transform:scale(0.5);  opacity:0;}
100% { -webkit-transform:scale(1);  opacity:1;}
}
@-webkit-keyframes logo
{
0%   { -webkit-transform:scale(0.5);  opacity:0;}
100% { -webkit-transform:scale(1);  opacity:1;}
}
@-o-keyframes logo
{
0%   { -webkit-transform:scale(0.5);  opacity:0;}
100% { -webkit-transform:scale(1);  opacity:1;}
}
@-ms-keyframes logo
{
0%   { -webkit-transform:scale(0.5);  opacity:0;}
100% { -webkit-transform:scale(1);  opacity:1;}
}



.chname { width:392px; position: absolute; left:90px; top:168px; z-index:999;
-webkit-animation:chname 0.8s ease 1s backwards; 
-moz-animation:chname 0.8s ease 1s backwards;
-o-animation:chname 0.8s ease 1s backwards;
-ms-animation:chname 0.8s ease 1s backwards;
animation:chname 0.8s ease 1s backwards; 
}
@keyframes chname
{
0%   {opacity:0; -webkit-transform:translateY(70px); }
100% { opacity:1;}
}
@-moz-keyframes chname
{
0%   {opacity:0; -webkit-transform:translateY(70px); }
100% { opacity:1;}
}
@-webkit-keyframes chname
{
0%   {opacity:0; -webkit-transform:translateY(70px); }
100% { opacity:1;}
}
@-o-keyframes chname
{
0%   {opacity:0; -webkit-transform:translateY(70px); }
100% { opacity:1;}
}
@-ms-keyframes chname
{
0%   {opacity:0; -webkit-transform:translateY(70px); }
100% { opacity:1;}
}


.enname {  width:391px; position: absolute; left:92px; top:262px; z-index:999;
-webkit-animation:enname 0.8s ease 1.5s backwards; 
-moz-animation:enname 0.8s ease 1.5s backwards;
-o-animation:enname 0.8s ease 1.5s backwards;
-ms-animation:enname 0.8s ease 1.5s backwards;
animation:enname 0.8s ease 1.5s backwards; 
}
@keyframes enname
{
0%   {opacity:0; -webkit-transform:translateY(70px); }
100% { opacity:1;}
}
@-moz-keyframes enname
{
0%   {opacity:0; -webkit-transform:translateY(70px); }
100% { opacity:1;}
}
@-webkit-keyframes enname
{
0%   {opacity:0; -webkit-transform:translateY(70px); }
100% { opacity:1;}
}
@-o-keyframes enname
{
0%   {opacity:0; -webkit-transform:translateY(70px); }
100% { opacity:1;}
}
@-ms-keyframes enname
{
0%   {opacity:0; -webkit-transform:translateY(70px); }
100% { opacity:1;}
}

.namefont { width:19px; position: absolute; left:498px; top:192px; z-index:999;
-webkit-animation:namefont 0.8s ease 2s backwards; 
-moz-animation:namefont 0.8s ease 2s backwards;
-o-animation:namefont 0.8s ease 2s backwards;
-ms-animation:namefont 0.8s ease 2s backwards;
animation:namefont 0.8s ease 2s backwards; 
}
@keyframes namefont
{
0%   {opacity:0; -webkit-transform:translateX(70px); }
100% { opacity:1;}
}
@-moz-keyframes namefont
{
0%   {opacity:0; -webkit-transform:translateX(70px); }
100% { opacity:1;}
}
@-webkit-keyframes namefont
{
0%   {opacity:0; -webkit-transform:translateX(70px); }
100% { opacity:1;}
}
@-o-keyframes namefont
{
0%   {opacity:0; -webkit-transform:translateX(70px); }
100% { opacity:1;}
}
@-ms-keyframes namefont
{
0%   {opacity:0; -webkit-transform:translateX(70px); }
100% { opacity:1;}
}


/*菜单*/
.nav { width:100%; margin:0 auto; font-size:16px; color:#fff; background:#32a61f;  }
.nav ul {width:99%; padding:0 0 0 1%; }
.nav li { text-align:center; float:left; height:64px; position:relative; top:0px; width:10.11%; }
.nav li a { text-decoration:none;  }
.nav li span { width:100%; float:left; color:#fff; line-height:62px; display:block; padding-top:2px; cursor:pointer; text-align:center;  }
.nav li span:hover { text-decoration:none; background:#59bf48; }
.nav li span.cug { float:left; color:#fff; line-height:62px; display:block; padding-top:2px; cursor:pointer; }
.nav li span.cug:hover { text-decoration:none; background:#59bf48; }
.nav li .submenu { display:none; position:absolute; bottom:64px;  z-index:99999; width:100%;  left:0;}
.nav li:nth-child(1) {width:8%;}

.smenu_li { width:100%; text-align:center; float:left; background:#eee; font-size:14px; }
.smenu_li a { width:100%; line-height:44px; display:inline-block; color:#333; text-align:center; }
.smenu_li a:hover { background:#59bf48; color:#fff; }


/*底部*/
.footer { width:100%; height:150px; color:#888; line-height:29px; font-size:14px; text-align:center;
display:-moz-box; -moz-box-pack:center; -moz-box-align:center; /* Firefox */
display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; /* Safari、Opera 以及 Chrome */
display:box; box-pack:center; box-align:center; /* W3C */ }
.footer span { color:#f78c2d; font-size:18px; font-weight:bold; padding:0 8px; }
.footer a { color:#888; }
.footer a:hover { color:#32a61f; }