/* CSS Document */
body{padding:0px; margin:0px; background:url(pic/mainbg.gif) 0 0 repeat-x; font:14px/20px Arial, Helvetica, sans-serif;}
div, p, ul, h1, h2, h3, form, label{margin:0px; padding:0px;}
ul{list-style-type:none;}

/*---Top Panel---*/
#topPan{width:729px; height:500px; position:relative; margin:0 auto;}

#topPan ul{width:729px; height:44px; background:url(pic/topmenubg.jpg) 0 0 no-repeat; font-size:13px; position:absolute; top:0px; left:0px;}
#topPan ul li{width:114px; float:left;}
#topPan ul li.leftpadding{padding:0 0 0 59px; width:114px;  color:#674E00; text-decoration:none; text-align:center; line-height:44px; background-image:url(pic/home.gif); background-repeat:no-repeat; background-position:15px 0;}
#topPan ul li a{width:114px; height:44px; display:block; background:url(pic/menubg-normal.gif) 0 0 repeat-x #F2F2F2; color:#674E00; text-decoration:none; text-align:center; line-height:44px;}
#topPan ul li a:hover{width:114px; background:#fff; color:#674E00; text-decoration:none;}

#topPan #logo{width:63px; height:73px; position:absolute; top:108px; left:46px;}
#topPan h2{width:160px; height:40px; display:block; background:url(pic/companyname.gif) 0 0 no-repeat #FFFCF2; color:#B38800; position:absolute; top:108px; left:114px; font-size:12px; line-height:16px; padding:41px 0 0; font-weight:normal;}

#topPan .b{width:300px; height:316px; background:url(pic/meinv.gif) 0 0 no-repeat; position:absolute; top:200px; right:0px; text-indent:-3000px; color:#999999; font-size:14px; cursor:pointer;}
#topPan .c{width:300px; height:316px; background:url(pic/nv.gif) 0 0 no-repeat; position:absolute; top:200px; right:0px; text-indent:-3000px; color:#999999; font-size:14px; cursor:pointer;}
#topPan .d{width:300px; height:316px; background:url(pic/meinv.gif) 0 0 no-repeat; position:absolute; top:200px; right:0px; text-indent:-3000px; color:#999999; font-size:14px; cursor:pointer;}

#topPan form{width:380px; height:46px; background:url(pic/formarea.gif) 0 0 no-repeat #fff;  color:#6E6E6E; position:absolute; top:242px; left:31px; font:18px/46px Georgia, "Times New Roman", Times, serif;}
#topPan form label{float:left; width:104px; display:block; padding:0 0 0 72px;}
#topPan form input{width:112px; height:18px; float:left; display:block; margin:12px 14px 0 0;}
#topPan form input.button{width:50px; height:19px; float:left; display:block; border:none; background:url(pic/button.gif) 0 0 no-repeat #F2F2F2; font-size:14px; line-height:19px; font-weight:bold; color:#fff; text-align:center; margin:12px 0 0;}

.flash{ width:729px; height:150px; position:absolute; top:44px;}
/* card*/
.cardoutside{ width:423px; height:300px; position:absolute; top:200px;}
.card{ width:422px; height:285px; background-image: url(pic/card.gif); background-repeat:no-repeat; background-color:#FFFFFF;}
.card p.topicup{ font-family:Arial, Helvetica, sans-serif; font-size:28px; color:#990000; font-weight:bold; padding:90px 0px 0px 100px;}
.card p.topicdown{ font-family:Arial, Helvetica, sans-serif; font-size:28px; color:#990000; font-weight:bold; padding:30px 0px 0px 65px;}
.card p.shadow { background-image:url(pic/shadow.gif); background-repeat:no-repeat; position:absolute; display:block; top:240px; width:422px; height:50px; left:11px; float:left;}
.card p.shadow b{width:48px; height:47px; background-image:url(pic/jiamenglogo.gif); background-repeat:no-repeat; display:block; float:left; margin-left:10px !important; margin-left:20px;}
.card p.shadow span{line-height:50PX; font-family:"ËÎÌå"; font-size:14px; color:#990000; width:100px; height:50px; display:block; float:left; padding-left:10px;}
.cb1, .cb2, .cb3, .cb4, .cb5, .cb6, .cb7 {display:block; overflow:hidden; font-size:0;}
.cb1, .cb2, .cb3, .cb4, .cb5, .cb6 {height:1px;}
.cb4, .cb5, .cb6, .cb7 {border-left:3px #FFFFFF solid; border-right:3px ##FFFFFF solid; border-width:1px;}

.cb1 {margin:0 10px; background:#FFFFFF;}
.cb2 {margin:0 8px; background:#FFFFFF;}
.cb3 {margin:0 6px; background:#FFFFFF;}
.cb4 {margin:0 4px; background:#FFFFFF; border-width:0 5px;}

.cb5 {margin:0 3px; background:#FFFFFF; border-width:0 4px;}
.cb6 {margin:0 2px; background:#FFFFFF; border-width:0 3px;} 
.cb7 {margin:0 1px; background:#FFFFFF; border-width:0 3px; height:3px;}
/* card*/
/* girl*/
#box{display:none; width:180px; height:105px; position:absolute; z-index:2; left:430px; position:absolute;top:200px; overflow:hidden;}
#yuanjiao{width:136px; float:left;}
#boxcontent{width:130px; height:88px; background-color:#FDE8EA; border-left:3px #CCCCCC solid; border-right:3px #CCCCCC solid; font-size:12px; color:#990000; line-height:18px; text-indent:2em; text-align:center;}
#box em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-left:12px solid #CCCCCC; border-top:12px dotted transparent; border-bottom:12px dotted transparent; float:left; top:42px; position:absolute;}
#box span {display:block; width:0; height:0;  overflow:hidden; border-left:10px solid #FDE8EA; border-top:10px dotted transparent; border-bottom:10px dotted transparent; float:left; top:44px; position:absolute; left:133px;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {border-left:2px #CCCCCC solid; border-right:2px #CCCCCC solid; border-width:1px;}

.xb1 {margin:0 8px; background:#CCCCCC;}
.xb2 {margin:0 6px; background:#CCCCCC;}
.xb3 {margin:0 5px; background:#CCCCCC;}
.xb4 {margin:0 3px; background:#FDE8EA; border-width:0 5px;}

.xb5 {margin:0 2px; background:#FDE8EA; border-width:0 4px;}
.xb6 {margin:0 2px; background:#FDE8EA; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#FDE8EA; border-width:0 3px; height:1px;}
/* girl*/
.longbox{ width:100px; position:absolute; left:325px; top:269px; height:30px; border:1px #999999 dashed; background-color:#E4E4E4; z-index:1; font-size:12px; line-height:30px;text-align:center; color:#FFFFFF;}
.longbox a{ font-size:14px; text-decoration:none;}
.longbox a:link{color:#FFFFFF;}
.longbox a:hover{color:#990000; margin-top:2px;}
.midbox{ width:100px; position:absolute; left:325px; top:337px; height:30px; border:1px #999999 dashed; background-color:#E4E4E4; z-index:1; font-size:12px; line-height:30px;text-align:center; color:#FFFFFF;}
.midbox a{ font-size:14px; text-decoration:none;}
.midbox a:link{color:#FFFFFF;}
.midbox a:hover{color:#990000; margin-top:2px;}
/*---/Top Panel---*/

/*---Middle Panel---*/
#middlePan{width:729px; background:url(pic/middlebg.jpg) 0 0 no-repeat; position:relative; margin:0 auto; padding:0 0 0 0;}

#middletopPan{width:729px; position:relative; top:0px; left:0px;}
#middletopPan p.captiontext{font:17px/22px Georgia, "Times New Roman", Times, serif; background:#fff; color:#989898; padding:0 270px 0 0; text-indent:35px;} 
#middletopPan p.name{width:77px; background:#fff; color:#000; font-size:14px; font-style:italic; font-weight:bold; padding:0 0 0 300px;}
#middletopPan span.border{background:url(pic/dot-line.gif) 0% 50% repeat-x; height:30px; padding:0px; margin:0px; display:block;}
#middletopPan #services{width:254px; height:101px; background:url(pic/servicesbg.jpg) 0 0 no-repeat #DFCC97; color:#fff; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; position:absolute; top:0px; right:0px;}
#middletopPan #services p.largeone{font-size:24px; padding:18px 0 0 100px;}
#middletopPan #services p.largetwo{font-size:30px; padding:5px 0 0 100px;}
#middletopPan #services p.click{width:51px;}
#middletopPan #services p.click a{width:40px; height:16px; display:block; font-size:12px; background:url(pic/arrow.gif) 0% 50% no-repeat #660000; line-height:16px; color:#fff; text-decoration:none; margin:14px 0 0 136px; padding:0 0 0 20px;}
#middletopPan #services p.click a:hover{color:#FF0000;}
/*---/Middle Panel---*/


/*---Footer Panel---*/
#footerpan{width:729px; height:400px; margin:0px auto;}
#footerpan .flash_bg{width:720px; height:400px; background:url(pic/flash_bg.gif) 8px 0 no-repeat;}
#footerpan .flash_bg span{width:420px; height:260px; position:relative; top:60px; left:156px; display:block;}
#footerpan .flash_bg span.flashfontcolor a{ color:#FFFFFF; font-size:16px;}
#footerpan .copyright{ width:720px; height:20px; color:#FFFFFF; font-family:"ËÎÌå"; font-size:12px; background-color:#990000;}

