﻿@import url("tab.css");
@import url("product.css");
@import url("banner.css");

html { overflow-x:hidden; 
}

BODY {FONT-SIZE: 12px;  background:#fff url(bg_body.jpg) left top repeat-x; MARGIN: 0px; COLOR: #333; FONT-FAMILY:"宋体", Verdana, Arial, Helvetica, sans-serif;}
 *{padding:0; margin:0;}
LI {LIST-STYLE-TYPE: none}
UL {MARGIN: 0px}
IMG {BORDER: 0px;}
a{color:#333; text-decoration:none}

a{
   blr:expression(this.onFocus=this.blur());   /*    IE Opera    */
    outline:none;   /*    FF Opera    */
}
a:focus{ 
    -moz-outline-style: none;   /*    FF    */
}


TD {FONT-WEIGHT: normal; FONT-SIZE: 12px}
FORM {MARGIN: 0px}


.k_pagelist{ text-align:right; clear:both; width:100%; }
.k_pagelist EM {BORDER-RIGHT: #c0e0f3 1px solid; BORDER-TOP: #c0e0f3 1px solid; FONT: 700 12px/160% Arial; BORDER-LEFT: #c0e0f3 1px solid; BORDER-BOTTOM: #c0e0f3 1px solid; color:#000}
.k_pagelist INPUT {BORDER-RIGHT: #c0e0f3 1px solid; BORDER-TOP: #c0e0f3 1px solid; BACKGROUND: #eef5fe; FONT: 700 12px/160% Arial; BORDER-LEFT: #c0e0f3 1px solid; BORDER-BOTTOM: #c0e0f3 1px solid}
.k_pagelist EM { display:none;PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px}
.k_pagelist STRONG {PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px}
.k_pagelist A { color:#1D6796; padding:1px 10px; border:1px  solid #ccc; background:#fff url(bg_k_pagelist_a.png); line-height:20px; height:20px; margin:0 4px; font-family:Verdana, Arial, Helvetica, sans-serif;}




/*ҳ*/



div.next{display:block;clear:both;width:100%;line-height:26px;text-align:left; margin-top:20px;}
div.info{clear:both;text-align:right;line-height:30px;}
div.info span{display:inline;margin:5px;}
.box{display:table;clear:both;margin:0px;padding:0px;}



#header{ clear:both; margin:0 auto; width:980px;height:115px; overflow:hidden;}
#header ul{ width:980px; }
#header li{ float:left}
#header li#left{ width:200px;}
#header li#right{ float:right; text-align:right; width:780px; overflow:hidden}
#header li#right a{}
#header .logo{ float:left;overflow:hidden;  background:url(logo.gif) no-repeat; margin-left:5px; margin-top:18px;}
#header .logo a{ display:block; width:152px; height:60px;}

#header .topnav{color:#0B72CC; float:right; background:url(topnav.png) no-repeat;  width:420px; height:35px;margin-right:6px; margin-bottom:20px; padding-right:15px; overflow:hidden;}
#header .topnav a{ color:#0B72CC; line-height:32px;}
#header .topnav a:hover{ color:#090}
#header .topnav a.t{ float:left; width:88px; display:block; padding-left:8px; height:33px}
#header .topnav a.cwzx{ float:left ; width:60px; display:block; padding-left:5px; height:33px}
#header .topnav a.pnd{ float:left; width:63px; display:block; margin:0; padding-right:15px; height:33px}

#header .top_search{ margin:10px 0 0 0; background:url(bg_search.gif); width:193px; height:29px;}
.top_search label{ float:left;}
#header .top_search .k_in4{ line-height:20px; margin-top:3px; margin-left:10px;height:20px; color:#4581BD; font-family:Verdana, Arial, Helvetica, sans-serif; border:none; width:154px; background:#F7FBFF;}
#header .top_search .k_submit{overflow:hidden; cursor:pointer; background:url(ico_search.gif); width:19px; height:22px; border:none; margin-top:3px;}
#header .top_search .k_search{ margin:30px 0 0 18px; padding-top:22px}
#header .top_search .k_search p{ margin-top:2px}




	/* 下拉菜单 */
	
	#header #topright {float:left;}

	#menu {height:52px;list-style-type:none;text-align:left;clear:both;margin:0px;padding:0px; background:url(bg_MainMenu.png) left top no-repeat;}
	#menu li {float:left; height:36px}
	#menu li a{line-height:25px;}
	#menu span#home{ display:block; background:url(menu_home.png); width:100px; height:36px; margin-left:28px;}
	#menu span#home a{ display:block; background:url(menu_home.png); width:100px; height:36px;}
	#menu span#about a{ display:block; background:url(menu_about.png); width:100px; height:36px;}
	#menu span#pro a{ display:block; background:url(menu_pro.png); width:100px; height:36px;}
	#menu span#news a{ display:block; background:url(menu_news.png); width:100px; height:36px;}
	#menu span#jobs a{ display:block; background:url(menu_hr.png); width:100px; height:36px;}
	#menu span#contact a{ display:block; background:url(menu_contact.png); width:100px; height:36px;}
	#menu span#feedback a{ display:block; background:url(menu_feedback.png); width:100px; height:36px;}
	
		
	#menu .u1,#menu .u4{ padding:2px 10px; text-align:center; line-height:24px; height:24px; width:273px;margin-left:-50px;}
	#menu .u1 a,#menu .u4 a{display:block ; float:left; margin-left:3px;}
	#menu .u2{ padding:2px 10px; text-align:center; line-height:24px; height:24px; width:736px;margin-left:-240px;}
	#menu .u2 a{ display:block ; float:left; margin-left:3px; }
	
	#menu .u3,#menu .u5{ padding:2px 5px; text-align:center; line-height:24px; height:24px; width:153px;margin-left:-10px; }
	#menu .u3 a,#menu .u5 a{display:block ; float:left; margin-left:3px; }

	
	#menu li a:visited,
	#menu li a:link {text-decoration:none;}
	#menu li.sfhover ul{left:auto;}
	#menu li ul {display:table;padding:0px;line-height:20px;left:-999em;position:absolute; 
		z-index:2000;float:left;list-style-type:none;margin:0px;}
	#menu li ul li{margin:0px;padding:0px;float:left;display:table;}
	#menu li ul li a:link,
	#menu li ul li a:visited,
	#menu li ul li a{display:block;color:#005EC6;padding:0px 0px 0px 10px;}
	#menu li ul li a:hover{ color:#FF6600;font-weight:normal;}

/*
首页代码
*/
#indexbanner{  margin:0 auto 0 auto; clear:both; width:980px; background:#fff; padding:1px 0; display:block; height:300px;position: relative} 

#banner{  margin: 0 auto; clear:both; width:980px; background:#fff; padding:1px 0; display:block; height:auto;position: relative} 

#indexbox{width:988px; height:100%; background:url(bg_indexbox.png);clear:both; margin:5px auto 6px auto; overflow:hidden; position: relative; padding:0;}
.indexboxul{ width:980px;height:198px; overflow:hidden; margin:0 auto;}
#indexbox li{ float:left}
#indexbox li#left{ width:340px; height:198px; float:left; overflow:hidden;}
#indexbox li#center{ width:380px; height:198px; float:left; overflow:hidden; margin:0 10px;}
#indexbox li#right{width:240px; height:198px; float:right; overflow:hidden}



#indexbox li#left .show{ margin:10px auto; width:320px;}
#indexbox li#left .show ul{ margin:0 auto; width:320px; overflow:hidden}
#indexbox li#left .show li{ clear:both; width:100%;line-height:210%}
#indexbox li#left .show span{ float:right; color:#999;}
#indexbox li#left .show a{ color:#666; float:left;}
#indexbox li#left .show a:hover{ color:#0059BB}

#indexbox li#center .xptj{clear:both; height:30px; border-bottom:1px solid #D7E9F0; margin:4px auto 0 auto;width:380px; overflow:hidden}
#indexbox li#center .xptj h1{font-size:14px;text-indent:10px;line-height:30px; float:left; width:100px;}
#indexbox li#center .xptj h1 a{ color:#2872B5; font-weight:bold;}
#indexbox li#center .xptj h1 a:hover{ text-decoration:underline}
#indexbox li#center .xptj h2{ float:right; background:url(xptj_botton.png); width:52px; height:20px; overflow:hidden; margin-top:5px; margin-right:3px;}

#indexbox li#center .show{ width:400px; margin:0 auto;}
#indexbox li#center .show ul{ margin:0 4px; }
#indexbox li#center .show li{ width:350px; margin-right:8px;float:left; overflow:hidden}

#indexbox li#center .proimg { float:left; width:135px; overflow:hidden; padding-right:5px;}
#indexbox li#center .proimg img{ width:135px; height:110px;}
#indexbox li#center .pro_right{float:left; line-height:180%; color:#666; float:left; overflow:hidden; width:210px;}
#indexbox li#center .show h1{ font:16px "Microsoft YaHei", Arial, Tahoma !important;text-decoration:none;white-space:nowrap; margin-bottom:5px}
#indexbox li#center .show h1 a{ color:#f60; text-decoration:none; font-weight:bold;}
#indexbox li#center .show h1 a:hover{text-decoration:underline}


#indexbox li#right h1{ height:30px; line-height:30px; color:#2872B5;font-size:14px; font-weight:bold; width:240px; border-bottom:1px solid #D7E9F0; margin-top:4px; text-indent:10px}
#indexbox li#right h1 a{ color:#2872B5;height:30px; }
#indexbox li#right h1 a:hover{ text-decoration:underline;}
#indexbox li#right .show{color:#666; width: 230px; margin:0 auto}
#indexbox li#right .show ul{ padding:5px; margin:0}
#indexbox li#right .show li{ clear:both; width:100%; line-height:180%;}
#indexbox li#right .show a{ color:#666; float:left;}
#indexbox li#right .show a:hover{ color:#0059BB}



/*
首页滚动新产品代码
*/

.blk_18 { OVERFLOW: hidden;  WIDTH:388px; ZOOM: 1; margin: 8px auto; height:153px;} 
.blk_18 .pcont {
FLOAT: left; OVERFLOW: hidden; WIDTH: 358px; overflow:hidden; margin:0px auto;}
.blk_18 .ScrCont {
WIDTH: 32766px; ZOOM: 1
}
.blk_18 #List1_1 {
FLOAT: left
}
.blk_18 #List2_1 {
FLOAT: left
}

.LeftBotton {FLOAT: left; MARGIN:0; WIDTH:26px; HEIGHT: 20px}
a:hover.LeftBotton { background:url(xptj_botton2.png); }
.RightBotton {FLOAT: left; MARGIN:0; WIDTH:26px; HEIGHT:20px}
a:hover.RightBotton{ background:url(xptj_botton2.png) right top; height:20px;}





/*
内页代码
*/

#contentbox{ width:980px; background:url(leftnav.jpg) top left no-repeat; display:table; height:100%; clear:both; margin:0 auto; overflow:hidden; position:relative }
#contentbox ul{ margin:0;}
#contentbox li{ float:left; )}
#contentbox li#left{ width:195px; overflow:hidden; height:400px;}
#contentbox li#right{ float:right; background:url(bg_contentbox_right.gif) left top repeat-y; width:785px; overflow:hidden }

#guide{ clear:both; display: block; background:url(bg_guide.png); height:29px; line-height:29px; text-indent:10px; color:#003366;}
#guide a{ color:#003366;}
#guide a:hover{ color:#009900}


#contentshow{clear:both; padding:20px 10px;}
#onepage{line-height:190%; font-size:12px; padding-bottom:20px; display:block}
#onepage p{	clear:both;}
#onepage a{ text-decoration:underline}

#leftnav h1{ margin-bottom:16px;}
#leftnav{ clear:both; width:195px; }
#leftnav ul{ width:170px; margin:0 auto}
#leftnav li{clear:both; border-bottom:1px solid #4587BC;text-indent:8px; margin:0 auto; width:170px; overflow:hidden}
#leftnav li a{line-height:26px; clear:both;}
#leftnav li a:hover{ color:#f60; text-decoration:none; text-decoration:underline}
#leftnav li.bold{ background:#005BBF; color:#fff; display:block}
#leftnav li.bold a{ color:#fff}



#leftad{ padding-top:30px; clear:both; margin:auto; width:100%; text-align:center}




/*
内页代码 人才招聘职位一览表
*/


.jobslist{ clear:both;  margin:0 auto;}
.jobslist table{width:96%; margin:0 auto 24px auto;  }
.jobslist td{  padding:5px; line-height:150%; color:#666}
.jobslist .zw{ color:#0066CC; font-size:14px; font-weight:bold}

.jobslist  .button { border:1px #E1E1E1 solid; height:24px; 
	background-color: #F3F3F3; line-height:16px;
	background: url(bg_hr_input.gif); cursor:pointer;
	background-repeat: repeat-x;
}
.jobslist .TextBox{
	border:1px solid #64BCE1;
	margin:3px 0; padding:1px 0;
	background-color: #F4FCFF;
}
.jobslist .textfield{
	border-top-width:1px;
	border-bottom-width:2px;
	border-left-width:1px;
	border-right-width:2px;
	font-size: 12px;
	color: #2f2f2f;
}


/*
内页代码留言簿
*/

#feedback_title{ line-height:200%; background:url(con_pic.jpg) right bottom no-repeat; border-bottom:1px solid #ddd; margin-bottom:16px; margin-top:14px;}
#feedback_title p{ width:60%; padding-left:10px; padding-bottom:17px;}
#feedbacklist{ clear:both; margin:25px auto; font-size:12px; color:#333}

.k_form{ clear:both; margin:0 auto; padding:5px}
.k_form p{  margin:5px 0; }
.k_form label{ float:left; font-size:14px; line-height:25px; clear:both;}
.k_form .k_in2{ background:url(ico_k_sub.png); width:98px; height:30px; cursor:pointer; border:none; margin-top:4px; }
.k_form textarea{ background:#F8FBEF; border:1px solid #C9C9C9; padding:3px; overflow:auto; font-family:Verdana, Arial, Helvetica, sans-serif;}
.k_form .k_error{ color:#090; padding:0 0 0 5px;}
.k_form .k_in3{text-indent:3px; line-height:20px; height:20px;margin-left:6px; background:#F8FBEF; border:1px solid #C9C9C9}




/*
内页代码 新闻
*/


.newslist{ padding:10px;}
.newslist li{ clear:both; line-height:180%; width:100%; margin-bottom:10px; border-bottom:1px solid #ddd;}
.newslist li a{ color:#0060C9; font-size:12px; margin:0;}
.newslist li a:hover{ text-decoration:underline}
.newslist p{ margin:0}
.newslist li span{ padding-right:20px}
.newslist .left{ float:left; display:block;width:100px;}
.newslist .right{ float:right; width:630px;}


.lifelist{ margin:0 auto; overflow:hidden; width:745px; height:660px;}
.lifelist ul{ width:764px;}
.lifelist li{ float:left; background:url(bg_life.gif); width:362px; height:202px; overflow:hidden;  margin-bottom:15px; margin-right:20px;}
.lifelist dl{ width:350px; height:190px; display:table; margin:6px; overflow:hidden;}
.lifelist dl dt{ float:left; margin-top:13px;}
.lifelist dt.l{ text-align:center; width:100px; overflow:hidden; height:120px}
.lifelist dt.r{width:245px; overflow:hidden}
.lifelist dt.l a{ display:block;  background:url(bg_life_ico.gif) center top no-repeat; width:68px; height:68px; margin:0 auto; text-align:center; padding:10px;}
.lifelist dl img{ width:68px; height:68px; display:block; background:#fff; margin:auto} 
.lifelist dl a img {FILTER: Alpha(Opacity=80); }
.lifelist dl a:hover img {FILTER: Alpha(Opacity=100); }

.lifelist p{ margin:0; line-height:180%;}
.lifelist h1{ background:url(ico_life_li.gif) 3px center no-repeat; margin-top:5px; margin-bottom:5px;}
.lifelist h1 a{ text-decoration:underline; color:#0060C9; font-size:12px}
.lifelist h1 a:hover{ text-decoration:none}
.lifelist span{ color:#f60; font-size:11px; text-align:center; margin:5px auto; width:86px;font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; }





.content{  padding:5px}
.content  p{ font-size:12px; line-height:188%; }
.content .title{  font:22px "Microsoft YaHei", Arial, Tahoma !important;}
.content img{display:block;}
.content .news_info{ background:url(bg_show_fengongsi.gif) left bottom repeat-x; padding-bottom:6px;  margin:15px auto; color:#999; text-align:right; width:98%;}
.content hr{ border-bottom:1px solid #ccc; height:1px;background:none}

.contentshow hr{ border-bottom:1px solid #ccc; height:1px;}
.case { padding:0 10px 35px 10px;}

.companymedia{height:360px; text-align:center; width:480px; margin:0 auto 8px auto;}
/*
内页联系我们代码
*/

.show_fengongsi{ width:700x;}
.show_fengongsi ul{ width:710px; overflow:hidden; margin: 0 auto}
.show_fengongsi li{ float:left; padding:10px 0 0 5px;width:350px; background:url(bg_show_fengongsi.gif) left bottom repeat-x; padding-bottom:6px; height:100%; display:table; height:92px; overflow:hidden}
.show_fengongsi h1{ font-size:14px; color:#0053A6; font-weight:normal; background:url(ico_fengongsi_h1.gif) left center no-repeat; text-indent:10px;}
.show_fengongsi p{ width:350px; font-size:12px;}

/*
内页企业荣誉代码
*/
.show_honor { line-height:20px;  overflow:hidden}
.show_honor ul{ margin-top:25px; padding-left:11px;}

.show_honor .t,.show_honor .c{ color:#0059BB; margin:0; float:left;}
.show_honor li{padding-bottom:16px; color:#317EC4; width:100%; clear:both; border-bottom:1px solid #f2f2f2; margin-bottom:20px;}
.show_honor .t {font:44px Arial, Tahoma !important;font-weight:900; float:left; color:#96CC00; margin-right:10px; width:100px; overflow:hidden;}
.show_honor p{ width:620px;border-left:3px solid #96cc00; padding-left:15px; text-align:left}


.show_zizhi{ clear:both; overflow:hidden;}
.show_zizhi li{  background:url(bg_show_honor.gif) left bottom repeat-x; margin-bottom:12px; padding-bottom:14px; width:100%; clear:both; color:#555; line-height:188%;}
.show_zizhi b{ color:#0059bb}
.show_zizhi h1{ clear:both; width:100%; font:22px "Microsoft YaHei", Arial, Tahoma !important; color:#990033}
.show_zizhi hr{ clear:both; border:1px solid #fff; margin:5px 0 }
.show_zizhi li .l{ float:left; width:155px; text-align:center; overflow:hidden}
.show_zizhi li .r{ float:left}


/*
内页代码 gpsking列表
*/
#gpskinglist{ clear:both;overflow:hidden; display:block;margin:12px auto 10px auto;  }
#gpskinglist ul{ width:700px; margin: 0 auto; }
#gpskinglist li{ float:left; width:25%;overflow:hidden; height:150px; text-align:center;}
#gpskinglist h1{ font-size:12px; clear:both; margin:5px auto;text-align:center; font-weight:normal}
#gpskinglist li img{ width:135px;height:110px;  position:relative; }
#gpskinglist a{ color:#f60; width:100%; text-align:center; font-weight:normal;}
#gpskinglist a:hover{ color:#f60}





#gpskinglist2{ clear:both; margin:12px auto 10px auto; height:auto; display:table}
#gpskinglist2 ul{ width:700px; margin: 0 auto; }
#gpskinglist2 li{ float:left; width:350px;overflow:hidden; height:130px; position:relative;}
#gpskinglist2 h1{ font-size:12px; clear:both; margin:2px 0; font-weight:normal}
#gpskinglist2 li img{ width:135px;height:110px;  float:left; display:block}
#gpskinglist2 a{ color:#f60;font-weight:normal;}
#gpskinglist2 a:hover{ color:#f60}
#gpskinglist2 dd{ float:left; text-align:left; background:none}
#gpskinglist2 dd.l{ width:135px; float:left;}
#gpskinglist2 dd.r{ float:right; width:200px; padding-left:5px; line-height:150%;}
#gpskinglist2 p{ clear:both}
#gpskinglist2 .new{position: absolute; top:5px; left:5px;}
#gpskinglist2 .new img{ width:44px; height:45px;}



#caselist{ clear:both;overflow:hidden; display:block;margin:12px auto 10px auto; height:438px;}
#caselist ul{ width:700px; margin: 0 auto; }
#caselist li{ float:left; width:33%; padding-bottom:12px; overflow:hidden; }
#caselist h1{clear:both; margin:5px 0;font-weight:normal; background:url(bg_caselist_h1.jpg) left center no-repeat; width:223px; height:23px; height:26px; overflow:hidden;}
#caselist h1 a{ font-size:12px; font-weight:bold; background:none; margin-left:26px; color:#fff;}
#caselist a:hover{ color:#ff0}
#caselist li ul{ clear:both;width:100%; display:block; height:160px; overflow:hidden;}
#caselist li ul li{ clear:both; width:100%; padding-bottom:0; font-weight:normal}
#caselist li ul li a:hover{ color:#f60}


#solutionslist{clear:both;overflow:hidden; display:block;margin:12px auto 10px auto; height:438px;}
#solutionslist ul{ width:710px; margin: 0 auto; }
#solutionslist li{ float:left; width:340px; padding-bottom:17px; overflow:hidden; margin-right:15px}
#solutionslist h1{ font-size:14px; font-weight:bold; background:none; clear:both}
#solutionslist p{ clear:both}



#accessorieslist{ clear:both;overflow:hidden; display:block;margin:12px auto 10px auto;}
#accessorieslist ul{  margin: 0 auto; }
#accessorieslist li{ float:left; width:25%;overflow:hidden;  text-align:center; padding-bottom:15px;}
#accessorieslist img{ width:135px;height:116px; }

#accessorieslist h1{ font-size:12px; clear:both; margin:5px auto;text-align:center; font-weight:normal}
#accessorieslist a{ color:#f60; width:100%; text-align:center; font-weight:normal;}
#accessorieslist a:hover{ color:#f60}


/*
内页代码 产品列表
*/
#prolist{ clear:both;overflow:hidden; display:block;margin:12px 0 10px 0; height:500px;}
#prolist li{ float:left;  width:25%; overflow:hidden; height:150px; text-align:center}
#prolist  img{ display:block; background:#fff; width:135px; height:110px;}
#prolist h1{ clear:both; font-size:12px; height:25px; line-height:25px;overflow:hidden; margin:5px 0; width:100%;}
#prolist  h1 a{color:#f60; font-weight: normal;}
#prolist  h1 a:hover{color:#f60; text-decoration:none}
#prolist .pro_description{ line-height:200%; margin:0;}

/*
gps系统列表
*/
#xtlist{ clear:both;overflow:hidden; display:block;margin:12px 0 10px 0; height:500px;}
#xtlist li{ float:left;  width:25%; overflow:hidden; height:150px; text-align:center; padding-bottom:16px;}
#xtlist  img{ display:block; background:#fff; width:135px; height:110px; margin:0 auto}
#xtlist h1{ clear:both; font-size:12px; height:25px; line-height:25px;overflow:hidden; margin:5px auto;}
#xtlist  h1 a{color:#f60; font-weight:normal;}
#xtlist  h1 a:hover{color:#f60; text-decoration:none}






/*
应用案例内容页
*/


#anlilist{ clear:both;overflow:hidden; display:block;margin:12px auto 10px auto; height:438px;}
#anlilist ul{ width:700px; margin: 0 auto; }
#anlilist li{ float:left; width:33%; padding-bottom:12px; overflow:hidden; }
#anlilist li a:hover{ color:#f60}



.anli{ padding:5px 10px; clear:both; font-size:12px; line-height:188%; }
.anli .biaoti{  font:22px "Microsoft YaHei", Arial, Tahoma !important; background:url(bg_show_fengongsi.gif) left bottom repeat-x; padding-bottom:26px;  }
.anli .title{ font-weight:bold; clear:both;}

.anli hr{ height:1px; overflow:hidden; clear:both; border:none; border-bottom:1px solid #ccc; margin-top:10px}


/*
底部代码
*/

#footer { width:988px; margin:0 auto;background:#0053A6 url(bg_footer.gif); color:#fff; line-height:38px; height:38px;}
#footer .copyright{ float:left;text-indent:15px}
#footer .nav{ float:right; margin-right:5px}
#footer .nav a{ color:#fff; padding-right:2px;}
#footer .nav a.beian { background:none}
#footer .copyright a{ color:#fff;}
#footer .copyright a:hover{ color:#fff;}
#count{ height:1px ; overflow:hidden; text-indent:-999px}

