@charset "utf-8";
/* CSS Document */
#left_nav{ position:fixed; right:20px; _right:36px; background:#f5f5f5; padding:10px; bottom:40px; _position:absolute; width:113px; z-index:9000;}
#left_nav ul{ }
#left_nav ul li{ cursor:pointer; line-height:27px; height:27px; overflow:hidden; font-size:12px; color:#2e2e2e; background:url(../imgs/nm.gif) no-repeat left -54px; text-indent:20px;}
#left_nav .fast{ background-position:left top;}
#left_nav .two{ background-position:left -27px;}
#left_nav .over{ background-color:#FFF; width:111px; color:#0071ab;  border:#cbcfd1 solid 1px; text-indent:12px; background-position:center 30px;}

#banner_bg{ position:relative; padding-top:98px; background:#0096d1; }
#banner{ width:980px; height:345px; position:relative; overflow:hidden;}
#banner img{ display:block;}
#banner .run{ position:absolute; z-index:10;}
#banner .run li{ float:left;}
#banner .butlist{ position:absolute; z-index:20; right:60px; bottom:14px;}
#banner .butlist ul li{ position:relative; display:block; width:20px; height:20px; line-height:0px; float:left; border:#000c31 solid 2px; margin-left:3px; cursor:pointer; background:url(../imgs/kl.png) no-repeat;}
#banner .butlist ul li span{ display:block;  width:100%; height:100%;}

.newcont{ width:274px; }
.newclass{ width:668px;}
.foucs{ width:274px; height:205px; position:relative; overflow:hidden;}
.foucs ul{ position:absolute;}
.foucs ul li{ width:274px; float:left;}
.foucelist{ height:44px; padding-top:10px; border-bottom:#d5d5d5 solid 1px;}
.foucelist ul li{ width:15px; height:15px; float:left; margin-right:5px; background:#000; cursor:pointer;
filter:alpha(opacity=30);
-moz-opacity:0.3;
-khtml-opacity:0.3;
opacity:0.3;
}

.gg{ line-height:18px; }
.gg .title{ display:block;font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53; font-size:18px; text-indent:30px; line-height:58px; color:#35a9de; background:url(../imgs/lb.gif) no-repeat left center;}

.newtop{width:668px; height:149px; background:url(../imgs/jt.gif) no-repeat right;}
.newtop dt{ font-size:24px; font-weight:bold; height:44px; width:576px; font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53;}
.newtop dd{ width:576px;}
.newtop dd a{ color:#5f5f5f; display:block; }
.newtop dd a:hover{text-decoration:underline;}
.newtop dd a span{ color:#963806;}
.newtop dt a{color:#000; }
.deta{ font-size:12px; color:#963806; margin-left:12px;}

.classnav .over{ color:#000023; border-style:solid; border-width:1px; border-color:#c3c3cb #c3c3cb #f5f5f5 #c3c3cb; line-height:28px; padding:0px 30px; background:#f5f5f5; }
.classnav .over a{ color:#000023;}
.classnav ul li{ float:left; cursor:pointer; font-weight:bold; padding:0px 32px; line-height:30px; background:#000023;}
.classnav ul li a{ color:#FFF;}
.ly{ padding-top:8px;}
.ly li{ float:left; margin-right:34px; width:317px; border-bottom:#c9c9c9 dashed 1px; padding:15px 0px;}
.ly dt{ font-weight:bold; height:33px;}
.ly dt a{ color:#000;}
.ly dd a{color:#5f5f5f; display:block; }
.ly dd a:hover{text-decoration:underline; }

.server .content{ width:410px; height:360px;}
.server .content .title{ display:block; height:40px;}

.case ul li{ margin-bottom:25px;}
.case dl{ width:500px; margin-left:40px;}
.case dl dt{ font-size:16px; font-weight:bold; color:#000; height:42px;}
.case dl dd span{ display:block; float:left; padding:0px 20px; line-height:39px; margin-right:1px; color:#FFF;}
.case dl .cont{ padding-bottom:20px; height:66px;}
.case dl dd .more{ display:block; float:left; height:39px; width:60px; background:url(../imgs/jt2.gif) no-repeat center;}
.case dl dd .app{ background:#1b77cc;}
.case dl dd .seo{ background:#18b29b;}
.case dl dd .phion{ background:#71b218;}
.case dl dd .pc{ background:#24b3c2; }

.tcode{ width:224px; height:140px; background:#FFF; border:#dcdcdc solid 1px; padding:13px;}
.tcode .jn{ width:71px; height:140px;}
.tcode .jn span{ display:block; height:58px; padding:6px; color:#FFF; cursor:pointer; background:url(../imgs/jt3.gif) no-repeat -15px;}
.tcode .jn .wx{ background-color:#1b77cc; }
.tcode .jn .app{ background-color:#16ba90;}
.tcode .jn .over{background-position:52px bottom;}

.staff{ width:984px; width:986px; position:relative;}
.staff ul .title{ background:#FFF; padding:20px; width:202px; height:103px; font-size:20px; color:#646464; font-weight:normal;font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53;}
.staff ul li{ width:242px; height:143px; float:left; margin:2px; overflow:hidden; position:relative; }
.staff ul li img{ display:block;}
.staff ul li a{  display:block; }
.staff ul li a span{position:absolute; width:242px; color:#FFF; bottom:0px; _bottom:-1px; line-height:40px; text-indent:15px; background:url(../imgs/picbg.png);}
.staff .classmore{ display:block; width:19px; position:absolute; text-indent:0px; background:none; left:210px; top:168px; z-index:200;}



.prolist ul li{ margin-bottom:25px;}
.prolist dl{ width:478px; margin-left:40px;}
.prolist dl dt{ font-size:16px; font-weight:bold; color:#000; height:42px;}

.prolist dl dd span{ display:block; float:left; padding:0px 20px; line-height:39px; margin-right:1px; color:#FFF;}
.prolist dl .cont{ padding-bottom:20px; height:66px;}
.prolist dl dd .more{ display:block; float:left; height:39px; width:60px; background:url(../imgs/jt2.gif) no-repeat center;}
.prolist dl dd .app{ background:#1b77cc;}
.prolist dl dd .seo{ background:#18b29b;}
.prolist dl dd .phion{ background:#71b218;}
.prolist dl dd .pc{ background:#24b3c2; }



.ny_al{margin-bottom:25px;padding-bottom:20px; overflow:hidden;}
.ny_al dl{width:400px; margin-left:40px; float:left;}
.ny_al dl dt{font-size:16px; font-weight:bold; color:#000; height:42px; border-bottom:#e0e0e0 dotted 1px; line-height:42px;}
.ny_al dl dt a{display:block; color:#000;}
.ny_al dl dt a span{ color:#963806; float:right; font-size:10px; line-height:42px;}
.ny_al dl dd{overflow:hidden; margin-top:10px;}
.ny_al dl dd i{width:100%; display:block; float:left; overflow:hidden; line-height:20px;}
.ny_al dl dd i em{ color:#963806; font-weight:bold}
.ny_al span a{background: url(../imgs/jt.gif) no-repeat right; float:right; display:block; width:44px; height:148px;}