@charset "utf-8";
/* CSS document designed by Vinaro cheung on 2009.07.11 */

body { margin:0px; padding:0px; font-family:tahoma, simsun, arial; font-size:12px; color:#0e0e0e; background:#296985; }
ul, li, dl, dt, dd, form, h1, h2, h3, h4, h5 { margin:0px; padding:0px; list-style:none; }
img { border:0px; }

#container { width:820px; background:#ffffff; margin:0 auto; }
#container .innerbg { width:820px; float:left; background:#ffffff; }
#container .bg { width:791px; float:left; overflow:hidden; background:url(images/round.gif) #787878 no-repeat 271px 634px; }
#header { width:791px; height:41px; background:url(images/headerbg.gif) no-repeat; }
#left { width:271px; height:658px; float:left; background:url(images/leftbg.jpg) no-repeat; position:relative; }
#index { width:520px; float:left; /*background:url(images/rightbg.gif) no-repeat #ffffff left bottom;*/ background:#ffffff; overflow:hidden; }
#footer { width:820px; height:38px; clear:both; background:url(images/footerbg.gif) #ffffff no-repeat; margin:0 auto; overflow:hidden; }
#footer ul { width:775px; float:left; text-align:right; padding-right:45px; }
#footer ul li { display:inline; padding-left:17px; }
#footer a { color:#ffffff; text-decoration:none; }
#footer a:hover { text-decoration:underline; }

h1 { width:206px; height:137px; display:block; margin:0 auto; padding-top:25px; }
.lang { width:177px; height:20px; padding-left:94px; float:left; }
.lang ul { float:left; padding-top:3px; }
.lang li { display:inline; background:url(images/arrow.gif) no-repeat left center; padding-left:5px; font-family:"宋体"; padding-right:10px; }
.lang a { color:#000000; text-decoration:none; }
.lang a:hover { text-decoration:underline; }
.nav { width:517px; height:38px; padding-left:0px; float:left; overflow:hidden; }
.nav ul { width:520px; float:left; }
.nav li { width:103px; height:38px; display:block; float:left; font-weight:bold; text-align:center; margin-right:1px; }
.nav a { color:#f4efef; text-decoration:none; display:block; height:28px; padding-top:10px; }
.nav a:hover { color:#248fc6; }
.nav li.curr { background:url(images/curr.gif) repeat-x; }
.nav .nav_index { width:110px; overflow:hidden; }
.nav .nav_intro { width:95px; }
.nav .nav_service { width:102px; }
.nav li.indexcurr { background:url(images/index.gif) repeat-x; }
.nav li.contactcurr { background:url(images/last.gif) repeat-x; }

.intro { width:360px; height:120px; background:url(images/index.jpg) no-repeat 340px bottom; padding-right:140px; line-height:20px; text-indent:24px; overflow:hidden; position:relative; padding-left:20px; }
.intro h2 { font-size:12px; color:#248fc6; margin:20px 0px 5px; text-indent:0px; }
.intro p { margin:0px; }

.more { color:#666666; background:url(images/arrow1.gif) no-repeat left 4px; width:56px; display:block; padding-left:10px; position:absolute; left:300px; bottom:0px; text-indent:0px; text-decoration:none; }
.more:hover { text-decoration:underline; }

.service { width:520px; height:222px; background:url(images/bg1.gif); overflow:hidden; }
.service h2 { height:33px; padding-left:45px; font-size:12px; line-height:33px; display:block; color:#ffffff; }
.service .img { width:215px; float:left; padding-left:16px; padding-top:13px; }
.service p { width:235px; float:right; margin:0px; padding-right:15px; line-height:20px; text-indent:24px; color:#444444; }
.service p.p { padding-top:13px; }
.service ul { width:235px; float:left; padding-left:18px; padding-top:13px; }
.service ul li { width:109px; background:url(images/p.gif) no-repeat left center; padding-left:7px; float:left; line-height:20px; }
.service ul li.l1 { width:129px; }
.service ul li.l2 { width:89px; }
.service ul li a { color:#000000; text-decoration:none; }
.service ul li a:hover { text-decoration:underline; }
.service ul li.red { background:url(images/p1.gif) no-repeat left center; }
.service ul li.red a { color:#ae0000; }

.company { width:520px; height:286px; background:url(images/bg2.gif) no-repeat; overflow:hidden; }
.company h2 { font-size:12px; color:#ffffff; height:32px; line-height:32px; }
.his { width:167px; float:left; padding-left:16px; line-height:20px; }
.his h2 { padding-left:33px; }
.his img { margin-top:15px; }
.his li { background:url(images/p2.gif) no-repeat left center; padding-left:12px; }
.his li a { color:#000000; text-decoration:none; font-family:"宋体"; }
.his li a:hover { text-decoration:underline; }
.his p { color:#4f4f4f; margin:10px 0px; }
.china { width:303px; float:left; padding-left:20px; line-height:18px; color:#444444; }
.china p { text-indent:24px; margin:10px 0px; }
.china h2 { padding-left:15px; }

.more1 { color:#980d10; background:url(images/arrow2.gif) no-repeat left 2px; text-decoration:none; padding-left:12px; }
.more1:hover { text-decoration:underline; }

#copyright { width:271px; height:55px; position:absolute; left:0px; bottom:0px; color:#acabab; text-align:center; padding-top:10px; line-height:20px; }
#copyright a { color:#acabab; text-decoration:none; }
#copyright a:hover { text-decoration:underline; }

#service { width:520px; float:left; background:url(images/bottom.png) no-repeat left bottom; padding-bottom:20px; overflow:hidden; }
.title { width:520px; height:174px; background:url(images/service.jpg) no-repeat #ffffff; overflow:hidden; }
.title ul { width:400px; padding-top:80px; float:left; padding-left:18px; }
.title ul li { background:url(images/p.gif) no-repeat left center; padding-left:8px; display:inline; line-height:20px; float:left; white-space:nowrap; padding-right:10px; width:85px; }
.title ul li a { color:#000000; text-decoration:underline; }
.title ul li a:hover { text-decoration:none; }
.title .l1 { width:140px; }
.title .l2 { width:140px; }
.maincon { width:520px; float:left; }
.innermian { width:520px; float:left; background:url(images/center.gif) repeat-y; }
.warpmain { width:490px; float:left; background:url(images/top.gif) no-repeat; padding-left:20px; padding-right:10px; line-height:24px; }
.warpmain p { margin:0px; }
.warpmain h2 { font-size:14px; color:#d61017; margin:10px 0px 5px; padding-top:10px; }
.warpmain table a { color:#000000; text-decoration:none; }
.warpmain table a:hover { text-decoration:underline; }

#contact { width:520px; float:left; overflow:hidden; }
#contact .title { width:500px; height:100px; background:url(images/contact.jpg) no-repeat #ffffff; overflow:hidden; padding-top:88px; padding-left:20px; line-height:24px; }

.guestbook { width:520px; height:454px; background:url(images/guestbook.jpg); position:relative; }
.text { width:212px; height:20px; border:1px #a0a0a0 solid; background:#f5f5f5; }
.guestbook textarea { width:380px; height:175px; border:1px #a0a0a0 solid; background:#f5f5f5; }
.guestbook dl { width:520px; float:left; padding-left:20px; padding-top:50px; }
.guestbook dt { width:70px; float:left; padding-right:20px; text-align:right; line-height:24px; }
.guestbook dd { width:400px; float:left; padding-bottom:8px; }
.place { width:110px; height:50px; position:absolute; right:0px; top:35px; padding-left:5px; }
.place a { color:#000099; font-size:14px; font-weight:bold; }
.place a:hover { color:red; }
.map { width:783px; float:left; position:absolute; left:0px; background:#ffffff; border:1px #000000 solid; }
.map a { font-size:14px; margin-left:10px; text-decoration:none; }
.map a:hvoer { color:red; }

#about { woutidth:520px; float:left; overflow:hidden; }
#about .title { background:url(images/about.jpg) no-repeat #ffffff; }
.aboutus { width:490px; height:474px; overflow:hidden; background:url(images/about_1.jpg) no-repeat; padding-left:20px; padding-right:10px; line-height:24px; }
.im { width:490px; float:left; clear:both; color:#666666; padding-bottom:5px; }
.aboutus h2 { width:490px; float:left; clear:both; font-size:12px; color:#d61017; margin:10px 0px 5px; }
.aboutus h3 { font-size:12px; line-height:40px; padding-left:30px; color:#ffffff; }
.aboutus .p1 { margin:0px; text-indent:24px; }
.aboutus .p2 { width:170px; float:left; margin:0px; text-indent:24px; }
.aboutus .img { float:right; }

#friends .title { width:520px; height:110px; background:url(images/friends.jpg) no-repeat #ffffff; overflow:hidden; }
.flist { width:480px; height:525px; overflow:hidden; background:url(images/friends_1.jpg) no-repeat; padding:20px; }
.flist li { width:230px; height:58px; float:left; margin-right:10px; }

#manifesto { width:520px; float:left; background:url(images/bottom.png) no-repeat left bottom; padding-bottom:20px; overflow:hidden; }
#manifesto .title { height:172px; background:url(images/manifesto.jpg) no-repeat #ffffff; }