﻿/* css document */

/*------------------------------------全局css------------------------------------*/
* { margin:0px; padding:0px; border:0px; }

body { color: #000; text-align: center; font:12px Arial; margin-top:0px; background:#E1E1E1;margin:0 auto; }

table { border-collapse:collapse; font-size:12px; }

img { border: 0px }

a { color: #07519a; text-decoration: none }

a:hover { text-decoration: underline }

.red { color: #c00 }

.gray { color: #333 }

.blue { color: #039; }

.orange { color: #f60 }

cite, em { font-weight: bold; font-style: normal }

div, form, img, p, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; border: 0; font-size:12px; font-weight:normal; }

ol, ul, li { list-style: none }

caption, th { text-align:left; }

input,textarea, select ,button {padding:-2px;  font-size:12px; }
input {border: 1px solid #ccc; height:24px; line-height:24px; color: #000;}
#btn{BORDER-RIGHT: #7b9ebd 1px solid;  BORDER-TOP: #7b9ebd 1px solid;  BORDER-LEFT: #7b9ebd 1px solid; CURSOR: hand; BORDER-BOTTOM: #7b9ebd 1px solid;background:#fff;}

textarea { border: 1px solid #ccc; }

.none { display: none; }

.clear { margin:auto; padding:0; clear: both; overflow: hidden; height:5px; }

.space { clear:both; font-size:0; line-height:0; }

/*首页两侧文章列表*/
.list { width:245px; border:1px solid #c9d9ee; background-color: #fff; float:left;}

.list h1 { height:30px;  background:url(images/link-bg.gif) repeat-x; text-align:left; color:#036; font-weight:bold; line-height:25px;font-size:14px;padding-left:10px; }
/*.list h1 span{background:url(images/plist_t.gif) no-repeat;width:121px;height:30px;display:block;margin:0 0 1px 1px;color:#fff;text-indent:25px;line-height:25px; } */

.list h1 span a{color:#fff;} 
.list ul { padding:8px 8px 0 10px; }

.list ul li { background:url(images/icn.gif) no-repeat 0 -39px; padding-left:10px; line-height:20px; height:22px; overflow:hidden; color: #666; }

.list ul li a { color:#336699; text-decoration:none; }

.list ul li a:hover { color:#336699; text-decoration: underline; }


.list1 { width:480px; height:380px; border:1px solid #c9d9ee; background-color: #fff; float:left;}

.list1 h1 { height:30px;  background:url(images/link-bg.gif) repeat-x; text-align:left; color:#036; font-weight:bold; line-height:25px; font-size:14px;padding-left:10px;}
/*.list1 h1 span{background:url(images/plist_t.gif) no-repeat;width:121px;height:30px;display:block;margin:0 0 1px 1px;color:#fff;text-indent:25px;line-height:25px;} 
*/
.list1 h1 span a{color:#fff;} 
.list1 ul { padding:8px 8px 0 10px; }
.list1 p{line-height:200%;text-align:left;word-spacing:2px;vertical-align:top;text-align:justify;text-justify:inter-ideograph;padding: 4px 8px 0px 8px;} 
.list1 ul li { background:url(images/icn.gif) no-repeat 0 -39px; padding-left:10px; line-height:20px; height:22px; overflow:hidden; color: #666; }

.list1 ul li a { color:#336699; text-decoration:none; }

.list1 ul li a:hover { color:#336699; text-decoration: underline; }
.list1 h5{background:url(http://www.track-earth.cn/images/btn_blue12_deep.png) no-repeat;height:50px;
	line-height:30px;
	width:84px;cursor:pointer;font-size:14px;
	color:#fff;
	border:0px; text-align:center;}


.list2 { width:239px; height:368px; border:1px solid #c9d9ee; background-color: #fff; float:left;}

.list2 h1 { height:30px;  background:url(images/link-bg.gif) repeat-x; text-align:left; color:#036; font-weight:bold; line-height:25px; font-size:14px;padding-left:10px;}
/*.list2 h1 span{background:url(images/plist_t.gif) no-repeat;width:121px;height:30px;display:block;margin:0 0 1px 1px;color:#fff;text-indent:25px;line-height:25px;} 
*/
.list2 h1 span a{color:#fff;} 


.list2 ul { padding:8px 8px 0 10px; }

.list2 ul li { background:url(images/icn.gif) no-repeat 0 -39px; padding-left:10px; line-height:20px; height:22px; overflow:hidden; color: #666; }

.list2 ul li a { color:#336699; text-decoration:none; }

.list2 ul li a:hover { color:#336699; text-decoration: underline; }

.list3 { width:470px; height:auto;border:1px solid #c9d9ee; background-color: #fff; float:left;margin:0; padding:0;}

.list3 h1 { height:30px;  background:url(images/link-bg.gif) repeat-x; text-align:left; color:#036; font-weight:bold;margin:0; padding:0;line-height:25px; font-size:14px;padding-left:10px;}
/*.list3 h1 span{background:url(images/plist_t.gif) no-repeat;width:121px;height:30px;line-height:25px;display:block;margin:0 0 1px 1px;color:#fff;text-indent:25px;} 
*/
.list3 h1 span a{color:#fff;} 

.list_p{ width:725px;height:auto; border:1px solid #c9d9ee; background-color: #fff; float:left;}

.list_p h1 { height:30px; background:url(images/link-bg.gif) repeat-x; text-align:left; color:#036; font-weight:bold; line-height:25px; font-size:14px;padding-left:10px;}
/*.list_p h1 span{background:url(images/plist_t.gif) no-repeat;width:121px;height:30px;display:block;margin:0 0 1px 1px;color:#fff;text-indent:25px;line-height:25px;} 
*/
.list_p h1 span a{color:#fff;} 

.list_p ul { padding:5px 5px 5px 30px; }
.list_p ul li { background:url(images/icn.gif) no-repeat 0 -39px; padding-left:10px; line-height:20px; height:22px; overflow:hidden; color: #666; }

.list_p ul li a { color:#0066FF; text-decoration:none; }

.list_p ul li a:hover { color:#336699; text-decoration: underline; }
.list_p h5{background:url(http://www.track-earth.cn/images/btn_blue12_deep.png) no-repeat;height:50px;
	line-height:30px;
	width:84px;cursor:pointer;font-size:14px;
	color:#fff;
	border:0px; text-align:center;}

.list_s{ width:730px;height:auto; border:1px solid #c9d9ee; background-color: #fff; float:left;}

.list_s h1 { height:30px; line-height:30px; background:url(images/link-bg.gif) repeat-x; text-align:left; color:#036; font-weight:bold;line-height:25px; font-size:14px; padding-left:10px;}
/*.list_s h1 span{background:url(images/plist_t.gif) no-repeat;width:121px;height:30px;display:block;margin:0 0 1px 1px;color:#fff;text-indent:25px;} 
*/
.list_s h1 span a{color:#fff;} 

.list_s ul { padding:5px 5px 5px 10px; }
.list_s ul li { background:url(images/icn.gif) no-repeat 0 -39px; padding-left:10px; line-height:20px; height:22px; overflow:hidden; color: #666; }

.list_s ul li a { color:#0066FF; text-decoration:none; }

.list_s ul li a:hover { color:#336699; text-decoration: underline; }
.list_s h5{background:url(http://www.track-earth.cn/images/btn_blue12_deep.png) no-repeat;height:50px;
	line-height:30px;
	width:84px;cursor:pointer;font-size:14px;
	color:#fff;
	border:0px; text-align:center;}

.why { width:210px; border:1px solid #c9d9ee; background-color: #fff;}

.why h1 { height:30px; line-height:30px; background:url(images/h1_bg.gif) repeat-x; text-align:left; color:#036; font-weight:bold; line-height:25px;font-size:14px;padding-left:10px; }
/*.why h1 span{background:url(images/plist_t.gif) no-repeat;width:121px;height:26px;display:block;margin:0 0 1px 1px;text-indent:25px;color:#fff;} */
.why h1 span a{color:#fff;} 

.why ul { padding:8px 8px 0 10px; background:url(images/icn.gif) no-repeat 8px -438px; }

.why ul li { padding-left:14px; line-height:20px; height:22px; overflow:hidden; color: #666; }

.why ul li a { color:#666; text-decoration:none; }

.why ul li a:hover { color:#003366; text-decoration: underline; }

.contact { width:210px; border:1px solid #c9d9ee;background-color: #fff; }

.contact h1 {  height:30px; line-height:30px; background:url(images/h1_bg.gif) repeat-x; text-align:left; color:#036; font-weight:bold; }
.contact h1 span{background:url(images/plist_t.gif) no-repeat;width:121px;height:26px;display:block;margin:0 0 1px 1px;text-indent:25px;color:#fff;} 
.contact h1 span a{color:#fff;} 
.contact h2 { padding:16px 0 0 16px; text-align:left; color:#666; }

.contact ul { padding:8px 1px 0 10px; }

.contact ul li { padding-left:2px; overflow:hidden; color: #666; height:28px; }

.contact ul li a:hover { color:#336699; text-decoration: underline; }

.contact .tel { height:25px; line-height:25px; font-size:14px; text-indent:16px; color: #FF0000; }

#cnt { width: 94%; line-height: 23px; color:#666; font-size: 12px; }

#cnt h1 { color:#003399; font-size: 14px; font-weight: bold; display:inline; }

#loading { z-index:1; height:28px; line-height:28px; background:#c44; color:#fff; }

/*------------------------------------page属性end------------------------------------*/
#warp { width: 980px; text-align:left; overflow:hidden; background: #E1E1E1; margin:0 auto; }



#logo{width:176px; padding:0x; height:80px; float:left;}
/*--logo--*/



#header .txt { float:left; margin:60px 5px 0 140px; width: 250px; color: #fff; letter-spacing: 2px; font-size: 14px; }

#header .link { float: right; text-align:right; padding-top:3px; padding-right: 20px; color: #999; width:450px; height:28px; line-height:23px; }
#header .link a { color: #666; text-decoration: none; }
#header .link a:hover { text-decoration: underline; }

/*--------------------------导航菜单-------------------------------*/
#nav { height:36px; list-style-type: none;width:976px; text-decoration: none; background: #c8d7e3 url(images/nav-bg.gif) repeat-x; line-height: 34px;margin:0 auto; }
#nav a {display: block; width: 103px; text-align:center;height:35px; }
#nav a:hover { color:#fff; text-decoration:none; }
#nav li { background:url(images/nav_line.gif) right no-repeat;width:103px;position:relative;float: left; text-align:center;}
#nav li a { color: #000; text-decoration:none; }
#nav li a:hover { background:#999 url(images/anav.png) no-repeat; }
#nav li ul { line-height: 22px; list-style-type: none; text-align:left;left: -99999em;  width: 160px; position: absolute; color: #003366; }
#nav li ul a { color:#666; text-decoration:none; width: 160px; text-align:left; }
#nav li ul a:hover { color:#f3f3f3; text-decoration:none; font-weight:normal; background:url(images/blank_over.gif); }
#nav li ul li { float: left; width: 160px; background: #ebebf5; border-bottom: 1px solid #fff; text-indent: 15px; }
#nav li:hover ul { left: auto; }
#nav li.sfhover ul { left: auto; }
#nav ul li.home{background:url(images/anav.png) no-repeat;}
#nav ul li.home a{color:#fff;}
#nav ul li.home:hover{background:url(images/anav.png) no-repeat;}
/*--------------------------banner-------------------------------*/
#banner-index { width: 976px;  margin: 0 auto; margin-bottom:2px; clear:both; overflow:hidden; }

#banner { width: 976px;  margin: 0 auto 2px; clear:both; overflow:hidden; }

/*--------------------------导航列表------------------------------*/
#indexTag { width:976px; height:56px; line-height:28px; border: 1px solid #ccc; padding:5px 10px 5px 10px; background:#ebebf5 url(images/list-bg1.gif) repeat-x bottom;overflow:hidden; color: #666;}
#indexTag a { color: #666; text-decoration: none; }
#indexTag a:hover { color: #0033cc; text-decoration: underline; }

/*------------------------------------------------------------------------*/
#main { width:976px; overflow:hidden; }

#left { float: left; width:764px; overflow:hidden; }

#columnLeft { float: left; overflow:hidden; width:210px; }

#columnMain { float: left; width:540px; overflow:hidden; margin-left:5px; background-color: #fff;}

#columnRight { float:right; overflow:hidden; width: 210px; }

.Box { width:540px; height:200px; border: 1px solid #D4D4D4; margin-top:6px; float:left; background: url(images/boxTitle_bg.gif) repeat-x; }



.box h1 { height:30px; line-height:30px; background:url(images/h1_bg.gif) repeat-x; text-align:left; color:#036; font-weight:bold;}

.Box h1 span{background:url(images/plist_t.gif) no-repeat;color:#fff;font-weight: bold;height:30px; line-height:30px;margin:0 0 1px  1px;width:121px;height:26px;display:block;padding:0 0 0px 25px;} 
.box h1 span a{color:#fff;} 
.box1 h1 { height:30px; line-height:30px; background:url(images/h1_bg.gif) repeat-x; text-align:left; color:#036; font-weight:bold;}
.Box1 h1 span{background:url(images/plist_t.gif) no-repeat;color:#fff;font-weight: bold;height:30px; line-height:30px;margin:0 0 1px  1px;width:121px;height:26px;display:block;padding:0 0 0 25px} 

.box1 h1 span a{color:#fff;} 
.Box1 { width:540px; height:160px; border: 1px solid #D4D4D4;  float:left;   margin-top:6px;}

.Box1 .tabContent1 { padding:5px; height:125px; color: #003366; }

.Box .tabContent1 a { color: #CC0000; }

.Box .tabContent1 a:hover { text-decoration: underline; }

.Box .name { width: 535px!important; width: 520px; line-height:25px; height:25px; margin-left:8px; border-bottom: 1px solid #d4d4d4; }

.Box .name h1 { width:10px; float: left; }

.Box .name ul { float: left; }

.Box .name li { padding-right: 2px; margin-top: 8px; background: no-repeat left top; float: left; overflow: hidden; width: 81px; line-height: 25px; height: 25px; text-align: center; color: #767676 }

.Box .name li a { color: #666; text-decoration: none; font-weight: normal; }

.Box .name li a:hover { color: #0066ff; text-decoration: underline; }

.Box .name li.on { background-image: url(images/hotlist_tag_on.gif); color: #000066; }

.Box .name li.on a { color: #ff0000; }

.Box .name li.on a:hover { color: #ff0000; text-decoration: underline; }

.Box .tabContent { padding:8px; height:100px; width:98%; color: #003366; }

.Box .tabContent a { color: #CC0000; }

.Box .tabContent a:hover { text-decoration: underline; }

.Box .tabContent img { border: 0px; margin:0; padding:20px; float:left; }

.Box .tabContent p { padding:6px; line-height:23px; }

/*--------------------------tab-------------------------------*/
#tab1, #tab2, #tab3, #tab4, #tab5, #tab6 { width:500px; }

/*--------------------------合作伙伴-------------------------------*/ 
.area { width:540px; height:28px; line-height:28px; text-indent:6px; border: 1px solid #ACC6E9; background: #F4F8FF; color: #0033ff; overflow:hidden; }

.area a { color: #0033ff; text-decoration: none; }

.area a:hover { color: #ff0000; text-decoration: underline; }

/*--------------------------技术新知-------------------------------*/
.tech_news { border:1px solid #ace; height:220px; }

ul.techcon { padding:8px 10px 0 12px; }

ul.techcon li { background:url(images/icn.gif) no-repeat 0 -39px; padding-left:10px; line-height:20px; height:20px; overflow:hidden; }

ul.techcon li a { color:#336699; }

ul.techcon li span { color:#999; margin-right:8px; }

ul.techcon li span a { color:#999; }

.hot_nav { height:24px; background:#d1e7f5 url(images/bg4px.gif) repeat-x; }

.hot_nav li, .hot_nav h3.tit { float:left; font-weight:bold; border-right:1px solid #ace; padding:6px 8px 0; height:24px; }

.hot_nav li.on { background:#fff url(images/bg4px.gif) repeat-x 0 -34px; }

.hot_nav li.on a { color: #FF6600; }

.hot_nav h3.tit { font-size:12px; }

.hot_nav h3.tit a { text-decoration:none; color:#444; }

/*--------------------------视频-------------------------------*/
#video { width:250px; height:200px; border: 1px solid #99bbdd; margin-top:6px; }

#video h1 { padding:10px 0 10px 32px; height:21px; background:url(images/h1_bg.gif) no-repeat; text-align:left; color:#036; font-weight:bold; }

#video ul { padding:2px 5px 5px 8px; }

#video li { height:25px; line-height:25px; color: #666; text-indent: 25px; list-style:none; font-size: 13px; }

/*--------------------------支持品牌--------------------------*/
#sp { width:250px; height:300px; border: 1px solid #99bbdd; margin-top:6px; text-align:left; }

#sp h1 { padding:10px 0 10px 32px; height:21px; background:url(images/h1_bg.gif) no-repeat; text-align:left; color:#036; font-weight:bold; }

#sp table { margin:5px; }

#sp td { padding-left:2px; font-size: 9pt; color: #003366; }

#txtad { float:left; width:250; height:30px; background: url(images/ad_backup.gif) no-repeat; margin-top:6px; }

/*--------------------------banner广告-------------------------------*/ 
#banner-ad { width:664px!important; width: 662px; height:99px; margin:6px 2px 0 6px!important; margin:6px 2px 0 0; float:right; background:url(images/ad-data.jpg) no-repeat; border: 1px solid #ccc; }

/*--------------------------技术专题与成功案例-------------------------------*/
#list-all { width: 540px; float:right; }

#caselist { width: 263px; height:220px; border: 1px solid #c4ccd4; float:left; }

#caselist .name { width: 263px; height:35px; background: url(images/bg-title1.gif) no-repeat center; }

#caselist .name h2 { padding: 0px; float: left; }

#caselist .name ul { float: left; padding-left:10px; }

#caselist .name li { color: #767676; padding-right: 1px; margin-top: 1px; float: left; overflow: hidden; width: 74px; line-height: 25px; height: 25px; text-align: center; }

#caselist .name li.on { background: url(images/list_tab_on.gif) no-repeat; color: #003399; }

#caselist .name li a { color: #666666; text-decoration: none; font-weight: normal; }

#caselist .name li a:hover { color: #0066ff; text-decoration: none; }

#caselist .name li.on a { color: #003366; font-weight: bold; }

#caselist .name li.on a:hover { color: #ff0000; text-decoration: none; }

/*--------------------------技术专题与成功案例-------------------------------*/
#caselist .tablist { width: 263px; height:220px; }

#caselist .tablist ul { padding:0 5px 5px 5px; }

#caselist .tablist ul li { width: 240px; height:23px; line-height:23px; color: #ccc; float:left; white-space: nowrap; text-overflow:ellipsis; overflow:hidden; list-style: square; border-bottom: 1px dashed #ccc; clear:both; }

#caselist .tablist ul li a { color: #07519a; text-decoration: none; }

#caselist .tablist ul li a:hover { color: #ff0000; text-decoration: underline; }

#caselist .tablist h1 { text-align:right; height:22px; margin-top:6px; width:260px; }

#caselist .tablist h1 a { text-decoration: none; color: #ff6600; }

#caselist .tablist h1 a:hover { text-decoration: underline; }

/*--------------------------бcase-tab-style-------------------------------*/
#newslist { width: 263px; height:220px; border: 1px solid #c4ccd4; float:right; }

#newslist .name { width: 262px; height:35px; background: url(images/bg-title1.gif) no-repeat center; }

#newslist .name h2 { padding: 0px; float: left; }

#newslist .name ul { float: left; padding-left:10px; }

#newslist .name li { color: #767676; padding-right: 1px; margin-top: 1px; float: left; overflow: hidden; width: 74px; line-height: 25px; height: 25px; text-align: center; }

#newslist .name li.on { background: url(images/list_tab_on.gif) no-repeat; color: #003399; }

#newslist .name li a { color: #666666; text-decoration: none; font-weight: normal; }

#newslist .name li a:hover { color: #0066ff; text-decoration: none; }

#newslist .name li.on a { color: #003366; font-weight: bold; }

#newslist .name li.on a:hover { color: #ff0000; text-decoration: none; }

/*--------------------------技术专题与成功案例-------------------------------*/
#newslist .tablist { width: 263px; height:220px; }

#newslist .tablist ul { padding:0 5px 5px 15px; }

#newslist .tablist ul li { width: 240px; height:23px; line-height:23px; color: #ccc; float:left; white-space: nowrap; text-overflow:ellipsis; overflow:hidden; list-style: square; border-bottom: 1px dashed #ccc; clear:both; }

#newslist .tablist ul li a { color: #07519a; text-decoration: none; }

#newslist .tablist ul li a:hover { color: #ff0000; text-decoration: underline; }

#newslist .tablist h1 { text-align:right; height:22px; margin-top:6px; width:260px; }

#newslist .tablist h1 a { text-decoration: none; color: #ff6600; }

#newslist .tablist h1 a:hover { text-decoration: underline; }

/*--------------------------бbody-tab-style-------------------------------*/
#main-list { margin: 6px 2px 0 6px; width: 664px!important;/* ie7+ff */ width: 662px;/* ie6 */ height:325px; float:right; border: 1px solid #c4ccd4; }

#main-list .name { width: 664px!important; width: 662px; line-height:28px; height:35px; background: url(images/bg-title.gif) repeat-x; float:right; }

#main-list .name h1 { width:10px; float: left; }

#main-list .name ul { float: left; }

#main-list .name li { padding-right: 4px; margin-top: 7px; background: no-repeat left top; float: left; overflow: hidden; width: 81px; line-height: 28px; height: 28px; text-align: center; color: #767676 }

#main-list .name li a { color: #003366; text-decoration: none; font-weight: normal; }

#main-list .name li a:hover { color: #0066ff; text-decoration: underline; }

#main-list .name li.on { background-image: url(images/hotlist_tag_on.gif); color: #000066; }

#main-list .name li.on a { color: #ff0000; font-weight: bold; }

#main-list .name li.on a:hover { color: #ff0000; text-decoration: underline; }

#main-list .tablist { clear: left; width: 650px!important; width: 650px; }

#main-list .tablist ul { clear: both; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px }

#main-list .tabmodellist { clear: both; margin: 0px; width: 660px!important; width: 650px; padding-top: 9px }

#main-list .tablist li { background: url(images/dot_line_gray2.gif) repeat-y right top; float: left; overflow: hidden; width: 116px; line-height: 18px }

#main-list .tablist li.nobg { background: none transparent scroll repeat 0% 0% }

#main-list .tablist li .exp { display: block }

#main-list .tabbrandlist { clear: left; float: left; padding: 6px; width:654px!important; width: 650px; }

.main-list .tabbrandlist table { color: #666; text-decoration: none; border:dashed 1px #ccc; width:650px!important; width:650px; height:275px; font-size: 12px; }

.main-list .tabbrandlist table h1 { font-size: 13px; color:#003366; text-decoration: none; padding-bottom:5px; }

.main-list .tabbrandlist table img { float:left; padding:1px; border: 1px solid #ccc; margin:5px 10px 5px 5px; }

.main-list .tabbrandlist table td { padding:5px; line-height:18px; }

/*---------------------------友情链接------------------------------*/
#link { width:976px; clear:both; float:left; border: 1px solid #99bbdd; background-color: #fff;margin:10px 0 0 0;}

#link a { color: #003366; text-decoration: none; }

#link a:hover { text-decoration: underline; }

#link .title { height:30px; background: url(images/link-bg.gif) repeat-x; border-bottom: 1px solid #99bbdd; width:100% }

#link .title h1 { padding: 8px 0 5px 10px; color: #fff; float:left; font-size:14px;font-weight:bold;}

#link .content { float:left; padding:6px; width:100%; line-height:23px; font:14px;}

#link .content li { float:left; white-space: nowrap; overflow: hidden; padding-right:10px; }

/*--------------------------footer-------------------------------*/
#footer { clear:both; height:95px; }

#footer a { color: #333; text-decoration: none; }

#footer a:hover { text-decoration: underline; }

#footer .nav { height:30px; width:976px; background: #dcdcdc; line-height:30px; margin-top:5px; text-align:center; clear:both; }

#footer .copy { width:100%; height:40px; margin-top:5px; line-height:23px; text-align:center; }

#footer .copy li { height:22px; list-style-type:none; }

#footer .copy li a { text-decoration: none; }

#footer .copy li a:hover { color: #0033CC; text-decoration: underline; }

/*----tag----*/
#sub-box { height:31px; width:976px; margin:0 auto; border: 1px solid #d9e2eb; background: url(images/bg-sub-title.gif) repeat-x; clear:both; text-indent:10px; }

#sub-box .tag { height:31px; line-height:31px; padding-left:20px; }

#sub-box .tag a { color: #0000cc; }

#sub-box .tag a:hover { color: #ff0000; text-decoration: underline; }

/*----single----*/
#single-body { width:100%; margin:0 auto; clear:both; background: #fff; }

#single-left { width:735px; float:left; line-height:22px; border-right: 1px dashed #ccc; margin-top:6px;background: #fff;}

#single-left span{ color: #000; }

#single-left a { color: #0000ff; }

#single-left a:hover { color: #ff6600; text-decoration: underline; }

#single-right { width:230px; background: #f0f0ff; float:right; margin-top:6px; }

#single-right a { color: #666; }

#single-right a:hover { color: #ff6600; text-decoration: underline; }

#single-left .sub-banner { height:120px; width:710px; float:left; margin:0 6px 6px 6px!important; margin:2px 2px 0 2px; clear:both; background-image: url(images/01.jpg); background-repeat: no-repeat; background-position: center center; }

#single-left .title { height:28px; width:710px; background:url(http://www.oogps.com/upload/box_title_bg.gif); margin:6px 6px 0 6px!important; margin:6px 2px 0 2px; line-height:28px; text-indent: 18px; clear:both; }

#single-left .title h1 { font-size: 13px; color: #0033cc; text-decoration: none; }

#single-left .title a { font-size: 13px; color: #003399; text-decoration: none; }

#single-left .title a:hover { color: #ff0000; text-decoration: underline; }

#single-left .content { width:680px; line-height:25px; font-size: 14px; font-weight: normal; color: #666; margin:10px 10px 6px 30px; text-align: justify; letter-spacing: 1px; }

#single-left .content a { color: #666; text-decoration: none; }

#single-left .content a:hover { color: #003399; text-decoration: underline; }

#single-left .content h1 { font-size: 16px; font-weight: bold; color: #003399; text-decoration: none; text-align:center; margin-top:15px; }

#single-left .content h2 { font-size: 14px; font-weight: normal; color: #999; text-decoration: none; text-align:center; margin-bottom:20px; border-bottom: 1px dashed #ccc; padding-bottom:5px; }

#single-left .content p { text-indent:25px; margin-bottom:15px; font-size: 14px; }

#single-left .content img { padding:8px; border: 1px dashed #ccc; }

#single-left .editor { height:22px; width:96%; text-align:right; font-size: 14px; color: #003366; }/*----α༭----*/

#single-left .tag { height:22px; margin:5px 0 5px 30px; }/*----ǩ----*/

#single-left .link { height:22px; margin:5px 0 5px 30px; }/*--------*/

#single-left .re { height:22px; margin:0 0 5px 30px; }/*----ת----*/

#single-left .collection { margin:0 0 5px 30px; }/*----ղصժ----*/

#single-left .count { margin:0 30px 20px 0; float:right; }/*----Ķ----*/

#single-left .page { }

分页样式

#single-left .search { width:600px; padding:20px; margin: 20px 0 20px 50px; }

#single-left .copyright { border: 1px dashed #ccc; line-height:22px; background: #e8edfd; color: #666; clear:both; width:650px; margin:0 0 10px 10px; padding:10px; }

#single-left .copyright h1 { color: #003366; text-decoration: none; font-size: 13px; }

#single-left .copyright p { text-align: justify; }

#project { height:131px; width:657px; margin-left:2px; float:right; background: url(images/bg-bom.jpg) no-repeat; }

#sidebar-search { width:225px; clear:both; }

#sidebar-search h1 { height:26px; line-height:26px; background: url(http://www.oogps.com/upload/box_title_bg.gif); font-size: 13px; font-weight: bold; color: #003366; text-decoration: none; text-indent:10px; }

#sidebar-search .frm { margin:20px 0px 20px 0; width:100%; }

#sidebar-search .frm .txt { background: #fff url(images/bg-search.gif) no-repeat left; border: 1px solid #999; height:25px; line-height:25px; text-indent: 30px; width:130px; margin-right:1px; }

#sidebar-search .frm .img { margin-bottom:-4px; padding:0; border-style: none; width:41; height:23 }

<!--最新文章-->
#sidebar-artile { width:225px; clear:both; }

#sidebar-artile .title { height:26px; line-height:26px; background:url(http://www.oogps.com/upload/box_title_bg.gif); font-size: 13px; }

#sidebar-artile .title h1 { font-weight: bold; color: #003366; text-decoration: none; text-indent:10px; float:left; width:170px; }

#sidebar-search .title h2 { float:right; color: #ff0000; text-decoration: none; }

#sidebar-artile ul { width:210px; margin:10px 10px 10px 5px; white-space: nowrap; text-overflow:ellipsis; overflow:hidden; }

#sidebar-artile ul li { height:21px; list-style: url(images/li_s.gif) inside; }

#sidebar-artile ul li a { text-decoration: none; }

#sidebar-artile ul li a:hover { color: #ff0000; text-decoration: underline; }

<!--tags-->
#sidebar-tag { width:225px; clear:both; }

#sidebar-tag h1 { height:26px; line-height:26px; background: #ccccd4; font-size: 13px; font-weight: bold; color: #003366; text-decoration: none; text-indent:10px; }

#sidebar-tag ul { margin:0px 0 0 16px; }

#sidebar-tag ul li { height:21px; font-size: 13px; }

#sidebar-tag ul li a { text-decoration: line-through; color: #008800; }

#sidebar-tag ul li a:hover { color: #fff; background: #009933; text-decoration: none; }

#single-left .artile-mutuality { width:710px; }/*--------*/

#single-left .artile-mutuality h1 { height:26px; background: #ccccd4; font-size: 14px; color: #003366; text-decoration: none; line-height:28px; text-indent:15px; font-weight:bold; }

#single-left .artile-mutuality ul { margin:10px 0 10px 20px; }

#single-left .artile-mutuality ul li { height:22px; line-height:22px; list-style: circle; margin-left:20px; }

#single-left .artile-mutuality ul li a { color: #333; text-decoration: none; }

#single-left .artile-mutuality ul li a:hover { border-bottom: 1px dashed #cccccc; color: #ff0000; text-decoration: none; }

#single-left .comment-title { width:710px; margin:6px 0 20px 10px; height:26px; background: #ccccd4; font-size: 14px; color: #003366; text-decoration: none; line-height:28px; text-indent:15px; font-weight:bold; }/*--------*/

#comments { width:560px; height:150px; margin:20px 0 20px 50px; color: #666; padding:10px; border: 1px solid #ddd; background: #f5f5f5; }

#comments .about { width:100%; color: #666; text-indent:6px; width:100%; height:25px; }

#comments .about a { color: #0000ff; text-decoration: none; }

#comments .about a:hover { color: #0066ff; text-decoration: underline; }

#comments .content { float:left; width:520px; color: #666; border: 1px dashed #CCCCCC; padding:10px; font-size: 12px; line-height:21px; }

#comments .url { text-decoration: none; float:right; }

#comments .replay { margin:0 0 10px 0; text-indent:20px; color: #666; text-decoration: none; height:23px; background: url(images/hf.gif) no-repeat; }

#ucomment { width:664px; margin:10px 0 20px 20px; }/*----用户留言----*/

#ucomment .txt-user { background: #fff url(images/bg-user.gif) no-repeat left; text-indent: 28px; width:250px; margin-bottom:5px; }/*----用户名----*/

#ucomment .txt-mail { background: #fff url(images/bg-mail.gif) no-repeat left; text-indent: 28px; width:250px; }/*----邮箱----*/

#ucomment .txt-pwd { background: #fff url(images/bg-pwd.gif) no-repeat left; text-indent: 28px; width:250px; }/*----密码----*/

#ucomment .txt-url { background: #fff url(images/bg-url.gif) no-repeat left; text-indent: 28px; width:250px; }/*----网站链接----*/

#ucomment .txt-chk { background: #fff url(images/bg-veri.gif) no-repeat left; text-indent: 28px; width:250px; }/*----验证码----*/

#ucomment .txtarea { padding:8px; color: #003366; margin-left:30px; margin-top:5px; }/*----文本域----*/

#ucomment .btn { background: url(images/btn-submit.gif) no-repeat; width:80px; height:29px; }

#ucomment li { list-style-image:none; height:27px; line-height:27px; color: #666666; }

#ucomment .postbottom { color: #999; text-decoration: none; }

#ucomment label { color: #999; text-decoration: none; }

#ucomment p { margin-left:30px; }

#sub-title { height:29px; width:976px; margin:0 auto; background: url(images/sub-title-bg.gif) repeat-x; clear:both; text-indent:4px; }

#sub-title span { width:200px; float:left; }

#sub-title h1 { color: #FFF; text-decoration: none; font-size: 13px; font-weight: normal; line-height:29px; }

#sub-title h1 a { color: #FFF; text-decoration: none; }

#sub-title h1 a:hover { text-decoration: underline; color: #FF0000; }

.article { background: url(images/sub-left-bg.gif) repeat-x top; margin:2px 5px 6px 2px; border: 1px solid #ccc; }

.article h1 { width:100%; height:32px; text-indent:25px; line-height:32px; font-size: 14px; color: #003366; font-weight: bold; margin-bottom:6px; border-bottom: 1px inset #ccc; background: url(images/li_cir.gif) no-repeat 6px center; }

.article ul { padding:5px; width:192px; }

.article ul li { line-height:23px; font-size: 12px; color: #003366; text-decoration: none; height:23px; text-overflow:ellipsis; overflow:hidden; list-style: square; border-bottom: 1px dashed #ccc; }

.article ul li.nv a { background: #F3F3F3; text-indent:8px; width:100%; border-bottom: 1px solid #DFDFDF; }

.article ul li.nv a:hover { background: #003366; color: #FFF; text-decoration: none; }

#about-vsinfo .right { width:740px!important; width:725px; float:right; margin-right:2px; }

#about-vsinfo .content { width:96%; padding-bottom:60px; padding-top:30px; padding-left:12px; color: #333; }

#about-vsinfo .content p { line-height:25px; font-size: 13px; text-align: justify; text-indent: 20px; margin-bottom:5px; margin-top:5px; }

#about-vsinfo .content p.s { width:600px; line-height:25px; text-indent:0px; }

#about-vsinfo table { font-size:12px; line-height:24px; background: #ccc; }

#about-vsinfo td { padding:10px; background: #F4FAFF; }

#about-vsinfo .content img.l { float:left; padding:0px; }

#about-vsinfo .content img.r { float:right; padding:0px; }

#about-vsinfo .content li.sort { color: #003366; font-size: 14px; font-weight: bold; list-style: circle; }

#about-vsinfo .clear { clear:both; height:4px; }

#about-vsinfo .content li { line-height:25px; list-style: square; font-size: 14px; }

#about-vsinfo .content li.en { font-weight: bold; color: #FF0000; font-size: 15px; }

#about-vsinfo .content li.srv { color: #003366; font-size: 12px; }

#about-vsinfo .content li.sort { color: #003366; font-size: 14px; font-weight: bold; list-style: circle; }

#about-vsinfo .content h1 { font-weight: bold; color: #FF0000; font-size: 14px; height:28px; line-height:28px; }

#about-vsinfo .content h2 { font-size: 14px; color: #0000FF; height:28px; line-height:28px; }

#about-vsinfo .content h3 { font-size: 14px; color: #FF6600; height:28px; line-height:28px; }

#about-vsinfo .content h4 { font-size: 14px; color: #FF0000; }

#about-vsinfo .content h5 { font-size: 14px; color: #0000FF; }

#about-vsinfo .box { margin-top:10px; margin-bottom:10px; padding:10px; background: #FFFFDD; border: 1px dashed #FF9933; float:left; width:100%; line-height:24px; }

#about-vsinfo .price { color: #333366; font-size: 12px; line-height:23px; }

#about-vsinfo .price h1 { font-weight: bold; color: #333366; font-size: 13px; line-height:23px; text-align:center; }

#about-vsinfo .price td { padding:5px; }

/*分页链接*/
.pagebar { line-height:25px; height:25px; margin:20px 0 40px 50px; font-size: 13px; }

.pagebar a, .pagebar .now-page { padding:2px; margin:0 2px; text-align:center; border:1px solid #ccc; text-decoration:none }

.pagebar a:hover { border:1px solid #003399; text-decoration:none; }/*分页结束*/

#header{
	margin:0 auto;
	background:url(../images/public/header_bg1.gif) repeat-x;
	height:80px;
}

.header_bar{
	margin:0 auto;
	height:80px;
	width:910px;
	background:url(../images/public/header_bar_bg.png) no-repeat bottom;
}


.header_right{
	float:left;
}

.header_bg{background:url(../images/public/nav_x.png) repeat-x top; border-top:1px solid #c9d1de;}

.menu{
	
height:40px; 

	margin:0 auto;
width:980px;
}


.menu ul li{
	float:left; 
	list-style-type:none;
	text-align:center;
}
.menu ul li img{
	padding:3px 0;
}
.menu a{
	height:40px;
	line-height:40px;
	width:108px;
	font-weight:bold;	
	font-size:14px;
	display:block;
	text-decoration:none;	
}
.menu a:link {color:#ffffff;}
.menu a:visited {color:#ffffff;}
.menu a:hover  {
	background:url(../images/public/nav_bg.png) no-repeat  1px 0px;
	color:#ffffff;
	text-decoration:none;
}
.menu  a:active { color:#ffffff; }


.menu a.active_menu{
	background:url(../images/public/nav_bg.png) no-repeat 1px 0px;
	color:#ffffff;
}

#nav{
	margin:0 auto;
	width:900px;
	font-size:12px;
	margin-top:5px;
}
.menu_space{
	background:url(../images/public/menu_li.png) no-repeat 0px 3px;
	width:5px;
	height:35px;
}

/* flash*/
.body1_center {
float:right;

}
.body1_c_1 {

float:left;

margin:0;
padding:0;
width:470px;}
#Number {
float:right;
position:relative;
right:-3px;
top:240px;
width:200px;
z-index:1;
}#Number ul {
float:right;
}

ul, dl {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}

.tjitem li {
float:left;
line-height:20px;
padding-left:1%;
width:45%;
}

.bbg0 a {
color:white;
text-decoration:none;
}

a:link {
color:#003366;
text-decoration:none;
}
.numfont {
color:#FFFFFF;
font-family:Verdana,sans-serif;
font-size:10px;
 
}
#tjtask {
height:270px;
float:left;
margin-top:-11px;
width:100%;
}
#tjtask img {
height:260px;
width:470px;
}
element.style {
display:none;
}
.tjitem {
float:left;
height:60px;
margin-bottom:4px;
margin-top:2px;
width:100%;
}
.bbg0 {
background:transparent url(http://www.track-earth.cn/images/icon_4.gif) repeat scroll 0 0;
color:white;
float:left;
font-family:Arial;
font-size:10px;
height:12px;
line-height:10px;
margin-right:7px;
padding-top:1px;
width:16px;
}
.bbg1{background:url(http://www.track-earth.cn/images/icon_1.gif); color:white;cursor:hand; line-height:10px;font-size:10px;font-family:Arial;float:left;width:16px;height:12px;padding-top:1px;margin-right:7px;}
.bbg1 a{color:white;text-decoration: none;}


#flashBox{width:976px;height:180px;position:relative}
#flashBox a img{display:none}
#flashBox ul{position:absolute;font:10px tahoma;font-weight:bold;left:880px;bottom:5px}
#flashBox ul li{padding:0;display:block;float:left;width:18px;height:18px;margin-right:3px;border:1px solid #F27602;background:#FCF2CF;cursor:pointer;color:#D94B01;line-height:18px;text-align:center}
#flashBox ul li.hover{border-color:#F27602;background:#FFB442;color:#fff;width:18px;height:18px;line-height:18px}

.game {
	width: 970px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 1px;
	margin-bottom: 5px;

}
.game-left {
	float: left;
	height: 102px;
	width: 27px;
	overflow: hidden;
}
.game-right {
	float: left;
	height: 102px;
	width: 27px;
	overflow: hidden;
}
.game-content {
	background-image: url(http://www.track-earth.cn/upload/left_right_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	float: left;
	height: 102px;
	width: 916px;
	overflow: hidden;
}
.game-content ul{ float:left;margin-left:20px; margin-top:10px; line-height:20px;
}
.gamecase {
	float: left;
	height: 57px;
	width: 190px;
	padding-right: 10px;
	padding-left: 24px;
	padding-top: 23px;
}
.gamecase-pic {
	float: left;
	height: 57px;
	width: 57px;
}
.gamecase-font {
	height: 57px;
	width: 120px;
	padding-left: 10px;
	float: left;
	line-height: 1.5em;
	color: #717171;
}
.gamecase-font h3 {
	font-size: 14px;
	font-weight: bold;
	color: #717171;
	text-decoration: none;
}
