@charset "utf-8";

.footer { display:block;}


/* 页面头部 */
#header{ margin:0 0 10px;}
#header .hd-inner { position:relative; width:960px; height:120px; margin:0 auto;}
#header p { position:absolute; right:-7px; top:45px; text-align:right; color:#D8D8D8;}
#header p a { margin:0 7px; padding:2px 5px 3px; outline:none; color:#666;}
#header p a:hover { background:#BABABA; text-decoration:none; color:#FFF; -moz-border-radius:3px; -webkit-border-radius:3px;}
#header h1 { position:absolute; left:0; top:18px; width:495px; height:49px; text-indent:-9999em; overflow:hidden; background:url(logo.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="logo.png", sizingMethod="scale");}
#header h1 a { display:block; height:100%;}

#header .site-nav { position:absolute; left:0; top:83px; height:40px; background:url(nav_bg.png) no-repeat; z-index:2000}
#header .site-nav li { float:left; overflow:hidden;}
#header .site-nav  li a { display:block; width:135px; height:40px; margin-left:2px; background:url(nav_bg.png) no-repeat; text-indent:-9999em;}
#header .site-nav  li ul{ width:220px; background:#fff; border:1px solid #666; padding:10px;}
#header .site-nav  li ul  dd{ width:220px; height:25px; line-height:25px;}
#header .site-nav  li ul dd a{ display:inline; background:none; line-height:25px; font-size:12px; font-family:'΢���ź�','����'; height:25px; color:#333; padding:0px; margin:0px; font-weight: normal;}
#header .site-nav  li ul dd a:hover{text-decoration: underline;}
#header .site-nav .home a{ width:137px; margin:0;}
#header .site-nav .map a{ width:137px; margin:2;}
#header .site-nav .service a { background-position: -139px 0;}
#header .site-nav .solution a { background-position: -276px 0;}
#header .site-nav .case a { background-position: -413px 0;}
#header .site-nav .download a { background-position: -550px 0;}
#header .site-nav .coop a { background-position: -687px 0;}
#header .site-nav .map a { background-position: -824px 0;}
#header .site-nav .home a:hover{ background-position: 0 -60px;}
#header .site-nav .service a:hover {background-position: -139px -60px;}
#header .site-nav .solution a:hover { background-position: -276px -60px;}
#header .site-nav .case a:hover { background-position: -413px -60px;}
#header .site-nav .download a:hover {background-position: -550px -60px;}
#header .site-nav .coop a:hover { background-position: -687px -60px;}
#header .site-nav .map a:hover { background-position: -824px -60px;}
#header .site-nav .home a:active,
#home-page .site-nav .home a, 
#home-page .site-nav .home a:hover,
#xweibo-2 .site-nav .home a,
#xweibo-2 .site-nav .home a:hover  { background-position: 0 -120px;}
#header .site-nav .service a:active,
#service-page .site-nav .service a, 
#service-page .site-nav .service a:hover {background-position: -139px -120px;}
#header .site-nav .solution a:active,
#solution-page .site-nav .solution a, 
#solution-page .site-nav .solution a:hover  { background-position: -276px -120px;}
#header .site-nav .case a:active,
#case-page .site-nav .case a,
#case-page .site-nav .case a:hover { background-position: -413px  -120px;}
#header .site-nav .download a:active,
#download-page .site-nav .download a, 
#download-page .site-nav .download a:hover {background-position: -550px -120px;}
#header .site-nav .coop a:active,
#coop-page .site-nav .coop a, 
#coop-page .site-nav .coop a:hover { background-position: -687px -120px;}
#header .site-nav .map a:active,
#coop-page .site-nav .map a, 
#coop-page .site-nav .map a:hover { background-position: -824px -120px;}

/*首页大图样式*/
.stage-cont { position:relative; width:980px; height:300px; margin:0 auto 17px;}
.top-stage { position:relative; height:300px; }
.top-stage .top-stage-bg { position:relative; width:100%; height:100%;}
.top-stage .top-stage-bg a { position:absolute; text-indent:-9999em; outline:none;}
.top-stage .stage-1-1,
.top-stage .stage-2-1,
.top-stage .stage-3-1,
.top-stage .stage-4-1 { width:980px; height:300px;}








/* 幻灯�&#65533; */
#TabID{ position:absolute; bottom:20px; left:20px;}
#TabID li{list-style:none;float:left;width:16px;height:16px;FILTER:alpha(opacity=80);opacity:0.8;border:1px solid #000000;background-color:#ECF4EC;color:#000000;list-style:none;text-align:center;cursor:pointer;padding:2px 5px 0 5px;margin:0 2px}
#TabID li:hover,#TabID li.active{border:1px solid #000000;background-color:#000000;color:#FFFFFF;}




body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, table,th, td {margin:0;padding:0;}
img {border:0;}
ul,li {list-style-type:none;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
input, textarea, select {vertical-align:middle;}
body {color:#333;font: 12px/23px Tahoma,Verdana,Arial,Helvetica,sans-serif;background:#fff url(header_bg.png) repeat-x 0px 0px; }
a{color: #333;text-decoration:none; outline:none;}
a:hover {color: #f63;text-decoration:underline; }
.clearbox{border-top: 1px solid transparent !important;margin-top: -1px !important;border-top: 0px;margin-top: 0px;height:0px;clear: both;background: none;font-size: 0px;line-height:0px; visibility: hidden;}
.blank{height:7px; }
.none{display:none !important; }
.center{text-align:center; }
a.hot,.hot{color:red !important;}
a.str,.str{color:blue !important}
em.more{float:right;display:inline; font-style:normal;margin-right:10px;}
em.more a{color:#999; }
.wrap{center 0px; }

#container,
#topNav{ margin:auto;width:960px; }
.FL{float:left !important; _display:inline;}
.FR{float:right !important; _display:inline;}
.btn1{width:60px;height:22px;display:block; text-align:center; text-decoration:none !important  }
.inp,.inputtext,.input_onFocus{line-height:18px;height:18px;  border:1px solid #ccc;padding-left:2px; color:#666;font-size:12px;vertical-align:middle; }
.sub{vertical-align:middle;}
.input_onFocus{border:1px solid #78B5F1;background:#F5FAFE;color:#125FAB; }
textarea{padding:1px; }
button{border:none}
.banner{overflow:hidden;clear:both;}
#topNav{ height:29px;clear:both;overflow:hidden;zoom:1;}
#topNavIn{text-align:left;clear:both;overflow:hidden;zoom:1; }
#topNavIn li{float:left;_display:inline; height:25px; margin:2px 0px 0px 1px;width:74px;padding-left:10px; }
#topNavIn li a{float:left;width:100%; height:25px;line-height:24px; text-align:left; color:#487EAA;overflow:hidden;}
#topNavIn li a:hover{text-decoration:none;color:#f30;}
#topNavIn li.on{background:url(bg-topNavIn-on.gif) no-repeat 2px 1px;width:84px !important; }
#topNavIn li.on a{}
#topNavIn li span{background:url(icon-topNav.gif) no-repeat 0px 0px;float:left; _display:inline;width:20px;height:20px;margin-top:3px; cursor:pointer;}
#topNavIn li span.t1{background-position:0 3px; }
#topNavIn li span.t2{background-position:0 -38px; }
#topNavIn li span.t3{background-position:0 -78px; }
#topNavIn li span.t4{background-position:0 -118px; }
#topNavIn li span.t5{background-position:0 -158px; }
#topNavIn li span.t6{background-position:0 -198px; }
#topNavIn li span.t7{background-position:0 -238px; }
#topNavIn li span.t8{background-position:0 -278px; }
#topNavIn li span.t9{background-position:0 -318px; }
#topNavIn li span.t10{background-position:0 -358px; }

.btnTy{color:#4F7EB4 !important;padding-left:25px;display:inline-block;background:url(bg-topNavIn-on.gif) no-repeat 0px -82px; }
.BTNts{}
.BTNservice{background-position:0 -128px; }
.BTNreg{background-position:0 -168px;}
.IsLoginSta{text-align:left;padding-left:25px; width:205px;color:#4F7EB4 !important;  background:url(bg-topNavIn-on.gif) no-repeat 0px -173px;  }
.IsLoginSta em{font-style:normal;color:#0065CC;}
.IsLoginSta a{margin-left:6px;color:#4F7EB4 !important;text-decoration:none; }

#nav{clear:both;background:url(bg-nav.jpg) no-repeat 0px 0px;height:40px; width:980px;  }
#navIn{clear:both;padding:0 0 0 20px;height:40px; }
#navIn li{float:left;_display:inline;  height:40px;  line-height:39px;  }
#navIn li.s{background:url(bg-nav-s.jpg) no-repeat 0 13px;;width:2px;font-size:0px;line-height:0px;height:30px;margin:0 4px;    }
#navIn li a{float:left;_display:inline; font-size:14px;color:#ECF2FB;font-weight:bold;padding:0 14px 0 14px; height:40px; line-height:39px;}
#navIn li a:hover{color:#FFFF00;text-decoration:underline; }
#navIn li#navJob{background:url(navjob.gif) center center no-repeat;}
#navIn li#navJob a{width:55px;}
#navIn li#navJob span{display:none;}
.show{display:none; z-index:999!important}
#NavPro:hover,#navIn .hover{background:url(menupro1.gif) center bottom no-repeat;}
#NavPro{position:relative; z-index:998;}
#NavPro:hover .show,.hover .show{background: #ebf5ff url(menupro2.gif) 185px 15px no-repeat;display:block; position:absolute; top:40px; left:0; width:380px; height:300px; font:bold 14px/22px '宋体'; overflow:hidden;opacity:0.99}
#NavPro .show dl{float:left; width:190px; padding:0; text-align:left; overflow:hidden;}
#NavPro .show dt{display:block;height:36px; line-height:32px; padding-left:20px; padding-top:10px;background: url(menupro3.gif) 15px 42px no-repeat}
#NavPro .show dd{padding-left:5px;}
#NavPro .show a{color:#36C; font-size:14px; height:28px; line-height:28px; font-weight:normal;width:100%;}
#NavPro .show a:hover{color:#036; text-decoration:underline;}

#banner{margin:3px 0 5px 0;height:250px; z-index:0;}
#maina{position:relative;height:250px;zoom:1; }
#maina .current{display:block;}
#featured{height:250px;position:relative;}
.featured_item{height:250px;margin:0 auto;position:relative;top:0;width:980px;overflow:hidden;display:none;}
.featured_item img{height:250px; width:980px; }
.pointer{background:url(pointer.gif) no-repeat scroll left top;height:18px;left:3px;position:absolute;top:18px;width:13px;	}
#featured_bottom{position:absolute;height:45px;width:100%;background:none;filter:alpha(opacity=80);-moz-opacity:.80;opacity:0.8 ;bottom:0px;right:0px;}
.preview_images{height:20px;line-height:20px;position:absolute;right:0px;top:18px;}
.preview_images a img{padding:1px;}
.preview_images a{outline:none;display:block;position:relative;margin-right:8px;float:left; width:20px; background:#fff; text-align:center}
.preview_images a img{border:1px solid #afafaf;background-color:#fff;}
.preview_images a:hover{}
.preview_images .current_prev{background:#333; color:#fff;}
.portfolio_item{border:1px solid #ddd;}
.txtList{}
.txtList li{vertical-align:middle;height:25px;line-height:25px;   }
.txtList li .day{color:#999;float:right;font-size:12px;}
.picList{clear:both;overflow:hidden;}
.picList li{padding:1px 0;float:left;_display:inline;width:100px;text-align:center;    }
.picList li .pe_u_thumb{}
.picList li .pe_u_thumb a{display:inline-block; }
.picList li .pe_u_thumb a img{padding:1px;border:1px solid #B7C0C6; }
.picList li .pe_u_thumb a:hover img{border-color:#4782C4; }
.picList li .pe_u_thumb_title{height:30px;line-height:30px;  }
#container{background:url(bg-cont.jpg) repeat-y 715px 0; clear:both;overflow:hidden;position:relative;  }
.containerWrapper{clear:both;overflow:hidden; background:url(bg-indexMain.jpg) no-repeat 0px 0px;zoom:1; }
.mainContainer{float:left;width:710px;_display:inline;  }


.siderBar{float:right;width:220px;_display:inline;padding-top:6px; margin-right:12px;}
#siderbarBottom{position:absolute; right:0px;bottom:0px;clear:both;overflow:hidden;width:245px; height:13px;font-size:0px;line-height:0px;  background:url(sider-barBottom.jpg) no-repeat 0 bottom;}



#navIn li#navFirst a{color:#ff0;}
.mainBox{width:98%; }
.mainBox h3{text-indent:-9999px;float:left;height:0px;line-height:0px;  font-size:0px; }
.mainBox .mcBox{padding:50px 0px 0 18px;clear:both;overflow:hidden; }
.mainBox .mcBox .tabTits{float:left;width:126px;margin-top:20px;_display:inline;   }
.mainBox .mcBox .tabTits li{text-align:center;height:50px; margin:0px 0;clear:both; cursor:pointer;}
.mainBox .mcBox .tabConts{float:right; width:545px; }
.mainBox .mcBox .tabContsIn{padding:5px 0;display:none; }

#products{}
#products .mcBox{background:url(bg-tabPro-cont1.gif) no-repeat 142px 50px;overflow:hidden;zoom:1;height:400px; }
#products .mcBox .tabConts{height:310px;  }
#products .tabContsIn{padding:5px 0 10px 2px; }
#products .mcBox .tabTits{margin-top:20px;}
#products .mcBox .tabTits li{margin:2px 0;background:none; height:40px;cursor:pointer;  width:100%;float:left; overflow:hidden;}
#products .mcBox .tabTits li a{background:none;height:40px; text-align:right;text-decoration:none;   }
#products .mcBox .tabTits li span{display:inline-block; text-indent:0px;line-height:40px;font-weight:normal;color:#666; text-align:right; padding-right:10px;width:93%;cursor:pointer; }
#products .mcBox .tabTits li.current{background:url(bg-tabPro-tit-cur.png) no-repeat 0px 0; }
#products .mcBox .tabTits li.current span{color:#333;font-weight:bold;}
.tabProIntro{line-height:24px; clear:both;overflow:hidden; padding:8px 5px 5px 0px;text-indent:2em;}
.tabProIntro img{float:left;margin:0; }
#sgov .tabProIntro img{}
.proPointer{margin:0 0 0 4px; overflow:hidden;clear:both;zoom:1; }
.proPointer h4{height:30px;line-height:30px;text-indent:-9999px; color:#F90; overflow:hidden;}
#bi .proPointer h4{background-position:0 -35px; }
#sgov .proPointer h4{background-position:0 -75px; color:#F90}
#sg .proPointer h4{background-position:0 -115px; color:#F90}
#ss .proPointer h4{background-position:0 -155px; color:#F90}
.proPointer table{text-align:center; width:99%;margin:auto; }
.proPointer table td{ padding:1px 12px 1px 0px;text-align:left; ; }
.proPointer table td span{background:url(icon-page.gif) no-repeat 1px -527px; padding-left:12px;}


#industry{width:710px;  background:#fff url(bg-industry.jpg) no-repeat 0px 0px;  }
#industry h3{display:none; }
#industry .mcBox{margin:0px;padding:0px 0 0 0px;background:url(bg-tabInds-cont.gif) no-repeat 117px 10px;  padding-bottom:15px;   }
#industry .mcBox .tabTits{margin:20px 0 0 20px;width:100px; padding-top:45px;}
#industry .mcBox .tabTits li{height:35px;line-height:35px;  background:url(tit-industry.jpg) no-repeat 0px -35px;_margin-left:-16px; overflow:hidden;}
#industry .mcBox .tabTits li a{color:#666}
#industry .mcBox .tabTits li.current{background-position:0 0; }
#industry .mcBox .tabTits li.current a{color:#333;font-weight:bold;}


#industry .mcBox .tabConts{width:580px; float:right;_display:inline;position:relative; }
#industry .mcBox .tabContsIn{position:relative;clear:both;overflow:hidden;zoom:1; }

#industry .mcBoxIn{float:left; width:350px; padding-top:40px;}
#industry .mcBoxIn h4{width:350px; height:22px; line-height:22px; }
#industry .mcBoxIn h4 a{background:url(icon-page.gif) no-repeat 0px 8px; padding-left:10px;display:inline-block;height:22px;line-height:22px;    }
#industry .mcBoxIn p{width:330px;line-height:20px; color:#798797;margin:0px 10px 5px 20px; }


#industry .picList{width:205px;float:right;_display:inline;margin:30px 3px 0 8px; }
#industry .picList li{margin:0 0 0px 0;width:49%;height:100px;  }
#industry .picList .pe_u_thumb_title{line-height:19px; margin-top:5px;height:25px; }


.siderBar{}
.siderBox{margin-bottom:5px;}
.siderBox dt{}
.siderBox dd{margin:0px 5px 0 50px; clear:both;overflow:hidden; }

#statistics{background:url(bg-state.gif) no-repeat 0px 4px; height:91px; padding:9px 10px 0 13px; line-height:35px; }
#statistics p{margin:0;color:#2C506D; }
#statistics p strong{text-align:right; width:70px;display:inline-block; color:#f30;font-size:12px;font-family:tahoma;}


#tabNews{background:url(tit-page.gif) no-repeat 0px 0px;width:220px;  }
#tabNews dt{height:25px; line-height:25px;}
#tabNews dt span{float:left;_display:inline; height:25px;line-height:25px;  }
#tabNews dt span a{;color:#666;text-align:center; display:inline-block;}
#tabNews dt span a:hover{color:#f60;}
#tabNews dt span.current{height:25px;line-height:25px;  }
#tabNews dt span.current a{color:#0065CD; font-weight:bold}
#tabNews dd{background:#fff;border-left:1px solid #AACCF2;border-right:1px solid #AACCF2; margin:0px; padding:0 5px 0 10px; zoom:1;overflow:hidden;  }


#tabNews dd.sBoxBottom{background:url(tit-page.gif) no-repeat 0px -60px;height:7px;line-height:0px;font-size:0px;border:none; margin:0px;   }


#tabNews dd ul{display:none; margin:5px 0; }
.tabFR{float:right !important; }
#tabNews dt span.current a#newsTab1{;background:url(tit-page.gif) no-repeat 0px -80px !important;border-right:1px solid #B6D3F3;  }
#tabNews dt span.current a#newsTab2{;background:url(tit-page.gif) no-repeat -70px -80px !important;border-left:1px solid #B6D3F3;border-right:1px solid #B6D3F3;   }
#tabNews dt span.current a#newsTab3{;background:url(tit-page.gif) no-repeat right -80px !important;border-left:1px solid #B6D3F3;  }
#newsTab1,
#newsTab2,
#newsTab3{width:70px !important; }
#tabNews dd ul li a{background:url(icon-page.gif) no-repeat 0px -334px;padding-left:11px; }
#tabNews dd ul li a:hover{background-position:0 -374px; }



#contract dt,
#reflections dt{text-indent:-9999px;height:55px; }
#contract dd,
#reflections dd{}
#contract{background:url(bg-contract.jpg) no-repeat 0px 0px;height:200px;  }


#reflections{background:url(bg-reflections.gif) no-repeat 0px 0px; height:168px;}
#reflections .list_intro{color:#666;padding:0 10px; }
#contract dt{height:40px; }
#contract dd li{margin:2px 0;  }
.more{text-align:right; }


#demo{overflow:hidden; width: 180px;height:130px;float: left;display: inline;margin-left:20px;}
#ReCustomer{background:url(bg-Customer.gif) no-repeat 0px 0px; height:197px; }
#ReCustomer dt{text-indent:-9999px;height:55px; }
#ReCustomer dd a img{border:1px solid #e3e3e3;margin:2px 0;   }
#ReCustomer dd a:hover img{border-color:#999;}
#ReCustomer dd .pe_u_thumb_title{display:none; }


#link{text-align:center;overflow:hidden;zoom:1;}
#link dt{width:970px;font-weight:bold;font-size:14px;color:#032042;border-bottom:1px solid #DBEAF7; height:35px;line-height:35px; text-align:left; text-align:left;margin:35px auto auto auto;   }
#link dd{width:970px;padding:10px 0; text-align:left; text-align:left; margin:auto;  }
#link dd li{float:left;margin-right:10px; }
#link dd li a{color:#00468B;white-space:nowrap;}
#link dd li.LinkMore a{color:#f63;}



/*页面底部*/
#footer { width:960px; margin:15px auto 0; padding-bottom:30px; color:#666; }
#footer div { float:right; color:#d8d8d8}
#footer a { margin:0 7px; color:#666; }

/*友情链接*/
.links { clear:both; margin:0;}
.links .links-cont { padding:10px 0 10px 70px; line-height:30px;}
.links .links-cont span { margin-left:-70px; color:#888; font-weight:bold;}
.links .links-cont a,
.links .links-cont a:visited { display:inline-block; margin-right:11px; color:#A09F9F; white-space:nowrap;}
.content_more{
width: 710px;
overflow:hidden;
margin-bottom:15px;
}
.content_more_title{height:46px; border:1px solid #d3d3d3; background:#f4f4f4;}
.content_more_title .prots{ width:155px; height:44px; border-top:2px solid #3776dd; border-right:1px solid #d3d3d3; display:block; float:left; overflow:hidden; background:#ffffff url(../images/prots.gif) no-repeat center; text-indent:-999px;;}
.content_more_title .ptoxy{ width:155px; height:44px; border-top:2px solid #3776dd; border-right:1px solid #d3d3d3; display:block; float:left; overflow:hidden; background:#ffffff url(../images/proxy.gif) no-repeat center; text-indent:-999px;;}
.content_more_con{ overflow:hidden; border:1px solid #d3d3d3; border-top:0; padding:10px; line-height:25px;}
