/* CSS Document */
html{ background:#0066ff url(images/bg2.gif)}
* { margin:0px; padding:0px; border:0px; }

body { color: #000;  font:14px Verdana, Arial, "宋体";background:#fff;margin:0 auto; width:956px;}

table,tr,td{ border-collapse:collapse;  border:1px solid #ccc;}

img { border: 0px }

a { color:#FF6600; text-decoration: none }

a:hover { text-decoration: underline; color:#FF6633; }

.red { color: #c00 }

.gray { color: #333 }

.blue { color: #039; }

.orange { color: #f60 }

cite, em { font-weight: bold; font-style: normal }

div, form, img, ul, ol, li, p, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; border: 0;  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; }
/*首页文章列表*/


.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: #fff; margin:0 auto; }


/*--------------------------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; }

/*----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:710px; float:right; line-height:22px;background: #fff; border:1px solid #A3D5ED; margin-right:10px; margin-top:5px;}


#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:#2486B5; color:#FFFFFF; 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; text-decoration: none; color:#FFFFFF; }

#single-left .title a:hover { color:#FFFFFF; text-decoration: underline; }

#single-left .content { width:680px; margin:10px; text-align: justify; letter-spacing: 1px; }
#single-left .content a { color:#336600; text-decoration: none }

#single-left .content a:hover { text-decoration: underline; color:#336600; }



#single-left .postlist{ line-height:30px; font-size:14px; }

#single-left .postdate { color:#FF0000; font-size:14px;}

#single-left .postlist a { color:#000; text-decoration: none }

#single-left .postlist a:hover { text-decoration: underline; color:#FF6633; }

#single-left .content h1 { font-size: 18px; font-weight: bold; color: #FF0000; 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 {  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 */


ul,li{list-style:none}
#head{width:956px;  height:90px;  background:url(http://www.yonghe.org/home/upload/top.jpg) no-repeat bottom right}

#head .logo{float:left; margin-top:10px;}


#nav{width:956px; background:url(images/nav.jpg) no-repeat; height:38px; clear:both;}

#nav ul{ width:956px;}
#nav ul li{ float:left; padding-left:20px;line-height:38px; list-style:none; font-size:14px; color:#FFFFFF; font-weight:bold;}
#nav ul li a{ color:#FFFFFF}
#nav ul li.home{ float:left; padding-left:100px;line-height:38px; list-style:none; font-size:14px; color:#FFFFFF; font-weight:bold;}


#left{ width:217px; float:left;margin-left:2px;}
.left { width:215px; border:1px solid #A3D5ED; background-color: #fff; float:left; margin-top:5px;}
.left h1 { height:32px; background: url(images/left.jpg) no-repeat; text-align:left; color:#2486B5; font-weight:bold; line-height:35px;font-size:14px;padding-left:20px; }

.left ul { padding:10px 8px 0 10px;}

.left ul p{ line-height:24px;}

.left ul li { background: url(images/li.jpg) no-repeat;  height:35px; overflow:hidden; color: #666; padding-left:16px; }

.left ul li a { color:#000; text-decoration:none; }

.left ul li a:hover { color:#FF6633; text-decoration: underline; }

#right{ float:right; width:725px;}
.right{ width:721px; border:1px solid #A3D5ED; background-color: #fff;  margin-top:5px; float:left;margin-right:2px;}
.right h1 { height:32px; background: url(images/left.jpg) no-repeat; text-align:left; color:#2486B5; font-weight:bold; line-height:35px;font-size:14px; padding-left:20px;}

.right ul { padding:10px 8px 0 10px;}

.right ul p{ line-height:24px;font-size:14px;}

.rightl{ width:355px; border:1px solid #A3D5ED; background-color: #fff;  margin-top:5px; float:left;margin-right:2px;}
.rightl h1 { height:32px; background: url(images/left.jpg) no-repeat; text-align:left; color:#2486B5; font-weight:bold; line-height:35px;font-size:14px; padding-left:20px;}

.rightl ul { padding:10px 8px 0 10px;}
.rightl ul li { background: url(images/li.jpg) no-repeat;  height:35px; overflow:hidden; color: #666; padding-left:16px; }

.rightl ul li a { color:#000; text-decoration:none; }

.rightl ul li a:hover { color:#FF6633; text-decoration: underline;}

#bottom{ background:url(images/bottom.jpg) no-repeat bottom; width:956px; height:142px; clear:both; padding-top:20px; color:#FFFFFF; font-size:14px; text-align:center; line-height:24px}
#middle{margin-top:5px; width:956px;}
.cp{float:left; margin-left:11px; margin-top:10px; padding-bottom:10px;}