@charset "utf-8";
/* CSS Document */
body,div,ul,li,p,h3,h1,h2,h5,h6,h4,dl,dt,dd,table,tr,td,img,span,b,form,input,span{ margin:0; padding:0}
img{ border:0;}
ul, li{ list-style:none;}
a{ text-decoration:none}
font{ font-size:12px;}
body{ font-size:12px; color:#000; font-family:"Microsoft Yahei" }
.ty01, .ty02, .ty03, .ty04, .ty05{ margin:0 auto; overflow:hidden}
.ty02{ width:92%; padding:0 4%}
.ty03{ width:1400px; padding:0 20px}
.ty04{ width:1400px;}
.ty05{ width:1200px;}


#nav { width:630px; height:40px;position: absolute;right:100px; top:0px; font-family:Arial, Helvetica, sans-serif;}
#nav li.top { float:left; height:40px; width:auto}
#nav li a.yiji { line-height:40px;  display: block; float: left; height: 40px;  }
#nav li a.yiji span {width: auto; display: block; text-align:center; float: left; height: 40px; color:#000; font-size:16px}
#nav li a.yiji span.down { padding:0 20px;  text-align:center; background: url(/upload/201011/20101102232944735.gif) no-repeat right; float:left; height:40px;}
#nav li:hover a.yiji {background-color:#003f7c; color:#fff2ee; }
#nav li:hover a.yiji span {background-color:#003f7c; color:#fff2ee; }
#nav li:hover a.yiji span.down {background-color:#003f7c; color:#fff2ee;background: url(/upload/201011/20101102232944294.gif) no-repeat right; }
#nav li:hover {z-index: 200; position: relative }

#nav li:hover ul.sub {z-index: 270; width: 230px; background:url(navbg.png) repeat-y 0 0px;  height: auto;  top: 40px; left:0; padding-top:10px }
#nav li:hover ul.sub li { position: relative; width: 230px; display: block; float: left; line-height:40px; font-weight:normal }
#nav li:hover ul.sub li a { line-height: 40px;  width: 230px; display: block; color: #000; text-indent:20px; font-size:14px  }
#nav li ul.sub li a.son2 {background: url(dot_11.png) no-repeat 200px center }
#nav li:hover ul.sub li a:hover { color: #fff; background:#003f7c}
#nav li:hover ul.sub li a.son2:hover { background: url(dot_12.png) #003f7c no-repeat 200px center; color: #fff }



#nav li:hover li:hover ul {z-index: 400; width:230px; background:url(navbg.gif) repeat-y 5px 0; padding-left:5px; height: auto;  top: 0px;  left: 230px }
#nav li:hover li:hover li:hover ul {z-index: 400; width: 150px; height: auto;  top: -1px;  left: 144px }
#nav li:hover li:hover li:hover li:hover ul {z-index: 400; width: 150px; height: auto;  top: -1px;  left: 144px }
#nav li:hover li:hover li:hover li:hover li:hover ul {z-index: 400; width: 150px; height: auto;  top: -1px;  left: 144px }
#nav ul { position: absolute; margin: 0px;  width: 0px;  height: 0px; top: -999px;  left: -999px; }
#nav li:hover ul ul { position: absolute;margin: 0px;  width: 0px;  height: 0px; top: -999px;  left: -999px }
#nav li:hover li:hover ul ul { position: absolute;margin: 0px;  width: 0px;  height: 0px; top: -999px;  left: -999px }
#nav li:hover li:hover li:hover ul ul { position: absolute;margin: 0px;  width: 0px;  height: 0px; top: -9999px;  left: -999px }
#nav li:hover li:hover li:hover li:hover ul ul { position: absolute;margin: 0px;  width: 0px;  height: 0px; top: -999px;  left: -999px }

#nav li:hover li:hover a.son2 {background: url(dot_12.png) #003f7c no-repeat 200px center; color: #fff;  }
#nav li:hover li:hover li:hover a.son2 {background: url(dot_12.png) #003f7c no-repeat 200px center; color: #fff;  }


.lang{ position:absolute; right:60px; top:0; z-index:9}
.lang a{ display:block; float:left; overflow:hidden; width:auto; padding:0 15px; border:1px solid rgba(51,51,51,.7); font-size:14px; text-align:center; height:30px; line-height:30px; color:#333}
.lang a:hover{ background:#003f7c; border:1px solid #003f7c; color:#fff;}

.copy01{ height:260px;  font-size:12px; color:#777; background:url(copy_bg.gif) repeat-x 0 bottom;  }
.copy02{ width:70%; padding:0 15%; background:none; height:260px; }


@keyframes mytop
{
0%   {transform: translateY(0px);}
25%  {transform: translateY(-3px);}
50%  {transform: translateY(0px);}
75% {transform: translateY(3px);}
100% {transform: translateY(0px);}}

 .foot_left{width:20%; float:left; overflow:hidden; height:60px; margin-top:138px;}
.foot_left span,.foot_left a{display:inline-block;vertical-align:middle;}
.foot_left .span1{height:46px;margin:10px 10px 0 0;animation: mytop 600ms infinite;}
.foot_left .span2{line-height:1;font-size:0.24rem; margin-top:10px}

.foot_right{ width:80%; float:left; overflow:hidden; padding-right:260px; height:260px; -moz-box-sizing: border-box;box-sizing: border-box; position:relative }
.foot_right h4{ width:100%; float:left; overflow:hidden; margin-top:145px; line-height:26px; font-weight:normal; color:#777; font-size:14px}
.foot_right h4 a{ color:#666}


.foot_right dl{ width:208px; height:111px; padding-top:149px; position:absolute; right:0; top:0; overflow:hidden; padding-left:52px}
.foot_right dl dd{ width:42px; height:42px; float:left; margin-left:10px; display:inline;}
.span-1{ top:5px; left:33px;filter:alpha(opacity=0);opacity:0;z-index:-2;background:url(kfwx_bg1.png) no-repeat 0 0;  width:88px; height:88px; padding:6px 6px 19px 6px; position:absolute;z-index:9;transition: all 0.4s;}
.span-1 img{ width:88px}
.span-2{ top:20px; left:143px;filter:alpha(opacity=0);opacity:0; text-align:center; color:#fff;z-index:-2; background:url(skype_bg.png) no-repeat 0 0; 
width:74px; height:74px; padding:6px 6px 19px 6px; position:absolute;z-index:9;transition: all 0.4s; }
.span-2 img{ margin-top:5px; margin-bottom:5px}
.foot_right dl dd:hover .span-1{ top:31px; filter:alpha(opacity=100);opacity:1.0;z-index:99}
.foot_right dl dd:hover .span-2{ top:45px; filter:alpha(opacity=100);opacity:1.0;z-index:99}
.foot_right a:hover{ color:#fff; text-decoration:underline}












.m_10{ margin-bottom:10px}
.m_15{ margin-bottom:15px}
.m_20{ margin-bottom:20px}
.m_30{ margin-bottom:30px}
.m_40{ margin-bottom:40px}
.m_50{ margin-bottom:50px}
.m_60{ margin-bottom:60px}
.m_70{ margin-bottom:70px}
.m_80{ margin-bottom:80px}
.m_90{ margin-bottom:90px}
.m_100{ margin-bottom:100px}
.m_130{ margin-bottom:130px}
.m_150{ margin-bottom:150px}
.m_250{ margin-bottom:250px}
.m_r40{ margin-right:40px}
.m_28{ margin-bottom:28px}
.m_r50{ margin-right:50px}
.m_r60{ margin-right:60px}
.clear{ clear:both;  overflow:hidden}
.m_t50{ margin-top:50px}
.m_t70{ margin-top:70px}