
*{margin:0;padding:0;}
body{margin:0 auto; padding:0px;font-family:'宋体',Arial, Helvetica, sans-serif; font-size:12px;}
ul,li,ol,dl,dd,h1,h2,h3,h4,h5,h6,form,p,input{margin:0 auto; padding:0px;list-style-type:none;margin:0px;}
ul,li,ol{list-style:none;margin:0px;}
img{border:0px;}
a{text-decoration:none; color:#515151;}
a:hover{color:#ff0107;}


#top{width:100%;height:26px; background:url(../../templets/img/tbg.gif) repeat-x;overflow:hidden;color:#666666;}
#top .box{width:980px;margin:0 auto;padding:0;line-height:26px;height:26px;}
#top .box .ln{width:468px; float:left;}
#top .box .zn{width:145px; float:left;background:url(../../templets/img/qqwb.gif) no-repeat; padding-left:27px;}
#top .box .rn{width:340px; float:left;}


#head{width:100%; height:100px;overflow:hidden;}
#head .headbox{width:980px;margin:0 auto;padding:0; height:74px; margin-top:26px;}
#logo{width:250px; float:left; background:url(../../templets/img/logo.gif) no-repeat; height:55px;}
#search{width:410px; float:left; margin-left:35px; margin-right:35px;}
#search .search{width:410px; float:left; background:url(../../templets/img/search.gif) no-repeat; height:36px;}
#search .search .ss {width:52px; height:35px; background:url(../../templets/img/ss.jpg); border:0; float:left;cursor:hand;}
#search .search .pro_st{width:320px; height:24px; line-height:24px; border:0; margin-left:30px; margin-top:4px; float:left;}
.hotsearch{width:410px; float:left; margin-top:8px;}
#tel{width:250px; float:left;}
#tel .img{width:250px; float:left;background:url(../../templets/img/tel.gif) no-repeat; height:28px;}
#tel .n{width:250px; float:left;}


.navi{width:100%;height:36px;background:url(../../templets/img/navbg.png) no-repeat; position:relative; z-index:100;}
#navi { width:984px; margin:0 auto;padding:0;height:36px;}
#navi li { float:left; width:123px; position:relative;}
#navi li .sy{float:left; width:123px; color:#FFFFFF;display:block;text-align:center;line-height:36px; height:36px;font-weight:bold; font-size:14px;}
#navi li .ys{ float:left; width:123px; color:#FFF; display:block;text-align:center;line-height:36px; height:36px;font-weight:bold; font-size:14px;}
#navi li ul { display:none; width:123px; position:absolute; left:0; top:36px; background:#EBF0F3 url(../../templets/img/ascbg.png) repeat; _background:#edeeee; }
#navi li a:hover{ background:#434343;}
#navi li:hover ul{ display:block;}
#navi li.sfhover ul{ display:block;}
#navi li ul.ixbox{width:120px; float:left;background:#00FF00;filter:alpha(Opacity=90);-moz-opacity:0.5;opacity: 0.5; border:1px solid #c1c4c7;background-color:#ffffff;}
#navi li ul.ixbox .nav_ni_left{ width:120px; float:left; background:none;}
#navi li ul.ixbox .nav_ni_left dl{ width:100px; float:left; padding-left:20px; margin-top:12px; line-height:20px;}
#navi li ul.ixbox .nav_ni_left dd a{ width:86px; float:left; background:url(../../templets/img/i-tb02.png) no-repeat 2px 6px; padding-left:14px; border-bottom:1px solid #e2e0e0;}
#navi li ul.ixbox .nav_ni_left dd a:hover{ width:86px; float:left; background:url(../../templets/img/i-tb02.png) no-repeat 2px 6px; padding-left:14px; border-bottom:1px solid #e2e0e0; background:#a00000; color:#FFFFFF;}
#navi li ul.ixbox .nav_ni_aboutright{ width:120px; height:126px;float:left; background:url(../../templets/img/i-about.jpg) no-repeat 60% 90%;}
#navi li ul.ixbox .nav_ni_newssright{ width:120px; height:126px;float:left; background:url(../../templets/img/i-news.jpg) no-repeat 50% 80%;}
#navi li ul.ixbox .nav_ni_caseright{ width:120px; height:85px;float:left; background:url(../../templets/img/i-case.jpg) no-repeat 60% 80%;}
#navi li ul.ixbox .nav_ni_serverright{ width:120px; height:126px;float:left; background:url(../../templets/img/i-ser.jpg) no-repeat 60% 80%;}
#navi li ul.ixbox .nav_ni_zhaopinright{ width:120px; height:106px;float:left; background:url(../../templets/img/i-zhaopin.jpg) no-repeat 60% 80%;}
#navi li ul.ilxbox{width:120px; float:left;background:#00FF00;filter:alpha(Opacity=90);-moz-opacity:0.5;opacity: 0.5; border:1px solid #c1c4c7;background-color:#ffffff;}
#navi li ul.ilxbox dl{ width:100px; float:left; padding:10px;line-height:20px;}
#navi li ul.ilxbox dd a{ width:86px; float:left; background:url(../../templets/img/i-tb02.png) no-repeat 2px 6px; padding-left:14px; border-bottom:1px solid #e2e0e0;}
#navi li ul.ilxbox dd a:hover{ width:86px; float:left; background:url(../../templets/img/i-tb02.png) no-repeat 2px 6px; padding-left:14px; border-bottom:1px solid #e2e0e0; background:#a00000; color:#FFFFFF;}
#navi li.pros { position:relative;}
#navi li ul.prosul { width:980px; position:absolute; left:-367px; top:36px; background:none;}
#navi li .a1big a:hover { background:none;}

.a1big{ width:980px; height:370px; filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;z-index:100; background-color:#ffffff;border-left:2px solid #c1c4c7; border-right:2px solid #c1c4c7; border-bottom:2px solid #c1c4c7;}
.alprotop{ width:900px;height:270px; float:left; padding-left:40px; padding-right:40px; padding-top:14px;position: absolute;} 
.alprotop_box{width:900px; float:left;}
.alprotop_box .abox1{width:160px; float:left;}
.alprotop_box .abox2{width:160px; float:left;}
.alprotop_box .abox3{width:160px; float:left;}
.alprotop_box .abox4{width:210px; float:left;}
.alprotop_box .abox5{width:210px; float:left;}
.alprotop_box .pt_img{text-align:center;}
.alprotop_box .pt_t{text-align:center; font-size:16px; font-family:"微软雅黑"; font-weight:bold; line-height:26px;}
.alprotop_box .pt_t a{color:#000000;}
.alprotop_box .pt_t a:hover{color:#ff0107;}
.alprotop_box dl{ line-height:22px; padding-left:20px; padding-top:6px; font-size:12px;font-family:"宋体"; }
.alprotop_box dl dd{background:url(../../templets/img/i-tb02.png) no-repeat 0px 6px; padding-left:10px; border-bottom:1px solid #e2e0e0;}
.alprotop_box dl dd img{ padding-left:2px; }


.banner{width:100%;height:393px;}
#banner .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#banner .clearfix {zoom:1;}
#banner ul,li {list-style:none;}
#banner img {border:0;}
#banner #focus {width:1423px; height:341px; overflow:hidden; position:relative;}
#banner #focus ul {height:443px; position:absolute;}
#banner #focus ul li {float:left; width:1423px; height:341px; overflow:hidden; position:relative; background:#000;}
#banner #focus ul li div {position:absolute; overflow:hidden;}
#banner #focus .btnBg {position:absolute; width:1423px; height:20px; left:0; bottom:0; background:#000;}
#banner #focus .btn {position:absolute; width:780px; height:10px; padding:5px 10px; /**right:0;**/ bottom:0; text-align:right;}
#banner #focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#banner #focus .btn span.on {background:#fff;}
#banner #focus .preNext {width:45px; height:100px; position:absolute; top:90px; background:url(../../templets/img/sprite.png) no-repeat 0 0; cursor:pointer;}
#banner #focus .pre {left:0;}
#banner #focus .next {right:0; background-position:right top;}


#hotgz{ width:100%; height:36px; background:url(../../templets/img/i-rdgz-bg.jpg) repeat-x;overflow:hidden;}
#hotgz .hotgz_box{width:980px;margin:0 auto;padding:0;}
.hotgz_box .hott{ width:95px; float:left; background:url(../../templets/img/i-rdgz-t.jpg) no-repeat; line-height:36px; text-align:center; color:#FFFFFF;}
.hotgz_box .hotlist{ width:870px; float:left; line-height:36px;  height:36px; padding-left:15px;}
.hotgz_box .hotlist a{ width:140px; float:left;}
.hotgz_box .hotlist .hota{ background:url(../../templets/img/i-tb03.jpg) no-repeat 0px 11px; padding-left:10px;}


#main{width:980px;margin:0 auto;padding:0; margin-top:6px; background:#fff;}
#notice{width:888px; float:left; border:1px solid #cccccc; height:36px; line-height:36px; background:url(../../templets/img/notice_bg.gif) no-repeat; padding-left:90px;}
#main .box{width:980px; float:left; margin-top:16px;}
#main .box .colnews{width:280px; float:left;}
#main .box .colnews .t{width:280px; float:left; line-height:24px; border-bottom:1px dotted #cccccc;}
#main .box .colnews .t .tt{ background:url(../../templets/img/tb00002.gif) no-repeat 0px 5px; padding-left:15px; font-size:14px; font-weight:bold; width:224px; float:left;}
#main .box .colnews .t .tt a{ color:#000000;}
#main .box .colnews .t .img{ width:41px; float:left; padding-top:5px; height:13px; line-height:13px;}
#main .box .newbox{width:280px; float:left; margin-top:10px;}
#main .box .newbox .img{ width:130px; float:left; padding:5px;}
#main .box .newbox img{ width:120px; border:1px solid #cccccc; padding:4px;}
#main .box .newbox .nn{ width:136px; float:left; margin-left:4px; line-height:22px; margin-top:5px;}
#main .box .newbox .nn a{ color:#FF0000;}
#main .box .newbox ul{width:280px; float:left; line-height:28px;margin-top:6px;}
#main .box .newbox ul li{ background:url(../../templets/img/i-tb05.jpg) no-repeat 0px 12px; padding-left:10px; width:270px; float:left; border-bottom:1px solid #dbdbdb;}
#main .box .newbox ul li .sj{ color:#999999; width:80px; float:left;}
#main .box .newbox ul li .nt{width:180px; float:left; color:#434343;}
#main .box .newbox ul li span a{ display:block;width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

#main .box .colcase{width:360px; float:left; margin-left:20px;}
#main .box .colcase .t{width:360px; float:left; line-height:24px; border-bottom:1px dotted #cccccc;}
#main .box .colcase .t .tt{ background:url(../../templets/img/tb00002.gif) no-repeat 0px 5px; padding-left:15px; font-size:14px; font-weight:bold; width:304px; float:left;}
#main .box .colcase .t .tt a{ color:#000000;}
#main .box .colcase .t .img{width:41px; float:left; margin-top:5px;}
#main .box .colcase .icaselist .caseintro{width:360px; float:left; text-indent:20px; line-height:22px; margin-top:10px; color:#747474; padding-bottom:10px;}
#main .box .colcase .icaselist ul{width:360px; float:left;}
#main .box .colcase .icaselist ul li{width:120px; float:left;}
#main .box .colcase .icaselist ul li .cimg{padding:5px; width:110px; float:left;}
#main .box .colcase .icaselist ul li img{padding:4px; width:100px; float:left; border:1px solid #cccccc;}
#main .box .colcase .icaselist ul li .ct{width:110px; float:left; background:#cccccc; margin-left:5px; text-align:center; height:20px; line-height:20px;}
#main .box .colcase .icaselist ul li .ct a{ display:block; padding-left:5px;width:95px;white-space:nowrap;overflow:hidden;}
#main .box .colcase .ivideo{width:350px; margin-left:5px; margin-top:10px;float:left;height:87px; }
#main .box .colpro{width:300px; float:left; margin-left:20px;}
#main .box .colpro .pro_search{width:300px; float:left;}
#main .box .colpro .pro_search a{ height:24px; background:#4b4b4b; padding-left:10px;padding-right:10px; padding-top:3px; padding-bottom:3px; color:#FFFFFF;}
#main .box .colpro .hy{width:300px; float:left; background:url(../../templets/img/iwkm.gif) no-repeat; height:26px; margin-top:10px;}
#main .box .colpro .pro_box{width:300px; float:left;}
#main .box .colpro .pro_nbox{width:300px; float:left;}
#main .box .colpro .pro_box .pro_bh{ width:190px; float:left;}

#scroll_div{OVERFLOW: hidden;height:110px;WIDTH: 190px;white-space:nowrap;}
#r_2 {width:768px; height:130px; padding-left:3px; margin-top:12px; padding-right:5px; background-color:#FFFFFF; overflow:hidden; padding-top:3px;display:inline;}

#main .box .colpro .pro_box .pro_lb{ width:110px; float:left;}
#main .box .colpro .pro_nbox .pro_lb ul{width:110px; float:left;}
#main .box .colpro .pro_nbox .pro_lb ul li{width:85px; height:21px; float:left; background:url(../../templets/img/iprobg.gif) no-repeat; line-height:21px;color:#FFFFFF; font-weight:bold; padding-left:25px; margin-top:10px;}
#main .box .colpro .pro_nbox .pro_lb ul li a{ color:#FFFFFF;}
#main .box .colpro .pro_box .info{width:290px; float:left;line-height:24px; background:#eff0f0;padding-left:10px;}
#main .box .colpro .pro_box .info span{ color:#FF0000; font-size:12px;}
#main .box .colpro .iservice{width:300px; float:left; background:url(../../templets/img/iservice.png) no-repeat; height:125px;margin-top:4px;}
#main .box .colpro .iservice .serbox{ padding-left:60px; width:240px; float:left;height:120px;}
#main .box .colpro .iservice .serbox .t{width:160px; float:left; padding-left:25px; font-size:14px; font-weight:bold; line-height:24px; border-bottom:1px dotted #cccccc; margin-top:6px;}
#main .box .colpro .iservice .serbox .t a{ color:#000000;}
#main .box .colpro .iservice .serbox .n{width:240px; float:left;margin-top:6px; line-height:20px; color:#747474;}


#list_t{clear:both;width:100%;height:10px; margin-top:10px;
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e3e3', endColorstr='#f2f2f2'); 
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e3e3', endColorstr='#f2f2f2')";  
 background: -moz-linear-gradient(top, #e3e3e3, #f2f2f2); 
 background: -webkit-gradient(linear, 0 0, 0 100%, from(#e3e3e3), to(#f2f2f2));  
 }
#list{width:100%;height:1px; background-color:#f2f2f2; clear:both;}
#list a{ color:#292828;}
#list a:hover{color:#ff0107;}
#list .listbox{width:900px;margin:0 auto;padding:0;}
#list .listbox dl{ width:150px; float:left; line-height:26px; margin-top:5px;}
#list .listbox dd{ width:140px; float:left; background:url(../../templets/img/tb03.gif) no-repeat 0px 10px; padding-left:10px;}


#foot{width:100%;height:160px; background:url(../../templets/img/footbg.jpg);}
#foot .box{width:980px;margin:0 auto;padding:0; color:#FFFFFF;}
#foot .box a{color:#FFFFFF;}
#foot .box .img{ width:100px; float:left;height:88px; margin-top:24px; padding-left:40px;}
#foot .box .nn{ width:800px; float:left; line-height:30px; text-align:center; margin-top:20px;}
#foot .box .link{width:980px;float:left; line-height:26px;}
.cuoye{ margin-top:5px; height:130px; background:url(../../templets/img/404-banner-bg.jpg) no-repeat center;}
.cuoye2{ margin-top:19px; background:url(../../templets/img/404-banner-1.jpg) no-repeat 230px 0px;text-align:center; font-size:14px; font-weight:bold; line-height:30px; height:30px;}
.cuoye3{ margin-top:19px; background:url(../../templets/img/404-banner-2.jpg) no-repeat 385px 0px;text-align:center; line-height:18px; height:18px;}
.cuoye4{ font-size:16px; font-weight:bold; padding-left:15px;}