@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,th,td { margin:0; padding:0;}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0; }
caption,em { font-style:normal; font-weight:normal; }
ol,ul {	list-style:none;}
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6,input { font-size:100%;}
/*以上是Reset*/
body { font:12px/120% arial,nsimsun,sans-serif; background-color:#666; }
.text-hidden { text-indent:-5000px; }
a { text-decoration:none; color:#00587c; }
a:hover { text-decoration:underline; color:#63922c; }
.ie-float { display:inline; }
.header h1 { background-image:url(../images/space.png); }
.wrap { width:988px; margin:0 auto; padding:0 0 90px 0; background:#fff url(../images/body.png) repeat-y left top; }
h2,h2 a { color:#333; }
.plan h2,.plan h2 a,.nav li a,.nav li a:hover,.plan-title ul a { color:#fff; }
.pub-border,.case-list li p.case-img { border:#d3d3d3 1px solid; }
a.more,.more-col2,.side-menu a { float:left; background:url(../images/icon-more.png) no-repeat left 50%; padding-left:10px; }
.wrap:after,.news-list:after,.case-list:after,.customer-c:after,.gutter:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }

.header { background:url(../images/top.jpg) no-repeat left top; height:96px; margin:0 11px; position:relative; z-index:11; }
.header h1 { width:966px; height:67px; text-indent:-5000px; margin-bottom:-67px; }
.header form { float:right; width:175px; height:26px; margin:30px 0 0 0; padding:0 10px 0 22px; background:url(../images/search.png) no-repeat left top; }
.header form input.sr,.header form input.button { border:0; background-color:transparent; float:left; *padding-top:3px; }
.header form input.sr { float:left; width:115px; padding:2px 0 10px 0; margin-right:4px; line-height:140%; }
.header form input.button { width:55px; height:20px; color:#fff; cursor:pointer; }
.nav { background:url(../images/nav-bg.png) repeat-x left top; height:29px; clear:both; padding:0 50px; }
.nav li { float:left; font-weight:bold; padding:0 3px; position:relative; }
.nav li a { float:left; padding:4px 8px; height:14px; }
.nav li a:hover { background:url(../images/nav-bg-hover.png) repeat-x left top; }
.nav li a.down,.nav li a.down:hover,.nav li:hover a.down,.nav li.sfhover a.down { background:url(../images/nav-down-bg.png) no-repeat right 0px; padding:4px 15px 4px 8px; float:left; height:14px; overflow:hidden; }
.nav li a.down:hover,.nav li:hover a.down,.nav li.sfhover a.down { background-position:right -22px; }
.nav li ul,.nav li ul { clear:both; float:none; position:absolute; background:url(../images/menu-bg.png) no-repeat left bottom; width:142px; top:22px; left:-30000px; padding:5px 0 20px 5px; overflow:hidden; }
.nav li ul li,.nav li ul li { float:none; font-weight:normal; background:url(../images/topmenu-border.png) no-repeat left top; padding:4px 0 3px 10px; *padding-bottom:2px; }
.nav li ul li a,.nav li ul li a:hover { float:none; background:none; padding:0; height:auto; }
.nav li:hover ul,.nav li.sfhover ul { left:3px; }

.version { padding:30px 0 0 250px; height:37px; float:left; clear:left; }
.version li { float:left; background:url(../images/icon-version.png) no-repeat left center; padding:0 40px 0 15px; }
.version li a { color:#333; }

.area1 { clear:both; width:966px; margin:0 11px; position:relative; z-index:1; }
.plan { background:url(../images/home-pic-leftbg.png) no-repeat left top; width:280px; height:175px; float:left; padding:20px 0 0 35px; }
.plan h2 { padding:2px 0 15px 0; }
ul.plan-title  { float:left; margin-left:-17px; display:inline; padding:2px 0 15px 0;}
ul.plan-title li { cursor:pointer; float:left; color:#75b3df; font-weight:bold; margin:0 0 0 15px ; display:inline; }
ul.plan-title li.one { color:#fff; }
.plan a,.plan a:hover { color:#eee; }
.plan a.more { float:left; clear:both; background:url(../images/icon-more-plan.png) no-repeat left 50%; padding:0 0 0 10px; white-space:nowrap; }
.plan-list ul { float:left; margin:20px 0 25px 0; }
.plan-list ul li { background:url(../images/icon-plan.jpg) no-repeat left 50%; padding:0 0 0 10px; float:left; white-space:nowrap; margin:5px 30px 0 0; display:inline; width:95px; }
.home-flash { background:url(../images/home-flash-bg.png) no-repeat left top; height:187px; width:642px; float:right; padding:7px 9px 1px 0; }
.home-flash img { display:block; height:187px; width:642px; }

.area2 { background:url(../images/area2-bg.png) repeat-y left top; float:left; clear:both; width:966px; margin:0 11px; display:inline; }
.gutter { background:url(../images/shadow.png) no-repeat left bottom; padding:0 9px 13px 9px; width:948px; zoom:1; }
.product h2,.program dl dt { background:url(../images/icon-title.png) no-repeat; }
.product div ul li,.program dl dd,.customer-c dd { background:url(../images/icon-product.png) no-repeat left 50%;}

.col1 { background:#e5e5e5 url(../images/area2-left-bg2.png) no-repeat left top; width:306px; float:left; height:345px; }
.hayden { border-width:0 1px 1px 1px; padding:0px 23px; float:left; width:258px; height:345px; margin-bottom:-130px; }
.hayden h2 { padding:13px 0 25px 27px; }
.hayden p { line-height:140%; color:#333; padding:0 0 15px 0; }
.product { height:130px; float:left; clear:both; width:306px; }
.product h2 { background-position:23px 50%; padding:3px 0 1px 38px; height:15px; border-width:1px 0px; width:267px; color:#333; }
.menu-pro { margin:-23px 0 1px 150px; _margin:-22px 0 0 150px; height:30px; position:relative; }
.menu-pro li { float:left; width:76px; height:30px; line-height:200%; *line-height:220%; font-weight:bold; text-align:center; color:#00587c; }
.menu-pro li.one { background:url(../images/product-menu.png) no-repeat left top; width:76px; height:30px; color:#fff; cursor:pointer; }
.menu-pro li.one { _background-image:url(../images/product-menu-8.png); }
.product div.pro-list { background:url(../images/product-bg-list.png) repeat-x left top; margin:-8px 1px 0 1px; padding:25px 0 0 0; zoom:1; }
.product div.pro-list:after { content:"."; display:block; clear:both; visibility:hidden; height:0; }
.product div ul { float:left; clear:both; padding:0 0 0 25px; }
.product div ul li { float:left; padding: 0 20px 0 12px; width:60px; margin-bottom:3px;}
.eam-list { display:block; }
.sms-list { display:none; }

.col2 { float:left; width:637px; height:334px; background:#f2f2f2 url(../images/col2-bg.png) repeat-x left top; padding:12px 0 0 5px; }
.news h2,.program h2 { background:url(../images/col2-title2.png) no-repeat right top; height:14px; border-width:0 0 0 1px; padding:4px 0 4px 20px; }
.news h2 { background-image:url(../images/col2-title-news.png);}
.more-col2 { display:block; width:30px; float:none; margin:-18px 0 4px 373px; height:14px; _margin-bottom:2px; }
.news { width:414px; margin:0 10px 0 5px; float:left; display:inline; height:183px; }
.news ul { height:131px; background-color:#fff; padding:15px 20px; width:372px; border-width:0 1px 1px 1px; overflow:hidden;}
.news li,.news-list li { background:url(../images/icon-news-list.png) no-repeat left 50%; padding:0 0 0 15px; margin:1px 0 3px 0; float:left; }
.news li a { float:left; width:285px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; margin-right:5px; }

.service { float:left; background:url(../images/home-tell2.png) no-repeat left 25px;; height:183px; width:208px; }
.service h2 { background:url(../images/zixun-t-bg2.png) no-repeat left top; width:191px; height:21px; color:#fff; padding:4px 0 0 17px; }
.service a.contact { margin:123px 0 0 40px; display:block; width:80px; }
.program { padding:10px 0 0 5px; float:left; width:632px; display:inline; }
.pro-content { height:108px; overflow:hidden; background-color:#fff; border-width:0 1px 1px 1px; }
.pro-logo { padding:10px 0 0 3px; float:left; width:462px; }
.pro-logo li { background:url(../images/pro-logo-bg.png) no-repeat center top; height:72px; width:72px; float:left; margin:0 0 0 5px; display:inline; padding:7px 8px 13px 8px; }
.pro-logo li img { width:72px; height:72px; display:block; background-color:#333333; }
.program dl { float:right; background:url(../images/dl-pro2.png) no-repeat 6px 10px; height:85px; width:136px; padding:10px; color:#333; }
.program dl dt { background-position:10px 7px; padding:3px 0 6px 25px;  }
.program dl dd { background-position:23px 50%; padding-left:35px; }
.custom { margin:-18px 25px 4px 0; text-align:right; height:14px; _margin-top:-17px; }


.web-link { height:22px; float:right; margin-bottom:-35px; position:relative; padding:5px 10px 0 0;}
.web-link h2,.web-link ul { float:left; color:#666; }

p.nav-bottom { background:url(../images/footer-bg.png) repeat-x left top; height:25px; width:956px; float:left; padding:5px 0 0 10px; }
p.copy-right { text-align:right; padding-right:10px; clear:left; }
p.copy-right span { font-size:10px; }
.footer { background:url(../images/body-bottom3.png) no-repeat left bottom; height:90px; padding:0 11px 16px 11px; margin:0 auto -90px auto; width:966px; color:#666; float:left;}
.footer a,.custom,.custom a,.web-link ul a  { color:#666; }

/*二级页面样式，开始*/
.side-bar { float:left; width:170px; padding:8px 0 0 6px; margin-right:-176px; position:relative;}
	.side-menu { background:url(../images/other-temp/side-menu.png) no-repeat left bottom; padding:0 4px 50px 4px; }
		.side-menu h2 { background:url(../images/other-temp/side-menu-title.png) no-repeat left top; height:20px; color:#fff; padding:3px 15px; }
		.side-menu ul { padding:4px 1px;}
		.side-menu ul li { clear:left; margin:2px 0 0 0; padding:2px 0 2px 15px;  }
		.side-menu ul li.display-now { background:url(../images/other-temp/side-menu-list-bg.png) repeat-x left top; }
		.side-menu a { font-weight:bold; padding-left:13px; }
		.side-menu ul li.display-now ul { background-color:#e5e5e5; margin:0 0 0 -15px; }
		.side-menu ul li.display-now ul li { padding:0 0 0 23px;}
		.side-menu ul li.display-now ul li a { font-weight:normal; background:url(../images/product-list-left-icon.png) no-repeat left center; color:#666; padding-left:10px; }
	.contact-us { background:url(../images/other-temp/contact.png); width:144px; height:90px; margin:5px 0 0 0; padding:100px 0 0 26px; }
.main-right { padding:8px 0 0 17px; width:949px; }
	.other-pic { background-color:#eeeeee; padding-left:164px; height:131px; width:776px; }
		.other-pic img { width:776px; height:131px; display:block; }
	.content { width:776px; min-height:450px; _height:450px; border-top:#fff 1px solid; border-bottom:#fff 1px solid; background:#eee url(../images/other-temp/c-main-bg.gif) repeat-y left top; padding:8px 0 70px 164px;}
	.content h2 { padding:2px 40px; height:14px; }
	.c-main { line-height:180%; padding:40px; }
	.c-main p { margin-bottom:20px; }
	
.news-list,.case-list { padding:20px 40px; width:696px; }
.news-list li { background-position:left 18px; padding:15px 0 15px 15px; border-bottom:#fff 1px solid; width:681px; }
.news-list li h3 { float:left; height:14px; margin-right:5px; }
.news-list li p.list-time { float:left; height:14px; }
.news-list li p.list-c { clear:left; float:left; padding:5px 0 0 0; width:681px;}

.case-list {  }
.case-list li { float:left; padding:15px 0; border-bottom:#fff 1px solid; width:696px; }
.case-list li h3 { float:right; width:619px; }
.case-list li p.case-img { float:left; width:65px; height:65px; margin-right:10px; }
.case-list li p.case-img img { width:65px; height:65px; display:block; zoom:1; }
.case-list li p.case-c { float:right; width:619px; margin-top:5px; }

.customer-kid { float:left; margin:0 0 10px 0; line-height:120%;}
.customer-kid dt { float:left; font-weight:bold; color:#666; }
.customer-kid dd { float:left; padding:0 7px 0 7px; border-right:#d3d3d3 1px solid; }
.customer-kid dd a { text-decoration:underline; }
.customer-c { padding-top:0; line-height:120%; }
.customer-c dt { float:left; background:#bacdd5; border:#98adbf 1px solid; color:#00587c; font-weight:bold; height:14px; padding:2px 5px; margin:10px 0; width:684px; }
.customer-c dt a { color:#00587c; }
.customer-c dd { height:14px; padding:2px 0 2px 20px; background-position:10px 50%; margin:0 0 5px 0; float:left; width:300px; }

.page { height:16px; padding:2px 40px; }
.page a { float:left; height:14px; padding:1px 3px; margin-right:3px; border:#fff 1px solid;  }
.page a:hover { background-color:#5b94cd; color:#fff; }
.page a.now-dis { background-color:#1c6093; color:#fff; border-color:#1c6093; }
/*二级页面样式，结束*/